/*
Theme Name: Cooper Anchors Australia
Author: Alyte Creative
Author URI: http://alyte.com.au
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

*, :after, :before { box-sizing:border-box; }
html, body { width:100%; position:relative; display:block; border:0; margin:0; }
div { display:block; }

/* Defaults */
:focus {outline:0}
a, a:visited {text-decoration:none}
a:hover {}
body {background:#3370e2 url(images/bg.png) repeat-x;color:#1a3a7c;font:88%/125% Arial, Sans-Serif}
h1 {color:#07206b;font:bold 1.75em/1.25em Georgia, Garamond, Serif;margin:0 0 15px}
h2 {font:bold 1.6em/1em Georgia, Garamond, Serif;margin:0 0 20px}
h3 {font-size:1.14em;margin:0 0 10px}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}
.green{color:#006600}
input, select { border:1px solid #142f6c;border-radius:5px; }
input[type=submit] { background:#3370e2;color:#fff; }
input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus { background:#142f6c; }

#banner{width:100%;margin:0 0 0 0;background:#191F2D;height:25px;line-height:25px;color:white;font-size:11px;}
#banner div{width:930px;margin:auto auto}
#banner div span{float:right;}
#banner a{color:white;}
#banner img{top:-4px;position:relative}

/* Containers */
#page {margin:0 auto;width:960px}
@media (max-width: 1023px) {
	#page { width:100%; }
}

/* Header */
#header {background:#142f6c;margin:0 10px;overflow:hidden;width:940px}
#header img {float:left;margin:10px 0 0 20px}
#header ul {float:right;list-style:none;padding:10px 10px 0 0}
#header ul li {float:left;padding:0 0 0 2px}
#header ul li a {background:url(images/menu.png) no-repeat 1px 0;color:white;float:left;font-size:.9em;height:34px;line-height:38px;margin:2px 0 0;text-align:center;;width:113px}
#header ul li a:hover, #header ul li a:focus, #header ul li.current a {background-position:right top;color:black;margin:0;height:36px}
#header ul li.current-menu-item a {background-position:right top;color:black;margin:0;height:36px}
@media (max-width: 1023px) {
	#header { width:100%;margin:0; }
}
@media (max-width: 575px) {
	.menu-main-menu-container { 
		clear: both;
		max-height: 0;
		transition: max-height .2s ease-out;
		overflow:hidden; }
	#header ul { float:none;padding:20px 0; }
	#header ul li { float:none;padding:0; }
	#header ul li a { display:block;background:none;float:none;height:auto;width:100%;margin:0;font-size:16px;padding:5px 0; }
	#header ul li a:hover, #header ul li a:focus { background:#7caaee;color:#fff;height:auto; }
	#header ul li.current-menu-item a { color:#7caaee;height:auto; }	
}

/* Intro */
#intro {background:#ffffff;box-shadow:inset 0px 15px 8px -10px #CCC,inset 0px -15px 8px -10px #CCC;height:auto;padding:30px;position:relative}
#intro h1 {margin:0;padding-top:25px;margin-bottom:15px}
#intro h2 {font-size:1.1em}
 
#intro #tagline {position:absolute;bottom:27px;right:20px;font:1.35em Georgia, Garamond, Serif;margin:0;text-align:right;width:auto}
@media (max-width: 1023px) {
	#intro table { width:100%; }
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	td { 
		display:inline-block;
	}
}
@media (max-width: 768px) {
	#intro table img { width:100%;height:auto; }
}
@media (max-width: 575px) {
	td { display:block; }
}

/* Cutaway */
#cutaway {background:url(images/cutaway.jpg) no-repeat;color:#befaff;height:279px;overflow:hidden;position:relative;padding:0 0 0 30px}
#cutaway h2 {color:#FFF;font-size:1.8em;font-weight:bold;line-height:1.25em;padding:25px 0 0;text-shadow:#0d2043 1px 1px 5px}
h2#videolink {padding:55px 0 0;font-size:1.5em;font-family:'Segoe Print','Arial';color:white}
h2#videolink a{color:white;text-decoration:underline}
#cutaway p {clear:both;font-size:1.14em;float:left;line-height:1.5em;margin:0 0 60px;width:340px}
#cutaway .order {background:url(images/order-button-home.png) no-repeat}
#cutaway .more {background:url(images/find-button-home.png) no-repeat}
#disclaimer{font-size:.9em;font-weight:normal;margin:0;padding:0;line-height:.5em}
@media (max-width: 1023px) {
	#cutaway { height:auto;background-size:cover;padding:30px; }
	.slider-wrapper { position:relative;height:250px; }
}
@media (max-width: 575px) {
	#slider { position:relative!important;right:unset!important;width:100%!important; }
	#prev, #next { display:none; }
}

.left{text-align:left;}
.right {text-align:right;}
.bluebg {background:url(images/product-bg.png) repeat-x;clear:both;overflow:hidden;margin:0 -15px;padding:30px;width:900px}
@media (max-width: 1023px) {
	.bluebg { width:100%;margin:0; }
}

	/* Slider */
	#slider {float:right;position:absolute;top:38px;right:34px;overflow:auto;width:380px;height:207px}
	#slider ul {position:absolute;list-style:none;top:0;left:0;margin:0}
	#slider li {float:left;width:389px;height:207px}
	#prev, #next {cursor:pointer;position:absolute;top:118px;right:425px}
	#next {right:10px;top:118px}

/* Content*/
#main {background:#FFF;box-shadow:inset 0px 15px 8px -10px #CCC,inset 0px -15px 8px -10px #CCC;}
#main #bottom {overflow:hidden;padding:15px;width:930px}
@media (max-width: 1023px) {
	#main #bottom { width:100%; }
}

table tr td{ vertical-align: top; padding: 5px }

#main a{color:#07206b;border-bottom:dotted 1px}
#main a:hover{color:red;}
.clear{clear:both;}
#subgal{float:right;width:300px;text-align:center}

#main ul{margin-left:20px;}
td span{color:red;}
.section {background:url(images/section.png) repeat-x;clear:both;overflow:hidden;margin:0 -15px;padding:15px 15px;width:930px}
.red{color:red;}
	/* Buttons */
	.order {background:url(images/order-button.png) no-repeat;clear:both;color:#333;float:left;font-weight:bold;height:42px;line-height:35px;margin:0 15px 0 0;text-align:center;text-transform:uppercase;width:161px}
	.more {background:url(images/find-button.png) no-repeat;color:#FFF;float:left;font-weight:bold;height:42px;line-height:35px;text-align:center;text-transform:uppercase;width:161px}
	

	/* Testimonials */
	#testimonials {height:190px;overflow:auto;width:930px}
	#testimonials blockquote {overflow:hidden;padding:0 0 20px;width:910px}
	#testimonials blockquote p {margin:0}
	#testimonials blockquote p cite {color:#4861ad;float:left;font-style:normal;font-weight:bold;text-align:right;width:200px}
	#testimonials blockquote p cite strong {color:#07206b;display:block;font-size:1.25em;margin:0 0 20px}
	#testimonials blockquote p.quote {float:right;padding-right:15px;width:665px}
	@media (max-width: 1023px) {
		#testimonials { height:auto;width:100%; }
		#testimonials blockquote { width:100%; }
		#testimonials blockquote p cite { width:30%;overflow:hidden; }
		#testimonials blockquote p.quote { width:65%; }
	}

	/* Cycle */
	#cycle {background:url(images/fade-bg.png) no-repeat;float:left;height:217px;margin:25px 0 0;width:316px}
	#cycle div {width:284px;margin:15px;overflow:hidden;position:relative;height:187px}
	#cycle ul {position:absolute;list-style:none;top:0;left:0;margin:0}
	#cycle li {float:left;width:284px;height:187px}

	/* Mid */
	#mid {float:left;margin:35px 20px 0;width:500px}
	#mid h2{font-size:1.23em;line-height:1.3em}
	#mid a{color:#07206b;}
	#mid a:hover{color:red;}

	/* Order */
	#order-cta {background:url(images/order-cta.png) no-repeat;float:right;height:201px;margin:25px 0 20px 25px;text-align:center;width:307px}
	#order-cta h2 {padding-top:10px;margin-bottom:10px}
	#order-cta p {color:#FFF;font:bold 1.5em/1.1em Georgia, Garamond, Serif;margin:0 0 30px}
	#order-cta img {margin:0 0 5px}
	#order-cta p strong {display:block;font-size:1.75em}
	#order-cta .order {background:url(images/order-cta-button.png) no-repeat;display:block;float:none;margin:10px auto}
	
	/* Image Alignment */
	img.left {float:left;margin:0 10px 5px 0}
	img.right {float:right;margin:0 0 5px 10px}

	/* Home */
	#home #main {background-image:url(images/main-top-home.png)}
	#home #main h2 {text-align:center}
	#home #order-cta {margin:25px 0 0}

	
	/* Order Page */
	#download {float:right;margin:10px 0 15px}
		
		/* Product */
		.product {background:url(images/product-bg.png) repeat-x;clear:both;overflow:hidden;margin:0 -15px;padding:30px;width:900px}
		.product img {float:left;margin:0 20px 0 0}
		.product .about {float:left;width:310px}
		.product .price {float:left;margin:0 0 0 90px;text-align:center;width:50px}
		.product .quantity {float:right;text-align:right;width:130px}
		.product .quantity select {width:50px}
		form#anchors-form-step-1 table tr td { width:25%; }
		@media (max-width: 1023px) {
			form#anchors-form-step-2 table tr.product-row td { width:15%!important;display:inline-block;padding:1%; }
		}
		@media (max-width: 575px) {
			form#anchors-form-step-1 table tr.product-row { padding:20px 0;border-bottom:1px solid #142f6c; }
			form#anchors-form-step-1 table tr.product-row:last-child { border:0; }
			form#anchors-form-step-1 table tr td { width:45%;display:inline-block; }
			form#anchors-form-step-2 .bluebg { padding:30px 5px; }
			form input, form select { font-size:16px; }
		}

		/* Checkout */
		.checkout {background:url(images/product-bg.png) repeat-x;clear:both;overflow:hidden;margin:0 -15px;padding:30px 30px 5px;position:relative;text-align:center;width:900px}
		.checkout p {float:left}
		.checkout img {clear:both;display:block;margin:15px auto}
		.checkout #total {font-size:1.14em;font-weight:bold;float:right}
		.checkout #total strong {color:#F00}
		.checkout input, input#checkout { border:0; max-width:100%; }
		@media (max-width: 1023px) {
			.checkout { width:100%;margin:0; }
			.checkout img { width:auto!important; }
		}

/* Footer */
#footer {background:url(images/footer.png) no-repeat;color:#7caaee;font-size:.86em;height:72px;margin:0 auto;width:940px}
* html #footer {background:url(images/footer-ie.png) no-repeat}
#footer a {color:#7caaee}
#footer p {float:left;margin:15px}
#footer ul {float:left;line-height:1em;margin:18px 0 0 8px;text-transform:lowercase}
#footer ul li {border-left:1px solid #7caaee;float:left;list-style:none;padding:0 7px}
#footer ul li.first {border:0}
#footer #credit {float:right;color:#ffce00; margin:15px;}
#footer #credit a {color:#ffce00}
@media (max-width: 1023px) {
	#footer { width:100%;height:auto;overflow:hidden;background:#142f6c; }
	#footer p { float:none;text-align:center; }
	#footer #credit { float:none; }
	#footer ul { float:none;text-align:center; }
	#footer ul li { float:none;display:inline-block; }
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.error{ color: #D8000C;background-color: #FFBABA; border:1px solid; padding:8px;margin-bottom:10px;}

.page-id-12 .gform_wrapper {
	width:60%
}

@media (max-width: 575px) {
	iframe { width:100%; }
	.entry-content img { width:100%;height:auto; }
}

#header .menu-icon {
	cursor: pointer;
	display: inline-block;
	float: right;
	padding: 28px 20px;
	position: relative;
	user-select: none;
  }
  @media (min-width: 576px) {
	#header .menu-icon { display:none; }
	}
  
  #header .menu-icon .navicon {
	background: #fff;
	display: block;
	height: 2px;
	position: relative;
	transition: background .2s ease-out;
	width: 18px;
  }
  
  #header .menu-icon .navicon:before,
  #header .menu-icon .navicon:after {
	background: #fff;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transition: all .2s ease-out;
	width: 100%;
  }
  
  #header .menu-icon .navicon:before {
	top: 5px;
  }
  
  #header .menu-icon .navicon:after {
	top: -5px;
  }
  
  /* menu btn */
  
  #header .menu-btn {
	display: none;
  }
  
  #header .menu-btn:checked ~ .menu-main-menu-container {
	max-height: 400px;
  }
  
  #header .menu-btn:checked ~ .menu-icon .navicon {
	background: transparent;
  }
  
  #header .menu-btn:checked ~ .menu-icon .navicon:before {
	transform: rotate(-45deg);
  }
  
  #header .menu-btn:checked ~ .menu-icon .navicon:after {
	transform: rotate(45deg);
  }
  
  #header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
  #header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
	top: 0;
  }