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

#main-wrapper * {background-position:top!important;}


/* Top Bar New Header */

.header-style-n1 #top-wrapper {padding:0px 0px; width: 100%; position: fixed; z-index: 100; font-size:20px; font-weight:700; background-color:rgba(255,255,255,0)!important;}

.header-style-n1 #top-wrapper .header-call {margin-right:15px;}

.header-style-n1 .header-call, #top-wrapper .header-appointment {display:inline-block;}

.header-style-n1 .header-call i, .header-style-n1 .header-appointment i {margin-right:8px;}

.header-style-n1 #top-wrapper .header-appointment .appointment {background-color:#15a1bd; padding:8px 30px; color:#fff; display:inline-block; margin:0px 0px 0px!important; font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:0px;}

.header-style-n1 #top-wrapper .header-call .st-callus {background-color:#202756; padding:8px 30px; color:#fff; display:inline-block; margin:0px 0px 0px!important; font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:0px;}

.header-style-n1 .menubutton:hover, .header-style-n1 .phonebutton a:hover {color:#fff;}




/* Top Bar Legacy Header*/

.header-style-h1 #top-wrapper {max-height: 50px; width: 100%; position: fixed; z-index: 100; font-size:20px; font-weight:700;}

.fa-envelope {display:none;}

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

.header-style-h1 .header-call i {margin-right:8px;}


/* Center Logo Header */

.header-style-h2 #middle-wrapper {padding-top:30px;}


/* New Header */

.header-style-n1.header-absolute #header, .header-style-h2.header-absolute #header{position:absolute; background-color:rgba(255,255,255,0)!important;}

.header-style-n1.header-absolute .toggle-menu span:before {color:#fff!important;}

.header-style-n1 #middle-wrapper {padding-top:10px; margin-top:0px;}

.header-style-n1 #middle-wrapper .container {padding-top:30px; padding-bottom:40px;}

.header-style-n1 #primary-nav {float:right!important;  margin: 45px 0px 0px;}



/* Leagacy Header */

.header-style-h1 .equalheight {height:55px;}

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

.header-style-h1 #middle-wrapper {padding:80px 0px 40px; margin-top:0px;}

.header-style-h1 .appointment, .header-style-h1 .greeting {float:right;}

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

.header-style-h1 .greeting {text-align: right; margin-right: 50px;}

.menubutton, .phonebutton a {background-color:#222222; padding:10px 25px; color:#fff; display:inline-block; margin:0px 0px 0px!important; font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:0px;}

.menubutton:hover, .header-style-h1 .phonebutton a:hover {color:#fff;}

.header-style-h1 #primary-nav {float:right!important;  margin: 20px 0px 0px;}

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

.header-style-h1 .topbarheading li {list-style: none; display: inline-block; padding: 0px 20px; font-weight: 300; font-size: 18px; text-align: right!important; padding-bottom: 0px;}

.header-style-h1 .topbarheading {text-align:left;}

.header-style-h1 #primary-nav {margin: 20px 0px 0px;}

#primary-nav, #primary-nav div {display:flex; float:none!important; width:100%;}

#primary-menu {float:none!important; display: flex;  justify-content: flex-end; width: 100%; flex-wrap: wrap; align-content: flex-end;}

.primary-menu > li:first-child a {padding-left:0px;}

.primary-menu > li:last-child a {padding-right:0px;}

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


/* Main Banner */

.mainbanner *{color:#fff!important;}

.mainbanner h3 {font-size:17px; text-transform:uppercase; font-weight:400;}

.mainbanner h2 {font-size:70px; font-weight:700; line-height:120%;}


/* Main Locations Banner */

.mainlocationsbanner h3 {font-size:30px; }

.mainlocationsbanner h2 {font-size:60px; font-weight:700; }


/* Location Hub Page */

.locationboxes .address {color:#283a47; font-size:15px; line-height:22px; font-weight:500;}

.locationboxes .phone { margin:20px 0px 20px;}

.locationboxes .phone a{color:#283a47!important; font-size:25px; font-weight:800;}

.locationboxes .vc_btn3.vc_btn3-size-md {padding-left:30px; padding-right:30px;}

.locationboxes .vc_btn3 {padding:10px 30px!important; margin-top:5px; text-transform:uppercase; font-weight:700;}


/* Map */

.gm-style-iw, .gm-style-iw-d {width:100%!important; max-width:300px!important;}

.bgmp_placemark {    text-align: center;    padding-bottom: 10px;}

.bgmp_placemark h3 {font-size: 23px!important; font-weight: 700!important; text-transform: uppercase; color: #3C6CB2 !important; text-align:center; line-height:110%!important; padding:20px 10px 10px; max-width:90%; margin:0 auto!important;}

.bgmp_placemark p {margin-bottom:20px;}

.bgmp_placemark .mapphone {margin:20px 0px 10px!important;}

.bgmp_placemark .mapphone a{font-size:20px; font-weight:800; color:#3C6CB2;}

.bgmp_placemark .mapwebsite a{background-color: #15a1bd; padding: 10px 30px; color: #fff!important; font-weight: 700; margin: 10px auto 10px; text-transform:uppercase; font-size:14px; display:inline-block; border-radius:50px;}

.bgmp_placemark .mapwebsite a:hover {color:#fff;}


/* Homepage Edits */

.drsection {overflow:visible!important;}

.calloutsection .row, .calloutsection .wpb_column  {display:flex;}

.calloutsection .wpb_column .vc_column-inner{display:flex; flex-direction:column; width:100%;padding-top:50px!important; padding-bottom: 65px!important; align-items: center;    justify-content: center;}

.calloutsection {padding-top:0px!important;}

.calloutsection {text-align: center;}

.calloutsection .vc_col-sm-4:first-child, .calloutsection .vc_col-sm-4:nth-child(2) {border-right: 2px solid #fff;}

.calloutsection i {font-size:50px;}

.calloutsection h2 {font-size:20px;}

.calloutsection .callout-phone {font-size:35px; font-weight:700;}

.calloutsection .callout-appointment {margin-top:22px;}

.calloutsection .callout-address {font-size:25px; font-weight:700; line-height:120%;}

.calloutsection .calloutbutton {background-color:#4a5f70; font-size:23px; color:#fff; font-weight:700; padding:13px 30px; border-radius:50px; display:inline-block; margin-top:22px; }

.calloutsection .callouthours {margin-top:15px; font-size:20px; line-height:30px;}

#main-wrapper .st-specialbox {border-top:0px; background-color:transparent!important;}

.specialsection .row, .specialsection .wpb_column, .specialsection .wpb_wrapper, .specialsection .st-specialbox, .specialsection .box-content-height {display:flex;}

.specialsection .st-specialbox a {display:flex; flex-direction:column; width:100%;}

.st-specialbox .box-content-height {width:100%; flex-grow:1; border-top: 8px solid #1a4a66; background-color:#fff!important;}

.st-specialbox .box-content {padding:25px 35px 40px!important; display: flex; flex-direction: column; align-items:flex-start; width:100%;}

.st-specialbox .box-content .special {font-size:28px; color:#1a4a66; text-transform:uppercase; font-weight:700; line-height:110%; padding-top: 10px !important; flex-grow: 1; width: 100%}

.st-specialbox .box-content .specialbutton {text-transform:uppercase!important; font-size: 16px; font-weight: 700; margin-top: 15px; background: #1a4a66; padding: 13px 20px; color: #fff; display: block; max-width: 180px; text-align: center; margin-bottom: 0px!important; line-height: 110%; border-radius:50px;}



/* Footer */

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

#footer table {text-align:left;}

#footer {margin-top:50px;}

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

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

.footer-social .st-social a {width: 35px; height: 35px; font-size: 17px!important; font-weight: 100!important; line-height: 25px!important; background:none!important;}

.st-social a:hover, #footer .st-social a:hover {background:none;}


footer .hours {font-size:16px; max-width: 340px; padding-bottom: 15px;}

footer .hours .right {text-align:right;}

footer .hours .left {text-align:left;}

footer .hours hr {margin-top:10px; margin-bottom:10px; border-color:rgba(0, 0, 0, 0.1);}

footer {font-weight:600;}



/* Catch Page Edits */

.specialheading h2 {font-size: 45px; 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: #619BE0; color: #fff; padding: 10px 0px; font-size: 18px;}

.form {max-width: 500px; margin: 0 auto; background: #e5e5e5; 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;}

.testimonialimage img {max-width: 150px!important; border-radius: 100px;}

.testimonialbox {width: 75%; margin: 0 auto;}

.catchpage-review-icon {border-radius: 50%; width: 25px; height: 25px; text-align: center; padding-top: 5px;color: #fff; position: absolute;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 15px;}

.reviewsection .facebook .fa-facebook {background-color: #3A5897;}

.reviewsection .google .fa-google {background-color: #D85230;}

.reviewsection .yelp .fa-yelp {background-color: #BE3127;}

.reviewsection .vc_single_image-wrapper {position: relative;}

.catchpagebanner h2 {font-size:50px;}


/* Blog */

.vc_gitem-animated-block {display: none;}

.blogposts h4 {font-size: 25px;}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {background-color: #222222!important; border-radius: 100px;}

#comments, .post-authors, .post-sharing, .post-comment, .post-category {display: none;}



/* Testimonial Social Icon */

.testimonial-social-icon {border-radius: 50%; width: 25px; height: 25px; text-align: center; padding-top: 5px; color: #fff;position: absolute; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 40px;}

.photo-icon .fa-yelp {background-color: #BE3127;}

.photo-icon .fa-google {background-color: #D85230;}

.photo-icon .fa-facebook {background-color: #3A5897;}



/* Misc */

.forms .st-button.size-medium {width: 80%; font-size: 16px; text-align: center;}

.mobileonly {display: none;}

.hours {font-size:19px; max-width: 580px;}

.hours .row {padding: 5px 0px;}

.hours .row .right {text-align:right;}

.hours .row .left {text-align:left;}

.hours .row hr {margin-top:10px; margin-bottom:10px; border-color:#EBEBEB;}

.contactcolumn .wpb_text_column {padding-bottom: 10px;}

.vc_tta-panel-heading h4 {font-size: 20px;}

.mobileimage {display:none;}

.white {color:#fff;}

.header-style-n1 #title-wrapper .title-holder{height:350px;}

.header-style-n1.header-absolute #title-wrapper .title-holder{height:400px;}

.header-style-n1.header-absolute #title-wrapper .title-holder {padding-top: 140px;}

.hours .row {padding-left:0px!important; padding-right:0px!important;}



@media (min-width: 1200px) {
.container {width: 90%!important; max-width: 1480px!important;}
}


@media (max-width: 1200px) {
	
/* New Header */
.header-style-n1 #primary-menu {display: none!important;}
.header-style-n1 #toggle-mobile-menu {display: block!important;}
.header-style-n1 #middle-wrapper {padding:40px 0px 10px!important; margin-top:0px;}


/* Header */
.equalheight {height:95px; }
.topbarheading li {font-size: 16px;}
#primary-menu {justify-content: space-between;}

.greeting {margin-right:20px;}

/* Footer */
#footer table tr td {padding: 2px 20px 2px 0px;}

/* Homepage Edits */
.calloutsection .callouthours {font-size:18px; line-height:29px;}

}

@media (max-width: 992px) {

/* ALL Pages */
#main-wrapper .row{padding-left:30px; padding-right:30px;}
.vc_column_container>.vc_column-inner {padding-left:20px!important; padding-right:20px!important;}
#st-wrapper .vc_col-sm-8, #st-wrapper .vc_col-sm-6, #st-wrapper .vc_col-sm-4,  #st-wrapper .vc_col-sm-3 {width:100%;}
.vc_col-xs-12{width:100%!important;}.vc_col-xs-11{width:91.66666667%!important;}.vc_col-xs-10{width:83.33333333%!important;}.vc_col-xs-9{width:75%!important;}.vc_col-xs-8{width:66.66666667%!important;}.vc_col-xs-7{width:58.33333333%!important;}.vc_col-xs-6{width:50%!important;}.vc_col-xs-5{width:41.66666667%!important;}.vc_col-xs-4{width:33.33333333%!important;}.vc_col-xs-3{width:25%!important;}.vc_col-xs-2{width:16.66666667%!important;}.vc_col-xs-1{width:8.33333333%!important;}


/* Top Bar */
.header-call {text-align: center!important; font-size: 18px;}
.header-social {display: none;}

/* Header */
.header-style-h2 #header .header-logo{margin:0 auto; padding-left:0px; display:block;}
.header-style-h2 #middle-wrapper {padding:10px 0px 10px!important;}
.header-style-n1 #middle-wrapper .container {padding-top:30px; padding-bottom:0px;}
.header-style-h1 .equalheight {margin-top:30px; height:55px;}
#middle-wrapper {padding:70px 0px 10px!important; margin-top:0px;}
.header-style-h1 .header-logo {padding-left:30px;}
.header-style-n1 .header-logo {padding-left:15px;}
.header-style-n1 #toggle-mobile-menu {padding-right:15px;}
.header-style-h1 #toggle-mobile-menu {padding-right:30px;}
.header-style-h1 .greeting {display:none;}
.menubutton {float: none; margin: 10px auto 10px!important; display: inline-block;padding: 10px 30px; line-height: 30px;}
.header-style-h1 .appointment {float: none; text-align: center;}

/* Footer */
#footer table {margin: 0 auto;}
#footer {text-align:center;}
#footer iframe {width:80%!important;}
footer .hours {margin: 0 auto;}
.widget-title{	margin-top:50px;}

/* Homepage Edits */
.calloutsection .row, .calloutsection .wpb_column, .calloutsection .wpb_wrapper {flex-direction:column;}
.calloutsection .vc_col-sm-4:first-child, .calloutsection .vc_col-sm-4:nth-child(2) {border-right: none; border-bottom:  2px solid #fff;}
.calloutsection .callout {font-size:30px;}
.calloutsection .container {width:100%;}
.calloutsection .callout {font-size:30px;}
.calloutsection .calloutbutton {font-size:16px; padding:10px 30px;}
.calloutsection .callouthours {font-size: 15px;line-height: 24px;}
.st-specialbox .box-content .special {font-size:19px;}
.st-specialbox .box-content {padding: 15px 20px;}
#main-wrapper .sloganimage {margin-top:0px!important; padding-right:0px!important;}
#main-wrapper .featuredimageborder {margin-top:-2px!important;}

/* Sidebar */
#sidebar-wrapper .st-specialbox {width: 50%; float: left;padding: 0 20px;}

/* Misc */
.container-full .row {padding-left: 0px!important; padding-right: 0px!important;}
#title-wrapper .title-holder {padding-top:40px!important;}
.header-style-n1.header-absolute #title-wrapper .title-holder {padding-top:200px!important; height:350px!important;}
.header-style-n1.header-regular #title-wrapper .title-holder {height:250px;}
}

@media (max-width: 768px) {

/* Header */
.menucolumntitle ul {display: block !important;}

/* Footer */
#footer table tr td {padding: 2px 25px 2px 25px;}
.footer-social {margin-top:10px;}
.text-right {text-align:center!important;}
footer .hours {padding-bottom: 45px;}

/* Homepage Edits */

.calloutsection .calloutbutton {font-size:23px; padding:13px 30px; margin-top:22px;}
.calloutsection .callouthours {margin-top:15px; font-size:12px; line-height:30px;}

/* Catch Page Edits */
.specialheading {text-align: center;}
#main-wrapper .specialheadingbox {background-position: top left!important; padding: 35px 0px 50px!important;}

/* Misc */
.st-button {margin-bottom: 25px;}
.mobileonly {display: block;}
.desktopimage {display: none;}
.mobileimage {display:block;}
#main-wrapper .contactcolumn .hours .row {padding-left:0px; padding-right:0px;}
}

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

@media (max-width: 600px) {

/* Top Bar */
.header-style-n1 #middle-wrapper {padding:55px 0px 0px!important; margin-top:0px;}
.header-style-n1 #top-wrapper .container .col-sm-12 {padding-left:0px; padding-right:0px;}
.header-style-n1 #top-wrapper .header-call {margin-right:0px; width:100%;}
.header-style-n1 #top-wrapper .header-call .st-callus {width:100%; border-radius:0px 0px 0px 0px!important; font-size:22px;}
.header-style-n1 #top-wrapper .header-appointment {display:none!important;}
	
/* Header */
#header .header-logo {max-width:200px;}

/* Main Banner */
.header-style-n1.header-absolute #main-wrapper .mainbanner {padding-top:250px!important; padding-bottom:75px!important;}
.header-style-n1.header-regular .mainbanner {padding-top:75px!important; padding-bottom:55px!important;}
.mainbanner * {text-align:center;}
.mainbanner h3 {font-size:10px;}
.mainbanner h2 {font-size:35px;}
	
/* Main Locations Banner */
.mainlocationsbanner h3 {font-size:20px; }
.mainlocationsbanner h2 {font-size:40px;}
	
/* Homepage */
#main-wrapper .drsection .meetdrtitle {margin-top:0px!important;}
.drsection h3 {color:inherit;}
.mobilegone {display:none;}

/* Sidebar */
#sidebar-wrapper .st-specialbox {width: 65%; float: none; padding: 0px; margin: 30px auto 0px;}

/* Footer */
#footer .contacthours {width: 80%;}
	
/* Catch Pages */
#main-wrapper .catchpagebanner {padding-top:250px!important; padding-bottom:100px!important;}
.catchpagebanner h2 {font-size:35px;}
}


@media (max-width: 480px) {

/* Homepage */
.menubutton, .phonebutton a {font-size:14px;}
.calloutsection .vc_col-sm-4 {padding-top:30px!important; padding-bottom:35px!important;}
.calloutsection .callouthours {margin-top:15px; font-size:15px; line-height:30px;}
.calloutsection .vc_col-sm-4:first-child, .calloutsection .vc_col-sm-4:nth-child(2) {border-right: none; border-bottom:2px solid #fff;}
.calloutsection .callout {font-size:40px;}
.specialsection .row, .specialsection .wpb_column, .specialsection .wpb_wrapper, .specialsection .st-specialbox, .specialsection .box-content-height{flex-direction:column;}



/* Sidebar */
#sidebar-wrapper .st-specialbox {width: 85%; float: none; padding: 0px; margin: 0 auto;}

/* Misc */

}

@media (max-width: 400px) {

}

@media (max-width: 320px) {

/* Header */
.menubutton {font-size:16px;}

}