Pub2Pub 2018 | Charity Fun Run & Festival

< >

/* ----------------------------------------- */ /* View: Captioned Carousel - start */ /* ----------------------------------------- */ .carouselEntry { width: 100%; } .carouselEntry img { width: 100%; height: auto; } .carouselEntry .carouselFooter { background-color: black; width: 100%; text-align: left; padding-left: 15px; color: white; } .carouselEntry .carouselFooter .carouselTitle { padding-top: 9px; padding-bottom: 5px; display: block; font-weight: bold; font-size: 1.7em; } .carouselEntry .carouselFooter .carouselBody { padding-bottom: 9px; } .carouselEntry a:hover { text-decoration: none; } .carouselEntry[hidden] { display: none; } .carouselEntry[data-fading] { position: absolute; } .carousel { max-width: 1200px; display: inline-block; width: 100%; } .carouselControls { position: absolute; width: 100%; color: white; text-align: left; padding-left: 10px; padding-right: 10px; font-weight: bold; } .carouselControls a { color: white; cursor: pointer; } .carouselControls a:hover { text-decoration: none; } .carouselControls .carouselControlLeft { float: left; padding: 10px; background-color: rgba(6, 6, 6, 0.6); } .carouselControls .carouselControlRight { float: right; padding: 10px; background-color: rgba(6, 6, 6, 0.6); } @media screen and (min-width: 700px) { .carouselControls { top: 40%; } } @media screen and (min-width: 480px) and (max-width: 700px) { .carouselControls { top: 30%; } } @media screen and (max-width: 480px) { .carouselControls { top: 25%; } } /* ----------------------------------------- */ /* View: Captioned Carousel - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Thumbnail Display - start */ /* ----------------------------------------- */ .thumnailContainer { display: inline-block; padding: 0; width: 100%; margin-left: -10px; } .thumnailContainer li { margin-bottom: 20px; margin-left: 10px; margin-right: 10px; display: inline-block; min-width: 31%; } .thumnailContainer li img { width: 100%; display: inline-block; max-width: 100%; } .thumnailContainer li a { width: 100%; display: inline-block; max-width: 100%; } .riftThumbnailWrapper { display: inline-block; text-align: center; width: 100%; } .riftThumbnailCaption { background-color: rgba(6, 6, 6, 0.6); display: block; position: absolute; bottom: 0px; width: 100%; color: white; font-weight: bolder; font-family: 'Fjalla One'; font-size: 3em; line-height: 1.8em; text-transform: uppercase; } .riftThumbnail { position: relative; } /* ----------------------------------------- */ /* View: Thumbnail Display - end */ /* ----------------------------------------- */