/* 

STYLES FOR HOMEPAGE-TEMPLATE

*/


/* HOMEPAGE SLIDER */
.slide-wrapper {
	height: 45vh;
	max-height:650px;
	min-height:500px;	
	background-position:center;
	background-size:cover;
	background-color: rgba(0,0,0, .2);
    background-blend-mode: multiply;
    z-index: 10;
}

.image-caption {
	color:#fff;
	font-size:65px;
	line-height:70px;
	font-family: Montserrat, sans-serif;
    font-weight: 600;
}

.theme-slider,
.newsletter {
	padding:0!important;
}

.mobile-arrows i {
	-webkit-text-stroke: 3px var(--blue-dark);
	font-size:1.5rem;
}

/* HERO */
.hero-wrapper {
/* 	padding: 6rem 0!important; */
}

/* WHAT WE DO */

.wwd-wrapper .header-copy h2 {
	color: var(--yellow);
}

.wwd-wrapper .header-copy h3,
.wwd-wrapper .header-copy p {
	color:#fff;
}

.wwd-wrapper .card-body h4 {
	font-weight: 400;
}

.wwd-wrapper img {
	/* max-height:200px; */
	height: 200px;
	max-height: 100%;
	    object-fit: cover;
}

.grid-col a {
	text-decoration: none;
    font-weight: 400!important;
}

/* ECONOMY FUND */

.economy-fund .image {
	text-align:center;
}

.economy-fund .Copy h2 {
	color:var(--orange);
	margin: 0;
	padding:0;
}

.economy-fund .Copy h3 {
	margin:1.5rem 0;
}

/* NUMBERS */

.numbers {
	background-image:url(../anca-stat-image.html);
	background-position:center center;
	background-size:cover;
}

.numbers .circle-border {
	border-width:6px;
	border-style:solid;
	border-radius:50%;
	width:100px;
	padding:1rem;
	height:100px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.numbers .circle-border h3 {
	font-weight:800;
	color:#fff;
	margin:0;
}

.numbers .numbers-circle p {
	color:#fff;
	padding-top:1rem;
	font-weight:bold;
}

/* POSTS */
	.home .posts > div {
		gap:5rem;
	}

.home .posts time.small {
	border-right: 2px solid #fff
}

.home .posts article {
	position:relative;
}

.home .posts article .post-content h4 {
	font-weight:800;
}

.home-post article img{
	height: 265px;
	object-fit:cover;
}

.read-more-link {
	position: absolute;
    bottom: -2%;
    left: 50%;
	transform:translateX(-50%);
	z-index:10;
}

/* NEWSLETTER  */

.newsletter form .submit {
	margin-top:2rem;
	float:right;
	display:grid;
}

.newsletter .blue-light-bg .container {
	max-width:70%;
}

.newsletter .newsletter-input {
	padding:.5rem 1rem;
	border-radius:20px;
	outline:none;
	font-weight:600;
	border:none;
	width:100%;
}

.newsletter .newsletter-input::placeholder {
	color:var(--blue-dark);
}

.newsletter-copy h2 {
	color:var(--orange);
}

.newsletter li {
	margin:1rem 0;
}

.newsletter-copy li:before {
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  background-position: center;
  background-size: contain;
  background-repeat:no-repeat;
  margin-right:0.5rem;
  margin-bottom:-5px;	
}

.newsletter-copy li:before {
	background-image:url(../png/list-arrow.png);
}

/* .newsletter-copy li:first-child:before {
	background-image:url('https://anca.sandbox1.nikijones.com/wp-content/uploads/2022/05/ANCA-Barn-Icon-03.png');
	
}
.newsletter-copy li:before {
	background-image:url('https://anca.sandbox1.nikijones.com/wp-content/uploads/2022/05/ANCA-Turbine-Icon-03.png');
}
.newsletter-copy li:last-child:before {
	background-image:url('https://anca.sandbox1.nikijones.com/wp-content/uploads/2022/05/ANCA-Hands-Icon-03.png');
} */

@media( min-width:1441px ) {
/* 	extra large screens */
	
}

@media (min-width:1000px and max-width:1600px) {
	.home .posts img {
		max-height:200px;
	}
}

@media (max-width: 1200px ){
	.wwd-wrapper img {
		height: revert;
		max-height: 400px;
	}
}

@media( max-width:1024px ) {
/* small screens */
	
		.slide-wrapper {
		max-height:35vh;
	}
	
	.hero-wrapper {
	padding: 3rem 0!important;
}
	.wwd-wrapper .d-grid {
		display:block!Important;
	}
	.wwd-wrapper .grid-col {
		transform:translateX(-100%) scale(0);
		opacity:0;
		transition:all 300ms ease;
		position:absolute;
	}
	.wwd-wrapper .grid-col.active {
		transform:translateX(0) scale(1);
		opacity:1;
		position:relative;
	}
	.home .posts {
	padding:3rem 0!important;
}
	.home .posts > div {
		gap:3rem;
	}
	
}

@media ( max-width:768px ) {
/* tablets */
	
}

@media ( max-width: 480px ) {
/* phone	 */
	
}