/*
Theme Name: Moesia Child
Theme URI: http://athemes.com/theme/moesia
Template: moesia
Author: aThemes
Author URI: http://athemes.com
Description: Moesia is the business theme you need in order to build your presence on the Internet. Choose from eleven predefined blocks and build the homepage that best suits your company. Each of the homepage blocks can have a parallax background image and its own set of colors. Moesia also features a selection of Google Fonts, two types of layouts for the blog page, cool animations and effects, a parallax header and much more.
Tags: two-columns,three-columns,right-sidebar,custom-colors,custom-background,custom-header,custom-menu,featured-images,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.43.1502290102
Updated: 2017-08-09 14:48:22

*/

.home .widget-title {
    margin-top: 6rem;
}

/* --> Student FAQS Page */
.accordions .accordions-head-title {
    font-family: "PT Sans Narrow";
    font-size: 19px !important;
    letter-spacing: 0.05rem;
    font-weight: 600;
}
.accordions .accordion-content {
    font-family: "PT Sans";
}
.accordions .accordion-content p,
.accordions .accordion-content li {
    font-size: 17px;
    letter-spacing: 0.01rem;
}

body {
    color: #292929;
}
p {
    margin: 0 0 15px 0;
}
li,
dd,
p {
    font-size: 20px;
}
h2 {
  margin: 20px 0 25px;
}
h3 {
  color: #076DA9;
  font-size: 26px;
  margin: 20px 0 25px;
}
h4 {
  font-weight: 300;
  font-size: 24px;
  margin: 20px 0;
}
h5 {
  font-weight: 300;
  margin: 20px 0;
}
h6 {
    font-weight: 300;
    margin: 20px 0 12px 0;
}
a {
    color: #428bca;
    text-decoration: underline;
}
a:hover,
a:focus {
    text-decoration: none;
}
ol ul,
ul ul,
ol ol {
    margin: 10px 0;
}
table td ul {
    margin: 5px 0 !important;
}
table td,
table td li {
    font-size: 15px !important;
}
table.resources-table {
    width: 100%;
}

/* Classes */
a.button {
    display: inline-block;
    background: #1D83BE;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    padding: 10px 20px;
    margin: 20px 0;
    font-weight: 600;
    letter-spacing: 0.03rem;
    font-size: 0.95em;
    transition: all 0.3s ease-in-out;
}
a.button:hover,
a.button:focus {
    background: #046197;
}

/* All headers */
.entry-header {
    padding-bottom: 15px;
    margin-bottom: 35px;
}

/* Bootstrap changes */
.entry-content .btn {
    display: inline-block;
}
a.btn.btn-primary:hover,
a.btn.btn-primary:focus {
    color: #fff;
}

/* Sidebar Widget Menus */
#secondary aside ul.menu li:before {
    content: none;
}
#secondary aside ul.menu > li:first-child > a {
    border-top: none;
}
#secondary aside ul.menu > li > a {
    display: block;
    color: #000;
    font-weight: 600;
    letter-spacing: 0.03rem;
    border-top: solid 1px rgba(0,0,0,0.1);
    padding: 6px 5px;
    font-size: 0.95em;
}
#secondary aside ul.menu li a:hover,
#secondary aside ul.menu li a:focus {
    color: #0077be;
}
#secondary aside ul.menu li.current_page_item a {
    color: #0077be;
}
#secondary aside ul.menu ul.sub-menu {
    margin: 0 0 10px;
}
#secondary aside ul.menu ul.sub-menu li a {
    color: #000;
    padding: 0 5px;
    font-size: 0.9em;
}
#secondary aside ul.menu ul.sub-menu li a:hover,
#secondary aside ul.menu ul.sub-menu li a:focus {
    color: #0077be;
}

/* Accessible hide */
.a-hide {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px !important;
    width: 1px !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: absolute;
}

/* Generic table */
.entry-content table thead {
    font-size: 14px;
    text-transform: uppercase;
}

/* Resources page */
.resources .entry-content p,
.resources .entry-content li {
    font-size: 16px;
}
.resources .entry-content h3 a {
    color: #076DA9;
}
.resources .entry-content ul {
    list-style-type: none;
    padding: 0;
}
    .resources .entry-content ul li {
        margin: 0 0 5px 20px;
        padding: 0 0 0 15px;
        position: relative;
    }
    .resources .entry-content ul li:before {
        content: "\f105";
        font-family: "FontAwesome";
        position: absolute;
        left: 0;
        color: #808080;
        font-size: 18px;
        top: -1px;
    }
    .resources .entry-content ul li strong {
        text-transform: uppercase;
        font-size: 13px;
        color: #5b96b8;
        display: inline-block;
        margin: 0 5px 0 0;
    }

/* Homepage acknowledgement for video */
#panel-2040-1-0-0 {
    padding-bottom: 0;
}
#panel-2040-1-0-1 {
    padding-top: 0;
}

/* Paragraph callout */
p.callout {
    background: #78AD3E;
    border-radius: 4px;
    padding: 5px 10px;
    color: #fff;
    margin: 20px 0 25px;
    line-height: 1.3;
    font-weight: bold;
    font-style: italic;
}

/* Masthead */
.page-template-page_front-page header#masthead {
    height: 350px !important;
}

/* Page content */
.hentry .post-content,
.single .hentry, .page .hentry {
    border: none;
}

/* Hide 'Services' (Icon Links) section title */
section#services h3.widget-title {
    display: none;
}

/* Top bar */
.top-bar {
    background-image: url("https://www.niagaracollege.ca/consentiskey/wp-content/uploads/sites/56/2017/08/consent-is-key-banner.png");
    background-size: cover;
}
.sticky-wrapper {
    background-color: transparent;
}
.site-branding {
    padding: 30px 15px;
}
.home .menu-toggle.btn {
    display: none;
}

/* Text Slider */
#text-slider {
    font-family: PT Sans, sans-serif !important;
    font-weight: 300 !important;
    font-size: inherit !important;
    line-height: inherit !important;
}
#text-slider article {
    font-size: 24px;
    color: #860303;
    line-height: 1.3;
    position: inherit;
}
#text-slider article:before {
    content: "Myth: ";
    font-weight: bold;
    font-size: 20px;
    bottom: 1px;
    position: relative;
}
#text-slider article span {
    color: #017447;
    background: #cffae9;
    padding: 15px;
    font-size: 22px !important;
    position: relative;
    margin: 60px 0 0 0;
}
#text-slider article span:before {
    content: "Fact:";
    position: absolute;
    top: -36px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    left: 0;
    background: green;
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 4px 4px 0 0;
}
#text-slider-controls {
    margin: 0 !important;
    float: none !important;
    overflow: auto;
}
#text-slider-controls a.prev {
    float: left;
    display: inline-block;
}
#text-slider-controls a.next {
    float: right;
    display: inline-block;
}

#text-slider .nav-color {
    color: #7e7e7e !important;
    font-size: 60px !important;
    padding: 0 10px !important;
}

/* Navigation */
.main-navigation {
   background: rgba(255,255,255,0.8);
    margin: 0 0 0 40px;
}
.main-navigation a {
  font-size: 18px;
    color: #000;
    font-weight: bold;
}
.page-template-page_front-page #site-navigation {
    display: none;
}
li.menu-item-has-children > a:after {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 22px;
    line-height: 1;
    margin: 0 0 0 5px;
}
.is-sticky .main-navigation li {
    padding: 0 10px;
}
.main-navigation ul {
    float: none;
}
.main-navigation ul ul a {
    width: 250px;
    color: #000;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 300;
}
.main-navigation ul ul li {
    padding: 10px 7px;
 }

/* Entry content - Bullet List */
.entry-content ul.bullet-list {
    list-style-type: none;
    padding: 0;
}
    .entry-content ul.bullet-list li {
        margin: 0 0 20px 20px;
        padding: 0 0 0 33px;
        position: relative;
    }
    .entry-content ul.bullet-list li:before {
        content: "\f192";
        font-family: "FontAwesome";
        position: absolute;
        left: 0;
        color: #78AD3E;
        font-size: 26px;
        top: -5px;
    }

/* Entry content -  Life buoy list */
.entry-content ul.buoy-list {
    list-style-type: none;
    padding: 0;
}
    .entry-content ul.buoy-list li {
        margin: 0 0 20px 20px;
        padding: 0 0 0 33px;
        position: relative;
    }
    .entry-content ul.buoy-list li:before {
        content: "\f1cd";
        font-family: "FontAwesome";
        position: absolute;
        left: 0;
        color: #D82173;
        font-size: 24px;
        top: -3px;
    }

/* Entry content -  Angle list */
.entry-content ul.angle-list {
    list-style-type: none;
    padding: 0;
    margin: 20px 0;
}
    .entry-content ul.angle-list li {
        margin: 10px 0 10px 20px;
        padding: 0 0 0 25px;
        position: relative;
    }
    .entry-content ul.angle-list li:before {
        content: "\f105";
        font-family: "FontAwesome";
        position: absolute;
        left: 0;
        color: #1C82BD;
        font-size: 26px;
        top: -5px;
    }

/* Entry content - FAQ list */
dl.faq {
    counter-reset: my-badass-counter;
}
    dl.faq dt {
        position: relative;
        font-family: PT Sans Narrow, sans-serif;
        padding: 4px 0 10px 0;
        font-size: 30px;
    }
    dl.faq dt:before {
        content: counter(my-badass-counter);
        counter-increment: my-badass-counter;
        position: absolute;
        left: 0;
        top: -10px;
        font-size: 50px;
    }
    dl.faq dd {
        margin: 0 0 30px 0;
    }
    dl.faq dt,
    dl.faq dd {
        padding-left: 50px;
    }

/* Entry content - Counter list */
ol.counter-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
   ol.counter-list > li {
        counter-increment: step-counter;
        margin-bottom: 20px;
        position: relative;
        padding: 0 0 0 35px;
    }
    ol.counter-list > li:before {
        content: counter(step-counter);
        margin-right: 5px;
        font-size: 80%;
        background-color: #D82173;
        color: white;
        font-weight: bold;
        padding: 3px 8px;
        border-radius: 3px;
        position: absolute;
        left: 0;
    }

/* Fix front page icons */
.service-icon {
    font-size: 65px;
    width: 100px;
    height: 100px;
    padding: 5px 0 0 0;
}
.service-icon .fa-medkit {
    font-size: 55px;
    padding: 3px 0 0 0;
}
.service-icon .fa-heart {
    font-size: 55px;
    padding: 7px 0 0 0;
}
.service-icon .fa-file-text-o {
    font-size: 54px;
    padding: 4px 0 0 3px;
}


/* All grid cells */
.panel-grid-cell section {
    padding: 50px 0;
}
.panel-grid-cell p {
    font-size: 20px;
}

/* Basic panel styles */
.so-panel .textwidget {
    background: rgba(255,255,255,0.9);
    padding: 3rem 5rem;
}

.so-panel h3.widget-title {
    font-size: 35px !important;
    color: #000;
}
.so-panel.widget .widget-title:after {
    border-bottom: 6px double #027fc9;
}

/* Check list on front page */
.panel-grid-cell ul.check-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
    .panel-grid-cell ul.check-list li {
        font-size: 25px;
        margin: 0 0 22px 0;
        padding: 0 0 0 55px;
        position: relative;
        color: #000;

    }
        .panel-grid-cell ul.check-list li:last-child {
            margin: 0;
        }
        .panel-grid-cell ul.check-list li:before {
            font-family: "FontAwesome";
            content: "\f00c";
            position: absolute;
            left: 0;
            color: #fff;
            font-size: 26px;
            top: -4px;
            background: #027fc9;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 1;
            padding: 7px 0 0 0;
        }

/* Consent Bubbles */
.consent-bubbles {
    margin: 1rem 0 2rem 0;
}
    .consent-bubbles .consent-bubble {
        background: grey;
        border-radius: 50%;
        height: 15vw;
        text-align: center;
        position: relative;
        margin: 2rem auto;
        width: 15vw;
        max-width: 250px;
        max-height: 250px;
    }
        .consent-bubbles .consent-bubble span {
            display: block;
            position: relative;
            top: 40%;
            color: #fff;
            font-weight: 600;
            font-size: 2.5vw;
            line-height: 1;
            letter-spacing: -1px;
        }
        .consent-bubbles > div:nth-child(1) .consent-bubble {
            background: #8DC253;
        }
        .consent-bubbles > div:nth-child(2) .consent-bubble {
            background: #dc7b06;
        }
        .consent-bubbles > div:nth-child(3) .consent-bubble {
            background: #b80454;
        }

/* Footer */
.entry-footer {
    margin-top: 35px;
}

/* Definitions Page */
.definitions .rainbow h3 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
}
.definitions .rainbow h3 span {
    font-size: 31px;
}
.definitions .rainbow h3.one {
    color: #9f1995;
}
.definitions .rainbow h3.two {
    color: #ef3f2f;
}
.definitions .rainbow h3.three {
    color: #d97b0c;
}
.definitions .rainbow h3.four {
    color: #d0a203;
}
.definitions .rainbow h3.five {
    color: #57a510;
}
.definitions .rainbow h3.six {
    color: #007dc7;
}
.definitions .rainbow h3.seven {
    color: #5000c7;
}

@media screen and (min-width: 999px) { /* Force column sizes; I can't find where to change the column classes */

    .site-branding.col-md-4 {
        width: 41.66666667%;
    }
    #site-navigation.main-navigation.col-md-8 {
        width: 58.33333333%;
    }

}

@media screen and (max-width: 1265px) {

    .page-template-page_front-page header#masthead {
        height: auto !important;
    }

}

@media screen and (max-width: 999px) {

    .main-navigation.toggled {
        margin: 0 0 15px 0 !important;
    }
    .consent-bubbles .consent-bubble {
        width: 250px;
        height: 250px;
        max-width: 100%;
        max-height: 100%;
    }
    .consent-bubbles .consent-bubble span {
        top: 45%;
        font-size: 3.5rem;
    }
    .so-panel .textwidget {
        padding: 2rem 3rem;
    }

}
@media screen and (max-width: 650px) {
  table.resources-table,
  table.resources-table thead,
  table.resources-table tbody,
  table.resources-table th,
  table.resources-table td,
  table.resources-tabletr {
      display: block;
  }
  table.resources-table thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
  }
  table.resources-table tr {
      border: 1px solid #ccc;
      width: 100%;
      display: block;
  }
  table.resources-table td {
      border: none;
      border-bottom: 1px solid #eee;
      width: 100%;
  }
}
@media screen and (max-width: 400px) {

    .consent-bubbles .consent-bubble {
        width: 200px;
        height: 165px;
    }
    .consent-bubbles .consent-bubble span {
        top: 41%;
        font-size: 2.75rem;
    }

}