/*---------------------------------------------------------------------------------

 Theme Name:   Banana_code
 Theme URI:    https://banana.com.hr
 Description:  Banana Code child Theme
 Author:       Banana_code
 Author URI:   https://banana.com.hr
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/


@media (max-width:980px) {
	.reverse-columns-mobile {
		display: flex;
		flex-direction: column-reverse;
	}
}

/*add content after number counter value*/
.b-number-counter1-after .percent-value:after {
	content: " ""dana";
}
.b-number-counter2-after .percent-value:after {
	content: " ""%";
	
}

.b-number-counter3-after .percent-value:after {
	content: " ""°";
}

  /*place button modules next to each other in the same column*/
.b-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}


.header-gradient:before {
    content: "";
    position: absolute;
    z-index: 1;
    background: rgba(18,18,18,0.57);
    top: 0;
    bottom: 0;
    width: 100%;

}




/*MOBILE MENU CSS */



/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}
/* Remove the top line in the mobile menu*/
.et_mobile_menu {
border-top:0;
}
/* Center-align moble menu items */
.et_mobile_menu li {
text-align:center !important;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0 !important;
}
/* Make mobile menu fullwidth */
.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
	margin-top: 0px!important;
	background-color: #d7e2e4 !important;
}

/* Remove the animation to avoid delay */
.mobile_nav.opened .et_mobile_menu {
display:block !important;
}


et_mobile_menu .first-level > a {
background-color: transparent;
position: relative;
}
.et_mobile_menu .first-level > a:after {
font-family: 'ETmodules';
content: '\4c';
font-weight: normal;
position: absolute;
font-size: 16px;
top: 13px;
right: 10px;
}
.et_mobile_menu .first-level > .icon-switch:after{
content: '\4d';
}
.second-level {
display: none;
}
.reveal-items {
display: block;
}
.et_mobile_menu {
margin-top: 15px;
width: 230%;
margin-left: -65%;
}


.et_mobile_menu li a {

    padding: 8px 5%;

}