Home | WebMail | Register or Login

      Calgary | Regions | Local Traffic Report | Advertise on Action News | Contact

/* COMMON *//* ELEMENTS */body, html { padding: 0; margin: 0; font-size: 16px; font-family: 'Open Sans', sans-serif; overflow-x: hidden;}figure { display: block; position: relative; padding: 0; margin: 0;}figure img { display: block; position: relative; width: 100%; height: auto;}h1 { font-size: 2.25rem; line-height: 2.5rem; font-weight: 700; margin: 0 0 1rem 0;}h2 { font-size: 2.5rem; line-height: 2.75rem; font-weight: 600; margin: 0 0 1rem 0;}h3 { font-size: 1.25rem; line-height: 1.5rem; font-weight: 600; margin: 0.5rem 0;}h5 { font-size: 1.25rem; line-height: 1.5rem; font-weight: 600; margin: 0.5rem 0; margin-top: 2rem; margin-bottom: 2rem;}.a11y-heading { display: block; position: absolute !important; clip: rect(1px 1px 1px 1px); padding: 0 !important; margin: 0 !important; width: 1px !important; height: 1px !important;}.image-wrapper { display: inline-block; overflow: hidden; height: 0px; padding-bottom: 56.25% !important;}.image-wrapper.square { display: inline-block; overflow: hidden; height: 0px; padding-bottom: 100% !important;}#skip-navigation { left: 50%; top: 0; position: absolute; transform: translateY(-3rem); transition: transform 0.26s; padding: 0.5rem 0.75rem; line-height: 1.25rem; font-size: 1rem; background-color: #fff; color: #424242; border: 2px solid #424242; border-radius: 0rem 0.25rem 0.25rem 0rem;}#skip-navigation:focus { transform: translateY(-0.5rem);}/* MEDIA ELEMENT */.media-container { display: block; position: relative; width: 100%; height: auto; overflow: hidden; box-sizing: border-box; margin: 0 0 1rem 0; padding: 0;}.media-container .media-content { display: block; position: relative; width: 100%; height: 0px; padding-bottom: 56.25%;}.media-container .media-content.square { padding-bottom: 100% !important;}.media-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;}.media-caption { display: block; position: relative; width: 100%; height: auto; padding: 0.75rem 1rem; font-size: 0.75rem; line-height: 1rem; color: #424242; box-sizing: border-box; background-color: #f6f6f6; border-bottom: 1px solid #ccc;}.video-container {position: relative;padding-bottom: 56.25%;padding-top: 1.875rem;height: 0;overflow: hidden; margin-top: 1.875rem;}.video-container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}/* for embedded media in legacy content */.embed-container {position: relative;padding-bottom: 56.25%;padding-top: 1.875rem;height: 0;overflow: hidden; margin-top: 1.875rem;}.embed-container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}.gem-play-icon { display: block; position: absolute; top: 30%; left: 40%; width: 20%; height: 20%; z-index: 5;}/* SITE HEADER */.cbc-global-header { display: block; position: relative; width: 100%; height: auto; text-align: center; border-bottom: 1px solid #ccc;}.cbc-global-header iframe { height: 98px !important;}.cbc-global-footer { display: block; position: relative; width: 100%; height: auto; text-align: center; border-top: 1px solid #ccc;}.site-banner { margin: 0 auto;}.site-navigation { display: block; position: relative; width: 100%; height: auto; background-color: #000; border-bottom: 0.5rem solid #003366;}.site-navigation.sticky { position: fixed; top: 0; z-index: 99;}.site-navigation-anchor { display: block; position: relative; width: 100%; height: auto; overflow: hidden; margin: 0; padding: 0;}.navigation-list { display: flex; flex-wrap: wrap; position: relative; list-style: none; padding: 0; margin: 0 auto; max-width: 80rem;}.navigation-list a { display: flex; position: relative; font-size: 1.25rem; min-height: 3rem; padding: 0.5rem 1rem; text-transform: uppercase; color: #fff; text-decoration: none; align-items: center; transition: background-color 0.26s ease;}.navigation-list a:hover,.navigation-list a:focus,.navigation-list a.selected{ background-color: #003366; color: #fff; text-decoration: underline;}.navigation-list a.navigation-home-logo { padding: 0 1rem 0 1rem;}.navigation-list a.navigation-home-logo img { max-height: 4rem;}.navigation-list a.navigation-home-logo:hover { background-color: transparent; color: #fff;}/* CONTENT WRAPPERS */.site-content { display: block; position: relative; width: 100%; height: auto; box-sizing: border-box;}.site-content-container { display: flex; position: relative; width: 100%; max-width: 80rem; height: auto; margin: 0 auto; flex-wrap: nowrap; box-sizing: border-box; padding: 1rem;}.site-header,.main-content{ display: block; position: relative; width: 100%; height: auto; min-width: 22.5rem;}.main-content.sticky { padding-top: 3rem;}.main-content.stickyBig { padding-top: 4.5rem;}.page-header { display: block; position: relative; overflow: hidden; width: 100%;}/* VISUAL INDICATORS */.coming { background-color: #046B99 !important;}.available { background-color: #e60505 !important;}.view-coming-soon,.view-available { text-transform: uppercase; font-size: 0.875rem; padding: 0.375rem 0.625rem;}.view-coming-soon { background-color: #00498f; font-size: 1rem; font-weight: 600;}.view-available { background-color: #e60505; font-size: 1rem; font-weight: 600;}.label-available { color: #e60505 !important;}.label-coming-soon { color: #046B99 !important;}/* GEM CARDS */.cbc-gem-push { display: block; position: relative; color: #fff; background-color: #e60505; padding: 0.5rem 1rem; margin-bottom: 1rem; font-weight: 500; text-decoration: none;}.cbc-gem-push-text { display: inline-block; position: relative; margin-left: 1rem;}:hover .cbc-gem-push-text { text-decoration: underline;}/* ================================= *//* GEM CARD *//* ================================= */.gem-card-embed.entry-element-container { max-width: 42.5rem; margin: 1rem auto;}.entry-gem-card.large { display: block; position: relative; margin: 0 auto 1rem auto; padding: 0; max-width: 37.5rem; height: auto; box-sizing: border-box; background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 33.33%, rgba(0, 0, 0, 0) 100%); border-radius: 0.375rem; overflow: hidden;}.entry-gem-card.large figcaption { padding: 3rem; color: white; position: absolute; display: block; top: 0; bottom: 0; left: 0; z-index: 2; width: 100%; box-sizing: border-box; background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 33.33%, rgba(0, 0, 0, 0) 100%); border-radius: 0.375rem; overflow: hidden;}.gem-card-contents { display: flex; position: relative; align-content: space-between; flex-wrap: wrap; width: 50%; height: 100%;}.gem-card-contents .gem-logo { display: block; position: relative; margin-left: -0.675rem;}.gem-card-contents .gem-card-title { display: block; position: relative; font-size: 2rem; line-height: 2.25rem; font-weight: 700; width: 100%;}.gem-card-contents .gem-card-description { display: block; position: relative; font-size: 1rem; line-height: 1.25rem; font-weight: 500; width: 100%;}.gem-card-contents .watch-button { display: flex; position: relative; padding: 0.5rem 1.5rem 0.5rem 1rem; background-color: #D81E05; transition: background-color ease-in-out 200ms; border-radius: 50vh; font-size: 0.875rem; line-height: 1.25rem; flex-wrap: nowrap; align-content: center; justify-items: center; font-weight: 600;}.gem-card-contents .watch-button .play-icon { display: inline-block; position: relative; height: 1.25rem; width: auto; margin-right: 0.5rem;}.entry-gem-card.large:hover .gem-card-contents .watch-button { background-color: #7d1102;}.entry-gem-card.small { display: flex; position: relative; width: 100%; height: auto; flex-wrap: nowrap; padding: 1rem 0; margin: 1rem auto; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; box-sizing: border-box; align-items: flex-start; justify-content: left;}.entry-gem-card.small .watch-button { display: flex; position: relative; flex-wrap: nowrap; overflow: hidden; max-width: 12rem; align-items: center; justify-content: center; background-color: #000; transition: background-color ease-in-out 200ms; padding: 0.25rem 0.5rem; border-radius: 0.5rem; color: #fff; font-size: 1rem; font-weight: 700; line-height: 2rem; text-transform: uppercase; margin-top: 1rem;}.entry-gem-card.small .watch-button figcaption { display: inline-block; position: relative; text-align: center; width: 100%; height: auto; padding: 0; margin: 0 0 0.25rem 0; font-size: 0.675rem; line-height: 0.675rem;}.entry-gem-card.small .watch-button img { margin: 0rem; height: 2rem; width: auto;}.entry-gem-card.small .gem-card-title { display: block; position: relative; font-size: 1.5rem; line-height: 1.75rem; font-weight: 700; margin-bottom: 0.25rem;}.entry-gem-card.small .gem-card-description { display: block; position: relative; font-size: 1.125rem; line-height: 1.25rem; font-weight: 500; margin-bottom: 1rem;}.entry-gem-card.small img { display: block; position: relative; width: 35%; max-width: 14rem; height: auto; border-radius: 0.5rem; margin-right: 1.5rem;}.entry-gem-card.small figcaption { display: block; position: relative; width: 100%; color: #000; padding: 0;}.entry-gem-card.small:hover .watch-button { background-color: #424242;}/* RIGHTRAIL */.site-rightrail { display: inline-block; position: relative; width: 300px; height: auto; padding: 0; margin-left: 1rem; flex-shrink: 0;}.site-rightrail-element { display: block; position: relative; width: 100%; height: auto; margin: 0 auto 1rem auto; max-width: 300px;}.site-rightrail-element.social-channels {width: 96%;}.site-rightrail-element.onecolumn { grid-column: 1 / -1;}.site-rightrail-element .entry-item-figure { box-sizing: border-box; border: 1px solid #dadada; height: auto;}.site-rightrail-element .entry-item-figure figcaption { padding: 0.5rem; box-sizing: border-box;}.site-rightrail-element .entry-item { width: 100%;}.site-rightrail-element .entry-item .entry-status { font-size: 1rem; line-height: 1rem;}.site-rightrail-element .entry-item .entry-title { font-size: 1.25rem; line-height: 1.5rem;}.site-rightrail-element .entry-item .entry-qualifier { margin: 0.25rem 0;}/* CMF FUNDING BANNER */.cmf-funding-banner {display: block; position: relative; background-color: #000; margin: 2rem auto; padding: 1rem;}.cmf-funding-banner img {margin: auto; display: flex;}/* FUNDING PARTNER BANNER */.funding-partners {display: block; position: relative;margin: 0.875rem 0; background-color: #fafafa;}.funding-partners img {margin: auto; display: flex; padding: 0.875rem; max-width: 6rem;}.funding-partners span {display: block; text-align: center; font-size: 0.875rem; text-transform: uppercase; font-weight: bold; padding: 0 0 0.875rem 0;}