/*Link Button Lists*/
#content .button_list{
display: flex;
align-items: stretch;
flex-wrap: wrap;
gap: 10px;
margin: 25px auto 50px;
padding: 0px;
}
#content .button_list li{
display: flex;
/*flex: 0 1 18%;
max-width: 200px;*/
width: 100%;
max-width: 200px;
align-items: stretch;
list-style-type: none;
margin: 0px;
line-height: 1;
}
#content .button_list li a.button_link{
width: 100%;
text-align: center;
border-radius: 8px;
}
.button_list li a.button_link .svg-inline--fa, .button_list li a.button_link i{
display: block;
margin: 0px auto 10px;
line-height: 1;
}
.button_list li a.button_link:hover i, .button_list li a.button_link:focus i{
text-decoration: none;
}
#content .button_list.bold li{
font-weight: bold;
}

#content .button_list.left li a.button_link{
display: flex;
padding: 15px;
}
.button_list.left li a.button_link .svg-inline--fa, .button_list.left li a.button_link i{
margin: 0px 10px 0px 0px;
}

@media (max-width: 1100px) {

}
@media (max-width: 900px) {
    #content .button_list {
    gap: 15px;
    }
    #content .button_list li{
    
    }
    #content .button_list li a.button_link{
    padding: 10px 15px;
    }

}
@media (max-width: 600px) {

}

/*Image Boxes*/
/***********************/
/***********************/
.img_box_wrapper_flex{
display:flex;
flex-wrap:wrap;
gap:20px;
margin-bottom: 20px;
}
.img_box_wrapper_flex .img_box_flex{
margin: 0px;
display: flex;
flex: 1 1 23%;
max-width: 380px;
border: 1px solid #ccc;
padding: 10px;
box-sizing: border-box;
align-items: flex-start;
background-color: #F6F8F8;
border-radius: 8px;
}
.img_box_wrapper_flex .img_box_flex h2, .img_box_wrapper_flex .img_box_flex h3, .img_box_wrapper_flex .img_box_flex h4, .img_box_wrapper_flex .img_box_flex h5{
font-size: 18px;
margin-top: 0px;
margin-bottom: 5px;
}
.img_box_wrapper_flex .img_box_flex a, .img_box_wrapper_flex a:visited{
color:#0000ef;
}
.img_box_wrapper_flex .img_box_flex a img{
max-height: 100px;
max-width: 100px;
}
.img_box_wrapper_flex .img_box_flex.img_box1{
flex: 1 1 100%;
max-width: 100%;
}
.img_box_wrapper_flex .img_box_flex.img_box2{
flex: 1 1 46%;
max-width: 50%;
}
.img_box_wrapper_flex .img_box_flex.img_box3{
flex: 0 1 32%;
max-width: 33%;
}

.img_box_wrapper_flex .img_box_flex .img_container{
flex: 0 1 110px;
padding: 5px 0px 0px 0px;
}

.img_box_wrapper_flex .img_box_flex .content_container{
padding: 0px 0px 0px 12px;
}
.img_box_wrapper_flex .img_box_flex .content_container p{
margin: 0px;
}

/*img on top*/
.img_box_wrapper_flex .img_box_flex.img_top{
display: inline-block;
padding: 5px 15px;
}
.img_box_wrapper_flex .img_box_flex.img_top .img_container{
display: block;
margin-bottom: 15px;
}
.img_box_wrapper_flex .img_box_flex.img_top .img_container a{
display: block;
}
.img_box_wrapper_flex .img_box_flex.img_top .img_container a img {
max-height: 100%;
max-width: 100%;
}
.img_box_wrapper_flex .img_box_flex.img_top .content_container{
padding: 0px;
}
.img_box_wrapper_flex .img_box_flex.img_top .content_container p{
margin: 0px;
}

@media (max-width: 1600px) {
    .img_box_wrapper_flex .img_box_flex{
    /*flex: 0 1 23%;
    max-width: 23%;*/
    }

}
@media (max-width: 1100px) {
    .img_box_wrapper_flex .img_box_flex.img_box3, .img_box_wrapper_flex .img_box_flex{
    flex: 0 1 30%;
    max-width: 100%;
    }
}
@media (max-width: 900px) {
    .img_box_wrapper_flex .img_box_flex.img_box3, .img_box_wrapper_flex .img_box_flex{
    flex: 1 1 45%;
    max-width: 50%;
    }
}
@media (max-width: 600px) {
    .img_box_wrapper_flex .img_box_flex.img_box3, .img_box_wrapper_flex .img_box_flex.img_box2, .img_box_wrapper_flex .img_box_flex{
    flex: 1 1 100%;
    max-width: 100%;
    }
}

/*Alligned Divs*/
/***********************/
/***********************/
.alligned_div_wrapper_flex{
display:flex;
flex-wrap:wrap;
gap:20px;
margin-bottom:20px;

}

#content .alligned_div_wrapper_flex .alligned_div, #content .alligned_div_wrapper_flex .alligned_div_color{
flex: 0 1 300px;
margin: 0px;
width: auto;
max-width: none;
float: none;
}

#content .alligned_div_wrapper_flex .alligned_div_color{
border-radius: 8px;
}
#content .alligned_div_wrapper_flex .alligned_div_color p, #content .alligned_div_wrapper_flex .alligned_div_color .no_style{
padding: 0px 5px 0px 10px;
}

#content .alligned_div_wrapper_flex .alligned_div_color h2, #content .alligned_div_wrapper_flex .alligned_div_color h3, #content .alligned_div_wrapper_flex .alligned_div_color h4 {
border-radius: 8px 8px 0px 0px;
padding:.3em .2em .3em .5em;
font-size: 1.2em;
}

#content .alligned_div_wrapper_flex.cols .alligned_div, #content .alligned_div_wrapper_flex.cols .alligned_div_color{
/*max-width: 350px;*/
}
#content .alligned_div_wrapper_flex.col_2 .alligned_div, #content .alligned_div_wrapper_flex.col_2 .alligned_div_color{
flex: 0 1 48%;
/*max-width: 49%;*/
}
#content .alligned_div_wrapper_flex.col_3 .alligned_div, #content .alligned_div_wrapper_flex.col_3 .alligned_div_color{
flex: 0 1 31%;
/*max-width: 31%;*/
}
#content .alligned_div_wrapper_flex.fluid .alligned_div, #content .alligned_div_wrapper_flex.fluid .alligned_div_color, #content .alligned_div_wrapper_flex.col_2.fluid .alligned_div, #content .alligned_div_wrapper_flex.col_2.fluid .alligned_div_color, #content .alligned_div_wrapper_flex.col_3.fluid .alligned_div, #content .alligned_div_wrapper_flex.col_3.fluid .alligned_div_color{
flex-grow: 1;
}

@media (max-width: 1500px) {
    #content div:not(.cols, .col_2, .col_3, .fluid).alligned_div_wrapper_flex .alligned_div, #content div:not(.cols, .col_2, .col_3, .fluid).alligned_div_wrapper_flex .alligned_div_color{
    /*max-width: 300px;*/
    }
}
@media (max-width: 1200px) {
    #content div:not(.cols, .col_2, .col_3, .fluid).alligned_div_wrapper_flex .alligned_div, #content div:not(.cols, .col_2, .col_3, .fluid).alligned_div_wrapper_flex .alligned_div_color{
    flex: 0 1 31%;
    /*max-width: 31%;*/
    }
    #content .alligned_div_wrapper_flex .alligned_div, #content .alligned_div_wrapper_flex .alligned_div_color{
    /*flex: 0 1 32%;
    max-width: 31%;*/
    }
}
@media (max-width: 1000px) {
    #main #content .alligned_div_wrapper_flex .alligned_div, #main #content .alligned_div_wrapper_flex .alligned_div_color{
	margin: 0px;
	width: auto;
	max-width: none;
	float: none;	
    }
	#main #content .alligned_div_wrapper_flex .alligned_div:nth-child(even), #main #content .alligned_div_wrapper_flex .alligned_div_color:nth-child(even){
	margin-right: 0px;	
    }
	#content div:not(.cols, .col_2, .col_3, .fluid).alligned_div_wrapper_flex .alligned_div, #content div:not(.cols, .col_2, .col_3, .fluid).alligned_div_wrapper_flex .alligned_div_color{
	flex: 0 1 47%;
	}
}
@media (max-width: 600px) {
    #main #content .alligned_div_wrapper_flex .alligned_div, #main #content .alligned_div_wrapper_flex .alligned_div_color{
    flex: 1 1 100%;
    max-width: 100%;
    }
}