/********************/
/**** GWC Kollel ****/
/********************/

/* Yellowtail font: */
@font-face {
  font-family: 'Yellowtail';
  src: url('../../fonts/yellowtail/yellowtail.ttf');
  src: url('../../fonts/yellowtail/yellowtail.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Header bar */
header {
	float: none;
}
header nav {
	background-color: white !important;
	float: none;
}
header ul {
	float: none;
	margin: 0 auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}
header ul > li {
	padding: 0 5px;
	text-align: center;
	flex-basis: auto;
	float: none;
	margin-left: 0;
}
header ul > li > a {
	font-family: noto sans, sans-serif;
	letter-spacing: 0.1px;
	float: none;
	display: block;
}
header ul > li > a:before {
	top: 0;
}
header ul > li:hover a:after {
	bottom: -5px;
}
header ul > li ul {
	flex-flow: row wrap;
	/* 	width: 400px; */
}
header ul > li ul a {
	text-align: left;
}
header.sticky nav > ul > li > a {
	padding: 25px 20px;
}
@media (max-width: 992px) {
	header .container {
		padding: 0;
	}
	header ul {
		width: 100%;
		left: 0;
		background: transparent;
		flex-flow: column nowrap;
		position: relative;
		max-height: 42px;
		justify-content: flex-start;
		overflow: hidden;
		transition: max-height 0.5s ease;
	}
	header ul.is-open {
		max-height: 800px;
	}
	header ul li#donate-list-item {
		order: -1;
		padding: 0;
	}

	header ul > li.menu-item-has-children {
		padding-bottom: 10px;
	}
	header ul li > ul {
		display: block;
		max-height: none;
		background-color: transparent;
		top: 0;
	}
	header ul li > ul li {
		background-color: transparent !important;
		border: none;
	}
	header ul li > ul li a {
		color: black !important;
		text-align: center;
		padding: 5px 20px;
		text-transform: capitalize;
		font-style: oblique;
	}
	nav ul li > ul li > ul {
		background-color: transparent !important;
	}
	nav ul li > ul li > ul a {
		font-size: 12px;
		color: #999 !important;
		font-style: normal;
	}

	header.sticky nav .container > ul > li > a {
		padding: 10px 20px;
	}
	header ul li .donate_link {
		margin: 0;
		width: 100%;
		padding: 10px;
		border-radius: 0;
	}
	header #header-toggle {
		width: 100%;
		top: 0;
		left: 0;
		padding-right: 20px;
		display: flex;
		align-items: center;
		cursor: pointer;
		font-size: 17px;
	}
	header #header-toggle i {
		padding: 14px 20px;
	}
	header #header-toggle span {
		font-family: 'Vollkorn', 'Yellowtail', cursive;
		line-height: 1;
		font-size: 17px;
	}
}

/* Donate Button in Header: */
header .donate_link {
	/*background: none;*/
	/*color: #2C685B;*/
	background-color: #2C685B;
	color: white;
	border: #2C685B 1px solid;
	padding: 9px 15px;
	border-radius: 4px;
	margin-top: 30px;
	display: block;
	vertical-align: middle;
	transition: color 0.3s, background-color 0.3s;
}
header.sticky .donate_link {
	padding: 5px 15px !important;
	margin-top: 19px;
}
header .donate_link:hover {
	/*background-color: #2C685B;*/
	/*color: white;*/
	background: none;
	color: #2C685B;
	cursor: pointer;
}
header .donate_link:before {
	display: none;
}

/* Donate Dialog: */
#donation_modal .donation-popup {
	top: 102px;
}
header.sticky ~ #donation_modal .donation-popup {
	top: 72px;
}
#donation_modal .popup-title h5 {
	font-size: 33px;
	font-weight: 100;
	color: #FFF;
	font-family: 'Vollkorn', 'Yellowtail', noto sans, sans-serif;
	letter-spacing: 1px;
}
#donation_modal .amount-selection > a {
	border: 1px solid #2C685B;
	cursor: pointer;
	transition: all .2s;
}
#donation_modal .amount-selection > a:hover {
	background-color: white;
    color: #2C685B;
}
#donation_modal .selections input {
	color: #111;
}
#donation_modal .selections select {
	height: 35px;
	cursor: pointer;
}
#donation_modal .selections input:hover, #donation_modal .selections select:hover {
	outline: 1px solid #90B0B0;
    outline-offset: -1px;
}
#donation_modal .selections input:focus, #donation_modal .selections select:focus {
	outline: 1px solid #5F887F;
    color: #235248;
    outline-offset: -1px;
}

/* Donate select box: */
#donation_modal .SumoSelect {
	display: block;
}
#donation_modal .SumoSelect > .CaptionCont {
	width: 100%;
    padding: 2px 10px;
    line-height: 30px;
	border-color: rgba(0, 0, 0, 0.15);
}
#donation_modal .SumoSelect:hover > .CaptionCont {
	outline: 1px solid #ABC;
	box-shadow: none;
    outline-offset: -1px;
	cursor: pointer;
}
#donation_modal .SumoSelect:focus > .CaptionCont {
	outline: 1px solid #5F887F;
	box-shadow: none;
    color: #235248;
    outline-offset: -1px;
}
#donation_modal .SumoSelect > .CaptionCont > span {
	padding-right: 25px;
	cursor: pointer;
}
#donation_modal .SumoSelect > .optWrapper.open {
    box-shadow: none;
    border-color: #5F887F;
	border-top-width: 1px;
	border-radius: 0 0 3px 3px;
	cursor: pointer;
}
#donation_modal .SumoSelect > .optWrapper > .options > li label {
	font-weight: 300;
	font-size: 13px;
	font-style: italic;
	line-height: 25px;
	margin-bottom: 0;
}

/* Footer: */
/* Footer: */
footer {
	padding:50px 0;
}
footer .container {
	display: flex;
	align-items: center;
}
footer #footer-about {
	font-family: open sans, sans-serif;
	color: #f1f1f1;
	font-size: 13px;
	line-height: 1.7;
	flex: 1;
	text-align: right;
}
footer #footer-logo img {
	height: 120px;
	margin: 0 30px;
}
footer #footer-contact {
	flex: 1;
}
footer #footer-contact li {
	font-family: noto sans, sans-serif;
	letter-spacing: 1.4px;
	font-size: 12px;
	font-weight: 100;
	line-height: 2.5;
	color: #f5f5f5;
	text-align: left;
}
footer #footer-contact li i {
	font-size: 12px;
	color: #608580;
	width: 20px;
	text-align: center;
}
footer #footer-contact li span {
	color: #78A79C;
	font-size: 12px;
	width: 110px;
	float: left;
	text-align: left;
	line-height: 2.5;
}
@media (max-width: 980px) {
	footer .container {
		flex-direction: column;
	}
	footer #footer-about {
		order: 3;
		text-align: center;
		margin-top: 30px;
	}
	footer #footer-contact {
		margin-top: 20px;
		margin-left: 0;
	}
	footer #footer-contact li {
		text-align: center;
		padding-top: 13px;
		line-height: 2;
	}
	footer #footer-contact li i {
		display: none;
	}
	footer #footer-contact li span {
		text-align: center;
		width: 100%;
		line-height: 2;
	}
}
/*footer {
	padding:50px 0;
}
footer img {
	height: 120px;
	display: block;
	margin: auto;
}
footer .widget .contact {
	width: 500px;
}
footer .widget .contact li {
	font-family: noto sans, sans-serif;
	letter-spacing: 1.4px;
	font-size: 12px;
	font-weight: 100;
}
footer .widget .contact li i {
	font-size: 12px;
	color: #608580;
	width: 20px;
	text-align: center;
}
footer .widget .contact li span {
	color: #78A79C;
	font-size: 15px;
	letter-spacing: 3px;
	font-family: Yellowtail, cursive;
	width: 125px;
}*/

/* Page Content: */
.main-content {
	/*margin-top:88px;*/
	min-height: calc(100vh - 308px);
}

/* Decorated Title: */
.decorated-title {
    display: table;
	padding: 50px 30px;
    width: 100%;
}
.decorated-title .decorated-title-inner {
    display: flex;
}
.decorated-title .rules {
	display: flex;
	flex: 1;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.decorated-title .rules:before {
    background-color: rgba(0,0,0,0.2);
    content: '';
    display: block;
    height: 1px;
    width: 100%;
}
.decorated-title .rules:after {
    background-color: rgba(0,0,0,0.2);
    content: '';
    display: block;
    height: 1px;
    margin-top: 3px; /*9px;*/
    width: 100%;
}
.decorated-title .decorated-text {
	text-align: center;
    	color: #584338;
    	padding: 7px 25px 7px 25px;
	line-height: 1.1;
	font-family: 'Vollkorn', 'Yellowtail', cursive;
	font-size: 29px;
	align-items: flex-start;
}

.decorated-title.subtitle {
	padding: 5px;
}
.decorated-title.subtitle .decorated-text {
	font-size: 1.9em;
}
.decorated-title.left-empty .decorated-text {
    padding-left: 0;
}
.background-primary .decorated-title .rules:before {
    background-color: rgba(255,255,255,0.2);
}
.background-primary .decorated-title .rules:after {
    background-color: rgba(255,255,255,0.2);
}
.background-primary .decorated-title .decorated-text {
    color: #fcf9f4;
}

@media (max-width: 767px){
	.decorated-title {
		padding: 50px 15px;
	}
	.kollel_section_subtitle {
		width: 90% !important;
	}
}

/* Title for a new section on page: (not using) */
.kollel_section_title {
	font-family: 'Yellowtail', cursive;
	font-size: 2.5em;
	display: table;
	margin: 0 auto 40px auto;
	position: relative;
	/*color: #111;*/
	color: #2D6A5C;
	text-align: center;
}
.kollel_section_title:after {
	display: none;
	content: "";
	width: 85px;
	height: 2px;
	background: #AAA;
	position: absolute;
	bottom: -4px;
	right: 0;
	left: 0;
	margin: auto;
	transition: background 0.2s;
}
.kollel_section_title:hover:after {
	background: #587;
}
.kollel_section_subtitle {
	font-family: noto sans, sans-serif;
	text-align: center;
    color: #666;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.3px;
	width: 50%;
	margin: -35px auto 35px;
}

/* Filled and outlined buttons: */
.outline-button, .filled-button {
	display: block;
	width: 140px;
	padding: 10px;
	margin: 10px auto;
	border: 1px solid #2C685B;
	border-radius: 3px;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	transition: all .2s;
}
.outline-button {
	color: #2C685B;
	background-color: white;
}
.outline-button:hover {
	color: white;
	background-color: #2d695c;
}
.filled-button {
	color: white;
	background-color: #2d695c;
}
.filled-button:hover {
	color: #2C685B;
	background-color: white;
}