/* 
Theme Name: Sapphire Carpets
Theme URI: 
Author: Michael Rosser
Version: 2.0 
Tags: Simple, effective 
*/ 
 /* Global Styles - Start */

	

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

		body {
		margin: 0;
		padding: 0;
		background-color:#f8f5ed;
		line-height: 1.7;
		font-family: "montserrat", sans-serif;
font-weight: 300;
font-style: normal;
			font-size: 18px;
	}


*{
  box-sizing: border-box;
}

	
a:link, a:visited {
	text-decoration: none;
}

strong, b { font-weight: bold !important; }


	.row_container {
		max-width: 1100px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	.gallery_container {
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

.image_gallery_container {
	height: auto;
	width: 100%;
	overflow: hidden;
}

.paragraph {
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	max-width: 1100px;
	padding: 10px;
}




/*ACF Slide start*/
.table {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.table .image {
    position: relative;
    overflow: hidden;
			 background-position: center;
			 background-size: cover;
			 width: 90%;
			 min-height: 600px;
			 margin: 0 auto;
			 position: relative;
		
}

.acf-slideshow {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.acf-slide {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    opacity: 0;
    visibility: hidden;

    transition: opacity 1s ease, visibility 1s ease;

    z-index: 1;
}

.acf-slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}


/* ONE IMAGE ONLY - KEEP IT VISIBLE */

.acf-slideshow .acf-slide:only-child {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}


.slide-content {
    position: absolute;
    z-index: 3;

    right: 0;
    bottom: 0;

    padding: 10px;

    text-align: right;
}

.slide-content h2 {
    color: #fff;
    font-size: 15px;
    margin: 0;
	text-shadow: 0 0 2px #000000;
}


.table_text {
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
}

.table_two_text {
	order:1;
}

.table_two_image {
	order: 2;
}


	 .image {
			 background-position: center;
			 background-size: cover;
			 width: 90%;
			 margin: 0 auto;
			 position: relative;
		 }


/* MOBILE */

@media (max-width: 767px) {

    .table {
        grid-template-columns: 1fr;
    }

    .table .image {
        min-height: 600px;
		order:1;
    }

    .acf-slideshow {
        height: 400px;
    }

    .table_text {
        padding: 30px 20px;
		order:2;
    }
	




}
.image-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 350px;

    background-image: url('FlexiblePackages.jpeg');
    background-size: cover;
    background-position: center;

    text-decoration: none;
    color: #fff;
    overflow: hidden;
}

/* Overlay - hidden by default */
.image-box::before {
    content: "";
    position: absolute;
    inset: 0;
	background: rgba(248, 245, 237, 0.60);
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Show overlay on hover */
.image-box:hover::before {
    opacity: 1;
}

/* Keep content above overlay */
.image-box-content {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 10px;
	font-size: 13px;
}

.image-box h2,
.image-box p {
    color: #fff;
}


._2lqh {
	display: none !important;
}

.fb-page .fb-xfbml-parse-ignore {
    display: none !important;
}


.section-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 40px 0;
    text-align: center;
	font-family: "cormorant-garamond", serif;
font-weight: 400;
font-style: normal;
	font-size: 2rem !important;
}

.section-title::before,
.section-title::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #ccc; /* Line colour */
    max-width: 150px; /* Maximum line length */
}



.section-title-pages {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    text-align: center;
	font-family: "cormorant-garamond", serif;
font-weight: 400;
font-style: normal;
	font-size: 2rem !important;
}

.section-title-pages::before,
.section-title-pages::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #ccc; /* Line colour */
    max-width: 150px; /* Maximum line length */
}


.header_text {
	color: white;
	padding: 10px;
}


#site-header {
    top: 0;
    left: 0;
    width: 100%;
		padding: 10px;
    transition: background-color 0.3s ease;
    z-index: 9999;
	    box-sizing: border-box;
position: fixed;
}

#site-header.scrolled {
    background: #222; /* Change to your preferred colour */
	   background: rgba(0, 0, 0, 0.7); /* Transparent background */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Safari */
}


.logo h2 {
		color: #f8f5ed;
	font-family: "cormorant-garamond", serif;
font-weight: 400;
font-style: normal;
	}
	
	.hero {
		height: auto;
		background-position: center;
		background-size: cover;
	}
	
	.hero_overlay {
		 height: 100%;
		background-color: rgba(0,0,0,0.60);
			position: relative;
	}



.page_title {
	text-align: center;
	position: absolute;
	top: 50%;
	left:50%;
	right:0;
	    transform: translate(-50%, -50%);
width: 100%;
}

.page_title h1 {
	color: white;
	font-size: 2rem;
}

.page_title a:link, .page_title a:visited {
	text-decoration: underline;
	color: #f8f5ed;
}


.hero_pages {
	height: 500px;
	background-position: center;
	background-size: cover;
}

.post {
	padding: 10px;
}
	
	.text {
		text-align: center;
		position: absolute;
		bottom: 40%;
		width: 100%;
		left: 0;
		right: 0;
	}
	
	.text h2 {
		color: #b3925f;
	}
	.text h3 {
		color: #b3925f;
	}

.button_container {
	padding:20px;
	text-align:center;
}
	
	.button:link, .button:visited {
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 20px;
		padding-right: 20px;
		background-color: #b3925f;
		color: white;
		border-radius: 20px;
		margin: 0 auto;
		text-align: center;
	}

.button:hover {
	color: black;
}



.welcome_vid {
  display: block;
  margin-left: auto;
  margin-right: auto;
	width: 100%;
	height: auto;
}

	.section_container {
		max-width: 1100px;
height: auto;
		overflow: hidden;
		margin: 0 auto;
		padding-top:50px;
		padding-bottom:100px;
		padding-left: 10px;
		padding-right: 10px;
	}

.social:link, .social:visited {
	width: 30px;
	height: auto;
	display: inline-block;
}

.paragraph_image {
	height: auto;
	background-position: center;
	background-size: cover;
	margin-bottom: 20px;
}

.reviews_overlay {
		 height: 100%;
		background-color: rgba(0,0,0,0.60);
			position: relative;
	color: white;
	padding-top: 90px;
	padding-bottom:90px;
	}

.signature {
	font-family: "lindsey-signature", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 35px;
	padding: 10px;
}
	
	h2 {
		margin: 0;
		padding: 0;
		font-family: "cormorant-garamond", serif;
font-weight: 700;
font-style: normal;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	p {
		margin: 0;
		padding: 0;
		margin-bottom: 10px;
	}
	
			/*GridCols*/
	*,
	*:before,
	*:after {
		box-sizing: inherit;
	}
	
	.col {
		padding:1em;
		margin: 8px;
	}
	


	
	[class*='col-'] {
		width:100%;
		float: left;
		min-height: 1px;
	}
	
	.col-mob-1 {width:8.33333%;}
	.col-mob-2 {width:16.66667%;}
	.col-mob-3 {width:25%;}
	.col-mob-4 {width:33.33333%;}
	.col-mob-5 {width:41.66667%;}
	.col-mob-6 {width:50%;}
	.col-mob-7 {width:58.33333%;}
	.col-mob-8 {width:66.66667%;}
	.col-mob-9 {width:75%;}
	.col-mob-10 {width:83.33333%;}
	.col-mob-11 {width:91.66667%;}
	.col-mob-12 {width:100%;}
	
	
	.col-mob-hide {
		display: none;
	}
	
	.top_bar {
		padding: 10px;
		height: auto;
				background-color: #af8928;
color: black;
		text-align: center;
	}
	
	.top_bar p {
		margin: 0;
		padding: 0;
		margin: 0 auto;
		width: 70%;
		font-weight: 600;
		text-align: center;

	}
	
	
	.top_bar a:link, .top_bar a:visited {
		text-align: right;
		color: brown;
		text-decoration: none;
		display: inline-block;
		margin-bottom: 10px;
	}
	
	.top_bar a:hover {
		color: white;
		text-decoration: underline;
	}
	
	.header {
		height: auto;
		background-color: white;
		overflow: hidden;
		padding: 10px;
	}
	
	.social p {
		text-align: right;
	}

.details a:link, .details a:visited {
	color: brown;
}
	
	.logo {
		width: 250px;
		margin: 0 auto;
	}
	
 .details {
			 text-align: right;
			 margin-top: 40px;
		 }


	
	.hero {
		height: auto;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	
	.hero_text {
				background-color: rgba(231,221,203,0.90);
color: black;
		padding: 20px;
		text-align: center;
	width: 80%;
		margin: 0 auto;
		
	}
	
	.hero_text h2 {
		margin: 0;
		padding: 0;
		font-family: "cormorant-garamond", serif;
font-weight: 700;
font-style: normal;
	}
	
	.row1, .row2 {
		height: auto;
		overflow: hidden;
		padding: 10px;
	}


.box {
	background-position: center;
	background-size: cover;
	padding: 20px 10px 20px 10px;
	height: 450px;
	border-radius: 20px;
}
.box_title {
	background-color: rgba(165,42,42,0.64);
color:white;
		padding: 10px;
		text-align: center;
		margin: 0 auto;

}

.box_text {
	padding: 10px;
	font-size: 15px;
	line-height:1.5;	
}

.box_title p {
	margin: 0;
	padding: 0;
}

.four_boxes {
	background-position: center;
	background-size: cover;
	padding: 20px 10px 20px 10px;
	height: 250px;
}

.four_boxes_title {
	text-align: center;
padding: 10px;
}

.title { 
text-align: center;
}


.gallery_background {
	margin-top:80px;
	margin-bottom: 80px;
	background-position: center;
	background-size: cover;
	background-image: url('http://elynboutique.co.uk/wp/wp-content/uploads/2026/10/Gallery.png');
}

.gallery_overlay {
	padding-top:30px;
	padding-bottom: 30px;
	 height: 100%;
		background-color: rgba(0,0,0,0.70);
			position: relative;
}

.gallery_text {
	width: 90%;
	color: white;
	margin: 0 auto;
	text-align: center;
}

.gallery_text h2 {
	text-shadow: 0 0 3px #000000;
}

.find_out_more:link, .find_out_more:visited {
	text-align: center;
	padding: 10px;
	display: block;
	color: white;
	text-decoration: none;
	background-color: #b7ac98;
	margin-top: 10px;
}
	

	 .table {
			 width: 100%;
			 height: auto;
		 overflow: hidden;
			 
		 }
		 
	

.credit {
	position: absolute;
	bottom:0;
	right:0;
	color: white;
	padding: 10px;
	text-shadow: 0 0 4px #000000;
}
		 


		 .table_text {
			 padding: 10px;
			 width: 90%;
			 margin: 0 auto;
			 text-align: center;
			 vertical-align: middle;
			
		 }

	 .table_text_mobile {
			 padding: 10px;
			 width: 90%;
			 margin: 0 auto;
			 text-align: center;
			 vertical-align: middle;
		 }

.we_are_based {
	font-size: 16px;
	color: white;
	text-align:center;
	margin: 0 auto;
}

.we_are_based a:link, .we_are_based a:visited {
	color: #b3925f;
}

.we_are_based a:hover {
	color: white;
}

	.footer {
		height: auto;
		background-color: #100c09;
		padding: 10px;
		color: white;
		font-size: 16px;
	}
	
	.footer_info {
		padding: 10px;
		height: auto;
		max-width: 1100px;
		margin: 0 auto;
		overflow: hidden;
		padding-bottom: 20px;
	}
	
	.footer_logo {
		width: 200px;
		margin: 0 auto;
	}
	

.contact_us {
	text-align: left;
}
.contact_us h3 {
		font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	color:#b3925f;
	margin: 0;
	padding: 0;
}


.contact_us p {
	font-size: 15px;
}

.contact_text a:link, .contact_text a:visited {
	color: #b3925f;
}

.contact_text a:hover {
	text-decoration: underline;
}

.contact_text h2, .section_container h2 {
	font-size: 48px;
	font-weight: 400;
	text-decoration: none;
}

.brown {
	color: #b3925f;
font-family: cormorant-garamond, serif;
font-weight: 400;
font-style: italic;
}
	
	.contact_us a:link, .contact_us a:visited {
		text-align: right;
		color: #e7ddcb;
		text-decoration: none;
		display: inline-block;
		margin-bottom: 10px;
	}
	
	.contact_us a:hover {
		color: white;
		text-decoration: underline;
	}
	
	.quick_links {
		text-align: right;
	}
	
	.quick_links h2, .contact_us h2 {
		margin-bottom: 10px;
text-decoration: none;
	color: #f8f5ed;
}
	
	
	
	.quick_links a:link, .quick_links a:visited {
		text-align: right;
		color: #e7ddcb;
		text-decoration: none;
		display: block;
		margin-bottom: 10px;
	}
	
	.quick_links a:hover {
		color: white;
		text-decoration: underline;
	}
	
	.mylink {
		text-align: right;
	}

.mylink a:link, .mylink a:visited {
	color: #b3925f;
}

.mylink a:hover {
	color: white;
	text-decoration: underline;
}

 .full_width_bg_image {
			 height: 250px;
			 background-size: cover;
			 background-position: center;
		 }

.strapline {
	background-color: #b3925f;
	text-align:center;
	padding:20px;
	
}

.flexible_packages {
	height: auto;
	overflow: hidden;
	background-image: url('http://elynboutique.co.uk/wp/wp-content/uploads/2026/10/FlexiblePackages.jpeg');
	background-position: center;
	background-size: cover;
}
.flexible_packages_overlay {
	padding-left: 10px;
	padding-right:10px;
	padding-top: 40px;
	padding-bottom: 40px;
	color: white;
		 height: 100%;
		background-color: rgba(0,0,0,0.60);
			position: relative;
	text-align: center;
}
	

@media only screen and (min-width: 768px) and (max-width: 908px) {
  /* Styles for tablet-sized viewports */
			  .col-tab-1 {width:8.33333%;}
	.col-tab-2 {width:16.66667%;}
	.col-tab-3 {width:25%;}
	.col-tab-4 {width:33.33333%;}
	.col-tab-5 {width:41.66667%;}
	.col-tab-6 {width:50%;}
	.col-tab-7 {width:58.33333%;}
	.col-tab-8 {width:66.66667%;}
	.col-tab-9 {width:75%;}
	.col-tab-10 {width:83.33333%;}
	.col-tab-11 {width:91.66667%;}
	.col-tab-12 {width:100%;}
			 
			 
			 .table_text {
				 padding: 20px;
				 order: 1;
			 }
	
	.table_two_text {
	order:2;
}

.table_two_image {
	order: 1;
}

}

@media only screen and (min-width: 909px) {
    .col-dt-1 {width:8.33333%;}
	.col-dt-2 {width:16.66667%;}
	.col-dt-3 {width:25%;}
	.col-dt-4 {width:33.33333%;}
	.col-dt-5 {width:41.66667%;}
	.col-dt-6 {width:50%;}
	.col-dt-7 {width:58.33333%;}
	.col-dt-8 {width:66.66667%;}
	.col-dt-9 {width:75%;}
	.col-dt-10 {width:83.33333%;}
	.col-dt-11 {width:91.66667%;}
	.col-dt-12 {width:100%;}
	
		 
		 	.col-mob-hide {
		display: inherit;
	}
		 
	.page_title h1 {
	color: white;
		font-size: 3rem;
}
	
		 #site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
		padding: 10px;
    transition: background-color 0.3s ease;
    z-index: 9999;
	    box-sizing: border-box;

}

#site-header.scrolled {
    background: #222; /* Change to your preferred colour */
	   background: rgba(0, 0, 0, 0.7); /* Transparent background */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Safari */
}
		 
		 	.button:link, .button:visited {
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 30px;
		padding-right: 30px;
		border-radius: 20px;
		margin: 0 auto;
		text-align: center;
	}
		 
		 .button:hover {
	color: black;
}
		 
		 .table, .table_two {
			 display: flex;
			 width: 100%;
flex-direction: row;
			 
		 }
		 
		 .image {
			 background-position: center;
			 background-size: cover;
			 width: 90%;
			 margin: 0 auto;
			 position: relative;
		 }
	
	
	.table_two_text {
	order:2;
}

.table_two_image {
	order: 1;
}


		 
		 .table_text {
			 padding-left: 20px;
			 padding-right:20px;
				 padding-top: 200px;
			 padding-bottom: 200px;
			 text-align: center;
			 vertical-align: middle;
		 }
	
	
		 
		 .gallery_text {
	width: 100%;
	margin: 0 auto;
	color: white;
			 text-align: center;
}

		 
		 
		 .nav {
			 display: inherit;
		 }
		 
		 .details {
			 text-align: right;
			 margin-top: 40px;
		 }
		 
		 
		 .full_width_bg_image {
			 height: 450px;
			 background-size: cover;
			 background-position: center;
		 }
		 
		 .flexible_packages_overlay {
	padding-left: 160px;
	padding-right:160px;
	padding-top: 100px;
	padding-bottom: 100px;
	color: white;
		 height: 100%;
		background-color: rgba(0,0,0,0.60);
			position: relative;
	text-align: center;
}
		 
		 
		 

		 
	}