/*
 Theme Name:     Front Plus Center WP Bootstrap Child Theme
 Theme URI:      https://wordpress.org/themes/wp-bootstrap-starter/
 Description:    A child theme of WPBS Theme
 Author:         Mark McCulligh
 Author URI:     http://visualtech.ca
 Template:       wp-bootstrap-starter
 Version:        3.3.16
*/

:root {
  --wc-form-color-text: #495057;
  --wc-form-border-color: #ced4da;    
}

/****************************************
*** Theme customization starts below ***
*****************************************/
@import url('https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap');

span.dquote:after {
    content: "\201D";
}

body,button,input,textarea {
    color: #111119; /* Midnight */   
    font-size: 14px; /* 16 pt */
    font-weight: 300;
}

body,button,input,select,textarea {
    font-family: 'Open Sans', sans-serif;
}

.page-section {
    padding: 100px 15px 100px 15px;
}

@media (min-width: 992px) { 
    .page-section {
        padding: 100px 0px 100px 0px;
    }
}

h1 {
    font-family: 'Vollkorn', serif;
    font-weight: bold;
    line-height: 50px;
    font-size: 40px; /*50pt;*/
    color: #111119; /* Midnight */
}

h2 {
    font-family: 'Vollkorn', serif;
    font-weight: bold;
    line-height: 34px;
    font-size: 28px; /* 28pt; */
    color: #111119; /* Midnight */
}

h2.entry-title {
    border-bottom: 1px solid #916E67; /* Mauve Berry */
}

h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    line-height: 30px;
    font-size: 20px; /* 24pt; */
    color: #111119; /* Midnight */
}
h4,h5,h6 {    
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;    
    color: #111119; /* Midnight */
}
p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300; /* light */
    line-height: 22px; 
    font-size: 14px; /* 16 pt */
    color: #111119; /* Midnight */
}

b,strong {
    font-weight: bold;
}

.text-large {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300; /* light */
    line-height: 23px; 
    font-size: 16px; /* 18 pt */
    color: #111119; /* Midnight */
}
.text-label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300; /* light */
    line-height: 23px; 
    font-size: 14px; /* 14 pt */
    color: #111119; /* Midnight */
    text-transform: uppercase;
    letter-spacing: 3px; /* 200 */
}
@media (min-width: 768px) {
    .text-label {
        font-size: 16px; /* 16 pt */
    }
}

a {
    color: #203241; /*berry was #916E67 */
    text-decoration: none;
}

a:hover {
    color: #203241; /*berry */
    text-decoration: underline;
}

.link-underline {
    text-decoration: underline;
}
.link-underline:hover {
    text-decoration: underline;
    font-weight: 600;
}

.text-white a {
    color: #fff !important; 
    text-decoration: none;
}

.text-white a:hover {
    color: #fff !important; 
    text-decoration: underline;
}

.spu-content > .text-white a {
    color: #fff !important; 
    text-decoration: underline;
}

.spu-content > .text-white a:hover {
    color: #fff !important; 
    text-decoration: underline;
    font-weight: 600;
}

.bg-ivory {
    background-color: #f4f0ed; /* Ivory OLD EEEAE4*/
}
.text-ivory {
    color: #f4f0ed; /* Ivory */
}
.bg-blushed {
    background-color: #DABFB4 /* Blushed*/
}
.text-blushed {
    color: #DABFB4 /* Blushed*/
}
.border-blushed {
    border: 1px solid #DABFB4; /* Blushed*/
}
.border-top-blushed {
    border-top: 1px solid #DABFB4; /* Blushed*/
}
.bg-coral {
    background-color: #DABFB4 /* Coral was #C48E7C */
}
.text-coral {
    color: #DABFB4 /* Coral was #C48E7C */
}
.bg-berry {
    background-color: #203241  /* Mauve Berry OLD #916E67 */
}
.text-berry {
    color: #203241 /* Mauve Berry */
}
.bg-black {
    background-color: #000 /* Black */
}
.text-midnight {
    color: #111119; /* Midnight */
}

.bg-berry a, .bg-blushed a, .bg-coral a {
    color: #111119; /* Midnight */
    text-decoration: none;
}

.bg-berry a:hover, .bg-blushed a:hover, .bg-coral a:hover {
    color: #111119; /* Midnight */
    text-decoration: underline;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#top-banner a {
    text-decoration: underline;
}

header#masthead #logo-main {
    display: block;
    margin:  0 auto 10px;
    text-align: center !important;
}

header#masthead .request-call {
    position: absolute;
    top: 20px;
    left: 20px;
}

@media (min-width: 768px) {
    header#masthead {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }
}

header#masthead {
    background-color: #203241;
    box-shadow: none;
    border-bottom: 1px solid #cccccc;
    position: relative;
}

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/

#content.site-content {
    padding-bottom: 0px;
    padding-top: 0px; 
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
/*
.container,.container-lg,.container-md,.container-sm,.container-xl {
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        padding-right: 0px;
        padding-left: 0px;
    }
}
*/

.page-content,
.entry-content,
.entry-summary {
  margin: 0px;
  padding: 0px;
}
.page .entry-header {
    display: none;
}

.pt-100,.py-100 {
    padding-top: 100px!important
}
.pb-100,.py-100 {
    padding-bottom: 100px!important
}
.mt-100,.my-100 {
    margin-top: 100px!important
}
.mb-100,.my-100 {
    margin-bottom: 100px!important
}

.pt-50,.py-50 {
    padding-top: 50px!important
}
.pb-50,.py-50 {
    padding-bottom: 50px!important
}
.mt-50,.my-50 {
    margin-top: 50px!important
}
.mb-50,.my-50 {
    margin-bottom: 50px!important
}

.pt-25,.py-25 {
    padding-top: 25px!important
}
.pb-25,.py-25 {
    padding-bottom: 25px!important
}
.mt-25,.my-25 {
    margin-top: 25px!important
}
.mb-25,.my-25 {
    margin-bottom: 25px!important
}

.pl-100,.px-100 {
    padding-left: 100px!important
}
.pr-100,.px-100 {
    padding-right: 100px!important
}

.pl-50,.px-50 {
    padding-left: 50px!important
}
.pr-50,.px-50 {
    padding-right: 50px!important
}

.pl-25,.px-25 {
    padding-left: 25px!important
}
.pr-25,.px-25 {
    padding-right: 25px!important
}

.img-border-blushed {
    border: 10px solid #DABFB4; /* Blushed*/
}

.img-border-berry {
    border: 10px solid #203241;
}

/*--------------------------------------------------------------
# Footer Widget
--------------------------------------------------------------*/

#footer-widget {
    padding: 50px 15px 50px 15px;
}

@media (min-width: 992px) { 
    #footer-widget {
        padding: 50px 0px 50px 0px;
    }
}

#footer-widget .widget,
.site-footer .widget {
    margin: 0
}

body:not(.theme-preset-active) footer#colophon {
    color: #fff;
    background-color: #000;
}

.footer-menu {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
}

.footer-menu .footer-title {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    padding-top: 0px;
}

.footer-menu b {
    font-size: 18px;
}

.footer-menu li {
    padding: 5px 0;
}

.footer-menu a {
    color: #ffffff; 
    text-decoration: none;
    font-size: 16px; /* 16 pt */
}

.footer-menu a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.footer-bottom-widget li {
    list-style: none;
}

#sign-up-for-newletter {
    float: left;
    width: 100%;
}

#sign-up-for-newletter .newletter-title {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
}

#sign-up-for-newletter p {
    color: #ffffff;
}

@media (min-width: 992px) {
    #sign-up-for-newletter {
        float: right;
        width: auto;
    }
}

#mc_embed_signup{
    clear:left; 
    font-family: 'Open Sans', sans-serif;
    font-size: 14px; /* 11 pt */ 
    width:100%;
}

#mc_embed_signup form {
    text-align: left !important;
}

#mc_embed_signup label {
    font-size: 14px !important;
    font-weight: unset !important;
    color: #ffffff;
}

#mc_embed_signup .button {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold; 
    font-size: 14px; /* 11 pt */
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    color: #fff;
    background-color: #000000 !important;
}

#mc_embed_signup .button:hover {
    background-color: #DABFB4 !important;
}

#socialmedia_menu {
    float: right;
}

#socialmedia_menu .list-group-item {
    padding: 0 0.75rem;
    background-color: inherit;
    color: #ffffff !important;
    border: unset;
}

/*
#socialmedia_menu .list-group-item {
    position: relative;
    display: block;
    padding: .50rem .50rem;
    background-color: unset;
    border: none;
}

#socialmedia_menu .list-group-item:first-child {
    padding-left: 0;
}

#socialmedia_menu img {
    width: 32px;
    height: 32px;
}
*/

/*--------------------------------------------------------------
# Footer Bottom
--------------------------------------------------------------*/

.site-footer {
    padding: 20px 15px 20px 15px;
}

@media (min-width: 992px) { 
    .site-footer {
        padding: 20px 0px 20px 0px;
    }
}

/* Make alignright center */
.simple-social-icons .alignright {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

@media (min-width: 768px) { 
    .simple-social-icons  .alignright {
        display: inline;
        margin-left: 0;
        float: right;
      }
}

/*--------------------------------------------------------------
# Hompage
--------------------------------------------------------------*/

#Spruce-up-your-space {
    position: relative;
    background-color: black;
    height: 75vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
  }
  
  #Spruce-up-your-space video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  
  #Spruce-up-your-space .container {
    position: relative;
    z-index: 2;
  }
  
  #Spruce-up-your-space .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* background-color: black;
    opacity: 0.5;
    z-index: 1; */
  }

  #Spruce-up-your-space .spruce-up-your-space-container {
    padding: 10px;
    background-color: #f4f0ed; /* ivory */
    opacity: 0.8;
  }

  #Spruce-up-your-space h1 {
    color: #203241;
  }

  #Spruce-up-your-space p {
    font-size: 20px;
    line-height: 26px;
  }

  /* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
    
    #Spruce-up-your-space {
       background: url('/wp-content/uploads/2023/06/homepage-banner-poster.jpg') #f4f0ed no-repeat center center scroll;
    }
  
    #Spruce-up-your-space video {
      display: none;
    }

    
  }

.bg-spruce-up-left {
    background-image: url(assets/img/homepage/Hero_Refacing_Results.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px
}

.spruce-up-container {
    padding: 50px 15px;
}

.spruce-up-container p {
    font-size: 20px;
    line-height: 26px;
}

.style-border {
    border: 1px solid #203241; /* Berry */
    padding: 0 15px;
}

.solid-box-title-up,
.solid-box-title-down {
    position: relative;
    background-color: #203241; /* Berry */
    color: #fff;
    margin: auto;
    width: 50%;
    text-align: center;
    padding: 8px 0 5px;
}

.solid-box-title-up {
    top: -30px;
    min-width: 300px;
    max-width: 550px;
}

.solid-box-title-down {
    top: 30px;
    min-width: 300px;
    max-width: 550px;
}

/*
.solid-box-next {
    position: relative;
    top: -10px;
}
*/

#Intro-Front-Plus-Center-Pro .img-icons img {
    max-height: 120px;
    width: auto;
}

@media (min-width: 768px) { 
    .bg-spruce-up-left {        
        height: 600px
    }
    .spruce-up-container {
        padding: 0px 50px;
    }
}

@media (min-width: 992px) { 
    .bg-spruce-up-left {        
        height: 800px
    }

    .style-border {
        padding: 0;
    }
}


.bg-homepage-testimonial-left {
    background-image: url(assets/img/homepage/bg-homepage-testimonial.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px
}

.bg-homepage-testimonial-container {
    padding: 50px 15px;
}

.bg-homepage-testimonial-container p {
    font-size: 20px;
    line-height: 26px;
}

@media (min-width: 768px) { 
    .bg-homepage-testimonial-left {        
        height: 600px
    }   
}

@media (min-width: 992px) { 
    .bg-homepage-testimonial-left {        
        height: 800px
    }    
}

.rotating-door-video {
    height: 453px;
    background-color: #f1f2f2;
}

@media (min-width: 576px) { 
    .rotating-door-video {
        height: 453px;
    }
}
@media (min-width: 768px) { 
    .rotating-door-video {
        height: 300px;
    }
}
@media (min-width: 992px) { 
    .rotating-door-video {
        height: 400px;
    } 
}
@media (min-width: 1200px) { 
    .rotating-door-video {
        height: 475px;
    }
}

/*--------------------------------------------------------------
# Styling Circles and lines
--------------------------------------------------------------*/

#from-drab-to-fab,
#ready-to-fall-in-love,
#engineered-advantage,
#fresh-look,
#Intro-Front-Plus-Center-Pro,
#why-pros-love-refacing,
#is-fc-right-for-you,
#little-something-extra,
#how-to-paint-tools,
#how-to-paint-video,
#how-to-paint-sand,
#how-to-paint-roller,
#how-to-paint-dry,
#how-to-install-step-1,
#how-to-install-step-3,
#how-to-install-step-4,
#how-to-install-step-done {
    overflow: hidden;
    position: relative;
    z-index: 1;    
}

.bg-circle-top-1,
.bg-circle-top-2,
.bg-circle-top-3,
.bg-circle-top-4,
.bg-circle-left-1,
.bg-circle-left-2,
.bg-circle-left-3,
.bg-circle-left-4,
.bg-circle-left-5,
.bg-circle-left-6,
.bg-circle-left-7,
.bg-circle-left-8,
.bg-circle-right-1,
.bg-circle-right-2,
.bg-circle-right-3,
.bg-circle-right-4,
.bg-circle-right-5,
.bg-circle-right-6,
.bg-circle-right-7,
.bg-circle-right-8,
.bg-circle-bottom-1,
.bg-circle-bottom-2,
.bg-circle-bottom-3,
.bg-circle-bottom-4 {
    z-index: 0;
    position: absolute;
    border-radius: 100%;
    border: 1px solid #203241; /* Mauve Berry */
    display: none!important
}

#fresh-look .bg-circle-bottom-1,
#little-something-extra .bg-circle-bottom-1 {
    border: 1px solid #DABFB4; /* Blushed*/
    background-color: #DABFB4;
}

#fresh-look .bg-circle-bottom-2,
#little-something-extra .bg-circle-bottom-2  {
    border: 1px solid #111119;
}

.bg-line-1,
.bg-line-2,
.bg-line-3 {
    z-index: 0;
    position: absolute;    
    border-bottom: 1px solid #203241; /* Mauve Berry */
    display: none!important
}

@media (min-width: 992px) {
    .bg-circle-top-1,
    .bg-circle-top-2,
    .bg-circle-top-3,
    .bg-circle-top-4,
    .bg-circle-bottom-1,
    .bg-circle-bottom-2,
    .bg-circle-bottom-3,
    .bg-circle-bottom-4 {
        display: block!important;
    }

    #ready-to-fall-in-love .bg-circle-top-1,
    #Intro-Front-Plus-Center-Pro .bg-circle-top-1,
    #why-pros-love-refacing .bg-circle-top-1 {
        height: 250px; width: 250px;
        top: -120px;
        right: -120px;
    }
    #ready-to-fall-in-love .bg-circle-top-2,
    #Intro-Front-Plus-Center-Pro .bg-circle-top-2,
    #why-pros-love-refacing .bg-circle-top-2  {
        height: 200px; width: 200px;
        top: -95px;
        right: -95px;
    }
    #ready-to-fall-in-love .bg-circle-top-3,
    #Intro-Front-Plus-Center-Pro .bg-circle-top-3,
    #why-pros-love-refacing .bg-circle-top-3  {
        height: 150px; width: 150px;
        top: -70px;
        right: -70px;
    }
    #ready-to-fall-in-love .bg-circle-top-4,
    #Intro-Front-Plus-Center-Pro .bg-circle-top-4,
    #why-pros-love-refacing .bg-circle-top-4  {
        height: 100px; width: 100px;
        top: -45px;
        right: -45px;
    }

    #how-to-paint-sand .bg-circle-top-1,
    #how-to-install-step-1 .bg-circle-top-1 {        
        height: 200px; width: 200px;
        top: -120px;
        left: 50px;
    }
    #how-to-paint-sand .bg-circle-top-2,
    #how-to-install-step-1 .bg-circle-top-2 {        
        height: 160px; width: 160px;
        top: -100px;
        left: 70px;
    }
    #how-to-paint-sand .bg-circle-top-3,
    #how-to-install-step-1 .bg-circle-top-3 {        
        height: 120px; width: 120px;
        top: -80px;
        left: 90px;
    }
    #how-to-paint-sand .bg-circle-top-4,
    #how-to-install-step-1 .bg-circle-top-4 {        
        height: 80px; width: 80px;
        top: -60px;
        left: 110px;
    }

    #ready-to-fall-in-love .bg-circle-bottom-1 {
        height: 250px; width: 250px;
        bottom: -120px;
        right: -120px;
    }
    #ready-to-fall-in-love .bg-circle-bottom-2 {
        height: 200px; width: 200px;
        bottom: -95px;
        right: -95px;
    }
    #ready-to-fall-in-love .bg-circle-bottom-3 {
        height: 150px; width: 150px;
        bottom: -70px;
        right: -70px;
    }
    #ready-to-fall-in-love .bg-circle-bottom-4 {
        height: 100px; width: 100px;
        bottom: -45px;
        right: -45px;
    }

    #ready-to-fall-in-love .bg-circle-bottom-1,    
    #how-to-paint-video .bg-circle-bottom-1 {
        height: 200px;
        width: 200px;
        bottom: -120px;
        right: 50px;
    }
    #ready-to-fall-in-love .bg-circle-bottom-2,
    #how-to-paint-video .bg-circle-bottom-2 {
        height: 150px; width: 150px;
        bottom: -95px;
        right: 75px;
    }
    #ready-to-fall-in-love .bg-circle-bottom-3,
    #how-to-paint-video .bg-circle-bottom-3 {
        height: 100px; width: 100px;
        bottom: -70px;
        right: 100px;
    }
    #ready-to-fall-in-love .bg-circle-bottom-4,
    #how-to-paint-video .bg-circle-bottom-4 {
        height: 50px; width: 50px;
        bottom: -45px;
        right: 125px;
    }

    #fresh-look .bg-circle-bottom-1,
    #little-something-extra .bg-circle-bottom-1  {
        height: 120px; width: 120px;
        bottom: -45px;
        left: 20px;
    }
    
    #fresh-look .bg-circle-bottom-2,
    #little-something-extra .bg-circle-bottom-2  {
        height: 120px; width: 120px;
        bottom: -45px;
        left: 80px;
    }

}


@media (min-width: 1400px) {
    .bg-line-1,
    .bg-line-2,
    .bg-line-3,
    .bg-circle-left-1,
    .bg-circle-left-2,
    .bg-circle-left-3,
    .bg-circle-left-4,
    .bg-circle-left-5,
    .bg-circle-left-6,
    .bg-circle-left-7,
    .bg-circle-left-8,
    .bg-circle-right-1,
    .bg-circle-right-2,
    .bg-circle-right-3,
    .bg-circle-right-4,
    .bg-circle-right-5,
    .bg-circle-right-6,
    .bg-circle-right-7,
    .bg-circle-right-8 {
        display: block!important;
    } 

    
    #from-drab-to-fab .bg-line-1,
    #from-drab-to-fab .bg-line-2,
    #from-drab-to-fab .bg-line-3 {
        left: 0px;
        width: 75px;
    }
    #from-drab-to-fab .bg-line-1 {
        top: 125px;
    }
    #from-drab-to-fab .bg-line-2 {
        top: 150px;
    }
    #from-drab-to-fab .bg-line-3 {
        top: 175px;
    }

    #engineered-advantage .bg-line-1,
    #engineered-advantage .bg-line-2,
    #engineered-advantage .bg-line-3 {
        right: 0px;
        width: 75px;
    }
    #engineered-advantage .bg-line-1 {
        bottom: 125px;
    }
    #engineered-advantage .bg-line-2 {
        bottom: 150px;
    }
    #engineered-advantage .bg-line-3 {
        bottom: 175px;
    }

    #is-fc-right-for-you .bg-line-1,
    #is-fc-right-for-you .bg-line-2,
    #is-fc-right-for-you .bg-line-3 {
        right: 0px;
        width: 75px;
    }
    #is-fc-right-for-you .bg-line-1 {
        top: 125px;
    }
    #is-fc-right-for-you .bg-line-2 {
        top: 150px;
    }
    #is-fc-right-for-you .bg-line-3 {
        top: 175px;
    }

    #ready-to-fall-in-love .bg-circle-top-1,
    #Intro-Front-Plus-Center-Pro .bg-circle-top-1,
    #why-pros-love-refacing .bg-circle-top-1  {
        height: 250px; width: 250px;
        top: -120px;
        right: 50px;
    }
    #ready-to-fall-in-love .bg-circle-top-2,
    #Intro-Front-Plus-Center-Pro .bg-circle-top-2,
    #why-pros-love-refacing .bg-circle-top-2  {
        height: 200px; width: 200px;
        top: -95px;
        right: 75px;
    }
    #ready-to-fall-in-love .bg-circle-top-3,
    #Intro-Front-Plus-Center-Pro .bg-circle-top-3,
    #why-pros-love-refacing .bg-circle-top-3  {
        height: 150px; width: 150px;
        top: -70px;
        right: 100px;
    }
    #ready-to-fall-in-love .bg-circle-top-4,
    #Intro-Front-Plus-Center-Pro .bg-circle-top-4,
    #why-pros-love-refacing .bg-circle-top-4  {
        height: 100px; width: 100px;
        top: -45px;
        right: 125px;
    }


    #ready-to-fall-in-love .bg-circle-left-1,
    #why-pros-love-refacing .bg-circle-left-1  {
        height: 250px; width: 250px;
        top: 300px;
        left: -120px;
    }
    #ready-to-fall-in-love .bg-circle-left-2,
    #why-pros-love-refacing .bg-circle-left-2 {
        height: 200px; width: 200px;
        top: 325px;
        left: -95px;
    }
    #ready-to-fall-in-love .bg-circle-left-3,
    #why-pros-love-refacing .bg-circle-left-3 {
        height: 150px; width: 150px;
        top: 350px;
        left: -70px;
    }
    #ready-to-fall-in-love .bg-circle-left-4,
    #why-pros-love-refacing .bg-circle-left-4 {
        height: 100px; width: 100px;
        top: 375px;
        left: -45px;
    }

    #anatomy-of-a-cabinet .bg-circle-right-1  {
        height: 300px; width: 300px;
        top: 500px;
        right: -140px;
    }
    #anatomy-of-a-cabinet .bg-circle-right-2  {
        height: 250px; width: 250px;
        top: 525px;
        right: -115px;
    }
    #anatomy-of-a-cabinet .bg-circle-right-3  {
        height: 200px; width: 200px;
        top: 550px;
        right: -90px;
    }
    #anatomy-of-a-cabinet .bg-circle-right-4  {
        height: 150px; width: 150px;
        top: 575px;
        right: -65px;
    }

    #anatomy-of-a-cabinet .bg-circle-left-1  {
        height: 220px; width: 220px;
        top: 1315px;
        left: -100px;
    }
    #anatomy-of-a-cabinet .bg-circle-left-2  {
        height: 180px; width: 180px;
        top: 1335px;
        left: -80px;
    }
    #anatomy-of-a-cabinet .bg-circle-left-3  {
        height: 140px; width: 140px;
        top: 1355px;
        left: -60px;
    }
    #anatomy-of-a-cabinet .bg-circle-left-4  {
        height: 100px; width: 100px;
        top: 1375px;
        left: -40px;
    }

    #anatomy-of-a-cabinet .bg-circle-right-5  {
        height: 220px; width: 220px;
        top: 2515px;
        right: -100px;
    }
    #anatomy-of-a-cabinet .bg-circle-right-6  {
        height: 180px; width: 180px;
        top: 2535px;
        right: -80px;
    }
    #anatomy-of-a-cabinet .bg-circle-right-7  {
        height: 140px; width: 140px;
        top: 2555px;
        right: -60px;
    }
    #anatomy-of-a-cabinet .bg-circle-right-8  {
        height: 100px; width: 100px;
        top: 2575px;
        right: -40px;
    }

    #anatomy-of-a-cabinet .bg-circle-left-5  {
        height: 330px; width: 330px;
        top: 4000px;
        left: -140px;
    }
    #anatomy-of-a-cabinet .bg-circle-left-6  {
        height: 270px; width: 270px;
        top: 4030px;
        left: -115px;
    }
    #anatomy-of-a-cabinet .bg-circle-left-7  {
        height: 210px; width: 210px;
        top: 4060px;
        left: -90px;
    }
    #anatomy-of-a-cabinet .bg-circle-left-8  {
        height: 150px; width: 150px;
        top: 4090px;
        left: -65px;
    }


    #how-to-paint-tools .bg-circle-right-1  {
        height: 220px; width: 220px;
        top: 65px;
        right: -100px;
    }
    #how-to-paint-tools .bg-circle-right-2  {
        height: 180px; width: 180px;
        top: 85px;
        right: -80px;
    }
    #how-to-paint-tools .bg-circle-right-3  {
        height: 140px; width: 140px;
        top: 105px;
        right: -60px;
    }
    #how-to-paint-tools .bg-circle-right-4  {
        height: 100px; width: 100px;
        top: 125px;
        right: -40px;
    }

    #how-to-paint-roller .bg-circle-right-1  {
        height: 260px; width: 260px;
        bottom: 15px;
        right: -120px;
    }
    #how-to-paint-roller .bg-circle-right-2  {
        height: 220px; width: 220px;
        bottom: 35px;
        right: -100px;
    }
    #how-to-paint-roller .bg-circle-right-3  {
        height: 180px; width: 180px;
        bottom: 55px;
        right: -80px;
    }
    #how-to-paint-roller .bg-circle-right-4  {
        height: 140px; width: 140px;
        bottom: 75px;
        right: -60px;
    }

    #how-to-paint-dry .bg-circle-left-1  {
        height: 260px; width: 260px;
        top: 1030px;
        left: -120px;
    }
    #how-to-paint-dry .bg-circle-left-2  {
        height: 220px; width: 220px;
        top: 1050px;
        left: -100px;
    }
    #how-to-paint-dry .bg-circle-left-3  {
        height: 180px; width: 180px;
        top: 1070px;
        left: -80px;
    }
    #how-to-paint-dry .bg-circle-left-4  {
        height: 140px; width: 140px;
        top: 1090px;
        left: -60px;
    }

    #how-to-install-step-3 .bg-circle-left-1 {
        height: 250px; width: 250px;
        bottom: -125px;
        left: -125px;
    }
    #how-to-install-step-3 .bg-circle-left-2 {
        height: 200px; width: 200px;
        bottom: -100px;
        left: -100px;
    }
    #how-to-install-step-3 .bg-circle-left-3 {
        height: 150px; width: 150px;
        bottom: -75px;
        left: -75px;
    }
    #how-to-install-step-3 .bg-circle-left-4 {
        height: 100px; width: 100px;
        bottom: -50px;
        left: -50px;
    }

    #how-to-install-step-4 .bg-circle-left-1 {
        height: 250px; width: 250px;
        top: -125px;
        left: -125px;
    }
    #how-to-install-step-4 .bg-circle-left-2 {
        height: 200px; width: 200px;
        top: -100px;
        left: -100px;
    }
    #how-to-install-step-4 .bg-circle-left-3 {
        height: 150px; width: 150px;
        top: -75px;
        left: -75px;
    }
    #how-to-install-step-4 .bg-circle-left-4 {
        height: 100px; width: 100px;
        top: -50px;
        left: -50px;
    }


    #how-to-install-step-4 .bg-circle-right-1 {
        height: 250px; width: 250px;
        bottom: -125px;
        right: -125px;
    }
    #how-to-install-step-4 .bg-circle-right-2 {
        height: 200px; width: 200px;
        bottom: -100px;
        right: -100px;
    }
    #how-to-install-step-4 .bg-circle-right-3 {
        height: 150px; width: 150px;
        bottom: -75px;
        right: -75px;
    }
    #how-to-install-step-4 .bg-circle-right-4 {
        height: 100px; width: 100px;
        bottom: -50px;
        right: -50px;
    }
    #how-to-install-step-done .bg-circle-right-1 {
        height: 250px; width: 250px;
        top: -125px;
        right: -125px;
    }
    #how-to-install-step-done .bg-circle-right-2 {
        height: 200px; width: 200px;
        top: -100px;
        right: -100px;
    }
    #how-to-install-step-done .bg-circle-right-3 {
        height: 150px; width: 150px;
        top: -75px;
        right: -75px;
    }
    #how-to-install-step-done .bg-circle-right-4 {
        height: 100px; width: 100px;
        top: -50px;
        right: -50px;
    }

}

@media (min-width: 1600px) {
    #how-to-paint-dry .bg-circle-left-1  {
        height: 330px; width: 330px;
        top: 1000px;
        left: -140px;
    }
    #how-to-paint-dry .bg-circle-left-2  {
        height: 270px; width: 270px;
        top: 1030px;
        left: -115px;
    }
    #how-to-paint-dry .bg-circle-left-3  {
        height: 210px; width: 210px;
        top: 1060px;
        left: -90px;
    }
    #how-to-paint-dry .bg-circle-left-4  {
        height: 150px; width: 150px;
        top: 1090px;
        left: -65px;
    }
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/

#About-Us video {
    object-fit: cover;
    z-index: 0;
}

#About-Us .about-us-box{
    position: relative;    
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 30px 50px 30px 50px;
}

@media (min-width: 992px) {
    #About-Us .about-us-box {
        position: absolute;
        left: 150px;
        top: 200px;       
        width: 600px;
        padding: 30px 50px 30px 50px;
    }
}

.bg-why-front-center-left {
    background-image: url(assets/img/about-us/Kitchen_Left_Pepper_Flat_Refacing.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px
}

.bg-why-front-center-right,
.container-our-backstory-left {
    max-width: 540px;
    width: 100%;
    padding: 100px 30px 50px 30px;
    margin-left: auto;
    margin-right: auto;
}

.bg-our-backstory-right {
    background-image: url(assets/img/about-us/Factory_About.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px
}

@media (min-width: 768px) {
    .bg-why-front-center-left {
        height: 800px
    }

    .bg-why-front-center-right {
        padding: 100px 30px 100px 30px;     
        margin-left: unset;
        margin-right: unset;         
    }

    .container-our-backstory-left {
        padding: 100px 30px 100px 30px;     
        margin-left: unset;
        margin-right: unset;
    }
    
    .bg-our-backstory-right {
        height: 600px
    }
}

@media (min-width: 992px) {
    .bg-why-front-center-right {    
        padding: 100px 30px 100px 75px;             
        max-width: 570px;
    }

    .container-our-backstory-left {
        padding: 100px 75px 100px 30px;  
        max-width: 475px;  /* col-5 */
        float: right;
    }
}

/*--------------------------------------------------------------
# F+C Pro
--------------------------------------------------------------*/
.container-fc-pro-left {
    max-width: 540px;
    width: 100%;
    padding: 100px 30px 50px 30px;
    margin-left: auto;
    margin-right: auto;
}

.bg-fc-pro-right {
    background-image: url(assets/img/fc-pro/Pro_heroimage.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px
}

#is-fc-right-for-you .img-icons img {
    height: 100px;
    width: auto;
}

@media (min-width: 768px) {
    .container-fc-pro-left {
        padding: 100px 30px 100px 30px;     
        margin-left: unset;
        margin-right: unset;
    }
    
    .bg-fc-pro-right {
        height: 600px
    }
}

@media (min-width: 992px) {
    .container-fc-pro-left {
        padding: 100px 75px 100px 30px;  
        max-width: 570px;  /* col-6 */
        float: right;
    }
}
/*--------------------------------------------------------------
# F+C Property Manager
--------------------------------------------------------------*/
.container-pro-mgr-left {
    max-width: 540px;
    width: 100%;
    padding: 100px 30px 50px 30px;
    margin-left: auto;
    margin-right: auto;
}

.bg-pro-mgr-right {
    background-image: url(assets/img/pro-mgr/bg-pro-mgr.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px
}

@media (min-width: 768px) {
    .container-pro-mgr-left {
        padding: 100px 30px 100px 30px;     
        margin-left: unset;
        margin-right: unset;
    }
    
    .bg-pro-mgr-right {
        height: 710px
    }
}

@media (min-width: 992px) {
    .container-pro-mgr-left {
        padding: 100px 75px 100px 30px;  
        max-width: 570px;  /* col-6 */
        float: right;
    }
}
/*--------------------------------------------------------------
# Our Products
--------------------------------------------------------------*/
.bg-our-products-left {
    background-image: url(assets/img/our-products/bg-our-products.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px
}

.our-products-container {
    padding: 50px 15px;
}

.our-products-container p {
    font-size: 20px;
    line-height: 26px;
}

@media (min-width: 768px) { 
    .bg-our-products-left {        
        height: 600px
    }   
}

@media (min-width: 992px) { 
    .bg-our-products-left {        
        height: 800px
    }    
}

.carousel-indicators li{
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.carousel-indicators {
    bottom: -50px;
}

.carousel-indicators li {
    background-color: #203241; /* Mauve Berry */
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-control-next, .carousel-control-prev {
    width: auto !important;
    border-bottom: 0;
    font-size: 60px;
    color: #203241; /* Mauve Berry */
}

.carousel-control-prev {
    left: 0px;
}

.carousel-control-next {
    right: 0px;   
}

@media (min-width: 768px) { 
    .carousel-control-prev {
        left: 0px;
        font-size: 40px;
    }  

    .carousel-control-next {
        right: 0px;   
        font-size: 40px;
    }
}

@media (min-width: 992px) { 
    .carousel-control-prev {
        left: 0px;
        font-size: 40px;
    }  

    .carousel-control-next {
        right: 0px;   
        font-size: 40px;
    }
}

@media (min-width: 1200px) { 
    .carousel-control-prev {
        left: 0px;
        font-size: 40px;
    }  

    .carousel-control-next {
        right: 0px;   
        font-size: 40px;
    }
}



/*--------------------------------------------------------------
# Product - Engineered Fronts
--------------------------------------------------------------*/
#Engineered-Fronts {
    background-image: url(assets/img/product-engineered-fronts/Hero-Engineered-Fronts.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px
}

#Engineered-Fronts p {
    font-size: 20px;
    line-height: 26px;
}

#fronts-for-every-space .container-box {
    padding: 0 30px;
}

#stunning-any-style .nav-tabs {
    margin-bottom: 0px;
    padding-bottom: 1px;
    border-bottom: 10px solid #916E67;
}

#stunning-any-style .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    color: #111119;
}

#stunning-any-style .nav > li > a:focus,
#stunning-any-style .nav > li > a:hover {
  background-color: #f4f0ed;
  text-decoration: none;
  border: 1px solid #916E67;
}

#stunning-any-style .nav-tabs .nav-item.show .nav-link,
#stunning-any-style .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #916E67;
    border-color: #916E67
}

#stunning-any-style .tab-content {
    border-left: 1px solid #916E67;
    border-right: 1px solid #916E67;
    border-bottom: 1px solid #916E67;
    padding: 30px;
}

@media (min-width: 768px) {
    #fronts-for-every-space .container-box {
        padding: 0 50px;
    }
}

@media (min-width: 992px) {
    #Engineered-Fronts {
        height: 500px
    }

    #fronts-for-every-space .container-box {
        padding: 0 100px;
    }
}

/*--------------------------------------------------------------
# Product - Refacing Supplies
--------------------------------------------------------------*/

#refacing-supplies {
    background-image: url(assets/img/product-refacing-supplies/RefacingSupplies-Hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px
}

#refacing-supplies p {
    font-size: 20px;
    line-height: 26px;
}

@media (min-width: 992px) {
    #refacing-supplies {       
        height: 500px
    }
}

/*--------------------------------------------------------------
# Product - Floating Shelves
--------------------------------------------------------------*/

#floating-shelves {
    background-image: url(assets/img/product-floating-shelves/FloatingShelves_Hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px
}

#floating-shelves p {
    font-size: 20px;
    line-height: 26px;
}

@media (min-width: 992px) {
    #floating-shelves {       
        height: 500px
    }
}

/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/

#faq-banner {
    background-image: url(assets/img/faq/FAQ_hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px
}

#faq-banner p {
    font-size: 20px;
    line-height: 26px;
}

@media (min-width: 992px) {
    #faq-banner {       
        height: 500px
    }
}

#faq .card {
    background-color: unset;
    border: none;
    border-radius: unset;
    border-bottom: 1px solid #111119;
}

#faq .card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: unset;
    border-top-right-radius: unset
}

#faq .card-header {
    padding: 16px 0;
    background-color: unset;
    border-bottom: none;
}

#faq .card-header:first-child {
    border-radius: unset;
}

#faq .card-body {
    padding: 0rem 2rem 1rem 3rem;
    color: #111119;
}

#faq .btn {
    font-weight: 300;
    color: #111119;
    text-align: left;    
    padding: .375rem 0;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid transparent;
    border-radius: unset;
    text-transform: none;
    letter-spacing: 0px;
    background-color: unset;
}   

#faq .btn:hover {
    color: #111119;
    text-decoration: none 
}

#faq .btn.focus,
#faq .btn:focus {
  font-weight: bold;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

#faq .more-less {
    float: right;
}

/*
    @include media-breakpoint-up(lg) {
      .btn {      
        font-size: 16px;
        line-height: 24px;
      }
    }
*/

/*--------------------------------------------------------------
# Request a Collaboration
--------------------------------------------------------------*/

#collaborate-banner {
    height: 200px
}

@media (min-width: 992px) {
    #collaborate-banner {       
        height: 300px
    }
}

/*--------------------------------------------------------------
# Contact Us
--------------------------------------------------------------*/

#contact-us {
    background-image: url(assets/img/contact-us/ContactUs_hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px
}

#contact-us .contact-us-container {
    padding: 10px;
    background-color: #f4f0ed; /* ivory */
    opacity: 0.8;
  }

#contact-us h1 {
    color: #203241;
}

#contact-us p {
    font-size: 20px;
    line-height: 26px;
}

@media (min-width: 992px) {
    #contact-us {       
        height: 500px
    }
}

/* Change button style*/
form.fluent_form_1 .ff-btn-submit,
form.fluent_form_2 .ff-btn-submit,
form.fluent_form_3 .ff-btn-submit  {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold; 
    font-size: 14px; /* 11 pt */
    background-color: #203241 !important;
    border-color: #203241;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 0px;
    --webkit-border-radius: 0px;
    text-decoration: none;
    padding: .7rem 1rem;
}

/*Change button hover style*/
form.fluent_form_1 .ff-btn-submit:hover,
form.fluent_form_2 .ff-btn-submit:hover,
form.fluent_form_3 .ff-btn-submit:hover {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold; 
    background-color: #DABFB4 !important;
    border-color: #DABFB4;
    color: #fff !important;
    border-radius: 0px;
    --webkit-border-radius: 0px;
    text-decoration: none;
}

form.fluent_form_1 .ff-el-form-control,
form.fluent_form_2 .ff-el-form-control,
form.fluent_form_3 .ff-el-form-control {
    font-size: 16px; /*change font size*/
    line-height: 1.5; /*change line height*/
    color: #111119; /*change font color*/
}

form.fluent_form_1 .ff-el-input--label label,
form.fluent_form_2 .ff-el-input--label label,
form.fluent_form_3 .ff-el-input--label label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300; /* light */
    line-height: 23px; 
    font-size: 16px; /* 18 pt */
    color: #111119; /* Midnight */
}

/*Change input border color when input is selected/focused */
/*
.ff-el-form-control:focus {
    border-color: #203241; 
    outline: none;
    -webkit-box-shadow: 0 0 0 3px rgba(157, 118, 111, .25);
    box-shadow: 0 0 0 3px rgba(157, 118, 111, .25);
}
*/

/*--------------------------------------------------------------
# Free Sample
--------------------------------------------------------------*/

#free-sample {
    height: 300px
}

#free-sample p {
    font-size: 20px;
    line-height: 26px;
}

@media (min-width: 992px) {
    #free-sample {       
        height: 500px
    }
}

/*--------------------------------------------------------------
# How To Measure
--------------------------------------------------------------*/

#how-to-measure {
    height: 200px
}

@media (min-width: 992px) {
    #how-to-measure {       
        height: 300px
    }
}

/*--------------------------------------------------------------
# How To Paint
--------------------------------------------------------------*/

#how-to-paint {
    height: 600px
}

#how-to-paint p {
    font-size: 20px;
    line-height: 26px;
}

#how-to-paint-tools li {
    padding-bottom: 10px;
}

.text-bottom {
    position: relative;
}

.img-dropbox-top-right-ivory {
    -webkit-box-shadow: 25px -25px #f4f0ed;
    box-shadow: 25px -25px #f4f0ed;
    margin-top: 25px;
    margin-right: 25px;
    max-width: 90%;
}

.img-dropbox-top-left-ivory {
    -webkit-box-shadow: -25px -25px #f4f0ed;
    box-shadow: -25px -25px #f4f0ed;
    margin-top: 25px;
    margin-left: 25px;
    max-width: 90%;
}

.img-dropbox-bottom-right-ivory {
    -webkit-box-shadow: 25px 25px #f4f0ed;
    box-shadow: 25px 25px #f4f0ed;
    margin-bottom: 25px;
    margin-right: 25px;
    max-width: 90%;
}

.img-dropbox-bottom-left-ivory {
    -webkit-box-shadow: -25px 25px #f4f0ed;
    box-shadow: -25px 25px #f4f0ed;
    margin-bottom: 25px;
    margin-right: 25px;
    max-width: 90%;
}

@media (min-width: 992px) {
    #how-to-paint {       
        height: 500px
    }

    .text-bottom {
        position: absolute;
        bottom: 0px;
    }
}

/*--------------------------------------------------------------
# How To Install
--------------------------------------------------------------*/

#how-to-install {
    height: 200px
}

#how-to-install-need li {
    padding-bottom: 10px;
}

#how-to-install-step-1 .text-box {
    border: 1px solid #203241;
    padding: 20px;
}

@media (min-width: 992px) {
    #how-to-install {       
        height: 300px
    }
}

/*--------------------------------------------------------------
# How To Prep
--------------------------------------------------------------*/

#how-to-prep {
    height: 200px
}

@media (min-width: 992px) {
    #how-to-prep {       
        height: 300px
    }
}

/*--------------------------------------------------------------
# Pro Tip
--------------------------------------------------------------*/

.pro-tip-box {
    border: 3px solid #111119; /* Midnight */
}

.pro-tip-title {
    padding: 5px 50px 5px 50px;
    top: -15px;
    position: relative;
    color: #ffffff; 
    background-color: #111119; /* Midnight */
}
.pro-tip-title h2 {
    color: #ffffff; 
    margin: 0px;
    padding-bottom: 0px;
}

@media (min-width: 992px) {
    .pro-tip-title {
        padding: 5px 100px 5px 100px;
    }
}

/*--------------------------------------------------------------
# How It Works
--------------------------------------------------------------*/

.bg-how-it-works-left {
    background-image: url(assets/img/how-it-works/bg-how-it-works.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px
}

.how-it-works-container {
    padding: 50px 15px;
}

.how-it-works-container p {
    font-size: 20px;
    line-height: 26px;
}

.text-border-box {
    border: 1px solid #916E67;
    padding: 20px;
}

#how-it-works-help-left {
    float: inherit;
}

#how-it-works-help-left img {
    height: auto;
    width: 170px;
}

#how-it-works-help .card {
    border: none;
}

@media (min-width: 768px) { 
    .bg-how-it-works-left {        
        height: 600px
    }   
    #how-it-works-help-left {
        float: right !important;
    }
}

@media (min-width: 992px) { 
    .bg-how-it-works-left {        
        height: 800px
    }    
}

/*--------------------------------------------------------------
# Estimate Your Space
--------------------------------------------------------------*/

.bg-estimate-your-space-left {
    background-image: url(assets/img/estimate-your-space/bg-estimate-your-space.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px
}

.estimate-your-space-container {
    padding: 50px 15px;
}

.estimate-your-space-container p {
    font-size: 20px;
    line-height: 26px;
}

#estimate-your-space-calculator .text-box {
    border: 1px #916E67 solid;
    padding: 20px;
}

#estimate-openings {
    width: 150px;
}

#estimate-amount {
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #916E67 /* Mauve Berry */
}

@media (min-width: 768px) { 
    .bg-estimate-your-space-left {        
        height: 600px
    }   
}

@media (min-width: 992px) { 
    .bg-estimate-your-space-left {        
        height: 800px
    }    
}

/*--------------------------------------------------------------
# Landing Pages
--------------------------------------------------------------*/

#ikea-frameless-cabinets,
#start-your-kitchen-refresh {
    padding: 50px 15px;
}

.bg-start-your-kitchen-refresh-banner {
    background-image: url(assets/img/start-your-kitchen-refresh/bg-start-your-kitchen-refresh.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px    
}

.bg-ikea-banner {
    background-image: url(/wp-content/themes/frontcenter-wp-bootstrap-child/assets/img/contact-us/ContactUs_hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    height: 400px
}

@media (min-width: 992px) { 
    .bg-start-your-kitchen-refresh-banner {       
        height: 500px
    }    

    .bg-ikea-banner {       
        height: 500px
    }    
}

.ikea-gallery-img-1,
.ikea-gallery-img-2,
.ikea-gallery-img-3,
.ikea-gallery-img-4,
.ikea-gallery-img-5,
.ikea-gallery-img-6 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 5px solid white
}

.ikea-gallery-img-1,
.ikea-gallery-img-2,
.ikea-gallery-img-3 {
    height: 385px;
}

.ikea-gallery-img-4,
.ikea-gallery-img-5 {
    height: 300px;
}

.ikea-gallery-img-6 {
    height: 600px;
}

.ikea-gallery-img-1 {
    background-image: url(/wp-content/uploads/2024/09/gallery2-image-1.jpg);
}
.ikea-gallery-img-2 {
    background-image: url(/wp-content/uploads/2024/09/gallery2-image-2.jpg);
}
.ikea-gallery-img-3 {
    background-image: url(/wp-content/uploads/2024/09/gallery2-image-3.jpg);
}
.ikea-gallery-img-4 {
    background-image: url(/wp-content/uploads/2024/09/gallery2-image-4.jpg);
}
.ikea-gallery-img-5 {
    background-image: url(/wp-content/uploads/2024/09/gallery2-image-5.jpg);
}
.ikea-gallery-img-6 {
    background-image: url(/wp-content/uploads/2024/09/gallery2-image-6.jpg);
}

/*--------------------------------------------------------------
# Ikea
--------------------------------------------------------------*/

.free-swatch-container {
    padding: 50px 15px;
}

/*--------------------------------------------------------------
# Refacing The 411
--------------------------------------------------------------*/

.bg-refacing-the-411-left {
    background-image: url(assets/img//refacing-the-411/bg-refacing-the-411.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px
}

.refacing-the-411-container {
    padding: 50px 15px;
}

.refacing-the-411-container  p {
    font-size: 20px;
    line-height: 26px;
}

@media (min-width: 768px) { 
    .bg-refacing-the-411-left {        
        height: 600px
    }   
}

@media (min-width: 992px) { 
    .bg-refacing-the-411-left {        
        height: 800px
    }    
}

/*--------------------------------------------------------------
# Care + Cleaning
--------------------------------------------------------------*/

.bg-care-cleaning-up-left {
    background-image: url(assets/img/care-cleaning/bg-care-cleaning.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px
}

.care-cleaning-up-container {
    padding: 50px 15px;
}

.care-cleaning-up-container p {
    font-size: 20px;
    line-height: 26px;
}

@media (min-width: 768px) { 
    .bg-care-cleaning-up-left {        
        height: 600px
    }   
}

@media (min-width: 992px) { 
    .bg-care-cleaning-up-left {        
        height: 800px
    }    
}

/*--------------------------------------------------------------
# Blog List 
--------------------------------------------------------------*/

#blog-list-banner {
    background-image: url(assets/img/blog-list/blog-list-hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px
}

#blog-list-banner h1 {
    background: rgba(145, 110, 103, 0.6);
    padding: 30px 40px;
    color: #ffffff;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    #blog-list-banner {       
        height: 515px
    }
}

/*--------------------------------------------------------------
# Tamara Day 
--------------------------------------------------------------*/

.text-extralarge {
    font-size: 40px;
    font-weight: 600;
}

#tamara-day-top-banner {
    position: relative;
    background-color: black;
    height: 65vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
  }

#tamara-day-top-banner video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  
/* Media Query for devices withi coarse pointers and no hover functionality */
/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
    #tamara-day-top-banner {
       background: url('/wp-content/uploads/2024/10/tamara-day-top-banner.png') #f4f0ed no-repeat center center scroll;
    }
    #tamara-day-top-banner video {
      display: none;
    }    
}

#tamara-day-top-banner-old {
    background-image: url(/wp-content/uploads/2024/10/tamara-day-top-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 300px
}

#tamara-day-mid-banner {
    background-image: url(/wp-content/uploads/2024/10/tamara-day-magic-makeover-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 300px
}

#tamara-day-footer-banner {
    background-image: url(/wp-content/uploads/2024/10/tamara-day-reading-room-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 300px
}

#dave-marrs-footer-banner {
    background-image: url(/wp-content/uploads/2025/05/Mooney-House-Portraits-2025-Large.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top 32%;
    height: 600px
}

#carouselTamaraFavorite .carousel-item > .container {
    padding: 0 50px;
} 

#carouselTamaraEsposdes .carousel-item > .container {
    padding: 0 50px;
} 

#carouselTamaraFavorite .carousel-control-next, 
#carouselTamaraFavorite .carousel-control-prev,
#carouselTamaraEsposdes .carousel-control-next, 
#carouselTamaraEsposdes .carousel-control-prev {
    color: #203241; /* Mauve Berry */
}

#carouselTamaraFavorite .carousel-control-next:focus, 
#carouselTamaraFavorite .carousel-control-next:hover,
#carouselTamaraFavorite .carousel-control-prev:focus,
#carouselTamaraFavorite .carousel-control-prev:hover,
#carouselTamaraEsposdes .carousel-control-next:focus, 
#carouselTamaraEsposdes .carousel-control-next:hover,
#carouselTamaraEsposdes .carousel-control-prev:focus,
#carouselTamaraEsposdes .carousel-control-prev:hover {
    color: #916E67; /* Mauve Berry */
}

@media (min-width: 1400px) {
    #tamara-day-top-banner {
        height: 65vh;
      }
}

@media (min-width: 992px) {

    #tamara-day-top-banner-old {       
        height: 650px
    }

    #tamara-day-mid-banner {       
        height: 515px
    }

    #tamara-day-footer-banner {       
        height: 515px
    }

}

@media (min-width: 768px) {
    #carouselTamaraEsposdes .carousel-inner .carousel-item {
        margin-right: inherit;
    }

    /* show 3 items */
    #carouselTamaraEsposdes .carousel-inner .active,
    #carouselTamaraEsposdes .carousel-inner .active + .carousel-item,
    #carouselTamaraEsposdes .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    
    #carouselTamaraEsposdes .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carouselTamaraEsposdes .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #carouselTamaraEsposdes .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
        margin-right: initial;
    }
    
    #carouselTamaraEsposdes .carousel-inner .carousel-item-next,
    #carouselTamaraEsposdes .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    #carouselTamaraEsposdes .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    #carouselTamaraEsposdes .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #carouselTamaraEsposdes .carousel-item-next.carousel-item-left + .carousel-item,
    #carouselTamaraEsposdes .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #carouselTamaraEsposdes .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    #carouselTamaraEsposdes .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    #carouselTamaraEsposdes .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #carouselTamaraEsposdes .carousel-item-prev.carousel-item-right + .carousel-item,
    #carouselTamaraEsposdes .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #carouselTamaraEsposdes .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}

/*--------------------------------------------------------------
# Download App
--------------------------------------------------------------*/
#download-app-banner {
    background-image: url(/wp-content/uploads/2024/11/download-app-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 300px
}

#download-app-banner .title-box {
    position: absolute;
    left: 20px;
    bottom: 10px;
    width: 80%;
}
#download-app-banner .title-box h1 {
    font-size: 30px;
    line-height: 40px;
}
#download-app-banner .title-box h2 {
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
}

@media (min-width: 768px) {
    #download-app-banner .title-box {
        position: absolute;
        left: 0;
        bottom: 30px;
        width: 500px;
    }
    #download-app-banner .title-box h1 {
        font-size: 30px;
    }
    #download-app-banner .title-box h2 {
        font-size: 20px;
    }
}

@media (min-width: 992px) {
    #download-app-banner {       
        height: 650px
    }

    #download-app-banner .title-box {
        position: absolute;
        left: 0;
        bottom: 150px;
        width: 800px;
    }

    #download-app-banner .title-box h1 {
        font-size: 45px;
        line-height: 55px;
    }
    #download-app-banner .title-box h2 {
        font-size: 28px;
        line-height: 34px;
    }
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .btn, .widget a.button {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold; 
    font-size: 14px; /* 11 pt */
    background-color: #203241;
    border-color: #203241;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0px;
    --webkit-border-radius: 0px;
    text-decoration: none;
    padding: .7rem 1rem;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .btn:hover, .widget a.button:hover {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold; 
    background-color: #DABFB4;
    border-color: #DABFB4;
    color: #fff;
    border-radius: 0px;
    --webkit-border-radius: 0px;
    text-decoration: none;
}

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button:focus, .btn:focus, .widget a.button:focus {
    background-color: #DABFB4 ;
    border-color: #DABFB4;
    color: #fff;
}

.btn-lg {
    font-size: 18px;
}

.btn-primary {
    color: #fff !important;
    background-color: #203241;
    border-color: #203241;
    text-decoration: none !important;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #DABFB4;
    border-color: #DABFB4;
    text-decoration: none !important;
}

.btn-primary.focus,.btn-primary:focus,.btn-primary.active,.btn-primary:active {
    color: #fff;
    background-color: #DABFB4;
    border-color: #DABFB4;
    box-shadow: none;
    text-decoration: none !important;
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #DABFB4;
    border-color: #DABFB4;
    text-decoration: none !important;
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #DABFB4;
    border-color: #DABFB4;
    text-decoration: none !important;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
    text-decoration: none !important;
}


/* Woocommerce Button */
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold; 
    font-size: 14px; /* 11 pt */
    background-color: #203241;
    border-color: #203241;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0px;
    --webkit-border-radius: 0px;
    text-decoration: none;
}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold; 
    background-color: #DABFB4;
    border-color: #DABFB4;
    color: #fff;
    border-radius: 0px;
    --webkit-border-radius: 0px;
    text-decoration: none;
}
/* Woocommerce Add to Cart Button */
button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold; 
    font-size: 14px; /* 11 pt */
    background-color: #203241;
    border-color: #203241;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}
button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold; 
    background-color: #DABFB4;
    border-color: #DABFB4;
    color: #fff;
    text-decoration: none;
}

.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt {
    background-color: #203241;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover {
    background-color: #DABFB4;
    color: #fff
}

.woocommerce #respond input#submit.alt.disabled,.woocommerce #respond input#submit.alt.disabled:hover,.woocommerce #respond input#submit.alt:disabled,.woocommerce #respond input#submit.alt:disabled:hover,.woocommerce #respond input#submit.alt:disabled[disabled],.woocommerce #respond input#submit.alt:disabled[disabled]:hover,.woocommerce a.button.alt.disabled,.woocommerce a.button.alt.disabled:hover,.woocommerce a.button.alt:disabled,.woocommerce a.button.alt:disabled:hover,.woocommerce a.button.alt:disabled[disabled],.woocommerce a.button.alt:disabled[disabled]:hover,.woocommerce button.button.alt.disabled,.woocommerce button.button.alt.disabled:hover,.woocommerce button.button.alt:disabled,.woocommerce button.button.alt:disabled:hover,.woocommerce button.button.alt:disabled[disabled],.woocommerce button.button.alt:disabled[disabled]:hover,.woocommerce input.button.alt.disabled,.woocommerce input.button.alt.disabled:hover,.woocommerce input.button.alt:disabled,.woocommerce input.button.alt:disabled:hover,.woocommerce input.button.alt:disabled[disabled],.woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #DABFB4;
    color: #fff
}


.btn-white {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold; 
    background-color: #fff;
    border-color: #fff;
    color: #203241 !important; /* Mauve Berry */
    border-radius: 0px;
    --webkit-border-radius: 0px;
    text-decoration: none !important;
}

.btn-white:hover {
    color: #DABFB4 !important; /* Blushed*/
    border-radius: 0px;
    background-color: #fff;
    border-color: #fff;
    text-decoration: none !important;
}

.btn-berry {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold; 
    background-color: #203241;/* Mauve Berry */
    border-color: #203241;
    color: #fff !important; 
    border-radius: 0px;
    --webkit-border-radius: 0px;
    text-decoration: none !important;
}

.btn-berry:hover {
    color: #203241 !important;/* Mauve Berry */
    border-radius: 0px;
    background-color: transparent;
    border-color: #203241;
    text-decoration: none !important;
}

.btn-berry.focus,.btn-berry:focus,.btn-berry.active,.btn-berry:active {
    color: #203241;
    background-color: transparent;
    border-color: #203241;
    box-shadow: none;
}

.btn-berry:not(:disabled):not(.disabled).active:focus,.btn-berry:not(:disabled):not(.disabled):active:focus,.show>.btn-berry.dropdown-toggle:focus {
    box-shadow: none
}

.btn-berry-inverted {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold; 
    background-color: transparent;
    border-color: #203241; /* Mauve Berry */
    color: #203241 !important; 
    border-radius: 0px;
    --webkit-border-radius: 0px;
    text-decoration: none !important;
}

.btn-berry-inverted:hover {
    color: #fff !important;
    border-radius: 0px;
    background-color: #203241; /* Mauve Berry */
    border-color: #203241;
    text-decoration: none !important;
}

.btn-berry-inverted.focus,.btn-berry-inverted:focus,.btn-berry-inverted.active,.btn-berry-inverted:active {
    color: #fff;
    background-color: #203241;
    border-color: #203241;
    box-shadow: none;
}

.btn-berry-inverted:not(:disabled):not(.disabled).active:focus,.btn-berry-inverted:not(:disabled):not(.disabled):active:focus,.show>.btn-berry-inverted.dropdown-toggle:focus {
    box-shadow: none
}

.btn-blush {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold; 
    background-color: #DABFB4; /* Blush */
    border-color: #DABFB4;
    color: #fff !important; 
    border-radius: 0px;
    --webkit-border-radius: 0px;
    text-decoration: none !important;
}

.btn-blush:hover {
    color: #fff !important;
    border-radius: 0px;
    background-color: #203241;
    border-color: #203241;
    text-decoration: none !important;
}

.btn-blush.focus,.btn-blush:focus,.btn-blush.active,.btn-blush:active {
    color: #fff !important;
    background-color: #203241;
    border-color: #203241;
    box-shadow: none;
}

.btn-blush:not(:disabled):not(.disabled).active:focus,.btn-blush:not(:disabled):not(.disabled):active:focus,.show>.btn-blush.dropdown-toggle:focus {
    box-shadow: none
}

/*-------------------------------------------------------------*/ 
/* Bootstrap Info Message */
.woocommerce-error,.woocommerce-info,.woocommerce-message {
    background-color: #f4f0ed; /* Ivory */
    color: #111119; /* Midnight */
    border-top: 3px solid #916E67; /* Berry */
}

.woocommerce-message {
    border-top-color: #916E67; /* Berry */
}

.woocommerce-message::before {
    content: "\e015";
    color: #916E67; /* Berry */
}

.mark,mark {
    background-color: #f4f0ed; /* Ivory */
}

/* My Account Order Table */
.woocommerce table.shop_table {
    border: 1px solid #916E67; /* Berry */
    border-radius: 0px
}

.woocommerce table.shop_table th {
    font-weight: 700;
    padding: 9px 12px;
    line-height: 1.5em;
    background-color: #f4f0ed; /* Ivory */
    color: #916E67; /* Berry */
}

.woocommerce table.shop_table tbody th,.woocommerce table.shop_table tfoot td,.woocommerce table.shop_table tfoot th {
    border-top: 1px solid #DABFB4; /* Blushed*/
    text-align: right;
}

.woocommerce table.shop_table ul {
    list-style: none;
    margin: 0;
}

.woocommerce table.shop_table .pewc-order-item-label {
    font-weight: 700;
}

.woocommerce .woocommerce-customer-details address {
    border: unset;
}

.circle img {
    background-color:#fff !important;
    border:1px solid #fff !important;    
    height:200px !important;
    width:200px !important;
    border-radius:50% !important;
    -moz-border-radius:50% !important;
    -webkit-border-radius:50% !important;
    padding: 50px;
}

.woocommerce-MyAccount-content {
    padding-bottom: 50px;
}

/* Add icon to My Account Page */
body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--marketingmaterial a:before{
	content: "\f1fd"
}

.woocommerce-MyAccount-navigation {
	display:none;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;   
}

.woocommerce-EditAccountForm, .woocommerce-EditAddressForm  {
    padding-bottom: 50px;
}

/* woocomerce Cart */
dl.variation {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0
  }
  .variation dt {
    float: left;
    width: 35%;
    padding: 0;
    margin: 0 !important;
  }
  .variation dd {
    float: left;
    width: 50%;
    padding: 0;
    margin: 0
  }

  /*Hide the add-on span tags */
  .doortype-value, .finish-value, .graindirection-value, .hingeborepattern-value, .multipanel-value, .thickness-value {
      display: none;
  }

/*-------------------------------------------------------------*/ 
/* Woocommerce Breaccrumb */
/*-------------------------------------------------------------*/    
.woocommerce .woocommerce-breadcrumb {
    margin: 0 0 1em;
    padding: 0;
    font-size: 16px;
    color: #111119
}

.woocommerce .woocommerce-breadcrumb a {
    color: #111119
}

/*-------------------------------------------------------------*/ 
/* Woocommerce Single Product Page */
/*-------------------------------------------------------------*/   

/* Change Single Prduct Column Width on large screen */
@media (min-width: 992px) { 
    .woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images {
        width: 36%
    }

    .woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary {
        width: 60%;
    }
}

/* Product Title */
h1.entry-title {
    font-size: 30px;
    border-bottom: 1px solid #916E67; /* Mauve Berry */
}

.post h1.entry-title {
    font-size: 50px;
    border-bottom: none;
    padding-top: 50px;
    text-transform: uppercase;
}
.post .entry-meta {
    padding-bottom: 20px;
}

@media (min-width: 992px) { 
    h1.entry-title {
        font-size: 50px;        
    }
}

/* Product Price Label */
.woocommerce div.product p.price,.woocommerce div.product span.price {
    color: #916E67; /* Mauve Berry */
    font-weight: 400;
    font-size: 1.25em;
    padding-top: 20px;
}

/* Product Add-on Group */
.pewc-product-extra-groups {
    padding: 0px;
}
@media (min-width: 992px) {
    .pewc-product-extra-groups {
        padding-left: 40px;
    }
}

/* Product Add-on Image Swatch*/
.pewc-radio-images-wrapper .pewc-radio-image-wrapper {
    text-align: center;
}

.pewc-radio-images-wrapper .pewc-radio-image-wrapper img {
    max-width: 65px;
}
@media (min-width: 768px) {
    .pewc-radio-images-wrapper .pewc-radio-image-wrapper img {
        max-width: 100%;
    }
}

/* Product Add-on Image Swatch Selected*/
.pewc-radio-image-wrapper label input:checked + img,
.pewc-checkbox-image-wrapper label input:checked + img {
	border: 4px solid #916E67 !important; /*red*/
}

/* Product Add-on Number Input */
.pewc-item-field-wrapper input[type=number] {
    float: right;
}

/* Product Image Gallery*/
.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 5px;
}

/* Product Image show alt as caption */
.product_cat-door-fronts .woocommerce-product-gallery .woocommerce-product-gallery__image,
.product_cat-frames .woocommerce-product-gallery .woocommerce-product-gallery__image,
.product_cat-drawer-fronts .woocommerce-product-gallery .woocommerce-product-gallery__image,
.product_cat-multi-panel-products .woocommerce-product-gallery .woocommerce-product-gallery__image,
.product_cat-lazy-susans .woocommerce-product-gallery .woocommerce-product-gallery__image {
    position: relative;
}
.product_cat-door-fronts .woocommerce-product-gallery .woocommerce-product-gallery__image:after,
.product_cat-frames .woocommerce-product-gallery .woocommerce-product-gallery__image:after,
.product_cat-drawer-fronts .woocommerce-product-gallery .woocommerce-product-gallery__image:after,
.product_cat-multi-panel-products .woocommerce-product-gallery .woocommerce-product-gallery__image:after,
.product_cat-lazy-susans .woocommerce-product-gallery .woocommerce-product-gallery__image:after {
    content: attr(data-thumb-alt);
	position: absolute;
	bottom: 50px;
	left: 20px;
	padding: 5px 10px;
	background-color: #916E67;
	color: #fff;
}

.conversion-table {
    font-weight: bold;
    color: #203241;
    text-decoration: underline;
} 

.conversion-table:hover{
    color: #916E67;
} 

/*-------------------------------------------------------------*/   
/* Modal Popup */
/*-------------------------------------------------------------*/   
.modal-header {
    border-bottom: 1px solid #916E67;
}

.modal-header .close {
    padding: 0rem 1rem;    
}

button.close {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold; 
    font-size: 20px; 
    background-color: unset;
    border-color: unset;
    color: #203241;
    text-transform: uppercase;
    border-radius: 0px;
    --webkit-border-radius: 0px;
    text-decoration: none;
}
button.close:hover {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold; 
    background-color: unset;
    border-color: unset;
    color: #203241;
    border-radius: 0px;
    --webkit-border-radius: 0px;
    text-decoration: none;
}


/*-------------------------------------------------------------*/ 
/* Woocommerce subnav menu */
/*-------------------------------------------------------------*/ 
#frontcenter-subnav .nav-link {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300; 
    color: #111119; /* Midnight */
    text-transform: uppercase;
    font-size: 14px;
}
#frontcenter-subnav .nav > li > a:focus,
#frontcenter-subnav .nav > li > a:hover {
  background-color: unset;
  text-decoration: underline;
}

/*-------------------------------------------------------------*/ 
/* Woocommerce Shop Pages */
/*-------------------------------------------------------------*/ 
.woocommerce ul.products li.product .woocommerce-loop-category__title,.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;    
    color: #111119; /* Midnight */
    line-height: 22px; 
    font-size: 16px; /* 16 pt */
    text-transform: uppercase;
}

/* Hide the product count */
.woocommerce ul.products li.product .woocommerce-loop-category__title .count, .woocommerce ul.products li.product .woocommerce-loop-product__title .count {
    display: none;
}
/* Center categories/products text */
.woocommerce .products ul,.woocommerce ul.products {
    text-align: center;
}
/* Price label */
.woocommerce ul.products li.product .price {
    color: #916E67; /* Mauve Berry */
    font-weight: 400;
    font-size: .857em;   
}
/*-------------------------------------------------------------*/ 

/*-------------------------------------------------------------*/ 
/* Registration Page */
/*-------------------------------------------------------------*/ 
.woocommerce-form-register #customerid_field {
    display: none;
}

#ihaveacurrentstatecontractoraposslicensewhereapplicable_field .optional,
#ihavecurrentgeneralliabilityinsurancetostate-requiredlevels_field .optional,
#fcprocontractorsonlyihaveacurrentstatecontractorlsquoslicensewhereapplicable_field .optional,
#fcprocontractorsonlyihavecurrentgeneralliabilityinsurancetostate-requiredlevels_field .optional {
    display: none;
}

.woocommerce form .required {
    color: red;
    font-weight: 700;
    border: 0 !important;
    text-decoration: none;
}

/*
.afreg_extra_fields {
    width: 100%;
}

.afreg_extra_fields .input-text,
.afreg_extra_fields .input-select {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
*/

/*-------------------------------------------------------------*/ 
/* WP Affilicate */
/*-------------------------------------------------------------*/ 
#affwp-login-form,
#affwp-register-form {
    border: 1px solid #cfc8c8;
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 5px;
}

ul#affwp-affiliate-dashboard-tabs li:nth-child(2) {
    display: none !important;
  }

/*-------------------------------------------------------------*/ 
/* MWC Promo */
/*-------------------------------------------------------------*/ 

/*
 #carouselPromo .carousel-item {
    height: 480px;
 }
*/ 

.promo-measure-confidence-contrainer {
    margin: 0 auto;
    background-color: #f4f0ed;
}

.promo-measure-confidence {
    margin-bottom: 20px;
    padding: 20px 20px;
    text-align: left;
}

.promo-measure-confidence-image {
    display: none;
}

.promo-measure-confidence-contrainer  .promo-measure-confidence-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
}

.promo-measure-confidence img {
    padding: 0;
}

#carouselPromo .carousel-control-next, 
#carouselPromo .carousel-control-prev {
    color: #203241; /* Mauve Berry */
}

#carouselPromo .carousel-control-next:focus, 
#carouselPromo .carousel-control-next:hover,
#carouselPromo .carousel-control-prev:focus,
#carouselPromo .carousel-control-prev:hover {
    color: #916E67; /* Mauve Berry */
}

@media (min-width: 768px) {
    /*
    #carouselPromo .carousel-item {
        height: 360px;
     }
    */ 

    .promo-measure-confidence-contrainer {
        position: relative;
        max-width: 885px;
        max-height: 460px;
        background-color: unset;
    }
    
    .promo-measure-confidence {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-bottom: 20px;
        max-width: 750px;
        background: rgba(255, 255, 255, 0.7);
        padding: 20px 20px;
    }

    .promo-measure-confidence-image {
        display: block;
    }
    
    .promo-measure-confidence-contrainer  .promo-measure-confidence-title {
        font-size: 25px;
    }

    .promo-measure-confidence img {
        padding: 0 15px;
    }
}

/*
@media (min-width: 992px) { 
    #carouselPromo .carousel-item {
        height: 460px;
     } 
}
     */

.restricted_country {
    color: #721c24;
    background-color: #f8d7da;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #f5c6cb;
    border-radius: .25rem;
}