/*
 Theme Name:     cfl
 Template:       Divi
*/

:root {
    --red: #991B1D;
    --orange: #EC9700;
    --blue: #4891A1;
    --yellow: #D9B30B;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1rem;
}
.margB05 {
    margin-bottom: .5rem;
}.margB0 {
  margin-bottom: 0 !important;
}
.blue {
  color: var(--blue);
}
.red {
  color: var(--red);
}
.orange {
  color: var(--orange);
}
.intro-p {
    color: var(--blue);
    font-weight: 600;
}
p + h3, ul + h3, p + h2, ul + h2 {
    margin-top: 2rem;
}
/* LANDING PAGE ==================================================================================== */
.page-id-179 #top-menu li a, .page-id-179 .logo_container a {
  pointer-events: none;
}
body.page-id-179 #page-container .et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_one.et_pb_button, body.page-id-179 #page-container .et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button, body #page-container .et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button {
  line-height: 1.1 !important;
}
/* FOOTER ========================================================================================== */
#footer a {
    color: #fff;
}
#footer a:hover {
    color: var(--orange);
}
#main-footer {
    display: none !important;
}
.et-pb-contact-message {
  color: var(--yellow) !important;
}
/* DRAW ATTENTION ================================================================================== */
.leaflet-tooltip-pane {
    display: none !important;
}
.hotspots-interaction {
    margin: 0 !important;
}
/* GOOGLE RECAPTCHA ================================================================================ */
.grecaptcha-badge {
    display: none !important;
}
/* QUOTES ========================================================================================== */
.author {
    font-size: 80%;
    line-height: 1.2em;
}
.quote-img {
    position: absolute;
    top: 0;
    left: -130px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
/* BIOS ========================================================================================== */
.bio img {
  position: absolute;
  left: -210px;
  top: 0;
  width: 170px;
  height: 170px;
  border-radius: 50%;
}
/* TIMELINE ========================================================================================== */
#vertical-basic .timeline-centered .timeline-ite {
    padding-bottom: 0 !important;
    overflow: visible !important;
}
#vertical-basic.vertical-3 .timeline h3.timeline-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    /* color: var(--blue);  */
}
#vertical-basic .timeline-content p {
    margin: 0 !important;
    color: #000 !important;
}
#vertical-basic .timeline-marker::before {
    background: var(--blue) !important;
}

/* TOGGLES    ========================================================================================== */

/* ROLLOVERS ========================================================================================== */
.page-id-8 .et_pb_section_0, .page-id-8 .et_pb_section_2 {
  //display: none;
}
@media all and (min-width: 1300px) {
  .page-id-8 .et_pb_section_0 {
    display: none;
  }
  .page-id-8 .et_pb_section_2 {
    display: block;
  }
}
@media all and (max-width: 1299.999px) {
  .page-id-8 .et_pb_section_0 {
    display: block;
  }
  .page-id-0 .et_pb_section_2 {
    display: none;
  }
}

.background-img {
  position: relative;
  width: 100%;
  height: auto;
}
.childfamlaw {
  position: absolute !important;
  top: 41.9%;
  left: 33%;
  width: 40%;
  opacity: 0;
}
.childfamlaw:hover {
  opacity: 100%;
}
.teachings {
  position: absolute !important;
  top: 50%;
  left: 32.1%;
  width: 43.5%;
  opacity: 0;
}
.teachings:hover {
  opacity: 100%;
}
.project-history {
  position: absolute !important;
  left: .48%;
  top: 33.8%;
  width: 27%;
  opacity: 0;
}
.project-history:hover {
  opacity: 100%;
}
.involved {
  position: absolute;
  top: 17.1%;
  width: 34.15%;
  right: 4.37%;
  opacity: 0;
}
.involved:hover {
  opacity: 100%;
}
.whatsnew {
  position: absolute !important;
  bottom: 0;
  right: .08%;
  width: 30.9%;
  opacity: 0;
}
.whatsnew:hover {
  opacity: 100%;
}

/* RESPONSIVE ========================================================================================== */
@media all and (min-width: 992px) {
#vertical-basic .timeline-centered .timeline-item {
  padding-bottom: 20px !important;
}
}
@media all and (min-width: 1405px) {

}

/* Responsive Styles Standard Desktop Only */
@media all and (min-width: 1100px) and (max-width: 1405px) {

}

/* Responsive Styles Standard Desktop Only */
@media all and (min-width: 981px) and (max-width: 1405px) {

}

/* Responsive Styles Desktop Only */
@media all and (min-width: 981px) {

}

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

}

/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {
.bio img {
  left: -180px;
  width: 140px;
  height: 140px;
}
.page-id-179 .mobile_menu_bar {
  display: none !important;
}
.page-id-179 #et-top-navigation {
  min-height: 100px !important;
}
}

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

}

/* Responsive Styles Tablet Portrait */
@media all and (max-width: 768px) {

}

/* Responsive Styles Smartphone Only */
@media all and (max-width: 767px) {
#vertical-basic .timeline-item {
  padding-bottom: 0 !important;
}
.bio img {
  top: -130px;
  left: calc(50% - 55px);
  width: 110px;
  height: 110px;
}
}

/* Responsive Styles Smartphone Portrait */
@media all and (max-width: 479px) {

body.page-id-179 #page-container .et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_one.et_pb_button, body.page-id-179 #page-container .et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button, body #page-container .et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_two.et_pb_button {
  display: block !important;
  margin-right: 0 !important;
}
.quote-img {
  left: -100px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
}