body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
body {
font-size: 15px;
text-align: center;
}
}
h4, h5, h6 {
margin-bottom: 10px;
}
p:empty {
display: none;
}
a.button.inv-btn {
background-color: #0068b3; 
}
a.button.inv-btn:hover {
background-color: #ee3a43;
}  @media (max-width: 767px) {
body .site-logo.mobile-header-logo img {
height: 100px;
}
.main-navigation .menu-bar-item>a {
padding-left: 10px; padding-right: 10px;
}
#mobile-menu {
background-color: #0068B3;
}
#mobile-menu #menu-main-navigation-menu {
padding: 10px 0;
}
.main-navigation .main-nav ul li a {
color: #fff;
}
.main-navigation .main-nav ul li a:hover, .main-navigation .main-nav ul li.sfHover > a {
color: #f7f8f9;
}
body .main-navigation ul ul {
box-shadow: none;
}
} .flex-row {
display: flex;
flex: 1;
flex-direction: row;
flex-wrap: wrap;
}
.flex-col {
display: flex;
flex: 1;
flex-direction: column;
box-sizing:border-box;
}
.clearfix {
clear: both;
}
.clearfix:after {
clear: both;
content: "";
display: table;
}
.align-c {
text-align: center;
}
span.sub-head {
display: block;
padding-top: 20px;
} .inside-header {
position: relative;
}
body.header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child) {
margin-top: 0;
}
a.lhs-link, a.rhs-link {
position: absolute;
color: #3a3f52;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
}
a.lhs-link:hover, a.rhs-link:hover {
color: #2C3539;
}
a.lhs-link {
left: 20px;
display: inline-flex;
align-items: center;
}
a.rhs-link {
right: 20px;
}
.header-link {
display: inline-flex;
align-items: center;
}
.header-link .icon {
padding-right: 5px;
color: #0068b3;
font-size: 20px;
}
@media (max-width: 768px) {
.site-header .header-image {
max-width: 220px;
}
.main-navigation .menu-bar-items a {
font-size: 20px;
}
.nav-below-header .main-navigation .inside-navigation.grid-container {
flex-direction: row-reverse;
padding-left: 10px; padding-right: 10px;
}
.nav-below-header .main-navigation.toggled .inside-navigation.grid-container {
padding-bottom: 10px;
}
.menu-toggle {
padding: 0 10px;
}
#primary-menu, .main-navigation.toggled .main-nav > ul {
background-color: #0068b3;
}
}
@media (max-width: 599px) {
.header-link .link-text {
display: none;
}
} .home-swiper .swiper-slide {
background-size: cover;
background-repeat: no-repeat;
}
.home-swiper .swiper-pagination-bullet {
background-color: #fff;
z-index: 20;
}
.home-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #1e73be;
}
.home-swiper .slide1 {
background-image: url(//paintfinishingsystems.co.uk/wp-content/uploads/2021/04/hp1.1.jpg);
}
.home-swiper .slide2 {
background-image: url(//paintfinishingsystems.co.uk/wp-content/uploads/2021/04/hp2.1.jpg);
}
.home-swiper .slide3 {
background-image: url(//paintfinishingsystems.co.uk/wp-content/uploads/2021/04/hp3.1.jpg);
}
.home-swiper .slide4 {
background-image: url(//paintfinishingsystems.co.uk/wp-content/uploads/2021/04/hp4.1.jpg);
}
@media (min-width: 768px) {
.home-swiper .swiper-slide {
height: 70vh;
min-height: 500px;
}
.home-swiper .swiper-pagination-bullet {
height: 12px;
width: 12px;
}
.hero-content h1 {
text-align: left; 
}
.hero-content {
padding: 0 20px;
}
.hero-content .flex-col {
margin: 10px 20px; 
}
}
@media (max-width: 767px) {
.home-swiper .swiper-slide {
min-height: 340px;
}
.home-swiper .slide1 {
background-position: ;
}
.home-swiper .slide2 {
background-position: ;
}
.home-swiper .slide3 {
background-position: ;
}
.home-swiper .slide4 {
background-position: ;
}
.hero-content {
padding: 0 10px;
}
}
.home-hero {
position: relative;
}
.hero-content-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 10;
}
.hero-content {
margin: 5% auto;
max-width: 1300px;
}
.hero-content .flex-col {
padding: 0 10px;
}
.hero-content h1 {
color: #fff;
text-shadow: rgb(0 0 0 / 80%) 0 0 20px;
margin-top: 30px;
font-size: 36px;
}
@media (min-width: 768px) and (max-width: 899px) {
.hero-content h1  {
font-size: 30px;
}
}
@media (max-width: 767px) {
.hero-content #contact-form {
display: none;
}
.hero-content h1 {
font-size: 26px;
}
h3.service-list {
justify-content: center;
}
body p.service-list {
display: block;
text-align: center;
}
}
#contact-form .nf-field-container {
margin-bottom: 15px;
}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="tel"], #contact-form textarea, #contact-form input[type="number"] {
border-width: 3px;
-webkit-appearance: none;
background-color: rgba(0,0,0,0.42);
color: #fff;
}
#contact-form .nf-field-container .field-wrap .nf-element::placeholder {
color: #fff;
}
.page-header {
margin-bottom: 0;
}
.home-hero .nf-response-msg p {
color: #fff;
} @media (max-width: 767px) {
.text-img-row .wp-block-image img {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
ul.about-services  {
list-style: none;
margin: 0 0 1.5em;
}
ul.about-services li {
margin-bottom: 5px;
}
ul.about-services li:before {
content: "- "
}
}
@media (max-width: 360px) {
.text-img-row .wp-block-image img {
max-width: 240px;
margin-left: auto;
margin-right: auto;
}	
} #cta {
background-color: #C7C8CA;
padding: 30px 20px;
} .footer-widget-1 img {
margin-bottom: 15px;
max-width: 200px;
}
@media (min-width: 850px) {
.footer-widget-3 {
text-align: right;
}
}
.footer-contact {
text-align: center;
}
.footer-contact a, .contact-details a {
font-size: 19px;
display: inline-block;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
ul.contact-details a {
color: #222;
}
ul.contact-details {
list-style: none;
margin: 0 0 1.5em;
}
ul.contact-details li {
margin-bottom: 10px;
}
ul.contact-details li.address {
margin-bottom: 0px;
}
.footer-contact a.address, .contact-details a {
margin-bottom: 5px;
}
.footer-contact .icon, .contact-details .icon {
color: #0068b3;
padding-right: 5px;
}
@media (min-width: 768px) and (max-width: 869px) {
body .contact-cols .gb-grid-column {
width: 100%;
text-align: center;
}
}
@media (max-width: 849px) {
.inside-footer-widgets {
flex-direction: column;
align-items: center;
text-align: center;
}
.footer-widget-3 {
text-align: center;
}
.inside-footer-widgets div {
max-width: 500px;
margin-bottom: 30px;
}
}
@media (max-width: 449px) {
.footer-contact a, .contact-details a {
font-size: 15px;
}
}
@font-face {
font-family: 'icomoon';
src:  url(//paintfinishingsystems.co.uk/fonts/icomoon.eot?q1v7mg);
src:  url(//paintfinishingsystems.co.uk/fonts/icomoon.eot?q1v7mg#iefix) format('embedded-opentype'),
url(//paintfinishingsystems.co.uk/fonts/icomoon.ttf?q1v7mg) format('truetype'),
url(//paintfinishingsystems.co.uk/wp-content/themes/paint_fs/fonts/icomoon.woff?q1v7mg) format('woff'),
url(//paintfinishingsystems.co.uk/fonts/icomoon.svg?q1v7mg#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.icon-check:before {
content: "\f00c";
}
.icon-close:before {
content: "\f00d";
}
.icon-remove:before {
content: "\f00d";
}
.icon-times:before {
content: "\f00d";
}
.icon-play-circle-o:before {
content: "\f01d";
}
.icon-map-marker:before {
content: "\f041";
}
.icon-check-square-o:before {
content: "\f046";
}
.icon-play:before {
content: "\f04b";
}
.icon-calendar:before {
content: "\f073";
}
.icon-external-link:before {
content: "\f08e";
}
.icon-phone:before {
content: "\f095";
}
.icon-twitter:before {
content: "\f099";
}
.icon-facebook:before {
content: "\f09a";
}
.icon-facebook-f:before {
content: "\f09a";
}
.icon-caret-down:before {
content: "\f0d7";
}
.icon-caret-up:before {
content: "\f0d8";
}
.icon-caret-left:before {
content: "\f0d9";
}
.icon-caret-right:before {
content: "\f0da";
}
.icon-envelope:before {
content: "\f0e0";
}
.icon-linkedin:before {
content: "\f0e1";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
.icon-mobile:before {
content: "\f10b";
}
.icon-mobile-phone:before {
content: "\f10b";
}
.icon-youtube-play:before {
content: "\f16a";
}
.icon-instagram:before {
content: "\f16d";
}
.icon-whatsapp:before {
content: "\f232";
}