/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/

.flex {display:flex; flex-direction:row; flex-wrap:wrap; border:0px solid red;}
.flex-reverse {display:flex; flex-direction:row-reverse; flex-wrap:wrap;}
.flex-space-between {}


/* map section */
.section-map {margin:0 0 0; padding:0 0; background:#fff;}
.acf-map-cat-container {border:0px solid green!important;}

	/* map container */
	.acf-map-container {margin:0 0 40px; width:100%; height:450px; border:0px solid blue!important;}

		/* map */
		.acf-map {width:100%; height:450px; border:#ccc solid 0px; margin:0; opacity:0;}
		.acf-map.map-show {opacity:1; transition:opacity ease-in-out .3s;} 

		/* fixes potential theme css conflict */
		.acf-map img {max-width:inherit !important;}


/* category container */
.acf-cat-container {margin:0 0 40px; width:100%; max-width:100%; border:0px solid blue!important;}
.acf-cat-container-inner {margin:0 0 0 0!important; padding:0 0 0 0!important;}

 

/* country select dropdown */
.cat-dropdown {
position:relative; 
margin:20px 0 0; 
height:42px; 
background-color:#efefef; 
border:1px solid #af915f!important;}

.cat-dropdown::after {
position: absolute;
top: 0%;
right: 0%;
width: 24px;
font-family: FontAwesome;
content: '\f0d7';
font-style: normal;
font-weight: normal;
text-decoration: inherit;
font-size: 24px;
line-height: 1;
color: black;
padding:9px 0 0 0;
margin: 0 0 0 0;
z-index: 999;
border:0px solid red;
}

.cat-dropdown select {
position: relative;
-webkit-appearance: none; 
-moz-appearance: none;
appearance: none;  
border-radius:none!important;
outline:none; 
padding:0 10px; 
margin:0;
width:100%!important; 
height:40px!important; 
background-color:transparent; 
border:0!important;
text-transform:capitalize; 
font-size:24px; 
line-height:24px!important; 
font-family:'Texta-black', sans-serif; 
color:#af915f!important;
z-index: 9999;
}

select::-ms-expand {display:none; /* hide the default arrow in ie10 and ie11 */}

.cat-dropdown select option {
font-size:16px; 
outline:none!important;
font-family:'Texta-book', sans-serif; 
border:1px solid red;
}

.cat-dropdown select option:active {outline:none; border:none;}



/* listing container */
.acf-map-listing {clear:both; min-height:100px; border:0px solid green!important;}
.acf-map-listing-inner {padding:0 0 0!important; min-height:200px;}

.acf-map-listing-item {}
.acf-map-listing-item-inner {padding:0 20px 10px 0; border:0px solid #efefef;}

@media screen and (min-width:320px){ /* green */
}

@media (min-width:400px) {/* extra */
.acf-map {display:block!important; height:250px;} 
.acf-map-container {display:block!important; height:250px;}
.acf-map-listing-item {width:50%;}
} 

@media (min-width:576px) {/* yellow */
.acf-map {height:450px;} 
.acf-map-container {height:450px;}
.section-map .background-white {padding:0 0;}
.acf-map-listing-inner {padding:0 0 0!important;}
.acf-map-listing-item {width:50%;}
} 

@media (min-width:769px) { /* red */
.acf-map-container {float:left; width:calc(100% - 290px)!important;}
.acf-cat-container {float:right!important; width:280px!important; max-width:280px!important;}
.acf-cat-container-inner {padding:0 0 0 40px!important;}
.acf-map-listing-item {width:33%;}
} 

@media (min-width:992px) {  /* blue */
.acf-map-container {width:calc(100% - 315px)!important;}
.acf-cat-container {width:305px!important; max-width:305px!important;}
.acf-map-listing-item {width:25%;}
}


@media (min-width:1280px) {/* orange */
.acf-map-container {width:calc(100% - 340px)!important;}
.acf-cat-container {width:330px!important; max-width:330px!important;}
.acf-map-listing-item {width:20%;}
}


/* Fonts -----------------------------------------------*/

/* menu */
.acf-cat-container .acf-cat-items {margin:0 0 0;}
.acf-cat-container .acf-cat-items li {display:block; position:relative; margin:0 0 4px;}
.acf-cat-container .acf-cat-items li a {display:block; text-decoration:none; font-size:2em; line-height:1.2; color:inherit;}
.acf-cat-container li.current-menu-item a {text-decoration:underline;}

/* listing */
.acf-map-listing .acf-map-listing-item h2 {font-size:1em!important; margin:inherit;}
.acf-map-listing .acf-map-listing-item p {font-size:14px; line-height: 1.65em; color:#666666;}
.acf-map-listing .acf-map-listing-item p a {text-decoration:none!important; color: #6ab85f!important;}
.acf-map-listing .acf-map-listing-item p a:hover {color:#6ab85f; text-decoration:underline!important;}

.acf-map-listing .acf-map-listing-item p.link-to-map a {text-decoration:none!important; color: #a81010!important;}
.acf-map-listing .acf-map-listing-item p.link-to-map a:hover {color:#eb3b3b3b; text-decoration:underline!important;} 

.acf-map-listing .acf-map-listing-item p.services {margin:6px 0 0; line-height:1.2; font-size:13px; font-style:italic;}
.acf-map-listing .acf-map-listing-item p.link-to-map {margin:3px 0 0; line-height:1.2; font-size:13px; font-style:italic;}

/* markers */
.gm-style-iw p {font-size:15px!important; margin:0.1em 0 0.4em;}
.gm-style-iw p a {text-decoration:none!important; color: #a81010!important;}
.gm-style-iw p a:hover {color:#eb3b3b3b; text-decoration:underline!important;} 
.gm-style-iw-d p.services {line-height:1.2; font-size:13px!important; font-style:italic;}
.gm-style-iw-d p.link-to-map {line-height:1.2; font-size:13px!important; font-style:italic;}

/* service-dots */
.service-dot {display:inline-block; width:10px; height:10px; border-radius:5px; margin-right:2px;}
.acf-map-listing-item .service-dot {margin-right:5px;}
.service-dot.ingen-udlejning {background-color:#e30613;}
.service-dot.trailer {background-color:#6ab85f;}
.service-dot.fyringsolietrailer {background-color:#040404;}


/* borders */
body {border-left:0px solid violet;}
@media (min-width:320px) {body {border-color:green;}}
@media (min-width:576px) {body {border-color:yellow;}}
@media (min-width:769px) {body {border-color:red;}}
@media (min-width:992px) {body {border-color:blue;}}
@media (min-width:1280px) {body {border-color:orange;}}