/*

Theme Name: protect-wordpress
Theme URI: http://www.website.co.nz
Description: Wired
Author: Wired
Author URI: http://www.wired.co.nz
version: 1.0

*/


@charset "UTF-8";

body { color:#65615c; font-family: 'Poppins', sans-serif; font-size:15px; font-weight:300; overflow-x:hidden; margin:0; padding:0; position:relative;}

img { border:none; display:block; height:auto; max-width:100%;}

h1 { font-size:1.8em; line-height:1.2em; font-weight:500; margin:0; padding:0;}
h1 small { display:block; font-size:0.6em; }
h2 { font-size:1.6em; font-weight:500; line-height:1.2em; margin:15px 0; padding:0;}
h2 small { display:block; font-size:0.6em; }
h3 { font-size:1.7em; font-weight:500; margin:15px 0 0 0; padding:0;}
h4 { font-size:1.2em; font-weight:500; margin:0; padding:0;}
h5 {  font-size:1.0em; font-weight:500; margin:0; padding:0;}
h6 {}

p { font-size:1.1em; margin:20px 0;}

a:link, a:visited { color:#ec7a00; text-decoration:none; transition:0.3s;}
a:hover, a:active { color:#bf6303; }

hr { border-bottom:0; border-left:0; border-right:0; border-top:1px solid #e4e5e8; height:1px; margin:20px 0; }

.contentwidth { margin:0 3%; position:relative;}

.clearfix { clear:both;}
.aligncenter { text-align:center;}
.uppercase { text-transform:uppercase;}


/* Unique containers */
#site-header { background: url(../image/header-bg.jpg) no-repeat; background-size:cover; position:relative; }

#logo { float:left; max-width:234px; padding:26px 56px; }

#account { color:#fff; font-size:0.8em; position:absolute; top:5px; right:15px;}
#account a:link, #account a:visited { color:#ffa800;}
#account a:hover, #account a:active { color:#ffc924;}

#content  { padding:40px 0 80px 0; position:relative;}
.content { padding:0 20px;}
#site-footer { background:#e7e5e4; margin:0; padding:0; }
#footer-contacts-wrap:before { background: url(../image/borders.png) repeat-x; content:""; display:block; height:10px;}
#footer-contacts-wrap:after { background: url(../image/borders.png) 0 -10px repeat-x; content:""; display:block; height:10px;}
#freephone { border-bottom:1px solid #fff; font-size:2.4em; font-weight:500; padding:60px 2%; text-align:center;}
#freephone a:link, #freephone a:visited { padding:36px 0 36px 70px; position:relative; }
#freephone a:before { background:url(../image/sprite.png) -110px 0 no-repeat; content:""; height:96px; position:absolute; top:9px; left:0; width:62px; }
#contacts { padding:40px 2%;}
#contacts h4, #contacts p { margin:0; padding:0 30px; }
#contacts h4 { font-size:1.3em; font-weight:500;}
#email, #address { float:left; width:50%;}
#email { text-align:right;}
#email p { font-size:1.3em; }
#address p { font-size:1em; max-width:280px;}
#copyright { background:#65615c; color:#a8a6a4; font-size:0.8em; padding:25px 5%; text-align:center;}
#copyright a:link, #copyright a:visited {color:#a8a6a4;}
#copyright a:hover, #copyright a:active {color:#fff;}

/* Navigation */
#nav { float:left; font-size:1.1em; margin:0 0 0 5%;}
#nav ul { margin:0; padding:0;}
#nav li { float:left; list-style:none; margin:0 1px; padding:0; position:relative; text-transform:uppercase; }
#nav li a:link, #nav li a:visited { color:#fff; display:block; margin:0; padding:52px 25px 32px 25px; position:relative; text-decoration:none; }
#nav li a:hover, #nav li a:active { color:#ffc924; }
#nav li a:link:after, #nav li a:visited:after { background:#bf6303; content:""; display:block; height:3px; position:absolute; bottom:-6px; left:0; transition:0.3s; width:0;}
#nav li a:hover:after, #nav li a:active:after , #nav li.current a:after { width:100%;}
#nav input[type="checkbox"], #nav input[type="checkbox"] + label { display:none; }


#nav li.has-submenu ul { position:absolute; top:90px; left:25px; width:260px; z-index:999;}
#nav li.has-submenu ul li { background:#d66f00; display:block; min-height:0; height:0; overflow:hidden; float:none; line-height:1em; transition:0.3s;}
#nav li.has-submenu ul li a:link, #nav li.has-submenu ul li a:visited { font-size:0.9em; padding:5px 9px;}
#nav li.has-submenu ul li a:hover, #nav li.has-submenu ul li a:active { color:#fff;}
#nav li.has-submenu ul li:hover, #nav li.has-submenu ul li:active { background:#fe8300;}
#nav li.has-submenu ul li.has-submenu ul { top:0; left:256px;}
#nav li.has-submenu:hover ul li { border-bottom:1px solid #f1a553; min-height:27px; height:auto;}
#nav li.has-submenu:hover ul:before { content:""; position:absolute; top:-8px; left:15px; width:0; height:0; border-style:solid; border-width:0 8px 8px 8px; border-color:transparent transparent #d66f00 transparent;}
#nav li.has-submenu li.has-submenu ul:before { display:none;}



.showonmobile { display:none;}

#feature-links { background: #f78102; background: -moz-linear-gradient(top, #f78102 0%, #d97102 100%); background: -webkit-linear-gradient(top, #f78102 0%,#d97102 100%); background: linear-gradient(to bottom, #f78102 0%,#d97102 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78102', endColorstr='#d97102',GradientType=0 ); border-bottom:3px solid #f1a553; border-top:3px solid #000; }
#feature-links ul { list-style:none; margin:0; padding:0;}
#feature-links ul li { float:left; margin:0; padding:0; width:25%;}
#feature-links ul li a:link, #feature-links ul li a:visited { border-right:1px solid #f1a553; color:#fff; display:block; font-size:2em; line-height:0.9em; padding:20px 0; position:relative;}
#feature-links ul li a:hover, #feature-links ul li a:active , #feature-links ul li.current a:link, #feature-links ul li.current a:visited{ background:#ff9000; }
#feature-links ul li a:link img, #feature-links ul li a:visited img { margin:auto;}




/*-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 #cbd0d4; color:#535551; font-family:'Open Sans', sans-serif; font-size:1em; margin:8px 0; padding:7px 3%; width:94%;}

select { background:#fff; border:1px solid #cbd0d4; color:#535551; display:inline; font-family:'Open Sans', sans-serif; font-size:1em; padding:0.5em 2em 0.55em 0.8em; margin:8px 0; /*-webkit-appearance:none; -moz-appearance:none; appearance:none; */width:100%; }
select::-ms-expand { display:none;}

.selectstyle { margin:8px 0; position:relative;}
.selectstyle:after { background: url(../image/sprite.png) -298px -3px no-repeat; content:""; position:absolute; right:15px; top:14px; pointer-events:none; width:17px; height:12px; z-index:9;}

::placeholder, option:first-of-type { color:#b6b6b5; opacity:1;}

input[type="submit"], a.btn, a:link.bigbtn, a:visited.bigbtn, input[type="button"] { background:#f78102; background: -moz-linear-gradient(top, #f78102 0%, #d97102 100%); background: -webkit-linear-gradient(top, #f78102 0%,#d97102 100%); background: linear-gradient(to bottom, #f78102 0%,#d97102 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78102', endColorstr='#d97102',GradientType=0 ); border:0; border-bottom:3px solid #ffc878; border-radius:60px; color:#fff; cursor:pointer; display:inline-block; font-size:1em; font-family:'Poppins', sans-serif; line-height:50px; margin-bottom:5px; padding:0 35px; text-decoration:none; text-shadow:-1px -1px 1px #b05d03; }
input[type="submit"]:hover, a.btn:hover, a.btn:active, a:hover.bigbtn, a:active.bigbtn , input[type="button"]:hover, input[type="button"]:active { background:#ff9000; }

textarea:disabled, input:not([type]):disabled, input[type="color" i]:disabled, input[type="date" i]:disabled, input[type="datetime" i]:disabled, input[type="datetime-local" i]:disabled, input[type="email" i]:disabled, input[type="month" i]:disabled, input[type="password" i]:disabled, input[type="number" i]:disabled, input[type="search" i]:disabled, input[type="tel" i]:disabled, input[type="text" i]:disabled, input[type="time" i]:disabled, input[type="url" i]:disabled, input[type="week" i]:disabled { background-color:rgb(235, 235, 228); opacity: 0.7;}

/*
input[type="button"] { background:url(../image/sprite.png) -244px -83px no-repeat; border:0; color:#fff; cursor:pointer; font-size:1.03em; height:50px; margin:0 0 0 -12px; padding:0 0 5px 0; text-align:center; width:185px; }
input[type="button"]:hover, input[type="button"]:active { opacity:0.7;}

label { display:inline-block; margin:0 50px 0 0;}
input[type="radio"], input[type="checkbox"] { height:14px; margin:0 6px 12px 0; width:14px;}

input[type="checkbox"] { display:none; }
input[type="checkbox"] ~ label { background:url(../image/sprite.png) -475px -261px no-repeat; color:#61686a; font-size:0.9em; margin:4px 0; padding:3px 0 6px 36px;}
input[type="checkbox"]:checked ~ label { background-position:-475px -311px; }

input[type="radio"] { display:none; }
input[type="radio"] ~ label { background:url(../image/sprite.png) -474px -431px no-repeat; color:#61686a; font-size:0.9em; margin:4px 10px 4px 0; padding:3px 20px 6px 32px;}
input[type="radio"]:checked ~ label { background-position:-474px -381px; }

input[type="radio"] ~ label:hover, input[type="checkbox"] ~ label:hover { cursor:pointer; }
*/
a:link.bigbtn, a:visited.bigbtn  { font-size:1.6em; margin:16px 0; padding:32px 40px 28px 125px; position:relative; line-height:0.9em; text-transform:uppercase; }
a.bigbtn small { font-size:0.6em; font-weight:500; letter-spacing:1px; }
a.bigbtn:before { background:url(../image/sprite.png) -178px 0 no-repeat; border-right:1px solid #ffc878; content:""; height:100%; position:absolute; top:0; left:0; width:100px;}



/*---------------------styled containers---------------------------*/

.alert:before { background:url(../image/sprite.png) 0 0 no-repeat; content:""; display:block; height:105px; position:absolute; top:15px; right:9%; width:105px;}

.ft-cta-outer { background:url(../image/bottles-BG.jpg); border-radius:50%; position:relative; width:100%; overflow:hidden;}
.ft-cta-outer:before { content:""; display:block; padding-top:100%;}
.ft-cta-inner { position:absolute; top:0; left:0; bottom:0; right:0; color:white; text-align: center;} 

.ft-cta-inner h3 { margin:30% 0 0 0; padding:0;}
.ft-cta-inner p { margin:0; padding:0;}

ul li, ul ol { margin:0 0 9px 0;}

.formwraper h2 { background:#d77f09; color:#fff; padding:5px 12px;}
a.togglelink { display:block;}
a.togglelink:hover { color:#fff; cursor:pointer; }
.arrowImg { float:right; top:2px; position:relative; z-index:3; max-height:1.5em;}

.form-input-label, .form-input-wrap { float:left; }
.form-input-label { margin:0 2% 0 0; padding:8px 0 0 0; text-align:right; width:20%;}
.form-input-wrap { width:70%;}
.form-input-wrap #email { text-align:left; width:94%;}
.form-input-wrap #address { width:94%;}

.form-input-label2, .form-input-wrap2 {}
.ui-widget {  font-family:'Open Sans', sans-serif; font-size:1em; margin:8px 0;}

.or { background:#e7e5e4; border-radius:50%; height:50px; line-height:50px; margin:15px 0 15px 22%; text-align:center; text-transform:uppercase; width:50px;}

table {border-bottom:1px solid #e7e5e4; }
table tr:first-of-type {background:#f3f3f3; }
table tr td { border-top:1px solid #e7e5e4; padding:5px; vertical-align:top;}
table tr td p { font-size:0.9em; margin:0;}
table.notices-links { border:none; margin:20px 0;}
table.notices-links  tr:first-of-type {background:none; }
table.notices-links  tr td { border-top:none; padding:0 20px 0 0;}
table.notices-links  tr td:nth-of-type(1), table.notices-links  tr td:nth-of-type(2), table.notices-links  tr td:nth-of-type(3) { border-right:1px solid #ccc;}
table.notices-links  tr td:nth-of-type(2), table.notices-links  tr td:nth-of-type(3), table.notices-links  tr td:nth-of-type(4) { padding-left:20px;}
table.notices-links  tr td ul { list-style:none; margin:0; padding:0;}
table.notices-links  tr td ul li { margin:0; padding:0;}


ul.massive-link-list li { float:left; width:33%;}
h4 ~ p { margin-top:0;}

.login-inner {background:#f3f3f3; padding:30px 40px;}


.bus_box { margin:5px 0;}
.bus_box .row { padding-left:8px; }
.bus_box .row:first-of-type { background:#333; color:#fff; }
.bus_box .row:nth-of-type(even) { background:#f3f3f3; }

.info_bus1, .info_bus2, .info_bus3,.info_bus4, .info_app1, .info_app2, .info_app3, .info_app4, .info_app5, .info_app6  { float:left; margin:0; padding:10px 0; position:relative;}
.info_bus1 { width:33%; }
.info_bus2 { width:44%; }
.info_bus3 { width:15%; }
.info_bus4 { width:8%;}
.info_app1 { width:16%;}
.info_app2 { width:26%; }
.info_app3 { width:22%; }
.info_app4 { width:12%; }
.info_app5 { width:12%; }
.info_app6 { width:12%; }




/*---------------------responsive cols---------------------------*/

.row { clear:both; position:relative; }

.col-1o3, .scol-1o3, .col-2o3, .col-1o4, .col-2o4, .col-1o2, .fifty-p, .alert, .intro, .ft-cta, .login-col { float:left;}

.alert { border-right:1px solid #e5e3e2; color:#aa0000; margin:0; padding:120px 4% 0 0; position:relative; text-align:right; width:20%;}
.intro { padding:30px 2% 0 0; width:64%;}
.alert ~ .intro { padding:30px 2% 0 4%; width:40%;} 
.ft-cta { width:28%;} 

.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:5px 0.5%; width:24.4%;}
.col-1o4:nth-of-type(2) { margin-left:0; margin-right:0;}
.col-1o4:nth-of-type(3),.col-1o4:nth-of-type(4) { margin-right:0;}

.col-2o4 { margin-right:5%; width:45%;}
.col-1o4 ~ .col-2o4 { margin-right:0;}

.col-1o2 { margin-right:4%; width:46%;}
.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%;}

.login-col { margin:0 2% 0 0; width:48%;}
.login-col:nth-of-type(2) { margin:0 0 0 2%;}



.resultrow { border-top: 1px solid #ccc; clear:both; display:block; margin:10px 0; width:100%;}
.result_col1, .result_col2, .result_col3, .result_col4, .result_col4a, .result_col5 { float:left; width:15%; padding:10px 1.6% 10px 0; clear:none; position:relative;}



/*---------------------Media queries---------------------------*/

@media only screen and (max-width: 1450px) {

.intro { width:60%;}
.alert ~ .intro { width:36%;} 
.ft-cta { width:32%;} 
#nav li a:link, #nav li a:visited { padding:52px 14px 32px 14px; }
#nav li.has-submenu ul { left:14px;}
}

@media only screen and (max-width: 1250px) {
.intro { width:57%;} 
.alert ~ .intro { width:33%;} 
.ft-cta { width:35%;} 
#logo { max-width:234px; padding:26px 36px;}
#nav { margin:0;}

a:link.bigbtn, a:visited.bigbtn  { padding:28px 30px 24px 115px; }
a.bigbtn:before { background:url(../image/sprite.png) -178px -5px no-repeat;}


table.notices-links  tr td { display:inline-block; padding:0 2% 0 0; width:40%;}
table.notices-links  tr td:nth-of-type(1), table.notices-links  tr td:nth-of-type(2), table.notices-links  tr td:nth-of-type(3) { border-right:none;}
table.notices-links  tr td:nth-of-type(2), table.notices-links  tr td:nth-of-type(3), table.notices-links  tr td:nth-of-type(4) { padding-left:0;}


.bus_box .row { padding:12px; }
.bus_box .row:first-of-type { display:none; }

.info_bus1, .info_bus2, .info_bus3,.info_bus4, .info_app1, .info_app2, .info_app3, .info_app4, .info_app5, .info_app6  { padding:0; width:100%;}
.info_bus1:before { content:"Company name: "; font-weight:bold; }
.info_bus2:before { content:"Trading name: "; font-weight:bold; }
.info_app1:before { content:"Company name: "; font-weight:bold; }
.info_app2:before { content:"Trading name: "; font-weight:bold;}
.info_app3:before { content:"Physical address: "; font-weight:bold;}
.info_app4:before { content:"Application type: "; font-weight:bold;}
.info_app5:before { content:"Application date: "; font-weight:bold;}
.info_app6:before { content:"Submission date: "; font-weight:bold;}

}

@media only screen and (max-width: 1023px) {
.alert:before { right:initial; left:0;}
.alert { border-bottom:1px solid #e5e3e2;  border-right:0; margin:0; padding:0 0 30px 130px; text-align:left; width:auto; }
.intro, .alert ~ .intro { margin:0; padding:30px 0; width:100%;} 
.ft-cta { margin:0; padding:0; max-width:400px; width:100%;} 

#nav { margin:0; padding:0; position:absolute; top:40px; right:10px; text-align:left; z-index:999; }
#nav input[type="checkbox"] + label { background:url(../image/sprite.png) -440px 0 no-repeat; display:block; height:57px; margin:0; padding:0; position:absolute; top:0; right:0; transition:0s; width:60px; }
#nav input[type="checkbox"]:checked + label { background:url(../image/sprite.png) -440px -60px no-repeat; }
#nav input[type="checkbox"] ~ ul  { border-top:1px solid #b77204; margin:0; padding:0; position:absolute; transition:0.3s; width:260px; top:-600px; right:-10px; transition:0.3s; z-index:99; }
#nav input[type="checkbox"]:checked ~ ul { top:58px;}
#nav input[type="checkbox"] ~ ul li { background:#fd9b00; border-bottom:1px solid #b77204; border-right:none; float:none; display:block; margin:0; padding:0; }
#nav input[type="checkbox"] ~ ul li.current { background:#b77204;}
#nav li.current a { background:none; color:#fff;}
#nav li a:link, #nav li a:visited { color:#fff; display:block; padding:8px 15px; }
#nav li a:hover, #nav li a:active { background:#b77204; } 
#nav input[type="checkbox"] ~ ul:after { background:url(../image/sprite.png) 0 -300px no-repeat; content:""; display:block; height:62px; position:absolute; bottom:-62px; left:0; width:260px; }
#nav li:before, #nav li:after { display:none;}
#nav li a:link:after, #nav li a:visited:after { display:none;}

#nav li.has-submenu ul { border-top:1px solid #b77204; position:relative; top:0; left:0; width:100%;}
#nav li.has-submenu ul li { min-height:25px; height:auto;}
#nav li.has-submenu:hover ul, #nav li.has-submenu:active ul { border-top:0;}
#nav li.has-submenu ul li:last-of-type { border-bottom:0;}
#nav li.has-submenu ul li:hover, #nav li.has-submenu ul li:active { min-height:25px; height:auto;}
#nav li.has-submenu ul li a:link, #nav li.has-submenu ul li a:visited { padding:4px 15px;}
#nav li.has-submenu ul li:hover, #nav li.has-submenu ul li:active { background:#b77204;}
#nav li.has-submenu ul li.has-submenu ul { top:0; left:256px;}
#nav li.has-submenu:hover ul li { border-bottom:0; border-top:1px solid #b77204; min-height:25px; height:auto;}
#nav li.has-submenu:hover ul:before { display:none;}


#feature-links { border-bottom:0; border-top:3px solid #000; }
#feature-links ul li { border-bottom:3px solid #f1a553; width:100%;}
#feature-links ul li a:link, #feature-links ul li a:visited { border-right:0; padding:10px 0;}

#feature-links ul li:nth-of-type(2) img { padding-right:32px;}
#feature-links ul li:nth-of-type(3) img { padding-right:2px;}
#feature-links ul li:nth-of-type(4) img { padding-right:12px;}

.or { margin:15px 0;}

.form-input-label { margin:0; padding:8px 0 0 0; text-align:left; width:100%;}
.form-input-wrap { width:100%;}

ul.massive-link-list li { width:50%;}

/*- pop up box overwrite -*/
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius:0!important;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius:0!important;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius:0!important;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius:0!important;}

}

@media only screen and (max-width: 750px) {
#email, #address { text-align:center; width:100%;}
#address { margin:20px 0 0 0;}
#address p { margin:auto;}
ul.massive-link-list li { width:100%;}

.login-col { margin:0 0 12px 0; width:100%;}
.login-col:nth-of-type(2) { margin:0;}

.resultrow { margin:10px 0; padding:20px 0;}
.result_col1, .result_col2, .result_col3, .result_col4, .result_col4a, .result_col5 { float:none; width:96%; padding:3px 2%; }

.result_col1:before { content:"Name:";}
.result_col2:before { content:"Trading Name:";}
.result_col3:before { content:"First published online:";}
.result_col4:before { content:"Newspaper 1st notice:";}
.result_col4a:before { content:"Newspaper 2nd notice:";}

.result_col1:before, .result_col2:before, .result_col3:before, .result_col4:before, .result_col4a:before { font-weight:bold; display:block;}
#resulttitle { display:none;}

table.notices-links  tr td { display:block; padding:0; width:100%;}
.info_bus1:before, .info_bus2:before, .info_app1:before, .info_app2:before, .info_app3:before, .info_app4:before, .info_app5:before, .info_app6:before { display:block;}

}


@media only screen and (max-width: 500px) {
#logo { max-width:180px; padding:16px 20px;}
#account { display:none;}
.showonmobile { display:block;}
#nav { top:20px; right:20px; }
#nav input[type="checkbox"] ~ ul { right:-20px;}
h1 {font-size:1.6em;}
.alert { padding:120px 0 30px 0; text-align:center; }
.alert:before { margin-left:-51px; left:50%;}


input[type="submit"], a.btn, a:link.bigbtn, a:visited.bigbtn, input[type="button"] { font-size:0.9em; line-height:40px; padding:0 20px;  }

}

@media only screen and (max-width: 370px) {
.ft-cta-inner h3 { margin:22% 0 0 0;}
a:link.bigbtn, a:visited.bigbtn  { font-size:1.5em; padding:20px 40px 20px 105px; }
a.bigbtn small { font-size:0.5em; }
a.bigbtn:before { background:url(../image/sprite.png) -188px -14px no-repeat; width:80px; }
#freephone { font-size:2.0em;}
}
