html {
	position: relative;
	min-height: 100%;
	margin: 0;
}

body{
	margin: 0;
	color:<?php echo($defaultText);?>;
	font-family: <?php echo($main_font);?>;
	font-size: <?php echo($fontSize);?>;
	height: 100%;
	background-color:#FFF;
}

#panel{
	background-color:#FFF;
	min-height:100vh;
	height:100%;
	padding-bottom:<?php echo($smFooter); ?>;
}

/*used to overwrite a body bg that can cause problems within CKeditor*/
#bodyOverWrite{min-width:auto; padding:0;}
/*general Styles*/
img{border:0;}
form{display:inline;}
#name{width:0; height:0; border:0 solid #FFF; background-color:transparent; display:none;}
table{padding:0;margin:0;border-spacing:0;border-collapse: collapse;}
td{vertical-align:top;}
th{vertical-align:top; text-align:left;}
textarea{font-family: <?php echo($main_font);?>; font-size: 12px;}
hr{background-color:<?php echo($brand1)?>; height:2px; border:none;}
p{}
.sr-only{display:none;}

.img-responsive{
	max-width: 100%;
	height: auto;
}

.cke_combopanel{
	width:260px !important;
}

/*default headers*/
h1{color:<?php echo($brand4)?>;margin:0 0 30px 0;font-size:38px; text-transform: uppercase; font-weight:bold;}
h2{color:<?php echo($brand4)?>; font-weight:bold; margin:0 0 15px 0;font-size:32px; text-transform: uppercase;}
h3{color:#000;margin:0 0 15px 0;font-size:24px; font-weight:600;}
h4{}
h5{}
h6{}
hr{}
/*default link style*/
a{color:<?php echo($brand1);?>;touch-action: manipulation;}
a:hover{color:<?php echo($brand1_dark);?>;}
a:visited{}
a:active{color:<?php echo($brand2);?>;}
.underlined{text-decoration:underline;}
.italic{font-style:italic;}
.bold{font-weight:700;}
/*#panel .animateIn,
.mainContent img{
	opacity:0;
}*/
.content img{
	max-width:100%;
	height:auto !important;:
}
.text-white h1,
.text-white h2,
.text-white h3{
	color:#FFF;
}
.btn-primary{
	background-color: <?php echo($brand1);?>;
	border-color: <?php echo($brand1);?>;
}
.btn-primary:hover{
	background-color: <?php echo($brand1_light);?>;
	border-color: <?php echo($brand1_light);?>;
}

.form-group {
    margin-bottom: 1rem;
}

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

label {
    margin-bottom: 0.5rem;
}

.page-item.active .page-link{
    background-color: <?php echo($brand1)?>;
    border-color: <?php echo($brand1)?>;
}
.page-link,
.page-link:hover{
    color: <?php echo($brand1)?>;
}


/* Small 576-767 / 540px Container Width with 15px margins LARGE MOBILE */
@media (min-width:576px) {
	#panel{
		padding-bottom::<?php echo($smFooter); ?>;
	}
}


/* Medium 768-991 / 720px Container Width with 15px margins TABLET */ 
@media (min-width:768px) {
	#panel{
		padding-bottom:<?php echo($mdFooter); ?>;
	}
	
	body{
		margin: 0;
		color:<?php echo($defaultText);?>;
		font-family: <?php echo($main_font);?>;
		height: 100%;
		background-color:#FFF;
	}
	
}


/* Large 992-1200 / 960px Container Width with 15px margins LAPTOP */
@media (min-width:992px) {
	#panel{
		padding-bottom:<?php echo($lgFooter); ?>;
	}
	
	body{
		margin: 0;
		color:<?php echo($defaultText);?>;
		font-family: <?php echo($main_font);?>;
		height: 100%;
		background-color:#FFF;
	}
	
}


/* Extra Large 1201+ / 1140px Container Width with 30px margins DESKTOP */
@media (min-width:1200px) {
	body{
		margin: 0;
		color:<?php echo($defaultText);?>;
		font-family: <?php echo($main_font);?>;
		height: 100%;
		background-color:#FFF;
	}	
}


/* XXL 1400+ / 1320px Container Width with 30px margins */
@media (min-width:1400px) {
	


}