/* Style Over-Ride file. Put/edit CSS styles in here that are specific to a customer. */

/* Fix scroll bars appearing on some machines issue */
section.slice_DisplayWrapper div.main-display-wrapper {
  overflow-x: hidden !important; 
  overflow-y: auto !important;
}

/* Some extra css to make the shop pop-ups work, as they use the system page template code, not shop template code. */ 
body.system_popup { padding-left: 10px !important; }
body.system_popup._shop_termsandconditions_aspx table.pagebox_homepage.pagebox blockquote { margin: 0 10px 0 0 !important; }
body.system_popup._shop_termsandconditions_aspx table.pagebox_homepage.pagebox h3 { padding-top: 30px !important; }
body.system_popup._shop_termsandconditions_aspx table.pagebox_homepage.pagebox p { margin: 0 !important; padding: 0 !important; }
body.system_popup._shop_termsandconditions_aspx table.pagebox_homepage.pagebox table td:last-child { text-align: left !important; padding-left: 10px !important; }

/* Make email in footer bright red */
footer div.footer-column-2,
footer div.footer-column-2 span,
footer div.footer-column-2 a {color: red !important;}

footer div.footer-column-3 a {
	height: auto !important;
	padding: 5px 15px !important;
	background-color: #9d2120 !important;
	color: #f9f9f9 !important;
	border: none !important;
	font-weight: 400 !important;
}

/* speed up some animations */
.slice_DisplayWrapper .donate-display-wrapper .article-slideup-text .ArticleBody,
.slice_DisplayWrapper .about-us-display-wrapper .article-slidein-text .ArticleBody 
{animation-duration: 1s !important}

header video {
	width:100% !important;
	height:100% !important;
	object-fit: cover !important;
}
@media (max-width: 991px) {
  header.Enter video.Mobile {
  	object-fit: contain !important;
    height:auto !important;
  }
}

/* search icon */
i.journey-icon-search {padding-left: 0px !important;}
select[id$="_ddlSearchScopeTemplate"] {display: none !important;} /* hide this on search page */

/* footer Social media icons */
@media (min-width: 768px) {
  footer section.slice_FooterTop_D {text-align: left;}
  footer section.slice_FooterTop_D div.footer-column.footer-column-1 div.ArticleBody {float:none;}
  footer div.footer-column-3 {
	margin: 0 0 10px !important;
	text-align: center !important;
  }
}

header div.main-display-wrapper.initiatives-display-wrapper {height:auto;}
header div.main-display-wrapper.initiatives-display-wrapper h1 {text-shadow:0 0 2px black;}

body.logged_in_user .HideLoggedIn,
body.guest_user .HideGuest,
.HideElement {display:none !important;}

@font-face {
    font-family: 'journeyB';
    src:  url('../fonts/journey.eot?yb1miw');
    src:
            url('../fonts/journey.eot?yb1miw#iefix') format('embedded-opentype'),
            url('../fonts/journey.ttf?yb1miw') format('truetype'),
            url('../fonts/journey.woff?yb1miw') format('woff'),
            url('../fonts/journey.svg?yb1miw#journey') format('svg');
}

i.journey-icon-calendar {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'journeyB' !important;
    font-style: normal; /* default value */
    font-weight: normal; /* default value */
    font-variant: normal; /* default value */
    text-transform: none; /* default value */
    line-height: 1; /* sets the line height to equal the current font size */
}
i.journey-icon-calendar::after {  content: "\e923";}

span.IS_JoinGroup {font-weight:700;}

div.top-link-wrapper {position:absolute; top:5px; right:0; z-index:12;}
div.top-link-wrapper a {
  position:relative; z-index:12;
  display:inline-block; padding:5px 20px; background-color:#888888; color:white; margin:0 10px 0 0;
}
body.logged_in_user div.top-link-wrapper a:last-child,
body.guest_user div.top-link-wrapper a:first-child {
  display:none;
}
@media (max-width:991px) {
	div.top-link-wrapper {display:none;}
}

@media (max-width:1150px) {
  section.slice_Header_T div.nav-menu ul.root_menu > li > a {
  	padding-left:12px; padding-right:12px;
  }
}

div.RestrictedWrapper {
	padding:15px; background-color:#cccccc;
}

/*
@media (max-width:991px) {
div.AddMargin {margin-top:130px;}
*/

section.slice_DisplayWrapper div.main-display-wrapper 
iframe[src^="https://www.youtube.com/embed/"] {display:block; width:100%;}

@media(max-width:1200px){
  section.slice_DisplayWrapper div.main-display-wrapper tr.trReFormat {
  	display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:center;
  }
  section.slice_DisplayWrapper div.main-display-wrapper tr.trReFormat td {
  	display:block; width:100% !important; margin:0 auto; max-width:600px;
  }
  section.slice_DisplayWrapper div.main-display-wrapper tr.trReFormat td:first-child {
  	margin-bottom:20px
  }
}

div.container.logo-overlay { width:100%; max-width:100%;}
div.EnterFlexWrapper {
	display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;
  width:100%; height:100%;
  position:absolute;
  top:0; left:0; bottom:0; right:0;
}
div.EnterFlexWrapper a {
	display:block; width:50%; height:100%;
  color:yellow;
  display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;
}
div.EnterFlexWrapper a span {
  display:block; padding:10px 20px; background-color:white; color:black;
  font-size:24px; position:relative;
}
div.EnterFlexWrapper a:first-child span {top:18%; left:6%;}
div.EnterFlexWrapper a:last-child span {top:18%; right:2%;}
@media(max-width:991px){
    div.EnterFlexWrapper a:first-child span {top:25%; left:0%;}
    div.EnterFlexWrapper a:last-child span {top:25%; right:0%;}
}

div.contact-article,
div.contact-article a {font-size:22px; line-height:1.3;}

div.contact-article div.follow-us-links a {text-decoration:none;}

@media(max-width:1220px){
	header.ContentArticleNoteImages + section.slice_FixedSideLinks {display:none;}
}

/* Mailchimp pop-up */
 div.ArticleBody div.RegionPopUp {
    display:none;position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100vh;
    background-color:rgba(0,0,0,0.5);z-index:200;
   flex-flow:row nowrap;justify-content:center;align-items:center;
  }
  div.ArticleBody div.RegionPopUp div.FlexBox {
    position:relative;margin:15px;
    display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;
  	background-color:white;padding:0;max-width:600px;
  }
  div.ArticleBody div.RegionPopUp img.Map {display:block;width:100%;max-width:382px;}
  div.ArticleBody div.RegionPopUp img.CloseIcon {
    display:block;position:absolute;top:5px;right:5px;
    cursor:pointer;
  }
  div.XArticleBody div.RegionPopUp div.FlexBox a {display:block;background-color:#62C0AE;color:white;padding:10px 20px;text-align:center;font-size:smaller;}
  div.ArticleBody div.RegionPopUp div.FlexBox div.Text {
    color:#333333;font-weight:700;margin:0;text-align:center;
  }
  div.ArticleBody div.RegionPopUp div.FlexBox div.SmallerText {font-size:smaller;margin:20px 0 0;}
  @media (max-width:767px) {
    div.XArticleBody div.RegionPopUp div.FlexBox a {font-size:medium;}
  }

@keyframes fader {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
div.ArticleBody div.RegionPopUp div.FlexBox {
	animation-iteration-count: 1;
	animation-timing-function: linear;
    animation-name: fader;
	animation-duration: 1s;
}

iframe.MailChimpPopUp {border:none;display:block;width:600px;height:600px;}
@media (max-width:767px) {
  iframe.MailChimpPopUp {width:350px;height:630px;}
}

/* Hide a side link */
section.slice_FixedSideLinks a[href="/calendar/month.aspx"] {display:none;}

section.slice_system_page._user_registration_aspx div.systemPageContent div.pad-on-mobile {display:none;}

header div.top-link-wrapper a[href="/User/login.aspx"] {display:none !important;}

body.guest_user .HideNonLoggedIn,
body.logged_in_user .HideLoggedIn {display:none !important;}