/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


  
#main-header .container {
  width: 100%;
  max-width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  }
  

/* Style the Header for mobile devices */
  @media only screen and ( max-width: 980px ) {
    
  #main-header .container {background-color:rgba(0,0,0,0.70) !important;}

  #logo {
    height: 100% !important;
    max-height: 125px !important;
    width: auto;
    max-width: 100% !important;
    padding-top: 5px;
    padding-bottom: 5px;
    }

}
  

  #main-footer {position: absolute; bottom: 0; width: 100%;}

  #main-footer .container {
  width: 100%;
  max-width: 100%;
  }



/*** Menu styling ***/


#top-menu li {
  text-shadow: #000000 .04em .04em 0;
}

#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 70%;
 background: #4cbf00; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}


@media only screen and ( max-width: 980px ) { #et_top_search { display:none; } }


/* Color and size both the open and close hamburgers */
div.mobile_nav.opened .mobile_menu_bar:before, div.mobile_nav.closed .mobile_menu_bar:before {
  color: #4cbf00;
  font-size:60px !important;
}

/* Style the opened mobile menu hamburger (make it an 'X') */  
div.mobile_nav.opened .mobile_menu_bar:before {
  font-family: "ETmodules";
  content: "\4d"; 
}


/* Style the container that the menu elements are housed in */
.et_mobile_menu {
  /* background is white by default */
  background-color:rgba(0,0,0,0.90) !important;
  border-top: 3px #ffffff solid;
}


/* style the menu items */
.et_mobile_menu li a {
  color:#ffffff !important;
  font-family: 'Abel','Nunito',Helvetica,Arial,Lucida,sans-serif;
  font-size:30px !important;
  text-align: center;
  padding-bottom: 20px;
}


/*** Projects styling ***/

.cu-blog .et_pb_salvattore_content[data-columns]::before {
	content: '4 .column.size-1of4' !important;
}

@media only screen and ( min-width: 981px ) {
.cu-blog .column.size-1of4 {
	width: 24%!important;
	margin-right: 1%;
	}
}

@media only screen and ( max-width: 980px ) {
  .cu-blog .column.size-1of4 {
    width: 100%!important;
    
    }
  }

.cu-blog .et_pb_blog_grid .et_pb_post {
	position: relative;
    width: 100%;
    max-width: 100%;
    line-height: 0; 
}

.cu-blog .et_pb_blog_grid .et_pb_image_container img {
	margin-bottom: 0;
}

.cu-blog .et_pb_blog_grid .et_pb_post h2 a {
	 position: relative;
      bottom: 0;
      left: 0;
      width: 100%;
      height: auto;
      background: none;
 
}



.cu-blog .et_pb_post a img:hover {
	
	-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition: all .3s ease;
	
	-webkit-filter: opacity(90%);
   	/* Safari */
   	filter: opacity(90%);

}




/* Posts and Pages */
.single #page-container { 
	padding-top: 0px !important;
	margin-top: -50px !important;

}

@media only screen and ( max-width: 981px ) {
  .single #page-container { 
	padding-top: 10px !important;
	
}}


h1.entry-title {
  margin-top: 0px;
  padding-top: 0px;
  }

@media only screen and ( max-width: 981px ) {
  h1.entry-title {
    margin-top: 0px;
    padding-top: 20px;
    }
}

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Hide Sidebar ***/
#sidebar {display:none;}
 
/*** Expand the post content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}




/*** News styling ***/

@media only screen and (min-width: 768px) {
  .DL_news_blog .et_pb_post {
  min-height: 500px;
  max-height: 500px;
  }
  }



  /*** Blurb styling ***/

.blurbtastic .et_pb_blurb_content {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  
  
  .blurbtastic .et_pb_blurb_container {
    position: absolute;
    align-self: center;
  }
  
  .blurbtastic .et_pb_main_blurb_image {
    visibility: hidden;
    margin: 0;
  }



  .et_pb_row.ai-text-overlay .et_pb_column .et_pb_module.et_pb_blurb .et_pb_blurb_content {
    position: relative;
    width: 100%;
    max-width: 100%;
    line-height: 0; }
    .et_pb_row.ai-text-overlay .et_pb_column .et_pb_module.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
      margin-bottom: 0; }
    .et_pb_row.ai-text-overlay .et_pb_column .et_pb_module.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: auto;
      background: rgba(0, 0, 0, 0.4);
      padding: 6px; }
      .et_pb_row.ai-text-overlay .et_pb_column .et_pb_module.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
        font-size: 20px;
        color: white;
        padding-bottom: 0; }



  /*** Home 6-Column Projects Reel ***/

        .DL-home-blog .et_pb_salvattore_content[data-columns]::before {
          content: '6 .column.size-1of6' !important;
          align-self: center;
        }
        
        @media only screen and (min-width: 981px) {
        .DL-home-blog .column.size-1of6 {
          width: 15%!important;
          margin-right: 1%;
          }
        }
        
        
        @media only screen and (min-width: 981px) {
          .DL-home-blog .et_pb_post {
          min-height: 100px;
          max-height: 100px;
          }
          }

        
        .DL-home-blog .et_pb_blog_grid .et_pb_post {
          position: relative;
            width: 100%;
            max-width: 100%;
            line-height: 0; 
        }


        .DL-home-blog .et_pb_blog_grid .et_pb_post .entry-title {
          visibility: hidden;

        }

        
        .DL-home-blog .et_pb_blog_grid .et_pb_image_container img {
          margin-bottom: 0;
          min-height: 100px;
          max-height: 100px;
        }
        
        .DL-home-blog .et_pb_blog_grid .et_pb_post h2 a {
           position: relative;
              bottom: 0;
              left: 0;
              width: 100%;
              height: auto;
              background: none;
         
        }
        
                
        .DL-home-blog .et_pb_post a img:hover {
          
          -webkit-transform: scale(1.03);
            -ms-transform: scale(1.03);
            transform: scale(1.03);
            transition: all .3s ease;
          
          -webkit-filter: opacity(90%);
             /* Safari */
             filter: opacity(90%);
        
        }
        
        




        .DL-home-blog-mobile .et_pb_blog_grid .et_pb_post {
          position: relative;
            width: 100%;
            max-width: 100%;

            
        }

        .DL-home-blog-mobile .et_pb_blog_grid .et_pb_post .entry-title {

          padding-top: 0px;
          padding-bottom: 0px;
          margin-bottom: 0px;
          margin-top: 0px;

        }




        .et-l .et-l--footer {
          width: 90%;
          max-width: 1920px;
        }