:root {
--bodytext: #595959;
--blue: #527a73;
--teal: #527a73;
--yellow: #fbc126;
--purple: #9DA762;
--grey: #aaa;
--bluetint: #e5f1f6;
--yellowtint: #fff9e9;
--tealtint: #edf1f1;
--purpletint: #edf1f1;
--greytint: #f6f6f6;
--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: 'Open Sans', sans-serif;
color: var(--bodytext);
font-size: 20px;
}
h1, h2, h3, h4, h5 {
color: var(--blue);
font-family: 'Livvic', sans-serif;
font-weight: 500;
margin: 0.5em 0;
}
h1 {
font-size: 64px;
margin: 0 0 0.5em 0;
}
h2 {
font-size: 60px;
}
h3 {
font-size: 36px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 18px;
}
.is-style-preheading {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 5px;
margin: 60px 0 0 0;
}
.is-style-preheading + h2 {
margin-top: 0;
}
.is-style-subheading {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 5px;
margin: 0 0 30px 0;
}
.is-style-has-subheading {
margin-bottom: 0;
}
body .wp-block-cover h1:not(.has-text-color) {
color: #fff;
}
@media screen and (max-width: 900px) {
h1 {
font-size: 50px;
}
h2 {
font-size: 46px;
}
h3 {
font-size: 28px;
}
}
@media screen and (max-width: 600px) {
h1 {
font-size: 44px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 26px;
}
h4 {
font-size: 20px;
}
}
@media screen and (max-width: 400px) {
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
.is-style-preheading {
font-size: 17px;
letter-spacing: 2px;
}   
}
main {
background: transparent;
clear:both;
}
a {
color: var(--blue);
}
a:not(:hover) {
text-decoration: none;
}
a:hover {
color: var(--teal);
}
h1 a, h2 a, h3 a, h4 a, h5 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;
}
.hoverzoom {
transition: all 0.5s;
}
.hoverzoom:hover {
transform: scale(1.1);
}
.phone a::before,
a.phone::before {
font-family: 'icomoon';
content: '\e942';
display: inline-block;
padding-right: 0.5em;
}
.fb-link a::before {
font-family: 'icomoon';
content: '\e917';
display: inline-block;
padding-right: 0.5em;
}
.insta-link a::before {
font-family: 'icomoon';
content: '\ea92';
display: inline-block;
padding-right: 0.5em;
}
.email a::before {
font-family: 'icomoon';
content: '\e903';
display: inline-block;
padding-right: 0.5em;
}
.bookings-sub-nav {
background-color: var(--greytint);
padding: 15px;
}
.bookings-sub-nav .wp-block-button a {
background-color: var(--teal);
}
.bookings-sub-nav .wp-block-button.current a {
background-color: transparent;
color: var(--bodytext);
}
.bookings-sub-nav .wp-block-button.current a:hover {
transform: none;
cursor: default;
}
@media screen and (max-width: 1200px) {
.bookings-sub-nav .wp-block-button a {
font-size: 16px;
padding: 8px 15px;
}
}
@media screen and (max-width: 1000px) {
.bookings-sub-nav .wp-block-button a {
font-size: 14px;
padding: 6px 10px;
}
}
.full-width-map-section  iframe {
display: block;
} 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;
}
@media screen and (max-width: 500px) {
.wp-block-cover.contained  .wp-block-cover {
width:100%; 
}
} .is-style-section1,
.is-style-section-fit {
overflow: hidden;
padding: 50px 0;
background-color: #fff;
}
.is-style-section-fit .wp-block-group__inner-container {
max-width: fit-content !important;
}
.watermark {
background-image: url(//puremeditationwellness.nz/wp-content/themes/PureMeditationTheme/images/watermark.png);
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
} .wp-block-cover.is-style-calltoact {
padding: 0;
}
.is-style-calltoact .wp-block-columns {
padding-right: 10vw;
}
.is-style-calltoact .wp-block-column:first-child {
padding: 80px 40px 80px 10vw;
background-color: rgba(255,255,255,0.4);
}
.is-style-calltoact .wp-block-column:last-child { border-radius: 0 0 10vw 0;
} .is-style-calltoact  .wp-block-button a {
background: rgba(181,131,171,0.8);
border: 1px solid rgba(255,255,255,0.2);
font-size: 16px;
letter-spacing: 4px;
border-radius: 0;
margin-right: 30px;
}
.is-style-calltoact  .wp-block-button a:hover {
background: rgba(181,131,171,1);
border: 1px solid rgba(255,255,255,0.8);
}
.cta-logo {
height: 20vw;
display: flex;
align-items: center;
justify-content: center;
}
.cta-logo .wp-block-image img {
max-width: 18vw;
}
.cta-text {
text-align: center;
padding: 20px 0;
background-image: linear-gradient(0deg,rgba(0,0,0,0.3) 20%,rgba(0,0,0,0.05) 100%);
}
.cta-text .phone {
font-size: 24px;
font-weight: bold;
margin: 1em 0;
}
.cta-text .email {
font-size: 18px;
font-weight: bold;
margin: 1em 0;
}
.cta-text a {
text-decoration: none;
color: white;
}
@media (max-width: 1200px) {
.is-style-gridsection > .wp-block-group__inner-container > .wp-block-columns.is-layout-flex {
flex-direction: column;
}
.is-style-gridsection > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:last-child {
display: none;
}
.is-style-calltoact  .wp-block-button a {
margin-right: 0;
}
.cta-logo {
height: auto;
padding: 20px 0;
}   
.cta-logo .wp-block-image img {
max-width: 216px;
}   
}
@media (max-width: 781px) { .is-style-calltoact .wp-block-column:first-child {
padding-top: 40px;
padding-bottom: 40px;
}
.is-style-calltoact .wp-block-column:last-child {
padding: 20px;
}
.is-style-gridsection > .wp-block-group__inner-container > .wp-block-columns .wp-block-columns:last-child {
flex-direction: column-reverse;
margin-top: 60px;
}
.is-style-gridsection > .wp-block-group__inner-container > .wp-block-columns .is-style-content-container {
padding: 20px 5%;
}
.is-style-calltoact .wp-block-buttons {
flex-direction: column;
}
.is-style-calltoact a.wp-block-button__link {
margin-right: 0;
min-width: 282px;
}
}
@media (max-width: 350px) {
.is-style-calltoact a.wp-block-button__link {
min-width: 252px;
letter-spacing: normal;
}
} ul.is-style-fancy {
list-style-type: none;
padding: 0px;
margin: 7px 0 7px 15px;
font-size: 22px;
}
ul.is-style-fancy li {
position: relative;
padding-left: 1.2em;
margin: 0.4em 0;
}
ul.is-style-fancy li::before {
font-family: shadows-into-light;
font-style: regular;
font-size: 0.8em;
position: absolute;
top: 7px;
left: 0;
color: var(--purple);
} blockquote { padding: 15px 15px 15px 100px;
margin: 30px 40px;
position: relative;
}
blockquote::before {
font-family:'icomoon';
content: '\e919';
font-size: 100px;
color: var(--grey);
display: block;
position: absolute;
top:0;
left: 0;  
}
blockquote p {
margin: 0;
}
blockquote cite {
margin-top: 10px;
display: block;
text-align: right;
}
blockquote.is-style-fancy {
padding: 15px 15px 15px 140px;
}
blockquote.is-style-fancy p {
font-family: shadows-into-light;
font-style: regular;
font-size: 40px;
}
blockquote.is-style-fancy::before {
font-size: 75px;
color: var(--purpletint);
}
.has-purpletint-background-color blockquote.is-style-fancy::before {
color: white;
}
@media screen and (max-width: 1000px) {
blockquote::before {
font-size: 36px;
}
blockquote {
padding: 15px 15px 15px 50px;
margin: 10px 0px;
}
blockquote.is-style-fancy::before {
font-size: 36px;
}
blockquote.is-style-fancy {
padding: 15px 15px 15px 50px;
}
blockquote.is-style-fancy p {
font-size: 34px;
}   
}
@media screen and (max-width: 600px) {
blockquote.is-style-fancy::before {
font-size: 30px;
}
blockquote.is-style-fancy p {
font-size: 28px;
}     
} 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: 400px;
}
#headerright {
flex-grow: 1;
}
header #logo {
display: block;
width: auto;
height: 100px;
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(--teal);
}
header #headertext .phone a {
color: var(--teal);
}
header #headertext .phone a:hover {
filter: saturate(160%);
}
header #headertext .email {
margin: 0;
}
header #headertext .social {
margin-right: 16px;
}
header #headertext .social a {
color: var(--grey);
}
header #headertext .social a:hover {
color: var(--teal);
}
header a.button {
background-color: var(--teal);
color: white;
margin-left: 30px;
}
@media screen and (max-width: 1300px) {
#headerleft {
flex-basis: 300px;
}
}  #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 {
height:50px;
}
#header-sticky.sticky #headertext {
display: none;
}  #header-sticky.sticky + * {
padding-top: var(--header-height-full);
}
@media screen and (max-width: 1300px) {
#header-sticky .contents {
width: 95%;
}
} nav {
text-align: center;
}
#topnav {
float: right;
clear: right;
line-height: 30px;
}
nav a {
margin: 0;
padding: 0;
text-decoration:none;
text-transform: lowercase;
font-weight: bold;
font-size: 18px;
display: inline-block;
color: var(--blue);
}
#topnav a {
position: relative;
}
#topnav a::before {
height: 2px;
position: absolute;
content: '';
-webkit-transition: all 0.35s ease;
transition: all 0.1s ease;
background-color: var(--purple);
width: 0;
bottom: 0;
left: 0;
}
#topnav a:hover::before, 
#topnav .current_page_item:not(.menu-item-has-children) > a::before {
width: 100%;
}
#topnav a:hover, 
nav li.current_page_item > a,
nav li.current_page_ancestor > a {
color: var(--purple);
}
#topnav li {
padding: 5px 15px;
}
#topnav #menu-main-menu > li:first-child {
padding-left: 0;
margin-left: 0;
}
#topnav #menu-main-menu > li:last-child {
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;
}
@media screen and (max-width: 1200px) {
#topnav li {
padding: 5px 8px;
}
#topnav li a {
font-size: 16px;
}
} #topnav ul.sub-menu { 
display: none; 
position: absolute; 
top: 30px;
left: 0;
width: max-content;
min-width: 150px;
z-index: 21;
background-color: var(--greytint);
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;
} #topnav ul.sub-menu li { 
margin:0;
}
#topnav ul.sub-menu a { 
display: inline-block;
padding: 2px 0;
margin: 5px 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,
hr.wp-block-separator {
display:block;
padding: 0;
margin: 50px 25%;
border: 0;
border-top: 1px solid #ccc;
height: 1px;
} .wp-block-cover.is-style-hero {
height: 80vh;
min-height: 250px;
border-radius: 0vw 0vw 9vw 0;
}
.is-style-hero span.wp-block-cover__background {
display: none;
}
.is-style-hero .wp-block-group {
}
.is-style-hero h1 {
font-size: 55px;
margin: 0;
line-height: 1.25em;
text-shadow: 0px 0px 25px #dd9c3a;
padding-right: 20vw;
}
.is-style-hero h3 {
font-size: 30px;
}
.is-style-hero .is-style-subheading {
margin-top: 15px;
margin-bottom: 20vh;
}
.is-style-hero .wp-block-buttons {
max-width: 600px;
}
.is-style-hero .wp-block-button a {
background: rgba(0,0,0,0.00);
border: 1px solid rgba(255,255,255,0.2);
text-transform: uppercase;
font-size: 16px;
letter-spacing: 4px;
width: 225px;
height: 66px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0;
margin-right: 30px;
}
.is-style-hero .wp-block-button a:hover {
background: rgba(0,0,0,0.03);
border: 1px solid rgba(255,255,255,0.8);
}
@media screen and (max-width: 1000px) {
.wp-block-cover.is-style-hero {
height: 50vh;
min-height: 500px;
}
.is-style-hero .is-style-subheading {
margin-bottom: 10vh;
}   
.is-style-hero h1 {
font-size: 50px;
}
}
@media screen and (max-width: 610px) {
.is-style-hero .is-style-subheading {
margin-bottom: 5vh;
}   
.is-style-hero h1 {
font-size: 38px;
padding-right: 0;
}
.is-style-hero h3 {
font-size: 20px;
}
} .wp-block-cover.is-style-pageheading {
border-radius: 0vw 0vw 9vw 0;
padding: 10vw 10vw 0 0;
border-radius: 0vw 0vw 0 9vw;
}
.is-style-pageheading .wp-block-cover__inner-container {
background-image: linear-gradient(90deg,rgba(255,255,255,0.4) 70%,rgba(255,255,255,0.88) 100%);
border-top-right-radius: 10vw;
padding: 80px 40px 80px 10vw;
}
.is-style-pageheading .wp-block-cover__inner-container h1 {
margin: 0;
} .wp-block-cover.is-style-pageheading-auto {
background: #e3ab53 url(//puremeditationwellness.nz/wp-content/themes/PureMeditationTheme/images/header-bg.jpg) center center no-repeat;
background-size: cover;
padding-top: 0;
}
.is-style-pageheading-auto .wp-block-cover__inner-container {
background-image: linear-gradient(90deg,rgba(255,255,255,0.0) 30%,rgba(255,255,255,0.4) 100%);
}
.is-style-pageheading-auto h3 a {
color: white;
}
@media screen and (max-width: 500px) {
.is-style-pageheading .wp-block-cover__inner-container {
padding: 60px 20px;
}
.wp-block-cover.is-style-pageheading-auto {
padding-right: 0;
}
} .is-style-service-panels.six-panels {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr;
}
.is-style-service-panels .wp-block-column {
background-color: var(--tealtint);
position: relative;
padding-bottom: 50px;
max-width: 500px;
margin: 0 auto 50px auto;
}
.is-style-service-panels .wp-block-column p {
margin: 1em;
}
.is-style-service-panels .wp-block-buttons {
position: absolute;
bottom: -24px;
width: 100%;
margin: 0;
}
.is-style-service-panels .wp-block-column:nth-child(odd) h3 {
color: var(--teal);
}
.is-style-service-panels .wp-block-column:nth-child(odd) {
background-color: var(--tealtint);
}
.is-style-service-panels .wp-block-column:nth-child(odd) .wp-element-button {
background-color: var(--teal);
}
.is-style-service-panels .wp-block-column:nth-child(even) {
background-color: var(--purpletint);
}
.is-style-service-panels .wp-block-column:nth-child(even) .wp-element-button {
background-color: var(--purple);
}
.is-style-service-panels.two-panels .wp-block-column {
margin-bottom: 10px;
}
@media screen and (max-width: 1300px) {
.is-style-service-panels.six-panels {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 1000px) {
.is-style-service-panels.three-panels:not(.is-not-stacked-on-mobile) {
flex-wrap: wrap !important;
}
.is-style-service-panels.three-panels:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 100% !important;
}
}
@media screen and (max-width: 800px) {
.is-style-service-panels.six-panels {
grid-template-columns: 1fr;
}
.is-style-service-panels.two-panels .wp-block-column {
margin-bottom: 20px;
}   
} figure.is-style-cover {
margin: 0;
height: 100%;
}
.is-style-cover img {
width: 100%;
height: 100% !important;
object-fit: cover;
}
.is-style-round-bl .is-style-cover img {
border-radius: 0vw 0vw 0 9vw;
}
.is-style-round-br .is-style-cover img {
border-radius: 0vw 0vw 9vw 0;
}
.is-style-round-top-left img {
border-top-left-radius:  9vw;
}
.is-style-round-top-right img {
border-top-right-radius:  9vw;
}
.is-style-round-bottom-left img {
border-bottom-left-radius:  9vw;
}
.is-style-round-bottom-right img {
border-bottom-right-radius:  9vw;
}
.is-style-content-container { padding: 0 5%;
box-sizing: border-box;
}
.is-style-nogaps,
.is-style-nogaps .wp-block-columns {
gap: 0;
}
.is-style-nogaps figure {
margin: 0;
}
.is-style-extragaps.wp-block-columns {
gap: 4em;
}
.is-style-extragaps figure {
margin: 0;
}
.wp-block-table.is-style-no-borders td, 
.wp-block-table.is-style-no-borders th {
border: none;
padding: .5em;
}
.wp-block-table.is-style-no-borders td:first-child, 
.wp-block-table.is-style-no-borders th:first-child {
padding-left: 0;
}
.wp-block-table.is-style-price-table {
border: 1px solid var(--purple);
margin-bottom: 100px;
}
.wp-block-table.is-style-price-table thead {
background-color: var(--purple);
color: white;
font-size: 24px;
}
.wp-block-table.is-style-price-table tbody tr {
border-bottom: 1px solid var(--purple);
}
.wp-block-table.is-style-price-table td, 
.wp-block-table.is-style-price-table th {
border: none;
} .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(--blue);
font-weight: bold;
border-radius: 5px;
font-size: 1em;
border: none;
transition: all 0.3s;
text-transform: uppercase;
letter-spacing: 1px; 
display: inline-block;  
}
.more a:hover,
a.button:hover,
.wp-block-button .wp-block-button__link:hover,
input[type="submit"]:hover {
filter: brightness(1.1);
transform: scale(1.03);
}
.is-style-big {
height: 100%;
margin: 0;
}
.is-style-big .wp-block-button a {
padding: 50px 25px;
} footer {
background: var(--purple);
background-size: cover;
color: #fff;
overflow: hidden;
position: relative;
}
footer .contents {
position: relative;
display: flex;
align-items: center;
padding: 50px 0;
}
footer .footercol {
flex-basis: 50%;
}
footer .centercol {
text-align: center;
}
footer .rightcol {
text-align: right;
}
.footercol .social {
padding-left: 16px;
}
.colcontents {
display: inline-block;
text-align: left;
}
#footerlogo {
max-width: 270px;
height: auto;   
padding: 0;   
z-index: 10;
}
footer a {
color: #fff;
text-decoration:none;
}
footer a:hover,
footer li.current_page_item > a {
color: var(--yellow);
}
footer a.button {
background-color: #d9d9d9;
color: #222;
display: inline-block;
}
footer a.button:hover {
background-color: var(--yellow);
color: white;
}
@media screen and (max-width: 750px) {
footer .contents {
flex-direction: column;
flex-direction: column-reverse;
}
footer .logocol {
width: 100%;
}
.footermenus {
width: 100%;
border-bottom: 1px solid #000;
margin-bottom: 30px;
}
footer nav ul li {
text-align: center;
}
footer .footercol {
text-align: center;
}
.centercol {
order: 3;
}
.leftcol {
order: 2;
}
.rightcol {
order: 1;
}   
}
footer nav ul {
text-align: center;
}
footer nav li {
display: block;
padding: 0;
text-align: left;
line-height: 1.5em;
}
footer .rightcol nav li {
text-align: right;
}
footer nav li a {
font-size: 20px;
padding: 0;
margin: 0;
font-weight: normal;
text-transform: lowercase;
}
footer .phone-social {
font-size: 24px;
font-weight: bold;
margin: 1em 0;
}
.footer-phone-social a {
display: inline-block;
}
.footer-phone-social a:not(.phone) {
font-size: 24px;
margin-left: 20px;
} 
footer .email {
font-size: 18px;
font-weight: bold;
margin: 1em 0;
}
#credits {
text-align: center;
font-size: 14px;
color: #bbb;
background-color: white;
padding: 10px 0;
width: 100%;
}
#credits a {
text-decoration: none;
color: #bbb;
}
#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(//puremeditationwellness.nz/wp-content/themes/PureMeditationTheme/images/top.png) no-repeat;
opacity: 0.3;
z-index: 10;
} .postmeta {
margin: 40px 0 80px 0;
}
.postmetadata {
color: #999;
font-size: 16px;
margin: 30px 0;
}
.single-post section.contents {
margin-top: 60px;
} #blog-categories {
margin-bottom: 50px;
}
#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(--blue);
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 {
}
#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 label[for="wp-comment-cookies-consent"] {
width: auto;
float: none;
display: inline;
}
#respond input[type=test] {
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(--tealtint);
}
.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: 'Open Sans', sans-serif;
color: var(--blue);
}
.strong-view.wpmtst-default h3.wpmtst-testimonial-heading::before {
content: "'";
}
.strong-view.wpmtst-default h3.wpmtst-testimonial-heading::after {
content: "'";
}   ul.eo-events {
list-style: none;
padding: 0;
min-height: 300px;
}
li.eo-no-events {
padding: 100px 50px;
font-style: italic;
text-align: center;
}
.event-item {
padding: 10px 0 10px 0;
margin-top: 20px;
border-bottom: 1px solid var(--purple);
display: flex;
position: relative;
}
.event-item:hover {
background-color: var(--purpletint);
}
.event-item .date-box {
text-align: center;
font-weight: 700;
color: #ffffff;
font-size: 20px;
line-height: 28px;
background-color: var(--purple);
margin-right: 20px;
flex-basis: 100px;
flex-grow: 0;
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.event-details {
flex-grow: 1;
}
.event-thumbnail {
flex-basis: 100px;
flex-grow: 0;
flex-shrink: 0;
}
.event-thumbnail img {
width: 100px;
height: 100px;
display: block;
}
.event-title {
margin-bottom: 15px;
}
.event-title a {
font-size: 20px;
line-height: 30px;
font-weight: bold;
color: var(--bodytext);
text-decoration: none;
}
a.event-link::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
bottom: 0;
right: 0;
}
.event-details .time {
line-height: 30px;
} .events-compact ul.eo-events {
min-height: 100px;
}
.events-compact .event-item {
padding: 10px 0 5px 0;
border-bottom: 1px solid var(--purple);
}
.events-compact .event-item .date-box {
width: 50px;
font-size: 18px;
line-height: 20px;
}
.events-compact.event-details {
width: calc(100% - 60px);
}
.events-compact .event-title a {
font-size: 18px;
line-height: 22px;
font-weight: bold;
}
.event-details .time {
line-height: 20px;
} .event-description-cols {
background-color: var(--tealtint);
}
figure.event-image {
margin: 0;
}
figure.event-image img {
display: block;
}
.eventorganiser-event-meta {
margin-top: 60px;
}
.back-button {
margin: 50px auto;
text-align: center;
}
.back-button .button {
background-color: var(--purple);
}
@media screen and (max-width: 500px) {
.event-thumbnail {
display: none;
}
.event-item .date-box {
font-size: 19px;
line-height: 26px;
margin-right: 15px;
flex-basis: 70px;
}
.event-title a {
font-size: 18px;
}   
} div.wpcf7 {
clear: both;
overflow: hidden;
width: 100%;
max-width: 800px;
margin: 30px 0 !important;
}
div.wpcf7 form {
padding: 0 40px;
margin: 0;
}
div.wpcf7-response-output {
background: #fff;
}
span.wpcf7-not-valid-tip {
font-size: 0.750em !important;
}
div.wpcf7 label {
font-size: 16px;
letter-spacing: 1px;
}
input.wpcf7-submit {
float: right;
}
input.wpcf7-text, input.wpcf7-captchar, textarea.wpcf7-textarea {
box-sizing: border-box;
width: 100%;   
height: 40px;
background-color: #f9fafc;
border: 1px solid #f9fafc;
padding: 5px 10px;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}
textarea.wpcf7-textarea {
height: 180px;
}
input.wpcf7-text:hover, input.wpcf7-captchar:hover, textarea.wpcf7-textarea:hover {
border: 1px solid #e9eaec;
}
input.wpcf7-text:focus, input.wpcf7-captchar:focus, textarea.wpcf7-textarea:focus {
outline: none;
border: 1px solid var(--blue);
}
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(--yellow);
}
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(--yellow);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a br {
display:none;
}
.shopheader {
background: #185f09 url(//puremeditationwellness.nz/wp-content/themes/PureMeditationTheme/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(--tealtint);
}
.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(--blue);
}
body .woocommerce-info::before {
color: var(--blue);
} .has-blue-background-color {
background-color: var(--blue) !important;
}
.has-blue-color {
color: var(--blue) !important;
}
.has-teal-background-color {
background-color: var(--teal) !important;
}
.has-teal-color {
color: var(--teal) !important;
}
.has-purple-background-color {
background-color: var(--purple) !important;
}
.has-purple-color {
color: var(--purple) !important;
}
.has-yellow-background-color {
background-color: var(--yellow) !important;
}
.has-yellow-color {
color: var(--yellow) !important;
}
.has-grey-background-color {
background-color: var(--grey) !important;
}
.has-grey-color {
color: var(--grey) !important;
}
.has-white-background-color {
background-color: white !important;
}
.has-white-color {
color: white !important;
}
.has-dark-background-color {
background-color: var(--bodytext) !important;
}
.has-dark-color {
color: var(--bodytext) !important;
}
.has-bluetint-background-color {
background-color: var(--bluetint) !important;
}
.has-tealtint-background-color {
background-color: var(--tealtint) !important;
}
.has-purpletint-background-color {
background-color: var(--purpletint) !important;
}
.has-yellowtint-background-color {
background-color: var(--yellowtint) !important;
}
.has-greytint-background-color {
background-color: var(--greytint) !important;
}  @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: 'Open Sans', sans-serif;
font-size: 20px;
}
body .wp-block-columns {
margin-bottom: 0;
}
@media screen and (max-width: 800px) {
.wp-block-image .alignright.size-full {
float: none;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 500px) {
.wp-block-pb-accordion-item h2,
.wp-block-pb-accordion-item h3 {
font-size: 18px;
}
} .mc4wp-form-fields {
width: fit-content;
margin: 0 auto;
}
.mc4wp-form-fields label {
font-size: 18px;
font-weight: bold;
}
.mc4wp-form-fields input[type=email],
.mc4wp-form-fields input[type=text] {
box-sizing: border-box;
width: 300px;   
height: 40px;
background-color: #f9fafc;
border: 1px solid #f9fafc;
padding: 5px 10px;
margin-left: 10px;
font-size: 17px;
}
.mc4wp-form-fields input[type=email]:hover,
.mc4wp-form-fields input[type=text]:hover {
box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.5);
}
.mc4wp-form-fields input[type=submit] {
color: #ffffff;
background-color: var(--purple);
font-size: 18px;
display: block;
margin: 0 auto;
cursor: pointer;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
.boxzilla.boxzilla-mailchimp-signup {
color: white;
padding: 0 0 20px 0;
}
.boxzilla-mailchimp-signup h4 {
color: white;
background-color: #78406d;
padding: 10px 25px !important;
font-weight: bold;
}
.boxzilla-mailchimp-signup .box-contents {
padding: 0 25px;
}
.boxzilla-mailchimp-signup p {
font-size: 16px;
}
.boxzilla .boxzilla-close-icon {
color: white;
font-size: 36px;
right: 9px;
top: 9px;
}
.mc4wp-response {
text-align: center;
font-weight: bold;
color: var(--purple);
font-size: 24px;
}
@media screen and (max-width: 500px) {
.mc4wp-form-fields input[type=email],
.mc4wp-form-fields input[type=text] {
box-sizing: border-box;
width: 250px;
height: 30px;
margin-left: 0;
}
.boxzilla.boxzilla-mailchimp-signup {
padding: 0 0 5px 0;
}
.boxzilla-mailchimp-signup .box-contents {
padding: 0 15px;
}   
.boxzilla-mailchimp-signup h4 {
font-size: 18px;
}
}  @media (max-width: 811px) {
.picker .picker__holder {
top: 60px;
}
}
@media (max-width: 1200px) {
.appointment-content-scroll-w {
height: 440px !important;
}
.appointment-content-screen-w {
padding: 0 !important;
}   
.main-block-w input[type="text"] {
height: 40px !important;
}
.field-row-w label {
margin: 0 !important;
}
.appointment-content-w .first-text-w {
margin: 0 !important;
}
.input-textarea-w, .input-textarea-w:focus {
height: 150px !important;
margin-bottom: 0 !important;
}
} .entry-meta .byline, .entry-meta .cat-links { display: none; }
.entry-meta .posted-on { display: none; }  .contents,
div.woocommerce,
.is-style-section1 .wp-block-group__inner-container,
.is-style-section-fit .wp-block-group__inner-container,
.is-style-hero .wp-block-group__inner-container
{ 
width:90%; max-width: 1300px; 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: 1000px) {
body {
font-size: 18px;
}
div.wpcf7 form {
margin: 0 auto;
} header #headertext { display:none; }
header {
padding-bottom: 0;
}
header #logo {
height: 80px;
padding-left: 0;
}
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: 90%;
}
#mobile-menu-btn { 
display: inline-block;
width: 32px;
height: 32px; padding: 4px;
cursor: pointer;
position: absolute;
top: -50px;
right: 10px;
}
header:not(.sticky) #mobile-menu-btn { 
top: -75px;
}
#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;
padding: 0;
}  
#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(--tealtint);
}
#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;
} }  @media screen and (max-width: 750px) {
body { font-size: 16px; }
.contents,
div.woocommerce,
.is-style-section1 .wp-block-group__inner-container,
.is-style-section-fit .wp-block-group__inner-container { 
width:95%;
}
.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: 600px) {	
#header-sticky .contents {
width: 95%;
} div.wpcf7 { margin: 10px auto !important;  }
div.wpcf7 form { padding: 0 25px; }
textarea.wpcf7-textarea { height: 120px; }     
}  @media screen and (max-width: 400px) {	
header #logo {
height: 70px;
}
#header-sticky .contents {
width: 96%;
}
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;
}
} .wpforms-form button[type=submit] {
background-color: #527a73 !important;
border-color: #527a73 !important;
color: #fff !important;
transition: background 0.3s ease-in-out;
}
.wpforms-form button[type=submit]:hover {
background-color: #527a73 !important;
}
.wpforms-field-label {
color: #595959 !important;
}
#wpforms-2481.wpforms-block-a263cacc-f282-4ea4-8fb8-1a89fde3089d {
--wpforms-label-color: #527a73  !important;
}	
#wpforms-2950.wpforms-block-fd71bd0e-4fd3-4edd-9b6e-7b6d56f72c5f {
--wpforms-label-color: #527a73 !important;
}