/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

/* Theme customization starts here
-------------------------------------------------------------- */
.head-space {padding-top: 40px;}
.no-bullets, .no-bullets li {list-style: none !important; list-style-type: none !important;}

/* Locations (all ) Page */
.maparea-wrapper {
    width: 100%;
    margin-top: 0;
    position: relative;
    overflow: hidden;
    background: #f6f6f6;
}
.maparea {
	position: relative;
	z-index: 0;
	background: url(images/map.jpg) no-repeat 50% 50%;
	background-size: contain;
	margin: 20px auto;
}
.maparea .midtownomaha:before {
    content: '';
    display: block;
    width: 60px;
    height: 88px;
    position: absolute;
    top: -60px;
    left: 25px;
    background: url(images/icon-location-map.png) no-repeat center center;
	background-size:contain;
}
.maparea .swomaha:before {
    content: '';
    display: block;
    width: 60px;
    height: 88px;
    position: absolute;
    top: -60px;
    left: 30px;
    background: url(images/icon-location-map.png) no-repeat center center;
	background-size:contain;
}
.maparea .nwomaha:before {
    content: '';
    display: block;
    width: 60px;
    height: 88px;
    position: absolute;
    top: -60px;
    left: 30px;
    background: url(images/icon-location-map.png) no-repeat center center;
	background-size:contain;
}
.maparea .cb:before {
    content: '';
    display: block;
    width: 60px;
    height: 88px;
    position: absolute;
    bottom: -40px;
    left: 25px;
    background: url(images/icon-location-map.png) no-repeat center center;
	background-size:contain;
}

.maparea .hh:before {
    content: '';
    display: block;
    width: 60px;
    height: 88px;
    position: absolute;
    top: -60px;
    left: 30px;
    background: url(images/icon-location-map.png) no-repeat center center;
	background-size:contain;
}

.maparea .oa:before {
    content: '';
    display: block;
    width: 60px;
    height: 88px;
    position: absolute;
    top: -60px;
    left: 30px;
    background: url(images/icon-location-map.png) no-repeat center center;
	background-size:contain;
}

.maparea .swomaha {
    left: 55px;
    bottom: 120px;
}

.maparea .nwomaha {
	left: 155px;
	top: 45px;
}

.maparea .midtownomaha {
	right: 355px;
	top: 255px;
}
.maparea .cb {
	right: 20px;
	bottom: 530px;
}
.maparea .hh {
	left: 320px;
    bottom: 113px;
}
.maparea .oa {
	left: -30px;
    top: 170px;
}

.maparea .swomaha, .maparea .nwomaha, .maparea .midtownomaha, .maparea .cb, .maparea .hh, .maparea .oa {
    position: absolute;
    padding: 34px 0;
}
.maparea .location:hover {
    background: rgba(0,50,160,0.8);
}
.maparea .location:hover:before {
  background: url(images/icon-location-map-hover.png) no-repeat center center;
	background-size:contain;
}
.maparea .location:hover h3, .maparea .location:hover p, .maparea .location:hover a {
    color: #fff;
}

.location {
	background: rgba(255,255,255,0.85);
	width: 300px;
	padding-bottom: 25px;
	display: block;
	text-decoration: none;
	cursor: pointer;
}

.maparea .info1 {padding-bottom: 20px;}
.maparea .swomaha h3, .maparea .swomaha p, .maparea .swomaha a {color: #23245a;}
.location h3, .location p {text-align: center;}
.maparea h3 {
    font-size: 1.7em;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 7px;
    padding: 0 20px;
}
.location p {line-height: 1; font-size: 1em; margin-bottom: 10px;}
.maparea .phone {font-weight: 900; font-style: italic;}
.maparea .open-days {font-weight: 700;}

@media screen and (max-width: 1239px) {
	
}

@media screen and (min-width: 960px) and (max-width:1239px) {
	#header_locations div {margin-left: 0.42em !important;}
}

@media screen and (min-width:1220px) {
	.maparea-wrapper {min-height: 940px;}
	.maparea {
			position: relative;
			z-index: 0;
			background: url(images/map.jpg) no-repeat 50% 50%;
			width: 1220px;
			max-width: 1220px;
			height: 905px;
			margin: 20px auto;
	}
}


@media screen and (max-width:1219px) {
	.maparea-wrapper {max-height: 600px;}
	.maparea {
		width:1000px;
		max-width:1000px;
		height:750px;
	}
	.location {height:75px; padding-bottom:0 !important;}
	.info1 p.phone {display:none;}
	.info2 {display:none;}
	.maparea .cb {bottom: 305px;}
	.maparea .cb:before {bottom:initial;top:-60px;}
	.maparea .swomaha {bottom: 175px;}
	.maparea .midtownomaha {right: 435px; top: 237px;}
	.maparea .midtownomaha:before {left: auto; right:30px;}
	.location:hover {height:130px;}
	.location:hover .info1 p.phone {display:block;}
}


@media screen and (max-width:1000px) {
	.location {width: 245px;}
	.maparea h3 {font-size:1em;}
	.maparea .cb {right: 180px;}
	.maparea .cb:before {left:initial;right:30px;}
}

@media screen and (max-width: 959px) {
	#hh_oa {text-align:center;}
}

@media screen and (max-width:835px) {
	.maparea-wrapper {max-height: 400px;}
	.maparea {
		width:600px;
		max-width:600px;
		height:400px;
	}
	.location {width: 200px;}
	.maparea .cb {bottom:120px; right:30px;}
	.maparea .cb:before {left: initial; right: 30px; width:40px; height:66px; top:-40px;}
	.maparea .midtownomaha {right: 455px; top: 210px;}
	.maparea .midtownomaha:before {width:40px; height:66px; top:-40px;}
	.maparea .swomaha {left:225px; bottom: 137px;}
	.maparea .swomaha:before {width:40px; height:66px; top:-40px;}
	.maparea .nwomaha {left: 60px; top: 4px;}
	.maparea .nwomaha:before {width:40px; height:66px; top:-40px;}
	.maparea h3 {font-size:1em;}
	.location:hover {height:75px}
	.location:hover .info1 p.phone {display:none;}
}

@media screen and (max-width:730px) {
    #request_estimate_form {padding-left: 10% !important; padding-right: 10% !important;}
}


@media screen and (max-width:600px) {
	.location {background:transparent;}
	.maparea .swomaha h3, .maparea .swomaha p, .maparea .swomaha a {color:transparent;}
	.maparea .nwomaha h3, .maparea .nwomaha p, .maparea .nwomaha a {color:transparent;}
	.maparea .midtownomaha h3, .maparea .midtownomaha p, .maparea .midtownomaha a {color:transparent;}
	.maparea .cb h3, .maparea .cb p, .maparea .cb a {color:transparent;}
	.maparea .swomaha {left: 15px; bottom: 90px;}
	.maparea .nwomaha {top: 35px;}
	.maparea .midtownomaha {right: 240px; top: 110px;}
	.maparea .cb {bottom: 110px; right: 130px;}
}


@media screen and (max-width:480px) {
	.maparea-wrapper {max-height: 325px;}
	.maparea {background: url(images/spacer.png) no-repeat 50% 50%}
	.maparea .swomaha:before,
	.maparea .nwomaha:before,
	.maparea .midtownomaha:before,
	.maparea .cb:before,
	.maparea .hh:before,
	.maparea .oa:before {display:none;}
	.maparea .swomaha,
	.maparea .nwomaha,
	.maparea .midtownomaha,
	.maparea .cb,
	.maparea .hh,
	.maparea .oa {display:block; float:left;  width:38%; margin: 1% 1% 0 0; background:#FFF;top:initial;left:initial;bottom:initial;right:initial;position:relative;}

	.maparea .swomaha h3, .maparea .swomaha p, .maparea .swomaha a,
	.maparea .nwomaha h3, .maparea .nwomaha p, .maparea .nwomaha a,
	.maparea .midtownomaha h3, .maparea .midtownomaha p, .maparea .midtownomaha a,
	.maparea .cb h3, .maparea .cb p, .maparea .cb a,
	.maparea .hh h3, .maparea .hh p, .maparea .hh a,
	.maparea .oa h3, .maparea .oa p, .maparea .oa a {color:#23245a;}

	.location, .location:hover {height:100px}
}


@media screen and (max-width:480px) {
	.maparea-wrapper {height:850px; max-height:850px; width:100%; max-width:450px;}
	.maparea {width:100%; max-width:450px;}
	.maparea .swomaha,
	.maparea .nwomaha,
	.maparea .midtownomaha,
	.maparea .cb,
	.maparea .hh,
	.maparea .oa {width:100%;}
}