@font-face {
font-family: 'Century Gothic';
src: url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic.eot);
src: local('Century Gothic'), local('CenturyGothic'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic.eot?#iefix) format('embedded-opentype'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic.woff2) format('woff2'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic.woff) format('woff'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Century Gothic';
src: url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic-Bold.eot);
src: local('Century Gothic Bold'), local('CenturyGothic-Bold'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic-Bold.woff2) format('woff2'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic-Bold.woff) format('woff'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Century Gothic';
src: url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic-BoldItalic.eot);
src: local('Century Gothic Bold Italic'), local('CenturyGothic-BoldItalic'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic-BoldItalic.eot?#iefix) format('embedded-opentype'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic-BoldItalic.woff2) format('woff2'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic-BoldItalic.woff) format('woff'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic-BoldItalic.ttf) format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Century Gothic';
src: url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic-Italic.eot);
src: local('Century Gothic Italic'), local('CenturyGothic-Italic'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic-Italic.eot?#iefix) format('embedded-opentype'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic-Italic.woff2) format('woff2'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic-Italic.woff) format('woff'),
url(//boughtonsbedrooms.co.uk/fonts/CenturyGothic-Italic.ttf) format('truetype');
font-weight: normal;
font-style: italic;
} .tab-content {
padding-bottom: 20px;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 768px) {
body {
font-size: 15px;
}
}
h1 {
letter-spacing: -0.02em;
}
h4, h5, h6 {
margin-bottom: 10px;
}
p:empty {
display: none;
}
p.small-text {
font-size: 13px;
}
.mb-10 {
margin-bottom: 10px;
}
hr, hr.wp-block-separator {
max-width: 160px;
margin: 10px auto 20px;
background-color: none;
border-top: 1px solid #037971;
border-bottom: 1px solid #037971;
}
.align-c {
text-align: center;
}
.border-box {
box-sizing: border-box;
}
.site-branding {
display: inline-flex;
letter-spacing: -0.16em;
line-height: 1;
}
.main-title {
margin: -5px 0 0;
}
@media (max-width: 768px) {
.site-branding .main-title {
font-size: 24px;
margin-top: 0;
}
}
@media (min-width: 768px) {
#menu-main-navigation-menu li.desktop-hide, .mobile-swiper {
display: none;
}
#sticky-navigation li.desktop-hide.sticky-menu-item {
display: inline-block;
}	
}
@media (max-width: 767px) {
.desktop-swiper {
display: none;
}
.menu-toggle .mobile-menu {
font-weight: 600;
}
}
#menu-secondary-nav ul.sub-menu li a {
font-size: 14px;
}
.secondary-navigation ul ul {
margin-left: 20px;
} @media (min-width: 768px) and (max-width: 1149px) {
.main-navigation .main-nav ul li a, #secondary-navigation .main-nav ul li a, .showroom-links p, .showroom-links .gb-container a {
font-size: 15px;
}
.main-navigation .main-nav ul li a, #secondary-navigation .main-nav ul li a {
padding-left: 10px; padding-right: 10px;
}
.menu-item-has-children .dropdown-menu-toggle, #secondary-navigation .menu-item-has-children .dropdown-menu-toggle {
padding-right: 0;
}
}
@media (max-width: 1220px) {
.gb-container.showroom-links {
}
}  #fhw_cookiehinweis {
box-sizing: border-box;
}
#fhw_cookiehinweis p, #fhw_cookiehinweis a {
font-size: 15px;
} a.button {
border-radius: 25px;
}
a.button.inv-btn {
background-color: #ff4a1c;
}
a.button.inv-btn:hover {
background-color: #037971;
}
a.button.inv-btn.fb-btn:hover {
background-color: #847e89;
}
.side-btn.button {
background-color: #ff4a1c;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding-bottom: 5px;
}
.side-cta .side-btn.button:hover {
background-color: #03b5aa;
}
.side-cta {
position: fixed;
z-index: 100;
display: none;
}
a.button.ghost-btn, a.button.ghost-btn:hover {
background-color: rgba(255,255,255,0);
}
a.button.ghost-btn {
color: #03b5aa;
border: 2px solid;
padding: 8px 18px;
}
a.button.ghost-btn.white {
color: #fff;
}
a.button.ghost-btn.white:hover {
color: #03b5aa;
}
a.button.dark:hover {
background-color: #24262f;
}
a.button.ghost-btn:hover {
color: #037971;
}
.buttons .button {
margin: 5px;
}
a.button.sm-btn {
font-size: 13px;
padding: 8px 16px;
}
@media (min-width: 768px) {
.side-cta {
position: fixed;
top: 40%;
right: 0;
transform: rotate(270deg);
transform-origin: right bottom 0;
z-index: 100;
}
.mob-contact {
display: none;
}
}
@media (max-width: 767px) {
.side-cta {
bottom: 0;
left: calc(50% - 228px/2);
}
.header-widget {
display: none;
}
.inside-navigation {
padding: 10px 20px;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.mob-contact {
display: inline-flex;
flex-grow: 1;
}
.main-navigation .menu-toggle {
width: auto;
padding: 0;
font-size: 24px;
display: inline-flex;
flex-grow: 1;
z-index: 1000;
justify-content: flex-end;
align-items: center;
}
body .mob-contact .gb-inside-container {
margin-left: 0px; margin-right: 0;
}
}
@media (max-width: 767px) {
.inside-header>:not(:last-child):not(.main-navigation) {
margin-bottom: 0;
}
#secondary-navigation {
display: none;
}
.main-navigation .main-nav ul li a {
}
.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
}
.main-navigation:not(.slideout-navigation) .main-nav ul ul li a {
color: #eee;
font-size: 13px;
}
} .service-img-container {
position: relative;
}
.service-img-container .text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.service-img-container .text-hover {
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
background-color: rgb(229,235,234, 0.7);
}
.service-img-container .text-hover p {
margin: 10px;
font-size: 15px;
}
.service-img-container .text-hover p a {
color: #222;
}
.service-img-container:hover .text-hover {
opacity: 1;
}
.service-img-container.img-hover-zoom .text h2 {
margin-bottom: 0;
}
.service-img-container.img-hover-zoom .text h2 a {
color: #fff;
font-weight: 600;
text-shadow: rgba(0,0,0,0.65) 0 0 8px;
transition: all .2s;
font-family: "Jost", sans-serif;
text-transform: uppercase;
}
.service-img-container img {
width: 100%;
margin-bottom: -10px;
}
.service-img-container.img-hover-zoom:hover img {
filter: brightness(82%);	
}
.img-hover-zoom {
overflow: hidden; 
}
.img-hover-zoom img {
transition: transform .5s ease;
}
.img-hover-zoom:hover img {
transform: scale(1.08);
}
.intro-text p {
max-width: 800px;
margin-left: auto; margin-right: auto;
} @media (max-width: 449px) {
#ranges h3 {
font-size: 15px;
margin-top: 4px; 
margin-bottom: 4px;
}
}
@media (max-width: 399px) {
#ranges .gb-grid-column {
width: 100%;
}
#ranges .sale-bg {
min-height: 220px;
}
}
.range-col {
padding: 5px;
margin-bottom: 20px;
background-color: #f4f4f4;
}
.range-col h3 {
margin-bottom: 0;
font-weight: normal;
}
@media (min-width: 768px) {
.swiper-slide.dektop-hide {
display: none;
}
}
#ranges .overlay-container {
position: relative;
}
#ranges .overlay-container:hover .text-overlay {
opacity: 1;
}
.text-overlay {
background-color: rgba(36,38,47,0.7);
padding: 0 30px;
box-sizing: border-box;
transition: .5s ease;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
width: 100%;
height: 100%;
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (max-width: 449px) {
.text-overlay {
padding: 5px 15px;
}	
}
body .featherlight .featherlight-content .caption {
font-family: "Jost", sans-serif;
font-weight: 500;
text-align: center;
font-size: 15px;
width: 100%;
padding-top: 3px;
} @media (max-width: 767px) {
#process .gb-inside-container img {
max-width: 300px;
}
#process .gb-inside-container .gb-headline {
max-width: 400px;
}
#process .gb-inside-container .gb-headline, #process .gb-inside-container img {
margin-left: auto; margin-right: auto;
}
} .star-rating {
margin-bottom: 10px;
}
.star-rating span {
background-color: #037971;
color: #fff;
padding: 2px;
}
.review-details p {
margin-bottom: 0px;
}
.review-details p a {
color: #847e89;
}
.review-details p:last-child {
font-size: 13px;
}
.shadow {
box-shadow: 0px 3px 6px #00000029;
}
.review-container {
margin-bottom: 20px;
text-align: center;
background-color: #fff;
padding: 30px 40px;
border-radius: 5px;
}
.review-content h3 {
color: #222;
}
.review-content p {
font-size: 16px;
}
@media (max-width: 499px) {
.review-content p {
font-size: 14px;
}
#reviews {
padding-left: 20px;
padding-right: 20px;
}
.review-container {
padding-left: 20px;
padding-right: 20px;
}
} .background-video {
position: absolute;
left: 50%; 
top: 50%;
transform: translate(-50%, -50%);
}
.video-container {
position: relative;
overflow: hidden;
}
video[poster] {
object-fit: cover;
width: 100%;
height: 100%;
}
video {
height: 100%;
width: 177.77777778vh; }
#design-cta {
padding: 0;
background-color: #f4f4f4;
}
.cta-col {
padding: 40px; 
}
.video-col {
background-color: #f4f4f4;
padding: 40px;
}
@media (min-width: 1024px) {
#design-cta {
display: flex;
align-items: center;
}
}
.cta-box {
border: 1px solid #eee;
padding: 30px;
}
.cta-box img {
margin-bottom: 10px;
filter: grayscale(0.5);
}
.cta-box hr {
background-color: #eee;
}
.cta-col {
background-color: #847e89;
}
.cta-col a.button .icon, .promo-block a.button .icon {
padding-right: 5px;
display: inline-block;
}
.video-col h2, .cta-col h2 {
font-style: italic;
}
.video-col video {
width: 100%;
height: auto;
}
.cta-col h2, .cta-col p {
color: #fff;
}
@media (max-width: 1024px) {
.video-col h2 {
text-align: center;
}
}
@media (max-width: 499px) {
.cta-col, .video-col, .cta-box {
padding: 20px;
}
}
@media (min-width: 1850px) {
.video-col video {
max-width: 850px;
}
} .tab-content {
display: none;
}
.tab-content.current {
display: inherit;
} .swiper-sliding .swiper-wrapper {
padding: 10px 0;
}
.swiper-sliding .slide-container {
background-color: #fff;
padding: 10px;
box-shadow: 0 0 11px 5px rgb(0 0 0 / 1%);
}
.swiper-sliding .slide-container p {
font-weight: 700;
margin-bottom: 0;
text-align: center;
}
.swiper-sliding .swiper-button-next, .swiper-sliding .swiper-button-prev  {
color: #fff;
}
.swiper-sliding .swiper-button-next::after, .swiper-sliding .swiper-button-prev::after {
background-color: #037971;
font-size: 20px;
padding: 5px 10px;
}
.swiper-sliding .swiper-button-next, .swiper-sliding .swiper-button-prev {
}
.swiper-sliding .swiper-button-next {
right: 0;
}
.swiper-sliding .swiper-button-prev {
left: 0;
}
@media (max-width: 1399px) {
.page-id-30 .gb-container-595329a4:before {
background-position: bottom left;
}
}
@media (min-width: 1400px) {
.page-id-30 .gb-container-595329a4:before {
background-position: center center;
}
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
font-size: 15px;
font-weight: 700;
opacity: 0;
transition: all .2s;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:hover figcaption {
opacity: 100;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
display: none;
} h2.widget-title {
border-bottom: 1px solid #037971;
padding-bottom: 10px;
font-weight: 600;
font-size: 15px;
letter-spacing: 1.02px;
}
.footer-widgets span.icon {
color: #03b5aa;
display: inline-block;
font-size: 22px;
width: 30px;
}
.showroom-address {
display: flex;
}
.showroom-address {
margin-bottom: 20px;
}
.showroom-address a {
text-decoration: underline;
}
a.footer-contact {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.button.ig-btn, .button.fb-btn {
padding: 15px;
font-size: 20px;
height: 20px;
width: 20px;
display: inline-flex;
justify-content: center;
align-items: center;
} #contact-form .nf-field-label label, #contact-form .list-checkbox-wrap .nf-field-element li label, #contact-form .list-radio-wrap .nf-field-element li label, #contact-form .file_upload-wrap, #contact-form .ninja-forms-form-wrap a {
color: #fff;
}
#contact-form .nf-fu-fileinput-button {
margin-top: 20px;
}
#contact-form input[type=button]:hover, #contact-form .nf-fu-fileinput-button:hover {
background-color: #24262f;
}
@media (max-width: 499px) {
#contact-form .one-half {
width: 100%;
margin-left: 0;
}
}
#guide-form .nf-field-container {
margin-bottom: 10px;
}
#guide-form .label-above .nf-field-label {
margin-bottom: 3px;
}
@media (max-width: 767px) {
#guide-form {
max-width: 450px;
margin: 20px auto 0;
}
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
.nf-response-msg {
text-align: center;
color: #fff;
} @font-face {
font-family: 'icomoon';
src:  url(//boughtonsbedrooms.co.uk/fonts/icomoon.eot?93l229);
src:  url(//boughtonsbedrooms.co.uk/fonts/icomoon.eot?93l229#iefix) format('embedded-opentype'),
url(//boughtonsbedrooms.co.uk/fonts/icomoon.ttf?93l229) format('truetype'),
url(//boughtonsbedrooms.co.uk/fonts/icomoon.woff?93l229) format('woff'),
url(//boughtonsbedrooms.co.uk/fonts/icomoon.svg?93l229#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-home:before {
content: "\e900";
}
.icon-phone:before {
content: "\e942";
}
.icon-facebook:before {
content: "\ea90";
}
.icon-instagram:before {
content: "\ea92";
}
.icon-twitter:before {
content: "\ea96";
}
.icon-number:before {
content: "\e901";
}
.icon-number1:before {
content: "\e902";
}
.icon-number2:before {
content: "\e903";
}
.icon-number3:before {
content: "\e904";
}
.icon-number4:before {
content: "\e905";
}
.icon-number5:before {
content: "\e906";
}
.icon-number6:before {
content: "\e907";
}
.icon-number7:before {
content: "\e908";
}
.icon-number8:before {
content: "\e909";
}
.icon-number9:before {
content: "\e90a";
}
.icon-quote:before {
content: "\e90b";
}
.icon-quote1:before {
content: "\e90c";
}
.icon-calendar:before {
content: "\e90d";
}
.icon-monitor:before {
content: "\e90e";
}
.icon-upload:before {
content: "\e90f";
}
.icon-checkmark:before {
content: "\e910";
}
.icon-cancel:before {
content: "\e911";
}
.icon-plus:before {
content: "\e912";
}
.icon-minus:before {
content: "\e913";
}
.icon-notice:before {
content: "\e914";
}
.icon-picture:before {
content: "\e915";
}
.icon-time:before {
content: "\e916";
}
.icon-upload1:before {
content: "\e917";
}
.icon-location:before {
content: "\e918";
}
.icon-phone1:before {
content: "\e919";
}
.icon-phone2:before {
content: "\e91a";
}
.icon-image:before {
content: "\e91b";
}
.icon-mouse:before {
content: "\e91c";
}
.icon-stack:before {
content: "\e91d";
}
.icon-ruler:before {
content: "\e91e";
}
.icon-tools:before {
content: "\e91f";
}
.icon-brush:before {
content: "\e920";
}
.icon-attachment:before {
content: "\e921";
}
.icon-pencil:before {
content: "\e922";
}
.icon-pen:before {
content: "\e923";
}
.icon-edit:before {
content: "\e924";
}
.icon-envelope:before {
content: "\e925";
}
.icon-pictures:before {
content: "\e926";
}
.icon-clipboard:before {
content: "\e927";
}
.icon-ruler1:before {
content: "\e928";
}