/* Define some standard colors in variables */
/* COMPASS IMPORTS */
/* Define our base font size and line height */
h1.ministryName {
  margin-left: 1%;
}

span.serviceTimesLabel {
  font: 1em/1.375em Georgia;
  font-style: italic;
}

p {
  margin-bottom: 0.6875em;
}

hr {
  border: 0;
  border-bottom: 1px solid #819aa9;
  width: 100%;
  padding: 33px 0 0;
  margin: 0 0 33px;
}

.staticHeightImageContainer, .ministryAdImg {
  margin-bottom: 1.375em;
}

.titleShort {
  display: block;
}

.titleFull {
  display: none;
}

.purposeContainer {
  margin-bottom: 1.375em;
}
.purposeContainer header h3 {
  margin-bottom: 0;
}
.purposeContainer header span {
  font-family: Georgia;
}
.purposeContainer .sectionInner {
  max-width: 960px;
}
.purposeContainer .purposeStatement {
  margin-bottom: 1.375em;
}

.description {
  border-top-width: 0.0625em;
  border-top-style: solid;
  padding-top: 1.3125em;
  border-bottom-width: 0.0625em;
  border-bottom-style: solid;
  padding-bottom: 1.3125em;
  border-color: #dbdbdb;
  margin-top: 22px;
  padding-top: 11px;
  padding-bottom: 0px;
}

.threeColumn {
  list-style: none;
  margin: 0 -33px 33px -44px;
  padding: 0;
}
.threeColumn li {
  width: 100%;
  vertical-align: top;
  display: inline-block;
  padding: 0 44px 22px;
  text-align: center;
}
.threeColumn li a span {
  display: block;
  font-family: "ProximaSemiBold";
  font-style: normal;
  font-size: 13px;
}

.threeColumn:last-of-type {
  margin-bottom: 0;
}

.connectContainer {
  margin-bottom: 22px;
}

#defaultSection {
  display: none;
}

.dk-select {
  margin-bottom: 11px !important;
  height: 44px !important;
}
.dk-select .dk-selected {
  font-size: 22px !important;
}

.readMoreToggle {
  display: block;
  width: 120px;
  margin: 0 auto;
}

.serviceTimesLabel, .ministryContactContainer h2 {
  font-size: 26px;
}
.serviceTimesLabel sup, .ministryContactContainer h2 sup {
  font-size: 15px;
}

.ministryContactContainer {
  margin-bottom: 22px;
}

/*
.serviceTimesContainer
{
	#ddlCampus
	{
		width: 100%;
	}

	.serviceTimesDay
	{
		margin-bottom: rhythm(1);
		h3, span
		{
			font-family: Georgia;
			font-weight: bold;
		}
	}
} 
*/
.serviceTimesContainer sup {
  font-size: 16px;
}
.serviceTimesContainer .serviceTimesLabel {
  font: 1em/1.375em Georgia;
  font-style: italic;
  color: black;
}
.serviceTimesContainer .serviceTimesDay {
  display: inline-block;
  width: 100%;
  max-width: 260px;
  vertical-align: top;
  color: black;
  font-style: normal;
}
.serviceTimesContainer .serviceTimesDay h3 {
  font-size: 1em;
}
.serviceTimesContainer .serviceTimesDay .serviceTimesRow {
  font-family: Georgia;
  font-size: 1em;
  line-height: 1.375em;
  margin-bottom: 11px;
}
.serviceTimesContainer .serviceTimesDay .serviceTimesRow .serviceTimesColumn {
  display: inline-block;
  margin-right: 10%;
  vertical-align: top;
  font-style: normal;
}
.serviceTimesContainer .serviceTimesDay .serviceTimesRow .serviceTimesColumn:last-of-type {
  margin-right: 0;
}
.serviceTimesContainer .serviceTimesDay .serviceTimesRow .serviceTimesTag {
  font-size: 0.875em;
  line-height: 1.5714285714285714em;
  font-style: italic;
}

#contact {
  margin-bottom: 1.375em;
}
#contact .contactName {
  font-family: Georgia;
  font-style: italic;
}

#shareContainer .sharrre {
  display: block;
  width: 100%;
  float: none;
  text-align: center;
}
#shareContainer .sharrre .box a {
  max-width: 145px;
  margin: 0 auto;
}

.websiteContainer {
  padding: 33px 10px;
  border-top: 1px solid #acacac;
  border-bottom: 1px solid #acacac;
  margin-bottom: 1.375em;
  background: #f5f5f5;
}
.websiteContainer .websiteInfoContainer a {
  display: inline-block;
  margin-bottom: 0.6875em;
}
.websiteContainer .websiteImage {
  display: block;
  width: 100%;
  border: 10px solid #ffffff;
}

.instagram .title h2 {
  overflow: hidden;
}

.eventCalendarContainer {
  height: auto;
}

.buttonsContainer {
  margin: 0 auto;
  text-align: center;
}

.volunteerContainer .iconButton.tan > span:last-of-type {
  line-height: 22px;
  height: 100%;
  padding: 11px 0;
}
.volunteerContainer .iconButton.tan span[class*=icon] {
  padding-right: 10px;
}

.mfp-content {
  background: white;
  max-width: 500px;
  margin: 0 auto;
}
.mfp-content #GroupInfo h3 {
  line-height: 2.4444444444444444444444444444444em;
  margin-bottom: 0;
  text-align: center;
  background: black;
  color: white;
}
.mfp-content #GroupInfo .dk-select {
  float: none;
  margin-bottom: 0;
}
.mfp-content #GroupInfo .groupDetails, .mfp-content #GroupInfo .successContainer p, .mfp-content #GroupInfo .errorContainer p {
  padding: 11px;
}
.mfp-content #GroupInfo label, .mfp-content #GroupInfo span {
  font-family: Georgia;
}
.mfp-content #GroupInfo .opportunityInnerContainer {
  padding: 11px;
}
.mfp-content #GroupInfo input[type=checkbox], .mfp-content #GroupInfo input[type=radio] {
  width: 15px;
  margin: 0 -100% 0 0;
  float: left;
}
.mfp-content #GroupInfo input[type=checkbox] + label, .mfp-content #GroupInfo input[type=radio] + label {
  width: 90%;
  margin: -5px -100% 0 20px;
  float: left;
  clear: none;
}
.mfp-content #GroupInfo .recurringOpportunitiesContainer, .mfp-content #GroupInfo .oneTimeOpportunitiesContainer {
  margin-top: 11px;
}

.staffProfile {
  margin-bottom: 0.6875em;
}

.footerAdContainer {
  padding: 44px 10px;
  background: #acacac;
  margin-bottom: 22px;
}
.footerAdContainer img {
  display: block;
  margin: 0 auto;
  margin-bottom: 22px;
}
.footerAdContainer .signupInfo {
  text-align: center;
}
.footerAdContainer .signupInfo h2 {
  width: 70%;
  margin: 0 auto;
  color: #ffffff;
  font-size: 37px;
}
.footerAdContainer .signupInfo p {
  color: #ffffff;
}
.footerAdContainer #EmailSubscriptionSignupWidget {
  width: 100%;
}
.footerAdContainer #EmailSubscriptionSignupWidget #RegistrationSuccessContainer, .footerAdContainer #EmailSubscriptionSignupWidget #RegistrationFailureContainer {
  height: 220px;
  padding-top: 85px;
}
.footerAdContainer #EmailSubscriptionSignupWidget input[type=text] {
  display: block;
  width: 100%;
  height: 44px;
  padding: 10px;
  border: 0;
  margin-bottom: 1.375em;
}
.footerAdContainer #EmailSubscriptionSignupWidget input[type=text]:last-of-type {
  margin-bottom: 1.375em;
}
.footerAdContainer #EmailSubscriptionSignupWidget label {
  font-family: Georgia;
  color: white;
}
.footerAdContainer #EmailSubscriptionSignupWidget #SubmitRegistration {
  display: block;
  width: 186px;
  margin: 0 auto;
  height: 50px;
}
.footerAdContainer #EmailSubscriptionSignupWidget #SubmitRegistration > span {
  font-size: 26px;
  padding-top: 5px;
}
.footerAdContainer #EmailSubscriptionSignupWidget #SubmitRegistration .arrowOuterContainer .icon-arrow-right-2 {
  font-size: 32px;
}
.footerAdContainer #EmailSubscriptionSignupWidget p {
  font-family: Georgia;
  color: white;
}

@media screen and (min-width: 568px) {
  .selectCampusSection {
    width: 65%;
    float: left;
  }
  .selectCampusSection .dk-select {
    max-width: 250px;
    margin-bottom: 0;
    float: left;
  }
  .selectCampusSection #defaultSection {
    display: block;
    padding-top: 10px;
    margin-left: 10px;
    float: left;
  }

  .threeColumn li {
    width: 50%;
  }

  .volunteerContainer {
    width: 32%;
    min-width: 190px;
    max-width: 245px;
    float: right;
    margin: 0;
  }

  .ministryInfoContainer {
    width: 42%;
    float: left;
  }
  .ministryInfoContainer sup {
    font-size: 14px;
  }

  .ministryContactContainer {
    margin-right: 170px;
    float: left;
  }

  #contact {
    width: 48%;
    float: right;
  }

  #shareContainer {
    clear: left;
    position: absolute;
    right: 0;
    top: 114px;
  }
  #shareContainer .sharrre {
    display: block;
    width: 170px;
    float: none;
    text-align: center;
    margin-right: 0;
  }

  .footerAdContainer .appImageContainer {
    width: 50%;
    float: left;
    text-align: center;
  }
  .footerAdContainer .signupInfo {
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 324px;
    margin-bottom: 22px;
    float: right;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: left;
  }
  .footerAdContainer .signupInfo h2 {
    width: 60%;
    margin: 0;
  }
  .footerAdContainer .signupInfo p {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .dk-select {
    max-width: 350px;
    margin-bottom: 22px;
    float: left;
  }

  #GroupInfo .dk-select {
    max-width: 100%;
  }

  #defaultSection {
    display: block;
    padding-top: 4px;
    margin-left: 10px;
    float: left;
  }

  .titleShort {
    display: none;
  }

  .titleFull {
    display: block;
  }

  .volunteerContainer {
    width: 30%;
    min-width: 175px;
    max-width: 245px;
    float: right;
  }

  #contact {
    width: 33%;
    float: left;
  }
  #contact .sectionInner {
    width: 55%;
    margin: 0 auto;
  }

  #shareContainer {
    clear: inherit;
    float: right;
  }

  #shareContainer .sharrre {
    display: block;
    width: 170px;
    float: none;
    text-align: center;
    margin-right: 0;
  }

  .websiteContainer {
    padding: 33px 2.8865979381443298969072164948454%;
  }
  .websiteContainer .websiteInfoContainer {
    width: 59.340206185567010309278350515464%;
    margin-right: 2%;
    float: left;
  }
  .websiteContainer .websiteImage {
    width: 38.659793814432989690721649484536%;
    float: right;
  }

  .footerAdContainer {
    padding: 44px 4%;
  }
  .footerAdContainer .appImageContainer {
    width: 25%;
    float: left;
    text-align: left;
  }
  .footerAdContainer .signupInfo {
    width: 30%;
    margin: 0 2%;
    float: left;
  }
  .footerAdContainer .signupInfo h2 {
    width: 100%;
    margin: 0;
  }
  .footerAdContainer .signupInfo p {
    width: 100%;
  }
  .footerAdContainer #EmailSubscriptionSignupWidget {
    width: 40%;
    float: right;
  }
  .footerAdContainer #EmailSubscriptionSignupWidget #SubmitRegistration {
    margin: 0 0 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .purposeContainer .sectionInner {
    margin: 0 auto;
  }

  .threeColumn li {
    width: 33.33333333333333%;
  }
}