/*
 Theme Name:   Divi Child Theme
 Description:  Delta Divi Child Theme is ready for customization. Delta is a flexible and multifunctional Divi child theme created to assist you in building beautiful and expert websites for any purpose. It gives you all the tools you need to develop a stunning and useful website, whether you're creating a blog, a business website, or an online store. 
 Author:       Divi.Expert (Eugene Dimov)
 Author URI:   https://divi.expert
 Template:     Divi
 Version:      1.03
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  divi-child-theme
*/


/* - Vertical Fullwidth Menu Style - */
/* - FLEX TRICKS - place left column under right column on mobile only*/
/* - FLEX TRICKS -section content vertical align - */
/* - text selection style -*/
/* - hamburger icon closed style - */
/* - number in names - */
/* - number over portfolio item - */
/* - text inline - */
/* - Name in meta comments - */
/* - back to top button - */




/* - Vertical Fullwidth Menu Style - */

body #page-container .et_slide_in_menu_container {
  background-image: url('./img/menu_bg_gradient.jpg') !important;
  background-color: #026be2 !important; /* Fallback color */
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}


@media all and (min-width: 980px){
 
    /*adjust position of navigation menu*/
    .et_header_style_fullscreen .et_pb_fullscreen_nav_container {
        width: 50%;
    }
     
    .et_slide_in_menu_container.et_pb_fullscreen_menu_opened.et_pb_fullscreen_menu_animated {
        padding-top: 0px !important;
    }
     
    /*adjust position of top menu and elements*/
    .et_header_style_fullscreen .et_slide_menu_top {
        width: 50%;
        text-align: center;
        display: table !important;
        vertical-align: middle;
        position: initial;
        float: right;
        height: 100%;
    }
    .et_header_style_fullscreen .et_pb_top_menu_inner {
        display: table-cell !important;
        position: relative;
        vertical-align: middle;
        text-align: left!important;
        padding: 0 15%;
        width: 100%;
    }
     
    .et_header_style_fullscreen .et_slide_menu_top ul.et-social-icons {
        width: 100%;
    }
     
    .et_header_style_fullscreen div#et-info {
        float: none!important;
        width: 100%;
    }
     
    .et_header_style_fullscreen div#et-info span {
        display: block; 
        margin-bottom: 30px;
         
    }
        
        
        /*phone number style*/
        
        #et-info-phone {
        margin-right: 13px;
        margin-top: 20px;
    }
     
    /*make search bar and icon larger*/
    .et_header_style_fullscreen .et_slide_menu_top .et-search-form {
        margin-top: 30px !important;
        margin-bottom: 15px;
        width: 100% !important;
        max-width: 300px !important;
        padding: 25px !important;
    }
    .et_slide_menu_top button#searchsubmit_header{
        width: 50px;
        height: 41px;
    }
    .et_slide_menu_top button#searchsubmit_header:before {
        font-size: 22px;
    }
     
    /*make menu right aligned*/
    .et_header_style_fullscreen ul#mobile_menu_slide {
        text-align: right;
        padding: 0 15%;
    }
     
    /*make close menu icon larger*/
    .et_pb_fullscreen_menu_animated .mobile_menu_bar:before {
        font-size: 60px;
    }
     
    /*dark background overlay*/
    .et_slide_menu_top {
    background: none;
    }
     
    /*take out background opacity*/
    .et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened {
    opacity: 1;
    }
     
    /*increase size of down arrow for sub menu items*/
    .et_slide_in_menu_container span.et_mobile_menu_arrow {
    opacity: 1;
     
    }
    .et_slide_in_menu_container #mobile_menu_slide .et_mobile_menu_arrow:before {
    font-size: 34px;
    }
     
    }
    
    /*MENU POSITION ON MOBILE*/
    /* 479px and smaller screen sizes */
    @media (max-width:479px){
    
        /* Fullscreen menu opened */
        #et-boc .et_pb_fullscreen_menu_opened{
            padding-top:50px !important;
            
        }
        
    }
    
     
    /* Menu Social Icons */
    /* Menu Facebook Icon Style */
    .et-social-icons .et-social-icon:nth-child(1) a.icon:before{
        content: "\e093";
        border: 1px solid white;
        padding: 8px;
        border-radius: 5px;
        margin-right: 5px;
    }
    /* Menu Twitter Icon Style */
    .et-social-icons .et-social-icon:nth-child(2) a.icon:before{
        content: "\e094";
        border: 1px solid white;
        padding: 8px;
        border-radius: 5px;
        margin-right: 5px;
    }
    /* Menu Insta Icon Style */
    .et-social-icons .et-social-icon:nth-child(3) .icon:before{
        content: "\e09a";
        border: 1px solid white;
        padding: 8px;
        border-radius: 5px;
        margin-right: 5px;
    }
    
    /* Menu RSS Icon Style */
    .et-social-icons .et-social-icon:nth-child(4) a.icon:before{
        content: "\e09e";
        border: 1px solid white;
        padding: 8px;
        border-radius: 5px;
        margin-right: 5px;
    }
    
    
    
    
    
    
    
    
    
    /* CTA Button in Menu */
    .get-quote-button {
      border-bottom: 1px solid #ffffff40;
    max-width:200px;
    display: inline-block;
      padding: 10px 0px 20px 0px !important;
    margin-bottom:20px;
    
    }
    
    
    /*end  of Vertical Fullwidth Menu Style */
    
    
    
    
    
    /* FLEX TRICKS - place left column under right column on mobile only*/
     @media (max-width:766px) {
      .rcm {
        display: flex;
        flex-direction: column-reverse;
      }
    }
    /*end*/
    
    
    
      /* FLEX TRICKS -section content vertical align  */
      
      .de-vertical-align { 
          display: flex; 
          flex-direction: column; 
          justify-content: center;
      } 
      
      
    
    /* end of FLEX TRICKS -section content vertical align  */
    
    /* txt selection style */
    
    ::-moz-selection { /* Code for Firefox */
      color: #ffffff !important;
      background: #000000 !important;
    }
    
    ::selection {
      color: #ffffff !important;
      background: #000000 !important;
    }
    /*end txt selection style */
    
    
    
    /*hamburger icon closed style*/
    span.mobile_menu_bar:before{
      color:#000000;
    }
    
    
    
    
    /*number over portfolio item*/
    .number{
      font-size:3rem;
      position:relative;
      top:-50px;
    
    }
    
    @media only screen and (max-width: 480px) {
    .number{
      font-size:1.5rem;
      position:relative;
      top:-30px;
    
    }
    }
    
    /* Smartphones (landscape) */
    @media only screen and (max-width: 767px) {
      .number{
      font-size:2rem;
      position:relative;
      top:-30px;
    
    }
    }
    
    /* Tablets and iPads (portrait and landscape) */
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .number{
      font-size:2rem;
      position:relative;
      top:-30px;
    
    }
    }
    
    /* Tablets and iPads (landscape) */
    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
       .number{
      font-size:2rem;
      position:relative;
      top:-30px;
    
    }
    }
    
    /* end of number over portfolio item*/
    
    
    
    /*number in names*/
    /*number over portfolio item*/
    .number_name{
      font-size:1.3rem;
      position:relative;
      top:-44px !important;
      left:-17px !important;
      font-weight:500 !important;
      letter-spacing:1px !important;
    
    }
    
    @media only screen and (max-width: 480px) {
    .number_name{
      font-size:1.5rem;
      position:relative;
      top:-30px !important;
    
    }
    }
    
    /* Smartphones (landscape) */
    @media only screen and (max-width: 767px) {
      .number_name{
      font-size:1.0rem !important;
      position:relative;
      top:-30px !important;
    
    }
    }
    
    /* Tablets and iPads (portrait and landscape) */
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .number_name{
      font-size:1.5rem;
      position:relative;
      top:-30px;
    
    }
    }
    
    /* Tablets and iPads (landscape) */
    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
       .number_name{
      font-size:2rem;
      position:relative;
      top:-30px;
    
    }
    }
    
    
    
    /* end of number in names item*/
    
    
    /*text inline*/
    .text_inline .et_pb_text {
        display: inline-block;
        margin: 0 10px;
    }
    
    /*end of text inline*/
    
    
    /*Name in meta comments*/
    span.fn, span.fn a {
        color: #000000;
        font-weight: 300;
          font-size:1.1rem;
    }
    p.logged-in-as {
        color: #000;
    }
    
    /* end of Name in meta comments*/
    
    
    /*back to top button*/
    .et_pb_scroll_top.et-pb-icon {
    text-align: center;
    background: #000000;  /*change background colour*/
    color: #ffffff;  /* change icon colour */
    border-radius: 100px;  /*change this to 100px if you want a circle back to top button*/
        margin-right:20px
        
        
    }
    .et_pb_scroll_top.et-pb-icon:hover {
    text-align: center;
    background: #7cda24;  /*change background colour on hover */
    color: #ffffff;  /*change icon colour on hover */
        
    }