/*
	Theme Name: Bespoke Blinds
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.4
	Stable tag: 3.4.4
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
	Template: hello-elementor
*/

body {
  overflow: auto;
  margin: 0;
}

:root {
  --white: #ffffff;
  --gold: #4fae32;
  --gold-hover: #4fae32;
  --blue: #000F2C;
  --blue-hover: #000F2C;
  --grey: #e7e7e7;
}

/** Text Styling **/
h1,
.match-h1 h2,
.h1 p{
  font-family: "Playfair Display";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  text-transform: capitalize;
}

h2 {
  font-family: "Playfair Display";
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  color: var(--blue);
}

h3 {
  font-family: "Playfair Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: var(--white);
}

h4 {
  font-family: "Playfair Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

h5 {
  color: var(--white);
  font-family: "Playfair Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}

p {
  font-family: "avenir-lt-pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
  color: var(--blue);
}

.text-container ul li, .post-content ul li, .post-conent ol li {
  font-size: 16px;
  font-family: "avenir-lt-pro", sans-serif;
   color: var(--blue);
}

.small p {
  font-family: "avenir-lt-pro", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
}

.white p {
  color: var(--white);
}

.elementor-button-text {
  font-family: 'Avenir';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.text-container ul,
.text-container ol {
  font-family: "avenir-lt-pro", sans-serif;
  line-height: 2;
  color: var(--blue);
}

.blue h3 {
  color: var(--blue);
}

.match-h2 h3,
.match-h2 h1 {
  font-family: "Playfair Display";
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.match-h3 h2, .match-h3 p {
  font-family: "Playfair Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.match-h5 p {
  font-family: "Playfair Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
}

span.h2-brk {
  display: inline-block;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "avenir-lt-pro", sans-serif;
}

/*Button Styling */
a.elementor-button.elementor-button-link.elementor-size-sm {
  display: flex;
  height: 40px;
  padding: 0 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 0;
}

.header-phone-btn {
  display: flex;
  height: 40px;
  padding: 0 20px;
  justify-content: center;
  align-items: center !important;
  gap: 10px;
  border-radius: 0;
  background-color: var(--gold);
}

body .header-phone-btn .elementor-shortcode {
    display: flex;
    gap: 10px;
}

body .header-phone-btn a {
    color: var(--white);
    font-weight: 500;
}

body i.fa-solid.fa-phone {
    display: flex;
    align-items: center;
}

body .header-phone-btn i {
	color: var(--white);
}

body .header-phone-btn:hover {
  background-color: var(--gold-hover);
  color: var(--white);
}

.gold a.elementor-button.elementor-button-link.elementor-size-sm {
    background-color: #20C4F4;
    color: #000;
}

.gold a.elementor-button.elementor-button-link.elementor-size-sm:hover {
  background-color: var(--gold-hover);
  color: var(--white);
}

.blue a.elementor-button.elementor-button-link.elementor-size-sm {
    background-color: #176CAF !important;
    color: var(--white);
}

.blue a.elementor-button.elementor-button-link.elementor-size-sm:hover {
  background-color: var(--blue-hover);
  color: var(--white);
}

.white a.elementor-button.elementor-button-link.elementor-size-sm {
  background-color: var(--white);
  color: var(--blue);
}

.hov-btn span.elementor-button-icon {
  display: none;
}

.hov-btn:hover span.elementor-button-icon {
  display: block;
}

.hov-btn:hover .elementor-button-text {
  top: 3px;
  position: relative;
}

.clear a.elementor-button.elementor-button-link.elementor-size-sm {
  background-color: #041224;
  color: #fff;
  border: 1px solid var(--blue);
}

.white {
  color: var(--white);
}

body .blue {
  color: var(--blue) !important;
}

body .b {
  font-weight: bold;
}

body .text-container a, body .form-container a, body .inner-container a, .text a, .form a {
    color: var(--blue);
    font-weight: bold;
}

body .text-container a:hover, body .form-container a:hover, body .inner-container a:hover, .text a:hover, .form a:hover, a.read-more:hover, a.read-less:hover {
	cursor: pointer;
}

@media (max-width: 767px) {
h1, .match-h1 h2 {
    font-size: 30px;
	line-height: 30px;
}

  h2 {
    font-size: 24px;
    line-height: 24px;
  }

  p,
  .text-container ul li {
    font-size: 16px;
    line-height: 24px;
  }

  .elementor-button-text {
    font-size: 16px;
  }
}

@media (max-width: 439px) {
h1, .match-h1 h2 {
    font-size: 22px;
    line-height: 22px;
}
}

/** Header Styling **/
span.e-n-menu-title-text {
    font-family: 'avenir-lt-pro';
	  font-weight: 300;
  font-size: 16px;
}

a.elementor-item {
  font-family: "avenir-lt-pro";
  font-weight: 300;
  font-size: 16px;
  color: var(--blue);
}

body .header-row {
  padding: 15px 2vw;
}

body .usp-row {
  padding: 0 2vw 15px 2vw;
}

body .icon-row {
  padding: 15px 2vw;
}

/*Styling on the carousel*/
.slider-container {
	overflow: hidden !important;
	width: 100% !important;
	padding: 10px 0 !important;
}

.slider-track {
	display: flex !important;
	gap: 15px !important;
	transition: transform 0.5s ease !important;
	will-change: transform !important;
	justify-content: space-between !important;
}

.slide {
	flex-shrink: 0 !important;
	white-space: nowrap !important;
	font-weight: bold !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	background-color:transparent !important;
	box-shadow: none !important;
}

.slide p {
	margin-block: 0 !important;
	color: var(--white) !important;
}

body .icon-row .elementor-swiper-button.elementor-swiper-button-next,
body .icon-row .elementor-swiper-button.elementor-swiper-button-prev {
  display: none;
}

/*Ensure Request Appointment Button Text is inline*/
.appointment span.elementor-button-text {
  margin-top: 2px;
}

/*Position areas we cover dropdown to be inline with the parent*/
body .areas-menu-container {
	width: 200px;
    position: absolute;
    align-items: center;
}

@media (min-width: 1025px) and (max-width: 1539px) {
  body .rsp-btns-row {
    display: flex;
  }
	body .rsp-btns-row .elementor-shortcode {
        display: flex;
        gap: 10px;
        height: 25px;
        align-items: center;
    }
	.rsp-btns-row i {
		color: var(--white);
	}
  body .rsp-btns-row a, body {
    font-weight: 500;
	 color: var(--white);
	}
  body .rsp-btns {
    display: none;
  }
  body .elementor-widget-n-menu .e-n-menu {
    align-items: flex-end;
  }
  /*Ensure that the areas dropdown sits inline on the full width menu*/
	body .areas-menu-container {
		position: absolute;
		align-items: center;
	}
}

@media (min-width: 1539px) {
  body .rsp-btns-row {
		display: none;
  }
}

@media (max-width: 1024px) {
  .header-row .dsk,
  .usp-row .dsk {
    display: none;
  }
  body .rsp-btns-row {
    display: none;
  }
}

@media (max-width: 767px) {
  .icon-row .swiper-slide {
    width: 80vw !important;
    margin-right: 15px;
  }
}

/* Menu Dropdown */
.dropdown ul {
  gap: 1%;
}

.dropdown ul li {
  width: 31%;
  border-bottom: 1px solid var(--gold);
}

.info .dropdown ul li {
  width: 100%;
  border-bottom: 1px solid var(--gold);
}

.dropdown ul li a.elementor-item {
  padding: 10px 0;
}

.info .dropdown h5 {
  color: var(--blue);
  border-bottom: 1px solid var(--gold);
  padding-bottom: 10px;
}

.drpdwn-btn {
  width: 32%;
}

@media (max-width:1540px) {
body .elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]) .e-n-menu-content {
	left: auto;
    position: absolute;
    right: -2vw;
    width: var(--stretch-width);
    display: inline-block;
}
body .dropdown ul li a {
    white-space: normal !important;
    line-height: 22px;
}
}

/**Mobile Menu**/
	body .popup-phone-email-container .elementor-shortcode a {
    	display: none;
	}
	body .popup-phone-email-container .elementor-shortcode {
    	display: flex;
    	gap: 10px;
    	justify-content: center;
    	width: 100%;
	}

@media (min-width:767px) and (max-width: 1024px) {
	.home-hero {
		height: 40vh !important;
	}
	h1 {
		font-size: 58px !important;
	}
    body .mobile-menu .e-n-menu-content.e-active {
        position: relative !important;
        top: 0 !important;
        left: auto !important;
        right: 0 !important;
        width: 0 !important;
    }
	
	span.sml-hding {
		font-size: 50px !important;
	}
	
	body .mobile-menu li.e-n-menu-item {
		display: flex;
		flex-direction: column;
	}
	
	body .mobile-menu .blinds nav.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none {
		width: 91vw !important;
		background-color: var(--white);
		padding: 20px;
		position: relative;
		top: -20px;
		left: -15px;
	}
	
    body .mobile-menu .info .dropdown {
        width: 91vw !important;
        background-color: var(--white) !important;
        padding: 20px;
        left: -42vw !important;
    }
	
	.dropdown .areas ul {
    	gap: 1%;
    	width: 100%;
	}
	
	.dropdown .areas ul li {
    	width: 24%;
    	border-bottom: 1px solid var(--gold);
	}
	
	.areas nav.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none {
		width: 91vw;
		background-color: var(--white);
		padding: 20px;
		position: relative;
		top: -20px;
		left: -57vw;
		display: grid;
	}
}

@media (max-width: 767px) {
		body .mobile-menu .e-n-menu-content.e-active {
			position: relative !important;
			top: 0 !important;
			left: 20px !important;
			right: 0 !important;
			width: 79vw !important;
		}
	
	    body .elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]) .e-n-menu-content {
        	left: auto;
        	position: absolute;
        	right: 0vw;
    	    width: var(--stretch-width);
    	}
	
		body .mobile-menu .info .dropdown {
				background-color: var(--white) !important;
				padding: 20px;
				left: 0;
		}

		.mobile-menu .elementor-widget-n-menu .e-n-menu-heading {
			display: block;
		}

	  .mobile-menu .elementor-widget-n-menu .e-n-menu-item {
		display: block;
	  }

	  .dropdown ul li {
		width: 100%;
		border-bottom: 1px solid var(--gold);
	  }
}

/** Global Styling Elements **/
body .narrow {
  padding: 60px 2vw;
  padding-left: 2vw;
}

body .text-container {
	padding: 0;
}

body .inner-container {
  padding-bottom: 30px;
}

body .first-carousel-row {
	padding: 0 0 60px 2vw;
}

.gry-brdr {
  border: 30px solid var(--grey);
}

body .notop {
  border-top: none !important;
}

body .no-btm {
  border-bottom: none !important;
}

.fit-width {
  width: fit-content;
}

.white-bg {
  background-color: var(--white);
}

.blue-bg {
  background-color: var(--blue);
}

.grey-bg {
  background-color: var(--grey);
}

.short-text {
  width: 75%;
}

.upper {
  text-transform: uppercase;
}

.lght h2 {
  font-weight: 400 !important;
}

@media (max-width: 1024px) {
  .tab {
    display: block !important;
  }
}

@media (min-width: 1025px) {
  .tab {
    display: none;
  }
}

@media (max-width: 767px) {
  .dsk {
    display: none;
  }
  body .inner-container {
    padding-bottom: 15px;
  }

  body .carousel-row, body .first-carousel-row {
    padding: 30px 2vw 30px 2vw;
  }

  body .narrow {
    padding: 30px 2vw;
  }

  body .three-gry-brdr {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: none !important;
  }
  .side-image {
    border: 15px solid var(--grey);
  }

  .side-image .image {
    height: 40vh !important;
  }

  .side-image .text-container {
    padding: 30px !important;
  }
}

@media (min-width: 767px) {
  .mob {
    display: none;
  }
}

/** Home Page Styling **/
span.full {
  display: inline-block;
  width: 100%;
}

body.home-hero {
  height: 60vh;
  width: 100vw;
  justify-content: center;
	color: var(--white);
	padding:15px;
}

body .pge-intro {
    padding: 60px 2vw 0 2vw;
}

span.sml-hding {
  display: inline-block;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "avenir-lt-pro", sans-serif;
  font-size: 58px;
}

.home-hero h3 {
  font-family: "avenir-lt-pro", sans-serif;
}

.home-hero .larger p {
  font-size: 58px;
  line-height: 56px;
}

.home-hero .desc p {
  font-size: 24px;
  line-height: 24px;
  color: var(--white);
}

.home-hero .badge-container {
  width: fit-content;
}

/**Google Badge Styling**/

/*Flex the container and add a border to the top*/
body .eapps-widget .es-badge-container {
  border-top: 6px solid #34a853 !important;
  padding: 6px 12px !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 1% !important;
}

.eapps-widget .es-card-badge-container,
.eapps-widget .es-badge-rating-container {
  display: flex !important;
  flex-direction: row !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}

/*Remove the background and border from Google icon*/
body .eapps-widget .es-google-icon {
  border: none !important;
  background-color: transparent !important;
}

/*Make Google icon width fit the badge*/
body .eapps-widget .es-badge-sources-container {
  width: fit-content !important;
}

/*Change title font and position*/
body .eapps-widget .es-badge-title {
  font-family: "avenir-lt-pro" !important;
  position: absolute !important;
  top: 10px !important;
  font-size: 18px !important;
}

/*Change number rating font*/
body .eapps-widget .es-badge-rating {
  font-family: "avenir-lt-pro" !important;
}

/*Adjust number and stars font size*/
body .eapps-widget .es-rating-value {
  font-size: 20px !important;
}

body .eapps-widget .es-rating-stars-item-filled,
body .eapps-widget .es-rating-stars-item-unfilled {
  width: 18px !important;
  height: 18px !important;
}

/*Move Read Our Reviews to bottom of container and style*/
body .eapps-widget .es-badge-total-reviews {
  position: absolute !important;
  bottom: 10px !important;
  font-family: "avenir-lt-pro" !important;
  text-decoration: none !important;
  color: var(--blue) !important;
}

/*Mobile Styling*/
@media (max-width: 767px) {
  body .reviews-container {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }

  body .badge-container {
    position: relative !important;
  }

  body .eapps-widget .es-badge-container {
    gap: 3% !important;
    padding: 10px 15px !important;
  }

  body .eapps-widget .es-badge-title {
    font-size: 16px !important;
    position: relative !important;
    top: -1px !important;
  }

  body .eapps-widget .es-rating-value,
  body .eapps-widget .es-rating-item.es-rating-stars-item-unfilled {
    font-size: 18px !important;
  }

  body .eapps-widget .es-badge-total-reviews {
    display: none !important;
  }
  /* Prevent Accordion Title Overlap*/
	summary.e-n-accordion-item-title {
    	max-width: 80%;
	}
}

.hover-fade-img {
  position: relative;
  z-index: 1;
  display: block;
  transition: opacity 0.5s, transform 0.5s;
}

body .solutions-img img {
  height: 65vh;
  object-fit: cover;
}

.hover-fade-img:hover {
  animation: scale-then-fade 0.5s forwards;
}

@keyframes scale-then-fade {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  10% {
    opacity: 0.9;
  }
  20% {
    opacity: 0.8;
  }
  30% {
    opacity: 0.7;
  }
  40% {
    transform: scale(1.05);
    opacity: 0.6;
  }
  50% {
    opacity: 0.5;
  }
  60% {
    transform: scale(1.1);
    opacity: 0.4;
  }
  70% {
    opacity: 0.3;
  }
  80% {
    transform: scale(1.15);
    opacity: 0.2;
  }
  90% {
    opacity: 0.1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

.blinds-carousel .about {
  padding-bottom: 15px;
}

.confidence-img {
  padding: 10px;
}

.confidence-img img {
  width: 40px;
  height: 40px !important;
  object-fit: cover;
}

.side-image.left {
  border-top: 30px solid var(--grey);
  border-bottom: 30px solid var(--grey);
}

.side-image .text-container {
  padding: 40px 30px;
}

body .outdoor-carousel img {
  height: 30vh;
  object-fit: cover;
}

body .carousel-row {
  padding: 60px 0 60px 2vw;
}

body .three-gry-brdr {
  border-top: 30px solid var(--grey);
  border-right: 30px solid var(--grey);
  border-bottom: 30px solid var(--grey);
}

summary.e-n-accordion-item-title {
  padding: 30px !important;
}

.elementor-widget-n-accordion .e-n-accordion-item {
  background-color: var(--grey);
}

.e-n-accordion-item-title-text {
  font-family: "Playfair Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  color: var(--blue);
}

span.e-n-accordion-item-title-icon {
  position: absolute !important;
  right: 30px;
}

body .accordion-item {
  padding: 0 30px 30px 30px;
}

/**Quote Form Styling**/
body .quote-form {
  padding: 60px 30px;
}

body .quote-form .form-container {
    padding: 30px;
	background-color: var(--grey);
}

/*Ensure the form title is displayed*/
.quote-form .gform_heading {
    display: block !important;
}

/*Hide the "indicates required" field*/
body .gform_required_legend {
	display:none;
}

/*Add the correct styling to each field*/
.get-a-quote input,
get-a-quote .ginput_container.ginput_container_select,
.get-a-quote textarea {
  padding: 12px 15px !important;
  border: none !important;
  font-family: "avenir-lt-pro";
  color: #575756;
}

/*Change Placholder Font & Styling*/
input::placeholder, textarea::placeholder {
    font-family: 'avenir-lt-pro' !important;
    font-size: 16px;
    color: #575756;
}

/* Change Label Colour*/
label.gform-field-label {
    color: var(--blue) !important;
}

/*Ensure form links are the right colour*/
form a {
    color: var(--blue);
    font-weight: 600;
}

/*Remove dropdown border, and add a background color*/
body .product-selection select {
	border: none!important;
	background-color: #fff!important;
	padding: 12px 15px!important;
	font-family: avenir-lt-pro!important;
	color: var(-blue);
	appearance: initial !important;
	border-radius: 0 !important;
}

/*Measurements Section Styling*/

/*Flex the container*/
body .measurements-container {
  display: flex !important;
  background-color: var(--white) !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: flex-start;
  padding: 0 15px;
  gap: 30px;
  position: relative;
  top: -20px;
  margin-bottom: -20px;
}

/*Flex the measurement choices*/
body .measurements-container .gfield_radio {
    display: flex !important;
    width: auto !important;
    gap: 15px;
    position: relative;
    top: 1px;
}

/*Style the tooltip image*/
img.measurements {
    position: relative;
    left: 5px;
    top: 5px;
}

/*Radio Button Styling */

body .gfield_radio label {
  display: inline-block !important;
  font-size: 18px !important;
  font-family: "avenir-lt-pro";
  color: #575756;
}

body .ginput_container.ginput_container_radio {
    padding: 0 !important;
}

body .gfield-choice-input {
    width: 20px;
    height: 20px;
}

input[type="radio"]:checked:after {
  content: url(https://budgetblindsltd.co.uk/wp-content/uploads/2025/07/RadioButton.svg);
  position: relative;
  top: -1px;
  left: -1px;
}

@media (max-width:767px) {
	input[type="radio"]:checked:after {
    content: url(https://budgetblindsltd.co.uk/wp-content/uploads/2025/07/RadioButton.svg);
    position: relative;
    top: -3px;
    left: -5px;
}
}

/* Measuring Guide Button Position */
body .measuring-guide-button {
  position: absolute;
  right: 20px;
}

/*Style the measurements button*/
p.gold {
  background-color: var(--gold);
  padding: 0 15px;
  font-size: 14px;
}

p.gold a {
  color: var(--white);
}

/*Width / Height Labels */
.gform-field-label.gfield_header_item.gform-grid-col {
	color: var(--blue) !important;
}

/*Hide Pick a Date / Time on Request an Appointment*/
div#field_9_38, div#field_9_40 {
    display: none !important;
}


/*Remove Width / Height Container Border*/
body .gfield_list_row_odd.gfield_list_group.gform-grid-row {
    border: none !important;
	padding: 0 !important;
}

/*Increase message box size*/
.get-a-quote textarea {
  height: 80px !important;
}

/*Remove padding from privacy statemenet*/
body .privacy-statement p {
    padding: 0 !important;
    margin-block: 0;
}

/*Ensure label is blue*/
label.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
    color: var(--blue) !important;
}

@media (max-width: 1609px) {
	body .measurements-container {
    margin-bottom: 0;
	}
	body .measuring-guide-button {
        position: absolute;
        right: 0;
        width: 100%;
        text-align: center;
        padding: 0;
        left: 0;
        margin-top: 0;
        bottom: -40px;
    }
}

@media (max-width: 1109px) {
	.quote-form .empty {
    display: none;
}
}

@media (max-width: 767px) {
  body .inner-container {
    padding-bottom: 15px;
  }

  body .home-hero {
    height: auto;
    width: 100vw;
    padding: 30px 15px;
  }

  body .home-hero .larger p,
  span.sml-hding {
    font-size: 32px;
    line-height: 32px;
    margin-top: 10px;
  }

  .home-hero {
    text-align: center !important;
  }

  .home-hero h3 {
    font-size: 20px;
    line-height: 20px;
  }

  .home-hero .desc p {
    font-size: 16px;
    color: var(--white);
  }

  body .carousel-row {
    padding: 30px 2vw;
  }

  body .narrow {
    padding: 30px 2vw;
  }

  .elementor-button-text {
    font-size: 14px;
  }

  body .gry-brdr {
    border-top: 15px solid var(--grey);
    border-right: 15px solid var(--grey);
    border-bottom: 15px solid var(--grey);
    border-left: 15px solid var(--grey);
  }
	
  body .three-gry-brdr {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: none !important;
  }
	
  .side-image {
    border: 15px solid var(--grey);
  }

  body .blinds-carousel .elementor-swiper-button.elementor-swiper-button-prev,
  .blinds-carousel .elementor-swiper-button.elementor-swiper-button-next {
    position: absolute;
    bottom: 0;
    top: auto !important;
  }

  .side-image .image {
    height: 40vh !important;
  }

  .side-image .text-container {
    padding: 30px !important;
  }

  .side-image .mob-ovrly {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7);
    top: 10%;
    border: 0 !important;
    height: 80%;
    justify-content: center;
  }

  .short-text {
    width: 100%;
  }
  /*Get a Quote Form*/
	body .quote-form {
    	padding: 30px 15px;
	}
	body .quote-form .form-container {
		padding: 30px;
		background-color: transparent;
	}
	
	body .gchoice {
		display:flex;
	}
	
	body .gfield_radio label {
		display: inline-block !important;
		font-size: 14px !important;
		font-family: "avenir-lt-pro";
		color: #575756;
		 position: relative;
		 top: -5px;
	}
	
   body .quote-form .gfmc-container {
   	   display: block;
	}
	
    body .measurements-container {
        display: block !important;
        padding: 0;
        margin-bottom: 0;
        margin-top: 20px;
    }
	
	.measurements-container .title {
    	width: 100% !important;
    	padding: 1px 0 15px 15px !important;
	}	
	
	.measurements-container .choices {
    	width: 100% !important;
    	padding: 0 15px 15px 15px !important;
	}
	
	/*Style the plus / minus buttons */
    body .gform_wrapper.gravity-theme .gfield_list_group {
        border: none !important;
        display: block !important;
        margin-bottom: 16px !important;
        padding: 0 !important;
    }
	
	body .gform_wrapper.gravity-theme .gfield_list_icons {
        background-color: transparent !important;
        line-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        width: auto !important;
        display: flex !important;
        justify-content: flex-start !important;
    }

	body .gform_wrapper.gravity-theme .gfield_list_icons button {
		height: 20px !important;
		opacity: 1 !important;
		padding: 0 !important;
		width: 20px !important;
	}
	
	/*Ensure the Radio Fields sit inline*/
	body .gfield-choice-input {
		width: 15px !important;
		height: 15px !important;
		padding: 0 !important;
	}
	body .measurements-container .gfield_radio {
		display: flex !important;
		width: auto !important;
		gap: 10px;
		position: relative;
		top: 0px;
	}
	
	.get-a-quote label.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
    	color: var(--white) !important;
	}
}

@media (max-width: 439px) {
  body .home-hero .larger p,
  span.sml-hding {
    font-size: 34px;
    line-height: 34px;
    margin-top: 10px;
  }
}

/** Secondary Styling **/

body .hero-phone-btn {
  display: flex;
  height: 40px;
  padding: 0 20px;
  justify-content: center;
  align-items: center !important;
  gap: 10px;
  border-radius: 0;
  background-color: var(--white);
}

body .hero-phone-btn .elementor-shortcode {
    display: flex;
    gap: 10px;
}

body .hero-phone-btn a {
    font-weight: 500;
	font-size: 16px !important;
	color: var(--blue);
}

body .hero-phone-btn i {
	color: var(--blue);
}

.ctas .elementor-shortcode {
    display: flex;
    gap: 10px;
}

.secondary .gry-brdr {
  border-top: 0;
  border-right: 15px solid var(--grey);
  border-bottom: 30px solid var(--grey);
  border-left: 15px solid var(--grey);
}

body .secondary-carousel img {
  height: 40vh;
  object-fit: cover;
}

@media (min-width: 1024px) {
  .secondary-carousel .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    transform: none !important;
  }

  .secondary-carousel .swiper-slide {
    width: auto !important;
    margin: 0 !important;
  }

  .secondary-carousel .elementor-swiper-button-prev,
  .secondary-carousel .elementor-swiper-button-next {
    display: none !important;
  }
}

.secondary-carousel .about {
  padding: 60px 30px;
}

/** Blog Styling **/
.post-content h3 {
  color: var(--blue);
}

/*Blog Post Styling*/
body .post-details h2 {
  font-size: 22px;
}

body .post-details img {
  height: 25vh;
  object-fit: cover;
}

body .post-details {
  padding-bottom: 30px;
}

body .swiper-button-next,
.swiper-button-prev {
  position: absolute;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  top: auto !important;
}

body .swiper-button-prev:after {
  content: url(https://budgetblindsltd.co.uk/wp-content/uploads/2025/07/previous.svg);
}

body .swiper-button-next:after {
  content: url(https://budgetblindsltd.co.uk/wp-content/uploads/2025/07/next.svg);
}

.secondary-carousel .about {
    height: 40vh;
}

@media (max-width:1519px) {
.secondary-carousel .about {
    height: 45vh;
}
}

@media (max-width:1249px)  {
.secondary-carousel .about {
    height: 50vh;
}
}

@media (max-width:1024px)  {
.secondary-carousel .about {
    height: 43vh;
}
}

@media (max-width:767px)  {
.secondary-carousel .about {
    height: 45vh;
}
}

@media (max-width:399px)  {
.secondary-carousel .about {
    height: 50vh;
}
}


/** Contact Page **/
.contact-form-container {
  width: 100%;
}

div#gform_fields_8 {
    display: inline-block !important;
}

div#gform_fields_8 .gfmc-container {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}


/** Get A Quote Page **/

body .gform_heading {
  display: none !important;
}

body .gform_wrapper.gravity-theme .gfield_label {
  font-family: "Playfair Display";
}

.multi-step-quote-form legend.gfield_label.gform-field-label {
    color: var(--blue);
}

body form#gform_7 {
  display: flex;
  flex-direction: column-reverse;
}

body .quoteimage {
  width: 50%;
}

body .quoteimage img {
  width: 100%;
  object-fit: cover;
	height: 100%;
}

.multi-step-quote-form
  .gform_wrapper.gravity-theme
  .gfield-choice-input label {
  font-family: "Playfair Display";
	color:var(--blue) !important;
}

/*Step 1 - Product Select */
body .multi-step-quote-form div#field_7_2 {
  display: none;
}

body .multi-step-quote-form div#field_7_1 {
  display: none;
}

/* Flex the form fields*/
.multi-step-quote-form div#gform_fields_7 {
  display: flex;
  flex-direction: row-reverse;
}

/* Display the options 3 across */
body .multi-step-quote-form .gfield_radio {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}

body .multi-step-quote-form .gfield_radio .gchoice {
    margin-bottom: 15px;
}

/* Ensure the images span the full width of the column and the height matches */
.multi-step-quote-form div#field_7_13 {
  width: 50%;
  height: 35vh;
}

.multi-step-quote-form img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Step 2 - Measurements*/

/*Flex the form fields */
body .multi-step-quote-form .gform_fields {
	display: flex !important;
	width: 100% !important;
}

body .multi-step-quote-form .gfmc-container {
    display: flex;
}

body .multi-step-quote-form .gfield.gfmc-column.gfmc-field {
    flex: 0 0 50%;
}

body .quote-measurements .gfield_radio {
    margin-top: 30px;
    display: flex;
    width: 100%;
}

.quote-measurements .gchoice {
    margin-right: 15px;
}

body .quote-measurements .window-dimensions {
    margin: 30px 0 15px 0 !important;
}

/*Step 3 - Contact Details */
body .contact-details-row input {
    width: 95% !important;
	margin-bottom: 15px !important;
}

/* Contact Page */
body .contact-details .gform_fields {
    display: block !important;
    width: 100% !important;
}

.contact-form .gfield.gfmc-column.gfmc-field {
    width: 50%;
}

.contact-form input, 
.contact-form textarea {
    border: none;
}

/*Submit Button */
body .multi-step-quote-form .gform_button {
  background-color: var(--blue) !important;
  color: var(--white) !important;
  font-family: "avenir-lt-pro" !important;
  border: none !important;
  padding: 12px 20px !important;
  position: relative !important;
  top: -25px !important;
}

body input#gform_submit_button_9 {
  background-color: var(--blue) !important;
  color: var(--white) !important;
  font-family: "avenir-lt-pro" !important;
  border: none !important;
  padding: 12px 20px !important;
  position: relative !important;
  top: -25px !important;
}

body input#gform_submit_button_5, body input#gform_submit_button_8 {
   background-color: var(--blue) !important;
  color: var(--white) !important;
  font-family: "avenir-lt-pro" !important;
  border: none !important;
  padding: 12px 20px !important;
  position: relative !important;
}

/* Appointment Form Styling */
body .request-appointment-form h3  {
  color: var(--blue);
}

div#field_9_3 {
    display: none;
}

.gform_wrapper.gravity-theme .gfield_checkbox label,
.gform_wrapper.gravity-theme .gfield_radio label {
  display: inline-block;
  font-size: 16px;
  font-family: 'avenir-lt-pro';
  line-height: 26px;
}

body .request-appointment-form div#gform_fields_9 {
    display: flex;
}

body .appointment-products-selector {
    display: flex;
    flex-direction: row;
}

body .product-list {
    width: fit-content;
    margin-right: 60px !important;
}


@media (max-width: 767px) {
	
	body .multi-step-quote-form div#gform_fields_7
	 {
		flex-direction: column;
	}
	.multi-step-quote-form div#field_7_13 {
    	width: 100%;
    	height: 35vh;
	}
	body .multi-step-quote-form .gfield_radio {
		margin-top: 30px;
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
	}
  /*Hide empty field above date selector*/
  div#field_9_38 {
    display: none;
  }
  /*Make Date Selector full width*/
  input#input_9_39 {
    width: 100%;
  }
  /*Hide calendar next to date selector*/
  img.ui-datepicker-trigger {
    display: none !important;
  }
  /*Hide empty field above time selector*/
  div#field_9_40 {
    display: none;
  }
  /*Make Time Selector full width*/
  select#input_9_56 {
    width: 100%;
  }
  /*Hide Empty field above contact details */
  div#field_9_3 {
    display: none;
  }
	body .appointment-products-selector {
    display: flex;
    flex-direction: column;
    gap: 30px;
	}
	body .privacy-statement p, body .privacy-statement a, div#field_5_37 a {
    	padding: 0 !important;
    	margin-block: 0;
    	color: var(--white);
	}
	body .ginput_container_consent label, body .ginput_container_consent label a {
   		color: var(--white) !important;
	}
	
}

form#gform_9 {
  flex-direction: column-reverse;
  display: flex;
}

body .gform_wrapper.gravity-theme .gsection {
  border-bottom: none !important;
}



/**Portfolio Page**/
.portfolio img {
  height: 60vh !important;
  object-fit: cover;
  width: 100%;
}

body .elementor-slideshow__footer.elementor-lightbox-prevent-close {
display: none;
}

body .elementor-slideshow__title {
  display: none;
}

/** Footer Styling **/
body .ftr-acred img {
  height: 70px;
  width: auto;
}

body .contact-us .elementor-shortcode {
    display: flex;
    gap: 20px;
}

body .contact-us a {
    color: var(--white);
	font-family: "avenir-lt-pro", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
}

body .elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]) .e-n-menu-content {
	left: unset;
	right: unset;
	width: unset;
}