/* Default CSS Size
/* Extra Small 320-576 / No Container Width with 15px margins */

/* My Flex Styles */
.flex{display:flex;}
.start{justify-content:flex-start;}
.end{justify-content:flex-end;}
.grow{flex-grow: 1;}
.shrink{flex-shrink: 1;}
.flexColumn{flex-direction:row;}
.flexRow{flex-direction:column;}
.space{justify-content: space-between;}

/* Text Related Styles */
#content{}

.content{padding:0px 0px;}
.centered{text-align:center;}
.right{text-align:right;}


.content li, #blogList li, .postContent li{
	padding:5px 10px 5px 10px;

	padding-bottom:12px;
}

blockquote {
	padding-left: 30px;
	padding-right: 0px;
	border-left: solid 6px <?php echo($brand1);?>;
}	

.textColor0{color:#000;}
.textColor1{color:<?php echo($brand1);?>;}
.textColor2{color:<?php echo($brand2);?>;}
.textColor3{color:<?php echo($brand3);?>;}	
.textColor4{color:<?php echo($brand4);?>;}

/* Positional Styles */
.offset{margin-top:-60px;position:relative;z-index:5000;}
.attach-bottom-right{position:absolute;bottom:20px;right:20px;}
.attach-bottom-left{position:absolute;bottom:20px;left:20px;}
.attach-top-right{position:absolute;top:20px;right:20px;}
.attach-top-left{position:absolute;top:20px;left:20px;}
.attach-right{position:absolute;right:20px;}
.attach-left{position:absolute;left:20px;}

/* Block Related Styles */

.box-shadow{box-shadow: 0 20px 30px -25px #000000;}

.transLayer1{position:relative;top:0;background-color: rgba(0, 0, 0, 0.1);}
.transLayer2{position:relative;top:0;background-color: rgba(0, 0, 0, 0.2);}
.transLayer3{position:relative;top:0;background-color: rgba(0, 0, 0, 0.3);}
.transLayer4{position:relative;top:0;background-color: rgba(0, 0, 0, 0.4);}
.transLayer5{position:relative;top:0;background-color: rgba(0, 0, 0, 0.6);}

.wrapperNormal{}

.wrapperBackground{color:#FFF;background-color:<?php echo($brand3);?>;}
.wrapperBackground h1, .wrapperBackground h2, .wrapperBackground h3{color:#FFF;}

.wb1{background-color:<?php echo($brand1);?>;}
.wb2{background-color:<?php echo($brand2);?>;}
.wb3{background-color:<?php echo($brand3);?>;}	
.wb4{background-color:<?php echo($brand4);?>;}
.wb5{background-color:#f2f2f2;}
.wb6{background-color:<?php echo($brand6);?>;}	
.wb7{background-color:<?php echo($brand7);?>;}

.imageBG1{
	background-image: url("../assets/basicimage.jpg");
	background-position: center center;
	background-size: cover;
	position: relative;
}
.bgOverlay{
	background-color: rgba(0,0,0,0.6);
}
.largeImageText{
	text-align: center;
	padding:100px 0px;
	font-size:32px;
}

.wrapperBackgroundImageMoving{color:#FFF;background-attachment: fixed;}
.wrapperBackgroundImageMoving h1, .wrapperBackgroundImageMoving h2, .wrapperBackgroundImageMoving h3{color:#FFF;}

/* Wrapper Outer Margins */
.wrapperOuterMargin0{margin:0px 0px;}
.wrapperOuterMargin1{margin:20px 0px;}
.wrapperOuterMargin2{margin:40px 0px;}
.wrapperOuterMargin3{margin:60px 0px;}
.wrapperOuterMargin4{margin:80px 0px;}
.wrapperOuterMargin5{margin:100px 0px;}

/* Wrapper Inner Content Padding */
.wrapperInnerPadding0{padding:0px 0px;}
.wrapperInnerPadding1{padding:20px 0px;}
.wrapperInnerPadding2{padding:40px 0px;}
.wrapperInnerPadding3{padding:60px 0px;}
.wrapperInnerPadding4{padding:80px 0px;}
.wrapperInnerPadding5{padding:100px 0px;}

/* Wrapper Outer Content Border */
.wrapperOuterBorder1{border-style:solid none;border-width:1px;border-color:<?php echo($brand1);?>;}
.wrapperOuterBorder2{border-style:solid none;border-width:2px;border-color:<?php echo($brand1);?>;}
.wrapperOuterBorder3{border-style:solid none;border-width:4px;border-color:<?php echo($brand1);?>;}
.wrapperOuterBorder4{border-style:solid none;border-width:6px;border-color:<?php echo($brand1);?>;}
.wrapperOuterBorder5{border-style:solid none;border-width:8px;border-color:<?php echo($brand1);?>;}

/* Wrapper Inner Content Border */
.wrapperInnerBorder1{border-style:solid none;border-width:1px;border-color:<?php echo($brand1);?>;}
.wrapperInnerBorder2{border-style:solid none;border-width:2px;border-color:<?php echo($brand1);?>;}
.wrapperInnerBorder3{border-style:solid none;border-width:4px;border-color:<?php echo($brand1);?>;}
.wrapperInnerBorder4{border-style:solid none;border-width:6px;border-color:<?php echo($brand1);?>;}
.wrapperInnerBorder5{border-style:solid none;border-width:8px;border-color:<?php echo($brand1);?>;}

.dotted{border-style:dotted none;}


	

/* Pullout Testimonial Styles */
.wrapperTestimonial{
	background-color:#FFF;
	height:auto;
}
.wrapperTestimonial h2{

}
.wrapperTestimonial #testimonialPullout{
	margin:30px;
}
.wrapperTestimonial .testimonialTitle{
	margin:20px;
	font-weight: bold;
	font-size:24px;
}
.wrapperTestimonial #testimonialPullout .testimonial{
	padding:20px;
	margin:0px 20px;
	font-size:24px;
	font-weight: 300;
	text-align:center;
	color:#000;
}

.wrapperTestimonial .card-text{color:#000;}
.wrapperTestimonial .card-title{font-weight:bold;font-size:18px;}

.testimonialList .content{font-size:22px;}
.testimonialList .name{font-weight:700;font-size:18px;color:<?php echo($brand1);?>;}
.testimonialList .testimonial{margin-bottom:25px;}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border:solid 1px #FFF;
    margin-top:12px;
    background-color:<?php echo($brand2);?>
}

.btn:hover{color:#FFF;background-color:<?php echo($brand2_light);?>;border-color:#FFF;}
.btn-brand1{
	background-color:<?php echo($brand1);?>;
	color:#FFF;
	border:1px solid #FFF;
}
.btn-brand1:hover{
	background-color:<?php echo($brand1_light);?>;
}

.btn-padded{
	padding:8px 40px;
}
.btn-min-padding{
	padding:8px 15px;
}


.wrapperBackground .btn{
	color:#FFF;background-color:<?php echo($brand1);?>
} 

.btn-lg {
    font-size: 1.25rem;
    line-height: 1.5;
}

.btn-applyNow{
	text-transform: uppercase;
	background-color:<?php echo($brand2);?>;
	padding:10px 25px;
	letter-spacing: 0.2em;
	font-size:22px;
}
.btn-applyNow i{
	margin-left:10px;
}

.btn-applyNowWhite{
	text-transform: uppercase;
	background-color:#FFF;
	color:<?php echo($brand2);?>;
	padding:10px 25px;
	letter-spacing: 0.2em;
	font-size:22px;
}
.btn-applyNowWhite i{
	margin-left:10px;
}

.content{font-size:15px;}
.emphasis{font-size:20px;line-height:24px;font-weight:200;}
.emphasisMax{font-size:22px;line-height:20px;font-weight:300;}

.cardsTitle{
	padding:20px;
	margin-bottom: 20px;
}
.cardsTitle h2{
	color:<?php echo($brand3);?>;
	font-size:32px;
	margin: 0;
	line-height:55px;
}
.cardsTitle .btn{margin: 0;}
.greenCard{
	background-color:<?php echo($brand2);?>;
	padding:40px 20px;
	box-shadow: 0px 0px 60px -20px #000 inset;
	color:#FFF;
}
.featureCard{
	background-color:#000;
	color:#FFF;
	border-radius: 15px;
	overflow: hidden;
	border:1px solid #FFF;
}
.featureCard .card-title h4{
	text-transform: uppercase;
	height:30px;
	line-height:30px;
	font-weight:600;
	overflow: hidden;
	font-size:20px;

}
.featureCard .card-body{
	padding:20px;
}
.featureCard ul{
	margin: 0;
	padding: 0;
	margin-left:15px;
}
.featureCard .card-text{
	font-size:16px;
	height:200px;
	line-height:25px;
	overflow: hidden;
}

.homeCard{
	font-family: <?php echo($secondary_font);?>;
	text-align:right;
	font-size:28px;
	font-weight:600;
}
.homeCard .cardIcon{
	margin-top:40px;
	text-align: right;
}
.homeMainContent{
	font-weight:600;
	font-size:18px;
}


.contactInfo{
	line-height: 1.8em;
}

.callButton a{
	text-transform: uppercase;
	background-color:<?php echo($brand2);?>;
	padding:10px 25px;
	letter-spacing: 0.2em;
	font-size:22px;
}
.callButton  i{
}

/* Site Specific Styles */



/* Small 576-767 / 540px Container Width with 15px margins */
@media (min-width:576px) {
	
	.content{font-size:14px;}
	
}



/* Medium 768-991 / 720px Container Width with 15px margins */
@media (min-width:768px) {
	
	.content{padding:0px 0px;font-size:18px;}		
	
}



/* Large 992-1200 / 960px Container Width with 15px margins */
@media (min-width:992px) {
	
	.content{font-size:16px;}	

}



/* Extra Large 1201+ / 1140px Container Width with 30px margins */
@media (min-width:1200px) {
	
	.content{font-size:18px;}
	
}


/* XXL 1400+ / 1320px Container Width with 30px margins */
@media (min-width:1400px) {
	
	.content{font-size:20px;}

}