/*!
Theme Name: Cotton Wood Dental
Theme URI: http://underscores.me/
Author: Volcone
Author URI: https://volcone.com/
Description: The theme for Cotton Wood Dental!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cwd
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Cotton Wood Dental is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* Fonts  */

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Regular.eot');
    src: url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Regular.woff2') format('woff2'), url('fonts/ProximaNova-Regular.woff') format('woff'), url('fonts/ProximaNova-Regular.ttf') format('truetype'), url('fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('fonts/ProximaNova-Bold.eot');
    src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Bold.woff2') format('woff2'), url('fonts/ProximaNova-Bold.woff') format('woff'), url('fonts/ProximaNova-Bold.ttf') format('truetype'), url('fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


/* --------  Global css -------- */

.entry-content {
    margin-top: 0;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}


/* --------  Slider section -------- */

.slider-section {
    padding: 100px 0 110px;
    background-size: cover !important;
    background-position: top center !important;
    margin: 0 !important;
}

.slider-section .wpb_wrapper.vc_figure,
.slider-section img {
    width: 100%;
}

.slider-section .vc_single_image-wrapper {
    width: 100%;
}

.slider-overlay-text {
    /* position: absolute; */
    background-color: rgba(51, 51, 51, .925);
    padding: 35px 30px;
    color: #fff;
    /* right: 7%;
    top: 35%;
    opacity: 1; */
    max-width: 580px;
    margin-left: auto;
}

.slider-overlay-text .slider_title {
    color: #fff;
    font-family: Fugaz One, cursive;
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 0;
    text-align: left;
    line-height: 1.25;
}

.slider-overlay-text .slider_subtitle {
    color: #fff;
    font-family: proxima-nova, sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.25;
    padding: 0;
    text-align: left;
    display: inline-block;
    margin: 0;
}


/* Green Box Row CSS */

.green-box-row {
    background-color: #D6975C;
    box-shadow: 0 5px 25px rgba(0, 0, 0, .35);
    margin-top: -90px;
    margin-bottom: 60px;
    text-align: center;
    position: relative;
    color: #fff;
}

.left-box {
    background-color: #D6975C;
    box-shadow: 5px 0 15px rgba(0, 0, 0, .15);
    padding: 0 30px;
}

.right-box {
    padding: 0 30px;
}

h2.box-title {
    color: #fff;
    font-family: Fugaz One, cursive;
    font-size: 30px;
    margin: 10px 0 0;
    padding-bottom: 10px;
}

.green-box-row p {
    color: #fff;
    font-family: proxima-nova, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

.site-btn {
    border: 0;
    border-radius: 25px;
    display: inline-block;
    font-family: 'Proxima Nova Bold';
    font-size: 17px;
    font-weight: 700;
    margin: 10px auto;
    min-width: 200px;
    padding: 10px 20px;
    text-align: center;
    transition: all .4s ease;
    text-transform: capitalize;
    margin: 20px 0 !important;
    color: #fff;
}

.site-btn-wrap>a,
.site-btn-wrap>button {
    border: 0 !important;
    border-radius: 25px !important;
    display: inline-block !important;
    font-family: 'Proxima Nova Bold' !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    min-width: 200px !important;
    padding: 10px 20px !important;
    text-align: center !important;
    transition: all .4s ease !important;
    text-transform: capitalize !important;
    margin: 20px 0 !important;
    color: #ffffff !important;
    line-height: 1.42 !important;
}

.site-btn:hover,
.site-btn-wrap>a:hover,
.site-btn-wrap>button:hover {
    box-shadow: 0 0 16px hsla(0, 0%, 100%, .25) !important;
}

.blue-btn,
.blue-btn-wrap>a,
.blue-btn-wrap>button {
    background-color: #0f68ae !important;
}

.blue-btn:hover,
.blue-btn-wrap>a:hover,
.blue-btn-wrap>button:hover {
    background-color: #005093 !important;
}

.green-btn {
    background-color: #496e9c;
    color: #fff;
}

.green-btn:hover {
    box-shadow: 0 0 16px hsla(0, 0%, 100%, .25);
    background-color: #6D95C6;
    color: #fff;
}

.dark-green-btn,
.green-btn-wrap a {
    background-color: #496e9c;
}

.dark-green-btn:hover,
.green-btn-wrap a:hover {
    background-color: #6D95C6 ;
    box-shadow: 0 0 16px hsla(0, 0%, 100%, .25) !important;
    color: #fff ;
}

.col-20 {
    float: none !important;
    flex: 0 0 20%;
    max-width: 20%;
}

.help-options-row-wrap {
    padding: 18px 0 55px;
}

.overlay-link,
.overlay-link>* {
    position: absolute !important;
    font-size: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: transparent !important;
    border: 0 !important;
}

.overlay-link>* {
    font-size: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.help-option-img {
    margin: 0;
    text-align: center !important;
}

.help-option-img img {
    border: 3px solid hsla(0, 0%, 100%, 0);
    border-radius: 50%;
    margin: 20px auto;
    transition: all .15s ease;
    max-width: 100%;
}

.help-options-col:hover .help-option-img img {
    border: 3px solid #0f68ae;
}

.help-option-text {
    color: #555;
    font-family: proxima-nova, sans-serif !important;
    font-size: 18px;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    padding: 0 0 20px;
    margin: 0 0 10px;
}

@media screen and (max-width: 776px) {
    .col-20 {
        float: none !important;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

@media screen and (max-width: 992px) {
    .col-20 {
        float: none !important;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 776px) {
    .col-20 {
        float: none !important;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

@media screen and (max-width: 576px) {
    .col-20 {
        float: none !important;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sectionn-title {
        font-size: 32px !important;
    }
}


/* Abot Page CSS */

#amat-row {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: 0 50% !important;
    min-height: 70vh !important;
}

.ab-content {
    background-color: rgba(232, 237, 241, .955);
}

@media only screen and (max-width: 1200px) {
    #amat-row {
        background-position: top !important;
        background-size: cover !important;
    }
}


/* GENERAL SERVICES */

.container.vc_inner {
    margin-left: auto !important;
    margin-right: auto !important;
}

.g-service-module {
    padding: 0 15px !important;
    margin: 15px 0 !important;
}

.g-service-module>div {
    background: white;
    border: 1px solid #d7d7d7;
}

.g-service-module figure,
.g-service-module figure>div {
    margin: 0;
    display: block;
}

.g-service-module img {
    width: 100%;
}

.g-service-module h2 {
    margin: -30px 0 0;
}

.g-service-module .wpb_text_column {
    margin: 0 !important;
}

.g-service-module .wpb_text_column>.wpb_wrapper {
    padding: 30px !important;
}

.g-service-module.blue-module>div {
    background: none;
    border: 0;
    color: white;
    text-align: center;
    font-size: 24px;
}

.g-service-module.blue-module>div>div {
    background: #0f68ae;
}

.g-service-module.blue-module>div p {
    margin: 0;
}

.g-service-module.blue-module>div .green-btn-wrap a {
    margin: 0;
}

.g-service-module.blue-module>div>.wpb_wrapper {
    padding: 30px 0 50px 0 !important;
}

.g-service-module a.x-secondary-link,
.dc-white-section a.x-secondary-link {
    font-weight: 600;
}

.g-service-module a.x-secondary-link:after,
.dc-white-section a.x-secondary-link:after {
    content: "\f101";
    font-family: FontAwesome;
    position: relative;
    left: 4px;
}

.g-service-module a.x-secondary-link:hover,
.dc-white-section a.x-secondary-link:hover {
    text-decoration: underline;
}

.g-service-module ul {
    margin: 0 0 25px;
    padding-left: 20px;
    font-weight: 600;
    color: #333;
}

.g-service-module ul li+li {
    margin-top: 8px;
}


/* HYGIENE SERVICES */

#dc-hero,
#cd-hero {
    padding-top: 15% !important;
    padding-bottom: 25% !important;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-color: white;
}

#cd-hero {
    padding-top: 15% !important;
    padding-bottom: 15% !important;
    background-color: #c4daf2;
    background-size: contain;
}

@media screen and (max-width: 991px) {
    #cd-hero {
        background-size: cover;
    }
}

.dc-white-text {
    background: rgba(255, 255, 255, .9);
    position: relative;
    left: -50px;
    padding: 30px 15px;
}

#cd-hero .dc-white-text {
    max-width: 820px;
    padding: 30px 15px 10px;
}

.dc-white-text h1 {
    margin: 0;
}

.dc-blue-section h2,
.dc-white-section h2 {
    margin: 0;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .dc-white-text {
        left: 0;
    }
    #dc-hero {
        padding-top: 15% !important;
        padding-bottom: 15% !important;
    }
}

.cd-blue-section h4,
.dc-white-section h4,
.or-in-text h4,
.dc-blue-section h4,
.why-cufd h4 {
    font-weight: 700;
    color: #555;
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 0;
    padding-top: 10px;
    font-family: 'Proxima Nova';
}

#rd-hero {
    background-size: auto 100% !important;
    padding-top: 11% !important;
    padding-bottom: 11% !important;
    background-repeat: no-repeat !important;
}

#rd-hero .dc-white-text {
    padding: 30px 15px 10px;
}

#rd-hero~.dc-blue-section div a {
    color: #0f68ae;
}

#rd-hero~.dc-blue-section div a:hover {
    text-decoration: underline;
}

.rcdi-list ul {
    margin: 0;
    padding: 0 0 0 20px;
}

.rcdi-list ul li+li {
    margin-top: 15px;
}

.rcdi-list ul li strong {
    color: #555;
}

#sat-hero {
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
}

.signs-of-sa ul {
    font-weight: 600;
    color: #555;
    padding: 0;
    margin: 0 0 0 20px;
}

.signs-of-sa ul li+li {
    margin-top: 10px;
}

.t-faq {
    font-size: 24px;
    font-weight: 600;
    padding-top: 15px;
}

@media screen and (max-width: 767px) {
    .mobile-flex {
        display: flex;
        flex-wrap: wrap;
    }
    .mobile-order-1 {
        order: 1;
    }
    .mobile-order-2 {
        order: 2;
    }
}

.or-hero-text h1,
.or-hero-text p {
    text-align: center;
}

.or-hero-text h1 {
    margin: 0 0 15px;
    line-height: 1;
}

.or-hero-text ul {
    padding: 0;
    margin: 20px auto 0;
    display: flex;
    flex-wrap: wrap;
    max-width: 550px;
    font-weight: 600;
    color: #555;
}

.or-hero-text ul li {
    width: 33.3333%;
}

.or-in-text a {
    color: #0f68ae;
}

.or-in-text a:hover {
    color: #005093;
    text-decoration: underline;
}

#dcd-hero {
    background-repeat: no-repeat;
    background-size: auto 100%;
}

#dcd-hero .dc-white-text {
    padding: 30px 15px 0;
}

@media screen and (min-width: 1200px) {
    #dcd-hero .dc-white-text {
        left: 0;
        margin-left: 100px;
        padding-right: 100px;
    }
}

#dcd-hero .dcd-white-text ul {
    font-weight: 600;
    color: #555;
    padding: 0;
    margin: 0 0 0 22px;
}

#dcd-hero .dcd-white-text ul li {
    margin-bottom: 10px;
}

#location-team-section .d-col-wrap {
    max-width: 380px;
    margin: auto;
}

#location-team-section .doc-name {
    color: white;
}

#location-team-section .doc-name:after {
    border-top: 3px solid #9ec2e6;
}

#location-team-section .flipped-view .doc-name {
    color: #555;
}

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

.text-white {
    color: white;
}


/* Virtual Tour Section CSS */

.virtual-tour-wrap iframe {
    height: 537px;
    padding: 10px 0 20px;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .virtual-tour-wrap iframe {
        height: 337px;
    }
}

@media only screen and (max-width: 480px) {
    .virtual-tour-wrap iframe {
        height: 287px;
    }
}


/* Fonts CSS */

.font-pn-bold {
    font-family: 'Proxima Nova Bold' !important;
}


/* First Visit PAge CSS  */

.site-content ul {
    padding-left: 20px;
    padding-bottom: 15px;
}

.site-content ul li {
    color: #555;
    font-size: 17px;
    font-weight: 400;
}

.wh-do-col ul li {
    line-height: 1.75;
    padding-bottom: 10px;
}

.wh-do-col {
    padding: 0 20px !important;
}

.para-text-large {
    font-size: 20px;
    line-height: 1.5;
    font-family: proxima-nova, sans-serif;
    margin: 0;
}

#new-patient-specials {
    background-repeat: no-repeat;
    background-position: 100% 50% !important;
}

#new-patient-specials h2 {
    margin-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.dotted-hr hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px dashed #555;
}

.coupon-row {
    background-color: hsla(0, 0%, 100%, .65);
    border: 1px dashed #71ab67;
    border-radius: 6px;
    max-width: 565px;
    width: 100%;
    margin: 15px 0 !important;
    padding: 20px 15px;
    text-align: center;
    transition: all .25s ease;
}

.coupon-row h3 {
    color: #71ab67;
    font-family: proxima-nova, sans-serif;
    font-size: 26px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    line-height: 1.2;
}

.coupon-row h3 .f-big {
    font-size: 48px;
}

p.value {
    margin: 0;
    font-size: 14px;
    padding: 0;
}

.pom-col h4 {
    color: #555;
    font-family: proxima-nova, sans-serif;
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.coupon-row:hover {
    background: #fff;
}

p {
    font-family: 'Proxima Nova';
    font-size: 17px;
}

@media only screen and (max-width: 992px) {
    #new-patient-specials {
        background-size: cover !important;
        background-position: 50% 50% !important;
    }
}


/* Contact Page CSS */

.cl-col br {
    display: none;
}

.cl-col h5 {
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
}

.cl-col address {
    line-height: 1.75;
    font-style: normal;
    font-family: 'Proxima Nova';
}

.cl-col p {
    margin: 0;
    padding: 5px 0;
}

.call-link {
    margin-bottom: 4px;
}

span.c-text {
    color: #555;
}

.form-group br {
    display: none;
}

.help-text {
    display: block;
    font-size: 14px;
    margin: 1px 0 9px 1px;
}

.form-group {
    color: #555;
}

.f-ip,
.f-select {
    display: block;
    width: 100%;
    height: 42px;
    line-height: 42px;
    padding: 0 7px;
    background-color: #fff;
    border: 1px solid #a9a9a9 !important;
}

.form-group .row {
    margin: 0 -7px;
}

.form-group .fColumn {
    padding: 0 7px;
}

.form-group label {
    font-family: 'Proxima Nova Bold';
    display: block;
    font-size: 17px;
    margin-bottom: 14px;
}

p:empty {
    display: none;
}

.form-group:not(:last-of-type) {
    margin-bottom: 26px;
}

.f-message-box {
    width: 100%;
    height: 140px;
    border: 1px solid #a9a9a9;
}

.wpcf7-form-control-wrap {
    display: block;
}

.form-group .wpcf7-response-output {
    border: 0;
    margin: 20px 0;
    padding: 0;
    font-size: 16px;
    color: #000;
    font-family: 'Proxima Nova Bold';
}

.field_required {
    color: #790000;
    margin-left: 4px;
}

#rd-hero.b-cover {
    background-size: cover !important;
}

.img-responsive {
    max-width: 100%;
    height: auto !important;
}
/*24-10-18*/
.slider-section{
	max-height: 635px;
    height: 80vh;
}
.vc_inner {
    text-align: center;
    margin: 0 auto;
}
.hero-banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.site-branding {
    padding-top: 8px;
}
.footer_widget {
    margin-bottom: 30px;
}
@media screen and (max-width:767px){
	.x-topbar__item.x-topbar__item-cta-wrap.no-border {
		padding: 0;
	}
	.site-branding a img {
		max-height: 55px !important;
		height: auto;
	}
	.vc_slide.vc_images_carousel.vc_build {
		width: 100%;
		max-width: 340px;
	}
}
@media screen and (max-width:1024px){
	.x-topbar__item.x-topbar__item-cta-wrap {
		padding: 0 !important;
	}
}