/*======================================
Theme Name: Experta Preview
Theme URI: https://divicake.com/
Description: Preview Experta Child Theme
Version: 1.0
Author: Experta
Author URI: https://preview.experta.hr/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

@media (min-width: 480px) {
body, body p, p, * {
font-family : 'Roboto Condensed', sans-serif;
font-size : 16px;
font-weight : 300;
letter-spacing : normal;
line-height : 1.6em;
color : #333333;

}
	
a:link, a:visited {
font-family : 'Roboto Condensed', sans-serif;
font-style : normal;
font-weight : 300;
color : #0b4987;
}
p a:hover {
color: #333333;
}
h1 {
font-family : 'Oswald';
font-size : 30px;
font-style : normal;
font-weight : 200;
letter-spacing : 0px;
line-height : 0.em;
color : #0b4987;
}
h1 a:link, a:visited {
font-family : 'Oswald', serif;
font-style : normal;
font-weight : 300;
color : #0b4987;
}
h1 a:hover {
color : #0b4987;
}
h2 {
font-family : 'Oswald';
font-size : 26px;
font-style : normal;
font-weight : 300;
letter-spacing : 0px;
line-height : 1.em;
color : #808080;
}
h2 a:link, a:visited {
font-family : 'Oswald', serif;
font-style : normal;
font-weight : 300;
color : #0b4987;
}
h2 a:hover {
color : #0b4987;
}
h3 {
font-family : 'Oswald', sans-serif;
font-size : 50px;
font-weight : 600;
letter-spacing : 0px;
line-height : 1.4em;
color : #ffffff;
}
h4 {	
font-family : 'Roboto Condensed', sans-serif;
font-size : 18px;
font-style : normal;
font-weight : 400;
letter-spacing : normal;
line-height : 1.5em;
color : #0b4987;
	}
h4 a:link, a:visited {
font-family : 'Roboto Condensed', sans-serif;
font-weight : 300;
color : #0b4987;
}
h4 a:hover {
font-family : 'Roboto Condensed', sans-serif;
font-weight : 300;
color : #808080;
}

h6 {
font-family : 'Roboto', sans-serif;
font-size : 10px;
font-style : normal;
font-weight : 300;
letter-spacing : 0px;
line-height : 1.4em;
color : #808080;
}
h6 a:link, a:visited {
font-family : 'Roboto ', sans-serif;
font-weight : 400;
color : #0b4987;
}
h6 a:hover {
color : #808080;
}

}



@media (max-width: 479px) {
body, body p, p, * {
font-size : 5vw;
font-family : 'Roboto Condensed', sans-serif;
font-style : normal;
font-weight : 300;
letter-spacing : normal;
line-height : 1.7em;
color : #333333;
}

 a:link, a:visited {
font-style : normal;
font-weight : 300;
color : #0b4987;
}
p a:hover {
color: #333333;	
}
h1 {
font-family : 'Oswald';
font-size : 24px;
font-style : normal;
font-weight : 100;
letter-spacing : 0px;
line-height : 1em;
color : #0b4987;
}
h1 a:link, a:visited {
font-family : 'Oswald';
font-size : 27px;
font-style : normal;
font-weight : 100;
letter-spacing : 0px;
line-height : 1em;
color : #0b4987;
}
h1 a:hover {
color : #0b4987;
}
h2 {
font-family : 'Oswald';
font-size : 23px;
font-style : normal;
font-weight : 100;
letter-spacing : 0px;
line-height : 1.3em;
color : #808080;
}
h2 a:link, a:visited {
font-family : 'Oswald', serif;
font-style : normal;
font-weight : 100;
color : #0b4987;
}
h2 a:hover {
color : #0b4987;
}


	
h4 {
font-family : 'Roboto Condensed', sans-serif;
font-size : 18px;
font-style : normal;
font-weight : 100;
letter-spacing : 0px;
line-height : 0.em;
color : #b3b3b3;
}
h4 a:link, a:visited {
font-family : 'Roboto Condensed', sans-serif;
font-weight : 100;
color : #0b4987;
}
h4 a:hover {
color : #808080;
}


h5 {
font-family : 'Roboto Condensed', sans-serif;
font-size : 16px;
font-style : normal;
font-weight : 100;
letter-spacing : 0px;
line-height : 0.em;
color : #808080;
}
h5 a:link, a:visited {
font-family : 'Roboto Condensed', sans-serif;
font-weight : 300;
color : #808080;
}
h5 a:hover {
color : #808080;
}
h6 {
font-family : 'Roboto', sans-serif;
font-size : 10px;
font-style : normal;
font-weight : 100;
letter-spacing : 0px;
line-height : 1.4em;
color : #808080;
}
h6 a:link, a:visited {
font-family : 'Roboto ', sans-serif;
font-weight : 300;
color : #0b4987;
}
h6 a:hover {
color : #808080;
}
}
	
#footer-bottom {
   padding-top:2px !important;
	padding-bottom:10px !important;
}

#menu-footer a { 
	color: #ffffff;
font-size: 14px!important;
}
.ten-columns .et_pb_module {width: 10%; float: left!important;}
.nine-columns .et_pb_module {width: 11.11%; float: left!important;}
.eight-columns .et_pb_module {width: 12.5%; float: left!important;}
.seven-columns .et_pb_module {width: 14.28%; float: left!important;}
.six-columns .et_pb_module {width: 16.66%; float: left!important;}
.five-columns .et_pb_module {width: 20%; float: left!important;}
.four-columns .et_pb_module {width: 25%; float: left!important;}
.three-columns .et_pb_module {width: 33.33%; float: left!important;}

/*maknuti bijeli dio izmedju footera i Copyright*/
.single .et_pb_post, #left-area {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

@media only screen and ( max-width: 980px) {
.single .post {
padding-bottom: 20px;
}
}
/*text module annimation*/
.text-hover:hover {
    background-color: rgba(12,113,195,0.82);

}

/* drop down menu - level 1 */
    .nav li ul {
        width: 400px;
        padding: 12px;
		
		}
    .nav li li {
        line-height: 12px;
		
		}
    #top-menu li li {
        padding: 0 0px;
		}
    #top-menu li li a {
        font-size: 13px;
        width: 400px;
        padding: 5px 10px;
        font-weight: 300;
		font-size: 14px;
		line-height: 0.8em;
		}

	#top-menu li li a:hover { background-color:#333333 !important; 
		width: 380px;
		padding-left: 1px;
		width: 360px;}





.full-width .et_pb_row {width: 95% !Important;}


/* Remove the line below the normal Divi menu */
#main-header {
    box-shadow: none !important;
}

/* Add this, too, if you want to remove the
   shadow underneath the fixed Divi navigation bar */
#main-header.et-fixed-header {
    box-shadow: none !important;
}
/*original state*/
.page #main-header, .post #main-header, .single #main-header {background-color:rgba(93,93,93,0.5)!important;}
.home #main-header{ 
background-color: rgba(93,93,93,0.5) !important;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0); 
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0); 
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0);}

 
/*scrolling state*/
#main-header.et-fixed-header {background-color: rgba(93,93,93,0.5) !important;}
.custom-txt:hover { background-color: #ffffff; }
.toogle:hover { background-color: #ffffff; }
#slider-image .et_pb_slide:nth-of-type(1) .et_pb_slide_image { 
top: 40%; 
left: 60%;
right: 0%; }
#slider-image .et_pb_slide:nth-of-type(2) .et_pb_slide_image { 
top: 40%; 
left: 60%;
right: 0%; } 





/* Switch to hamburger menu on tablets */

@media (max-width: 1024px) {
 #et_mobile_nav_menu {
 display: block;
	
 }
 
#top-menu {
 display: none;
 }
 }
/*———————————————-*/
/*—–Transparent Bloom Optin by Riseink —–*/
/*———————————————-*/
/*Hides the header container*/
#ds-transparent-optin .et_bloom_header_outer {
display: none;
}
/*Removes form container background colour*/
#ds-transparent-optin .et_bloom_form_container {
background: none !important;
}
/*Removes form background colour and sets padding*/
#ds-transparent-optin .et_bloom_form_content.et_bloom_bottom_inline {
padding: 0;
background: none !important;
}

.et_bloom .et_bloom_optin_1 .et_bloom_form_container p, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p strong, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form input, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form button span {
    font-weight: 300;
	}
.et_bloom .et_bloom_optin_1 .et_bloom_form_container p, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p strong, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form input, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form button span {
    font-family: "Roboto Condensed", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 300 !important;
	}
.et_bloom .et_bloom_form_content .et_bloom_popup_input {
    float: left;
       padding-right: 5px!important;
}
/*———————————————-*/
/*—End Transparent Bloom Optin by Riseink—*/
/*———————————————-*/

#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h1, #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h2, #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h3, #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h4, #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h5, #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h6, #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {
	    font-family: Roboto condensed,sans-serif!important;
	font-weight: 300;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    font: normal 14px/20px Roboto Condensed,sans-serif;
    font-weight: 400;
 }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main h3.tab-title {
    font: 800 24px Roboto COndensed,sans-serif!important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton {
     font: 800 14px/20px Roboto Condensed,sans-serif!important;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
    background-color: #f2f2f2;
    border-top: 1px solid #f2f2f2;
}
add_filter('jpeg_quality', function($arg){return 100;});