/*

Theme Name: Lala Clean Wordpress Theme
Theme URI: http://www.wired.co.nz
Description: custom theme
Author: Wired
Author URI: http://www.wired.co.nz
version: 1.0

*/

.lala-q-wrap { margin:5px 0; position:relative; width:100%;}
.lala-q-wrap  input[type="checkbox"] { display:none;}
.lala-q-wrap  input[type="checkbox"] + label {background:#61bbd2;color:#fff;cursor:pointer;font-size:1.1em;margin:0;padding:20px 30px;width:calc(100% - 60px);}
.lala-q-wrap  input[type="checkbox"]:checked + label, .lala-q-wrap  input[type="checkbox"]:checked:hover + label { background:#318b9f; }
.lala-q-wrap  input[type="checkbox"]:hover + label { background:#47a4b9; }

.lala-check-wrap { position:relative;}
/*.lala-check-wrap:after { background:url(./images/icons.png) -290px 0 no-repeat; content:""; display:block; height:30px; position:absolute; top:15px; right:20px; width:30px;}*/

.lala-q-wrap  input[type="checkbox"] + label  ~ .lala-option-wrap { display:none; }
.lala-q-wrap  input[type="checkbox"]:checked + label  ~ .lala-option-wrap { display:block; }

.lala-option-wrap { background:#318b9f; border-radius:0 0 5px 5px; padding:4px; position:absolute; top:42px; left:0; width:250px; z-index:19;}
.lala-option-wrap  input[type="radio"] { display:none; }
.lala-option-wrap  input[type="radio"] + label {  background:#318b9f; color:#fff; border-radius:2px; display:block; font-size:1em; margin:0 0 1px 0; padding:8px 30px; width:calc(100% - 60px);}
.lala-option-wrap  input[type="radio"]:checked + label , .lala-option-wrap  input[type="radio"]:checked:hover + label { background:#61bbd2; }
.lala-option-wrap  input[type="radio"]:hover + label { background:#47a4b9; }

.lala-q-group-wrap .lala-check-wrap { float:left; width:calc(33.3% - 1px);}

.single-q { border-radius:30px;}
.first-q  { border-radius:30px 0 0 30px; border-right:1px solid #a3d8e5; }
.middle-q  { border-radius:0; border-right:1px solid #a3d8e5;}
.last-q  { border-radius:0 30px 30px 0;}

.extras-group-wrap {width: 104%; margin: 5px 0;}
.extras-wrap { float:left; margin:0 2px 2px 0; position:relative; width:calc(48% - 2px);}
.extras-wrap  input[type="checkbox"] { display:none;}
.extras-wrap  input[type="checkbox"] + label { background:#61bbd2; border-radius:30px; color:#fff; cursor:pointer; font-size:1em; margin:0; padding:15px 20px 15px 60px; width:calc(100% - 80px);}
.extras-wrap  input[type="checkbox"]:hover + label { background:#47a4b9;}
.extras-wrap  input[type="checkbox"]:checked + label , .extras-wrap input[type="checkbox"]:checked:hover + label { background:#318b9f; }
.customcheck {border-right:1px solid #a3d8e5;display:block;height:100%;position:absolute;top:0;left:0;width:50px;}
.extras-wrap  input[type="checkbox"]:checked ~ .customcheck { background:url(./images/icons.png) 0 -151px no-repeat; }

#lalaclean-book-btn-wrap a {text-align:center; border-radius: 30px; width:calc(100% - 50px);}

#lala_widget select{ background:url(./images/select-arrow.png) 96% center no-repeat #61bbd2; color:#ffffff; height:60px; margin:0; padding:10px 20px; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; cursor:pointer; }

#lala_widget .lala-q-group-wrap .lala-check-wrap select { background-position:90% center!important;}

#lala_widget h1{
	text-transform:uppercase;
	text-align:center;
	color:#318b9f;
	margin-bottom:20px;
}
#lala_widget option:first-of-type {
    color: #fff; 
	opacity: 1;
}

.gfield_calculation .gfield_description {display:none;}
body { color:#535551; font-family: 'Maven Pro', sans-serif; font-size:15px; line-height:auto; overflow-x:hidden; margin:0; padding:0; position:relative;}

img { border:none; display:block; height:auto; max-width:100%;}

h1 { font-size:2em; margin:0; padding:0;}
h2 { font-size:1.8em; margin:0 0 15px 0; padding:0;}
h3 { font-size:1.6em; margin:0 0 5px 0; padding:0;}
h4 { font-size:1.3em; margin:0 0 5px 0; padding:0;}
h5 { margin:40px 0 -10px 0; padding:0;}
h6 {}

p { font-size:1.1em; margin:0 0 20px 0;}
li { font-size:1.1em; margin:0 0 6px 0;}

a:link, a:visited { color:#318b9f; text-decoration:none;}
a:hover, a:active { color:#f0af00; transition:0.3s;}
a.phone {color:#75848c; font-size:24px; }

hr { border-bottom:0; border-left:0; border-right:0; border-top:1px solid #69cbe4; height:1px; margin:30px 0; }

.contentwidth { margin:auto; position:relative; max-width:1172px;}
.contentwidth-slim { margin:auto; position:relative; max-width:750px;}

.clearfix { clear:both;}
.aligncenter { text-align:center;}
img.alignright { float:right; margin:0 0 0 20px;}
.uppercase { text-transform:uppercase;}


/*----------------------Unique containers---------------------*/

#site-header { background:url(./images/header-bg.jpg); background-size:cover; border-bottom:2px solid #fff; position:relative; }

#logo { width:270px; padding:2px 0 1px 35px;}

#site-footer { background:#f2f3f6; margin:0; padding:0; }
#header, #home-header-footer, #estimate-header, #estimate-form, #estimate-footer, .white-ovelay-block { background-color: rgba(255,255,255,0.85);}

#tagline { color:#69cbe4; position:absolute; top:40px; right:140px; text-transform:uppercase;}
#tagline h1 { font-size:1.7em; }

#copyright { background:#def6f1; border-top:3px solid #fff; font-size:0.8em; padding:25px 5%; text-align:center;}



/*----------------------Navigation---------------------*/

#nav ul li a { font-size:15px;}
#nav { margin:0; padding:0; position:absolute; top:0; right:0; text-align:left; z-index:9; }
#nav input[type="checkbox"] { display:none;}
#nav input[type="checkbox"] + label { background:url(./images/icons.png) -400px 0 no-repeat #318b9f; border-radius:50%; display:block; font-size:18px; height:100px; margin:0; padding:0; position:absolute; top:7px; right:9px; transition:0.3s; width:100px; z-index:9; }
#nav input[type="checkbox"]:checked + label { background:url(./images/icons.png) -400px -100px no-repeat #69cbe4; }
#nav input[type="checkbox"] ~ ul  { background:#318b9f; border-bottom:1px solid #fff; margin:0; padding:0 120px 0 0; position:absolute; transition:0.3s; width:460px; top:-600px; right:0; transition:0.3s; z-index:8; }
#nav input[type="checkbox"]:checked ~ ul { top:0; }
#nav input[type="checkbox"] ~ ul li { border-bottom:1px solid #fff; border-right:1px solid #fff; display:block; margin:0; padding:0; }
#nav input[type="checkbox"] ~ ul li:last-of-type { border-bottom:none;}

#nav input[type="checkbox"] ~ ul li.current_page_item, #nav input[type="checkbox"] ~ ul li.current-menu-item { background:#69cbe4; color:#217082; }
#nav li.current_page_item a, #nav li.current-menu-item a { background:none; color:#fff; }
#nav li a:link, #nav li a:visited { border-radius:0; color:#fff; display:block; padding:8px 15px; }
#nav li a:active, #nav li a:hover { background:#69cbe4; color:#217082; }


#nav input[type="checkbox"] ~ .menu-main-menu-container ul  { background:#318b9f; border-bottom:1px solid #fff; margin:0; padding:0 120px 0 0; position:absolute; transition:0.3s; width:460px; top:-600px; right:0; transition:0.3s; z-index:8; }
#nav input[type="checkbox"]:checked ~ .menu-main-menu-container ul { top:0; }
#nav input[type="checkbox"] ~ .menu-main-menu-container ul li { border-bottom:1px solid #fff; border-right:1px solid #fff; display:block; margin:0; padding:0; }
#nav input[type="checkbox"] ~ .menu-main-menu-container ul li:last-of-type { border-bottom:none;}
#nav input[type="checkbox"] ~ .menu-main-menu-container ul li.current_page_item, #nav input[type="checkbox"] ul li.current-menu-item { background:#69cbe4; color:#217082; }

/*---------------------input & anchor button styles-------------------------------*/

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], textarea { background:#fff; border:1px solid #b2d2db; border-radius:0; color:#535551; display:block; font-size:1em; margin:0 0 8px 0; padding:11px 15px; width:calc(100% - 32px);}

textarea { height:125px;}

select { background:#fff; border:1px solid #b2d2db; border-radius:0; color:#318b9f; display:inline; font-size:1em; height:44px; line-height:42px; padding:0 15px; margin:0 0 8px 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; }
select::-ms-expand { display:none;}

.selectstyle { position:relative;}
.selectstyle:after { background: url(./images/icons.png) -244px 9px no-repeat; border-left:1px solid #b2d2db; content:""; position:absolute; right:0; top:0; pointer-events:none; width:40px; height:44px; z-index:6;}
.selectstyle:hover:after { background: url(./images/icons.png) -284px 9px no-repeat; background-color:#318b9f; }
.selectstyle select option span { font-size:0.6em;}
::placeholder, option:first-of-type { color:#b6b6b5; opacity:1;}

input[type="text"].short-input { width:calc(60% - 32px);}

input[type="submit"], a.btn { background:#318b9f; border:0; color:#fff; cursor:pointer; display:inline-block; font-family: 'Maven Pro', sans-serif; font-size:1.2em; line-height:44px; margin-bottom:5px; padding:0 25px; text-decoration:none; text-transform:uppercase; }
input[type="submit"]:hover, a.btn:hover { background:#c87a00; color:#fff; transition:0.3s;}

label { display:inline-block; margin:0 50px 0 0;}
input[type="radio"], input[type="checkbox"] { height:14px; margin:0 6px 12px 0; width:14px;}


.rooms-input-wrap input[type="button"] { background:url(./images/icons.png) no-repeat #fff; border:1px solid #b2d2db; height:42px; width:39px;}
.rooms-input-wrap input[type="button"].room-minus { background-position:-245px -56px; float:left;}
.rooms-input-wrap input[type="button"].room-plus { background-position:-245px -25px; float:right;}
.rooms-input-wrap input[type="button"].room-minus:hover { background-color:#318b9f; background-position:-285px -56px;}
.rooms-input-wrap input[type="button"].room-plus:hover { background-color:#318b9f; background-position:-285px -25px; }

.footer-contact { display:inline-block; position:relative; width:48%;}
.footer-contact a:link, .footer-contact a:visited { display:block; font-size:2.3em; font-weight:700; padding:28px 0; position:relative; z-index:7; }
.footer-contact a small { color:#333; display:block; font-size:0.5em; font-weight:400;  }

.bigicon { background:url(./images/icons.png) no-repeat; float:left; height:120px; margin:-25px 25px 0 15%; position:relative; width:120px; z-index:5; } 
.mail { background-position:0 0;}
.tel {background-position:-121px 0;}

.agreed-price { font-size:1.8em; font-weight:700; padding:3px 0; width:70%;}
.agreed-price small { font-size:0.5em; font-weight:400;}

.edit-btn-wrap { text-align:right; width:30%;}

/*---------------------styled containers---------------------------*/

#estimate-wrap { float:right; margin:50px 0; width:600px; padding: 40px 50px; background-color: rgba(255, 255, 255, .7); }
#estimate-header { color:#69cbe4; font-size:2em; font-weight:700; margin-bottom:2px; padding:14px 10px; text-align:center;}
#estimate-form { padding:17px 40px;}
#estimate-footer { margin-top:2px; padding:14px 42px; }

#live-estimate { background:#fff; border:1px solid #b2d2db; color:#318b9f; float:left; font-size:1.5em; height:44px; padding:14px 0 0 0; text-align:center; width:calc(50% - 2px); }
#estimate-footer input[type="submit"] { float:left; font-size:1.4em; font-weight:500; line-height:60px; padding:0; text-align:center; width:50%; }

.rooms-input-wrap { clear:both; height:50px;}
.rooms-number { background:#fff; border-bottom:1px solid #b2d2db; border-top:1px solid #b2d2db; color:#318b9f; float:left; font-size:1.1em; line-height:40px; padding:0 15px; width:calc(100% - 108px);}

.cleaning-options { text-align:center;}
.cleaning-options h1 { font-size:1.8em; padding:5px 0 30px 0;}
.cleaning-options h1 small{ display:block; font-size:0.5em; font-weight:400;}

.clean-icon { background:url(./images/icons.png) no-repeat #318b9f; border-radius:50%; display:block; height:115px; margin:auto; margin-top:30px; opacity:0.5; width:115px; }
.icon-regular {background-position:-50px -131px;}
.icon-moving-out {background-position:-160px -126px;}
.icon-new-house {background-position:-262px -128px;}

a:active .clean-icon, a:hover .clean-icon { background-color:#e3b50e; opacity:0.8; transition:0.3s; }

.teal { background:#def6f1; padding:50px 0; } 

.contentwidth-slim h2{ color:#000; font-size:2.2em;}
.contentwidth-slim p{ font-size:1.2em; line-height:1.4em}

.testimonial-wrap { margin:auto; padding:40px 0 80px 0; position:relative; text-align:center; max-width:750px; }
.testimonial-wrap h3 { color:#000; font-size:2.0em; padding:20px 0;}
.testimonial p { font-size:1.5em; line-height:1.5em; padding:20px 20%;}

.white-ovelay-block { margin:0 0 5px 0; padding:40px 45px;}
.white-ovelay-block h1 { border-bottom:1px solid #69cbe4; color:#69cbe4; font-size:2.5em; margin:-12px -45px 20px -45px; padding:0 45px 20px 45px;}
.white-ovelay-block label { font-size:1.1em; font-weight:700; margin:0 0 4px 0; width:100%;}
.white-ovelay-block input[type="submit"] { font-size:1.5em; line-height:60px;}

ul.clean-list {  border-top:1px solid #c9cccc; list-style:none; margin:8px 0; padding:0; }
ul.clean-list li { border-bottom:1px solid #c9cccc; margin:0; padding:5px 0; }

#contact-us-form { background-color: rgba(255,255,255,0.6); border:1px solid #69cbe4; margin:25px 0; padding:40px 48px; }
#contact-us-form input[type="submit"]{ margin:9px 0 0 0;}

/* G Form fine tuning */

ul#gform_fields_9 li#field_9_2, ul#gform_fields_9 li#field_9_3, ul#gform_fields_9 li#field_9_4, ul#gform_fields_9 li#field_9_21, ul#gform_fields_9 #field_9_46  { display:inline-block; margin:0; padding:0; width:48%; }
ul#gform_fields_9 li#field_9_2, ul#gform_fields_9 li#field_9_4 { margin-right:2%; }

body .gform_wrapper .gform_body .top_label div.ginput_container, body .gform_wrapper .gform_body ul li.gfield { margin-top:0;}

.gform_wrapper .gform_body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding:9px 12px;}


.ginput_container_select { position:relative;}
.ginput_container_select:after { background: url(./images/icons.png) -244px 9px no-repeat; border-left:1px solid #b2d2db; content:""; position:absolute; right:0; top:0; pointer-events:none; width:40px; height:44px; z-index:6;}



/* Loader*/
#loader{ height:220px; margin:auto;}
.lds-spinner {    
    display: inline-block;
    position: absolute;
    top: 99px;
    right: 50%; margin-right:-32px;
    width: 64px;
    height: 64px;
}
.lds-spinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 23px;
  left: 50px;
  width: 15px;
  height: 14px;
  border-radius: 20%;
  background: #257f93;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}






/*---------------------responsive cols---------------------------*/

.row { clear:both; position:relative; }

.col-1o3, .scol-1o3, .col-2o3, .col-1o4, .col-2o4, .col-1o2, .fifty-p, .col-booking-confirm-1, .col-booking-confirm-2, .agreed-price, .edit-btn-wrap { float:left;}

.col-1o3 { width:31.3%;}
.col-1o3:nth-child(2) { margin:0 2%;}

.col-2o3 { margin-right:3.5%; width:65.5%;}
.col-2o3 ~ .col-1o3, .col-1o3 ~ .col-2o3 { margin-right:0; text-align:left;}

.col-1o4 { margin-right:5%; width:20%;}
.col-1o4:nth-child(4n) { margin-right:0;}

.col-2o4 { margin-right:5%; width:45%;}
.col-1o4 ~ .col-2o4 { margin-right:0;}

.col-1o2 { margin-right:2%; width:49%;}
.col-1o2:nth-of-type(even) { margin-right:0;}

.col-auto3 { -webkit-column-count:3; -moz-column-count:3; column-count:3;}

.fifty-p { width:50%;}

.col-booking-confirm-1, .col-booking-confirm-2 { margin-bottom:50px; margin-top:50px; position:relative; }
.col-booking-confirm-1 { margin-right:5%; width:40%;} 
.col-booking-confirm-2 { width:55%;}

.col-booking-confirm-2:before { content:""; position:absolute; top:99px; left:-28px; opacity:0.85; width:0; height:0; border-style:solid; border-width:28px 28px 28px 0; border-color:transparent #ffffff transparent transparent; }

.col-main { margin:50px 0;}


/*---------------------Media queries---------------------------*/



@media only screen and (max-width: 1200px) {
.contentwidth { padding:0 4%; width:92%;}
#estimate-wrap { float:none; margin:30px 5%; width:auto; }
.footer-contact { display:block; margin:auto; margin-bottom:9px; width:420px;}
.bigicon {margin:-25px 20px 0 0; }
	#lala_widget .lala-q-group-wrap .lala-check-wrap select { background-position:96% center!important;}
}


@media only screen and (max-width: 860px) {
#site-header{ background-position:center top;}
#logo { padding:2px 0 1px 10px; width:200px;}
#tagline { right:100px; top:33px;}
#tagline h1 { font-size:1.3em;}
#nav input[type="checkbox"] + label { height:75px; width:75px;}
#nav input[type="checkbox"] + label { background-position:-412px -12px;}
#nav input[type="checkbox"]:checked + label { background-position:-412px -112px;}
#nav input[type="checkbox"] ~ ul  { padding:0 95px 0 0; width:300px;}

img.alignright { float:none; margin:0 0 20px 0;}

.lala-q-group-wrap .lala-check-wrap { width:calc(100% - 1px); }	
.first-q, .middle-q, .last-q { border-radius:30px; border-right: none;}
.extras-wrap { width:calc(96% - 2px);
}
	
	
	
.contentwidth-slim { padding:0 5%; width:90%;}
.testimonial-wrap { padding:40px 5%; width:90%; }

.col-1o3, .col-2o3 { margin:0; padding:0 5%; width:90%;}
.col-1o3:nth-child(2) { margin:0;}

.cleaning-options { padding:15px 0;}
.cleaning-options h1 { padding:10px 0;}

.col-booking-confirm-1, .col-booking-confirm-2 { margin-right:0; width:100%; }
.col-booking-confirm-1 { margin-bottom:0; margin-top:30px;}
.col-booking-confirm-2 { margin-top:0; margin-bottom:30px;}
.col-booking-confirm-2:before { display:none; }

.col-main { margin:30px 0;}

.col-1o4, .col-2o4 { min-height:260px; margin:0 5% 30px 5%; width:40%;}
.col-1o4:nth-child(2n), .col-2o4:nth-child(2n) { margin-right:0;}
.col-1o2 { margin-right:0; width:100%;}
.fifty-p, input[type="text"].fifty-p  { width:70%;}
.col-auto3 { -webkit-column-count:1; -moz-column-count:1; column-count:1;}
}

@media only screen and (max-width: 641px){
ul#gform_fields_9 li#field_9_2, ul#gform_fields_9 li#field_9_3, ul#gform_fields_9 li#field_9_4, ul#gform_fields_9 li#field_9_21, ul#gform_fields_9 #field_9_46  { display:block;  width:100%; }
ul#gform_fields_9 li#field_9_2, ul#gform_fields_9 li#field_9_4 { margin-right:0; }
.gform_button.button { font-size:1.3em!important; padding:15px;}
#estimate-wrap { margin:0; padding:20px;}
}

@media only screen and (max-width: 610px) {
#tagline { display:none;}
.testimonial p { font-size:1.3em; line-height:1.3em;  padding:20px 5%;}
.testimonial-wrap {  padding:20px 5%;}
.white-ovelay-block h1 { margin:-12px 0 20px 0;  padding:0 0 20px 0;}
.white-ovelay-block { background:#fff; border-bottom:1px solid #dbdede; margin:0;}
	#site-header { background:#fff;}
	#site-header .contentwidth { padding:0; width:100%;}
	#header { border-bottom: 1px solid #69cbe4;}
#site-header .contentwidth.cleaning-options { padding:20px 0; }

#estimate-header { color:#318b9f; margin:0; padding:14px 10px 0 10px;}
#estimate-header, #estimate-form, #estimate-footer { background-color: rgba(255,255,255,0.65);}
#estimate-form { padding:9px 40px;}
#estimate-footer { margin-top:0; padding:0 42px 15px 42px;}
.col-1o4 { margin:20px 0; width:100%;}
.col-booking-confirm-1 { margin-top:0;}
.col-booking-confirm-2 { margin-bottom:0;}
.col-main { margin:0;}
.footer-contact { height:auto; margin:10px 0; text-align:center; width:100%;}
.bigicon { display:none; }
.footer-contact a:link, .footer-contact a:visited { font-size:1.8em; font-weight:700; padding:0;}
#contact-us-form { border:none; padding:0; }

}

@media only screen and (max-width: 440px) {
#nav input[type="checkbox"] ~ ul { width:250px;}
#estimate-form { padding:9px 15px;}
#estimate-footer { padding:0 15px 15px 15px;}
	.white-ovelay-block { padding:20px 25px;}

}

@media only screen and (max-width: 380px) {
#nav input[type="checkbox"] ~ ul { width:200px;}
#estimate-form select { font-size:0.8em;}
}