:root {
--bodytext: #333333;
--green: #8ab326;
--charcoal: #48484a;
--gray: #aaaaaa;
--lightgray: #dedfdd;
--extralightgray: #f0f0f0;
--purple: #a184f8;
--pink: #e62183;
--cornflowerblue: #6385f7;
--blue: #72befa;
--orange: #ffaf19;
--yellow: #fcd844;
--header-height-full: 195px;
--header-height-mobile-full: 100px;
--sticky-height: 60px;
}  html,body {
margin:0;
padding:0;
}
body {
font-family: 'Libre Franklin', sans-serif;
font-size: 20px;
max-width: 3000px;
margin: 0 auto;
color: var(--bodytext);
background-color: white;   
}
h1, h2, h3, h4, h5 {
font-family: 'The Bold Font', sans-serif;
}
h1 {
font-size: 76px;
}
h2 {
font-size: 36px;
text-align: center;
margin: 0.5em 0 0.8em 0;
}
h3 {
font-size: 36px;
margin: 2em 0 0.8em 0;
border-bottom: 3px solid var(--page-accent);
}
h4 {
font-size: 26px;
}
h5 {
font-size: 22px;
}
@media screen and (max-width: 1000px) {
h1 {
font-size: 66px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
}
@media screen and (max-width: 700px) {
h1 {
font-size: 56px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 19px;
}
}
@media screen and (max-width: 400px) {
h1 {
font-size: 46px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 26px;
}
}
main {
background: transparent;
clear:both;
}
a {
color: var(--cornflowerblue);
}
a:hover {
color: var(--blue);
}
.is-style-section-green a {
color: white;
}
.is-style-section-green a:hover {
color: var(--yellow);
}
h1 a, h2 a {
text-decoration: none;
color: var(--bodytext);
} 
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;
}
p.phone,
p.email,
p.cellphone {
position: relative;
}
p.phone::before, 
p.email::before,
p.cellphone::before {
font-family: 'icomoon';
top: 0;
left: 0;
padding-right: 10px;
}
p.phone::before {
content: '\e942';
}
p.cellphone::before {
content: '\e91c';
}
p.email::before {
content: '\e903';
}
.is-style-hovereffect a:hover img {
box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.32);
}
.center-content {
width: max-content;
margin-left: auto !important;
margin-right: auto !important;
}
h2.stat-number {
margin-bottom: 0;
font-size: 64px;
}
h2.stat-name {
margin-top: 0;
font-size: 32px;
}
.pinkbg, .purplebg, .greenbg, .orangebg, .yellowbg, .bluebg {
width: 80px;
display: inline-block;
text-align: center;
}
.pinkbg {
background-color: var(--pink);
color: white;
}
.purplebg {
background-color: var(--purple);
}
.greenbg {
background-color: var(--green);
}
.orangebg {
background-color: var(--orange);
}
.yellowbg {
background-color: var(--yellow);
}
.bluebg {
background-color: var(--blue);
} 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%; 
}
} body.green { --page-accent: var(--green); }
body.purple { --page-accent: var(--purple); }
body.pink { --page-accent: var(--pink); }
body.cornflowerblue { --page-accent: var(--cornflowerblue); }
body.blue { --page-accent: var(--blue); }
body.orange { --page-accent: var(--orange); }
body.yellow { --page-accent: var(--yellow); }
body.event-template-default, body.tax-event-category, body.tax-event-venue { --page-accent: var(--orange); }
.is-style-section-white,
.is-style-section-green,
.is-style-section-cornflower,
.is-style-section-orange,
.is-style-section-pink,
.is-style-section-purple,
.is-style-section-yellow,
.is-style-section-blue,
.is-style-section-gray
{
overflow: hidden;
padding: 50px 0;
}
.is-style-section-white {
background-color: #fff;
color: var(--bodytext);
}
.is-style-section-green {
background-color: var(--green);
}
.is-style-section-cornflower {
background-color: var(--cornflowerblue);
}
.is-style-section-orange {
background-color: var(--orange);
}
.is-style-section-pink {
background-color: var(--pink);
}
.is-style-section-purple {
background-color: var(--purple);
}
.is-style-section-yellow {
background-color: var(--yellow);
color: var(--bodytext);
}
.is-style-section-blue {
background-color: var(--blue);
}
.is-style-section-gray {
background-color: var(--extralightgray);
}
body.green ul.is-style-fancy li::before {
color: var(--green);
}
body.purple ul.is-style-fancy li::before {
color: var(--purple);
}
body.pink ul.is-style-fancy li::before {
color: var(--pink);
}
body.cornflowerblue ul.is-style-fancy li::before {
color: var(--cornflowerblue);
}
body.blue ul.is-style-fancy li::before {
color: var(--blue);
}
body.orange ul.is-style-fancy li::before {
color: var(--orange);
}
body.yellow ul.is-style-fancy li::before {
color: var(--yellow);
}
.is-style-section-green .is-style-whitebg h2,
.is-style-section-green .is-style-sidephoto h2,
.is-style-section-green .is-style-whitebg ul.is-style-fancy li::before,
.is-style-section-green .is-style-sidephoto ul.is-style-fancy li::before {
color: var(--green) !important;
}
.is-style-section-orange .is-style-whitebg h2,
.is-style-section-orange .is-style-sidephoto h2,
.is-style-section-orange .is-style-whitebg ul.is-style-fancy li::before,
.is-style-section-orange .is-style-sidephoto ul.is-style-fancy li::before {
color: var(--orange) !important;
}
.is-style-section-pink .is-style-whitebg h2,
.is-style-section-pink .is-style-sidephoto h2,
.is-style-section-pink .is-style-whitebg ul.is-style-fancy li::before,
.is-style-section-pink .is-style-sidephoto ul.is-style-fancy li::before {
color: var(--pink) !important;
}
.is-style-section-purple .is-style-whitebg h2,
.is-style-section-purple .is-style-sidephoto h2,
.is-style-section-purple .is-style-whitebg ul.is-style-fancy li::before,
.is-style-section-purple .is-style-sidephoto ul.is-style-fancy li::before {
color: var(--purple) !important;
}
.is-style-section-yellow .is-style-whitebg h2,
.is-style-section-yellow .is-style-sidephoto h2,
.is-style-section-yellow .is-style-whitebg ul.is-style-fancy li::before,
.is-style-section-yellow .is-style-sidephoto ul.is-style-fancy li::before {
color: var(--yellow) !important;
}
.is-style-section-blue .is-style-whitebg h2,
.is-style-section-blue .is-style-sidephoto h2,
.is-style-section-blue .is-style-whitebg ul.is-style-fancy li::before,
.is-style-section-blue .is-style-sidephoto ul.is-style-fancy li::before {
color: var(--blue) !important;
}
.is-style-section-cornflower .is-style-whitebg h2,
.is-style-section-cornflower .is-style-sidephoto h2,
.is-style-section-cornflower .is-style-whitebg ul.is-style-fancy li::before,
.is-style-section-cornflower .is-style-sidephoto ul.is-style-fancy li::before {
color: var(--cornflowerblue) !important;
} body.purple #header-sticky.sticky #topnav #menu-main-menu > li a:hover, 
body.purple #header-sticky.sticky #topnav #menu-main-menu > li.current_page_item > a {
color: var(--purple);
} #topnav ul.sub-menu {
background-color: white;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
}
body.yellow #topnav ul.sub-menu {
background-color: var(--orange);
} .is-style-big-icon {
text-align: center;
padding-top: 20px;
}
.is-style-big-icon span {
font-size: 160px;
}
.is-style-big-icon .purple {
color: var(--purple);
}
.is-style-big-icon .green {
color: var(--green);
}
.is-style-big-icon .pink {
color: var(--pink);
}
.is-style-big-icon .cornflowerblue {
color: var(--cornflowerblue);
}
.is-style-big-icon .blue {
color: var(--blue);
}
.is-style-big-icon .orange {
color: var(--orange);
}
.is-style-big-icon .yellow {
color: var(--yellow);
}
.is-style-big-icon .charcoal {
color: var(--charcoal);
}
.is-style-big-icon .lightgray {
color: var(--lightgray);
}
.calltoaction {
background: var(--orange);
color: white;
padding: 50px 0;
}
.calltoaction .wp-block-columns {
margin: 0;
}
.calltoaction h2 {
color: #fff;
}
.calltoaction .wp-block-button .wp-block-button__link {
background-color: #f0f0f0;
color: var(--bodytext);
}
.calltoaction .wp-block-button .wp-block-button__link:hover {
background-color: #e6e6e6;
color: var(--bodytext);
}
.instawidget {
background-color: var(--lightgray);
padding-top: 15px;
} ul.is-style-fancy {
list-style-type: none;
padding: 0px;
margin: 7px 0 7px 15px;
font-size: 23px;
}
ul.is-style-fancy li {
position: relative;
padding-left: 1em;
margin: 0.4em 0;
}
ul.is-style-fancy li::before {
font-family: 'icomoon';
content: '\e916';
font-size: 0.75em;
position: absolute;
top: 4px;
left: 0;
}
ul.is-style-doc-list {
width: fit-content;
list-style-type: none;
padding: 0px;
margin: 7px auto;
font-size: 26px;
}
ul.is-style-doc-list li {
position: relative;
padding-left: 1em;
margin: 0.6em 0;
}
ul.is-style-doc-list li::before {
font-family: 'icomoon';
content: '\e91b';
font-size: 0.75em;
position: absolute;
top: 4px;
left: 0;
color: var(--cornflowerblue);
}
ul.is-style-doc-list li a {
text-decoration: none;
}
ul.is-style-doc-list li a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1000px) {
ul.is-style-fancy {
font-size: 20px;
}
} blockquote {
background: transparent url(//saniti.co.nz/wp-content/themes/SANITI_Theme/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 {
color: var(--bodytext);
}
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: 350px;
height: auto;
transition: all 0.25s;
padding-top: 25px;
transition: 1s ;
}
.wiggle-on-hover:hover {
animation-name: wiggle;
animation-timing-function: ease;
animation-duration: 0.5s;
}
@keyframes wiggle {
0%   { transform: rotate(0deg); }
25%   { transform: rotate(1deg); }
50%   { transform: rotate(0deg); }
75%   { transform: rotate(-1deg); }
100% { transform: rotate(0deg); }
}
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;
}
header #headertext .email {
margin: 0;
}
header #headertext .social {
font-size: 32px;
text-align: right;
}
@media screen and (max-width: 1450px) {
#headerleft {
flex-basis: 250px;
}
header #logo {
width: 250px;
}   
} #breadcrumbs {
background-color: var(--page-accent);
filter: brightness(90%);
padding: 8px 0;
font-size: 16px;
color: white;
}
#breadcrumbs span {
margin: 0 8px;
}
#breadcrumbs a {
text-decoration: none;
color: white;
}
#breadcrumbs a:hover {
text-decoration: underline;
}
.hide {
display: none; }  #header-sticky.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 9;
height: var(--sticky-height);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
background-color: white;
}
#header-sticky.sticky #logo { padding-top: 5px;
}
body.green #header-sticky.sticky #logo { }
#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: 130px;
}
#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 {
text-decoration:none;
font-weight: bold;
font-size: 18px;
display: inline-block;
}
#topnav a {
margin: 0 5px;
padding: 5px 10px;
font-size: 18px;
text-transform: uppercase;
color: var(--charcoal);
}
#topnav li.green {
--nav-color: var(--green);
}
#topnav li.purple {
--nav-color: var(--purple);
}
#topnav li.pink {
--nav-color: var(--pink);
}
#topnav li.cornflowerblue {
--nav-color: var(--cornflowerblue);
}
#topnav li.blue {
--nav-color: var(--blue);
}
#topnav li.orange {
--nav-color: var(--orange);
}
#topnav a:hover, 
#topnav li.current_page_ancestor > a,
#topnav li.current_page_item > a {
color: var(--nav-color);
}
#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;
}
@media screen and (max-width: 1400px) {
#topnav a {
padding: 5px 5px;
font-size: 16px;
}
} #topnav ul.sub-menu {
display: none; 
position: absolute; 
top: 30px;
left: 0;
width: max-content;
min-width: 150px;
max-width: 280px;
z-index: 21;
padding: 10px 20px;
}
#topnav ul.sub-menu li:first-child {
border-bottom: 3px solid var(--nav-color);
} #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 li:not(:first-child) { 
padding-left: 20px;
}
#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 span.toggle:after {
font-family: 'icomoon';
content: '\e90e';
display: inline-block;
padding-left: 6px;
} 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 {
background-color: var(--green);
position: relative;
clear: both;
overflow: visible;
padding: 50px 0;
}
.is-style-hero img.wp-block-cover__image-background {
position: absolute;
top: 10%;
width: 52.1%;
height: 80%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
left: 0;
right: auto;
z-index: 2;
}
.is-style-hero .wp-block-group {
float: right;
padding: 50px 50px 50px 150px;
z-index: 10;
width: 53%;
box-sizing: border-box;
position: relative;   
background-color: white;
color: var(--bodytext);
font-size: 24px;
z-index: 1;
}
.is-style-hero h1 {
font-size: 76px;
margin-top: 50px;
}
.is-style-hero::after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 1600px) {
.is-style-hero .wp-block-group {
padding: 30px 30px 30px 100px;
}   
.is-style-hero h1 {
font-size: 50px;
}
}
@media screen and (max-width: 1000px) {
.wp-block-cover.is-style-hero {
flex-direction: column;
padding: 0 0 30px 0;      
}
.is-style-hero .wp-block-group {
float: none;
width: auto;
padding: 0;
}
.is-style-hero h1 {
font-size: 40px;
}   
.is-style-hero img.wp-block-cover__image-background {
position: relative;
top: 30px;
width: 90%;
margin-left: auto;
margin-right: auto;
padding-top: 0;
max-height: 400px;
min-height: 280px;
}
.is-style-hero .wp-block-cover__inner-container {
width: 100% !important;
margin: 0;
background-color: white;
}
.is-style-hero .wp-block-cover__inner-container .wp-block-group {
width: 90% !important;
margin: 0 auto !important;
}
#hero-contents.is-style-hero .wp-block-group {
width: auto;
box-sizing: border-box;
position: relative;
margin-bottom: 30px;
float: none;
padding: 0;
}
}
@media screen and (max-width: 600px) {
.is-style-hero h1 {
font-size: 36px;
}
.is-style-hero .wp-block-group {
font-size: 22px;
}
} .wp-block-cover.is-style-header,
.wp-block-cover.is-style-header2,
.wp-block-cover.is-style-header3 {
padding: 0;
overflow: visible;
min-height: 300px;
}
.wp-block-cover.is-style-header3 {
min-height: 200px;
}
.wp-block-cover.is-style-header .wp-block-cover__background,
.wp-block-cover.is-style-header2 .wp-block-cover__background,
.wp-block-cover.is-style-header3 .wp-block-cover__background {
display: none;
}
.is-style-header img.wp-block-cover__image-background,
.is-style-header2 img.wp-block-cover__image-background {
position: absolute;
top: 7.5%;
left: 0;
width: 52%;
height: 85%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
.is-style-header2 img.wp-block-cover__image-background {
left: auto;
right: 0;
}
.wp-block-cover.is-style-header .wp-block-cover__inner-container {
padding: 60px 0;
position: relative;
z-index: 2;
}
.wp-block-cover.is-style-header .wp-block-cover__inner-container h1 {
margin-left: 55% !important;
padding-left: 40px;
text-align: right;
}
.wp-block-cover.is-style-header2 .wp-block-cover__inner-container h1 {
margin-right: 55% !important;
padding-right: 40px;
text-align: left;
}
body .wp-block-cover.is-style-header h1,
body .wp-block-cover.is-style-header2 h1 {
color: white;
}
.wp-block-cover.is-style-header,
.wp-block-cover.is-style-header2,
.wp-block-cover.is-style-header3 {
background-color: var(--page-accent);
}
@media screen and (max-width: 900px) {
.wp-block-cover.is-style-header,
.wp-block-cover.is-style-header2 {
flex-direction: column-reverse;
}
.is-style-header img.wp-block-cover__image-background,
.is-style-header2 img.wp-block-cover__image-background {
position: static;
width: 100%;
max-height: 300px;
}
.wp-block-cover.is-style-header .wp-block-cover__inner-container,
.wp-block-cover.is-style-header2 .wp-block-cover__inner-container {
padding: 0;
margin: 0 auto;
width: 100%;
box-sizing: border-box;
}
.wp-block-cover.is-style-header .wp-block-cover__inner-container h1,
.wp-block-cover.is-style-header2 .wp-block-cover__inner-container h1 {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0;
padding-right: 0;
text-align: center;
}
} .wp-block-cover.is-style-sidephoto {
padding: 0;
overflow: visible;
}
.is-style-sidephoto img.wp-block-cover__image-background {
position: absolute;
top: 12.5%;
left: -174px;
width: 58%;
height: 75%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 2;
}
.wp-block-cover.is-style-sidephoto .wp-block-cover__inner-container {
background-color: white;
padding: 100px 100px 100px 140px;
margin-left: 40%;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1800px) {
.is-style-sidephoto img.wp-block-cover__image-background {
top: 12.5%;
left: -20px;
width: 50%;
max-width: 700px;
height: 75%;
}
.wp-block-cover.is-style-sidephoto .wp-block-cover__inner-container {
padding: 80px 80px 80px 160px;
margin-left: 40%;
}
}
@media screen and (max-width: 1000px) {
.wp-block-cover.is-style-sidephoto {
flex-direction: column;
}
.is-style-sidephoto img.wp-block-cover__image-background {
position: relative;
width: 72%;
top: 30px;
left: 0;
right: 0;
padding-top: 0;
max-height: 400px;
}
.wp-block-cover.is-style-sidephoto .wp-block-cover__inner-container {
padding: 100px 80px 80px 80px;
margin: 0 auto;
width: 86%;
top: -30px;
box-sizing: border-box;
}
}
@media screen and (max-width: 600px) {
.is-style-sidephoto img.wp-block-cover__image-background {
width: 80%;
top: 20px;
}
.wp-block-cover.is-style-sidephoto .wp-block-cover__inner-container {
padding: 80px 20px 40px 20px;
margin: 0 auto;
width: 90%;
top: -20px;
}
} .is-style-cards-coloured { --card-accent: var(--page-accent); }
.is-style-cards-coloured .is-style-green { --card-accent: var(--green); }
.is-style-cards-coloured .is-style-purple { --card-accent: var(--purple); }
.is-style-cards-coloured .is-style-pink { --card-accent: var(--pink); }
.is-style-cards-coloured .is-style-cornflowerblue { --card-accent: var(--cornflowerblue); }
.is-style-cards-coloured .is-style-blue { --card-accent: var(--blue); }
.is-style-cards-coloured .is-style-orange { --card-accent: var(--orange); }
.is-style-cards-coloured .is-style-yellow { --card-accent: var(--yellow); }
.is-style-cards .wp-block-column,
.is-style-cards-coloured .wp-block-column {
background-color: white;
margin: 15px;
color:  var(--bodytext);
padding: 20px;
position: relative;
}
.is-style-cards .wp-block-column p,
.is-style-cards-coloured .wp-block-column p {
line-height: 1.7em;
}
.is-style-cards .wp-block-column {
box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.32);
}
.is-style-cards .wp-block-column h3:first-child {
margin-top: 1em;
}
.is-style-cards h2,
.is-style-cards h3,
.is-style-cards h4,
.is-style-cards p {
margin-left: 20px;
margin-right: 20px;
}
.is-style-cards-coloured .wp-block-column {
box-shadow: 0px 0px 2px 3px var(--card-accent);
}
.is-style-cards-coloured .wp-block-image {
box-shadow: 0px 0px 0px 20px var(--card-accent);
background-color:  var(--card-accent);
}
.wp-block-image.is-style-skew1 img {
transform: skew(2.5deg, 1.5deg);
}
.wp-block-image.is-style-skew2 img {
transform: skew(-2.5deg, -1.5deg);
}
.is-style-cards .wp-block-column:first-child,
.is-style-cards-coloured .wp-block-column:first-child {
margin-left: 0;
}
.is-style-cards .wp-block-column:last-child,
.is-style-cards-coloured .wp-block-column:last-child {
margin-right: 0;
}
.is-style-cards h2,
.is-style-cards-coloured h2 {
padding-top: 20px;
font-size: 30px;
}
.eventscards {
justify-content: center;
}
.eventscards .wp-block-column {
max-width: 433px;
}
.linked-cards .wp-block-column:hover h2 a {
color: var(--card-accent);
} .is-style-cards .wp-block-column h2 a::after,
.is-style-cards-coloured .wp-block-column h2 a::after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.is-style-cards .wp-block-column:hover h2 a::after {
box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.2);
}
.card h2 a:focus {
outline: none;
text-decoration: underline;
} .linked-cards .wp-block-column {
transition: all 0.3s;
}
.linked-cards .wp-block-column:focus-within, 
.linked-cards .wp-block-column:hover {
transform: scale(1.003);
}
@media screen and (max-width: 1500px) {
.cards4 {
gap: 20px !important;
}
.cards4 .wp-block-column {
margin: 0 auto !important;
padding: 20px 10px;
}
.cards4 .wp-block-column h2 {
font-size: 28px;
}
}
@media screen and (max-width: 1200px) {
.is-style-cards .wp-block-column,
.is-style-cards-coloured .wp-block-column {
font-size: 20px;
line-height: 1.5em;
}
.cards4 .wp-block-column h2 {
font-size: 26px;
}   
}
@media screen and (max-width: 1000px) {
.wp-block-columns.cards4 {
display: grid;
grid-template-columns: 1fr 1fr;
}
.cards4 .wp-block-column {
max-width: 320px;
margin: 0;
}
}
@media screen and (max-width: 900px) {
.wp-block-columns.is-style-cards:not(.cards4),
.wp-block-columns.is-style-cards-coloured {
flex-direction: column;
}
.is-style-cards:not(.cards4) .wp-block-column,
.is-style-cards-coloured .wp-block-column {
padding: 25px;
margin: 20px auto !important;
width: 80%;
max-width: 450px;
}
.is-style-cards-coloured .wp-block-image {
box-shadow: 0px 0px 0px 25px var(--card-accent);
}   
.is-style-cards-coloured h2 {
padding-top: 30px;
}   
}
@media screen and (max-width: 500px) {
.wp-block-columns.cards4 {
display: grid;
grid-template-columns: 1fr;
}
.cards4 .wp-block-column {
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box;
}   
} .image-card {
width: 21%;
aspect-ratio: 1 / 1;
float: left;
margin: 2%;
background: var(--green) center center no-repeat;
background-size: cover;
position: relative;
}
.image-card .overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.2);   
text-align: center;
display: flex;
justify-content: center;
align-items: flex-end
}
.image-card .overlay:hover {
background-color: rgba(0,0,0,0.1); 
}
.image-card h2 {
margin-bottom: 5px;
}
.image-card p {
margin-top: 5px;
}
.image-card a {
color: white;
text-decoration: none;
}
.image-card a:hover {
text-decoration: underline;
}
.image-card a::after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
@media screen and (max-width: 1200px) {
.image-card {
width: 29%;
margin: 2%;
}
}
@media screen and (max-width: 700px) {
.image-card {
width: 46%;
margin: 2%;
}
}
.showmore::after {
content: "";
display: block;
clear: both;
}
.showmore:not(.showall) .image-card {
display: none;
}
.showmore .image-card:nth-child(1),
.showmore .image-card:nth-child(2),
.showmore .image-card:nth-child(3),
.showmore .image-card:nth-child(4),
.showmore .image-card:nth-child(5),
.showmore .image-card:nth-child(6),
.showmore .image-card:nth-child(7),
.showmore .image-card:nth-child(8)
{
display: block;
} .gridcard, .modal {
--card-color: var(--green);
}
.gridcard.is-style-green, .modal.is-style-green {
--card-color: var(--green);
}
.gridcard.is-style-blue, .modal.is-style-blue {
--card-color: var(--blue);
}
.gridcard.is-style-pink, .modal.is-style-pink {
--card-color: var(--pink);
}
.gridcard.is-style-purple, .modal.is-style-purple {
--card-color: var(--purple);
}
.gridcard.is-style-yellow, .modal.is-style-yellow {
--card-color: var(--yellow);
}
.gridcard.is-style-orange, .modal.is-style-orange {
--card-color: var(--orange);
}
.gridcard.is-style-cornflowerblue, .modal.is-style-cornflowerblue {
--card-color: var(--cornflowerblue);
}
.gridcardgroup {
margin: 50px 0;
}
.gridcardgroup .wp-block-group__inner-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 50px;
}
.gridcard {
background-color: white;
color:  var(--bodytext);
line-height: 1.6em;
padding: 20px;
position: relative;
box-sizing: border-box;
box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.32);
transition: all 0.3s;
}
.gridcard p {
text-align: center;
margin: 0.5em 0;
}
.gridcard img,
.modal img {
display: block;
margin: 0 auto;
}
.gridcard.popup:hover img {
transform: rotate(0.5deg);
}
.gridcard.popup:hover {
cursor: pointer;
}
p.title {
font-weight: bold;
text-align: center;
margin: 0.5em 0;
}
.gridcard h2,
.modal-header h2 {
margin-bottom: 10px;
}
.gridcard p.email a {
text-decoration: none;
color: var(--bodytext);
} .gridcard.popup h2::after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 70px;
}
.gridcard.popup h2:focus {
outline: none;
text-decoration: underline;
}
.gridcard.popup:focus-within, 
.gridcard.popup:hover {
box-shadow: 0px 0px 25px 0px var(--card-color);
} .modal {
display: none; position: fixed; z-index: 10; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .close {
color: white;
float: right;
font-size: 50px;
font-weight: bold;
}
.close:hover,
.close:focus {
text-decoration: none;
cursor: pointer;
text-shadow: 0 0 5px white;
} 
.modal-content {
position: relative;
background-color: #fefefe;
margin: 50px auto;
padding: 0;
border: 1px solid #888;
width: 90%;
max-width: 600px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
animation-name: animatetop;
animation-duration: 0.4s;
}
.modal-header {
padding: 2px 16px;
background-color: var(--card-color);
color: white;
}
.is-style-yellow .modal-header {
color: black;
}
.modal-body {
padding: 15px 30px;
text-align: left;
overflow: hidden;
}
.modal-body img.photo {
width: 200px;
height: auto;
border-radius: 50%;
float: right;
margin: 20px 0 0 15px;
}
.modal-body.nobio img.photo {
float: none;
margin: auto;
}
.modal-footer {
padding: 2px 16px;
background-color: var(--card-color);
color: white;
text-align: center;
min-height: 30px;
}
.is-style-yellow .modal-footer {
color: black;
}
.modal-footer a,
.modal-footer p.email a {
color: white;
text-decoration: none;
font-weight: 600;
}
.is-style-yellow .modal-footer a {
color: black;
}
.modal-footer a:hover {
text-decoration: underline;
}
@keyframes animatetop {
from {top: -300px; opacity: 0}
to {top: 0; opacity: 1}
}
@media screen and (max-width: 1200px) {
.gridcardgroup .wp-block-group__inner-container {
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
}
}
@media screen and (max-width: 600px) {
.gridcardgroup .wp-block-group__inner-container {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 500px) {
.modal-content {
width: 95%;
}
.modal-body {
padding: 10px 15px;
text-align: left;
}
.modal-body img.photo {
width: 150px;
float: none;
margin: 10px auto;
display: block;
}   
} .teammember {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.qualification {
font-size: 16px;
font-style: italic;
text-align: center;
} .discount {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.discount div.details {
text-align: center;
margin-top: 40px;
padding: 20px 10px;
background-color: var(--card-color);
color: white;
font-weight: 600;
}
.discount.is-style-yellow div.details {
color: black;
}
.discount .logo {
max-height: 150px;
}
#discounts-filter {
text-align: right;
}
#discounts-filter span {
color: var(--gray);
cursor: pointer;
padding: 0 10px;
border-right: 1px solid var(--gray);
}
#discounts-filter span:last-child {
border-right: none;
}
#discounts-filter span:not(.current):hover {
text-decoration: underline;
color: var(--green);
}
#discounts-filter span.current {
font-weight: bold;
color: var(--green);
cursor: default;
}
.discountmodal .details {
font-size: 26px;
font-weight: 600;
text-align: center;
border: 5px solid var(--card-color);
padding: 5px;
}
.discountmodal .category {
text-align: right;
font-size: 16px;
font-style: italic;
color: var(--gray);
} summary {
transition: background .75s ease;
outline: 0;
display: block;
cursor: pointer;
border-top: 1px solid #D3D3D3;
position: relative;
}
details h3 {
font-size: 20pxm;
text-align: left;
margin-bottom: 0;
padding: 15px;
padding-right: 40px;
}
details > div {
padding: 0 25px 15px 25px;
margin: 0;
text-shadow: none;
text-align: left;
line-height: 1.3em;
}
summary::after {
font-family: "icomoon";
content: "\e90e";
display: block;
position: absolute;
width: 35px;
height: 30px;
top: 20px;
right: 0;
font-size: 180%;
font-weight: 900;
}
details[open] summary::after {
content: '\e90f';
font-size: 30px;
}
details[open] summary:hover {
background:none;
}
summary:hover {
}
details > summary {
list-style: none;
}
details summary::-webkit-details-marker {
display:none;
}
div.FAQtoggle {
text-align: right;
padding-bottom: 15px;
}
div.FAQtoggle a {
text-decoration: none;
color: #aaa;
font-size: 0.8rem;
cursor: pointer;
margin-left: 20px;
}
div.FAQtoggle a:hover {
color: #666;
}
a.closeAllFAQs {
display: none;
}
div.FAQtoggle a::before {
font-family: "icomoon";
font-weight: 900;
padding-right: 5px;
}
a.openAllFAQs::before {
content: "\e90e";
}  
a.closeAllFAQs::before {
content: '\e90f';
} .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"],
body .frm_style_formidable-style.with_frm_style .frm_submit button
{
text-decoration:none;
padding: 20px 35px;
color: #fff;
background: var(--pink);
font-weight: bold;
border-radius: 0;
font-size: 1em;
border: none;
text-transform: uppercase;
font-size: 22px;
margin: 30px 0;
}
.more a:hover,
a.button:hover,
.wp-block-button .wp-block-button__link:hover,
input[type="submit"]:hover {
filter: brightness(110%);
}
p.is-style-arrowlink {
margin: 2em 0;
}
p.is-style-arrowlink a {
text-decoration: none;
font-weight: bold;
}
p.is-style-arrowlink a::after {
font-family: 'icomoon';
content: '\e905';
padding-left: 10px;
}
body .wp-block-file__button {
background-color: var(--pink);
}
@media screen and (max-width: 1000px) {
.more a, 
a.button,
.wp-block-button .wp-block-button__link,
.editor-styles-wrapper .wp-block-button .wp-block-button__link,
input[type="submit"],
body .frm_style_formidable-style.with_frm_style .frm_submit button
{
padding: 15px 25px;
font-size: 20px;
}
} footer {
overflow: hidden;
position: relative;
color: white;
}
footer .contents {
position: relative;
display: flex;
padding: 50px 0 80px 0;
}
footer .footercol {
flex-basis: 50%;
}
#footerlogo {
width: 350px;
height: auto;   
padding: 0;   
z-index: 10;
}
footer a {
text-decoration: none;
color: white;
transition: all 0.3s;
display: inline-block;
opacity: 0.98;
}
footer a:hover {
color: white;
transform: scale(1, 1.02);
opacity: 1;
text-shadow: 0 0 5px white;
}
footer .social {
margin-top: 30px;
}
footer .social span {
font-size: 50px;
margin-right: 30px;
}
#shieldedsite {
text-align: center;
} footer {
background-color: var(--page-accent); 
}
@media screen and (max-width: 1000px) {
footer .leftcol {
flex-basis: 70%;
margin-right: 40px;
}
footer .rightcol {
flex-basis: 30%;
}
#footerlogo {
width: 300px;
}   
}
@media screen and (max-width: 750px) {
footer .contents {
flex-direction: column;
}
footer .logocol {
width: 100%;
}
#footerlogo {
width: 250px;
}      
.footermenus {
width: 100%;
border-bottom: 1px solid #000;
margin-bottom: 30px;
}
.rightcol {
padding-left: 80px;
padding-top: 30px;
}   
}
footer nav ul {
text-align: center;
}
footer nav li {
display: block;
padding: 8px 0;
text-align: left;
line-height: 1.5em;
}
footer nav li a {
font-size: 23px;
padding: 0;
margin: 0;
font-weight: normal;
}
footer nav li.current_page_item > a {
font-weight: bold;
}
.footer-menu .sub-menu {
display: none;
}
footer .contactinfo {
padding-left: 40px;
}
footer .contactinfo > p {
font-size: 23px;
margin: 1em 0;
padding-left: 40px;
position: relative;
}
footer p.phone {
font-size: 32px;
font-weight: bold;
}
footer .contactinfo > p::before {
font-family: 'icomoon';
position: absolute;
top: 0;
left: 0;
}
footer .phone::before {
content: '\e942';
}
footer .address::before {
content: '\e902';
font-size: 32px;
}
footer .hours::before {
content: '\e94f';
}
footer .email::before {
content: '\e903';
}
#credits {
text-align: center;
font-size: 16px;
padding: 10px 0;
width: 100%;
}
#credits a {
text-decoration: none;
color: white;
}
#credits a:hover {
text-decoration: underline;
}
a.scrollup {
width: 67px;
height: 67px;
position: fixed;
bottom: 50px;
right: 25px;
display: none;
text-indent: -9999px;
background: url(//saniti.co.nz/wp-content/themes/SANITI_Theme/images/top.png) no-repeat;
opacity: 0.3;
}
@media screen and (max-width: 620px) {
a.scrollup {
width: 50px;
height: 50px;
bottom: 15px;
right: 15px;
background-size: contain;   
}
} .events-container { display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
}
.event-item {
box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.2);
text-align: center;
position: relative;
background-color: white;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 22%;
margin: 1.5%;
max-width: 300px;
}
@media screen and (max-width: 1400px) {
.event-item {
flex-basis: 30%;
}
}
@media screen and (max-width: 1000px) {
.event-item {
flex-basis: 47%;
}
}
@media screen and (max-width: 620px) {
.event-item {
flex-basis: 100%;
}
}
.event-item figure {
overflow: hidden;
aspect-ratio: 1 / 1;
background: var(--green);
background-image: linear-gradient(to right top, #a184f8, #71b243, #fcd844);
}
.event-item figure img {
transition: all 0.3s ease;
}
.event-item h4 a {
color: var(--bodytext);
text-decoration: none;
}
.event-item h4 a::after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.event-item:hover h4 a::after {
box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.3);
}
.event-item:hover figure img {
transform: scale(1.02);
}
.event-item p.datetime {
font-size: 16px;
}
.event-item .location::before {
font-family: 'icomoon';
content: '\e902';
display: inline-block;
padding-right: 5px;
}
.eo-no-events {
text-align: center;
font-size: 22px;
margin: 50px 0;
font-style: italic;
}
.event-image {
text-align: center;
}
ul.event-details {
list-style: none;
margin: 0;
padding: 0;
}
ul.event-details li {
list-style: none;
margin: 1em 0;
}
.event-details .label {
font-family: 'The Bold Font', sans-serif;
display: inline-block;
min-width: 100px;
}
.event-description {
margin: 50px 0;
}
.events article.event {
max-width: 800px;
margin: 0 auto 50px auto;
}
.eventorganiser-event-meta h3 {
text-align: center;
} .eo-fullcalendar .fc-toolbar h2 {
font-size: 30px;
font-weight: bold;
}
.feed-link {
font-size: 16px;
margin-top: 50px;
} .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(--green);
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 .with_frm_style {
--font-size: 20px;
--field-font-size: 18px;
--check-font-size: 18px;
--border-radius: 0px;
--label-color: var(--bodytext);
}
body .frm_style_formidable-style.with_frm_style .frm_submit button:hover {
background-color: var(--pink);
color: white;
filter: brightness(110%);
}
body .frm_style_formidable-style.with_frm_style div.frm_description {
font-size: 16px;
}   
.frm_forms {
width: 1000px;
margin: 50px auto;
}
.frm_forms h3 {
border-left: 15px solid var(--page-accent);
padding-left: 10px;
}
body .with_frm_style .frm_primary_label {
font-weight: 600;
}  .grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 0px !important;
z-index: 1;
}
.grecaptcha-badge:hover {
width: 256px !important;
}
.form-closed {
font-weight: bold;
text-align: center;
border: 3px solid var(--page-accent);
padding: 20px;
margin: 50px 0;
}  @supports (-webkit-touch-callout: inherit) {
.wp-block-cover .has-parallax {
background-attachment: scroll !important;
}
}
.wp-block-cover { }
.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-file:not(.wp-element-button) {
font-size: 1em;
} .page-id-1738 .wp-block-file { margin-top: 15px;
}  .contents,
div.woocommerce,
.wp-block-cover.is-style-hero .wp-block-cover__inner-container,
.wp-block-cover.is-style-header .wp-block-cover__inner-container,
.wp-block-cover.is-style-header2 .wp-block-cover__inner-container,
.is-style-section-white .wp-block-group__inner-container,
.is-style-section-green .wp-block-group__inner-container,
.is-style-section-cornflower .wp-block-group__inner-container,
.is-style-section-orange .wp-block-group__inner-container,
.is-style-section-pink .wp-block-group__inner-container,
.is-style-section-purple .wp-block-group__inner-container,
.is-style-section-yellow .wp-block-group__inner-container,
.is-style-section-blue .wp-block-group__inner-container,
.is-style-section-gray .wp-block-group__inner-container
{ 
width:90%; max-width: 1440px; 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: 1200px) {
body {
font-size: 18px;
}
nav a, #subnav a { margin: 0 5px; padding: 10px 15px; font-size: 16px; }
#hero { padding: 10px; }
div.wpcf7 form {
margin: 0 auto;
} header #headertext { display:none; }
header {
padding-bottom: 0;
}
header #logo {
width: 190px;
padding-left: 15px;
padding-top: 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);
}
#mobile-menu-btn { 
display: inline-block;
width: 32px;
height: 32px; padding: 4px;
cursor: pointer;
position: absolute;
top: -60px;
right: 20px;
}
#header-sticky.sticky #mobile-menu-btn {
top: -48px;
}
#mobile-menu-btn::after { 
font-family: 'icomoon';
content: '\e910';
font-size: 32px;
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 ul { 
padding-bottom: 15px;
}
#topnav ul { display:none; }
.mobile-menu-open #topnav ul#menu-main-menu {  
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 ul.sub-menu {
box-shadow: none;
}
#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(--lightgray);
}
#topnav ul.sub-menu.open { 
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 span.toggle:after {
content: '';
padding: 0;
} }  @media screen and (max-width: 900px) {
body { font-size: 16px; }
.contents,
div.woocommerce,
.wp-block-cover.is-style-hero .wp-block-cover__inner-container,
.wp-block-cover.is-style-header .wp-block-cover__inner-container,
.wp-block-cover.is-style-header3 .wp-block-cover__inner-container,
.is-style-section-white .wp-block-group__inner-container,
.is-style-section-green .wp-block-group__inner-container,
.is-style-section-cornflower .wp-block-group__inner-container,
.is-style-section-orange .wp-block-group__inner-container,
.is-style-section-pink .wp-block-group__inner-container,
.is-style-section-purple .wp-block-group__inner-container,
.is-style-section-yellow .wp-block-group__inner-container,
.is-style-section-blue .wp-block-group__inner-container,
.is-style-section-gray .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: 600px) {	
.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) {	
#header-sticky .contents {
width: 100%;
}
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;
}
}