@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital@1&display=swap");
.endorsement-container{
max-height: 248px;
overflow: hidden;
}
html.js .endorsement-container{
max-height: none;
}
.endorsement-nav div:nth-child(n+8){
display: none;
}
html.js .endorsement-nav div:nth-child(n+8){
display: block;
}
.endorsement-container{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
}
.endorsement-nav{
display: inline-block;
padding-bottom: 20px;
text-align: right;
width: 33.3%;
line-height: 1em;
}
.endorsement-nav .endorsement-nav-item{
color: #1b7d9e;
cursor: pointer;
font-weight: 700;
padding: 5px 0;
line-height: 1em;
}
.endorsement-nav .endorsement-nav-item:hover{
opacity: .75;
}
.endorsement-nav .slick-current{
font-weight: 900;
color: #000;
}
.endorsement-nav .slick-dots{
text-align: right;
list-style: none;
padding: 0;
line-height: 1em;
}
.endorsement-nav .slick-dots li{
margin: 0 0 0 4px;
padding: 0;
}
.endorsement-nav .slick-dots li:hover button:before{
opacity: .5;
}
.endorsement-nav .slick-dots li button:before{
background: transparent;
background: rgba(8,55,84,0);
border-radius: 50%;
box-shadow: 0 0 0 2px rgba(8,55,84,1) inset;
color: transparent;
color: rgba(8,55,84,0);
content: '';
display: block;
height: 13px;
width: 13px;
position: absolute;
top: 50%;
left: 50%;
opacity: 1;
transform: translate(-50%, -50%);
}
.endorsement-nav .slick-dots .slick-active button:before{
background: #083754;
background: rgba(8,55,84,1);
color: #083754;
color: rgba(8,55,84,1);
opacity: 1;
}
.endorsement-nav .slick-arrow{
margin-top: 20px;
z-index: 1;
}
.endorsement-nav .slick-prev{
left: 0;
}
.endorsement-nav .slick-next{
right: 0;
}
.endorsement-arrows{
color: #073654;
display: none;
margin: 50px 0 0 0;
position: relative;
align-items: center;
justify-content: center;
order: 3;
text-align: center;
width: 100%;
}
.endorsement-arrows .endorsement-position{
font-size: 1.8em;
font-weight: 700;
margin: 0 40px;
}
.endorsement-arrows button{
display: block;
position: relative;
background: transparent;
border: none;
color: transparent;
cursor: pointer;
outline: none;
font-size: 0;
line-height: 0;
padding: 0;
height: 20px;
width: 20px; 
}
.endorsement-arrows button:before{
content: '';
display: block;
height: 0;
width: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
line-height: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.endorsement-arrows .prev:before{
border-right: 20px solid #073654;
}
.endorsement-arrows .next:before{
border-left: 20px solid #073654;
}
.endorsements{
width: 66.6%;
}
.endorsement{
color: #474848;
padding: 0 40px;
}
.endorsement blockquote{
font-family: 'Merriweather', serif;
font-style: oblique;
font-size: 20px;
font-weight: 500;
line-height: 1.5em;
margin:  0 0 20px 0;
padding: 0;
border: 0;
quotes: none;
vertical-align: baseline;
}
.endorsement .endorsement-attribution{
text-align: right;
}
.endorsement .endorsement-attribution .endorsement-author{
font-weight: 900;
line-height: 1.5em;
text-align: right;
}
.endorsement .endorsement-attribution .endorsement-author:before{
content: "\2014";
margin-right: 2px;
}
.endorsement .endorsement-attribution .endorsement-author:after{
content: ",";
}
.endorsement .endorsement-attribution cite{
display: inline-block;
font-style: normal;
line-height: 1.5em;
max-width: 250px;
text-decoration: none;
}
.endorsement .endorsement-attribution cite a{
color: #474848;
font-weight: 500;
text-decoration: none;
}
@media only screen and (max-width: 767px){
.endorsement-container{
flex-flow: column;
}
.endorsements{
order: 1;
width: 100%;
}
.endorsement-nav{
order: 2;
width: 100%;
text-align: center;
display: none;
}
.endorsement-arrows{
color: #073654;
display: flex;
justify-content: center;
align-items: center;
order: 3;
text-align: center;
width: 100%;
}
.endorsement-nav .disabled{
display: none;
}
}