@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i|Oswald:400,700");

body {
	font-family: 'Open Sans', sans-serif;
	color: #7f7f7f;
	font-size: 18px;
}
h1 , h2 , h3 , h4 {
	font-family: 'Oswald', sans-serif;
	font-size: 50px;
	color: #1d1d1b;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0.4em 0;
	line-height: 1.1em;
}
h2 {
	font-size: 40px;
}
h3 {
	font-size: 32px;
}
h4 {
	font-size: 24px;
}

p.title {
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	line-height: 28px;
	color: #1d1d1b;
	text-transform: uppercase;
	font-weight: 400;
	margin: 40px 0 20px 0;
	padding-bottom: 5px;
}

h1::after , h2::after , p.title::after {
	content: '';
	display: block;
	width: 200px;
	height: 6px;
	background: #ffed00;
	margin-top: 15px;
}
h1[style*='text-align: center;']::after , h2[style*='text-align: center;']::after {
	position:  relative;
	left: calc(50% - 100px);
}
h1[style*='text-align: right;']::after , h2[style*='text-align: right;']::after {
	position:  relative;
	left: calc(100% - 200px);
}

p.title::after {
	width: 100px;
	margin-top: 10px;
}
h1 strong , h2 strong {
	display: block;
	color: #ef9348;
	font-size: 0.6em;
	font-weight: 400;
	line-height: 1em;
}

strong , b {
	font-weight: 600;
	color: #4c4c4c;
}

a {
	color: #f27a18;
	font-weight: 600;
	text-decoration: none;
}
a:hover {
	color: #d36100;
	text-decoration: underline;
}

.alignleft {
	float: left;
	margin-right: 20px;
}
.alignright {
	float: right;
	margin-left: 20px;
}
.aligncenter {
	margin: auto;
	text-align: center;
}

img {
	max-width: 100%;
	height: auto;
}
div.wp-caption {
	max-width: 100%;
	display: inline-block;
}
p.wp-caption-text {
	background-color: #f7f7f7;
	color: #808080;
	padding: 16px 25px;
	font-size: 18px;
	color: 595959;
	font-style: italic;
}

.button {
	padding: 14px 30px;
	margin: 2px 0;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background: #f27a18;
	border: none;
	font-weight: 400;
	font-size: 18px;
}
.button:hover {
	color: #fff;
	text-decoration: none;
	background: #d36100;
}
.mce-content-body a.button[data-mce-selected] {
	padding: 14px 30px;
	margin: 0;
}

.button.gray {
	background: #707070;
}
.button.gray:hover {
	background: #575757;
}

.button.outline {
	background: none;
	border: 2px solid #fff;
}
.button.outline:hover {
	border: 2px solid #f27a18;
	color: #f27a18;
}
.mce-content-body .button.outline {
	border: 2px solid #f27a18;
	color: #f27a18;
}

.wp_content > :nth-child(1){
	margin-top: 0;
}

body {
margin: 0;
}
div.site_width , ul.site_width {
padding-left: calc(50% - (1350px / 2) );
padding-right: calc(50% - (1350px / 2) );
}
.main_container {
display: flex;
justify-content: space-between;
}
.main_container > .wp_content {
width: calc(100% - (170px + 15%));
}
.main_container > .sidebar {
width: calc(140px + 15%);
}
.error404 .wp_content {
text-align: center;
width: 100%;
padding: 100px 0;
}
#mobile_menu_button {
display: none;
}
#header {
background: #f3f3f3;
border-bottom: 6px solid #ffed00;
display: flex;
justify-content: space-between;
}
.header_inner {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
position: relative;
min-height: 80px;
}
#logo {
display: block;
width: 160px;
height: 101px;
background: #e6e6e6 url(https://www.gbroadart.co.uk/wp-content/themes/gb-roadart/includes/img/gb-roadart.svg) no-repeat center center;
background-size: contain;
border: 5px solid #e6e6e6;
position: absolute;
z-index: 2;
text-indent: -999px;
top: 0;
left: 0px;
}
#logo::after , #logo::before {
content: '';
display: block;
width: 0px;
height: 0px;
position: absolute;
right: -47px;
top: -6px;
border: 50px solid #fff;
border-width: 56px 21px;
border-color: #e6e6e6 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e6e6e6;
}
#logo::before {
left: -47px;
right: auto;
border-color: rgba(0, 0, 0, 0) #e6e6e6 #e6e6e6 rgba(0, 0, 0, 0);
}
.phone_number {
display: block;
height: 45px;
border-right: 6px solid #f27a18;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: #1d1d1b;
font-size: 32px;
line-height: 28px;
text-align: right;
padding: 2px 20px 0 0;
white-space: nowrap;
font-weight: 400;
}
.phone_number span {
display: block;
font-size: 14px;
color: #646462;
line-height: 12px;
}
.phone_number:hover {
color: #f27a18;
text-decoration: none;
}
.phone_number:hover span {
color: #646462;
}
.main_container {
padding: 30px;
}
.featured_banner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 60vw;
background: center center no-repeat;
background-size: cover;
min-height: 320px;
max-height: 500px;
position: relative;
}
.featured_banner > h2 {
display: block;
background: rgba(0,0,0,0.4);
padding: 30px 50px;
color: #fff;
font-size: 48px;
margin: 0;
}
.featured_banner > h2::after {
display: none;
}
.the_usps {
background: rgba(0,0,0,0.5);
color: #fff;
display: flex;
padding: 10px 0;
margin: 0;
list-style: none;
justify-content: center;
align-items: center;
width: 100%;
flex-wrap: wrap;
position: absolute;
bottom: 0;
left: 0;
}
.the_usps > li {
height: 40px;
padding: 0 30px 0 40px;
font-family: 'Oswald', sans-serif;
font-size: 24px;
line-height: 40px;
background: url(https://www.gbroadart.co.uk/wp-content/themes/gb-roadart/includes/img/tick.svg) center left no-repeat;
white-space: nowrap;
}
.page-template-contact-us .the_usps {
position: relative;
}
.affiliated_with {
background: #f2f2f2;
padding: 40px;
margin: 30px 0;
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
}
.affiliated_with img {
margin: 10px;
}
.footer_top {
padding-top: 75px;
background: center center no-repeat;
background-size: cover;
}
.footer_top_inner {
background: rgba(0,0,0,0.5);
padding: 50px;
display: flex;
justify-content: space-between;
}
.footer_top_inner > div.left {
width: 380px;
}
.footer_top_inner > div.right {
width: 900px;
text-align: right;
}
.footer_top h2 {
color: #fff;
font-size: 30px;
margin-top: 0;
}
.footer_top h2 strong {
color: #fff;
font-size: 50px;
}
.footer_top h2::after {
background: #fff;
}
.footer_top {
color: #cccccc;
font-size: 16px;
}
.footer_email_phone {
display: flex;
justify-content: flex-end;
}
.footer_email_phone a {
font-family: 'Oswald', sans-serif;
font-size: 40px;
text-transform: uppercase;
font-weight: 400;
line-height: 30px;
position: relative;
padding-bottom: 30px;
margin-bottom: 5px;
}
.footer_email_phone a:hover {
text-decoration: none;
}
.footer_email_phone a::after {
display: block;
content: '';
width: 100px;
height: 6px;
background: #fff;
position: absolute;
bottom: 0;
right: 0;
}
.footer_email_phone a:last-child {
margin-left: 30px;
font-weight: 700;
}
.footer_email_phone a:last-child span {
font-weight: 400;
}
.footer_email_phone a span {
font-size: 20px;
color: #fff;
display: block;
}
.address_line {
font-family: 'Oswald', sans-serif;
font-size: 30px;
color: #fff;
font-weight: 400;
margin: 10px 0;
}
.footer_menu {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}
.footer_menu a {
display: block;
color: #ccc;
font-weight: 400;
padding: 2px 15px;
border-right: 1px solid rgba(255,255,255,0.2);
}
.footer_menu li:last-child a {
border: none;
padding-right: 0;
}
.end_of_page {
display: flex;
justify-content: space-between;
padding: 20px;
color: #ccc;
background: #000;
font-size: 16px;
}
.end_of_page a {
font-weight: 400;
}
.the_service , .case_studies a {
display: block;
height: 270px;
display: flex;
align-items: flex-end;
background: #ccc center center no-repeat;
background-size: cover;
margin-bottom: 20px;
}
.case_studies a {
height: 400px;
border-bottom: 6px solid #ef9348;
}
.the_service:hover , .case_studies a:hover {
text-decoration: none;
opacity: 0.9;
}
.the_service p , .case_studies p {
margin: 0;
padding: 20px 15px;
background: rgba(0,0,0,0.75);
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 30px;
line-height: 30px;
text-transform: uppercase;
font-weight: 400;
width: 100%;
}
.the_service p span , .case_studies p span {
display: block;
font-size: 18px;
color: #ef9348;
line-height: 18px;
}
.case_studies_list {
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #e5e5e5;
}
.case_studies_list a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
border-bottom: 1px solid #e5e5e5;
}
.case_studies_list a:hover {
text-decoration: none;
}
.case_studies_list a:hover p {
color: #ef9348;
}
.case_studies_list a:hover p span {
color: #d36100;
}
.wp_content_intro {
margin: 60px auto;
max-width: 1000px;
}
.case_studies {
padding: 50px;
background: #e6e6e6;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.case_studies a {
width: calc(50% - 20px);
margin-bottom: 40px;
}
.case_studies a:nth-last-child(1) , .case_studies a:nth-last-child(2) {
margin-bottom: 0;
}
.case_studies_list a div {
width: 90px;
height: 90px;
background: #ccc center center no-repeat;
background-size: cover;
}
.case_studies_list a p {
margin: 0;
width: calc(100% - 110px);
font-family: 'Oswald', sans-serif;
font-size: 26px;
line-height: 26px;
color: #1d1d1b;
text-transform: uppercase;
font-weight: 400;
}
.case_studies_list a p span {
display: block;
color: #ef9348;
font-size: 18px;
text-transform: none;
}
.alternating_content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px calc(50% - 700px);
background: #fff;
}
.alternating_content:nth-child(2n) {
flex-direction: row-reverse;
}
.alternating_content > div {
width: calc(50% - 40px);
margin: 0px 20px;
}
.alternating_content:nth-child(1) {
padding-top: 60px;
}
.alternating_content > div[style] {
background: center center no-repeat;
background-size: cover;
}
.alternating_content > div[style]::after {
content: '';
display: block;
padding-bottom: calc(40% + 200px);
}
.alternating_content:nth-child(2n) {
background: #f2f2f2;
}
#google_map {
height: 40vw;
min-height: 400px;
max-height: 600px;
}
.contact_us_top , .contact_us_bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding: 40px;
}
.contact_us_top > div:nth-child(1) {
width: calc(60% - 20px);
}
.contact_us_top > div:nth-child(2) {
width: calc(40% - 20px);
background: center center no-repeat;
background-size: cover;
}
.contact_us_top > div:nth-child(2)::after {
padding-bottom: calc(40% + 200px);
content: '';
display: block;
}
.contact_us_bottom {
background: #e6e6e6;
}
.contact_us_bottom > div:nth-child(1) {
width: calc(30% - 20px);
background: center center no-repeat;
background-size: cover;
}
.contact_us_bottom > div:nth-child(2) {
width: calc(70% - 20px);
}
.contact_us_bottom > div:nth-child(1)::after {
padding-bottom: calc(40% + 400px);
content: '';
display: block;
}
#gform_1 textarea {
margin-bottom: 0;
}
#gform_1 .gform_fields {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#gform_1 .gform_fields li {
width: 100%;
}
#gform_1 .gform_fields li:nth-child(2) , #gform_1 .gform_fields li:nth-child(3) , #gform_1 .gform_fields li:nth-child(4) , #gform_1 .gform_fields li:nth-child(5) {
width: calc(50% - 15px);
}
.gform_footer .button {
-webkit-appearance: none;
border-radius: 0;
}
.the_services {
background: #e6e6e6;
padding: 40px;
}
.single_service {
border-bottom: 1px solid rgba(255,255,255,0.25);
padding-bottom: 40px;
margin-bottom: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
.single_service:last-child {
padding: 0;
margin: 0;
border: 0;
}
.single_service > * {
width: calc(50% - 20px);
box-sizing: border-box;
}
.single_service > a {
display: block;
border: 20px solid #fff;
color: #fff;
font-weight: 400;
}
.single_service > a:hover {
text-decoration: none;
opacity: 0.9;
}
.single_service > a::before {
display: block;
content: '';
padding-bottom: 50%;
}
.single_service > a p {
background: rgba(0,0,0,0.5);
margin: 0;
text-align: center;
display: block;
height: 60px;
line-height: 60px;
}
.single_service h2::after {
background: #a5a5a5;
}
.white_text , .white_text h1 , .white_text h2 {
color: #fff;
}
.the_video_wrapper {
height: calc(45vw + 200px);
position: absolute;
width: 100%;
top: 106px;
z-index: 1;
overflow: hidden;
min-height: 700px;
max-height: 970px;
background: #fff;
}
.the_video {
width: auto;
min-height: 700px;
min-width: 1000px;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
height: calc(45vw + 200px);
}
.home .the_usps , .the_video_overlay , .fp_services {
position: relative;
z-index: 1;
}
.the_video_overlay {
height: 45vw;
display: flex;
justify-content: center;
align-items: center;
min-height: 500px;
max-height: 770px;
}
.the_video_overlay > div {
background: rgba(0,0,0,0.5);
color: #fff;
padding: 40px 70px;
max-width: 750px;
}
.the_video_overlay h1::after , .the_video_overlay h2::after {
background: #ef9348;
}
.the_video_overlay > div > :last-child {
margin-bottom: 0;
}
.home .the_usps {
min-height: 180px;
align-items: flex-start;
}
.fp_services {
background: #e6e6e6;
padding: 1px 0 40px 0;
}
.fp_services_inner {
margin-top: -135px;
padding: 30px;
background: #fff;
}
.fp_services_inner {
display: flex;
justify-content: space-between;
}
.fp_services_inner .the_service {
width: calc(33.33% - 20px);
margin: 0;
height: 550px
}
.fp_services_inner .the_service p {
font-size: 38px;
line-height: 38px;
padding: 20px;
}
.fp_services_inner .the_service p span {
font-size: 24px;
line-height: 24px;
}
.fp_intro {
padding: 70px 0;
background: center center no-repeat;
background-size: cover;
}
.fp_intro > div {
background: rgba(0,0,0,0.7);
padding: 40px calc(50% - 500px);
}
.fp_case_studies_intro {
display: flex;
justify-content: space-between;
padding: 20px;
align-items: center;
}
.fp_case_studies_intro h2 {
margin: 0;
}
.fp_case_studies {
padding: 20px;
background: #e6e6e6;
}
.fp_case_studies a {
width: calc(25% - 15px);
}
.fp_case_studies a p {
font-size: 24px;
}
.fp_case_studies a p span {
font-size: 18px;
} #pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 30px 0;
}
#pagination a, #pagination > span {
display: inline-block;
padding: 10px 20px;
font-size: 20px;
color: #ef9348;
border: 2px solid #ef9348;
margin: 0 5px 5px 5px;
text-decoration: none;
font-weight: 400;
}
#pagination a:hover {
color: #d36100;
border: 2px solid #d36100;
}
#pagination > span {
color: #7e7e7e;
border: 2px solid #7e7e7e;
} .gallery {
column-count: 4;
column-gap: 20px;
}
.gallery .gallery-item {
display: inline;
margin: 0;
}
.gallery .gallery-item img {
display: block;
margin: 0 0 20px 0;
}
.gallery-caption {
display: none;
} .gfield_description.validation_message {
position: absolute;
right: -5px;
top: -14px;
background-color: #ef9348;
color: white;
padding: 5px 10px;
font-size: 12px;
text-align: center;
border-radius: 2px;
}
.validation_message::after {
content: '';
display: block;
position: absolute;
border: 5px solid rgba(0,0,0,0);
border-top-color: #ef9348;
width: 0;
height: 0;
bottom: -10px;
left: 10px;
}
.gform_body ul {
padding: 0;
list-style: none;
}
.gform_body ul li {
position: relative;
}
.validation_error {
margin-bottom: 20px;
border: 1px solid #ef9348;
padding: 10px 20px;
font-size: 15px;
color: #d36100;
}
.gform_confirmation_message {
color: #1ba21b;
}
.gform_body label {
display: none;
}
.gform_body input[type=text] , .gform_body textarea , .gform_body select {
height: 45px;
color:  #404040;
padding-left: 15px;
width: 100%;
margin-bottom: 20px;
border: 1px solid #d9d9d9;
font-size: 16px;
}
.gform_body textarea {
height: 100px;
padding-top: 10px;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.gform_body ul.gfield_checkbox label {
display: inline-block;
font-size: 14px;
color: #404040;
}
.gform_body ul.gfield_checkbox label span {
color: #404040!important;
}
.gfield_visibility_ {
display: none;
}
.gform_validation_container ,
.gform_wrapper .gform_validation_container ,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container ,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
display: none!important;
position: absolute!important;
left: -9000px;
}
::-webkit-input-placeholder { color: #818181;
}
::-moz-placeholder { color: #818181;
}
:-ms-input-placeholder { color: #818181;
}
:-moz-placeholder { color: #818181;
}
.footer_top .left h2::after {
background: #e65330;
}
.site_width.cs_intro {
margin: 75px 0;
}
.site_width.cs_intro p {
width: 100%;
max-width:  960px;
margin: auto;
}
.page-template-contact-us .contact_us_top  a {
font-family: Oswald, sans-serif;
font-size: 32px;
text-transform: uppercase;
font-weight: 300;
}
@media (min-width: 1900px) {
.the_video {
width: 110%;
height: auto;
}
}
@media (max-width: 1400px) {
.alternating_content {
padding: 40px 0;
}
}
@media (min-width: 1060px) {
.menu {
padding: 0 30px 0 60px;
margin: 0 0 0 175px;
list-style: none;
display: flex;
align-items: center;
height: 100px;
background: #fff;
position: relative;
}
.menu::after {
content: '';
display: block;
width: 0px;
height: 0px;
position: absolute;
right: -42px;
top: 0px;
border: 50px solid #fff;
border-width: 50px 21px;
border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
}
.menu ul {
display: none;
}
.menu > li {
position: relative;
}
.menu > li > a {
display: block;
padding: 8px 20px;
color: #1d1d1b;
font-size: 24px;
font-weight: 400;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
border-radius: 3px;
white-space: nowrap;
}
.menu > li:hover > a {
text-decoration: none;
background: #f2f2f2;
}
.menu > li.menu-item-has-children > a {
padding-right: 35px;
background: url(https://www.gbroadart.co.uk/wp-content/themes/gb-roadart/includes/img/down-arrow.svg) no-repeat center right;
border-radius: 3px 3px 0 0;
}
.menu > li.menu-item-has-children:hover > a {
background: #f2f2f2 url(https://www.gbroadart.co.uk/wp-content/themes/gb-roadart/includes/img/down-arrow.svg) no-repeat center right;
}
.menu > li:hover > ul {
display: block;
position: absolute;
width: 200px;
top: 51px;
left: 0px;
background: #fff;
padding: 15px;
margin: 0;
list-style: none;
border: 1px solid #f2f2f2;
border-bottom: 3px solid #f27a18;
z-index: 2;
}
.menu ul a {
display: block;
padding: 8px 15px;
border-bottom: 1px solid #f2f2f2;
}
.menu ul li:last-child a {
border: none;
}
}
@media (max-width: 1410px) {
div.site_width {
padding-left: 30px;
padding-right: 30px;
}
div#header.site_width {
padding: 0;
}
.phone_number {
margin-right: 25px;
}
}
@media (max-width: 1200px) {
ul.the_usps li {
font-size: calc(0.9vw + 0.9vh);
}
#logo {
width: 150px;
left: 0px;
}
.menu {
padding: 0 10px 0 50px;
margin-left: 160px;
}
.menu > li > a {
padding: 8px 18px;
font-size: 22px;
}
.the_service, .case_studies a {
margin-top: 20px;
}
.the_service, .case_studies a {
height: 88px;
}
}
@media (max-width: 1060px) {
.main_container {
display: block;
}
.main_container > .wp_content , .main_container > .sidebar {
width: auto;
}
#close_menu {
background-color: rgba(0, 0, 0, 0.01);
position: fixed;
top: 0;
right: 0;
z-index: 2;
width: 0;
height: 100vh;
display: block;
transition: background-color 0.3s ease, right 0.3s ease;
-webkit-transition: background-color 0.3s ease, right 0.3s ease;
}
body.menu_open #close_menu {
display: block;
background: rgba(0, 0, 0, 0.5);
right: 300px;
width: 100%;
}
body.menu_open.show_menu_close #close_menu {
background-color: rgba(0, 0, 0, 0.01);
width: 100%;
right: 0;
}
#wrap {
position: relative;
width: auto;
min-width: 320px;
overflow: hidden;
}
#shifter {
position: relative;
width: 100%;
left: 0px;
transition: left 0.3s ease;
-webkit-transition: left 0.3s ease;
background: #fff;
}
body {
background: #d8d8d8;
}
body.menu_open #shifter {
left: -300px;
}
body.menu_open.show_menu_close #shifter {
left: 0;
}
#mobile_menu_button {
width: 45px;
display: block;
margin-right: 25px;
}
#mobile_menu_button > div {
width: 100%;
height: 8px;
background-color: #f27a18;
margin-bottom: 8px;
border-radius: 2px;
}
#mobile_menu_button > div:last-child {
margin: 0;
}
#main_menu {
display: block;
top: 0px;
left: 100%;
width: 300px;
z-index: 3;
position: absolute;
}
.menu , .menu ul {
padding: 0;
margin: 0;
list-style: none;
background: #f27a18;
}
.menu a {
display: block;
color: #fff;
padding: 20px;
font-size: 20px;
font-weight: 400;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.menu ul a {
font-size: 16px;
padding: 15px 25px;
background: rgba(255, 255, 255, 0.05);
}
.header_inner {
justify-content: flex-end;
}
#logo {
height: 80px;
width: 130px;
}
#logo::after {
right: -37px;
border-width: 45px 16px;
}
.the_usps > li {
font-size: 20px;
}
.gallery {
column-count: 3;
column-gap: 20px;
}
.affiliated_with h2 {
width: 100%;
text-align: center;
}
.affiliated_with h2:after {
left: calc(50% - 100px);
position: relative;
}
.footer_top_inner {
display: block;
}
.footer_top_inner div.left {
text-align: center;
width: 100%;
}
.footer_top h2::after {
position:  relative;
left: calc(50% - 100px);
}
.footer_top_inner > div.right {
width: 100%;
text-align: center;
}
.footer_email_phone {
justify-content: center;
}
.footer_email_phone a::after {
position:  relative;
left: calc(50% - 50px);
bottom: -20px;
}
.footer_menu {
justify-content:  center;
}
.the_video_wrapper {
top: 86px;
}
.fp_case_studies a {
width: calc(50% - 20px);
height: 300px;
}
.fp_services_inner .the_service {
height: 200px;
}
}
@media (max-width:800px) {
ul.the_usps {
display: none;
}
.button {
padding: 10px 20px;
}
.footer_email_phone {
flex-direction:  column;
}
.footer_email_phone a {
font-size: 30px;
}
.footer_email_phone a:last-child {
margin: 0;
}
.end_of_page {
flex-direction: column;
align-items: center;
text-align: center;
}
.alternating_content {
display: block;
}
.alternating_content > div {
width: 100%;
}
.contact_us_top {
flex-direction: column;
}
.contact_us_bottom {
flex-direction: column-reverse;
}
.contact_us_top > div:nth-child(1) , .contact_us_top > div:nth-child(2) ,
.contact_us_bottom > div:nth-child(1) , .contact_us_bottom > div:nth-child(2) {
width: 100%;
}
.single_service {
flex-direction: column;
}
.single_service > * {
width: 100%;
}
.single_service > a {
border: 10px solid #fff;
margin-bottom: 20px;
}
.the_video_overlay > div {
padding: 20px 35px;
}
.home .the_usps > li {
display: none;
}
.home .the_usps {
min-height: 150px;
}
.fp_services_inner .the_service {
width: 100%;
height: 300px;
margin-bottom: 20px;
}
.fp_services_inner {
flex-wrap: wrap;
}
.fp_intro > div {
padding: 20px;
}
.featured_banner {
justify-content:  flex-start;
}
.featured_banner > h2 {
margin-top: 14vw;
}
.contact_us_bottom > div:nth-child(1) , .contact_us_top > div:nth-child(2){
max-height: 330px;
}
}
@media (max-width:600px) {
h1 {
font-size: 32px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
div.site_width {
padding-left: 20px;
padding-right: 20px;
}
.gallery {
column-count: 2;
column-gap: 10px;
}
.gallery .gallery-item img {
margin: 0 0 10px 0;
}
.header-right {
display: flex;
justify-content: space-between;
}
.header_inner {
min-height: 65px;
}
.phone_number {
display: block;
text-indent: -999px;
overflow: hidden;
width: 60px;
height: 45px;
background: url(https://www.gbroadart.co.uk/wp-content/themes/gb-roadart/includes/img/phone.svg) center left no-repeat;
background-size: 70%;
text-align: left;
padding: 0px;
margin-right: 15px;
}
.phone_number span {
display: none;
}
#mobile_menu_button {
margin-right: 15px;
}
#logo {
width: 110px;
}
.featured_banner > h2 {
padding: 20px;
font-size: 36px;
}
.fp_case_studies a {
width: calc(50% - 20px);
height: 300px;
}
.the_video_wrapper {
top: 71px;
}
.fp_intro > div {
padding: 20px;
}
div.fp_services {
padding: 10px;
}
.fp_services_inner {
padding: 20px;
}
.home .the_usps {
min-height: 120px;
}
.fp_case_studies_intro .button {
display: none;
}
.fp_case_studies a , .fp_case_studies a:nth-last-child(2) {
width: 100%;
margin-bottom: 20px
}
.affiliated_with img {
max-width: 115px;
max-height: 80px;
}
.the_service, .case_studies a {
height: 150px;
}
.case_studies a {
width: 100%;
}
}
#uof_cookie_notice {
width: 250px;
background: #fff;
border: 1px solid #bfbfbf;
border-left: 4px solid #666;
padding: 15px;
position: fixed;
bottom: 50px;
left: 50px;
z-index: 3;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
opacity: 1;
}
#uof_cookie_notice p {
margin-top: 0
}
#uof_cookie_notice .accept {
display: inline-block;
height: 25px;
line-height: 25px;
padding: 0 15px;
border-radius: 3px;
text-decoration: none;
background: #bfbfbf;
color: #fff;
}
#uof_cookie_notice.cookie_hide {
-webkit-transition: opacity 1s, left 1s;
transition: opacity 1s, left s1;
opacity: 0;
left: -500px;
}
@media(max-width:600px) {
.fp_services_inner {
margin-top: -90px;
}
#uof_cookie_notice {
width: calc(100% - 20px);
left: 0;
bottom: 15px;
border-radius: 0;
border-left: none;
border-right: 0
}