html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
--mobileSmall: 350;
--mobile: 650;
--tablet: 980;
--screen: 1280;
--screenLarge: 1800;
}
.ewyeGrey {
color: #003934;
}
.ewyeGreyDark {
color: #212121;
}
.ewyeGreyLight {
color: #c6c6c6;
}
.ewyeGreen {
color: #d9f9b7;
}
h1,
h3 {
font-family: "CircularXXWeb-Regular", sans-serif;
font-size: 2.5rem;
line-height: 1.2;
text-align: center;
color: #003934;
}
h2 {
font-family: "CircularXXWeb-Regular", sans-serif;
font-size: 2vw;
text-align: center;
color: #003934;
}
p,
a,
input,
select,
textarea,
.select-items div,
.select-selected,
.container,
.cli_user_consent_state,
.wpcf7-response-output {
font-family: "CircularXXWeb-Regular", sans-serif;
font-size: 1vw;
line-height: 1.6vw;
text-align: center;
color: #003934;
}
@media only screen and (max-width: 1280px) {
p,
a,
input,
select,
textarea,
.select-items div,
.select-selected,
.container,
.cli_user_consent_state,
.wpcf7-response-output {
font-size: 13px;
line-height: 18px;
}
}
@media only screen and (max-width: 350px) {
p,
a,
input,
select,
textarea,
.select-items div,
.select-selected,
.container,
.cli_user_consent_state,
.wpcf7-response-output {
font-size: 11px;
line-height: 16px;
}
}
b,
strong,
.cli_user_consent_state {
font-family: "CircularXXWeb-Bold", Sans-serif;
}
small {
font-size: 0.8vw;
line-height: 0.9vw;
}
@media only screen and (max-width: 1280px) {
small {
font-size: 11px;
line-height: 16px;
}
}
a {
cursor: pointer;
color: #003934;
text-transform: none;
text-decoration: none;
}
input,
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
img.unveil {
opacity: 0;
transition: opacity 0.7s ease-in;
width: 100%;
height: auto;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
-webkit-text-size-adjust: 100%;
}
body,
html {
position: relative;
width: 100%;
height: 100%;
min-height: 100%;
}
.clicked {
height: 100%;
}
header {
width: 100%;
/*position: absolute;*/
z-index: 103;
top: 0;
}
@media only screen and (max-width: 980px) {
header {
position: fixed;
}
}
header.fixed {
position: fixed !important;
display: block !important;
}
header #mc_embed_signup {
width: 100%;
background: #fff;
display: none;
position: relative;
overflow: hidden;
}
header #mc_embed_signup .signup-wrapper {
padding: 2vw 0 0 0;
}
header #mc_embed_signup .signup-wrapper p {
margin: 0 0 1vw 0;
padding: 0 4vw 0 4vw;
}
@media only screen and (max-width: 650px) {
header #mc_embed_signup .signup-wrapper p {
margin: 0 0 4vw 0;
}
}
header #mc_embed_signup .signup-wrapper #subscriber-message {
display: block;
text-align: center;
}
header #mc_embed_signup .signup-wrapper form {
display: grid;
grid-template-columns: repeat(19, 1fr);
grid-template-rows: repeat(32vw);
align-items: center;
overflow: hidden;
padding: 0 4vw 0 4vw;
overflow: hidden;
grid-gap: 0.5vw;
}
header #mc_embed_signup .signup-wrapper form #mce-responses {
grid-column: 1/-1;
width: 100% !important;
margin: 0;
padding: 0;
position: relative;
}
header #mc_embed_signup .signup-wrapper form #mce-responses p.response {
width: 100% !important;
padding: 0;
position: relative;
display: block;
}
@media only screen and (max-width: 1280px) {
header #mc_embed_signup .signup-wrapper form {
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(32vw);
}
}
@media only screen and (max-width: 650px) {
header #mc_embed_signup .signup-wrapper form {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(32vw);
}
}
header #mc_embed_signup .signup-wrapper form input[type="text"],
header #mc_embed_signup .signup-wrapper form input[type="password"],
header #mc_embed_signup .signup-wrapper form input[type="email"] {
grid-column: span 4;
padding: 1vw 1vw 1vw 1vw;
vertical-align: middle;
overflow: hidden;
background: #212121;
border: none;
color: #fff;
text-align: left;
}
@media only screen and (max-width: 650px) {
header #mc_embed_signup .signup-wrapper form input[type="text"],
header #mc_embed_signup .signup-wrapper form input[type="password"],
header #mc_embed_signup .signup-wrapper form input[type="email"] {
padding: 4vw 1vw 4vw 1vw;
}
}
header #mc_embed_signup .signup-wrapper form input[type="submit"] {
grid-column: span 3;
background: #d9f9b7;
padding: 1vw 1vw 1vw 1vw;
color: #003934;
border: none;
}
@media only screen and (max-width: 1280px) {
header #mc_embed_signup .signup-wrapper form input[type="submit"] {
grid-column: span 9;
}
}
@media only screen and (max-width: 650px) {
header #mc_embed_signup .signup-wrapper form input[type="submit"] {
padding: 4vw 1vw 4vw 1vw;
grid-column: span 3;
}
}
header #mc_embed_signup .signup-wrapper form input[type="submit"]:hover {
background: #003934;
color: #fff;
cursor: pointer;
}
header #mc_embed_signup .signup-wrapper .up-arrow {
position: relative;
overflow: hidden;
z-index: 101;
display: block;
cursor: pointer;
width: 32px;
float: none;
margin: 0vw auto 1vw auto;
}
@media only screen and (max-width: 1280px) {
header #mc_embed_signup .signup-wrapper .up-arrow {
margin: 1vw auto;
}
}
@media only screen and (max-width: 650px) {
header #mc_embed_signup .signup-wrapper .up-arrow {
margin: 4vw auto;
}
}
header #mc_embed_signup .signup-wrapper .up-arrow #up-arrow-svg {
width: 32px;
height: 12px;
}
header div#header-inner {
width: 100%;
height: 80px;
position: relative;
}
@media only screen and (max-width: 650px) {
header div#header-inner {
height: 70px;
background: #fff;
}
}
header div#header-inner.menu-open {
background: none !important;
}
@media only screen and (max-width: 650px) {
header div#header-inner.menu-open {
height: 70px !important;
background: #f6f6f5 !important;
}
}
header div#header-inner.menu-open a#eat-with-your-eyes-logo {
display: block;
}
header div#header-inner.menu-open a#eat-with-your-eyes-logo .svg.logo_grey {
fill: #fff !important;
}
@media only screen and (max-width: 650px) {
header div#header-inner.menu-open a#eat-with-your-eyes-logo .svg.logo_grey {
fill: #003934 !important;
}
}
header div#header-inner a#eat-with-your-eyes-logo {
width: 190px;
height: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
overflow: hidden;
display: block;
z-index: 106;
}
header div#header-inner a#eat-with-your-eyes-logo .svg {
width: 100%;
}
header div#header-inner a#eat-with-your-eyes-logo .svg.logo_grey {
fill: #003934 !important;
}
header div#header-inner a#eat-with-your-eyes-logo .svg.logo_white {
fill: #fff !important;
}
@media only screen and (max-width: 650px) {
header div#header-inner a#eat-with-your-eyes-logo .svg {
fill: #003934 !important;
}
}
header div#header-inner a.nav-button {
position: absolute;
top: 50%;
right: 40px;
transform: translate(0, -50%);
height: 40px;
width: 26.667px;
display: block;
overflow: hidden;
z-index: 105;
}
@media only screen and (max-width: 650px) {
header div#header-inner a.nav-button {
right: 20px;
}
}
header div#header-inner a.nav-button .nav-button-animation {
position: absolute;
height: 20px;
width: 560px;
transform: translate(0, -10px);
left: 0px;
top: 50%;
fill: #000000;
}
header div#header-inner a.nav-button .nav-button-animation.contrast {
fill: #003934;
}
header nav {
position: relative;
width: 100%;
height: 100%;
transform: translate(0, -80px);
z-index: 104;
display: none;
overflow: hidden;
}
header nav ul#main-menu {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
overflow: hidden;
}
@media only screen and (max-width: 980px) {
header nav ul#main-menu {
top: 54%;
}
}
header nav ul#main-menu li.menu-item {
margin: 2.5vh 0 2.5vh 0;
}
@media only screen and (max-width: 650px) {
header nav ul#main-menu li.menu-item.signup-btn a {
width: 100%;
display: block;
overflow: hidden;
margin: 0 auto;
}
}
header nav ul#main-menu li.menu-item a h1 {
color: #fff;
font-size: 6vh;
line-height: 6vh;
text-transform: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
header nav ul#main-menu li.menu-item a h1 {
font-size: 24px;
line-height: 24px;
}
}
header nav ul#main-menu li.menu-item a p {
margin: 2vh 0 0 0;
color: #fff;
}
header nav ul#main-menu li.menu-item a:hover > h1,
header nav ul#main-menu li.menu-item a:hover > p {
color: #d9f9b7;
}
header nav ul#main-menu li.menu-item.current-menu-item a h1 {
color: #d9f9b7;
}
header nav ul.social-media-menu {
display: none;
position: absolute;
bottom: 2vh;
left: 50%;
transform: translate(-50%, 0);
}
header nav ul.social-media-menu li.social-item {
display: inline-block;
margin: 0 0.5vw 0 0.5vw;
}
header nav ul.social-media-menu li.social-item a {
text-decoration: underline;
color: #fff;
text-transform: none;
}
header nav ul.social-media-menu li.social-item a:hover {
color: #d9f9b7;
}
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
background: rgba(0, 0, 0, 0.75);
display: none;
z-index: 102;
}
/*#load {
position: relative;
background: #d9f9b7;
box-sizing: border-box;
padding: 0.6vw 2vw 0.6vw 2vw;
text-align: center;
margin: 2vw auto 0 auto;
}*/
.down-arrow {
width: 24px;
position: relative;
z-index: 101;
display: block;
cursor: pointer;
margin: 0 auto 0 auto;
padding: 0 0 2vw 0;
}
@media only screen and (max-width: 650px) {
.down-arrow {
width: 18px;
bottom: 4vw;
}
}
.showreel {
position: relative;
overflow: hidden;
width: 100%;
}
@media only screen and (max-width: 650px) {
.showreel {
padding: 70px 0 0 0;
}
}
.showreel .video-responsive {
width: 100%;
overflow: hidden;
padding-bottom: 67.2%;
position: relative;
height: 0;
z-index: -1;
}
.showreel .video-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
.showreel .showreel-video {
width: 100%;
height: auto;
display: block;
}
.showreel .down-arrow .svg {
fill: #d9f9b7;
}
.text_block {
margin: 0 auto;
padding: 4rem 0 3rem 0;
}
.text_block .intro-text{
font-size: 1.5rem;
line-height: 1.4;
margin: 3.5rem 0 3rem;
}
@media only screen and (max-width: 650px) {
.text_block {
padding: 12vw 0 12vw 0;
}
}
.text_block p {
margin: 2vw 0 0 0;
}
@media only screen and (max-width: 650px) {
.text_block p {
margin: 4vw 0 0 0;
}
}
.text_block p small {
font-size: 80%;
text-decoration: underline;
margin: 0.5vw 0 0 0;
display: block;
}
@media only screen and (max-width: 650px) {
.text_block p small {
margin: 3vw 0 0 0;
}
}
#statement {
width: 100%;
display: block;
position: relative;
background: #f6f6f5;
z-index: 100;
}
#statement .down-arrow .svg {
fill: #003934;
}
.home #statement article p {
font-size: 1.5rem;
line-height: 1.25;
}
.home #statement article p.text-1 {
margin: 2.5rem 0 0 0;
}
.home #statement article p.text-2 {
margin: 1rem 0 0 0!important;
}
@media only screen and (max-width: 650px) {
.home #statement article h1 {
padding: 1vw 0 1vw 0;
max-width: 400px;
}
.home main h2,
footer h2 {
padding: 0 2.25rem 1.5rem!important;
font-size: 1.6rem!important;
}
}
@media only screen and (max-width: 650px) {
.home #statement article h1 br {
display: none;
}
}
@media only screen and (max-width: 650px) {
.home #statement article p {
padding: 0 15vw 0 15vw;
font-size: 1rem;
max-width: 400px;
}
.home #statement article p.text-1 {
margin: 2rem 0 0 0!important;
}
}
.home #statement article p br.br-mobile {
display: none;
}
@media only screen and (max-width: 650px) {
.home #statement article p br.br-mobile {
display: block;
}
}
.home #statement article p br.br-screen {
display: block;
}
@media only screen and (max-width: 650px) {
.home #statement article p br.br-screen {
display: none;
}
}
.home main {
width: 100%;
position: relative;
text-align: center;
}
.home main h2,
footer h2 {
font-size: 2.5rem;
line-height: 1.2;
background: #f6f6f5;
padding: 0 0 3rem;
}
.home main #work-list {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(32vw);
display: grid;
grid-gap: .5rem;
margin: 0 auto 0 0;
position: relative;
overflow: hidden;
padding: .5rem;
}
@media only screen and (min-width: 651px) {
.text_block {
text-align: center;
}
}
.home-more {
background: #d9f9b7;
padding: 1.25rem 0 !important;
margin:0!important;
}
@media only screen and (max-width: 650px) {
.home main #work-list {
grid-template-columns: repeat(1, 1fr);
}
.home-more {
padding: .5rem 2.25rem !important;
}
}
.home main #work-list .case-study {
overflow: hidden;
position: relative;
display: none;
}
.home main #work-list .case-study .cs-btn {
width: 100%;
height: 100%;
display: block;
cursor: pointer;
position: relative;
}
.home main #work-list .case-study .cs-btn .cs-info {
background: rgba(0, 0, 0, 0.7);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
}
.home main #work-list .case-study .cs-btn .cs-info .cs-info-container {
position: absolute;
width: 80%;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.home main #work-list .case-study .cs-btn .cs-info .cs-info-container h1 {
color: #fff;
margin: 0 0 1vw 0;
z-index: 100;
}
.home main #work-list .case-study .cs-btn .cs-info .cs-info-container p {
color: #d9f9b7;
}
.home main #work-list .case-study .cs-btn .cs-img {
width: 100%;
display: block;
}
.home main #work-list .case-study .cs-btn .video-responsive {
width: 100%;
overflow: hidden;
padding-bottom: 67.2%;
position: relative;
height: 0;
/*clip-path: inset(1px 1px);*/
z-index: -1;
}
.home main #work-list .case-study .cs-btn .video-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
.header-img {
position: relative;
width: 100%;
}
.header-img img {
width: 100%;
height: auto;
}
@media only screen and (max-width: 650px) {
.header-img {
padding: 70px 0 0 0;
}
}
.cs-intro-block .text_block {
padding: 10vw 24vw 6vw 24vw;
}
@media only screen and (max-width: 650px) {
.cs-intro-block .text_block {
padding: 10vw 6vw 6vw 6vw;
}
#statement .text_block {
padding: 3.5rem 0;
}
}
.cs-intro-block .down-arrow .svg {
fill: #d9f9b7;
}
main.cs-gallery {
width: 100%;
position: relative;
text-align: center;
}
main.cs-gallery ul.gallery-grid {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(32vw);
display: grid;
grid-gap: 0.6vw;
position: relative;
padding: 0.6vw;
overflow: hidden;
}
main.cs-gallery ul.gallery-grid li {
overflow: hidden;
position: relative;
}
main.cs-gallery ul.gallery-grid li.cs_paragraph {
width: 100%;
display: block;
position: relative;
}
main.cs-gallery ul.gallery-grid li.cs_paragraph article {
padding: 8vw 24vw 6vw 24vw;
}
.home .text_block .cta-button {
margin: 2.25rem 2.25rem 1.5rem!important;
}
@media only screen and (max-width: 650px) {
main.cs-gallery ul.gallery-grid li.cs_paragraph article {
padding: 10vw 6vw 6vw 6vw;
}
.home .text_block .cta-button {
margin: 1.5rem 2.25rem 0rem!important;
}
}
main.cs-gallery ul.gallery-grid li.cs_paragraph .down-arrow .svg {
fill: #d9f9b7;
}
main.cs-gallery ul.gallery-grid li.full {
grid-column: span 2;
}
main.cs-gallery ul.gallery-grid li .video-responsive {
overflow: hidden;
padding-bottom: 67.2%;
position: relative;
height: 0;
}
main.cs-gallery ul.gallery-grid li .video-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
main.cs-gallery ul.gallery-grid li .container {
width: 100%;
height: auto;
}
main.cs-gallery ul.gallery-grid li .container img {
width: 100%;
height: auto;
display: block;
}
main.cs-gallery #related,
main.cs-gallery #related #related-wrap,
main.cs-gallery #related #related-wrap #related-work,
main.cs-gallery #related #related-wrap #related-work li,
main.cs-gallery #related #related-wrap #related-work li a.container {
overflow: hidden;
display: block;
position: relative;
}
main.cs-gallery #related {
width: 100%;
height: auto;
padding: 3% 0 3% 0;
position: relative;
}
main.cs-gallery #related #related-wrap {
width: 90%;
margin: 0 auto;
position: relative;
}
main.cs-gallery #related #related-wrap #related-work {
width: 100%;
margin: 0 auto;
position: relative;
}
main.cs-gallery #related #related-wrap #related-work li {
width: 33.3333333333%;
float: left;
padding: 0.1%;
}
main.cs-gallery #related #related-wrap #related-work li a.container {
padding-bottom: 67%;
position: relative;
height: 0;
background: #fff;
margin: 0;
border: 0;
}
main.cs-gallery #related #related-wrap #related-work li a.container img {
width: 100%;
height: auto;
}
main.cs-gallery #related #related-wrap #related-work li a.container .overlay {
opacity: 0.6;
}
main.cs-gallery
#related
#related-wrap
#related-work
li
a.container
.description {
position: absolute;
padding: 4%;
z-index: 12;
bottom: 0px;
z-index: 120;
left: -150%;
right: 0px;
}
main.cs-gallery
#related
#related-wrap
#related-work
li
a.container
.description
h2 {
line-height: 26px;
}
main.cs-gallery #related #related-wrap .container article h2 {
margin: 0 0 1.5vw 0;
}
main.cs-gallery #related #related-wrap .container article h1 #swipe-icon {
width: 24px;
height: 12px;
margin: 0 0 0 5px;
display: none;
}
main.cs-gallery a.next,
main.cs-gallery a.prev {
width: 38px;
height: 38px;
position: absolute;
display: block;
top: 55%;
margin-top: -22px;
}
main.cs-gallery a.next {
right: 1%;
background: url("../imgs/carousel-btns.jpg") -38px 0;
background-size: 152px 38px;
}
main.cs-gallery a.next:hover {
background-position: 0 0;
}
main.cs-gallery a.prev {
background: url("../imgs/carousel-btns.jpg") -114px 0;
left: 1%;
background-size: 152px 38px;
}
main.cs-gallery a.prev:hover {
background-position: -76px 0;
}
main.cs-gallery #view-all-work {
text-align: center;
display: block;
overflow: hidden;
position: absolute;
text-align: center;
width: auto;
left: 50%;
transform: translate(-50%, 0);
}
main#thinking ul li article.text_block h1 {
color: #d9f9b7;
margin: 0 0 2vw 0;
}
.text_block_wrapper {
width: 100%;
display: block;
position: relative;
}
.text_block_wrapper .two_columns {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(32vw);
display: grid;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 980px) {
.text_block_wrapper .two_columns {
display: block;
}
}
.text_block_wrapper .two_columns .span {
margin: 0;
padding: 0;
display: block;
height: 0;
}
.text_block_wrapper .single_column_text_block_wrapper {
background: #d9f9b7;
overflow: hidden;
margin: 2vw 5vw 2vw 5vw;
}
.text_block_wrapper .single_column_text_block_wrapper p {
padding: 1vw 5vw 1vw 5vw;
margin: 0;
}
.text_block_wrapper article {
padding: 8vw 15vw 6vw 15vw;
}
@media only screen and (max-width: 650px) {
.text_block_wrapper article {
padding: 10vw 6vw 6vw 6vw;
}
}
@media only screen and (max-width: 980px) {
.text_block_wrapper article {
padding: 10vw 6vw 6vw 6vw;
}
}
.text_block_wrapper .down-arrow .svg {
fill: #d9f9b7;
}
.client_block_wrapper article {
padding: 8vw 10vw 6vw 10vw;
}
@media only screen and (max-width: 650px) {
.client_block_wrapper article {
padding: 8vw 4vw 6vw 4vw;
}
}
.client_block_wrapper .down-arrow .svg {
fill: #d9f9b7;
}
.client_logos_grid {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(32vw);
display: grid;
position: relative;
overflow: hidden;
grid-auto-flow: row;
}
@media only screen and (max-width: 980px) {
.client_logos_grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 650px) {
.client_logos_grid {
grid-template-columns: repeat(2, 1fr);
}
}
.page-template-template-contact-php header {
overflow: auto;
}
.page-template-template-contact-php #statement {
position: relative;
overflow: auto;
width: 100%;
border-top: 80px solid #fff;
}
@media only screen and (max-width: 980px) {
.page-template-template-contact-php #statement {
border-top: 70px solid #fff;
}
}
.page-template-template-contact-php #statement article h1 {
padding: 0 0 1rem;
}
@media only screen and (max-width: 650px) {
.page-template-template-contact-php #statement article h1 {
padding: 0 36px 1rem!important
}
}
.page-template-template-contact-php #statement article h1 br.br-mobile {
display: none;
}
@media only screen and (max-width: 650px) {
.page-template-template-contact-php #statement article h1 br.br-mobile {
display: block;
}
}
.page-template-template-contact-php #statement article h1 br.br-screen {
display: block;
}
@media only screen and (max-width: 650px) {
.page-template-template-contact-php #statement article h1 br.br-screen {
display: none;
}
}
@media only screen and (max-width: 650px) {
.page-template-template-contact-php #statement article p {
padding: 0 15vw 0 15vw;
}
}
.page-template-template-contact-php #statement article p a {
text-decoration: underline;
}
.page-template-template-contact-php main.contact {
position: relative;
}
.page-template-template-contact-php main.contact div.wpcf7 {
position: relative;
width: 50%;
margin: 5vw auto;
}
@media only screen and (max-width: 980px) {
.page-template-template-contact-php main.contact div.wpcf7 {
width: 80%;
}
}
.page-template-template-contact-php
main.contact
div.wpcf7
div.screen-reader-response {
border: none;
}
.page-template-template-contact-php main.contact div.wpcf7 form.wpcf7-form {
position: relative;
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(32vw);
position: relative;
overflow: hidden;
grid-gap: 15px;
width: 100%;
}
@media only screen and (max-width: 980px) {
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container {
grid-template-columns: repeat(1, 1fr);
grid-gap: 10px;
}
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap {
padding: 1vw 2vw 1vw 2vw;
background: #c6c6c6;
display: block;
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap
span.wpcf7-not-valid-tip {
text-align: left;
font-family: "CircularXXSub-Regular", Sans-serif;
font-size: 1vw;
line-height: 1.6vw;
color: red;
position: absolute;
top: 0.3vw;
right: 0.3vw;
}
@media only screen and (max-width: 1280px) {
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap
span.wpcf7-not-valid-tip {
font-size: 13px;
line-height: 18px;
}
}
@media only screen and (max-width: 350px) {
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap
span.wpcf7-not-valid-tip {
font-size: 11px;
line-height: 16px;
}
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.mc4wp-MMERGE3,
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.email,
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.message,
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select {
grid-column: 1 / span 2;
}
@media only screen and (max-width: 980px) {
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.mc4wp-MMERGE3,
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.email,
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.message,
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select {
grid-column: 1 / span 1;
}
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select {
position: relative;
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select
select {
display: none;
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select
.select-selected {
background-color: #c6c6c6;
text-align: left;
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select
.select-selected:after {
position: absolute;
content: "";
background: url("../imgs/menu-arrow.svg") no-repeat;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
width: 23px;
height: 12px;
right: 2vw;
}
@media only screen and (max-width: 980px) {
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select
.select-selected:after {
width: 20px;
height: 9px;
}
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select
.select-arrow-active:after {
position: absolute;
content: "";
background: url("../imgs/menu-arrow-up.svg") no-repeat;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
width: 23px;
height: 12px;
right: 2vw;
}
@media only screen and (max-width: 980px) {
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select
.select-arrow-active:after {
width: 20px;
height: 9px;
}
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select
.select-items
div {
padding: 1vw 2vw 1vw 2vw;
font-family: "CircularXXSub-Regular", Sans-serif;
color: #003934;
cursor: pointer;
text-align: left;
}
@media only screen and (max-width: 650px) {
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select
.select-items
div {
padding: 3vw 4vw 3vw 4vw;
}
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select
.select-items
div {
border-top: 1px solid #fff;
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select
.select-items {
position: absolute;
background-color: #c6c6c6;
top: 100%;
left: 0;
right: 0;
z-index: 99;
-webkit-box-shadow: 5px 4px 27px -11px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 5px 4px 27px -11px rgba(0, 0, 0, 0.75);
box-shadow: 5px 4px 27px -11px rgba(0, 0, 0, 0.75);
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select
.select-items
div {
color: #003934;
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select
.select-hide {
display: none;
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select
.select-items
div:hover,
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap.custom-select
.same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap
input.wpcf7-form-control,
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap
textarea,
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap
.box
select,
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap
.select-selected {
border: 0;
width: 100% !important;
margin: 0;
background: #c6c6c6;
text-align: left;
}
@media only screen and (max-width: 650px) {
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap
input.wpcf7-form-control,
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap
textarea,
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap
.box
select,
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
div.form_container
span.wpcf7-form-control-wrap
.select-selected {
padding: 3vw 2vw 3vw 2vw;
}
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
p.subscribe_message {
text-align: left;
padding: 2vw 0 0 40px;
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
p
span.mc4wp-checkbox
label {
position: relative;
display: block;
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
p
span.mc4wp-checkbox
label
input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
left: 0;
top: 0;
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
p
span.mc4wp-checkbox
label
input:hover
input
~ span
.checkmark {
border: 1px solid #d9f9b7;
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
p
span.mc4wp-checkbox
label
input:checked
~ span
.checkmark {
background-color: #fff;
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
p
span.mc4wp-checkbox
label
input:checked
~ span
.checkmark:after {
display: block;
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
p
span.mc4wp-checkbox
label
span
span.checkmark {
position: absolute;
top: 2.5vw;
left: 0;
height: 25px;
width: 25px;
background-color: #fff;
border: 1px solid #003934;
}
.page-template-template-contact-php
main.contact
div.wpcf7
form.wpcf7-form
p
span.mc4wp-checkbox
label
span
span.checkmark:after {
content: "";
position: absolute;
display: none;
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid #003934;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.page-template-template-contact-php
main.contact
div.wpcf7
input[type="submit"] {
margin: 0 auto;
display: block;
cursor: pointer;
text-align: center;
}
.page-template-template-contact-php
main.contact
div.wpcf7
input[type="submit"]:hover {
color: #d9f9b7;
}
.page-template-template-contact-php
main.contact
div.wpcf7
div.wpcf7-response-output {
border: 1px solid #d9f9b7;
color: #003934;
margin: 0;
}
.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
opacity: 1;
}
.timer {
height: 152px;
width: 152px;
position: fixed;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.timer .timer-ani {
height: 100%;
width: 2500%;
position: absolute;
top: 0;
left: 0;
}
.blog
header
#header-inner
#eat-with-your-eyes-logo
#eat-with-your-eyes-logo-svg {
fill: #003934 !important;
}
.blog main > ul.filtered-posts + .green-bg {
background: #D9F9B7 !important;
padding: 1.25rem 0 !important;
}
.blog .menu_loader {
position: relative;
width: 100%;
height: 100%;
z-index: 9999;
opacity: 1;
}
.blog .menu_loader.menu_load {
display: none;
}
.blog .menu_timer {
height: 152px;
width: 152px;
position: fixed;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.blog .menu_timer .menu_timer-ani {
height: 100%;
width: 2500%;
position: absolute;
top: 0;
left: 0;
}
.blog div.filter-wrap {
position: relative;
border-top: 80px solid #fff;
padding: 0 0 0 0;
overflow: hidden;
}
.blog div.filter-wrap .custom-select {
position: relative;
text-align: center;
}
.blog div.filter-wrap .custom-select select {
display: none;
}
.blog div.filter-wrap .custom-select .select-selected {
position: relative;
height: 15px;
padding: 0 0 0.5vw 0;
content: "";
}
.blog div.filter-wrap .custom-select .select-selected:after {
position: absolute;
content: "";
background: url("../imgs/menu-arrow-up.svg") no-repeat center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 23px;
height: 12px;
}
.blog
div.filter-wrap
.custom-select
.select-selected.select-arrow-active:after {
position: absolute;
content: "";
background: url("../imgs/menu-arrow.svg") no-repeat center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 23px;
height: 12px;
}
.blog div.filter-wrap .custom-select .select-items div {
display: inline-block;
padding: 2vw 1vw 2vw 1vw;
text-align: center;
font-family: "CircularXXSub-Regular", Sans-serif;
color: #003934;
cursor: pointer;
}
@media only screen and (max-width: 980px) {
.blog div.filter-wrap .custom-select .select-items div {
display: block;
padding: 0.8vw 0 0.8vw 0;
/*background:#FFF042;*/
}
}
@media only screen and (min-width: 651px) {
.mobile-only {
display:none;
}
}
.blog div.filter-wrap .custom-select .select-items {
position: relative;
background-color: #d9f9b7;
margin: 1vw 0.8vw 0 0.8vw;
}
@media only screen and (max-width: 650px) {
.blog div.filter-wrap .custom-select .select-items {
padding: 3vw 0 3vw 0;
}
.blog div.filter-wrap .custom-select {
padding: 0;
}
.services-holder {
background:#C7B9FF;margin-bottom: 30px;padding-top:30px;padding-bottom:30px;
}
}
.blog div.filter-wrap .custom-select .select-items div {
color: #003934;
}
.blog div.filter-wrap .custom-select .select-hide {
display: none;
}
.blog div.filter-wrap .custom-select .select-items div:hover,
.blog div.filter-wrap .custom-select .same-as-selected {
text-decoration: underline;
cursor: pointer;
}
.blog main {
position: relative;
width: 100%;
text-align: center;
}
.blog main ul {
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(32vw);
display: grid;
position: relative;
overflow: hidden;
padding: 0.4vw;
}
@media only screen and (max-width: 1800px) {
.blog main ul {
grid-template-columns: repeat(5, 1fr);
}
}
@media only screen and (max-width: 1280px) {
.blog main ul {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (max-width: 980px) {
.blog main ul {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 650px) {
.blog main ul {
grid-template-columns: repeat(2, 1fr);
}
}
.blog main ul li {
padding: 0.4vw;
overflow: hidden;
position: relative;
display: none;
}
.blog main ul li:hover {
background: #d9f9b7;
}
.blog main ul li a img {
display: block;
margin: 0 0 1vw 0;
}
.blog main ul li a p.post-title {
padding: 0 2vw 0 2vw;
}
.blog main ul li a p.post-date {
margin: 0 0 0.5vw 0;
}
.single-post section {
margin: 0 0 80px 0;
}
.single-post section div .container img {
width: 50%;
overflow: hidden;
display: block;
}
.single-post section div.full {
width: 100%;
overflow: hidden;
display: block;
}
.single-post section div.full .container {
overflow: hidden;
padding-bottom: 67%;
position: relative;
height: 0;
background: #fff;
margin: 0;
border: 0;
display: block;
}
.single-post section div.full .container img {
width: 100%;
height: auto;
z-index: 9;
display: block;
}
.single-post main {
text-align: center;
margin: 0 0 40px 0;
}
@media only screen and (max-width: 980px) {
.single-post main {
border-top: 70px solid #fff;
}
}
.single-post main .wrapper {
width: 42%;
margin: 0 auto;
}
@media only screen and (max-width: 980px) {
.single-post main .wrapper {
width: 80%;
}
}
.single-post main .wrapper .post-info {
display: inline-block;
}
.single-post main .wrapper p {
display: block;
}
.single-post main .wrapper a {
text-decoration: underline;
}
.single-post main .wrapper h1 {
margin: 0 0 0.3vw 0;
}
.single-post main .wrapper .the-content {
margin: 60px 0 0 0;
width: 100%;
}
.single-post main .wrapper .the-content p {
margin: 30px 0 30px 0;
}
.single-post main .wrapper .the-content p img {
width: 100%;
height: auto;
}
.single-post main .wrapper .the-content > img {
width: 100%;
height: auto;
display: block;
margin: 5px 0 0 0;
}
.single-post main .wrapper .the-content a {
width: 100px !important;
height: auto;
position: relative;
}
.single-post main .wrapper .the-content a > img {
width: 100%;
height: auto;
display: block;
margin: 5px 0 0 0;
}
main#sketchbook {
padding: 80px 0 0 0;
}
main#sketchbook ul {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(32vw);
display: grid;
position: relative;
overflow: hidden;
padding: 0.4vw;
}
@media only screen and (max-width: 650px) {
main#sketchbook ul {
grid-template-columns: repeat(1, 1fr);
}
}
footer {
position: relative;
width: 100%;
margin: 0;
padding: 0 0 2vw 0;
}
footer .footer-wrapper {
display: flex;
justify-content: center;
padding: 2vw 3vw 2vw 3vw;
}
@media only screen and (max-width: 980px) {
footer .footer-wrapper {
display: block;
}
}
footer .footer-wrapper #new-business-enquiries {
line-height: 2.8vw;
}
footer .footer-wrapper li {
margin: 0 0.8vw 0 0.8vw;
vertical-align: middle;
position: relative;
}
@media only screen and (max-width: 980px) {
footer .footer-wrapper li {
margin: 5vw 0.8vw 5vw 0.8vw;
justify-content: center;
}
}
footer .footer-wrapper li.group {
display: flex;
flex-wrap: nowrap;
margin: 0;
}
footer .footer-wrapper li div {
margin: 0 0.8vw 0 0.8vw;
overflow: hidden;
}
footer .footer-wrapper li p,
footer .footer-wrapper li a {
text-align: left;
}
@media only screen and (max-width: 980px) {
footer .footer-wrapper li p,
footer .footer-wrapper li a {
text-align: center;
}
}
footer .footer-wrapper li a {
display: block;
text-decoration: underline;
}
footer .footer-wrapper li#dba-logo {
width: 150px;
margin: 0 0 0 auto;
overflow: hidden;
align-self: center;
}
footer .footer-wrapper li#dba-logo #dba-logo-svg {
width: 150px;
fill: #003934;
}
@media only screen and (max-width: 980px) {
footer .footer-wrapper li#dba-logo {
display: block;
margin: 5vw auto 5vw auto;
}
}
#error404 {
position: relative;
}
#error404 img {
width: 50%;
position: relative;
padding: 12vw 0 0 0;
margin: 0 auto 0 auto;
display: block;
}
.page-template-template-privacy-policy main {
padding-top: 80px;
}
@media only screen and (max-width: 980px) {
.page-template-template-privacy-policy main {
border-top: 70px solid #fff;
}
}
.page-template-template-privacy-policy main .wrapper {
width: 41%;
margin: 0 auto;
}
@media only screen and (max-width: 980px) {
.page-template-template-privacy-policy main .wrapper {
width: 80%;
}
}
.page-template-template-privacy-policy main .wrapper .cli_pg_page_contaner h3 {
margin: 3vw 0 0 0;
}
.page-template-template-privacy-policy main .wrapper .cli_pg_page_contaner p {
margin: 2vw 0 0 0;
}
.page-template-template-privacy-policy main .wrapper .cli_pg_page_contaner a {
text-decoration: underline;
}
#cookie-law-info-bar p {
line-height: 16px;
margin: 0 30vw 0 30vw;
}
@media only screen and (max-width: 980px) {
#cookie-law-info-bar p {
margin: 0 15vw 0 15vw;
}
}
#cookie-law-info-bar a {
font-size: 12px;
line-height: 13px;
}
.page-template-template-signup {
height: 100%;
width: 100%;
}
.page-template-template-signup #mc_embed_signup {
width: 100%;
height: 80%;
background: #fff;
position: relative;
overflow: hidden;
}
.page-template-template-signup #mc_embed_signup .signup-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 2vw 0 0 0;
width: 60%;
}
@media only screen and (max-width: 980px) {
.page-template-template-signup #mc_embed_signup .signup-wrapper {
width: 90%;
}
}
@media only screen and (max-width: 650px) {
.blog div.filter-wrap .custom-select .select-items {
background:#FFF042;
}
header div#header-inner a#eat-with-your-eyes-logo {
width: 190px;
height: auto;
position: relative!important;
padding: 25px 36px 0 36px;
left: unset;
top: unset;
transform: none;
-webkit-transform: none;
}
.page-template-template-signup #mc_embed_signup .signup-wrapper {
width: 90%;
}
#main-menu h1 {
text-align:left;
padding-left:20px;
}
}
.page-template-template-signup #mc_embed_signup .signup-wrapper p {
margin: 0 0 1vw 0;
padding: 0 4vw 0 4vw;
}
@media only screen and (max-width: 650px) {
.page-template-template-signup #mc_embed_signup .signup-wrapper p {
margin: 0 0 4vw 0;
}
.footer-bottom {
margin-top: 1.625rem!important;
}
}
.page-template-template-signup
#mc_embed_signup
.signup-wrapper
#subscriber-message {
display: block;
text-align: center;
}
.page-template-template-signup #mc_embed_signup .signup-wrapper form {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(32vw);
align-items: center;
overflow: hidden;
padding: 0 4vw 0 4vw;
overflow: hidden;
grid-gap: 0.5vw;
}
.page-template-template-signup
#mc_embed_signup
.signup-wrapper
form
#mce-responses {
grid-column: 1/-1;
width: 100% !important;
margin: 0;
padding: 0;
position: relative;
}
.page-template-template-signup
#mc_embed_signup
.signup-wrapper
form
#mce-responses
p.response {
width: 100% !important;
padding: 0;
position: relative;
display: block;
}
.page-template-template-signup
#mc_embed_signup
.signup-wrapper
form
input[type="text"],
.page-template-template-signup
#mc_embed_signup
.signup-wrapper
form
input[type="password"],
.page-template-template-signup
#mc_embed_signup
.signup-wrapper
form
input[type="email"] {
grid-column: span 9;
padding: 1vw 1vw 1vw 1vw;
vertical-align: middle;
overflow: hidden;
background: #212121;
border: none;
color: #fff;
text-align: left;
}
.page-template-template-signup
#mc_embed_signup
.signup-wrapper
form
input[type="submit"] {
grid-column: span 9;
background: #d9f9b7;
padding: 1vw 1vw 1vw 1vw;
color: #003934;
border: none;
}
.page-template-template-signup
#mc_embed_signup
.signup-wrapper
form
input[type="submit"]:hover {
background: #003934;
color: #fff;
cursor: pointer;
}
.page-template-template-contact-php #statement{
background-color: #D9F9B7;
}
.page-template-template-contact-php article.text_block {
padding: 3rem 0;
}
.cta-button,.wpcf7-submit {
color: #003934;
background-color: transparent;
border: solid #003934 1px;
border-radius: 50px;
cursor: pointer;
width: 9rem;
height: 2.25rem;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: .875rem;
}
.small-margin {
padding-bottom: 25px!important;
}
footer {
background-color: #f6f6f5;
}
footer h2.small-margin {
padding-top: 2.75rem;
padding-bottom: .5rem!important;
}
footer .cta-button {
margin-top: 1rem;
}
@media only screen and (min-width: 651px) {
.page-template-template-services #service_testimonial p {
text-align:center;
}
.page-template-template-services .text_block strong p {
text-align:center;
}
}
@media only screen and (max-width: 650px) {
.blog .mobile-filters {
margin-top: 71px;
border:0;
background:#FFF042;
}
footer h2.small-margin {
padding-top: 2.25rem!important;
padding-bottom: 1rem!important;
}
footer .cta-button {
margin-top: 0rem !important;
}
.blog div.filter-wrap {
border-top: 0px;
}
.blog .post-thumbnail:nth-child(odd) .post-title {
margin-left:36px!important;
margin-right:0!important;
}
.blog .post-thumbnail:nth-child(even) .post-title {
margin-right:36px!important;
margin-left:36px!important;
}
.blog div.filter-wrap .custom-select .select-items {
margin: 1vw 0;
}
.mobile-filters p {
cursor:pointer;
text-decoration:underline;
text-align:left;
padding: 10px 40px;
}
.blog div.filter-wrap .custom-select {
text-align: left;
}
.blog div.filter-wrap .custom-select .select-items div {
text-align: left;
padding-left:40px;
}
.filter-wrap {
display:none;
}
.blog main ul li a p.post-title {
padding: 0;
}
.filtered-posts .post-title {
margin-right:0!important;
}
.blog div.filter-wrap .custom-select {
padding-top: 0!important;
}
.blog div.filter-wrap .select-selected {
display:none;
}
.panel ul {
text-align: left!important;
padding-left:36px;
}
article.text_block p {
text-align: left!important;
padding: 0 36px!important;
margin: 0!important;
}
article.text_block p:first-child {
margin-top: 4.5rem!important;
}
article.text_block p:last-child {
margin-bottom: 0!important;
}
h2.cs_description {
line-height:normal!important;
word-spacing:normal!important;
text-align:left!important;
}
.footer-bottom p {
margin: 10px 36px!important;
}
.footer-bottom p,
.footer-bottom a {
text-align: left;
}
.service-links li {
text-align: left;
}
#main p,.service-links li, .subscribe-container {
text-align:left!important;
margin-left:36px;
margin-right:36px;
}
.cta-holder,.ssba-classic-2 {
text-align: left;
margin-left:36px;
}
.text_block p,.text_block div {
text-align:left!important;
}
.service-links li {
margin: 15px 36px!important;
}
.single-post main .wrapper {
width: 100%;
}
.ssbp-wrap {
width: 90%!important;
}
.share {
display:none!important;
}
#service_testimonial h2, .text_block .cta-heading {
font-family: source code pro medium,Sans-serif;
font-size: 5vw!important;
line-height: normal!important;
text-align: left!important;
color: #003934!important;
word-spacing: normal!important;
text-transform: uppercase!important;
margin: 0 20px!important;
padding: 0!important;
}
main.cs-gallery #view-all-work {
position: relative!important;
width: auto!important;
display:inline-block!important;
left: 0!important;
transform: none!important;
}
.cs-intro-block .text_block {
padding: 40px 0 0 0!important;
}
.cta-button,#load {
margin: 10px 0 !important;
text-align: left !important;
font-size: 0.75rem !important;
height: 1.75rem !important;
width: 7rem !important;
}
.page-template-template-contact-php #statement article h1 {
text-align: left;
}
h2 {
text-align: left;
padding-left: 36px;
padding-right: 36px;
}
.text_block h1 {
text-align: left!important;
padding: 0 36px!important;
font-size: 1.7rem;
}
.home .text_block p br {
display: none;
}
/*footer {
padding: 0 20px;
text-align:left;
}
main #load {
margin-left: 20px;
}
.footer-bottom p,#dba-logo, footer h2,footer a, main {
text-align: left!important;
}*/
}
/*
*
* INSTRUCTIONS
*
* Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
* The font file(s) should be placed relative to the regular CSS file.
*
*/
/*
* Legal Disclaimer for Web licence
*
* Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
*
* Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
*
* It is strictly prohibited to rename the font and to download or use these fonts in any other media.
*
* These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
*
* eatwithyoureyes.co.uk (monthly pageviews: <50K)
*
*/
/* complete */
@font-face {
font-family: "CircularXXWeb-Regular";
src: url("../fonts/CircularXXWeb-Regular.woff") format("woff");
}
@font-face {
font-family: "CircularXXWeb-Regular";
src: url("../fonts/CircularXXWeb-Regular.woff2") format("woff2");
}
@font-face {
font-family: "CircularXXWeb-Bold";
src: url("../fonts/CircularXXWeb-Bold.woff") format("woff");
}
@font-face {
font-family: "CircularXXWeb-Bold";
src: url("../fonts/CircularXXWeb-Bold.woff2") format("woff2");
}
/* subset */
@font-face {
font-family: "CircularXXSub-Regular";
src: url("../fonts/CircularXXSub-Regular.woff") format("woff");
}
@font-face {
font-family: "CircularXXSub-Regular";
src: url("../fonts/CircularXXSub-Regular.woff2") format("woff2");
}
@font-face {
font-family: "CircularXXSub-Bold";
src: url("../fonts/CircularXXSub-Bold.woff") format("woff");
}
@font-face {
font-family: "CircularXXSub-Bold";
src: url("../fonts/CircularXXSub-Bold.woff2") format("woff2");
}
@font-face {
font-family: "LeagueGothic-Regular";
src: url("../fonts/LeagueGothic-Regular.woff") format("woff");
}
@font-face {
font-family: "LeagueGothic-Italic";
src: url("../fonts/LeagueGothic-Italic.woff") format("woff");
}
@font-face {
font-family: "LeagueGothic-CondensedItalic";
src: url("../fonts/LeagueGothic-CondensedItalic.woff") format("woff");
}
@font-face {
font-family: "LeagueGothic-Condensed";
src: url("../fonts/LeagueGothic-Condensed.woff") format("woff");
}
@font-face {
font-family: "LeagueGothic-Regular";
src: url("../fonts/LeagueGothic-Regular.woff2") format("woff2");
}
@font-face {
font-family: "LeagueGothic-Italic";
src: url("../fonts/LeagueGothic-Italic.woff2") format("woff2");
}
@font-face {
font-family: "LeagueGothic-CondensedItalic";
src: url("../fonts/LeagueGothic-CondensedItalic.woff2") format("woff2");
}
@font-face {
font-family: "LeagueGothic-Condensed";
src: url("../fonts/LeagueGothic-Condensed.woff2") format("woff2");
}
a[role="button"] {
text-decoration: underline;
}
@media only screen and (max-width: 980px) {
#cookie-law-info-bar p {
margin: 0;
}
}
@media only screen and (min-width: 981px) {
#cookie-law-info-bar p {
margin: 0 15vw;
}
}
@media screen and (min-width: 700px) {
ul.service-links>li {
display: inline-block;
zoom: 1;
*display: inline;
}
}
@media screen and (max-width: 699px) {
.cs-intro-block h2.cs_description {
font-size: 4vw;
margin: 2vw 0;
}
.service-links li {
margin:15px 0;
}
.subscribe_message small {
padding-top: 25px;
display: block;
}
}
.page-template-template-contact-php main.contact div.wpcf7 input[type=submit] {
margin-top: 24px;
}
.service-link-container h2 {
margin-bottom: 20px;
margin-top: 20px;
}
.service-link-container {
margin-bottom: 20px;
}
.grecaptcha-badge {
visibility: hidden;
opacity: 0;
transition: linear opacity 1s;
}
header #mc_embed_signup,header #mc_embed_signup.open,header .subscribe-top {
display:none!important;
}
header #header-inner {
background:#f6f6f6 !important;
display:block!important;
}
header #header-inner svg {
fill:#003934 !important;
}
.form_container {
display:block!important;
}
.wpcf7-form-control-wrap {
margin:10px 0;
}
.page-template-template-contact-php main.contact div.wpcf7 input[type=submit]:hover {
color:#000;
}
.page-template-template-contact-php .subscribe-bottom {
display:none;
}
main.cs-gallery #view-all-work {
position: relative;
width: 250px;
}
/*#load,#view-all-work {
background: 0 0;
border: 4px solid #d9f9b7!important;
border-radius: 26px;
padding: 11px!important;
}*/
#view-all-work {
padding: 7px!important;
}
.footer-bottom {
margin-top: 3.25rem;
padding-top: 2.25rem;
background: #D9F9B7;
}
#dba-logo {
width: 150px;
text-align: center;
margin: 20px auto;
padding-bottom: 2.5rem;
}
.footer-bottom a {
text-decoration:underline;
font-size: 1.0625rem;
line-height: 1.5;
display: block;
}
.footer-bottom a:first-child {
margin-top: 1.5rem;
}
.footer-bottom a:last-child {
margin-bottom: 2rem;
}
.footer-bottom p {
margin: 10px 0;
font-size: .875rem;
line-height: 1.4;
}
.page-template-template-contact-php main.contact div.wpcf7 form.wpcf7-form p span.mc4wp-checkbox label span span.checkmark {
top:0;
left: 48.5%;
}
.page-template-template-contact-php main.contact div.wpcf7 form.wpcf7-form p.subscribe_message {
text-align: center;
}
.footer-bottom .social img {
width: 45px;
padding-right: 10px;
}
footer {
padding-bottom:0;
}
.page-template-template-contact-php main.contact div.wpcf7 form.wpcf7-form div.form_container span.wpcf7-form-control-wrap {
padding: 1vw 2vw;
background: #eee;
display: block;
}
@media screen and (min-width: 600px) {
.mobile-break { display: none; }
}
@media only screen and (max-width: 650px) {
#load {margin-top:15px;}
.text_block p {
margin: 4vw 10vw!important;
padding:0!important;
}
}
.filter-wrap.filter-extra {
border-top: 0!important;
}
.page-template-template-contact-php main.contact div.wpcf7 form.wpcf7-form div.form_container span.wpcf7-form-control-wrap input.wpcf7-form-control, .page-template-template-contact-php main.contact div.wpcf7 form.wpcf7-form div.form_container span.wpcf7-form-control-wrap textarea, .page-template-template-contact-php main.contact div.wpcf7 form.wpcf7-form div.form_container span.wpcf7-form-control-wrap .box select, .page-template-template-contact-php main.contact div.wpcf7 form.wpcf7-form div.form_container span.wpcf7-form-control-wrap .select-selected {
background:#eee;}
@media only screen and (max-width: 650px) {
.blog div.filter-wrap .custom-select .select-items {
padding: 3vw 0;
margin-top: 0px!important;
}
}
.blog div.filter-wrap .custom-select .select-hide {
display: block;
}
.blog div.filter-wrap .custom-select {
padding: 37px 0 0;
}
.captcha-disclaimer,.captcha-disclaimer a {
font-size: 13px;
color:gray;
}
.captcha-disclaimer a {
text-decoration:underline;
}
.page-template-template-contact-php main.contact div.wpcf7 {
position: relative;
margin: 5vw auto 1vw;
}
span.wpcf7-list-item.first.last input {
display: inline-block;
-webkit-appearance: auto;
-ms-transform: scale(2);
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
padding: 10px;
}
@media only screen and (min-width: 651px) {
main#sketchbook li {
margin-right: 2px;
margin-bottom:2px;
}
main#sketchbook {
padding: 0;
}
header #header-inner.menu-open svg {
fill: #fff !important;
}
main#sketchbookli:nth-child(3n) {
margin-right: 0;}
main#sketchbook img.unveil {
height: 100%;
}
}
main#sketchbook li {
margin-bottom:2px;
}
.cs-intro-block .text_block {
padding-top: 4vw;
}
.page-template-template-contact textarea:focus, .page-template-template-contact input:focus {
outline: none!important;
}
.page-template-template-contact-php main.contact div.wpcf7 form.wpcf7-form div.form_container span.wpcf7-form-control-wrap {
padding: 10px;align-content}
.page-template-template-contact-php .subscribe-container {
display:none;
}