:root {
--bodytext: #595959;
--copper: #a74524;
--dark-copper: #913c1f;
--light-copper: #b25738;
--orange: #f99e31;
--dark-orange: #c66728;
--dark: #433531;
--bg-tint1: #fefdf4;
--bg-tint2: #f3e3dd;
--bg-tint3: #b6c1b4;
--edge-tint1: #f8f5e4;
--edge-tint2: #e8d8d2;
--edge-tint3: #b6c1b4;
--header-height-full: 140px;
--header-height-mobile-full: 120px;
--sticky-height: 60px;
}  html {
background-color: #ffffff;
}
html,body {
margin:0;
padding:0;
}
body {
font-family: 'Source Sans Pro', sans-serif;
color: var(--bodytext);
font-size: 22px;
}
h1, h2, h3, h4 {
color: var(--dark-copper);
font-family: 'Comfortaa', sans-serif;
}
h1 {
font-size: 46px;
color: var(--dark-orange);
}
h2 {
font-size: 36px;
text-align: center;
margin: 0.5em 0 0.8em 0;
}
h1.is-style-fancy::after,
h2.is-style-fancy::after,
h3.is-style-fancy::after,
h4.is-style-fancy::after {
content: " ";
margin: 12px auto 0 auto;
display: block;
border-bottom: 4px solid var(--orange);
width: 150px;   
height: 1px;
}
h3.is-style-fancy::after,
h4.is-style-fancy::after {
margin: 12px 0 0 0;
border-bottom: 3px solid var(--orange);
}
h3 {
font-size: 25px;
margin: 1.5em 0 0 0;
}
h4 {
font-size: 20px;
}
p {
margin: 0.5em 0 1em 0;
}
.wp-block-cover h1 {
text-shadow: 0px 0px 10px rgba(0,0,0,0.9);
}
body .wp-block-cover h1:not(.has-text-color) {
color: #fff;
}
@media screen and (max-width: 700px) {
h1 {
font-size: 40px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 23px;
}
}
@media screen and (max-width: 400px) {
h1 {
font-size: 34px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 22px;
}   
}
main {
background: transparent;
clear:both;
}
a {
color: var(--dark-copper);
}
a:hover {
color: var(--orange);
}
h1 a, h2 a {
text-decoration: none;
} 
img {
border: 0;
}
figcaption {
text-align: center;
font-weight: bold;
}
td {
vertical-align:top;
} .cols2 {
column-count: 2;
}
ul.cols2 li {
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
}
.clear {
clear:both;
}
.centered {
text-align:center;
}
.projectdetails {
max-width: 600px;
margin: 0 auto;
font-size: 18px;
}
.projectdetails td {
padding: 5px;
}
.projectdetails td:first-child {
font-weight: bold;
text-align: right;
}
.projectdetails td:first-child::after {
content: ": ";
}
.special {
border: 3px solid var(--orange);
padding: 20px;
} body .wp-block-cover {
min-height: auto;
}
.wp-block-cover.contained {
padding: 0;
}
.wp-block-cover.contained  .wp-block-cover {
width:90%; 
max-width: 1200px; 
min-width: 300px;
margin: 0 auto;
}
.wp-block-cover.is-style-header {
background: var(--copper) url(//coppertop.co.nz/wp-content/themes/Coppertop2023/images/hero-band.jpg) center bottom no-repeat;
background-size: cover;
background-attachment: fixed;
}
@media screen and (max-width: 600px) {
.wp-block-cover.is-style-header {
background-image: url(//coppertop.co.nz/wp-content/themes/Coppertop2023/images/hero-band-sm.jpg);
background-attachment: scroll;
}
.wp-block-cover.contained  .wp-block-cover {
width:100%; 
}
} section,
.is-style-section1,
.is-style-section2,
.is-style-section3 {
overflow: hidden;
padding: 50px 0;
}
.is-style-section1 {
background-color: #fff;
}
.is-style-section2 {
background-color: var(--bg-tint1);
border-top: 1px solid var(--edge-tint1);
border-bottom: 1px solid var(--edge-tint1);
}
.is-style-section3 {
background-color: var(--bg-tint2);
border-top: 1px solid var(--edge-tint2);
border-bottom: 1px solid var(--edge-tint2);
}
.watermark {
background-image: url(//coppertop.co.nz/wp-content/themes/Coppertop2023/images/watermark.png);
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
}
.calltoaction {
background: #fff;
padding: 30px 0;
}
.calltoaction .wp-block-columns {
margin: 0;
}
.calltoaction h2 {
color: var(--orange);
}
.calltoaction .wp-block-button .wp-block-button__link {
background-color: var(--orange);
color: #fff;
}
.calltoaction .wp-block-button .wp-block-button__link:hover {
background-color: var(--dark-orange);
}
@media screen and (max-width: 780px) {
.calltoaction {
padding: 30px 0;
}
.calltoaction :where(.wp-block-columns.is-layout-flex) {
gap: 0;
}
} ul.is-style-fancy {
list-style-type: none;
padding: 0px;
margin: 7px 0 7px 15px;
}
ul.is-style-fancy li {
background-image: url(//coppertop.co.nz/wp-content/themes/Coppertop2023/images/bullet.png);
background-repeat: no-repeat;
background-position: 0px 50%;
background-size: 16px 16px;
line-height: 1.571em;
padding-left: 26px;
margin: 5px 0;
} blockquote {
background: transparent url(//coppertop.co.nz/wp-content/themes/Coppertop2023/images/quote.png) 15px 6px no-repeat;
padding: 15px 15px 15px 100px;
margin: 30px 40px;
}
@media screen and (max-width: 1000px) {
blockquote {
padding: 15px 15px 15px 70px;
margin: 20px 20px;
}
}
@media screen and (max-width: 1000px) {
blockquote {
padding: 15px 15px 15px 70px;
margin: 10px 0px;
background-size: 33px 30px;
}
}
blockquote p {
margin: 0;
}
blockquote cite {
margin-top: 10px;
display: block;
text-align: right;
} header {
background-color: #fff;
}
header .contents {
height: var(--header-height-full);
display: flex;
justify-content: space-between;
align-items: center;
}
#headerleft {
flex-grow: 0;
flex-shrink: 1;
position: relative;
flex-basis: 350px;
}
#headerright {
flex-grow: 1;
}
header #logo {
display: block;
width: 320px;
height: auto;
transition: all 0.25s;
}
header #headertext {
float: right;
padding-bottom: 20px;
}
header #headertext a {
text-decoration: none;
}
header #headertext .phone {
font-size: 20px;
font-weight: bold;
margin: 0 0 2px 0;
color: var(--light-copper);
}
header #headertext .email {
margin: 0;
}
header #headertext .social {
font-size: 32px;
text-align: right;
}  #header-sticky.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
height: var(--sticky-height);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
}
#header-sticky.mobile-menu-open { height: var(--header-height-mobile-full);
}
#header-sticky.sticky .contents {
max-height: var(--sticky-height);
}
#header-sticky.mobile-menu-open .contents {
max-height: var(--header-height-mobile-full);
}
.admin-bar #header-sticky.sticky {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar #header-sticky.sticky {
top: 46px;
}
}
@media screen and (max-width: 600px) {
.admin-bar #header-sticky.sticky {
top: 0;
}
}
#header-sticky.sticky #logo {
width: 160px;
}
#header-sticky.sticky #headertext {
display: none;
}  #header-sticky.sticky + * {
padding-top: var(--header-height-full);
} nav {
text-align: center;
}
#topnav {
float: right;
clear: right;
line-height: 30px;
}
nav a {
margin: 0 5px;
padding: 5px 15px;
text-decoration:none;
text-transform: lowercase;
font-weight: bold;
font-size: 18px;
display: inline-block;
color: #444444;
}
#topnav a:hover, nav a.current, nav li.current_page_item > a {
color: var(--light-copper);
}
#topnav li:first-child a {
padding-left: 0;
margin-left: 0;
}
#topnav li:last-child a {
padding-right: 0;
margin-right: 0;
}
nav ul, #subnav ul, footer nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li, #subnav li, footer nav li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
background: none;
} #topnav ul.sub-menu { 
display: none; 
position: absolute; 
top: 30px;
left: 0;
min-width: 150px;
z-index: 21;
background-color: var(--bg-tint2);
padding: 3px 20px;
} #topnav ul.sub-menu ul.sub-menu { 
position: static;
padding: 0 0 0 15px;
}
#topnav ul.sub-menu ul.sub-menu a { 
padding: 0;
margin: 0;
}
#topnav ul.sub-menu ul.sub-menu a::before { 
content: " - ";
}
#topnav ul.sub-menu > li.menu-item-has-children > a {
margin-bottom: 0;
}
#topnav ul.sub-menu li { 
display: block;
text-align: left;
}
#topnav ul.sub-menu.open {
display: block;
}
#topnav ul.sub-menu a {
opacity: 0.9;
}
#menu-main-menu > li {
position: relative;
}
#menu-main-menu > li::before { position: absolute;
content: '';
width: 100%;
height: 60px;
top: -10px;
left: 0;
z-index: -1;
}
#topnav ul.sub-menu li { 
margin:0;
}
#topnav ul.sub-menu a { 
display: inline-block;
padding: 2px 0;
margin: 10px 0;
} #topnav ul:not(.sub-menu) > li.menu-item-has-children > a:after {
font-family: 'icomoon';
content: '\e90e';
font-size: 14px;
color: initial;
display: inline-block;
padding-left: 10px;
} hr.wp-block-separator {
display:block;
padding: 0;
margin: 50px 25%;
border: 0;
border-top: 1px solid #ccc;
height: 1px;
} #hero,
.hero {
background: var(--copper) url(//coppertop.co.nz/wp-content/themes/Coppertop2023/images/hero-bg.jpg) center center no-repeat;
background-size: cover;
background-attachment: fixed;
width: 100%;
height: 60vh;
min-height: 250px;
display: flex;
align-items: center; justify-content: center; }
#hero .tagline h4,
.hero .tagline h4 {
color: #fff;
font-size: 40px;
margin: 0 auto 110px auto;
text-align: left;
font-family: 'Comfortaa', sans-serif;
text-shadow: 0px 0px 10px rgba(0,0,0,0.9);
border-left: 10px solid var(--orange);
padding-left: 30px;
line-height: 1.5em;
}
#hero .tagline h4 strong {
font-size: 60px;
}
@media screen and (max-width: 1000px) {
#hero .tagline h4 strong {
font-size: 44px;
}
#hero .tagline h4 {
font-size: 30px;
line-height: 1.2em;
padding-left: 20px;
margin-left: 30px;
margin-right: 20px;
}
}
@media screen and (max-width: 600px) {
#hero {
height: 40vh;
}
#hero .tagline h4 strong {
font-size: 30px;
}
#hero .tagline h4 {
font-size: 22px;
margin-bottom: 50px;
}
} @supports (-webkit-touch-callout: inherit) {
#hero {
background-attachment: scroll;
}
} .panelband {
position: relative;
top: -150px;
margin-bottom: -150px;
}
.panelband .wp-block-columns {
overflow: hidden;
padding: 30px 0;
display: flex; align-items: center; display: grid;
column-gap: 4%;
grid-template-columns: 1fr 1fr 1fr;
justify-items: center;
justify-content: space-around;
margin-bottom: 0;
}
.panelband .wp-block-column {
background-color: var(--dark-orange);
display: flex;
flex-direction: column;
justify-content: stretch;
position: relative;
}
.panelband h4 {
text-align: center;
font-size: 30px;
font-weight: normal;
font-family: 'Source Sans Pro', sans-serif;
height: 80px;
margin: 0;
line-height: 60px;
text-align: center;
vertical-align: middle;
width: 100%;
color: #fff;
text-decoration: none;
display: inline-block;
vertical-align: middle;
line-height: 1em;
flex-grow: 1;
display:flex;
justify-content:center;
align-items:center;
}
.panelband .wp-block-column h4 a {
color: #fff;
text-decoration: none;
}
.panelband .wp-block-column h4 a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.panelband figure {
text-align: center;
margin: 0;
flex-grow: 0;
}
.panelband .panel .icon img,
.panelband figure img {
}
.panelband .panel .icon a {
font-size: 125px;
text-decoration: none;
color: #fff;
}
.panelband .top a {
position: relative;
padding: 0.5rem 0.5rem 0.5rem 0;
}
@media screen and (max-width: 900px) {
.panelband .wp-block-column {
}
.panelband h4 {
font-size: 22px;
height: 44px;
}    
}
@media screen and (max-width: 600px) {
.panelband {
top: -100px;
margin-bottom: -100px;
}
.panelband .wp-block-columns {
flex-wrap: wrap; grid-template-columns: 1fr;
}
.panelband .wp-block-column h4 {
font-size: 20px;
}   
.panelband .wp-block-column figure img {
max-width: 250px;
}   
} .more {
text-align: center;
margin-top: 30px;
}
.wp-block-buttons {
margin-top: 1em;   
margin-bottom: 1em;   
}
.more a, 
a.button,
.wp-block-button .wp-block-button__link,
.editor-styles-wrapper .wp-block-button .wp-block-button__link,
input[type="submit"] {
text-decoration:none;
padding: 10px 25px;
color: #fff;
background: var(--orange);
font-weight: bold;
border-radius: 5px;
font-size: 1em;
border: none;
}
.more a:hover,
a.button:hover,
.wp-block-button .wp-block-button__link:hover,
input[type="submit"]:hover {
background: var(--copper);
} footer {
background: var(--copper); color: #fff;
padding-top: 25px;
overflow: hidden;
position: relative;
}
footer .contents {
position: relative;
display: flex;
align-items: center;
padding-bottom: 25px;
}
footer .col {
position: relative;
width: 33.3%;
}
footer .col3 {
text-align: right;
}
#footerlogo {
max-width: 270px;
height: auto;   
padding: 0;  
z-index: 10;
}
footer a {
color: #fff;
text-decoration:none;
}
.footermenus {
padding-bottom: 30px;
}
@media screen and (max-width: 750px) {
footer .contents {
flex-direction: column;
flex-direction: column-reverse;
}
footer .col {
width: 100%;
text-align: center;
}
footer .col2 {
margin-top: 30px;
margin-bottom: 30px;
}   
.footermenus {
width: 100%;
border-bottom: 1px solid #000;
margin-bottom: 30px;
}
.footermenucol {
padding: 0 20px;
}
.footermenucol, footer nav ul li {
text-align: center;
}   
}
footer nav ul {
text-align: center;
}
footer nav li {
display: block;
padding: 0;
text-align: center;
line-height: 1.3em;
}
footer nav li a {
font-size: 18px;
padding: 0;
margin: 0;
font-weight: normal;
text-transform: lowercase;
}
footer nav li.current_page_item > a {
color: var(--orange);
}
footer .phone {
font-size: 24px;
font-weight: bold;
margin: 0;
padding-left: 10px;
margin-bottom: 20px;
}
footer .email, footer .social {
font-size: 20px;
font-weight: bold;
margin: 0;
padding-left: 10px;
padding-bottom: 2px;
}
footer .affiliations {
margin-top: 30px;
}
footer .affiliations p {
margin-bottom: 0;
font-size: 14px;
}
footer .affiliations img {
max-width: 180px;
}
@media screen and (max-width: 500px)  {
footer .affiliations img {
max-width: 120px;
}
}
#credits {
text-align: center;
font-size: 14px;
color: #999;
background-color: var(--dark);
padding: 10px 0;
width: 100%;
}
#credits a {
text-decoration: none;
color: #999;
}
#credits a:hover {
text-decoration: underline;
}
a.scrollup {
width: 67px;
height: 67px;
position: fixed;
bottom: 25px;
right: 25px;
display: none;
text-indent: -9999px;
background: url(//coppertop.co.nz/wp-content/themes/Coppertop2023/images/top.png) no-repeat;
opacity: 0.3;
} .postmetadata {
color: #999;
font-size: 14px;
margin: 2px 0;
} #blog-categories {
background-color: #f9f9f9;
}
#blog-categories ul {
list-style: none;
margin: 0;
padding: 0;
}
#blog-categories li {
display: inline;
list-style: none;
margin: 0 20px 0 0;
padding: 0;
background: none;
color: #ccc;
}
#blog-categories li.current-cat a {
font-weight: bold;
}
#blog-posts.grid {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 0 40px;
overflow: visible;
}
@media screen and (max-width: 1000px) {
#blog-posts.grid {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 600px) {
#blog-posts.grid {
grid-template-columns: 1fr;
}
}
#blog-posts article {
border-bottom: 1px dashed var(--orange);
padding-bottom: 30px;
margin-bottom: 30px;
position: relative;
}
#blog-posts article::after {
content: "";
display: block;
clear: both;
}
#blog-posts.grid article {
border: none;
padding: 20px 20px 50px 20px;
-webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.26);
box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.26);
}
#blog-posts article h2 {
text-align: left;
}
#blog-posts.grid article h2 {
text-align: center;
font-size: 24px;
}
img.postthumbnail {
display: block;
float: right;
margin: 0 0 5px 15px;
max-width: 45%;
}
@media screen and (max-width: 500px) {
img.postthumbnail {
float: none;
margin: 0 auto 5px auto;
max-width: 100%;
}
}
#blog-posts.grid img.postthumbnail {
float: none;
margin: 0 auto 15px auto;
max-width: 100%;
}
#blog-posts.grid a.more-link {
position: absolute;
bottom: 0;
left: 0;
height: 46px;
line-height: 44px;
width: 100%;
background-color: #ddd;
text-align: center;
display: inline-block;
margin-top: 15px;
color: var(--bodytext);
text-decoration: none;
border: 1px solid #ccc;
box-sizing: border-box;
}
#blog-posts.grid a.more-link:hover {
background-color: #ccc;
border-color: #bbb;
}
#blog-posts a.more-link::after {
font-family: 'icomoon';
content: '\e90a';
display: inline-block;
} #comments {
margin-top: 100px;
color: #333;
background: #f3f3f3;
padding: 10px 20px;
clear:both;
}
#comments .navigation {
padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
color: #000;
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
}
h3#comments-title {
padding-bottom: 24px;
}
.commentlist {
list-style: none;
margin: 0;
padding: 0;
}
.commentlist li.comment {
border-bottom: 1px solid #e7e7e7;
line-height: 24px;
margin: 0 0 24px 0;
padding: 0 0 0 56px;
position: relative;
}
.commentlist li:last-child {
border-bottom: none;
margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
margin-bottom: 18px;
}
#comments .comment-body p:last-child {
margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom: 24px;
}
.commentlist ol {
list-style: decimal;
}
.commentlist .avatar {
position: absolute;
top: 4px;
left: 0;
}
.comment-author cite {
color: #000;
font-style: normal;
font-weight: bold;
}
.comment-author .says {
font-style: italic;
}
.comment-meta {
font-size: 14px;
margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
color: #888;
text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
color: #ff4b33;
}
.reply {
font-size: 14px;
padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
color: #ff4b33;
}
.commentlist .children {
list-style: none;
margin: 0;
}
.commentlist .children li {
border: none;
margin: 0;
}
.nopassword,
.nocomments {
display: none;
}
#comments .pingback {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 18px;
padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
margin-top: -6px;
}
#comments .pingback p {
color: #888;
display: block;
font-size: 14px;
line-height: 18px;
margin: 0;
}
#comments .pingback .url {
font-size: 14px;
font-style: italic;
} #respond {
border-top: 1px solid #e7e7e7;
margin: 24px 0;
overflow: hidden;
position: relative;
}
#respond p {
margin: 0;
}
#respond .comment-notes {
margin-bottom: 1em;
font-style: italic;
color: #999;
}
.form-allowed-tags {
line-height: 1em;
}
.children #respond {
margin: 0 48px 0 0;
}
h3#reply-title {
margin: 18px 0;
}
#comments-list #respond {
margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
font-size: 14px;
font-weight: normal;
line-height: 18px;
}
#respond .required {
display:none;
}
#respond label {
color: #888;
font-size: 14px;
width: 80px;
display: block;
float: left;
text-align: right;
padding-right: 10px;
}
#respond input {
margin: 0 0 9px;
width: 500px;
}
#respond textarea {
width: 500px;
}
#respond .form-allowed-tags {
color: #888;
font-size: 14px;
line-height: 18px;
}
#respond .form-allowed-tags code {
font-size: 14px;
}
#respond .form-submit {
margin: 12px 0;
}
#respond .form-submit input {
font-size: 14px;
width: auto;
} body .strong-view.wpmtst-default .wpmtst-testimonial {
border: 0;
border-bottom: 1px solid var(--edge-tint2);
}
.strong-view.wpmtst-default .wpmtst-testimonial-field {
font-style: italic;
}
.strong-view.wpmtst-default h3.wpmtst-testimonial-heading {
background: none;
padding-left: 0;
font-size: 20px;
font-family: 'Source Sans Pro', sans-serif;
color: var(--orange);
}
.strong-view.wpmtst-default h3.wpmtst-testimonial-heading::before {
content: "'";
}
.strong-view.wpmtst-default h3.wpmtst-testimonial-heading::after {
content: "'";
}
.strong-view-id-1 .readmore-toggle { }
.wpmslider-viewport {
min-height: 300px;
height: auto !important;
}
@media screen and (max-width: 500px) {
body .strong-view-id-1.wpmtst-modern .testimonial .wpmtst-testimonial-content:before, 
body .strong-view-id-1.wpmtst-modern .testimonial .wpmtst-testimonial-content:after {
width: 26px;
height: 26px;
font-size: 26px;
line-height: 26px;
}
} div.wpcf7 {
clear: both;
overflow: hidden;
background-color: #eee;
border: 1px solid #ccc;
padding: 20px 0;
border-radius: 5px;
width: 100%;
max-width: 500px;
margin: 30px 0 !important;
}
div.wpcf7 h3 {
margin: 0.8em 0 1.2em 0; 
}
div.wpcf7 form {
padding: 0 40px;
margin: 0;
}
div.wpcf7-response-output {
background: #fff;
}
span.wpcf7-not-valid-tip {
font-size: 0.750em !important;
}
input.wpcf7-submit {
float: right;
}
input.wpcf7-text, input.wpcf7-captchar, textarea.wpcf7-textarea {
border: 1px solid #ccc;
box-sizing: border-box;
width: 100%;   
height: 30px;
}
textarea.wpcf7-textarea {
height: 180px;
}
input.wpcf7-text:hover, input.wpcf7-captchar:hover, textarea.wpcf7-textarea:hover {
border: 1px solid #999;
}
input.wpcf7-text:focus, input.wpcf7-captchar:focus, textarea.wpcf7-textarea:focus {
border: 1px solid #666;
}
div.wpcf7 div.wpcf7-validation-errors {
border: 2px solid #f00000;
} div.grecaptcha-badge {
visibility: hidden;
}
p.recaptchanote {
font-size: 12px;
text-align: center;
margin: 30px 0;
} body .woocommerce #respond input#submit.alt, 
body .woocommerce a.button.alt, 
body .woocommerce button.button.alt, 
body .woocommerce input.button.alt {
background-color: var(--orange);
}
body .woocommerce #respond input#submit.alt:hover, 
body .woocommerce a.button.alt:hover, 
body .woocommerce button.button.alt:hover, 
body .woocommerce input.button.alt:hover {
background-color: var(--copper);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a br {
display:none;
}
.shopheader {
background: #185f09 url(//coppertop.co.nz/wp-content/themes/Coppertop2023/images/bg-green.jpg) center center no-repeat;
background-size: cover;
color: #fff;
padding: 63px 0;
}
.shopheader h2 {
margin: 0;
color: #fff;
text-shadow: 0px 0px 10px rgba(0,0,0,0.9);
font-size: 34px;
}
.shopheader h2 a {
color: #fff;
text-decoration: none;
}
.breadcrumbs {
padding: 10px 0;
color: #999;
font-size: 14px;
background-color: var(--bg-tint2);
}
.breadcrumbs a {
color: #999;
}
.breadcrumbs .navlinks {
float: right;
}
input.qty {
font-size: 18px;
}
.menu li.cart a {
font-size: 0;
}
.menu li.cart a::before {
font-family: 'icomoon';
content: '\e912';
font-size: 18px;
}
body .woocommerce-info {
border-top-color: var(--dark-copper);
}
body .woocommerce-info::before {
color: var(--dark-copper);
}  @supports (-webkit-touch-callout: inherit) {
.wp-block-cover .has-parallax {
background-attachment: scroll !important;
}
}
.wp-block-cover {
overflow: hidden;
}
main .wp-block-cover .wp-block-cover__image-background {
margin: auto;
}
.wp-block-pb-accordion-item h2,
.wp-block-pb-accordion-item h3 {
color: var(--bodytext);
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
}
@media screen and (max-width: 500px) {
.wp-block-pb-accordion-item h2,
.wp-block-pb-accordion-item h3 {
font-size: 18px;
}
}
body .wp-block-table td {
border: none;
}  .contents,
div.woocommerce,
.is-style-section1 .wp-block-group__inner-container,
.is-style-section2 .wp-block-group__inner-container,
.is-style-section3 .wp-block-group__inner-container { 
width:90%; max-width: 1200px; min-width: 300px;
margin: 0 auto;
}
#mobile-menu-btn { display: none; }
img {
max-width: 100%; 
height: auto; 
}
.mobile {display: none; }  @media screen and (max-width: 1100px) {
body {
font-size: 20px;
}
nav a, #subnav a { margin: 0 5px; padding: 10px 12px; font-size: 16px; }
#hero { padding: 10px; }
div.wpcf7 form {
margin: 0 auto;
}
input.wpcf7-text, input.wpcf7-captchar, textarea.wpcf7-textarea {}
#headerleft {
flex-basis: 30%;
}
}  @media screen and (max-width: 900px) {
body { font-size: 18px; }
.contents,
div.woocommerce,
.is-style-section1 .wp-block-group__inner-container,
.is-style-section2 .wp-block-group__inner-container,
.is-style-section3 .wp-block-group__inner-container { 
width:95%;
}   
nav a, #subnav a { margin: 0 5px; padding: 10px 5px; font-size: 16px; }
.leftcol,.wideright .leftcol, .rightcol, .wideright .rightcol, .halfcol, .thirdcol { float: none; width: auto;}
.flexcols {
flex-direction: column;
}
.flexcols .leftcol, .flexcols .rightcol {
flex-grow: 1;
}
.quartercol { width: 50%; margin-top: 20px; }
#hero { padding: 0; }
}  @media screen and (max-width: 700px) { header #headertext { display:none; }
header {
padding-bottom: 0;
}
header #logo {
width: 250px;
max-width: 75vw;
padding-left: 15px;
}
header .contents {
flex-direction: column;
align-items: stretch;
height: var(--header-height-mobile-full);
}
#headerleft {
height: var(--header-height-mobile-full);
flex-basis: auto;
flex-shrink: 0;
display: flex;
align-items: center;
}   
#topnav {
background-color: #fff;
}
#header-sticky.sticky #headerleft {
height: var(--sticky-height);
}
#header-sticky.sticky + * {
padding-top: var(--header-height-mobile-full);
}
#header-sticky .contents {
width: 100%;
}
#mobile-menu-btn { 
display: inline-block;
width: 32px;
height: 32px; padding: 4px;
cursor: pointer;
position: absolute;
top: -85px;
right: 20px;
}
.sticky #mobile-menu-btn {
top: -50px;
}
#mobile-menu-btn::after { 
font-family: 'icomoon';
content: '\e910';
font-size: 28px;
color: #000;
display: inline-block;
}
header.mobile-menu-open #mobile-menu-btn::after {
content: '\e911';
}
#topnav { 
float: none; 
width: auto; 
clear: both;
position: relative;
z-index: 9999;
}
#header-sticky.sticky #topnav {
padding-top: 0;
}   
#topnav .menu { 
padding-bottom: 15px;
}
#topnav ul { display:none; }
#topnav ul#menu-main-menu.open {  
width: 100%;  
display: block;  
height: auto;  
padding-top: 0;
margin-top:0;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
}  
#topnav li {  
width: auto;  
float: none;  
position: relative;  
}  
#topnav li a {  
display: block;
margin: 0;
padding: 6px 0px;
text-align: left;  
width: 100%;  
text-indent: 25px;  
line-height: 30px;
}
#topnav li a:hover {
background-color: var(--bg-tint2);
}
#topnav ul.sub-menu { 
display: block; 
position: static; 
background-color: transparent !important;
padding: 3px 10px;
}
#topnav ul.sub-menu a {
margin: 0 0 0 10px;
padding: 0;
}
#topnav ul li.menu-item-has-children > a:after {
content: '';
padding: 0;
}
.quartercol { float: none; width: auto; margin: 20px 0 0 0;}  
section { padding: 40px 0; } div.wpcf7 { margin: 10px auto !important;  }
div.wpcf7 form { padding: 0 25px; }
textarea.wpcf7-textarea { height: 120px; }     
}  @media screen and (max-width: 400px) {	
body .strong-view.wpmtst-modern.controls-type-sides .wpmtst-testimonial-inner {
padding-left: 30px;
padding-right: 30px;
}
body .strong-view.controls-type-sides:not(.rtl) .wpmslider-next {
right: 0;
}
body .strong-view.controls-type-sides:not(.rtl) .wpmslider-prev {
left: 0;
}
}