/*------------------------------------*\
    
    Hide/Show Text Area - Global styling for all hide/show text

    This method is CSS heavy and light on JS, which is important for good SEO and CWV results
    Find the code snippet here: https://webfxcodelibrary.webpagefxstage.com/#intermediate_cssshowhidetext

\*------------------------------------*/



.read-more__content {
    text-overflow: ellipsis;
    position: relative;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.read-more__content.is-expanded {
    display: block;
}


.read-more__wrapper {
	display: inline;
}

.read-more__wrapper p {
    position: relative;
}

.read-more__content.is-expanded {
	-webkit-line-clamp: initial;
}

.expand {
	text-transform: uppercase;
	margin-top: 15px;
}


.read-more__wrapper {
	position: relative;
}