/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 
 /* Header */
.navbar-default {
	 background-color: #ffffff;
	 margin-bottom: 40px;
 }
.logoslogan {
	width: 400px;
	float: left;
	padding-bottom: 40px;
	padding-right: 60px;
	padding-top: 50px;
}
.navbar-header .logo {
	width: 325px;
	margin-bottom: 4px;
}
.navbar-header .logo img {
	width: 100%;
	padding-bottom: 4px;
}
.navbar-header .lead {
	float: left;
	font-family: sans-serif;
	font-size: 16px;
	width: 310px;
	font-weight: 600;
	color: #777777;
	padding-left: 15px;
}

.navbar-collapse {
	margin-top: 64px;
	float: right;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	background-color: #FFEC06;
	color: #444444;
	font-weight: bold;
}

/* Generals */

body {
	font-family: 'Libre Franklin', sans-serif;
	font-weight: normal;
}
a img:hover {
	opacity: 0.6;
}
h4 {
	font-weight: bold;
	font-size: 20px;
}
h1 {
	font-size: 32px;
}

strong {
	background-color: #FFEC06;
	color: #444444;
	padding: 4px;
	padding-top: 2px !important;
}

.node strong {
	background-color: #ffffff;
	color: #444444;
	padding: 0px;
	font-weight: bold !important;
	padding-top: 0px !important;
}
.petitgris {
	color: #888888;
}
.no-sidebars .main-container .row  {
	padding-left: 8%;
	padding-right: 8%;
}
.page-consortium .main-container .row  {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.page-node-36 .main-container .row  {
	padding-left: 0 !important;
	padding-right: 0 !important;
}


.field-name-body p img {
	width: 100%;
}
a {
    color: #0046FF;
}
a:hover {
	color: #00CBD8;
	text-decoration: none;
}
.btn-success {
	background-color: #0046FF;
	border-color: #0046FF;
}
.btn-success:hover {
	background-color: #00CBD8;
	border-color: #00CBD8;
}

.btn-primary {
	background-color: #0046FF;
	border-color: #0046FF;
}
.view-filters {
	float: right;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}
h2.block-title {
	font-size: 16px;
	font-weight: bold;
	color: #888888;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
	color: #fff;
    text-decoration: none;
    background-color: #FF5DD8;
    outline: 0;
}
.node .field {
	margin-bottom: 20px;
}
.field-name-body {
	margin-bottom: 3%;
	font-size: 16px;
}
.field-name-body img {
	margin-bottom: 20px;
	margin-top: 20px;
}
.field-name-body a {
	color: #00CBD8
}
.field-name-body a:hover {
	color: #FF5DD8;
}
#sliding-popup.sliding-popup-bottom, 
#sliding-popup.sliding-popup-bottom .eu-cookie-withdraw-banner, 
.eu-cookie-withdraw-tab {
	background-color: #00CBD8;
}

/*hashtag*/
.hashtag {
    float: right;
    width: 300px;
    text-align: right;
    font-weight: bold;
    font-size: 24px;
    padding-top: 0px;
    color: #8FBDFF;
    margin-bottom: 13px;
}
.hashtag a.ext {
	display: block;
	color: #00CBD8;
}
.hashtag a.ext:hover {
	color: #0046FF;
}
.hashtag .ext {
	display: none;
}

/* Table field */
tbody tr td {
	padding-right: 40px;
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom: 1px solid #dddddd;
}
table {
	margin-bottom: 40px;
}

/* Footer */
.footer{
	border-top: 5px solid #dddddd;
	text-align: center;
} 

#block-views-sign-up-newsletter-block {
	width: 25%;
	float: left;
	margin-right: 4%;
	text-align: left;
	padding-right: 40px;
	border-right: 1px solid #dddddd;
	margin-left: 8%;
}
#block-views-sign-up-newsletter-block h2.block-title {
	margin-top: 0;
}
#block-block-2 {
	width: 25%;
	float: left;
	margin-right: 4%;
	text-align: left;
	padding-top: 25px;
	border-right: 1px solid #dddddd;
	min-height: 250px;
}
#block-block-2 #twitter-widget-0 {
	margin-bottom: 20px;
}

#block-block-2 h4 {
	font-weight: bold;
}

.corpfooter {
	width: 25%;
	float: left;
	text-align: left;
	font-size: 12px;
	color: #888888;
	padding-top: 20px;
	text-align: justify;
}
.corpimg {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}
.corpfooter img {
	width: 50px;
	clear: both;
}

/* galinetes */
#block-block-4 {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #dddddd;
}

#block-block-4 img {
	border: 1px solid #dddddd;
	width: 131px;
	height: 90px;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-left: 4px;
}

/* Sidebar*/
.region-sidebar-second .block {
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 5px solid #dddddd;
}
.view-blog-posts-by-date .view-content {
	margin-top: 20px;
	margin-bottom: 20px;
}
/*icologo*/
#block-block-3 img {
	width: 100%;
}



/* taxonomy term page */
.page-taxonomy-term .addtoany {
	display: none;
}
.page-taxonomy-term .node {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dddddd;
}

/* Flip Card */
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 265px;
  height: 175px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #ffffff;
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color: #FFEC06;
  color: #444444;
  transform: rotateY(180deg);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}
.flip-card-back a {
	color: #444444;
}

/* View blog home */
.view-blog-home blockquote {
	margin-bottom: 0px;
	font-style: italic;
	font-size: 23px;
	padding-left: 0px;
	border-left: none;
	color: #666666;
	text-align: left;
}
.view-blog-home .view-header h3 {
	margin-bottom: 20px;
	margin-top: 40px;
	float: left;
	width: 100%;
}
.view-blog-home .view-header a {
	color: #888888;
}
.view-blog-home .view-header a:hover {
	color: #555555;
}
.view-blog-home .views-row {
	width: 100%;
	float: left;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e7e7e7;
}
.wrapper-blog-home {
	width: 100%;
	float: left;
}
.blog-home-img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 25%;
}
.blog-home-content {
	float: left;
	width: 70%;
	margin-bottom: 20px;
}
.view-blog-home h4 {
	margin-top: 0px;
	padding-top: 0;
}
.catblog {
	float: none;
	margin-top: 15px;
}
.catblog a {
	border: 1px solid #dddddd;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: none;
	clear: both;
	margin-bottom: 10px;
	margin-right: 10px;
	color: #999999;
	font-size: 12px;
	background-color: #f5f5f5;
}
.catblog a:hover {
	background-color: #FFEC06;
	border: 1px solid #FFEC06;
}
.view-blog-home a.views-more-link {
	color: #000000
}

/* View blog blog */

.page-blog .page-header {
display: none;
}

.views-exposed-form {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}
.view-activities .views-row {
	width: 100%;
	float: left;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e7e7e7;
}

.wrapper-blog-blog {
	width: 100%;
	float: left;
}
.blog-blog-img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 25%;
}
.blog-blog-content {
	float: left;
	width: 70%;
	margin-bottom: 20px;
}
.blog-blog-content .created {
	font-style: italic;
	margin-bottom: 10px;
	color: #888888;
}
.blog-blog-content .viewnode {
	margin-top: 10px;
}
.blog-blog-content .keywords {
	margin-top: 30px;
}
.blog-blog-content .keywords a {
	margin-top: 10px;
	border: 1px solid #dddddd;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: none;
	clear: both;
	margin-bottom: 10px;
	margin-right: 10px;
	color: #999999;
	font-size: 12px;
	background-color: #f5f5f5;	
}
.view-blog-blog h4 {
	margin-top: 0px;
	padding-top: 0;
}
.catblogblog {
	float: none;
	margin-top: 15px;
}
.catblogblog a {
	border: 1px solid #dddddd;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: none;
	clear: both;
	margin-bottom: 10px;
	margin-right: 10px;
	color: #999999;
	font-size: 12px;
	background-color: #f5f5f5;
}
.catblogblog a:hover {
	background-color: #FFEC06;
	border: 1px solid #FFEC06;
}
.view-blog-blog a.views-more-link {
	color: #000000
}

/* Blog node*/
.node-type-activities .submitted {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.node-type-activities .field-name-field-image-blog {
	width: 30%;
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
}

.node-type-consortium .field-name-field-logo-cons{ 
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 300px;
}

/* View Consortium */
.view-consortium .views-row {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.view-consortium .views-row img {
	border: 1px solid #cccccc;	
}
.view-consortium .views-row h3 {
	font-size: 20px;
}

/* Contact */
.contactleft {
	float: left;
	margin-right: 40px;
	width: 30%;
	margin-bottom: 30px;
}
.contactright {
	float: right;
}

/* Advisory board */
.wrapper-advisory {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dddddd;
}
.wrapper-advisory .text {
	font-size: 14px !important;
	text-align: justify;
}

.fotonom {
	width: 20%;
	float: left;
	margin-right: 5%;
}
.fotonom img {
	width: 100%;
}

.text {
	width: 75%;
	float: left;
}
	
/*Workshops*/
.workshopsfoto {
	width: 400px;
	float: right;
}
.workshopsfoto img {
	width: 100%;
}
#node-34 table {
	float: left;
	margin-right: 20px;
}
#node-34 table tr td {
	padding-bottom: 10px;
	padding-top: 10px;
}
#node-34 .links {
	float: left;
	width: 100%;
}
.webform-component--country {
max-width: 340px;
}
.webform-component--country .form-control {
border: none;
box-shadow: none;
padding: 0px;
}

@media (max-width: 768px) {
	
	h1 {
		font-size: 24px;
	}
	.breadcrumb {
		font-size: 14px;
	}
	/* ol.breadcrumb li {
		max-width: 140px;
		max-height: 18px;
		overflow: hidden;
		padding-right: 5px;
	}*/
	.node {
		padding-left: 5px;
		padding-right: 5px;
	}
	.view-filters {
		margin-top: 10px;
		margin-bottom: 10px;
	}	
	.navbar-default {
	    margin-bottom: 20px;
	} 
	
	.logoslogan {
		float: none;
		margin-left: 4%;
		margin-right: 4%;
		width: 92%;
		margin-bottom: 20px;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
	.logoslogan .logo,
	.logoslogan .lead {
		float: left;
		margin-left: 1%;
		margin-right: 1%;
		width: 98%;
		margin-bottom: 20px;
		text-align: center;
	}
	.navbar-toggle {
		float: none;
		margin-left: 45%;
		margin-right: 45%;
		width: auto;
		margin-bottom: 20px;
		text-align: center;
	}
		
	.navbar-collapse {
	    margin-top: 40px;;
	    float: left;
	    padding-left: 20px;
	    width: 100%;
	}
	.view-blog-home blockquote {
		text-align: center;
		font-size: 18px;
	}
	.view-blog-home .view-header {
		text-align: center;
	}
	.blog-home-img {
	    float: left;
	    margin-right: 0px;
	    margin-bottom: 20px;
	    width: 100%;
	}
	.blog-home-content {
	    float: left;
	    margin-right: 0px;
	    margin-bottom: 20px;
	    width: 100%;
	    padding-right: 10px;
	}
	#block-block-3 img {
	    width: 30%;
	    margin-left: 35%;
	    margin-right: 35%;
	}
	#block-block-4 img {
		margin-bottom: 20px;
		width: 90%;
		height: 100%;
		margin-left: 5%;
		margin-right: 5%;
	}
	.blog-blog-img {
		width: 100%;
	}
	.blog-blog-content {
		width: 100%;
		padding-right: 10px;
	}
	.fotonom {
		width: 100%;
	}
	.text {
		width: 100%;
		font-size: 14px;
	}
	.contactleft {
	    float: left;
	    margin-right: 10px;
	    width: 100%;
	    margin-bottom: 20px;
	}	
	.contactright {
	    float: left;
	    margin-right: 10px;
	    width: 100%;
	    margin-bottom: 20px;
	    display: none;
	}
	.hashtag {
		display: none;
	}
	#block-views-sign-up-newsletter-block {
		width: 92%;
		float: left;
		border-bottom: 1px solid #dddddd;
		margin-bottom: 10px;
		padding-bottom: 40px;
		margin-right: 8%;
		border-right: 0;
	}	
	#block-block-2 {
		width: 92%;
		float: left;
		border-right: none;
		padding-right: 0;
		margin-left: 8%;
		margin-right: 8%;
		border-bottom: 1px solid #dddddd;
		min-height: 160px;
		margin-bottom: 10px
	}	
	.corpfooter {
		width: 92%;
		float: left;
		border-right: none;
		padding-right: 0;
		margin-left: 8%;
		padding-left: 5px;
		padding-right: 5px;
	}	

}

@media (max-width: 1192px) {
		/* galinetes */
	#block-block-4 {
		padding-bottom: 40px;
		margin-bottom: 40px;
		border-bottom: 1px solid #dddddd;
	}
	
	#block-block-4 img {
		border: 1px solid #dddddd;
		width: 106px;
		height: 76px;
		margin-right: 4px;
		margin-bottom: 8px;
		margin-left: 4px;
	}
	.contactleft {
	    float: left;
	    margin-right: 10px;
	    width: 100%;
	    margin-bottom: 20px;
	}	
	.contactright {
	    float: left;
	    margin-right: 10px;
	    width: 100%;
	    margin-bottom: 20px;

	}

}