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

/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/* COVID */

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

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

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

.ctcc-more-info-link {background-color:#fff; color:#000000; 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; text-align:center;}
	.ctcc-more-info-link {font-size:11px;}
	.cookie-bar-bar .INDMobile #INDmenu-btn {bottom:100px!important;}
	.cookie-bar-bar #footer {margin-bottom:110px;}
}

@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;}
}

@media (max-width: 1024px) and (min-width: 768px) {
    .ctcc-left-side {
        font-size: 15px!important;
    }
    #footer #copyright-wrapper .container .row .col-md-6 {
        width: 100%!important;
    }
}


/* Top Bar */

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

.fa-envelope {display:none;}

.header-call a{text-transform:uppercase; line-height:45px;}

.hidespecials {display:none;}

.locationsmap {display:none;}


/* Main Locations Edits */

.header-style-h2 .fa-phone:before, .header-style-h2 #toggle-mobile-menu {display:none;}

.header-style-h2 .header-logo {margin:0 auto; padding-left:0px!important;}

.vc-hoverbox-wrapper .officename {font-size:20px; line-height:28px!important; color:#fff!important; margin-bottom:10px;}

.vc-hoverbox-wrapper .address {font-size:14px; line-height:23px!important;}

.vc-hoverbox-wrapper .phone {margin-top:15px;}

.vc-hoverbox-wrapper .phone a{color:#fff!important;}

.vc-hoverbox-wrapper .vc_btn3.vc_btn3-size-md {padding:10px 25px!important; margin-top:5px; font-weight:700; text-transform:uppercase; font-size:15px; color:#3976b4!important;}

.header-style-h2 #middle-wrapper {display:none;}

.locationboxes .vc-hoverbox-block {background-size:60%; background-repeat:no-repeat; background-color:#f7f7f7;}


/* Header */

.equalheight {height:55px;}

.header-logo {max-width:410px; padding-top:10px;}

#middle-wrapper {padding:80px 0px 40px; 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 {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, .phonebutton a:hover {color:#fff;}

#primary-nav {margin: 20px 0px 0px;}

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

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

.topbarheading {text-align:left;}

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

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

#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;}



/* Homepage Edits */

.welcomesectionhide {display:none;}

.mainbanner h2{ font-size:45px; color:#fff;}

.officeinfosecion a img {opacity:.9;}

.officeinfosecion a img:hover { -webkit-animation: rotate-center 0.9s ease-in-out both;	   animation: rotate-center 0.9s ease-in-out both;}

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

.calloutsection .wpb_column .wpb_wrapper{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-appointment a { background-color:#0055a0!important;}

.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;}

.specialimagemobile {display:none;}

.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 #3976b4; background-color:#f3f3f3!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:#333333; 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: 18px; font-weight: 500; margin-top: 15px; background: #6ea9d9 ; padding: 13px 20px; color: #fff; display: block; max-width: 200px; text-align: center; margin-bottom: 0px!important; line-height: 110%; border-radius:50px;}

.officeinfosecion .blue h2 {color:#3976b4; font-size:30px; margin-bottom: 5px;}

.officeinfosecion .lightblue h2 {color:#6ea9d9; font-size:30px; margin-bottom: 5px;}

.officeinfosecion .orange h2 {color:#fca800; font-size:30px; margin-bottom: 5px;}

.officeinfosecion .green h2 {color:#57b472; font-size:30px; margin-bottom: 5px;}

.officeinfosecion p {font-size:17px;   padding: 0 14px;}

.doctorsection h3, .doctorsection p {text-shadow:1px 1px 10px #000000;}



/* Homepage 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: 20px!important; font-weight: 700!important; text-transform: uppercase; color: #57b472 !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:#fca800;}

.bgmp_placemark .mapwebsite a{background-color: #6ea9d9; 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;}




/* Google Review Banner */

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

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

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




/* 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: #fca800 ; color: #fff; padding: 10px 0px; font-size: 17px;}

.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;}


/* 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-author{display: none;}
.post-date:before{content:'';display:none !important;}
/*.post-category{pointer-events: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;}

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

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

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

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

.contactcolumn .hours 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;}

@media (min-width: 1300px) {
	#primary-nav{margin-left:30px;}
}


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


@media (max-width: 1200px) {

/* Header */
.equalheight {height:95px; }
.topbarheading li {font-size: 13px;}
.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: left; font-size: 18px;padding-left:10px; padding-bottom:3px;}
.header-social {display: none;}

/* Header */
.equalheight {margin-top:30px; height:55px;}
#middle-wrapper {padding:70px 0px 10px!important; margin-top:0px;}
.header-logo {padding-left:0px; padding-top:0px!important;}
#toggle-mobile-menu {padding-right:30px; }
.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;}

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

/* Homepage Edits */
.calloutsection .row, .calloutsection .wpb_column, .calloutsection .wpb_wrapper {flex-direction:column;}
.calloutsection .wpb_column .wpb_wrapper {    padding-top: 65px!important;}
.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: 18px;line-height: 24px;}
.st-specialbox .box-content .special {font-size:19px;}
.st-specialbox .box-content {padding: 15px 20px;}
.specialimagedesktop {display:none;}
.specialimagemobile {display:block;}
.officeinfosecion p {font-size:18px;}

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

/* Misc */
#title-wrapper .title-holder {padding-top:40px!important;}

}

@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;}
.specialheadingbox p{text-align:center!important;}
#main-wrapper .specialheadingbox {background-position: top left!important; padding: 35px 0px 50px!important;}

/* Misc */
.st-button {margin-bottom: 25px;}
.mobileonly {display: block;}

}

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

@media (max-width: 600px) {

/* Header */
#header .header-logo {max-width:90%;}	
	
/* Homepage Edits */
#main-wrapper .mainbanner h2{ font-size:30px!important;}
	
/* Main Banner */
#main-wrapper .reviewbanner {padding-top:40px!important; padding-bottom:115px!important;}
.reviewbanner * {text-align:left;}
.reviewbanner h3 {font-size:10px;}
.reviewbanner h2 {font-size:35px;}

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

/* Footer */
#footer .contacthours {width: 80%;}

/* Misc */
.doctorssection img, .teamsection img {    display: block;    float: none;    margin-bottom: 30px!important;}

}


@media (max-width: 480px) {

/* Homepage */
.calloutsection .vc_col-sm-4 {padding-top:30px!important; padding-bottom:35px!important;}
.calloutsection .callouthours {margin-top:15px; font-size:18px; 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) {
.menubutton, .phonebutton a {font-size:16px!important;}
.gm-style-iw, .gm-style-iw-d {width:100%!important; max-width:250px!important;}
}

@media (max-width: 320px) {

/* Header */
.menubutton {font-size:16px;}
#header .header-logo {    max-width: 90%;}

}

/* Pagination Other Css*/
body .pagination a:hover,
body .pagination .current,
body .pagination .current:hover {background-color: #03b6af;color: #fff;}
.blog .blog-inner .post-excerpt .more-link a:hover{background-color: #03b6af;color: #fff;border-color:#03b6af;}

@media (min-width: 1200px){
    body.single-post #main-wrapper .container,
    body.blog #main-wrapper .container{max-width: 1080px!important;}
}