/*

Theme Name: mg-recycle
Theme URI: https://www.8create.digital
Version: 1.0
Description: mg-recycle theme
Author: 8create
Author URI: https://www.8create.digital
Template: Divi

*/

/* figtree-regular - latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-regular.svg#Figtree') format('svg'); /* Legacy iOS */
}

/* figtree-600 - latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./wp-content/themes/mg-recycle/fonts/figtree-v1-latin-600.svg#Figtree') format('svg'); /* Legacy iOS */
}

/* figtree-700 - latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/mg-recycle/fonts/figtree-v1-latin-700.svg#Figtree') format('svg'); /* Legacy iOS */
}

/* General */
h1 {
	font-family: 'Figtree';
	font-weight: 600;
	color: #00467B;
	font-size:65px;
	line-height:65px;
}
h2 {
	font-family: 'Figtree';
	font-weight: 500;
	color: #00467B;
	font-size:45px;
	line-height:52px;
}
h3 {
	font-family: 'Figtree';
	font-weight: 500;
	color: #FF4D00;
	font-size:30px;
	line-height:30px;
}
p {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: 400;
	color: #545454;
	font-size:18px;
	line-height:26px;
}
.copy-medium p {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: 400;
	color: #545454;
	font-size:25px;
	line-height:34px;
}
.text-white p, .text-white h1 {
	color:#ffffff;
}
a.link-white {
	color:#ffffff;
}

/* Header */
.et-l--header .submenu-bar-right {
	text-align:right;
}
.et-l--header .nav-bar, .et-l--header .submenu-bar-right {
	display:flex;
}
.et-l--header .nav-bar .logo-bar {
	margin-right:80px;
}
.et-l--header .nav-bar .logo-bar img {
	width:180px;
}
.et-l--header .menu-bar {
	align-items: center;
  	display: flex;
}
.et-l--header .submenu-bar-right {
	justify-content: end;
}
.et-l--header .menu-bar ul {
	display:flex;
	padding:0;
}
.et-l--header .menu-bar ul li {
	list-style:none;
	margin-right:30px;
}
.et-l--header .menu-bar ul li:last-child {
	margin-right:0;
}
.et-l--header .menu-bar ul li a {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: 400;
	color: rgba(255,255,255,0.75);
}
.et-l--header .submenu-bar-right .open-menu, .et-l--header .right-section .close-menu {
	cursor:pointer;
	transition: ease 0.2s all;
}
.et-l--header .submenu-bar-right .open-menu:hover, .et-l--header .right-section .close-menu:hover {
	opacity:0.6;
}
.et-l--header .overlay-sub-menu {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1000;
}

/* Submenu */
.et_pb_section_1_tb_header.et_pb_section.overlay-sub-menu {
	background-color: #00467B !important;
}
.et-l--header .full-size-nav {
	display:flex;
}
.et-l--header .full-size-nav h3 {
	font-family: 'Figtree';
	font-weight: 800;
	color: #ffffff;
	font-size:40px;
	line-height:48px;
}
.et-l--header .full-size-nav .entry-company-wrapper {
	margin-top:32px;
}
.et-l--header .full-size-nav .entry-company-wrapper .company-entry {
	font-size:22px;
	border-bottom:1px solid rgba(255,255,255,0.4);
	margin-bottom:12px;
	padding-bottom:12px;
}
.et-l--header .full-size-nav .entry-company-wrapper .company-entry a {
	color:#ffffff;
	transition:0.2s ease all;
}
.et-l--header .full-size-nav .entry-company-wrapper .company-entry a:after {
	display:inline-block;
	content:"";
	width:15px;
	height:15px;
	background:url('/wp-content/uploads/2023/01/arrow-next-page.svg') no-repeat 0 0;
	background-size:cover;
	margin-left:10px;
}
.et-l--header .full-size-nav .entry-company-wrapper .company-entry a:hover {
	color:#00467B;
}
.et-l--header .full-size-nav .left-section {
	width: 70%;
	background: #001C31;
	height: 100vh;
	padding:5rem;
}
.et-l--header .full-size-nav .right-section {
	width: 30%;
	background: #00467B;
	height: 100vh;
	padding:5rem;
}
.et-l--header .full-size-nav .right-section .submenu-wrapper {
	margin-top:32px;
}
.et-l--header .full-size-nav .right-section .submenu-wrapper ul {
	margin-left:0;
	padding-left:0;
}
.et-l--header .full-size-nav .right-section .submenu-wrapper ul li {
	font-size:18px;
	font-weight:400;
	list-style:none;
}
.et-l--header .full-size-nav .right-section .submenu-wrapper ul li a {
	color:#ffffff;
}
.et-l--header .full-size-nav .right-section .submenu-wrapper .show-only-mobile {
	display:none;	
}
.et-l--header .right-section .close-menu {
	position:absolute;
	top:60px;
	right:43px;
}

/* Content */
.product-box {
	border-radius:6px !important;
}

/* Footer */
.et-l--footer {
	
}
.et-l--footer a {
	border-bottom:1px solid #ffffff;
	padding-bottom:2px;
	transition:0.2s ease all;
}
.et-l--footer a:hover {
	color:#FF4D00 !important;
	border-bottom:1px solid #FF4D00 !important;
}
@media (max-width: 1450px) {
	.et_pb_section {
		width:100%;
		padding-left:50px;
		padding-right:50px;
	}
}
@media (max-width: 1150px) {
	.et_pb_section {
		width:100%;
		padding-left:50px;
		padding-right:50px;
	}
	.et_pb_section.hero {
		width:100%;
		padding-left:0 !important;
		padding-right:0 !important; 
	}
}
@media (max-width: 999px) {
	.et-l--header .menu-bar {
		display:none;
	}
	.et-l--header .full-size-nav .right-section .submenu-wrapper .show-only-mobile {
		display:block;	
	}
}
@media (max-width: 980px) {
	.dont-break {
		display:flex !important;
	}
	.dont-break-column {
		width:50%;
	}
	.break-column {
		width:100%;
	}
	.et-l--header .header-wrapper {
		margin-bottom:0;
	}
	.et-l--header .more-button-wrapper {
		margin:auto 0 !important;
	}
	.et_pb_column_1_2.et-last-child {
		margin-top:42px;
		padding-left:0;
	}
	.entry-content .et_pb_column_1_3 {
		width:33.3%;
	}
	.entry-content .et_pb_column_1_3:nth-child(1), et_pb_column_1_3:nth-child(3n+1) {
		padding-right:4%;
	}
	.entry-content .et_pb_column_1_3:nth-child(2n) {
		padding-right:2%;
		padding-left:2%;
	}
	.entry-content .et_pb_column_1_3:nth-child(3n) {
		padding-left:4%;
	}
	.et-l--header .full-size-nav .left-section {
		width: 60%;
	}
	.et-l--header .full-size-nav .right-section {
		width: 40%;
	}
}
@media (max-width: 800px) {
	h1 {
		font-size:50px;
		line-height:55px;
	}
	h2 {
		font-size:35px;
		line-height:43px;
	}
	h3 {
		font-size:29px;
		line-height:38px;
	}
	.entry-content .dont-break {
    	display: flex !important;
    	flex-wrap: wrap;
	}
	.entry-content .et_pb_column_1_3 {
		width:50%;
	}
	.entry-content .et_pb_column_1_3:nth-child(1) {
		padding-right:3%;
	}
	.entry-content .et_pb_column_1_3:nth-child(2n), et_pb_column_1_3:nth-child(3n+1) {
		padding-left:3%;
		padding-right:0;
	}
	.entry-content .et_pb_column_1_3:nth-child(3n) {
		padding-right:3%;
		padding-left:0;
	}
	.et-l--header .full-size-nav .left-section {
		width: 50%;
		padding:3rem;
	}
	.et-l--header .full-size-nav .right-section {
		width: 50%;
		padding:3rem;
	}
	.et-l--header .full-size-nav h3 {
		font-size:30px;
		line-height:38px;
	}
}
@media (max-width: 750px) {
	.et-l--header .full-size-nav {
		display:block;
	}
	.et-l--header .full-size-nav .left-section, .et-l--header .full-size-nav .right-section {
		width:100%;
		height:auto;
	}
}
@media (max-width: 620px) {
	.et-l--header .nav-bar .logo-bar {
		margin-right:0;
	}
	.dont-break-column {
		width:100%;
	}
	.break-column {
		width:100%;
	}
	
}
@media (max-width: 600px) {
	h1 {
		font-size:42px;
		line-height:50px;
	}
	h2 {
		font-size:30px;
		line-height:38px;
	}
	h3 {
		font-size:25px;
		line-height:33px;
	}
	.copy-medium p {
		font-size:22px;
		line-height:30px;
	}
}