// /*==============================
// =          $artifacts          =
// --------------------------------
// *
// *
// * Global mixins, functions, classes and objects accesible from custom files.
// *
// *
// ==============================*\


// /**
// *z
// * scope: WHERE DOES IT OPERATE?
// * type: SILENT CLASS, OBJECT, MIXIN?
// * desc: DESCRIPTION
// *
// **\
@mixin YOUR-ARTIFACT {
}

// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: BLOCKS TITLES
// *
// **\

@mixin title-block($color, $size) {
	color: $color;
	font-size: $size;
	margin: 0;

	&:after {
		background: tint($color, 50);
		content: '';
		display: block;
		height: 1px;
		margin-top: 12px;
		width: 60px;
	}
}

// /**
// *
// * scope: Global
// * type: mixin
// * desc: Sets the environment up to create inline-block based grids
// *
// **\
@mixin ib-grid {
	font-size: 0;

	> * {
		font-size: 16px;
	}
}

// /**
// *
// * scope: WHERE DOES IT OPERATE?views-field-title 
// * type: SILENT CLASS, OBJECT, MIXIN?
// * desc: DESCRIPTION
// *
// **\
@mixin block-category-box {
	box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 20);
	border: 1px solid shade($c-brand-whitesmoke, 10);

	&:hover {
		.views-field-field-seccion {
			a, a:link {
				background: tint($c-brand-green-dark, 10);
			}
		}
	}

	.views-field-field-seccion {
		a, a:link {
			background: $c-brand-green-pager;
			color: $c-white;
			display: block;
			font-weight: 500;
			font-size: 104%;
			text-align: center;
			padding: 0.3em 0;
		}

		a:hover,
		a:focus {
			background: tint($c-brand-green-pager, 10);
		}
	}

	.views-field-field-imagen-noticia {

		img {
			width: 100%;
		}
	}

	.grouping-field {
		padding: 1em;
	}

	.views-field-title {
		margin-bottom: 0.5em;

		.field-content {
			font-size: 114%;
			font-weight:  bold;
			line-height: 1.1;
		}

		a, a:link {
			color: $c-dimgray;
		}
	}

	.views-field-field-resumen {
		color: $c-dimgray;
		font-weight: 300;
		line-height: 1.2;
		margin-bottom: 1em;
	}

	.views-field-created {
		color: shade($c-brand-whitesmoke, 40);
		font-weight: 300;
		line-height: 1.1;
		font-size: 87%;
	}

	.views-field-field-noticia-ciudad {
		@include line-text ('before', 0, tint($c-gray, 30), 25%);
		color: shade($c-brand-whitesmoke, 40);
		font-weight: 300;
		font-size: 87%;
		line-height: 1.1;
		padding-top: 6px;
	}
}

// **/
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: ITEMS FLOAT WITH DISPLAY-BLOCK
// *
// **\
@mixin inline-block($position-vertical) {
	display: inline-block;
	vertical-align: $position-vertical;
}

// **/
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: WIDTH AND HEIGHT
// *
// **\
@mixin size($width, $height: $width) {
	width: $width;
	height: $height;
}

// **/
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: CAROUFREDEL STYLES
// *
// **\
@mixin caroufredsel ($pager-color, $pager-color-active) {

	ul {
		margin: 0;

		li {
			list-style: none;
		}		
	} 

	.views-row {
		display: none;
	}

	.views-row-first {
		display: block;
	}

	.caroufredsel_wrapper {
		margin: 0!important;

		.views-row {
			float: left;
			list-style: none;
			display: block;
		}
	}

	.pager-slider {
		text-align: center;
		
		a:link,
		a {	
			@include imgreplace;
			@include size(25px);
			background: $pager-color;
			border-radius: 50%;
			margin-left: 1em;
			
			&.selected,
			&:hover {
				background: $pager-color-active;
			}
		}
	}

	#control-nav {
		list-style: none;
		margin: 0;
		margin-top: -40px;
		position: absolute;
		top: 50%;
		width: 100%;

		a {
		    border-radius: 50%;
		    display: inline-block;
    		position: absolute;
    		text-align: center;
		}

		#prev {
			left: 2%;
		}

		#next {
			right: 2%;
		}
	}
}

// **/
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: SHADOW BLOCKS
// *
// **\
@mixin box-shadow-category {
	box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 20);
	border: 1px solid shade($c-brand-whitesmoke, 10);
}

// **/
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: LINE FOR TEXT
// *
// **\
@mixin line-text ($pseudo-element, $position, $background, $size) {

	position: relative;

	@if ( $pseudo-element == 'before' ) {

		&:before{
			background: $background;
			content: '';
			height: 1px;
			left: $position;
			position: absolute;
			width: $size;
			top: 0;
		}
	}

	@else if( $pseudo-element == 'after' ) {

		&:after{
			background: $background;
			bottom: 0;
			content: '';
			height: 1px;
			left: $position;
			position: absolute;
			width: $size;
		}
	}
}

// **/
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: MENU INTERNAL PAGES 
// *
// **\
@mixin menu-pages ($color, $color-hover) {
	list-style: none;
	margin: 0.5em 0;
	padding-bottom: 4px;			

	li,
	.menu-item {
		@include inline-block(middle);
		border-bottom: 1px solid tint($c-menu-observatory, 20);
		margin-right: 1.5%;
		width: 17.25%;
		
		&:nth-child(5n) {
			margin-right: 0;
		}

		@include mq('tablet') {
			background-position: 0px 14px; 
			margin-right: 1%;
			vertical-align: top;
			width: 49%!important;

			&:nth-child(5n) {
				margin-right: 1%;
			}
			&:nth-child(2n) {
				margin-right: 0;
			}

		}
		@include mq('portable') {
			vertical-align: top;
			width: 47%!important;

			&:nth-child(5n) {
				margin-right: 1%;
			}
			&:nth-child(2n) {
				margin-right: 0;
			}
		}

		a, a:link {
			background-image: url('../images/menu-bullet.png');
			background-repeat:  no-repeat;
			background-position: 0px 18px;
			color: $color;
			font-weight: normal;
			font-size: 0.9em;
			font-weight: 100;
			display: block;
			padding-left: 11px;
			padding-bottom: 0.5em;
			padding-top: 0.5em;
		}

		a.active,
		a:hover,
		a:focus {
			background-color: shade($c-menu-observatory, 30);
			color: $color-hover;
			background-position: 11px 18px;
			padding-left: 25px;
			text-decoration: none;
		}

		a.active {
			font-weight: normal;
		}
	}
}

// /**
// *
// * scope: WHERE DOES IT OPERATE?
// * type: SILENT CLASS, OBJECT, MIXIN?
// * desc: DESCRIPTION
// *
// **\
@mixin block-category-box-big {
	.views-row {
		@include cf;
		background: #fff;
		box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 10);
		border: 1px solid shade($c-brand-whitesmoke, 10);
		margin-bottom: 1em;
		position: relative;

		.views-field-field-imagen-noticia {
			display: table-cell;
			width: 50%;
			vertical-align: top;

			img {
				width: 100%;
			}
		}

		.grouping-field {
			box-sizing: border-box;
			display: table-cell;
			width: 50%;
			vertical-align: top;
			padding: 2em;
		}

		.views-field-title {
			margin-bottom: 0.5em;

			.field-content {
				font-size: 192%;
				font-weight: normal;
				line-height: 1.2;
			}

			a, a:link {
				color: $c-dimgray;
			}
		}

		.views-field-field-resumen {
			color: $c-dimgray;
			font-weight: 300;
		}

		.views-field-created {
			@include line-text ('before', 0, $c-silver, 70px);
			bottom: 1em;
			color: shade($c-brand-whitesmoke, 40);
			font-weight: 300;
			font-size: 86%;
			padding-top: 20px;
			position: absolute;
		}
	}

	.views-row-even {
		.views-field-field-imagen-noticia {
			float: right;
		}

		.grouping-field {
			float: left;
		}
	}
}

// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: INPUT SUBMIT
// *
// **\

@mixin button {
	background: $c-brand-green-dark;
	border: none;	
	border-radius: 10px;
	color: $c-white;
	font-weight: 100;
	margin: 0;
    padding: 8px 15px;

    &:hover {
    	color: $c-white;
    	background: tint($c-brand-green-dark, 10);
    }
}

// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: INPUT TEXT
// *
// **\

@mixin input-text {
	border: 1px solid shade($c-silver, 20);
	border-radius: 8px;
	box-shadow: none;
	padding: 6px;
	width: 100%;
}

// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: SELECT
// *
// **\

@mixin form-select {
	select {
    	background: transparent;
    	border-radius: 0;
    	border: none;
    	margin: 0;
   		height: 31px;
        -webkit-appearance: none;
        box-shadow: none;
   		-moz-appearance: none;
    	padding: 0 6px;
    	width: 100%;
  	}

  	select[disabled] {
  		background: red;
  	}

  	.seed-select-wrapper {
  		color: $c-dimgray;
		border: 1px solid shade($c-silver, 20);
    	background: $c-white url(../images/arrow_select.png) no-repeat right top;
		border-radius: 8px;
    	display: block;
   		height: 31px;

   		  	select[disabled] {
  			background: red;
  		}
   	}
}

// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: BANNER INTERNAL
// *
// **\

@mixin banner-internal {
	#preface-first {
		background: none!important;
		margin-bottom: 0!important;
		padding-top: 0!important;

		.section {
   	 		max-width: 100%;
    		padding: 0;
    		position: relative;
			width: 100%;
		}

		img {
			@media (min-width: 2000px) {
				width: 100%!important;
			}
		}

		.block-seed-tools-seed-breadcrumb {
			background: rgba($c-black, 0.7)!important;
			left: 0;
			margin: 0;
			padding: 8px 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;

			> .content {
				@include holder;
				@include holder-small(90%);
			}

			#breadcrumb {
				color: $c-white;
				font-weight: 100;
				font-size: 0.8em;
				text-transform: uppercase;

				a, a:link {
					font-weight: 100;
				}
				
				.nolink {
					color: $c-white;
					font-weight: 100;
				}
			}
		}

		.block-bean,
		.block-seed-tools-seed-title {
			bottom: 10px;
			position: absolute;
			width: 100%;
			z-index: 1;

			@include mq('tablet') {
				bottom: 0;
    			top: 30%;
    			text-align: center;
			}

    		@include mq('portable') {
    			bottom: 0;
    			margin: 0;
				position: relative;
			}

			> .content {
				@include holder;
				@include holder-small(90%);
    			
    			@include mq('portable') {
					padding: 0;
				}

				h2,
				#page-title {
					background: rgba($c-black, 0.7);
    				color: $c-white;
		    		display: inline-block;
    				font-size: 222%;
    				padding: 3% 2%;
    				text-align: left;
    				text-shadow: 1px 2px 4px $c-black;
   			 		width: 35%;

   			 		&:after {
   			 			content: none;
   			 		}

					@include mq('tablet') {
						margin: 0;
    					padding: 1% 2%;
    					font-size: 180%;
    					width: auto;
					}

    				@include mq('portable') {
    					background: $c-menu-observatory;
    					font-size: 140%;
    					font-weight: 100;
    					margin: 0;
    					padding: 2%;
    					text-shadow: none;
						width: 96%;
					}
				}
			}
		}
	}
}

// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: FRINGE GREEN
// *
// **\

@mixin fringe-green($color) {
	#preface-first {
		background: $color;
		position: relative;
		padding-top: 40px;

		@include mq('small') {
			padding: 0!important;
		}

		.block-seed-tools-seed-breadcrumb {
			background: rgba($c-black, 0.4);
			left: 0;
			margin: 0;
			padding: 8px 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;

			> .content {
				@include holder;
			}

			@include mq('small') {
				display: none;
			}
			
			#breadcrumb {
				color: $c-white;
				font-weight: 100;
				font-size: 0.8em;
				text-transform: uppercase;

				a, a:link {
					font-weight: 100;
				}
				
				.nolink {
					color: $c-white;
					font-weight: 100;
				}
			}
		}

		.block-bean,
		.block-seed-tools-seed-title {
			margin: 1em 0;

			> .content {
				h2,
				#page-title {
					color: $c-white;
					font-size: 180%;
					font-weight: 100;
					margin: 0;
					text-align: left;
					
					&:after {
						content: none;
					}
				}	
			}

			@include mq('small') {
				margin: 0;
			}
		}

	}
}

// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: SEARCH FILES
// *
// **\
@mixin search-files { 
	.views-exposed-widgets {
    	background: shade($c-whitesmoke, 3);
		border: 1px solid shade($c-whitesmoke, 10);
		padding: 4%;

    	@include mq('portable') {
			margin-top: 1em;
		}

		.views-exposed-widget {
			display: inline-block;
			margin-right: 2%;
			padding: 0;
			width: 79%;

    		@include mq('portable') {
    			margin: 0;
				width: 100%;	
			}

			label {
				color: $c-dimgray;
				display: inline-block;
				width: 30%;

    			@include mq('portable') {
					width: 100%;
				}
			}

			.views-widget {
				display: inline-block;
				width: 69%;

				@include mq('portable') {
					margin-bottom: 1em;
					width: 100%;
				}
			}

			.form-text {
				@include input-text;
			}
		}

		.views-submit-button {
			margin-right: 0;
			width: 19%;
    		
    		@include mq('portable') {
    			width: auto;
			}
			.form-submit {
				@include button;
				margin: 0;
				width: 100%;
			}
		}
	}
}

// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc:
// *
// **\

@mixin blocks-section ($width, $margin-right) {
	text-align: center;

	> h3 {
		@include title-block(tint($c-dimgray, 10), 234%);
		margin: 1em 0;
		font-weight: 100;
		text-align: center;
		width: 100%;

		&:after {
			background: tint($c-dimgray, 40);
			margin: 30px auto;
			width: 55px;
		}
	}

	> .field, 
	> .field-group-div {
		@include inline-block(top);
		border: 1px solid shade($c-brand-whitesmoke, 10);
		box-shadow: 1px 0px 6px shade($c-brand-whitesmoke, 20);
    	margin-right: $margin-right;
    	margin-bottom: 1em;
    	padding: 0 0 1%;
    	position: relative;
    	text-align: center;
    	width: $width;

    	@include mq('portable') {
    		margin: 20px auto!important;
    		display: block;
    		width: 70%!important;
    	}
    	
    	h3 {
			color: $c-brand-green-dark;
			font-weight: 100;
    		font-size: 120%;
    		margin-top: 0.3em;
    		min-height: 47px;
    	}

		.field-group-div {
			padding: 0 5%;
		}

    	.field {
    		a, a:link {
    			@include size(60px);
    			@include imgreplace;
    			background: url('../images/sprite.png') no-repeat -86px -143px;
    		}
			
			span {
    			color: tint($c-dimgray, 10);
    			display: block;
    			font-weight: 100;
    			font-size: 91%;
    			margin-top: 0.3em;
    		}

    		&.field-type-file {

    			a, a:link {
    				background: none; 
    				color: $c-dimgray;
    				height: auto;
    				line-height: 2;
    				font-weight: 100;
    				text-indent: 0;
    				width: auto;
    				text-decoration: none;

    				&:before {
    					@include size(60px);
    					background: url('../images/sprite.png') no-repeat -82px -263px;
    					content: '';
    					display: block;
    					margin:  0 auto;
    				}	
    			}

    			.file-size, img {
    				display: none;
    			}
    		}

    		img{
    			width: 100%;
    		}
    	}
	}
}

// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: BLOCK INFO
// *
// **\

@mixin block-info {

	> h3 {
		@include title-block(tint($c-dimgray, 10), 234%);
		font-weight: 100;
		margin-bottom: 30px;
		margin-top: 13px;
		text-align: center;

		&:after {
			background: tint($c-dimgray, 60);
			margin: 15px auto 0 auto;
			width: 75px;
		}

		a, a:link {
			font-weight: 100;
			color: $c-dimgray;
		}
	}

	.field-collection-view {
		background: $c-white;
		border: 1px solid shade($c-brand-whitesmoke, 10);
		box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 20);
		margin: 0;
		padding: 0;
		position: relative;

		.field-name-field-imagen-mision {
			float: left;
			width: 45%;

			@include mq('portable') {
				float: none;
				width: 96%;
			}

			img {
				height: 100%;
				width: 100%;
			}
		}

		.field-name-field-body {
    		color: $c-dimgray;
	    	float: right;
    		font-size: 1.1em;
    		font-weight: 100;
    		line-height: 1.5;
   		 	box-sizing: border-box;
    		width: 54%;

    		@include mq('portable') {
				float: none;
				width: 96%;
			}

			p {
				margin: 2%;
			}
		}

		.field-name-funciones {
	    	bottom: 5px;
	    	height: auto!important;
	    	right: 0;
	    	padding: 0 2%;
	    	position: absolute;
	    	text-align: right;
    		width: 51%;

    		@include mq('portable') {
    			bottom: 0;
    			position: relative;
    			width: 96%;
    		}
    		a, a:link {
    			color: $c-brand-green-dark;
    			display: inline-block;
    			font-weight: 100;
    			padding-right: 21px;
    			position: relative;

    			&:after {
    				background: url('../images/sprite.png') no-repeat -159px -36px;
    				content: "";
    				display: inline-block;
    				height: 13px;
    				margin-top: 6px;
    				right: 0;
    				position: absolute;
    				width: 13px;
    			}
    		}
		}
	}
}

// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: PAGE VIDEO
// *
// **\
@mixin video-block {

	> span,
	h3 {
		@include inline-block(middle);
   		color: $c-white;
   		font-size: 230%;
    	font-weight: 100;
    	width: 39%;
	}

	.field-name-field-rese-a-historica  {
		@include inline-block(middle);
		width: 60%;
		
		iframe,
		video {
			border: none;
			width: 100%;

			@include mq('tablet') {
				height: 275px;
				width: 100%;
			}
		}
	}
}

// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: FORM
// *
// **\

@mixin form {
	form{
		margin: 0 auto;
		width: 70%;
		
		.form-wrapper {
			margin-bottom: 1.5em;

			label {
    			color: $c-dimgray;
   		 		font-weight: bold;
    			font-size: 105%;
   				margin-bottom: 4px;
    			padding: 0;
			}

			.form-text {
				@include input-text;
			}
			
			.description {
				color: tint($c-dimgray, 20);
    			font-style: italic;
			}

			textarea {
				@include input-text;
			}

			.form-submit {
				@include button;
			    border-radius: 5px;
    			padding: 7px 40px;
			}
		}

		.form-actions {
			text-align: right;
		}
	}
}

/// /**
// *
// * scope: INTERNATIONAL AFFAIRS
// * type: MIXIN
// * desc: Presence abroad
// *
// **\

@mixin Presence-abroad {
	background: $c-white;
    border: 1px solid $c-gray;
    box-shadow: 2px 2px 1px $c-d-gray;
    margin: 20px 0;
    padding: 0;
    float: left;

    .field-collection-container{
    	width: 60%;
    	float: left;
    	border: 0;
    	margin: 0;

		@include mq('tablet') {
			height: auto!important;
		}
		@include mq('portable') {
			float: none;
			height: auto!important;
			width: 100%;
		}

    	.field-name-field-presencia-en-el-exterior{
    		height: 100%;
    		* {
    			height: 100%;
    		}
    		.field-items{
    			.field-item{
    				margin: 0;

    				.field-collection-view{
    					margin: 0;
    					padding: 0;

    					.field-collection-item-field-presencia-en-el-exterior{					
							position: relative;

							.field-name-field-ubicacion-mapa{

								div{
									background-color: $c-black;

									img{
										width: 100%;
										filter: grayscale(0.5) blur(5px);
									}
								}
							}

							.field-name-ver-mapa{
								position: absolute;
								top: 0;
								left: 0;
								z-index: 1000;
								width: 100%;
								height: 100%;

								.field-items{
									.field-item{
										p{
											margin: 0 auto;
										    width: 50%;
										    text-align: center;
										    line-height: 18;
										    color: white;
										    position: relative;

										    a {
												&:link {
													@include size(60px);
    												@include imgreplace;
													background: url('../images/sprite.png') no-repeat -86px -142px;
													left: 50%;
													margin-left: -30px;
													position: absolute;
													top: 137px;
													z-index: 1000;

													@include mq('portable') {
														top: 50px;
													}
												}
										    }

										    strong{
										    	font-weight: lighter;
										    	position: absolute;
											    top: 215px;
											    left: 50%;
											    font-size: 1.5em;
											    line-height: 0;
											    margin-left: -60px;
											    width: 120px;

												@include mq('portable') {
													top: 125px;
												}
										    }
										}
									}
								}
							}
    					}
    				}
    			}
    		}
    	}
    }

    .field-name-cooperacion-internacional{
    	color: $c-dimgray;
    	float: right;
    	width: 40%;

		@include mq('tablet') {
			height: auto!important;
		}
		@include mq('portable') {
			float: none;
			width: 100%;
		}

    	.field-items{
    		position: relative;
    		padding: 15px;
			margin: 10px 2%; 

			.field-item{
				line-height: 1.4;
				font-weight: 100;

				p{
					overflow: hidden;
				}
			}
			
			.link-cooperacion, .link-presencia{
				position: absolute;
				bottom: 0;

				@include mq('portable') {
					margin-bottom: 1em;
					position: relative;
				}

				a, a:link {
					color: $c-brand-green-dark;
    				font-weight: 100;
    				padding-right: 27px;
					position: relative;
					text-decoration: none;

	    		  	&:after {
						background: url('../images/sprite.png') -181px -54px no-repeat;
	    		  		content: '';
	    		  		height: 20px;
	    		  		margin-top: -10px;
	    		  		position: absolute;
	    		  		right: 0;
	    		  		top: 50%;
	    		  		width: 20px;
	    		  	}
				}
			}

    		.link-cooperacion{
    			right: 138px;

				@include mq('portable') {
					right: 0;
    			}
    		}

    		.link-presencia{
    			right: 0;

    			p{
    				margin: 0;
    			}
    		}
    	}
    }
}

// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: MENU OBSERVATORY
// *
// **\

@mixin menu-big {
	@include ib-grid;
	list-style: none;
	margin: 0;
	padding-bottom: 15px;
	
	@include mq('portable') {
		width: 95%;
	}

	@include mq('tablet') {
		width: 96%;
	}

	> li {
		@include inline-block(top);
    	margin-right: 3%;
    	margin: 10px 3% 10px 0;
   		width: 22.7%;

		> span {
			color: $c-white;
			display: block;
			font-size: 113%;
			font-weight: normal;
			min-height: 60px;

    		@include mq('portable') {
    			border-bottom: 1px solid $c-white;
    			font-size: 90%;
    			min-height: auto;
    			padding: 10px 2%;
    		}

		}

		&.last {
			margin-right: 0;
		}

    	@include mq('portable') {
    		margin: 0;
    		width: 100%;
    	}

		.item-list {
			border-top:  1px solid tint($c-menu-observatory, 30);
			display: block;

    		@include mq('portable') {
    			display: none;
    		}

			ul {
				list-style: none;
				margin: 0;

    			@include mq('portable') {
				    margin: 0 auto;
    				width: 95%;
    			}
			}

			li {
				a, a:link {
					background-image: url('../images/menu-bullet.png');
					background-repeat: no-repeat;
					background-position: left center; 
    				color: $c-white;
    				border-bottom: 1px solid tint($c-menu-observatory, 30);
					display: block;
    				font-weight: 100;
    				font-size: 91%;
    				padding: 6px 0 6px 15px;
					
					&:hover {
						background-color: shade($c-menu-observatory, 30);
						background-position: 10px;
						padding-left: 25px;
						text-decoration: none;
					}
				}
			} 
		}
	}	
}

/// /**
// *
// * scope: INTERNATIONAL AFFAIRS
// * type: MIXIN
// * desc: Peace Missions
// *
// **\

@mixin Peace-Missions{
	background: $c-white;
    border: 1px solid $c-gray;
    box-shadow: 2px 2px 1px $c-d-gray;
    margin: 20px 0;
    padding: 0;
    float: left;

    .unidades-misiones-de-paz{
		.field-name-field-imagen-galeria{
			width: 45%;
			float: left;

	      	@include mq('portable') {
	      		float: none;
	      		width: 100%;
	      	}

			.field-items{
				.field-item{
					img{
						width: 100%;
						height: 265px;
					}
				}
			}
		}
		
		.group-misiones-grupo{
			color: $c-dimgray;			
			height: 253px;
			float: right;
			position: relative;
			margin: 6px 2%;
			width: 51%;
	      	
	      	@include mq('portable') {
	      		float: none;
	      		height: auto;
	      		margin: 0;
	      		padding: 2%;
				width: 96%;
			}

			.field-type-text-long{
				font-weight: 100;
	      		
	      		@include mq('portable') {
					margin-bottom: 1em;
				}
			}

			.field-name-eventos-misiones-de-paz, .field-name-misiones-de-paz{
				position: absolute;
				bottom: 0;

	      		@include mq('portable') {
	      			position: relative;
	      		}

				a, a:link {
					color: $c-brand-green-dark;
    				font-weight: 100;
    				padding-right: 27px;
    				position: relative;
					text-decoration: none;

	    		  	&:after {
						background: url('../images/sprite.png') -181px -54px no-repeat;
	    		  		content: '';
	    		  		height: 20px;
	    		  		margin-top: -10px;
	    		  		position: absolute;
	    		  		right: 0;
	    		  		top: 50%;
	    		  		width: 20px;
	    		  	}
				}
			}

			.field-name-eventos-misiones-de-paz{
    			right: 151px;
	      		
	      		@include mq('portable') {
					right: 0;
				}
    		}

    		.field-name-misiones-de-paz{
    			right: 0;

    			p{
    				margin: 0;
    			}
    		}
		}
	}
}

/// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: director - datos - corto
// *
// **\

@mixin director-sin-datos(){
	width: 100%;
	margin: 0;
	padding: 0;

	.unidades-director{
		.group-director{
			width: 20%;
			float: left;
			background-color: $c-white;
			border: none;
			margin: 0;

    		@include mq('portable') {
   	 			float: none;
    			padding: 2% 0;
    			width: 100%;
    		}

			h3{
				margin: 0;
			}

			.field-name-field-fotografia  {
				border: 2px solid #C3BBBB;
			}
		}

		.group-datos{
			float: right;
			width: 76%;
			height: 185px;
			background-color: $c-l-gray;

    		@include mq('portable') {
    			float: none;
    			height: auto;
    			width: 100%;
			}

			.field-name-field-nombre{
				text-align: left;
				padding-left: 3%;
				line-height: 1;
				font-weight: lighter;
				color: $c-b-gray;
				margin-top: 5px;
				
				a, a:link {
					font-weight: 100;
					color: $c-b-gray;
				}
				&:after{
					background: $c-d-gray;
				    content: '';
				    display: block;
				    height: 1px;
				    margin-top: 15px;
				    width: 470px;
				}

    			@include mq('portable') {
    				text-align: center;
    			}

			}

			.field-name-field-cargo-director {
				color: $c-b-gray;
				padding-left: 3%;
				text-align: left;

    			@include mq('portable') {
					text-align: center;
				}
			}

			.field-name-field-rango {
				text-align: left;
				padding: 3% 0 0 3%;
				font-weight: bold;
				color: $c-b-gray;

				@include mq('portable') {
    				text-align: center;
    			}
			}
		}
	}
}

/// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: block info con ajuste de imagen
// *
// **\

@mixin block-info-img($a-texto, $a-img){
	.field-collection-container {
		width: 100%;
		margin: 0 auto;
		max-width: 1200px;
		@include holder-small(90%);

		.field-type-field-collection {				
			.field-name-field-imagen {
				float: $a-img;
				width: 46%;

				@include mq('portable') {
					float: none;
					width: 100%; 
				}
			}

			.field-name-field-body {
				float: $a-texto;
			}
		}
	}
}
// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: RESET HOLDER
// *
// **\

@mixin reset-holder {
	margin: 0;
	padding: 0;
	max-width: 100%;
}

// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: BLOCK IMAGE COLOR
// *
// **\
@mixin block-color ($name-map){
	@include ib-grid;
	.views-row {

		@include inline-block(top);
		margin-right: 2%;
		position: relative;
		width: 18.4%;
		
		&:nth-child(5n) {
			margin-right: 0;
		}

		@include mq('portable') {
			margin-bottom: 1em;
			width: 49%;

			&:nth-child(2n) {
				margin-right: 0;
			}

			&:nth-child(5n) {
				margin-right: 2%;
			}
		}



		.views-field-title {
    		background: red;
    		padding: 10% 1%;
    		position: relative;
			text-align: center;
    		z-index: 1;

    		a, a:link {
    			color: $c-white;
    		}

			h3 {
				font-size: 115%;
				font-weight: 100;
				margin: 0;
			}
		}

		.views-field-field-image {
			img {
				width: 100%;
			}
		}

		.views-field-nid {
			background: rgba(tint($c-dimgray,10), 0.5);
			display: none;
			height: 100%;
			position: absolute;
			top: 0;
			width: 100%;

			.field-content {
				display: table-cell;
    			height: 330px;
    			vertical-align: middle;
    			text-align: center;
    			width: 222px;

				@include mq('portable') {
					height: 357px;
					width: 400px;
				}
    			a, a:link {
    				color: $c-white;
    				display: block;
    				font-weight: 100;
    				margin-top: 50px;

    				&:before {
    					@include size(60px);
    					background: url('../images/sprite.png') no-repeat -85px -202px;
    					content: '';
    					display: block;
    					margin: 0 auto;
    				}
    			}
			}
		}

		&:hover {
			.views-field-nid {
				display: block;
			}
		}
	}

	@each $block, $color in $name-map{
		.views-row-#{$block} .views-field-title {
			background-color:  $color;
		}
	}
}

/// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: linea horizontal
// *
// **\

@mixin linea-horizontal($height, $width, $color, $margin){
	&:after{
		content: '';
	    display: block;
		height: $height;
		width: $width;
		background-color: $color; 
		margin: $margin;
	}
}

/// /**
// *
// * scope: magazine-crime
// * type: MIXIN
// * desc: magazine box
// *
// **\

@mixin magazine-box($width, $margin-r){
	float: left;
	width: $width;
	margin-right: $margin-r;

	&:nth-child(5n){
		margin-right: 0;
	}
}

/// /**
// *
// * scope: SECTIONS PAGE
// * type: MIXIN
// * desc: SECTIONS IMAGEN AND TEXT BLOCK
// *
// **\

@mixin sections-image-text {

	.image-text-content {
		background: $c-white;
		border: 1px solid shade($c-brand-whitesmoke, 10);
		box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 20);
		display: inline-block;
		margin-bottom: 1em;
		padding: 0;
		width: 100%;
		
		img {
			float: left;
			width: 45%;

			@include mq('portable') {
				width: 100%;
			}
		}

		.image-text-resume {
			color: $c-dimgray;
			float: right;
			font-size: 1.1em;
			font-weight: 100;
			line-height: 1.5;
			padding: 2%;
			width: 51%;

			@include mq('portable') {
				width: 96%;
			}

			a, a:link {
				color: $c-brand-green-dark;
				float: right;
				font-weight: 100;
				padding-right: 27px;
				position: relative;

				&:after {
					background: url('../images/sprite.png') -181px -54px no-repeat;
	    		  	content: '';
	    		  	height: 20px;
	    		  	margin-top: -10px;
	    		  	position: absolute;
	    		  	right: 0;
	    		  	top: 50%;
	    		  	width: 20px;
				}
			}
		}
	}
}

/// /**
// *
// * scope: SECTIONS PAGE
// * type: MIXIN
// * desc: SECTIONS VIDEO
// *
// **\

@mixin sections-video {
	@include reset-holder;
	background: url('../images/resena-historica_bg.jpg') repeat-x;
	margin-bottom: 2.5em;
	
	@include mq('tablet') {
		background-repeat: repeat;
		padding: 2% 0;
	}

	@include mq('portable') {
		padding-bottom: 2%;
	}

	.title-video-content {
		@include holder;
		@include holder-small(90%);

		@include mq('tablet') {
			text-align: center;
		}

		> h2 {
			@include mq('tablet') {
    			font-size: 151%;
    			width: 100%;
    		}
		}
	}	

	h2 {
		@include inline-block(middle);
		color: $c-white;
		font-size: 230%;
		font-weight: 100;
		width: 39%;

    	@include mq('portable') {
			font-size: 113%;
    		padding: 22px 0 15px 0;
    		text-align: center;
    		margin: 0;
    		width: 100%;
    	}
	}

	.file-video,
	video {
		@include inline-block(middle);
		width: 60%;

		@include mq('tablet') {
			width: 100%;
		}
    	@include mq('portable') {
			height: 300px;
			width: 100%;
		}

		iframe {
			@include mq('portable') {
				height: 300px;
				width: 100%;
			}
		}
	}
	.file-video {
		iframe,
		video {
			width: 100%;
		}
	}
}

/// /**
// *
// * scope: SECTIONS PAGE
// * type: MIXIN
// * desc: SECTIONS @mixin blocks-section
// *
// **\

@mixin sections-blocks-section {
	.view-content {
		@include ib-grid;
		text-align: center;
	}

	.views-row {
		@include inline-block(top);
		box-shadow: 2px 2px 1px shade($c-brand-whitesmoke, 20);
		border: 1px solid shade($c-brand-whitesmoke, 10);
    	margin-right: 1%;
    	margin-bottom: 1em;
    	padding-bottom: 1%;
    	position: relative;
    	text-align: center;
    	width: 24%;
			
		&:nth-child(4n) {
    		margin-right: 0;
    	}

    	@include mq('portable') {
    		margin: 20px auto!important;
    		display: block;
    		width: 70%!important;
    	}

    	.views-field-title,
    	.views-field-views-conditional-1 {
    		line-height: 1.3;
    		min-height: 50px;
    		padding: 2% 3%;
    		
    		a, a:link {
    			color: $c-brand-green-dark;
    			font-size: 105%;
				font-weight: 100;
    			margin-top: 0.3em;
    		}
    	}
    	.views-field-field-image {
    		img {
    			width: 100%;
    		}
    	}

    	.views-field-field-thumbnail {

    		img {
    			width: 100%;
    		}
    	}

    	.views-field-title {
    		~ .views-field-nid,
    		~ .views-field-views-conditional {
    			margin-top: 30px;
    		}
    	}
    	.views-field-nid,
    	.views-field-views-conditional {
    		display: inline-block;
    								
    		a, a:link {
    			color: tint($c-dimgray, 20);
    			height: auto;
    			line-height: 2;
    			font-weight: 100;
    			text-indent: 0;

    			&:before {
    				@include size(60px);
    				background: url('../images/sprite.png') no-repeat -85px -142px;
    				content: '';
    				display: block;
    				margin: 0 auto;
    			}
    		}


    		.descargable-item {

    			.views-field-title {
    				color: $c-brand-green-dark;
    				font-size: 122%;
					font-weight: 100;
    				margin-top: 0.3em;
    				margin-bottom: 30px;
    			}

    			.file {
    				img {
    					display: none;
    				}
    				a, a:link {
    					font-size: 0;

    					&:before {
    						background-position: -82px -263px;
    						margin-bottom: 10px;
    					}
    				}
    			}
    		}
    	}
	}
}

/// /**
// *
// * scope: GALLERY
// * type: MIXIN
// * desc: GALLERY BLOCKS
// *
// **\

@mixin gallery-blocks {
	.field-items {
		@include ib-grid;
	}

	.field-item {
		@include inline-block(top);
		border: 1px solid shade($c-brand-whitesmoke, 10);
		box-shadow: 1px 1px 3px shade($c-brand-whitesmoke, 40);
		box-sizing: border-box;
		margin-right: 2%;
		margin-bottom: 2%;
		width: 23.5%;

		&:nth-child(4n) {
			margin-right: 0;
		}

		.galeria-title-image {
    		color: tint($c-brand-green-dark,20);
    		font-size: 116%;
    		min-height: 58px;
    		padding: 6% 10%;
    		text-align: center;
		}
	}	
}

/// /**
// *
// * scope: global
// * type: MIXIN
// * desc: GRAY BLOCKS
// *
// **\

@mixin gray-blocks {
	background-color: $c-h-gray;
	margin: 3% 0;
	padding: 3.5%;
	
	.views-row-1{
		.views-field-nothing{
			position: relative;
			@include title-block(tint($c-dimgray, 10), 190%);
			font-weight: lighter;
		    margin: 0 auto 28px auto;
		    max-width: 660px;
			text-align: center;

			&:before{
				content: url('../images/icon-lost-documents.png');
				display: inline-block;
			}

		    &:after {
		    	background: tint($c-dimgray, 40);
		    	margin: 15px auto 0 auto;
		    	width: 60px;
		    }
		}

		.views-field{
			margin-bottom: 2%;
			
			.views-label {
				font-weight: 700;
				display: block;
			}
			
			&:last-child{
		    	margin-bottom: 0;
		    }

		    .field-content{
				font-weight: 100;
		    }
		}

		.views-field-nothing {
			margin-bottom: 1.5em;
		}
	}
}

/// /**
// *
// * scope: global
// * type: MIXIN
// * desc: GRAY BLOCK
// *
// **\

@mixin gray-block {
	background-color: $c-h-gray;
	margin: 3% 0;
	padding: 3.5%;
	text-align: center;
	color: $c-dimgray;

	.upper-text{
		@include title-block(tint($c-dimgray, 10), 190%);
		font-weight: lighter;
	    margin: 0 auto 10px auto;
		position: relative;

	    &:after {
	    	background: tint($c-dimgray, 40);
	    	margin: 15px auto 0 auto;
	    	width: 60px;
	    }
	}

	.secondary-text{
		font-weight: 100;
	}
}

/// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: SOCIAL 
// *
// **\

@mixin sharethis {
	.stButton {
		.stBubble {
		 	display: none!important;
		 }

		 .stButton_gradient {
		 	background: none;
    		border: none;
    		height: auto;
        	min-width: inherit;
   		 	padding: 0;
		 }
		 .st-twitter-counter {
		 	background: #00BFFF url("../images/sprite.png") no-repeat -344px -284px!important;
			border-radius: 50%;
    		height: 38px;
    		padding: 0;
		 	width: 38px;
		 }

		 .st-facebook-counter {
		 	background: #265CFF url("../images/sprite.png") no-repeat -283px -222px!important;
    		border-radius: 50%;
    		height: 38px!important;
    		padding: 0;
		 	width: 38px!important;
		 }

		 .googleplus {
		 	background: #FF0000 url("../images/sprite.png") no-repeat -278px -108px!important;
    		border-radius: 50%;
    		height: 38px;
    		padding: 0;
    		text-indent: -99999px;
		 	width: 38px;
		 }
	}
}

/// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: RADIO
// *
// **\

@mixin input-radio($color){
	input[type="radio"] {
		display: none;
		~ label {
			background: url("../images/radio-unchecked.png") center left no-repeat;
			display: inline-block;
			color: $color;
			cursor: pointer;
			font-size: 100%;
			font-weight: 100;
			padding: 0 0 0 25px;
			vertical-align: middle;
		}

		&:checked {
			~ label {
				background: url("../images/radio-checked.png") center left no-repeat;
			}		
		}
	}
}

/// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: TABLE
// *
// **\

@mixin table {
	table {
		border: none;
		th {
			background: $c-brand-green-dark;
			border: none;
			border-radius: 0!important;
			color: $c-white;
			font-size: 125%;
			font-weight: 100;
			padding: 17px 10px;
			text-align: left; 
		}

		tbody {

			tr.even {
				background: $c-brand-whitesmoke;
			}

			td {
				border: none;
				color: $c-dimgray;
				font-size: 88%;
				vertical-align: middle;

				a, a:link {
					color: $c-brand-green-dark;
					font-weight: normal;
				}
			}

			.views-field-field-adjunto {
				text-align: center;

				img {
					display: none;
				}

				a, a:link {
					@include imgreplace;
					@include size(60px); 
					background: url('../images/sprite.png') no-repeat -81px -262px;
				}
			}
		}
	}
}

/// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: ELEMENT INIVISIBLE
// *
// **\
@mixin element-invisible {
    position: absolute !important;
    padding: 0;
    height: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: auto;
    width: 0;
}

/// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: EMPY
// *
// **\

@mixin view-empty {
	.view-empty {
		@include gray-block();
		max-width: 660px;
		margin: 0 auto; 
		text-align: center;
		
		p {
			font-size: 145%;
		}
		&:before{
			content: url('../images/icon-document-not-found.png');
			display: block;
		}
	}
}

/// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: HOLDER SMALL
// *
// **\

@mixin holder-small($max-width){
	@media screen and (min-width: $s-tb + 1) and (max-width: $s-lg + 108) {
		max-width: $max-width;
	}
}

/// /**
// *
// * scope: GLOBAL
// * type: MIXIN
// * desc: Slidercss3
// *
// **\

@mixin slidercss3($max-width, $pager, $controls){
	fieldset {
		border: none;
		margin: 0;
		padding: 0;
	}

	.slideshow {
		max-width: $max-width;
		margin: 0 auto;
		position: relative;

		input[type=radio] {
    		position: absolute;
    		left: 50%;
    		bottom: 15px;
    		z-index: 100;
    		visibility: hidden;
		}

		.slideshow-inner {
			overflow: hidden;
    		position: relative;
		
			ul {
    			list-style: none;
    			height: 100%;
				margin: 0;
    			overflow: hidden;
    			position: relative;
    			transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    			width: 500%;

    			li {
    				float: left;
    				position: relative;
    				width: 20%;
    			}
			}
		}

		label {
			&.arrows {
				background-color: transparent!important;
				background: transparent url("../images/sprite.png") no-repeat 0 -249px;
    			color: rgb(255,255,240);
    			color: $c-white;
    			cursor: pointer;
    			display: none;
    			font-size: 0;
    			margin-left: 0!important;
    			margin-top: -31px;
    			height: 63px;
    			opacity: 0.7;
    			top: 50%;
    			position: absolute;
    			width: 80px;
    			z-index: 10;

    			&:hover {
    				opacity: 1;
    			}
    		}

			&:not(.arrows) {
    			background-color: shade($c-silver, 10);
		    	bottom: 4px!important;
    			border-radius: 50%;
    			cursor: pointer;
    			left: 50%;
    			height: 12px;
				position: absolute;	
    			width: 25px;
    			z-index: 10;
			}
		}

		@if ($pager == true){
			.slideshow-inner {
				padding-bottom: 40px;
			}
		}
		@else if($pager == false) {
			label:not(.arrows) {
				display: none;
			}
		}
		@if ($controls == true){
			label.arrows {
				// display: block;
			}

			label.goto-first {
				display: block!important;
				left: 2%;
				transform: scaleX(-1);
				z-index: 3;
			}

			label.goto-last {
				display: block!important;
				right: 7%;
				z-index: 3;
			}
		}
		@else if($controls == false) {
			label.arrows {
				display: none!important;
			}
		}
	}


}