/*
 Theme Name:     BCCEO
 Template:       Divi
*/
:root {
    --blue: #32BBED;
    --pink: #ED447C;
    --darkpurple: #0F0037;
}

@font-face {
    font-family:"Calibre-Regular";
    src:url("fonts/Calibre-Regular.woff2") format("woff2"),url("fonts/Calibre-Regular.woff") format("woff"),url("fonts/Calibre-Regular.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Calibre-RegularItalic";
    src:url("fonts/Calibre-RegularItalic.woff2") format("woff2"),url("fonts/Calibre-RegularItalic.woff") format("woff"),url("fonts/Calibre-RegularItalic.otf") format("opentype");
    font-style: italic;
    font-weight:400;
}
@font-face {
    font-family:"Calibre-Semibold";
    src:url("fonts/Calibre-Semibold.woff2") format("woff2"),url("fonts/Calibre-Semibold.woff") format("woff"),url("fonts/Calibre-Semibold.otf") format("opentype");
    font-style:normal;
    font-weight:400;
}

@font-face {
    font-family:"Calibre-Bold";
    src:url("fonts/Calibre-Bold.woff2") format("woff2"),url("fonts/Calibre-Bold.woff") format("woff"),url("fonts/Calibre-Bold.otf") format("opentype");
    font-style:normal;font-weight:400;
}

@font-face {
    font-family:"Calibre-Light";
    src:url("fonts/Calibre-Light.woff2") format("woff2"),url("fonts/Calibre-Light.woff") format("woff"),url("fonts/Calibre-Light.otf") format("opentype");
    font-style:normal;font-weight:400;
}

.light {
    font-family:"Calibre-Light" !important;
    font-style:normal;
    font-weight: 400;
}
.regular {
  font-family:"Calibre-Regular" !important;
  font-style:normal;
  font-weight: 400;
}
.medium {
    font-family:"Calibre-Semibold" !important;
    font-style:normal;
    font-weight: 400;
}
strong {
    font-family:"Calibre-SemiBold";
    font-style:normal;
    font-weight: 400;
}
.pink {
    color: var(--pink);
}
.blue {
    color: var(--blue);
}
.block {
  display: block;
 }
h4, h4.lower {
    font-family:"Calibre-Semibold";
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 1em;
}
h4.lower {
  text-transform: none;
}
h2, h3, h4 {
    margin-bottom: .8em;
}
p+h4, p+h3 {
    margin-top: 1em;
}
p+h2 {
    margin-top: 2em;
}
body {
    font-family:"Calibre-Regular";
    font-weight: 400;
}
.entry-content ol, .entry-content ul {
  line-height: 1.5em;
}
#main-content {
    margin-bottom: -130px !important;
}

#main-header .container {
    max-width: 80%;
}
.page-id-104 #main-header, .page-id-100 #main-header {
/* background-color: rgba(15,0,55,1); */
}
#main-footer {
    display: none !important;
}
/*add borders to the menu items*/
 /* #top-menu li:not(:last-child) {
  border-right: 1px solid #fff;
  height: 14px;
  margin-bottom: 20px;
} */
/*adjust spacing around menu items*/
/* #et-top-navigation nav > ul > li > a {
  padding-bottom: 60px!important;
  padding-left: 20px;
} */ 

.et_pb_fullwidth_header .header-content {
padding-top: 80px;
}
.take-the-quiz {
  opacity:0;  //make things invisible upon start

  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}
.take-the-quiz {
    padding: 0 10%;
    margin: 0;
}
.take-the-quiz img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12.6vw;
    min-width: 100px;
}
.take-the-quiz a {
  
}
.play-the-video {
  right: 25vw !important;
  width: none !important;
}
.play-the-video img {
  max-width: 5.9vw !important;
}
.play-video-text {
  position: absolute;
  left: 180px;
  top: 60px;
  color: #fff;
  font-size: 2em;
  font-family:"Calibre-Light";
}
.stat {
    font-size: 2.5em;
    color: var(--blue);
    padding-top: 11px;
    padding-bottom: .25em !important;
}
.stat-text {
    font-size: .8em;
    font-family:"Calibre-Semibold";
}
.socialmedia {
    margin-left: 12px;
    margin-bottom: -16px;
}
.arrowlink {
    margin-bottom: -14px;
    margin-left: 16px;
}

/****** Lightbox Styling *******/
[class*="lightbox-trigger-"] {cursor:pointer;}
[class*="lightbox-content-"] {position:relative; z-index: unset !important;}
[class*="lightbox-content-"] .mfp-close {color:#999999 !important;}
[class*="lightbox-content-"] .mfp-close:active {top:0px !important;}

/* Agency grid */
.agency-all {
  display: grid;
  max-width: 90vw;
}
.wpv-filter-form {
  margin-left: 20px;
  padding-bottom: 30px;
}
.filter-form .wpv-filter-form {
  margin-left: 0;
  padding-bottom: 0;
  padding-top: 14px;
}
.wpv-filter-form select, .wpv-filter-form input {
  font-size: 80%;
  padding: 5px 15px 0;
}
.wpv-filter-form input[type="submit"], .wpv-filter-form input[type="reset"], .wpv-filter-form input[type="button"] {
  padding:6px 15px 1px;
  margin-bottom: -3px;
  background: var(--blue); 
  border:0 none;
  color: #fff;
  text-transform: uppercase;
  font-family: "Calibre-Semibold";
  cursor:pointer;
  -webkit-border-radius: 0px;
  border-radius: 0px; 
}
.wpv-filter-form input[type="button"] {
  margin-left: 5px;
}
.filter-form .wpv-filter-form input[type="submit"], .filter-form .wpv-filter-form input[type="reset"], .filter-form .wpv-filter-form input[type="button"] {
  background: var(--blue);
}
.wpv-pagination-nav-links-container .page-link {
  background-color: var(--darkpurple);
  color: #fff;
  font-family:"Calibre-Semibold";
  padding: .2em .5em 0;
  border: 1px solid var(--darkpurple);
}
.wpv-pagination-nav-links-container .page-link:hover {
  color: var(--blue);
}
.wpv-pagination-nav-links-container .active .page-link {
  background-color: var(--blue);
  color: #000;
}
#wpv_control_select_wpcf-region-served {
  border-radius: 0 !important;
}
.agency-single {
  padding: 30px;
  margin: 20px;
  border: 1px solid #e1e1e1;
  background-color: #f1f1f1;
}
.agency-single h3 {
  font-size: 1.3em;
  padding-bottom: 0;
  margin-bottom: .5em;
}
.agency-single p {
  font-size: .8em;
  margin-bottom: 0;
  line-height: 1.2;
  padding-bottom: .25em;
}
.et_pb_accordion_item {
    margin-bottom: 0 !important;
}
.add-accordion-icon .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
    display: block;
    content: "\e04f" !important;
}

/* Responsive Styles Large Desktop And Above */
@media all and (min-width: 1720px) {
.agency-all {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
}

/* Responsive Styles Standard Desktop Only */
@media all and (min-width: 1100px) and (max-width: 1720px) {
.agency-all {
  grid-template-columns: 1fr 1fr 1fr;
}
}

/* Responsive Styles Standard Desktop Only */
@media all and (min-width: 981px) and (max-width: 1405px) {
.agency-all {
  grid-template-columns: 1fr 1fr 1fr;
}
}

/* Responsive Styles Desktop Only */
@media all and (min-width: 981px) {
.et_header_style_left #et-top-navigation {
  /* padding: 100px 0 0 0 !important;
  margin-bottom: 20px; */
}
}

@media all and (min-width: 981px) and (max-width: 1100px) {

}

/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {
.reverse-row {
   display: flex;
  flex-wrap: wrap;
  }
  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
  order: 1;
  }
  .second-on-mobile {
  order: 2;
  }
  .third-on-mobile {
  order: 3;
  }
  .fourth-on-mobile {
  order: 4;
  }
  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
  margin-bottom: 30px;
  }
  #main-header .et_mobile_menu {
    background-color: rgba(0,0,0,.5) !important;
  }
  .take-the-quiz img {
    width: 20vw;
}
.play-video-text {
  left: 100px;
  top: 0px;
  right: 100px;
}
}

@media screen and (max-width: 782px) {

}

/* Responsive Styles Tablet Portrait */
@media all and (max-width: 768px) {
.agency-all {
  grid-template-columns: 1fr 1fr;
}
}

/* Responsive Styles Smartphone Only */
@media all and (max-width: 767px) {
.agency-all {
  grid-template-columns: 90vw;
}
.agency-single {
  padding: 20px;
  margin: 0 0 20px 0;
}

.home .take-the-quiz img {
  width: 25vw;
}
.page-id-100 .take-the-quiz img, .page-id-104 .take-the-quiz img, .page-id-310 .take-the-quiz img, .page-id-518 .take-the-quiz img {
  width: 9vw;
}

.wpv-submit-trigger {
  padding:8px 15px 3px;
}

}

/* Responsive Styles Smartphone Portrait */
@media all and (max-width: 479px) {
.et_pb_fullwidth_header .header-content {
  padding-top: 0;
}
.take-the-quiz img {
  width: 30vw;
}
#wpv_control_select_wpcf-region-served, .wpv-submit-trigger {
  width: 100%;
}
.wpv-filter-form {
  margin-left: 0;
}
.et_pb_fullwidth_header .header-content {
  padding-top: 140px;
  }

}