@charset 'utf-8';

div.rsc--grid-collection,
div.rsc--grid-collection-portholes {
	text-align: center;
}

div.rsc--grid-collection-portholes-wide {
	margin-bottom: 0;
}

div.rsc--grid-collection-item {
	display: inline-block;
}

div.rsc--grid-collection a:hover {
	color: rgb(245, 177, 5);	
}

div.rsc--grid-collection-hero-options div.rsc--grid-collection-item {
	position: relative;
	width: calc(50% - 5px);
	height: 240px;
	margin: 0 0 5px 0;
	background: #ccc;
	overflow: hidden;
}
@media (max-width: 600px) {
	div.rsc--grid-collection-hero-options div.rsc--grid-collection-item {
		width: 100%;
	}
}

div.rsc--grid-collection-hero-options div.rsc--grid-collection-item img,
div.rsc--grid-collection-portholes div.rsc--grid-collection-item-image img  {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
@media (max-width: 800px) {
	div.rsc--grid-collection-hero-options div.rsc--grid-collection-item img:not(div.rsc--grid-collection-item-image-portrait img) {
		width: auto;
		height: 110%;
	}
}
@media (max-width: 600px) {
	div.rsc--grid-collection-hero-options div.rsc--grid-collection-item img:not(div.rsc--grid-collection-item-image-portrait img) {
		width: 100%;
		height: auto;	
	}
}
@media (max-width: 375px) {
	div.rsc--grid-collection-hero-options div.rsc--grid-collection-item img:not(div.rsc--grid-collection-item-image-portrait img) {
		width: auto;
		height: 110%;
	}
}

div.rsc--grid-collection-hero-options-text {
	position: absolute;
	bottom: 0;
	left: 30px;
	background: rgb(255,255,255);
	padding: 10px 50px 10px 10px;
}

div.rsc--grid-collection-hero-options-text hr {
	margin-top: 5px;
}

div.rsc--grid-collection-hero-options a:nth-of-type(odd) > div.rsc--grid-collection-item,
div.rsc--grid-collection-hero-options > div.rsc--grid-collection-item:nth-of-type(odd) {
	margin: 0 5px 5px 0;
}

div.rsc--grid-collection-portholes div.rsc--grid-collection-item {
	display: inline-block;
	margin-top: 20px;
	width: 19.5%;
	text-align: center;
	vertical-align: top;
}
@media (max-width: 800px) {
	div.rsc--grid-collection-portholes div.rsc--grid-collection-item {
		width: 32.5%;
	}
}
@media (max-width: 500px) {
	div.rsc--grid-collection-portholes div.rsc--grid-collection-item {
		width: 49%;
	}
}

div.rsc--grid-collection-portholes-wide div.rsc--grid-collection-item {
	width: calc(49.5% - 25px);
	text-align: left;
}
@media (max-width: 800px) {
	div.rsc--grid-collection-portholes-wide div.rsc--grid-collection-item {
		width: 100%;
	}
}
@media (max-width: 414px) {
	div.rsc--grid-collection-portholes-wide div.rsc--grid-collection-item {
		text-align: center;
	}	
}

div.rsc--grid-collection-portholes-wide div.rsc--grid-collection-item:nth-of-type(odd) {
	margin-right: 50px;
}
@media (max-width: 800px) {
	div.rsc--grid-collection-portholes-wide div.rsc--grid-collection-item:nth-of-type(odd) {
		margin-right: 0;
	}	
}

div.rsc--grid-collection-portholes div.rsc--grid-collection-item-image {
	position: relative;
	display: inline-block;
	background: #ccc;
	width: 110px;
	height: 110px;
	border-radius: 60px;
	overflow: hidden;	
}

div.rsc--grid-collection-portholes div.rsc--grid-collection-item-image img {
	width: auto;
	height: 100%;
}

div.rsc--grid-collection-portholes-wide div.rsc--grid-collection-item-image {
	float: left;
	margin: 20px 25px 50px 0;
}
@media (max-width: 414px) {
	div.rsc--grid-collection-portholes-wide div.rsc--grid-collection-item-image {	
		float: none;
		margin: 20px 0 0 0;
	}
}

div.rsc--grid-collection-portholes div.rsc--grid-collection-item hr {
	margin: 10px auto 15px;
}

div.rsc--grid-collection-portholes-wide div.rsc--grid-collection-item h2 {
	margin-top: 15px;
}

div.rsc--grid-collection-portholes-wide div.rsc--grid-collection-item hr {
	margin: 10px 0;
}

div.rsc--grid-collection-portholes div.rsc--grid-collection-item p {
	margin-top: 10px;
	padding: 0 10px;
	font-style: italic;
}