/****************************************************** */
/*
0. FONTS
1. CARDS
2. ACCORDIONS
3. NAVIGATION
4. HERO
****************************************************** */
body{
overflow-x: hidden;
}
h1.xs-heading{
color: #0a1e59;
font-size: 9vw;
}
h2.recoleta {
	font-family: Recoleta Bold;
	font-size: 2.5rem;
}
.leadintro{
font-size: 1.5rem;
}
.lead a, .leadintro a, p a, .publication-title a, li a{
color:#304fff;
}
.publication-title{
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
/*1 CARDS */
.card {
border-radius: 10px;
background-color:rgb(244, 243, 242);
box-shadow: 0px 0px 16px rgba(10, 30, 89, 0.30);
border:none;
}
.card-body{
background-color:rgb(244, 243, 242);
}
.nobg{
background-color: #fff;
} 
p.card-text{
line-height: 1;
}
.card-img-top{
border-radius: 10px 10px 0px 0px;
border-bottom: 5px solid #304fff;
}
.card-footer{
border: none;
background-color:rgb(244, 243, 242);
}
.card a:hover{
text-decoration: none!important;
}
.card-white{
background-color: #fff;
}
.downloadBox{
box-shadow: 1px -1px 22px 0px rgba(31,239,236,0.5);
border-radius: 10px;
}
.downloadBox .col-2{
border-radius: 10px 0px 0px 10px;
background-color:rgb(244, 243, 242);
}
.downloadBox .publication-title{
color:#0a1e59;
}
.downloadBox a:hover{
text-decoration: none;
}
.downloadBox:hover{
background-color: rgba(244, 243, 242,0.3);
}
/* Publications Box */
.pubsBox{
box-shadow: 1px -1px 22px 0px rgba(31,239,236,0.5);
border-radius: 10px;
background-color: rgba(244, 243, 242,0.3);
}
.pubsBox p{
line-height: 1.3;
}
.pubsBox p a{
color: #304fff;
}
.pubsBox img{
border: 2px solid rgb(244, 243, 242);
border-radius: 8px;
}
/* *********************************************/
/* 2 Accordions */
.cccu-accordion .card{
border: none;
box-shadow: none;
}
.cccu-accordion .card-body{
background-color: #fff;
}
.cccu-accordion .card-header  {
background-color: rgb(244, 243, 242);
border: none;
border-right: 50px solid #304fff;
border-radius: 0px 13px 13px 0px;
}
/*.cccu-accordion .btn{
width: 100%;
}*/
.cccu-accordion .btn-link:hover,.cccu-accordion .btn-link:focus{
text-decoration: none;
}
.cccu-accordion .card-header:hover{
background-color: rgba(244, 243, 242,0.7);
}
.cccu-accordion .card-header p{
line-height: 1.2;
color: #304fff;
white-space: pre-line;
margin: 0;
padding-left: 20px;
text-align: left;
}
.card-header.collapsed::before{
content: '\276F';
color: #fff;
float:right;
margin-right:-45px;
transform: rotate(-270deg);
}
.card-header:not(.collapsed)::before{
content: '\276F';
color: #fff;
float:right;
margin-right:-45px;
transform: rotate(-90deg);
}
/* *********************************************/
/* *********************************************/
/* 3 Navigation */
@media (min-width: 768px){
    .nav-link{
    line-height: 1;
    }
}
/* 4 Alert Callout */
.alert-info{
background:#fff;
border-radius: 10px;
box-shadow: 0px 0px 16px rgba(10, 30, 89, 0.30);
border-bottom:6px solid #304fff;
}
.cccu-shaded{
background-color: rgba(244, 243, 242,0.7);
}
/* HERO */
.xs-hero-image{
border-bottom:6px solid #304FFF;
}
.footer-text p{
color:#f1efec;
margin-bottom: 0px;
line-height: 1.2;
}
.footer-text p a, .footer-text p a:link, .footer-text p a:hover, .footer-text p a:visited{
color:#f1efec;
}
.cccu-shadow{
box-shadow: 0px 0px 16px rgba(10, 30, 89, 0.30);
}
.modal-backdrop{
    opacity:0.9 !important;
}
/* VIDEO THUMBNAIL OVERLAY */
.video-thumb{
position:relative;
display:inline-block;
}
.video-thumb:after{
content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMTEuNjkgMzExLjY5Ij4KPHBhdGggZD0iTTE1NS44NCwwQTE1NS44NSwxNTUuODUsMCwxLDAsMzExLjY5LDE1NS44NEExNTUuODQsMTU1Ljg0LDAsMCwwLDE1NS44NCwwWk0xNTUuODQsMjk2LjQyQTE0MC41OCwxNDAuNTgsMCwxLDEsMjk2LjQyLDE1NS44NEExNDAuNTgsMTQwLjU4LDAsMCwxLDE1NS44NCwyOTYuNDJaIiBmaWxsPSJ3aGl0ZSIvPjxwb2x5Z29uIHBvaW50cz0iMjE4Ljc5IDE1NS44NCAxMTkuMjIgOTQuMzQgMTE5LjIyIDIxNy4zNCAyMTguNzkgMTU1Ljg0IiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==');
  z-index:999;
  position:absolute;
top:50%;
left:50%;
width: 20%;
height: auto;
transform: translate(-50%, -50%);
opacity:0.8;
}
.video-thumb:hover:after{
opacity:1;
}