/*!
Theme Name: rsmsurfacing.co.uk
Theme URI: https://www.dvagroup.co.uk/
Author: DVA Group
Author URI: https://www.dvagroup.co.uk/
Description: Custom theme template for projects
Version: 1.0.0
Text Domain: rsmsurfacing
*/
/*!
* base.css
*
* Features:
* - normalize css
* - typography standardisation and references to a main base setup
* - basic styling for common html components
* - custom styling for this site
*
* breakpoints:
* 480
* 600
* 768
* 992
* 1200
*
*/
/*!
* =======================================================
* normalize.css
* =======================================================
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*!
* =======================================================
* DVA BASE RESETS
* =======================================================
*/
*, ::after, ::before, :after, :before, legend {
box-sizing: border-box; /* remove whitespace */
}
:root {
--color: blue;
}
html {
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
}
body {
margin: 0;
padding: 0;
min-width: 100%;
min-height: 100%;
}
html {
font-size: 62.5%;
}
body {
color: #404c56;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.6em;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 1.6;
}
b,
label,
legend,
strong {
font-weight: 700;
}
blockquote {
border-left: 0.3rem solid #d1d1d1;
margin-left: 0;
margin-right: 0;
padding: 1rem 1.5rem;
}
blockquote :last-child {
margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 300;
letter-spacing: -0.1rem;
margin-bottom: 2rem;
margin-top: 0;
}
h1 {
font-size: 4.6rem;
line-height: 1.2;
}
h2 {
font-size: 3.6rem;
line-height: 1.25;
}
h3 {
font-size: 2.8rem;
line-height: 1.3;
}
h4 {
font-size: 2.2rem;
letter-spacing: -0.08rem;
line-height: 1.35;
}
h5 {
font-size: 1.8rem;
letter-spacing: -0.05rem;
line-height: 1.5;
}
h6 {
font-size: 1.6rem;
letter-spacing: 0;
line-height: 1.4;
}
mark {
background: #f3e4d1;
}
code {
background: #f4f5f6;
border-radius: 0.4rem;
font-size: 86%;
margin: 0 0.2rem;
padding: 0.2rem 0.5rem;
white-space: nowrap;
}
pre {
background: #f6f6f6;
border-left: 0.5rem solid #ccc;
padding: 1rem 2rem 1.6rem;
overflow-y: hidden;
}
pre > code {
border-radius: 0;
padding: 1rem 1.5rem;
white-space: pre;
}
hr {
box-sizing: content-box;
height: 0;
border: 0;
border-top: 0.1rem solid #f6f6f6;
margin: 3rem 0;
}
a:visited {
color: #5b217d;
}
a:focus,
a:hover {
color: #30a2ea;
}
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: #0082ba;
border: 0.1rem solid #0082ba;
border-radius: 0.4rem;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1.1rem;
font-weight: 700;
height: 3.8rem;
letter-spacing: 0.1rem;
line-height: 3.8rem;
padding: 0 3rem;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
dl,
ol,
td:first-child,
th:first-child,
ul {
padding-left: 0;
}
.pull-left,
.text-left,
td,
th {
text-align: left;
}
.button:focus,
.button:hover,
button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
background-color: #30a2ea;
border-color: #30a2ea;
color: #fff;
outline: 0;
}
.button[disabled],
button[disabled],
input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled] {
cursor: default;
opacity: 0.5;
}
.button[disabled]:focus,
.button[disabled]:hover,
button[disabled]:focus,
button[disabled]:hover,
input[type="button"][disabled]:focus,
input[type="button"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="reset"][disabled]:hover,
input[type="submit"][disabled]:focus,
input[type="submit"][disabled]:hover {
background-color: #0082ba;
border-color: #0082ba;
}
.button.button-outline,
button.button-outline,
input[type="button"].button-outline,
input[type="reset"].button-outline,
input[type="sub"][disabled] {
cursor: default;
opacity: 0.5;
}
.button[disabled]:focus,
.button[disabled]:hover,
button[disabled]:focus,
button[disabled]:hover,
input[type="button"][disabled]:focus,
input[type="button"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="reset"][disabled]:hover,
input[type="submit"][disabled]:focus,
input[type="submit"][disabled]:hover {
background-color: #0082ba;
border-color: #0082ba;
}
.button.button-outline,
button.button-outline,
input[type="button"].button-outline,
input[type="reset"].button-outline,
input[type="submit"].button-outline {
background-color: transparent;
color: #0082ba;
}
.button.button-outline:focus,
.button.button-outline:hover,
button.button-outline:focus,
button.button-outline:hover,
input[type="button"].button-outline:focus,
input[type="button"].button-outline:hover,
input[type="reset"].button-outline:focus,
input[type="reset"].button-outline:hover,
input[type="submit"].button-outline:focus,
input[type="submit"].button-outline:hover {
background-color: transparent;
border-color: #30a2ea;
color: #30a2ea;
}
.button.button-outline[disabled]:focus,
.button.button-outline[disabled]:hover,
button.button-outline[disabled]:focus,
button.button-outline[disabled]:hover,
input[type="button"].button-outline[disabled]:focus,
input[type="button"].button-outline[disabled]:hover,
input[type="reset"].button-outline[disabled]:focus,
input[type="reset"].button-outline[disabled]:hover,
input[type="submit"].button-outline[disabled]:focus,
input[type="submit"].button-outline[disabled]:hover {
border-color: inherit;
color: #0082ba;
}
.button.button-clear,
button.button-clear,
input[type="button"].button-clear,
input[type="reset"].button-clear,
input[type="submit"].button-clear {
background-color: transparent;
border-color: transparent;
color: #0082ba;
}
.button.button-clear:focus,
.button.button-clear:hover,
button.button-clear:focus,
button.button-clear:hover,
input[type="button"].button-clear:focus,
input[type="button"].button-clear:hover,
input[type="reset"].button-clear:focus,
input[type="reset"].button-clear:hover,
input[type="submit"].button-clear:focus,
input[type="submit"].button-clear:hover {
background-color: transparent;
border-color: transparent;
color: #30a2ea;
}
.button.button-clear[disabled]:focus,
.button.button-clear[disabled]:hover,
button.button-clear[disabled]:focus,
button.button-clear[disabled]:hover,
input[type="button"].button-clear[disabled]:focus,
input[type="button"].button-clear[disabled]:hover,
input[type="reset"].button-clear[disabled]:focus,
input[type="reset"].button-clear[disabled]:hover,
input[type="submit"].button-clear[disabled]:focus,
input[type="submit"].button-clear[disabled]:hover {
color: #0082ba;
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: 0.1rem solid #d1d1d1;
border-radius: 0.4rem;
box-shadow: none;
box-sizing: inherit;
height: 3.8rem;
padding: 0.6rem 1rem;
width: 100%;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
border-color: #0082ba;
outline: 0;
}
select {
background: url('data:image/svg+xml;utf8,') center right no-repeat;
padding-right: 3rem;
}
select:focus {
background-image: url('data:image/svg+xml;utf8,');
}
label,
legend {
display: block;
font-size: 1.6rem;
margin-bottom: 0.5rem;
}
fieldset {
border-width: 0;
padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
display: inline;
}
dl,
ol,
ul {
list-style: none;
}
dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
font-size: 90%;
margin: 1.5rem 0 1.5rem 3rem;
}
ol {
list-style: decimal inside;
}
ul {
list-style: circle inside;
}
.button,
button,
dd,
dt,
li {
margin-bottom: 1rem;
}
fieldset,
input,
select,
textarea {
margin-bottom: 1.5rem;
}
blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
margin-bottom: 2.5rem;
}
table {
border-spacing: 0;
width: 100%;
}
td,
th {
border-bottom: 0.1rem solid #e1e1e1;
padding: 1.2rem 1.5rem;
}
td:last-child,
th:last-child {
padding-right: 0;
}
.container,
.container-flex,
.page-width {
width: 100%;
margin: 0 auto;
}
@media (min-width: 768px) {
.container,
.page-width {
width: 728px !important;
}
}
@media (min-width: 992px) {
.container,
.page-width {
width: 952px !important;
}
}
@media (min-width: 1200px) {
.container,
.page-width {
width: 1160px !important;
}
}
.container-flex {
max-width: 1160px !important;
}
.content-block {
padding: 20px;
}
.container-fill,
.vertical-center-container {
width: 100%;
height: 100%;
}
.vertical-center {
top: 50%;
margin-top: -25%;
}
.clearfix:after {
clear: both;
content: " ";
display: table;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.pull-right,
.text-right {
text-align: right;
}
/*
:root{--color:blue}
body,html{width:100vw;min-height:100vh;margin:0;padding:0}
html{font-size:62.5%}
body{color:#404c56;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:1.6em;font-weight:400;letter-spacing:.01em;line-height:1.6}b,label,legend,strong{font-weight:700}blockquote{border-left:.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote :last-child{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.1rem;margin-bottom:2rem;margin-top:0}h1{font-size:4.6rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}mark{background:#us,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type=button][disabled]:focus,input[type=button][disabled]:hover,input[type=reset][disabled]:focus,input[type=reset][disabled]:hover,input[type=sease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}dl,ol,td:first-child,th:first-child,ul{padding-left:0}.pull-left,.text-left,td,th{text-align:left}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#30a2ea;border-color:#30a2ea;color:#fff;outline:0}.button[disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default;opacity:.5}.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type=button][disabled]:focus,input[type=button][disabled]:hover,input[type=reset][disabled]:focus,input[type=reset][disabled]:hover,input[type=submit][disabled]:focus,input[type=submit][disabled]:hover{background-color:#0082ba;border-color:#0082ba}.button.button-outline,button.button-outline,input[type=button].button-outline,input[type=reset].button-outline,input[type=submit].button-outline{background-color:transparent;color:#0082ba}.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type=button].button-outline:focus,input[type=button].button-outline:hover,input[type=reset].button-outline:focus,input[type=reset].button-outline:hover,input[type=submit].button-outline:focus,input[type=submit].button-outline:hover{background-color:transparent;border-color:#30a2ea;color:#30a2ea}.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type=button].button-outline[disabled]:focus,input[type=button].button-outline[disabled]:hover,input[type=reset].button-outline[disabled]:focus,input[type=reset].button-outline[disabled]:hover,input[type=submit].button-outline[disabled]:focus,input[type=submit].button-outline[disabled]:hover{border-color:inherit;color:#0082ba}.button.button-clear,button.button-clear,input[type=button].button-clear,input[type=reset].button-clear,input[type=submit].button-clear{background-color:transparent;border-color:transparent;color:#0082ba}.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type=button].button-clear:focus,input[type=button].button-clear:hover,input[type=reset].button-clear:focus,input[type=reset].button-clear:hover,input[type=submit].button-clear:focus,input[type=submit].button-clear:hover{background-color:transparent;border-color:transparent;color:#30a2ea}.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type=button].button-clear[disabled]:focus,input[type=button].button-clear[disabled]:hover,input[type=reset].button-clear[disabled]:focus,input[type=reset].button-clear[disabled]:hover,input[type=submit].button-clear[disabled]:focus,input[type=submit].button-clear[disabled]:hover{color:#0082ba}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:.1rem solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1rem;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#0082ba;outline:0}select{background:url('data:image/svg+xml;utf8,') center right no-repeat;padding-right:3rem}select:focus{background-image:url('data:image/svg+xml;utf8,')}label,legend{display:block;font-size:1.6rem;margin-bottom:.5rem}fieldset{border-width:0;padding:0}input[type=checkbox],input[type=radio]{display:inline}dl,ol,ul{list-style:none}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3rem}ol{list-style:decimal inside}ul{list-style:circle inside}.button,button,dd,dt,li{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}table{border-spacing:0;width:100%}td,th{border-bottom:.1rem solid #e1e1e1;padding:1.2rem 1.5rem}td:last-child,th:last-child{padding-right:0}.container,.container-flex,.page-width{width:100%;margin:0 auto}@media (min-width:768px){.container,.page-width{width:728px!important}}@media (min-width:992px){.container,.page-width{width:952px!important}}@media (min-width:1200px){.container,.page-width{width:1160px!important}}.container-flex{max-width:1160px!important}.content-block{padding:20px}.container-fill,.vertical-center-container{width:100%;height:100%}.vertical-center{top:50%;margin-top:-25%}.clearfix:after{clear:both;content:' ';display:table}.float-left{float:left}.float-right{float:right}.pull-right,.text-right{text-align:right}
*/
/**
* =======================================================
* customisations
* =======================================================
*/
/* browser base */
.container {
width: 94%;
/*
margin-left: 10px;
margin-right: 10px;
*/
}
/* Typography */
/*
fonts: roboto
body: light 300, light 300 italic
body bold: bold 700, bold 7000 italic
chunky header: black 900
super light: thin 100
*/
body {
font-smooth: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-family: 'Assistant', sans-serif;
font-size: 1.7rem;
/*
font-family: 'Open Sans', sans-serif;
line-height: 1.5;
font-size: 17px;
font-weight: 300;
*/
}
/* h1 - Page heading */
h1 {
font-weight: bold;
}
/* h2 - Block Heading */
h2 {
font-weight: bold;
}
/* h3 - Item and Inline headings */
h3 {}
/* default styles where class is present */
a[class],
a[class] > * {
text-decoration: none;
}
/*
colours scheme - backgrounds and fonts
(fonts should contrast bg, NOT equal!)
border-bg-
color-bg-
color-font-
color-font-on-
*/
body {
background-color: rgb(255,255,255);
}
body,
.color-font,
.color-font-default {
color: rgb(50, 50, 50);
}
.color-brand-primary {
color: rgb(97,207,94);
}
.color-brand-secondary {
color: rgb(6,6,6);
}
.color-bg-primary {
background-color: rgb(97,207,94);
}
.color-font-primary {
color: rgb(97,207,94);
}
.color-font-on-primary {
color: rgb(255,255,255);
}
.color-border-primary {
border-color: rgb(97,207,94);
}
.color-bg-secondary {
background-color: rgb(6,6,6);
}
.color-font-secondary {
color: rgb(6,6,6);
}
.color-font-on-secondary {
color: rgb(250,250,250);
}
.color-border-secondary {
border-color: rgb(6,6,6);
}
.color-bg-white {
background-color: rgb(255,255,255);
}
.color-font-on-white {
color: inherit;
}
.color-border-white {
border-color: rgb(255,255,255);
}
.color-bg-light {
background-color: rgb(219,219,219);
}
.color-font-on-light {
color: inherit;
}
.color-font-light {
color: rgb(90,90,90);
}
.color-border-light {
border-color: rgb(219,219,219);
}
.color-bg-dark {
background-color: rgb(90,90,90);
}
.color-font-on-dark {
color: rgb(250,250,250);
}
.color-border-dark {
border-color: rgb(90,90,90);
}
.color-bg-black {
background-color: rgb(0,0,0);
}
.color-font-on-black {
color: rgb(250,250,250);
}
.color-border-black {
border-color: rgb(0,0,0);
}
.button, button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: rgb(97,207,94);
border-color: rgb(97,207,94);
}
.button:focus,
.button:hover,
button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
background-color: rgb(107,217,104);
border-color: rgb(107,217,104);
color: rgb(255,255,255);
}
.main-menu a,
.main-menu-search .input-search {
color: rgb(255,255,255);
border-color: rgb(117,227,114);
}
/*
.main-menu a:hover, .main-menu a:focus {
background-color: rgb(117,227,114);
}
*/
.main-menu-search .input-search:focus {
background-color: rgb(117,227,114);
border-color: rgb(117,227,114);
}
.off-canvas-menu li a {
color: rgb(50, 50, 50);
}
.off-canvas-menu li:hover {
background-color: rgb(97,207,94);
color: rgb(255,255,255);
}
.off-canvas-menu li a {
color: rgb(50, 50, 50);
}
.off-canvas-menu li:hover,
.off-canvas-menu li:hover a {
color: rgb(255,255,255);
}
/* colours for BX SLIDER */
.bx-wrapper .bx-pager {
color: rgb(250,250,250);
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #eee;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
background: rgb(97,207,94);
}
.bx-wrapper .bx-controls-direction a,
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
background-color: rgb(97,207,94);
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
background-color: rgb(117,227,114);
}
.cta-we-are-action a.button {
color: rgb(255,255,255);
}
.content-header-caption,
.bx-wrapper .bx-caption {
background-color: rgba(60,60,60,0.7);
color: rgb(97,207,94);
}
.category-splash .category-text a {
color: rgb(97,207,94);
}
.category-splash .category-text a:hover,
.category-splash .category-text a:focus {
color: rgb(117,227,114);
}
.footer-credits a {
color: rgb(250,250,250);
}
/* general margins / padding */
.margin-v {
margin-top: 0px;
margin-bottom: 80px;
}
.padding-v {
padding-top: 20px;
padding-bottom: 20px;
}
/* GENERIC GRIDS AND CONTAINERS */
.grid-size-x2,
.grid-size-x3,
.grid-size-x4,
.grid-size-x5 {
display: block;
postion: relative;
font-size: 0;
}
.grid-size-x2 {
}
.grid-size-x3 {
}
@media (min-width: 768px) {
.grid-size-x2,
.grid-size-x3,
.grid-size-x4,
.grid-size-x5 {
display: grid;
width: 100%;
}
.grid-size-x2,
.grid-size-x3 {
column-gap: 20px;
row-gap: 20px;
}
.grid-size-x2 {
grid-template-columns: repeat(2, 1fr);
column-gap: 20px;
row-gap: 20px;
}
.grid-size-x3 {
grid-template-columns: repeat(3, 1fr);
column-gap: 12px;
row-gap: 12px;
}
.grid-size-x4 {
grid-template-columns: repeat(4, 1fr);
column-gap: 10px;
row-gap: 10px;
}
.grid-size-x5 {
grid-template-columns: repeat(5, 1fr);
column-gap: 8px;
row-gap: 8px;
}
}
@media (min-width: 992px) {
.grid-size-x3 {
column-gap: 16px;
row-gap: 16px;
}
.grid-size-x4 {
column-gap: 13px;
row-gap: 13px;
}
.grid-size-x5 {
column-gap: 10px;
row-gap: 10px;
}
}
@media (min-width: 1200px) {
.grid-size-x3 {
column-gap: 20px;
row-gap: 20px;
}
.grid-size-x4 {
column-gap: 15px;
row-gap: 15px;
}
.grid-size-x5 {
column-gap: 12px;
row-gap: 12px;
}
}
.grid-style-overlays {}
@media (min-width: 768px) {
.grid-style-overlays .grid-size-x2 {
grid-template-rows: 222px;
}
}
@media (min-width: 992px) {
.grid-style-overlays .grid-size-x2 {
grid-template-rows: 292px;
}
}
@media (min-width: 1200px) {
.grid-style-overlays .grid-size-x2 {
grid-template-rows: 354px;
}
}
.grid-style-excerpts {}
@media (min-width: 768px) {
.grid-style-excerpts .grid-item-title,
.grid-style-excerpts .grid-item-excerpt {
grid-template-rows: 222px;
}
}
.grid-item {
position: relative;
width: 100%;
height: 100%;
max-width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.grid-item {
margin-bottom: 0;
}
}
.grid-style-overlays .grid-item,
.grid-style-excerpts .grid-item-image {
border-width: 3px;
border-style: solid;
}
.grid-item-image {
display: block;
position: relative;
width: 100%;
max-width: 100%;
height: auto;
overflow: hidden;
}
.grid-item-image img {
width: 100%;
max-width: 100%;
height: auto;
}
.grid-style-overlays .grid-item-title {
position: absolute;
bottom: 6px;
left: 0;
min-width: 65%;
}
.grid-style-overlays h3 {
padding: 6px 20px;
}
.grid-style-excerpts .grid-item {
padding-bottom: 2.5rem;
}
.grid-style-excerpts .grid-item-title,
.grid-style-excerpts .grid-item-excerpt {
padding: 0px 25px;
text-align: center;
}
.grid-style-excerpts h3 {
padding: 0;
margin: 10px 0 0 0;
}
.grid-style-excerpts p {
padding: 0;
margin: 4px 0 0 0;
font-size: 1.7rem;
line-height: 1.5em;
}
a .grid-item-image img {
transition: opacity 100ms linear;
}
a:hover .grid-item-image img {
opacity: 0.8;
}
/* PRIMARY CONTENT BLOCKS */
/* define main canvas with off-canvas navigation */
.site-wrapper {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 100vh;
}
.site-canvas {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 100vh;
position: relative;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
/*
-webkit-transition: all 220ms cubic-bezier(.694, .0482, .335, 1);
transition: all 220ms cubic-bezier(.694, .0482, .335, 1);
*/
-webkit-transition: all 220ms;
transition: all 220ms;
}
.site-nav-left.show-nav .site-canvas {
-webkit-transform: translateX(230px);
transform: translateX(230px);
-webkit-transform: translate3d(230px, 0, 0);
transform: translate3d(230px, 0, 0);
}
.site-nav-right.show-nav .site-canvas {
-webkit-transform: translateX(-230px);
transform: translateX(-230px);
-webkit-transform: translate3d(-230px, 0, 0);
transform: translate3d(-230px, 0, 0);
}
.site-off-canvas {
width: 230px;
height: 100%;
min-height: 100vh;
position: absolute;
top: 0;
}
.site-off-canvas h3 {
text-transform: lowercase;
padding-left: 25px;
padding-right: 20px;
margin: 14px 0 10px 0;
font-size: 1.3rem;
font-weight: 100;
letter-spacing: 4px;
line-height: 42px;
text-align: right;
border-bottom: 0px;
}
.site-off-canvas p {
padding-left: 25px;
padding-right: 20px;
}
.site-off-canvas ul {
list-style: none;
}
@media (min-width: 480px) {
.site-off-canvas {
width: 260px;
}
.site-nav-left.show-nav .site-canvas {
-webkit-transform: translateX(260px);
transform: translateX(260px);
-webkit-transform: translate3d(260px, 0, 0);
transform: translate3d(260px, 0, 0);
}
.site-nav-right.show-nav .site-canvas {
-webkit-transform: translateX(-260px);
transform: translateX(-260px);
-webkit-transform: translate3d(-260px, 0, 0);
transform: translate3d(-260px, 0, 0);
}
}
/*
@media (min-width: 768px) {
.site-off-canvas {
width: 280px;
}
.site-nav-left.show-nav .site-canvas {
-webkit-transform: translateX(280px);
transform: translateX(280px);
transform: translate3d(280px, 0, 0);
-webkit-transform: translate3d(280px, 0, 0);
}
.site-nav-right.show-nav .site-canvas {
-webkit-transform: translateX(-280px);
transform: translateX(-280px);
transform: translate3d(-280px, 0, 0);
-webkit-transform: translate3d(-280px, 0, 0);
}
}
*/
.site-nav-left .site-off-canvas {
right: 100%;
}
.site-nav-right .site-off-canvas {
left: 100%;
}
.site-wrapper,
.site-canvas,
.site-off-canvas,
.site-off-canvas h3,
.site-off-canvas ul,
.grid-header-menu-toggle,
.grid-header-menu-toggle.open,
.grid-header-menu-toggle span {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
filter: blur(0);
-webkit-filter: blur(0);
}
/* menu transition styles */
/*
.ease {
-webkit-transition: 240ms ease all; transition: 240ms ease all;
}
.bounce { -webkit-transition: all 240ms cubic-bezier(0.32,1.25,0.375,1.15);
transition: all 240ms cubic-bezier(0.32,1.25,0.375,1.15);
}
.snap {
-webkit-transition: all 220ms cubic-bezier(.694, .0482, .335, 1);
transition: all 220ms cubic-bezier(.694, .0482, .335, 1);
}
*/
/* off canvas menu items (ul,li) */
.off-canvas-menu > a {}
.off-canvas-menu:not( :target ) > a:first-of-type,
.off-canvas-menu:target > a:last-of-type {
display: block;
}
/* first level */
.off-canvas-menu > ul {
float: right;
list-style: none;
margin: 0;
padding: 0;
height: auto;
position: absolute;
left: 0;
right: 0;
}
.off-canvas-menu:target > ul {
display: block;
}
.off-canvas-menu li {
display: block;
position: relative;
margin: 0;
padding: 1px 10px 0 10px;
width: 100%;
float: none;
line-height: 2.5em;
border-bottom: 0px;
}
.off-canvas-menu li a {
display: block;
width: 100%;
height: 100%;
text-align: left;
padding-left: 25px;
padding-right: 20px;
text-decoration: none;
}
/* HEADER */
.grid-header {
display: grid;
postion: relative;
width: 100%;
height: 50px;
grid-template-columns: repeat(2, 1fr);
margin: 10px 0;
}
@media (min-width: 600px) {
.grid-header {
height: 60px;
}
}
@media (min-width: 768px) {
.grid-header {
height: 72px;
}
}
@media (min-width: 992px) {
.grid-header {
height: 86px;
}
}
@media (min-width: 1200px) {
.grid-header {
height: 100px;
}
}
.grid-header-logo {
margin: 0;
height: 100%;
width: auto;
overflow: hidden;
}
.grid-header-logo img {
margin: 0;
height: 100%;
width: auto;
}
.grid-header-menu {
position: relative;
overflow: hidden;
}
.grid-header-menu-toggle {
position: absolute;
display: block;
top: 18px;
right: 0px;
width: 26px;
height: 24px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 220ms ease-in-out;
-moz-transition: 220ms ease-in-out;
-o-transition: 220ms ease-in-out;
transition: 220ms ease-in-out;
cursor: pointer;
}
.grid-header-menu-toggle span {
display: block;
position: absolute;
height: 2px;
width: 100%;
border-radius: 6px;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 220ms ease-in-out;
-moz-transition: 220ms ease-in-out;
-o-transition: 220ms ease-in-out;
transition: 220ms ease-in-out;
}
.site-nav-left .grid-header-menu-toggle {
left: 20px;
}
.site-nav-right .grid-header-menu-toggle {
right: 20px;
}
.grid-header-menu-toggle span:nth-child(1) {
top: 0px;
}
.grid-header-menu-toggle span:nth-child(2) {
top: 8px;
}
.grid-header-menu-toggle span:nth-child(3) {
top: 16px;
}
.grid-header-menu-toggle.open span:nth-child(1) {
top: 7px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.grid-header-menu-toggle.open span:nth-child(2) {
opacity: 0;
left: 0px;
}
.grid-header-menu-toggle.open span:nth-child(3) {
top: 7px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
@media (min-width: 768px) {
.grid-header-menu-toggle {
display: none;
}
}
/* main menu */
.main-menu {
display: none;
}
@media (min-width: 768px) {
.main-menu {
display: block;
position: relative;
width: 95.0%;
margin-left: 2.5%;
margin-right: 2.5%;
height: 28px;
padding: 4px 12px 4px 12px;
font-size: 0.75em;
z-index: 999;
}
.main-menu a {
text-decoration: none;
}
.main-menu ul {
text-align: left;
list-style: none;
margin: 0;
padding: 0;
text-transform: uppercase;
height: 100%;
}
/* first level */
.main-menu > ul {}
.main-menu > ul > li {
position: relative;
display: inline-block;
width: auto;
height: 100%;
/* float: left;*/
margin:0;
}
/* second level */
/*
.main-menu li ul {
display: none;
position: absolute;
top: 100%;
z-index: 3;
}
.main-menu li:hover ul {
display: block;
text-align: left;
}
*/
.main-menu > ul > li a {
padding: 0 12px;
}
/* search */
.main-menu-search {
position: absolute;
right: 0;
top: 0;
width: 300px;
/* float: right;*/
vertical-align: bottom;
text-align: right;
}
.main-menu-search .input-search {
text-align: right;
height: 1.72rem;
padding: 0px 6px 0 6px;
width: 200px;
margin-top: 5px;
margin-right: 3px;
border-width: 1px;
border-style: solid;
}
.main-menu-search .input-search:focus {
}
.main-menu-search a {
display: block;
padding-top: 6px;
margin-right: 20px;
margin-left: 15px;
float: right;
}
.main-menu-search a svg {
width: 14px;
height: 14px;
}
}
/* splash and home - content elements */
.content-block-intro {
text-align: center;
max-width: 768px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
}
.content-block-intro h2 {
margin-bottom: 0.8rem;
}
.content-block-intro p {
margin-top: 0;
margin-bottom: 2.8rem;
}
.image-container,
.image-container img {
width: 100%;
height: auto;
}
.official-links {
margin-bottom: 40px;
}
.featuredposition-lead-news {
padding-top: 40px;
padding-bottom: 80px;
}
.featuredposition-lead-news .content-block-intro {
padding-bottom: 40px;
}
/* CTA We Are Block */
.cta-we-are {
display: block;
margin-top: 0;
margin-bottom: 80px;
padding-top: 20px;
padding-bottom: 20px;
}
.cta-we-are-title,
.cta-we-are-text,
.cta-we-are-action {
padding-left: 10%;
padding-right: 10%;
text-align: center;
}
.cta-we-are-title h2 {
margin: 0 0 15px 0;
}
@media (min-width: 768px) {
.cta-we-are {
display: grid;
column-gap: 0;
grid-template-columns: 23% 54% 23%;
align-items: center;
padding-top: 20px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: 12px;
}
.cta-we-are-title {
padding-left: 10%;
text-align: left;
}
.cta-we-are-action {
padding-right: 10%;
text-align: right;
}
}
/*
* ----- BX SLIDER CORE -----
*
*/
.hero-rotator {
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 768px) {
.hero-rotator {
margin-top: -28px;
}
}
.bx-wrapper {
position: relative;
/*margin-bottom: 60px;*/
padding: 0;
*zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.bx-wrapper img {
max-width: 100%;
width: 100%;
height: auto;
display: block;
}
.bxslider {
margin: 0;
padding: 0;
}
.bxslider-block {
margin: 0;
}
ul.bxslider {
list-style: none;
}
.bx-viewport {
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
width: 100%;
height: 100%;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 2%;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url('/wp-content/themes/rsmsurfacing/img/feather/download.svg') center center no-repeat;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
/*
color: #666;
*/
padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
/*
background: #eee;
*/
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:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
/*
background: #000;
*/
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
vertical-align: bottom;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager-item {
font-size: 0;
line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 0px;
background: url('/wp-content/themes/rsmsurfacing/img/feather/chevron-left-white.svg') no-repeat;
background-repeat: no-repeat;
background-position: center center;
background-size: 90%;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
/*
background-position: 0 0;*/
}
.bx-wrapper .bx-next {
right: 0px;
background-image: url('/wp-content/themes/rsmsurfacing/img/feather/chevron-right-white.svg');
background-repeat: no-repeat;
background-position: center center;
background-size: 85%;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
/*
filter: brightness(1.3);
/
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
/* filter: brightness(1.8);
transform: scale(1.1); */
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 41%;
outline: 0;
width: 34px;
height: 18%;
/*
line-height: 16%;
margin-top: -16px;
width: 32px;
height: 32px;
*/
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.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('img/controls.png') -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url('img/controls.png') -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.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;
}
/* IMAGE CAPTIONS */
.content-header-caption,
.bx-wrapper .bx-caption {
display: block;
position: absolute;
margin: 0;
bottom: 10%;
right: 25%;
text-align: center;
max-width: 50%;
}
.content-header-title,
.bx-wrapper .bx-caption span {
display: block;
position:relative;
margin: 14px 18px;
font-size: 2.4rem;
line-height: 2.4rem;
text-transform: uppercase;
}
@media (min-width: 660px) {
.content-header-caption,
.bx-wrapper .bx-caption {
right: 6%;
max-width: 42%;
text-align: left;
}
.content-header-title,
.bx-wrapper .bx-caption span {
margin: 16px 20px;
font-size: 2.8rem;
line-height: 2.8rem;
}
}
@media (min-width: 768px) {
.content-header-caption,
.bx-wrapper .bx-caption {
}
.content-header-title,
.bx-wrapper .bx-caption span {
margin: 16px 20px;
font-size: 3.2rem;
line-height: 3.2rem;
}
}
@media (min-width: 992px) {
.content-header-caption,
.bx-wrapper .bx-caption {
}
.content-header-title,
.bx-wrapper .bx-caption span {
margin: 18px 22px;
font-size: 3.4rem;
line-height: 3.4rem;
}
}
@media (min-width: 1200px) {
.content-header-caption,
.bx-wrapper .bx-caption {
}
.content-header-title,
.bx-wrapper .bx-caption span {
margin: 20px 24px;
font-size: 4.0rem;
line-height: 4.0rem;
}
}
/* CONTENT HEADER EXTRAS */
.content-header {
position: relative;
margin-top: 0;
margin-bottom: 40px;
font-size: 0;
overflow: hidden;
}
@media (min-width: 768px) {
.content-header {
margin-top: -28px;
}
}
.content-header-image {
width: 100%;
height: auto;
}
.content-header-image img {
width: 100%;
height: auto;
}
/* content areas */
.category-description,
.singular-content {
max-width: 728px;
margin-left: auto;
margin-right: auto;
padding: 0 12px 100px 12px;
text-align: justify;
}
/* generic category layout */
.category-splash {
display: grid;
grid-template-columns: auto 35%;
grid-row-gap: 40px;
grid-column-gap: 20px;
margin-bottom: 80px;
}
.category-splash .category-text h2 {
margin: 0;
padding: 0;
}
.category-splash .category-text p {
margin: 10px 0;
padding: 0;
}
.category-splash .category-text,
.category-splash .category-image {
overflow: hidden;
}
.category-splash .category-image img {
width: 100%;
height: auto;
}
/* content adjustments */
.singular-content iframe {
margin-bottom: 40px;
}
.wpcf7-form .your-message .wpcf7-textarea {
height: 120px;
}
/* footer */
.footer {
margin-bottom: 0;
}
.grid-footer {
display: block;
}
@media (min-width: 768px) {
.grid-footer {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
}
.footer-credits {
font-size: 0.8em;
text-align: center;
}
/* cookie banner */
/* .button, button, input[type="button"], input[type="reset"], input[type="submit"] */
button#catapultCookie {
line-height: 2.8rem;
}