/*! 
Theme Name: Tema
Version: 1.0
Text Domain: ms
!*/
/**

https://www.layoutgridcalculator.com/typographic-scale/
base 12 pt
golden ratio
tetratonic scale(x4)
**/
/* $size1: 4rem;
$size2: 2.3333rem;
$size3: 1.625rem;
$size4: 1.2917rem;
$size5: 1.1458rem;
$size6: 1rem;
$size7: 0.9167rem;
$size8: 0.8333rem;
$size9: 0.75rem; */
/* $size1_m: 2rem; //
$size2_m: 1.7rem; //
$size3_m: 1.3rem; //
$size4_m: 1.1rem; //
$size5_m: 1.1458rem;
$size6_m: 1rem;
$size7_m: 0.9167rem;
$size8_m: 0.8333rem;
$size9_m: 0.75rem; */
/**
* Colors
*/
/**
  * Z-index
  */
/**
  * Placeholder
  */
/**
   * Truncate
   */
/**
  * Cleafix
  */
/**
  * Triangle
  * https://codepen.io/flodar/pen/erism?editors=1100
  position: absolute;
  left: -10px;
  @include triangle(left, 10px, 10px, color(primary));
  */
/* $font-primary: 'Nunito Sans', 'Open Sans', -apple-system, system-ui, BlinkMacSystemFont,
	'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
	'Segoe UI Emoji', 'Segoe UI Symbol'; */
/* $secondary: color(primary) !default; */
.sl-form-group.sl-form-group--udaljenost {
	display: none !important;
}

/* 
.sl-categories.bankomati-single-cats {
	padding-left: 20px;
} */
li.sl-days {
	display: none !important;
}

.info-addr-inner .icon-calendar,
.info-addr-inner .txt-hours {
	display: none !important;
}

@media screen and (max-width: 992px) {
	.pol-lg-4.pol-md-5.pol-sm-12.search_filter {
		position: absolute !important;
		top: 0 !important;
		z-index: 50 !important;
		padding-top: 8px !important;
		background-color: #e3e3e3 !important;
		outline: none !important;
	}
	.sl-container-fluid {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}
	.sl-row.Filter_section {
		-webkit-box-ordinal-group: 3 !important;
		-ms-flex-order: 2 !important;
		order: 2 !important;
	}
	.pol-md-7.pol-lg-8.asl-map {
		-webkit-box-ordinal-group: 0 !important;
		-ms-flex-order: -1 !important;
		order: -1 !important;
	}
}

@media screen and (min-width: 767px) and (max-width: 992px) {
	.pol-md-7.pol-lg-8.asl-map {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.pol-lg-4.pol-md-5.pol-sm-12.search_filter {
		min-width: 100% !important;
		padding-bottom: 3px;
	}
	div#asl-panel {
		max-width: 100% !important;
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
	}
	.Filter_section .pol-lg-8.pol-md-7.pol-sm-12 {
		max-width: 100% !important;
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
	}
}

html {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI',
		Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
		'Segoe UI Symbol';
	color: #262734;
}

/* 
#wpadminbar {
	bottom: 0;
	top: initial !important;
    position: fixed !important;
}
html[lang='hr'], html[lang='en-US'] {
	margin-top: 0 !important;
} */

.navbar-toggle {
	width: 30px;
	height: 25px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
	background-color: #fff;
	border: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 0;
	top: 12px;
}

.line {
	width: 100%;
	height: 3px;
	background-color: #222;
	transition: all 0.3s ease;
}

ul#menu-menu-1 li {
	list-style-type: none;
}

ul#menu-menu-1 li a {
	text-decoration: none;
}

img.img-fluid.logo {
	max-width: 120px;
	height: auto;
}

ul#menu-menu-1 li a {
	text-decoration: none;
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light {
	position: relative;
}

.navbar .container {
	position: relative;
}
ul#menu-menu-1 a {
	color: #222 !important;
}

body {
	margin: 0;
	padding: 0;
}

.footer {
	background-color: #00b2e3;
	padding: 40px 0;
}

.footer a,
.footer * {
	color: #fff !important;
}
.footer .img {
	border-radius: 50%;
	background-color: #fff;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.footer .img img {
	border-radius: 50%;
}
@media screen and (min-width: 992px) {
	.navbar-toggle {
		display: none;
	}
	img.img-fluid.logo {
		max-width: 150px;
	}
	ul#menu-menu-1 {
		position: absolute;
		top: 0;
		top: 20px;
		right: 0;
	}

	ul#menu-menu-1 li.current_page_item a {
		background-color: #00b2e3;
		color: #fff !important;
		padding: 12px;
		border-radius: 5px !important;
	}
}

@media screen and (max-width: 992px) {
	.navbar .container {
		max-width: none;
	}
	ul#menu-menu-1 {
		background: #fff;
		padding-bottom: 20px;
	}
	div#navbarSupportedContent.collapse {
		display: none;
	}

	div#navbarSupportedContent.show {
		display: block;
	}
}

.fbottom {
	background-color: #00b2e3;
	color: #fff !important;
}
#asl-storelocator.asl-cont .asl-wrapper .Filter_section .Status_filter .onoffswitch {
	
    width: 120px;
}
#asl-storelocator.asl-cont .infoBox #style_1 .image_map_popup img {
    width: initial !important;
    max-width: 100px !important;
}

#commentform label {
    display: block !important;
}

.fleft__in {
	background-color: #efefef;
	color: #333 !important;
	border-radius: 4px;
    height: 100%;
}
.fright__in {
	background-color: #fff;
	color: #333 !important;
}

span.required-field-message {
    display: block;
}

@media screen and (min-width: 992px) {
	div#asl-panel {
		margin-top: -324px;
	}
    ul#menu-menu-1 {
        left: 350px;
    }
}


@media screen and (max-width: 767px) {
	#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_1 h3 {
		/* margin-left: 50px; */ 
        max-width: calc(100% - 110px);
	}
	#asl-storelocator .infoBox #style_1 .image_map_popup {
		position: absolute;
		top:0;
        right: 30px;
		z-index: 9;
		/* display: none !important; */
	}
	#asl-storelocator .infoBox #style_1 .image_map_popup img {
		max-height: 58px;
	}
	#asl-storelocator.asl-cont .sl-main-cont .asl-map-canv {
		min-height: 700px;
	}
}


@media screen and (min-width: 1400px) {
	div#asl-panel {
        margin-top: -274px;
	}
}
@media screen and (min-width: 2800px) {
	div#asl-panel {
        margin-top: -234px;
	}
}