/*
 Theme Name:  Post Recycling
 Description:  Post Recycling Child Theme for Divi
 Author:       Jack Strube
 Template:     Divi
 Version:      1.0.0
*/

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

/*002F59*/

:root {
  --blue: #002f59;
  --white: #ffffff;
  --black: #000000;
  --blue2: #002f59;
  --cerul: #1969af;
  --turq: #56bcef;
  --light-grey: #efefef;
  --mid-grey: #d7d7d7;
  --mid-grey2: #cccccc;
  --dark-grey: #444444;
}

/***HEADER***/

span.mobile_menu_bar:before{
    color:#ffffff;
    }

    #mobile_menu{
        background-color:rgba(0,0,0,.8)!important;
    }

    .et_mobile_menu {
        width:250px;
        border:none!important;
        padding:2%;
       
        /* right:-50%!important; */
        /* right:calc(0% + 250px)!important; */
        right:0!important;;
        left:unset!important;
    }

    #mobile_menu > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children > ul {
        display:none!important;
       
    }

    #mobile_menu > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children > ul > li >a {
        
        font-size:12px!important;
    }



    #mobile_menu >  li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children:hover > ul {
        display: block!important;
    }
    
    #mobile_menu  li:not(.no-underline) > a {
        position: relative;
        display: block;
       font-size:18px;
       text-transform:uppercase;
       text-align:right;
        clear:both;
        width:auto;
    }

    #mobile_menu .no-underline{
        display:inline-block;
        float:right;
        margin-left:15px;
    }
    
 #main-header ul#top-menu li {
    padding-bottom:30px;
  }
  .et-fixed-header {
    padding-bottom:0px;
  }

#main-header ul#top-menu  li a:hover, #main-header .et-fixed-header ul#top-menu  li a:hover {
  color: var(--turq)!important;
}

#main-header ul#top-menu li a {
  padding-bottom: 0.5em !important;
}

#main-header ul i {
  background: #1969af;
  padding: 0.5rem;
  border-radius: 50%;
}
#main-header ul#top-menu i:hover {
  background: var(--white);
  color: var(--blue2);
}


#main-header ul#top-menu  li:not(.no-underline)  a:after, #mobile_menu  li:not(.no-underline) > a:after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--turq);
  transform-origin: bottom left;
  transition: transform 0.25s ease-in;
}

#main-header ul#top-menu li:not(.no-underline)  a:hover:after, #mobile_menu  li:not(.no-underline) > a:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

#top-menu .menu-item-has-children>a:first-child{
    padding-right:0;
}

#top-menu .menu-item-has-children>a:first-child:after{
  bottom:0!important;
  top:auto!important;

}

#top-menu .menu-item-has-children>a:first-child:after {
    content:"";
}

#main-header .nav li ul{
    background-color:transparent!important;
    padding:0;
    box-shadow:none;
    padding-top:5px;
    border-top:0;
    
   
}

 #main-header .nav li ul li{
    
    padding:0;
    
}
 #main-header .nav li ul li a{
    display: flex;
    padding: 1rem 0;
    text-align: left;
    
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    
    line-height:14px;
    padding:0;
}
#main-header .nav li ul li a:before{
    content: '>';
    display: inline-block;
    margin-right: 0.5rem;
    color: var(--turq);
}



.home-video-hero {

  position: relative;
  display:block;
  width: 100vw;
  height: 110vh;
  z-index: 9;
  overflow: hidden;
}

.home-video-hero:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  right:0;
  bottom:0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 47, 89, 0.3);
  z-index: 9;
}

.home-video-hero .et_pb_section_video_bg {
  position: fixed !important;
  z-index:-9999;
    overflow:hidden; 
  
}

/*****BUTTONS*****/

element.style {
}
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
    margin-bottom: 8px;
}
.gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input {
    align-self: flex-end;
}
.gform_wrapper.gravity-theme * {
    box-sizing: border-box;
}
input[type=button], input[type=submit] {
    display: flex;
    align-items: center;
    margin: 2rem 0 1rem;
    background: #033058;
    color: #ffffff;
    font-family: "Titillium Web", verdana, helvetica, sans serif;
    font-weight: 400;
    font-size: 19px;
    line-height: 19px;
    letter-spacing: 1px;
    text-align: center;
    border: none;
    border-radius: 18px;
    padding: 1rem 2rem;
    cursor: pointer;
    text-transform:uppercase;
}

input[type=submit]:hover{background: #011527;}


/*****PHOTO STYLES*****/
.photo-block img {
    box-shadow: #d7d7d7 9px 9px 6px;
    float: left;
    width: 35%;
    margin: 0 2rem 1rem 0;
}

/*****FOOTER*****/

#main-footer {
  position: relative !important;
  z-index: 10;
}

/*****adjust Divi Menu module breakpoint*****/
@media only screen and (max-width: 1500px) {
    
    #page-container {
        padding-top: 43px !important;
        } 
    
    #et_mobile_nav_menu {
       display: block;
   }
    
   #top-menu {
       display: none;
   }

}

@media only screen and (max-width: 768px) {
.info-icon-grid .et_pb_row{
    display:flex!important;
    flex-direction:column!important;

  
}
.info-icon-grid .et_pb_row .et_pb_column{
    width:100%!important;
    padding:0!important;
    margin:0!important;
}
}