/*
Theme Name: Lead 4x Theme
Theme URI: https://github.com/tidythemes/blankslate
Author: Creation Theory
Author URI: http://creationtheory.co/
Description: Please read: Child Theme based on tidythemes.com/concept. BlankSlate For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Template: blankslate
Version: 0.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: CA

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}




/* @charset "UTF-8"; */

* {
        
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;

}



html {

	margin: 0;
	padding: 0;

    background-color: #fafafa;
    
    /* font-family: 'Lora', serif; */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-style: normal;
    /* font-variant: normal; */
    font-weight: 300;

    color: #666666;
	
	font-weight: 400;
	word-spacing: 0.2em;
	letter-spacing: 0.1em;
    line-height: 100%;

}

h1{

    font-size: 3em;
    margin: 20px 0;
    line-height: 100%;

}

h2{

    font-size: 2em;
/*     margin: 20px auto; */
    line-height: 130%;
    
}

h3{
    font-size: 1.5em;
    line-height: 150%;
}

h4{

    font-size: 1.1em;
    line-height: 180%;
/*     max-width: 70%; */
    padding: 10px 0;

}

/* h5 {

    text-align: left;

    margin: 0 auto 20px auto;
    line-height: 150%;
    font-size: 110%;

} */

p{

    font-size: 1.1em;
	line-height: 180%;
    text-align: left;

}



a {
    text-decoration: none;
    color: #666666;
}

.Lht a {
	
	color: #ebebeb;
	
}

br {

    display: none;

}

img {

	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;

	padding: 0;
	margin: 0;

}


iframe {

    margin: 20px;

}


.videoContainer {

	position: absolute;
	 min-width: 100%;
	  min-height: 100%; 
	  width: auto;
	  height: auto;
	  z-index: -1; 
	  overflow: hidden;

}


.videoBackground {

	position: absolute;
	  min-width: 100%;
	  /*min-width: 640px;*/
	  min-height: 100%; 
	  width: auto;
	  height: auto;
	  z-index: -1; 
	  overflow: hidden;

	  left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}




#header{

    background-color: #fafafa;
    width: 100%;
    height: 70px;

    position: fixed;

    border-bottom: #666666 1px solid;

    z-index: 100;

}


#LogoType {

    width: 70px;
    margin: 20px;
    float: left;

}





/* WordPress default kills: */

#branding, #search, .post-edit-link {

    display: none;

}




#Socials {

    height: 70px;
    flex-wrap: nowrap;
    justify-content: end;
    align-items: center;

    margin: 0 15px;
    float: right;

}

#Socials img {

    height: 21px;
    width: auto;
    margin-right: 14px;

}


#BurgerIcon {

    /* display: none; */

}





/* #menu {

    height: 100%;

} */

/* nav ul { */
#menu-header_nav {
/* #menu-main_menu { */

    /* display: flex; */
    display: none;

    /* flex-wrap: wrap; */
    flex-direction: row;

    flex-wrap: nowrap;
    /* justify-content: flex-end; */
    justify-content: space-around;
    align-items: center;

    float: right;

    height: 70px;

    padding: 0 20px 0 30px;

    position: unset;

    width: unset;

    background-color: unset;

    z-index: unset;

}



nav a {

    color: #292929;

    display: flex;

    align-items: center;


}

/* nav li { */
.menu-item {

    flex: 1 1 auto;
    list-style-type: none;

    /* margin: 0 3%; */
    /* margin: 0 20% 0 0; */

}

.menu-image-title-after.menu-image-title {

    padding-left: 0;

}


nav img {

    width: auto;
    height: 20px;

    /* margin: auto; */
    margin: auto 0 auto 10px;

    /* float: left; */

}

.menuSpacer {

    border-right: #666666 1px dashed;
    border-left: #666666 1px dashed;
    height: 40%;

}



/* Always-on burger menu override: */

#menu-header_nav {

    display: none;

    flex-direction: column;
    justify-content: space-evenly;


    width: null;
    height: 100%;

    padding: 20px;

    /* background-color: rgba(0, 0, 0, 0.5); */
    background-color: #fafafa;

    /* z-index: 5; */

    float: right;
    clear: both;

}

.menuSpacer {

    /* display: none; */

    width: 100px;

    border-bottom: #666666 1px dashed;
    border-top: #666666 1px dashed;
    border-left: none;
    border-right: none;
    height: 1px;

    margin: 0;
    padding: 0;

}

nav li {

    margin: 15px;
    padding: 20px;

}




/* #prevNextBtns {

    position: absolute;

    display: flex;
    align-items: center;
    justify-content: space-between;

    height: 100vh;
    width: 100%;

} */

/* .prevPageBtn {

    width: 20px;

    rotate: 180;

}

.nextPageBtn {

    width: 20px;

} */


body {

	margin: 0;
	padding: 0;

    width: 100%;

}




/*// Vertical Scroll Indicator: //*/

@keyframes verticalPulse {
    from {margin-bottom: 30px;}
    to {margin-bottom: 5px;}
}


#pageScroll {

	width: 100%;
	position: fixed;
	bottom: 0;

	margin-bottom: 5px;

	animation-name: verticalPulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;

}

.pageScrollBtn {

	width: 70px;

	margin: auto;

}

.pageScrollBtn img {

	width: 50px;

}




/* // COOKIE DISCLAIMER: // */


#CookieDisclaimer {

	width: 100%;

	background-color: rgb(255, 123, 0);
	position: fixed;
	bottom: 0;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;

	z-index: 99;

}

#CookieDisclaimer p {

	font-size: 10px;
	line-height: 150%;
	color: white;
	padding: 20px;
    padding-right: 0;
    float: left;
    width: 66%;

	flex: 0 1 auto;

}

#CookieDisclaimer a {

    color: white;

}

#CookieAcceptBtn {

	min-width: 120px;

	float: right;
	padding: 10px;
	margin: 25px;

	text-align: center;

}



section {

    /* min-height: 100vh; */
    /* width: 100%; */

}

.minHeight100 {

    min-height: 100vh;

}

.padTopBottom100 {

    padding: 100px 0;

}

.entry-title {

    display: none;

}

.site-description {

    display: none;

}


.Drk {

    color: #292929;
    

}

.Lht {

    color: #ebebeb;

}

.Outlined {

    color: white;
    text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;

}

.Outlined a {

    color: white;

}


.backgroundImage {

    background: no-repeat center center;
    background-size: cover;
    overflow: hidden;

}



.Clear {

    clear: both;

}

.displayBlock{

    display: block;

}

.displayNone{

    display: none;
    
}







/*// FLEXBOX //*/

.Flex {

    display: flex;
    flex: 0 1 auto;
    max-width: 100vw;
/*     overflow: hidden; */

}

.row {

    flex-wrap: wrap;
    flex-direction: row;

}

.column {

    flex-wrap: wrap;
    flex-direction: column;

}


.center {

    justify-content: center;
    align-items: center;
    align-content: center;

    text-align: center;

}

.spaceEvenly {

    justify-content: space-evenly;

}

.spaceAround {

    /* justify-content: space-evenly; */
    justify-content: space-around;
    /* justify-content: space-between; */

    align-items: center;
    align-content: center;

    text-align: center;

}

.spaceBetween {

    justify-content: space-between;

    align-items: center;
    align-content: center;

    text-align: center;

}




/* ACTION BUTTONS: */

.ActionBtnWht {

    justify-content: space-evenly;

    max-width: 240px;
    min-height: 50px;

    /* background-color: #; */
    border: 1px solid white;
    color: #fafafa;

    /* border-radius: 5px; */

    margin: 20px;

}

.ActionBtnWht:hover {

    background-color: rgba(250, 250, 250, 0.3);

}

.ActionBtnWht h3 {

    padding: 20px;

}


.ActionBtn {

    justify-content: space-evenly;

    max-width: 240px;
    min-height: 50px;

    background-color: #fafafa;
    border: 1px solid black;
    color: #292929;

    /* border-radius: 5px; */

    margin: 20px;

}


.ActionBtn h2 {

    padding: 20px;
    margin: 0;

}

.ActionBtn h3 {

    padding: 20px;

}

.ActionBtn img {

    width: auto; 
    height: 20px;

    /* margin-right: 10px; */

}

.inlineSpacer {

    border-left: #666666 1px dashed;
    height: 70%;

}



.roundedBorder {

    border: #666666 1px dashed;
    /* border-radius: 20px; */

    /* border: #ebebeb 1px dashed; */
    border-radius: 15px 15px 30px 30px;

}



.maxWidth960 {
	
	max-width: 960px;
	
}


.width80 {

    width: 80%;
    margin: auto;

}

.width50 {

    max-width: 50%;

}

.L {

    width: 50%;
    float: left;

    }


.R {

   width: 50%;
    float: right;
/*     margin-left: 50%; */
    justify-content: center;

}

.marginLeft50 {

        margin-left: 50%;
        
    }





.content p {

    line-height: 160%;

    padding-bottom: 20px;

}

.SingleColumnContent {

    width: 80%;
    margin: auto;

}

.SingleColumnContent h2 {

    padding-bottom: 20px;

}

.SingleColumnContent h3 {

    padding-bottom: 20px;

}

.TwoColumnContent {

    margin: 20px auto;

    column-count: 2;
    /* column-width: 40%; */
    column-gap: 10%;
    /* column-rule: 1px dashed #666666; */

    width: 80%;
    margin: auto;

}

.TwoColumnContent h2 {

    margin: 0 auto 20px;
    margin-bottom: 20px;

}

.TwoColumnContent h3 {

    margin: 0 auto 20px;
    /* margin-bottom: 20px; */

}

.TwoColumnContent p {

    color: #666666;

    line-height: 160%;
    padding: 0 auto 10px;

    padding-bottom: 20px;

}


.dividerLineTop {
    border-top: #666666 dashed 1px;
    width: 60%;
    margin: auto;
    padding-top: 50px;
    margin-top: 50px;
}

.dividerLineBottom {
    border-bottom: #666666 dashed 1px;
    max-width: 80%;
    margin: auto;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.spacer {

    margin: 50px 0;

}


#ValueProp p {

    /* padding: 20px; */
    padding: 20px 20px 0;

}


.imagePlaceholder {

    position: relative;

    width: 80%;
    height: 80%;
    margin: 10%;

    border: #ebebeb dashed 5px;

    border-radius: 10px;

}


.scalableVideo {

    width: 560px;
    height: 315px;

}






/*// -- TESTIMONIAL QUOTES -- //*/


.Testies {

	width: 80%;
/* 	margin: auto; */

}


/* Next & previous buttons */
.prev, .next {

    cursor: pointer;
    color: #888;
    font-weight: bold;
    font-size: 20px;
    /* border-radius: 0 3px 3px 0; */
    user-select: none;

  }
  
  /* Position the "next button" to the right */
  .next {

    position: absolute;
    /* right: 0; */
    border-radius: 3px 0 0 3px;

  }


  /* The dot/bullet/indicator container */
.dot-container {

    text-align: center;
    padding: 20px;
    /* background: #ddd; */

}

  /* Add an italic font style to all quotes */
q {

    font-style: italic;

    font-size: 21px;
    line-height: 150%;

}

.author {

    padding-top: 10px;

}
  
  /* The dots/bullets/indicators */
  .dot {

    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 2px;
    /* background-color: #666666; */
/*     border: #666666 1px solid; */
	  border: white 1px solid;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;

  }

  .active, .dot:hover {

    background-color: #ebebeb;
    
  }



#Clients img {
	
	max-width: 120px;
	width: auto;
	max-height: 80px;
	height: auto;
	margin: 20px;
	
}





.type-post {

    max-width: 80%;
    margin: auto;

}

.type-post h2 {

    padding-top: 30px;

}

.type-post h3 {

    font-size: 1.5em;
    padding-top: 20px;

}

.type-post h5 {

    max-width: 100%;

}

.type-post a {

    text-decoration: underline;

}

.type-post p {

    /* max-width: 80%; */
    /* margin: 20px auto; */
    margin: 20px auto 10px;

    font-size: 100%;
    line-height: 170%;

}

.entry-meta {

    display: none;

}

.post-navigation {

    display: none;

}

.cat-links {

    display: none;

}

.tag-links {

    display: none;

}



.wpcf7 p {

    width: 90%;
    margin: 10px 5%;

}

.wpcf7 input {

    height: 50px;
    width: 100%;
    background-color: #fafafa;
    border: 1px solid #666666;
    margin-top: 5px;

}

.wpcf7 textarea {

    min-height: 100px;
    width: 100%;
    border: 1px solid #666666;

}


.wpcf7 input[type=submit] {

    background-color: #292929;
    color: #fafafa;

}






/* // Three Box Model: // */

.OfferColumn {

    width: 30%;
    float: left;
    margin: 5px;
	flex: 1;

}

.OfferColumn p {

        padding: 0;

    }

.BoxNode {

/*     border: 1px solid #666666; */
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    min-height: 70px;
    margin-bottom: 5px;
	padding: 30px;

}

/* .OfferHeader {

    border: 1px solid #666666;
    height: 70px;

} */

.TitleCard {
	
	background-size: cover;
	background-position: center;
	color: white;
	min-height: 200px;
	
}

.TitleCard h3 {
	
	border-bottom: 1px solid white;
	
}

.BoxNode h3 {

    padding: 0;
    flex-wrap: wrap;

}

.OfferBody {

/*     border: 1px solid #666666; */
/*     padding: 40px 10px; */
	padding: 10px;
    margin: 10px 0;

}

.OfferBody li {

/*     margin-bottom: 15px; */
/*     text-align: left; */
    padding: 15px;
    line-height: 150%;

}

.BoxBorder {
	border: 1px solid #666666;
/* 	border-radius: 4px; */
}

.Lht .BoxBorder {
	border: 1px solid #ebebeb;
/* 	border-radius: 4px; */
}

.Lht .Btn:hover {

    background-color: rgba(250, 250, 250, 0.3);

}

.Btn:hover {

    background-color: rgba(0, 0, 0, 0.3);

}

.BtnOnly {
	
	max-width: 320px;
    margin: auto;
	
}

.Lht .BtnOnly:hover {

    background-color: rgba(250, 250, 250, 0.3);

}

.BtnOnly:hover {

    background-color: #00aeef;
	color: white;

}



/* // ARTICLES / BLOGS // */

#BlogArticles .title {

    display: flex;
    font-size: 31px;
    margin: 20px;

}

#BlogArticles .content h3 {

    margin: 20px;
    text-align: left;

}

#BlogArticles .content p {

    margin: 20px;

}

blockquote, q {
    /* quotes: none; */
    font-size: 18px;
    font-style: italic;
}


#comments {
	
	max-width: 80%;
    margin: 50px auto;
	
}





/* // FOOTER // */

#Footer li {

    list-style: none;

}


/*// -- MAILCHIMP -- //*/

#MailChimp {

}

#MailChimp h3 {

    line-height: 150%;

}

#mc_embed_signup {

    max-width: 100%;

}

#mc-embedded-subscribe {

    height: 50px;
    padding: 0 20px;

    background-color: #292929;
    color: #ebebeb;

    float: right;

    -webkit-appearance: none;

}

input[type=submit] {

    border: none;
    text-decoration: none;
    display: block;

    -webkit-appearance: none;

  }

#mce-EMAIL {

    height: 50px;
    padding: 0 10px;

    background-color: #ffffff;

    float: left;
    /* clear: none; */

}





#FooterSocials {

    margin: 25px;

}

#FooterSocials img {

    width: 20px;
    margin: 5px;

}


#footer-sidebar1 {

    /* padding-bottom: 20px; */

}

.widget-container {

    /* padding: 20px 0; */

}

.widget-title {

    font-size: 130%;
    padding: 10px 0;

}


#Contact p {

    padding: 5px 0;

}

#Contact h3 {

    padding: 5px 0;

}






@media screen and (max-width: 960px){

    #Nav {

        display: none;

        /* height: 100vh; */
    
    }

    #menu-header_nav {

        display: none;

        flex-direction: column;
        justify-content: space-evenly;


        width: null;
        height: 100%;

        padding: 20px;

        /* background-color: rgba(0, 0, 0, 0.5); */
        background-color: #fafafa;

        /* z-index: 5; */

        float: right;
        clear: both;

    }

    nav li {

        margin: 15px;
        padding: 20px;

    }

    .menu-item {

        /* border-bottom: #666666 1px dashed; */
        /* border-top: #666666 1px dashed; */
        border-left: none;
        border-right: none;

    }


    .menuSpacer {

        /* display: none; */

        width: 100px;

        border-bottom: #666666 1px dashed;
        border-top: #666666 1px dashed;
        border-left: none;
        border-right: none;
        height: 1px;

        margin: 0;
        padding: 0;
    
    }


    #BurgerIcon {

        display: block;

    }


}


@media screen and (max-width: 768px){


    .L {

        width: 100%;
        float: none;

    }

    .Joyful {

/*         display: flex; */

    }

    .R {

        width: 100%;
/*         width: 80%; */
        float: none;
/*         margin-left: unset; */
/*         margin: auto; */

    }
	
	.marginLeft50 {

        width: 80%;
        margin-left: unset;
        margin: auto;
        
    }
	
	
	.maxWidth960 {
	
        max-width: 100vw;
        
    }


    .CardGrid .listing-item {

        max-width: 90%;
        margin: 20px 5%;

    }


    .TwoColumnContent {
        column-count: 1;
        /* column-width: 100%; */
    }
	
	
	#BlogArticles .content h3 {

		margin: 20px 0;

	}

	#BlogArticles .content p {

		margin: unset;

	}
    

    .scalableVideo {

        width: 100%;
        height: auto;
    
    }

    iframe {

        width: 320px;

    }



    .OfferColumn {

        width: 100%;
        float: none;

    }


    

}

/* @media screen and (min-width: 640px){} */