/*!
radioscarecrow.theblackdogma.com (2019)
Built by DVA Group
https://www.dvagroup.co.uk/
*/
/*!
* base.css
*
* Features:
* - normalize css
* - typography standardisation and references to a main base setup
* - basic styling for common html components
*
* breakpoints:
* 480
* 600
* 768
* 992
* 1200
*
*//*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
a,abbr[title]{text-decoration:underline}progress,sub,sup{vertical-align:baseline}*,::after,::before,:after,:before,legend{box-sizing:border-box}body,html,img,legend{max-width:100%}button,hr,input{overflow:visible}details,pre>code{display:block}html{line-height:1.15;-webkit-text-size-adjust:100%}h1{margin:.67em 0}dl,ol,p,ul{margin-top:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;color:#0082ba;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}abbr[title]{border-bottom:none;text-decoration:underline dotted}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{color:inherit;padding:0;white-space:normal}textarea{overflow:auto;min-height:6.5rem}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
/*!
---------------- DVA BASE RESETS ----------------
*/
: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:#f3e4d1}code{background:#f4f5f6;border-radius:.4rem;font-size:86%;margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}pre{background:#f6f6f6;border-left:.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:.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:.1rem solid #0082ba;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;-webkit-transition:all .2s ease-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
* =======================================================
*
* Section IDs:
* home
* who
* what
* services
* contact
* privacy
*
*/
/* browser base */
body {
padding: 0;
margin: 0;
width: 100vw;
height: 100%;
min-height: 100vh;
/* height: 100vh; */
background-image: url('/img/backgroundbit2-rs.gif');
background-repeat: repeat;
background-color: #6F747A;
}
/* Grid wrapper for padding and container */
.grid-wrapper {
max-width: 960px;
min-height: 100vh;
margin: 0 auto;
padding: 0;
}
/* Master Grid */
.grid-main {
width: auto;
min-height: 100vh;
margin: 0 10px;
padding: 10px;
display: grid;
grid-template-rows: 30px auto auto auto;
grid-template-columns: auto;
grid-row-gap: 10px;
grid-column-gap: 0px;
background-color: #FEB914;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
}
@media (min-width: 600px) {
.grid-main {
margin: 0 15px;
padding: 15px;
grid-template-rows: 40px auto auto;
grid-template-columns: auto 35%;
grid-row-gap: 15px;
grid-column-gap: 15px;
}
}
@media (min-width: 768px) {
.grid-main {
margin: 0 20px;
padding: 20px;
grid-template-rows: 50px auto auto;
grid-row-gap: 20px;
grid-column-gap: 20px;
}
}
/* grid components */
.grid-header {
grid-row-start: 1;
grid-row-end: 2;
grid-column-start: 1;
grid-column-end: 3;
border-bottom: 2px solid #ffffff;
}
.grid-content-info {
grid-row-start: 2;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 2;
overflow: hidden;
position: relative;
}
.grid-content-sleeve {
grid-row-start: 3;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 2;
overflow: hidden;
}
.grid-footer {
grid-row-start: 4;
grid-row-end: 5;
grid-column-start: 1;
grid-column-end: 2;
overflow: hidden;
}
@media (min-width: 600px) {
.grid-content-sleeve {
grid-row-start: 2;
grid-row-end: 3;
grid-column-start: 2;
grid-column-end: 3;
}
.grid-footer {
grid-row-start: 3;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 3;
}
}
/* Typography */
html, body, p, input, textarea, table, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
font-weight: 400;
/*font-size: 1.0rem;*/
}
body {
font-size: 1.3rem;
}
/* page title */
h1 {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 3.3rem;
margin: 0;
padding: 15px 0px 10px 0px;
}
/* page subtitle */
h2 {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 2.3rem;
margin-top: -14px;
padding: 0px 0px 0px 0px;
color:#606c76;
}
/* body headings */
h3 {
font-family: 'Poppins', sans-serif;
font-weight: 300;
font-size: 2.0rem;
margin-top: 6px;
margin-bottom: 4px;
padding: 0px 0px 0px 0px;
color:#505c66;
}
strong {
font-weight: 700;
}
.text-light {
font-weight: 300;
}
a, a:link, a:active, a:visited {
color: #404c56;
}
a:hover {
color: #111111;
}
@media (min-width: 768px) {
body {
font-size: 1.4rem;
}
h1 {
font-size: 3.7rem;
padding: 20px 0px 20px 0px;
}
h2 {
margin-top: -20px
}
h3 {
font-size: 2.2rem;
}
}
ul li {
margin-bottom: 0;
}
ul.no-bullets {
list-style-type: none;
}
/* Specific Grid Areas */
.header-menu {
font-family: 'Poppins', sans-serif;
display: block;
position: relative;
width: 20%;
height: 30px;
float: left;
}
/* default show label */
.header-menu .show-menu-label {
display: block;
position: absolute;
top: 4px;
left: 0;
cursor: pointer;
width: 26px;
height: 23px;
margin: 0;
z-index: 10;
}
.header-menu .show-menu-label span {
position: absolute;
display: block;
height: 1px;
width: 100%;
background-color: rgba(245,245,245,0.86);
border-radius: 1px;
opacity: 1;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.header-menu .show-menu-label:hover span {
background: rgba(255,255,255,0.95);
}
.header-menu .show-menu-label span:nth-child(1) {
top: 0px;
}
.header-menu .show-menu-label span:nth-child(2) {
top: 7px;
}
.header-menu .show-menu-label span:nth-child(3) {
top: 14px;
}
/*Hide checkbox*/
.header-menu input[type=checkbox] {
display: none;
-webkit-appearance: none;
}
/*Show menu when invisible checkbox is checked*/
.header-menu input[type=checkbox]:checked ~ .header-menu-list {
opacity: 1;
display: block;
}
/* fix bg scrolling when invisible checkbox is checked*/
.header-menu input[type=checkbox]:checked ~ body {
overflow-x: hidden;
overflow-y: scroll !important;
/* overflow: hidden; */
position: fixed;
}
.header-menu-list {
display: none;
position: fixed;
top: 0;
left: 0;
min-width: 100vw;
min-height: 100vh;
width: 100%;
height: 100%;
margin: 0;
border: 1px solid rgb(45,45,45);
background-color: rgba(50,50,50,0.97);
transition: opacity 300ms ease-in-out;
z-index: 9;
opacity: 0;
}
/*Strip the ul of padding and list styling*/
.header-menu ul {
list-style-type: none;
padding: 45px 0 0 0;
}
.header-menu li {
margin: 0;
padding: 0;
}
.header-menu li a {
display: block;
width: 100%;
color: #f8f8f8;
text-decoration: none;
padding-left: 20%;
line-height: 3.4rem;
font-size: 1.6rem;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
.header-menu li a:hover {
background-color: rgb(30,30,30);
background-color: rgba(30,30,30,0.9);
color: rgb(255,255,255);
}
@media (min-width: 600px) {
.header-menu .show-menu-label {
top: 9px;
width: 28px;
height: 23px;
}
.header-menu .show-menu-label span:nth-child(2) {
top: 8px;
}
.header-menu .show-menu-label span:nth-child(3) {
top: 16px;
}
.header-menu ul {
padding: 65px 0 0 0;
}
.header-menu li a {
padding-left: 16%;
line-height: 3.6rem;
font-size: 1.8rem;
}
}
@media (min-width: 750px) {
.header-menu li a {
padding-left: 14%;
line-height: 4.4rem;
font-size: 2.2rem;
}
}
@media (min-width: 900px) {
.header-menu {
display: block;
position: relative;
width: 55%;
height: 50px;
float: left;
}
.header-menu-list {
display: block;
position: relative;
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
opacity: 1;
}
.header-menu ul {
position: relative;
margin: 29px 0 0 0;
padding: 0;
background-color: transparent;
font-size: 0; /* kill white space */
}
/*Create a horizontal list with spacing*/
.header-menu-list li {
display: inline-block;
background: transparent;
margin: 0 6px 0 0;
padding: 0;
}
.header-menu-list li a {
display: block;
width: 100%;
text-align: center;
line-height: 18px;
font-size: 1.15rem;
text-transform: none;
color: rgb(245,245,245);
background: transparent;
text-decoration: none;
margin: 0;
padding: 0 4px;
}
.header-menu-list li:hover a {
color: #FEB914;
background-color: #9A7446;
}
/*Style 'show menu' label button and hide it by default*/
.header-menu .show-menu-label {
text-decoration: none;
color: #fff;
text-align: center;
padding: 10px 0;
display: none;
cursor: pointer;
margin: 0;
}
}
@media (min-width: 992px) {
/*Create a horizontal list with spacing*/
.header-menu-list li {
margin: 0 9px 0 0;
}
.header-menu-list li a {
font-size: 1.2rem;
padding: 0 5px;
}
}
/* header logo */
.header-logo {
float: right;
position: relative;
width: 65%;
height: 30px;
margin: 0;
padding: 0;
}
.header-logo-img {
display: block;
position: absolute;
bottom: 2px;
right: 0;
width: 100%;
}
@media (min-width: 520px) {
.header-logo {
width: 50%;
height: 30px;
}
}
@media (min-width: 600px) {
.header-logo {
width: 48%;
height: 40px;
}
}
@media (min-width: 768px) {
.header-logo {
width: 45%;
height: 50px;
}
}
/* Content / left Col */
.grid-content-info,
.grid-content-sleeve {
margin-top: 10px;
}
.bg-white {
background-color: #ffffff;
}
.bg-black {
background-color: #000000;
}
.corner-knockout {
display: block;
height: 25px;
margin: 0 25px;
}
.content-info {
padding: 0 30px 20px 30px;
margin: 0;
}
@media (min-width: 600px) {
.grid-content-info,
.grid-content-sleeve {
margin-top: 0px;
}
}
/*
.corner-knockout {
display: block;
position: relative;
width: 100%;
height: 25px;
text-align: center;
padding: 0 25px;
background-color: #FEB914;
}
.corner-knockout-center {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-size: 1px;
}
.bg-white .corner-knockout-center {
background-color: #ffffff;
}
.bg-black .corner-knockout-center {
background-color: #000000;
}
.corner-knockout-end {
position: absolute;
bottom: 0;
}
*/
.video-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
margin-bottom: 40px;
clear: both;
}
.video-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Sleeve / Right Col */
.content-sleeve-img {
width: 100%;
border: 10px solid #ffffff;
margin: 0;
}
/* footer */
.grid-footer {
text-align: right;
}
.footer-img {
margin-top: 50px;
width: 100%;
}
a.footer-credits-link {
font-family: Poppins;
font-weight: 300;
font-size: 1.1rem;
padding: 0 1px 0 32.3%;
margin: 0 2px 0 0;
color: #9A7446;
text-decoration: none;
}
a.footer-credits-link:hover {
color: #FEB914;
background-color: #9A7446;
}
/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */
.cc-cookies {
position:fixed;
width: 100%;
left: 0;
top: 0;
padding: 0.5em 5%;
background: #565656;
background: rgba(86,86,86,0.95);
color: #fff;
/*
font-size: 13px;
font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
*/
z-index: 99999;
font-size: 0.88rem;
text-align: center;
color: #fff;
}
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; margin-left: 0.5rem; margin-right: 0.5rem; padding: 0.20em 0.70em 0.22em 0.70em; border-radius: 3px; /*box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35);*/ -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }
@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}
@media screen and (max-width: 480px) {
/*.cc-cookies { position: relative; float: left; }*/
}