/* ----- START
 * TEMPLATE_DIVIDER [ #id ]
 * -----
 */

/* -----
 * TEMPLATE_DIVIDER
 * ----- END
 */





/* ----- START
 * GENERAL HOMEPAGE
 * ----- 
 */

.styled-link {
	color: #2D2926;
	padding-left: 70px;
	position: relative;
	transition: all 0.3ms ease-out;
}

.styled-link::after {
	content: "";
	display: flex;
	align-items: center;
	width: 62px;
	height: 1px;
	background: #2D2926;
	position: absolute;
	left: 0px;
	top: 50%;

	transition: left 0.3s ease-out,
				width 0.3s ease-out;
}

.styled-link:hover::after {
	left: 62px;
	width: 168px;
}

#homepage {
	margin: 0;
}

#homepage section {
	margin: 0 auto;
	padding: 25px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#homepage section h2 {
	font-size: 50px;
	margin-bottom: 19px;
}

#homepage p,
#homepage .section-text {
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}

#homepage section h2 strong {
	text-transform: uppercase;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	#homepage section h2 {
		margin-left: 36px;
		margin-right: 36px;
		text-align: center;
		font-size: 25px;
		font-weight: 300;
	}

	#homepage section .woocommerce h2 {
		margin-left: 0;
		margin-right: 0;
	}

	.contained {
		margin-left: 36px;
		margin-right: 36px;
	}
}



/* -----
 * GENERAL HOMEPAGE
 * ----- END
 */

 /* ----- START
 * Home Banner [ #id ]
 * -----
 */

#homepage #home-banner {
	padding: 0;
	margin: 0;
}
#home-banner-slider {
	width: 100%;
	height: calc(100vh - 100px);
}

body.admin-bar #home-banner-slider {
	height: calc(100vh - 132px);
}

/* Scroll Indicator */

#scroll-svg-container {
	position: absolute;
	left: 105px;
	bottom: 67px;
	height: 102px;
	width: 37px;

	cursor: pointer;
	background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' width='37.208' height='102.269' viewBox='0 0 37.208 102.269'%3e%3cg id='Component_24_5' data-name='Component 24 – 5' transform='translate(0.5)'%3e%3cg id='Group_45' data-name='Group 45' transform='translate(-1138.857 -930.873)'%3e%3cpath id='Path_916' data-name='Path 916' d='M.95-.349v-.772a3.936,3.936,0,0,0,2.133.67A2.745,2.745,0,0,0,4.826-.926a1.606,1.606,0,0,0,.595-1.33,1.734,1.734,0,0,0-.4-1.2,7.888,7.888,0,0,0-1.733-1.22A6.163,6.163,0,0,1,1.4-6.128,2.347,2.347,0,0,1,1-7.479a2.283,2.283,0,0,1,.807-1.764,3.1,3.1,0,0,1,2.153-.725,5.467,5.467,0,0,1,1.75.294v.711a4.409,4.409,0,0,0-1.839-.39,2.336,2.336,0,0,0-1.583.506,1.625,1.625,0,0,0-.584,1.285,1.721,1.721,0,0,0,.4,1.2,7.9,7.9,0,0,0,1.726,1.21A6.167,6.167,0,0,1,5.664-3.77a2.254,2.254,0,0,1,.455,1.391A2.37,2.37,0,0,1,5.335-.54,3.173,3.173,0,0,1,3.124.171,5.1,5.1,0,0,1,1.958.014,3.777,3.777,0,0,1,.95-.349Zm16.021.027A6.428,6.428,0,0,1,14.49.171a4.294,4.294,0,0,1-3.278-1.35A4.939,4.939,0,0,1,9.944-4.7a5.308,5.308,0,0,1,1.374-3.825,4.621,4.621,0,0,1,3.493-1.439,6.475,6.475,0,0,1,2.16.362v.718A5.235,5.235,0,0,0,14.8-9.352a3.9,3.9,0,0,0-3,1.251,4.713,4.713,0,0,0-1.155,3.329,4.395,4.395,0,0,0,1.1,3.162,3.7,3.7,0,0,0,2.8,1.159,5.439,5.439,0,0,0,2.427-.526ZM26.41,0,25.1-2.871A3.121,3.121,0,0,0,24.3-4.064a1.633,1.633,0,0,0-1.012-.3H22.069V0h-.677V-9.8h2.721a2.852,2.852,0,0,1,2.041.7A2.425,2.425,0,0,1,26.9-7.253a2.628,2.628,0,0,1-.608,1.771,2.844,2.844,0,0,1-1.7.916v.027a2.648,2.648,0,0,1,1.135,1.415L27.175,0ZM22.069-9.181v4.2h1.688a2.579,2.579,0,0,0,1.781-.588,2.05,2.05,0,0,0,.66-1.613A1.862,1.862,0,0,0,25.6-8.651a2.477,2.477,0,0,0-1.7-.53ZM35.438.171A4.221,4.221,0,0,1,32.126-1.21,5.183,5.183,0,0,1,30.892-4.8,5.409,5.409,0,0,1,32.16-8.555a4.419,4.419,0,0,1,3.462-1.412A4.123,4.123,0,0,1,38.832-8.61a5.1,5.1,0,0,1,1.227,3.558A5.506,5.506,0,0,1,38.8-1.224,4.307,4.307,0,0,1,35.438.171Zm.068-9.522a3.6,3.6,0,0,0-2.813,1.237,4.684,4.684,0,0,0-1.1,3.24,4.733,4.733,0,0,0,1.046,3.223,3.516,3.516,0,0,0,2.789,1.2A3.664,3.664,0,0,0,38.3-1.637a4.788,4.788,0,0,0,1.06-3.305,4.715,4.715,0,0,0-1.036-3.244A3.58,3.58,0,0,0,35.506-9.352ZM44.3,0V-9.8h.677V-.615h3.931V0Zm8.652,0V-9.8h.677V-.615h3.931V0Z' transform='translate(1161.315 988.434) rotate(-90)' fill='%232d2926'/%3e%3c/g%3e%3cg id='Icon_feather-arrow-down-circle' data-name='Icon feather-arrow-down-circle' transform='translate(0 65.561)'%3e%3cpath id='Path_52' data-name='Path 52' d='M39.208,21.1A18.1,18.1,0,1,1,21.1,3a18.1,18.1,0,0,1,18.1,18.1Z' transform='translate(-3 -3)' fill='none' stroke='%232d2926' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3e%3cpath id='Path_53' data-name='Path 53' d='M12,18l7.242,7.242L26.483,18' transform='translate(-1.138 0.104)' fill='none' stroke='%232d2926' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3e%3cpath id='Path_54' data-name='Path 54' d='M18,12V26.483' transform='translate(0.104 -1.138)' fill='none' stroke='%232d2926' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: contain;
}

#scroll-svg-container:hover {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='37.208' height='102.269' viewBox='0 0 37.208 102.269'%3e%3cg id='Component_24_5' data-name='Component 24 – 5' transform='translate(0.5)'%3e%3cg id='Group_45' data-name='Group 45' transform='translate(-1138.857 -930.873)'%3e%3cpath id='Path_916' data-name='Path 916' d='M.95-.349v-.772a3.936,3.936,0,0,0,2.133.67A2.745,2.745,0,0,0,4.826-.926a1.606,1.606,0,0,0,.595-1.33,1.734,1.734,0,0,0-.4-1.2,7.888,7.888,0,0,0-1.733-1.22A6.163,6.163,0,0,1,1.4-6.128,2.347,2.347,0,0,1,1-7.479a2.283,2.283,0,0,1,.807-1.764,3.1,3.1,0,0,1,2.153-.725,5.467,5.467,0,0,1,1.75.294v.711a4.409,4.409,0,0,0-1.839-.39,2.336,2.336,0,0,0-1.583.506,1.625,1.625,0,0,0-.584,1.285,1.721,1.721,0,0,0,.4,1.2,7.9,7.9,0,0,0,1.726,1.21A6.167,6.167,0,0,1,5.664-3.77a2.254,2.254,0,0,1,.455,1.391A2.37,2.37,0,0,1,5.335-.54,3.173,3.173,0,0,1,3.124.171,5.1,5.1,0,0,1,1.958.014,3.777,3.777,0,0,1,.95-.349Zm16.021.027A6.428,6.428,0,0,1,14.49.171a4.294,4.294,0,0,1-3.278-1.35A4.939,4.939,0,0,1,9.944-4.7a5.308,5.308,0,0,1,1.374-3.825,4.621,4.621,0,0,1,3.493-1.439,6.475,6.475,0,0,1,2.16.362v.718A5.235,5.235,0,0,0,14.8-9.352a3.9,3.9,0,0,0-3,1.251,4.713,4.713,0,0,0-1.155,3.329,4.395,4.395,0,0,0,1.1,3.162,3.7,3.7,0,0,0,2.8,1.159,5.439,5.439,0,0,0,2.427-.526ZM26.41,0,25.1-2.871A3.121,3.121,0,0,0,24.3-4.064a1.633,1.633,0,0,0-1.012-.3H22.069V0h-.677V-9.8h2.721a2.852,2.852,0,0,1,2.041.7A2.425,2.425,0,0,1,26.9-7.253a2.628,2.628,0,0,1-.608,1.771,2.844,2.844,0,0,1-1.7.916v.027a2.648,2.648,0,0,1,1.135,1.415L27.175,0ZM22.069-9.181v4.2h1.688a2.579,2.579,0,0,0,1.781-.588,2.05,2.05,0,0,0,.66-1.613A1.862,1.862,0,0,0,25.6-8.651a2.477,2.477,0,0,0-1.7-.53ZM35.438.171A4.221,4.221,0,0,1,32.126-1.21,5.183,5.183,0,0,1,30.892-4.8,5.409,5.409,0,0,1,32.16-8.555a4.419,4.419,0,0,1,3.462-1.412A4.123,4.123,0,0,1,38.832-8.61a5.1,5.1,0,0,1,1.227,3.558A5.506,5.506,0,0,1,38.8-1.224,4.307,4.307,0,0,1,35.438.171Zm.068-9.522a3.6,3.6,0,0,0-2.813,1.237,4.684,4.684,0,0,0-1.1,3.24,4.733,4.733,0,0,0,1.046,3.223,3.516,3.516,0,0,0,2.789,1.2A3.664,3.664,0,0,0,38.3-1.637a4.788,4.788,0,0,0,1.06-3.305,4.715,4.715,0,0,0-1.036-3.244A3.58,3.58,0,0,0,35.506-9.352ZM44.3,0V-9.8h.677V-.615h3.931V0Zm8.652,0V-9.8h.677V-.615h3.931V0Z' transform='translate(1161.315 988.434) rotate(-90)' fill='%23a5a5a5'/%3e%3c/g%3e%3cg id='Icon_feather-arrow-down-circle' data-name='Icon feather-arrow-down-circle' transform='translate(0 65.561)'%3e%3cpath id='Path_52' data-name='Path 52' d='M39.208,21.1A18.1,18.1,0,1,1,21.1,3a18.1,18.1,0,0,1,18.1,18.1Z' transform='translate(-3 -3)' fill='none' stroke='%23a5a5a5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3e%3cpath id='Path_53' data-name='Path 53' d='M12,18l7.242,7.242L26.483,18' transform='translate(-1.138 0.104)' fill='none' stroke='%23a5a5a5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3e%3cpath id='Path_54' data-name='Path 54' d='M18,12V26.483' transform='translate(0.104 -1.138)' fill='none' stroke='%23a5a5a5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

/* Video Thumbnail */
#home-banner #video-thumbnail {
	position: absolute;
	width: 340px;
	height: 192px;

	bottom: 67px;
	right: 124px;
}

#home-banner #video-thumbnail a {
	display: block;
	height: 100%;
	width: 100%;
}

#home-banner #video-thumbnail a img {
	position: relative;
	height: 100%;
	width: 100%;
	object-fit: contain;
}

#home-banner #video-thumbnail a .play-video-prompt {
	position: absolute;
	top: 50%;
	left: 50%;

	/* -18px to center the div on the center of the svg icon
	   which is 37px wide */
	transform: translate(-18px,-50%);

	display: flex;
	align-items: center;

}

#home-banner #video-thumbnail a .overlay-bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,0.0);
	transition: background 0.3s ease-out;
}
#home-banner #video-thumbnail:hover a .overlay-bg {
	background: rgba(255,255,255,0.2);
}


#home-banner #video-thumbnail a .play-video-prompt svg {
	margin-right: 15px;
}

#home-banner #video-thumbnail a .play-video-prompt span {
	color: #FFF;
	font-size: 12px;
	font-weight: 300;
}


/* Slider */
#home-banner-slider .slide-class,
#home-banner-slider .slide-class-mobile {
	position: relative;
	width: 100%;
	height: calc(100vh - 100px);
}
#home-banner-slider .slide-class-mobile::before {
    /*content: '';*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    background: rgba(255,255,255,.3);
    z-index: 0;
}
body.admin-bar #home-banner-slider .slide-class,
body.admin-bar #home-banner-slider .slide-class-mobile {
	height: calc(100vh - 132px);
}

/* Slide image */
#home-banner-slider .slide-class img,
#home-banner-slider .slide-class-mobile img {
	height: 100%;
	width: 100%;
	/*object-fit: contain;*/
	object-fit: cover;
}
@media screen and (max-width: 1359px) {
	#home-banner-slider .slide-class img,
	#home-banner-slider .slide-class-mobile img {
    	height: auto;
	}
}

/* Slide Title */
#home-banner-slider .slide-class .slide-title,
#home-banner-slider .slide-class-mobile .slide-title {
	position: absolute;
	top: 35px;
	left: 100px;

	font-weight: 800;
	font-size: 53px;
	line-height: 1;
	white-space: break-spaces;
	color: #2D2926;
	text-transform: lowercase;
}

/* Slider slick dots */
#home-banner-slider ul.slick-dots {
	position: absolute;
	display: flex;
	justify-content: center;

	list-style-type: none;
	padding: 0;

	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	bottom: 44px;
}

#home-banner-slider .slick-dots li {
	position: relative;
	margin-right: 23px;
	height: 32px;
	width: 24px;
	/* background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Component_20_2' data-name='Component 20 – 2' xmlns='http://www.w3.org/2000/svg' width='23.804' height='32.028' viewBox='0 0 23.804 32.028'%3e%3cpath id='Path_762' data-name='Path 762' d='M177,5506.246a1.981,1.981,0,0,1-.047.393c-1.817,5.566-.554,9.637.773,13.955,1.576,5.089,3.121,10.359-.294,17.588,5.4-1.54,9.451-8.079,9.451-15.924C186.883,5514.216,182.612,5507.553,177,5506.246Zm-4.228.043c-5.521,1.416-9.693,8.021-9.693,15.969,0,8.033,4.262,14.687,9.865,16.016a1.991,1.991,0,0,1,.225-.736c3.48-6.41,2.151-10.728.6-15.725C172.443,5517.5,170.99,5512.632,172.772,5506.289Z' transform='translate(-163.079 -5506.246)' fill='%232d2926'/%3e%3c/svg%3e "); */


	height: 18px;
	width: 18px;
	background: #2d2926;
	border-radius: 50%;
	opacity: 0.6;
}

#home-banner-slider .slick-dots li.slick-active {
	opacity: 1;
}

#home-banner-slider .slick-dots li:last-child{
	margin-right: 0px;
}
/* 
#home-banner-slider .slick-dots li::after {
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	height: 32px;
	width: 24px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Component_20_2' data-name='Component 20 – 2' xmlns='http://www.w3.org/2000/svg' width='23.804' height='32.028' viewBox='0 0 23.804 32.028'%3e%3cpath id='Path_762' data-name='Path 762' d='M177,5506.246a1.981,1.981,0,0,1-.047.393c-1.817,5.566-.554,9.637.773,13.955,1.576,5.089,3.121,10.359-.294,17.588,5.4-1.54,9.451-8.079,9.451-15.924C186.883,5514.216,182.612,5507.553,177,5506.246Zm-4.228.043c-5.521,1.416-9.693,8.021-9.693,15.969,0,8.033,4.262,14.687,9.865,16.016a1.991,1.991,0,0,1,.225-.736c3.48-6.41,2.151-10.728.6-15.725C172.443,5517.5,170.99,5512.632,172.772,5506.289Z' transform='translate(-163.079 -5506.246)' fill='%23a5a5a5'/%3e%3c/svg%3e ");
	opacity: 0;
	transition: opacity 0.15s ease-out;
}
 */
#home-banner-slider .slick-dots li:hover {
	opacity: 0.8;
}

#home-banner-slider .slick-dots li::marker {
	display: none;
}

#home-banner-slider .slick-dots li button {
	border: none;
	background: none;
	font-size: 0; 
}

#home-banner-slider .slick-arrows {
	display: none;
}


@media only screen and (max-width: 768px) {
	.hide-on-mobile {
		display: none;
	}
	
	#home-banner-slider .slide-class .slide-title,
	#home-banner-slider .slide-class-mobile .slide-title {
		font-size: 30px;
		line-height: 32px;
		text-align: center;
		top: 5%;
		/*top: 10%;*/
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		max-width: 300px;
	}

	body.admin-bar #home-banner-slider,
	body.admin-bar #home-banner-slider .slide-class,
	body.admin-bar #home-banner-slider .slide-class-mobile {
    	height: calc(75vh - 132px);
	}

	#home-banner-slider ,
	#home-banner-slider .slide-class,
	#home-banner-slider .slide-class-mobile {
	    /*height: calc(75vh - 100px);*/
	    height: auto;
	}

	#home-banner-slider .slide-class img,
	#home-banner-slider .slide-class-mobile img {
	    object-fit: cover;
	    object-position: 20% 50%;
	    left: 0;
	}

	#home-banner-slider ul.slick-dots {
		display: none !important;
	}

	#home-banner-slider .slick-arrow {
		display: block;
		height: 50px;
		width: 50px;
		background-size: contain;
		background-repeat: no-repeat;
		cursor: pointer;
		position: absolute;
		top: 50%;
		z-index: 5;
	}

	#home-banner-slider .slick-arrow.slick-next {
	    background-image: url('../svg/arrow-right-mobile.svg');
	    right: 10px;
	    transform: translate(-50%, -50%);

	    display: none !important;
	}

	#home-banner-slider .slick-arrow.slick-prev {
	    background-image: url('../svg/arrow-left-mobile.svg');
	    left: 10px;
	    transform: translate(50%, -50%);
		
		display: none !important;
	}

}

/* -----
 * Home Banner
 * ----- END
 */


/* ----- START
 * WHY ARCHONTAKIS COFFEE [ #home-why-archontakis ]
 * -----
 */

#homepage #home-why-archontakis {
	background: #FAFAFA;
}

#homepage #home-why-archontakis h2 {
	margin-bottom: 39px;
}

#homepage #home-why-archontakis .best-wrapper {
	display: flex;
	width: 972px;
	max-width: 972px;
	justify-content: space-around;
}

#homepage #home-why-archontakis .best-title {
	padding-top: 4px;
	text-align: center;
	text-transform: uppercase;
	color: #2D2926;
	font-size: 20px;
}

#homepage #home-why-archontakis .best-text {
	max-width: 421px;
	color: #A5A5A5;
	color: #2D2926;
}

#homepage #home-why-archontakis .divider {
	height: 161px;
	width: 1px;
	background: #A5A5A5;
}

#homepage #home-why-archontakis .image-divider {
	display: none;
}

@media only screen and (max-width: 767px) {
	#homepage #home-why-archontakis h2 {
		margin-bottom: 30px;
	}

	#homepage #home-why-archontakis .best-wrapper {
		flex-direction: column;
		width: auto;
		max-width: unset;
		justify-content: flex-start;
		align-items: center;
	}

	#homepage #home-why-archontakis .best-title {
		font-size: 15px;
		margin-bottom: 8px;
	}

	#homepage #home-why-archontakis .image-divider {
		display: block;
		width: 90px;
		height: 60px;

		margin-bottom: 12px;
	}

	#homepage #home-why-archontakis .image-divider img {
		object-fit: contain;
	}
}

/* -----
 * WHY ARCHONTAKIS COFFEE
 * ----- END
 */



 /* ----- START
 * WHAT COFFEE [ #home-what-coffee ]
 * -----
 */

#homepage #home-what-coffee {
	background-color: #2D2926;
	overflow: hidden;
}

#homepage #home-what-coffee h2 {
	color: #FFF;
	font-weight: 300;
	margin-bottom: 19px;
}
#homepage #home-what-coffee .tab-title {
    color: #FFF;
    font-weight: 300;
    margin-bottom: 19px;
    font-size: 50px;
}

#homepage #home-what-coffee .section-text  {
	color: #FFF;
	max-width: 653px;
	margin-bottom: 80px;
}

#homepage .coffees-wrapper {
	display: flex;
	justify-content: center;
}


#homepage .coffees-wrapper .coffee-choice {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 973px;

	padding: 0 80px;
	cursor: pointer;
}

.coffee-choice--top-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#coffee-guide .coffees-wrapper .coffee-choice-title {
	color: #FFF;
	text-transform: uppercase;

	font-size: 13px;
}

#coffee-guide .coffees-wrapper .coffee-choice .arrow-right {
	display: none;
}

#coffee-guide .coffees-wrapper .divider {
	height: 325px;
	width: 1px;
	background: #FFF;
}


/* Coffee Guide */
#coffee-guide {
	position: relative;
}

body.home #coffee-guide .item-category-icon,
#home-products .item-category-icon {
    /* display: none; */
    position: absolute;
    top: 0;
    left: 0;
}
body.home #coffee-guide .item-category-icon img,
#home-products .item-category-icon img {
    width: 55px;
    padding: 5px;
    border: 1px solid #000;
    margin: 6px 0;
}
body.home #coffee-guide .item-category-icon img {width: 45px;}
body.home #home-products .item-category-icon {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 50px;
    width: 100%;
}

@media screen and (max-width: 767px) {
	#home-products .item-category-icon img {
	    width: 55px;
	    padding: 5px;
	    border: 1px solid #000;
	    margin: 6px 0 0 10px;
	}
}



/* Tab Visibility */

#coffee-guide .tab {
	position: absolute;
	top: 0;
	left: 0;
	background: #2D2926;
	width: 100%;
	transition: left 0.3s, opacity 0.3s;
}
#coffee-guide .tab.hidden {
	visibility: hidden;
	opacity: 0;
	left: 100%;
	cursor: none;
	transition: left 0.3s, opacity 0.3s, visibility 0s ease-in-out 0.3s;
}

#coffee-guide .tab .back-button{
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;

	padding: 17px 20px;
	
	display: flex;
	flex-direction: row-reverse;
	align-items: center;

}

/* Tab Styling */
#coffee-guide .tab .tab-title {
	text-align: center;
}
#coffee-guide .tab .back-text {
	color: white;
}

#coffee-guide .tab .back-button {
	margin-left: 10px;
	transition: margin-left 0.3s ease-out;
}

#coffee-guide .tab .back-button:hover {
	margin-left: 0;

}
#coffee-guide .tab .back-button img {
	margin-right: 10px;
	height: 31px;
	width: 35px;
}


/* Sliders :: */

#coffee-guide .products-slider {
	width: 100%;
	margin-bottom: 72px;
}
#coffee-guide .woocommerce .products ul::after,
#coffee-guide .woocommerce .products ul::before,
#coffee-guide .woocommerce ul.products::after,
#coffee-guide .woocommerce ul.products::before {
 content:unset !important;
 display:table
}

#coffee-guide .products-slider .woocommerce {
	width: 100%;
}
#coffee-guide .woocommerce ul.products {
    max-width: 1269px;
    margin: 0 auto;
}

/* Slides Gap: */
/* the parent */
#coffee-guide .slick-list {
	margin: 0 -21px; 
}

/* Slides */
#coffee-guide .woocommerce ul.products li.product {
	width: auto;
	max-width: unset;
	margin: 0 21px;
}

#coffee-guide .woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 10px;
}

#coffee-guide  .buy-now {
    padding-right: 40px;
}


#coffee-guide .slick-arrow {
	height: 66px;
	width: 66px;
	background-size: contain;
	cursor: pointer;
	position: absolute;
	top: 50%;
}

#coffee-guide .slick-arrow.slick-prev {
	background-image: url('../svg/arrow-left-white.svg');
	left: -85px;
	transform: translate(-100%, -50%);
}
#coffee-guide .slick-arrow.slick-next {
	background-image: url('../svg/arrow-right-white.svg');
	right: -85px;
	transform: translate(100%, -50%);
}


#coffee-guide .item-category-icon img {
	filter: grayscale(1) contrast(1) invert(1) brightness(1);	
}



@media only screen and (max-width: 768px) {


	#homepage #home-what-coffee {
		padding-bottom: 0;
		padding-top: 35px;
	}
	#homepage #home-what-coffee .section-text {
		margin-bottom: 25px;
	}

	#coffee-guide,
	#coffee-guide .tabs,
	#coffee-guide .tab,
	#tab-1 {
	  width: 100%;
	}

	#homepage .coffees-wrapper {
	  flex-direction: column;
	}
	#homepage .coffees-wrapper .coffee-choice {
	  flex-direction: row;
	  padding: 0;
	  margin: 0 36px 56px;
	  justify-content: space-between;
	}


	#coffee-guide .coffees-wrapper .coffee-choice .coffee-choice-title {
		font-size: 15px;
		line-height: 20px;
		text-align: center;
		margin-bottom: 0px;
	}
	#coffee-guide .coffees-wrapper .coffee-choice .coffee-choice-icon {
		margin-top: 10px;
		
	}
	#coffee-guide .coffees-wrapper .coffee-choice .coffee-choice-image {
		height: 113px;
		object-fit: contain;
	}
	#coffee-guide .coffees-wrapper .coffee-choice .arrow-right {
		display: block;
		height: 48px;
		width: 48px;
		object-fit: contain;
	}

	#coffee-guide .divider{
		display: none;
	}

	/*  Sliders */
	#coffee-guide .products-slider,
	#coffee-guide .products-slider .woocommerce,
	#coffee-guide .products-slider .woocommerce .products,
	#coffee-guide .products-slider .woocommerce .products .slick-list, 
	#coffee-guide .products-slider .woocommerce .products .slick-list .slick-track{
		height: auto;

	}

	#coffee-guide .slick-list {
		margin: 0;
	}

	#coffee-guide .products-slider {
		margin-bottom: 90px;		
	}

	#coffee-guide .woocommerce ul.products li.product.slick-slide {
		float: unset;
		clear: unset;
		height: auto;
		margin: 0 36px;
		display: inline-block;
	}

	#coffee-guide .buy-now {
		padding: 0;	
	}

	#home-what-coffee #coffee-guide .tab .tab-title-wrapper {
		display: flex;
		align-items: center;
		margin: 0 36px 30px;
	}

	#home-what-coffee #coffee-guide .tab .tab-title {
		margin: 0;
		text-align: left;
		line-height: 45px;
	}

	#home-what-coffee #coffee-guide .tab .back-button {
		padding: 8px 8px;
		padding-left: 0;
		margin: 0;
		position: static;
	}

	#home-what-coffee #coffee-guide .tab .back-button img {

	}


}


/* -----
 * WHAT COFFEE
 * ----- END
 */


/* ----- START
 * HOME PRODUCTS [ #home-products ]
 * -----
 */


#homepage section#home-products {
	padding-bottom: 72px;
}

#homepage #home-products .section-text  {
	max-width: 653px;
	margin-bottom: 80px;
	color: #A5A5A5
    color: #2D2926;	
}
#home-products .products-wrapper {
	width: 100%;
	margin-bottom: 72px;
}
#home-products .woocommerce .products ul::after,
#home-products .woocommerce .products ul::before,
#home-products .woocommerce ul.products::after,
#home-products .woocommerce ul.products::before {
 content:unset !important;
 display:table
}

#home-products .products-wrapper .woocommerce {
	width: 100%;
}
#home-products .woocommerce ul.products {
    max-width: 1269px;
    margin: 0 auto;
}

/* Slides Gap: */
/* the parent */
#home-products .slick-list {
	margin: 0 -21px; 
}

/* Slides */
#home-products .woocommerce ul.products li.product {
	width: auto;
	max-width: unset;
	margin: 0 21px;
}

#home-products .woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 10px;
}

#home-products  .buy-now {
    padding-right: 40px;
}

#home-products .slick-arrow {
	height: 66px;
	width: 66px;
	background-size: contain;
	cursor: pointer;
	position: absolute;
	top: 50%;
}

#home-products .slick-arrow.slick-prev {
	background-image: url('../svg/new-arrow-left.svg');
	left: -85px;
	transform: translate(-100%, -50%);
}
#home-products .slick-arrow.slick-next {
	background-image: url('../svg/new-arrow-right.svg');
	right: -85px;
	transform: translate(100%, -50%);
}

#products-wrapper-mobile {
	display: none;
}

@media only screen and (max-width: 1919px) and (min-width: 1240px){
	#coffee-guide .woocommerce ul.products,
	#home-products .woocommerce ul.products {
		max-width: 70vw;
	}
}

@media only screen and (max-width: 768px) {

	#homepage section#home-products {
		margin-bottom: 32px;
		padding-bottom: 0;
	}

	#home-products .products-wrapper {
		margin-bottom: 40px;
	}

	#homepage #home-products .section-text {
		margin-bottom: 45px;
	}

	#home-products .woocommerce ul.products {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#home-products .woocommerce ul.products li.product {
		height: auto;
		margin: 0;
		display: inline-block;
		margin-bottom: 65px;
		float: unset;
	}

	#home-products .buy-now {
		padding: 0;	
	}

	#home-products .woocommerce ul.products li.product:last-child {
		margin-bottom: 0;
	}
}

/* -----
 * HOME PRODUCTS
 * ----- END
 */

 /* ----- START
 * FEATURED POST [ #featured-post ]
 * -----
 */

#homepage #featured-post::before {
	content: "";
	position: absolute;
	background: #FAFAFA;
	left: 20%;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}

#homepage #featured-post {
	position: relative;
	display: flex;
	flex-direction: row;
	padding: 80px 0;
	overflow: hidden;
}


#homepage #featured-post .featured-description {
	display: flex;
	flex-direction: column;
	margin-left: 90px;
	max-width: 566px;
}

#homepage #featured-post .featured-description .featured-title {
	font-size: 50px;
	font-weight: 400;
	margin-bottom: 35px;
	line-height: 1;
}

#homepage #featured-post .featured-description .featured-text p {
	text-align: left;
	color: #A5A5A5;
	color: #2D2926;
}

#homepage #featured-post .featured-description .plus-icon {
	display: none;
}


@media only screen and (max-width: 767px) {

	#homepage #featured-post {
		flex-direction: column-reverse;
		padding: 35px 0 0;
		overflow: hidden;
		background: #FAFAFA;
	}
	#homepage #featured-post::before {
		display: none;
	}

	#homepage #featured-post .featured-description {
		display: flex;
		flex-direction: column;
		max-width: unset;
		margin: 0 36px 15px;
		align-items: center;
	}

	#homepage #featured-post .featured-description .featured-title {
		font-size: 25px;
		font-weight: 300;
		text-align: center;
		margin-bottom: 22px;
		white-space: break-spaces;
	}

	#homepage #featured-post .featured-description .featured-text p {
		text-align: center;
		font-size: 16px;
		line-height: 20px;

		display: block;
		display: -moz-box;
		display: -webkit-inline-box;
		display: -webkit-box;
		-webkit-line-clamp: 7;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		height: calc(20px * 7);
		max-height: calc(20px * 7);
		transition: height 0.3s ease-out, max-height 0.3s ease-out;
	}

	#homepage #featured-post .featured-description.active .featured-text p {
		text-align: center;
		font-size: 16px;
		line-height: 20px;

		display: block;
		height: auto;
		margin-bottom: 15px;
		max-height: 300vh;
		transition: height 0.3s ease-out, max-height 0.3s ease-out;
	}

	#homepage #featured-post .featured-description .styled-link {
		display: none;
	}

	#homepage #featured-post .featured-description.active .styled-link {
		display: block;
		margin-bottom: 30px;
	} 

	#homepage #featured-post .featured-description .plus-icon {
		display: block;
		margin-bottom: 20px;
	}


	#homepage #featured-post .featured-description .plus-icon #Path_916 {
		transform: translate(29%, 49%) rotate(-90deg);
		transition: transform 0.3s ease-out;
	}

	#homepage #featured-post .featured-description.active .plus-icon #Path_916 {
		transform: translate(49%, 29%) rotate(0deg);
	}

}

/* -----
 * FEATURED POST
 * ----- END
 */


/* ----- START
 * BLOG POSTS SLIDER [ #blog-slider ]
 * -----
 */

#homepage section#blog-showcase {
	padding-left: 488px;
	padding-top: 83px;
	position: relative;
}

/* Blog Logo */
#blog-showcase .logo-wrapper {
	position: absolute;
	top: 83px;
	left: 129px;
}


section#blog-showcase .logo-wrapper img {
   width: auto;
   height: 221px;
}

.blog-slider {
	width: 100%;
}

#blog-showcase .slick-slide {
	/* width: auto!important; */
	position: relative;
	width: 923px;
	height: 703px;
	margin-right: 40px;
	background:#000;
}

#blog-showcase .slick-slide img {
	opacity: 0.6;
	width: 923px;
	height: 703px;
	object-fit: cover;
}

#blog-showcase .slick-slide.slick-active img {
	opacity: 1;
}

#blog-showcase .slick-arrow {
	height: 66px;
	width: 66px;
	background-size: contain;
	cursor: pointer;
	position: absolute;
	bottom: 77px;
}

#blog-showcase .slick-arrow.slick-prev {
	background-image: url('../svg/arrow-left.svg');
	left: -137px;
	transform: translate(-100%, -50%);
}
#blog-showcase .slick-arrow.slick-next {
	background-image: url('../svg/arrow-right.svg');
	left: -65px;
	transform: translate(-100%, -50%);
}

/* Title, Date, Link */
#blog-showcase .post-link {
	position: absolute;
	top: 50px;
	left: 0;
	background: white;
	width: 213px;
	height: 60px;
	display: flex;
	align-items: center;
	padding-left: 7px;
}

#blog-showcase .post-title {
	position: absolute;
	bottom: 78px;
	left: 96px;
	font-weight: 300;
	font-size: 25px;
	max-width: 455px;
	color: #fff;
/* 	background:#2D2926; */
}

#blog-showcase .post-date {
	position: absolute;
	width: 131px;
	bottom: 89px;
	line-height: 1;
	left: 33px;
	transform: translate(0,50%) rotate(-90deg) translate(50%,-100%);
	font-size: 25px;
	font-weight: 300;
	border-bottom: 1px #2D2926 solid;
	color: #fff;
}

#blog-showcase .overlay {
	display: none;
}

@media only screen and (max-width: 767px) {
	#homepage section#blog-showcase {
		padding: 0;
		display: flex;
		flex-direction: column-reverse;

		margin-bottom: 110px;
	}
	#blog-showcase .logo-wrapper {
		position: static;
		margin-bottom: 50px;
		height: 170px;
		width: 170px;
	}

	#blog-showcase .slick-slide {
		height: 350px;
		width: 100vw;
	}
	#blog-showcase .slick-slide img {
		height: 100%;
		width: 100%;
	}

	#blog-showcase .overlay {
		position: absolute;
		display: block;
		width: calc(100% - 30px);
		height: calc(100% - 30px);
		margin: 15px;
		background: white;
		opacity: 0.4;
		content: "";
		top: 0;
		left: 0;
	}

	#blog-showcase .post-link {
		left: 15px;
		top: 34px;
	}
	#blog-showcase .post-link a {
		font-size: 23px;
		line-height: 31px;
	} 
	#blog-showcase .post-title {
		width: 240px;
		height: 50px;
		text-overflow: ellipsis;

		left: 36px;
		bottom: 50px;

		font-size: 25px;
		line-height: 25px;
		overflow: hidden;

	}

	#blog-showcase .post-date {
		left: 36px;
		bottom: 110px;

		transform: none;
		border-bottom: none;
	}

	#blog-showcase .slick-arrow {
	    height: 48px;
	    width: 48px;
	    bottom: -22px;
	}

	#blog-showcase .slick-arrow.slick-prev {
	    background-image: url('../svg/arrow-left-mobile.svg');
	    left: 135px;
	    transform: translate(-50%, 100%);
	}

	#blog-showcase .slick-arrow.slick-next {
	    background-image: url('../svg/arrow-right-mobile.svg');
	    right: 135px;
	    left: unset;
	    transform: translate(50%, 100%);
	}


}

/* -----
 * BLOG POSTS SLIDER
 * ----- END
 */




/* ----- START
 * COFFEE EXPERIENCE [ #home-products ]
 * -----
 */
#homepage #coffee-experience {
	max-width: 1571px;
	height: 795px;
	position: relative;

	padding: 40px 0;
}

#homepage #coffee-experience .section-title {
	font-size: 100px;
	line-height: 90px;
	font-weight: bold;
	white-space: break-spaces;
	align-self: flex-start;
	margin-top: 95px;
	color: #000;
	/* align-self: unset; */
}

#homepage #coffee-experience .coff-exp-image {
	position: absolute;
	right: 0;
	width: 1197px;
	height: 795px;
	z-index: -1;
	object-fit: cover;
}

#homepage #coffee-experience .section-text {
	position: absolute;
	right: 1197px;
    bottom: 250px;
	font-size: 25px;
	line-height: 28px;
	font-weight: 500;
	text-align: left;

	margin-bottom: 0px;
	padding-top: 10px;
	transform: translate(50%, 0%) rotate(90deg) translate(0, 50%);
	color: #2D2926;
}


#homepage #coffee-experience .link-wrapper {
	position: absolute;
	bottom: 20px;
	right: 0;
	transform: translate(0, -125%);
	background: white;
	padding: 20px;
}

@media only screen and (max-width: 767px) {
	#homepage #coffee-experience {
		/*padding: 0;*/
		padding-bottom: 0;
		max-width: unset;
		height: auto;
	}

	#homepage #coffee-experience .section-title {
		margin-top: 0px;
		margin-bottom: 15px;

		font-size: 25px;
		font-weight: 300;
		line-height: 25px;
		white-space: unset;
		text-align: center;

	    align-self: center;
	    text-transform: lowercase;
	}

	#homepage #coffee-experience .coff-exp-image {
		position: static;
		width: 100vw;
		height: 372px;
		z-index: -1;
		object-fit: cover;
	}

	#homepage #coffee-experience .section-text {
		position: static;
		font-size: 16px;
		line-height: 20px;
		font-weight: 400;

		margin-left: 36px;
		margin-right: 36px;
		margin-bottom: 0px;
		padding-top: 0px;
		transform: none;

		color: #A5A5A5;
		    color: #2D2926;
		margin-bottom: 15px;
	}

	#homepage #coffee-experience .link-wrapper {
		position: static;
		transform: none;
		padding: 20px;
		margin-bottom: 20px;
	}

}
/* -----
 * COFFEE EXPERIENCE
 * ----- END
 */



/* new macbook viewport */
@media screen and (min-width: 1280px) and (max-width: 1440px) {
    #homepage #coffee-experience {
        padding-left: 25px;
    }
    #homepage #coffee-experience .section-text {
        right: 1160px;
    }
    #homepage #featured-post .featured-description {
	    padding-right: 25px;
	}
}


#home-banner-slider .slide-class .slide-title .whtt {
    color: #fff;
}