/* 
	Name: Core Styles
	Description: Default styling for EON.
	Date: 07/10/2016
	Version: Machine
	Author: popnoart
	Notes: 
		-Efectos para panels http://html-tuts.com/jquery-dropdown-menu/
	Index:
		1-Vendors reset
		2-Breakpoints guide
		3-Global Tags Content layout
			3.1-Lists 
			3.2-Images & Videos
			3.3-Tables
			3.4-Forms
		4-Various
			4.1-Pagination & Breadcrumbs
			4.2-Modals
			4.3-Blocks/Widgets/Portlets
			4.4-Drag & Drop & Sort
			4.5-Ads
			4.6-Message Boxes for different message types
			4.7-Panels
			4.8-Grid
		5-Global Page Layout
			5.1-Global Header 
			5.2-Global Content 
			5.3-Global Footer
		6-Content Layout
			6.1-Item XS
			6.2-Item S
			6.3-Item MS
			6.4-Item M
			6.5-Item L
			6.6-Register & Login
		7-Utilities
		8-Fixes
		9-Print styles
*/

/*	Breakpoints guide
==========================================================================*/
@media screen and (max-width : 992px) {/*Mobile*/
}
@media not all and (max-width : 992px) {/*Non-Mobile*/
}

@media only screen and (max-width : 2560px) {/* 4K (BP-XXL)*/
}
@media only screen and (max-width : 1920px) {/* TV HD (BP-XL)*/
}
@media only screen and (max-width : 1440px) {/* Laptop L (BP-L)*/
}
@media only screen and (max-width : 1024px) {/* Laptop S (BP-M)*/
}	
@media only screen and (max-width : 768px) {/* Tablet (BP-S)*/
}
@media only screen and (max-width : 480px) {/* Mobile L (BP-XS)*/ 
}
@media only screen and (max-width : 320px) {/* Mobile S (BP-XXS)*/ 
}

/*  Global Tags Content layout
==========================================================================*/
*, *:before, *:after, *:focus {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*{outline:none;}

body {
	color: #27272C;
	font-family: 'Lato', sans-serif;
	font-size: 1em;/*16px if the user has default browser font size*/
	line-height: 1.6;
	font-weight: 400;
	background-color: #F6F6F6;
}

a:link,a:visited {text-decoration: none;color:#68B065;}
a:hover,a:active  {text-decoration: none;color:#B86E1C;}
a:active  {opacity: 0.75;}

strong, b {font-weight: 700;}
em, i { font-style: italic; }

p {	margin: 1rem 0;}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1rem 0;
	padding: 0.5rem;
	#393A3E	/*LL
    line-height: normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	*/
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}

h1 { font-size: 2rem; line-height: 1.2; border-bottom: 1px solid #B86E1C;text-align:center;}
h2 { font-size: 1.8rem; line-height: 1.25;}
h3 { font-size: 1.4rem; line-height: 1.3;}
h4 { font-size: 1.2rem; line-height: 1.35;}
h5 { font-size: 1.1rem; line-height: 1.5;}
h6 { font-size: 1.0rem; line-height: 1.6;}

h2.alt{
	font-family: 'Satisfy', cursive;
	border-bottom: 3px solid #68B065;
	color: #393A3E;
	font-weight: 800;
	margin: 0;
	padding: 5px 0;
	text-transform: uppercase;
	float:left;
}

@media screen and (max-width : 992px) {
	h1 { font-size: 1.3rem;}
}
sub {
	font-size: 0.8em;
	position: relative;
	top: 0.5em;
}
sup {
	font-size: 0.8em;
	position: relative;
	top: -0.5em;
}
blockquote {
	border-left: solid 3px #B4B6BA;
	font-style: italic;
	margin: 0 0 2em 0;
	padding: 0.5em 0 0.5em 2em;
}
code {
	background: rgba(160, 160, 160, 0.075);
	border: solid 1px rgba(160, 160, 160, 0.3);
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0 0.25em;
	padding: 0.25em 0.65em;
}
pre {
	-webkit-overflow-scrolling: touch;
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0 0 2em 0;
}
pre code {
	display: block;
	line-height: 1.75em;
	padding: 1em 1.5em;
	overflow-x: auto;
}
hr {
	border: 0;
	border-bottom: solid 1px rgba(55, 45, 50, 0.3);
	margin: 2em 0;
	/*LL
    display: block;
    height: 1px;
    border: 0;
    border-top: 4px solid #68B065;
	border-bottom: 1px solid #393A3E;
    margin: 1rem 0;
    padding: 0;
	*/
}

/*  Lists 
----------------------------------------------------*/ 
ol {
	list-style: decimal;
	list-style-position:inside;
	margin: 0 0 2em 0;
	padding-left: 1.25em;
}
ol li {
	padding-left: 0.25em;
}
ul {
	list-style: circle;
	list-style-position:inside;
	margin: 0 0 2em 0;
	padding-left: 1em;
}
ul li {
	padding-left: 0.5em;
}

ul.alt {}
ul.icons {}
ul.actions {}


dl { margin: 0 0 2em 0; }
dl dt {
	display: block;
	font-weight: 700;
	margin: 0 0 1em 0;
}
dl dd { margin-left: 2em; }
@media screen and (max-width : 992px) {
	ul {margin: 0 0 1em 0;}
}
/*  Images & Videos
----------------------------------------------------*/ 
img, .responsive img{/*Responsive by default*/
  display: block;
  max-width: 100%;/*Never scale up to be larger than its original size*/
  height: auto;
}
.image {
	border: 0;
	display: inline-block;
	position: relative;
}
.image img {
	display: block;
}
.image.left, .image.right {
	max-width: 40%;
}
.image.left img, .image.right img {
	width: 100%;
}
.image.left {
	float: left;
	padding: 0 1.5em 1em 0;
	top: 0.25em;
}
.image.right {
	float: right;
	padding: 0 0 1em 1.5em;
	top: 0.25em;
}
.image.fit {/*Scale up to be larger than its original size*/
	display: block;
	margin: 0 0 2em 0;
	width: 100%;
}
.image.fit img {
	width: 100%;
}
.image.featured {
	display: block;
	margin: 0 0 3em 0;
	width: 100%;
}
.image.featured img {
	width: 100%;
}
@media only screen and (max-width : 480px) {/* Mobile L (BP-XS)*/ 
	.image.left, .image.right {	max-width: 100%;width: 100%;}
}
@media screen and (max-width : 992px) {
	.image.featured {margin: 0 0 1.5em 0;}
}
/*  Register & Login
img.emote{
  display: inline-block;
  width: auto;
  height: auto;
}
.img-circle{
    border-radius: 50%;
    overflow: hidden;
    /*width: 3.125rem;
    height: 3.125rem;*/
}
video {
  width: 100%    !important;
  height: auto   !important;
}
.video{/*640x360width:40remheight:22.5rem;*/
	/*padding-bottom rule of 56.25%, video's aspect ratio of 16:9, so 9 divided by 16 = 0.5625 or 56.25%,*/	
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	width:100%;
}
.video iframe,.video object,.video rembed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*------- Gallery -------*/
.gallery {width:100%;margin-bottom:1em;}
.gallery ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.gallery li {	
	width: 9em;
	height: 9em;
	overflow:hidden;
	float: left;
	border: 0.1875em solid #FFF;
	position: relative;
    text-align:center;	
}
.gallery li::last-of-type {
	margin-right: 0;
}
.gallery li img{
  /*min-width:9em;
  max-width:none;
  width:auto;
  height:9em;
  margin:0 -100%;*/
	display: block;
	min-width:9em;
	max-width:none;
	max-height:none;
}

.gallery .img-overlay {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  left: 0;
  position: absolute;
  top: 0;
	width: 9em;
	height: 9em;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
.gallery .img-overlay h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 0;
	color:#FFF;
	font-size:1em;
}
.gallery .img-overlay h2:after {border: 0;}
.gallery li:hover .img-overlay { opacity: 1;}

/*Gallery RESS*/
@media screen and (max-width : 992px) {/*Mobile*/
	.gallery li {width: 150px;	height: 150px;border: 4px solid #FFF;margin-right: 4px;}
	.gallery li img{min-width:150px;height:150px;}
	.gallery span.overlay {width: 150px;height: 150px;}
}
@media only screen and (max-width: 48rem) {
	.gallery li {width: 100px;	height: 100px;border: 3px solid #FFF;margin-right: 3px;}
	.gallery li img{min-width:100px;height:200px;}
	.gallery span.overlay {width: 100px;height: 100px;}
}
@media only screen and (max-width: 30rem) {
	.gallery li {width: 75px;	height: 75px;border: 2px solid #FFF;margin-right: 2px;}
	.gallery li img{min-width:75px;height:75px;}
	.gallery span.overlay {width: 75px;height: 75px;}
}

/*  Tables 
----------------------------------------------------*/ 
.table-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
}
table {
	margin: 0 0 2rem 0;
	width: 100%;
	font-size:1rem;
}
table tbody tr {
	border: solid 1px rgba(160, 160, 160, 0.3);
	border-left: 0;
	border-right: 0;
}

table tbody tr:nth-child(2n + 1) {
	background-color: rgba(160, 160, 160, 0.075);
}
table td {
	padding: 0.75rem 0.75rem;
}
table th {
	color: #3c3b3b;
	font-size: 0.9rem;
	font-weight: 700;
	padding: 0 0.75rem 0.75rem 0.75rem;
	text-align: left;
}      
table caption  {
    border-bottom: 0;
    color: #27272C;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 0;
	text-transform: uppercase;
}
table caption:after {
    content: "";
    display: block;
	width: 50%;
    margin: 0rem auto 0.5rem auto;
    height: 3px;
    background: #91B362;
}  
table thead {
	border-bottom: solid 2px rgba(160, 160, 160, 0.3);
}
table tfoot {
	border-top: solid 2px rgba(160, 160, 160, 0.3);
}
table .sep td,table .sep th{
	border-bottom: 3px solid #B4B6BA;
	font-weight:bold;
	font-size:1.1rem;
}
table.sep th{text-align:right;}
/*----- Alt table -----*/
table.alt{}
/*----- V => Vertical -----*/    
table.V {	text-align: center;} 
table.V th{}     
table.V td {}
/*----- X => Horizontal -----*/
table.H caption  {text-align:center;}  
table.H th{text-align:right; width:40%;padding: 0.75rem;}
table.H td{text-align:left; width:60%;padding: 0.75rem;}

/*  Forms
----------------------------------------------------*/ 
/*----- tipos de formularios: 
/* .F_inline, todos los label e input en la misma linea hasta salto
/* .F_block, label arriba, input abajo
/* .F_table, label e input una linea y luego salto
-----*/
form { }
legend, label {
	color:#27272C;
	text-transform: uppercase;
	margin:0;
	padding: 0;
}
legend{font-weight: 600;font-size: 1.8rem;}
label{font-weight:600;font-size:1rem;}
.pseudolabel {
	margin: 1rem 0 0 0;
	padding: 0;
}
fieldset{padding:1rem 1rem 1rem 3rem;border:0;}
fieldset.buttons{padding:1rem 0;}
/*
input[type="text"],input[type="password"],input[type="email"],input[type="tel"]*/
input,
select,
textarea {
	/*-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;*/
	border: 0;
    padding: 0.3rem;
	background-color: transparent;	
	border: 1px solid #68B065;
}
input.XS,select.XS,textarea.XS,button.XS,.button.XS  {width:10%;}
input.S,select.S,textarea.S,button.S ,.button.S{width:25%;}
input.M,select.M,textarea.M ,button.M,.button.M{width:50%;}
input.L,select.L,textarea.L,button.L,.button.L {width:75%;}
input.XL,select.XL,textarea.XL,button.XL,.button.XL  {width:100%;}
input::-webkit-input-placeholder { color:#B4B6BA; }
input:-moz-placeholder { color:#B4B6BA; } /* Firefox 18- */
input::-moz-placeholder { color:#B4B6BA; } /* Firefox 19+ */
input:-ms-input-placeholder { color:#B4B6BA; } /* oldIE ;) */

input:focus,select:focus,textarea:focus,form button:focus {border:1px solid #B86E1C;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */

/*----- Buttons  -----*/
.buttons {/*Deprecated: should be using grid*/
	clear:both;
	text-align:center;	
	width: 100%;
	margin-top:1rem;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
form button/*button can be used outside forms*/,
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background-color: transparent;	
	border: 1px solid #68B065;
	cursor: pointer;
	color:#68B065;
	font-weight: 800;
    padding: 0.3rem 1rem;
	text-align: center;
	text-transform: uppercase;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
form button:hover,
.button:hover {
	background-color; #B86E1C;
}
input[type="submit"]:hover:active,
input[type="reset"]:hover:active,
input[type="button"]:hover:active,
form button:hover:active,
.button:hover:active {
	border: 1px solid #B86E1C;
}

form button.alt, .button.alt{background-color: #91B362;}

/*----- Check & Radio: H => Horizontal | V => Vertical -----*/
.groupX.fielset,.groupY.fielset{
	padding:1rem 1rem 1rem 3rem;
}
.groupX .legend,.groupY .legend{
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.2rem;
}
.groupX label,.groupY label{font-size: 1rem;}

.groupX label,.F_block .groupX label{float:left;padding-left: 0.5rem;display: inline;width:auto;}
.groupY label{display:block;padding-left: 0.8rem 0.5rem;}

/*http://blog.karenmenezes.com/2014/nov/1/another-pure-css-checkbox-article/ 
Muy importante: label tiene que tener el for de la id del input correspondiente*/

h3.h-checkbox,h3.h-radio{
    color: #27272C;
    font-size: 1em;
    text-transform: uppercase;
    padding: 0;
    margin: 2rem 0 0.5em 0;
}
.checkbox, .radio {
    opacity: 0;
    position: absolute;   
	margin: 5px;
}
.checkbox, .checkbox-label, .radio, .radio-label {
    display: inline-block;
    vertical-align: middle;   
    cursor: pointer;
}
.checkbox-label, .radio-label {
    position: relative;
	font-size:0.85rem;
	margin: 5px;
}
.checkbox + .checkbox-label:before, .radio + .radio-label:before {
    content: '';
    background: #fff;
    border: 2px solid #B4B6BA;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}
.checkbox:checked + .checkbox-label:before {
    background: #91B362;
    box-shadow: inset 0px 0px 0px 4px #fff;
}
.radio + .radio-label:before {
    border-radius: 50%;
}
.radio:checked + .radio-label:before {
    background: #91B362;
    box-shadow: inset 0px 0px 0px 4px #fff;
}
/*----- Inline -----*/
/*Deprecated???: should be using grid*/
.F_inline label , label.inline{
  	float: left;
  	text-align: right;
	line-height: 35px;
}
.F_inline input,.F_inline select,.F_inline textarea{margin: 5px;float: left;width:auto;}
.F_inline button{float: left;;}
.F_inline p.help{margin-left: 30%;}
.F_inline p.helpfull{margin-left: 1%;}
.F_inline .WYSIWYG{
	width:60%;
	float:left;
	margin: 5px;
	padding: 0px 3px;
}
.F_inline p.help{margin-left: 40%;clear:both;}
.F_inline p.helpfull{margin-left: 0.6rem;}
/*----- Block -----*/

.F_block label,label.block,label.texto {
  	/*float: none;
	width: 100%;
	text-align: left;*/
	display: block;	
	margin-top: 0.75rem;
}
.F_block label.mce-label{
	width: auto;
}
/*WTF??? .F_block input[type='text'],.F_block select,.F_block textarea{border:0;}*/
/*----- Table -----*/

.F_table label{
  	float: left;
	width:40%;
  	text-align: right; 
	display: block;
	margin-bottom: 0.3rem;
	padding: 0.3rem 0.5rem 0.3rem 0.3rem;
	line-height: 1.5rem;
}
.F_table input,.F_table select,.F_table textarea{
	float:left;
  	text-align: left; 
	display: block;
	margin-bottom: 0.3rem;
}
.F_table input:after,.F_table select:after,.F_table textarea:after {
   /* content:"\a";
    white-space:pre;*/
    content:"";
    display: table ;
    clear:both;
}
.F_table p.help,.F_table p.helpfull{clear:both;margin-left: 1rem;}
/*----- Various -----*/
.WYSIWYG{
	width:(100% - 10px);
	float:left;
	clear:both;
	margin: 5px;
}
/* Required */
form .required-field{
	color:#029ECE;
}
/* Help */
form .help{
	background-color:#D9EDF7;
	font-size:1rem;
}
form .help:before{
	font-family: FontAwesome;
	content: "\f06a";
	font-size: 1.2rem;
	padding-right:0.5rem;
}
form .help-simple{
	color:#B86E1C;
	background-color:transparent;
}
form .warning{
	background-color:#FCF8E3;
	font-size:1rem;
}
form .warning:before{
	font-family: FontAwesome;
	content: "\f06a";
	font-size: 1.2rem;
	padding-right:0.5rem;
}
/* Validation */
.no-validate{border-left:5px solid #91B362!important;}
div.no-validate{
	background-color:#91B362;
	font-size:1rem;
	color:#FFFFFF;
}
div.no-validate:before{
	font-family: FontAwesome;
	content: "\f06a";
	font-size: 1.2rem;
	padding-right:0.5rem;
}
/* Password */
#password-help{
	height:1.5rem;
	display:block;
	border:1px solid #B4B6BA;
}
.strength0{width:15rem;background:#EFEFEF;}
.strength10{width:3rem;background:#ff0000;}
.strength20{width:6rem;background:#ff5f5f;}
.strength30{width:9rem;background:#56e500;}
.strength40{width:12rem;background:#4dcd00;}
.strength50{background:#399800;width:15rem;}


/*  Various
==========================================================================*/

/*  Pagination
----------------------------------------------------*/
.pagination { margin: 2rem auto;text-align: center;}
.pagination  ul,.abc  ul{ margin: 0;padding:0;}
.pagination  li,.abc  li{ margin: 0;padding:0;display:inline-block;list-style:none;}
.pagination a,.abc a{ padding: 0.2rem 0.7rem; margin: 0.3rem;background: #393A3E;color:#FFF;display:block;}
.pagination .first,.pagination .last,.pagination .prev,.pagination .next{background: none;color:#393A3E;padding: 0.3rem;}
.pagination .active,.abc .active{  background-color: #91B362;color:#393A3E;}
.pagination a.first:hover,.pagination a.last:hover,.pagination a.prev:hover,.pagination a.next:hover{background: #393A3E;}
.abc a{ width:2rem;height:2rem;}

/*  Breadcrumbs
----------------------------------------------------*/
/*  Modals 
----------------------------------------------------*/ 
body.modal {/*Iframe*/
	background: #FFF;
	padding: 1rem;
}
.wrapper-modal{	/* Inline | Ajax */
	position: relative;
	background: #FFF;
	padding: 1em;
	width: auto;
	margin: 0 auto;
	/*margin: 1em auto;*/
}
.wrapper-modal.XS{max-width: 15%;}
.wrapper-modal.S{max-width: 25%;}
.wrapper-modal.M{max-width: 50%;}
.wrapper-modal.L{max-width: 75%;}
.wrapper-modal.XL{max-width: 100%;}

@media screen and (max-width : 1024px) {
	.wrapper-modal.XS{max-width: 25%;}
	.wrapper-modal.S{max-width: 50%;}
	.wrapper-modal.M{max-width: 75%;}
	.wrapper-modal.L{max-width: 98%;}
}
@media screen and (max-width : 480px) {
	.wrapper-modal.XS,.wrapper-modal.S,.wrapper-modal.M,.wrapper-modal.L{max-width: 98%;}
}

/*  Blocks/Widgets/Portlets
----------------------------------------------------*/
.block{
    padding: 1rem;
    margin-bottom: 1rem;
    background: #EAEBEC;
    border-top: 3px solid #696C71;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    overflow: auto;
}
.block-header{text-align:center;}
.block-header h2{
    font-size: 1rem;
    letter-spacing: .06em;
    text-transform: uppercase;
	text-align:center;
	display:inline-block;
	color:#393A3E;
    border-bottom: 1px solid #696C71;
}
.block-content{}
.block-alt{
    margin: 1rem;
    background: #FAFAFA;
    border: 1px solid #68B065;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

/*  Drag & Drop & Sort
----------------------------------------------------*/

/*  Ads
----------------------------------------------------*/
.slot {padding:0.5rem 0.25rem;width:100%text-align:center;;}
.slot img{border:1px solid #696C71; margin: 0 auto;}

/*  Message Boxes for different message types
----------------------------------------------------*/
/*Stupid cookie law*/
#cookie {background:#68B065; height:auto;text-align:center; padding:1em 2em;z-index:9999;position:fixed; bottom:0; left:0; width:100%;color:#FFF;}

#cookie a{color:#FFF;text-decoration:underline;}
#cookie p{padding:0; margin:0;}
#cookie strong {cursor:pointer;margin: 0 1rem;padding: 0.1rem 1rem;}
#cookie #cookie-ok {background:#5CB85C;}
#cookie #cookie-ko {background:#D9534F;}
.browserupgrade {
    margin: 0.2rem 0;
    background: #ccc;
    color: #000;
    padding: 0.2rem 0;
}
div.info,div.success,div.warning,div.error,div.alert{	padding:0.25rem;margin: 1rem 0;padding-left:1rem;}
div.info,.alert-info {border-left:5px solid #47A8F5;background-color: #CCE7FD;}
div.success,.alert-success{border-left:5px solid #6ABC6E;background-color: #DBEEDC;}
div.warning,.alert-warning {border-left:5px solid #FF9800;background-color: #FFEACA;}
div.error,.alert-danger{border-left:5px solid #F66358;background-color: #FCD0CD;}


/*  Panels: http://tympanus.net/codrops/2013/04/17/slide-and-push-menus/
==========================================================================*/
html, body { height: 100%;}
body{
	overflow-x: hidden;
	position: relative;
	left: 0;	
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}
li{position:relative;}/*Revisar si es conveniente Pueden tener dropdowns*/
/*----------  Overlay  ----------*/
.overlay {
	/* shadow layer visible when navigation is active */
	position: fixed;
	z-index: 990;/*Magnific popup 1042, Select2 */
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
  
	/*Style:*/
	background-color: rgba(255, 255, 255, 0.5);
	/*background-color: rgba(41,33,35, 0.5);*/
}
/*body[class^="panel-"] .overlay */
body.overlay-is-visible .overlay {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
/*----------  Panels  ----------*/
.panel {
	position: fixed;/*Must be fixed, not absolute, not get the width right if not*/
	z-index: 999;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/* Dropdown menu that slides from the top*/
/* The container <div> - needed to position the dropdown content */
.panel-container {position: relative;}
.panel-dropdown {
	position: absolute;
	/* top: 42px;
	left: 0;
	height: auto;*/
	width: 260px;
	visibility: hidden;
}
.panel-dropdown.pull-right{right: 0;left: auto;}
@media screen and (max-width : 992px) {/*Mobile*/
	/*Panel in mobile change from dropdown to moveout effect*/
	.panel-dropdown.moveout{position: fixed;}
}
.panel-dropdown.panel-is-visible {
	visibility: visible;
	-webkit-transition: visibility 0s 0s;
	-moz-transition: visibility 0s 0s;
	transition: visibility 0s 0s;
}
.panel-dropdown.panel-dropdown-arrow {/*Style*/
	padding:1em;
	background: #F6F6F6;
	-webkit-box-shadow: 5px 5px 0px 0px #EAEBEC;
	-moz-box-shadow: 5px 5px 0px 0px #EAEBEC;
	box-shadow: 5px 5px 0px 0px #EAEBEC;
}
.panel-dropdown-arrow ul{margin:0;padding:0;list-style:none;}
.panel-dropdown-arrow ul li a{
	text-align:left;
	display:block;
	line-height:2em;
	text-indent:0.25em;
	 /*Style
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	text-transform: uppercase;
	
	text-decoration:none;
	color:#393A3E;
	border-bottom: 1px solid #D1D3D6 ;
	*/
}
.panel-dropdown.panel-dropdown-arrow:after {/*Arrow*/ 
	content: '';
    position: absolute;
    left: 1.5rem;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #F6F6F6; /*Style*/
}
.panel-dropdown.pull-right.panel-dropdown-arrow:after {left: auto;right: 1.5rem;}

/*Panel change from dropdown to moveout in mobile*/
.panel-dropdown.moveout{}

.panel.panel-pusher{position: static;}
.panel-pusher{	
    overflow:hidden;
    height:0;
	padding: 0 1em;
    width:100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.panel-pusher.panel-is-visible {
    display: block;
    visibility: visible;
    height:auto;
    padding:1em;
	/*Style:
	background-color: #FFF;
    border-bottom: 5px #393A3E solid;
	*/
}

/* Orientation-dependent styles for the content of the menu */
.panel-left,.panel-right,.panel-left-icons {
	width: 260px;
	height: 100%;
	top: 0;
}
.panel-top,.panel-bottom {
	width: 100%;
	height: 150px;
	left: 0;
	overflow: hidden;
}

/* Vertical menu that slides from the left or right */
.panel-left {left: -260px;}
.panel-left.panel-is-visible {left: 0px;}
.panel-right {right: -260px;}
.panel-right.panel-is-visible {right: 0px;}
/* Horizontal menu that slides from the top or bottom */
.panel-top {top: -150px;}
.panel-top.panel-is-visible {top: 0px;}
.panel-bottom {bottom: -150px;}
.panel-bottom.panel-is-visible {	bottom: 0px;}

/* Classes applied to the body/container */
.panel-right-is-visible{}
.panel-left-is-visible{}
.panel-top-is-visible{}
.panel-bottom-is-visible{}
.panel-push2right-is-visible {padding-left: 260px;}/*Slide & Push body to right*/
.panel-push2left-is-visible{padding-right: 260px;}/*Slide & Push body to left*/

@media only screen and (max-width : 992px) {
}

/*----------  Icons  ----------*/
.icon, a.icon{ 
    display: block;
	position: relative;
	/* hide text */ 
    overflow: hidden;
    white-space: nowrap;
    color: transparent!important;
}
/*
.icon-text,a.icon-text:link, a.icon-text:visited { 	
    position: relative;
    color: #68B065;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 1em;
    text-transform: uppercase;
	padding-right:1em;

}*/
.icon-text,a.icon-text {
	position: relative;
	display:inline-block;
	width:auto;
	/*line-height:42px;*/
	padding: 0 1.75em 0 0.5em;
	 /*Style
	color:#68B065;		
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1em;
	text-transform: uppercase;
	*/
}
.icon::before,.icon::after,
.icon-text::before,.icon-text::after{ 
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	font-family: FontAwesome; 
	cursor: pointer;
    display: block;
    text-align: center;
    vertical-align: middle;
	line-height:inherit;
	 /*Style
	color: #696C71;*/
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  transform: rotate(360deg);
}	

.icon-text::before,.icon-text::after{width: auto;right:0.25em;font-size: 1.5em;}
.icon::after,.icon-text::after{content: '\00d7';opacity: 0;font-size: 2em;}

.icon-down::before{content: '\f107';}
.icon-plus::before{content: '+';}
.icon-menu::before{content: '\f0c9';}
.icon-account::before{content: '\f007';}
.icon-login::before{content: '\f007';}
.icon-register::before{content: '\f234';}
.icon-search::before{content: '\f002';}
.icon-search-plus::before{content: '\f002';}/*f00e*/
.icon-prev::before{content: '\f060';}
.icon-next::before{content: '\f061';}
.icon-left::before{content: '\f104';}

.icon.panel-trigger-active::before,
.icon-text.panel-trigger-active::before{ opacity: 0;  /* hide default icon */ }

.icon.panel-trigger-active::after,.icon-text.panel-trigger-active::after,
.icon.panel-trigger-close::after,.icon-text.panel-trigger-close::after{ opacity: 1;/* show close icon */ }


/*	Grid
	https://github.com/dope/lremonade/blob/master/css/lremonade.css
	https://css-tricks.com/dont-overthink-it-grids/
	http://j4n.co/blog/Creating-your-own-css-grid-system
	http://webdesign.tutsplus.com/articles/build-a-freshly-squeezed-responsive-grid-system--webdesign-14888
==========================================================================*/
.grid{}
.row {
    width : 100%;
    /*max-width : 1200px; */
	box-sizing: border-box; 
}
.row:before, 
.row:after {
    content:"";
    display: table ;
    clear:both;
}
[class*='col-'] {
    float: left;
    min-height: 1px; 
	padding-right: 2rem;
}
/*añadir algo tipo padded or not, or bleed
.padded [class*='col-']:last-of-type {
	padding-right: 0;
}*/
[class*='col-']:last-of-type {
	padding-right: 0;
}
.col-16{ width: 16.66%; }
.col-25{ width: 25%; }
.col-33{ width: 33.33%; }
.col-40{ width: 40%; }
.col-50{ width: 50%; }
.col-60{ width: 60%; }
.col-66{ width: 66.66%; }
.col-75{ width: 75%; }
.col-83{ width: 83.33%; }
.col-100{ width: 100%; }

@media only screen and (max-width : 992px) {/*Mobile*/
	[class*='col-'] {
		padding-bottom: 1rem;
	}		
	.col-16{ width: 33.33%; }
	.col-25{ width: 50%; }
	.col-33{ width: 50%; }
	.col-50{ padding-right: 0.4rem;}
	.col-66,.col-75,.col-83,.col-100{ width: 100%; }

    .col-16:last-of-type,.col-33:last-of-type{
        width: 100%; 
    }
}
@media only screen and (max-width : 480px) {/* Mobile L (BP-XS)*/ 
	[class*='col-'] {
		padding-bottom: 1rem;
	}
	.col-16{ width: 50%; }
	.col-25,.col-33,.col-40,.col-50,.col-60,.col-66,.col-75,.col-83,.col-100{ width: 100%; padding-right: 0;}
}
/*Sin uso
.grid-6 .col-3{ width: 50%; }
.grid-6 .col-6{ width: 100%; }
	
.grid-4 .col-1{ width: 25%; }
.grid-4 .col-2{ width: 50%; }
.grid-4 .col-3{ width: 75%; }
.grid-4 .col-4{ width: 100%; }
*/

/*   Global Page Layout
==========================================================================*/	
.wrapper {margin: 0 auto;}
/* 4K (BP-XXL)*/
@media only screen and (max-width : 2560px) {
	.wrapper {margin: auto 8rem!important;}
}
/* TV HD (BP-XL)*/
@media only screen and (max-width : 1920px) {
	.wrapper {margin: auto 8rem!important;}
}
/* Laptop L (BP-L)*/
@media only screen and (max-width : 1440px) {
	.wrapper {margin: auto 4rem!important;}
}
/* Laptop S (BP-M)*/
@media only screen and (max-width : 1024px) {
	.wrapper {margin: auto 2rem!important;}
}	
/* Main BP (BP)*/
@media only screen and (max-width : 992px) {
	.wrapper {margin: auto 2rem!important;}
}
/* Tablet (BP-S)*/
@media only screen and (max-width : 768px) {
	.wrapper {margin: auto 2rem!important;}
}
/* Mobile L (BP-XS)*/ 
@media only screen and (max-width : 480px) {
	.wrapper {margin: auto 0.5rem!important;}
	html, body { min-width: 320px; }
}
/* Mobile S (BP-XXS)*/ 
@media only screen and (max-width : 320px) {
	.wrapper {margin: auto 0.5rem;}      
}

/*  Global Header 
----------------------------------------------------*/ 
body{ /*padding-top: 7.5rem;^*/}

#page-header{
	background-color: #68B065; 	
	z-index: 999;/*Detras del overlay, encima del carrusel*/
	/*position: fixed;
	top: 0;
	left: 0;*/
	width: 100%;
    margin-bottom: 2rem;
}
.Home #page-header{margin-bottom: 0;}
#page-header ul{margin:0;padding:0;}
#page-header header{height: 7.5rem;}
.logo{
	position: absolute;
	z-index: 1000;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0;
	left: 0;
	right: 0;
	top:0.5rem;
	width:6.25rem;
	height:6.25rem;
}
.branding{
	float:left;
	width:40%;
	margin: 0.25rem;
	border-bottom:0;
}
.branding a{display:block;width:34.125rem;height:6.875rem;}
.header-right{
	float:right;
	width:40%;
	margin: 0.25rem;
}
.top-links{float:right;}
.top-links li{display:inline-block;color:#FFF;font-size:0.9rem;}
.top-links a:link,.top-links a:visited{color:#FFF;}
.top-links a:hover,.top-links a:active{color: #B86E1C;}
.top-links img{display: inline-block;width:2rem;height:2rem;border:1px solid #C6E1C5;padding:0.2rem 0.3rem;;margin-right:0.25rem;}

/*--- Search ---*/
#page-header .search{
	float:right;
	padding:2rem 8rem 0 0;
}
.search input{padding:0.5rem 0.3rem;}
.search input, .search button{border: 1px solid #C6E1C5;}
.search button{color: #FFF;}
/*------- Sections -------*/
.nav-sections{
	width: 100%;
	clear:both;		
	background-color: #C6E1C5; 
}
.nav-sections li{display:inline-block;text-transform:uppercase;font-size:1.25rem;line-height:2rem;position:relative;padding: 0 0.5rem;z-index:999;}
.nav-sections li.active{background-color: #FFFFFF;}

/*Dropdown*/
.nav-sections li ul, .nav-subsections{
	display: none;
	position: absolute;
    left:0;
	background-color: #FFFFFF;
	min-width: 18em;
    border-bottom: 1px solid #696C71;
}
.nav-sections li ul li, .nav-subsections li {
	padding: 0.5em 1em;
    display:block;
    text-transform:none;
}
.nav-sections li ul li a, .nav-subsections a {
	display: block;
	text-align: left;
}
.nav-sections li:hover,.nav-subsections-trigger:hover > a{color: #FFFFFF;}
.nav-sections li:hover ul, .nav-subsections-trigger:hover .nav-subsections { display: block;}
@media screen and (max-width : 992px) {/*Mobile*/ 
	
	#sb-site {padding-top: 4rem;}
	#page-header-mobile {	
		position: fixed;
		top: 0;
		width: 100%;
		height: 3rem;
		z-index: 4;	
		background: #68B065;
		-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
	}
	#page-header-mobile .branding{
		width: 100%;
		padding:0 2%;
		display: table;
        /*reset*/
        float: none;
        margin: 0;
    }
	#page-header-mobile h1{text-align:center;display: table-cell; vertical-align: middle; width: 70%;margin: 0;padding:0;border-bottom:0;}
	#page-header-mobile h1 img{width: auto; max-height:3rem;}
    #page-header-mobile .branding a {    
        /*reset*/
        width: auto;
        height: auto;
    }
	#page-header-mobile .branding div{display: table-cell; vertical-align: middle; width: 15%;}
	#page-header-mobile .sb-toggle-left{text-align:left!important;}
	#page-header-mobile .sb-toggle-right{text-align:right!important;}
}
@media only screen and (max-width : 320px) {    
}
/*--- SideBars ---*/    
.sb-left {border-right:0.5rem solid #EEEEEE;
	background-color: #C6E1C5; }
.sb-right {border-left:0.5rem solid #EEEEEE;padding:0.5rem; }

@media only screen and (max-width : 320px) {
.sb-left {border-right:0.25rem solid #EEEEEE;}
.sb-right {border-left:0.25rem solid #EEEEEE;padding:0.25rem;}
}
.sb-left ul{margin:0;padding:0;}
.sb-left ul ul{margin:0;padding:0.5em 0;}
.sb-left li  {
    display:block;
    text-transform:uppercase;
    font-size:1.25rem;
    line-height:2rem;    
    padding: 0 0.5rem;
}
.sb-left li li{
	font-size: 0.85em;
	border-bottom:0;
}
.sb-left li > a {	
	display:block;
	position: relative;
}
.sb-left li li > a {	
	text-transform:none;
	padding-left:1em;
}
/*sb-slidebar hover*/
.sb-left > ul > li:hover  > a,.sb-left > ul > li:hover  > a:before,
.sb-left > ul > li:target  > a,.sb-left > ul > li:target  > a:before {
	color: #68B065;
}
/*Sub sb-slidebar hover*/
.sb-left li li:hover  > a,.sb-left li li:hover  > a:before,
.sb-left li li:target  > a,.sb-left li li:target  > a:before {
	color: #68B065;
}
/*sb-slidebar active*/
.sb-left > ul > li.active  > a,.sb-left > ul > li.active  > a:before{
	color: #B86E1C;
}
/*Sub sb-slidebar keep normal color, not active*/
.sb-slidebar > ul > li.active  > a > ul > li > a,.sb-slidebar > ul > li.active  > a  > ul > li > a:before{
	color: #91B362;
}
/*Sub sb-slidebar active color*/
.sb-left li li.active  a,.sb-left li li.active  a:before{
	color: #68B065;
}
.sb-right .block {border-bottom:3px solid #68B065;}
.sb-right ul{margin:0 1em;padding:0;}
/*  Global Content 
----------------------------------------------------*/ 
.main-alone{
  margin: 0 auto;
  max-width: 112rem;
  padding: 0 2rem;
  width: 100%;
}
.main{ float: left; width: 66.66%; }
.aside{ float: right; width: 30%; }
.main.invert{float: right;}
.aside.invert {float: left;}

@media screen and (max-width : 992px) {/*Mobile*/
	.main{width: 100%;}
	.aside{display:none;}
}
/*------- Section -------*/
.section-header{margin-bottom: 2rem;text-align: center;overflow: hidden;border-bottom: 1px solid #393A3E;}
.section-header h2{
	font-size: 2em;
    position: relative;    
    display: inline-block;
	padding:0 5rem;
    margin:0;
	text-transform:uppercase;
    box-shadow: inset 0 -3px 0 #91B362;
}
	
/*------- SideNav -------*/
.sidebar-nav{}

/*  Global Footer
----------------------------------------------------*/ 
#page-footer {
	background: #EAEBEC;
	width: 100%;
	margin-top: 2rem;
}
#page-footer footer{margin-top: 2rem;}

#page-footer a:hover,#page-footer a:active{color: #B86E1C;}
#page-footer .icons {
	margin:2em auto;
	padding: 0;
	list-style:none;
	text-align:center;
}
#page-footer .icons li{display: inline-block;margin:0 0.25em;font-size:1.5rem;}
#page-footer .icons img,#page-footer .icons span{display: inline-block;height: 3rem;border: solid 1px #68B065;}
#page-footer .icons span{line-height: 3rem;font-weight:bold;padding:0 0.25rem;}
#page-footer .icons img{width: 3rem;}
#page-footer .icons a:link,#page-footer .icons a:visited{color: #27272C;}

.copyright {
	margin:2em 0 0 0;
	padding: 0 2em 0 0;
	list-style:none;
	height: 3rem;
	line-height: 3rem;
	width: 100%;
	text-align:right;
	border-top: solid 1px #696C71;
	color: #696C71;
}
.copyright li{display: inline-block;margin-left:1.25em;}
.copyright a:link,.copyright a:visited{color: #696C71;}

#page-footer a.up{}

@media screen and (max-width : 992px) {
	#page-footer .icons li{font-size:1.25rem;margin:0.25em;}
	#page-footer .icons img,#page-footer .icons span{height: 1.75rem;}
	#page-footer .icons span{line-height: 1.75rem;}
	#page-footer .icons img{width: 1.75rem;}
}
/*  Content Layout
==========================================================================*/	
.primary{color: #68B065;}
.secundary{color: ;}
.tertiary{color: #C6E1C5;}
.accent{color: #B86E1C;}

.radio-list li{
    list-style:none;
    margin:1rem;
    padding:0.5rem;
    border: 1px solid #68B065;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.item {
	padding: 1rem ;
	background: #ffffff;
	margin: 0 0 2rem 0;
	position: relative;
	width:100%;
	clear:both;
	float:left;
}
@media screen and (max-width : 992px) {/*Mobile*/ 
	.item{margin: 0 0 1rem 0;}
}
.item.shadow{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
	border-radius: 2px;
}
.metadata {color: #B4B6BA;}
.pubdate::before,.sincedate::before,.cats::before,.start-end::before ,.start::before,.end::before{
	font-family: FontAwesome;
	display: inline-block;
	color: #B4B6BA;
	margin-right:0.3rem;
}
.pubdate::before {content: "\f073";}
.sincedate::before {content: "\f017";}
.cats::before {content: "\f02b";}
.start-end::before {content: "\f073";}
.start::before {content: "\f274";}
.end::before {content: "\f273";} 
.author{display:block;font-size: 0.8rem;line-height:1.3rem;}
.more{
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    border: 1px solid #B4B6BA;
	padding:0.05rem 0.25rem;
}
a.more:link, a.more:visited{color: #B4B6BA;}
a.more:hover, a.more:active{color: #68B065;}
.social img{max-width:38px;max-height:38px;float:right;margin: 0.3rem;}
.item h3{
    font-size: 1.2rem;
	text-align:left;
	border-bottom:0;
    Xmargin: 0 0 1rem 0;
    padding: 0rem;
}
.item  h3 a:link,.item  h3 a:visited{color: #393A3E;}
.item  h3 a:hover,.item  h3 a:active{color: #68B065;}
@media only screen and (max-width : 480px) {/* Mobile L (BP-XS)*/ 
	.item h3 {font-size: 1rem;}
}
/*  Item XS: image + title + one more thing max.
----------------------------------------------------*/
.item-XS{}
/*  Item S: image + header + (data aside | actions bottom)
----------------------------------------------------*/
.item-S {position:relative;padding-bottom:1.5rem;}
.item-S::after{
	position:absolute;
	bottom:0;
	left:25%;
    content: "";
    display: block;
	width: 50%;
    margin: 0rem auto 0.5rem auto;
    height: 1px;
    background: #B4B6BA;
}
.item-S  .pubdate{float:left;}
.item-S  .more{float:right;}
/*----- Item M: standar listing in categories -----*/
.item-M{}
.item-M .image{max-width:18rem;max-height:10rem;overflow:hidden;}
;}
.item-M  .more{float:right;}
@media only screen and (max-width : 480px) {/* Mobile L (BP-XS)*/ 
	.item-M .image {
	max-width: 100%;
	width: 100%;
    float: none;
    padding:0.5em;
    top: 0em;}
}
/*  Item L: standar full content (article, news,...)
----------------------------------------------------*/
.item-L { padding: 2rem ;}
.item-L  header{margin:0 auto;text-align:center;}
.item-L  h1{display:inline-block;}
.item-L .metadata{list-style:none;}
.item-L .metadata li{margin-right:2rem;float:left;}
@media screen and (max-width : 992px) {
	.item-L { padding: 1rem ;}
}
/*  Register & Login
----------------------------------------------------*/

/*  Home
----------------------------------------------------*/

/*------- Carousel -------*/
.Home #page-content.wrapper{margin:0!important;}
.Home-carousel {
	position:relative;
	margin:0 auto;
	padding: 0;
	width:100%;
	border-bottom:1px solid #F5F5F2;
	text-align: center;
	background:#696C71;
	margin-bottom:2rem;
}
@media screen and (max-width : 992px) {/*Mobile*/ 
	.Home-carousel{margin-bottom:1rem;}
}
.Home-carousel .owl-controls {
	position:absolute;
	bottom:0.5rem;
	left: 50%;
	transform: translateX(-50%);
} 
.owl-theme .owl-controls .owl-page span{
	background: #B86E1C!important;
}

/*tpl-carousel-title layout*/
.Home-carousel .tpl-carousel-title {
	position:relative;
	display: inline-block;
	max-width:80rem;
	margin:0 auto;
}
.Home-carousel .tpl-carousel-title img{
	text-align:center;
	margin:0 auto;
	display:inline;/*Bug space below*/
}
.Home-carousel .tpl-carousel-title a{
	background-color: rgba(255, 255, 255, 0.5);	

	margin: auto;
	position: absolute;
	left: 0; bottom: 3rem; right: 0;
	
	text-align: center;
	font-family: "Damion", Helvetica, sans-serif;
	font-size:2rem;
    display: inline;
	color:#27272C;
}
.Home-carousel .tpl-carousel-title a:hover{color:#68B065;}

/*tpl-carousel-banner layout*/
.Home-carousel .tpl-carousel-banner {
	position:relative;
	display: inline-block;
	max-width:80rem;
	margin:0 auto;
}
.Home-carousel .tpl-carousel-banner img{
	text-align:center;
	margin:0 auto;
	display:inline;/*Bug space below*/
}
.Home-carousel .tpl-carousel-banner a{display:block;}

/*tpl-carousel-image layout*/
.Home-carousel .tpl-carousel-image{width:100%;position:relative;display: block;overflow: hidden;}
.Home-carousel .tpl-carousel-image a{
	background-color: rgba(255, 255, 255, 0.5);	
	margin: auto;
	position: absolute;
	left: 0; bottom: 3rem; right: 0;
	
	text-align: center;
	font-family: "Damion", Helvetica, sans-serif;
	font-size:2rem;
    display: inline;
	color:#27272C;
}
.Home-carousel .tpl-carousel-image a:hover{color:#68B065;}

.Home-carousel .tpl-carousel-image img{
	text-align:center;
	margin:auto;
	display:block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
}

@media only screen and (max-width : 2560px) {/* 4K (BP-XXL)*/
	.Home-carousel .tpl-carousel-image{height:303px;}
	.Home-carousel .tpl-carousel-image a{font-size:3rem;bottom: 3rem;}
}
@media only screen and (max-width : 1440px) {/* Laptop L (BP-L)*/
	.Home-carousel .tpl-carousel-image{height:400px;}
	.Home-carousel .tpl-carousel-image a{font-size:2rem;bottom: 3rem;}
}
@media only screen and (max-width : 1024px) {/* Laptop S (BP-M)*/
	.Home-carousel .tpl-carousel-image{height:303px;}
	.Home-carousel .tpl-carousel-image a{font-size:2rem;bottom: 2rem;}
}	
@media only screen and (max-width : 768px) {/* Tablet (BP-S)*/
	.Home-carousel .tpl-carousel-image{height:189px;}
	.Home-carousel .tpl-carousel-image a{font-size:1.5rem;bottom: 2rem;}
}
@media only screen and (max-width : 320px) {/* Mobile S (BP-XXS)*/ 
	.Home-carousel .tpl-carousel-image{height:94px;}
	.Home-carousel .tpl-carousel-image a{font-size:1rem;bottom: 1rem;}
}


/*------- Nodes -------*/
.Home .news{float:left;width:48%;background:#FFFFFF;}
.Home .events{float:right;width:48%;background:#FFFFFF;}
.Home .news.block{border-top:3px solid #FF9933;}
.Home .events.block{border-top:3px solid #FFCC33;}
.Home .news .item-S::after{background:#FF9933;}
.Home .events .item-S::after{background:#FFCC33;}
.Home .news h2,.Home .events h2{font-size:1.8rem;border-bottom:1px solid #D1D3D6;}

@media screen and (max-width : 992px) {/*Mobile*/ 
	.Home .news,.Home .events{float:left;width:100%;font-size:90%;}
	.Home .news h2,.Home .events h2{font-size:1.6rem;margin:0;}
}

/*	Utilities
==========================================================================*/
#link2edit{
	position: fixed;
	right: 1%; 
	bottom: 1%;
    border-radius: 50%;
    overflow: hidden;
    width: 3.125rem;
    height: 3.125rem;
	background-color:#68B065;
}
#link2edit a {		
	color:#FFFFFF;
	width: 50%;
	height: 50%;
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	font-size:2rem;
}
.bg-color-0{background-color:#E57373;}
.bg-color-1{background-color:#F06292;}
.bg-color-2{background-color:#BA68C8;}
.bg-color-3{background-color:#9575CD;}
.bg-color-4{background-color:#64B5F6;}
.bg-color-5{background-color:#4DD0E1;}
.bg-color-6{background-color:#4DB6AC;}
.bg-color-7{background-color:#81C784;}
.bg-color-8{background-color:#9CCC65;}
.bg-color-9{background-color:#FDD835;}
.bg-color-10{background-color:#FFB74D;}
.bg-color-11{background-color:#FF8A65;}

.pad-XS { padding: 0.2rem; }
.pad-S { padding: 0.5rem; }
.pad-M { padding: 1rem;}
.pad-L { padding: 1.5rem; }

.margin-XS { margin: 0.2rem; }
.margin-S { margin: 0.5rem; }
.margin-M { margin: 1rem; }
.margin-L { margin: 1.5rem; }

.float-right{ float: right; }
.float-left{ float: left; }
.clear-both { clear: both; }

.align-right{ text-align: right; }
.align-left{ text-align: left; }
.align-center{ text-align: center;}
.align-justify{ text-align: justify; }
.center{display: block; margin-left: auto;margin-right: auto;}
/*.center > img{text-align:center;margin:0 auto;display:block;}*/

.inline{ display: inline;}
.block{display:block;}
.relative{position:relative;}

.bleed {padding:0;margin:0;}
.no-padding {padding:0;}
.no-margin{margin:0;}
.no-border{border: 0px;}
.no-bg{   background: transparent;}

p:empty { display: none !important} /* hide all rempty <p> tags */

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */
.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the elrement
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elrements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elrements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*	Fixes
==========================================================================*/
input[type="search"]::-ms-clear {
  /* removes close icon - IE */
  display: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*	Print styles.
	Inlined to avoid the additional HTTP request:
	http://www.phpied.com/delay-loading-your-print-css/
==========================================================================*/

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't H links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}