/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* Animation boutons */
/* Sweep To Right */
.btn-primary {
    background: #645e9d;
    color: #fff;
    display: inline-block;
    font-size: 18px;
	/*font-size:1.125rem;*/
    height: 60px;
    line-height: 60px;
    margin: 0 0 0 30px;
    padding: 0 25px;
    text-decoration: none;
    vertical-align: top;
}

.btn-contact{margin:0;height:auto;}

.btn-primary:hover{color:#fff!important;}

.btn-primary,
.nav .lien a {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn-primary:before,
.nav .lien a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #443e7d;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-primary:hover:before, .btn-primary:focus:before, .btn-primary:active:before,
.nav .lien a:hover:before, .nav .lien a:focus:before 
{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/*
ACCES
--------------------------*/
.box-access {
    border: 1px solid #e6e6e6;
    font-size: 0; /*INLINE BLOCK HACK*/
    margin: 50px 0;
    overflow: hidden;
}
.box-access ul {
    border-right: 1px solid #e6e6e6;
    display: inline-block;
    height: 540px;
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 270px;
}
.box-access li {
    height: 33.3333%;
}
.box-access li + li {
    border-top: 1px solid #e6e6e6;
}
.box-access li a {
    display: block;
    height: 100%;
    padding: 20px;
    text-decoration: none;
    /**/
    transition: all 300ms ease-out;
}
.box-access li a:hover,.box-access li a:focus,
.box-access .is-active a {
    background: #eee;
}
.box-access li h3 {
    color: #434343;
    font-size: 19px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}
.box-access li address {
    color: #a6a6a6;
    font-size: 18px;
    font-style: normal;
	margin-bottom: 0;
}
.box-access .gmap {
    background: #dadada;
    display: inline-block;
    height: 540px;
    vertical-align: top;
    width: calc(100% - 270px);
}
.box-access-directions {
    border-top: 1px solid #e6e6e6;
    padding: 20px;
	overflow:hidden;
}
.box-access-directions .btn-geoloc {
    background: url('./images/icon-target.svg') no-repeat 50% 50% #645e9d;
    background-size: 40px;
    border: 0;
    direction: ltr;
    height: 60px;
    text-indent: -999em;
    vertical-align: top;
    width: 60px;
    /**/
    transition: all 300ms cubic-bezier(.18,.89,.32,1.28);
}
.box-access-directions .btn-geoloc:hover,.box-access-directions .btn-geoloc:focus {
    background-size: 50px;
}
.box-access-directions .input-geoloc {
    background: #fff;
    border: 1px solid #e6e6e6;
    color: #434343;
    font-size: 18px;
	/*font-size:1.125rem;*/
    font-style: italic;
    height: 60px;
    /*margin: 0 70px 0 0;*/
	margin: 0;
    padding: 0 25px;
    vertical-align: top;
    /*width: 465px;*/
    /**/
    transition: all 300ms ease-out;
}
.box-access-directions .input-geoloc:focus {
    border-color: #645e9d;
}
.btn-travel-type {
    background: url('./images/icon-car-grey.svg') no-repeat 50% 50% #fff;
    border: 0;
    height: 60px;
    padding: 0;
    position: relative;
    width: 60px;
    font-size: 0px;
}
.btn-travel-type:before {
    content: '';
    background: url('./images/icon-car-active.svg') no-repeat 0 0;
    display: block;
    height: 25px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 28px;
    /**/
    transform: translateX(-50%) translateY(-50%);
    /**/
    transition: all 250ms ease-out;
}
.btn-travel-type:hover:before,
.btn-travel-type:focus:before,
.btn-travel-type.is-active:before {
    opacity: 1;
}
.travel-type-bus {
    background-image: url('./images/icon-bus-grey.svg');
}
.travel-type-bus:before {
    background-image: url('./images/icon-bus-active.svg');
    width: 21px;
}
.travel-type-walk {
    background-image: url('./images/icon-walk-grey.svg');
}
.travel-type-walk:before {
    background-image: url('./images/icon-walk-active.svg');
    width: 15px;
}
.travel-type-bike {
    background-image: url('./images/icon-bike-grey.svg');
}
.travel-type-bike:before {
    background-image: url('./images/icon-bike-active.svg');
    width: 43px;
}
.box-access-directions .btn-search-route {
    background: #645e9d;
    color: #fff;
    display: inline-block;
    font-size: 18px;
	/*font-size:1.125rem;*/
    height: 60px;
    line-height: 60px;
    margin: 0 0 0 30px;
    padding: 0 25px;
    text-decoration: none;
    vertical-align: top;
}
.box-access-directions-results {
    color: #434343;
    font-size: 18px;
	/*font-size:1.125rem;*/
    max-height: 0;
    overflow: scroll;
    /**/
    transition: all 250ms ease-out;
}
.box-access-directions-results.is-active {
    max-height: 600px;
    padding: 20px;
}
.box-access-directions-results .adp-placemark {
    background: none;
    border: 0;
    font-size: 20px;
	/*font-size:1.25rem;*/
    font-weight: bold;
}
.box-access-directions-results .adp-step, 
.box-access-directions-results .adp-substep {
    border: 0;
    padding: 7px;
}
.box-access-directions-results .adp-substep:first-child,
.box-access-directions-results .adp-legal {
    display: none;
}
.box-access-directions-results .adp-substep:nth-child(2) {
    color: #645e9d;
    font-weight: bold;
}
.box-access-directions-results .adp-distance {
    color: #645e9d;
}


@media (max-width: 767px) {
  .box-access-directions {
    padding: 0;
  }
}
@media (max-width: 1200px) {
  .box-access-directions {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .box-access-directions .input-geoloc {
    width: 200px;
  }
}
@media (min-width: 768px) {
  .box-access-directions .input-geoloc {
    width: 450px;
  }
}
@media (min-width: 1200px) {
  .box-access-directions p {
    float: left;
  }
}
@media (min-width: 1200px) {
  .box-access-directions p.item-travel {
    margin-left: 30px;
  }
}
@media (max-width: 700px) {
  .box-access-directions .btn-search-route {
    margin-left: 0;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .box-contact-medecin .box-access-directions .input-geoloc {
    width: 340px;
  }
}
@media (min-width: 1200px) {
  .box-contact-medecin .box-access-directions p.item-travel {
    margin-left: 0px;
  }
}

.list-clinic{list-style:none;margin:0!important}
.list-clinic li{
	display:inline;
}
.list-clinic .btn-primary {
	height:auto;
	margin:10px 1%;
	padding: 15px 25px;
	width: 35%;
}
.list-clinic .btn-primary *{color:#fff!important; line-height:22px;}

.item-travel2{margin-left:0!important}

#geo-loc2{width:450px}

.blocs_praticiens{border: 1px solid #eeeeee; padding:30px !important; margin-bottom:20px!important}
.blocs_praticiens_adresses address{font-style:normal;}
.blocs_praticiens_adresses{border: 1px solid #eeeeee; padding:30px 30px 10px 30px !important;border-bottom:none; margin-bottom:0!important}
.blocs_praticiens_carte{border: 1px solid #eeeeee; padding:10px 30px 30px 30px !important;border-top:none}
.blocs_praticiens .vc_column-inner{padding: 10px 10px 10px 10px!important}
.blocs_praticiens h3{word-break: keep-all;font-size:30px;line-height:34px}

.box-access-directions{border-top:none;padding:0 0 20px 0}