/*
 Theme Name:   High6 Creatives
 Theme URI:    http://www.high6.com/
 Description:  A Child Theme built for 
 Author:       High6 Creatives
 Author URI:   http://www.high6.com/
 Version:      1.0
 Template:     Divi
*/

/*
 * Fonts
 */

/* @font-face {
	font-family: 'Montserrat';
	font-display: swap;
	src: url('./includes/fonts/Montserrat-Bold.woff2') format('woff2'),
		url('./includes/fonts/Montserrat-Bold.woff') format('woff'),
		url('./includes/fonts/Montserrat-Bold.ttf') format('truetype');
	font-weight: 700;
} */

/* Roboto Regular
 * Usage: font-family: 'Roboto', 'Open Sans',Arial,sans-serif; font-weight: 400; */

/* @font-face {
	font-family: 'Roboto';
	font-display: swap;
	src: url('./includes/fonts/Roboto-Regular.woff2') format('woff2'),
		url('./includes/fonts/Roboto-Regular.woff') format('woff'),
		url('./includes/fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: 400;
} */

/* Roboto Bold
 * Usage: font-family: 'Roboto', 'Open Sans',Arial,sans-serif; font-weight: 700; */

/* @font-face {
	font-family: 'Roboto';
	font-display: swap;
	src: url('./includes/fonts/Roboto-Bold.woff2') format('woff2'),
		url('./includes/fonts/Roboto-Bold.woff') format('woff'),
		url('./includes/fonts/Roboto-Bold.ttf') format('truetype');
	font-weight: 700;
} */

/*
 * Globals
 */

#page-container {
    overflow: hidden !important;
}

a *, a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.et_pb_row,
.container {
	width: 80% !important;
	max-width: 1200px !important;
}

@media(min-width: 1441px) {
    .et_pb_row,
	.container {
		max-width: 1640px !important;
	}
}

body {
	font-family: 'Poppins', 'Open Sans',Arial,sans-serif;
	font-weight: 400;
	overflow: overlay;
}

body::-webkit-scrollbar {
    background-color: transparent;
    width: 13px;
}

body::-webkit-scrollbar-thumb {
	background-color: rgb(0 0 0 / 0.5);
	border-radius: 10px;
}

/* h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', 'Open Sans',Arial,sans-serif;
	font-weight: 700;
} */

h1 {
    font-size: 32px !important;
    line-height: 1.2em;
}

h2 {
    font-size: 30px !important;
    line-height: 1.2em;
}

h3 {
    font-size: 24px !important;
    line-height: 1.3em;
}

h4 {
    font-size: 16px !important;
    line-height: 1.3em;
}

@media(min-width: 768px) {
    h1 {
        font-size: 48px !important;
        line-height: 1.2em;
    }

    h2 {
        font-size: 30px !important;
        line-height: 1.2em;
    }

    h3 {
        font-size: 24px !important;
        line-height: 1.3em;
    }

    h4 {
        font-size: 18px !important;
        line-height: 1.3em;
    }
}

@media(min-width: 981px) {
	body {
		font-size: 24px !important;
	}
	
	h1, h2 {
        font-size: 90px !important;
        line-height: 1.2em;
    }

    h3 {
        font-size: 64px !important;
        line-height: 1.3em;
    }

    h4 {
        font-size: 24px !important;
        line-height: 1.3em;
    }
}

@media(min-width: 1441px) {
	body {
		font-size: 28px !important;
	}
	
	h1, h2 {
        font-size: 110px !important;
        line-height: 1.2em;
    }
	
	h3 {
        font-size: 90px !important;
        line-height: 1.3em;
    }
}

/* THE SHAPE OF THINGS TO COME SECTION */

.re-imagining-text {
    max-width: 640px;
}

@media(min-width: 981px) {
	.the-shape-of-things-to-come {
		padding: 120px 0 !important;
	}
}

/* GREENBELT 3 SECTION */

.greenbelt-3-section {
	padding: 0 !important;
}

.greenbelt-3-section .et_pb_row {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
}

.greenbelt-3-section .et_pb_row .et_pb_column:first-child {
	padding: 60px 30px;
	position: relative;
}

.greenbelt-3-section .et_pb_row .et_pb_column:first-child:before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #016a23 50%, #000000 50%);
	position: absolute;
	top: 0;
	left: 0;
}

@media(min-width: 981px) {
	.greenbelt-3-section .et_pb_row .et_pb_column:first-child {
		padding: 120px 100px;
	}
	
	.greenbelt-3-section img {
		max-width: 90%;
	}
}

/* GREENBELT GARDEN SECTION */

.greenbelt-garden .et_pb_row {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
}

.greenbelt-garden, .greenbelt-garden .et_pb_row {
    padding: 0 !important;
}

.greenbelt-garden .dots-image {
    margin-top: -30px;
}

/* GREENBELT GARDEN SECTION */

.greenbelt-reimagined-section {
    z-index: 2;
}

@media(max-width: 980px) {
	.greenbelt-reimagined-section .et_pb_text p br {
		display: none !important;
	}
}

@media(min-width: 1441px) {
	.greenbelt-reimagined-section {
		padding: 80px 0 150px !important;
	}
}

/* A FRESH LINEUP SECTION */

.a-fresh-lineup-section {
	z-index: 3;
}

.a-fresh-lineup-section {
	padding-bottom: 300px !important;
}

@media(max-width: 980px) {
	.a-fresh-lineup-section .et_pb_text p br {
		display: none !important;
	}
}

@media(min-width: 1441px) {
	.a-fresh-lineup-section {
		padding-bottom: 500px !important;
	}
}

/* ART CULTURE SCENERY SECTION */

.art-culture-scenery-section {
	padding: 0 !important;
	z-index: 14;
	margin-top: -650px;
}

.et_pb_blurb .et_pb_main_blurb_image {
	margin-bottom: 20px !important;
}

.et_pb_blurb .et_pb_blurb_content {
    max-width: 100% !important;
    text-align: left;
}

.art-culture-scenery-section:before {
	content: "";
	width: 294px;
	height: 872px;
	position: absolute;
	left: 0;
	bottom: 230px;
	background-image: url('/wp-content/uploads/2022/04/Grid-Design.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.art-culture-scenery-section .et_pb_blurb.max-mara {
	margin-top: -380px;
}

@media(max-width: 980px) {
	.art-culture-scenery-section:before {
		width: 120px;
		height: 375px;
		top: 50%;
		transform: translateY(-50%);
		bottom: auto;
	}
	
	.art-culture-scenery-section .art-culture-scenery-text {
		padding-left: 105px;
	}

	.art-culture-scenery-section .art-culture-scenery-text h2:nth-child(2) {
		text-indent: 30px;
	}

	.art-culture-scenery-section .art-culture-scenery-text h2:nth-child(3) {
		text-indent: 60px;
	}
}

@media(min-width: 981px) and (max-width: 1440px) {
	.art-culture-scenery-section .et_pb_blurb {
		max-width: 460px;
	}
	
	.art-culture-scenery-section .et_pb_row {
		width: 85% !important;
	}
}

@media(min-width: 981px) {
	.art-culture-scenery-section {
		margin-top: -650px;
	}
	
	.art-culture-scenery-section .et_pb_blurb.max-mara {
		margin-top: -380px;
	}
	
	.art-culture-scenery-section .et_pb_row {
		margin-right: 0 !important;
	}

	.art-culture-scenery-section .et_pb_row:last-child {
		padding-right: 5% !important;
	}
	
	.art-culture-scenery-section .et_pb_blurb.kenzo {
		margin-top: -300px;
	}
	
	.art-culture-scenery-text h2:nth-child(2) {
		text-indent: 35px;
	}

	.art-culture-scenery-text h2:nth-child(3) {
		text-indent: 140px;
	}
	
	.art-culture-scenery-section:before {
		width: 110px;
		height: 700px;
		background-size: cover;
		background-position: right center;
	}
}

@media(min-width: 1441px) {
	.art-culture-scenery-section .et_pb_row {
		margin-right: 0 !important;
	}
	
	.art-culture-scenery-section .et_pb_blurb.max-mara {
		margin-top: -190px;
	}
	
	.art-culture-scenery-section .et_pb_blurb.kenzo {
		margin-top: -300px;
	}
	
	.art-culture-scenery-text {
		padding-top: 70px;
	}
	
	.art-culture-scenery-text h2 {
		line-height: 160px;
	}
	
	.art-culture-scenery-text h2:nth-child(2) {
		text-indent: 47px;
	}

	.art-culture-scenery-text h2:nth-child(3) {
		text-indent: 185px;
	}
	
	.art-culture-scenery-section:before {
		width: 294px;
		height: 872px;
		background-size: contain;
	}
}

/* OFFICINE SECTION */

.officine-section {
	padding: 0 !important;
}

.officine-section .et_pb_row {
	max-width: 100% !important;
	width: 100% !important;
}

.officine-section .officine-universelle-buly-blurb .et_pb_blurb_container {
    padding-left: 30px;
}

@media(max-width: 980px) {
	.officine-section .et_pb_image {
		max-width: 80% !important;
		margin-left: auto;
		margin-right: 0;
	}
	
	.officine-section .off-white-blurb {
		max-width: 80%;
		margin: auto;
	}
}

@media(min-width: 981px) and (max-width: 1440px) {
	.officine-section .officine-universelle-buly-blurb img {
		max-width: 550px;
	}

	.officine-section .off-white-blurb img {
		max-width: 420px;
	}
}

@media(min-width: 981px) {
	.officine-section .et_pb_image {
		margin-bottom: 150px !important;
	}
}

@media(min-width: 1441px) {
	.officine-section .et_pb_image {
		margin-bottom: 150px !important;
	}
}

/* COLOR MATERIAL FASHION SECTION */

.color-material-fashion-section {
	padding: 0 !important;
}

.color-material-fashion-section .et_pb_row:first-child {
	width: 100% !important;
	max-width: 100% !important;
}

.color-material-fashion-section .et_pb_row:first-child .et_pb_blurb .et_pb_main_blurb_image, 
.color-material-fashion-section .et_pb_row:first-child .et_pb_blurb .et_pb_main_blurb_image img {
	width: 100% !important;
}

.color-material-fashion-text h2:first-child {
	text-align: right !important;
}

.color-material-fashion-text h2:nth-child(2) {
	text-align: center !important;
}

.color-material-fashion-section:before {
    content: "";
    width: 169px;
    height: 362px;
    background-image: url('/wp-content/uploads/2022/04/X-rectangles-edited.png');
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: -78px;
    top: -87px;
}

.color-material-fashion-section:after {
    content: "";
    width: 98px;
    height: 423px;
    background-image: url('/wp-content/uploads/2022/04/Microsite-Assets-02.jpg');
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    bottom: 230px;
}

@media(max-width: 980px) {
	.color-material-fashion-section .et_pb_row:first-child .et_pb_blurb {
		max-width: 80%;
		margin-right: 0;
		margin-left: auto;
	}
}

@media(min-width: 981px) {
	.color-material-fashion-section .et_pb_row:nth-child(2) {
		max-width: 640px !important;
	}
	
	.color-material-fashion-section:before {
		width: 392px;
		height: 1129px;
		left: -95px;
		top: -107px;
	}
	
	.color-material-fashion-section:after {
		width: 270px;
		height: 1220px;
		bottom: 300px;
	}
}

@media(min-width: 1441px) {
	.color-material-fashion-text h2 {
		line-height: 160px;
	}
	
	.color-material-fashion-section .et_pb_row:nth-child(2) {
		max-width: 790px !important;
	}
	
	.color-material-fashion-section .et_pb_row:nth-child(3) {
		max-width: 1300px !important;
	}
	
	.color-material-fashion-section:before {
		width: 530px;
		height: 1460px;
		left: -115px;
		top: -91px;
	}
	
	.color-material-fashion-section:after {
		width: 330px;
		height: 1285px;
		bottom: 300px;
	}
}

/* ADD TEXTURE TO YOUR DAILY LIFE */

.add-texture-section {
    padding-bottom: 50px !important;
}

.add-texture-section .et_pb_row:first-child {
    max-width: 100% !important;
    width: 100% !important;
}

.add-texture-section .rimowa-blurb .et_pb_blurb_container {
	padding-left: 30px;
}

.add-texture-section:before {
    content: "";
    width: 20px;
    height: 324px;
    position: absolute;
    left: 4px;
    bottom: 51px;
    background-image: url('/wp-content/uploads/2022/05/Rectangle-Red.jpg');
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.add-texture-section:after {
    content: "";
    width: 220px;
    height: 408px;
    position: absolute;
    right: -106px;
    bottom: 38px;
    background-image: url('/wp-content/uploads/2022/05/Cross-Yellow.png');
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media(max-width: 980px) {
	.add-texture-section {
		padding-top: 0 !important;
	}
	
	.add-texture-section .bulgari-blurb {
		max-width: 80%;
		margin-left: auto;
		margin-right: 0;
		margin-top: 40px;
	}
	
	.add-texture-section .assouline-blurb {
		max-width: 75%;
		margin: auto;
		margin-bottom: 40px !important;
	}
}

@media(min-width: 981px) and (max-width: 1440px) {
	.add-texture-section .rimowa-blurb img {
		max-width: 520px;
	}

	.add-texture-section .assouline-blurb img {
		max-width: 382px;
	}
}

@media(min-width: 981px) {
	.add-texture-section {
		padding-bottom: 180px !important;
	}
	
	.add-texture-section .luis-vuitton-blurb {
		margin-top: -190px;
	}
	
	.add-texture-section:before {
		width: 50px;
		height: 760px;
		left: 8px;
		bottom: 150px;
	}

	.add-texture-section:after {
		width: 423px;
		height: 896px;
		right: -180px;
		bottom: 99px;
	}
}

@media(min-width: 1441px) {
	.add-texture-section {
		padding-bottom: 240px !important;
	}
	
	.add-texture-section .luis-vuitton-blurb {
		margin-top: -270px;
	}
	
	.add-texture-section:before {
		width: 57px;
		height: 860px;
		left: 8px;
		bottom: 209px;
	}

	.add-texture-section:after {
		width: 637px;
		height: 1101px;
		right: -266px;
		bottom: 234px;
	}
}

/* FOOTER */

#main-footer {
    display: none;
}

/* BRANDS MENU */

.brands-menu-section::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
}

@media(min-width: 768px) {
	.brands-menu-section::-webkit-scrollbar {
		width: 13px !important;
	}
}

.brands-menu-section::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
}

body.menu-active {
    overflow: hidden !important;
}



.brands-menu-section {
	position: fixed;
	background-color: #000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	display: none !important;
	overflow-y: auto;
	overflow-y: overlay;
}

.menu-active .brands-menu-section {
    display: block !important;
}

.menu-active #main-header {
    display: none !important;
}

.brands-menu-section span.back {
    color: #fff !important;
    right: 10%;
    position: absolute;
    top: 20px;
    font-size: 14px;
	cursor: pointer;
}

.brands-menu-section::-webkit-scrollbar {
	background-color: transparent;
}

.brands-menu-section .et_pb_row {
	max-width: 90% !important;
	width: 90% !important;
}

.brands-menu-section h4.et_pb_module_header {
	color: #fff !important;
	font-size: 28px !important;
}

.brands-menu-section .et_pb_blurb_description {
	color: #fff !important;
}

.brands-menu-section .et_pb_blurb_description h5 {
	font-size: 16px !important;
	font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 400;
	color: #fff !important;
}

.brands-menu-section .et_pb_blurb_description p {
	color: #fff !important;
}

.brands-menu-section .et_pb_blurb .et_pb_blurb_description {
	padding-bottom: 45px;
	position: relative;
}

.brands-menu-section .et_pb_blurb .et_pb_blurb_description:before {
	content: "";
	width: 100%;
	position: absolute;
	height: 1px;
	background-color: #fff;
	bottom: 0;
	left: 0;
}

#main-header #top-menu-nav {
	opacity: 0;
	visibility: hidden;
}

#main-header span.brands-button {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

@media(max-width: 980px) {
	#main-header #et_mobile_nav_menu {
		display: none !important;
	}
	
	#main-header #top-menu {
		display: block !important;
	}
	
	.et_header_style_left #et-top-navigation nav>ul>li>a {
		padding-bottom: 28px !important;
	}
	
	#main-header #top-menu li a {
		font-size: 18px !important;
	}
}

@media(min-width: 981px) and (max-width: 1440px) {
	.brands-menu-section .et_pb_blurb_description p {
		font-size: 20px !important;
		line-height: 32px !important;
	}
}

@media(min-width: 981px) {
	.brands-menu-section {
		padding: 100px 0 !important;
	}
	
	.brands-menu-section span.back {
		top: 35px;
		font-size: 24px;
	}
	
	.brands-menu-section h4.et_pb_module_header {
		font-size: 38px !important;
		padding: 0 !important;
	}
	
	.brands-menu-section .et_pb_blurb_description h5 {
		font-size: 18px !important;
		padding: 0 !important;
	}
	
	.brands-menu-section .et_pb_blurb_container {
		display: grid;
		grid-template-columns: 200px 1fr;
		grid-gap: 5%;
	}

	.brands-menu-section .et_pb_blurb_description {
		display: grid;
		grid-template-columns: 300px 1fr;
		grid-gap: 5%;
	}
	
	.brands-menu-section .et_pb_blurb_description p, .brands-menu-section .et_pb_blurb .et_pb_blurb_description:before {
		opacity: 0;
		-webkit-transition: opacity 0.3s ease-in-out;
		-moz-transition: opacity 0.3s ease-in-out;
		-ms-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
	}

	.brands-menu-section .et_pb_blurb:hover .et_pb_blurb_description p, .brands-menu-section .et_pb_blurb:hover .et_pb_blurb_description:before {
		opacity: 1;
	}
}

@media(min-width: 1441px) {
	.brands-menu-section h4.et_pb_module_header {
		font-size: 48px !important;
	}
	
	.brands-menu-section .et_pb_blurb_description h5 {
		font-size: 24px !important;
	}
	
	.brands-menu-section .et_pb_blurb_container {
		display: grid;
		grid-template-columns: 250px 1fr;
		grid-gap: 5%;
	}

	.brands-menu-section .et_pb_blurb_description {
		display: grid;
		grid-template-columns: 400px 1fr;
		grid-gap: 5%;
	}
}