/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
 
html,
button,
input,
select,
textarea {
    color: #222;
}
html{
    scroll-behavior: smooth;
}

body {
    font-size: 1em;
    line-height: 1.4;
   
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

div.copyright
{
    text-align:center; 
    font-size:0.75em;
    line-height:1em;
}

 .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
  }
  
  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
  }

  .btn-arrow {
    border: solid red;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 2px;
    padding-bottom: 2px;
  }
  
  .dir-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  
  .dir-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
  
  .dir-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
  
  .dir-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  
  #TopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 10%;/*30px;*/
    z-index: 99;
    font-size: 16px; /*18*/
    border: 1px solid gray;/*red;*/ /*none;*/
    outline: none;
    background-color:white;/*transparent;*/ /*#e33b17;*//*#e44d26;*//*#ff0000;*/
    /*opacity:50%;*/
    color:red;/* white;*/
    cursor: pointer;
    padding: 10px;
    padding-top: 0px; /* added with new arrow - was 10px*/
    border-radius: 50%;
    

  }
  
  #TopBtn:hover {
   /* background-color:#2a839c;*//* #555;*/
   border-color: black; 
   opacity: 100%;
  }
/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 16px/26px Helvetica, Helvetica Neue, Arial;
    
}

.wrapper {
    width: 96%; /*96*/
    margin: 0 2%;
   
}

/* ===================
    ALL: Theme
   =================== */

.header-container {
    border-bottom:10px solid #2a839c; /*#1d7c97#00072B5072B5 #046d8b;*/ /*#3b7496;*//*#85c7ee;*//*#549fca; #becae6;*//*#BECAD6;*//* #5fb5e9;*//*#4CA2D5;*//* #e44d26;*/
    /*  border-bottom: solid;
   border-image: linear-gradient(to bottom,#046d8b  -75%, #ffffff  100%) 0 0 100% 0/0px 0 -50px 0;*/
    
    /*linear-gradient(to bottom, #046d8b -20%, #ffffff 100%) 1 100%;**/
    
}

.footer-container
{
    border-top: 5px solid #89b6d5; /* #27BDE3;*//*#BECAD6*//*#009A3E*/; /*#e44d26;*/
    margin-bottom:20px;
     background:#fbfbfb;
}
.main aside {
  /*  position:fixed;
    top:15%;
    right:5%;*/
    border-top: 10px solid #e33b17;/*#e44d26;*/ /* #27BDE3;*//*#BECAD6;*//*#009A3E;*/ /*#e44d26;*/
    border-radius: 5% 5% 0 0;
    margin-bottom:20px;
     background:#fbfdfd;/*#fafcfd;*//*#fcfdfe;*//*#fafcfc;*//*#f8fbfc;*//*#fbfbfb;*/
}

h2.aside {
    text-align: center;
}
/*
.main aside*/
.header-container/*,
.footer-container */
 {
    
    background: #ffffff; /*#f16529;*/
}
/*
.footer-container
{
    background:#f0f8ff;
}
*/
/*.main
{*/
   /* background-color:#fdfdfd;*/
/*}*/
 article section, article header
{
  border-bottom:2px solid #2a839c;/* #BECAD6;*/
  padding-bottom:2%; 
 /* background-color:Yellow;*/
}

section.noborder, header.noborder
{
  
  border-style: none;/*border-bottom:2px solid #2a839c;*//* #BECAD6;*/
  padding-bottom:2%; 
 /* background-color:Yellow;*/
}


div.bdrB2px2pc
{
    border-bottom:1px solid #2a839c;/*#BECAD6;*/
    padding-bottom:2%;
}

div.bdrB2px2pc > a >img:hover
{
    /*opacity: 70%;*/
    background-color:#2a839c;
}   

div.bdrT2px1pc
{
     border-top:2px solid #BECAD6;
    padding-top:1%;
}
div.aside-donate 
{
  /* background-image: url('10a.png');
   background-repeat:no-repeat;
   background-color: red;*//*#F1C0BB;*/
   
   margin:0px; 
   width:100%;
   
  /* background-image:url('10a.jpg') no-repeat 295px 0px;*/
}

#aside-donate 
{
  /* background-image: url('10a.png');
   background-repeat:no-repeat;
   background-color: red;*//*#F1C0BB;*/
   
   margin:0px; 
   width:100%;
   
  /* background-image:url('10a.jpg') no-repeat 295px 0px;*/
}


#aside-donate p.largebold
{

font-size:140%;
font-weight: bold;
}

 img.aside-donate
 {
     width:45%; /*35%;*/
     max-width:160px;
    /* max-height:200px;*/
   
     margin: 1% auto 1% auto;
          
 }
    
.title {
    color: #0c74b3; /*0576ba; #2B7FAD; #78B5D1;#0476BC;*//*#4CA2D5;*/
}

img.title
{
    float:left;
    margin-top:2px;
    margin-bottom:2px;
}
div.logo
{
   /* display:inline-block;*/
   width: auto; /*165px;*/
    height:auto; /*70px;*/
     margin-top:2px;
    margin-bottom:2px;
    float: left;
    clear: none;
}
div.logoTitle
{
     display:inline-block;
     text-align:center;
    width: auto;
    height: 70px;/*100*//*70px;*/
    
  /*  float: left;*/
   margin-top:2px;
    margin-bottom:2px;
  margin-left:2%;
  margin-right:auto;
    clear: both;
}
h1.title
{
   position:relative;
   height:1em;/* inherit;*/
   line-height:1em;
   font-size: 2em;
    margin: 0.5em 0;
   /* text-align:center;
    vertical-align:middle;*/
  /*  margin-top:10%;*//*10*/
    margin-bottom:auto;
}

#RecentNews,
#aside-donate
{
    border-top:2px solid #2a839c;/* #BECAD6;*/
}

#NewsPinImportant {
    
    border: 10px solid orange;/*#e33b17;*//*#e44d26;*/ /* #27BDE3;*//*#BECAD6;*//*#009A3E;*/ /*#e44d26;*/
    border-radius: 5% 5% 5% 5%;
    padding:5%;
    margin-bottom: 10px;
    background-color:#fffff5/*#ffffef*/; /*cornsilk;*/

}
div.NewsImportant {
    border: 10px solid orange !important; /*#e33b17;*//*#e44d26;*/ /* #27BDE3;*//*#BECAD6;*//*#009A3E;*/ /*#e44d26;*/
    border-radius: 5% 5% 5% 5%;
    padding:5%;
    margin-top: 10px;
    background-color:#fffff5/*ffffefcornsilk*/; /*fff8dc   fffade*/
}
div.NewsImportantSide {
    border: 5px solid orange !important; /*#e33b17;*//*#e44d26;*/ /* #27BDE3;*//*#BECAD6;*//*#009A3E;*/ /*#e44d26;*/
    border-radius: 5% 5% 5% 5%;
    margin-top: 10px;
    
    padding:5%;
    /*background-color:cornsilk;*/
}


div.newsdataspace,
div.newsdataspace1
{
   border-top-style: solid;
   border-width: 1px;
   border-color:#ffaaaa;
  }   

div.NewsdateHeader
{
   /* background:#3e5c5c;*//*#f4f9fa;*/ /*#f7fafb;*//*#f9f9ff;*/
    line-height:36px;   
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    /*border-bottom-width: 5px;*/
    border-bottom-color: #2a839c;/* darkgoldenrod;*/
    border-top-color: darkgoldenrod;
    color:red;
    text-align:center;
    font-size:130%;
    padding-bottom: 4px;
}

div.NewsdateHeader > h2, ul{
    margin:0px;
    
}

div.NewsdateHeader1
{
 
   
  /* border: 1px solid black;
  outline-style: double;
  outline-color: green;*/
  
  text-align:center;
  
    /*background: #f5f5f5;*/
    /*background:#BECAD6;*/
    background:#2a839c;/*#eaf3f5;*//* hsla(210, 23%, 79%, 0.2);*/
    line-height:36px;
    color:white;  
}

div.NewsdateHeader1 > h2
{
    padding-top:1%;
}
div.newsdataspace2
{
    border-top-style: solid;
    border-bottom-style: solid;
   border-width: 1px;
   border-color:#ffaaaa;
}   

ul.DonateInfo {
    padding: 5px;
    font-size: 1em;
    text-decoration: none;
    list-style-type: disc;
    /*text-transform: uppercase;*/
    font-weight: bold;
    color:#2a839c;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    /*border-left:5px solid #2a839c;*/
  }
  ul.DonateInfo a {
    color:black;

  }
  ul.DonateInfo > li:hover > a{
  /*ul.DonateInfo > li.active > a {*/
    /*background-color:#2a839c50;*/
    color: #ff0000;/*#ff2d55*//*#007AFF*/ /*green*//*#009ae1*/;
    /*border-radius: 40px 40px 0 0;*/
    /*text-decoration: underline;*/
     /*background: #d80041;
     border-bottom:15px solid yellow;*/
  }
  


  a.cHelps img
  {
    max-width:165px;
    width:100%;
    border:0px solid transparent;
    border-radius: 10px 10px 10px 10px;
    
  }

  a.cHelpsNB img
  {
    max-width:165px;
    width:100%;
    border-style: none;
    /*border:0px;*/
        
    
  }

  a.cHelps img:hover,
  a.cHelpsNB img:hover
  {
    /*border-style:solid;  
    border-width: 1px;*/
    /*  border-color: black;*/
    opacity: 75%;
    /*content: url(https://www.canadahelps.org/image/DonateNowLink/en/Donate4.png);*/
    /*filter: brightness(75%);*/

  }
  a.cHelpsGive{
      color: red;/* #ff8c00;*/
      font-weight: bold;
      font-size: x-large;
      font-variant: small-caps;
  }
  

/* ==============
    MOBILE: Menu
   ============== */



/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 30px 0;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: black;
    padding: 0px 5% 10px;
    
}

.footer-container footer {
    color: black;
    padding: 20px 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */















/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {
nav {
       /* float: right;*/
        clear:both;
        width:100%; /*38%*/
       
    }
    
 /*   div.logo
{
    display:inline-block;
   width: auto; *//*165px;*/
   /* height:auto;*/ /*70px;*/
  /*   margin-top:2px;
    margin-bottom:2px;
  float left;
    clear: both;
}*/
/* ====================
    INTERMEDIATE: Menu
   ==================== */
   /*Initialize*/

/*====================================================*/	
  

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

  
}

@media only screen and (min-width: 719px) 
{
    h1.title
{
   position:relative;
   height:1em;/* inherit;*/
   line-height:1em;
   font-size: 2em;
    margin: 0.5em 0;
   /* text-align:center;
    vertical-align:middle;*/
    margin-top:10%;/*10*/
    margin-bottom:auto;
}
/* ====================
    WIDE: CSS3 Effects
   ==================== */

    .header-container,
    .main aside {
        -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;
    }


    nav {
        float: right;
        clear:both;
        width:100%;/*60*/ /*38%*/
       
    }

/* ============
    WIDE: Main
   ============ */

    .main article {
        float: left;
        width: 57%;
     /*   background:url('../images/1b.jpg'); */
    }

    .main aside {
        float: right;
        width: 28%;
       /* background:url('../images/bamschl4.jpg') no-repeat;*/
    }
}


@media only screen and (min-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */

    .header-container,
    .main aside {
        -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;
    }

/* ============
    WIDE: Menu
   ============ */
 h1.title
{
   position:relative;
   height:1em;/* inherit;*/
   line-height:1em;
   font-size: 2em;
    margin: 1em 0;
   /* text-align:center;
    vertical-align:middle;*/
    margin-top:10%;/*10*/
    margin-bottom:auto;
}

    .title {
        float: left;
    }

    nav {
        float: right;
        clear:both;
        width:100%;/*60*/ /*38%*/
       
    }

/* ============
    WIDE: Main
   ============ */

    .main article {
        float: left;
        width: 57%;
     /*   background:url('../images/1b.jpg'); */
    }

    .main aside {
        float: right;
        width: 28%;
       /* background:url('../images/bamschl4.jpg') no-repeat;*/
    }
}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */
   h1.title
{
   position:relative;
   height:2em;/* inherit;*/
   line-height:1em;
   font-size: 2.75em;
    margin: 1em 0;
   /* text-align:center;
    vertical-align:middle;*/
 /*   margin-top:10%;*//*10*/
    margin-bottom:auto;
}
    .wrapper {
        width: 1140px; /* 1026px 1140px - 10% for margins */
        margin: 0 auto;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}
/*
.hidden {
    display: none !important;
    visibility: hidden;
}
*/
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }
/*start new comment*/ /*
    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }
*//*end new comment*/
    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}