/*
Theme Name: SpartanSL
Theme URI: http: aemedia.ca
Description: This is a custom child theme for Suki
Author: Adam Epp
Author URI: http: aemedia.ca
Template: suki
Version: 2.0
*/


/* general */

html {
  scroll-behavior: smooth;
}


hr {
border: 0;
clear:both;
color: #e3e3e3;
background-color: #e3e3e3;
height: 1px;
width:100%;
margin:10px 0;
padding:0
}

.text-center {text-align: center}

.center-svg * {width:100%; height:auto}
.center-svg img {width:100%; height:auto; max-width:300px !important; margin:0 auto;}

.max-800 {max-width:800px; margin:0 auto;}
.max-900 {max-width:900px; margin:0 auto;}
.max-1000 {max-width:1000px; margin:0 auto;}

.full-width * {width:100%; height:auto}


.text-white, .text-white h1, .text-white h2,.text-white h3, .text-white h4 {color:#fff}

.cta-block .vc_column-inner > .wpb_wrapper {padding:55px 80px 80px 80px;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0; margin-bottom: 36px;
}
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cta-block h1, .cta-block h2, .cta-block h3, .cta-block h4, .cta-block h5, .cta-block h6, .cta-block strong {
    font-size: 1.9em;
    font-weight: 700;
    letter-spacing: normal;
    margin-bottom: 7px;
    margin-top: 0;
    display: block;
}

.cta-block h1::after, .cta-block h2::after, .cta-block h3::after, .cta-block h4::after, .cta-block h5::after, .cta-block h6::after, .cta-block strong::after {
    content: "";
    width: 50px;
    height: 1px;
    display: block;
    background: #c15b80;
    margin: 15px 0;
}

/* headings */

.wpb_text_column h1:after, .wpb_text_column h2:after, h3.kicker-line:after {content: "";
    width: 48px;
    height: 1px;
    display: block;
    background: #c15b80;
    margin: 16px 0;}

.text-center h1:after, .text-center h2:after {content: "";
    width: 48px;
    height: 1px;
    display: block;
    background: #c15b80;
    margin: 16px auto;}



/* header */

.header-logo {height: 70px; width: 220px; background-size: contain; text-indent: -9999px; background-position: left center; background-repeat:  no-repeat}
.header-logo_stresscrete {background-image: url("img/Stresscrete-Group_logo.png");}
.header-transparent .suki-header-main .header-logo_stresscrete {background-image: url("img/Stresscrete-Group_logo-white.png");}
.header-transparent .site-scroll .suki-header-main .header-logo_stresscrete {background-image: url("img/Stresscrete-Group_logo.png");}


.header-link_scgrp a {background:url(img/Stresscrete-Group_logo.png) center center no-repeat; background-size:contain; width:70px; text-indent:-9999px}
	

@media only screen and (min-width: 1030px) {
#masthead {position:fixed !important; width:100%;transition: all 0.2s linear !important;
	-moz-transition: all 0.2s linear !important;
	-webkit-transition: all 0.2s linear !important;
	-o-transition: all 0.2s linear !important;}
	
.header-default #masthead{background: #fff !important}

#content {padding-top: 80px}
	
.header-transparent #masthead {background: rgba(255,255,255,0)}
.header-transparent_light #masthead.site-top ul.menu > li > a {color:#fff}
.header-transparent #masthead.site-scroll {background: rgba(255,255,255,1) !important}
.header-transparent_light .menu-item .suki-icon svg, .header-transparent .cls-1 {fill:#fff}
.header-transparent_light .site-scroll .menu-item .suki-icon svg, .header-transparent .site-scroll .cls-1 {fill:#414042}
	
.header-transparent #content {padding-top: 0}
	
#masthead.site-scroll {-webkit-box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.1);}
	
}

/* page header */

.suki-hero {margin-bottom: 48px}
.suki-hero_cpt {color:rgba(0,0,0,0.5)}
.suki-hero_cpt h1 {color:#fff; margin: 0}
.suki-hero-inner {position: relative}
.suki-hero-inner:after {position: absolute; display: block; top:0; bottom:0; left: 0; right:0; content: ''; background: url(img/hero-bar2.png) center bottom no-repeat; background-size: auto 200px; z-index: 0 }
.suki-hero-inner .suki-wrapper {position: relative; z-index: 2}

.vh45 {height:45vh;}
.vh55 {height:55vh;}
.vh65 {height:65vh;}
.vh75 {height:75vh;}

.home-hero h1{border-left:8px solid #b8083e; padding:0 0 24px 24px; font-size:72px; line-height:1.25;font-weight:200}

.home-hero h1:after{display:none}


.hero-video, .hero-banner {height:300px}

@media only screen and (min-width: 768px) {
.hero-video, .hero-banner {height:400px}
}

@media only screen and (min-width: 1280px) {
.hero-video, .hero-banner {height:450px}
	
	.hero-banner h1 {font-size: 3em}
}

@media only screen and (min-width: 1400px) {
.hero-video, .hero-banner {height:550px}
}

.hero-banner h4 {margin: 0; letter-spacing: 0.2em; font-size: 1em; font-weight: normal; opacity: 0.7}

/* page and VC */

.page-wrapper ul, .page-wrapper ul li {
list-style: none; position: relative
}

.wpb_column ul li::before {
content: "\f105";
font-family: FontAwesome;
margin-right: 8px;
color: #c15b80;	
	position: absolute; 
	left: -12px
}

@media only screen and (max-width: 1439px) {
.vc_row_, .page-wrapper {padding:0 24px;}
}

.vc_row-fluid:not(.vc_row-no-padding) .vc_col-sm-12 {
width: 100%;
max-width: 1440px;
margin: 0 auto;
	float:none
}

ul.vc_grid-filter li::before {display: none}
ul.vc_grid-filter li span {text-transform: uppercase; letter-spacing: 0.09em; font-size: 0.8rem; font-weight: bold}

.product-block {position:relative;}
.product-block h2 {pointer-events:none;position:absolute; bottom:0px; left:12px; color:#fff; display:inline-block; background:#b8083e; padding:8px 16px; font-size:1rem; letter-spacing:0.09em;transition: all 0.2s linear !important;-moz-transition: all 0.2s linear !important;-webkit-transition: all 0.2s linear !important;-o-transition: all 0.2s linear !important;}
.product-block:hover h2 {background:rgba(0,0,0,0.6)}

.resource-item {position:relative; float:left;width:40%;max-width: 250px; margin:0 12px 12px 0 !important}
.resource-item h2 {pointer-events:none;position:absolute; bottom:0px; left:12px; color:#fff; display:inline-block; background:#b8083e; padding:8px 16px; font-size:0.8rem; letter-spacing:0.09em;transition: all 0.2s linear !important;-moz-transition: all 0.2s linear !important;-webkit-transition: all 0.2s linear !important;-o-transition: all 0.2s linear !important; display: inline-block}
.resource-item:hover h2 {background:rgba(0,0,0,0.6)}

/* project gallery single */

.project-row_hero {position:relative;height:550px;background-size:cover;background-position:center;}
.project-hero_wedge {background: rgb(185,8,63,0.8); position: absolute; left: 0; top: 0; height: 100%; width: 100%; clip-path: polygon(0 0, 51% 0, 36% 100%, 0% 100%);}
.project-hero_content {padding: 36px; z-index: 10; margin: 0; position: absolute; top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%);}


	.project-hero_content h1 {font-size: 58px;color: #fff;font-weight: 800;line-height: 1.125em;max-width: 560px;}
.project-hero_content h1:after {content: "";
    width: 90px;
    height: 4px;
    display: block;
    background: #ffffff;
	margin: 24px 0;}

.project-hero_content p {color: #fff;font-size: 20px;	max-width: 450px;}


@media only screen and (max-width: 767px) {
	.project-hero_content h1 {font-size: 40px;}	
}

.project-row_summary {background: #f8f8f8}
.project-row_summary .page-wrapper {padding: 36px 0}
.project-row_summary img {height: 60px; width:auto}
.project-row_summary h3 {margin: 12px 0 8px 0}

.project-row_details {padding-top: 36px; padding-bottom: 36px}
.project-row_gallery {margin-bottom: 48px}
.project-row_gallery a {display: inline-block; height: auto;width: 30%; padding: 8px}

.project-grid .vc_gitem-post-data-source-post_excerpt {font-size: 12px; line-height: 1.25}
.project-grid .vc_custom_heading {margin-bottom: 4px}
.project-grid .vc_custom_heading h4 {background:#b8083e; color: #fff !important; display: inline-block; padding: 4px 12px; margin-bottom: 0;transition: all 0.2s linear !important;
	-moz-transition: all 0.2s linear !important;
	-webkit-transition: all 0.2s linear !important;
	-o-transition: all 0.2s linear !important; }
.project-grid .vc_grid-item-mini:hover .vc_custom_heading h4 {background:rgb(185,8,63,0.5);}
.project-grid .vc_gitem-zone-mini .vc_sw-acf {color: #fff; margin-left: 12px}

/* buttons */

.vc_btn3, .more-link, .entry-wrapper .button, .button, .gform_button  { font-size: 12px;padding: 14px 20px; font-weight:bold; letter-spacing:0.1em; text-transform: uppercase; border-radius: 0 !important;}


.entry-wrapper .button, .button { background: #b8083e !important;}

.entry-wrapper .button:hover , .button:hover { background: #333333 !important;}



/* FORM */

.gform_wrapper .gform_footer input.gform_button {background: #b8083e !important; letter-spacing: 0.1em !important; text-transform: uppercase !important }

.gform_wrapper .gform_footer input.gform_button:hover {background: #414042 !important}

.vc_btn3-color-chino {background: #dbb979 !important; color:#414042 !important}

.vc_separator.short100 {width:100px; margin:30px auto;}
.vc_separator.vc_sep_color_blue .vc_sep_line {
border-color: #b8083e;
}


/* products */

.woocommerce .suki-content-inner  {padding: 0}

.products__svg-logo {float:left; margin-right:48px}
.products__svg-logo * {width:100%; max-width:150px !important;}

.facetwp-wrapper {}
.facetwp-filters {width:230px; float:left; outline: 1px solid red}
.facetwp-filters p {margin:0}
.facetwp-filters .facetwp-facet {margin-bottom:16px}
.facetwp-grid {}
.facetwp-results {}
.facetwp-results h4, .product-single_related-wrapper h4 {font-size: 1rem}

.product-single_related-wrapper {display:grid}


.suki-wrapper blockquote {
font-size: 1.1em;
font-style: italic;
display: block;
padding: 24px 32px 24px 48px;
position: relative;
color: #666;
-moz-box-shadow: 2px 2px 15px rgba(221,221,221,.49);
-webkit-box-shadow: 2px 2px 15px rgba(221,221,221,.49);
box-shadow: 2px 2px 15px rgba(221,221,221,.49);
border-left: 12px solid #b8083e;
width: 80%;
margin: 0 auto;
	margin-bottom: 32px;
}

blockquote:before {
content: "\201C";
font-family: Georgia,serif;
font-size: 60px;
font-weight: 700;
color: #999;
position: absolute;
left: 10px;
top: -20px;
}
/* contact & reps */

.gf-rep-wrapper {}
.gf-rep-item {display: none}
.rep-img {width: 220px; float:left}
.rep-img img {border: 1px solid #ddd; padding: 6px; width: 100%; max-width: 180px; height: auto}
.rep-details {width: 300px; float:left}

.rep-details p {margin: 0; padding: 0}

.rep-details span.region {font-weight: bold; letter-spacing: 0.2em; font-size: 0.7em; color: #aaa; text-transform: uppercase}

.reps-grid .gf-rep-item {display: block; width:25%; float:left; padding:0 0 32px 0 }


/* footer */


footer ul li::before {
content: "\f105";
font-family: FontAwesome;
margin-right: 8px;
color: #b8083e;

}


.suki-footer-widgets-bar-column-4 {display: none}
.suki-footer .suki-footer-widgets-bar-columns-4 .suki-footer-widgets-bar-column-3 {width:50%;}

@media only screen and (min-width: 1024px) {

	.suki-footer-widgets-bar-column-3 ul li {width:250px; float:left}
}
@media only screen and (max-width: 1024px) {
.suki-footer .suki-footer-widgets-bar-columns-4 .suki-footer-widgets-bar-column-3 {width:100%;}
	.suki-footer-widgets-bar-column-3 ul li {width:50%; float:left}
}


.suki-footer-widgets-bar-row > .widget_custom_html {width: 100%;}
.footer-iconlinks {width: 50%; text-align: left; float: left; display: block; }
.footer-iconlinks a, .footer-logolink a {display: inline-block; margin: 5px; height: 32px; min-width: 32px}
.footer-iconlinks svg, .footer-logolink svg {display: block; margin: 5px; height: 32px; width: auto}
.footer-logolink {width: 50%; text-align: right; float: right;  display: block}
.footer-logolink a {width: 120px; text-align: right; float: right;  display: block}

.footer-social a {width: 24px; height: 32px; display: block; margin: 0 6px 6px 0; float: left}
.footer-social a img {width: 24px; height: 32px; }

.footer-iconlinks a:hover, .footer-logolink a:hover, .footer-social a:hover {opacity: 0.5}

@media only screen and (max-width: 600px) {
	.footer-iconlinks, .footer-logolink {width: 100%; text-align: center}
	.footer-logolink a {text-align: center; float: none; margin: 10px auto}
}


/* PLUGINS */

img.mapp-icon, .mapp-icon img {
box-shadow: none !important;
filter: drop-shadow(0) !important;
}


/* SKINS */

body.skin-utility .suki-hero-inner, body.skin-utility .suki-footer-widgets-bar-inner {background: #58585a}
 body.skin-utility .suki-footer-bottom-bar-inner {background: #3d3d3d}
body.skin-utility .suki-header-top-bar, body.skin-kingcast .suki-header-top-bar {display: none}
body.skin-utility .header-default #content, .body.skin-kingcast .header-default #content {padding-top: 80px}


body.skin-kingcast .suki-hero-inner {background: #8b1d41}
body.skin-kingcast .suki-footer-widgets-bar-inner {background: #58585a}
 body.skin-kingcast .suki-footer-bottom-bar-inner {background: #3d3d3d}
 body.skin-kingcast .vc_btn3.vc_btn3-color-mulled-wine {background: #8b1d41}

body.skin-kingcast .vc_btn3.vc_btn3-color-mulled-wine:hover {background: #68233c}


/* bones */

@media only screen and (min-width: 768px) {
	.d-hide {display: none}
}

.clearboth{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;}

.vertical-container {
    position: relative
}
.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.space10 {
	height: 10px
}
.space20 {
	height: 20px
}
.space30 {
	height: 30px
}
.space40 {
	height: 40px
}
.space50 {
	height: 50px
}
.space60 {
	height: 60px
}
.space70 {
	height: 70px
}
.space80 {
	height: 80px
}
.space90 {
	height: 90px
}
.space100 {
	height: 100px
}