/* -------------------------------------------------------------- */
/* ---------------------- Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	
body, html {}


}
/* ---------------------- END 576px and up -------------- */


/* ---------------------- Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	
/* AKTIVNI BANERI*/
.aktivni_baner_wrapper {
	height: 320px;
}
/* END aktivni baneri */	
	
	/*FOOTER*/
	#footer_to_home {display: block;}
	
	#footer_columns {
		grid-template-columns: 1fr 1fr;
		text-align: left;
	}
	#footer_columns h3 {
		font-size: 16px;
	}
	#footer_columns ul.footer-nav-wrapper {
		font-size: 16px;
	}
	#footer_to_top {display: block;}
	
	#footer_columns ul.footer-nav-wrapper li a {
		position: relative; left:-0.5em;
	}
	/* /footer */

	/*SUBFOOTER*/
	#subfooter {	
		display: flex;
		justify-content: center;
		align-items: center;	
	}
	ul#subfooter-nav-list li {display: inline-block; padding-left: 25px;}
	ul#subfooter-nav-list li:before {padding-right: 25px;}
	#subfooter_dr_group {margin-bottom: 0;}
	/* /subfooter */
	
}
/* ---------------------- END 768px and up -------------- */


/* ---------------------- Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

/* HEADER */
#mobile-indicator {display: none;}
#masthead.vitalis.mobile_masthead {
	display: none;
}
#masthead.vitalis.desktop_masthead {
	position: fixed;
	z-index: 1000;
	width: 100%;
	padding-left: 15px; padding-right: 15px;
	background-color: rgba(255,255,255,0);
	height: var(--desktop-masthead-height);
	display: flex;
	/*justify-content: space-between;*/
	justify-content: center;
	align-items: flex-end;
	/*display: grid;
	grid-template-columns: 1fr auto 1fr;*/
	
	transition: all 0.2s ease-in;
}
#masthead.vitalis.desktop_masthead > div.masthead_inner	 {
	width: 100%; height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
#masthead.vitalis.desktop_masthead:hover {
	background-color: rgba(255,255,255,1);
}
#masthead.vitalis.desktop_masthead.shrinked_desktop_masthead {
	/*height: var(--desktop-masthead-height-shrinked);*/
	background-color: rgba(255,255,255,1);
	box-shadow: 0 7px 7px rgba(0,20,40,0.15);
}
#masthead.vitalis.desktop_masthead .desktop_logo_wrap {height: 160px; transition: all 0.2s ease-in;}
/*#masthead.vitalis.desktop_masthead.shrinked_desktop_masthead .desktop_logo_wrap {height: 110px;}*/ /*shrinked*/

#masthead.vitalis.desktop_masthead.opaque_desktop_masthead {
	background-color: rgba(255,255,255,1);
	box-shadow: 0 7px 7px rgba(0,20,40,0.15);
}


/*centering the logo*/
.flex_col_1, .flex_col_3 {flex: 1; display: flex; min-width: -webkit-min-content; /* Workaround to Chrome bug */}
.flex_col_3 {justify-content: flex-end;}


/* ---burger--- */
#desktop_burger_wrap {
	display: inline-block;
	width: 16px; height: 16px;
	cursor: pointer;
	margin-top: 7px;
}
#desktop_burger_wrap svg {width: 100%; height: 100%;}
#desktop_burger_wrap svg path {fill: var(--main-blue);}
#desktop_burger_wrap:hover svg path {fill: var(--dark-blue);}

#desktop_burger_menu {
	position: absolute;
	top: 0; left: 0;
	height: 100vh;
	background-color: #ffffff;
	overflow: hidden;
	transition: var(--default-transition);
	
	width: 0;
}
#desktop_burger_menu.opened {
	width: 360px;	
	box-shadow: 7px 0 7px rgba(0,20,40,0.15) 
}
#desktop_burger_menu_close_btn {
	float: right;
	width: 24px; height: 24px;
	margin-top: 20px; margin-right: 20px;
	cursor: pointer;
}
#desktop_burger_menu_close_btn svg {width: 100%; height: 100%;}
#desktop_burger_menu_close_btn svg polygon {fill: var(--main-blue);}
#desktop_burger_menu_close_btn:hover svg polygon {fill: var(--dark-blue);}

.desktop-burger-menu-nav-container {
	width: 360px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
ul#desktop-burger-menu-list {
	list-style-type: none;
	width: 100%; margin: 0; padding: 0;
	margin-top: 15px;
}
ul#desktop-burger-menu-list li {margin: 0; padding: 0;}
ul#desktop-burger-menu-list li a {
	display: block;
	width: 100%;
	font-size: 20px;
	padding: 10px 25px;
	color: var(--main-blue);
	background-color: #ffffff;
	border-top: solid 1px var(--lightest-blue);
	transition: var(--default-transition);
}
ul#desktop-burger-menu-list li a:hover {
	color: var(--dark-blue);
	background-color: var(--lightest-violet);
}
/*  END burger*/


ul#primary-header-nav-list,
ul#secondary-header-nav-list
/*ul#language-nav-list*/ {
	list-style-type: none;
	font-size: 18px;
	margin-bottom: 15px;
	margin-top: 0;
	padding: 0;
	transition: var(--default-transition);
}
/*
.shrinked_desktop_masthead ul#primary-header-nav-list,
.shrinked_desktop_masthead ul#secondary-header-nav-list {margin-bottom: 10px;}
*/

ul#primary-header-nav-list li,
ul#secondary-header-nav-list li,
ul#language-nav-list li {
	display: inline-block;
}
ul#primary-header-nav-list li a,
ul#secondary-header-nav-list li a,
ul#language-nav-list li a {
	color: var(--main-blue);
	display: block;
	padding: 5px 5px;
	/*box-shadow: inset 0 0 0 0 var(--lightest-violet);
	transition: all 0.2s ease-in;*/
}

ul#primary-header-nav-list li a:hover,
ul#secondary-header-nav-list li a:hover,
ul#language-nav-list li a:hover {
	color: var(--dark-blue);
	/*box-shadow: inset 0 -2.3em 0 0 var(--lightest-violet);*/
}

ul#primary-header-nav-list li a {margin-left: 20px;}
ul#secondary-header-nav-list li a {margin-right: 20px;}


.desktop_language_and_user_menu {
	position: fixed;
	top: 16px; right: 65px;	
}
.desktop_user_menu {
	display: inline-block;
	padding-left: 10px;
	border-left: solid 1px var(--main-blue);
}
.desktop_user_menu .desktop_user_menu_links {
	cursor: pointer;
	color: var(--main-blue);
}
.desktop_user_menu .desktop_user_menu_links:hover {
	color: var(--dark-blue);
}
.desktop_user_menu .desktop_user_menu_links span {font-size: 0.66em;}
.desktop_user_menu_sub {
	position: absolute;
	top: 2em; right: 0;
	padding: 2px;
	overflow: hidden;
	transition: var(--default-transition);
	height: 0px;
}
.desktop_user_menu_sub.open {
	height: 300px; /* arbitrary large number */
}

.desktop_user_menu_sub ul {
	list-style-type: none; margin: 0; padding: 0;
	min-width: 180px;
	height: auto;
	text-align: right;
	background-color: transparent;
	
	transition: var(--default-transition);
	box-shadow: 0 0 0 rgba(0,0,0,0);
}
.desktop_user_menu_sub.open ul {
	background-color: #ffffff;
	box-shadow: 0 0 3px rgba(0,0,0,0.66);
}

.desktop_user_menu_sub ul li {width: 100%;}
.desktop_user_menu_sub ul li a {
	display: block;
	width: 100%;
	padding: 15px 15px;

	color: var(--main-blue);
	transition: var(--default-transition);
}
.desktop_user_menu_sub ul li a:hover {
	color: var(--dark-blue);
	background-color: var(--lightest-violet);
}

.language-nav-container {display: inline-block;}
ul#language-nav-list {
	list-style-type: none;
	font-size: 14px;
	margin-top: 0; padding: 0;
	padding-right: 5px;
}

ul#language-nav-list li a {
	margin-right: 0; margin-left: 0;
	padding-left: 3px; padding-right: 3px;
	text-transform: uppercase;
}

#desktop_header_search_wrap {
	margin-bottom: 15px;
	margin-top: 0;
	font-size: 18px;
	margin-left: 10px;
	padding-top: 5px;
}
/*
.shrinked_desktop_masthead #desktop_header_search_wrap {margin-bottom: 10px;}
*/
#desktop_header_search_wrap span.search_label {
	display: inline-block;
	cursor: pointer;
	color: var(--main-blue);
}
#desktop_header_search_wrap span.search_label:hover {
	color: var(--dark-blue);
}
#desktop_header_search_wrap #desktop_header_search_container {
	position: absolute;
	top: var(--desktop-masthead-height); right:0;
	background-color: #ffffff;
	height: 90px;
	overflow: hidden;
	transition: var(--default-transition);
	
	width: 0;
}
/*
.shrinked_desktop_masthead #desktop_header_search_wrap #desktop_header_search_container {top: var(--desktop-masthead-height-shrinked);}
*/
#desktop_header_search_wrap #desktop_header_search_container.opened {
	width: 480px;
	box-shadow: -7px 7px 7px rgba(0,20,40,0.15) 
}
#desktop_header_search_form_wrap {
	width: 100%; height: 100%;
	display: flex;
	column-gap: 5px;
	align-items: center;
	padding: 0 15px 0 5px;
}
#desktop_header_search_form_wrap #searchform.searchform {height: 50px; width: 100%;}
#desktop_header_search_form_wrap #searchform.searchform div {display: flex; column-gap: 5px; height: 100%; width: 100%;}
#desktop_header_search_form_wrap #searchform.searchform div input[type="text"] {
	height: 100%; width: 100%;
	border: solid 1px var(--lightest-blue);
}
#desktop_header_search_form_wrap #searchform.searchform div input[type="submit"] {
	height: 100%;
	width: 100%;
	max-width: 100px;
	background-color: transparent;
	cursor: pointer;
	color: var(--main-blue);
	border: solid 1px var(--main-blue);
	text-transform: uppercase;
	font-size: 18px;
}
#desktop_header_search_form_wrap #searchform.searchform div input[type="submit"]:hover {
	color: #ffffff;
	background-color: var(--main-blue);
}
#desktop_header_search_cancel {
	width: 30px; height: 30px;
	cursor: pointer;
}
#desktop_header_search_cancel svg path {
	fill: var(--light-blue);
}
#desktop_header_search_cancel:hover svg path {
	fill: var(--main-blue);
}

/* AKTIVNI BANERI*/
/*caption animated on large screens */
a.aktivni_baner_caption {top: 100%; bottom: auto;}

.aktivni_baner_wrapper {
	height: 380px;
}
/* END aktivni baneri */

/*FOOTER*/
#footer_search_field_wrap.footer_search_activated {
	width: 600px;
}
#footer_columns {
	grid-template-columns: 1fr 1fr 1fr;
}


#footer_bottom {
	display:flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
}


/*END footer*/



}
/* ---------------------- END 992px and up -------------- */


/* ---------------------- X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


ul#primary-header-nav-list,
ul#secondary-header-nav-list
/*ul#language-nav-list*/ {
	font-size: 20px;
	margin-bottom: 20px;
}
/*
.shrinked_desktop_masthead ul#primary-header-nav-list,
.shrinked_desktop_masthead ul#secondary-header-nav-list {margin-bottom: 10px;}
*/
ul#language-nav-list {
	font-size: 14px;
}

ul#primary-header-nav-list li a {margin-left: 30px;}
ul#secondary-header-nav-list li a {margin-right: 30px;}

#desktop_header_search_wrap {
	margin-bottom: 20px;
	font-size: 20px;
	margin-left: 10px;
}
/*
.shrinked_desktop_masthead #desktop_header_search_wrap {margin-bottom: 10px;}
*/

#mobile_header_search_btn {display: none;}

/* AKTIVNI BANERI*/
.aktivni_baner_wrapper {
	height: 400px;
}
/* END aktivni baneri */

/* FOOTER */
#footer_columns {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
/* END footer */

	
}
/* ---------------------- END 1200px and up -------------- */


/* ---------------------- XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

/* HEADER */

#masthead.vitalis.desktop_masthead > div.masthead_inner	 {
	width: 1400px;
}

/* END header */

/* AKTIVNI BANERI*/
.aktivni_baner_wrapper {
	height: 430px;
}
/* END aktivni baneri */

/* FOOTER */
#footer_container {
	padding-left: 0; padding-right: 0;
	width: 1400px; 
}
/* END footer */

}