/*
Theme Name: Wasserij Extra
Author: kpot
Version: Extra proper;
*/

/* === TABLE OF CONTENTS === */
/*
 *
 *
 *
 */

/* === COLORS & FONTS == */
/* colors: green: #beffc8, darkgrey: #414042, lightgrey: #ebebeb */


/* === SMARTPHONE === */
/* GENERAL STYLES */

html,body{
	width:100% !important;
	overflow-x:hidden;
}

body{
	color: #414042;/*darkgrey*/
	font-size:16px;
  line-height: 1.4;
	font-family: 'Open Sans Condensed', sans-serif;
}

::-webkit-input-placeholder {
   color: #414042; /*darkgrey*/
}

:-moz-placeholder { /* Firefox 18- */
   color: #414042; /*darkgrey*/
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #414042; /*darkgrey*/
}

:-ms-input-placeholder {
   color: #414042; /*darkgrey*/
}

*{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

form *:focus, form *:active, form *:hover{
	outline:none;
}

img{
  max-width: 100%;
  height: auto;
}

a{
	color: #414042;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
.wrapped p, footer p{
  line-height: 1.6 !important;
  max-width: 900px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.left-aligned li{
  list-style-type: disc;
  margin-left: 21px;
}

ol{
  padding: 0;
}

h1{
    font-family: 'andobold';
	text-transform:uppercase;
	letter-spacing: 3px;
	line-height: 1;
}

.overextra main p{
	margin-bottom:6em;
}

h1.extraHeader, .overextra main h1,
.melding h1{
	position:relative;
	margin-bottom:1.6em;
    font-family: 'andobold';
	text-transform:uppercase;
	letter-spacing: 3px;
}

h1.extraHeader::after,
.overextra main h1::after,
.melding h1::after{
	content:"";
	display:block;
	position:absolute;
	bottom:-.67em;
	left:50%;
	margin-left:-30px;
	width:60px;
	height:0;
	border-bottom:3px solid #414042; /*darkgrey*/
}

h2{
	font-size:1em;
}

ul{
	list-style-type:none;
	padding:0;
}

.quotationMarks{
	position:relative;
}

.quotationMarks *{
	position:relative;
	z-index:1;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.quotationMarks::before,.quotationMarks::after{
	font-weight:700;
	position:absolute;
	z-index:0;
	color:#beffc8; /*green*/
	font-size:5em;
	display:inline;
}

.quotationMarks::before{
	top:-.5em;
	left:0;
	content:"\201C";
}

.quotationMarks::after{
	content:"\201D";
	bottom:-.8em;
	right:0;
}

cite{
	font-weight: 700;
	font-style: normal;
}

input, textarea{
    font-family: 'andoregular', arial, sans-serif;
}

.linkBtn{

}

.wettelijke-gegevens{
	display: none;
}
.contact .wettelijke-gegevens{
	display: block;
}

/* HEADER STYLES */
/* enlarge everything inside the revslider except Bg image */
#rev_slider_1_1{
	overflow:hidden;
}
#rev_slider_1_1>*{
	-webkit-transform:scale(2,2);
	   -moz-transform:scale(2,2);
	    -ms-transform:scale(2,2);
	     -o-transform:scale(2,2);
	        transform:scale(2,2);
	margin-top: -2.5em !important;
}
/* enlarge everything inside the revslider except Bg image */
.tp-bgimg{
-webkit-transform:scale(.5,.5);
   -moz-transform:scale(.5,.5);
    -ms-transform:scale(.5,.5);
     -o-transform:scale(.5,.5);
        transform:scale(.5,.5);
}


.mainMenu{
	position:relative;
	z-index: 999;
	background-color:#beffc8; /*green*/
	text-align:center;
	/* negative margin handled in mobileMenu.js */
}

footer a:hover{
	cursor: pointer;
	text-decoration: underline;
}

.frontPage .mainMenu{
	margin-top: -5em;
}

.mainMenu ul{
	margin:0;
}

.mobileMenuLogo{
	display:inline-block;
	margin-right: 5px;
	width:30px;
	height:auto;
}

/* Vertically align menulogo */
.mainMenu .menuLogo {
  text-align: center;
  /* May want to do this if there is risk the container may be narrower than the element inside */
  white-space: nowrap;
}

/* Vertically align menulogo */
/* Helper element to be able to center evrtically */
.mainMenu .menuLogo:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

/* Vertically align menulogo */
.mainMenu .menuLogo img {
  display: inline-block;
  vertical-align: middle;
  width: 76px;
}

.mainMenu .menuLogo{
	display:none;
}

.mainMenuToggler{
	display:inline-block;
	width:100%;
	font-size:2em;
	line-height:1em;
	padding:1em 0;
	margin:0;
	margin-left:-6px;
	text-transform:uppercase;
  font-family: 'andoregular', arial, sans-serif;
  background-color: transparent;
  border:none;
}

.mainMenuToggler:active,.mainMenuToggler:focus{
	outline:none;
}

.frontPage .mainMenuToggler{
	margin-left:0;
}

.mainMenu li a{
	display:inline-block;
	width:100%;
	font-size:2em;
	line-height:1em;
	padding:1em 0;
	margin:0;
	text-transform:uppercase;
  font-family: 'andoregular', arial, sans-serif;
}

.mainMenu li a:active{
	background-color:#ebebeb; /*lightgrey*/
}

.headerTitleContainer{
	position:relative;
}

.headerTitleContainer h1{
	font-size:2.5em;
	margin:0;
	padding: 1.5em 0;
	text-align: center;
	/* white-space: nowrap; */
	font-family: 'andosemibold';
  white-space: normal;
  line-height: 1;
  padding: 5vh 30px;
  background-repeat: no-repeat;
  background-size: cover;
}

header .headerImg{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	z-index: -1;
}

.overextra header .headerImg,
.extra-diensten header .headerImg,
.extra-diensten header .headerImg{
	background-position:center 90%;
}

.mainMenu li{
  list-style: none;
}
/* Elise */

.mainMenu li a:hover{
  /* text-decoration: underline; */
  color: #000;
}

.left-aligned{
	text-align: left;
}

.languageWrapper{
  display: flex;
  justify-content: center;
  padding: 1em 0 4em 0;
}

.languageWrapper li,
.languageWrapper li a{
  display: inline;
}

.languageWrapper li:last-child::before{
  content: '-';
  display: inline;
  margin: 11px;
  font-size: 26px;
  font-family: 'andoregular', arial, sans-serif;
}

.mainMenu li:first-child a{
  padding-left: 0 !important;
}

/* MAIN STYLES */
main{
	text-align:center;
}

/* -- about -- */
.keywords{
	/* margin:4em 0; */
}

.keywordTitle{
	text-transform: uppercase;
    font-family: 'andosemibold';
}

.keywords li{
	margin:3em 0;
}
.keyword1>div::before, .keyword2>div::before, .keyword3>div::before, .keyword4>div::before{
	margin-bottom: 2em;
	display:block;
}
.keyword1>div::before{
	content:url(/wp-content/themes/extraTheme/img/iron.svg);
}

.keyword2>div::before{
	content:url(/wp-content/themes/extraTheme/img/yarn.svg);
}

.keyword3>div::before{
	content:url(/wp-content/themes/extraTheme/img/coatHanger.svg);
}

.keyword4>div::before{
	content:url(/wp-content/themes/extraTheme/img/location.svg);
}

/* -- extra services -- */
.extraServices{
	background-color:#beffc8; /*green*/
	padding:2em 0;
	transition: all .5s;
}

.extraServices input{
	display:block;
	width:80%;
	margin:0 auto;
	background-color:transparent;
	border:3px solid #414042; /*darkgrey*/
	padding:.7083em.7167em;
	color:#414042; /*darkgrey*/
	box-sizing:border-box;
	text-align:center;
}

.extraServices input[type=submit]{
    font-family: 'andosemibold';
	margin-top:-3px;
	text-transform: uppercase;
}

.postalRepsonseContainer{
  margin-top: 3em;
  text-align: left;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.postalRepsonseContainer a:hover{
  text-decoration: underline;
}

.postalFinderChauffeur{
	text-align: center;
}

.adressPostalFinder{
	display:inline-block;
	vertical-align: middle;
	margin:0 20px;
	width:calc(50% - 40px);
	text-align:center;
	vertical-align: top;
}

.postalCommunication{
	text-align: center;
}

/* -- testimonial -- */
.testimonial{
	background-color:#ebebeb; /*light grey */
	margin:0;
	padding:2em 0;
	letter-spacing: 1px;
	background-image:url(/wp-content/themes/extraTheme/img/testimonialBg.png);
}

.testimonial ul{
	overflow:visible;
}

.testimonial blockquote>p{
	position:relative !important;
}


.lSSlideOuter .lSPager.lSpg > li.active a{
	background-color:#beffc8 !important; /*green*/
}


/* -- promo post on homepage -- */
.promoHome{
	background-color:#beffc8; /*green*/
	padding:2em 10%;
}

.promoHome h1{
	margin-top:0;
}

.promoHome article h1::after{
	content:"";
	display:none;
}

.promoHome article h1{
	font-size:1em;
	margin:.5em;
}

.promoHome article p{
	line-height:1em;
}

.promoHome article p strong{
	font-size:2.5em;
	line-height: 1.5em;
	font-family: 'andobold';
	margin:0;
	text-transform: uppercase;
}

/* locaties */
.locatiesAddressContainer{
    display: inline-block;
    padding: 0px;
    margin:20px 10px;
    vertical-align: top;
    max-width: 33.33%;
    width: 33.33%;
    box-sizing: border-box;
}

.hoofdlocatie{
  max-width: 50%;
  width: 50%;
}

.locatiesAddressContainer::before{
	display:inline-block;
	content:"";
	width:30px;
	height:44px;
	background-image: url(/wp-content/themes/extraTheme/img/location.svg);
	background-size:contain;
	background-position:center;
	background-repeat: no-repeat;
}

.locatiesMap{
	height:630px;
	width:100%;
}

.locatiesAddressContainer p{
  margin: 0;
}

.locatiesAddressText{
  margin-bottom: 30px;
}

/* extra diensten pagina */
.extraDienstenContainer{
	visibility:hidden;
	max-width:75%;
	margin: 0 auto;
	text-align:left;
}

.extraDienstenContainer.row{
	position:relative;
	overflow:visible;
	width:100%;
}

.extraDienstenContainer .row:not(:first-child){
	margin-top:-20px;
}

.extraDienst{
	vertical-align: top;
	position:relative;
	display:inline-block;
	border:3px solid #beffc8; /*green*/
	padding:500px 0;
	text-align: center;
	font-size:18px;
	width:100%;
}

.extraDienst>*{
	margin:0 5%;
	box-sizing:border-box;
	width:calc(100% - 10%);
	display: table;
	vertical-align: middle;
}


.extraDienst h2{
	font-size: 30px;
	font-family: 'andosemibold';
}

.extra-diensten .extraDienst:hover{
	background-color:#beffc8; /*green*/
}

/* pijslijst pagina */
.prijslijst .categories, .prijslijst .categories li{
	display:block;
	margin:2em 0;

}

.prijslijst .categories li{
	padding:0 2.375em;
	margin:1em 0;
	text-transform: uppercase;
}

.prijslijst .categories li button{
    font-family: 'andoregular', arial, sans-serif;
	background:none;
	border: none;
}

.prijslijst .categories li button.activeFilter{
    font-family: 'andobold';
}

.prijslijst .categories li button:active, .prijslijst .categories li button:focus{
	outline:none;
}

.prijslijst .extraDienst{
	transition: opacity .5s, color .5s, border-color .5s;
	border-radius:100%;
	margin:50px 0;
}

.prijslijst .extraDienstenContainer .row{
	margin:180px 0;
}

.prijslijst .extraDienstenContainer .row:first-child{
	margin-top:0;
}

.prijs{
	position:absolute;
	top:0;
	left: 0;
	width:100%;
	height:100%;
	background-color:#beffc8; /*green*/
	opacity:0;
	transition: all .5s;
	border-radius: 100%;
	margin:0;
	display:table-cell;
	vertical-align: middle;
}

.prijs:hover{
	opacity:1;
}

.prijs p{
	position:absolute;
	top:50%;
	height:80px;
	width:100%;
	line-height:80px !important;
	font-size:80px;
	margin-top:-40px;
	text-align: center;
    font-family: 'andobold';
}

/* signle page */
article.single{
	text-align:center;
}

/* FOOTER STYLES */
footer{
	text-align: center;
}

footer::after{
	display:block;
	content:url(/wp-content/themes/extraTheme/img/washingInstructions.svg);
	margin-bottom:66px;
}

footer form{
	margin:5em 0;
}

footer input, footer textarea{
	display:block;
	width:90%;
	margin:0 auto;
	background-color:transparent;
	border:3px solid #beffc8; /*green*/
	padding:.7083em.7167em;
	color:#414042; /*darkgrey*/
	box-sizing:border-box;
	text-align:center;
}

footer .footerInputP>span:nth-of-type(2) input,
footer .footerInputP>span:nth-of-type(3) input,
footer .footerInputP>span:nth-of-type(4) input{
	margin-top:-3px;
}

footer textarea{
	text-align: left;
}

/* contact form 7 responses */
div.wpcf7-mail-sent-ok{
	border:none;
	background:#beffc8; /*green*/
}

div.wpcf7-validation-errors{
	border:none;
	background-color:#ebebeb; /*lightgrey*/
}

footer .contact span{
	position:relative;
}

footer .contact span.wpcf7-not-valid-tip{
	display:none;
}

/* end contact form 7 responses */

footer .icons{
	margin:4em 0;
}

footer .icons li{
	margin:3em 0;
    font-family: 'andoregular', arial, sans-serif;
}

footer .icons li img{
	margin:0 auto 30px !important;
}

footer .icon1 img{
	content:url(/wp-content/themes/extraTheme/img/paperPlane.svg);
	display:block;
	width:60px;
	height:42px;
}

footer .icon2 img{
	content:url(/wp-content/themes/extraTheme/img/location.svg);
	display:block;
	width:48px;
	height:71px;
}

footer .icon3 img{
	content:url(/wp-content/themes/extraTheme/img/phone.svg);
	display:block;
	width:39px;
	height:44px;
}

.googlemaps{
	position:relative;
	width:100%;
}

.googlemaps iframe{
	width:100%;
	-webkit-pointer-events:none;
	border:none;
}

footer .copyright{
    font-family: 'andoregular', arial, sans-serif;
	background-image:url(/wp-content/themes/extraTheme/img/footer_image_mobile.svg);
	background-size:1024px auto ;
	background-position:center top;
	background-repeat: no-repeat;
	padding-top:250px;
	margin-top:-5px;
}

footer .copyright p:last-of-type{
	margin:3em 0;
}

.frLanguage footer .copyright{
  background-image:url(/wp-content/themes/extraTheme/img/footer_image_mobile_fr.svg);
}

.homeFb{
	padding:1.5em 2.5em 1.2em 2em;
	background-color: #beffc8; /*green*/
	text-transform: uppercase;
	vertical-align: middle;
}

.homeFb::before{
	content:'';
	display:inline-block;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-position: center;
	width:30px;
	height:30px;
	background-image: url(img/extraFb.svg);
	margin-right:1em;
}



/* HELPER CLASSES */
.desktop{
	display:none;
}

.wrapped{
	width:90%;
	margin:0 auto;
	padding:2em 0;
}

/* for fullwidth elements inside a wrapped element */
.fs{
	width:100vw;
	margin-left:calc((-100vw + 1260px) * .5 );
}

.fullBtn{
	background-color: #beffc8; /*green*/
}

.linkBtn{
	background-color: #beffc8; /*green*/
	padding:1em 3em;
	text-decoration: none;
	text-transform:uppercase;
  display: inline-block;
}

.linkBtn, .linkBtn:active,.linkBtn:hover, .linkBtn:visited{
	color:#414042!important;/*darkgrey*/
}

.hidden{
	display:none;
	visibility:hidden;
	opacity:0;
}

.visible{
	display:block;
	visibility:visible;
	opacity:1;
}

.opaque{
	opacity:1 !important;
}

.transparent{
	opacity: 0 !important;
}

.googlemapsAccesibility::before, .googlemapsAccesibility::after{
	content:"";
	display:block;
	background-color:white;
	opacity:.4;
	position:absolute;
	top:0;
	bottom:0;
	z-index: 10;
}

.googlemapsAccesibility::before{
	left:0;
	right:80%;
}

.googlemapsAccesibility::after{
	left:80%;
	right:0;
}

.floatLeft{
	float:left;
}

.alignLeft{
	text-align:left;
}

.alignCenter{
	text-align:center;
}

.grayedOut{
	opacity:.2;
	pointer-events:none;
}

.grayedOut, .grayedOut *{
	color:lightgray;
	border-color:lightgray;
}

.grayedOut .prijs:hover{
	opacity:0;
}




/* === TABLET === */
/* GENERAL STYLES */

/* HEADER STYLES */

/* MAIN STYLES */

/* FOOTER STYLES */

/* HELPER CLASSES */
.wrapped{

}

/* === DESKTOP === */
@media screen and (min-width: 1025px){
	/* GENERAL STYLES */

	body{
		font-size:20px;
	}

	h1{
		font-size:3.75em;
	}

	h2{
		font-size:1.5em;
	}


	/* HEADER STYLES */
	/* reset revslider size to default */
	#rev_slider_1_1{
		margin-top:-3.5em;
		overflow:hidden;
	}
	#rev_slider_1_1>*{
		-webkit-transform:scale(1,1);
		   -moz-transform:scale(1,1);
		    -ms-transform:scale(1,1);
		     -o-transform:scale(1,1);
		        transform:scale(1,1);
		margin-top:0 !important;
	}
	/* reset revslider size to default */

	.html5vid::after{
		content:"";
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left: 0;
		background-color:white;
		opacity:.85;
	}
	.tp-bgimg{
	-webkit-transform:scale(1,1);
	   -moz-transform:scale(1,1);
	    -ms-transform:scale(1,1);
	     -o-transform:scale(1,1);
	        transform:scale(1,1);
	}

	/* make horizontal menu */
	.mainMenu{
		margin-top:0;
	}

	.tp-revslider-mainul{
		margin-top:-3.8em;
	}

	.frontPage .mainMenu{
		margin-top:-7em;
	}

	.mainMenu .menuLogo{
		display:inline-block;
	}

	.mainMenu li a,
  .mainMenu li{
		font-size:1em;
		line-height:1em;
		display:inline-block;
		padding:0;
		margin:0;
	}
  .mainMenu li a{
    font-size: 1.75em;
  }

	.mainMenu li a,
  .languageWrapper{
    padding: 1.5em 0 1.5em 5.5rem;
    width: auto;
	}

  .languageWrapper li a{
    padding: 0;
  }

  .languageWrapper{
    position: relative;
    display: block;
  }

  .languageWrapper li{
    display: block;
  }

  .languageWrapper li:last-child::before{
    display: none;
  }

  .selectedLanguage{
    z-index: 9
  }
  .notSelectedLanguage{
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(4rem);
    opacity: 0;
    transition: transform 0.4s ease, opacity 1s;
  }

  .languageWrapper:hover .notSelectedLanguage{
    opacity: 1;
    transform: translateY(5rem);
  }

  .languageWrapper li a:hover{
    text-decoration: underline;
  }

	.mainMenuToggler{
		display: none;
	}

	.mainMenu li a:active{
		background-color: #beffc8; /*green*/
	}

	.headerTitleContainer{
		position:relative;
	}

	.headerTitleContainer h1{
		position:relative;
		z-index: 10;
		text-align: center;
		/* line-height:25.39vw; */
		/* white-space: nowrap; */
		font-size:7.5em;
    	font-family: 'andosemibold';
    	margin:0;
    	padding: 10vh 30px;
	}

	.headerTitleContainer h1 div.desktop{
		display:block;
	}

	header .headerImg{
		height:25.39vw;
	}

	/* MAIN STYLES */
	/* -- about -- */
	/* counter padding given by .wrapped class -> no whitespace under keywords */
	.about.wrapped{
		padding-bottom:0;
	}
	/*horizontal keywords icons*/
	.keywords{
		margin:0;
		display: flex;
    justify-content: center;
    align-items: center;
	}

	.keywords li{
		display:table-cell;
		width:24.8%;
		margin:0;
		padding: 30px;
		box-sizing:border-box;
		height:320px;
		vertical-align: middle;
		transition:all .5s;
	}

	.keywords li:hover{
		background-color:#beffc8; /*green*/
	}

	.keywords li>div{
		transition:all .2s;
		margin-top:50px;
	}

	.keywords li:hover>div{
		margin-top:0;
	}

	.keywords li p:not(.keywordTitle){
		opacity:0;
		transition:all .5s;
		font-size:0.7em;
		font-family: 'Open Sans Condensed', sans-serif;
	}

	.keywords li:hover p:not(.keywordTitle){
		opacity:1;
	}

	/* -- extra diensten -- */
	.extraServices{
		padding:150px 0;
	}

	.extraServices form{
		max-width:630px;
		margin:0 auto;
	}

	.extraServices input{
		display:inline;
		width:50%;
	}

	.extraServices input[type=submit]{
		margin-left:-3px;
		transition:all .1s;
	}

	.extraServices input[type=submit]:hover{
		background-color:#414042;/*darkgrey*/
		color:#beffc8; /*green*/
	}

	/* -- testimonial -- */
	.testimonial{
		background-size:cover;
		background-position:center;
		min-height:570px;
		padding:0;
	}

	.testimonial ul{
		overflow:visible;
		height:100%;
	}

	.testimonial blockquote{
		max-width:1260px;
		margin:0 auto;
		/* font-size:1.5em; */
	}

	.quotationMarks{
		width:auto;
		display:inline-block;
	}

	.lSSlideOuter .lSPager.lSpg > li:not(.active):hover a{
		background-color:#222222 !important;
	}

	/* -- promo post on homepage -- */
	.promoHome{
		padding:150px;
	}

	.promoHome article p, .promoHome article h1{
		/* line-height: 1.3em; */
		margin:0;
	}

	.promoHome article h1{
		margin-top:0;
		font-size:2.5em;
	}

	.promoHome article p{
		/* font-size: 1.625em; */
	}

	.promoHome article p strong{
		/* font-size:2.5em; */
		/* line-height: 1.5em; */
    	font-family: 'andobold';
	}

	/* extra weetjes */
	.overextra main p{
		/* font-size:1.375em; */
		margin-bottom:8em;
	}

	/* extra diensten pagina */
	.extraDienstenContainer{
		max-width:none;
	}

	.extraDienstenContainer .row:not(:first-child){
		margin-top:-6px;
	}

	.extraDienst:not(:first-child){
		margin-left:-3px;
	}

	/* prijslijstpagina */
	.prijslijst .categories, .prijslijst .categories li{
		display:inline-block;
		margin:0;
	}

	.prijslijst .categories{
		margin-top:150px;
		margin-bottom:50px;
	}

	.prijslijst .categories li{
		margin:0;
	}

	.prijslijst .extraDienstenContainer .row{
		margin:20px 0;
	}

	.prijslijst .extraDienst{
		margin-left:20px;
		margin-right:20px;
	}

	/*locaties */
	.locatiesAddressContainer{
	    padding: 50px;
	    margin:0;
	}




	/* FOOTER STYLES */
	/* -- contact -- */
	.footerInputP{
		font-size:1.375em;
		margin:0;
	}

	.footerInputP:first-child{
		margin:0;
	}

	footer .contact input{
		display:inline;
		box-sizing:border-box;
		width:25%;
		margin:0;
		padding:.7083em.7167em;
	}

	footer .contact span{
		margin-left:-3px;
	}

	footer .contact textarea{
		width:100%;
		margin:0;
		margin-top:-3px;
		margin-bottom:30px;
	}

	footer .contact form{
		margin-bottom:150px;
	}

	/* contact form 7 responses */
	footer .contact span.wpcf7-not-valid-tip{
		display:block;
		position:absolute;
		top:-2.5em;
		left:0;
		text-align:center;
		width:100%;
		color: #414042; /*darkgrey*/
		font-size:20px;
	}

	/* end contact form 7 responses */



	footer .icons{
		margin:0;
	}

	footer .icons li{
		width:33.13%;
		margin:0;
		padding:0;
		display:inline-block;
	}

	footer .copyright{
	    font-family: 'andoregular', arial, sans-serif;
		background-size:100% auto;
		background-position:center top;
		background-repeat: no-repeat;
		padding-top:25%;
		margin-top:-5px;
	}

	html footer p.wrapped{
		padding:30px 60px;
	}

	html.ie footer p.wrapped{
		padding:100px 60px;
	}





	/* HELPER CLASSES */
	.mobile{
		display:none;
	}

	.desktop{
		display: initial;
	}

	.wrapped{
		max-width:1260px;
		padding:100px 0;
	}

	.smallwrapped,
	.overextra .wrapped{
		max-width:900px;
	}

	.googlemapsAccesibility::after, .googlemapsAccesibility::before{
		content:"";
		display:none;
	}

	footer .copyright{
		background-size:100% auto;
	}

}

/* == MENU FIX == */
@media screen and (min-width: 1025px) and (max-width: 1400px){
	.mainMenu li a,
  .languageWrapper{
		font-size:1.85rem;
		padding:2em 0 2em 2em;
	}

  .languageWrapper:hover .notSelectedLanguage {
      transform: translateY(6rem);
  }

  .languageWrapper li a{
    padding: 0;
  }

	.frontPage .mainMenu{
		margin-top: -3.8em;
	}
}

@media screen and (min-width: 1700px){
	footer .copyright{
		background-image:url(/wp-content/themes/extraTheme/img/extraProperFooter.svg);
		background-size:130% auto;
	}
}


.mapContainer{
	text-align: center;
}


.loadingLocations{
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	position: relative;
	display:inline-block;
}

.loadingLocations img{
	position: absolute;
	left:0;
	top:-21px;
	width:50px;
	height:auto;
}

@media screen and (min-width:1280px){
	.loadingLocations img{
		left:30px;
	}
}

.choochoo{
	-webkit-animation: choochoo 4s infinite;
	-o-animation: choochoo 4s infinite;
	animation: choochoo 4s infinite;
}

.mapOverlayContainer{
	position: relative;
}

.mapOverlay{
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:grey;
	opacity:.9;
	z-index: 9999;
}

.mapOverlayContainer:hover .mapOverlay{
	opacity:.3;
}

@keyframes choochoo{
	0% {transform:translate(0) scaleX(-1);}
	50% {transform:translate(181px) scaleX(-1);}
	50.1% {transform:translate(181px) scaleX(1);}
	100% {transform:translate(0) scaleX(1);}
}
/* ELISE - google maps */

#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

/* Elise */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"]{
  text-align: left;
}

@media (max-width: 800px) {
  .locatiesAddressContainer {
    max-width: 100%;
    width: 100%;
  }
}

.nlLanguage .frPostalText{
  display: none;
}
.frLanguage .nlPostalText{
  display: none;
}

/* MELDING */
.over-ons{
	background: #efefef;
	padding: 80px 5%;
	width: 90%;
	background-image: url(https://www.extraproper.be/wp-content/uploads/2015/08/locatiesHeader.png);
	background-size: cover;
	background-position: center;
}
.over-ons>*{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.button{
	background: #beffc8;
	padding: 15px 25px;
	display: inline-block;
}
.wrapped h1:first-child{
	margin-top: 0;
}
.no-melding{
	background: none;
	padding-bottom: 0;
}


/*-------- Footer ---------*/
section.locaties-footer {
    display: block;
    text-align: center;
    padding: 0px 4%;
}
ul.footer-localties li {
    display: inline-block;
    font-size: 9px;
    text-align: center;
    color: #ccc;
}

ul.footer-localties li a{
	color: #ccc;
	padding-right: 5px;
	text-transform: capitalize;
}