:root {
	--a-link-color: #1b5eb2;
	--a-link-color-hover: #1e3048;
}
.globe-protocol-carousel-portlet .protocol-img-container {
	padding: 20% 0;
	display: inline-block;
	position: relative;
	z-index: 1;
}
.globe-protocol-carousel-portlet .protocol-icon {
	height: 20px;
	width: 20px;
	border-radius: 18px;
}
.globe-protocol-carousel-portlet .protocol-icon.no-soil-icon {
	background-color: #633c2b;
}
.globe-protocol-carousel-portlet .protocol-icon.no-biosphere-icon {
	background-color: #5d842e;
}
.globe-protocol-carousel-portlet .protocol-icon.no-atmosphere-icon {
	background-color: #456da5;
}
.globe-protocol-carousel-portlet .protocol-icon.no-hydrosphere-icon {
	background-color: #06e2fe;
}
.globe-protocol-carousel-portlet .protocol-icon-container {
	background: #000;
	padding: 1px;
	border: 4px solid #fff;
	border-radius: 18px;
}
.globe-protocol-carousel-portlet .protocol-icon-container.no-icon-container .protocol-icon {
	margin: 2px;
	width: 18px;
	height: 18px;
}
.globe-protocol-carousel-portlet .protocol-title {
	position: absolute;
	top: 0;
	height: 100%;
	transition: background-color .2s ease-in-out;
	color: #fff;
	font-family: open_sanssemibold;
	font-size: 1.25rem;
	word-spacing: 100vw;
}
.globe-protocol-carousel-portlet .protocol-title:hover,
.globe-protocol-carousel-portlet .protocol-title:focus {
	background-color: rgba(0,0,0,.5);
}
.globe-protocol-carousel-portlet .protocol-title:focus {
	border: 3px solid #2196F3;
}
.slick-arrow.slick-disabled .slick-arrow-label-active,
.slick-arrow .slick-arrow-label-disabled {
	display:none;
}
.slick-arrow.slick-disabled .slick-arrow-label-disabled,
.slick-arrow .slick-arrow-label-active {
	display:block;
}
.globe-protocol-carousel-portlet #loader-container {
	text-align: center;
	padding: 110px 0;
}
.globe-protocol-carousel-portlet .protocol-carousel {
	margin-bottom: 20px;
}
.protocol-carousel .protocol-container {
	background-color: #a3a3a3;
	text-align: center;
	height: 300px;
	max-width: 230px;
	width: 100%;
	display: inline-block;
	position: relative;
	/* margin-top: 10px; */
}
.slick-slide {
	text-align: center;
}
.slick-slide:focus {
	outline: 0;
}
.slick-arrow {
    position: absolute;
    top: 35%;
    display: block;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: #000;
    border: none;
    outline: none;
    background: transparent;
    font-size: 60px;
}
.slick-arrow:hover {
	color: #afb1b0;
}
.slick-arrow.slick-disabled {
	color: #e0e1e2;
}
.icon-angle-left {
	left: -15px;
}
.icon-angle-right {
	right: -15px;
}
.detail-container .close-btn {
	position: absolute;
	right: 1rem;
	top: 1rem;
	color: #644223;
	opacity: 0.5;
	font-size: 1.25rem;
	cursor: pointer;
}
.detail-container .close-btn.hover,
.detail-container .close-btn:hover,
.detail-container .close-btn:focus {
	opacity: 0.75;
}
.detail-container {
	border: 2px solid #bcb5ad;
    margin: 10px 15px;
    border-radius: 10px;
    box-shadow: 0 7px 20px -10px #000;
	position: relative;
}
.detail-container .details-row {
	padding: 0 20px;
	margin-bottom: 20px;
	flex-direction: column;
	overflow: auto;
}
.detail-container .protocol-title-container {
	padding: 20px 0 10px 20px;
}
.detail-container .details-row {
	display: flex;
    justify-content: space-between;
    height: 240px;
}
.protocol-detail-description-container {
	max-width: 100%;
}
#description-container > div {
	padding-bottom: 0;
}
.protocol-title-container, .protocol-detail-times-container, .protocol-detail-description-container, .protocol-detail-grades-container {
	text-align: left;
}
.detail-container .protocol-details-title {
	font-size: 1.25rem;
}
.protocol-details-title-wrapper::after {
	content: "\f105";
	font-family: 'fontawesome-alloy';
	-webkit-font-smoothing: antialiased;
	text-decoration: inherit !important;
	speak: none;
	padding-left: 8px;
	transition: padding-left .3s;
	font-weight: 600;
	color: var(--a-link-color);
}

.protocol-details-title-wrapper:hover::after {
	padding-left: 15px;
	color: var(--a-link-color-hover);
}
.protocol-container .clickable, .protocol-details-container .clickable {
	cursor: pointer;
}
.protocol-details-container .protocol-detail-times-container .detail-times, .protocol-details-container .protocol-detail-grades-container .detail-grades {
	margin-top: 10px;
}
.protocol-details-container .protocol-detail-grades-container .detail-grades {
	margin-bottom: 30px;
}
@media (min-width: 576px) {
	.detail-container .close-btn {
		right: 1.5rem;
	}
}
@media (min-width: 768px) {
	.icon-angle-left {
		left: -35px;
	}
	.icon-angle-right {
		right: -25px;
	}
	.protocol-detail-description-container {
		/* max-width: 55%; */
	}
	.detail-container .protocol-title-container {
		padding: 40px 80px 20px 50px;
	}
	.detail-container {
	    margin: 10px;
	}
	.detail-container .details-row {
		vertical-align: top;
		display: block;
		text-align: left;
		padding: 0px 50px 30px 50px;
	}
}
@media (min-width: 1024px) {
	.protocol-detail-description-container, .protocol-detail-times-container, 
	.protocol-detail-grades-container {
		display: inline-block;
		vertical-align: top;
	}
	.protocol-detail-description-container {
		width: 47%;
		padding-right: 3%;
	}
	.protocol-detail-times-container {
		width: 25%;
		padding-right: 3%;
	}
}