/*
Theme Name: Identity Studio
Template:     Divi
*/

@import url("../Divi/style.css");
@import url("https://use.typekit.net/xba5fap.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* 
Page background overrides
-------------------------------------------------------------- */

/* Colours
Navy: #152c4c rgba(21, 44, 76, 1)
Slate: #738094 rgba(115, 128, 148, 1)
Dark Brown: #7b6a58 rgba(123, 106, 88, 1)
Light Brown: #cbbba0 rgba(203, 187, 160, 1)
Light Buff #eff0ea rgb(239, 240, 234);
*/

/*
font-family: "urw-antiqua", serif; font-weight: 400; font-style: normal;
font-family: "urw-antiqua", serif; font-weight: 400; font-style: italic;
font-family: "urw-antiqua", serif; font-weight: 500; font-style: normal;
font-family: "urw-antiqua", serif; font-weight: 500; font-style: italic;
font-family: "urw-antiqua", serif; font-weight: 700; font-style: normal;
font-family: "urw-antiqua", serif; font-weight: 700; font-style: italic;
font-family: "urw-antiqua", serif; font-weight: 900; font-style: normal;
font-family: "urw-antiqua", serif; font-weight: 900; font-style: italic;

Nobel Light - font-family: "nobel", sans-serif; font-weight: 200; font-style: normal;
Nobel LightItalic - font-family: "nobel", sans-serif; font-weight: 200; font-style: italic;
Nobel Book - font-family: "nobel", sans-serif; font-weight: 300; font-style: normal;
Nobel BookItalic - font-family: "nobel", sans-serif; font-weight: 300; font-style: italic;
Nobel Regular - font-family: "nobel", sans-serif; font-weight: 400; font-style: normal;
Nobel RegularItalic - font-family: "nobel", sans-serif; font-weight: 400; font-style: italic;
Nobel Bold - font-family: "nobel", sans-serif; font-weight: 700; font-style: normal;
Nobel BoldItalic - font-family: "nobel", sans-serif; font-weight: 700; font-style: italic;

Minion Pro Regular - font-family: minion-pro, serif; font-weight: 400; font-style: normal;
Minion Pro Regular Italic - font-family: minion-pro, serif; font-weight: 400; font-style: italic;
Minion Pro Bold - font-family: minion-pro, serif; font-weight: 700; font-style: normal;
Minion Pro Bold Italic - font-family: minion-pro, serif; font-weight: 700; font-style: italic;
*/

/* Text */

body:not(.et-fb):not(.wp-admin), body:not(.et-fb):not(.wp-admin) input, body:not(.et-fb):not(.wp-admin) textarea, body:not(.et-fb):not(.wp-admin) select {font-family: "minion-pro", Helvetica, Arial, Lucida, sans-serif !important; font-weight: 400 !important; font-style: normal !important;}
body:not(.et-fb):not(.wp-admin) #page-container p {font-size: clamp(16px, 3vw, 18px) !important; line-height: 1.6;}
body:not(.et-fb):not(.wp-admin) #page-container .et_pb_text_inner {font-size: clamp(16px, 3vw, 18px) !important; line-height: 1.6;}
body:not(.et-fb):not(.wp-admin) #page-container .header-block p {font-size: clamp(16px, 3vw, 28px) !important; line-height: 1.6;}
body:not(.et-fb):not(.wp-admin) #page-container .page-footer p {font-size: clamp(16px, 3vw, 28px) !important; line-height: 1.6;}
body:not(.et-fb):not(.wp-admin) #page-container .et_pb_text_inner .header-block p {font-size: clamp(16px, 3vw, 28px) !important; line-height: 1.6;}
body:not(.et-fb):not(.wp-admin) #page-container h1 {font-family: "nobel", serif !important; font-weight: 300 !important; font-style: normal !important;}
body:not(.et-fb):not(.wp-admin) #page-container h2 {font-family: "nobel", serif !important; font-weight: 300 !important; font-style: normal !important;}
body:not(.et-fb):not(.wp-admin) #page-container h3 {font-family: "nobel", serif !important; font-weight: 300 !important; font-style: normal !important;}
body:not(.et-fb):not(.wp-admin) #page-container h4 {font-family: "nobel", serif !important; font-weight: 300 !important; font-style: normal !important;}
body:not(.et-fb):not(.wp-admin) #page-container h6 {font-weight: 400 !important; font-style: normal !important;}
body:not(.et-fb):not(.wp-admin) #page-container h1 {font-size: clamp(38px, 3vw, 52px) !important; line-height: 1.3em;}
body:not(.et-fb):not(.wp-admin) #page-container h2 {font-size: clamp(34px, 3vw, 38px) !important; line-height: 1.3em;}
body:not(.et-fb):not(.wp-admin) #page-container h3 {font-size: clamp(24px, 3vw, 28px) !important; line-height: 1.3em;}
body:not(.et-fb):not(.wp-admin) #page-container h4 {font-size: clamp(20px, 3vw, 24px) !important; line-height: 1.3em;}
body:not(.et-fb):not(.wp-admin) #page-container h5 {font-size: clamp(18px, 3vw, 22px) !important; line-height: 1.3em;}
body:not(.et-fb):not(.wp-admin) #page-container h6 {font-size: clamp(16px, 3vw, 20px) !important; line-height: 1.3em;}

header {font-family: "nobel", serif!important; font-weight: 300!important; font-style: normal!important;}
.header-block h1 {position: relative; padding-bottom: 32px;}
.header-block h1::before {content: ''; position: absolute; width: 25%; height: 1px; background-color: #eff0ea; bottom: 16px; left: 0;}

.hero-inner h2 {position: relative; padding-bottom: 32px;}
.hero-inner h2::before {content: ''; position: absolute; width: 25%; height: 1px; background-color: #8c8c7a; bottom: 16px; left: 0;}

.page-footer h3, .page-footer h4, .page-footer2 h4 {position: relative; padding-bottom: 32px;}
.page-footer h3::before, .page-footer h4::before, .page-footer2 h4::before {content: ''; position: absolute; width: 16%; height: 1px; background-color: #eff0ea; bottom: 16px; left: 50%; transform: translateX(-50%);}


/* Nav resize fix */
/*#page-container {padding-top:70px!important}*/

/* Links */
a {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
footer a, .links-light a, .hero-inner a {color:#FFF!important; /*text-decoration:underline;*/ border-bottom: solid 0.5px #FFF!important;}
footer a:hover, .links-light a:hover, .hero-inner a:hover {color:#eff0ea!important; border-bottom: solid 0.5px #eff0ea!important;}
a.icon {border-bottom: none!important;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .et_pb_text_inner a { border-bottom: solid 1px!important; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .et_pb_text_inner a:hover {opacity: 0.6!important; }
.et_pb_icon a, .et_pb_icon a:hover {border-bottom: solid 0 #FFF!important;}

/* Menu */
.et_pb_menu .et-menu>li {padding-left: 24px!important; padding-right: 24px!important;}
.nav-button a {/*background: #d1ccc3; color:#152c4c!important;*/ padding: 16px 12px!important; margin-top: -16px; border: 1px solid #CBBBA0!important; color:#CBBBA0!important;}
.et_mobile_nav_menu .nav-button a {background: none; padding: default!important; margin-top: auto; color:fff!important; }

@media (max-width:1240px){
	.et_pb_menu .et-menu>li {padding-left: 12px!important; padding-right: 12px!important;}
}

@media (max-width:1060px){
	.et_pb_menu_1_tb_header.et_pb_menu ul li a, .et_pb_menu_0_tb_header.et_pb_menu ul li a  {font-size: 24px!important;}
}

.menu-icon {font-size: 1.6em!important;}
#main-header .et_mobile_menu {background-color: #FFFFFF!important; left: 0; padding: 0!important;}
.et_mobile_menu .menu-item a {font-size: 1.2em!important;}
.et_mobile_menu .menu-icon a {font-size: 1em!important;}
.mobile_nav.opened .mobile_menu_bar:before {content: '\4d';}
.et_mobile_menu {border-top:0;}
.et_mobile_menu li {text-align:center !important;}
.et_mobile_menu li li, .et_mobile_menu li ul {padding-left:0 !important;}
.et_mobile_menu {min-width: 100vw;margin-left: -10vw;}
.et_mobile_menu {padding-top:0!important;}
html {height: -webkit-fill-available;}
.mobile_nav.opened .et_mobile_menu {display:block !important;}
.et_mobile_menu a {font-weight: 400!important;}


.mobile_menu_bar {background-color: #8c8c7a!important; padding: 24px 24px 23px 24px;}
.post-template-default  a {display: initial!important}

.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {height: 100vh;}
.et_mobile_menu a {padding: 4vh 0!important;}

@media (max-width:980px) {
.et_pb_menu .et_mobile_menu {padding: 0!important;}
.et_pb_menu .et_mobile_nav_menu {margin: 0!important;}
.et_pb_menu--style-left_aligned .et_pb_menu__logo {margin-top: 8px!important;}
}

/* Lists */

.brands-columns {column-count:4;column-gap:2rem;margin:0!important;padding:0!important;}
.brands-columns2 {column-count:3;column-gap:2rem;margin:0!important;padding:0!important;}

@media (max-width:1200px){
	.brands-columns {column-count:3;}
	.brands-columns2 {column-count:2;}
}

@media (max-width:600px){
	.brands-columns, .brands-columns2 {column-count:2;}
}

p + ul, p + ul {padding-top:16px!important;}
.et_pb_text ul, .et_pb_text ol {padding-bottom: 0!important;}
.et_pb_text ul:has(+ p),
.et_pb_text ol:has(+ p) {margin-bottom: 16px!important}
.blue-bullets, .white-bullets {margin:0!important;padding-left:0!important;list-style:none!important;}
.blue-bullets li, .white-bullets li {list-style:none!important;position:relative;padding-left:1.8rem;margin-bottom:0.6rem;margin-left:0!important;break-inside:avoid-column;}
.blue-bullets li::before {content:"";position:absolute;left:0;top:0.3em;width:1.2rem;height:1.2rem;background-repeat:no-repeat;background-size:contain;background-image: url("/wp-content/uploads/2025/12/tavistock-carpet-swirl-blue-1.svg");}
.white-bullets li::before {content:""!important;font-family:initial!important;position:absolute;left:0;top:0.3em;width:1.2rem;height:1.2rem;background-repeat:no-repeat;background-size:contain;background-image:url("/wp-content/uploads/2025/12/tavistock-carpet-swirl-white-1.svg");}

/* Footer */


/* Switch Order on Mobiles */

@media all and (max-width: 980px) {
.custom_row {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
 /* Designate the order of columns */
.first-on-mobile {-webkit-order: 1;order: 1;}
.second-on-mobile {-webkit-order: 2;order: 2;}
.third-on-mobile {-webkit-order: 3;order: 3;}
.fourth-on-mobile {-webkit-order: 4;order: 4;}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {margin-bottom: 30px;}
}

/* Full height image modules */
.id-full-height-image-column {height: 100%;}
.id-full-height-image-column .et_pb_image_wrap {height: 100%;}
.id-full-height-image-column img {object-fit: cover; height: 100%;}