/*------------------------------- General Styles --------------------------------*/
.pre-footer{
	display: none;
}
.biolink-main-content {
    font-family: "Unica", sans-serif;
    font-weight: 300;
    margin: 0 auto;
    max-width: 1525px;
    width: 92%;
}
.biolink-section:not(:last-of-type) {
    border-bottom: 1px solid #ccc;
}
.biolink-title {
    font-size: 12px;
    margin-top: 5.05%;
}
.biolink-section-body {
    margin: 0 auto;
    overflow: hidden;
}

/*------------------------------- Shared Styles --------------------------------*/

.biolink-featured-section .biolink-section-body,
.biolink-posts-section .biolink-section-body{
	max-width: 1360px;
	width: 90%;
}
.quick-links-section .biolink-title,
.biolink-posts-section .biolink-title,
.biolink-featured-section .biolink-title,
.biolink-posts-title {
    margin-bottom: 5.2%;
}

/*------------------------------- Quick Links Section --------------------------------*/

.quick-links-body,
.biolink-more-links-section{
	margin: 0 auto;
	max-width: 1180px;
    padding-bottom: 1.3%;
    width: 90%;
}
.quick-links-section .tile{
	background-position: center;
	background-size: cover;
    padding-bottom: calc((100% - 60px)/4);
	position: relative;
}
.quick-links-section .tile a{
	align-items: stretch;
	display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 0.5em;
    position: absolute;
	text-align: center;
	width: 100%;
}
.quick-links-section .tile-text, 
.biolink-more-links-section .tile-text{
    align-self: center;
    color: #fff;
    font-family: "Unica", sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.5;
}
/*------------------------------- Form Section --------------------------------*/

.biolink-form-section {
    padding-bottom: 5.2%;
}
.biolink-form-section .biolink-title{
    margin-bottom: 2.55%;
}
.subscription-form-form .omEmail input{
    font-size: 12px;
    letter-spacing: 0;
}
.subscription-form-form .omEmail{
	font-size: 12px;
    text-indent: 0.9em;
}
.subscription-form-form{
    margin: 0 auto;
    max-width: 90%;
}

/*------------------------------- Featured Section --------------------------------*/

.biolink-featured-section .tile {
    margin-bottom: 4.7%;
}
.biolink-featured-section .image-container{
	padding-bottom: 66.666666%;
}

/*------------------------------- Posts Section --------------------------------*/

.biolink-posts-section .tile {
    margin-bottom: 4.7%;
}
.biolink-posts-section .tile-description{
	display: none;
}
.biolink-posts-section .image-container {
    padding-bottom: 133%;
}

/*------------------------------- More Links Section --------------------------------*/

.more-links-body{
	margin: 0 auto;
    width: 50%;
}
.more-links-body .tile{
	background-size: cover;
    background-position: center;
    height: 0;
    padding-bottom: calc(50% - 10px);
    position: relative;
}
.more-links-body .overlay{
	bottom: 0;
	color: #fff;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

/*------------------------------- Back To Top Section --------------------------------*/

.to-top-section{
	border-top: 1px solid #ccc;
}
.to-top-section a {
    display: block;
    font-size: 12px;
    font-family: 'Unica', sans-serif;
    font-weight: 300;
    padding: 1.45em 0;
}
.to-top-section a:after {
    background-image: url(../images/Footer_Arrow-gray.svg);
    background-position: center right;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 10px;
    margin-left: 14px;
    position: relative;
    top: 1px;
    transform: rotate(-90deg);
    width: 10px;
}

@media all and (max-width: 1024px){

	.quick-links-section .tile-text{
		font-size: 16px;
	}
	.quick-links-section .tile-text {
	    font-size: 14px;
	}
}
@media all and (max-width: 768px){
	.mobile-menu-toggle.desktop-main-menu-toggle {
	    display: none !important;
	}
	.header-search-button{
		display: none;
	}
}
@media all and (max-width: 640px){

	.quick-links-body,
	.biolink-featured-section .biolink-section-body, 
	.biolink-posts-section .biolink-section-body{
		width: 100%;
	}
	.quick-links-section .biolink-title, 
	.biolink-posts-section .biolink-title, 
	.biolink-featured-section .biolink-title,
	.biolink-form-section .biolink-title,
	.biolink-posts-title{
		margin: 28px 0;
	}
	.quick-links-section .tile,
	.biolink-featured-section .tile,
	.biolink-posts-section .tile{
		width: calc(50% - 7.5px);
	}
	.quick-links-section .tile{
		margin: 0 0 15px;
	}
	.biolink-featured-section .tile,
	.biolink-posts-section .tile{
	    margin: 0 0 18px;
	}
	.quick-links-section .tile:nth-of-type(2n),
	.biolink-featured-section .tile:nth-of-type(2n),
	.biolink-posts-section .tile:nth-of-type(2n){
		clear: none;
		float: right;
	}
	.quick-links-section .tile:nth-of-type(2n+1),
	.biolink-featured-section .tile:nth-of-type(2n+1),
	.biolink-posts-section .tile:nth-of-type(2n+1){
		clear: both;
		float: left;
	}

	.biolink-section-body {
		padding-bottom: 15px;
	}
	.biolink-form-section {
	    padding-bottom: 30px;
	}
	.quick-links-section .tile {
	    padding-bottom: calc(50% - 7.5px);
	    
	}
	.quick-links-section .tile-text {
	    font-size: 12px;
	}
	.subscription-form-form {
	    max-width: 100%;
	}
	.to-top-section a{
	    padding: 1em 0;
	}

	.biolink-more-links-section{
	    padding-bottom: 0px;
	}
	.biolink-more-links-section,
	.more-links-body{
	    width: 100%;
	}
	.col-2-section .more-links-body .tile{
		padding-bottom: calc(50% - 7.5px);
	}
	.biolink-more-links-section .tile-text{
	    font-size: 12px;
	}
}