// /*==============================
// =           $layout            =
// --------------------------------
// *
// *
// * Write any code related to (global) layout here.
// *
// *
// ==============================*\

.section {
	@include holder;
	@include holder-small(90%);
}

#navigation{
	border-top: 1px solid shade($c-darkgray, 20);
	border-bottom: 3px solid $c-darkgray;
}

.block-seed-tools-seed-logo {
	@include inline-block(middle);
	max-width: 75px;
	margin-right: 1%;
	margin-top: 13px;
	@media screen and (min-width: $s-tb) and (max-width: $s-lg + 108) {
		max-width: 62px;
	}
}

.block-bean-policia-nacional-de-colombia {
	@include inline-block(middle)
	margin-top: 11px;
}

.block-bean-segundo-logo {
	@include inline-block(middle);
	max-width: 144px;
}

/* Top bar */

#topbar {
	background: $c-brand-whitesmoke;

	.zone-wrapper {
		@include holder;
		@include holder-small(90%);
	}
}

#topbar-first {
	float: left;
	padding: 15px 0;
	width: 40%;

	.section {
		@include holder-small(100%);
	}
}

#topbar-third {
	float: right;
	padding: 15px 0;
	width: 60%;

	.section {
		padding: 0;
		@include holder-small(100%);
	}
}

/* Foooter */

#footer {
	margin-top: 1.5em;
	background: $c-brand-whitesmoke;
}

#footer-first {
	background: $c-lightgray;
	border-top: 1px solid shade($c-lightgray, 5);
	padding: 8px 0;
}

#footer-second {
	border-bottom: 1px solid shade($c-lightgray, 15);
	margin-bottom: 35px;
    padding: 35px 0;	
}

.region-footer-second {
	@include ib-grid;

	> .block {
		@include inline-block(top);
		box-sizing: border-box;
		border-right: 1px solid shade($c-lightgray, 15);
		padding: 0 2%;
		width: 27.5%;
	}

	.block-bean-footer-bar-1 {
		padding-left: 0;
	}

	.block-bean-pre-footer-info {
		width: 45%;
	}

	.block-menu-menu-menu-pre-footer {
		border-right: 0;
	}
}


#sidebar-second {
    background: $c-white;
    border-radius: 20px 0 0 20px;
    box-shadow: 0px 2px 10px $c-black;
    right: 0%;
    padding: 240px 0.5em 5px;
	position: fixed;
    top: 10px;
	z-index: 10;
	
	@media screen and (min-width: $s-tb) and (max-width: $s-lg + 76) {
		padding: 260px 0.2em 0.5em;
	}
}
.field-name-sharethis,
#block-sharethis-sharethis-block {
	text-align: center;
}

.block-service-links-service-links-not-node,
.block-service-links-service-links {
	margin-top: 1em;
	text-align: center;

	> .content {
		ul {
			li {
				display: inline-block;
				vertical-align: top;
			}
		}
	}
}
