/*custom ujima theme styles*/

/*footer*/
.callout {
	margin-top: 0;
	background: #dea913;
}
.footer {
	color: #c9c3c3;
}
.footer .footer-body {
	background: #6b5c5c url(footer-body-bgr.jpg)!important;
}
.footer .footer-bar {
	background: #594949;
}
.footer .footer-socials a {
	color: #ffc31a;
}
.callout .row .callout-actions .button-call {
	color: #fff;
	border-color: #fff;
}
.callout .callout-separator span {
	background: #ecbf3f;
}
.callout .callout-separator:before,
.callout .callout-separator:after {
	background: #ecbf3f;
}
.content p {
	font-size: 18px;
	line-height: 30px;
}
/*header*/
.header > .row {
	position: relative;

	min-height: 172px;
}
.header .header-logo {
	float: none;
	margin: 8px 0 30px 15px;
	position: absolute;
	top: 0;
	left: 0;
	width: 283px;
	height: 51px;
}
.header .header-logo img {
	width: auto;
	height: auto;
}
.header .header-inner {
	margin-top: 110px;
	margin-left: 280px;
}
.header .header-inner .custom-widgets-home {
	margin: 0;
}
h2.section-subtitle {
	line-height: 1.8;
}
.widget-title,
h2.section-subtitle {
	display: inline-block;
}
.widget .widget-title:after,
h2.section-subtitle:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	margin: 12px 0 25px;
	background: #efb308!important;
}
.grey,
.flex-row {
	display: flex;
	flex-wrap: wrap;
}
.grey .google-map {
	height: 100%;
}
.testemonial-box {
	display: flex;
	flex-direction: column;
	width: 23%;
	margin: 0 1% 25px;
	font-size: 15px;
	color: #000;
	background: #fcb52b;
}
.testemonial-box .testemonial {
	min-height: 140px;
	padding: 20px;
}
.testemonial-box .author {
	position: relative;
	background: #fee19d;
	padding: 20px;
	width: 100%;
	font-size: 16px;
	margin-top: auto;
}
.testemonial-box .author:before {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #fcb52b;
}

@media (max-width: 768px) {
	.grey {
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.grey .google-map {
		height: 250px;
	}
}
@media (max-width: 992px) {
	.testemonial-box {
		width: 31%;
		margin: 0 1% 25px;
		font-size: 15px;
		color: #000;
		background: #fcb52b;
	}
}
@media (max-width: 768px) {
	.testemonial-box {
		width: 48%;
		margin: 0 1% 25px;
		font-size: 15px;
		color: #000;
		background: #fcb52b;
	}
}
@media (max-width:490px) {
	.testemonial-box {
		width: calc(100% - 30px);
		margin: 0 15px 20px;
		font-size: 15px;
		color: #000;
		background: #fcb52b;
	}
}

.page-template-default .main .main-head {
		height: 420px;
}
@media (max-width:490px) {
	.page-template-default .main .main-head {
			height: 320px;
	}
}

/*section-centered-content*/
.section-centered-content {
	text-align: center;
	background: #f2eeee;
	padding: 60px 0;
}
.section-image .fa {
	font-size: 8px;
}
.section-centered-content .section-foot .button {
	margin-bottom: 0;
}
.section-centered-content .section-foot .black {
	color: #473636;
	border-color: #473636;
}
.section-centered-content .section-foot .black:hover {
	color: #fff;
	background: #473636;
	border-color: #473636;
}
.section-centered-content .section-inner {
	width: 100%;
	max-width: 970px;
	margin: 0 auto;
}

.section-featured.events-landing {
	background-color: #f2eeee;
	padding-bottom: 45px;
}

/*slider causes*/
.section-featured {

}
.slider-causes {
	position: relative;
	padding: 0 50px;
	margin-bottom: 50px;
}

.slider-causes .owl-prev,
.slider-causes .owl-next {
	display: block;
	position: absolute;
	top: 70px;
	left: -50px;
	padding-top: 23px;
	width: 14px;
	height: 0;
	overflow: hidden;
	cursor: pointer;
	background: url(images/controls.png) no-repeat 0 -23px;
}
.slider-causes .owl-prev.disabled,
.slider-causes .owl-next.disabled {
	background-image: url(images/controls-disabled.png);
}
.slider-causes .owl-next {
	background-position: 0 0;
	left: auto;
	right: -50px;
}

.slide .slide-image {
	display: block;
	margin-bottom: 30px;
}
.slide .slide-content h3 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 20px;
}
.slider-intro .slide-alt .slide-content .slide-content-inner {
	background: rgba(71, 54, 54, 0.85)!important;
}
.slide .slide-content-inner p:empty {
	display: none;
	height: 0;
	overflow: hidden;
}
.slider-intro .slide-alt .slide-title:after {
	display: none;
}
.top-info-w-button {
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	top: 34px;
	right: 28px;
	width: 65%;
}
.top-info-w-button .content-column {
	width: calc(100% - 60px);
	padding-right: 5px;
}
.top-info-w-button .content-column p {
	font-size: 14px;
	line-height: 18px;
	text-align: right;
}
.top-info-w-button .button-column {
	width: 60px;
	padding-left: 5px;
}

h2.section-subtitle {
	margin-bottom: 25px;
	margin-top: 50px;
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 2.2;
}
h2.section-subtitle:first-of-type {
	margin-top: -11px;
}
.section-foot.center {
	text-align: center;
}
#header-text .widget_search {
	display: none;
}
#header-text .widget-title {
	display: none;
}
.searchform > div {
	padding: 10px 35px;
	border-radius: 15px;
	background: rgba(0,0,0,0.4);
}
.search-form {
	width: 100%;
	display: none;
	max-width: 768px;
	padding: 0 20px;
	position: fixed;
	top: 8%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 320;
}
.search-form .close {
	position: absolute;
	top: 39px;
	right: 60px;
	font-size: 21px;
	color: #dea913;
	cursor: pointer;
	z-index: 323;
}
.search-form label {
	color: #fff;
}
.search-form #searchsubmit {
	display: none;
}
#searchform .form-group .search-query {
	width: 100%;
	padding-left: 35px;
}
#searchform #s {
	padding: 0 35px;
	font-size: 16px;
	border-radius: 7px;
}
#searchform .screen-reader-text:before {
	content: "\f002";
	position: absolute;
	left: 63px;
	top: 48px;
	transform: translateY(-50%);
	color: #dea913;
	font-family: 'FontAwesome';
	font-size: 22px;
}
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 310;
	content: '';
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
}

.events-landing .load-more {
	background-color: #4b3333;
	border-color: #4b3333;
	color: #fff;
}
.events-landing .load-more:hover {
	background-color: #fff;
	color: #4b3333;
}
.flex-wrap {
	display: flex;

}
/*quick links*/
.footer-section-body .menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.footer-section-body .menu li {
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
	line-height: 20px;
}
.footer-section-body .menu a {
	color: #c9c3c3;
	font-size: 13px;
	line-height: 17px;
}
.footer-section-body .menu a:before {
	display: none;
}

.footer-section-body strong {
    color: #fff;
}

.footer .footer-contacts p .hotline {
    display: block;
    text-align: center;
    font-size: 1.1rem;
    margin-right: 15%;
}


nav.nav > ul > li {
	margin: 0 10px;
}
.nav > ul > li > ul {
	width: 225px;
	padding: 10px 0 15px;
	text-transform: none;
}
ul.sub-menu li a {
	font-size: 15px;
	line-height: 20px;
}
.main-head-image:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0, 0.2);
}
ul {
	font-size: 18px;
	line-height: 30px;
}
.slider-intro .slide-alt .slide-content p {
	text-transform: none;
	font-size: 1.2rem;
}
/* popup - forms */
#searchform {
	display: none;
}
.volunteer-form, .donate-form {
	display: none;
	background: rgba(0,0,0,0.5);
	padding: 30px;
}
.volunteer-form input[type="text"], .donate-form input[type="text"] {
	margin-bottom: 5px;
}
.volunteer-form form p,
.donate-form form p {
	color: #fff;
	font-size: 20px;
}


/* media queries */
@media(max-width: 1150px) {
	.header .header-logo {
		width: 230px;
	}
	.header .header-inner {
		margin-top: 100px;
		margin-left: 235px;
	}
	nav.nav > ul > li {
		margin: 0 7px;
	}
	.top-info-w-button {
		width: 73%;
	}
}
@media(max-width: 1023px) {
	.top-info-w-button {
		top: 90px;
		width: 61%;
		right: 24px;
	}
	.header-inner {
		margin-left: 0;
	}
	.nav > ul > li > ul {
		width: auto;
	}
}
@media(max-width: 700px) {
	.top-info-w-button {
		top: 85px;
		right: 15px;
		left: auto;
		width: auto;
	}
	.top-info-w-button .content-column {
		display: none;
	}
	.top-info-w-button .button-column {
		padding: 0;
		width: auto;
	}
}
@media(max-width: 360px) {
	.header .header-logo {
		width: 195px;
	}
}


/* constant contact widget */
.ctct-form-embed.form_0 .ctct-form-defaults {
    background: none !important;
}

div.ctct-form-embed div.ctct-form-defaults,
div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text {
    border-radius: 0px !important;
    color: #C9C3C3 !important;
    font: 1rem/1.75 "Lato",sans-serif !important;
    padding: 0px 18px 0px 0px !important;
    font-weight: normal !important;    
}

.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-text, 
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-label, 
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-listname, 
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-lists-legend, 
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-date-slash, 
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-footer, 
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-footer 
.ctct-form-footer-link {
    color: #C9C3C3 !important;
}

.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header {
    color: #C9C3C3 !important;
}

.ctct-form-header {
    display: none;
}

div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
    font-family: inherit !important;
    font-size: inherit !important;
    height: 36px !important;
    padding: 2px 8px !important;
    margin-bottom: 2px !important;
}

div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {
    padding: 12px !important;
}

#ctct_recaptcha_0 {
    display: none;
}

.large-3 { /* sap's local ff bug */
/*     width: 20%; */
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.staff_container
{
	border-bottom:solid 2px #efb308; 
	margin-bottom:2em; 
	padding-bottom:2em;
}



/* make room in the nav for longer words */
html[lang=fr] .header .header-logo,
html[lang=es] .header .header-logo {
    width: 262px;
}

html[lang=fr] .nav > ul,
html[lang=es] .nav > ul {
    font-size: 12.5px;
    letter-spacing: -0.3px;
}

nav.nav > ul > li {
    margin: 0 7px;
}