/*
Theme Name: WNY Derm 2020
Theme URI: 
Description: Child theme of salient theme for WNY Derm 
Author: Shovel the Sidewalk
Author URI: 
Template: salient
Version: 12.1.0
*/

/* Generated by Orbisius Child Theme Creator (http://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Fri, 29 May 2020 23:46:27 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

.displaynone {
    display: none !important;
}

.fontwhite, 
.font-white h1,
h1.font-white, 
.font-white {
    color: #FFF !important;
}

.span_12.dark .nectar_video_lightbox.play_button:before {
    color: #E39E21 !important;
}

.span_12.dark .nectar_video_lightbox.play_button:after {
    content: "Watch the video";
    clear: both;
    color: #E39E21 !important;
    width: 200px;
    border: 1px solid red;
}

#footer-outer #footer-widgets .widget h4 {
    font-size: 21px;
}

.get_in_touch_cta {
    
}

#footer-outer .footer_bar_box .col {
    padding-left: 0px;
    padding-right: 0px;
}

#footer-outer .footer_bar_box .col h2, #footer-outer .footer_bar_box .col h3 {
    color: #FFF;
} 

.get_in_touch_cta .iwithtext .iwt-text {
    margin-left: 20px;
    color: #E39E21 !important;
    padding-left: 55px;
    font-size: 30px;
    line-height: 45px;
    font-weight: bolder;
}

.get_in_touch_cta .iwithtext .iwt-text p {
    color: #E39E21 !important;
    font-size: 30px;
    line-height: 45px;
}

body .get_in_touch_cta [class^="icon-"].icon-default-style {
    font-size: 62px;
    line-height: 62px;
    height: 62px;
    width: 62px;
}

body .main-content .wpb_text_column h1,
body .main-content .wpb_text_column h2 {
    color: #005992 !important;
}


.medical_conditions a {
    color: #E39E21 !important;
}

body .main-content .wpb_text_column h1.banner-header {
    color: #FFF !important;
}

.span_12.dark .nectar_video_lightbox.play_button:before {
    
}





footer {
  color: #FFFFFF; }

  footer .site-tabs {
    background-color: #676767; }
    footer .site-tabs .tab-container {
      margin: 0 auto;
      height: 120px; }
      @media (max-width: 1199px) {
        footer .site-tabs .tab-container {
          display: none; } }
      footer .site-tabs .tab-container h2 {
        font-size: 24px;
        margin-top: 20px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 1.1; }
      footer .site-tabs .tab-container h3 {
        font-size: 16px;
        font-weight: bold; }
    footer .site-tabs .family,
    footer .site-tabs .dermatology,
    footer .site-tabs .mohs,
    footer .site-tabs .spa,
    footer .site-tabs .skin {
      display: flex;
      flex-direction: column;
      padding: 0 1%; }
      @media (max-width: 1365px) {
        footer .site-tabs .family,
        footer .site-tabs .dermatology,
        footer .site-tabs .mohs,
        footer .site-tabs .spa,
        footer .site-tabs .skin {
          padding: 0 1%; } }
      footer .site-tabs .family div,
      footer .site-tabs .dermatology div,
      footer .site-tabs .mohs div,
      footer .site-tabs .spa div,
      footer .site-tabs .skin div {
        display: flex;
        align-items: flex-start;
        flex-direction: column; }
    footer .site-tabs .family {
      background-color: #676767;
      height: 120px;
      border: 1px solid white; }
    footer .site-tabs .dermatology {
      background-color: #003655;
      height: 130px;
      margin-top: -10px; }
      footer .site-tabs .dermatology h3 {
        margin-top: 30px;
        margin-bottom: 15px; }
    footer .site-tabs .mohs {
      background-color: #005992;
      height: 120px;
      border: 1px solid white;
      border-right: none; }
    footer .site-tabs .spa {
      background-color: #71ACA0;
      height: 120px;
      border: 1px solid white;
      border-right: none; }
    footer .site-tabs .skin {
      background-color: #5A9FC2;
      height: 120px;
      border: 1px solid white; }
    footer .site-tabs p {
      color: #FFFFFF;
      font-size: 14px;
      font-weight: normal; }
    footer .site-tabs a {
      color: #FFFFFF;
      margin-bottom: 5px; }
      footer .site-tabs a i {
        margin-right: 5px;
        position: relative;
        top: 1px; }
  footer .site-info {
    background-color: #003655;
    height: 200px;
    padding-top: 10px; }
    @media (max-width: 1199px) {
      footer .site-info {
        height: auto;
        display: flex;
        padding-bottom: 10px; } }
    footer .site-info .explore .menu-explore-container {
      width: 100%; }
    footer .site-info .explore ul {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      max-height: 100px; }
    footer .site-info .get-in-touch p {
      margin-bottom: 0;
      color: #FFFFFF;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.6; }
    footer .site-info .get-in-touch .address {
      margin-bottom: 15px; }
    footer .site-info .get-in-touch .contact a {
      color: #FFFFFF; }
      footer .site-info .get-in-touch .contact a:hover {
        text-decoration: none; }
    footer .site-info .get-in-touch .fax {
      margin-left: 15px; }
      @media (max-width: 1199px) {
        footer .site-info .get-in-touch .fax {
          margin-left: 0; } }
    footer .site-info .get-in-touch,
    footer .site-info .explore,
    footer .site-info .gap,
    footer .site-info .patient-links,
    footer .site-info .legal {
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0 2%; }
      footer .site-info .get-in-touch ul,
      footer .site-info .explore ul,
      footer .site-info .gap ul,
      footer .site-info .patient-links ul,
      footer .site-info .legal ul {
        padding: 0;
        margin-bottom: 5px; }
        footer .site-info .get-in-touch ul li,
        footer .site-info .explore ul li,
        footer .site-info .gap ul li,
        footer .site-info .patient-links ul li,
        footer .site-info .legal ul li {
          list-style-type: none;
          margin-right: 30px; }
          footer .site-info .get-in-touch ul li a,
          footer .site-info .explore ul li a,
          footer .site-info .gap ul li a,
          footer .site-info .patient-links ul li a,
          footer .site-info .legal ul li a {
            color: #FFFFFF;
            line-height: 26px; }
      @media (max-width: 1199px) {
        footer .site-info .get-in-touch,
        footer .site-info .explore,
        footer .site-info .gap,
        footer .site-info .patient-links,
        footer .site-info .legal {
          height: auto;
          padding: 15px 30px; }
          footer .site-info .get-in-touch:after,
          footer .site-info .explore:after,
          footer .site-info .gap:after,
          footer .site-info .patient-links:after,
          footer .site-info .legal:after {
            content: "";
            background: rgba(255, 255, 255, 0.25);
            position: absolute;
            bottom: 0;
            left: 20px;
            height: 1px;
            text-align: center;
            width: 90%; } }
    @media (max-width: 1199px) {
      footer .site-info .legal:after {
        content: none; } }
    @media (max-width: 1199px) {
      footer .site-info .gap {
        display: none; } }

.banner {
  background-size: cover;
  background-position: center;
  max-height: 87vh; }
  @media (max-width: 991px) {
    .banner {
      max-height: none;
      overflow: auto; } }
  .banner .banner-overlay {
    background-color: #003655;
    opacity: .85;
    color: #FFFFFF;
    height: 87vh;
    padding: 0 30px; }
    @media (max-width: 991px) {
      .banner .banner-overlay {
        padding: 15px 15px 30px;
        height: auto; } }
    .banner .banner-overlay .banner-text {
      position: absolute;
      bottom: 10%;
      padding: 0 80px 0 60px; }
      @media (max-width: 991px) {
        .banner .banner-overlay .banner-text {
          position: relative;
          padding: 0; } }
      .banner .banner-overlay .banner-text .banner-header {
        font-size: 60px;
        font-weight: bold; }
        @media (max-width: 991px) {
          .banner .banner-overlay .banner-text .banner-header {
            font-size: 48px; } }
      .banner .banner-overlay .banner-text .banner-copy {
        font-size: 24px; }
      .banner .banner-overlay .banner-text .video-link {
        font-size: 20px;
        color: #E39E21;
        text-decoration: none !important; }
      .banner .banner-overlay .banner-text .fa-stack {
        font-size: .6em;
        bottom: 2px; }
        .banner .banner-overlay .banner-text .fa-stack .fa-circle {
          color: #E39E21; }
        .banner .banner-overlay .banner-text .fa-stack .fa-play {
          color: #FFFFFF;
          left: 1px; }

.cta {
  border: 1px solid #E39E21;
  margin: 50px auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 10px 20px; }
  @media (max-width: 991px) {
    .cta {
      margin: 50px 30px;
      flex-direction: column;
      padding: 15px 0; } }
  .cta h2 {
    color: #E39E21;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 0; }
    @media (max-width: 991px) {
      .cta h2 {
        line-height: 1.1;
        margin-top: 0; } }
  .cta p {
    color: #E39E21;
    font-size: 24px;
    margin-bottom: 20px; }
    @media (max-width: 991px) {
      .cta p {
        font-size: 18px; } }
  .cta .button {
    display: flex;
    justify-content: flex-end; }
    @media (max-width: 991px) {
      .cta .button {
        justify-content: flex-start; } }
    .cta .button .background {
      color: #E39E21;
      font-size: 40px; }
    .cta .button .icon {
      color: #FFFFFF;
      font-size: 20px; }

.title-card {
  background: url("../img/Wavey-Fingerprint-Blue.svg");
  padding: 100px 30px 60px; }
  @media (max-width: 991px) {
    .title-card {
      padding: 30px; } }
  .title-card h1 {
    font-size: 48px;
    color: #E39E21;
    line-height: 52px;
    margin-bottom: 30px;
    font-weight: bold; }
  .title-card .description {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 32px;
    position: relative;
    bottom: 15px; }
  .title-card .back {
    color: #E39E21;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #E39E21;
    padding: 5px 15px;
    margin-top: 20px; }
    .title-card .back i {
      margin-right: 10px;
      font-size: 14px;
      position: relative;
      bottom: 1px; }

.split {
  margin: 90px auto;
  display: flex;
  align-items: center; }
  @media (max-width: 991px) {
    .split {
      margin: 30px auto;
      flex-direction: column; } }

.split-header {
  font-size: 48px;
  color: #005992;
  line-height: 52px;
  margin-bottom: 30px; }

.split-copy {
  font-size: 18px;
  line-height: 26px;
  color: #676767; }
  .split-copy p {
    padding-right: 40px; }

.split-thumbnail {
  width: 100%;
  height: auto; }
  @media (max-width: 991px) {
    .split-thumbnail {
      margin-top: 30px; } }

.video-thumbnail {
  position: relative; }
  .video-thumbnail .fa-stack {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .video-thumbnail .fa-stack .fa-circle {
      color: #E39E21; }
    .video-thumbnail .fa-stack .fa-play {
      color: #FFFFFF;
      left: 2px; }

.o-split {
  padding: 80px 15px 60px;
  margin-top: 120px; }
  @media (max-width: 991px) {
    .o-split {
      padding: 0 15px;
      margin: 30px auto; } }
  .o-split h2 {
    color: #E39E21; }
  @media (max-width: 991px) {
    .o-split a {
      padding: 0; } }
  @media (max-width: 991px) {
    .o-split .o-split-image {
      padding: 0; } }
  .o-split .o-split-image img {
    width: 100%;
    height: auto; }
  .o-split .o-split-image .fa-stack {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .o-split .o-split-image .fa-stack .fa-circle {
      color: #E39E21; }
    .o-split .o-split-image .fa-stack .fa-play {
      color: #FFFFFF;
      left: 2px; }
  .o-split .o-split-text {
    padding: 60px 30px 60px 60px;
    min-height: 500px;
    background-color: #003655;
    opacity: .85;
    color: #FFFFFF;
    position: relative;
    top: -80px;
    left: -50px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (max-width: 1199px) {
      .o-split .o-split-text {
        padding: 30px;
        min-height: 0; } }
    @media (max-width: 1199px) {
      .o-split .o-split-text {
        top: 0;
        left: 0; } }
    .o-split .o-split-text .o-split-header {
      font-size: 40px;
      font-weight: bold;
      line-height: 46px; }
    .o-split .o-split-text p {
      font-size: 18px;
      line-height: 26px; }

.recommend {
  margin: 0 auto 50px; }
  @media (max-width: 991px) {
    .recommend {
      margin: 30px auto; } }

.recommendation-header {
  font-size: 48px;
  color: #005992;
  line-height: 52px; }
  @media (max-width: 991px) {
    .recommendation-header {
      font-size: 36px;
      padding: 0 15px; } }

.recommendation-copy {
  font-size: 18px;
  line-height: 26px;
  color: #676767; }
  @media (max-width: 991px) {
    .recommendation-copy {
      padding: 0 15px; } }

.recommendations {
  display: flex;
  padding: 0 15px; }
  @media (max-width: 991px) {
    .recommendations {
      flex-direction: column; } }
  .recommendations .recommendation-title {
    color: #E39E21;
    font-size: 18px;
    font-weight: bold; }
  .recommendations .recommendation-description {
    font-size: 14px;
    line-height: 20px;
    color: #676767; }
  .recommendations .recommend-card {
    margin-right: 50px; }
    @media (max-width: 991px) {
      .recommendations .recommend-card {
        padding: 0 15px;
        margin-right: 0; } }

.condition-content-block {
  background: url("../img/Wavey-Fingerprint-Grey.svg");
  font-size: 18px;
  color: #676767; }
  .condition-content-block p {
    font-size: 20px;
    line-height: 28px;
    color: #676767; }
  .condition-content-block img {
    width: 100%;
    height: auto;
    margin: 30px auto;
    display: block; }
  .condition-content-block .flexible-headline {
    margin-top: 60px;
    margin-bottom: 0; }
  .condition-content-block .flexible-video {
    overflow: auto; }
  .condition-content-block .flexible-copy {
    padding: 30px 0; }
    .condition-content-block .flexible-copy strong {
      color: #005992; }
    .condition-content-block .flexible-copy li {
      padding-bottom: 15px; }
  .condition-content-block .flexible-quote {
    width: 100vw;
    display: block;
    margin: 0 auto;
    font-size: 36px;
    line-height: 42px;
    opacity: .85;
    background: url("../img/Wavey-Fingerprint-Blue.svg");
    padding: 60px; }
    @media (max-width: 991px) {
      .condition-content-block .flexible-quote {
        padding: 30px; } }
    .condition-content-block .flexible-quote h2 {
      color: #E39E21;
      text-align: center; }
  .condition-content-block .flexible-break {
    position: relative;
    overflow: auto;
    display: flex;
    align-items: center;
    width: 50%;
    margin: 0 auto;
    padding: 30px 0; }
    @media (max-width: 991px) {
      .condition-content-block .flexible-break {
        width: 100%; } }
    .condition-content-block .flexible-break img {
      max-width: 6%;
      display: inline-block;
      margin: 0 auto; }
      @media (max-width: 991px) {
        .condition-content-block .flexible-break img {
          max-width: 15%; } }
    .condition-content-block .flexible-break .left {
      margin-right: 20px;
      float: left;
      width: 43.5%;
      border-top: 1px solid #003655; }
    .condition-content-block .flexible-break .right {
      margin-left: 20px;
      float: right;
      width: 43.5%;
      border-top: 1px solid #003655; }
  .condition-content-block .flexible-o-split {
    background: #FFFFFF; }
    .condition-content-block .flexible-o-split .o-split {
      min-height: 0;
      padding: 100px 0;
      display: flex;
      align-items: center;
      margin: 0; }
      @media (max-width: 991px) {
        .condition-content-block .flexible-o-split .o-split {
          flex-direction: column;
          padding: 50px 0; } }
      .condition-content-block .flexible-o-split .o-split .o-split-text {
        top: 0; }
      .condition-content-block .flexible-o-split .o-split img {
        margin: 0 auto; }
    .condition-content-block .flexible-o-split p {
      color: #FFFFFF; }
  .condition-content-block .flexible-split {
    background: #FFFFFF; }
    .condition-content-block .flexible-split .split-video-title {
      text-align: center;
      margin-top: 0;
      margin-bottom: -20px; }