body {
  text-align:     center;
/*  width:          90%;
  border:	  1px solid rgb(5, 58, 108);
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;  */
  padding:        0em;
  padding-bottom: 1em;
  margin:	  0em;
  margin-left:	  auto;
  margin-right:	  auto;
}

#eventtable {
     border-collapse: separate;
     border-spacing: 0 0.5em;
     bs-table-color-type: none;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
}

@media (min-width: 801px) {
    .content{margin: 5%};
}

label {
    vertical-align: top;
}

.full {
  text-align:     left;
  width:          100%;
  border-width:   0em;
  border-style:   none;
  padding:        0em;
  padding-bottom: 1em;
  margin:	  0em;
}

.banner {
  font-family: sans-serif;
  font-size: 3.6vw;
  font-weight: bold;
  text-align: right;
  color: rgb(241, 151, 31);
  background-color: rgb(5, 58, 108);
}

.banner img {
  font-size: medium;
  width:  100%;
}

.banner2 {
  font-family: sans-serif;
  font-size: x-small;
  font-variant: small-caps;
  text-align: right;
  background-color: rgb(154, 197, 29);
}

.shadowbox {
/*  box-shadow: 0.5em 0.5em 0.5em rgb(128, 128, 128);
  margin-bottom: 1em;  */
}  

.radio {
/*    height: 1.5em; */
}

.inverse {
    margin: 0rem;
    padding: 0.5rem;
    background: rgb(154, 197, 29);
    color: white;
}

.dark {
    background: dimgray;
}

dl {
  display: grid;
  grid-template-columns: 35% auto;
}

dt {
  grid-column-start: 1;
  text-align: right;
}

dd {
  grid-column-start: 2;
}

.attribution {
    width: 100%;
    text-align: right;
    font-size: small;
}

.copyright {
  font-family: sans-serif;
  font-size: small;
  color: rgb(5, 58, 108);
  background-color: white;
  vertical-align: top;
  border-top: solid 1px rgb(5, 58, 108);
  text-align: right;
}

.copyright div {
  float: left;
}

.button {
    border: 1px solid darkorange;
    border-radius: 0.5rem;
    padding: 1rem;
}

.mailButton {
    border: 0px;
    margin: 0px;
    padding: 0px;
    width:  80%;
/*    background: rgb(248,248,248);  */
    text-align: left;
}

.callButton {
    border: 0px;
    margin: 0px;
    padding: 0px;
    width: 40%;
/*    background: rgb(248,248,248);  */
    text-align: center;
}

.callButton img {
    height: 1rem;
}    

.event {
    width: 100%;
    border: 1px solid blue;
    border-radius: 1em;
    margin-top: 1em;
    margin-left:5%;
    margin-right:5%;
    margin-bottom: 1em;
    padding: 1em;
    text-align: center;
}

.breakfast {
  font-size: x-large;
  font-weight: bold; 
  text-align: center;
}

.breakfast a {
  color: #3ab54a;    
}

.breakfast button {
  width: 4rem;
  text-align: center;
}

.breakfast p {
  text-align: right;
}

.center {
    text-align: center;
}

.centre {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ChristmasToyAppealDonations {
    background-image: url("/images/ChristmasToyAppealDonations.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 100vw;
    text-align: center;
    position: relative;
}

.ChristmasToyAppealDonations h1 {
    padding-top: 4vw;
    height: 28vw;
}

.ChristmasToyAppealDonations h2 {
    font-size: 3vw;
    font-stretch: ultra-condensed;
    margin-left: 4vw;
    margin-right: 20vw;
    margin-bottom: 6vw;
}

.christmascarols {
    background-image: url("/images/BlueChristmasCarolSongPoster.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.christmasconcert {
/*    background-image: url("/images/mowat.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
*/
    font-family: Papyrus;
    text-align: center;
    font-size: 5.5vw;
    text-shadow: 0.2rem 0.2rem 0.4rem;
}

.cobs {
    background-image: url("/images/CobsFundraiser2024-MadeWithPosterMyWall.jpeg");
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-align: center;
    max-width: 100%;
    max-height: 100%;
    width: 90vh;
    height: 85vw;
}

.concert {
    background:  rgb(154, 197, 29);
    border:  yellow 3px solid;
    border-radius: 0.5em;
    margin: 1em;
    padding: 1em;
    font-size: x-large;
}

@media (max-width: 801px) {
  .concert{font-size: large};
}
/*
.concert a {
    color: white;
}
*/

.concertphotos {
    font-size: xx-large;
    font-weight: bold;
}

.costumeparty {
    background-image: url("/images/2025HalloweenParty.jpeg");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 115vw;
    text-align: center;
}

.earthday {
/*    background-image: url("/images/EarthDayFlyer.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
*/    font-size: x-large;
}

.earthday img {
    width: 100%;
}

.earthdayactivity {
    border: 1px solid green;
    padding: 1em;
    margin-bottom: 0.25em;
}

.earthdayactivity h3 {
    color: blue;
    font-weight: bold;
}

.earthdaylibrary {
    font-size: x-large;
    background-color: rgb(244,249,217);
    padding: 1em;
    margin-bottom: 0.25em;
}

.earthdaylibrary  h3 {
    color: blue;
    font-weight: bold;
}

.earthdaylibrary  b {
    color: green;
}

.embossed {
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
/*    text-shadow: -2px -2px 1px rgba(255, 255, 255, 0.6), 3px 3px 3px rgba(0, 0, 0, 0.4);
 */
}

.event h3 {
    text-shadow: -2px -2px 1px rgba(255, 255, 255, 0.6), 3px 3px 3px rgba(0, 0, 0, 0.4);
}

.green {
    color: green;
}

.easter {
    background-image: url("/images/20250419-EasterEggHunt.jpeg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.eclipse {
    background-image: url("/images/stargazing/SolarEclipse.jpeg");
    background-repeat: no-repeat;
    background-size: 100%;t
}

.fitness {
    background-image: url("/images/fitnessclass2.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 90vw;
    text-align: center;
}

.transparent {
    opacity: 0.0;
}

.movie {
  width: 100%;
  margin: 0px;
  padding: 0px;
  padding-top: 100%;
  background-image: url('/images/2024-08-30-Migration.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  color: black;
}    

.MovieNight {
  background: black;
  text-align: center;
  color: yellow;
  font-family: sans;
  font-size: xx-large;
  font-weight: bold;
}  

.Halloween {
  background-image: url('/images/2024HalloweenParty.jpeg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  padding-top: 110%;
  text-align: center;
  color: black;
}    

.Halloween h1 {
    color: black;
    font-family: serif;
    font-weight: bold;
    font-stretch: condensed;
}    

.Halloween h2 {
    color: black;
    font-family: serif;
    font-weight: bold;
}    

.Halloween h3 {
    color: black;
    font-family: serif;
    font-weight: bold;
}    

.Halloween p {
  color: rgb(244, 132, 5);
  font-weight: bold;
  font-size: x-large;
  font-family: serif;
  text-shadow: 1 1 0 black;
}    

.costume-card {
    min-width: 16rem;
    max-width: 16rem;
    margin-bottom: 1rem;
}

.costume-card img {
    width: 100%;
}

.partners div a img {
    width: 95%;
}

.social {
    width: 2em;
    margin-left: 1em;
    margin-right: 1em;
}

.HolidayArtisanMarket {
    background-image: url('/images/HolidayArtisanMarket.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.HolidayArtisanMarket a {
    color: rgb(125,34,11);
    text-align: center;
}

.HolidayArtisanMarket h2 {
    padding-top: 4rem;
    font-family: sans-serif;
    font-size: 3vw;
    font-stretch: extra-condensed;
}

.HolidayArtisanMarket h3 {
    font-family: serif;
    font-size: 2.6vw;
    font-stretch: extra-condensed;
}

.HolidayArtisanMarket p {
  font-family: sans-serif;
  font-size: large;
}

.HolidayArtisanMarketDate {
  background-image: url('../images/Banner.png');
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 5%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width: 90%;
  vertical-align: middle;
  color: white;
  font-family: sans;
  font-size: xx-large;
  font-weight: bold;
}

.infobox {
    margin-top:   2rem;
    margin-right: 1rem;
    margin-left:  45%;
    margin-bottom:0.5rem;
    padding: 0.5rem;
    border: 4px solid gray;
/*    float: right; */
    color: Gray;
}

.innerText {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}   

.wrapper  {
  position: relative; 
  margin: 1em auto;
  width:   42em;
  height:  40em;
}

.iframe {
  overflow: auto;
  width: 8em;
  height: 40em;
}

.photoblock img {
  width: 90%;
  margin-bottom: 0.5em;
  margin-right: 0.5em;
}

.bigshot {
  display: none;
}

.bigshot img {
  position: absolute;
  top: 1em;
  left: 9em;
  width: 75%;
}

.cursive {
    font-family: cursive;
    font-size: large;
    font-weight: bold;
}

.photoblock:hover div {
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-family: serif;
  font-size: medium;
  font-weight: normal;
  text-align: left;
}

.photocontest {
    background-image: url('/images/photocontest2022/SpringYouthPhotoContest.jpeg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    margin:  0rem;
    padding: 2rem;
    width:  100%;
    height: auto;
}

.photocontest h1 {
    font-family: serif;
}

.photoscreen {
    background-image: url('/images/WinterPhotoContest.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 2vw;
}   

.photoscreen p {
    font-size: 1.5vw;
}

.photocontestinfo {
    margin: 0em;
    text-align: right;
    font-family: sans-serif;
    font-size: 2vw;
    font-weight: lighter;
    padding: 1vw;
}

.photocontestinfo h1 {
    padding-top: 5vw;
    font-size: 2.4vw;
    font-family: serif;
}

.photocontestinfo h2 {
    padding-right: 72%;
    padding-top: 32vw;
    font-size: 2.4vw;
    font-family: sans-serif;
}

.photocontestinfo h3 {
    padding-top: 6vw;
    font-size: 2.4vw;
    font-family: serif;
}

.enternowButton {
    background-color: white;
    margin-top: 1vw;
    text-align: center;
    font-size: larger;
    font-weight: bold;
    border: 1px solid black;
    border-radius: 0.5rem;
    box-shadow: 2px 2px grey;
}

.enternowButton a {
    color: red;
}

.menuBar {
    background-color: lightgrey;
    color: orange;
    text-align: center;
    font-size: larger;
    font-weight: bold;
    border: 1px solid black;
}

.photoentries {
     font-size: x-large;
     line-height: 1.5rem;
}

.photoages {
    font-size: xx-large;
}

.photocontestprizes {
}    

.photocontestprizes img {
    margin-top: 1rem;
}

.photocontestcategories {
    text-align: left;
    line-height: 2rem;
}

.photocategoories ol {
    
}    

.photocontestcategories p {
    margin-top: 0rem;
    margin-bottom: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
}    

.photocontestcategories span {
    font-size: 1.1em;
}

.photowinner {
    margin: 0rem;
    padding: 0rem;
    max-width: 100%;
    vertical-align: middle;
}

.photowinner img {
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 100%;
}    

.photocontest-card {
    min-width: 250px;
    max-width: 500px;
}    

.download-list div {
    vertical-align: middle;
    margin-bottom: 0.55em;
}

.download-list img {
    width: 2em;
}

#LifeInWestRougeBanner {
    width: 95%;
    position: relative; 
    top: -0.9rem; 
}    

.photoentry .label {
    text-align: right;
    padding-right: 1rem;
}    
  
.round-box {
  border: solid 1px rgb(5, 58, 108);
  border-radius: 1rem;
  padding: 1rem;
}

.col-form-label {
    padding-left: 1rem;
    vertical-align: top;
}

.pumpkin-giveaway {
    width: 100%;
    background-image: url("/images/pumpkin-background.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 9rem;
    padding-bottom: 9rem;
}

@counter-style pumpkin {
    system: cyclic;
    symbols: "\1f383";
    suffix: " ";
}

.pumpkin {
    color: darkorange;
    list-style-type:  pumpkin;
}

.pumpkinparade {
    width: 100%;
/*    background-image: url("/images/PumpkinParade-background.jpeg");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 1rem;
    padding-top: 70%;
    padding-bottom: 5rem;
*/
    font-size: x-large;
    text-align: center;
}

.pumpkinparade h2 {
    font-weight: bold;
    color: white;
}    

.pumpkinparade h3 {
    color: orange;
}

.pumpkinparade img {
    width: 20%;
}

.pumpkinparadesponsor {
    text-align: center;
}

.pumpkinparadesponsor a img {
    min-width:  6rem;
    max-width: 10em;
    max-height: 3rem;
}

.SantaPaws {
    width: 100%;
    background-image: url("/images/ChristmasSantaPhotos-Made with PosterMyWall.jpeg");
    background-size: contain;
    background-repeat: no-repeat;

}

.SantaCraft {
    width: 100%;
    background-image: url("/images/ChristmasCraftFair-MadewithPosterMyWall.jpeg");
    background-size: contain;
    background-repeat: no-repeat;

}

.skate {
    background-image: url("/images/IceSkatingParty.jpeg");
    background-repeat: no-repeat;
}

.stargazing {
    background-size: contain;
    background-image: url("/images/stargazing/2023-11-04-StargazingEventFlyer-cancelled.jpeg");
    background-repeat: no-repeat;
}

.sweatshirt {
    margin: 0px;
    background-image: 	url(/images/SweatshirtsHolidayHeader.jpeg), linear-gradient(to bottom, #95bafe, #c3f2e0);
    background-position: left top, left top;
    background-repeat: no-repeat, no-repeat;
    background-size: 100%, 100% 100%;
    padding-top: 60%;
    margin-left: auto;
    margin-right: auto;"
}


.rotated {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

/* seasons */
.spring {
    background: PaleGreen;
}

.summer {
    background: LavenderBlush;
}

.fall {
    background: Moccasin;
}

.winter {
    background: AliceBlue;
}

.background {
  position: relative;
  width: 100%;
  padding-top: 120%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: none;
}

.background div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}    

.runners {
  background-image: url("https://funrun.sportsandrec.ca/images/FunRunners.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #dbd8c8;
  padding: 5%;
  border: 2em solid #197b0e;
  color: #3646a3;
}

.runners h2 {
    text-align: center;
    font-style: normal;
    font-weight: bold;
}

.flag {
  background-image: url('https://funrun.sportsandrec.ca/images/banner.png');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: middle center;
  background-color: #dbd8c8;
  line-height: 1;
  font-size: 3vw;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: white;
  padding: 0.25em;
  min-height: 5em;
}

.funrun {
  color:  #197b0e;
  font-size: 10vw;
  font-weight: 800;
  font-stretch: condensed;
  line-height: 0.8;
  text-align: center;
}

/*
@media (min-width: 801px) {
  .funrun{font-size: 5vw};
}
*/
.agm {
  background-image: url(/images/AGMFlyer.jpeg);
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 110%;
}

.centre {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}


.left {
    text-align: left;
}

.right {
    text-align:right;
}

.greenbanner {
  background-image: url(/funrun/images/FunRun-GreenBanner.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: rgba(255,255,255,0.5);
  height: 62rem;
}

.red {
    color: red;
}

.white {
    color: white;
}

.afterglow {
    background-image: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));
}

.afterglow h2 {
    font-style: normal;
}

.pink {
    color: hotpink;
}

.grey {
    color: grey;
}

.snowmancontest {
    background-image: url("/images/SnowmanContest.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.songlist {
    background-image: url('/images/3131529.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    font-size: x-large;
    border: 1px solid red;
    border-radius: 0.5rem;
    padding-left: 1rem;
}

.songlist details {
    font-style: italic;
}

.songlist details p {
    padding-left: 2rem;
}

.songlist summary {
    font-size: xx-large;
    font-style: normal;
    font-weight: bold;
}

.sponsor {
    width: 12em;
    height: 9em;
    margin: 0.3em;
    text-align: center;
    float: left;
}

.sponsor img {
  width: 100%;
}

.run-sponsor {
  vertical-align: middle;
  text-align: center;
  padding: 1rem;
}

.run-sponsor img {
  width: 80%;
  text-align: center;
}

.smallsponsor {
  vertical-align: middle;
  text-align: center;
  padding-right: 0.5rem;
}

.smallsponsor img {
  width: 5rem;
  text-align: center;
}

.uglysweatercontest {
    background-image: url("/images/UglySweaterContest.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    padding-top: 75%;
    position: relative;
}

.yukyuks {
    text-align: center;
    width: 100%;
}    

.yukyuks h1 {
    color: yellow;
    font-family: serif;
    font-size: 600%;
    font-weight: 900;
    font-stretch: condensed;
}

.yukyuks h2 {
    color: white;
    font-size: 400%;
    font-weight: bold;
}

.yukyuks h3 {
  color: MediumSpringGreen;
  font-size: 250%;
  font-weight: bold;
}

.yukyuks p {
    text-align: center;
    font-size: x-large;
    font-weight: bold;
    color: yellow;
}    

.CCRA {
    height: 5em;
}

.PUseniors {
    height: 5em;
}