/*
Theme Name:Lagoon Pools
Author:Wired
Author URI:https://www.wired.co.nz/
*/

/* Links. */
a:link, a:visited { color:#fff; text-decoration:none; }
#content .btn-wrap a:link, #content .btn-wrap a:visited { background:#0c394e; border-radius:50px; color:#fff; display:inline-block; font-size:1.0em; padding:0.6em 1.6em; text-decoration:none; }
#content .callout-1 .btn-wrap a:link, #content .callout-1 .btn-wrap a:visited { background:#3ac0e6; }
#content a:link, #content a:visited { text-decoration:underline; }
#footer .row ul li a:link, #footer .row ul li a:visited { display:block; padding:3px 0; }
#footer a:link, #footer a:visited { color:#77b7d2; }
#menu li a:link, #menu li a:visited { border-radius:20px; color:#13679c; display:block; font-size:110%; font-weight:400; line-height:1.2; padding:8px 15px; position:relative; }
#menu ul li ul.sub-menu li a:link, #menu ul li ul.sub-menu li a:visited { background:#13679c; border:2px solid #13679c; color:#fff; padding:3px 13px; }
#wiredlinkwrap a:link, #wiredlinkwrap a:visited { color:#cedcab; }

/* Links hovered. */
a:link:hover, a:visited:hover { transition:0.3s; }
#content a:link:hover, #content a:visited:hover { text-decoration:none; }
#content .btn-wrap a:link:hover, #content .btn-wrap a:visited:hover { background:#ff7800; }
#footer a:link:hover, #footer a:visited:hover, #footer .current-menu-item a:link, #footer .current-menu-item a:visited { color:#a1dffa; }
#menu li a:link:hover, #menu li a:visited:hover, #menu li.current_page_item a:link, #menu li.current_page_item a:visited { background:#13679c; color:#fff; }
#menu ul li ul.sub-menu li a:link:hover, #menu ul li ul.sub-menu li a:visited:hover { background:#33b5e1; }
#wiredlinkwrap a:link:hover, #wiredlinkwrap a:visited:hover { color:#fff; }

a.viewpdf { background:#1d364e; border-radius:30px; color:#fff; display:inline-block; margin:8px 0; padding:5px 15px; text-decoration:none!important; }
a:active.viewpdf, a:hover.viewpdf { background:#ee8015; }

/*{background:url(../images/icon-sprite.png) -87px -174px no-repeat #f6f6f6;}*/



.wpcf7-recaptcha { margin:1em 0 0; }

ul.poolcolourswatches, ul.ourpoolrange { list-style:none; margin:10px 0 30px 0; padding:0;}
ul.poolcolourswatches li { background:#fff; box-shadow:0 1px 15px #38acc3; display:inline-block; margin:0 10px 10px 0; padding:8px;}
ul.poolcolourswatches li img, ul.ourpoolrange li img { display:block;}
ul.ourpoolrange li { background:#fff; box-shadow:0 1px 15px #38acc3; display:inline-block; margin:0 10px 10px 0; padding:8px; position:relative; width:30%; }
ul.ourpoolrange li a:link, ul.ourpoolrange li a:visited {background: rgba(255, 255, 255, 1); color:#1284a9; position:absolute; bottom:0; left:0; padding:12px 0; text-decoration:none!important; text-align:center; transition:0.3s; width:100%; }
ul.ourpoolrange li a:hover, ul.ourpoolrange li a:active { background: rgba(255, 255, 255, 0.7); padding:20px 0 25px 0;}
img.alignright, img.bigright { float:right; margin:0 0 30px 30px; }
img.bigright { box-shadow:0 1px 15px #38acc3; width:40%;}
ul.product-list { list-style:none; margin:10px 0 30px 0; padding:0;}
ul.product-list li { display:inline-block; vertical-align:middle;}
ul.product-list li img { border-radius:50%;}
ul.product-list li:nth-of-type(odd) { width:30%;}
ul.product-list li:nth-of-type(even) { padding:0 0 30px 5%; width:60%; }
.video-container { border:8px solid #fff; box-shadow:0 1px 15px #38acc3; position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
.framewrapper { border:1px solid #fff; border-radius:18px; margin:40px 0; padding:40px; }

/*-bx-wrapper overwrites-*/ 
.bx-wrapper { box-shadow:0 1px 15px #38acc3!important; border:12px solid #fff!important;}
.bx-wrapper .bx-caption { text-align:center; }
.bx-wrapper .bx-caption span { font-size:0.95em!important; padding:25px 20px 40px 20px!important; text-transform:uppercase;}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:15px!important;}
.bx-wrapper .bx-pager.bx-default-pager a { background:#bcc3c9!important; width:8px!important; height:8px!important; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background:#fff!important;}


/* Text slider. */
.bxtextcontent .bx-controls-direction, .bxtextcontent .bx-pager { display:inline-block; }
.bxtextcontent .bx-next { border-right:1px solid #fff; padding-right:1em; }
.bxtextcontent .bx-next, .bxtextcontent .bx-prev { margin-right:1em; }
.bxtextcontent .bx-prev { margin-right:1em; }
.bxtextcontent .bx-viewport { padding:0 0 2.5em; }
.bxtextcontent { padding:0 0 2em; }

/* General. */
#content { background:#3fc2e1 url(/wp-content/themes/lagoon-pools/image/background--content.png) repeat-y; background-size:100%; clear:both; margin:-5px 0 0; padding:10px 0 80px; position:relative; }
#content { text-shadow:rgba(0,0,0,0.3) 0 0 1px; }
#footer .col-1of4 { text-align:left; }
#footer .row ul li { border-bottom:1px solid #385d6e; margin:0; padding:0 5px; }
#footer .row ul { border-top:1px solid #385d6e; list-style:none; margin:1em 0 0; padding:0; }
#footer p { font-size:0.9em; margin:12px 0; }
#footer ul li { list-style:none; }
#footer { background:#0c394e; border-top:5px solid #fff; color:#97d5f0; padding:75px 0 0; position:relative; }
#footerlogo { background:#fff; border-radius:9px; padding:12px; width:85%; }
#header { background:#9acfea url(/wp-content/themes/lagoon-pools/image/background--header.png) 0 bottom no-repeat; background-size:100%; height:300px; position:relative; }
#headerlogo { float:left; line-height:3em; margin:30px 3% 0 2%; width:22%; }
#menu input[type='checkbox'], #menu input[type='checkbox'] + label { display:none; }
#menu li { display:inline-block; list-style:none; margin:0; padding:0; }
#menu ul li ul.sub-menu li { display:block; font-size:0.9em; height:0; margin:1px 0 0; overflow:hidden; text-align:left; transition:0.3s; }
#menu ul li ul.sub-menu { padding:1px 0 0; position:absolute; z-index:1; }
#menu ul li:active ul.sub-menu li, #menu ul li:hover ul.sub-menu li { height:auto; }
#menu ul { margin:0; padding:0; }
#nav-wrap { float:left; padding:40px 2% 0 0; text-align:right; width:71%; }
#searchform { margin:1em 0 0; }
#wiredlinkwrap { border-top:1px dashed #fff; clear:both; font-size:12px; padding:18px; text-align:center; }
.aligncenter { text-align:center; }
.baselinks li { border-right:1px solid #385d6e; display:inline-block; font-size:14px; margin:0 0.75em 0 0; padding:0 0.75em 0 0; }
.baselinks li:last-of-type { border-right:0; margin-right:0; padding-right:0; }
.baselinks ul { list-style:none; margin:0; }
.baselinks { border-top:1px solid #fff; color:#fff; font-size:0; margin:40px 0 0; padding:20px; text-align:center; }
.callout-1 h3 { border-top:1px solid #29a5da; font-weight:300; margin:0; padding:0.75em 1em 0; text-transform:uppercase; }
.callout-1 p { font-size:16px; padding:0 1em; }
.callout-1 { background:#fff; border-radius:0 0 200px 200px; border-top:9px solid #1284a9; color:#126fa8; min-height:150px; margin-top:40px; padding:20px 0 70px; text-align:center; }
.callout-2 { background:#f1f1e1; height:120px; margin-top:70px; padding:20px; position:relative; text-align:center; }
.callout-img-wrap { padding:0 6% 15px; }
.clearfix { clear:both; }
.col-1of3 + .col-1of3 { margin-left:2%; }
.col-1of3 { float:left; width:32%; }
.col-1of4 { float:left; margin:0 2% 0 0; text-align:center; width:23.5%; }
.col-1of4:nth-of-type(4) { margin-right:0; }
.col-30p + .col-70p, .col-70p + .col-30p { margin-left:4%; }
.col-30p { width:28%; }
.col-30p, .col-40p, .col-50p, .col-60p, .col-70p { float:left; }
.col-40p { width:41%; }
.col-50p { width:48%; }
.col-50p:nth-of-type(odd) { margin-right:4%; }
.col-60p { margin:0 3% 0 0; width:56%; }
.col-70p { width:68%; }
.contentwidth { margin:auto; position:relative; width:1140px; }
.diagram { padding:3em; }
.diagram, p { margin:1em 0 0; }
.diagram, table.data td { background-color:rgba(0,0,0,0.3); }
.icon { border:3px solid #fff; border-radius:50%; height:100px; margin-left:auto auto auto -50px; position:absolute; top:-50px; left:50%; width:100px; }
.icon-blog { background:url(../images/icon-sprite.png) -87px -174px no-repeat #f6f6f6; }
.icon-date { background:url(../images/icon-sprite.png) 20px -172px no-repeat #f6f6f6; }
.icon-isite { background:url(../images/icon-sprite.png) -192px -176px no-repeat #f6f6f6; }
.phone { white-space:nowrap; }
.placeholder { background:#fff; box-shadow:0 5px 15px #1e7a92; color:#ccc; margin:20px 0 50px; padding:50px 0; text-align:center; }
.row { clear:both; position:relative; width:100%; }
.testimonial blockquote { margin:0; }
.testimonial p { font-size:115%; line-height:1.5; }
.testimonial { margin:20px auto; width:70%; }
.warrantywrap { margin:-20px 0 0; padding:0 15%; }
body { background:#c0e0f1 url(/wp-content/themes/lagoon-pools/image/background--body.png) repeat-y; background-size:100%; color:#fff; font-family:poppins,sans-serif; font-size:16px; margin:0; padding:0; }
h1 { font-size:240%; font-weight:300; line-height:1.1; margin:0; text-transform:uppercase; }
h2 { font-size:200%; font-weight:300; line-height:1.2; margin:1em 0 0; }
h3 { font-size:135%; font-weight:normal; margin:1.25em 0 0; }
h4 { font-size:115%; font-weight:300; line-height:1.5; margin:0.5em 0 0; }
h4:first-child { margin-top:0; }
h5 { font-size:18px; font-weight:400; line-height:20px; margin:10px 0 0; }
h6 { font-size:14px; font-weight:400; line-height:16px; margin:5px 0; }
hr { background:url(/wp-content/themes/lagoon-pools/image/line-dot.png) repeat-x; border:none; clear:both; height:6px; margin:40px 0; padding-top:0; }
img { border:none; height:auto; max-width:100%; }
input[type='email'], input[type='text'], textarea { border-radius:9px; border:0; width:calc(100% - 18px); padding:9px; }
input[type='submit'] { background:#13679c; border-radius:20px; border:2px solid #13679c; color:#fff; font:400 1.1em poppins,sans-serif; padding:3px 13px; }
input[type='submit']:hover { background:#33b5e1; }
li { margin:0.5em 0 0; }
ol ol ol { list-style-type:lower-roman; }
ol ol { list-style-type:lower-alpha; }
ol { list-style-type:decimal; }
ol, ul { margin:0 0 0 2em; padding:0; }
p small { font-size:0.8em; line-height:1; }
p sup { font-size:0.4em; }
p { line-height:1.6; }
table { border-collapse:collapse; border-spacing:0; }
table.data td, table.data th { padding:0.25em 1em; text-align:left; vertical-align:top; }
table.data td.number, table.data th.number { text-align:right; white-space:nowrap; }
table.data th { background-color:rgba(0,0,0,0.4); }
table.data { border-collapse:separate; border-spacing:1px; margin:calc(1em - 1px) 0 0; }
ul li { list-style:disc; }
.sidepic { float:right; margin:0 0 0 2%; width:48%;}
img.round { border-radius:50%;}

ul.equipment-list { margin:10px 0; padding:0;}
ul.equipment-list li { background:#fff; border-radius:30px; float:left; list-style:none; margin:0 1% 5px 0; padding:0; text-align:center; width:31%;}
ul.equipment-list li a:link, ul.equipment-list li a:visited { color:#1284a9; display:block; padding:30px 5px; text-decoration:none; }

@media only screen and (max-width:4000px)
{
 #header { height:560px; }
}
@media only screen and (max-width:3100px)
{
 #header { height:460px; }
}
@media only screen and (max-width:2300px)
{
 #header { height:400px; }
}
@media only screen and (max-width:1600px)
{
 #header { height:300px; }
}
@media only screen and (max-width:1200px)
{
 #header { height:250px; }
 #headerlogo { float:none; margin:0; padding:20px 0 0 2%; width:260px; }
 #nav-wrap { float:none; padding:16px 0 0 2%; text-align:left; width:98%; }
 .contentwidth { margin:auto; padding:0 5%; width:90%; }
}

@media only screen and (max-width:980px){

 #header { height:180px; }
 #menu input[type='checkbox'] + label { background:url(/wp-content/themes/lagoon-pools/image/icon-sprite.png) 16px 15px no-repeat; color:#fff; cursor:pointer; display:block; font-size:16px; height:56px; line-height:1.25; padding:0; text-align:left; width:100%; z-index:999; }
 #menu input[type='checkbox']:checked + label { background:url(/wp-content/themes/lagoon-pools/image/icon-sprite.png) 17px -31px no-repeat; }

 #menu input[type='checkbox'] ~ .menu-main-container ul.menu { display:none; position:absolute; left:600px; transition:0.3s; z-index:99999;}
 #menu input[type='checkbox']:checked ~ .menu-main-container ul.menu { display:block; margin:0 0 0 -204px; left:0; width:260px; }
	
 #menu input[type='checkbox']:checked ~ ul li ul.sub-menu li { height:auto; }
 #menu input[type='checkbox']:checked ~ ul li ul.sub-menu { border-top:1px solid #385d6e; }
 #menu input[type='checkbox']:checked ~ ul li { border-bottom:1px solid #385d6e; }
	
 #menu ul li ul.sub-menu li { height:auto; text-align:right; }
 #menu ul li ul.sub-menu { border-radius:0; margin:0; padding:0; position:relative; }
 #menu ul li ul.sub-menu li a:link, #menu ul li ul.sub-menu li a:visited { background:none; border:none; color:#86b2bb;}
	
 #menu ul li ul.sub-menu li a:link:hover, #menu ul li ul.sub-menu li a:visited:hover { background:#5b798e; color:#fff; }
	
 #menu ul li { background:#0c394e; border-bottom:1px solid #445b6d; border-radius:0; display:block; margin:0; overflow:hidden; padding:0; position:relative; text-align:right; transition:0.5s; width:100%; z-index:999; }
 #menu ul li:active { background:#4f7c90; }
 #menu ul li:first-of-type { border-radius:12px 8px 0 0; }
 #menu ul li:last-of-type { border-radius:0 0 8px 12px; border-bottom:none; }
 
 #menu ul.sub-menu li:first-of-type { border-radius:0; }
 #menu ul.sub-menu li:last-of-type { border-radius:0; border-bottom:none; }
 #nav-wrap { background:#0c394e; border-radius:25px 8px 8px 25px; height:54px; padding:0; position:absolute; top:8px; right:8px; width:56px; }
	
 #menu li a:link, #menu li a:visited { border-radius:0; color:#fff;}
	
 .callout-1 { border-radius:0 0 50px 50px; height:auto; margin:0; min-height:120px; padding:20px 0 40px; }
 .callout-1:first-child { margin-top:30px; }
 .col-1of3, .col-30p, .col-40p, .col-50p, .col-60p, .col-70p { float:none; width:100%; }
 .col-1of3:nth-child(2) { margin:0; }
 .col-1of4 { width:48%; }
 .col-1of4:nth-of-type(1), .col-1of4:nth-of-type(3) { clear:both; margin:0 1% 60px 0; }
 .col-1of4:nth-of-type(2), .col-1of4:nth-of-type(4) { margin:0 0 60px 1%; }
 .col-50p .col-50p { float:left; width:45%; }
 .warrantywrap img { display:inline-block; width:48%; }
 .warrantywrap { margin:-20px 0 0; padding:0%; }
 ul.ourpoolrange li { margin-right:0; width:97%; }
 img.bigright { width:100%;}
 ul.product-list li { vertical-align:top;}
 .testimonial { width:90%; }
 ul.ourpoolrange li { width:45%; }
 .bigroundpic { display:none;}
}

@media only screen and (max-width:900px)
{
 #menu li a:link, #menu li a:visited { font-size:100%; line-height:1.1; padding:8px 10px; }
}
/*
@media only screen and (max-width:760px)
{
 #menu li a:link:hover, #menu li a:visited:hover, #menu li.current_page_item a:link, #menu li.current_page_item a:visited { background:none; }
 #menu li a:link:hover, .nav li a:visited:hover { color:#fff; }

 #menu input[type='checkbox']:checked ~ ul li a:link, #menu input[type='checkbox']:checked ~ ul li a:visited { height:16px; padding:6px 20px; }
 #menu input[type='checkbox']:checked ~ ul li ul.sub-menu li a:link, #menu input[type='checkbox']:checked ~ ul li ul.sub-menu li a:visited { padding:3px 15px; }
 #menu li a:link, #menu li a:visited { color:#fff; display:block; height:0; overflow:hidden; padding:0 20px; transition:0.3s; }
 #menu ul li ul.sub-menu li a:link, #menu ul li ul.sub-menu li a:visited { color:#e2f2f9; height:14px !important; background:none; padding:0 15px; }
}
*/

@media only screen and (max-width:600px)
{
 .poolplan { padding:25px; }
 .col-1of4 { width:100%; }
 .col-1of4:nth-of-type(1), .col-1of4:nth-of-type(2), .col-1of4:nth-of-type(3).col-1of4:nth-of-type(4) { margin:0 0 60px; } /* TODO: Is there a typo here? */
}
@media only screen and (max-width:500px)
{
 .poolplan { padding:10px; }
 ul.product-list { margin:30px 0; }
 ul.product-list li { display:block; }
 ul.product-list li:nth-of-type(odd) { width:60%;}
 ul.product-list li:nth-of-type(even) { padding:0 0 50px; width:100%; }
}