/*======================================
Theme Name: Kerioth Theme
Theme URI: https://rabornmedia.com
Description: Custom theme for Kerioth!
Version: 1.0
Author: Raborn Media
Author URI: https://rabornmedia.com
Template: Divi
======================================*/

:root {
    --ltblue: #ACD6F2;
    --mdblue: #42A5D7;
    --dkblue: #005A97;
    --gray:#666;
    --white:#FFF;
  }

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block!important;
    content: "\e04f" !important;
}

/* Page Subheaders with Full-Width Lines */

.subhead-line::after {
    content:"";
    height:2px;
    width:100%;
    background-color:#666;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    display:block !important;
}

.subhead-line h2 {
    padding-bottom: 0;
    display: inline-block;
    background-color: var(--white);
    padding-left: 10px;
    padding-right: 10px;
}

/* Full screen menu hover background change fade speed */

.et_pb_menu_0_tb_header.et_pb_menu ul li a {
    transition: background-color 300ms ease-in-out !important;
}

/* Fullscreen Menu CSS in code block in Theme Builder */

/* Page Tabs */

#blurb-tabs .et_pb_column {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#blurb-tabs .tab-title {
    transition: all ease-in-out .3s;
}

#blurb-tabs .tab-title:hover {
    cursor: pointer;
}

.tab-content {
    display: none;
}

.tab-open {
	display: block;
}

.gray-link {
  border: 2px solid var(--dkblue);
  white-space: nowrap;
  background-color:#FFF;
  color: var(--dkblue);
  padding:5px 15px;
  transition:all ease-in-out .3s;
  font-size:14px;
  font-weight:500;
  font-family:'Didact Gothic';
}

.gray-link:hover {
    background-color:var(--dkblue);
    color:#FFF;
}

a.blue-link {
  color: var(--gray);
  white-space: nowrap;
  transition: all ease-in-out .3s;
}

a.blue-link:hover {
  color: var(--mdblue)!important;
}

/* Why Invest Tab */

.blurb-left-spacing .et_pb_blurb_container {
    padding-left:0;
}

/* Divi Slider Module Spacing Fix */

.et_pb_slides .et_pb_slider_container_inner {
    display: block;
    width: 100%;
}

/* Mobile Drop Down for Desktop Tabs What We Do, Who We Are, Our Portfolio */

.dropdown a {
    text-decoration: none;
    font-family: 'Didact Gothic';
    font-size: 1rem;
    color: white;
    font-weight: 700; 
  }
  
  /* Important stuff */
  section {
    position: relative;
  }
  
  .dropdown-toggle {
    padding: 1rem 2rem;
    background: var(--gray);
    border-radius: .2em .2em 0 0;
    font-family: 'Didact Gothic';
    font-size: 1rem;
    color: white;
    font-weight: 700;
  }
  
  a.dropdown-toggle:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left:  5px solid transparent;
    border-right:5px solid transparent;
    border-top: 5px solid white;
    margin-left: 140px;
    vertical-align: middle;
  }

  ul.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    margin-top: 1.03rem;
    width: 18.85rem;
    padding: 0;
    border-radius: 0 0 .2em .2em;
  }

  ul.dropdown li {
    list-style-type: none;
  }

  ul.dropdown li a {
    text-decoration: none;
    padding: 1rem 2rem;
    display: block;
  }

  /* dropdown list */

  .dropdown li:nth-child(1) {
    background-color: var(--ltblue);
  }
  .dropdown li:nth-child(2) {
    background-color: var(--mdblue);
  }
  .dropdown li:nth-child(3) {
    background-color: var(--dkblue);
  }
  .dropdown li:nth-child(4) {
    background-color: var(--ltblue);
  }
  .dropdown li:nth-child(5) {
    background-color: var(--mdblue);
  }
  .dropdown li:nth-child(6) {
    background-color: var(--dkblue);
  }
  .dropdown li:nth-child(7) {
    background-color: var(--ltblue);
  }
  .dropdown li:nth-child(8) {
    background-color: var(--mdblue);
  }
  .dropdown li:nth-child(9) {
    background-color: var(--dkblue);
  }
  .dropdown li:nth-child(10) {
    background-color: var(--ltblue);
  } 

/* End Mobile Drop Down for Desktop Tabs */


/* secondary menu text-alignment to middle of hamburger */
.second-menu {
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.et_pb_module .et_pb_image .et_pb_image_0_tb_footer {
    margin-left:0 !important;
    margin-right:0 !important;
}

/* Home Hero Section */

/* shrink hero slogan tradmark TM */
.tm {
    font-size:20px;
    vertical-align:top;
    line-height:35px;
}

/* Our Portfolio Home Page Section */

/* Slick Slider */

.slick-slide .et_pb_main_blurb_image {
  margin-bottom: 15px;
}

.slick-dots {
  display: flex;
  justify-content: center;
  list-style-type: none;
}

.slick-dots li::marker {
  color:transparent;
}

.slick-dots li {
  width: 1rem;
  height: 1rem;
  margin: 0 5px;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: .75rem;
  height: .75rem;
  padding: 0;
  cursor: pointer;
  background-color: #666;
  border-radius: 100%;
  outline: none;
  text-indent: -9999px;
  border:none;
}

.slick-dots li.slick-active button {
  background-color: var(--mdblue);
}

.slick-prev, .slick-next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width:20px;
  height:20px;
  border:1px solid var(--mdblue);
  border-radius:50%;
  text-align:center;
}

.slick-prev {
  left:0px;
  z-index:1000;
}

.slick-next {
  right:0px;
}

.fa-caret-right, .fa-caret-left {
  color: var(--mdblue);
}

/* Slick Slider End */

/* Our Portfolio and Internal Portfolio Pages */

.remove-margin > .et_pb_blurb_content {
  margin:0 !important;
}

/* Gravity Form Contact Us */

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_text input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_phone input, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input, body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea {
  padding:10px;
}

.gform_required_legend, .gform_heading {
    display:none;
}

label.gfield_label {
    font-size:12px !important;
    margin-bottom:4px;
}

body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
    color: var(--mdblue);
    border: 1px solid var(--mdblue);
    background-color: var(--white);
    transition: all ease-in-out .3s;
    padding:15px 40px;
    text-transform: uppercase;
    font-weight:700;
}

body .gform_wrapper .gform_footer input[type=submit]:hover {
    border: 1px solid var(--mdblue);
    background-color: var(--mdblue); 
    color:white;
  }

/* Our Portfolio Sliders */

.et_pb_slider .et_pb_slide {
    padding:0;
}

.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow:none;
}

/* Portfolio and What We Do Menus */

.tabs-row {
  display:none;
}

/* Media Queries */

@media only screen and (max-width:600px) {
    .subhead-subtitle {
        display:block;
        margin-top:5px;
    }

    .vert-divider {
        display:none;
    }

    #blurb-tabs .et_pb_column {
        flex-direction: column;
        justify-content: center;
    }
}

@media only screen and (min-width:768px) and (max-width:980px) {
    /* Fix layout of portfolio sliders in tablet view */
    .et_pb_slide_image {
        position: relative;
        width: 100%;
        margin-right: 0;
        margin-top: 0 !important;
    }
    .et_pb_media_alignment_center .et_pb_slide_image {
        top:0;
    }
    .et_pb_slide_with_image .et_pb_slide_description {
        float: none;
    }

}

@media only screen and (max-width:980px) {
    .et_pb_menu__logo {
        margin-bottom:20px;
    }
}

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

  /* Move dots on each Slick Slider instance up */
  /* .et_pb_gutters3 .et_pb_column_1_2 .et_pb_module {
    margin-bottom:0!important;
  } */

  /* Code for The Kerioth Team Tab Image Text Hover Effect */

  .et-fb-root-ancestor .et-overlay-item {
    opacity: 1; /*shows hidden overlay items when using the visual Divi Builder*/
  }
  .et-overlay-item {
    opacity: 0; /*hides overlay items by default*/
    margin-bottom: 0px;
  }
  .et-overlay-item, .et-overlay-image {
    transition: all 400ms !important; /*sets transition speed of all overlay items*/
  }
  .et-overlay-container:hover .et-overlay-item {
    opacity: 1; /*reveals hidden overlay items on hover*/
  }
  /* .et-overlay-container:hover .et-overlay-image {}
    /*add new styles here to change image on hover*/

  .et-overlay-container:hover .et-overlay-item.move-up {
    margin-bottom: 5% !important; /*adjust how far you want the overlay item to move up*/
  }
}

/* Portfolio and What We Do Menus */

@media only screen and (min-width:1024px) {
    .dropdown-row {
      display:none;
    }

    .tabs-row {
      display:inherit;
    }
  }

  @media only screen and (min-width:1024px) and (max-width:1218px) {
    #blurb-tabs .et_pb_column {
        max-width:620px;
    }
  }