body {
margin: 60px 0 0 0;
background: #fff;
min-width: 320px;
}
body, html {
height: 100%;
min-height: 100%;
}
html, body, p, li, ul, dd, td {
color: #000;
line-height: 180%;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 1.0em;
}
img a, a img {
border: 0;
}
td {
vertical-align: top;
}
a {
color: #000;
text-decoration: underline;
outline: none;
}
a:hover {
color: #ffaa00; 
}
b, strong {
font-weight: 800;
}
ul { 
margin: 8px 0 18px 18px;
padding: 0;
}
li {
padding-left: 4px;
line-height: 180%;
}
h1, h1 a, h2, h2 a, h3, h3 a {
line-height: 120%;
color: #000;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}
h1, h1 a {
font-size: 38px;
margin-top: 0;
font-weight: 300;
text-transform: none;
}
h2, h2 a {
font-size: 1.6em;
margin-bottom: 0;
}
h3, h3 a {
font-size: 1.4em;
margin: 0;
}
hr {
height: 1px;
border: 0;
width: 100%;
background: #81aad2;
color: #81aad3;
margin: 5px 0 15px 0; 
}
#wrapper, #navbar, #content, .text-content, #headerbanner-text-wrapper {
width: 930px;
margin: 0 auto;
padding: 0 25px;
} #page1-bg, #page2-bg, #page3-bg, #page4-bg, #page5-bg, #page6-bg, #page7-bg, #headerbanner {
min-width: 980px;
}
.readmore-bg, #navbar ul li a {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}  #navbar-wrapper {
background: #fff;
width: 100%;
position: fixed;
z-index: 99;
top: 0;
min-width: 320px;
}
body.admin-bar #navbar-wrapper {
top: 32px;
}
#navbar {
position: relative;
height: 60px;
width: 980px;
padding: 0;
}
#navbar ul li {
display: inline-block; zoom: 1;
}
#navbar ul li a { 
color: #000;
font-size: 14px;
text-decoration: none;
text-transform: lowercase;
font-weight: 300;
line-height: 64px;
letter-spacing: 1px;
padding: 0 8px;
}
.ie7 #navbar ul li {
display: inline;
}
.ie7 #navbar ul li a, .ie8 #navbar ul li a { 
letter-spacing: 0px;  
}
#navbar ul li a:hover, #navbar li.current_page_item a, #navbar li.current_page_parent > a {
color: #f59029;
}
#navbar ul #menu-item-434 a {
background: url(//nzcockle.co.nz/wp-content/themes/westhaven/images/westhaven-clams-logo.gif) left top no-repeat;
color: transparent;
display: block;
}
#navbar ul #menu-item-434 {
width: 278px;
height: 60px;
}
.menu ul { 
padding: 0;
margin: 0;
list-style-type: none;
margin: 0 auto;
display: block;
text-align: center;
}
.menu ul:after {
content: ""; clear: both; display: block;
}
.menu ul li {
padding: 0;
background: none;
}
.menu > ul > li { 
display: inline-block;
*display: inline;
zoom: 1;
}
a.anchor-link {
display: none;
height: 60px;
line-height: 65px;
padding: 0 10px 0 0;
margin: 0;
float: right;
}
img#logo {
display: none;
}  #content, .wp-block-columns .content {
width: 600px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
#content img, .wp-block-columns .content img {
max-width: 100%;
height: auto;
}
.bgimage-content, .text-content {
max-width: 900px;
padding: 50px 0 50px 0;
margin: 0 auto;
text-align: center;
}
#page1-bg {
background-image: url(//nzcockle.co.nz/wp-content/themes/westhaven/images/bg01.jpg);
background-position: 50% 60px;
}
#page2-bg {
background-image: url(//nzcockle.co.nz/wp-content/themes/westhaven/images/bg02.jpg);
background-position: 50% 40%;
background-color: #000;
}
#page3-bg {
background-image: url(//nzcockle.co.nz/wp-content/themes/westhaven/images/bg03.jpg);
background-position: 50% 50%;
background-color: #2e67b4;
}
#page4-bg {
background-image: url(//nzcockle.co.nz/wp-content/themes/westhaven/images/bg04.jpg);
background-position: 50% 50%;
background-color: #eee;
}
#page5-bg {
background-image: url(//nzcockle.co.nz/wp-content/themes/westhaven/images/bg05.jpg);
background-position: 50% 50%;
}
#page6-bg {
background-image: url(//nzcockle.co.nz/wp-content/themes/westhaven/images/bg06.jpg);
background-position: 50% 50%;
}
#page7-bg {
background-image: url(//nzcockle.co.nz/wp-content/themes/westhaven/images/bg07.jpg);
background-position: 50% bottom;
background-color: #2b6cae;
overflow: hidden;
}
#page2-bg .bgimage-content img, #page3-bg .bgimage-content img, #page4-bg .bgimage-content img, #page5-bg .bgimage-content img, #page6-bg .bgimage-content img, #page7-bg .bgimage-content img {
display: none;
}
#page1-bg, #page2-bg, #page3-bg, #page4-bg, #page5-bg, #page6-bg, #page7-bg {
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
position: static;
height: 95%;
clear: both;
}
.text-content {
padding: 120px 0;
width: 800px;
font-size: 38px;
font-weight: 300;
line-height: 140%;
}
#page1-bg .bgimage-content {
padding-top: 10px;
}
#page1-bg .bgimage-content h1 {
font-size: 4.6em;
font-weight: 300;
text-transform: none;
line-height: 100%;
text-shadow: 0 0 10px rgba(231, 232, 227, 1.0);
}
#page1-bg h1 span {
font-size: 0.7em;
}
h1.fancy {
font-family: 'persimmonregular', 'Open Sans', sans-serif;
}
#page7-bg .bgimage-content, #page7-bg .bgimage-content p, #page7-bg .bgimage-content a {
color: #fff;
}
.readmore-bg {
width: 190px;
height: 190px;
border-radius: 190px;
background: #f38230;
display: table;
margin: 25px auto 0 auto;
}
.readmore-bg:hover {
background: #000;
}
a.readmore {
display: table-cell;
vertical-align: middle;
color: #fff;
text-decoration: none;
font-weight: 800;
font-size: 24px;
text-transform: uppercase;
line-height: 30px;
}
#headerbanner {
height: 400px;
width: 100%;
background-attachment: fixed;
background-size: 101%;
background-repeat: no-repeat;
background-position: 50% 60px;
margin-bottom: 40px;
}
.headerbanner-about {
background: url(//nzcockle.co.nz/wp-content/themes/westhaven/images/about-us.jpg);
}
.headerbanner-sustainable {
background: url(//nzcockle.co.nz/wp-content/themes/westhaven/images/responsibly-harvested-shellfish.jpg);
}
#headerbanner-text-wrapper {
display: table;
height: 400px;
}
#headerbanner-text {
font-size: 48px;
font-weight: 300 !important; text-align: center;
display: table-cell;
vertical-align: middle;
line-height: 120%;
padding: 0 25px;
}
#headerbanner.style1,
#headerbanner.style2,
#headerbanner.style3,
#headerbanner.style4
{
display:flex;
align-items: center;	
}
#headerbanner.style2,
#headerbanner.style3,
#headerbanner.style4 {
align-items: flex-end;	
}
.style1 #headerbanner-text-wrapper,
.style2 #headerbanner-text-wrapper,
.style3 #headerbanner-text-wrapper,
.style4 #headerbanner-text-wrapper
{
height:auto;
}
.style1 #headerbanner-text,
.style2 #headerbanner-text,
.style3 #headerbanner-text,
.style4 #headerbanner-text
{
background-color: rgba(0, 0, 0, 0.2);
padding-top: 10px;
padding-bottom: 10px;
}
.style3 #headerbanner-text-wrapper,
.style4 #headerbanner-text-wrapper {
background-color: rgba(0, 0, 0, 0.2);
margin: 0;
width: 100%;
}
.style3 #headerbanner-text,
.style4 #headerbanner-text {
background-color: transparent;
width: 930px;
margin: 0 auto;
display: block;
}
.style4 #headerbanner-text-wrapper {
background-color: #fff;
}
.style4 #headerbanner-text {
color: #000 !important;
} #headerslider {
position: relative;
}
#headerslider .overlay {
position: absolute;
top:0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
z-index: 5;
}
#headerslider .overlay-text {
font-size: 48px;
font-weight: 300 !important;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
text-align: center;
vertical-align: middle;
line-height: 120%;
padding: 0 25px;
max-width: 930px;
margin: auto;
}
.nivo-controlNav {
position: absolute;
bottom: 0;
width: 100%;
z-index: 10;
}
.ngg-gallery-thumbnail-box {
float: left !important;
width: 22%;
margin: 2% 2%;
}
.ngg-gallery-thumbnail img {
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
width: 100%;
height: auto;
}
.ngg-galleryoverview {
width: auto !important;
}
.ngg-gallery-thumbnail-box {
width: 29%;
margin: 1% 2%;
}
.ngg-gallery-thumbnail {
width: 100%;
}
.ngg-gallery-thumbnail img {
width: 100%;
height: auto;
}
#lightbox-container-image-box img {
max-width: 100% !important;
height: auto !important;
}  blockquote {
--quote-image-width: 200px;
position: relative;
margin: 50px 0 40px 0;
padding: 1.6em 1.4em .7em calc(2em + var(--quote-image-width));
font: italic 1.2rem var(--type-quote);
background: var(--quote-bg) no-repeat left / var(--quote-image-width);
border-radius: var(--border-rad);
border: 2px solid white;
box-shadow: 2px 2px 4px hsl(0 0% 0% / 20%);
}
blockquote .quote {
font-size: 22px;
}
blockquote::after {
content: "❝";
position: absolute;
z-index: 1;
left: 50%;
top: -2px;
transform: translate(-50%, -50%);
width: 1.3em;
height: 1.3em;
box-sizing: border-box;
background: white;
box-shadow: 0 4px 5px -1px hsla(0 0% 0% / 20%);
border-radius: 999px;
display: grid;
place-content: center;
padding-top: .5em;
color: #f7951f;
font-size: 36px;
font-style: normal;
}
.blockquote-author-image {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
width: var(--quote-image-width);
height: 100%;
opacity: 0.75;
}
.blockquote-author-image img {
display: block;
object-fit: cover;
height: 100% !important;
}
cite {
display: block;
margin-top: 30px;
text-indent: 0;
text-align: center;
text-transform: uppercase;
color: hsl(0 0% 20%);
}
@media (max-width: 650px) {
blockquote .quote {
font-size: 18px;
}
}
@media (max-width: 500px) {
blockquote {
--quote-image-width: 100px;
padding: 1.6em .7em .7em calc(.7em + var(--quote-image-width));
}
.blockquote-author-image {
display: flex;
align-items: center;
}
.blockquote-author-image img {
width: 100px;
height: 100px !important;
border-radius: 100px;
}
}  #footer {
font-size: 0.7em;
padding: 190px 0 20px 0;
text-transform: uppercase;
text-align: center;
}
#footer a, #footer, #footer p {
color: #000;
}
#footer.home a, #footer.home, #footer.home p {
color: #fff;
}
#content #footer a, #content #footer, #content #footer p {
color: #000;
}
#footer a{
text-decoration: none;
}
.scrollup {
width:40px;
height:40px; position:fixed;
bottom:20px;
right:10px;
display:none;
text-indent:-9999px;
background: url(//nzcockle.co.nz/wp-content/themes/westhaven/images/icon_top.png) no-repeat;
} ol.commentlist {
margin:0;
padding:0;
}
.commentlist li {
list-style:none;
margin-bottom:14px;
}
.commentlist cite {
padding: 7px;
display:block;
font-style:normal;
background:url(http://www.yoursite.com/images/bg_comments2_cite.gif);
border-top:1px solid #d6e4c1;
border-bottom:1px solid #779d42;
color:#596e3b;
}	
.commentlist a:link, .commentlist a:visited {
color:#596e3b;
}
.commentlist a:hover, .commentlist a:active {
color:#8ec343;
}
.commentlist cite img {
padding:1px;
border:1px solid #aab59a;
float:left;
margin-right:9px;
}
.commentlist .author {
font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
text-decoration:underline;
}
.commentlist .time {
background: url(http://www.yoursite.com/images/bg_clock.gif) no-repeat 1px;
padding-left:13px;
}
.commenttext {
background: #9bc561 url(http://www.yoursite.com/images/bg_comments2_text.jpg) repeat-x bottom;
border-top:1px solid #c5f386;
padding: 0 20px 10px 20px;
color:#fafcf6;
}
.editLink {
margin-top: 30px;
text-align: center;
padding: 5px 0 15px 0;
}
.editLink a, a.editLink {
background: #777;
color: #fff;
font-size: 18px;
text-decoration: none;
padding: 8px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.editLink a:hover, a.editLink:hover {
background: #444;
text-decoration: none !important;
}
.postmetadata {
color: #999;
font-size: 10px;
margin: 2px 0;
}
img.aligncenter {
display: block;
text-align: center;
margin: 0 auto;
}
img.alignright {
text-align: right;
display: block;
float: right;
margin: 10px 0px 5px 15px;
}
img.alignleft {
text-align: left;
display: block;
float: left;
margin: 10px 20px 5px 0px;
}
.wp-caption-text,.wp-caption-dd {
margin: 0;
font-weight: bold;
font-size: smaller;
text-align: center;
}
.wp-caption {
margin-right: 5px;
}
.more-link {
display:block;
}
.linklove {
display:none;
}
.aligncenter,
dl.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}