/*
 Theme Name:   Protech Child
 Theme URI:    http://www.web-design-site.oficial.ro/
 Description:  A Child Theme 
 Author:       4Us Consulting
 Author URI:   http://www.web-design-site.oficial.ro/
 Template:     Divi
 Version:      1
*/

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

.ds-video-image-overlay1.et_pb_fullwidth_header:before {
    content: url(http://www.protechdesign.ro/wp-content/uploads/desen.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
}



.ds-video-image-overlay2.et_pb_row_fullwidth {
    opacity: .5;
}

/******************************************SOCIAL MEDIA ICONS **********************************************/
/* ----------------------------------- */
/* Menu - Active Item Background Color */
/*           by Geno Quiroz            */
/* ----------------------------------- */
 
@media only screen and (min-width : 981px) {
 
 
/* remove carrot from menu with drop down */
    #top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {padding-right: 0px;}
    #top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {display:none;}
 
 
/* menu padding */
 

    #top-menu li {
            margin-left: -3px;
        padding-right: 0px;}
    #top-menu li > a { 
        padding: 15px 30px 15px 30px!important;}
 
 
/* remove color fade in on menu text */
    #top-menu a {
        color: #000;}
 
/* current menu item colors */
    #top-menu li.current-menu-item {
        background-color: #064C94;} /*change background color here*/
    #top-menu li.current-menu-item > a {
        color:#fff!important;}
 
/* menu item hover colors */
    #top-menu li:hover {
        background-color: #064C94 ;} /*change background color here*/
    #top-menu li > a:hover {
        color: #fff;
        opacity: 1!important;}  
 
 
/* current menu ancestor background color */
    .current-menu-ancestor {
            background-color:#064C94;} /*change background color here*/
    .current-menu-ancestor a {
            color: #fff!important;}
 
 
/* sub menu adjustments */ 
    .sub-menu {
            padding: 0px!important;}
    #top-menu li li a {
            padding: 19px 5px 19px 8px!important;}
    .current-menu-ancestor .sub-menu a {
            color: #000 !important;}
    .current-menu-ancestor .sub-menu a:hover {
            color: #fff!important;}
 
}
  

#top-header, #top-header .container, #top-header #et-info, #top-header .et-social-icon a {
    line-height: 8em;
}

#et-secondary-menu a {
    color:#ef0000 !important;
}
#main-header { border-bottom-style:double;
    border-bottom-width: 10px !important;
              border-bottom-color: #064C94;
              padding-bottom:10px;
}

#et-footer-nav {
    background-color: #000099 !important;
}

/*--------------- Social for custom footer
----------------------------------------------------------------------------------*/

.footer_custom.et_pb_section {
    padding: 0 !important;
}

/**** Row Widget Custom ****/
.footer-widget .fwidget {
    min-width: 100% !important;
}

#footer-widgets {
    padding: 3% 0 0 !important;
}

#footer-widgets .footer-widget li:before {
    content: none !important;
}

#footer-widgets .footer-widget li {
    padding-left: 0px !important;
}

/*--------------- Footer 3-4 Layout
----------------------------------------------------------------------------------*/

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

#main-footer {
    background-color: transparent !important;
}

.et_pb_gutters3.et_pb_footer_columns1 .footer-widget .fwidget, .et_pb_gutters3 .footer-widget {
    margin-bottom: 0px ;
}

@media only screen and (max-width: 767px) {
  #footer-widgets .footer-widget .fwidget {    
    margin-bottom: 0% !important;
  }
}

@media only screen and (max-width: 980px) {
  .footer-widget:nth-child(n) {    
    width: 100% !important;    
    margin: 0 !important;
  }
}


@media only screen and (min-width: 479px) {
.ds-video-image-overlay1.et_pb_row_fullwidth:before {
    content: url(http://www.protechdesign.ro/wp-content/uploads/desen.jpg);
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  width:100%;
    opacity: .5;
top: -110px;
}
}

@media only screen and (max-width: 479px) {
  #footer-widgets .footer-widget:nth-child(n), .footer-widget .fwidget {    
    margin-bottom: 0 !important;
  }
.ds-video-image-overlay1.et_pb_row_fullwidth:before {
    ontent: url(http://www.protechdesign.ro/wp-content/uploads/desen.jpg);
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  width:100%;
    opacity: .5;
top: -110px;
}

}

/*--------------- Social Center for custom footer
----------------------------------------------------------------------------------*/

.et_pb_social_media_follow li {
    float: none !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
}

ul.et_pb_social_media_follow {
    text-align: center !important;
}

.et_pb_social_media_follow li a.icon {
    width: 45px;
    height: 45px;
    padding: 0;
}

.et_pb_social_media_follow li a.icon::before {
    width: 45px;
    height: 45px;
    color: #FFF;
    font-size: 20px;
    line-height: 45px;
}

@media only screen and (max-width: 980px) {
  .footer_custom_3 .et_pb_text {    
    text-align: center !important;
  }
}

/*--------------- Footer Bottom Bar Not Visible
----------------------------------------------------------------------------------*/

#footer-bottom {
   background-color:black;
   padding-left:3%;
}

#et-footer-nav {
    padding-left:3%;
}

.topnav-right {
  float: right;
}