/*
 Theme Name:     Saban
 Theme URI:
 Description:    Salient Child Theme
 Template:       salient
 Version:        1.0.0
*/

@import url("../salient/style.css");

/*
 * Header
**/

/* appointment text */

#make-appointment {
  position: absolute;
  right: 0;
  top:5px;
  text-align: right;
  font-size: 1.3em;
  border-bottom: 1px solid #dedede;
  padding-bottom: 8px;
  padding-left: 80px;
  line-height: 23px;
}

.small-nav #make-appointment {
  border:none;
  top:-8px;
}

#make-appointment, #make-appointment p a {
  color:#777;
  font-weight: bold;
}

#make-appointment p {
  padding:0;
}

#make-appointment span {
  font-weight: normal;
  font-size: 16px;
}

@media only screen and (max-width: 1120px) {
  #make-appointment {
    right:45px;
  }
}

#make-appointment .inner-wrap.mobile {
	display:none;
}

@media only screen and (max-width: 700px) {
  #make-appointment {
	top: 50%;
    padding-bottom: 0;
    border: none;
-moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
     transform: translateY(-50%);	
  }
	
  #make-appointment p a, #make-appointment span a, #make-appointment p, #make-appointment span {
    color: #777;
    font-weight:normal;
  }
	
  #make-appointment .inner-wrap {
    display:none;
  }
	
  #make-appointment .inner-wrap.mobile {
    display:block;
  }

}

/* Primary Nav */

#header-outer {
  padding-top:15px !important;
}

header#top nav ul li a {
  color:black;
}

header#top nav >ul.sf-menu >li:last-child a {
  margin-right:0 !important;
}

body:not(.material) header#top nav > ul > li:not(#social-in-menu) > a {
  padding-bottom:30px !important;
  padding-top:10px !important;
}

header#top nav >ul {
  top:76px;
  position:relative;
}

body[data-dropdown-style="minimal"]:not([data-header-format="left-header"]) header#top .sf-menu li ul {
  top:59px !important;
}

body:not(.material) .small-nav header#top nav > ul > li:not(#social-in-menu) > a {
  padding-bottom:19px !important;
}

.small-nav header#top nav >ul {
  top:46px;
  position:relative;
}

body[data-dropdown-style="minimal"]:not([data-header-format="left-header"]) .small-nav header#top .sf-menu li ul {
  top:56px !important;
}

body #header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a {
  margin-left: 20px;
  margin-right: 20px;
}

/* Secondary Nav */

#header-secondary-outer {
  background-color:black;
  border-bottom:none;
}

body #header-secondary-outer nav >ul >li >a {
  color:white;
  border:none !important;
  font-size:18px;
  padding:15px 20px !important;
}

body #header-secondary-outer li:hover {
  border:none !important;
}

#header-secondary-outer .sf-menu a {
  margin:0px;
}

#header-secondary-outer ul {
  height:auto;
}

#header-secondary-outer .chart-login {
  background-color:#8a8a8a;
}

@media only screen and (max-width: 500px) and (min-width: 1px) {
	#header-secondary-outer .chart-login {
	  width:115%;
	  margin-left:-40px;
	  margin-right:-40px;
	}
	
	nav ul.sf-menu {
		padding-top:0 !important;
	}
}

#header-secondary-outer ul a:hover, #header-secondary-outer nav >ul >li.current-menu-item >a {
  background-color:#6e96b6;
  border:none !important;
}

@media only screen and (max-width: 1000px) and (min-width: 1px) {
  body:not(.material) #header-secondary-outer nav ul.sf-menu {
    border:none !important;
  }
}

@media only screen and (max-width: 1000px) and (min-width: 690px) {
  body:not(.material) div#header-secondary-outer nav > ul > li:last-child {
    border:none !important;
  }
}

/* search */

#header-secondary-outer #search-btn .icon-salient-search {
  background-color:transparent !important;
  height:28px;
  font-size:20px;
}

#header-secondary-outer li#search-btn a {
  padding:15px 0 0;
  margin-right:20px;
}

@media only screen and (max-width: 1000px) {
  #header-secondary-outer li#search-btn {
    display:none !important;
  }
}

/* google translate */
.menu-item-gtranslate #gtranslate_wrapper {
  position:static !important;
  padding-top:9px;
}

/* news ticker */
.ticker-slides .slick-dots {
  bottom:-60px;
}


/*----- Microsite -----*/

/*
 * Family Image Popups
**/

.fi-popup h3 {
  margin-bottom:1em;
  text-align: center;
}

.fi-popup {
  display:none;
  position: fixed;
  width: 65%;
  height: auto;
  left: 50%;
  top: 50%;
  z-index: 999999;
  background-color: #fff;
  padding: 40px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  box-shadow: 0 3px 12px 3px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 0 3px 12px 3px rgba(0, 0, 0, 0.32);
  -webkit-box-shadow: 0 3px 12px 3px rgba(0, 0, 0, 0.32);
}

.fi-popup h3 {
  border-bottom:2px solid rgb(112, 159, 91);
  padding: 1em 0 1.5em;
  padding-right: 60px;
  text-align: left;
  font-size: 25px;
  line-height: 1.2em;
  background: transparent center right no-repeat;
  background-size:75px 75px;
  font-weight: bold;
}

.fi-popup .popup-content img {
  height:auto;
  width:100%;
}

.popup-content .vc_col-sm-6 {
    padding-right: 10%;
    color: black;
}

@media screen and (max-height:500px) {
  .fi-popup {
    top:5%;
    transform:translate(-50%, 0);
  }
}

.fi-popup-overlay {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999998;
}

.fi-popup .close {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #ccc;
  font-size: 20px;
  cursor: pointer;
}

.fi-popup.family1,
.fi-popup.family6,
.fi-popup.family5 {
  left:35%;
}

.fi-popup.family2,
.fi-popup.family3,
.fi-popup.family4 {
  left:60%;
}

@media only screen and (max-width:1000px) {
  .fi-popup .popup-content img {
    display:none;
  }

  .popup-content .vc_col-sm-6 {
    margin-bottom:2em;
  }

  .fi-popup h3 {
    background-size:15%;
  }

  .fi-popup.family1,
  .fi-popup.family6,
  .fi-popup.family5,
  .fi-popup.family2,
  .fi-popup.family3,
  .fi-popup.family4 {
    left:50%;
  }

  .fi-popup {
    width:65%;
  }

}

@media screen and (max-width:640px) {
  .fi-popup {
    width:100%;
    height:100%;
    left:0 !important;
    top:0;
    transform:none;
    font-size:12px;
    line-height:1.5em;
    padding:40px 30px 30px;
  }

  .fi-popup h3 {
    padding:0 0 1em;
    font-size:18px;
    background:none !important;
  }
}

/*
 * Colorful grid
**/

#saban-grid {
  width:1147px;
  height:790px;
  color:white;
  line-height:1em;
}

.tile {
  float:left;
  overflow:hidden;
}

.tile-inner {
  overflow:hidden;
}

.tiles {
  margin:0 auto;
}

.tile-text, .tile-price {
  position:relative;
  z-index:2;
}
.tile-text {
  display:none;
  padding:20px;
  text-align: left;
  line-height: 20px;
}

.tile-price {
  position:absolute;
  left: 15px;
  bottom:10px;
  font-size:40px;
  font-weight: bold;
  line-height:1em;
  border-top:1px solid white;
  padding-top:7px;
  padding-bottom:0;
}

/* col widths */
/*.tiles .tile-col-1 { width:310px; }
.tiles .tile-row-1 .tile-inner.tile-width-half  { width:calc((100% - 15px) / 2); float: left; }
.tiles .tile-col-2 { width:180px; }
.tiles .tile-col-3 { width:282px; }*/

/* row heights */
/*.tiles .tile-row-1 { height:225px; }
.tiles .tile-row-2 .tile-inner.tile-height-half { height:calc((100% - 15px) / 2); }
.tiles .tile-row-2 { height:315px; }*/

.tiles .tile-col-1 { width:38.89%; }
.tiles .tile-row-1 .tile-inner.tile-width-half  { width:calc((100% - 15px) / 2); float: left; }
.tiles .tile-col-2 { width:22.58%; }
.tiles .tile-col-3 { width:35.38%; }


/* row heights */
.tiles .tile-row-1 { height:40.90%; }
.tiles .tile-row-2 .tile-inner.tile-height-half { height:calc((100% - 15px) / 2); }
.tiles .tile-row-2 { height:57.27%; }

.tiles .tile-inner {
  position:relative;
  background-color:transparent;
  background-position:center center;
  background-size: cover;
  width:100%;
  height:100%;
  cursor:pointer;
}

.tiles .tile-overlay,
.tiles .tile-inner:after {
  content:"";
  width:100%;
  height:100%;
  background-color:inherit;
  opacity:0.6;
  position:absolute;
  left:0;
  top:0;
}

.tiles .tile-overlay {
  top:100%;
}

.tiles .tile-inner.tile-width-half:first-child { margin-right:15px; }
.tiles .tile-row { margin-bottom:15px; }
.tiles .tile-row-last { margin-bottom:0; }

.tiles .tile-inner.tile-height-half:first-child { margin-bottom:15px; }
.tiles .tile-col { margin-right:15px; }
.tiles .tile-col-last { margin-right:0; }

@media only screen and (max-width:1320px) {
  #saban-grid {
    width:800px;
    height:auto;
  }

  .tiles .tile-col-1 { width:calc(50% - 15px);}
  .tiles .tile-col-2 { width:50%; margin-right:0;}
  .tiles .tile-col-3 { width:calc(50% - 15px); margin-right:15px;}

  .tiles .tile-row-1 { height:386px; }
  .tiles .tile-row-2 .tile-inner.tile-height-half { height:calc((386px) / 2); }
  .tiles .tile-row-2 { height:386px; }

  .tiles .tile-row-2.tile-col-1 { margin-right:0; }
  .tiles .tile-row-2.tile-col-1 { width:50%; margin-bottom:15px; }
  .tiles .tile-row-2.tile-col-2 { width:calc(50% - 15px); margin-right:15px;}
  .tiles .tile-row-2.tile-col-3 { width:50%; margin-right:0;}

  .tile-price {
    font-size:40px;
  }

  .tile-row-2.tile-col-1 .tile-inner.tile-height-half:nth-child(2) .tile-price {
    bottom:22px;
  }
}

@media only screen and (max-width:1000px) {
  #saban-grid {
    width:400px;
    height:auto;
  }

  .tiles .tile-col-1,
  .tiles .tile-col-2,
  .tiles .tile-col-3,
  .tiles .tile-row-2.tile-col-1,
  .tiles .tile-row-2.tile-col-2,
  .tiles .tile-row-2.tile-col-3,
  .tiles .tile-row-1 .tile-inner.tile-width-half { width:100%; margin-bottom:15px}

  .tiles .tile-row-1,
  .tiles .tile-row-2,
  .tiles .tile-row-2 .tile-inner.tile-height-half { height:386px; }

  /*.tiles .tile-row-2.tile-col-1 { margin-right:0; }
  .tiles .tile-row-2.tile-col-1 { width:50%; margin-bottom:15px; }
  .tiles .tile-row-2.tile-col-2 { width:calc(50% - 15px); margin-right:15px;}
  .tiles .tile-row-2.tile-col-3 { width:50%; margin-right:0;}*/

  .tile { float:none; }
  .tile-inner.tile-width-half { 
	  height: calc(386px - 15px);
  }
  .tile-row-1.tile-col-1,
  .tile-row-2.tile-col-1 {
	height: calc(386px *2);
    margin-bottom:0;
  }	
	
  .tile-price {
    font-size:40px;
  }
}

@media only screen and (max-width:560px) {
  #saban-grid {
    width:100%;
    height:auto;
  }
}

/*
 * Testimonial slider
**/

.testimonial_slider .flickity-viewport {
  overflow:visible !important;
}

.testimonial_slider .flickity-page-dots {
  display:none;
}

.testimonial_slider .flickity-enabled {
  text-align: center;
}

.saban-slide-arrows {
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 2px;
  color: black;
  border: 2px solid black;
  padding: 0.5% 13%;
  display: inline-block;
  position: relative;
  background-color: #eee;
}

.saban-slide-arrows .fa {
  position: absolute;
  top:50%;
  transform:translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-size:35px;
  color:#579d99;
  cursor:pointer;
}

.saban-slide-arrows .fa-caret-left { left:8px; }
.saban-slide-arrows .fa-caret-right { right:8px; }

.testimonial_slider blockquote p {
  line-height: 1.5em;
  font-size: 15px;
  color: black;
  margin-top:0 !important;
}

.testimonial_slider .slides .image-icon {
  height:217px;
  display:none;
}

.testimonial_slider .slides .slider-image img {
  max-height: 217px !important;
  width:auto !important;
}

.testimonial_slider .slides .slider-image {
  text-align: center;
}

.testimonial_slider .slides img,
.testimonial_slider .slides p {
  padding:0 50px !important;
}

body .testimonial_slider .slides blockquote .wrap {
  display:inline-block;
  width:100%;
}

body .testimonial_slider .slides blockquote .wrap span:first-child {
  color:white;
  font-size:55px !important;
  font-weight: bold;
  background-color:#eee;
  width:100%;
  line-height: 0.9em;
  margin-bottom:50px;
}

.testimonial_slider[data-style="multiple_visible_minimal"] blockquote .inner {
  padding:0 0 0 14px;
}

.testimonial_slider[data-style="multiple_visible_minimal"] blockquote .inner {
  border-radius:0;
}

.testimonial_slider[data-style="multiple_visible_minimal"][data-add-border="true"] blockquote .inner {
  border-width:0 0 0 1px;
  border-color:#ccc;
}

/*
 * Rich testimonial slider
**/

/* using nth-child to add the right-border */

.testimonial_wrapper .rt-slideri:nth-child(-n + 2) {
  border-right:1px solid #ccc !important;
}

@media screen and (max-width:1331px) {
  .testimonial_wrapper .rt-slideri:nth-child(-n + 2) {
    border-right:none !important;
  }

  .testimonial_wrapper .rt-slideri:nth-child(-n + 1) {
    border-right:1px solid #ccc !important;
  }
}

@media screen and (max-width:999px) {
  .testimonial_wrapper .rt-slideri:nth-child(-n + 1) {
    border-right:none !important;
  }
}

.testimonial_wrapper .slider-image {
  text-align:center;
  height:239px;
  position:relative;
}

.testimonial_wrapper .slider-image img {
  max-height:239px;
  max-width:333px;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform:translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.testimonial_wrapper .slider-image {
  margin-bottom: 37px;
}

.testimonial_wrapper .slider-year {
  color:white;
  font-size:40px !important;
  font-weight: bold;
  background-color:#eee;
  width:100%;
  line-height: 0.9em;
  margin-bottom:50px;
  text-align:center;
}

.testimonial_wrapper .slider-text {
  font-size:14px;
  padding:0 23px;
  color:black;
  text-align:center;
}

#testimonial_slider_recent-wrap.rich-testimonials {
  overflow: visible;
}

.rt-nav-arrow-wrap {
  display:block !important;
  position:relative;
  bottom:239px;
  width:106%;
  left:-3%;
}

.rt-nav-arrow-wrap a {
  background-size: 30px 30px !important;
  height: 30px !important;
  width: 26px !important;
}

/*
 * Reveal boxes
**/

#rb-boxes {
  height:400px;
  margin-bottom:0;
}

#rb-boxes h1 {
  font-size:45px;
  color:white;
  line-height:1em;
  padding:0 50px;
  text-transform: uppercase;
}

#rb-boxes .rb-first h1 {
  padding:0 25px;
}

.rb-wrap {
  position:relative;
  min-height:400px !important;
}

.rb-wrap.rb-second {
  background-position-y: 20% !important;
}

.rb-wrap .rb-panel-text {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width:100%;
}

.rb-wrap .nectar-button.large.see-through {
  border-radius:4px !important;
  border-width:1px !important;
  margin-top:3em;
}

.rb-wrap .nectar-button.large.see-through:hover {
  background-color:rgba(255, 255, 255, 0.4) !important;
}

@media screen and (max-width:1219px) {
  #rb-boxes h1 {
    font-size:40px;
  }
}

@media screen and (max-width:1000px) {
  #rb-boxes h1 {
    font-size:45px;
    padding:0;
  }

  .rb-wrap .rb-panel-text {
    width:80%;
  }

  .rb-wrap img {
    display:none;
  }

  .rb-wrap {
    min-height: 400px !important;
  }
}

.rb-slide-group {
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
}

.rb-panel.rb-slide {
  height:400px;
  padding:0 90px;
  background:transparent top right no-repeat;
  position:absolute;
  top:0;
  left:0;
  z-index:0;
}

@media screen and (max-width:1000px) {
  .rb-panel.rb-slide {
    padding:0 10%;
  }
}

#rb-boxes .rb-panel.rb-slide .vc_col-sm-6 {
  height:100% !important;
}

.rb-panel.rb-slide .vc_col-sm-6 .rb-slide-content {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media screen and (max-width:1000px) {
  .rb-controls {
    display:none;
  }

  .rb-panel.rb-slide {
    position:relative;
    display:block;
    z-index:1;
    background-image:none !important;
    text-align: center;
  }

  .rb-slide .rb-close-single {
    display:block !important;
  }
}

.rb-controls {
  position:absolute;
  top:10px;
  right:10px;
  z-index:6;
}

.rb-box, .rb-slide .rb-close-single {
  display:inline-block;
  background: #333;
}

.rb-slide i.fa-times-thin.rb-close-single {
  color:white;
  font-size:24px;
  line-height:1em;
  height:30px;
}

.rb-controls .rb-arrows {
  padding:0 5px;
}

.rb-controls i {
  cursor: pointer;
  top:1px;
}

.rb-controls i.fa-times-thin {
  font-size:24px;
  top:-2px;
}

.rb-controls i.fa-play {
  font-size: 15px;
  width: 15px;
}

.fa-times-thin:before {
	content: '\00d7';
}

.rb-slide i.fa-times-thin {
  font-size:32px;
  cursor:pointer;
  position: absolute;
  top:10px;
  right:10px;
}

/*
 * women's health panel
 */

@media screen and (min-width:1001px) and (max-width:1500px) {
  #womens-health-panel .vc_col-sm-3:first-child {
    display:none;
  }

  #womens-health-panel .vc_col-sm-6 {
    left:450px;
    position: relative;
    padding-left:0;
  }
}

@media screen and (max-width:1000px) {
  #womens-health-panel .row-bg {
    background:none !important;
  }
}

/*
 * Profile Popups
 */

 /*
  * Family Image Popups
 **/

html {
  -ms-overflow-style: scrollbar;
}

.prof-popup {
  display:none;
  position: fixed;
  width:700px;
  height: auto;
  left: 50%;
  top: 50%;
  z-index: 999999;
  background-color: #00aeef;
  padding: 40px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  box-shadow: 0 3px 12px 3px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 0 3px 12px 3px rgba(0, 0, 0, 0.32);
  -webkit-box-shadow: 0 3px 12px 3px rgba(0, 0, 0, 0.32);
  color:white;
}

.prof-popup .popup-content {
  position: relative;
}

.prof-popup h3, .prof-popup p {
  color:white;
  text-align: center;
  font-weight: bold;
}

.prof-popup p {
  font-size: 23px;
  line-height: 1.4em;
}

.prof-popup h3 {
  border-top:1px solid white;
  padding: 1em 0 0;
  font-size:35px;
  bottom: 0;
  position: absolute;
}

.prof-popup .popup-content img {
 height:auto;
}

.profile-text, .profile-image {
  float:left;
}

.profile-text {
  width:calc(40% - 35px);
  margin-left:35px;
}

.profile-text h3 {
  width:calc(40% - 35px);
}

#ashley .profile-text, #ashley .profile-text h3 {
  width:calc(50% - 35px);
}


#ashley .profile-text p {
  font-size:28px;
}

@media screen and (max-width:740px) {
 .prof-popup {
   width:80%;
   height:auto;
   overflow:scroll;
 }

 .profile-text, .profile-image {
   float:none;
 }

 .profile-text, .profile-text h3 {
   width:100% !important;
   margin-left:0;
 }

 .profile-text h3 {
   position:static;
 }

 .profile-text p {
   padding-top:1.5em;
 }

 .profile-image {
   text-align: center;
 }

 .profile-image img {
   width:50%;
   margin:0 auto;
 }
}

@media screen and (max-width:500px) {
  .profile-image img {
    width:80%;
  }

  .profile-text p {
    font-size:20px !important;
  }

  .profile-text h3 {
    font-size:26px !important;
  }
}

@media screen and (max-width:740px) and (max-height:530px) {
  .prof-popup {
    width:90%;
    height:auto;
    top:100%;
  }
}

.prof-popup-overlay {
 display: none;
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,0.5);
 position: fixed;
 top: 0;
 left: 0;
 z-index: 999998;
}

.prof-popup .close {
 position: absolute;
 right: 15px;
 top: 15px;
 color: white;
 font-size: 20px;
 cursor: pointer;
}

/*
 * Home slider elements
 */

.home-slider-elements {
  position: absolute;
  top: 20%;
  padding-top:55px !important;
  height:100%;
  left: 0;
  right: 0;
  margin: auto
}


@media screen and (max-width:830px) {
  .home-slider-elements h1 {
    font-size:30px;
    line-height:1em;
  }
}

@media screen and (max-width:640px) {
  .home-slider-elements h1 {
    font-size:20px!important;
    line-height:1em;
  }
}

/* small fixes */
@media only screen and (min-width: 1300px) {
	body.home h1 {
		min-width:748px;		
	}
}

@media only screen and (max-width: 690px) {
	body.single-portfolio div.row .col.section-title h1 {
		line-height:33px !important;
	}
}

/* providers page */

.mfp-close-btn-in .mfp-close:hover {
	transform:none!important;
	-webkit-transform:none!important;
}

.wmts_members {
    min-height: 800px;
}

/* mobile search */

@media only screen and (max-width: 1000px) and (min-width: 1px) {
  body:not(.material) div#search-outer {
    display: block!important;
  }
  body:not(.material) div#search-outer #search input[type=text] {
	font-size:25px!important;		
  }

}

@media only screen and (max-width: 833px) and (min-width: 1px) {
  body:not(.material) div#search-outer {
	margin-top:50px;
    padding-top:60px;
  }
  body:not(.material) div#search-outer #search input[type=text] {
	font-size:18px!important;		
  }
}

@media only screen and (max-width: 1000px) {
  #header-secondary-outer li#search-btn {
    display: inline-block !important;
  }	
}

@media only screen and (max-width: 500px) {
	body #header-secondary-outer nav >ul >li >a {
		padding:15px 7px !important;	
		font-size:14px;
	}
}