/* =========================================================
Image + Text Layout
========================================================= */

.loco-image-and-text {
@media screen and (min-width:992px) {
padding: 3rem 0;
}
@media screen and (max-width:991px) {
padding: 1.5rem 0;
}

&.remove_top_padding {
padding-top: 0;
}
&.remove_bottom_padding {
padding-bottom: 0;
}


}

.loco-image-and-text .flexholder {
display: flex;
justify-content: space-between;
/*   align-items: center; */
align-items: flex-start;
}

.loco-image-and-text .flexholder.top_align {
align-items: flex-start;
}

/* Desktop layout */
@media screen and (min-width: 992px) {
.loco-image-and-text .flexholder .imageholder {
width: 45%;
}

.loco-image-and-text .flexholder .text_area {
width: 45%;
}
}



/* Paragraphs */
.loco-image-and-text .flexholder .text_area .content-text p{
@media screen and (min-width:992px) {
font-size: 1rem;
line-height: 1.35em;
font-weight: 300;                
}
@media screen and (max-width:991px) {
font-size: .9rem;
line-height: 1.35em;
font-weight: 300;
}
}



@media screen and (min-width: 992px) and (max-width: 1365px){
.loco-image-and-text .flexholder .imageholder img {
width: 100%;
object-fit: cover;
min-height: 25rem;
max-height: 30rem;
object-position: top;
}

}


@media screen and (min-width: 1366px){
.loco-image-and-text .flexholder .imageholder img {
width: 100%;
object-fit: cover;
min-height: 30rem;
object-position: top;
max-height: 35rem;
}

}




/* Mobile layout */
@media screen and (max-width: 991px) {
.loco-image-and-text .flexholder .imageholder {
width: calc(100% - 3rem);
padding: 1.5rem;
padding-top: 0;
}

.loco-image-and-text .flexholder .text_area {
width: calc(100% - 3rem);
padding: 1.5rem;
}

/* Image styling */
.loco-image-and-text .flexholder .imageholder img {
width: 100%;
object-fit: cover;
min-height: 20rem;
max-height: 30rem;
object-position: top;
}

}



h2.smaller_title_font_size{
@media screen and (min-width:992px) {
font-size: calc(1.45rem + 0.1vw);
}
}
@media screen and (max-width:991px) {
font-size: calc(1.5rem + 0.1vw);
}
}
}


/* =========================================================
Accordion Styles
========================================================= */


.accordions{
@media screen and (max-width:991px) {
padding: 1rem;
}
}



/* Accordion title */
.accordion_item {
margin-bottom: 1.85rem;
}

.accordion_item .accordion_title {
font-weight: 600;
font-size: calc(1.2rem + 0.1vw);
display: flex;
justify-content: space-between;
}

.accordion_item .accordion_title:hover {
cursor: pointer;
}



/* Accordion text */
.accordion_item .accordion_text {
margin-top: 1rem;
font-weight: 400;
font-size: calc(.7rem + 0.1vw);
}

/* Accordion open/close animation */
.accordion_text {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
}

.accordion_item.active .accordion_text {
max-height: 500px;
}


/* =========================================================
Plus / Minus Icon
========================================================= */

.accordion_item .plusminus:after {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-size: cover;
background-repeat: no-repeat;
vertical-align: middle;
background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%201000%201000'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M%20512%20150C%20512%20150%20512%20487%20512%20487C%20512%20487%20850%20487%20850%20487C%20850%20487%20850%20512%20850%20512C%20850%20512%20512%20512%20512%20512C%20512%20512%20512%20850%20512%20850C%20512%20850%20487%20850%20487%20850C%20487%20850%20487%20512%20487%20512C%20487%20512%20150%20512%20150%20512C%20150%20512%20150%20487%20150%20487C%20150%20487%20487%20487%20487%20487C%20487%20487%20487%20150%20487%20150C%20487%20150%20512%20150%20512%20150'/%3E%3C/svg%3E");
}

/* Active state = minus icon */
.accordion_item.active .plusminus:after {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-size: cover;
background-repeat: no-repeat;
vertical-align: middle;
background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%201000%201000'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M%20850%20487C%20850%20487%20850%20512%20850%20512C%20850%20512%20150%20512%20150%20512C%20150%20512%20150%20487%20150%20487'/%3E%3C/svg%3E");
}