@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Regular.ttf');
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Bold.ttf');
	font-weight: bold;
}

BODY {
	color: #555;
	background: #ffffff;
	font-family: "Open Sans", sans-serif;
 }


/** Links **/

A:link, A:visited, LI A.active, INPUT[type="submit"], summary, button.link, ul.menu a.is-active { color: #602d89;  }
A:hover, A:focus, LI A.active:hover, LI A.active:focus, summary:hover, summary:focus, button.link:hover, button.link:focus { color: #80b9ff; }
A:active { color: #80b9ff; }
.flex-caption A:link,
.flex-caption A:visited { color: #fff !important; text-decoration: none; }

header[role=banner] A:link, header[role=banner] A:visited { }
footer A:link, footer A:visited { color: #fff; }
footer A:hover, footer A:focus { color: #fff; }


button, INPUT[type="submit"], .button, .image-button,
.webform-options-display-buttons input + label.webform-options-display-buttons-label {
	border-color: #602d89;
	background-color: #fff;
}

.button:hover,
.button:focus,
.button:active,
.webform-options-display-buttons input:hover + label.webform-options-display-buttons-label {
	background-color: #eee;
}

INPUT[id|="edit-submit"], INPUT.button-primary, P.promo .button,
.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
	border-color: #602d89;
	background-color: #602d89;
	color: #fff;
	text-shadow: none;
	background-image: none;
}

INPUT[id|="edit-submit"]:hover, INPUT.button-primary:hover, P.promo .button:hover,
.webform-options-display-buttons input:checked:hover + label.webform-options-display-buttons-label {
	color: #602d89;
	background-color: #80b9ff;
}

.pager__item A:hover, .pager__item A:focus { border-color: #80b9ff !important; }
.pager__item.is-active A { color: #fff !important; background-color: #602d89; }


/** Header **/

header[role=banner]
{
	border-width: 0 0 1px 0;
	border-color: #333;
	border-style: solid;
	background-color: #fff;
}


.site-name A {
	float: left; 
	z-index: 15; 
	margin-top: 0;
	background: url(../images/logo-mobile.svg) no-repeat;
	text-indent: -9999px;
	background-size: 186px 38px;
	width: 186px;
	height: 38px;
	background-position: left top;
}



.search-block-form, .accessibility--controls {
}

.accessibility--control { color: #602d89; }


header[role=banner] .search-block-form { display: none; }
footer .search-block-form { margin-bottom: .5em; }
footer .search-block-form INPUT[id|="edit-submit"] { border-color: #fff; }


@media (min-width: 768px) {
	header[role=banner] { border: none; }
	.path-notfrontpage header[role=banner] {
		border-width: 0 0 3px 0;
		border-color: #602d89;
		border-style: solid;
	}
	.block-system-branding-block { margin-left: -20px; }
	.site-name A {
		background: url(../images/logo.svg) no-repeat;
		background-size: 240px 83px;
		width: 240px;
		height: 83px;
	}
	#block-accessibilitytoolbar { margin-top: 10px; }
	#block-accessibilitytoolbar .color-contrast { float: right; }
	#block-accessibilitytoolbar .text-sizing { float: right; margin-right: 2em; }
	header[role=banner] .search-block-form { margin-top: 1em; float: right; display: block; }
	footer .search-block-form { display: none; }
	.search-block-form, .accessibility--controls { background-color: transparent; }
}

@media (min-width: 992px) {
	.site-name A {
		background: url(../images/logo.svg) no-repeat;
		background-size: 240px 83px;
		width: 240px;
		height: 83px;
	}
}

@media (min-width: 1200px) {
	.block-system-branding-block { margin-left: -10px; }
	.site-name A {
		background: url(../images/logo.svg) no-repeat;
		background-size: 265px 92px;
		width: 265px;
		height: 92px;
	}
}

@media (min-width: 1400px) {
	.block-system-branding-block { margin-left: 0; }
	.site-name A {
		background: url(../images/logo.svg) no-repeat;
		background-size: 290px 100px;
		width: 290px;
		height: 100px;
	}
}







/** Navigation **/

.layout-sidebar-first .block-menu { font-size: 0.888888888888889em; }

header[role=banner] .collapsiblock A, #superfish-main-toggle, #superfish-main-accordion { 
	background-color: #602d89; /* icon color */
}

ul.sf-menu a, ul.sf-menu a:visited, ul.sf-menu span.nolink { /** all menu items **/
	color: #602d89;
	background-color: #fff;
}

ul.sf-menu li A.sf-depth-1 { /* main menu items */
	border-width: 0 0 1px 0;
	border-color: rgba(255, 255, 255, 0.5);
	border-style: solid;
	background-color: transparent;
}

ul.sf-menu li.sf-depth-1 > A { /* main menu items */
	color: #fff;
}


ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul { top: 4em; }

ul.sf-menu li:hover, 
ul.sf-menu li.sfHover, 
ul.sf-menu a:focus:not(.sf-accordion-button), 
ul.sf-menu a:hover:not(.sf-accordion-button), 
ul.sf-menu span.nolink:hover { background-color: #80b9ff !important; color: #fff !important; } /* hover all menu items */

ul.sf-menu li.active-trail A.is-active { text-decoration: underline; text-decoration-thickness: 1px; }
ul.sf-menu li.active-trail.sf-depth-1 > A { background-color: #80b9ff; } /* active main menu items */
ul.sf-menu li.active-trail.sf-depth-2 > A,
ul.sf-menu li.active-trail.sf-depth-3 > A { background-color: #eee; } /* active drop down menu items */

.layout-sidebar-first .block-menu { display: none; }

#block-views-block-sidebar-block-1 { display: none; }
.layout-sidebar-first IMG { height: auto !important; max-width: 100%; width: auto; display: block; }
#block-views-block-sidebar-block-1 .view-content { font-size: 0.888888888888889em; line-height: normal; }

@media (min-width: 768px) {
	#block-mainnavigation { display: none; }
	.region-menu { padding: 0; }
	body.path-frontpage #block-mainnavigation { display: block; }
	ul.sf-menu.menu {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: 14.2857142857143%;
		}
	ul.sf-menu li.sf-depth-1 {  }
	nav.menu { 	background-color: #602d89; font-size: 0.888888888888889em; }
	ul.sf-menu li A.sf-depth-1 {
		box-sizing: border-box;
		height: 100%;
		color: #fff;
		padding: 0.75em 0.5em;
		justify-content: center;
		text-align: center;
	}
	ul.sf-menu li:not(:first-child) A.sf-depth-1 { border-width: 0 0 0 1px; }
	ul.sf-menu li.sf-depth-1,
	ul.sf-menu li.sf-depth-1 A.sf-depth-1 { }
	ul.sf-menu.menu ul { /** sub menu outline **/
		border: 1px #ccc solid; 
		background-color: #fff; 
	}
	ul.sf-menu li.active-trail.sf-depth-1 > A { background-color: #eee; } /* active main menu items */
	
	.layout-sidebar-first { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.05+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=1 ); /* IE6-9 */
 }
	.layout-sidebar-first .block-menu { display: block; }

	.layout-sidebar-first ul.menu li A:hover {
		color: #602d89; 
		background-color: #80b9ff; 
		background-color: rgba(128, 185, 255, 0.5); 
		}
	#block-views-block-sidebar-block-1 { display: block; }

	main {
		background-color: #FFF;
		background-image: url(../images/map.gif);
		background-repeat: no-repeat;
		background-position: center top;
	}
	
	.layout-sidebar-first .block-menu > UL.menu > LI:not(:first-child) { border-color: #fff; }
	.layout-sidebar-first .block-menu > UL.menu > LI.menu-item--active-trail {
		background-color: rgba(128, 185, 255, 0.1);
	}
}

@media (min-width: 1200px) {
	ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul { top: 3em; }
}


/** Headers **/

H1, H2, H3, H4, H5, H6 {
	font-weight: normal; 
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
}

H1 { color: #000; }
H2 { font-size: 1.333333333333333em; }
H2, H2+P.subtitle { color: #db8025; }
P.subtitle, .node .field--name-field-subtitle { color: #888; margin-bottom: .5em; 
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
}

.node .field--name-field-role {
color: #7f9400; 
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
}

H3, H4, H5, H6 { color: #666; }

/* Fields */

main .field { margin-bottom: 1em; }

BLOCKQUOTE {   }

LEGEND {
	font-weight: bold;
	color: #666;
}

LABEL, .form-composite LEGEND, .field--type-datetime H4, .field--type-yearonly H4 { color: #333; }

main P.promo { color: #f00; }

.caption { font-size: 0.88888888em; color: #999; text-align: left; padding: .25em 0 0 0; 	line-height: normal; }

.flex-caption { font-size: 0.888888888888889em; line-height: 1em; }


/** Images & Video **/

.view-thumbs IMG { border-radius: .5em; }

.path-notfrontpage .flex-control-paging li a {
  width: auto;
  height: 1.5em;
  background: none;
  text-indent: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0.25em;
  text-decoration: none;
}

.flex-control-paging li a:hover { background-color: #602d89; color: #fff; }
.flex-control-paging li a.flex-active { background-color: #eee; }

.field--name-field-audio .field--name-field-caption { margin-bottom: 3px; }

/** Forms **/

textarea:focus, input:is([type="text"], [type="search"], [type="number"], [type="date"], [type="time"], [type="datetime-local"], [type="month"], [type="week"], [type="password"], [type="email"], [type="tel"], [type="url"]):focus {
	border-color: #cc0;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #ff9;
}

input:checked[type="checkbox"] {
	background-color: #005569;
}

#edit-group-related-pages .paragraph-top { display: block; }
#edit-group-related-pages .paragraph-type,
#edit-group-related-pages .paragraph-info,
#edit-group-related-pages .paragraph-summary,
#edit-group-related-pages .paragraphs-icon-button  { display: none; }
#edit-group-related-pages .paragraphs-actions { float: right; z-index: 100;}

/** Tables **/

THEAD TH {
	color: #000;
	border-width: 0 0 2px 0;
	border-color: #000;
	border-style: solid;
}
TABLE>tbody>tr:nth-child(even), .even { background-color: #eee; background-color: rgba(0, 0, 0, 0.06); }
TABLE>tbody>tr:nth-child(odd) .is-active, .odd .is-active { background-color: #ddd; background-color: rgba(0, 0, 0, 0.06); }
TABLE>tbody>tr:nth-child(even) .is-active, .even .is-active { background-color: #ddd; background-color: rgba(0, 0, 0, 0.06); }


/** Footer **/

footer {
	color: #ccc;
	text-align: center;
	background-color: #602d89;
}

footer .block-social { text-align: center; }


/** Front Page **/

.featured { background-color: #ccc; }

.path-frontpage H1 { display: none; }

.path-frontpage .block-local-tasks-block { float: none; }

.path-frontpage .node__content .field--name-body {
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
	font-style: italic;
	color: #005587;
}

.field--name-field-promotion {
	clear: both;
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 1fr;
	grid-template-rows: auto  auto  auto  auto;
	gap: 20px;
	line-height: normal;
	align-items: start;
}

.field--name-field-promotion .view-content {
		background-color: #6c7580; 
		-webkit-border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border-radius: 10px;
}

.field--name-field-promotion .field__item,
.field--name-field-promotion .views-row { position: relative; }
.field--name-field-promotion .field__item P,
.field--name-field-promotion .field__item .block { margin-bottom: 0.5em; }

.path-frontpage #flexslider-1 { margin-bottom: 1em; }


@media (min-width: 576px) {
	.field--name-field-promotion {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
	}
	.path-frontpage #flexslider-1 IMG,
	.field--name-field-promotion IMG {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.field--name-field-promotion .flex-caption {
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}
}
@media (min-width: 768px) {
}

@media (min-width: 992px) {
	.field--name-field-promotion {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: auto;
	}
	.path-frontpage #flexslider-1 { width: 685px; float: left; margin-right: 20px; }
}

@media (min-width: 1200px) {
	.path-frontpage .field--name-body P { font-size: 1.111111111111111em; line-height: 1.666666666666667em; }
	.path-frontpage #flexslider-1 { width: 805px; }
}

@media (min-width: 1400px) {
	.path-frontpage #flexslider-1 { width: 940px; }
}

/** People **/
.field--name-field-role DIV { display: inline; }



/** Countries **/

#block-views-block-countries-block-2 .views-row {
	text-align: center;
	margin-bottom: .5em;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

#block-views-block-countries-block-2 .views-row .views-field-view-node A {
	border-bottom-width: 0;
	display: block;
	color: #7b2b83;
	background-color: rgba(0, 0, 0, 0.04);
	text-decoration: none;
	border-radius: 0.22222222em;
	line-height: 1em;
	overflow: hidden;
}

#block-views-block-countries-block-2 .title { display: block; padding: .5em 5px; }

#block-views-block-countries-block-2 .views-row A:hover,
#block-views-block-countries-block-2 .views-row A:focus {
	color: #7b2b83;
	background-color: rgba(128, 185, 255, 0.5);
}

#block-views-block-countries-block-2 .view-content IMG + .title {
	background: #602d89;
	color: #fff;
}

#block-views-block-countries-block-2 .view-content A:hover IMG + .title {
	color: #7b2b83;
	background-color: rgba(128, 185, 255, 0.5);
}

#block-views-block-countries-block-2 .view-content {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
	-moz-column-gap: 10px; /* Firefox */
	column-gap: 10px;
}

@media (min-width: 992px) {
	#block-views-block-countries-block-2 .view-content {
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}
}

@media (min-width: 1200px) {
	#block-views-block-countries-block-2 .view-content {
		-webkit-column-count: 4; /* Chrome, Safari, Opera */
		-moz-column-count: 4; /* Firefox */
		column-count: 4;
	}
}


.page-node-type-country.mode-view .field--name-field-photo { float: none !important; width: 100%; margin: 0 !important; }

.mode-view .field--name-field-geofield,
.mode-view .field--name-field-geofield-highlighted {  float: right !important;  width: calc( 50% - 20px ); margin-left: 20px; }

.field--name-field-religious-affiliation { margin-bottom: 0; }
.field--name-field-religious-affiliation-capt
{
	font-style: italic;
	font-size: 0.88888888em;
	line-height: normal;
	text-align: right;
	border-width: 0 0 1px 0;
	border-color: #ccc;
	border-style: solid;
}

.page-node-type-country .horizontal-tabs-panes .field { margin-bottom: .5em; line-height: normal; }


.page-node-type-country .field--name-field-introduction { border: none; }

.tags { margin-bottom: .5em; font-size: 0.888888888888889em; }
.tags DIV { display: inline; }
.tags .field { margin-right: .5em; }

#edit-group-old-fields, #edit-group-old { background-color: #ccc; }


.view-country-sub { margin-bottom: 2em; }

.view-country-sub .view-content {
		display: grid; 
		grid-template-columns: 1fr;
		row-gap: 20px;
}

.view-country-sub .views-row {  }

@media (min-width: 992px) {
	.view-country-sub .view-content {
		display: grid; 
		grid-template-columns: 1fr 1fr;
		column-gap: 4%;
	}
}

.view-country-sub .views-field-field-photo { float: right; margin-left: 10px; }
.view-country-sub IMG { 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
 }

/** Practices **/
.mode-view .field--name-field-author .field__label { font-weight: normal; }

.page-node-type-practices.mode-view .field--name-field-photo { float: none !important; width: 100%; margin: 0 !important; }


/** Churches **/
.page-node-type-church.mode-view .field--name-field-photo { float: none !important; width: 100%; margin: 0 !important; }

/** Feasts **/
.page-node-type-feasts-holy-days.mode-view .field--name-field-photo { float: none !important; width: 100%; margin: 0 !important; }

.page-node-type-feasts-holy-days.mode-view .field--name-field-event-date {
	color: #888; 
	margin-bottom: .5em; 
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif; 
	font-style: italic;
	font-size: 1.222222222222222em;
	line-height: 1.272727272727273em;
}

.page-node-type-feasts-holy-days.mode-view .field--name-field-event-date::first-letter { text-transform: capitalize; }





/** News **/

@media (min-width: 560px) {
	.page-node-type-event.mode-view .field--name-field-headshot {
		float: left !important;  clear: left !important; width: 100px; margin: 0 20px 0 0;
	}
}
@media (min-width: 1200px) {
	.page-node-type-event.mode-view .field--name-field-headshot { width: 130px !important; }
}

.mode-view .field--name-field-event-date { font-style: italic; }




/** Blog **/

.page-node-type-blog-article.mode-view .field--name-field-photo { float: none !important; width: 100%; margin: 0 !important; }

.page-node-type-blog-article.mode-view.field--name-created { font-style: italic; font-size: 1em; text-align: left; }


/** Lessons **/

.field--name-field-overview {
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
	font-size: 1.111111111111111em;
}



/** Articles **/

.page-node-type-article.mode-view .field--name-field-photo { float: none !important; width: 100%; margin: 0 !important; }

.field--name-created {
	text-align: right;
	line-height: normal;
	font-size: .8em;
	font-weight: normal;
	color: #999;
}


.layout-container > main > .layout-content IMG::after {
  content: attr(title);
}

.view-articles-from-other-pages .item-list ul,
.view-articles-from-other-pages .item-list ul li,
.view-articles-from-other-pages.view-display-id-entity_view_2 .views-row,
.view-articles-from-other-pages.view-display-id-entity_view_3 .views-row { margin-bottom: 0 !important; }

.view-articles-from-other-pages.view-display-id-entity_view_2,
.view-articles-from-other-pages.view-display-id-entity_view_3 { margin-bottom: 1em; }

.field--name-field-journal-articles .field__label { font-size: 1.22222222em; font-weight: normal; 
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif; color: #666; }