@import url('https://fonts.googleapis.com/css?family=Merienda'); 
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');

.row-borders table,
.row-borders table tr {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}

.teaser-repeat {
	color: #888;
	font-style:italic
}

.red {
	color: red;
}
.fullwidth,
.fullwidth table  {
	width: 100%;
	max-width: none;
}

table td {
	padding: 3px;
}

.block table {
	margin: 0;
}
ul.links.inline li {
	display: inline-block;
	padding: 0 20px;
}



/* ====== flags ===== */

.views-field-link-flag {
	text-align: center;
}
.flag {
	display: inline-block;
	margin: 5px auto;
	text-align: center;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #bbb;
	background: #eee;
	padding: 5px 12px;
}
.views-element-container .flag {
	display: inline-block;
	margin: 1px auto;
	padding: 3px;
	font-size: 10px;
	min-width: 50px;
	line-height: 1.2em;
}


@media (min-width: 992px) {
}

.flag a {
	text-decoration: none;
	font-size: 1em;
	color: #000;
}
.flag:hover {
	background: #dd6;
}
.flag a:hover {
	color: #000;
}
.action-unflag {
	background: #ff6;
	box-shadow: 4px 4px 4px #999;
	
}

/* ===== general ===== */

.block { display: block; }
p {	margin: 0 0 10px 0; }

/* ===== custom styles ===== */

.center { text-align:center; }
.small { font-size: .75em; line-height: 1.15; font-weight: normal; }
.big-text {	font-size: 1.2em; line-height: 1.3em; }
.grey {	color: #888; }
.bold {
	font-weight: bold;
}


.table-50-50 td { width: 50%; }
.float-left-50-responsive {	float: left; width: 50%; }





/* ===== Fonts ===== */

/* ----- Font style + size ----- */

body{
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 170%;
}

h1, .h1,h2 , .h2 { font-family: Merienda; }
.field--name-field-facilitators .field--name-field-real-name h3 { font-family: Merienda; } /* Name below user round image */

h1, .h1 { font-size: 1.8em; }
h2, .h2 { font-size: 1.4em; }
h3, .h3 { font-size: 1.2em; }
h4, .h4 { font-size: 1.1em; }
#block-views-block-user-this-block-1 h2 { font-size: .8em; } /* User info block in profile */
.field--name-field-facilitators .field--name-field-real-name h3 { font-size: 1.6em; }
article.comment h3 { font-family: 'Open Sans', sans-serif; font-size: 1.2em; }
article.node--type-team.node--view-mode-teaser h2 { font-family: 'Open Sans', sans-serif; font-size: 1.3em; }
article.node--type-team.node--view-mode-teaser h3 { font-family: 'Open Sans', sans-serif; font-size: 1.1em; }
.submissions-list article.node--view-mode-teaser h2 { font-family: 'Open Sans', sans-serif; font-size: 1.3em; }
.submissions-list article.node--view-mode-teaser h3 { font-family: 'Open Sans', sans-serif; font-size: 1.05em; }


@media (min-width: 768px) {
h1, .h1 { font-size: 2.2em; }
h2, .h2 { font-size: 1.7em; }
h3, .h3 { font-size: 1.4em; }
h4, .h4 { font-size: 1.2em; }
.field--name-field-facilitators .field--name-field-real-name h3 { font-size:1.9em; }
}
@media (min-width: 992px) {
h1, .h1 { font-size: 3.0em; }
h2, .h2 { font-size: 2em; }
h3, .h3 { font-size: 1.8em; }
h4, .h4 { font-size: 1.4em; }
.region-sidebar-left .block h2,
.region-sidebar-right .block h2 { font-size: 1.5em; }
.field--name-field-facilitators .field--name-field-real-name h3 { font-size: 2.2em; }
}
@media (min-width: 1200px) {
h1, .h1 { font-size: 3.6em; }
h2, .h2 { font-size: 2em; }
h3, .h3 { font-size: 2.0em; }
h4, .h4 { font-size: 1.6em; }
.region-sidebar-left .block h2,
.region-sidebar-right .block h2 { font-size: 1.7em; }
.field--name-field-facilitators .field--name-field-real-name h3 { font-size: 2.5em; }
}
@media (min-width: 992px) {
.region-sidebar-left,
.region-sidebar-right {
	font-size: .8em;
	line-height: 1.25em;
}
}

/* ----- Font color + shadow + alignment ----- */

body{
	color: #333;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
	color: #000;
}
h1, .h1 {
	text-shadow: 0 0 40px #fff,  0 0 30px #fff,  0 0 20px #fff,  0 0 10px #fff, 0px 0px 5px #fff;
	text-align: center;
}
.region-sidebar-left .block h2,
.region-sidebar-right .block h2 { color: #888; margin: 0; padding-bottom: 10px;  }
#footer .block h2,
#footer .block h5 {  /* in front of clay background */
	font-size: 24px;
	font-family: Merienda;
	color: #000;
	text-shadow: 0 0 10px #fff;
	text-align: center;
}
table h2 {
	margin: .2em 0;
}
.node__submitted,
.comment-submitted {
	color: #999;
	font-size: .85em;
	line-height: 1.15em;
	text-align: right;
}
article.node--type-team.node--view-mode-teaser h2 { margin-top: 0; }

.submissions-list article.node--view-mode-teaser h2 { margin-top: 0; }




@media (max-width: 992px) {
#block-subtitle h2  { text-align: center; padding-top: 20px; line-height: 1.3em; }
.field-subtitle	h2 { text-align: center; }
}


/* ===== links ===== */

a {
	color: #078D92;
}
a:hover{
	color: #00aadf;
	text-decoration:none;
}
.button a {
	color: #fff;
}
.button:hover a {
	color: #fff;
}

.main-header {
	color: #000;
}


/* ===== Images ===== */

img { 
	max-width: 100%;
	height: auto;
}
.hero img {
	width: 100%;
}

.user-round-micro img {
	border-radius: 25px;
	box-shadow: 3px 3px 3px #aaa;
}
table .user-round-micro img {
	margin: 2px;
}
.event-row .user-round-micro img,
.participant-column .user-round-micro img {
	width: 70%;
	height: 70%;
}


/* ===== boxed content ===== */
/* ---- Teaser, comments, user presentation ----- */

#block-contentform form,
#block-contentform-4 form,
.submissions-list article.node--view-mode-teaser
 {
	border: 1px solid #bbb;
	border-radius: 8px;
	padding: 3px 10px 10px 10px;
	margin-bottom: 40px;
	box-shadow: 5px 5px 5px #eee;
	background: #FFFFE2;
}
#block-contentform .node-message-form,
#block-contentform-4 .node-message-form {
	margin: 0;
}
.node--type-message.node--view-mode-teaser {
	background: #F2EFFB;
}
.node--type-signup.node--view-mode-teaser {
	background: #F3E2A9;
}
.submissions-list .node--type-testimonial.node--view-mode-teaser {
	background: #F6CEF5;
}
.submissions-list .node--type-commitment.node--view-mode-teaser {
	background: #F6CEF5;
}
.submissions-list .node--type-session.node--view-mode-teaser {
	background: #F5BCA9;
}
.node--view-mode-teaser .field--name-field-user-ref {
	border-bottom: 1px solid #999;
}


/* ===== Teaser ===== */

/* Read more link */

.node--view-mode-teaser ul.links {
	margin-top: 20px;
	text-align: right;
	padding-right: 10%;
	font-family: Merienda;
	font-size: 1.05em;
}


/* ===== Fields ===== */

/* field_facilitators: Inline round user images */

.field--name-field-facilitators { /
	text-align: center;
}
.field--name-field-facilitators > .field__item {
	display: inline-block;
	margin: 25px 3%;
}
.field--name-field-facilitators .field--name-field-real-name {
	text-align: center;
	margin: -40px -70px 0 0;
}

/* field_date: inside node content big and centered */

.field--name-field-date {
	text-align: center;
}
article .field--name-field-date {
	font-weight: bold;
	font-size: 1.5em;
	margin: 10px auto;
}

.field--name-field-facilitators .field--name-field-real-name {  /* overlapping user image */
	text-shadow: -2px -2px 3px #fff, 2px -2px 3px #fff, -2px -2px 7px #fff, -2px 2px 7px #fff;
}
#footer .row .region {  /* brown background boxes */
	color: #000;
}
#footer .row .region input {  /* brown background boxes */
	color: #000;
}
.view-empty {
	text-align: center;
	color: #888;
}


/* ===== Language switcher ===== */

#block-languageswitcher li {
	list-style: none;
	display: inline-block;
	padding: 2px 15px;
	margin-right: 10px;
	border-radius: 15px;
}
#block-languageswitcher li.is-active {
	background: #eee;
}
@media (max-width: 992px) {
	
#block-languageswitcher {
	font-size: .8em;
	padding: 1px 5px;
	border-radius: 10px;
}

}


/* ===== Buttons ===== */

.button a,
.button:hover,
.button a:hover,
.btn a,
.btn a:hover {
	color: #fff;
	text-align: center;
}
.button,
.btn {
	margin: 10px;
	border-radius: 16px;
}

.btn-lg {
	padding: 10px 40px;
	border-radius: 25px;
}
.button-wrapper {
	display: inline-block;
	text-align: center;
	font-size: .7em;
	line-hight: 1.15em;
	min-width: 10%;
	padding: 2%;
	vertical-align: top;
	
}
.button-wrapper button {
	display: block;
	margin: auto;
}



/* ===== Views ===== */

.exposed-form-inline .views-exposed-form .form-item,  /* 'exporsed-form-inline' + custom class in Views UI */
.exposed-form-inline .views-exposed-form .form-actions {
	float: left;
    margin-right: 0.5em; 
}
.exposed-form-inline .views-exposed-form .form-item label {
	display: table;
	margin: 0;
}
.views-element-container .node--type-message.node--view-mode-full {
	border: 1px solid #ddd;
	background: #f9f9f9;
	border-radius: 8px;
	padding: 8px;
	margin-bottom: 20px;
}
.views-element-container .node--type-signup.node--view-mode-full {
	border: 1px solid #ddd;
	background: #f9f988;
	border-radius: 8px;
	padding: 8px;
	margin-bottom: 20px;
}



/* ===== lists inline ===== */

ul.links.inline{
  padding: 0;
}

ul.links.inline li{
  list-style: none;
}



/*breadcrumb*/

.breadcrumb{
  background: none;
  padding: 0;
  margin: 0;
}

.breadcrumb ul{
  padding: 0;
}

.breadcrumb ul li{
  display: inline-block;
}