html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;overflow:hidden!important}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:500}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;overflow:hidden!important}video{overflow:hidden!important}canvas{overflow:hidden!important}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


/* Global Elements
--------------------------------------------- */
*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.before-content:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}

html {
	height: 100%;
}


a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	border:0;
	outline:none;
}

::-moz-selection {
	background-color: #000000;
	color: #fff;
}

::selection {
	background-color: #000000;
	color: #fff;
}

:focus {
	outline: -webkit-focus-ring-color auto 0px;
}

a {
   outline:none;
}

table {
	border: none;
}

a:hover {
	/*transition: all 0.5s;*/
}

p {
	margin: 0 0 25px;
	padding: 0;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
	margin: 0 auto;
}

/* Performance Optimizations - Prevent Layout Shifts
--------------------------------------------- */

/* Ensure images with width/height maintain aspect ratio to prevent layout shifts */
img[width][height] {
	max-width: 100%;
	height: auto;
	/* JavaScript will set inline aspect-ratio for better browser support */
}

/* Fix deprecated overflow:visible warning - use overflow:hidden instead */
/* This must override any default overflow:visible on these elements */
/* Using !important to ensure it overrides normalize.css defaults */
/* overflow:hidden is more widely supported than overflow:clip and prevents content spillage */
img,
video,
canvas {
	overflow: hidden !important;
}

/* Also apply to all nested and specific image/media selectors */
img img,
video video,
canvas canvas,
.image-fit,
.image-fit img,
.wp-block-image img,
figure img,
figure video,
figure canvas,
a img,
.gallery img,
.entry-content img,
.post-content img,
.swiper-slide img,
.swiper-slide video,
.swiper-slide canvas {
	overflow: hidden !important;
}

/* Optimize text rendering to reduce font-related layout shifts */
body {
	text-rendering: optimizeLegibility;
}

/* Performance Optimizations - JavaScript Loading
--------------------------------------------- */

/* Prevent layout shifts from lazy-loaded content containers */
.swiper-container,
.swiper-wrapper,
.products-slider-v1,
.products-slider-v2,
.products-slider-v3,
.products-slider-v4,
.products-slider-v5,
.products-slider-v6,
.products-slider-v7,
.snap-slider,
.reels-slider {
	min-height: 1px; /* Reserve space to prevent layout shift */
}

/* Optimize scrolling performance - prevent forced reflows */
html {
	scroll-behavior: smooth;
}

/* Hint browser about elements that will animate */
.swiper-container,
.swiper-wrapper {
	will-change: transform;
}

/* Optimize smooth scrolling */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

/* Image Classes
--------------------------------------------- */

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 0px;
}

img.alignnone,
.alignnone {
	margin-bottom: 0px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

.wp-caption-text {
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.aligncenter, 
img.aligncenter { 
	clear: both; 
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
}

.image-fit, .image-fit img {
	object-fit: cover;
	object-position: center;
}



/* For containers with image-fit images, ensure they maintain space */
.bg-wrap,
.fslide {
	position: relative;
	min-height: 1px; /* Reserve space to prevent layout shift */
}

.in {
	display: table-cell;
	vertical-align: middle;
}
.flex {
	display: flex;
	flex-wrap:wrap;
}
.flex img {
	display: block;
	margin: 0;
}

/* Site General Styles
--------------------------------------------- */
.archive-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 51px auto;
	max-width: 1236px;
}
.archive-wrap article #hero-image {
	width: 100%;
	height: auto;
	border: 1px solid;
	aspect-ratio: 8 / 12.2!important;
	/*transition: all 0.5s;*/
}
.archive-wrap article:hover #hero-image {
	filter: brightness(55%);
}
.archive-wrap article {
	margin: 0 11px 24px;
	width: 22%;
}
.archive-wrap article .post-category {
	font-size: 12px;
	letter-spacing: 0.02rem;
	margin: 12px 0 4px;
	text-transform: uppercase;
}
.archive-wrap article .post-category:hover {
	text-decoration: underline;
}
.archive-wrap article .image-link {
	display: block;
	position: relative;
}

.archive-wrap article h2 {
	font-size: 20px;
	line-height: 25px;
	margin: 0;
}
.archive-wrap article h2:hover {
	text-decoration: underline;
}
.archive-wrap article a {
	text-decoration: none;
}
.archive-wrap .pagination {
	width: 100%;
	text-align: center;
}
.archive-search-form {
	background-image:url(../icons/utility/search-background.png);
	padding: 41px;
	background-size: cover;
	background-position: center;
}
.archive-search-form input {
	width: 788px;
	background-image: url(../icons/utility/search.svg);
	background-repeat: no-repeat;
	background-position: center right 23px;
	margin-top: 10px;
	background-color: #D8D7BC;
	border: none;
	border-radius: 25px;
	margin: 0 auto;
	display: block;
	box-shadow: 0 5px 7px -2px rgba(0, 0, 0, 0.26);
	text-align: left;
	height: 49px;
	padding: 0 39px;
	font-size: 13px;
}
.posts-pagination {
	text-align: center;
	padding: 25px;
	font-size: 18px;
	background: white;
	border-top: 1px solid black;
}
.posts-pagination a {
	text-decoration: none;
	margin: 0 5px;
}
.tax-shop_cat .archive-header {
	display: none;
}
.shop-archive-wrap {
	display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 auto 50px;
}
.shop-archive-wrap article{
	border: none;
	background: #C5BFAD;
	width: 171px;
	position: relative;
	/*transition: all 0.5s;*/
	display: block;
	text-align: center;
	padding: 10px;
	height: 267px;
	margin: 10px;
}
.shop-archive-wrap article:hover {
	background: #645A4E;
}
.shop-archive-header {
	text-align:center;
}
.shop-archive-wrap article img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 20px;
}
.error404 .archive-header {
	display: none;
}
.wp-block-buttons .wp-block-button__link {
	width: 100%;
	font-size: 12px;
	font-family: 'Overpass';
	letter-spacing: 0.05rem;
	padding: 12px 30px 10px;
}
.thin-content #block-general-content {
	max-width: 91%;
	margin: 0 auto;
}
.thin-content #block-general-content h1 {
	line-height:1;
}
.thin-content #block-general-content header {
	display: block!important;
}
.thin-content #block-general-content ol, .thin-content #block-general-content ul {
	list-style-position: inside;
}
.post-type-archive-looks .archive-header__inner {
	display:none;
}
.sml-title {
	text-align: center;
	font-size: 40px;
	font-family: 'Swear Display';
	margin: 44px auto -16px;
}
.post-type-archive-looks .archive-wrap article .post-title {
	padding: 13px;
	text-align: center;
	background: white;
	display: block;
	border: 1px solid black;
	border-top: none;
	margin: -9px 0 0 0;
	font-size: 18px;
}
.post-type-archive-looks .archive-wrap article .post-title h2 {
	font-size: 18px;
}
.post-type-archive-looks .archive-wrap article {
	margin: 0 11px 41px;
	width: 22%;
}
.page-template-default .wp-block-columns {
	gap: 0;
	margin: 0 0 -1px;
}
.archive-header__inner {
	background: #C5BFAD;
	border-top: none;
	border-bottom: none;
	display: flex;
	justify-content: space-between;
	padding: 24px 39px 18px;
}
/* .archive-header__inner .archive-title {
	display: none;
} */
.archive-header__inner .archive-subcategories {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 84%;
}
.archive-header__inner h1 {
	margin: -4px 22px 0 0;
	font-size: 28px;
	text-transform: uppercase;
}
.archive-header__inner h1 em {
	text-transform: capitalize;
}
.archive-header__inner ul.menu {
	list-style: none;
	display:flex;
}
.archive-header__inner a {
	font-size: 15px;
	text-transform: capitalize;
	font-family: 'Overpass';
	letter-spacing: 0.02rem;
	text-decoration: none;
	margin: 0 15px;
}
.archive-header__inner a:hover {
	text-decoration: underline;
}
.archive #main-content, .blog #main-content, .search #main-content {
	background: #FAF7F1;
	background-image:url(../icons/utility/blog-bg.png);
	background-size: cover;
	background-position: center;
}
/* Header
--------------------------------------------- */
.mobile-toggle-button, #mobile-tog {
	display:none;
}
.site-header {
	width: 100%;
	height: 142px;
	background: #C5BFAD;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0.26);
}
.site-header .top-bar {
	width: 100%;
	height: 48px;
	background: #F8F7F4;
}
.site-header .top-bar .flex {
	justify-content: space-between;
	max-width: 91%;
	margin: 0 auto;
}
.site-header .top-bar .flex .ubermenu {
	width: 328px;
}
.site-header .top-bar .flex .ubermenu #ubermenu-nav-main-3 {
	display:flex;
	justify-content: space-between;
}
.site-header .top-bar .flex .ubermenu .ubermenu-target-title  {
	font-family: 'Overpass';
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
	padding-top: 4px;
}
.site-header .top-bar .flex .ubermenu .ubermenu-target-title:hover {
	text-decoration: underline;
}
.site-header .top-bar .flex .ubermenu .ubermenu-icon {
	font-size: 17px;
	margin: 2px 9px 0 -4px;
}
.site-header .top-bar .flex .ubermenu .ubermenu-target {
	padding: 0;
	display: flex;
	margin: 13px 0px 0 0;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu {
	border: none;
	background: #645A4E;
	padding: 42px 0 40px;
	overflow: hidden;
	color: #FFFFFF;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area {
	width: 1239px;
	margin: 0 auto;
	display: block;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown {
	width: 1061px;
	margin: 0 auto;
	border: 1px solid #E1E0DA;
	padding: 12px;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown form label {
	display: block;
	font-size: 40px;
	color: #F8F7F4;
	text-align: center;
	font-family: 'Swear Display';
	text-transform: uppercase;
	font-weight: 100;
	margin: 35px auto 35px;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown form label em {
	text-transform: initial;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown form {
	background: #645A4E;
	padding: 30px 36px;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown .wp-block-list{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	column-count: 1;
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 26px 0 0;
	height: 69px;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown .wp-block-list li strong {
	font-family: 'Swear Display';
	font-size: 28px;
	font-weight: 100 !important;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown .wp-block-list li  {
	margin: 0 27px;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area h2.wp-block-heading {
	margin: 4px 0 64px;
	position: relative;
	font-size: 28px;
	margin: 37px 0 0;
	border-bottom: 1px solid;
	width: fit-content;
	font-weight: 100;
	font-family: 'Swear Display';
	position: relative;
}
p#breadcrumbs {
	margin:0;
	font-size:0px;
	height:0px;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area .wp-block-list{
	list-style: none;
	column-count: 2;
	font-size: 15px;
	line-height: 19px;
	font-weight: 100;
	margin-top: 44px;
	padding-right: 85px;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area .wp-block-list a {
	text-decoration: none;
	color:white;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area .wp-block-list a:hover {
	text-decoration: underline;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area .wp-block-list li {
	margin-bottom: 28px;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .wp-block-navigation .wp-block-navigation-item {
	margin: 0 0 10px;
	display: block;
	flex-wrap:wrap;
}
.site-header .lower-bar .flex .ubermenu .wp-block-navigation .wp-block-navigation__submenu-icon {
	position: absolute;
	top: 2px;
	right: -13px;
}
.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .ubermenu-column-auto {
	min-width: 100px;
	width: 100%;
}
.site-header .top-bar .flex .social-links {
	display: flex;
	list-style: none;
	width: 250px;
	justify-content: flex-end;
}
.site-header .top-bar .flex .social-links li {
	margin: 15px 0 0 33px;
}
.site-header .top-bar .flex .social-links li svg {
	/*transition: all 0.5s;*/
}
.site-header .top-bar .flex .social-links li svg:hover path{
	fill: #C5BFAD;
}
.site-header .top-bar .flex .social-links li img {}
.site-header .top-bar .flex .banner-bar {
	padding: 12px 0 0;
}
.site-header .top-bar .flex .banner-bar p {
	margin: 0;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0rem;
	font-family: 'Overpass';
}
.site-header .top-bar .flex .banner-bar p a {
	text-decoration: none;
	border-bottom: 1px solid black;
}
.site-header .top-bar .flex #menu-top {
	list-style: none;
}
.site-header .lower-bar .flex {
	padding: 13px 0 0;
	justify-content: space-between;
	max-width: 91%;
	margin: 0 auto;
}
.site-header .lower-bar .flex input:placeholder {
	color:black;
}
.site-header .lower-bar #menu-left {
	list-style: none;
		display: flex;
}
.site-header .lower-bar .site-title {
	max-width: 108px;
	margin: 0;
}
.site-header .lower-bar .flex .ubermenu-target {
	font-family: 'Overpass' !important;
	font-weight: 800;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	padding: 0 0 35px;
	margin: 27px 0 0 69px;
}
.site-header .lower-bar .flex #menu-item-594 .ubermenu-target {
	padding: 0 0 24px;
}
.site-header .lower-bar .flex .ubermenu #menu-item-594 .ubermenu-submenu {
	background-image:url(../icons/utility/subscribedd-bg.png);
	background-size: contain;
	background-position: top center;
	padding: 35px 0 220px;
	background-repeat: repeat;
}
.site-header .lower-bar .flex .button .ubermenu-target-title {
	background: #F8F7F4;
	width: 125px;
	text-align: center;
	height: 46px;
	padding: 16px 0 0;
	margin: -20px 0 0;
	/*/*transition: all 0.5s;*/*/
}
.site-header .lower-bar .flex .button .ubermenu-target-title:hover {
	background: #121216;
	color: #f8f7f4;
}
.ubermenu-image {
	width:20px;
	height:20px;
	object-fit:contain;
}
.ubermenu .ubermenu-target-text:hover {
	text-decoration: underline;
}
.ubermenu .search .ubermenu-target-text:hover {
	text-decoration:none;
}
.wp-block-navigation-item.has-child .wp-block-navigation__submenu-container {
	display: none;
}
.wp-block-navigation-item.has-child.is-open .wp-block-navigation__submenu-container {
	display: block;
}
.site-header .lower-bar .flex #menu-item-14088 .ubermenu-target {
	border: 1px solid #C7C7C7;
	border-radius: 4px;
	width: 123px;
	height: 40px;
	font-family: 'Oakes Grotesk';
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.08rem;
	padding: 14px 17px 0 1px;
	background-image: url(../icons/utility/search.svg);
	background-repeat: no-repeat;
	background-position: 16px 12px;
	margin-top: 10px;
	margin-right: -2px;
	text-align: right;
	margin-left: 10px;
}
.site-header .lower-bar .flex #menu-item-14088 .ubermenu-target:hover{
	background-color: #D8D7BC;
}
.site-header .lower-bar .flex #menu-item-14088 .ubermenu-submenu{
	margin-top: 36px;
	background-image: url(../icons/utility/search-background.png);
	padding: 50px 0 40px;
	background-size: cover;
	background-position: center;
}

.site-header .lower-bar .flex #ubermenu-nav-main-542 {
	display: flex;
	justify-content: space-between;
	padding: 0 7px 0 0;
}
.site-header .lower-bar .flex .wp-block-search__inside-wrapper {
	border: 1px solid #F8F7F4;
	margin-bottom: 33px;
}
.site-header .lower-bar .flex input {
	border:none;
	width: 100%;
	height: 43px;
	font-family: 'Swear Display';
	font-size: 16px;
	text-transform: capitalize;
	letter-spacing: 0;
	padding: 20px;
	text-align: left;
}
.site-header .lower-bar .flex input::placeholder {
	color:#F8F7F4;
}
.site-header .lower-bar .flex .wp-block-search__button{
	width: 120px;
	max-width: 100%;
	border: none;
	padding: 1px 50px 0 0;
	height: 43px;
	background-color: transparent !important;
	color: #F8F7F4 !important;
	font-size: 12px;
	font-family: 'Overpass';
	text-align: right;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03rem;
	background-image: url(../icons/utility/small-white-arrow.png);
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: right 28px center;
}
.site-header .lower-bar .site-navigation-right  {
	display: flex;
	justify-content: flex-end;
}
.site-header .lower-bar .site-navigation-right .ubermenu-nav {
	display: flex;
	justify-content: flex-end;
}
.header-spacer {
	height: 142px;
}
.page.background-styling {
	background-image:url(../icons/utility/page-bg.png);
	background-size: cover;
	background-position: center;
}
/* Single Looks Styles
--------------------------------------------- */
.looks-post-header {
	background-image:url(../icons/utility/looksbg.png);
	padding: 78px 0 170px;
	background-size: cover;
	background-position: center;
}
.looks-post-header .flex {
	max-width: 783px;
	margin: 0 auto;
	background: white;
	justify-content: space-between;
	border: 1px solid #000000;
	position: relative;
}
.looks-post-header .flex:before {
	content: "";
	display: block;
	width: 110px;
	height: 90px;
	background-image: url(../icons/utility/category-badge.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 30px;
	left: -84px;
	z-index: 3;
}
.looks-post-header .flex .left {
	width: 275px;
	border-right: 1px solid black;
}
.looks-post-header .flex .left #hero-image {
	width: 100%;
	height: 416px;
	border-bottom: 1px solid black;
}
.looks-post-header .flex .left a {
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 13px 0;
	letter-spacing: 0.05rem;
}
.looks-post-header .flex .right {
	width: 506px;
}
.looks-post-header .flex .right h1 {
	margin: 0;
	font-size: 28px;
	line-height: 38px;
	font-weight: 100;
	width: 73%;
}
.looks-post-header .flex .right .meta {
	display:flex;
	justify-content: space-between;
	border-bottom: 1px solid black;
	padding: 32px 15px 23px;
}
.looks-post-header .flex .right .meta .date {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	margin: 6px 0 0 0;
	width: 22%;
	text-align: right;
}
.looks-post-header .flex .right .pslider .bg-wrap img {
	height: 168px!important;
	object-fit: contain;
}
.looks-post-header .flex .right .pslider {
	position: relative;
	overflow: hidden;
	margin: 74px auto 0;
	width: 480px;
	padding: 0 0 85px;
}
.looks-post-header .swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: black;
	border-radius: 0;
	left: 0;
	top: -4px;
	height: 8px;
}
.looks-post-header .swiper-horizontal>.swiper-scrollbar, .looks-post-header .swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: 0;
	bottom: 5px;
	z-index: 50;
	height: 1px;
	width: 100%;
	background: #000000;
	max-width: 71%;
	margin: 0 auto;
	right: 0;
}
.single-looks .related {
	background: black;
	color: white;
	padding: 35px 0 50px;
}
.single-looks .related .pslider {
	position: relative;
	overflow: hidden;
	padding: 0 0 66px 113px;
}
.single-looks .related .pslider .swiper-slide {
	border:1px solid #FFFFFF;
}
.single-looks .related .pslider h2 {
	text-align: center;
	font-size: 18px;
	font-weight: 100;
	margin: 0;
	color:white;
}
.single-looks .related .pslider .post-title {
	padding: 0px 10px 9px;
	display: block;
}
.single-looks .related .pslider .image-link img {
	aspect-ratio: 6.5 / 10!important;
	object-fit: cover;
	border-bottom: 1px solid white;
	/*transition: all 0.5s;*/
}
.single-looks .related .pslider .image-link:hover img{
	filter: brightness(50%);
}
.single-looks .related .title-wrap {
	text-align: center;
	position: relative;
	max-width: 1257px;
	margin: 0 auto;
	width: 98%;
}
.single-looks .related .title-wrap h4 {
	font-size: 40px;
	margin: 0;
}
.single-looks .related .white-line {
	width: 100%;
	height: 1px;
	background: #C5BFAD;
	margin: 29px auto 63px;
}
.single-looks .related .title-wrap .button {
	background-color: white;
	border: 1px solid white;
	color: black;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	position: absolute;
	top: 9px;
	right: 0;
	padding: 6px 49px 0px 31px;
	letter-spacing: 0.03rem;
	background-image: url(../../assets/icons/utility/black-arrow-right.svg);
	background-repeat: no-repeat;
	background-position: center right 30px;
	height: 39px;
	/*transition: all 0.5s;*/
	font-weight: 600;
}
.single-looks .related .title-wrap .button:hover {
	background-color: #c5bfad;
	border: 1px solid #c5bfad;

}
.single-looks .related .swiper-horizontal>.swiper-scrollbar, .single-looks .related .swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: 0;
	bottom: 5px;
	z-index: 50;
	height: 1px;
	width: 446px;
	background: #C5BFAD;
	right: 0;
	margin: auto;
}
.single-looks .related .swiper-scrollbar.swiper-scrollbar-horizontal:after {
	content: "Scroll to see more";
	display: block;
	position: absolute;
	top: -13px;
	right: -137px;
	color: #C5BFAD;
	font-size: 14px;
}
.single-looks .related .swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: #C5BFAD;
	border-radius: 0;
	left: 0;
	height: 8px;
	top: -4px;
}
/* Single Post Styles
--------------------------------------------- */
.post-header {
	background-image: url(../icons/utility/post-headerbg.png);
	background-size: cover;
	background-position: center;
	padding: 97px 0 110px;
}
.post-header .ph-wrap {
	max-width: 1050px;
	margin: 0 auto;
	position: relative;
	border: 1px solid #000000;
}
.post-header .ph-wrap .share {
	position: absolute;
	background: #645A4E;
	width: 53px;
	height: 230px;
	left: -28px;
	top: 80px;
	bottom: 0;
	margin: auto;
	text-align: center;
	z-index: 1;
	margin: 0;
	padding-top: 34px;
	box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0.26);
}
.post-header .ph-wrap .share ul {
	list-style: none;
}
.post-header .ph-wrap .share ul li {
	position: relative;
	margin: 0 0 11px;
}
.post-header .ph-wrap .share ul li input {
	position: absolute;
	opacity: 0;
}
.post-header .ph-wrap .share ul li p {
	margin: 0;
	position: absolute;
	font-size: 10px;
	width: 100px;
	bottom: -16px;
	color: white;
}
.post-header .ph-wrap .breadcrumbs {
	position: absolute;
	top: -41px;
	z-index: 1;
	font-size: 15px;
	font-weight: 100;
}
.post-header .ph-wrap .breadcrumbs a {
	text-decoration: none;
}
.post-header .ph-wrap .breadcrumbs .spacer {
	margin: 0 5px;
}
.post-header .ph-wrap .breadcrumbs ol {
	list-style: none;
	display: flex;
}
.post-header .flex {
	max-width: 100%;
	margin: 0;
	justify-content: space-between;
}
.post-header .flex .left {
	width: 593px;
	height: 416px;
	position: relative;
}
.post-header .flex .left .date {
	width: 90px;
	height: 28px;
	position: absolute;
	background: #FFFBE7;
	top: 28px;
	left: 0px;
	text-align: center;
	font-size: 13px;
	padding: 2px;
}

.post-header .flex .left img {
	width: 100%;
	height: 100%;
	object-position: top center;
}
.post-header .flex .right {
	width: 43%;
	height: 416px;
	position: relative;
	margin: 0;
	padding: 0px 44px 0;
	display: table;
}
.post-header .flex .right .meta {
	display: flex;
	font-size: 12px;
	letter-spacing: 0.03rem;
	text-transform: uppercase;
}
.post-header .flex .right .meta .spacer {
	margin: 0 10px;
}
.post-header .flex .right .cat {
	font-weight: 100;
	display: block;
}
.post-header .flex .right h1 {
	font-size: 28px;
	line-height: 30px;
	margin: 12px 0 42px;
	padding: 0 16px 0 0;
}
.post-header .flex .right .exc, .post-header .flex .right p {
	font-size: 14px;
	line-height: 25px;
	margin: 0;
}
.post-header .flex .right .share ul {
	list-style: none;
	display: flex;
}
.post-header .flex .right .share ul li {
	position: relative;
	margin: 0 40px 0 0;
}
.post-header .flex .right .share ul li:hover svg path{
	fill:#D8D7BC;
}
.post-header .flex .right .share ul li input {
	position: absolute;
	opacity: 0;
}
.post-header .flex .right .share ul li p {
	margin: 0;
	position: absolute;
	font-size: 10px;
	width: 100px;
	bottom: -14px;
}
.post-header .flex .right .share{
	position: absolute;
	bottom: 43px;
	left: 51px;
}
.post-header .flex .right .share h5 {
	font-family: 'Thursday Morning';
	font-size: 28px;
	margin: 0 0 10px 3px;
	transform: rotate(-3deg);
	font-weight: 100;
}
.post-quick-links {
	position: relative;
	overflow: hidden;
	padding: 11px 0;
	display: flex;
	justify-content: space-between;
	box-shadow: 0 6px 7px -5px rgba(0, 0, 0, 0.26);
	background: #F8F7F4;
}
.post-quick-links .title {
	font-family: 'Swear Display';
	font-size: 28px;
	line-height: 30px;
	width: 124px;
	margin: 40px 0 0 38px;
	letter-spacing: 0;
}
.post-quick-links .bg-wrap img {
	height: 127px;
	width:100%;
	object-fit: contain;
	object-position: center;
}
.post-quick-links .pslider {
	width: 88%;
	overflow: hidden;
}
.cta-bar {
	background: #D8D7BC;
	padding: 24px 0 22px;
	box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.26);
}
.cta-bar .flex {
	justify-content: space-between;
	max-width: 975px;
	margin: 0 auto;
	padding-right: 31px;
}
.cta-bar .flex span.title {
	font-family: 'thursday morning';
	font-size: 38px;
	transform: rotate(-3deg);
	display: block;
	margin: 3px 91px 0 0;
}
.cta-bar .flex ul {
	display: flex;
	list-style: none;
	margin: 0 20px 0 0;
	padding: 6px 0 0 0;
}
.cta-bar .flex ul li {
	margin: 0 13px;
}
.cta-bar .flex ul li:nth-child(1){
	margin: 2px 21px 0 0;
	line-height: 1.2;
}
.cta-bar .flex .storefront a {
	display: flex;
	text-decoration: none;
	font-size: 14px;
}
.cta-bar .flex .storefront {
	border-left: 1px solid #121216;
	padding: 2px 0 6px 62px;
}
.cta-bar .flex .storefront svg {
	margin: 3px 0px 0 16px;
}
.jumptotravel {
	display: none;
	position: absolute;
	width: 83px;
	background: black;
	height: 171px;
	color: white;
	text-align: center;
	left: 0;
	top: 60px;
}
.jumptotravel a {
	color: white;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
	display: block;
	margin: 47px 0 0;
	font-weight: 100;
}
.jumptotravel span {
	display: block;
}
.jumptotravel img {
	width: 14px;
	margin: 13px auto;
	display: block;
}
.postwrap {
	position: relative;
	background: white;
	padding: 1px 0;
	z-index: 1;
}
.post-content {
	max-width: 780px;
	margin: 56px auto 0;
}
.white-wrap {
	background: white;
	padding: 1px;
}
.post-content .wp-block-image img {
	object-fit: cover;
	border: 1px solid #645A4E;
}
.post-content figure {
	margin: 25px 0 25px;
}
.post-content h3 {
	margin: 15px 0;
	letter-spacing: 0.06rem;
}
.post-content .wp-block-media-text {
	margin: 79px auto;
}
.post-content .wp-block-media-text a {
	font-size: 13px;
	font-weight: 600;
}
.post-content .wp-block-columns.wide-gap {
	gap:50px;
}
.post-content .wp-block-media-text.small {
	max-width: 638px;
	border: 1px solid #645A4E;
}
.post-content .wp-block-media-text.small .wp-block-media-text__media img {
	border:none;
}
.post-content .wp-block-media-text.small .wp-block-image img {
	 border:none;
 }
 .post-content .aligncenter {
	 justify-content: center;
	 display:flex!important;
 }
.post-content .wp-block-media-text.small h4, .post-content .wp-block-media-text.small p {
	 margin:0;
 }
.post-content .wp-block-media-text .wp-block-media-text__media img{
	border: 1px solid #645A4E;
}
.post-content h2 {
	font-size: 28px;
	line-height: 31px;
	margin: 25px 0;
	letter-spacing: 0;
}
.post-content .wp-block-buttons .wp-block-button__link {
	width: 100%;
	border-radius: 25px;
	text-transform: uppercase;
	font-weight: 800;
	font-family: 'Oakes Grotesk';
	letter-spacing: 0.08rem;
	padding: 0 23px 0 0;
	font-size: 14px;
	text-decoration: underline;
	padding: 14px 50px 11px 30px;
	box-shadow: 0 8px 12px -7px rgba(0, 0, 0, 0.26);
	background-image: url(../icons/utility/arrow-right.png);
	background-size: 13px;
	background-repeat: no-repeat;
	background-position: right 26px center;
}
.post-content .wp-block-buttons .wp-block-button__link:hover {
	background-color: #f9f7f1 !important;
}
.post-content .wp-block-buttons.is-content-justification-center {
	margin:0;
}

.post-content .wp-block-media-text.wide {
	width: 960px;
	margin: 95px -86px;
}
.post-content .wp-block-image.aligncenter.size-large {
	max-width: 693px;
	margin: 95px auto 43px;
}
.post-content .wp-block-columns.wide {
	width: calc(100% + 90px);
	margin: 0 -45px;
	gap: 55px;
}
.post-content .wp-block-columns.wide h2{
	margin: 6px 0;
}
.post-content .wp-block-media-text.wide h2  {
	margin: 6px 0 20px;
}
.post-content .wp-block-media-text h2 {
	margin: 6px 0 20px;
}
.post-content .wp-block-columns.wide h2 a, .post-content .wp-block-media-text.wide h2 a, .post-content .wp-block-media-text h2 a {
	text-decoration: none;
	border-bottom:1px solid black;
}
.post-content .wp-block-columns.wide .wp-block-buttons .wp-block-button__link, .post-content .wp-block-media-text.wide .wp-block-buttons .wp-block-button__link, .post-content .wp-block-media-text .wp-block-buttons .wp-block-button__link{
	margin-top:23px;
}

.post-content .wp-block-media-text h5 {
	font-weight: 100;
	font-size: 13px;
	letter-spacing: 0.01rem;
	margin: 0;
}
.post-content .wp-block-image.wide{
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	width: 100vw;
	margin-top: 50px;
	margin-bottom: 50px;
}

#cooler-nav {
	position: relative;
	background: white;
	padding: 23px 0 60px;
}
#cooler-nav #post-nav {
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-left: 0;
}
#cooler-nav #post-nav .post-previous, #cooler-nav #post-nav .post-next {
	width: 47.8%;
	background: #645A4E;
	padding: 0px 0;
	position: relative;
	height: 108px;
}
#cooler-nav #post-nav a {
	text-decoration: none;
}
#cooler-nav .nav-img {
	width: 101px;
	height: 122px;
	background-size: cover;
	background-position: center;
	margin: -8px 0 0 0;
	position: relative;
	/*transition: all 0.5s;*/
	border-radius: 50%;
}
#cooler-nav .table {
	display:table;
}
/* #cooler-nav a:hover .nav-img {
	filter: brightness(55%);
} */

#cooler-nav .nav-title {
	display: block;
	font-size: 20px;
	line-height: 25px;
	font-family: 'Swear Display';
	letter-spacing: 0;
	color: #FFFFFF;
	width: 193px;
	text-align: left;
	font-weight: 100;
}
#cooler-nav .nav-title:hover {
	text-decoration: underline;
}
#cooler-nav .nav-post {
	width: 90%;
	max-width: 514px;
	margin: 0 auto;
}
#cooler-nav .post-previous .nav-post  {
	padding-right: 20px;
}
#cooler-nav .post-next .nav-post  {
	padding-left: 16px;
}
#cooler-nav  .post-next .nav-title {
	text-align:right;
}
#cooler-nav .nav-post a {
	display: flex;
	position: relative;
	padding-top: 0px;
	justify-content: space-between;
}
#cooler-nav .nav-post .script {
	font-size: 15px;
	font-family: 'Overpass';
	margin: 0;
	color: #F8F7F4;
	text-transform: uppercase;
	width: 120px;
	display: block;
}

.related {
	background: black;
	padding: 30px 0;
}
.related .yarpp ul {
	max-width: 1250px;
	margin: 5px auto;
	justify-content: space-between;
	position: relative;
	padding: 0 0 0 72px;
	display:flex;
	list-style: none;
}
.related .yarpp ul .title {
	position: absolute;
	color: white;
	font-family: 'Swear Display';
	font-size: 40px;
	transform: rotate(-90deg);
	top: 126px;
	left: -140px;
	text-transform: uppercase;
}
.related .yarpp ul .title em {
	text-transform: capitalize;
}
.related .yarpp ul li {
	margin: 0 0px 0px;
	width: 23.3%;
}
.related .yarpp ul li:last-child{
	width: 50%;
}
.related .yarpp ul li .image-link img {
	width: 100%;
	height: 416px;
	object-fit: cover;
	object-position: center;
	border: 1px solid #FFFFFF;
	/*transition: all 0.5s;*/
}
.related .yarpp ul li .image-link img:hover {
	filter: brightness(55%);
}
.related .yarpp ul li:last-child .image-link img {
	object-position: top center;
}
.related .yarpp ul li .post-category {
	color: white;
	margin: 12px 0 3px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.02rem;
}
.related .yarpp ul li h2:hover {text-decoration: underline;}
.related .yarpp ul li h2{
	color:white;
	font-size: 20px;
	line-height: 25px;
	margin: 0;
}
/* Form Styles
--------------------------------------------- */

input, select, textarea {
	background-color: inherit;
	text-align: center;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	border-radius: 0;
	margin: 0px auto;
	text-align: center;
	border: 1px solid #000;
	padding: 10px;
	color: #000000
}

input:focus {
	outline: none;
	border: 1px solid #000;
	-webkit-appearance:none;
	border-radius: 0;
}

textarea:focus {
	outline: none;
	border: 1px solid #000;
	border-radius: 0;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button {
	border-radius: 0;
	border: 1px solid #000;
	float: none;
	clear: none;
	display: block;
	margin: 0px auto;
	background: none;
	color: #000000;
	padding: 10px;
	outline:none;
}

button:hover, .button:hover, a.text-button:hover, a:hover, input[type="submit"]:hover {
	outline:none;
	transition: all 0.4s;
}

::-moz-placeholder {
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	color: #000000;
}

::-webkit-input-placeholder {
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	color: #000000;
}

.gform_wrapper {
	width: 100%;
	margin: 0px auto 0;
}

.gfield_label, .gfield_required {
	display: none;
}

.gf_left_half {
	width: 49%;
	display: inline-block;
}

.gf_right_half {
	width: 49%;
	display: inline-block;
	margin-left: 2%;
}



/* Footer Styles
--------------------------------------------- */
.newsletter {
	border-top: 1px solid #645A4E;
	border-bottom: 1px solid #645A4E;
	background-image: url(../icons/utility/footer-bg1.jpg);
	background-size: cover;
	background-position: center;
	padding: 70px 0;
}
.newsletter .border {
	max-width: 1061px;
	border: 1px solid #F8F7F5;
	margin: 0 auto;
	padding: 12px;
	position: relative;
}
.newsletter .border .inside {
	background: #645A4E;
	color: white;
	padding: 10px;
	text-align: center;
}
.newsletter .border .inside h2 {
	margin: 31px 0 12px;
	font-size: 40px;
}
.newsletter .border .inside p {
	font-size: 14px;
	font-family: 'Overpass';
	font-weight: 500;
}
.newsletter .border .icon {
	position: absolute;
	width: 123px;
	height: 154px;
	top: -37px;
	right: -60px;
	filter: drop-shadow(5px 3px 7px rgba(0, 0, 0, 0.255));
	border-radius: 51%;
	padding: 0;
	background-color: #d8cdbe;
	object-fit: cover;
}
.newsletter .border .inside .wpforms-field-container{
	display: flex;
	justify-content: space-between;
	width: 80%;
}
.newsletter .border .inside .wpforms-submit-container {
	width: 20%;
	margin: 0;
	display: flex;
	justify-content: flex-end;
}
.newsletter .border .inside .wpforms-submit-container button {
	width: 100%;
	max-width: 100%;
	border: none;
	padding: 1px 50px 0 0;
	height: 43px;
	background-color: transparent !important;
	color: #F8F7F4 !important;
	font-size: 12px;
	font-family: 'Overpass';
	text-align: right;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03rem;
	background-image: url(../icons/utility/small-white-arrow.png);
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: right 28px center;
}
.newsletter .border .inside .wpforms-field-container .wpforms-field {
	width: 50%;
	margin: 0;
	padding: 0;
}
.newsletter .border .inside .wpforms-field-container label {
	font-size: 0px;
	margin: 0;
	padding: 0;
	height: 0px;
}
.newsletter .border .inside form{
	display: flex;
	border: 1px solid #C5BFAD;
	margin: 0;
	padding: 0;
	justify-content: space-between;
	height: 43px;
	max-width: 95%;
	margin: 26px auto 37px;
}
.newsletter .border .inside form input {
	width: 100%;
	max-width: 100%;
	border: none;
	padding: 0 27px;
	height: 43px;
	text-align: left;
	background: transparent;
	color: #F8F7F4;
	font-size: 16px;
	font-family: 'Swear Display';
}
.newsletter .border .inside form input::placeholder {
	color: #F8F7F4;
	opacity: 1;
}
.site-footer {
	background-size: cover;
	background-position: center;
	padding: 0;
}
.site-footer .flex {
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 45px 0px 76px;
	position: relative;
	max-width: 92%;
	margin: 0 auto;
}
.site-footer .flex .left {
	width: 350px;
	z-index: 1;
}
.site-footer .flex .left img.logo {
	position: absolute;
	top: 51px;
	left: -28px;
	width: 323px;
	z-index: -1;
}
.site-footer .flex .left img.goup {
	display: none;
}
.site-footer .flex .center {
	display: flex;
	justify-content: space-between;
	width: 431px;
	padding: 53px 0 0 0;
	margin: 0 81px 0 0;
}
.site-footer .flex .center ul li {
	list-style: none;
	margin: 0 0 10px;
}
.site-footer .flex .center ul li a {
	text-decoration: none;
	font-size: 14px;
	font-family: 'Overpass';
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-weight: 800;
}
.site-footer .flex .center ul li a:hover {
	text-decoration: underline;
}
.site-footer .flex .center ul li.title a {
	font-size: 30px;
	font-family: 'Swear Display';
	letter-spacing: 0;
	text-transform: uppercase;
	font-weight: 100;
}
.site-footer .flex .center ul li.title a:hover {
	text-decoration: none;
}
.site-footer .flex .center ul li.title {
	margin: -1px 0 18px;
}
.site-footer .cred-flex {
	background: #F8F7F4;
	display: flex;
	justify-content: space-between;
	padding: 14px 4% 11px;
	font-size: 14px;
	font-family: 'Overpass';
	font-weight: 700;
	letter-spacing: 0.02rem;
}
.site-footer .cred-flex span {
	font-weight: 100;
	margin-left: 20px;
	letter-spacing: 0;
}
.site-footer .cred-flex .right {
	font-weight: 100;
	letter-spacing: 0;
}
.site-footer .cred-flex .center {
	font-weight: 600;
	font-family: 'Oakes Grotesk';
	font-size: 13px;
	letter-spacing: 0.03rem;
	padding-top: 2px;
}
.site-footer .cred-flex .social-links {
	list-style: none;
	display: flex;
	padding-left: 20px;
	width: 346px;
}
.site-footer .cred-flex .social-links li {
	margin: 4px 39px 0 0;
}
.site-footer .cred-flex .social-links li svg:hover path{
	fill:#FFFBE7;
}
.site-footer .flex .right {
	width: 350px;
}
.site-footer .flex .right h2 {
	font-size: 30px;
	margin: 44px 0 21px;
	text-align: center;
}
.site-footer .flex .right .wpforms-title {
	font-family: 'Darline Serif';
	font-size: 30px;
	line-height: 33px;
	letter-spacing: -0.05rem;
	margin: 72px 0 0 0;
	display: block;
}
.site-footer .flex .right label {
	font-size: 0;
	margin: 0;
	height: 0px;
}
.site-footer .flex .right input {
	margin: 0px 0 0;
	width: 100%;
	max-width: 100%;
	border: none;
	padding: 0 27px;
	height: 43px;
	text-align: left;
	background: transparent;
	font-size: 16px;
	font-family: 'Swear Display';
	color: #000000;
}
.site-footer .flex .right input::placeholder {
	color:black;
	opacity:1;
}
.site-footer .flex .right form {
	position: relative;
	display: flex;
	border: 1px solid #000000;
	justify-content: space-between;
}
.site-footer .flex .right button.wpforms-submit{
	width: 100%;
	max-width: 100%;
	border: none;
	padding: 1px 50px 0 0;
	height: 43px;
	background-color: transparent !important;
	color: black !important;
	font-size: 12px;
	font-family: 'Overpass';
	text-align: right;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03rem;
	background-image: url(../icons/utility/small-black-arrow.png);
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: right 28px center;
}
.site-footer .flex .right .social-links {
	list-style: none;
	display: flex;
	justify-content: space-between;
	margin: 20px auto 0;
}
.site-footer .flex .right .social-links li a {
	display:block;
	padding-bottom:2px;
}
.site-footer .flex .right .social-links svg {
	margin-bottom:2px;
	padding-bottom:2px;
}
.site-footer .flex .right .social-links svg path {
	/*transition: all 0.5s;*/
}
.site-footer .flex .right .social-links svg:hover path {
	fill:#c5bfad;
}
@media all and (max-width:1400px) {
	.site-header .lower-bar .flex .ubermenu #menu-item-594 .ubermenu-submenu {
		padding: 35px 0 190px;
	}
	.looks-post-header {
		margin-bottom:-3px;
	}
}
@media all and (max-width:1280px){
	.single-looks .related .pslider {
		position: relative;
		overflow: hidden;
		padding: 0 0 66px 20px;
	}
	.single-looks .related .title-wrap {
		width:95%;
	}
	.site-header .lower-bar .flex .ubermenu #menu-item-594 .ubermenu-submenu {
		padding: 30px 0 165px;
	}
	.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown .wp-block-list li {
		margin: 0 18px;
	}
	.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area {
		width:100%;
	}
	.archive-header__inner h1 {
		width:150px;
	}
	.related .yarpp ul {
		max-width:95%;
	}
}
@media all and (max-width:1200px) {
	.newsletter .border {
		max-width:85%;
	}
	.archive-header__inner .archive-subcategories {
		justify-content: flex-start;
		width: 82%;
	}
	.archive-header__inner {
		padding: 24px 20px 18px;
	}
}
@media all and (max-width:1170px) {
	#cooler-nav .nav-post {
		width: 100%;
		max-width: 514px;
		margin: 0 auto;
	}
	.related .yarpp ul li .image-link img {
		height:355px;
	}
	.site-header .lower-bar .flex .ubermenu #menu-item-594 .ubermenu-submenu {
		padding: 30px 0 127px;
	}
	.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown {
		width:93%;
	}
	.site-footer .flex {
		max-width: 96%;
	}
	.site-footer .flex .right {
		width: 270px;
	}
	.site-footer .flex .center {
		width: 388px;
		padding: 53px 0 0 0;
		margin: 0 0 0 0;
	}
	.site-footer .flex .left {
		width: 254px;
		z-index: 1;
	}
}
@media all and (max-width:1100px) {
	.post-header .ph-wrap {
		max-width:94%;
		width:94%;
	}
	.post-header .flex .left {
		width:55%;
	}
	.post-header .flex .right {
		width:45%;
	}
}
@media all and (max-width:1040px) {
	.related .yarpp ul li .image-link img {
		height: 300px;
	}
	.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area h2.wp-block-heading {
		margin:0;
	}
	.site-header .lower-bar .flex .ubermenu #menu-item-594 .ubermenu-submenu {
		padding: 30px 0 127px;
		background-position: center -37px;
		background-size: cover;
	}
	.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown .wp-block-list {
		flex-wrap: wrap;
		padding: 20px 0;
	}
	.page-template-default .wp-block-columns {
		display:block;
	}
	.site-footer .flex {
		max-width: 96%;
		display: block;
		padding: 0 0 20px;
	}
	.site-footer .cred-flex {
		display:block;
		text-align: center;
	}
	.site-footer .flex .left img.logo {
		position: relative;
		top: inherit;
		left: inherit;
		width: 100%;
		z-index: 1;
	}
	.site-footer .flex .center {
		width: 410px;
		padding: 53px 0 0 0;
		margin: 0 auto;
	}
	.site-footer .flex .left {
		margin: 0 auto;
	}
	.site-footer .flex .right {
		width: 350px;
		margin: 0 auto;
	}
	#cooler-nav #post-nav .post-previous, #cooler-nav #post-nav .post-next {
		height:auto;
	}
	#cooler-nav .post-previous .nav-post {
		padding-right: 0;
	}
	#cooler-nav #post-nav a {
		text-decoration: none;
		flex-direction: column-reverse;
		justify-content: center;
		text-align: center;
	}
	#cooler-nav .post-next .nav-post a {
		flex-direction:column!important;
	}
	#cooler-nav .table {
		display: block;
		text-align: center;
		width: 100%;
	}
	#cooler-nav .table .in {
		display:block;
	}
	#cooler-nav .post-next .nav-title {
		text-align: center;
	}
	#cooler-nav .post-next .nav-post {
		padding-left: 0;
	}
	#cooler-nav .nav-img {
		margin: -8px auto 15px;
	}
	
	#cooler-nav .nav-post .script {
		margin: 10px auto;
		width: 100%;
		display: block;
	}
	#cooler-nav .nav-title {
		width:100%;
		text-align:center;
	}
}
@media all and (max-width:900px) {
	#cooler-nav .nav-title{
		text-align: center;
		padding: 0 20px;
		line-height: 1.2;
	}
	.looks-post-header .flex {
		max-width: 600px;
	}
	.looks-post-header .flex .right {
		width: 323px;
	}
	.looks-post-header .flex .right .pslider {
		position: relative;
		overflow: hidden;
		margin: 50px auto 0;
		width: 100%;
		padding: 0 0 63px;
	}
	.looks-post-header .flex .right h1 {
		width:100%;
	}
	.looks-post-header .flex .right .meta {
		border-bottom: 1px solid black;
		padding: 10px 15px 9px;
		display: block;
	}
	.looks-post-header .flex .right .meta .date {
		width: 100%;
		text-align: left;
	}
	.post-type-archive-looks .archive-wrap article {
		margin: 0 11px 41px;
		width: 29%;
	}
	.archive-header__inner .archive-subcategories {
		justify-content: flex-start;
		width: 77%;
	}
	.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown .wp-block-list {
		flex-wrap: wrap;
		padding: 20px 0;
		justify-content: center;
		height: auto;
	}
	.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown .wp-block-list li {
		margin: 0 18px 6px;
	}
	.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown .wp-block-list {
		padding: 20px 0 7px;
	}
	.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown .wp-block-list li:first-child {
		width: 100%;
		margin: 0 18px 8px;
		text-align: center;
	}
	.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown form label {
		margin: 20px auto 29px;
	}
	.site-header .lower-bar .flex .ubermenu #menu-item-594 .ubermenu-submenu{
		background-image: url(../icons/utility/mobile-searchbg.png);
	}
	.site-header .lower-bar .flex .ubermenu-target {
		margin: 27px 0 0 40px;
	}
	.site-header .top-bar .flex .ubermenu {
		width: 245px;
	}
	
}
@media all and (max-width:850px) {
	.newsletter .border .icon {
		position: absolute;
		width: 80px;
		height: 102px;
		top: -37px;
		right: -15px;
		filter: drop-shadow(5px 3px 7px rgba(0, 0, 0, 0.255));
		border-radius: 51%;
		padding: 0;
		background-color: #d8cdbe;
		object-fit: cover;
	}
	.related .yarpp ul{
		flex-wrap: wrap;
	}
	.related .yarpp ul li{
		margin: 0 0px 20px;
		width: 48%;
	}
	.related .yarpp ul li:last-child {
		width: 100%;
	}
	.related .yarpp ul li .image-link img {
		height: 440px;
	}
}
@media all and (max-width: 768px) {
	.post-content {
		max-width: 90%;
		margin: 56px auto 0;
	}
	.post-header .ph-wrap .share {
		position: absolute;
		background: #645A4E;
		width: fit-content;
		height: auto;
		left: 10px;
		top: inherit;
		bottom: -17px;
		text-align: center;
		z-index: 1;
		margin: 0;
		padding: 10px 17px 5px;
		box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0.26);
	}
	.post-header .ph-wrap .share ul{
		display:flex;
	}
	.post-header .flex .right {
		width: 45%;
		padding: 0 20px;
	}
	.post-header {
		padding: 62px 0 50px;
	}
	.post-header .ph-wrap .share ul li {
		position: relative;
		margin: 0 7px;
	}
	.single-looks .related .title-wrap h4 {
		font-size: 35px;
		margin: 0;
	}
	.single-looks .related .title-wrap {
		position:initial;
	}
	.single-looks .related {
		position: relative;
		padding: 20px 0 50px;
	}
	.single-looks .related .white-line {
		margin: 14px auto 40px;
	}
	.single-looks .related .title-wrap .button {
		top: inherit;
		bottom: -1px;
		left: 0;
		right: 0;
		height: 40px;
		background-position: center right 42%;
	}
	.single-looks .related .swiper-scrollbar.swiper-scrollbar-horizontal:after {
		display: none;
	}
	.single-looks .related .swiper-horizontal>.swiper-scrollbar, .single-looks .related .swiper-scrollbar.swiper-scrollbar-horizontal {
		bottom:17px;
	}
	.looks-post-header {
		background-image: url(../icons/utility/looksbg.png);
		padding: 65px 0 93px;
		background-size: cover;
		background-position: center;
	}
	.looks-post-header .flex:before {
		display: none;
	}
	.archive-header__inner {
		display:block;
	}
	.archive-header__inner .archive-subcategories {
		justify-content: flex-start;
		width: 100%;
		margin: 10px 0 0;
	}
	.archive-wrap article #hero-image {
		aspect-ratio: 12 / 16!important;
	}
	.archive-header__inner a {
		margin: 0 20px 0 0;
	}
	.site-header .top-bar {
		display:none;
	}
	.site-header .lower-bar .flex {
		max-width:95%;
		justify-content: flex-end;
	}
	.site-header .lower-bar .site-title {
		max-width: 95px;
		margin: 0 auto;
		position: absolute;
		top: 8px;
		left: 0;
		right: 0;
	}
	.site-header .lower-bar .flex #menu-item-594 .ubermenu-target {
		padding: 0 0 18px;
		margin: 17px 0 0 0;
	}
	#menu-item-241, #menu-item-243, #menu-item-242, #menu-item-244 {
		display: none;
	}
	.site-header {
		height:78px;
	}
	.header-spacer {
		height: 78px;
	}
	.mobile-toggle-button {
		display: block;
		position: absolute;
		left: 0;
		top: 8px;
		z-index: 9999;
		width: 80px;
		height: 64px;
		border-right: none;
		padding: 0 0 0 21px;
	}
	.mobile-toggle-button.active span{
		transform: rotate(45deg);
	}
	.mobile-toggle-button.active span:before {
		display: none;
	}
	.mobile-toggle-button.active span:after {
		transform: rotate(90deg);
		bottom:0;
	}
	.mobile-toggle-button span{
		display: block;
		width: 30px;
		height: 1px;
		background: #292825;
		position: absolute;
		top: 31px;
	}
	.mobile-toggle-button span:before {
		content:"";
		display: block;
		width:30px;
		height:1px;
		background:#292825;
		position: absolute;
		top:-7px;
		left:0;
	}
	.mobile-toggle-button span:after {
		content:"";
		display: block;
		width:30px;
		height:1px;
		background:#292825;
		position: absolute;
		bottom:-7px;
		left:0;
	}
	#mobile-tog.active {
		left:0;
	}
	#mobile-tog {
		height: 100vh;
		width: 100%;
		right: 0;
		transition: transform 0.5s;
		text-align: left;
		z-index: 99;
		display: block;
		position: absolute;
		top: 78px;
		bottom: 0;
		padding-bottom: 5px;
		margin-bottom: -5px;
		outline: 1px solid transparent;
		overflow-y: auto;
		overflow-x: hidden;
		/*transition: all 0.5s;*/
		left: -115%;
		padding-top: 0;
		padding-left: 0;
		background-size: cover;
		background-position: center;
		background: #645A4E;
		color: white;
	}
	#mobile-tog .center {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 88%;
		margin: 40px auto 0;
	}
	#mobile-tog .center nav {
		width:50%;
		margin: 0 0 30px;
	}
	#mobile-tog .center ul {
		list-style: none;
	}
	#mobile-tog .center ul li.title a {
		font-size: 30px;
		font-family: 'Swear Display';
		letter-spacing: 0;
		text-transform: uppercase;
		font-weight: 100;
	}
	#mobile-tog .center ul li a {
		text-decoration: none;
		font-size: 14px;
		font-family: 'Overpass';
		text-transform: uppercase;
		letter-spacing: 0.05rem;
		font-weight: 800;
	}
	#mobile-tog .center ul li {
		margin-bottom:5px;
	}
	#mobile-tog .lower {
		max-width: 95%;
		margin: 0 auto;
		text-align: center;
	}
	#mobile-tog .lower .wpforms-title {
		font-family: 'Darline Serif';
		font-size: 30px;
		line-height: 33px;
		letter-spacing: -0.05rem;
		margin: 72px 0 0 0;
		display: block;
	}
	#mobile-tog .lower label {
		font-size: 0;
		margin: 0;
		height: 0px;
	}
	#mobile-tog .lower input {
		margin: 0px 0 0;
		width: 100%;
		max-width: 100%;
		border: none;
		padding: 0 27px;
		height: 43px;
		text-align: left;
		background: transparent;
		font-size: 16px;
		font-family: 'Swear Display';
		color: #F8F7F4;
	}
	#mobile-tog .lower input::placeholder {
		color:#F8F7F4;
		opacity:1;
	}
	#mobile-tog .lower form {
		position: relative;
		display: flex;
		border: 1px solid #F8F7F4;
		justify-content: space-between;
	}
	#mobile-tog .lower button.wpforms-submit{
		width: 100%;
		max-width: 100%;
		border: none;
		padding: 1px 50px 0 0;
		height: 43px;
		background-color: transparent !important;
		color: #F8F7F4 !important;
		font-size: 12px;
		font-family: 'Overpass';
		text-align: right;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.03rem;
		background-image: url(../icons/utility/small-white-arrow.png);
		background-size: 10px;
		background-repeat: no-repeat;
		background-position: right 28px center;
	}
	#mobile-tog .lower .social-links {
		list-style: none;
		display: flex;
		justify-content: space-between;
		margin: 20px auto 0;
	}
	#mobile-tog .lower .social-links svg path {
		/*transition: all 0.5s;*/
	}
	#mobile-tog .lower .social-links svg path {
		fill:#F8F7F4;
	}
	.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown .wp-block-list {
		display: none;
	}
	.site-header .lower-bar .flex .ubermenu #menu-item-594 .ubermenu-submenu {
		background-image: url(../icons/utility/mobile-searchbg.png);
		background-position: center bottom;
	}
	.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown form label {
		margin: 20px auto 29px;
		font-size: 35px;
	}
	.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown {
		width: 100%;
	}
	.site-header .lower-bar .flex input {
		padding: 0 20px;
	}
	.site-header .lower-bar .flex .wp-block-search__inside-wrapper {
		border: 1px solid #F8F7F4;
		margin-bottom: 12px;
	}
	.site-header .lower-bar .flex .ubermenu .ubermenu-submenu .block-area.block-area-search-dropdown form {
		background: #645A4E;
		padding: 30px 20px;
	}
	.archive-wrap article {
		margin: 0 11px 24px;
		width: 29%;
	}
}
@media all and (max-width:670px) {
	.related .yarpp ul li .image-link img {
		height: 350px;
	}
	.looks-post-header .flex {
		max-width: 91%;
	}
	.looks-post-header .flex .left {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid black;
	}
	.looks-post-header .flex .right {
		width: 100%;
		padding: 0 0 40px;
	}
	.looks-post-header {
		padding: 25px 0 35px;
		background-size: cover;
		background-position: center;
		background-image: url(../icons/utility/brownpaper.png);
	}
	.looks-post-header .flex .left #hero-image {
		height:auto;
	}
	.sml-title {
		font-size:35px;
	}
	.post-type-archive-looks .archive-wrap article {
		margin: 0 10px 41px;
		width: 45%;
	}
	.newsletter .border .inside form {
		display: block;
		border: none;
		margin: 0;
		padding: 0;
		justify-content: space-between;
		height: auto;
		max-width: 95%;
		margin: 16px auto 8px;
	}
	.newsletter .border .inside form input {
		border:1px solid #C5BFAD;
	}
	.newsletter .border .inside p {
		font-size: 14px;
		font-family: 'Overpass';
		font-weight: 500;
		line-height: 20px;
		max-width: 270px;
		margin: 0 auto;
	}
	.newsletter .border .inside .wpforms-field-container {
		display: block;
		width: 100%;
	}
	.newsletter .border .inside .wpforms-field-container .wpforms-field {
		width: 100%;
		margin: 0 0 13px;
		padding: 0;
	}
	.newsletter .border .inside .wpforms-submit-container {
		width: 100%;
		margin: 0;
		display: flex;
		justify-content: center;
	}
	.newsletter .border .inside .wpforms-submit-container button {
		width: 100%;
		margin: 0 auto;
		display: block;
		max-width: 101px;
	}
	.site-footer .cred-flex span {
		display:block;
		margin:0;
	}
}
@media all and (max-width:580px) {
	.related .yarpp ul .title {
		position: relative;
		color: white;
		font-family: 'Swear Display';
		font-size: 35px;
		transform: rotate(0deg);
		top: inherit;
		left: inherit;
		text-transform: uppercase;
		text-align: center;
		width: 100%;
	margin: 0 0 30px;
	}
	.related .yarpp ul li .image-link img {
		height: auto;
		aspect-ratio: 12 / 16;
	}
	.related .yarpp ul li:last-child .image-link img {
		object-position: top center;
		aspect-ratio: 16 / 11;
	}
	.related .yarpp ul {
		flex-wrap: wrap;
		padding: 0;
	}
	.related {
		padding: 19px 0 35px;
	}

	.post-content .wp-block-media-text>.wp-block-media-text__content {
		padding:20px 0;
	}
	.post-header .ph-wrap .breadcrumbs {
		top: -34px;
		font-size: 12px;
	}
	.post-header .flex {
		display:block;
	}
	.post-header .flex .left {
		width: 100%;
	}
	.post-header .flex .right {
		width: 100%;
		padding: 25px 20px 50px;
		height: auto;
	}
	.single-looks .related .swiper-horizontal>.swiper-scrollbar, .single-looks .related .swiper-scrollbar.swiper-scrollbar-horizontal {
		bottom: 17px;
		left: 20px;
		right: inherit;
		width: 88%;
	}
	.single-looks .related .title-wrap .button {
		background-position: center right 39%;
	}
	.single-looks .related .pslider h2 {
		line-height:1.2;
	}
	.archive-header__inner a {
		margin: 0 23px 7px 0;
	}
	.archive-wrap article {
		margin: 0 11px 24px;
		width: 45%;
	}
	.site-footer .flex .left {
		margin: 20px 0 0;
	}
	.site-footer .flex .left img.goup {
		display: block;
		position: absolute;
		top: 7px;
		right: 0;
		width: 70px;
	}
	.site-footer .flex .center {
		width: 100%;
		padding: 20px 20px;
		margin: 0 auto;
	}
	.site-footer .flex .right {
		width: 100%;
		margin: 0 auto 40px;
		padding: 0 20px;
	}
	.site-footer .flex .right h2 {
		font-size: 30px;
		margin: 15px 0 21px;
		text-align: center;
	}
	.site-footer .cred-flex {
		font-size:12px;
	}
	.post-header .ph-wrap .share ul li p {
		margin: 0;
		position: absolute;
		font-size: 10px;
		width: 100px;
		bottom: -26px;
		color: black;
		left: 0;
		text-align: left;
	}
	.post-quick-links {
		display:block;
	}
	.post-quick-links .title {
		font-family: 'Swear Display';
		font-size: 28px;
		line-height: 30px;
		width: 100%;
		margin: 7px 16px 16px;
		letter-spacing: 0;
		display: block;
	}
	.post-quick-links .pslider {
		width: 100%;
		overflow: hidden;
	}
	#cooler-nav .nav-img {
		margin: -70px auto 15px;
	}
	#cooler-nav {
		position: relative;
		background: white;
		padding: 90px 0 60px;
	}
	#cooler-nav .nav-post .script {
		font-size:12px;
	}
	#cooler-nav .nav-title {
		text-align: center;
		padding: 0 10px;
		line-height: 1.2;
		font-size: 17px;
	}
	.post-type-archive-looks .archive-wrap article {
		width:44%;
	}
	.post-type-archive-looks .archive-wrap article .post-title h2 {
		line-height:1;
	}
}
@media all and (max-width:470px) {
	.post-header .ph-wrap .breadcrumbs {
		display:none;
	}
	.post-header {
		padding: 25px 0 50px;
	}
	.newsletter .border .inside h2 {
		margin: 34px 0 11px;
		font-size: 35px;
	}
	.site-footer .flex .center ul li a {
		font-size:13px;
	}
	.site-footer .flex .center ul li.title a {
		font-size:27px;
	}
	.newsletter .border .icon {
		width: 69px;
		height: 87px;
	}
	.archive-wrap article {
		margin: 0 11px 24px;
		width: 44%;
	}
}