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;}/* 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;}