/*
 Theme Name:     Lanaco (Divi child)
 Theme URI:      https://www.lanaco.com
 Description:    Custom theme based on the Divi theme
 Author:         LANACO
 Author URI:     https://www.lanaco.com
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");

.et_pb_menu .et-menu>li {
    padding-left: 20px;
    padding-right: 20px;
}
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-top: 0;
	transition: all .3s ease-out;
}
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-top: 9px;
	padding-bottom: 9px;
}
.et_pb_menu .et-menu>li:hover {
	background: #eb9812;
}
.et_pb_menu .et-menu>li:nth-child(2):hover, .et_pb_menu .et-menu>li:nth-child(5):hover {
	background: #e4406e;
}
.et_pb_menu .et-menu>li:nth-child(3):hover {
	background: #2662d3;
}
.et_pb_menu .et-menu>li:nth-child(4):hover {
	background: #674399;
}
.et-menu a:hover {
    opacity: 1;
}
a {
	transition: all .3s ease-out;
}
.et-menu .menu-item-has-children>a:first-child:after {
    line-height: 2.8em;
}
.home-blog .et_pb_column {
	background-color: #ffffff;
    padding: 30px!important;
    border: 1px solid #c1c5c7!important;
	margin-bottom:-1px;
    --vertical-gap: 10px;
}
.home-blog .et_pb_column:last-of-type {
	border-right-width: 0;
}
.home-blog .et_pb_image_wrap {
    max-height: 176px;
    overflow: hidden;
}
.home-blog .knjige-img .et_pb_image_wrap {
    max-height: fit-content;
    overflow: hidden;
}
.home-video .et_pb_column {
	background-color: #ffffff;
    padding: 0!important;
	margin-bottom:-1px;
}
.et_pb_group_carousel_arrow_prev {
    left: 25px;
}
.et_pb_group_carousel_arrow_next {
    right: 25px;
}

/* CONTACT FORM */

#et-boc .area-outer-wrap .da-close {
    font-size: 32px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    width: 36px;
}
input.wpcf7-form-control {
    width: 100%;
	font-size: 16px;
    color: #f1f5f7!important;
    background: transparent;
	padding: 10px 0;
    border: none;
    border-bottom: 1px solid #c1c5c7;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s !important;
}
input::placeholder, textarea::placeholder {
  color: #919597;
}
textarea {
    padding: 10px 0;
    width: 100%;
    background-color: #212527 !important;
    border: none;
    border-bottom: 1px solid #c1c5c7;
    font-size: 16px;
    color: #f1f5f7;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #eb9812;
    border: 1px solid #eb9812;
    text-transform: uppercase;
	cursor: pointer;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: #f1f5f7;
}
.wpcf7-not-valid-tip {
    color: #eb9812;
}

@media (max-width:980px) {
	.et_pb_with_border.et_pb_module.et_d4_element.brbl_post_ticker.brbl_post_ticker_0_tb_header {
    	display: none;
	}
	footer .et_pb_menu .et_pb_menu__menu {
        display: flex;
    }
	   footer .et_pb_menu .et_mobile_nav_menu {
        display: none;
    }
	   footer .et_pb_menu_0_tb_footer .et_pb_menu__wrap {
        justify-content: center !important;
    }
	.et_pb_menu .et-menu>li {
		padding-left: 10px;
		padding-right: 10px;
	}
}
/* MOBILE MENU */

    .et_pb_menu .et_mobile_menu {
        top: -130%;
        padding: 5%;
    }

/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}
.mobile_menu_bar {
    z-index: 99999;
}
/* 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;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0 !important;
}
/* Make mobile menu fullwidth */
.et_mobile_menu {
min-width: 101vw;
margin-left: -53vw;
}
/* Make the mobile menu full height */
.et_mobile_menu {
min-height:100vh !important;
min-height: -webkit-fill-available;
padding-top:50px !important;
}
html {
height: -webkit-fill-available;
}
/* Remove the animation to avoid delay */
.mobile_nav.opened .et_mobile_menu {
display:block !important;
}

/* MOBILE MENU */

.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: 20px;
width: 230%;
margin-left: -65%;
}