/*	
Theme Name: SMC National
Theme URI: http://smcnational.com
Description: Retina Responsive Multi-Purpose WordPress Theme
Author: SMC National
Version: 1.0
*/

/* COVID */

.cookie-bar-bar #footer {margin-bottom:70px;}

.has-cookie-bar #catapult-cookie-bar {padding:20px!important; background-color:#222222;}

.ctcc-left-side {font-size:22px; font-weight:600;font-family: 'Montserrat'; color:#fff!important;}

.ctcc-more-info-link {background-color:#fff; color:#222222; padding:10px 15px; font-size:13px; margin-left:15px; text-transform:uppercase; font-family: 'Roboto';}

.x_close {display:none;}

.x_close span{color:#fff!important; background-color:#fff!important;}

@media (max-width: 600px) {
	.ctcc-left-side {font-size:17px;}
	.ctcc-more-info-link {font-size:11px;}
	.cookie-bar-bar .INDMobile #INDmenu-btn {bottom:100px!important;}
}

@media (max-width: 350px) {
	.ctcc-left-side {font-size:14px;}
	.ctcc-more-info-link {font-size:10px;}
	.cookie-bar-bar .ctcc-inner {justify-content:space-around;}
}

.new-patients-banner {    background-color: #6F6C70;padding-top: 50px !important;padding-bottom: 42px;text-align: center;font-size: 39px;}

.tp-mask-wrap .tp-caption {opacity: 1 !important;}

.equalheight {height:65px;}

#top-wrapper {max-height: 50px; width: 100%; position: fixed; z-index: 10000; font-size:16px; font-weight:700;}

.fa-envelope {display:none;}

.header-call {text-transform:uppercase;}

.header-logo {max-width:180px;}

#middle-wrapper {padding:60px 0px 20px; margin-top:0px;}

.appointment, .greeting {float:right;}

.appointment, .greeting {position: relative;top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);}

.greeting {font-weight: 300; color: #fff; text-align: right; margin-right: 0px;}

.menubutton {background-color:#979d43; padding:12px 20px; color:#fff; display:inline-block; margin:0px 0px 0px!important; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:1px; font-family:Roboto Condensed;}

.menubutton:hover {color:#fff;}

#primary-nav {float:right!important;  margin: 25px 0px 0px;}

.topbarheading ul {padding: 0px; margin-bottom: 0px;}

.topbarheading li {font-family:Roboto Condensed; list-style: none; display: inline-block; padding: 0px 20px; font-weight: 300; font-size: 19px; text-align: center!important; padding-bottom: 0px; color:#fff;}

.topbarheading {text-align:center;}

.st-articlebox {border-top:#608176 10px solid;}

.st-articlebox .box-content-height {height: 165px;}

.st-articlebox .box-content {padding:0px 20px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

.st-articlebox .box-content span {font-size:75px; color:#9ab8ae; text-transform:uppercase; font-weight:700; line-height:70px;}

.st-articlebox .box-content h4 {text-transform:capitalize!important; font-size:20px; font-weight:500; margin-top:0px;}

#primary-nav ul li.menu-item-has-children span:after {font-family: FontAwesome; content: "\f107"; font-size: 14px; display: inline-block; margin-left: 6px; font-weight:100; margin-right: 0px;}

.specialheading h2 {font-weight: 700; color: #a0c174; font-size: 150px; text-transform: uppercase; margin-bottom: 0px;}

.specialheading h3 {font-size: 35px; margin-top: 0px!important; font-weight:500;}

.formtitle {max-width: 500px; width: 100%; margin: 0 auto; text-align: center; font-weight:700; text-transform:uppercase; background-color: #85a061; color: #fff; padding: 10px 0px; font-size: 17px;}

.form {max-width: 500px; margin: 0 auto; background: #5e5e5f; padding: 20px 30px; box-sizing: border-box;}

.sociallogo {margin-bottom: 15px!important;}

.sociallogo img {max-width: 250px!important;}

.profileimage img {max-width: 125px!important;}

.wpb_single_image .vc_figure-caption {text-transform: uppercase; font-weight: 700; font-size: 20px!important;}

#footer table tr td {padding: 2px 50px 2px 0px;}

table.hours tr td {padding: 2px 50px 2px 0px;}

#main-wrapper .st-heading {font-family:Roboto Condensed; text-transform:uppercase; margin-bottom:0px!important; color:#fff; font-size:50px;}

.st-heading.style-1 span:after {display:none;}

.welcomeintro .vc_col-sm-9{margin:0 auto; float:none;}

.servicebox {background-color: #979d43; height: 375px; padding: 3rem;}

.servicebox h4 {color:#fff; font-size: 23px; line-height: 27px; margin-top: 20px; margin-bottom: 20px;}

#sidebar-wrapper .servicebox h4 {margin-top:0px;}

.servicebox p {margin-bottom:25px;}

.servicebox a {color:#fff;}

.testimonialimage img {border-radius:100px;}

.title-holder {padding-top:50px!important;}

.bestdentist {color:#fff; font-size:25px;}

#footer {margin-top:50px;}

.page-id-5 #footer {margin-top:0px;}

.educationallinks a {color:#759da5; font-style: italic;}

.educationallinks a:after {font-family: FontAwesome; content: "\f105"; font-size: 14px; display: inline-block; font-weight: 100; margin-left: 6px;}

#sidebar-wrapper .servicebox {height:auto;}

.vc_tta-title-text {color: #666666!important;}

.accordiontext p {color: #666666!important;}

.accordiontext ul {color: #666666!important;}

#copyright-wrapper ul {padding: 0px; margin: 0px;}

#copyright-wrapper {line-height: 30px; padding:15px 0px!important;}

.footer-social .st-social a {width: 30px; height: 25px; font-size: 14px; font-weight: 100!important; line-height: 25px!important;}

@media (max-width: 1200px) {
#primary-nav {float:left!important;}
.primary-menu li a, .canvas-menu li a {padding:0px 20px!important;}
.topbarheading li {font-size: 15px;}
.equalheight {height:95px; }
.greeting {margin-right:0px;}
#footer table tr td {padding: 2px 30px 2px 0px;}
}

@media (max-width: 992px) {
#middle-wrapper {padding:60px 0px 10px!important; margin-top:0px;}
.header-social {display: none;}
.header-call {text-align: center; font-size: 18px;}
.greeting {display:none;}
.menubutton {float: none; margin: 10px auto 10px!important; display: inline-block;padding: 10px 30px; line-height: 30px;}
.appointment {float: none; text-align: center;}
.equalheight {margin-top:30px; height:55px;}
#footer {text-align:center;}
#rev_slider_1_1 .tp-bgimg {background-position:60% 0%!important;}
#footer table {margin: 0 auto;}
}

@media (max-width: 768px) {
#footer table tr td {padding: 2px 25px 2px 25px;}
.specialheading h2 {font-size: 105px;}
.specialheading h2, .specialheading h3 {text-align: center;}
.contentandformarea {text-align: center;}
#main-wrapper .specialheadingbox {background-position: top left!important; padding: 10px 0px 40px!important;}
.st-button {margin-bottom: 25px;}
#secondary-nav {margin-top: 10px!important;}
.text-right{text-align: center!important;}
}

@media (min-width: 600px) {
}

@media (max-width: 600px) {
#header .header-logo a img {max-width:200px;}
}


@media (max-width: 480px) {
#rev_slider_1_1 .tp-bgimg {background-position:15% 0%!important;}
}

@media (max-width: 400px) {

}

@media (max-width: 300px) {

}


/** Page Title **/
#st-wrapper #title-wrapper .title-holder .page-title {
    text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
}


/** Header Fix **/
@media (max-width: 991px) {
    #st-wrapper #header.header-skin-light #middle-wrapper .container .row .col-md-9, #st-wrapper #header.header-skin-light #middle-wrapper .container .row .col-lg-9 {
        display: none!important;
    }
    #st-wrapper #header.header-skin-light #middle-wrapper {
        padding: 60px 0px 20px!important;
    }
}

#toggle-mobile-menu {
    color: #fff!important;
}