/*
 Theme Name:   Divi Child Theme Bridge
 Theme URI:    https://bridge.edu
 Description:  Child Theme for Divi by Bridge
 Author:       Bridge Web Team
 Author URI:   https://bridge.edu
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/* footer */
footer .link-white a {
    color: #fff;
    text-decoration: underline;
}
/*-----------------------------------------
 * FOOTER
 * ---------------------------------------*/
.row-footer{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}

.col-desk-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
	padding:0 20px;
}

.col-desk-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
	padding:0 20px;
	border-left:1px solid #a4a5b3;
}

.row-footer li,
.row-footer a,
.row-footer h3,
.row-footer h4 {
	color:white!important;
}

.row-footer h3,
.row-footer h4 {
	color:white!important;
	font-weight:700;
}
.accordion-collapse {
 
}

.accordion-flex{
	display:flex;
	flex-wrap:wrap;
	width: 100%;
}
.accordion-flex .accordion-item{
	    width: 33.33333333%;

}
.accordion-footer  .accordion-item ul,
.nav-footer-item ul {
	list-style: none;
  padding-left: 3px;
}

.open h4 {
  opacity: 0.3;
}

 
.nav-footer-item {
  padding: 25px !important;
}

@media (max-width : 768px) {
    
.nav-footer .nav h4 { 
  cursor: pointer; 
  }
.nav-footer ul { 
  max-height: 0; 
  overflow:hidden; 
  transition: max-height 1s ease-out; }

  .nav-footer .nav h4:after { 
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath d='M14.613,10c0,0.23-0.188,0.419-0.419,0.419H10.42v3.774c0,0.23-0.189,0.42-0.42,0.42s-0.419-0.189-0.419-0.42v-3.774H5.806c-0.23,0-0.419-0.189-0.419-0.419s0.189-0.419,0.419-0.419h3.775V5.806c0-0.23,0.189-0.419,0.419-0.419s0.42,0.189,0.42,0.419v3.775h3.774C14.425,9.581,14.613,9.77,14.613,10 M17.969,10c0,4.401-3.567,7.969-7.969,7.969c-4.402,0-7.969-3.567-7.969-7.969c0-4.402,3.567-7.969,7.969-7.969C14.401,2.031,17.969,5.598,17.969,10 M17.13,10c0-3.932-3.198-7.13-7.13-7.13S2.87,6.068,2.87,10c0,3.933,3.198,7.13,7.13,7.13S17.13,13.933,17.13,10'%3E%3C/path%3E%3C/svg%3E");
    width: 25px;
    float: right; 
  }
.nav-footer .nav.open h4:after { 
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath d='M10.185,1.417c-4.741,0-8.583,3.842-8.583,8.583c0,4.74,3.842,8.582,8.583,8.582S18.768,14.74,18.768,10C18.768,5.259,14.926,1.417,10.185,1.417 M10.185,17.68c-4.235,0-7.679-3.445-7.679-7.68c0-4.235,3.444-7.679,7.679-7.679S17.864,5.765,17.864,10C17.864,14.234,14.42,17.68,10.185,17.68 M10.824,10l2.842-2.844c0.178-0.176,0.178-0.46,0-0.637c-0.177-0.178-0.461-0.178-0.637,0l-2.844,2.841L7.341,6.52c-0.176-0.178-0.46-0.178-0.637,0c-0.178,0.176-0.178,0.461,0,0.637L9.546,10l-2.841,2.844c-0.178,0.176-0.178,0.461,0,0.637c0.178,0.178,0.459,0.178,0.637,0l2.844-2.841l2.844,2.841c0.178,0.178,0.459,0.178,0.637,0c0.178-0.176,0.178-0.461,0-0.637L10.824,10z'%3E%3C/path%3E%3C/svg%3E");
   width: 25px;
  }

  .nav-footer .nav.open ul { 
  height:auto; 
  max-height: 500px; 
  transition: max-height 1s ease-in !important; }
}


/* social media */
.social-media{
    padding: 30px 0;
	position: relative;
}
.social-media::after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #a4a5b3;;
    display: block;
    margin-top: -18px;
    z-index: 0;
}
.social-media ul {
    justify-content: center;
    display: flex;
    padding: 0;
    line-height: 1;
	list-style-type: none;
}
.social-media ul li{
    background-color: #0f1e4c;
    padding: 0 20px;
}

footer .link-white a {
	color:#fff;
	text-decoration:underline;
}
.et_pb_row_4_tb_footer {
    border-top-width: 1px;
    border-top-color: #a4a5b3;
}
h4.accordion-header {
    font-size: 18px;
}

/* downloadables/ ES extracts */
.extract{
  display: flex;
    justify-content: space-around;
    align-items: center;
    min-height: 160px;
}
.extract:before {
  content: '';
    background: #f4f4f4;
    position: absolute;
    top: 0;
    left: -25%;
    width: 125%;
    height: 160px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    z-index: -1;
}
.extract > div{width: 40%;}
.extract h3{
  font-size: 26px;
color:#509EF8;
}
.extract p{
  font-size: 20px;
  line-height: 1.4em;
  margin-left: 20px;
  margin-top: 3px;

}
.extract ul{padding:0}
.extract ul li{list-style: none;}
.extract .downloadables{
  color: #FFFFFF!important;
    border-width: 2px!important;
    border-style: solid;
    border-color: RGBA(255,255,255,0);
    border-radius: 22px;
    font-size: 16px;
    background-color: #E44320;
    width: 100%;
    text-align: center;
    transition: 0.3s all;
  background-image: url(../svg/download-white.svg);
    background-repeat: no-repeat;
    background-position: 84%;
    background-size: 15px;
    padding: 8px 43px 8px 20px;
    margin: 0;
}
.extract .downloadables:hover{
  color: #E44320!important;
  border-color: #E44320;
  background-color: #fff;
  background-image: url(../svg/download-orange.svg)!important;
  background-repeat: no-repeat!important;
    background-position: 84%!important;
    background-size: 15px!important;
}
@media (max-width : 992px) {
  .extract{
    flex-wrap: wrap;
  }
  .extract > div{
    width: 100%;
    margin-bottom: 10px;}
    .extract:before {
      height: 260px;
    }
    .extract h3{
      margin-top: 30px;
    }
    .extract img{
      width: 160px;
    }
    .extract p{
      font-size: 18px;
    }
    .extract h3{
      font-size: 24px;
    }
}
@media (max-width : 768px) {
  .extract p{
    font-size: 16px;
  }
  .extract h3{
    font-size: 22px;
  }
  .extract h3{
    margin-top: 20px;
  }
  .extract img{
    width: 145px;
  }

}

/* sponsors */

.sponsors-card .et_pb_blurb_description{
	position: absolute;
  bottom: 5px;
  right: 0px;
	z-index:1;
}

.sponsors-card button{
  background-color: #E44320;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-weight: 600;
	z-index:1;
	cursor:pointer;
}
.sponsors-card button:hover{
	background-color: #E44320;
	opacity:.8;
}