/* 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;
}

/* 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:nth-child(2) {
  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
  }
}