/*Theme Name: Aeros Vastgoed & Energie
Theme URI: //supato.nl/wp-content/themes/aeros
Description: Aeros Vastgoed & Energie
Version: 1.0
Author: Supato
Author URI: supato.nl
Tags:
*/

/* ------------------------ */

html, body {
	width:100%;
	max-width:100%;
	height:100%;
	position:relative;
	left:0px;
	top:0px;
	overflow:visible;

		background-color:#f5f3eb !important;
		background-image:url('images/dot.svg') !important;
		background-repeat:repeat !important;
  background-size: 30px 30px !important;
	font-size:16px;
    color:black;
    margin:0px;
    padding:0px;
}

::selection {
  background-color:#e6e6e6;
}
::-moz-selection {
  background-color:#e6e6e6;
}


*:focus {
    outline:none;
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea, input, button { outline: none; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: grey;
}
::-moz-placeholder { /* Firefox 19+ */
  color: grey;
}
:-ms-input-placeholder { /* IE 10+ */
  color: grey;
}
:-moz-placeholder { /* Firefox 18- */
  color: grey;
}

.disable-all {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

/* ------------------------ */

#loader {
    width:100%;
    height:100%;
    position:fixed;
    left:0px;
    top:0px;
    background-color:#E3E6E9;
    z-index:99999999999999;
}

#loader img {
		height:60px;
		width:60px;
    position:fixed;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
}

/* --------- GENERAL --------- */


.contactformulier * {
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
}

.contactformulier input, .contactformulier button {
    font-family: var( --e-global-typography-text-font-family ), Sans-serif !important;
    font-size: var( --e-global-typography-text-font-size ) !important;
    font-weight: var( --e-global-typography-text-font-weight ) !important;
    line-height: var( --e-global-typography-text-line-height ) !important;
    /* padding: 10px 25px 10px 25px !important; */
}

.contactformulier button {
   height: 46px !important;
  width: 142px !important;
  border:0px !important;
}

.contactformulier button, .button, .contacttab, .arrowdown  {
     -webkit-transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
}

.contactformulier button:hover , .button:hover {
    transform: translateX(20px) !important;
}

.contacttab:hover, .arrowdown:hover {
    transform: translateY(-20px) !important;
}


.maps div {
    border-radius:30px !important;
}
.maps * {
    pointer-events: none !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

@media only screen and (max-width:1030px){
  .contactformulier button {
    height: 43px !important;
    width: 111px !important;
  }
}

@media only screen and (max-width:770px){
    .contactformulier button {
    height: 37px !important;
    width: 105px !important;
  }
}