/*
Theme Name: Decolonizing Wealth Project - Landing
Theme URI: https://
Author: Basecodeit
Author URI: http://www.basecodeit.com
Description: A custom theme for Decolonizing Wealth Project
Version: 1.0
License: GNU GPL version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Decolonizing Wealth
Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/
@import url("fonts/Decimal/hco_fonts.css"); 

html {
  scroll-behavior: smooth;
}

.site{
	overflow-x:hidden;
	position:fixed;
	overflow-y:scroll;
	height:100%;
	width:100%;
	scroll-behavior: smooth;
}

body{
	/* background:#222222; */
	color: #E9E7E1;
	font-family: Decimal;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.02em;
	overflow-x:hidden;
}

.grecaptcha-badge { 
    visibility: hidden;
}

.navbar-wrapper{
	position:absolute;
	z-index:1020;
}

.wrapper { 
	/*margin-top: -180px;*/
	padding-top: 117px;
}

input, [type='button'],[role='button'] {
	/* -webkit-appearance: none; */
	/* -moz-appearance: none; */
	/* appearance: none; */
	border-color:transparent;
}

[type='button'],[role='button'],
[type='button']:hover,[role='button']:hover,
[type='button']:focus,[role='button']:focus,
[type='button']:active,[role='button']:active{
	outline: none;	
	border-color:transparent;
}


a{
	font-weight: bold;
	/* font-size: 14px; */
	/* line-height: 20px; */
	/* letter-spacing: -0.02em; */
	color:#0C91A9;
}

.dark a:hover{
	color:#E9E7E1;
	text-decoration:none;
}

.light a:hover{
	color:#222222;
	text-decoration:none;
}

.red a,
.blue a,
.gold a{
	color:#222222;
}

.red a:hover,
.blue a:hover,
.gold a:hover{
	color:#E9E7E1;
}

ul{
	padding-inline-start:20px;
}

ul li{
	margin-bottom:.5em;
}

::marker {
    font-size: 20px;
}


/***********NAV-BAR************************************/
#navbar{
	max-height:100vh;
	overflow-y:overlay;
}

.sticky-navbar{
	position:fixed;
	background-color:#222222;
}
.sticky-navbar.dark-navbar{
	background-color:#E9E7E1;
}
.sticky-navbar.light-navbar{
	background-color:#222222;
}

.sticky-navbar-padding{
	transition: padding 0.3s;
}

.sticky-navbar .sticky-navbar-padding{
	padding-top:1rem!important;
	padding-bottom:1rem!important;
}


.navbar{
	padding-left:0;
	padding-right:0;
}

.nav-item{
	padding-top:15px;
}

.nav-link{
	padding:0;
}

a.nav-link:hover {
    color: #222222!important;
}

.parent-nav-item{
	border-bottom: 1px solid #E9E7E1;
	padding-bottom:15px;
}

.parent-nav-link{
	display:flex;
	justify-content: space-between;
}
.parent-nav-link-arrow:after{
	font-family: "Font Awesome 5 Free"; 
	content: "\f077";
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
	line-height: 25px;
	align-self:center;
	padding-right:1rem;
	transition:transform .2s linear;
}

.parent-nav-link-arrow[aria-expanded='false']:after{
	transform: scaleY(-1);
}

/***********NAV-BAR************************************/

h1, .h1{
	font-weight: bold;
	font-size: 32px;
	line-height: 36px;	
	letter-spacing: 0;
}

h2, .h2{
	font-weight: bold;
	font-size: 26px;
	line-height: 28px;	
	letter-spacing: 0;
	margin-bottom:0;
}

h3, .h3{
	font-weight: bold;
	font-size: 21px;
	line-height: 25px;	
	letter-spacing: 0;
}

.subtitle{
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 23px;
}

.text-xlarge{
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
}

.text-large{
	font-weight: normal;
	font-size: 16px;
	line-height: 23px;
	letter-spacing: -0.02em;
}


.footnote{
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	/* line-height: 14px; */
	/* display: flex; */
	align-items: center;
}

.pretitle{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -0.015em;
	text-transform: uppercase;
}

.pill{
	border: 1px solid #222222;
	box-sizing: border-box;
	border-radius: 21px;
}

.hero-text{
	font-style: normal;
	font-weight: 500;
	font-size: 58px;
	line-height: 98%;
	letter-spacing: -0.015em;
	text-transform: uppercase;
	color: #222222;
}

.big-number-text{
	font-size:64px;
	line-height:50px;
}

.lc-hero-bg .hero-text{
	font-size: 42px;	
}

.typewrite > .writing { 
	border-right: 3px solid #E9E7E1;
}


.light .typewrite > .writing { 
	border-color: #222222;
}

.hero{
	background-image:  url("images/image-6.png");
	width: 100%;
	min-height: 105vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.shop-hero-bg{
	width: 100%;
	background-image: url("images/7-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.shop-header-bg{
	height:720px;
	background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("images/range3 1.png"), url("images/range1 1.png"), url("images/book.png");
    background-position: bottom center;
}

.shop-tee-details{
	background-image:linear-gradient(to bottom, rgb(12 145 169 / 20%) 50%, transparent 50%);
}

.shop-mask-details{
	background-image:linear-gradient(to bottom, rgb(12 145 169 / 20%) 75%, transparent 75%);
}

.learn-hero-bg{
	height:690px;
	background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("images/range3 1.png"), url("images/range1 1.png"), url("../../uploads/2020/12/127077630_1089144284884193_4145761888578431755_o-1.png");
    background-position: bottom center;
	margin-bottom:-30px;
}


.lc-hero-bg{
	min-height:calc(100vh - 180px );
	background-repeat: no-repeat;
    background-size: 100% auto, 100% auto, 100% auto, auto 175px;
    background-image: url(images/lc/lc3.png), url(images/lc/lc2.png), url(images/lc/lc1.png), url(images/lc/sun.png);
    background-position: bottom -15px right, bottom right, bottom right, bottom center;
}

.solidarity-bg{
	background-color:#222222;
}

.community-bg{
	background-repeat: no-repeat;
    padding-bottom: 200px;
    background-size: 100% auto, 100% auto, 150px auto;
    background-image: url(images/lc/lc2.png), url(images/lc/community.png), url(images/sun.png);
    background-position: bottom 0px right, bottom center, bottom 160px left 60px;
}

.about-overlay{
	background-repeat:no-repeat;
	background-position: bottom;
    height: 600px;
    background-size: auto 70%;
}

.about-overlay:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(#222222 33%, transparent);
	margin-top: -100px;
}

.about-gradient:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	background-image: linear-gradient(0.81deg, #222222 55%, rgba(34, 34, 34, 0) 100%);/*linear-gradient(90deg, rgb(34 34 34 / 75%), transparent)*/
	margin-top: -100px;
}

.img-background{
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.img-gradient-background{
	background-size:contain;
	background-position:top;
}

.dark-wave-background{
	padding-top: 3rem;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-image: url("images/dark-wave.png");
	background-position:top center;
}

.default{
	padding-bottom: 90px;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-image: url("images/default.png");
	background-position:bottom 10px center;
}

.light-wave-background{
	padding-top: 3rem;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-image: url("images/light-wave.png");
	background-position:top center;
}

.team-pic{
	height:330px;
	object-fit:cover;
}

.impact-pic {
    height: 300px;
    width: 300px;
    border-radius: 50%;
    object-fit: cover;
}

.metric:not(:last-child):after {
    content: '';
    border: none;
    width: 180px;
    border-bottom: 1px solid #DA9B28;
    margin: auto;
    height: 1px;
    display: block;
    margin-top: 5rem;
}



.people-background{
	margin-top:-30px;
	background-repeat:no-repeat;
	background-size:cover;
	background-image: url("images/vector.png");
	background-position: bottom right, bottom right, top center;
}

.s-people-background{
	height: 330px;
    width: 100%;
    padding: 0;
    background-size: auto 100%, cover;
    background-repeat: no-repeat;
    background-image: url(images/foreground.png), url(images/LCPeople.png);
    background-position: right;
}

.logo{
	max-width:225px;
}

.btn{
	min-height:50px;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
    text-transform: uppercase;
    border-radius: 0!important;
    text-align: center;
    padding: 15px;
}

.btn:focus,
.btn:active {
    box-shadow: none;
}


.btn-long{
	display:flex;
	align-items:center;
	justify-content:space-between;
	text-align:left;
	background-color:transparent;
	border:1px solid #0C91A9;
	color:#0C91A9;
}
.btn-long:after{
	content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    line-height: .5;
    padding-left: 45px;
	align-self: center;
}

.dark .btn-primary,
.light .btn-primary:hover{
	background-color:#0C91A9!important;
	color:#222222!important;
	border:none!important;
}

.dark .btn-secondary,
.dark .btn-long,
.light .btn-long:hover,
.light .btn-secondary:hover{
	background-color:transparent!important;
	border:1px solid #0C91A9!important;
	color:#0C91A9!important;
}




.light .btn-primary,
.red .btn-primary,
.blue .btn-primary,
.gold .btn-primary{
	background-color:#222222!important;
	color:#E9E7E1!important;
	border:none!important;
}


.dark .btn-primary:hover,
.red .btn-primary:hover,
.blue .btn-primary:hover,
.gold .btn-primary:hover{
	background-color:#E9E7E1!important;
	color:#222222!important;
	border:none!important;
}


.light .btn-secondary,
.red .btn-secondary,
.blue .btn-secondary,
.gold .btn-secondary,
.light .btn-long,
.red .btn-long,
.blue .btn-long,	
.gold .btn-long	{
	background-color:transparent!important;
	border:1px solid #222222!important;
	color:#222222!important;
}


.dark .btn-secondary:hover,
.red .btn-secondary:hover,
.blue .btn-secondary:hover,
.gold .btn-secondary:hover,
.dark .btn-long:hover,
.red .btn-long:hover,
.blue .btn-long:hover,	
.gold .btn-long:hover{
	background-color:transparent!important;
	border:1px solid #E9E7E1!important;
	color:#E9E7E1!important;
}

.btn-external-shop:after {
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	font-style: normal;
	font-weight: 900;
	font-size: inherit;
	line-height: inherit;
	align-self: center;
	transition: transform .2s linear;
	padding-left: 1rem;
}



.btn-group .dropdown-menu.show {
    border: 1px #0C91A9 solid;
    border-radius: 0;
	margin-bottom: -3px;
    margin-top: -3px;
}

.btn-group .dropdown-menu.show .dropdown-item:hover{
	background-color:rgb(12 144 167 / 20%);
}

.red .btn-group .dropdown-menu.show {
	color:#E9E7E1;
    border: 1px #222222 solid;
    border-radius: 0;
}

.red .btn-group .dropdown-menu.show .dropdown-item:hover{
	color:#222222!important;
	background-color:#E9E7E1;
}



.link-secondary{
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color:#0C91A9;
}

.link-secondary:hover{
	color:#E9E7E1;
	text-decoration:none;
}


.link-primary{
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color:#222222;
	text-transform:uppercase;
    align-items: center;
    display: flex;
}

.link-primary:hover{
	color:#E9E7E1;
	text-decoration:none;
}

.link-primary:after{
	content: '\f30b';
    font-family: "Font Awesome 5 Free";
    font-size: 1.3em;
    line-height: .5;
    position: relative;
    right: 0;
    padding-left: 15px;
	align-self: center;
}


.link-back{
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color:#222222;
	text-transform:uppercase;
    align-items: center;
    display: flex;
}

.link-back:hover{
	color:#0C91A9;
	text-decoration:none;
}

.link-back:before{
	content: '\f060';
    font-family: "Font Awesome 5 Free";
    font-size: 1.3em;
    line-height: .5;
    position: relative;
    right: 0;
    padding-right: 15px;
	align-self: center;
}




.form-control{
	color: #E9E7E1;
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #E9E7E1;
}

.form-control:focus {
    color: #0C91A9;
    background-color: transparent;
    border-color: #0C91A9;
    outline: none;
    box-shadow: none;
}

.custom-control {
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #222222;
}

.custom-control-label::before{
	background-color:#222222;
	border-color:#222222;
}

.custom-control-label::before{
	background-color:#222222;
	border-color:#222222;
}
.custom-control-input:checked~.custom-control-label::before{
	color: #e9e7e1;
    border-color: #0c91a9;
    background-color: #0c91a9;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after,
.custom-switch .custom-control-label::after{
	background-color:#e9e7e1;
}

.light .form-control{
	color: #222222;
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #222222;
}

.light .form-control:focus {
    color: #0C91A9;
    background-color: transparent;
    border-color: #0C91A9;
    outline: none;
    box-shadow: none;
}




.wpcf7 form.sent .wpcf7-response-output{
	border:none;
	color:#DA9B28;
	font-weight:bold;
	text-align: left;
    margin: 0;
    padding: 0;
}


.slider-container{
	margin-top:-45px;
	height:650px;
	display: flex;
	align-items: center;
	justify-content: start;
	overflow: hidden;
	flex-direction: column;
}


.box {
  height: 650px;
  position: absolute;
}

.box-img-container{}

.box img{
	min-height: auto;
    object-fit: cover;
    height: 330px;
    width: 100%;
}

.box-content-wrapper{
	height:320px;
}

.box-content-container{
	width:100%;
	height:100%;
	max-width: 377px;
    margin: auto;
}


#targets {
	position: absolute;
	display: flex;
}


.slider-top{
	height: 10px;
    background: #c4c4c4;
    position: absolute;
    top: calc(50% - 5px);
    left: 0;
	background-clip: content-box;
}


.wpcf7 .ajax-loader{
	display:none!important;
}


.divider{
	background:url("images/divider.png") no-repeat;
	height:5px;
}


.area-of-work {
	position:relative;
	top:-3rem;
}

.event-details{
		margin-top:-1rem;
}

.event-tag{
	position:absolute;
	top:-10px;
	right:30px;
}


.grantee:after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	background-image:url("images/range1 1.png");
	background-repeat: no-repeat;
	background-size:100% auto;
	background-position: bottom -15px center;
}

.grantee.color-gold:after{
	background-image:url("images/range1 1.png");
}

.grantee.color-blue:after{
	background-image:url("images/range2.png");
}

.grantee.color-red:after{
	background-image:url("images/range3 1.png");
}

.grantee-img.front{ 
	z-index:1;
}

.carousel-indicators{
	position: relative;
    justify-content: flex-end;
    margin: 0;
} 

.carousel-indicators li {
    background: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.5' cy='6.5' r='5.5' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat!important;
	opacity:1;
}

.carousel-indicators li.active {
	background: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='%23222222' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.5' cy='6.5' r='5.5' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat!important;
}

.footer-wrapper{
	background-color: #222222;
}

@media (min-width: 768px) { 

	body{
		font-size: 16px;
		line-height: 22px;
	}

	h1, .h1{
		font-size: 36px;
		line-height: 42px;
	}

	h2, .h2{
		font-size: 30px;
		line-height: 34px;
	}

	h3, .h3{
		font-size: 24px;
		line-height: 28px;	
	}

	.subtitle{
		font-size: 19px;
		line-height: 24px;
	}

	.text-xlarge{
		font-size: 22px;
		line-height: 32px;
	}
	
	.two-columns{
		column-count:2;
		column-gap:45px;
	}

	.text-large{
		font-size: 19px;
		line-height: 25px;
	}


	.footnote{
		font-weight: 300;
		font-size: 13px;
	}
	
	
	.lc-hero-bg .hero-text,
	.hero-text{
		font-size: 72px;
	}
	
	
	.btn{
		font-size: 15px;
		line-height: 19px;
	}
	
	.btn{
		font-size: 14px;
		min-width: 175px;
		padding: 15px;
	}
	
	
	.default{
		padding-bottom: 100px;
		background-position:bottom -10px center;
	}

	
	
	.learn-hero-bg{
		height:660px;
		background-repeat: no-repeat;
		background-size: 450px auto, 100% auto, 100% auto;
		background-image: url("../../uploads/2020/12/127077630_1089144284884193_4145761888578431755_o-1.png"), url("images/range3 1.png"), url("images/range1 1.png");
		background-position: bottom -5px right 0,bottom -30px center,bottom -30px center;
		margin-bottom:-30px;
	}
	
	.lc-hero-bg{
		height:calc(100vh - 180px );
		background-repeat: no-repeat;
		background-size: 100% auto, 100% auto, 100% auto, auto 350px;
		background-image: url(images/lc/lc3.png), url(images/lc/lc2.png), url(images/lc/lc1.png), url(images/lc/sun.png);
		background-position: bottom -30px right, bottom right, bottom right, bottom center;
	}
	
	.solidarity-bg{
		position: relative;
		background-clip:content-box;
		top: -3rem;
	}
	
	.community-bg{
		background-repeat: no-repeat;
		padding-bottom: 300px;
		background-size: 100% auto, auto 430px, 250px auto;
		background-image: url(images/lc/lc2.png), url(images/lc/community.png), url(images/sun.png);
		background-position: bottom 0px right, bottom left, bottom 282px left 60px;
	}
	
	.shop-header-bg{
		height:720px;
		background-repeat: no-repeat;
		background-size: 550px auto, 100% auto, 100% auto;
		background-image: url("images/book.png"), url("images/range3 1.png"), url("images/range1 1.png");
		background-position: bottom -45px right 0,bottom -30px center,bottom -30px center;
	}

	.shop-tee-details{
		background-image:linear-gradient(to bottom, rgb(12 145 169 / 20%) calc(100% - 5rem), transparent  calc(100% - 5rem));
	}
	
	.s-people-background{ display:none;}
	.people-background{
		height:100vh;
		margin-top:-30px;
		background-size:cover, 70% ,cover;
		background-repeat:no-repeat;
		background-image: url("images/foreground.png"), url("images/LCPeople.png"), url("images/vector.png");
		background-position: bottom 40% right, bottom 36% right, top center;
	}
	
	.about-overlay{
		background-size:cover;
		background-position:center;
		height:auto;
	}
	
	.about-overlay:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(90deg, #222222, transparent);
		margin-top: -120px;
	}
	
	
	.about-gradient:before {
		background-image: linear-gradient(90deg, rgb(34 34 34 / 75%), transparent);
	}
	
	.img-gradient-background{
		background-size:cover;
		background-position:center;
	}
	
	.md-img-right-background{
		background-color:#DA9B28;
		background-position:right; 
		background-size:50% 100%; 
	}
	
	.slider-container{
		height:400px;
	}
	
	.box{
		height: 400px;
	}
	
	.box-img-container{}

	.box img{
		max-width:300px;
		height: 400px;
	}

	.box-content-wrapper{
		height:400px;
		width:calc(100% - 300px);
	}
	
	.about-whoweare img{
		position:absolute;
		height:100%;
		object-fit:cover;
	}
}

@media (min-width: 992px) {
	
	body{
		font-size: 18px;
		line-height: 26px;
	}
	
	.wrapper { 
		/* margin-top: -180px; */
		padding-top: 180px;
	}

	h1, .h1{
		font-size: 42px;
		line-height: 50px;
	}

	h2, .h2{
		font-size: 32px;
		line-height: 40px;
	}

	h3, .h3{
		font-size: 28px;
		line-height: 32px;	
	}

	.subtitle{
		font-size: 21px;
		line-height: 26px;
	}

	.text-xlarge{
		font-size: 28px;
		line-height: 36px;
	}

	.text-large{
		font-size: 21px;
		line-height: 28px;
	}

	.btn{
		font-size: 16px;
		line-height: 20px;
	}

	.footnote{
		font-size: 14px;
		/* line-height: 16px; */
	}

	.hero-text{
		font-size: 90px;
	}
	
	.lc-hero-bg .hero-text{
		font-size: 89px;
	}
	
	.default{
		padding-bottom: 150px;
		background-position: bottom -150px center;
	}
	
	.learn-hero-bg{
		height:660px;
		background-repeat: no-repeat;
		background-size: 660px auto, 100% auto, 100% auto;
		background-image: url("../../uploads/2020/12/127077630_1089144284884193_4145761888578431755_o-1.png"), url("images/range3 1.png"), url("images/range1 1.png");
		background-position: bottom -40px right calc(50% - 330px),bottom -130px center,bottom -130px center;
		margin-bottom:-30px;
	}
	
	.lc-hero-bg{
		height:calc(100vh + 1rem - 180px );
		background-repeat: no-repeat;
		background-size: 100% auto, 100% auto, 100% auto, auto 650px;
		background-image: url("images/lc/lc3.png"), url("images/lc/lc2.png"), url("images/lc/lc1.png"), url("images/lc/sun.png");
		background-position: bottom -100px right, bottom -25px right, bottom -52px right, bottom center;
		min-height: 780px;
	}
	
	.solidarity-bg{
		position: absolute;
		top: auto;
		background:linear-gradient(to right, #222222 50%, transparent 50%); 
	}
	
	
	.community-bg{
		background-repeat: no-repeat;
		background-size: 100% auto, 50% auto, auto 500px;
		background-image: url("images/lc/lc2.png"), url("images/lc/community.png"), url("images/sun.png");
		background-position: bottom 0px right, bottom left, top left 60px;
		padding-bottom:0;
	}
	
	
	.shop-header-bg{
		height:720px;
		background-repeat: no-repeat;
		background-size: auto 100%, 100% auto, 100% auto;
		background-image: url("images/book-1.png"), url("images/range3 1.png"), url("images/range1 1.png");
		background-position: bottom -45px right calc(50% - 330px),bottom -130px center,bottom -130px center;
	}
	
	.shop-tee-details{
		background-image:linear-gradient(to bottom, rgb(12 145 169 / 20%) 50%, transparent 50%);
	}
	
	
	.shop-mask-details{
		background:rgb(12 145 169 / 20%);
	}
	
	.lg-red-book{
		position:absolute;
		width:100%;
		top:20%;
		bottom:20%;
		margin:auto;
	}
	
	.lg-img-left-background{
		background-position:left; 
		background-size:50% auto; 
	}
	
	.lg-img-right-background{
		background-position:right; 
		background-size:auto 100%; 
	}
	
	.people-background{
		height:100vh;
		min-height: 780px;
		margin-top:-30px;
		background-size:cover, 50% ,cover;
		background-repeat:no-repeat;
		background-image: url("images/foreground.png"), url("images/LCPeople.png"), url("images/vector.png");
		background-position: bottom 40% right, bottom 35% right, top center;
	}
			
	.slider-container{
		height: 550px;
	}
	
	.box{
		height: 550px;
	}
	
	.box-img-container{}

	.box img{
		width:auto;
		max-width:100%;
		height: 550px;
	}

	.box-content-wrapper{
		height: 550px;
		width:50%;
		flex-grow: 1;
	}
	
	.about-overlay:before {
		margin-top: -180px;
	}

	.area-of-work {
		position:absolute;
		top:auto;
	}
	
	.area-blue{
		background-image:linear-gradient(to right, transparent 0, transparent 40%, #0C91A9 40%, #0C91A9 100%);
	}

	.area-red{
		background-image:linear-gradient(to right, transparent 0, transparent 40%, #D93F27 40%, #D93F27 100%);
	}

	.area-gold{
		background-image:linear-gradient(to right, transparent 0, transparent 40%, #DA9B28 40%, #DA9B28 100%);
	}
	
	.event-details{
		margin-top:3rem;
		position: absolute;
		width: 50vw;
	}
	
	
	.metric:not(:last-child):after {
		content: none;
	}
	
	.metric:not(:last-child) {
		border-bottom:none;
		border-right: 1px solid #DA9B28;
	}
	
	.grantee.color-red:after,
	.grantee.color-gold:after{
		background-position:bottom -110px center;
	}
	
	.grantee-content{
		position:absolute;
		width:100%;
	}

	.grantee-img{
		top:0;
		margin-left:50%;
		width:50%;
	}
	
	.grantee-img.left{
		margin-left:0;
	}
	
	/*.big-number-text{
		font-size:50px;
	}*/


}

@media (min-width: 1200px) { 

	.wrapper{
		padding-top: 180px;
	}

}









.text-light{
	color:#E9E7E1!important;
}

.text-dark{
	color:#222222!important;
}

.text-blue{
	color:#0C91A9!important;
}

.text-red{
	color:#D93F27!important;
}

.text-gold{
	color:#DA9B28!important;
}

.dark{
	background-color:#222222!important;
}

.light{
	background-color:#E9E7E1!important;
}

.blue{
	background-color:#0C91A9!important;
}

.red{
	background-color:#D93F27!important;
}

.gold{
	background-color:#DA9B28!important;
}

.light-blue{
	background-color:rgb(12 144 167 / 20%)!important;
}

.light-red{
	background-color:rgb(217 63 39 / 20%)!important;
}


.light-gold{
	background-color:rgb(218 155 40 / 20%)!important;
}


.font-weight-semibold{
	font-weight:600;
}

.underlap-6{
	margin-top:-6rem;
	padding-top:3rem;
}

.overlap-3{
	position:relative;
	top:-3rem;
	margin-bottom: -3rem;	
}


.overlap-1{
	position:relative;
	top:-1rem;
	margin-bottom: -1rem;	
}

.overlap-8{
	margin-top: -8rem;
	margin-bottom: -4rem;
}

.overlap-0{
	top:0;
}


#cookie-law-info-bar {
    width: 380px!important;
    /* inset: auto 30px 15px auto!important; */
}

#cookie_action_close_header{
	font-weight: bold;
	font-size: 14px;
	line-height: 28px;
    text-transform: uppercase;
    border-radius: 0!important;
    text-align: center;
    padding: 10px!important;
	width:148px!important;
	height:50px!important;
}

#cookie_action_close_header:hover,
#cookie_action_close_header:focus{
	background-color: #E9E7E1!important;
	color: #222222!important;
	outline:none;
}

#cookie_action_close_header_reject{
	color: #222222!important;
	border:1px solid #222222!important;
	font-weight: bold;
	font-size: 14px;
	line-height: 28px;
    text-transform: uppercase;
    border-radius: 0!important;
    text-align: center;
	padding: 10px!important;
	width:148px!important;
	height:50px!important;
	margin-left: 15px;
}

#cookie_action_close_header_reject:hover,
#cookie_action_close_header_reject:focus{
	color:#E9E7E1!important;
	border-color:#E9E7E1!important;
	outline:none;
}

.contact-icons a:hover {
	color: #0C91A9 !important;

}





.fit-cover{
	object-fit:cover;
}




.menu:hover .circle{
   animation: bounce .5s;
    
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-7.5px);
  }
  100% {
    transform: translateY(0);
  }
}



.img-height-fluid{
	height:100%;
	width:auto;
}


/* START MEDIA QUERY OF SIZE POP-UP DEVICE DANNY CEN*/
/* Desktop devices */
@media (min-width: 1200px) {
    .img-modal-popups-desktop{
		background-image: url('images/Pop-upD.png');
		background-repeat: no-repeat; 
		background-size:  100% 100%;
		width: 770px;
		height: 562px;
}
.modal-content-popup {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 770px;
	height: 562px;
	left:-121px;
	pointer-events: auto;
	background-color: transparent;
	background-clip: padding-box;
	border: 0.125rem solid rgba(0, 0, 0, 0.2);
	border-radius: 0.75rem;
	outline: 0;
}
.closemodal {
    position: absolute;
    top: 20px;
    left: 728px;
    z-index: 2;
} 
}

/*Tablet Devices */
@media (min-width: 768px) {
    .img-modal-popups-tablet{
		background-image: url('images/Pop-upT.png');
		background-repeat: no-repeat; 
		background-size:  100% 100%;
		width: 692px;
		height: 457px;

}
.modal-content-popup {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 692px;
	height: 457px;
	left: -95px;
	pointer-events: auto;
	background-color: transparent;
	background-clip: padding-box;
	border: 0.125rem solid rgba(0, 0, 0, 0.2);
	border-radius: 0.75rem;
	outline: 0;
}
.closemodal {
    position: absolute;
    top: 20px;
    left: 652px;
    z-index: 2;
} 

}
/* mobile devices */
@media (max-width: 600px) {
    .img-modal-popups-mobil{
		background-image: url('images/Pop-upP.png');
		background-repeat: no-repeat; 
		background-size:  100% 100%;
		width: 345px;
		height: 396px;
}
.modal-content-popup {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 345px;
	height: 396px;
	left: 6px;
	pointer-events: auto;
	background-color: transparent;
	background-clip: padding-box;
	border: 0.125rem solid rgba(0, 0, 0, 0.2);
	border-radius: 0.75rem;
	outline: 0;
}
.closemodal {
    position: absolute;
    top: 20px;
	left: 311px;
    z-index: 2;
} 
}


/* END MEDIA QUERY OF SIZE POP-UP DEVICE DANNY CEN*/ 

/* START FIX SLIDER TITLE EDITH CAUCH */
@media (max-width:768px ) {
    h2, .h2{
        font-size: 12px;
        line-height: 17px;
    }
    .contenido-mobil{
        font-size: 11px;
    }
}
/* END FIX SLIDER TITLE EDITH CAUCH */