/* ------------------------------------------------ */
/* ----- THEME: CONSULTING (Child) ----- */
/* ------------------------------------------------ */

/* ***** Adjustment classes ***** */
/* Add class ".p" to ul list to adjust font size and line height to that of a p tag */
.wpb_text_column ul.p li, .comment-body .comment-text ul.p li { font-size:14px; line-height:26px; }

/* Add .grayscale to page row to adjust images to grayscale (black and white) */
.vc_row.grayscale .info_box_image img, .vc_row.grayscale .wpb_single_image img, .vc_row.grayscale .stm_news img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
/* Grayscale images - colour on hover */
.vc_row.grayscale .info_box_image img:hover, .vc_row.grayscale .wpb_single_image img:hover, .vc_row.grayscale .stm_news img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition: ease-in 0.2s; transition: ease-in 0.2s; }
/* Add .industries to page row to add a margin-top to icon box title */
.vc_row.industries .icon_box .icon_text h5 { margin-top: 14px; }
/* Add .bgposbottom to page row to change background image to position: center bottom */
.vc_row.bgposbottom { background-position: center bottom !important; }
/* Add .videoicon to page row to change icon inside custom heading to margin-right only 10px */
.vc_row.videoicon .vc_custom_heading .icon { margin-right: 10px; }
/* Adjust h4 tag on Video Gallery page - less padding/margin at bottom */
.video-gallery .vc_custom_heading h4 { margin-bottom: 11px; }
/* Add .cta-tss to custom heading to adjust icon to white */
.vc_custom_heading.cta-tss .icon { color: #ffffff; }
/* Add .cta-book to CTA Box to add custom css */
.vc_cta3.cta-book a[href^=tel] { color: #082439 !important; }
/* Add .solid-shadow to box to add box-shadow effect */
.solid-shadow { box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15); }
/* Add .solid-shadow-img to box to add box-shadow effect to image only */
.solid-shadow-img img { box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15); }
/* Add .bg-pos-bottom to change background-position to center bottom */
.vc_row.bg-pos-bottom { background-position: center bottom !important; }

/* Add .landingpage to page row to update various classes */
.vc_row.landingpage .vc_custom_heading .icon { margin-bottom:10px; }
.vc_row.landingpage .vc_custom_heading .icon i.fa-globe { margin-top:-10px; }
.vc_row.landingpage .vc_custom_heading .subtitle { font-size: 14px; line-height: 20px; }
.vc_row.landingpage .vc_custom_heading h1 { margin-bottom:12px; }
.vc_row.landingpage .vc_custom_heading.transbg { background-color:rgba(255,255,255,0.25); }
.vc_row.landingpage-mainpoints .vc_custom_heading h3 { margin-bottom: 20px; padding: 0; }

/* Add .contact-opacity to page row column to create transparent/opacity background */
/*-- .vc_column_container.contact-opacity { background-color: rgba(255,255,255,0); } /*

/* Add .flipbox to page row to adjusted the Magee Flipbox plugin */
.vc_row.flipbox h3::after { display:none; }
.vc_row.flipbox .flipbox-front p { display:none; }
.vc_row.flipbox .flipbox-front h3 { font-size: 120px; color: #ffffff;line-height: normal; padding:0; }
.vc_row.flipbox .flipbox-back h3 { margin-bottom: 0px; }
.flipbox-back, .flipbox-front { box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15); }



/* ***** Header and Navigation ***** */
/* Beige/light grey colour changes */
.header_top { background: #f2f2f2 none repeat scroll 0 0; }
.header_top .icon_text .text { color: #082439; }
.header_top .icon_text .icon { color: #082439; }
.header_top .header_socials a { color: #082439; }
.page_title.transparent { padding-top: 14px; }
.page .page_title.disable_title { padding-bottom: 0; } /* effects pages only - not post/archive */

/* Current Menu item (sub-level) coloured orange */
.top_nav .sub-menu li.current-menu-item > a { color: #ec9007; }

/* Navigation Menu CTA (Phone) adjust margin top */
.top_nav .icon_text .text { margin-top: 5px; }

/* Sub-menu width increase */
.top_nav .top_nav_wrapper > ul > li ul, .top_nav .main_menu_nav > ul > li ul { width: 300px; box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15); }

/* Sticky menu changes, only when sticking */
body.sticky_menu #header .top_nav.affix { box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.15); }


/* ***** Fonts, Lists and Headings ***** */
/* Align ol list to sit within/inline with paragraph and adjust colour */
.wpb_text_column ol, .comment-body .comment-text ol { margin: 0 15px 20px; color: #222; padding: 0 0 0 20px; }

/* Adjust Skin Cancer Screening page title/subtitle in first row to reduce padding */
.vc_custom_heading.skincheckstitle h2 { margin-bottom:0; }
.vc_custom_heading.skincheckstitle h4 { padding-top:5px;margin-bottom:15px; }  
  


/* ***** Footer ***** */
/* Adjust footer widget navigation menu links */
#footer .footer_widgets .widget.widget_nav_menu ul li a { color:#ec9007; }
/* Adjust footer copyright area link colours */
#footer .copyright_row .copyright_row_wr .copyright a { color: #ececec; }

/* ***** 404 Page ***** */
/* Background image on 404 page */
body.error404 { background: rgba(0, 0, 0, 0) url("https://www.spotscreen.com.au/wp-content/uploads/2016/08/ss-homeslider-temp2.jpg") no-repeat scroll 50% 0 / cover !important;
}


/* ------------------------------------------------ */
/* ----- MOBILE/RESPONSIVE ADJUSTMENTS ----- */
/* ------------------------------------------------ */

/* ***** SCREEN: MOBILE portrait and Landscape ***** */
@media only screen and (max-width: 667px) {
  /* Logo and menu toggle */
  .mobile_header .logo_wrapper { padding: 8px 20px 8px 10px; }
  .mobile_header .logo { font-size: 24px; }
  .logo a img { max-width: 170px; }
  #menu_toggle { margin: 8px 0 0; }
  .mobile_header .top_nav_mobile { margin: 0 0 3px; }
  
  /* Toggled Menu for mobile */
  .mobile_header .top_nav_mobile .main_menu_nav ul li a { font-size: 14px; padding: 8px 36px 8px 44px; }
  .mobile_header .top_nav_mobile .main_menu_nav ul li:first-child a { padding-top: 18px; }
  .mobile_header .top_nav_mobile .main_menu_nav ul li:last-child a { padding-bottom: 20px; }
  .mobile_header .top_nav_mobile .main_menu_nav ul li:only-child a { padding-top: 18px; padding-bottom: 20px; }
  .mobile_header .top_nav_mobile .main_menu_nav ul li ul li a { padding: 8px 36px 8px 44px !important; }
  .mobile_header .top_nav_mobile .main_menu_nav ul li ul.sub-menu { padding: 10px 0 12px; }
  
  /* Mobile header info [x3] (phone, open, locations) to remain side by side instead of stacked
  .mobile_header .icon_texts { padding: 0; }
  .mobile_header .header_info .icon_text { border-right: 1px solid #fff; display: inline-block; margin-bottom: 0; min-height: 130px; padding: 4% 2%; text-align: center; width: 32.5%; }
  .mobile_header .header_info .icon_text:last-child { border-right: 0px solid #fff; }
  .icon_text .icon { display: block; float: none; text-align: center; width: 100% !important; }
  .icon_text .text { display:block; width: 100% !important; font-size: 11px; }
  .icon_text .text strong { font-size: 12px; } */
  
  /* Mobile header info [x2] (phone, open, locations) to remain side by side instead of stacked
  .mobile_header .icon_texts { padding: 0; }
  .mobile_header .header_info .icon_text { border-right: 1px solid #fff; display: inline-block; margin-bottom: 0; min-height: auto; padding: 4% 2%; text-align: center; width: 46%; }
  .mobile_header .header_info .icon_text:last-child { border-right: 0px solid #fff; }
  .icon_text .text { font-size: 12px; text-align:left; }
  .icon_text .text strong { font-size: 12px; }
  .mobile_header .header_info .icon_text .icon { margin-right:5px; } */
  
  /* Mobile header info [auto width] (phone, open, locations) to remain side by side instead of stacked */
  .mobile_header .icon_texts { padding: 0; }
  .mobile_header .header_info .icon_text { border-right: 1px solid rgba(255, 255, 255, 0.15); display: inline-block; margin-bottom: 0; min-height: auto; padding: 12px 4%; text-align: center; width: auto; }
  .mobile_header .header_info .icon_text:last-child { border-right: 0px solid #fff; }
  .icon_text .text { font-size: 12px; text-align:left; }
  .icon_text .text strong { font-size: 12px; }
  .icon_text .text strong br { display: none; }
  .mobile_header .header_info .icon_text .icon { margin-right: 10px; width:auto; }
  .mobile_header .icon_text .icon { display: flex; font-size: 18px; }
  
  /* Page Title area - adjust padding and margins */
  .page_title { margin: 0 0 20px; padding: 20px 0 5px; }
  
  /* CTA Visual Composer widget adjustments on any page */
  .vc_row .vc_cta3.vc_general { padding: 10px 0; }
  .vc_row .vc_cta3.vc_cta3-actions-right .vc_cta3-content { margin: 0 0 10px; }
  .vc_row .vc_cta3.vc_cta3-actions-right .vc_cta3-content h2 { text-align: center; }
  .vc_row .vc_cta3.vc_cta3-actions-right .vc_cta3-actions { text-align: center; }
  .vc_row .vc_cta3.vc_cta3-actions-right .vc_cta3-actions .vc_btn3-container { margin-bottom: 5px; }
  
  /* CTA Book Box on Primary Services pages - with class .cta-book */
  .vc_cta3.cta-book .vc_cta3_content-container { display: block !important; width: 100% !important; }
  .vc_cta3.cta-book.vc_cta3-align-left .vc_cta3-content { text-align:center; }
  .vc_cta3.cta-book .vc_cta3-actions .vc_btn3-container.vc_btn3-left { text-align: center; margin-bottom: 10px; }
  
   /* Custom popup class for TSS Subscriber popup */
  .popup-tss-subscriber #sgcboxContent h2 { font-size: 22px !important; line-height: 20px !important; margin-bottom: 10px !important; }
  
  /* Posts Details - Date, by, category, comments - Adjustments and tidy up */
  .stm_post_details ul { margin-bottom: 10px; width: auto; }
  .stm_post_details ul li.post_date, .stm_post_details ul li.post_by, .stm_post_details ul li.post_cat { margin: 0 0 5px; }
  .stm_post_details ul li i { display:none; }
  .stm_post_details ul li.post_cat { margin: 0 0 10px; }
  .stm_post_details ul li { display: inline-block; font-size: 11px; padding: 0 0 0 5px; width: 32%; vertical-align:top; }
  .stm_post_details span { display: block; }
  
  /* ***** Site-wide - Rows/Columns and Pods spacing adjustments ***** */
  .vc_row .vc_column_container .info_box .title h4 { padding-top:6px; margin-bottom: 6px; }
  
  /* ***** Home Page - Rows/Columns and Pods spacing adjustments ***** */
  .vc_row.vc_custom_1483517569994 { padding-bottom: 10px !important; padding-top: 20px !important; }
  /* Industries section */
  .vc_row.vc_custom_1475126150234 { padding-bottom: 20px !important; padding-top: 20px !important; }
  .vc_row.vc_custom_1475126150234 .vc_column_container > .vc_column-inner { margin-bottom: 0 !important; }
  .vc_row.vc_custom_1475126150234 .vc_custom_1473904042763 { margin-bottom: 10px !important; }
  
}



/* ------------------------------------------------ */
/* ----- CUSTOM CODE AND CLASSES ----- */
/* ------------------------------------------------ */
/* ***** Video Feature Widget ***** */
.video-feature { background-color: #ffffff; border-radius: 6px; display: table; margin: 0 auto; max-width: 250px !important; padding: 5px; width: auto; }
.video-feature-img { width: 100%; }
.video-feature-img img { border-radius:6px; }
.video-feature-title { float: left; padding: 10px; width: 100%; }
.video-feature-title p { color: #ec9007; font-family: Montserrat; font-size: 20px; font-style: normal; line-height: 22px; margin-bottom: 0; text-align: center; }

/* ***** Video iFrame Container to allow for responsiveness ***** */
.iframe-contain { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.iframe-contain iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* ------------------------------------------------ */
/* ----- PLUGINS ----- */
/* ------------------------------------------------ */

/* ***** PLUGIN: VISUAL COMPOSER ***** */
/* Sidebar adjustments */
.ss-sidebar-helpbox { margin-left: 5%; margin-right: 5%; width: 90% !important; }
.ss-sidebar-helpbox .vc_custom_heading h5 { margin-bottom: 15px; padding-top: 15px; }

/* Testimonials adjustments */
.stm_testimonials .item .testimonial p, .testimonials_carousel .testimonial .info p, .testimonials_carousel.style_2 .item .testimonial p { margin: 0 0 10px; }
.stm_testimonials .item .testimonial::after { background: rgba(0, 0, 0, 0) url("https://cdn.consulting.stylemixthemes.com/wp-content/themes/consulting/assets/images/testimonials_before.png") no-repeat scroll 0 0 / 15px 18px; }
.stm_testimonials.style_2 .item .testimonial::after { background-image: url("https://cdn.consulting.stylemixthemes.com/wp-content/themes/consulting/assets/images/testimonials_before_2.png"); }
.stm_testimonials .item .testimonial-info .testimonial-image img { border: 1px solid #ececec; }

/* Careers/Jobs adjustments */
body.single-stm_careers .stm_post_info .post-by { display:none !important; }
body.single-stm_careers .stm_post_info .post-cat { display:none !important; }
body.single-stm_careers .stm_post_info .comments_num { display:none !important; }

/* Title and Subtitle adjustments */
/* Subtitle line-height and margin-top */
.vc_custom_heading .subtitle { line-height: 24px; margin-top: 12px; }
/* No padding on a header tag */
.vc_custom_heading.notoppad h1, .vc_custom_heading.notoppad h2, .vc_custom_heading.notoppad h3 { padding-top: 0px; }

/* 3D box shadow change */
.vc_general.vc_cta3.vc_cta3-color-classic.vc_cta3-style-3d { box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.15); }

/* ***** PLUGIN: CONTACT FORM 7 ***** */
/* Contact Form 7 Theme adjustments */
body textarea.form-control, body textarea.wpcf7-form-control, body #order_comments, body .input-group textarea.form-control { height: 93px; }
.input-group { margin: 0 0 10px; width: 100%; }
.form-control, .wpcf7-form-control, .input-group .form-control, body .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .post-password-form input[type="password"] { font-size:16px; padding: 16px 20px 15px; }
form.infusion-form .wpcf7-checkbox { display: table !important; }
form.infusion-form span.wpcf7-list-item { display: inline-block !important; min-width: 20% !important;margin-left:0;margin-right:0.5em; }
form.infusion-form span.wpcf7-list-item.first { margin-left:0; }
form.infusion-form span.wpcf7-list-item label { margin-bottom: 10px; font-size: 14px; font-weight: normal; line-height: normal; }
form.infusion-form .checkbox-label { background-color: #bababa; color: #555555; display: block; font-size: 14px; font-weight: bold; padding: 12px 16px; width: 100%; }
form.infusion-form .checkbox-label i { margin-right: 12px; }
.input-group-addon { background-color: #bababa; border: 1px solid #bababa; border-radius: 0; }
.input-group-addon.valigntop { padding: 16px 12px;vertical-align:top; }
.input-group ::-webkit-input-placeholder { color: #999999; }
.input-group :-moz-placeholder { /* Firefox 18- */ color: #999999; }
.input-group ::-moz-placeholder { /* Firefox 19+ */ color: #999999; }
.input-group :-ms-input-placeholder { color: #999999; }
.input-group#center { text-align:center; margin-top:20px; }

/* Contact Form 7 - Contact Page Form with Background option */
.contact-opacity .input-group-addon { background-color: #ec9007; border: 1px solid #ec9007; color:#ffffff; }
.contact-opacity form.infusion-form  .checkbox-label { background-color: #ec9007; color:#ffffff; }
.contact-opacity .wpcf7-form-control { background-color: #ffffff; }
.contact-opacity form.infusion-form .contact-opacity form.infusion-form .col-xs-6, .contact-opacity form.infusion-form .col-sm-6, .contact-opacity form.infusion-form .col-md-6, .contact-opacity form.infusion-form .col-xs-12, .contact-opacity form.infusion-form .col-sm-12, .contact-opacity form.infusion-form .col-md-12, .contact-opacity form.infusion-form .col-lg-12 { padding-left: 5px; padding-right: 5px; }
/* Contact Form with dark blue icons instead, for pages with orange bgs */
.contact-opacity.dark .input-group-addon { background-color: #082439; border: 1px solid #082439; }
.contact-opacity.dark form.infusion-form  .checkbox-label { background-color: #082439; }

/* ***** PLUGIN: WOOCOMMERCE ***** */
/* Woocommerce widgets sidebar adjustments */
.widget_shopping_cart .widget_shopping_cart_content a.button { font-size: 12px; line-height: 20px; padding: 3px 11px; }
/* Product image thumbnails fix for mobile */
.woocommerce div.product div.images .thumbnails, .woocommerce #content div.product div.images .thumbnails { display: table; }
/* Product quantity adjustment for mobile zoom */
.woocommerce div.product form.cart div.quantity input { font-size: 16px; }
/* Remove product author and add bottom margin to product title h3 */
.woocommerce ul.products li.product .author { display:none; }
.woocommerce ul.products li.product h3 { margin-bottom:20px; }
.woocommerce ul.products h2.woocommerce-loop-product__title { line-height: 1.5em; }
.woocommerce ul.products h2.woocommerce-loop-product__title::after { display:none; }

/* ***** PLUGIN: POPUP BUILDER ***** */
/* Custom popup class for TSS Subscriber popup */
.popup-tss-subscriber .sgpb-popup-builder-content-11620 { background: #ec9007 url("https://www.spotscreen.com.au/wp-content/uploads/2015/03/ss-men-working-construction-mines-tss-or-lg.jpg") no-repeat scroll center center / cover  !important; }
.popup-tss-subscriber .sgpb-popup-builder-content-11620 h2 { font-size: 42px; color: #ffffff; line-height: 40px; text-align: center; margin-bottom: 10px; margin-top: 10px; }
.popup-tss-subscriber .sgpb-popup-builder-content-11620 h2::after { display:none; }


/* ***** PLUGIN: MAILCHIMP FOR WORDPRESS ***** */
/* Form adjustments - adjustments to mc4wp-form only */
form.mc4wp-form .wpcf7-checkbox { display: table !important; }
form.mc4wp-form span.wpcf7-list-item { display: inline-block !important; min-width: 20% !important;margin-left:0;margin-right:0.5em; }
form.mc4wp-form span.wpcf7-list-item.first { margin-left:0; }
form.mc4wp-form span.wpcf7-list-item label { margin-bottom: 10px; font-size: 14px; font-weight: normal; line-height: normal; }
form.mc4wp-form .checkbox-label { background-color: #bababa; color: #555555; display: block; font-size: 14px; font-weight: bold; padding: 12px 16px; width: 100%; }
form.mc4wp-form .checkbox-label i { margin-right: 12px; }

/* Contact Form 7 - Contact Page Form with Background option */
.contact-opacity form.mc4wp-form .checkbox-label { background-color: #ec9007; color:#ffffff; }
.contact-opacity form.mc4wp-form .contact-opacity form.mc4wp-form .col-xs-6, .contact-opacity form.mc4wp-form .col-sm-6, .contact-opacity form.mc4wp-form .col-md-6, .contact-opacity form.mc4wp-form .col-xs-12, .contact-opacity form.mc4wp-form .col-sm-12, .contact-opacity form.mc4wp-form .col-md-12, .contact-opacity form.mc4wp-form .col-lg-12 { padding-left: 5px; padding-right: 5px; }
/* Contact Form with dark blue icons instead, for pages with orange bgs */
.contact-opacity.dark form.mc4wp-form  .checkbox-label { background-color: #082439; }

/* ***** PLUGIN: CONTACT FORM 7 ***** */
.mc4wp-alert { margin-top: 20px; text-align: center; background-color: #fff; padding: 10px; width: 100%; float: left; border: 2px solid #222222; }
.mc4wp-alert.mc4wp-error { border: 2px solid #ed1c24; }



/* ------------------------------------------------ */
/* ----- SIDEBAR ----- */
/* ------------------------------------------------ */

/* Sub Nav Sidebar List Style adjustment */
.widget.widget_nav_menu ul li .children li::before, .widget.widget_nav_menu ul li .sub-menu li::before, .widget.widget_categories ul li .children li::before, .widget.widget_categories ul li .sub-menu li::before, .widget.widget_product_categories ul li .children li::before, .widget.widget_product_categories ul li .sub-menu li::before, .widget.widget_archive ul li .children li::before, .widget.widget_archive ul li .sub-menu li::before, .widget.widget_pages ul li .children li::before, .widget.widget_pages ul li .sub-menu li::before, .widget.widget_meta ul li .children li::before, .widget.widget_meta ul li .sub-menu li::before { 
  display: none !important; }
.widget.widget_nav_menu ul li.current-menu-parent > a {
  border-left-color: transparent; }
.widget.widget_nav_menu ul li > a:hover, .widget.widget_nav_menu ul li:hover > a {
  border-left-color: #777777; }
.widget.widget_nav_menu ul li.current-menu-parent > a:hover {
  border-left-color: #777777; }

/* Sub Menu (1st Level) adjustments */
.widget.widget_nav_menu ul li ul.sub-menu li.current-menu-parent > a:hover {
  border-left-color: #ec9007; }
.widget.widget_nav_menu ul li ul.sub-menu {
  margin:0px 0 25px; border-top:0px solid transparent; }
.widget.widget_nav_menu ul li ul.sub-menu li {
  border-bottom:0px solid transparent; margin-bottom:0px; margin-right:-23px; }
.widget.widget_nav_menu ul li ul.sub-menu li > a {
  line-height:normal; padding:10px 23px 10px 30px; border-left:5px solid transparent; }
.widget.widget_nav_menu ul li ul.sub-menu li > a:hover { 
  border-left:5px solid #cccccc; text-decoration:none !important; }
.widget.widget_nav_menu ul li ul.sub-menu li.current_page_item > a { 
  text-decoration:none; border-left:5px solid #ec9007;font-weight:600; color:#333333; }

/* Sub Menu (2nd Level) adjustments */
.widget.widget_nav_menu ul li ul.sub-menu li.current-menu-ancestor > a:hover {
  border-left-color: #ec9007; }
.widget.widget_nav_menu ul li ul.sub-menu li.current-menu-ancestor:hover > a {
  border-left-color: transparent; }
.widget.widget_nav_menu ul li ul.sub-menu li.current-menu-parent > a:hover {
  border-left-color: #cccccc; }
.widget.widget_nav_menu ul li ul.sub-menu ul.sub-menu {
  margin-top:0px; margin-bottom:1px; }
.widget.widget_nav_menu ul li ul.sub-menu ul.sub-menu li {
  margin-right:0px !important; }
.widget.widget_nav_menu ul li ul.sub-menu ul.sub-menu li > a {
  padding-left:48px; }
.widget.widget_nav_menu ul li .children li:hover a, .widget.widget_nav_menu ul li .sub-menu li:hover a, .widget.widget_categories ul li .children li:hover a, .widget.widget_categories ul li .sub-menu li:hover a, .widget.widget_product_categories ul li .children li:hover a, .widget.widget_product_categories ul li .sub-menu li:hover a, .widget.widget_archive ul li .children li:hover a, .widget.widget_archive ul li .sub-menu li:hover a, .widget.widget_pages ul li .children li:hover a, .widget.widget_pages ul li .sub-menu li:hover a, .widget.widget_meta ul li .children li:hover a, .widget.widget_meta ul li .sub-menu li:hover a { text-decoration:none !important; }