@font-face {
font-family: 'brown';
src: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/fonts/Brown-Regular.eot?#iefix) format('embedded-opentype'),
url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/fonts/Brown-Regular.otf) format('opentype'),
url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/fonts/Brown-Regular.woff) format('woff'), 
url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/fonts/Brown-Regular.ttf) format('truetype'),
url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/fonts/Brown-Regular.svg#Brown-Regular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'brown';
src: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/fonts/Brown-Bold.eot?#iefix) format('embedded-opentype'),  
url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/fonts/Brown-Bold.otf)  format('opentype'),
url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/fonts/Brown-Bold.woff) format('woff'),
url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/fonts/Brown-Bold.ttf) format('truetype'), 
url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/fonts/Brown-Bold.svg#Brown-Bold) format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'blacker';
src: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/fonts/BlackerDisplay-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/fonts/BlackerDisplay-Bold.woff) format('woff'),
url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/fonts/BlackerDisplay-Bold.ttf) format('truetype'),
url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/fonts/BlackerDisplay-Bold.svg#BlackerDisplay-ExtraBold) format('svg');
font-weight: normal;
font-style: normal;
} body {
background-color: #FFFFFF;
color: #343E46;
font-family: "brown", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
font-weight: normal;
}
p,
li,
div,
th,
td, 
input,
select,
textarea {
font-size: 14px;
line-height: 26px;
font-family: "brown", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
p {
margin: 20px 0 0 0;
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
a {
color: #A9AD00;
}
p > .more-link-container {
margin-top: 20px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p.service-heading {
line-height: 1.3em;
margin: 30px 0 20px 0;
font-weight: bold;
font-family: blacker, "brown", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
h6 {
font-family: "brown", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
h2,
p.service-heading {
font-size: 32px;
line-height: 50px;
}
h2 {
margin-bottom: 50px;
} .content-block.single-post-item h2,
.content-block.single-post-item h3,
.content-block.single-post-item h4,
.content-block.single-post-item h5,
.content-block.single-post-item h6 {
font-family: "brown", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
line-height: 1.6em;
}
.content-block.single-post-item h2 {
font-size: 18px;
}
.content-block.single-post-item h2.full {
font-family: blacker, "brown", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
font-size: 32px;
line-height: 50px;
}
.content-block.single-post-item h3{
font-size: 17px;
}
.content-block.single-post-item h4 {
font-size: 16px;
}
.content-block.single-post-item h5 {
font-size: 15px;
}
.content-block.single-post-item h6 {
font-size: 14px;
font-weight: 600;
}  h6,
.leadin,
.feature {
font-size: 16px;
line-height: 32px;
}
.feature-large {
font-size: 18px;
line-height: 29px;
} .more-link,
.hs-button,
.casestudy-service-fiter,
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"], 
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type="submit"] {
background: #FFFFFF;
border: 1px solid #A9AD00;
color: #343E46;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
line-height: 30px;
font-weight: bold;
display: inline-block;
padding: 15px 25px;
vertical-align: middle;
letter-spacing: 0.15em;
cursor: pointer;
}
.background-grey .more-link {
background: none;
}
.more-link.white,
.white > .more-link {
background: none;
border-color: #FFFFFF;
color: #FFFFFF;
}
.more-link.light,
.light > .more-link {
background: none;
color: #FFFFFF;
}
.more-link-container {
font-size: 0;
vertical-align: middle;
margin: 0 25px 0 0;
display: inline-block;
}
.more-link-slideout {
height: 62px;
width: 72px;
background: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/shared/more-link-white.png) center center no-repeat #A9AD00;
background-size: 18px;
display: inline-block;
vertical-align: middle;
line-height: 62px;
}
.white .more-link-slideout {
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/shared/more-link-green.png);
background-color: #FFFFFF;
}
.bx-next {
height: 62px !important;
width: 72px !important;
background: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/shared/more-link-white.png) center center no-repeat #A9AD00 !important;
background-size: 18px !important;
display: inline-block !important;
vertical-align: middle !important;
line-height: 62px !important;
right:0px !important;
}
.bx-prev {
height: 62px !important;
width: 72px !important;
background: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/shared/more-link-white-left.png) center center no-repeat #A9AD00 !important;
background-size: 18px !important;
display: inline-block !important;
vertical-align: middle !important;
line-height: 62px !important;
left:0px !important;
}
.bx-prev:before,
.bx-next:before {
content: '' !important;
} .range-left {
text-align: left;
}
.range-center {
text-align: center;
}
.range-right {
text-align: right;
} .screen-reader-text {
display: none;
}.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
} .sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu ul {
box-shadow: 2px 2px 6px rgba(0,0,0,.2);
min-width: 12em; *width: 12em; }
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #dFeEFF; border-top: 1px solid rgba(255,255,255,.5);
padding: .75em 1em;
text-decoration: none;
zoom: 1; }
.sf-menu a {
color: #13a;
}
.sf-menu li {
background: #BDD2FF;
white-space: nowrap; *white-space: normal; -webkit-transition: background .2s;
transition: background .2s;
}
.sf-menu ul li {
background: #AABDE6;
}
.sf-menu ul ul li {
background: #9AAEDB;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
background: #CFDEFF; -webkit-transition: none;
transition: none;
} .sf-arrows .sf-with-ul {
padding-right: 2.5em;
*padding-right: 1em; } .sf-arrows .sf-with-ul:after {
content: '';
position: absolute;
top: 50%;
right: 1em;
margin-top: -3px;
height: 0;
width: 0; border: 5px solid transparent;
border-top-color: #dFeEFF; border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: white; } .sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #dFeEFF; border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: white;
}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.bx-wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/external/bxslider/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/external/bxslider/images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/external/bxslider/images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/external/bxslider/images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/external/bxslider/images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }body {
margin: 0;
padding: 0;
}  #masthead,
#colophon,
#services-footer,
.content-block {
margin: 0;
padding: 80px 100px;
}
.content-block-casestudy-image
{
margin: 0;
padding: 25px;
}
#masthead > .wrap,
#colophon > .wrap,
#services-footer > .wrap,
.content-block > .wrap {
display: block;
position: relative;
max-width: 1800px;
margin: 0 auto;
padding: 0;
}
.content-block.narrow > .wrap {
max-width: 1200px;
}
.content-block.service_single {
padding: 50px 100px 20px 100px;
} #masthead {
padding-top: 0;
padding-bottom: 0;
}
#colophon,
#services-footer {
padding-top: 30px;
padding-bottom: 30px;
}
#casestudy-content-container.content-block {
padding-top: 0;
padding-bottom: 0;
}
.single-casestudy .content-block > .wrap,
#casestudy-gallery.content-block > .wrap {
max-width: 1100px;
}
.content-block.slider-block { background: #343E46;
} .content-block > .wrap > h1:first-child,
.content-block > .wrap > h2:first-child,
.content-block > .wrap > p:first-child,
.content-column > .wrap > h1:first-child,
.content-column > .wrap > h2:first-child,
.content-column > .wrap > p:first-child {
margin-top: 0;
}
.bordered {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
} .content-block-dual-background {
width: 100%;
margin: 0;
padding: 0;
display: table;
}
.content-block-dual-background > .row {
display: table-row;
}
.content-block-dual-background > .row > .cell {
display: table-cell;
width: 50%;
}
.content-block-dual-background > .row > .cell > .wrap {
width: 100%;
max-width: 1000px;
padding: 80px 100px;
margin: 0 0 0 auto;
box-sizing: border-box;
}
.content-block-dual-background > .row > .cell.right > .wrap {
margin: 0 auto 0 0;
}
.content-block-dual-background > .row > .cell.left > .wrap {
padding: 80px 100px;
} .content-column {
float: left;
width: 47.5%;
width: calc((100% - 100px) / 2);
}
.content-column.position-right {
float: right;
padding-right: 0px !important;
}
.content-column.size-third {
width: 30%;
width: calc((100% - 200px) / 3);
padding-right: 100px;
}
.content-column.size-twothirds {
width: 65%;
width: calc(((100% - 200px) / 3 * 2) + 100px);
}
h6,
.leadin {
font-size: 18px;
line-height: 36px;
font-weight: bold;
}
h6 {
margin-bottom: 20px;
}
.content-column.size-third img {
margin-bottom: 30px;
height: 67px;
width: 67px;
}
h1 {
font-size: 32px;
line-height: 50px;
} body {
padding-top: 90px;
}
body > * {
position: relative;
z-index: 0;
}
#masthead {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
height: 90px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
background: #FFFFFF;
transition: height 0.2s;
} body.logged-in #masthead {
top: 32px;
} #mariart-header-logo {
height: 65px;
padding: 10px 0;
width: auto;
display: inline-block;
transition: height 0.2s;
} #mobile-menu {
display: none;
}
#primary-menu {
position: absolute;
top: 0;
right: 0;
}
.sf-menu {
margin: 0;
padding: 0;
}
.sf-menu li {
margin: 0;
padding: 0;
background: none;
border: none;
}
.sf-menu a {
color: #343E46;
text-transform: uppercase;
background: #FFFFFF;
letter-spacing: 0.15em;
} .sf-menu > li > a {
line-height: 90px;
margin: 0;
padding: 0 20px;
border: none;
border-left: 1px solid #FFFFFF;
font-weight: bold;
font-size: 13px;
transition: line-height 0.2s;
}
.sf-menu > li > a:hover,
.sf-menu > li.sfHover > a,
.sf-menu > li.current-menu-item > a,
.sf-menu > li.current-menu-parent > a,
.sf-menu > li.current-menu-ancestor > a {
color: #A9AD00;
}
.sf-menu > li > a:hover,
.sf-menu > li.sfHover > a {
line-height: 90px;
margin: 0;
padding: 0 20px;
border-left: 1px solid #A9AD00;
color: #A9AD00;
} .sf-menu ul {
box-shadow: none;
background: #FFFFFF;
border-left: 1px solid #A9AD00;
padding: 10px 0;
}
.sf-menu ul li {
background: none;
}
.sf-menu ul li a {
background: rgba(255, 255, 255, 0.9);
padding: 8px 17px;
font-size: 13px;
}
.sf-menu ul li a:hover,
.sf-menu ul li.sfHover > a,
.sf-menu ul li.current-menu-item > a,
.sf-menu ul li.current-menu-parent > a,
.sf-menu ul li.current-menu-ancestor > a {
background: #FFFFFF;
color: #A9AD00;
} #masthead.sticky {
height: 70px;
}
#masthead.sticky #mariart-header-logo {
height: 45px;
}
#masthead.sticky .sf-menu > li > a {
line-height: 70px;
} #colophon {
border-top: 1px solid #F1F3F2;
background: #FFFFFF;
}
#footer-links,
#footer-links li {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
#footer-links li {
display: inline-block;
margin: 0 30px;
text-transform: uppercase;
letter-spacing:0.14em;
font-size:11px;
}
#footer-links li a {
color: #343E46;
text-decoration: none;
}
#footer-links li a:hover {
text-decoration: underline;
}
#services-footer {
background: #343E46;
}
#services-footer > .wrap {
text-align: center;
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
}
#services-footer a {
display: inline-block;
margin: 5px 10px;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
}
#services-footer a:hover {
color: #A9AD00;
} #services-contact,
#services-seo-content {
text-align: center;
}
#services-contact {
color: #FFFFFF;
background: #A9AD00;
}
#services-contact.special {
color: #343E46;
background: #F1F3F2;
}
#our-story-content {
background: #FFFFFF;
}
#blocks-special .cell.right {
color: #FFFFFF;
}
#services-show-more-container {
margin-top: 50px;
}
#service-testimonial {
background: #343E46;
color: #FFFFFF;
}
#service-testimonial h2 {
border-top: 1px solid #A9AD00;
padding-top: 40px;
margin-bottom: 30px;
}
#service-testimonial p {
font-size: 16px;
}
#service-testimonial p.services-test-name {
font-size: 14px;
}
.service-test-gallery,
.service-test-gallery li {
margin: 0;
padding: 0;
list-style: none;
}
.service-test-gallery li {
float: left;
width: 47.5%;
width: calc((100% - 20px) / 2);
}
.service-test-gallery li:last-child {
float: right;
}
.service-test-gallery li img {
display: block;
width: 100%;
height: auto;
}
.narrow-service-testimonial {
text-align: center;
max-width: 1100px;
margin: 0 auto;
}
#service-news {
background: #A9AD00;
color: #FFFFFF;
}
#service-news img,
.cell.left img {
width: 100%;
height: auto;
display: block;
}.cell.left img {
margin-top: 60px;
}
#service-news h2 a,
.cell.left h2 a {
color: #FFFFFF;
text-decoration: none;
}
.cell.left h2,
.cell.right h2 {
margin: 40px 0 20px 0;
}
.cell.left h2 a {
color: #343E46;
}
.feature .service_single h2,
p.service-heading {
margin-bottom: 20px;
}
.feature .service_single h1,
#page-breadcrumb h1,
.home .content-column.position-left h1,
h1.small-grey {
font-size: 14px;
line-height: 32px;
font-weight: normal;
margin: 0;
font-family: "brown", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
color: #C2C5C7;
text-transform: uppercase;
}
.single-services .cell.right .gform_wrapper ul.gform_fields li.gfield {
padding-top: 0;
}
.single-services .hs-button,
.single-services .cell.right .gform_wrapper .gform_footer input.button {
background-color: transparent;
border-color: #FFFFFF;
color: #FFFFFF;
}
.single-services .cell.right .more-link {
background: none;
}
body.single-services .cell.right .gform_wrapper ul li.gfield {
margin-top: 8px;
}
body.single-services .cell.right .gform_wrapper .top_label div.ginput_container {
margin-top: 0px !important;
}
.single-services .cell.right .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
.single-services .cell.right .gform_wrapper .field_sublabel_below div[class*="gfield_time_"].ginput_container label {
margin: 1px 0 0 1px;
}
.single-services .cell.right  .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
line-height: 20px;
}
.single-services .cell.right p {
margin-top: 15px;
}
.single-services .cell.right p.feature {
margin-top: 30px;
font-weight: bold;
}
.single-services .cell.right h3 {
font-size: 21px;
line-height: 40px;
font-family: "brown", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
.single-services .cell.right li {
margin-left: 0;
padding-left: 14px;
background: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/shared/list_dot.png) left top 12px no-repeat;
list-style: none;
background-size: 5px 5px;
}
.single-services .cell.right .gform_wrapper li {
padding-left: 0;
}
.single-services .cell.right ul {
margin-left: 0;
padding-left: 0;
}
.service-casestudy-image {
position: relative;
padding-left: 40px;
padding-bottom: 31px;
}
.service-casestudy-image img {
position: relative;
z-index: 0;
display: block;
}
.service-casestudy-image .more-link-container {
position: absolute;
left: 0;
bottom: 0;
}
.hs-form-field input,
.hs-form-field textarea {
width: calc(100% - 10px) !important;
}
.hs-form-field input[type=checkbox],
.hs-form-field input[type=radio] {
width: auto !important;
} .team-display {
background: #F1F3F2;
}
.team-person-container {
float: left;
width: 47.5%;
width: calc((100% - 80px) / 2);
margin-top: 120px;
clear: both;
position: relative;
background: #FFFFFF;
}
.team-person-container:nth-child(2n) {
float: right;
clear: none;
}
.team-person-container:first-child,
.team-person-container:nth-child(2) {
margin-top: 0;
}
.team-person-container .image-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 350px;
background-size: cover;
background-position: top 80px center;
background-repeat: no-repeat;
}
.bio-name-container {
background: #343E46;
padding: 20px;
}
.bio-name-container p {
color: #FFFFFF;
margin: 0;
text-align: center;
}
.bio-name-container p.name {
font-size: 18px;
line-height: 29px;
font-weight: bold;
}
.bio-name-container p.position {
font-weight: 16px;
line-height: 29px;
color: #A9AD00;
}
.bio-container {
margin-left: 350px;
padding: 80px 50px 50px 50px;
position: relative;
background: #FFFFFF;
}
.bio-links-container {
position: absolute;
top: -30px;
left: 50px;
}
.bio-links-container a {
background: #FFFFFF;
border: 1px solid #A9AD00;
margin: 0 5px 0 0;
padding: 0 25px;
font-size: 13px;
font-weight: bold;
line-height: 58px;
color: #343E46;
text-decoration: none;
display: inline-block;
text-transform: uppercase;
letter-spacing: 0.15em;
}
.bio-links-container a.active {
background: #A9AD00;
color: #FFFFFF;
}
.bio-data-table {
width: 100%;
border-collapse: collapse;
}
.bio-data-table tr {
vertical-align: top;
}
.bio-data-table th,
.bio-data-table td {
text-align: left;
border-bottom: 1px solid #A9AD00;
padding: 15px 0;
}
.bio-data-table th,
.bio-data-table td span {
font-weight: bold;
}
.bio-area.fun {
display: none;
} h1.casestudy-title {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px 30px;
margin: 0;
background: rgba(255,255,255, 0.8);
text-align: center;
max-width: 400px;
display: inline-block;
font-size: 50px;
line-height: 80px;
}
h1.casestudy-title span {
border: none;
padding: 0;
}
.gallery-item-container {
width: auto;
margin: 0 0 50px 0;
}
.gallery-item-container.image.position-half-left,
.gallery-item-container.image.position-half-right {
width: 47.5%;
width: calc((100% - 50px) / 2);
float: left;
}
.gallery-item-container.image.position-third-left,
.gallery-item-container.image.position-third-right {
width: 33%;
width: calc((100% - 50px) / 3);
float: left;
}
.gallery-item-container.image.position-twothirds-left,
.gallery-item-container.image.position-twothirds-right {
width: 65%;
width: calc((100% - 50px) / 3 * 2);
float: left;
}
.gallery-item-container.image.position-half-right,
.gallery-item-container.image.position-third-right,
.gallery-item-container.image.position-twothirds-right {
float: right;
clear: none;
}
.gallery-item-container img {
width: 100%;
height: auto;
display: block;
}
#casestudy-content-block {
display: table;
border-collapse: collapse;
width: 100%;
}
#casestudy-content-block > .wrap {
display: table-row;
vertical-align: top;
}
.casestudy-content-left,
.casestudy-content-right {
display: table-cell;
}
.casestudy-content-right {
width: 360px;
}
.casestudy-content-left > .wrap,
.casestudy-content-right > .wrap {
padding: 100px;
}
.casestudy-content-left > .wrap {
padding-bottom: 0;
padding-left: 0;
}
.casestudy-content-right > .wrap {
padding-right: 0;
}
.casestudy-content-right > .wrap h2 {
margin-bottom: 30px;
}
#casestudy-content-container {
position: relative;
}
#casestudy-content-container > .wrap {
position: relative;
z-index: 1;
}
.casestudy-content-block-underlay {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 33%;
z-index: 0;
}
.casestudy-testimonial-divider {
height: 1px;
background: #A9AD00;
padding: 0;
margin: 50px 0 30px 0;
}
.casesudy-testimonial {
font-size: 17px;
line-height: 30px;
margin: 0 0 20px 0;
}
.casesudy-testimonial-name {
font-size: 18px;
line-height: 36px;
margin: 0;
}
.casestudy-testimonial-company {
font-size: 14px;
line-height: 26px;
margin: 0;
} #services-list.content-block {
padding-top: 0;
}
.services-list-item {
float: left;
width: 22.75%;
width: calc((100% - 150px) / 4);
margin: 50px 0 0 3%;
margin-left: calc(50px);
text-align: center;
position: relative;
}
.services-list-item:nth-child(4n + 1) {
margin-left: 0;
clear: left;
}
.services-list-item img {
display: block;
margin: 0 auto;
width: auto;
height: 120px;
}
.service-overview-panel,
.service-detail-panel {
margin: 0;
padding: 0;
position: relative;
background: #F1F3F2;
border-bottom: 5px solid #A9AD00;
z-index: 0;
box-sizing: border-box;
}
.service-overview-panel > .wrap,
.service-detail-panel > .wrap {
padding: 30px;
}
.service-overview-panel {
background: #A9AD00;
border-top: none;
border-bottom: none;
z-index: 1;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 100%;
overflow: hidden;
}
.service-overview-panel.visible {
border-top: 5px solid #F1F3F2;
}
.service-overview-panel > .wrap {
padding-top: 90px;
}
.service-detail-panel > .wrap {
padding-bottom: 90px;
}
.services-list-item .arrow {
position: absolute;
bottom: 0;
left: calc(50% - 30px);
width: 60px;
height: 60px;
background: #A9AD00;
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/services/arrow_up.png);
background-position: center;
background-size: 20px 17px;
background-repeat: no-repeat;
cursor: pointer;
}
.services-list-item .service-overview-panel .arrow {
bottom: auto;
top: 0;
background-color: #F1F3F2;
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/services/arrow_down.png);
}
.service-title a {
color: #343E46;
text-decoration: none;
font-size: 18px;
line-height: 29px;
font-weight: bold;
background: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/shared/more-link-green.png) center right no-repeat;
background-size: 16px 16px;
padding-right: 30px;
}
.service-overview-panel .service-title {
margin: 0 0 20px 0;
}
.service-overview-panel .service-title a {
color: #FFFFFF;
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/shared/more-link-white.png);
}
.service-subs,
.service-subs li {
margin: 0;
padding: 0;
list-style: none;
color: #FFFFFF;
}
.service-subs li {
padding: 10px 0;
border-bottom: 1px solid #FFFFFF;
}  .archive-container article {
float: left;
width: 30%;
width: calc((100% - 200px) / 3);
margin: 50px 0 0 5%;
margin-left: calc(100px);
clear: none;
}
.archive-container article:first-child,
.archive-container article:nth-child(3n + 1) {
margin-left: 0;
clear: left;
}
.archive-container article .entry-header {
position: relative;
}
.archive-container article img {
display: block;
width: 100%;
height: auto;
position: relative;
z-index: 0;
}
.archive-container article .article-date {
position: absolute;
right: 20px;
bottom: -20px;
width: 50px;
}
.archive-container article .article-date span {
height: 20px;
line-height: 20px;
display: block;
text-align: center;
}
.archive-container article a {
color: #343E46;
text-decoration: none;
}
.archive-container article a .article-date span {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
line-height: 20px;
background-color: #FFFFFF;
letter-spacing: 0.15em;
}
.archive-container article a .article-date span.article-date-day {
line-height: 32px;
height: 32px;
}
.archive-container article a .article-date span.article-date-month {
background-color: #A9AD00;
color: #FFFFFF;
font-size: 11px;
line-height: 20px;
}
.archive-container article p {
margin: 20px 0;
}
.archive-container article p.feature-large {
margin: 30px 0 20px;
}
.archive-container article p.archive-read-more {
margin-top: 30px;
}
.nav-links {
display: block;
padding: 50px 0;
text-align: center;
}
.nav-links a,
.nav-links span {
display: inline-block;
font-size: 13px;
font-weight: 500;
line-height: 18px;
padding: 6px 10px;
margin: 0 5px;
border: 1px solid #343E46;
color: #343E46;
text-decoration: none;
}
.nav-links a {
color: #A9AD00;
border-color: #A9AD00;
}
.nav-links a:hover {
background-color: #A9AD00;
color: #FFFFFF;
} .single-post-feature-image {
display: block;
width: 100%;
max-width: 1100px;
height: auto;
margin: 0 auto;
}
.content-block.single-post-item > .wrap {
max-width: 1100px;
}
.content-block.single-post-item h1 {
margin-top: 0;
}
.content-block.single-post-item h2,
.content-block.single-post-item h3,
.content-block.single-post-item h4,
.content-block.single-post-item h5,
.content-block.single-post-item h6 {
margin: 50px 0 30px 0;
}
.content-block.single-post-item hr {
width: 100%;
height: 2px;
margin: 40px 0;
background: #F1F3F2;
border: none;
} .clear {
clear: both;
}
.content-column.position-left h1 {
text-align: right;
}
.single-post .content-column.position-left h1 {
text-align: left;
} .gform_wrapper .ginput_complex .ginput_left input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]),
.gform_wrapper .ginput_complex .ginput_right input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]), 
.gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]), .gform_wrapper .ginput_complex select,
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper textarea {
border: 1px solid #A9AD00;
}
.gform_wrapper .gfield_required {
color: #A9AD00 !important;
}
.gform_wrapper ul.gfield_checkbox li, 
.gform_wrapper ul.gfield_radio li {
width: 32%;
margin: 0 0 5px 1%;
float: left;
}
.gform_wrapper ul.gform_fields li.gfield {
padding-top: 20px;
} #feature-image,
#feature-image-video {
width: 100%;
margin: 0;
padding: 0;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 600px;
}
#feature-image {
height: 400px;
}
#video_container {
width: 100%;
height: 700px;
}
#banner {
height: 550px;
background-position: center center;
background-size: cover;
overflow: hidden;
} .services-list-column,
.services-list-column li {
margin: 0;
padding: 0;
list-style: none;
}
.services-list-column {
float: left;
width: 50%;
}
.services-list-column li a {
display: inline-block;
margin: 0;
padding: 15px 28px 15px 0;
color: #343E46;
text-decoration: none;
text-transform: uppercase;
background-position: center right;
background-repeat: no-repeat;
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/shared/more-link-green.png);
background-size: 0;
transition: background-size 0.2s;
letter-spacing:0.14em;
font-size:13px;
}
.services-list-column li a:hover {
background-size: 16px;
transition: background-size 0.2s;
} .ready-to-get-started {
background-color: #ADAD00;
color: #FFFFFF;
}.ready-to-get-started h2 span {
border-color: #FFFFFF;
} #casestudy-service-filter {
background-color: #F1F3F2;
color: #FFFFFF;
text-align: center;
} #casestudy-services-select {
background: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/casestudy/casestudy_select.png) center right no-repeat #FFFFFF;
background-size: contain;
border: 1px solid #A9AD00;
color: #343E46;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
line-height: 30px;
font-weight: bold;
display: inline-block;
padding: 15px 25px;
vertical-align: middle;
letter-spacing: 0.15em;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
padding-right: 87px;
font-family: "brown", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
#casestudy-services-select option {
font-weight: normal;
text-transform: none;
}
.home .content-block.casestudy-display,
.single-services .content-block.casestudy-display {
background: #343E46;
color: #FFFFFF;
}
.casestudy-display-container,
.casestudy-slider-container {
margin: 0;
padding: 0;
list-style: none;
}
.casestudy-slider-container li,
.casestudy-display-container li {
width: calc((100% - 150px) / 4);
margin: 0 0 80px 50px;
float: left;
position: relative;
}
.casestudy-display-container li:first-child,
.casestudy-display-container li:nth-child(4n+ 1) {
margin-left: 0;
clear: left;
}
.casestudy-slider-container li,
.casestudy-display-container li img {
position: relative;
z-index: 0;
width: 100%;
height: auto;
}
.casestudy-display-container li > a {
display: block;
padding-left: 30px;
}
.casestudy-slider-container li .footer-link {
position: absolute;
z-index: 1;
bottom: -31px;
left: -30px;
}
.casestudy-display-container li .footer-link {
position: absolute;
z-index: 1;
bottom: -25px;
left: 0;
}
.casestudy-display-container li.testimonial,
.testimonial {
padding: 40px 0;
border-top: 1px solid #A9AD00;
}
.casestudy-display-container li.testimonial .footer-link, 
.testimonial .footer-link {
left: 0;
}
.casestudy-display-container li.testimonial p.content,
.testimonial p.content {
font-size: 21px;
line-height: 40px;
margin: 0 0 20px 0; }
.casestudy-display-container li.testimonial p.name,
.casestudy-display-container li.testimonial p.company, 
.testimonial p.name, .testimonial p.company {
margin: 0;
}
.casestudy-display-container li.testimonial p.name,
.testimonial p.name {
font-size: 18px;
line-height: 36px;
}
.casestudy-display-container li.testimonial p.company, 
.testimonial p.company {
font-size: 14px;
line-height: 26px;
}
.casestudy-display-container li.testimonial .light > .more-link {
color: #343E46;
}
.home .casestudy-display-container li.testimonial .light > .more-link {
color: #FFFFFF;
}
.testimonial_data {
padding-right: 50px;
}
.lightbg {
background-color: #FFFFFF;
}
.lightbg .testimonial_data {
color: #343E46;
}
.lightbg .more-link { 
color: #343E46;
}
.slider-block > .wrap {
max-width:100%;
}
.bx-wrapper { 
max-width: 99% !important;
padding: 38px;
margin-bottom: 0px;
}
.bx-viewport {
height: 500px !important;
width: 98% !important;
margin-left: 10px;
} #page-breadcrumb {
position: absolute;
top: -65px;
left: 0;
right: 0;
text-align: center;
}
#page-breadcrumb ul,
#page-breadcrumb ul li {
margin: 0;
padding: 0;
list-style: none;
margin-top:10px;
}
#page-breadcrumb ul li {
display: inline-block;
text-transform: uppercase;
line-height: 30px;
color: #999FA3;
letter-spacing:0.14em;
font-size:11px;
}
#page-breadcrumb ul li:before {
content: ' / ';
}
#page-breadcrumb ul li:first-child:before {
content: '';
}
#page-breadcrumb ul li a {
color: #999FA3;
text-decoration: none;
}
#page-breadcrumb ul li a:hover {
text-decoration: underline;
} .casestudy-display.slider-block h2 {
text-align: center;
color: #FFFFFF;
} ul.differences-list,
ul.differences-list li {
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
text-align: center;
vertical-align: top;
}
ul.differences-list li {
font-size: 14px;
display: inline-block;
width: 30%;
width: calc((100% - 200px) / 3);
margin-left: 5%;
margin-left: calc(100px);
margin-top: 100px;
}
ul.differences-list li:first-child,
ul.differences-list li:nth-child(3n + 1) {
margin-left: 0;
}
ul.differences-list li img.difference-icon {
display: block;
margin: 0 auto;
width: 100%;
max-width: 85px;
height: auto;
margin-bottom: 50px;
} .single-info-block {
text-align: center;
} .background-grey {
background-color: #F1F3F2;
}
.background-dark {
background-color: #343E46;
color: #FFFFFF;
}
.background-pattern,
.background-pattern-dark,
.background-pattern.dark {
background-color: #F1F3F2;
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/landing/pattern.png);
background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
background-size: 556px 556px;
}
.background-pattern-dark,
.background-pattern.dark {
background-color: #343E46;
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/landing/pattern_dark.png);
color: var(--colour-white);
}
ul.casestudy-slider-container.slider-items {
position: relative;
}
ul.casestudy-slider-container.slider-items li {
padding: 0 20px;
box-sizing: border-box;
position: relative;
z-index: 0;
}
ul.casestudy-slider-container.slider-items li img {
width: 100%;
height: auto;
display: block;
}
ul.casestudy-slider-container.slider-items li .footer-link {
left: 0;
}
ul.casestudy-slider-container.slider-items button.slick-arrow {
position: absolute;
left: -30px;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
overflow: hidden;
z-index: 2;
background: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/shared/more-link-white-left.png) center center no-repeat #A9AD00;
border: none;
background-size: 10px 10px;
text-indent: 40px;
cursor: pointer;
}
ul.casestudy-slider-container.slider-items button.slick-arrow.slick-next {
left: auto;
right: -30px;
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/shared/more-link-white.png);
}
.contact-right strong {
font-weight: 600;
color: #A9AD00;
}
.contact-right a {
color: #343E46;
}
.content-column.contact-left {
width: 65%;
padding-right: 100px;
box-sizing: border-box;
}
.content-column.contact-right {
width: 35%;
padding-left: 100px;
box-sizing: border-box;
background: #F1F3F2;
}
.contact-right {
position: relative;
}
.contact-right > .wrap {
position: relative;
z-index: 2;
}
.contact-right-cover {
position: absolute;
top: -80px;
bottom: 0;
left: 0;
right: -100px;
background: #F1F3F2;
}
.mariart-map {
height: 400px;
padding: 0 -100px;
margin: 50px -100px 0 -100px;
}
.content-video {
width: 100%;
max-width: 800px;
height: auto;
margin: 0 auto;
padding-top: 50px;
}
.how-we-work-points {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.how-we-work-point {
float: left;
width: 33.3%;
width: calc(100% / 3);
padding: 0 30px;
margin: 50px 0;
box-sizing: border-box;
text-align: center;
}
.how-we-work-point:nth-child(3n + 1) {
clear: left;
}
.how-we-work-point img {
display: block;
margin: 0 auto;
width: 70%;
max-width: 140px;
height: auto;
}
.contact-right img {
width: 100%;
max-width: 500px;
height: auto;
display: block;
}
.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label {
font-weight: normal !important;
font-size: 15px !important;
}
.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, 
.gform_wrapper .field_sublabel_above div[class*="gfield_date_"].ginput_container label,
.gform_wrapper .field_sublabel_above div[class*="gfield_time_"].ginput_container label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, 
.gform_wrapper .field_sublabel_below div[class*="gfield_date_"].ginput_container label,
.gform_wrapper .field_sublabel_below div[class*="gfield_time_"].ginput_container label {
font-size: 1em !important;
letter-spacing: o !important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
font-family: "brown", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif" !important;
}
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type="submit"], 
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type="submit"] {
width: auto !important;
}
p.community-narrow-detail {
padding-top: 20px;
border-top: 1px solid #A9AD00;
margin-left: auto;
margin-right: auto;
width: 80%;
max-width: 800px;
}
.community-logos-container {
padding-top: 50px;
text-align: center;
vertical-align: top;
font-size: 0;
}
.community-logos-container img {
display: inline-block;
width: 20%;
height: auto;
margin: 30px 2.5% 0 2.5%;
}
.service-block {
vertical-align: top;
text-align: center;
font-size: 0;
}
.service-block .service-col {
float: left;
width: 25%;
padding: 30px 15px 0 15px;
box-sizing: border-box;
}
.service-block.services-columns-3 .service-col {
width: 33.3%;
width: calc(100% / 3);
}
.service-block.services-columns-2 .service-col {
width: 50%;
}
.service-col img {
width: 100%;
height: auto;
display: block;
} .background-christmas-2020 {
background: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/christmas-2020/christmas-2020.jpg) center right no-repeat #A9AD00;
background-size: contain;
color: #FFFFFF;
}
#christmas-2020-logos {
text-align: center;
vertical-align: middle;
}
#christmas-2020-logos img {
vertical-align: middle;
margin: 0 30px;
}
#christmas-2020-form:after {
content: "";
clear: both;
display: table;
}
#christmas-2020-form .gform_wrapper .gform_body {
float: left;
width: calc(100% - 135px);
}
#christmas-2020-form .gform_wrapper ul.gform_fields li.gfield {
float: left;
width: calc(50% - 15px);
clear: none;
padding-right: 0 !important;
margin: 0;
}
#christmas-2020-form .gform_wrapper ul.gform_fields li.gfield:first-child {
margin-right: 25px;
}
#christmas-2020-form .gform_wrapper .gform_footer input.button,
#christmas-2020-form .gform_wrapper .gform_footer input[type="submit"],
#christmas-2020-form .gform_wrapper .gform_page_footer input.button,
#christmas-2020-form .gform_wrapper .gform_page_footer input[type="submit"] {
margin: 20px 0 0 0;
}
#christmas-2020-form .gform_wrapper .gform_footer {
float: right;
width: 115px;
clear: none;
}
#christmas-2020-form .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
#christmas-2020-form .gform_wrapper select {
padding: 17px;
border: 1px solid #A9AD00;
font-size: 15px;
line-height: 1.5em;
width: 100%;
box-sizng: border-box;
appearance: none;
}
#christmas-2020-form .gform_wrapper select {
background: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/shared/more-link-green-down.png) center right 20px no-repeat;
background-size: 20px 20px;
-webkit-appearance: none;
appearance: none;
}
@media screen and (max-width: 1000px) {
.background-christmas-2020 .content-column {
width: 60% !important;
}
}
@media screen and (max-width: 800px) {
.background-christmas-2020 {
background-image: none;
}
.background-christmas-2020 .content-column {
width: 100% !important;
}
#christmas-2020-form .gform_wrapper .gform_body,
#christmas-2020-form .gform_wrapper .gform_footer {
float: none;
width: auto;
}
#christmas-2020-form .gform_wrapper ul.gform_fields li.gfield,
#christmas-2020-form .gform_wrapper ul.gform_fields li.gfield:first-child {
width: 100%;
float: none;
margin: 10px 0 0 0;
}
}
div.hs-form-field,
div.hs-submit {
margin: 10px 0;
}
.mariart-video-overlay-container {
display: block;
position: relative;
}
.landing-video .mariart-video-overlay-container {
width: 100%;
max-width: 900px;
margin: 0 0 0 auto;
}
.mariart-video-overlay-container a.image-overlay {
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
text-decoration: none;
}
.mariart-video-overlay-container div.video-container {
position: relative;
display: block;
z-index: 0;
}
.mariart-testimonial p {
font-size: 24px;
line-height: 1.6em;
}
.mariart-testimonial p.testimonial-name {
font-size: 19px;
font-weight: bold;
margin-top: 30px;
}
.testimonial-header {
position: relative;
width: 100%;
height: 21px;
background: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/shared/quote_open.png) center center no-repeat;
background-size: 30px 21px;
margin: 0 0 30px 0;
}
.testimonial-header::before,
.testimonial-header::after {
position: absolute;
content: "";
top: 10px;
left: 0;
width: calc(50% - 30px);
height: 1px;
background: var(--colour-green);
}
.testimonial-header::after {
left: auto;
right: 0;
}
.mariart-block-text-icon,
.mariart-block-text-icon-with-heading {
background: #F2F2F2;
border-top: 5px solid #A9AD00;
padding: 20px;
margin: 20px 0 50px 0;
}
.content-block.single-post-item > .wrap h2.mariart-block-text-icon-heading {
margin-top: 0;
font-weight: bold;
font-size: 21px;
line-height: 34px;
display: flex;
flex-wrap: nowrap;
gap: 20px;
align-items: center;
justify-content: flex-start;
}
.content-block.single-post-item > .wrap h2.mariart-block-text-icon-heading img {
width: 50px;
height: 50px;
display: block;
margin: 0;
padding: 0;
}
.mariart-block-text-icon.container {
border-top: none;
}
.mariart-block-text-icon.container.border-top {
border-top: 5px solid #A9AD00;;
}
.mariart-block-text-icon.container.border-bottom {
border-bottom: 5px solid #A9AD00;;
}
.mariart-block-text-icon.container.border-left {
border-left: 5px solid #A9AD00;;
}
.mariart-block-text-icon.container.border-right {
border-right: 5px solid #A9AD00;;
}
.mariart-block-text-icon.container h6,
.mariart-block-text-icon-with-heading h6 {
margin: 30px 0 !important;
}
.mariart-block-text-icon-with-heading {
border-top: none;
padding: 0;
}
.mariart-block-text-icon-with-heading h2,
.mariart-block-text-icon-with-heading .content {
padding: 20px;
}
.content-block.single-post-item > .wrap .mariart-block-text-icon-with-heading h2.mariart-block-text-icon-heading {
margin: 0 !important;
background: #A9AD00;
color: #FFFFFF;
display: flex;
justify-content: space-between;
}
.content-block.single-post-item > .wrap .mariart-block-text-icon-with-heading h2.mariart-block-text-icon-heading img {
width: auto;
height: 26px;
}
.hs-form-checkbox,
.hs-form-radio {
list-style: none;
}
.hs-form-checkbox input,
.hs-form-radio input {
margin-right: 10px;
} .single-post-feature-image {
max-width: 920px;
}
.content-block.single-post-item > .wrap {
max-width: 700px;
}
.content-block.single-post-item > .wrap p,
.content-block.single-post-item > .wrap li {
font-size: 17px;
line-height: 27px;
}
.content-block.single-post-item > .wrap h1 {
font-size: 40px;
line-height: 56px;
}
.content-block.single-post-item > .wrap h2 {
font-size: 28px;
line-height: 38px;
}
.content-block.single-post-item > .wrap h6 {
font-weight: bold;
font-size: 21px;
line-height: 34px;
}
.single-post-item a.button {
color: #343E46;
text-decoration: none;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
line-height: 16px;
padding: 20px 30px;
border: 1px solid #A9AD00;
border-radius: 28px;
letter-spacing: 0.15em;
display: inline-block;
}
.single-post-item a.button:hover {
color: #A9AD00;
}
.single-post-item article ul {
padding-left: 17px;
}
.single-post-item article ul li {
list-style: none;
position: relative;
}
.single-post-item article ul li::before {
content: "";
position: absolute;
left: -17px;
top: 11px;
width: 8px;
height: 8px;
background: #A9AD00;
border-radius: 50%;
}
.single-post-item article ol li {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #A9AD00;
}
.content-block.single-post-item img {
display: block;
margin: 30px 0;
padding: 0;
width: 100%;
height: auto;
} .single-post .mariart-testimonial  {
margin: 30px 0;
text-align: center;
}
.single-post .mariart-testimonial p.testimonial-name {
position: relative;
font-size: 17px;
color: #A9AD00;
overflow: hidden;
}
.single-post .mariart-testimonial p.testimonial-name span {
position: relative;
display: inline-block;
}
.single-post .mariart-testimonial p.testimonial-name span:before, 
.single-post .mariart-testimonial p.testimonial-name span:after {
content: '';
position: absolute;
top: 50%;
border-bottom: 1px solid #A9AD00;
width: 100vw;
margin: 0 20px;
}
.single-post .mariart-testimonial p.testimonial-name span:before {
right: 100%;
}
.single-post .mariart-testimonial p.testimonial-name span:after {
left: 100%;
}
.single-post .mariart-testimonial .testimonial-header::before,
.single-post .mariart-testimonial .testimonial-header::after {
background: #A9AD00;
}
p.insights-date {
margin-bottom: 30px;
}
.single-post .article-light-background {
padding: 30px;
background: #F1F3F2;
margin: 30px 0;
} .mariart-faq {
display: block;
margin: 0;
padding: 0;
border-top: 1px solid #A9AD00;
}
.mariart-faq:last-of-type {
border-bottom: 1px solid #A9AD00;
}
.mariart-faq > h2,
.content-block.single-post-item > .wrap .mariart-faq > h2 {
margin: 0;
padding: 20px 0;
padding-right: 40px;
font-size: 18px;
font-weight: bold;
line-height: 27px;
font-family: "brown", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
cursor: pointer;
position: relative;
}
.mariart-faq > h2::after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 20px;
display: flex;
align-items: center;
justify-content: flex-end;
content: "+";
font-size: 27px;
font-weight: normal;
}
.mariart-faq > h2.open::after {
content: "-";
}
.mariart-faq > .answer {
padding: 0 0 20px 0;
}  @media screen and (max-width: 1600px) { .team-person-container,
.team-person-container:nth-child(2n) {
width: 30%;
width: calc((100% - 80px) / 3);
margin-left: 5%;
margin-left: calc(40px);
clear: none;
float: left;
margin-top: 40px;
}
.team-person-container:first-child,
.team-person-container:nth-child(3n + 1) {
margin-left: 0;
clear: left;
}
.team-person-container:first-child,
.team-person-container:nth-child(2),
.team-person-container:nth-child(3) {
margin-top: 0;
}
.team-person-container .image-container {
position: relative;
top: auto;
bottom: auto;
left: auto;
width: 100%;
height: 600px;
background-position: center top 80px;
}
.bio-container {
margin-left: 0;
padding: 50px 20px 20px 20px;
}
.bio-name-container {
bottom: auto;
top: 0;
}
#video_container {
height: 500px;
}
.casestudy-slider-container li,
.casestudy-display-container li,
.casestudy-display-container li:nth-child(4n + 1) {
width: calc((100% - 100px) / 3);
clear: none;
margin-left: 50px;
}
.casestudy-display-container li:first-child,
.casestudy-display-container li:nth-child(3n + 1) {
margin-left: 0;
clear: left;
}
} @media screen and (max-width: 1400px) {
h2,
.content-block.single-post-item h2.full,
p.service-heading {
font-size: 29px;
line-height: 42px;
}
.content-column {
width: calc((100% - 60px) / 2);
} .services-list-item,
.services-list-item:nth-child(4n + 1) {
width: 30%;
width: calc((100% - 80px) / 3);
clear: none;
margin-left: 5%;
margin-left: calc(40px);
}
.services-list-item:nth-child(3n + 1) {
margin-left: 0;
clear: left;
} .archive-container article,
.archive-container article:nth-child(3n + 1) {
width: 48%;
width: calc((100% - 100px) / 2);
margin-left: 4%;
margin-left: calc(100px);
clear: none;
}
.archive-container article:nth-child(2n + 1) {
margin-left: 0;
clear: left;
}
} @media screen and (max-width: 1200px) {
#video_container {
height: 400px;
}  #masthead,
#colophon,
.content-block {
margin: 0;
padding: 70px;
} #masthead {
padding-top: 0;
padding-bottom: 0;
}
#colophon,
#services-footer {
padding-top: 30px;
padding-bottom: 30px;
}
.content-block.ready-to-get-started {
padding-top: 100px;
padding-bottom: 100px;
}
.content-block-dual-background > .row > .cell.left > .wrap,
.content-block-dual-background > .row > .cell.right > .wrap {
padding: 70px;
} .more-link, 
.casestudy-service-fiter {
font-size: 12px;
line-height: 30px;
padding: 10px 20px;
}
.more-link-slideout {
height: 52px;
width: 52px;
line-height: 52px;
} h1.casestudy-title {
font-size: 25px;
line-height: 42px;
}
#casestudy-content-container {
padding: 0;
}
#casestudy-content-block,
#casestudy-content-block > .wrap,
.casestudy-content-left,
.casestudy-content-right {
display: block;
width: 100%;
}
.casestudy-content-left > .wrap,
.casestudy-content-right > .wrap {
padding: 50px;
}
.casestudy-content-block-underlay {
display: none;
}
.casestudy-gallery-image:nth-child(2),
.casestudy-gallery-image:nth-child(3) {
float: none;
width: 100%;
} .casestudy-slider-container li,
.casestudy-display-container li,
.casestudy-slider-container li:first-child,
.casestudy-display-container li:first-child,
.casestudy-slider-container li:nth-child(3n + 1),
.casestudy-slider-container li:nth-child(4n + 1),
.casestudy-display-container li:nth-child(3n + 1),
.casestudy-display-container li:nth-child(4n + 1) {
width: calc(((100% - 50px) / 2));
clear: none;
margin-left: 50px;
}
.casestudy-slider-container li:nth-child(2n + 1),
.casestudy-display-container li:nth-child(2n + 1) {
clear: left;
margin-left: 0;
}
.casestudy-display-container li.testimonial p.content, .testimonial p.content {
font-size: 19px;
line-height: 37px;
}
.casestudy-display-container li.testimonial p.name, .testimonial p.name {
font-size: 16px;
line-height: 31px;
}
.single-casestudy .content-block > .wrap, #casestudy-gallery.content-block > .wrap {
max-width: none;
}
#banner {
height: 350px;
}
#feature-image {
height: 300px;
}
.content-column.contact-left {
padding-right: 50px;
}
.content-column.contact-right {
padding-left: 50px;
}
.contact-right-cover {
top: -70px;
right: -70px;
}
.mariart-map {
height: 300px;
padding: 0 -70px 0 -50px;
margin: 50px -70px 0 -50px;
}
.service-block .service-col {
width: 33.3%;
width: calc(100% / 3);
}
.service-block.services-columns-3 .service-col {
width: 50%;
} .team-person-container,
.team-person-container:first-child,
.team-person-container:nth-child(2n),
.team-person-container:nth-child(3n + 1),
.team-person-container:first-child,
.team-person-container:nth-child(2),
.team-person-container:nth-child(3)  {
width: 47.5%;
width: calc((100% - 40px) / 2);
margin-left: 0;
clear: none;
float: right;
margin-top: 40px;
}
.team-person-container:nth-child(2n + 1) {
float: left;
clear: both;
}
.team-person-container:first-child,
.team-person-container:nth-child(2) {
margin-top: 0;
float: left;
}
.team-person-container:nth-child(2) {
float: right;
clear: none;
}
} @media screen and (max-width: 1000px) { h2,
.content-block.single-post-item h2.full,
p.service-heading {
font-size: 24px;
}
.home p.service-heading,
.home h1 {
text-align: left
}  #masthead,
#colophon,
#services-footer,
.content-block {
margin: 0;
padding: 60px;
} #masthead {
padding-top: 0;
padding-bottom: 0;
}
#colophon
#ervices-footer {
padding-top: 30px;
padding-bottom: 30px;
}
.content-block.ready-to-get-started {
padding-top: 100px;
padding-bottom: 100px;
} .content-column,
.content-column.position-right,
.content-column.size-third,
.content-column.size-twothirds {
float: none;
width: 100%;
margin: 0;
margin-top: 40px;
padding: 0;
}
.content-column:first-child {
margin-top: 0;
} .content-block-dual-background > .row > .cell.left > .wrap,
.content-block-dual-background > .row > .cell.right > .wrap {
padding: 80px 60px;
} #primary-menu {
display: none;
top: 90px;
left: -80px;
right: -80px;
padding: 0 80px;
background: #FFFFFF;
height: 90px;
border-top: 1px solid #EEEEEE;
transition: top 0.2s;
}
.sticky #primary-menu {
top: 70px;
}
#masthead.sticky .sf-menu > li > a {
line-height: 90px;
} #mobile-menu {
position: absolute;
top: 0;
right: 0;
display: block;
}
#mobile-menu ul,
#mobile-menu ul li {
margin: 0;
padding: 0;
list-style: none;
}
#mobile-menu ul li {
line-height: 90px;
float: left;
margin-left: 40px;
transition: line-height 0.2s;
}
.sticky #mobile-menu ul li {
line-height: 40px;
}
#mobile-menu a,
#mobile-menu #menu-toggle-tablet,
#mobile-menu #menu-toggle-mobile {
display: block;
width: 20px;
background: none;
background-position: center center;
background-repeat: no-repeat;
background-size: 20px;
text-indent: 50px;
overflow: hidden;
}
#mobile-menu a.phone {
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/header/phone.png);
}
#mobile-menu a.contact {
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/header/mail.png);
}
#mobile-menu #menu-toggle-tablet,
#mobile-menu #menu-toggle-mobile {
border: none;
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/header/menu.png);
line-height: 90px;
transition: line-height 0.2s;
cursor: pointer;
}
.sticky #mobile-menu #menu-toggle-tablet,
.sticky #mobile-menu #menu-toggle-mobile {
line-height: 40px;
}
#mobile-menu #menu-toggle-mobile {
display: none;
} #footer-links {
font-size: 0;
}
#footer-links li {
width: 49%;
margin: 10px 0;
} .services-list-item,
.services-list-item:nth-child(3n + 1),
.services-list-item:nth-child(4n + 1) {
width: 47.5%;
width: calc((100% - 50px) / 2);
clear: none;
margin-left: 5%;
margin-left: calc(50px);
}
.services-list-item:nth-child(2n + 1) {
margin-left: 0;
clear: left;
} .content-block.service_single {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.single-services .content-block-dual-background > .row > .cell.left > .wrap { } .content-column.position-left h1 {
text-align: left;
}
.service_single .content-column.position-left h1,
.service_single .content-column.position-left h2,
.service_single .content-column.position-left p.service-heading {
text-align: left;
}
h6,
.leadin {
line-height: 29px;
} .content-block-dual-background,
.content-block-dual-background > .row,
.content-block-dual-background > .row > .cell {
display: block;
width: 100%;
}
.services-list-column li {
font-size: 13px;
}
.services-list-column li a,
.services-list-column li a:hover {
background-size: 12px;
padding-right: 20px;
} ul.differences-list li,
ul.differences-list li:nth-child(3n + 1) {
width: 47.5%;
width: calc((100% - 60px) / 2);
margin-left: 5%;
margin-left: calc(60px);
margin-top: 60px;
clear: none;
}
ul.differences-list li:first-child,
ul.differences-list li:nth-child(2n + 1) {
margin-left: 0;
clear: left;
}
.team-person-container {
width: calc((100% - 60px) / 2);
}
.team-person-container .image-container {
height: 500px;
}
.bio-container {
padding: 60px 30px 30px 30px;
}
.team-person-container {
margin-top: 60px;
}
#page-breadcrumb {
top: -40px;
}
.contact-right-cover {
top: -60px;
right: -60px;
left: -60px;
}
.mariart-map {
padding: 0 -60px;
margin: 50px -60px 0 -60px;
}
.content-column.contact-left {
width: auto;
padding-right: 0;
padding-top: 50px;
}
.how-we-work-point,
.how-we-work-point:nth-child(3n + 1) {
width: 50%;
clear: none;
}
.how-we-work-point:nth-child(2n + 1) {
clear: left;
}
.contact-office-image img {
max-width: 500px;
margin: 0 auto 0 0;
}
.community-logos-container img {
width: 22%;
margin: 30px 3% 0 3%;
}
.mariart-testimonial p {
font-size: 21px;
}
.mariart-testimonial p.testimonial-name {
font-size: 16px;
}
p.service-heading {
text-align: left;
}
} @media screen and (max-width: 800px) { .services-list-item,
.services-list-item:nth-child(3n + 1),
.services-list-item:nth-child(4n + 1),
.services-list-item:nth-child(2n + 1) {
float: none;
width: auto;
margin: 50px 0;
}
.single-services .content-column > .wrap h1:first-child {
margin-top: 50px;
} .team-person-container .image-container {
height: 700px;
}
#video_container {
height: 400px;
} .team-person-container, 
.team-person-container:first-child, 
.team-person-container:nth-child(2), 
.team-person-container:nth-child(2n), 
.team-person-container:nth-child(3n), 
.team-person-container:nth-child(2n + 1), 
.team-person-container:nth-child(3n + 1) {
float: none;
width: auto;
margin-top: 50px;
}
.team-person-container:first-child {
margin-top: 0;
}
.team-person-container .image-container {
height: 800px;
}
.gallery-item-container {
margin-bottom: 20px;
}
.gallery-item-container.image.position-half-left,
.gallery-item-container.image.position-half-right {
width: calc((100% - 20px) / 2);
}
.gallery-item-container.image.position-twothirds-left,
.gallery-item-container.image.position-twothirds-right {
width: calc((100% - 20px) / 3 * 2);
}
.gallery-item-container.image.position-third-left, 
.gallery-item-container.image.position-third-right {
width: calc((100% - 20px) / 3);
}
.gform_wrapper ul.gfield_checkbox li, 
.gform_wrapper ul.gfield_radio li {
width: 49%;
} .archive-container article,
.archive-container article:first-child,
.archive-container article:nth-child(3n + 1),
.archive-container article:nth-child(2n + 1) {
width: auto;
margin: 30px 0;
float: none;
}
#feature-image {
height: 250px;
}
.service-block .service-col {
width: 50%;
}
.service-block.services-columns-2 .service-col,
.service-block.services-columns-3 .service-col {
width: auto;
float: none;
}
} @media screen and (max-width: 600px) { h2 {
font-size: 22px;
line-height: 26px;
}
h2 {
margin-bottom: 20px;
}
h2.slider-headline {
font-size: 29px;
line-height: 36px;
} body {
padding-top: 70px;
} #masthead,
#colophon,
#services-footer,
.content-block {
margin: 0;
padding: 30px;
} #masthead {
padding-top: 0;
padding-bottom: 0;
}
#colophon,
#ervices-footer {
padding-top: 30px;
padding-bottom: 30px;
}
.content-block.ready-to-get-started {
padding-top: 50px;
padding-bottom: 50px;
}
#services-contact.content-block {
padding-top: 40px;
padding-bottom: 40px;
} .content-block-dual-background > .row > .cell.left > .wrap,
.content-block-dual-background > .row > .cell.right > .wrap {
padding: 50px 30px;
} #masthead {
height: 70px;
}
#mariart-header-logo {
height: 45px;
}
#mobile-menu ul li,
#mobile-menu #menu-toggle-tablet {
line-height: 40px;
}
#mobile-menu ul li a,
#mobile-menu #menu-toggle-tablet {
text-indent: 30px;
overflow: hidden;
display: block;
font-size: 0;
} #primary-menu {
display: none;
top: 70px;
left: -50px;
right: -50px;
padding: 0;
}
.sf-menu {
float: none;
dipslay: block;
width: auto;
}
.sf-menu li {
margin: 0;
padding: 0;
float: none;
display: block;
width: auto;
}
.sf-menu > li > a,
.sf-menu > li > a:hover,
.sf-menu > li.sfHover > a,
#masthead.sticky .sf-menu > li > a {
line-height: 50px;
padding: 0 50px;
}
.sf-menu li > a,
.sf-menu li > a:hover,
.sf-menu li.sfHover > a,
#masthead.sticky .sf-menu > li > a
.sf-menu li,
.sf-menu li:hover,
.sf-menu li.sfHover {
border: none;
background: #FFFFFF;
} .sf-menu ul {
position: relative;
top: auto;
left: auto;
border-left: none;
max-height: 300px;
overflow-y: scroll;
}
.sf-menu ul li a {
margin: 0 50px;
padding: 0 0 0 30px;
line-height: 50px;
border-left: 1px solid #A9AD00;
} #footer-links li {
display: block;
width: auto;
margin: 15px 0;
} .content-block.service_single {
padding-top: 0;
} .team-person-container .image-container {
height: 600px;
} h2,
.content-block.single-post-item h2.full,
p.service-heading {
font-size: 21px;
line-height: 36px;
}
#banner {
height: 250px;
}
.more-link-container {
margin-top: 10px;
display: inline-block;
} ul.differences-list li,
ul.differences-list li:first-child,
ul.differences-list li:nth-child(2n + 1),
ul.differences-list li:nth-child(3n + 1) {
float: none;
width: 100%;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
ul.differences-list li img.difference-icon {
max-width: 65px;
margin-bottom: 30px;
} .services-list-column {
float: none;
width: auto;
} .casestudy-slider-container li,
.casestudy-display-container li,
.casestudy-slider-container li:nth-child(2n + 1),
.casestudy-display-container li:nth-child(2n + 1),
.casestudy-slider-container li:nth-child(3n + 1),
.casestudy-display-container li:nth-child(3n + 1),
.casestudy-slider-container li:nth-child(4n + 1),
.casestudy-display-container li:nth-child(4n + 1) {
width: 100%;
margin-left: 0;
float: none;
}
#video_container {
height: 300px;
}
#feature-image {
display: none;
}
.contact-right-cover {
top: -30px;
right: -30px;
left: -30px;
}
.mariart-map {
margin: 50px -30px 0 -30px;
}
.how-we-work-point,
.how-we-work-point:nth-child(3n + 1),
.how-we-work-point:nth-child(2n + 1) {
width: auto;
float: none;
}
.community-logos-container img {
width: 45%;
margin: 30px 2.5% 0 2.5%;
}
.how-we-work-point img {
max-width: 100px;
}
.how-we-work-point p {
margin-top: 20px;
}
#casestudy-service-filter {
text-align: left;
}
} @media screen and (max-width: 450px) {
#video_container {
height: 250px;
}
}:root {
--colour-green: #A9AD00;
--colour-white: #FFFFFF;
--colour-dark: #343E46;
--header-button-height: 50px;
}
body.page-template-template-landing {
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/landing/circle.png);
background-size: 900px;
background-position: right -150px top -300px;
background-repeat: no-repeat;
}
p {
font-size: 16px;
line-height: 1.7em;
}
h1,
h2 {
font-size: 32px;
}
h6 {
font-size: 22px;
font-weight: normal;
}
.content-block {
padding: 120px 60px;
box-sizing: border-box;
width: 100%;
}
#masthead,
#colophon {
padding-left: 60px;
padding-right: 60px;
}
.leadin,
h6 {
font-weight: normal;
font-size: 22px;
}
.content-column.background-green {
box-sizing: border-box;
padding: 60px;
background: var(--colour-green);
color: var(--colour-white);
}
.content-block.no-top-padding {
padding-top: 0 !important;
}
.content-block.landing-video > .wrap,
.slick-slide .content-block > .wrap {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 100px;
}
.slick-slide .content-block > .wrap {
flex-direction: row-reverse;
}
.content-block.landing-video > .wrap .content-column.size-third {
padding-right: 0;
width: calc((100% - 100px) / 3);
}
.content-block.landing-video > .wrap .content-column.size-twothirds {
width: auto;
flex-grow: 1;
} #landing-menu {
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
#landing-menu a.header-nav,
a.landing-button {
margin-left: 20px;
text-decoration: none;
text-transform: uppercase;
color: var(--colour-white); display: inline-block;
padding: 0 30px;
line-height: var(--header-button-height);
position: relative;
font-weight: bold;
box-sizing: border-box;
letter-spacing: 1px;
}
#landing-menu a.header-nav:first-of-type,
a.landing-button:first-of-type {
margin-left: 0;
}
#landing-menu a.header-nav::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--colour-green);
content: "";
opacity: 1;
z-index: -1;
border-radius: calc(var(--header-button-height) / 2);
}
#landing-menu a.header-nav.dark::before {
background-color: var(--colour-dark);
}
#landing-menu a.header-nav:hover::before {
opacity: 0.8;
}
a.landing-button {
color: var(--colour-dark);
background: transparent;
border: 2px solid var(--colour-green);
border-radius: calc(var(--header-button-height) / 2);
}
a.landing-button.white {
border-color: var(--colour-green);
color: var(--colour-white);
}
a.landing-button:hover {
border-color: var(--colour-dark);
}
a.landing-button.white:hover {
border-color: var(--colour-white);
}
a.landing-button.full-width {
display: block;
text-align: center;
}
.align-center {
text-align: center;
} .content-column.position-left h1 {
text-align: left;
font-size: 55px;
line-height: 67px;
} .rewards-column h2,
#book-session h2 {
border-bottom: 2px solid var(--colour-green);
padding-bottom: 10px;
}
#book-session h2 {
border-color: var(--colour-white);
font-size: 58px;
line-height: 71px;
}
.rewards-column h6 {
margin: 30px 0 0 0;
font-weight: bold;
}
.rewards-column p {
margin: 10px 0 0 0;
} .background-pattern {
text-align: center;
}
.background-pattern h2,
#integrated-services h2 {
border-bottom: 2px solid var(--colour-green);
text-align: center;
display: inline-block;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
}
.background-pattern h6 {
font-size: 21px;
font-weight: bold;
}
.background-pattern .content-column.size-third img {
display: block;
margin: 0 auto;
width: 100px;
height: auto;
}
h2.underline,
h3.underline {
border-bottom: 1px solid var(--colour-green);
padding-bottom: 10px;
}
.slick-slider {
position: relative;
}
.slick-slider .slick-arrow {
position: absolute;
left: 10px;
top: 50%;
margin-top: -20px;
font-size: 0;
background: var(--colour-green);
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/landing/arrow-left-dark.png);
background-size: 40px 40px;
background-repeat: no-repeat;
background-position: center center;
width: 40px;
height: 40px;
border: none;
border-radius: 50%;
z-index: 3;
cursor: pointer;
}
.slick-slider .slick-arrow.slick-next {
left: auto;
right: 10px;
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/landing/arrow-right-dark.png);
}
.slick-slider .slick-arrow:hover {
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/landing/arrow-left-white.png);
}
.slick-slider .slick-arrow.slick-next:hover {
background-image: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/landing/arrow-right-white.png);
}
.hs_submit input[type=submit] {
display: block;
width: 100%;
border-radius: 31px;
border: 1px solid var(--colour-white);
background: var(--colour-green);
color: var(--colour-white);
font-weight: normal;
}
body fieldset.form-columns-2 .input,
body fieldset.form-columns-1 .input {
margin-right: 0 !important;
}
select.hs-input {
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
background: var(--colour-white);
border: 1px solid #8F8F9D;
}
body .hbspt-form fieldset {
max-width: none !important;
}
#integrated-services > .wrap {
text-align: center;
display: flex;
gap: 0;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
}
#integrated-services div.full {
width: 100%;
}
#integrated-services p {
width: calc(25% - 50px);
padding-left: 25px;
padding-right: 25px;
margin: 5px 0;
}
@media screen and (max-width: 1400px) { .content-block.landing-video > .wrap .content-column.size-third {
width: 400px;
}
.content-block.landing-video > .wrap .content-column.size-twothirds {
}
.landing-video .mariart-video-overlay-container {
margin: 50px auto 0 auto;
max-width: none;
}
.content-column.position-left h1 {
font-size: 45px;
line-height: 55px;
}
body.page-template-template-landing {
background-image: none;
}
.landing-video .mariart-video-overlay-container::before {
position: absolute;
top: -150px;
bottom: -150px;
left: 75%;
width: calc(25% + 60px);
content: "";
background: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/landing/circle.png) center left no-repeat;
background-size: 600px 600px;
}
body {
background: var(--colour-white);
}
}
@media screen and (max-width: 1200px) {
.content-block.landing-video > .wrap {
display: block;
}
.content-block.landing-video > .wrap .content-column.size-third,
.content-block.landing-video > .wrap .content-column.size-twothirds {
width: 100%;
float: none;
}
.content-block.landing-video > .wrap .content-column.size-third {
width: 80%;
}
}
@media screen and (max-width: 1000px) {
body {
background-size: 500px;
background-position: right -150px top -150px;
}
.content-block.landing-video > .wrap,
.slick-slide .content-block > .wrap {
display: block;
}
.content-column.position-left h1,
#book-session h2 {
font-size: 52px;
line-height: 63px;
}
}
@media screen and (max-width: 800px) {
#landing-menu a.header-nav {
display: none;
}
#landing-menu a.header-nav.dark {
display: inline-block;
}
#landing-menu a.header-nav.dark::before {
background-color: var(--colour-green);
}
.content-block {
padding: 60px 50px;
}
.landing-video .mariart-video-overlay-container::before {
position: absolute;
top: -100px;
bottom: -100px;
left: 75%;
width: calc(25% + 60px);
content: "";
background: url(//www.mariart.com.au/wp-content/themes/mariart-custom/assets/images/landing/circle.png) center left no-repeat;
background-size: 400px 400px;
}
.content-column.position-left h1 {
font-size: 45px;
line-height: 55px;
}
.leadin,
h6 {
font-size: 19px;
}
h2 {
font-size: 25px;
line-height: 38px;
}
.background-pattern .content-column.size-third {
text-align: left;
}
.background-pattern .content-column.size-third img {
width: 60px;
float: left;
}
.background-pattern .content-column.size-third h6,
.background-pattern .content-column.size-third p:last-child {
margin-left: 80px;
}
#book-session a.landing-button {
margin: 10px 0;
width: 100%;
display: block;
}
.slick-slider .slick-arrow {
width: 30px;
height: 30px;
left: 0;
}
.slick-slider .slick-arrow.slick-next {
right: 0;
}
.content-column.background-green {
padding: 30px;
}
#integrated-services p {
width: calc(33% - 50px);
}
}
@media screen and (max-width: 600px) {
.content-block {
padding: 40px 20px;
}
.content-block.landing-video > .wrap .content-column.size-third {
width: 95%;
}
#masthead,
#colophon {
padding-left: 20px;
padding-right: 20px;
}
#book-session a.landing-button {
padding-top: 10px;
padding-bottom: 10px;
line-height: calc(var(--header-button-height) - 20px);
}
#book-session h2 {
font-size: 45px;
line-height: 55px;
}
#integrated-services p {
width: calc(50% - 50px);
}
}
@media screen and (max-width: 500px) {
#landing-menu a.header-nav, a.landing-button {
padding: 0 20px;
line-height: calc(var(--header-button-height) - 10px);
}
}