/* ICI Building header overrides */
.page-42245 .ok-feature-section .ok-feature-content h1 {
        font-size: 32px;
    }

@media screen and (min-width: 980px) {
    .page-42245 .ok-feature-section .ok-feature-content h1 {
        font-size: 45px;
    } 
}

@media screen and (min-width: 1200px) {
    .page-42245 .ok-feature-section .ok-feature-content h1 {
        font-size: 55px;
    } 
}


/* ==== Reconnect campaign page .page-40727 ==== */

.page-40727 .breadcrumb{
    display: none;
    }

.page-40727 .ok-reconnect-lead p {
    text-align: center;
    }

/*Youtube embed video container*/
.page-40727 .ok-wysiwyg-wrapper:nth-of-type(3){
    max-width: 800px;
    margin: 0 auto;
    }

/* Feeds Mega Boxes */
.page-40727 .ok-rss-news-feed {
    margin-left: -3px;
    }

.page-40727 .ok-rss-news-feed .widget-widget_rss li {
    background: linear-gradient(to left, transparent 50%, #eff8fb 50%) right;
    background-size: 200%;
    transition: .7s ease-out;
    }

.page-40727 .ok-rss-news-feed .widget-widget_rss li:before {
    content:"\f097";
    font-family: FontAwesome, Helvetica, Arial;
    color: #00a7e1;
    float: left; 
    width: 25px;
    min-height: 50px;
    font-size: 14px;
    display: block;
    }

.page-40727 .ok-rss-news-feed .widget-widget_rss li:hover:before {
    content:"\f02e";
    }

.page-40727 .ok-rss-news-feed .widget-widget_rss li:hover {
    background-position: left;
    }

.page-40727 .ok-rss-news-feed .widget-widget_rss li .rsswidget {
    color: #0055b7;
    font-weight: bold;
    }

.page-40727 .ok-rss-news-feed .widget-widget_rss li .rssSummary {
    white-space: nowrap;
    overflow: hidden;
    font-style: italic;
    text-overflow: ellipsis;
    }

/* All Events Link Mega Box */
.page-40727 .ok-mega-box-wrapper .row-fluid:nth-of-type(2) .span6:last-child {
    background-color: #eff8fb;
    position: relative;
    outline: 4px solid #eff8fb;
    outline-offset: -4px;
    }

.page-40727 .ok-mega-box-wrapper .row-fluid:nth-of-type(2) .span6:last-child:hover {
    background-color: #fff;
    transition: 0.4s;
    }

.page-40727 a.ok-reconnect-more-block {
    font-size: 2.25em;
    line-height: 1.2;
    display: block;
    margin: 30% 0;
    }

.page-40727 a.ok-reconnect-more-block:hover {
    color: #0055b7;
    }

/* Category link underlines */
.page-40727 a.ok-reconnect-cat-link:hover:after {
    width: 100%;
    }

.page-40727  a.ok-reconnect-cat-link {
    color: #0055b7;
    margin: 0;
    display: inline-block;
    }

@media screen and (min-width: 1200px) {
.page-40727  a.ok-reconnect-cat-link {
    float: right;
    }
}

.page-40727  a.ok-reconnect-cat-link:hover {
    text-decoration: none;
    color: #0055b7;
    }

.page-40727 a.ok-reconnect-cat-link:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #0055b7;
    opacity: 0.6;
    transition: width .35s;
    }



/* ======== Category Archive styles ========= */

.taxonomy-category-covid19 .span3, 
.taxonomy-category-faculty-staff .span3, 
.taxonomy-category-community .span3, 
.taxonomy-category-students .span3, 
.taxonomy-category-reconnect .span3 {
    display: none;
    }

.taxonomy-category-covid19 .span9, 
.taxonomy-category-faculty-staff .span9, 
.taxonomy-category-community .span9, 
.taxonomy-category-students .span9, 
.taxonomy-category-reconnect .span9 {
    width: 100%;
    margin: 0;
    }

.taxonomy-category-covid19 .row-fluid, 
.taxonomy-category-faculty-staff .row-fluid, 
.taxonomy-category-community .row-fluid, 
.taxonomy-category-students .row-fluid, 
.taxonomy-category-reconnect .row-fluid {
    border-bottom: 1px solid #cbdcf0;
    }

.taxonomy-category-covid19 .row-fluid:last-of-type, 
.taxonomy-category-faculty-staff .row-fluid:last-of-type, 
.taxonomy-category-community .row-fluid:last-of-type, 
.taxonomy-category-students .row-fluid:last-of-type, 
.taxonomy-category-reconnect .row-fluid:last-of-type  {
    border: 0;
    }

.taxonomy-category-covid19 h2.post-title.entry-title, 
.taxonomy-category-faculty-staff h2.post-title.entry-title, 
.taxonomy-category-community h2.post-title.entry-title, 
.taxonomy-category-students h2.post-title.entry-title, 
.taxonomy-category-reconnect h2.post-title.entry-title {
    text-transform: none;
    font-size: 25px;
    margin: 0;
    padding: 25px 0;
    }

.taxonomy-category-covid19 h2.post-title.entry-title a, 
.taxonomy-category-faculty-staff h2.post-title.entry-title a, 
.taxonomy-category-community h2.post-title.entry-title a, 
.taxonomy-category-students h2.post-title.entry-title a, 
.taxonomy-category-reconnect h2.post-title.entry-title a {
    color: #002145;
    }

/* ======== OKMAIN Labels ========= */

.label.ok-label-in-person, 
.badge.ok-label-in-person {
    background-color: #00A7E1; 
    color: #fff;
    margin: 0 5px;
    }

.label.ok-label-hybrid, 
.badge.ok-label-hybrid {
    background-color: #97D4E9; 
    color: #222;
    margin: 0 5px;
    }

.label.ok-label-online, 
.badge.ok-label-online {
    background-color: #ffc800; 
    color: #222;
    margin: 0 5px;
    }

.label.ok-label-closed, 
.badge.ok-label-closed {
    background-color: #bc2b25; 
    color: #fff;
    margin: 0 5px;
    }


/*  ==== Adjust width for something? ====*/

.ok-oinubc-page section.breakout.inherit.image .breakoutcontent .container .ok-wysiwyg-wrapper .mejs-post.mejs-layer {
    width: 112% !important;
    height: 112% !important;
    margin: 0 0 50px -4%;
}

/* ==== GRADIENT AND FONT SIZE CHANGE FOR BIRDS EYE VIEW TEST PAGE. CHANGE CLASS TO HOMEPAGE AT LAUNCH. SEPT 24th Re: ADAM/LEANNE FROM UR -SQ ==== */

.page-10567 .ok-feature-section .ok-feature-overlay-content.ok-gradient-black::before {
background: -moz-linear-gradient(top, rgba(0,33,69,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,33,69,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,33,69,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6002145', endColorstr='#00000000',GradientType=0 );
}


@media (min-width: 1200px) {
.page-10567 .ok-feature-section .ok-feature-content h1 {
    font-size: 60px;
    }
}
.page-10567 .ok-feature-section .ok-feature-content {
    top: 3%;
    }    

@media (min-width: 1169px){
.page-10567 .ok-feature-section .ok-feature-content p {
    width: 80%;
    max-width: 780px;
    }
}


/* ==== GRADIENT AND FONT FORMAT CHANGE FOR E@UBC PAGE. CHANGE CLASS TO HOMEPAGE AT LAUNCH. OCTOBER 9th Re: RANDY FORM UR -SQ ==== */


.page-10615 .ok-feature-section .ok-feature-content h1 {
    text-transform: initial;
}

.page-10615 .ok-feature-section .ok-feature-overlay-content.ok-gradient-black::before {
    background: -webkit-linear-gradient(transparent 55%, #000 100%);
    background: -o-linear-gradient(transparent 55%, #000 100%);
    background: -moz-linear-gradient(transparent 55%, #000 100%);
    background: linear-gradient(transparent 55%, #000 100%);
}




/* Controls width of feature section to avoid flyout on right side on tablet */


@media (min-width: 768px) and (max-width: 979px) {
    .page-7474 .ok-feature-section .ok-feature-content h1,
    .page-7474 .ok-feature-section .ok-feature-content p {
        width: 60%;
    }
}

@media (min-width: 1200px) {
    .page-7474 .ok-feature-section .ok-feature-content h1,
    .page-7474 .ok-feature-section .ok-feature-content p {
        max-width: 90%;
    }
}


    /* ===== Underline links in darker colour backgrounds and flip card back text. Does not affect buttons and video slider links. ===== */
section.ok-bg-primaryblue a,
section.ok-bg-secondaryblue a,
section.ok-bg-brightblue a, 
.ok-flip-cards .back a {
    text-decoration: underline;
    }

section a.ytthumbnail {
    text-decoration: none;
    }

/* OVERRIDE TO REDUCE PADDING HEIGHT OF 'IN THE FIELD' VIDEO HEADER TO 'CROP' HEIGHT TO SAME AS LANDING PAGE HERO IMAGES -SQ  */
.page-11796 .ok-feature-section .ok-feature-background-media .responsive-media {
    padding-bottom: 40%;
}


/*uncenter tweets on top 10 page*/
.page-13163 .twitter-tweet {
    margin: initial ; 
}



/* ============ CLASSES FOR FEATURE STAGING PAGE using class .page-7474 CHANGE CLASSES TO .HOME IN THE WORDPRESS CUSTOMIZER CSS. -SQ =========== */


.page-7474 .ok-feature-section .ok-feature-content h1,
.page-7474 .ok-feature-section .ok-feature-content p {
    color: #fff;
    }

/* RESET feature header fonts. Do not modify these. For easier maintenance, modify the values in the section below. */
.page-7474 .ok-feature-section .ok-feature-content h1 {
    line-height: 1.1;
    text-transform: none;
    font-size: 14px;
}

@media (min-width: 414px) and (max-width: 767px) {
.page-7474 .ok-feature-section .ok-feature-content h1 {
    font-size: 20px;
    }
}

@media (min-width: 768px) {
    .page-7474 .ok-feature-section .ok-feature-content h1 {
        font-size: 24px;
    }
}

@media (min-width: 1025px){
    .page-7474 .ok-feature-section .ok-feature-content h1 {
        font-size: 37px;
    }
}

@media (min-width: 1200px) {
   .page-7474 .ok-feature-section .ok-feature-content h1 {
       font-size: 65px;
    }
}

.page-7474 .ok-feature-section .ok-feature-content p {
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
    line-height: 1.4;
    }

@media (min-width: 768px) {
    .page-7474 .ok-feature-section .ok-feature-content p {
     font-size: 20px;
    }    
}

.page-7474 .ok-feature-section p a  {
    color: #fff;
    text-decoration: underline;
    }

.page-7474 .ok-feature-section p a:hover {
    color: #ccc;
    }


.page-7474 .ok-bg-secondaryblue li a, .page-7474 .ok-bg-secondaryblue p a {
       text-decoration: underline;    
    }

.page-7474 .ok-bg-secondaryblue li a:hover, .page-7474 .ok-bg-secondaryblue p a:hover {
       color: #00a7e1;
    }


/* ============= PLACE CAMPAIGN OVERRIDES BELOW THIS SECTION -SQ ============ */


.page-7474 .ok-feature-section .ok-feature-overlay-content.ok-gradient-blue::before {
    background: -webkit-linear-gradient(transparent 40%, #002145 100%);
    background: -o-linear-gradient(transparent 40%, #002145 100%);
    background: -moz-linear-gradient(transparent 40%, #002145 100%);
    background: linear-gradient(transparent 40%, #002145 100%);
    }


.page-7474 .ok-feature-section .ok-feature-content h1 {
    line-height: 1.25;
    }

.page-7474 .ok-feature-section .ok-feature-content h1 {
   font-size: 50px;
}

/* H1 OVERRIDDES FOR WORLD BEE DAY FEATURE STAGING PAGE */

.page-13686 .ok-feature-section .ok-feature-content h1 {
    line-height: 1.1;
    text-transform: none;
    font-size: 30px;
}

@media (min-width: 980px) {
    .page-13686 .ok-feature-section .ok-feature-content h1 {
        font-size: 55px;
    }
}

@media (min-width: 1200px) {
   .page-13686 .ok-feature-section .ok-feature-content h1 {
       font-size: 70px;
    }
}

.page-13686 .ok-feature-section .ok-feature-overlay-content.ok-gradient-black::before {
    background: -webkit-linear-gradient(transparent 55%, #000 100%);
    background: -o-linear-gradient(transparent 55%, #000 100%);
    background: -moz-linear-gradient(transparent 55%, #000 100%);
    background: linear-gradient(transparent 55%, #000 100%);
}


/* Back to the Future page overrides */

.page-16629 .ok-feature-section .ok-feature-overlay-content.ok-gradient-black::before {
    background: -webkit-linear-gradient(transparent 55%, #000 100%);
    background: -o-linear-gradient(transparent 55%, #000 100%);
    background: -moz-linear-gradient(transparent 55%, #000 100%);
    background: linear-gradient(transparent 55%, #000 100%);
}


.page-16629 .ok-content-box-flatblue {
    background-color: #97d4e9; 
    padding: 40px;
    }

.page-16629 .ok-content-box-flatblue h3 {
    font-weight: 400;
    margin: 0;
    line-height: 1.5;
    }

@media (min-width: 768px) {
    .page-16629 .ok-content-box-flatblue {
        min-height: 200px;
        padding: 30px
        }
    .page-16629 .ok-content-box-flatblue h3 {
        font-size: 18px;
        }
    }
    
@media (min-width: 1200px) {
    .page-16629 .ok-content-box-flatblue h3 {
        font-size: 24px;
        }
    }
    
.page-16629 .ok-feature-section .ok-feature-background-media .responsive-media {
    padding-bottom: 40%;
}

@media (max-width: 768px) {
.page-16629 .ok-feature-section .ok-feature-content h1 {
    font-size: 28px;
    }
    }


/* Orange Shirt Day Styles */

.page-29130 .breakout.ok-bg-secondaryblue.colour {
    background-color: #19969d;
    }

.page-29130 .breakout.ok-bg-lightblue.colour {
    background-color: #e5f6f7 ;
    }

.page-29130 .breakout.ok-bg-brightblue.colour {
    background-color: #f27024;
    }

.page-29130 .ok-wysiwyg-wrapper h2 {
    color: #19969d;
    }

.page-29130 .ok-osd-intro {
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.4;
    color: #222;
    transform: none;
    }

.page-29130 p small {
    display: block;
    }

.page-29130 div.breadcrumb {
    display: none;
    }

/* ========== FESTIVAL OF IDEAS PAGE ==========*/

.page-17339 .breadcrumb {
    display: none;
    }

.page-17339 .container .ok-wysiwyg-wrapper h1, 
.page-18617 .container .ok-wysiwyg-wrapper h1  {
    text-transform: none;
}

@media screen and (min-width: 1024px) {
    .page-17339  .container .ok-wysiwyg-wrapper h1,
    .page-18617 .container .ok-wysiwyg-wrapper h1{
        font-size: 48px;
    }
}

.page-17339 .container .ok-wysiwyg-wrapper h2,
.page-18617 .container .ok-wysiwyg-wrapper h2 {
    color: #e89619;
    font-size: 22px;
    padding: 20px 0px 12px 0;
    margin-bottom: 10px;
    border-bottom: 4px solid #e89619;
    }

.page-17339  .container .ok-wysiwyg-wrapper h3,
.page-18617  .container .ok-wysiwyg-wrapper h3 {
    margin-top: 0;
    font-weight: normal;
    color: #0055b7;
    font-size: 28px;
    margin-bottom: 20px;
    }

.page-18617  .container .ok-wysiwyg-wrapper h3 {
    color: #e89619;
}

.page-17339 .container .ok-bg-primaryblue .ok-wysiwyg-wrapper h3, 
.page-17339 .container .ok-bg-secondaryblue .ok-wysiwyg-wrapper h3, 
.page-17339 .container .ok-bg-brightblue .ok-wysiwyg-wrapper h3,
.page-18617 .container .ok-bg-primaryblue .ok-wysiwyg-wrapper h3, 
.page-18617 .container .ok-bg-secondaryblue .ok-wysiwyg-wrapper h3, 
.page-18617 .container .ok-bg-brightblue .ok-wysiwyg-wrapper h3 {
    color: #fff;
    }

.page-17339 .container .ok-bg-secondaryblue {
    background-color: #2b8a4c;
    }

.page-17339 .container .ok-wysiwyg-wrapper ~ .row-fluid,
.page-18617 .container .ok-wysiwyg-wrapper ~ .row-fluid {
    border-bottom: 1px solid #aaa;
    padding: 15px 0px;
    }

.page-17339 .container .ok-wysiwyg-wrapper ~ .row-fluid:last-of-type,
.page-18617 .container .ok-wysiwyg-wrapper ~ .row-fluid:last-of-type {
    border-bottom: none;
    }
/* Covid */     
.page-19301 table td{
    font-size:18px;
    }
    
.page-19301 .table-bordered th, 
.page-19301 .table-bordered td {
    border-left: 1px solid #d7e0e7;
    }
    
.page-19301 .table th, 
.page-19301 .table td {
    border-top: 1px solid #d7e0e7;
    }
    
.page-19301 .table {
    width:100% !important;
    height:100% !important;
    }

/* Lines for filter groups on COVID Search test page */
.page-19301 .group  {
    border-bottom: 1px solid #ccc;
    padding: 0 5px 10px 5px;
    box-sizing: border-box;
    }

.page-19301 .group .title + p {
    margin-top: -10px;
    }


.page-19964 section.ok-bg-lightblue:first-of-type {
    background-color: #fff !important;
    background-image: url('https://okmain.cms.ok.ubc.ca/wp-content/uploads/sites/26/2020/06/dvc-farewell-strawberry50.png');
    background-size: 600px;
    background-repeat: no-repeat;
    background-position: 250px top;
    }

@media screen and (min-width: 768px){
.page-19964 section.ok-bg-lightblue:first-of-type {
    background-position: 120% top;
    }
}

@media screen and (min-width: 1200px){
.page-19964 section.ok-bg-lightblue:first-of-type {
    background-position: 100% top;
    }
}