/*
Theme Name: HereWeiGo B4
Theme URI: http://www.hereweigo.com
Author: Wei Guan
Author URI: http://www.hereweigo.com
Description: A theme without any extra code, pure bootstrap 4.
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: HereWeiGo-B4

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('https://fonts.googleapis.com/css?family=Courgette');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,800,800i&display=swap');
/*@import url("../stylus/css/style.css");*/
html, body {font-family: 'Montserrat','Microsoft YaHei',SimHei ; font-weight: 400;}
a {color:#0a8b8e;}
  body{background: url("../images/hexback-up.png") no-repeat;  background-position: center top;background-size: 100%;  }
a:focus {color:#0a8b8e;}

/*.row {background:#eaf7f8!important;}
.navbar-light{background:#eaf7f8!important;}*/
/*.hwgContainer:nth-child(odd){background:#E9F7F8;}*/
/*nav tab height fixd*/
.nav-tabs{
    display: flex!important;
}
.nav-tabs li {
    display: flex!important;
    flex: 1!important;
}

.nav-tabs li  a {
    flex: 1!important;
}

.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid rgb(108, 27, 19);
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #DC493A;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 400 15px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: capitalize;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}

.pageWideContainer { margin: 0px; padding:0px; }
.donor_card { margin-bottom: 20px; }
.donor_card h2, .card-body p { }

.curbside {background-color:rgba(233, 233, 233, 0.9); padding:10px; font-size:1em;}
.curbside img {height:100%; display:block; float:left; margin-right:15px;}
.curbside ul {list-style-position: inside; }

.canadahelpTextContainer {background-color:rgba(25,164,149,0.9);color:white; position: absolute; top:30%; width:40%; left:10%;padding:20px; font-size:1.2em; }
.chinese_sim{display: none;}
.chineseLinkList_group {margin-top: 20px;}
.chineseLinkList_Title{background: #0a8b8e; color:white;}
.chineseCata_container { padding-top: 20px;}
.chineseCata_container h3 {font-size: 1.5em; }
.bookNOcover {color:white; position: absolute;top:8em; text-align: center; z-index: 999; margin:0px 0 0 0px;   padding: 0px; width: 70%;  font-size: 0.8em; display: block;}
/*nav tab height fixd*/
.navbar-brand img {height:40px;}
.navbarRightLink li a {color:white!important; font-weight: 100;  text-transform: capitalize; font-size: 0.9em; }


.pageH3 {display: block; text-align: center; padding: 20px;}
.row-eq-height {padding: 0px; margin: 0px;}
.footerBackground{background: url("../images/hexback-down.png") no-repeat  ;  background-size: cover; background-position: center center; }
.hwgContainer { padding:0; }
.container-shadow {padding:20px 0;
  -moz-box-shadow:    inset 0px 11px 8px -10px #CCC,inset 0px -11px 8px -10px #CCC;
   -webkit-box-shadow: inset 0px 11px 8px -10px #CCC,inset 0px -11px 8px -10px #CCC;
   box-shadow: inset 0px 11px 8px -10px #CCC,inset 0px -11px 8px -10px #CCC; }
.container-grey {background: #EFEFEF; }
.container-teal {background: #eef6f7; }
.card-bg {/*background: url("../images/card.png") no-repeat ; background-size: cover; background-position: top center; background-attachment: fixed;*/}
.page-bg-container {-webkit-filter: grayscale(20%);filter: grayscale(20%); padding: 0px 0px 50px 0;}
.hwgContainer:nth-child(odd){ }
.hexback {  background: url("../images/hexback.png") no-repeat top left !important; background-size:cover;}
.hwgHeaderBar {text-align:center; padding:20px;  background: rgba(23, 173, 188, 0.8);
  -moz-box-shadow: inset 0 -10px 10px -10px #888;
    -webkit-box-shadow: inset 0 -10px 10px -10px #888;
    box-shadow: inset 0 -10px 10px -10px #888;}
.hwgHeaderBar h2 {text-transform: capitalize;font-weight:100; color:white;text-shadow: 1px 1px 2px #000; }
.hwgHeaderBar-short  {text-align:center; width:100%; margin: 0px auto!important; padding:0px!important; }
.hwgHeaderBar-short h2 {text-transform: capitalize; padding: 10px;color:white;text-shadow: 1px 1px 2px #000; background: rgba(23, 173, 188, 0.8);}

.container { max-width:1366px;  width:100%; }
.navbar-search-text { background:#31b8bb;padding: 15px; font-weight: 100; color:white!important; font-size: 1.5em; cursor: pointer;
/*  border-top: 5px solid #c5f4f5;border-left: 5px solid #c5f4f5;border-right: 5px solid #c5f4f5;*/
}
.navbar-login-text { background:#ff8000;padding: 10px; font-weight: 100; color:white!important; font-size: 1.5em; cursor: pointer;}
.navbar-donate-text { background:#9e2665;padding: 10px; font-weight: 100; color:white!important; font-size: 1.5em;cursor: pointer;
/*  border-top: 5px solid #c5f4f5;border-left: 5px solid #c5f4f5;border-right: 5px solid #c5f4f5;*/
}
.donateRedButton {background: #DC493A; padding:5px; border-radius:2px; box-shadow: 1px 1px 2px #000;}
.hwgtab-link.active {background: rgba(23, 173, 188, 0.8)!important; color:#fff!important;}
.hwgtab-link:hover {background: rgba(23, 173, 188, 0.8)!important; color:#fff!important; }
.hwgtab-link {color:#31b8bb; font-size: 1.3em; font-weight: 100;}
ul.hwgNav {margin-top: 1.2em!important;}
.row { margin: 0px auto !important;background:none;}
.specialrow {background: rgba(255, 255, 255, 0.9)!important;  padding-top: 40px; padding-bottom: 40px;margin-top: -30px!important;
  -moz-box-shadow:    inset 0px 11px 8px -10px #CCC;
   -webkit-box-shadow: inset 0px 11px 8px -10px #CCC;
   box-shadow: inset 0px 11px 8px -10px #CCC; }

.specialrow-page {background: rgba(255, 255, 255, 0.9)!important;   padding-bottom: 40px;
  -moz-box-shadow:    inset 0px 11px 8px -10px #CCC;
   -webkit-box-shadow: inset 0px 11px 8px -10px #CCC;
   box-shadow: inset 0px 11px 8px -10px #CCC; }

.bgOpacity {    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .7 ;
    width: 100%;
    height: 100%;}
    .starttime {display: none;}
.page-title-h1 { color: white; text-transform: capitalize; margin: 40px;text-shadow: 0px 0px 7px #000; z-index:99!important; position: relative; font-size: 1.8em;}
.nobackground-row,.nobackground-col,.nobackground-nav{background:none!important; margin: 0px auto; }
.container {margin: 20px auto;}
/*action card style*/
.ac_wrapper { text-align: center; margin-top: 10px; margin-bottom: 30px;}
.ac_wrapper h3 {font-weight: 100;}

.ac_image_wrapper {position: relative; z-index: 2; text-align: center; margin: 20px auto -8em auto; width:92%; min-height: 160px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 1px rgba(112,112,112,1);-moz-box-shadow: 0px 0px 5px 1px rgba(112,112,112,1); box-shadow: 0px 0px 5px 1px rgba(112,112,112,1);}

.ac_image_wrapper img {width:100%; height: 100%;  }
.ac_content { background-color: #f2f8f9; border-radius: 0 0 0px 0;z-index: 1;position: relative; padding: 9em 10px 0px 10px;height:85%; overflow:hidden;  }
.ac_content:before{
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -16px;
  right: -16px;
  background: #0a8b8e;
  height: 32px;
  width: 32px;
  border-radius: 32px;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.5s ease-out;
}
.ac_content:hover:before {
  transform: scale(3);
}

.ac_image_wrapper:hover + .ac_content:before {
  transform: scale(3);
}

.oneCol-container {background-color: #f2f8f9; border-radius: 0 0 0px 0;z-index: 1;position: relative;overflow:hidden; padding: 0px; border-right: 1px solid #f2f8f9; border-radius: 10px 10px 0 10px;  /*box-shadow: 0px 0px 5px 1px rgb(112, 112, 112, 0.5);*/ margin-bottom: 20px!important; }
.oneCol-container:before{
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -16px;
  right: -16px;
  background: #0a8b8e;
  height: 1px;
  width: 1px;
  border-radius: 32px;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.5s ease-out;
}
.oneCol-container:before:hover{
  border-radius: 32px;
  transform: scale(3);
}
.oneCol-image-container { /*-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1.0) 60%, transparent 100%);*/ transform: skew(0deg, 10deg, 0deg, 0deg); /* Standard syntax */ }


.oneCol-image-container::after {
  content: "";
  width: 20%; 
  height: 100%;
  margin-right: -10%;
  position: absolute;
  right: 0;
  background: #f2f8f9; 
  transform: skewX(-6deg); 
}
.displayNone:before {display: none!important;content:none;}
.oneCol-container h3 {font-size: 1.5em!important; font-weight: 100; }
.oneCol-container:hover:before {
  transform: scale(150);
}



.ac_image_wrapper h3 {transition: all 0.4s; font-size: 1.2em!important; font-weight: 100; position: absolute; bottom: 0px;left: 0; right: 0; margin: auto; display: block;background: rgba(0,0,0,0.6); color: white; border-radius: 0 0px 5px 5px; padding: 5px; text-shadow: 1px 1px 2px #000;}

.ac_content p { }
.ac_content ul  { }
.ac_content ul li { background: #f5f5f5!important; }


.hexLink {
  height: 100px;
  width: 57.735px;
  background: #31b8bb;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  padding: 0px;
  border: 1px solid #31b8bb;
  /* transform: rotate(90deg);*/
}
.hexLink::before {
  content: "";
  position: absolute;
  left:  -28.8675px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-right: 28.8675px solid #31b8bb;
  border-bottom: 50px solid transparent;
}
.hexLink::after {
  content: "";
  position: absolute;
  right: -28.8675px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 28.8675px solid #31b8bb;
}
  

/* Recommended icon sizes */
span.size-20 {
  font-size: 20px;
  font-variation-settings: 'OPSZ' 20;
}
span.size-24 {
  font-size: 24px;
  font-variation-settings: 'OPSZ' 24;
}
span.size-40 {
  font-size: 40px;
  font-variation-settings: 'OPSZ' 40;
}
span.size-48 {
  font-size: 48px;
  font-variation-settings: 'OPSZ' 48;
}

/* Rules for using icons as black on a light background. */
.white {
  color: rgba(255, 255, 255, 1);
  font-variation-settings: 'GRAD' -25;
}
.dark-inactive {
  background: black;
  color: rgba(255, 255, 255, 0.3);
  font-variation-settings: 'GRAD' -25;
}

.primeBox {
  display:grid; 
  grid-template-columns: repeat(3, 1fr); 
  grid-template-areas: 
  "prime prime prime" 
  "prime-sub-one prime-sub-two prime-sub-three"; 
  gap:2em;
  padding-bottom: 10vh;
}
.primeBox > div {display:flex; flex-direction: column; background:white; flex: 1 ;align-items: stretch; box-shadow: 0px 0px 1px 0px #444; transition: .5s linear;}
.primeBox > div h3 {font-weight: 1.5em; margin-bottom: 3vh;}
.primeBox > div:nth-child(1) {grid-area:prime;
    display:flex; flex-direction: row;  justify-content: space-between; align-items: stretch; background:white; height:50vh; flex: 1
  }
.primeBox > div {display:flex; flex-direction: column; background:white; flex: 1 ;align-items: stretch;}
.primeBox > div:nth-child(1) .prime_image { height:100%; width:40vw; clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);}
.primeBox > div:nth-child(1) .prime_content { display:flex; flex: 1 ; padding: 2em; flex-direction: column; align-items:center; justify-content: center; height:100%; box-sizing: border-box; }

.primeBox > div .prime_image { height:300px; }
.primeBox > div .prime_content {display:flex; flex: 1 ; padding: 2em; flex-direction: column; align-items:center; justify-content: center; height:30vh; box-sizing: border-box;  }
.primeBox > div .prime_content a { display: block; margin-top: 3vh; text-align: right;}
.primeBox > div:nth-child(2) {grid-area:prime-sub-one;}
.primeBox > div:nth-child(3) {grid-area:prime-sub-two;}
.primeBox > div:nth-child(4) {grid-area:prime-sub-three;}

.collectionBox {
  display:grid; 
  grid-template-columns: repeat(3, 1fr); 
  gap:2em;
  padding-bottom: 10vh;
}
.collectionBox > div h3 {font-weight: 1em; font-size: 1.4em; margin-bottom: 1vh;}
.collectionBox > div {display:flex; flex-direction: row; background:white; flex: 1 ;align-items: stretch; box-shadow: 0px 0px 1px 0px #444; transition: .5s linear;}
.collectionBox > div .collection_image {  width: 200px; clip-path: polygon(0 0, 100% 1%, 80% 100%, 0% 100%);}
.collectionBox > div .collection_content a { display: block; margin-top: 3vh; text-align: right;}
.collectionBox > div .collection_content {display:flex; flex: 1 ; padding: 2em; flex-direction: column; align-items:center; justify-content: center; height:20vh; box-sizing: border-box;  }

a.ac_button {  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 32px;
  height: 32px;
  overflow: hidden;
  bottom: 0;
  right: 0;
  background-color: #0a8b8e;
  border-radius: 32px 0px 0px 0px;}


.hexButtonContainer a {margin-top: 10px;}



.primeBox > div:hover ,.collectionBox > div:hover { box-shadow: 0px 0px 4px 0px #444; }

.ac_button_text { margin-top: 0px;
  margin-right: -4px;
  color: white;
  font-family: courier, sans;}
.ac_hidden_link { font-size: 0.01em!important; }
.ac_content_text {z-index:100!important; }
.ac_wrapper:hover  .ac_content .ac_content_text { /*transition: all 0.3s ease-out; color:rgba(255, 255, 255, 0.9);*/ }

.ac_thumb {
  object-fit: none; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  width: 100%;
  max-height: 160px;
  margin-bottom: 1rem;
}


.ac_content_left_align  {text-align:left!important; }
.ac_content_left_align table {background: #f5f5f5!important; border:1px solid #ccc;}
.ac_content_left_align table td, .ac_content_left_align table th { border:1px solid #ccc; padding:5px;  }
.ac_content_left_align h3  {text-align:center!important; }

.ac_content_left_align .ac_button {text-align:center!important;}

.ac_wrapper_withWordingLink{text-align: center; margin-top: 60px; margin-bottom: 30px;}
.ac_contentwithWordingLink {background: rgba(233, 233, 233, 0.9); border-radius: 0 0 0px 0;z-index: 1;position: relative; padding: 20px 10px 20px 10px;height:100%; }
.ac_image_wrapper_withWordingLink {position: relative; z-index: 2; text-align: center; margin: -50px auto 20px auto; width:96%; min-height: 160px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 1px rgba(112,112,112,1);-moz-box-shadow: 0px 0px 5px 1px rgba(112,112,112,1); box-shadow: 0px 0px 5px 1px rgba(112,112,112,1);}
.ac_image_wrapper_withWordingLink h3 {transition: all 0.4s; font-size: 1.2em!important; font-weight: 100; position: absolute; bottom: 0px;left: 0; right: 0; margin: auto; display: block;background: rgba(0,0,0,0.6); color: white; border-radius: 0 0px 5px 5px; padding: 5px; text-shadow: 1px 1px 2px #000;}

.singleColRightContent h4 {font-size: 1em; font-weight: 600;}


.addLink { margin: 0 auto 0px auto; width: 80%; z-index: 9999; height: 200px;}
.postLinks {display: block; padding: 5px; }
.post {padding: 20px;}
h1.entry-title {font-size: 2em;}
.nav-previous {float: left;}
.nav-previous::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f137";
  margin-right: 10px;
}
.nav-next {float: right;}
.nav-next::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f138";
  margin-left: 10px;
}
.postNavContainer {width: 100%; font-size: 2em; padding: 20px;}
    .ac_gg_image_wrapper {text-align: left; margin: 0px auto 40px auto; width:90%; min-height: 260px; position: relative;}
    .libraryboard_NameTitle {font-size: 0.8em;  background: rgba(0,0,0,0.5); color: white;  padding: 5px; width:100%; margin: 0px auto;  position: absolute; bottom: 0px;}
  .libraryboard_NameTitle h5 , .libraryboard_NameTitle p {padding: 0px; margin: 0px;}







a.tab_button {background: #0a8b8e; color:white;  text-decoration: none; transition: all 0.4s;line-height:80px; font-size: 1.1em;  text-shadow: 1px 1px 2px #000; padding: 20px;}
a.tab_button:hover {
box-shadow: inset 0 0 40px 40px #015254;}

/*a.ac_button:hover {text-decoration: none; color: white; background:#0a8b8e; }*/
a.hwg_button {background: #0a8b8e; color:white;  text-decoration: none;transition: all 0.4s;line-height:80px; font-size: 1.1em; text-align: center; padding: 40px; text-shadow: 1px 1px 2px #000; margin-top: 100px;}
a.hwg_button:hover {
box-shadow: inset 0 0 40px 40px #015254;}
.butttonTooLong { text-align: center;padding: 5px;}
.butttonTooLong  button {margin: 2px;}
.FAQButton { margin: 15px; }
a.hwg_button_normal {background: #0a8b8e; color:white;  text-decoration: none;transition: all 0.4s; font-size:1em; text-align: center; padding: 20px; margin-top: 20px; border-radius: 3px; margin: 10px;}
a.hwg_button_normal:hover {box-shadow: inset 0 0 40px 40px #015254; padding: }
.button-pressrelease {background: #0a8b8e!important; width:100%; color: white; display: block; text-align: center; padding: 10px; margin: 5px; text-decoration: none; text-shadow: 1px 1px 2px #000;}
.button-pressrelease:hover {text-decoration: none; color:white; background: #31b8bb!important;}

.buttonHide {display: none;}


.formInfobox {border:1px solid #ccc; margin-top: 15px; margin-bottom: 15px; padding: 10px;}
.pressreleaseCard {margin-bottom: 5px;}
.prdate {font-size: 0.8em;  padding: 5px; }
.cover-image {border-radius: 0 5px 5px 0;}

/*tab content*/
.tabtab .nav-link {font-size: 1.2em;  color: #0a8b8e; padding: 20px;border-radius: 0px; display: block; width: 100%!important;}
.tabtabV .nav-link {font-size: 1.2em;  color: #0a8b8e; padding: 20px;border-radius: 0px; display: block!important; width: 100%!important;}
.tabtab .nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: white; background-color: #0a8b8e!important; border-radius: 0px;}
.tabtabV .nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: white; background-color: #0a8b8e!important; border-radius: 0px; width: 100%;}

.nav-item, .nav-tabs, .nav-tabs a { margin: 0px!important;}
.nav-tabs a.nav-link {padding: 10px!important;}

.tab-content-horizon {border-top: 1px solid #0a8b8e;  margin-left: 15px; margin-right: 15px; padding-top: 20px; margin-top: 0px!important;}
.tab-content-col {border-left: 1px solid #0a8b8e; }/*vertical tab*/
.htab_addtionalContent { color: #888; border: 1px dotted #888; padding: 10px; margin-top: 20px;}
.horizonTabMargin {margin-left: 15px; margin-bottom:0px!important; }
.action-line { text-align: center; padding: 10px;}


/*big button start*/

.BigButton{color: white; font-size: 1.4vw; font-weight: 100; padding:30px; text-decoration: none; text-shadow: 1px 1px 2px #000; border-radius: 5px;
  background: #0a8b8e; transition: background-color 0.5s ease;}

.BigButton:hover {background: #36A0A2;text-decoration: none;}
.BigLeft {  background: #0a8b8e; display: inline-block; margin: 0px; padding: 20px 40px 20px 40px;border-radius: 5px 0 0 5px; }
.BigRight { background: #36A0A2;  transition: background-color 0.5s ease;  display: inline-block;  margin: 0px;  padding: 20px 40px 20px 40px;border-radius: 0px 5px 5px 0px;}
.BigButton:hover {color: white;}
.BigButton:hover .BigRight{ background: #63B5B7;}
.BigButton:hover .BigLeft{}
.material-icons { font-size:  1.4vw!important; }
.btn-label {display: inline-block; padding: 25px;background: rgba(0,0,0,0.15); border-radius: 5px 0 0 5px; position: relative;left: -30px;}


/*big button end*/
.tag-line {text-align: center; font-size: 1.5em;}
.section_h2_title { display: block; text-align: center; font-weight: lighter; color: #0a8b8e; margin-top: 40px;margin-bottom: 20px;}
.section_h4_title { display: block; text-align: center; font-weight: lighter; color: #0a8b8e; margin-top: 40px;margin-bottom: 20px;}
.section_h2_title::after {
  /* position: absolute;
  left: 20%;
  content : " ";
  display: block;
  height  : 2px;
  width   : 60%;  /* or 100px
  padding-top: 8px;
  border-bottom:1px solid #38989d;*/
}

.rowPin {
 -moz-column-width: 18em;
 -webkit-column-width: 18em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em;

}
.rowPinKids {
 -moz-column-width: 12em;
 -webkit-column-width: 12em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em;

}
.eventAll_regDetail {padding-top: 20px; line-height: 1em;  font-size: 1.4em;}
.eventAll_title, .eventAll_time { font-size: 1.6em; font-weight: bold;}
.eventAll_title {line-height:1em;}
.eventAll_icons {height: 1.2em;}
.eventAll_dateLocation {border-right: 3px dotted #0a8b8e;padding: 10px; }
.eventAll_detailtitle {padding: 10px 10px 10px 40px;}
.eventAll_time, .eventAll_detailLocation {line-height:1em;}
.eventAll_detailLocation{ font-size: 1.4em;}
.eventAll_row{ padding: 20px 20px 20px 0; font-family:'Montserrat', sans-serif;}

.branchupcomingeventDate {display: block; font-size: 0.8em;}
.rpldailytitleLink {color:black; text-decoration: none;}
.rpldailystatus span.dailyeventfull {background:#BA0000; color:white; display:block; text-align: center; padding: 10px; border-radius: 3px; font-weight: bold;}
.rpldailystatus span.dailyeventwait {background:#02729e; color:white; display:block; text-align: center; padding: 10px; border-radius: 3px; font-weight: bold;}
.rpldailystatus span.dailyeventcancelled {background:#cc441e; color:white; display:block; text-align: center; padding: 10px; border-radius: 3px; font-weight: bold;}
.eventitem {
 display: inline-block;
 width:  100%;
 background: rgba(255, 255, 255, 0.5);

}

.whatsnewCardTitle {background:  #f5f5f5; /*text-shadow: 1px 1px 2px #000;*/ padding:10px; border-radius:0px 0 0px 0; margin-bottom: 0px; transition: background-color 0.9s ease; border-bottom: 1px solid #ccc; border-left: 8px solid #31b8bb; font-size: 1.1em; color: #000; }
/*h5.whatsnewCardTitle::after {
    width: 1px;
    height: 1px;
    content: '\00a0';
    position: absolute;
    background-color: transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid white;
    border-bottom: 10px solid white;
    border-left: 10px solid transparent;
    bottom: 0px;
    right: 0px;
}
*/
.hwgCard{ padding: 0px;}
.whatsnewCardTitle_eventTag {background:#31b8bb; color: #fff; font-size: 1em; padding: 10px; position: absolute; top:0; right: 0; text-shadow: 1px 1px 2px #000;
-webkit-box-shadow: -2px 2px 3px 0px #444444;
   -moz-box-shadow: -2px 2px 3px 0px #444444;
        box-shadow: -2px 2px 3px 0px #444444; z-index: 9999;}
.whatsnewCardBody {padding: 0px 0px 0px 0px;}
.card-img-top:hover .whatsnewCardTitle {background: #31b8bb; color:white; text-shadow: 1px 1px 2px #000;}
.hwgCard:hover .whatsnewCardTitle {background: #31b8bb; color:white; }
.sitwideMessage_container {padding:5px; margin: 0px; text-align: center; color:white; border-bottom: 1px solid white;}
.sitwideMessage_container p {padding: 0px; margin: 0px; }
.donorHeader{font-size: 1.3em; font-weight: bold; }
.dornorContent{  border:1px solid #ccc; padding: 15px; margin-bottom: 40px;}
.dornorContent h3 {font-size: 01.2em;font-weight: bold;}
.eventitem h3 { font-size: 1.2em;font-weight: 100; display: block; background: rgba(10, 139, 142, 0.7); color:white; margin: 0px; padding: 10px; border-bottom: 1px solid #fff; border-top-right-radius: calc(0.25rem - 1px); border-top-left-radius: calc(0.25rem - 1px);}
.whatsnewTitle{ font-size: 1.2em;font-weight: 100; display: block; background: #054041!important; color:white; margin: 0px; padding: 10px; border-bottom: 1px solid #fff;  }
.eventitem {border: none!important;}
.eventitem .card-body {padding:0px;}
.eventitem .card-body a:hover { text-decoration: none;}
.eventitem .card-body {  overflow: hidden;}
.eventitem {padding:10px; margin: 5px 0px;}
.eventitem .card-body a figure{
  background:rgba(10, 139, 142, 0.8);
  position: relative;
  margin: auto;
  overflow: hidden;
}
.eventitem .card-body a figure img {
  max-width: 100%;
  opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
 }

.eventitem:hover .card-body a img {
opacity: .6;
}


.event-info-div {position: absolute; bottom:0; left: 0; background-color: rgba(0, 0, 0, 0.3);color:white; height: 100%; width: 100%; padding: 10px 20px!important;}

.event-info-div h3, .event-info-div h4 {text-shadow: 1px 1px 11px rgba(0,0,0,1); }
.event-info-div:hover {background-color: rgba(0, 0, 0, 0.1); }
.featureevent_slider .item img {height:220px;}
.eventdetailbranch {background: #b3e7e8; padding: 10px; border:20px solid white!important;}
.btnbranchevent  {background:#0a8b8e; border:2px solid white; padding: 20px; color:white; cursor: pointer; font-size: 0.8em;}
.btnbranchevent:hover {background:#b3e7e8; color: #444;}


.shadow_container {
  padding:0px;
  margin: 0px;
  -webkit-box-shadow:0 0 3px #888;
  -moz-box-shadow: 0 0 3px #888;
  box-shadow:0 0 3px #888;
}



.hwgNavBar,.hwgNavBar .navbar-nav {background:#0a8b8e!important; padding: 0px!important;margin: 0px!important; }
.searchbar .input-group input {font-size: 1em; width:60%;  border-radius: 0px; border:none;}
.searchbar .search-select {border-top: none; border-bottom:none; border-right: none; border-left:2px #0a8b8e solid;}
.searchbar .input-group .input-group-btn .btn {font-size: 1em; background: #0a8b8e; color: white; border-radius: 0px;}
.searchbar-row {background:#31b8bb!important; padding:20px; text-align:center; margin-bottom: 2px;}
.searchbar {width:100%; margin: auto; box-shadow: 3px 3px #555; }
.row {background: #fff;}
.ContainerNoMP {padding: 0px!important; margin: 0px auto!important;}
.navbar {padding: 0px;}
.navbar-megamenu  { border-bottom: 2px solid #17abdc;}
.homepage-slider {padding: 0px!important; margin-top: 0px!important;}
.homepage-sliderfullpage { padding: 0px!important; margin-top: 0px!important; height: 100vh; width:100%;}
.dropdown  {position:static;  padding: 0px!important; margin: 0px!important; list-style-position: inside;}
.dropdown-menu {width:100%; padding: 0px!important; margin: 0px!important; background:#f5f5f5!important;  border-radius: 0 0px 3px 3px;}
.dropdown-menu.show {display: flex;position:relative; z-index:999999}
.featureImg .nav-link img { width:100%;}
.megamenu ul {margin: 0px; padding: 0px; list-style: none;}
li.inMMCol {margin: 0px; padding: 0px;}
.menuImage{ width:100%;}
.inMMCol li {margin: 0px; }
.subDes {display: none; font-size: 0.8em;}
.titLi {color:#fff; font-weight: 100; text-transform: capitalize; font-size: 1.2em; }
.megaMenu_title {color:#444;  font-weight: bold; text-transform: capitalize; font-size: 1em; text-shadow:none!important;  display: block; padding: 10px 0 0 10px; }
.nav-item {padding: 0px!important;margin: 0px!important;}
.nav-link  {padding: 0px!important;margin: 0px 15px 0px 15px!important;}
.inMMCol ul li.active {background: #0a8b8e;}
.inMMCol .titLi {color:#444; font-weight: 100; text-transform: capitalize; font-size: 1.1em; text-shadow:none!important; border-bottom: 1px solid #ccc;  border-top: 1px solid #E8E8E8;  display: block; padding: 10px;}
.inMMCol:nth-of-type(1) .titLi,.inMMCol:nth-of-type(2) .titLi {border-bottom: 1px solid #d9d9d9!important;;  border-top: 1px solid #fff!important; }
.inMMCol .nav-item:last-child .titLi { border-bottom:none!important;}
.inMMCol .nav-item:first-child .titLi {border-top:none!important;}
.inMMCol li.active .titLi {color:white; border:none!important;  text-shadow: 1px 1px 2px #000!important;}
.inMMCol:nth-of-type(2){background:#E6E6E6;}
.inMMCol:nth-of-type(1){background:#dfdfdf;}
.inMMCol:nth-of-type(3),.inMMCol:nth-of-type(4),.inMMCol:nth-of-type(5)  {background:#dfdfdf; font-size: 0.8em;}
.nav-link{display: block!important;  padding-left: 20px; padding-right: 20px;}
.toplevelNav .titLi {text-shadow: 1px 1px 2px #000;}
.megamenuFeatureImage {margin: 10px; border: 5px solid #fff; }
.megamenuFeatureImage_title { display: block; background: #0a8b8e; color:white; padding: 5px; background: rgba(56, 152, 157, 0.9); text-shadow: 1px 1px 2px #000; border-bottom: 1px solid #E6E6E6; text-transform: capitalize;}
/*.nav-link:hover{color:#444;background:#f5f5f5;}
.nav-link:active{color:#444;background:#f5f5f5;}
.nav-link:hover .titLi{color:#444;background:#f5f5f5;}
.nav-link:active .titLi{color:#444;background:#f5f5f5;}*/

/*.dropdown-item.active, .dropdown-item:active, .current-menu-item  { background-color: white!important; color: #0a8b8e!important;}*/
.current-menu-item a.nav-link  { color: #0a8b8e!important; font-weight: bold!important;}
.dropdown-menusub-menu {display: none;}
.linkDes .subDes{display: block;}
.divider {   width   : 98%;
  position: relative;
  z-index : 1;
  background: #fff;}

.divider:before {
  content : "";
  position: absolute;
  left    : 10%;
  bottom  : 0;
  height  : 1px;
  width   : 80%;  /* or 100px */
  border-bottom:1px solid #eee;

}
.divider + li {padding-top: 5px;}


/**Mega Menu **/

.helpback {background:  url("../images/help.png") no-repeat bottom left; min-height: 254px; min-width: 135px;}
.bookback {background:  url("../images/book.png") no-repeat; min-height: 440px; min-width: 450px;}
.testimonial_content {padding: 20px; color:white;}
.speech-bubble {
	position: relative;
	background: #814E32;
	border-radius: .4em;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #814E32;
	border-bottom: 0;
	border-left: 0;
	margin-left: -10px;
	margin-bottom: -20px;
}


blockquote {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
width: 100%;
margin: 0.25em 0;
padding: 0.35em 40px;
line-height: 1.45;
position: relative;
color: #fff;
}

blockquote:before {
display: block;
padding-left: 10px;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #fff;
}

blockquote cite {
color: #fff;
font-size: 14px;
display: block;
margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}

/*FOOOOOOOOOOOOOOOOOOOOOTER*/
/*footer*/
.mail_container{background: url("/sites/default/files/static_images/mailbox.jpg") no-repeat ; background-position: right bottom; background-color:#8ed4d6;
    -webkit-box-shadow:0 0 3px #888;
    -moz-box-shadow: 0 0 3px #888;
    box-shadow:0 0 3px #888; text-align: center; padding:20px 10px 10px 15px;}
.in_mail_container { width:80%; text-align: left;}

.mail_container p {}
.if_only_four { padding:0px 10px;}



.copyright {background:#ace2e3; padding: 0px; margin: 0px; padding: 10px; text-align: center; color:white;}
.footer_info_container { font-size: 0.9em; text-align: left; }
.footer_info_container h3 { padding: 0px; margin-top:10px;}
.footer_info_container ul{list-style-position: inside; padding:0px; list-style-type: none; margin: 0px;}
.footer_info_container ul li {margin: 0px;  padding:0px;}
.footer_info_container ul li a { /*color:#17adbc;*/ color:#0a8b8e;font-size: 1em; margin: 0px;  padding:0px; }
ul.footerUL_child { font-size: 0.9em; padding-left: 6%;}
ul.footerUL_child li {list-style: none;}
ul.footerUL_child li::before {color: #0a8b8e; content: "\2022"; font-weight: bold; display: inline-block; width: 1em;margin-left: -1em;}



.rpl_footer_logo { width: 60%;}
.footer_row,.footer_row .col-md-3,.footer_info_container,.social_footer {background:#ace2e3;}
.footer_row .col-md-3 {padding: 0px;}

.if_only_four { padding:0px 10px;}

.rpl_footer .col-md-6 { padding-right:0px; padding-left:0px;}
.rpl_footer .col-md-3 { padding-right:0px; padding-left:0px;}

.rpl_footer{  border-top:6px solid #0a8b8e ;margin: 0px 0 0 0!important; padding:0 0 0px 0; background: #ace2e3;}
.rpl_footer .container {margin:0px auto; padding-top: 20px;}

.copyright {background:#0a8b8e; padding: 20px 0 0 0; margin: 0px;  text-align: center; color:white;}
.copyright .row { background: none;}

.shadow_container {
  padding:0px;
  margin: 0px;
  -webkit-box-shadow:0 0 3px #888;
  -moz-box-shadow: 0 0 3px #888;
  box-shadow:0 0 3px #888;
}
.dailyeventBranchButton {position: fixed;right: 10px; bottom:40px;  transition:opacity 1s ease-out; }
.burgerCon {  
  display: inline-block;
  cursor: pointer;
  position: fixed;
  bottom: 10px; right: 10px;
}
.burger1,.burger2,.burger3  {
  width: 35px;
  height: 5px;
  background-color: #6c757d;
  margin: 6px 0;
  transition: 0.4s;
}

.burgerChange .burger1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 7px);
  transform: rotate(-45deg) translate(-9px, 7px);
}

.burgerChange .burger2 {opacity: 0;}

.burgerChange .burger3 {
  -webkit-transform: rotate(45deg) translate(-8px, -7px);
  transform: rotate(45deg) translate(-8px, -7px);
}


/*footer row*/
.footer_title {font-size: 1.2em;}
.social_footer {text-align: center; background: none; font-size: 0.8em;}
.social_footer img{width:10%; padding: 2px;}
.footer {border:0px!important; margin: 0px auto;  width:100%; padding:0px;}
.social_footer  a {color: white!important; margin-right: 20px; }

.footer_row a:nth-of-type(1) { border-right:0px!important;}
.footer_row a:last-of-type { border-left:0px!important;}
.footer_row {background: #ace2e3; margin: auto!important; text-align: center; padding: 10px 10px 20px 10px; }
.footer_row a {color:#444444; font-size:0.8em; padding: 10px 20px; }
.copyright_footer_link a {color:#0a8b8e; margin: 10px;}
.copyright .container{ margin: 0 auto;}



.custom-toggler.navbar-toggler {
  border-color: rgb(255,102,203);
}

.whatnewCardWhite {

margin-bottom: 40px!important;
 border-radius: 10px 10px 10px 10px;

 background-color: black;
}



.whatnewCardWhite-image {  transition: 1.5s }
.whatsnewCardBody-white .whatnewCardWhite-image:hover{  opacity: 0.2;  background-color: black;  -webkit-transform: scale(1.2);
 transform: scale(1.2);}
.whatsnewCardBody-white h5 {padding: 0px 0px 0px 0px; position: absolute; bottom:5px; left: 1em;border-radius: 5px; color:white; font-size: 1em; font-weight: 200; background-color: rgb(0, 0, 0, 0.6); padding: 5px; width:90%;}
.whatsnewCardBody-white {padding: 0px;  overflow: hidden; border-radius: 10px; }


.oneBanner-container {background:#7f8982;   -webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */transition: background 1s; /* For modern browsers */}
.oneBanner-container:hover {background:#444; }

.oneCol-container {background:#f2f8f9;   -webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */transition: background 1s; /* For modern browsers */}

@keyframes changBannerBack {
  from {background-color: #7f8982;}
  to {background-color: #666;}
}

#moreContent {display: none;}
@media print
{
    .dailyeventBranchButton{
        display: none !important;
    }
}


@media (min-width: 576px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 768px) {
    .card-columns {
        column-count: 3;
    }
}

@media (min-width: 992px) {
    .card-columns {
        column-count: 4;
    }
}

@media (min-width: 1200px) {
    .card-columns {
        column-count: 4;
    }
}

@media only screen and (max-width: 800px) {
    .canadahelpTextContainer {background-color:rgba(25,164,149,0.9);color:white; width:100%; position: static; padding:5px 5px 5px 5px; font-size:1.2em;
    }

}
@media only screen and (max-width: 480px) {
/*code for mobile here*/
.toplevelNav .titLi {font-size: 1.2em;}
.BigButton {font-size: 0.8em; margin-top: 0.8em; margin-bottom: 0.8em; display: block;}
.BigButton .btn-label {display: none!important;}
.searchbar .input-group input {font-size: 1em; width:100%;  border-radius: 0px; border:none;border-bottom: 2px solid #0a8b8e ;}
.searchbar .search-select {border-top: none; border-bottom:none; border-right: none; border-left:1px solid #31b8bb!important;width:60%!important; }
.searchbar .input-group .input-group-btn .btn {font-size: 1em; background: #0a8b8e; color: white; border-radius: 0px; font-style: normal!important; font-weight: bold;}
.searchbar .input-group .input-group-btn .input-group-btn {padding: 0px; margin: 0px; font-style: normal!important; font-weight: bold;}

.navbarRightLink .nav-link {font-size: 1.1em; }
.navbarRightLink .nav-item {padding: 5px!important; border-top: 1px solid #039b9f; border-bottom: 1px solid #086f71;}
.navbarRightLink li {padding: 15px!important; border-top: 1px solid #039b9f; border-bottom: 1px solid #086f71; font-size: 1.1em;}
.maintopNav li:first-child {border-top:none!important;}
.navbarRightLink li:last-child {border-bottom:none!important;font-size: 1.3em; }
.donateRedButton {}
.navbar-nav .toplevelNav {padding: 10px 10px!important; border-top: 1px solid #039b9f; border-bottom: 1px solid #086f71; font-size: 1.3em; }
.oneCol-image-container {min-height: 150px;  -webkit-mask-image:unset; }

.oneCol-image-container::after {
  content: "";
  width: 0%;
  height: 0%;

  position: absolute;
  bottom: 0;
  background: #0a8b8e;

}

}


@media only screen and (max-width: 1024px) {
  .collectionBox {
    display:block; 
  }
}

@media only screen and (max-width: 540px) {
  .primeBox, .collectionBox {
    display:block; 
  }
}