/* Services Core CSS - WPF Niagara College Services Child Theme */

/* COVID-19 Updates - 03-24-2020 */
.ez-alert-bar {
    display: none;
}

/* Mailchimp Sign Up Form (Employer Pages) */
.mailing-list-form form label {
    margin: 0 0 6px 0;
    font-size: 1rem;
}
.mailing-list-form p {
    margin: 0 0 18px 0 !important;
}
.mailing-list-form form input {
    margin: 0;
    border-radius: 5px;
}
.mailing-list-form input.button {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-size: 0.95rem;
}
.mailing-list-form .mc4wp-alert {
    background: rgba(0,0,0,0.05);
    margin: 20px 0 0 0;
    border-radius: 6px;
    padding: 8px 15px;
}
.mailing-list-form .mc4wp-alert p {
    margin: 5px 0 !important;
    font-size: 0.95rem;
    line-height: 1.4rem;
}
.mailing-list-form .mc4wp-success {
    background: #ddffda;
}
.mailing-list-form .mc4wp-notice {
    background: #fffdda;
}

/* Homepage */
.page-template-front-page #content[role="main"] h3 {
    font-size: 2.1rem !important;
    color: #000 !important;
    font-weight: 600 !important;
    margin: 0 0 20px 0 !important;
}
.page-template-front-page #content[role="main"] .home-alert {
    font-size: 1.2rem;
    font-weight: 600;
    color: #bc0000;
    background: #ffeeee;
    border-radius: 4px;
    padding: 15px 20px;
    margin: 0 0 25px;
}
.page-template-front-page .get-help .check-list li {
    font-style: normal;
    color: rgba(0,0,0,0.85);
}
.page-template-front-page #content[role="main"] .get-help h4 {
    color: #000 !important;
    font-weight: 600 !important;
    margin: 35px 0 20px !important;
    font-size: 2rem !important;
}
.page-template-front-page #content[role="main"] .get-help h5 {
    font-weight: 600 !important;
    font-size: 1.4rem !important;
    color: #0077be !important;
}
.page-template-front-page .get-help .faq-callout {
    border-top: solid 2px rgba(0,0,0,0.2);
    border-bottom: solid 2px rgba(0,0,0,0.2);
    padding: 20px;
    margin: 40px 0 25px;
}
.page-template-front-page .get-help .faq-callout p {
    margin: 0;
}
.page-template-front-page .get-help .faq-callout strong {
    color: #0077be;
    font-weight: 500;
}
.covid-note {
    border: solid 2px rgba(0,0,0,0.15);
    border-radius: 6px;
    padding: 15px 15px 15px 53px;
    position: relative;
}
.covid-note:before {
    content: "\f071";
    font-family: "FontAwesome";
    position: absolute;
    left: 18px;
    top: 15px;
    font-size: 1.3rem;
    color: #b50404;
}
.covid-note p {
    font-size: 0.9rem !important;
    line-height: 1.2rem !important;
    margin: 0 0 8px 0 !important;
}
.covid-note p:last-child {
    margin: 0 !important;
}
.covid-note p span {
    font-weight: 500;
}

/* Contact page */
.contact-page .covid-note {
    border: none;
    background: #ffe7e7;
    padding: 20px 20px 20px 50px;
    margin: 0 0 25px 0;
}
.contact-page .covid-note p {
    font-size: 1rem !important;
    line-height: 1.4rem !important;
}
.contact-page .covid-note:before {
    top: 20px;
}
.contact-page .get-help h4 {
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    color: #000 !important;
    margin: 30px 0 0 0 !important;
}
.contact-page .get-help h5 {
    font-weight: 600 !important;
    color: #0077be !important;
    font-size: 1.4rem !important;
    margin: 25px 0 10px !important;
}

/* Widgets */
aside.get-help-now p {
    font-size: 1rem !important;
    margin-bottom: 0.75rem !important;
}
aside.get-help-now h4 {
    font-size: 1.2rem !important;
    margin: 25px 0 12px 0 !important;
    font-weight: 600 !important;
  }
aside.get-help-now p.sml {
    font-size: 0.85rem !important;
    line-height: 1.3rem !important;
}
aside.get-help-now p.hours-link {
    border-top: solid 1px rgba(0,0,0,0.15);
    margin: 20px 0 0 0;
    padding: 15px 0 0 0;
    font-style: italic;
}

/* = Text Us Pop Over
---------------------------------------------- */
#text-us {
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    right: 20px;
   display: none;
}

   #text-us a#text-us-button {
       background: #0077be;
       border-radius: 50px;
       display: inline-block;
       color: #fff;
       font-size: 1.05rem;
       line-height: 1;
       font-weight: 500;
       padding: 18px 40px 18px 65px;
       box-shadow: 0 0 8px rgba(0,0,0,0.4);
       transition: all 0.3s ease-in-out;

       position: fixed;
       bottom: 20px;
       right: 20px;
   }
   #text-us a#text-us-button i {
       font-size: 2rem;
       position: absolute;
       left: 40px;
       top: 11px;
   }
      #text-us a#text-us-button:hover,
      #text-us a#text-us-button:focus {
          box-shadow: 0 0 15px rgba(0,0,0,0.5);
      }

#text-us #text-us-information {
   background: #fff;
   display: block;
   width: 425px;
   border-radius: 8px;
   box-shadow: 0 0 8px rgba(0,0,0,0.4);
   transition: all 0.3s ease-in-out;
   overflow: auto;
}
   #text-us #text-us-information .header-bar {
       background: #0077be;
       padding: 18px 20px;
       display: grid;
       grid-template-columns: 10fr 1fr;
   }
      #text-us #text-us-information .header-bar div:nth-child(1) {
          color: #fff;
          font-size: 1.1rem;
          font-weight: 500;
          position: relative;
          padding: 0 0 0 25px;
      }
      #text-us #text-us-information .header-bar div:nth-child(1) i {
          font-size: 1.9rem;
          position: absolute;
          left: 0;
          top: -6px;
      }
      #text-us #text-us-information .header-bar div:nth-child(2) {
          position: relative;
      }
      #text-us #text-us-information .header-bar div:nth-child(2) a {
          color: #fff;
          font-size: 1.6rem;
          position: absolute;
          right: -15px;
          top: -14px;
          padding: 11px 15px;
          display: inline-block;
          transition: all 0.3s ease-in-out;
      }
      #text-us #text-us-information .header-bar div:nth-child(2) a:hover {
          transform: translateY(3px);
          opacity: 0.8;
      }
   #text-us #text-us-information .information {
       padding: 20px 20px 32px;
   }
      #text-us #text-us-information .information p {
          font-size: 1.1rem;
          margin: 10px 0;
          line-height: 1.7rem;
      }
      #text-us #text-us-information .information #text-us-mobile-button {
          border: solid 2px rgba(0,0,0,0.1);
          border-radius: 50px;
          padding: 18px 45px;
          display: inline-block;
          text-align: center;
          margin: 15px 0 0 0;
          font-size: 1rem;
          font-weight: 500;
          text-transform: uppercase;
          display: none;
      }

#text-us .offscreen {
   transform: translateY(500px);
}
#text-us .onscreen {
   transform: translateY(0);
}

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

    #text-us #text-us-information {
        width: auto;
        margin: 0 0 0 20px;
    }
   #text-us #text-us-information .information p {
       font-size: 1rem;
       line-height: 1.5rem;
   }
   #text-us #text-us-information .information #text-us-mobile-button {
      width: 100%;
      font-size: 0.95rem;
   }

}

/* = Olark Chat - CES Website
----------------------------------------------- */

#hbl-live-chat-wrapper {
    position: relative;
    z-index: 9999;
}

/* = General
----------------------------------------------- */

.print { display: none; }

h1,h2,h3,h4,h5,h6 { 
    font-family: "Work Sans", sans-serif;
    margin-bottom: 0.75rem;
    font-weight: 500;
}

body {
    font-family: "Work Sans", sans-serif;
    background: #fff;
}

p:empty { margin: 0; } /* No margins on empty paragraph tags */

strong, b {
    font-weight: 500;
}

a {
    color: #0077BE;
}

address {
    display: block;
    line-height: 1.71429;
    margin: 0 0 1rem;
}

.row {
    max-width: none;
}

ul li ul, ul li ol {
    margin-bottom: 0 !important;
}

/* --- New Tag - Shortcode --- */
.newtag {
    background: #409cd0;
    border-radius: 50% 50% 50% 0;
    color: #fff;
    display: inline-block;
    float: left;
    height: 65px;
    position: relative;
    width: 65px;
    margin: -8px 1.15rem 0 0;
}
    .newtag > span {
        display: inline-block;
        font-size: 1.1rem;
        font-weight: 500;
        left: 0.65rem;
        position: absolute;
        top: 1.35rem;
        transform: rotate(-50deg);
    }

/* --- Blockquote - Shortcode --- */
blockquote.quote {
    background: #edfcfb;
    border: medium none;
    font-size: 1rem;
    font-style: none;
    line-height: 1.9rem;
    margin: 4rem 0.5rem 1.25rem;
    padding: 1.5rem 2rem;
    color: #2f3d47;
}
    blockquote.quote h3 {
        font-size: 1.3rem !important;
        font-weight: 500 !important;
        line-height: 2rem !important;
        margin: 0 0 1.5rem !important;
        color: #276291 !important;
    }
    blockquote.quote p {
        font-size: 1rem !important;
        line-height: 1.7rem !important;
    }
    blockquote.quote p:last-child {
        margin: 0 !important;
    }
    blockquote.quote footer {
        margin: 1.25rem 0 0;
    }
    blockquote.quote footer cite {
        color: #135d5a;
        font-size: 0.95rem;
        line-height: 1.6rem;
    }
        blockquote.quote footer cite strong,
        blockquote.quote footer cite b {
            font-style: normal;
        }
blockquote.quote.right {
    display: inline-block;
    margin: 1rem 0 1rem 1rem;
    width: 45%;
}
blockquote.quote.left {
    display: inline-block;
    margin: 1rem 1rem 1rem 0;
    width: 45%;
}
blockquote.quote.left p,
blockquote.quote.right p {
    font-size: 0.95rem;
    hyphens: auto;
    text-align: justify;
}
blockquote.quote:before {
    background: #f9fdff;
    border: 3px solid #badbda;
    border-radius: 50px;
    color: #536766;
    content: "\f27b";
    display: block;
    font-family: "FontAwesome";
    font-size: 2rem;
    height: 65px;
    line-height: 3.4rem;
    margin: -2.75rem auto 1.5rem;
    text-align: center;
    width: 65px;
}

/* --- Captions --- */
figcaption, .wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
    font-size: 0.9rem !important;
}
.wp-caption-text {
    margin-bottom: 0;
    margin-top: 0.5rem;
}
.wp-caption {
    border: 1px solid #d8d8d8;
    margin: 0 0 1.5rem 0;
}

/* --- Panels --- */
.panel {
    margin: 2rem 0 !important;
}
.panel > h4 {
    color: #007dc3;
    font-weight: 500;
}

/* = Buttons
----------------------------------------------- */

section[role="document"] a.button,
section[role="document"] button {
    font-family: Work Sans, Arial, Helvetica, sans-serif;
    font-weight: 500 !important;
    text-decoration: none;
    color: #fff;
    background: #007dc3;
    transition: all 300ms ease-in-out 0s;
    margin: 0.5rem 0 1.25rem;
}

.button.nbm {
    margin-bottom: 0 !important;
}

section[role="document"] .button:hover,
section[role="document"] .button:focus,
section[role="document"] button:hover,
section[role="document"] button:focus {
    background-color: #025686 !important;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* = Logo Bar
----------------------------------------------- */

section#logo-bar {
    background: #00164D;
    padding: 15px 1.9375rem;
    position: relative;
    display: flex;
    align-items: center;
}
    section#logo-bar .logo {
        display: inline-block;
    }
        section#logo-bar a.nc-logo {
            margin: 0;
            width: 280px;
            height: 42px;
            display: block;
        }
            section#logo-bar a.nc-logo h1 {
                width: 280px;
                height: 42px;
                background: url("../img/nc-logo-2024.svg") no-repeat;
                text-indent: 100%;
                white-space: nowrap;
                overflow: hidden;
                margin: 0;
            }
    /* --- Translate --- */
    section#logo-bar .translate {
        display: inline-block;
        overflow: auto;
        width: 250px;
        position: absolute;
        right: 450px;
    }
        section#logo-bar .translate h2 {
            color: #f9f9f9;
            display: inline-block;
            float: left;
            font-size: 0.95rem;
            margin: 0.5rem 1rem 0.5rem 0;
            font-weight: 500;
        }
        /* Custom select language dropdown */
        section#logo-bar .language-dropdown {
            background: #e3e2e2  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAUCAYAAABSx2cSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEtJREFUeNpi/P//PwO5gImBAjCqmZ6aWZA5lZWVBCO9vb2dEavNyBKENGJ1Ni4DsIkzEaMQp4tAaRsXrqio+I9PnnE0YwwVzQABBgBIzT/iMfE8QAAAAABJRU5ErkJggg==') no-repeat scroll 95% 50%;
            border: none;
            border-radius: 3px;
            margin: 0;
            overflow: hidden;
            padding: 0;
            position: relative;
        }
            section#logo-bar .language-dropdown::before {
                color: #afafaf;
                content: "\f075";
                font-family: "FontAwesome";
                font-size: 0.95rem;
                left: 0;
                position: absolute;
                top: 0;
                height: 100%;
                padding: 0 10px 2px 15px;
                display: flex;
                align-items: center;
            }
        section#logo-bar .language-dropdown select {
            background-color: transparent;
            background-image: none;
            border: none;
            box-shadow: none;
            color: #323232;
            font-size: 0.95rem;
            max-width: inherit;
            padding: 0.45rem 0.75rem 0.45rem 2.5rem !important;
            border: solid 2px #E3E2E2;
            width: 130%;
            margin: 0;
            height: auto;

            @include appearance(none);
            /*  -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none; */
        }
            section#logo-bar .language-dropdown select:focus {
                border: solid 2px #8ec300;
            }

            section#logo-bar .language-dropdown select:-moz-focusring {
                color: transparent;
                text-shadow: 0 0 0 #000;
            }

    /* --- Search --- */
    #logo-bar .search {
        display: inline-block;
        position: absolute;
        right: 1.9375rem;
        width: 355px;
    }
        #logo-bar .search form.search-form {
            margin: 0;
        }
            #logo-bar .search form.search-form .search-box {
                display: inline-block;
                float: left;
                width: 255px;
                position: relative;
            }
                #logo-bar .search form.search-form .search-box::before {
                    color: #d1d1d1;
                    content: "\f002";
                    font-family: "FontAwesome";
                    font-size: 1.2rem;
                    left: 0;
                    position: absolute;
                    top: 0;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    padding: 0 15px 1px;
                  }
                #logo-bar .search form.search-form .search-box input.search-field[type="search"] {
                    border: medium none;
                    border-radius: 4px;
                    box-shadow: none;
                    display: inline-block;
                    font-size: 0.95rem;
                    height: auto;
                    margin: 0;
                    padding: 0.65rem 0.75rem 0.65rem 2.8rem;
                    width: auto;
                    background: #fff !important;
                }
               #logo-bar .search form.search-form .search-box input.search-field[type="search"]:focus {
                    box-shadow: inset grey 0 0 6px;
                }
            #logo-bar .search button.search-submit {
                font-size: 0.95rem;
                padding: 0.65rem 1.25rem 0.65rem;
                margin: 0 0 0 0.5rem;
                font-family: Work Sans, sans-serif;
                font-weight: 500;
            }

/* = Site Header
----------------------------------------------- */
header#header {
    background: #000c2c;
    color: #fff;
    padding: 4rem 0 1.75rem;
    margin: 0;
}
    header#header h2 {
        color: #fff;
        font-size: 2.5rem;
        font-weight: 600;
        line-height: 3.15rem;
        margin: 0;
    }
        header#header h2 a {
            color: #fff;
        }
        header#header h2 a:hover,
        header#header h2 a:focus {
            text-decoration: underline;
        }

/* = Navigation
----------------------------------------------- */
.nav-bar {
    background: #fff  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAABxJREFUeNpivHXrFgM2wMSAAwxOCQAAAAD//wMAAPoCnmL1xr8AAAAASUVORK5CYII=') repeat-x bottom;
}

/* = Search Results
----------------------------------------------- */
.search-results header#subtitle h2 {
    color: #fff !important;
    font-weight: 400 !important;
}
.search-results .search-query {
    font-size: 2.6rem;
    font-style: italic;
    margin: 0 0 0 0.25rem;
    font-weight: 500;
}
.search-results ol {
    margin: 0 0 0 1rem !important;
    list-style-type: none;
}
    .search-results ol li.result {
        margin: 0 0 1.75rem !important;
        counter-increment: step-counter;
        position: relative;
        padding: 0 0 0 2.5rem;
    }
        .search-results ol li.result:before {
            content: counter(step-counter);
            margin-right: 5px;
            font-size: 80%;
            background-color: #bdbdbd;
            color: #fff;
            font-weight: 500;
            padding: 3px 8px;
            border-radius: 3px;
            position: absolute;
            left: 0;
        }
    .search-results ol li.result  h3.search-post-title {
        font-size: 1.3rem;
        font-weight: 500;
        margin: 0 0 0.25rem;
    }
    .search-results ol li.result .search-post-link {
        color: #185600;
        font-size: 1rem;
        font-style: italic;
        margin: 0 0 0.5rem;
    }
    .search-results ol li.result .search-post-excerpt > p {
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        font-size: 1rem !important;
        margin: 0.75rem 0 0;
        padding: 0.65rem 1rem;
    }

/* = ShiftNav
----------------------------------------------- */

.shiftnav-search {
    margin: 0 0 1rem !important;
}
.shiftnav-search .shiftnav-searchform {
    height: auto !important;
}

/* Toggle */
.shiftnav-toggle.shiftnav-toggle-shiftnav-main.shiftnav-toggle-burger {
    font-size: 1.6rem;
    display: block;
    width: 4rem;
}
#shiftnav-toggle-main .shiftnav-main-toggle-content {
    padding: 1rem 3.75rem !important;
}
#shiftnav-toggle-main a {
    display: inline-block !important;
    font-size: 1.2rem !important;
    font-weight: 500 !important;
    margin: 0.35rem 0 !important;
}

/* Search Drop */
#shiftnav-toggle-main .shiftnav-searchbar-drop {
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
}
.shiftnav-searchform {
    margin: 0;
}
/*Translate */
#shiftnav-translate {
    background: #373737;
    border-top: 1px solid #5f5f5f;
    margin: 2rem 0 0;
    padding: 1rem;
}
    #shiftnav-translate > h4 {
        font-size: 0.95rem;
        font-weight: 400;
        margin: 0 0 0.5rem;
        padding: 0;
    }
        #shiftnav-translate > h4::before {
            color: #b5b5b5;
            content: "\f075";
            font-family: "FontAwesome";
            margin: 0 0.35rem 0 0;
        }
    #shiftnav-translate select {
        background: #fff;
        border-radius: 4px;
        height: auto;
        padding: 0.5rem 1rem;
    }
/* Search Submit */
.shiftnav-search input.shiftnav-search-input {
    padding: 1.35rem 1rem !important;
}
.shiftnav-search-submit {
    background: #0077be !important;
    color: #fff !important;
    font-size: 1.3rem !important;
    width: 4.25rem !important;
    border-radius: 0 !important;
}
/* Change all highlights to NC blue */
.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover,
.shiftnav ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target,
.shiftnav ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target,
.shiftnav ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target,
.shiftnav ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target,
.shiftnav ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target,
.shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target:active,
.shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target:hover {
    background: #0077BE !important;
    color: #eee;
    border-top-color: #66add8 !important;
    border-bottom-color: #001826 !important;
}
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
    text-transform: none !important;
}
/* Make accordion items lighter grey */
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu ul.sub-menu li.menu-item > .shiftnav-target {
    background: #414144;
    border-bottom: 1px solid #232325;
    border-top: 1px solid #59595d;
}
.shiftnav .shiftnav-menu-title {
    font-size: 1.3rem !important;
    padding: 1rem !important;
}
.shiftnav-menu-title.shiftnav-site-title > a {
    color: #fff !important;
}

/* --- Content --- */
section[role="document"] {
    padding: 1rem 0;
    background: #fff;
}
section[role="document"] p {
    color: #2d2d2d;
}
section[role="document"] a:not(.button) {
    text-decoration: underline;
}
section[role="document"] ul,
section[role="document"] ol {
    margin: 0 0 1.75rem 0;
}
section[role="document"] li {
    margin: 0.15rem 0 1rem 2rem;
}

/* Primary Content Area Only */
#content[role="main"] p,
#content[role="main"] li {
    font-size: 1.1rem;
}

/* --- Footer --- */
footer[role="contentinfo"] {
    background: #00164D;
    border-top: medium none;
    clear: both;
    line-height: inherit;
    padding: 2.5rem 0 5rem;
}
    /* Basics */
    footer[role="contentinfo"] a {
        color: #5eb2e6;
        text-decoration: underline;
    }
        footer[role="contentinfo"] .footer-info a:hover,
        footer[role="contentinfo"] .footer-info a:hover {
            color: #fff;
            text-decoration: none;
        }
    footer[role="contentinfo"] h1,
    footer[role="contentinfo"] h2,
    footer[role="contentinfo"] h3 {
        color: #fff;
        font-size: 1.3rem;
        font-weight: 400;
        margin: 0 0 1.25rem;
    }
    footer[role="contentinfo"] h4 {
        color: #dadada;
        font-size: 1.25rem;
        font-weight: 400;
        margin: 0 0 1.25rem;
    }
    footer[role="contentinfo"] h5 {
        color: #c5c5c5;
        font-size: 1.15rem;
        font-weight: 400;
        margin: 0 0 1.25rem;
    }
    footer[role="contentinfo"] h6 {
        color: #c5c5c5;
        font-size: 1rem;
        font-weight: 500;
        margin: 0 0 1.25rem;
    }

    /* Columns */
    footer[role="contentinfo"] .footer-info {
        background: #000c2c;
        color: #fff;
        padding: 1.5rem 1.9375rem;
        margin-bottom: 1.5rem;
    }
        footer[role="contentinfo"] .footer-info aside {
            padding: 1rem 0;
            color: #e2e2e2;
        }
            /* Left */
            footer[role="contentinfo"] .footer-info aside#p-footer-1 {
                border-right: 6px solid #5a5a5a;
                padding-right: 1rem;
            }
            footer[role="contentinfo"] .footer-info aside#p-footer-1 p,
            footer[role="contentinfo"] .footer-info aside#p-footer-1 li {
                font-size: 0.95rem;
            }
            /* Right */
            footer[role="contentinfo"] .footer-info aside#p-footer-2 a {
                display:block;
                text-align: center;
            }
            footer[role="contentinfo"] .footer-info aside#p-footer-2 img {
                margin: 0.25rem 0 1.25rem;
                width: 100px;
            }
            footer[role="contentinfo"] .footer-info aside#p-footer-2 p,
            footer[role="contentinfo"] .footer-info aside#p-footer-2 li {
                color: #ccc;
                font-size: 0.85rem;
                line-height: 1.4rem;
            }
        footer[role="contentinfo"] .footer-info h3.footer-title {
            color: #fff;
            font-size: 1.3rem;
            font-weight: 600;
            margin: 0 0 8px 0;
        }
    /* Land Acknowledgement */
    footer#footer #land-acknowledgement {
        background: #000c2c;
        padding: 1.5rem 1.9375rem;
        margin-bottom: 25px;
    }
    footer#footer #land-acknowledgement p {
        color: #e2e2e2;
        text-align: center;
        margin: 0;
        font-size: 0.95rem;
        line-height: 1.45rem;
        font-style: italic;
}

    /* Copyright */
    footer[role="contentinfo"] .copyright-info p {
        color: #cdcdcd;
        font-size: 0.8rem;
        margin: 0;
    }
    footer[role="contentinfo"] .copyright-info ul.links {
        float: right;
        list-style-type: none;
        margin: 0;
    }
        footer[role="contentinfo"] .copyright-info ul.links > li {
            display: inline-block;
        }
            footer[role="contentinfo"] .copyright-info ul.links > li:after {
                bottom: -3px;
                color: #939393;
                content: " / ";
                font-size: 1.1rem;
                margin: 0 0.25rem;
                position: relative;
            }
            footer[role="contentinfo"] .copyright-info ul.links > li:last-child:after {
                content: none;
            }
            footer[role="contentinfo"] .copyright-info ul.links a {
                color: #cdcdcd;
                font-size: 0.8rem;
                text-decoration: underline;
            }
                footer[role="contentinfo"] .copyright-info ul.links a:hover,
                footer[role="contentinfo"] .copyright-info ul.links a:focus,
                ul.links a:focus {
                    color: #fff;
                    text-decoration: none;
                }

/* = Team (Advanced Custom Fields) Shortcode
--------------------------------------------- */
.team-members li {
    margin: 0 !important;
    text-align: center;
}
    .team-members li img {
        margin: 0 0 0.75rem;
        padding: 0 0.5rem;
    }
    .team-members li .name {
        font-size: 1.15rem;
        line-height: 1.5rem;
        font-weight: 500;
    }
    .team-members li .title {
        color: #6c6c6c;
        font-size: 1rem;
        font-style: italic;
    }

/* = Links Directory (Custom Post Type)
----------------------------------------------- */
#links-directory .category-dropdown button {
    margin: 0 0 2rem;
    font-size: 0.9rem;
}
    #links-directory .category-dropdown button:hover,
    #links-directory .category-dropdown button:focus {
        -webkit-transform: none !important;
        transform: none !important;
    }
    #links-directory .category-dropdown ul {
        min-width: 300px;
    }
        #links-directory .category-dropdown ul.f-dropdown:before,
        #links-directory .category-dropdown ul.f-dropdown:after {
            content: none;
            border: none;
        }
        #links-directory .category-dropdown ul.f-dropdown li {
            margin: 0 !important;
            padding: 0.35rem 1rem;
        }
            #links-directory .category-dropdown ul.f-dropdown li:first-child {
                padding-top: 0.7rem !important;
            }
            #links-directory .category-dropdown ul.f-dropdown li:last-child {
                padding-bottom: 0.7rem !important;
            }
            #links-directory .category-dropdown ul.f-dropdown li a {
                font-size: 0.95rem;
                text-decoration: none;
                padding: 0;
            }

#links-directory .directory-category {
    margin: 0 0 3rem;
}
    #links-directory .directory-category ul {
        list-style-type: none;
        margin: 0 !important;
    }
        #links-directory .directory-category ul li {
            margin: 0 !important;
            font-size: 0.85rem;
            display: block;
            padding: 0.3rem 3rem 0.4rem;
            position: relative;
        }
                .directory-category li:before {
                    content: "\f105";
                    font-family: "FontAwesome";
                    font-size: 1.3rem;
                    left: 1rem;
                    position: absolute;
                    top: -1px;
                    color: #60a3d9;
                }
            #links-directory .directory-category ul li:nth-child(even) {
                background: #f6fbff;
            }
            #links-directory .directory-category ul li:nth-child(odd) {
                background: #ecf6fe;
            }
            #links-directory .directory-category ul li a:hover,
            #links-directory .directory-category ul li a:focus {
                text-decoration: none;
            }
    #links-directory .directory-category h4 {
        font-size: 1.4rem;
        font-weight: 500;
        padding: 0.25rem 0 0.5rem 3rem;
        position: relative;
        border-bottom: solid 1px #DADADA;
        color: #2c2c2c !important;
        margin: 0 0 1.5rem 0;
    }
        #links-directory .directory-category h4:before {
            background: #dadada;
            content: " ";
            display: block;
            height: 44px;
            left: 0;
            position: absolute;
            width: 30px;
            top: 0;
        }
        #links-directory .directory-category a.directory-to-top {
            background: #e8e8e8;
            border-radius: 4px;
            color: #787878;
            display: inline-block;
            float: right;
            font-size: 0.7rem;
            padding: 0.5rem 0.75rem;
            position: relative;
            text-decoration: none;
            text-transform: uppercase;
            top: -2px;
            transition: all 0.3s ease-in-out;
        }
            #links-directory .directory-category a.directory-to-top:hover,
            #links-directory .directory-category a.directory-to-top:focus {
                background: #007DC3;
                color: #fff;
            }
    #links-directory .directory-category .description > p {
        color: #606060 !important;
        font-size: 0.9rem !important;
        font-style: italic;
        margin: 0;
    }

/* = Site Specific
----------------------------------------------- */

/* = Community Employment Services
---------------------------------- */
/* Header Mods - FD#27159 */
#header.ces-header,
#header.ces-header.columns.large-9 {
    position: relative;
}

#header.ces-header .extra-buttons {
    position: absolute;
    right: 1.9375rem;
    bottom: 0;
    display: flex;
    background: rgba(150,219,248,0.1);
    border-radius: 3px;
}

#header.ces-header .extra-buttons a {
    display: inline-block;
    color: rgba(255,255,255,0.85);
    padding: 15px 19px;
    font-size: 0.9rem;
    line-height: 1;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.03rem;
    text-align: center;
    border-radius: 3px;
    display: flex;
    align-items: center;
}

#header.ces-header .extra-buttons a i {
    color: #96dbf8;
    font-style: normal;
    padding-right: 0;
    margin: 0 8px 0 0;
    font-size: 1.1rem;
    transition: all 0.3s ease-in-out;
}

#header.ces-header .extra-buttons a:hover,
#header.ces-header .extra-buttons a:focus {
    background: #0b499e;
    color: #fff;
}

#header.ces-header .extra-buttons a:hover i,
#header.ces-header .extra-buttons a:focus i {
    color: #fff;
}

.employment-ontario-block {
	width: 548px;
	float: right;
	margin-bottom: -10px;
}
    .employment-ontario-block h3 {
        margin: 0;
        display: inline-block;
    }
        .employment-ontario-block h3 span {
            margin: 0;
            width: 548px;
            height: 55px;
            background: url("../img/canada-employment-ontario-logos.png") no-repeat;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            display: block;
        }
    .employment-ontario-block .text {
        background: rgba(0,0,0,0.7);
        color: #fff;
        font-size: 0.75rem;
        line-height: 0.95rem;
        margin: -2px 0 0;
        padding: 0.75rem 1rem 0.8rem;
    }

/* --- Events Calendar Preview - Shortcode --- */
.events-preview {
    border-top: 3px solid #d8eef8;
    list-style-type: none;
    margin: 1.25rem 0 0 !important;
    padding: 1.5rem 0 0;
}
    .events-preview > li {
        border-bottom: 1px solid #d8eef8;
        margin: 0 0 0.75rem !important;
        overflow: auto;
        padding: 0.5rem 0 1rem;
    }
        .events-preview > li .event-date {
            background: #cbe4ee;
            border-radius: 3px;
            display: inline-block;
            float: left;
            margin: 0 1rem 0 0;
            min-width: 5rem;
            padding: 0.65rem 0.5rem;
            text-align: center;
        }
            .events-preview > li .event-date .event-month,
            .events-preview > li .event-date .event-day {
                display: block;
            }
            .events-preview > li .event-date .event-month {
                color: #007dc3;
                font-size: 1.5rem;
                font-weight: 500;
                text-transform: uppercase;
                line-height: 1;
            }
            .events-preview > li .event-date .event-day {
                color: #656565;
                font-size: 1.7rem;
                line-height: 1;
            }
        .events-preview > li .event-details {
            padding: 0.25rem 0;
        }
            .events-preview > li .event-details > h4 {
                margin: 0 0 0.25rem !important;
                font-size: 1.2rem;
                font-weight: 500;
            }
                .events-preview > li .event-details > h4 a {
                    color: #535353;
                }
                .events-preview > li .event-details > h4 a:hover,
                .events-preview > li .event-details > h4 a:focus {
                    text-decoration: none;
                    color: #007DC3;
                }
            .events-preview > li .event-details .event-time {
                color: grey;
                display: block;
                font-size: 1.1rem;
                font-style: italic;
            }
            .events-preview > li .event-details a.event-link {
                margin: 0.5rem 0 0;
                padding: 0.25rem 1.5rem 0.35rem;
            }

/* Job Postings Preview */
ul.job-postings-preview {
    list-style-type: none;
    margin: 2.25rem 0 0 !important;
}
    ul.job-postings-preview li.job {
        display: block;
        margin: 0;
    }
        ul.job-postings-preview li.job a {
            display: block;
            margin: 0 0 3px;
            padding: 0.75rem 0.9375rem 0.75rem 2.75rem;
            position: relative;
            text-decoration: none;
        }
            ul.job-postings-preview li.job a::before {
                color: #74b2d4;
                content: "\f105";
                font-family: "FontAwesome";
                font-size: 1.3rem;
                left: 1.3rem;
                position: absolute;
                top: 0.65rem;
            }
            ul.job-postings-preview li.job:nth-child(even) a {
                background: #f3fbff;
                transition: all 0.3s ease-in;
            }
            ul.job-postings-preview li.job:nth-child(odd) a {
                background: #fafdff;
                transition: all 0.3s ease-in;
            }
            ul.job-postings-preview li.job:nth-child(even) a:hover,
            ul.job-postings-preview li.job:nth-child(even) a:focus,
            ul.job-postings-preview li.job:nth-child(odd) a:hover,
            ul.job-postings-preview li.job:nth-child(odd) a:focus {
                background: #e6e6e6;
            }
            ul.job-postings-preview li.job:nth-child(even) a:hover h4,
            ul.job-postings-preview li.job:nth-child(even) a:focus h4,
            ul.job-postings-preview li.job:nth-child(odd) a:hover h4,
            ul.job-postings-preview li.job:nth-child(odd) a:focus h4 {
                text-decoration: none !important;
            }

        ul.job-postings-preview li.job h4.job-title {
            margin: 0 0 0.35rem;
            text-decoration: underline;
            background: none;
            padding: 0.25rem 0;
            font-weight: 500;
            font-size: 1.2rem;
        }
        ul.job-postings-preview li.job .employer {
            color: #626262;
            display: block;
            font-size: 0.95rem;
            text-transform: uppercase;
        }
        ul.job-postings-preview li.job .location {
            color: #848484;
            font-size: 0.95rem;
            font-style: italic;
            font-weight: 400;
        }
.page-template-front-page .row-two .columns.one .button-workshops,
.page-template-front-page .row-two .columns.two .button-jobs {
    border-radius: 4px;
    bottom: 0;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    margin: 1rem 0 2.5rem;
    padding: 1.25rem 2rem;
    position: absolute;
    text-decoration: none;
}
    .page-template-front-page .row-two .columns.one a.button-workshops,
    .page-template-front-page .row-two .columns.two a.button-jobs {
        transition: all 300ms ease-in-out 0s;
    }
        .page-template-front-page .row-two .columns.one .button-workshops {
            background: #cee1e9;
            color: #27424e;
        }
        .page-template-front-page .row-two .columns.two .button-jobs {
            background: #E6E6E6;
            right: 1.9375rem;
            color: #363636;
        }
        .page-template-front-page .row-two .columns.one a.button-workshops:hover,
        .page-template-front-page .row-two .columns.one a.button-workshops:focus,
        .page-template-front-page .row-two .columns.two a.button-jobs:hover,
        .page-template-front-page .row-two .columns.two a.button-jobs:focus {
            background: #007DC3;
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
            color: #fff;
        }
        .page-template-front-page .row-two .columns.one .button-workshops .fa-chevron-right,
        .page-template-front-page .row-two .columns.two .button-jobs .fa-chevron-right {
            margin: 0 0 0 0.5rem;
        }


/* = Page Templates
----------------------------------------------- */

/* --- VIDEO BANNER - 8/3/2018 --- */
.page-template-front-page #video-banner {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 500px;
  margin: 0;
  animation: 3s ease 0s normal none 1 running fadein;
  overflow: hidden;
}
  .page-template-front-page #video-banner video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 130%;
    min-height: 130%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
  }
@media only screen and (min-width: 1680px) {

  .page-template-front-page #video-banner video {
      min-width: 100%;
      min-height: 100%;
      top: 0;
      transform: none;
      left: 0;
    }

}
@media only screen and (max-width: 1350px) {

    .page-template-front-page .video #video-banner {
        height: 400px;
    }
    .page-template-front-page .video .move-it-down {
        margin: 250px 0 0 0;
    }
    .page-template-front-page .video .banner-widgets {
        bottom: 11rem;
    }

}
@media only screen and (max-width: 1024px) {

    .page-template-front-page .video #video-banner {
        height: auto;
        position: unset;
        padding: 2rem 0;
        background-image: url("https://www.niagaracollege.ca/ces/wp-content/uploads/sites/55/2018/05/new-location-video-cover.jpg");
        background-size: cover;
    }
    .page-template-front-page .video .banner-widgets {
        position: unset;
    }
    .page-template-front-page .video #video-banner video {
        display: none;
    }
    .page-template-front-page .video .move-it-down {
        margin: 0;
    }
    .page-template-front-page .video .employment-ontario-block {
        float: none;
        margin: 4rem auto 0;
    }

}

/* = Front Page
------------------------ */

.page-template-front-page .row.body {
    position: relative;
}
    /* --- Photo Banner --- */
    .page-template-front-page .row#photo-banner {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        height: 500px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        box-shadow: 0 -100px 100px -100px #000000 inset;
        margin: 0;
        animation: 3s ease 0s normal none 1 running fadein;
    }
    /* -- Banner Widgets -- */
    .page-template-front-page .banner-widgets {
        bottom: 10rem;
        position: absolute;
        width: 100%;
    }
        .banner-widgets .large-centered .row {
            margin: 0 -1.9375rem;
        }

        /* -- Social Media -- */
        .page-template-front-page .banner-widgets .social-media-links {
            position: absolute;
            bottom: 0;
        }
            .page-template-front-page .banner-widgets .social-media-links ul {
                list-style-type: none;
                margin: 0;
            }
                .page-template-front-page .banner-widgets .social-media-links ul > li,
                .page-template-front-page .banner-widgets .social-media-links ul > li a,
                .page-template-front-page .banner-widgets .social-media-links ul > li a:after {
                    display: inline-block;
                    width: 50px;
                    height: 50px;
                }
                    .page-template-front-page .banner-widgets .social-media-links ul > li a span {
                        text-indent: 100%;
                        white-space: nowrap;
                        overflow: hidden;
                        display: block;
                    }
                        .page-template-front-page .banner-widgets .social-media-links ul > li a:after {
                            font-family: "FontAwesome";
                            background: #bcbcbc;
                            color: #fff;
                            font-size: 1.7rem;
                            line-height: 3.1rem;
                            text-align: center;
                            transition: all 0.3s ease-in;
                        }
                            .page-template-front-page .banner-widgets .social-media-links ul > li a:hover:after,
                            .page-template-front-page .banner-widgets .social-media-links ul > li a:focus:after {
                                background: #007DC3;
                            }
                        /* Facebok */
                        .page-template-front-page .banner-widgets .social-media-links ul > li a.facebook:after {
                            content: "\f09a";
                        }
                        /* Twitter */
                        .page-template-front-page .banner-widgets .social-media-links ul > li a.twitter:after {
                            content: "\f099";
                        }
                        /* Instagram */
                        .page-template-front-page .banner-widgets .social-media-links ul > li a.instagram:after {
                            content: "\f16d";
                        }
                        /* LinkedIn */
                        .page-template-front-page .banner-widgets .social-media-links ul > li a.linkedin:after {
                            content: "\f0e1";
                        }
                        /* YouTube */
                        .page-template-front-page .banner-widgets .social-media-links ul > li a.youtube:after {
                            content: "\f167";
                        }

    /* --- Content Area --- */
    .page-template-front-page .move-it-down {
        margin: 375px 0 0;
    }
        .page-template-front-page .gradient-bg {
            background: url("../img/BG-Content-Gradient.jpg") repeat-x scroll 0 125px;
            position: relative;
        }
            .page-template-front-page section.content {
                min-height: 350px;
                padding: 2.5rem 0.9375rem 0;
            }

                /* Row One (Wraps Primary and Secondary) */
                .row-one {
                    margin: 0 0 1.5rem;
                    overflow: auto;
                }

                    /* Primary */
                    .page-template-front-page #content[role="main"] h1,
                    .page-template-front-page #content[role="main"] h2,
                    .page-template-front-page #content[role="main"] h3,
                    .page-template-front-page #content[role="main"] .subtitle {
                        color: #007dc3;
                        font-size: 2.2rem;
                        font-weight: 400;
                        margin: 0 0 1.5rem;
                    }
                    .page-template-front-page #content[role="main"] h4 {
                        color: #007dc3;
                        font-size: 1.8rem;
                        font-weight: 400;
                    }
                    .page-template-front-page #content[role="main"] h5 {
                        color: #444;
                        font-size: 1.6rem;
                        font-weight: 400;
                    }
                    .page-template-front-page #content[role="main"] h6 {
                        color: #838383;
                        font-size: 1.25rem;
                        font-weight: 400;
                        padding: 0;
                        text-transform: uppercase;
                        margin: 0.25rem 0 0.75rem;
                    }

                    /* Secondary */
                    .page-template-front-page #secondary[role="complementary"] h3.widget-title,
                    .page-template-front-page #secondary[role="complementary"] .fp-content-widget h1,
                    .page-template-front-page #secondary[role="complementary"] .fp-content-widget h2,
                    .page-template-front-page #secondary[role="complementary"] .fp-content-widget h3 {
                        border-bottom: 2px solid #d2d2d2;
                        color: #353535;
                        font-size: 1.4rem;
                        font-weight: 600;
                        margin: 0 0 1.5rem;
                        padding: 0 0 0.85rem;
                        text-transform: none;
                    }
                        .page-template-front-page #secondary[role="complementary"] .fp-content-widget h4 {
                            color: #007dc3;
                            font-size: 1.25rem;
                            font-weight: 600;
                            margin: 0 0 1.15rem;
                        }
                        .page-template-front-page #secondary[role="complementary"] .fp-content-widget h5 {
                            color: #4e4e4e;
                            font-size: 1.1rem;
                            font-weight: 600;
                        }
                        .page-template-front-page #secondary[role="complementary"] .fp-content-widget h6 {
                            font-size: 1.05rem;
                            font-weight: 600;
                        }
                    /* Hours (Permanent) */
                    table.hours {
                        width: 100%;
                        border: none;
                    }
                    table.hours td {
                        padding: 0.5rem 0.25rem;
                        font-size: 1rem;
                        line-height: 1.15rem;
                    }
                      table.hours tr td:nth-child(1) {
                          color: #007dc3;
                          font-size: 0.95rem;
                          font-weight: 500;
                      }
                  /* Walk-In Hours (Permanent) */
                  table.hours.walk-in {
                      margin: 0 0 2rem 0;
                  }
                  p.walkin {
                      font-size: 0.95rem !important;
                      line-height: 1.25rem;
                      position: relative;
                      padding: 0 0 0 1.35rem;
                  }
                  p.walkin:before {
                      content: "\f05a";
                      font-family: "FontAwesome";
                      color: rgba(0,119,190,0.8);
                      left: 0;
                      position: absolute;
                      font-size: 1rem;
                  }
                  table.hours.walk-in td {
                      vertical-align: top;
                  }
                  table.hours.walk-in td:nth-child(1) {
                      line-height: 1.35rem;
                  }
                  table.hours.walk-in td:nth-child(1) span {
                      display: block;
                      color: rgba(0,0,0,0.5);
                      text-transform: uppercase;
                      font-size: 0.75rem;
                  }
                  table.hours.walk-in td:nth-child(2) ul {
                      margin: 0 !important;
                      list-style-type: none;
                  }
                  table.hours.walk-in td:nth-child(2) ul li {
                      margin: 0 0 0.5rem 0 !important;
                      line-height: 1.15rem;
                      font-size: 0.95rem !important;
                  }
                  table.hours.walk-in td:nth-child(2) ul li:last-child {
                      margin: 0;
                  }

            /* Row Two (Wraps Widget Areas) */
            .page-template-front-page .row-two {
                margin: 0 -0.9375rem;
            }
                .page-template-front-page .row-two p,
                .page-template-front-page .row-two li {
                    font-size: 1.05rem;
                }
                .page-template-front-page .row-two h3.widget-title,
                .page-template-front-page .row-two h1,
                .page-template-front-page .row-two h2,
                .page-template-front-page .row-two h3 {
                    color: #02679f;
                    font-size: 2rem;
                    font-weight: 600;
                    margin: 0 0 1.25rem;
                    text-transform: none;
                }
                        .page-template-front-page .row-two h3.widget-title i.fa {
                            color: #90aebe;
                            font-size: 2.2rem;
                            margin: 0 5px 0 0;
                        }
                        .page-template-front-page .row-two h3.widget-title i.fa-briefcase {
                            position: relative;
                            top: 2px;
                        }
                    /* Just Column Two */
                    .page-template-front-page .row-two h4 {
                        color: #007dc3;
                        font-size: 1.15rem;
                        font-weight: 400;
                        margin: 0 0 1.15rem;
                    }
                    .page-template-front-page .row-two h5 {
                        color: #4e4e4e;
                        font-size: 1.1rem;
                        font-weight: 500;
                    }
                    .page-template-front-page .row-two h6 {
                        font-size: 1.05rem;
                        font-weight: 500;
                    }

                /* 2 Column Display */
                .page-template-front-page .row-two .columns.one,
                .page-template-front-page .row-two .columns.two {
                    position: relative;
                }
                .page-template-front-page .row-two .columns.one {
                    background: #eff8fc;
                    padding: 1.9375rem 1.9375rem 8rem;
                }
                .page-template-front-page .row-two .columns.two {
                    padding: 1.9375rem 1.9375rem 7rem;
                }
                /* 1 Column Display */
                .page-template-front-page .row-two .l-full,
                .page-template-front-page .row-two .r-full {
                    padding: 0 1.9375rem 3rem;
                }
                .page-template-front-page .row-two .l-full .fp-br-widget,
                .page-template-front-page .row-two .r-full .fp-br-widget {
                    margin: 0 0 1.5rem;
                }

/* = All Templates
------------------------ */

.page-template-default .row.body,
.page-template-full-width .row.body
.single .row.body {
    background: url("../img/BG-Content-Gradient.jpg") repeat-x;
}
.page-template-default .row.body section[role="document"],
.page-template-full-width .row.body section[role="document"],
.single .row.body section[role="document"],
.search-results .row.body section[role="document"] {
    padding: 2.5rem 0.9375rem;
}

/* Main Content */
.page-template-default .row.body .entry-content h1,
.page-template-full-width .row.body .entry-content h1,
.single .row.body .entry-content h1,
.page-template-default .row.body .entry-content h2,
.page-template-full-width .row.body .entry-content h2,
.single .row.body .entry-content h2,
.page-template-default .row.body .entry-content h3,
.page-template-full-width .row.body .entry-content h3,
.single .row.body .entry-content h3 {
    color: #007dc3;
    font-size: 1.9rem;
    line-height: 2.6rem;
    margin: 0 0 1rem;
    font-weight: 600;
}

.page-template-default .row.body .entry-content h4,
.page-template-full-width .row.body .entry-content h4,
.single .row.body .entry-content h4 {
    color: #3d3d3d;
    font-size: 1.65rem;
    font-weight: 600;
    margin: 30px 0 15px;
}

.page-template-default .row.body .entry-content h5,
.page-template-full-width .row.body .entry-content h5,
.single .row.body .entry-content h5 {
    color: #003f62;
    font-size: 1.45rem;
    font-weight: 600;
    margin: 25px 0 10px;
}

.page-template-default .row.body .entry-content h6,
.page-template-full-width .row.body .entry-content h6,
.single .row.body .entry-content h6 {
    color: #4e4e4e;
    font-size: 1.35rem;
    font-weight: 600;
    margin: 0 0 1rem;
}

.widget-area .widget p,
.widget-area .widget li {
    line-height: 1.6rem;
}

/* = Sidebar Menus
---------------------- */
aside.widget_nav_menu {
    margin-top: 1rem;
}
aside.widget_nav_menu ul {
    list-style-type: none;
    margin: 0 !important;
}
aside.widget_nav_menu ul li {
    margin: 0 !important;
}
aside.widget_nav_menu ul.menu {
    border-top: 8px solid #ededed;
}
    aside.widget_nav_menu ul.menu a {
        border-bottom: 1px solid #ededed;
        color: #4d4d4d;
        display: block;
        font-size: 1.05rem;
        padding: 1rem 0.5rem;
        transition: all 0.3s ease-in-out 0s;
    }

    aside.widget_nav_menu ul.menu li ul.sub-menu li a {
        color: #4d4d4d;
        font-weight: 400;
        padding-left: 2.5rem;
        position: relative;
        text-decoration: underline;
    }

    aside.widget_nav_menu ul.menu li.current-menu-item a {
        color: #00164f !important;
        font-weight: 500 !important;
        text-decoration: none !important;
    }

    aside.widget_nav_menu ul.menu li.current-menu-item ul.sub-menu li a {
        color: #4d4d4d !important;
        font-weight: 400 !important;
        text-decoration: underline !important;
    }

    aside.widget_nav_menu ul.menu li a:hover,
    aside.widget_nav_menu ul.menu li a:focus {
        text-decoration: none !important;
        background: #f0f9ff;
    }

    aside.widget_nav_menu ul.menu ul.sub-menu li a:before {
        content: "\f105";
        font-family: "FontAwesome";
        left: 1.5rem;
        position: absolute;
    }

/* Tribe */
.tribe-events-calendar-list__event-title,
.tribe-events-calendar-day__event-title {
    font-weight: 500 !important;
}

/* Secondary */
.page-template-default #secondary aside h3.widget-title,
.page-template-full-width #secondary aside h3.widget-title,
.single .row.body aside h3.widget-title,
.page-template-default #secondary aside h1,
.page-template-full-width #secondary aside h1,
.single #secondary aside h1,
.page-template-default #secondary aside h2,
.page-template-full-width #secondary aside h2,
.single #secondary aside h2,
.page-template-default #secondary aside h3,
.page-template-full-width #secondary aside h3,
.single #secondary aside h3 {
    border-bottom: 2px solid #d2d2d2;
    color: #353535;
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0 0 1.5rem;
    padding: 0 0 0.85rem;
    text-transform: none;
}
    .page-template-default #secondary aside h4,
    .page-template-full-width #secondary aside h4,
    .single .row.body #secondary aside h4 {
        color: #007dc3;
        font-size: 1.2rem;
        font-weight: 500;
        margin: 0 0 1.15rem;
    }
    .page-template-default #secondary aside h5,
    .page-template-full-width #secondary aside h5,
    .single #secondary aside h5 {
        color: #4e4e4e;
        font-size: 1.1rem;
        font-weight: 500;
    }
    .page-template-default #secondary aside h6,
    .page-template-full-width #secondary aside h6,
    .single #secondary aside h6 {
        font-size: 1.05rem;
        font-weight: 500;
    }

/* = Default
------------------------ */

#subpage-banner {
    background: #00164f;
    box-shadow: 0 -100px 100px -100px #000c2c inset;
    min-height: 300px;
    position: absolute;
    width: 100%;
  }
header#subtitle {
    padding: 4rem 0.9375rem 1.75rem;
    position: relative;
    overflow: hidden;
}
    header#subtitle > h3 {
        color: #fff;
        font-size: 3.25rem;
        font-weight: 600;
        margin: 0;
        line-height: 4rem;
    }
    header#subtitle .bg-text-effect {
        bottom: -1.5rem;
        color: rgba(255, 255, 255, 0.05);
        font-size: 9rem;
        position: absolute;
        font-weight: 400;
    }
        header#subtitle .bg-text-effect:before {
            line-height: 9rem;
            display: block;
        }
.page-template-default #content {
    border-right: 4px dotted #ededed;
    margin: 0 0.5rem 0 0;
    padding: 0 2rem 1rem 0;
}

/* = Youth Job Connection
------------------------------------ */

.panel.youth-employment-program {
    background: #f6fbff;
    border: none;
    text-align: center;
    margin: 0 2rem 1.5rem;
}
.panel.youth-employment-program > h3 {
    font-size: 1.6rem !important;
    font-weight: 500 !important;
}
.youth-employment-program i.fa {
    margin: 0 0.5rem 0 0;
}
.youth-employment-program .yep-description {
    margin: 0 auto;
    text-align: left;
    width: 80%;
}

/* = Main content and comment content
------------------------------------ */

/* Next and Prev */
.nav-previous, .previous-image,
.nav-next, .next-image {
    width: 45%;
}

/* Don't show author vcard on any posts */
.byline {
    display: none;
}
.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 1.5rem;
}
.entry-meta-header,
.entry-meta-categories {
    color: #757575!important;
    font-size: 0.8rem;
    line-height: normal;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    font-weight: bold;
}
/* Meta (date, author etc.) */
.entry-meta-header {
    margin-top: 1rem;
}
/* Modifed date */
.hatom-extra {
    display: none;
}
.entry-meta-header .genericon,
.entry-meta-categories .genericon {
    line-height:1;
    font-size: 1rem;
}
.entry-header .entry-title a {
	text-decoration: none;
}
span.edit-link {
	font-size: 0.75rem!important;
}
span.edit-link .genericon {
	font-size: 1rem!important;
	line-height: 1;
}
.attachment span.edit-link {
  margin-left: 1rem;
}
article .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 0.875rem;
	line-height: 3.692307692;
	margin-bottom: 1.5rem;
	text-align: center;
}
.entry-content ul, .entry-content ol {
	margin-left:2.125rem;
}
.entry-content [class*="block-grid-"] {
    margin: 0 0.625em!important;
}
.entry-content ul.pricing-table {
	margin-left:0!important;
}
.entry-content .f-dropdown {
	margin-bottom:0!important;
	margin-left:0!important;
	list-style:none!important;F
}
.entry-content pre,
.comment-content pre {
	background: #f9f9f9;
	color: #666;
	margin: 20px 0;
	overflow-x: auto;
	padding: 20px;
	line-height: 1.3rem;
	-ms-word-wrap:normal!important;
	word-wrap:normal!important;
}
.entry-content pre code,
.comment-content pre code {
	font-weight: normal!important;
	display: block;
	line-height: 1.3rem;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 1.5rem;
}
img.alignleft, .wp-caption.alignleft {
	margin: 12px 1.5rem 12px 0!important;
}
img.alignright, .wp-caption.alignright {
	margin: 12px 0 12px 1.5rem!important;
}
img.aligncenter {
	margin-top: 12px;
	margin-bottom: 12px;
}
img.alignnone {
	margin-bottom: 1.5rem!important;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 1.5rem;
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	line-height: 2;
	margin: 0 0 1.5rem;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	margin: 1.5rem 0;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px;
}
.entry-content th,
.comment-content th,
.entry-content td,
.comment-content td {
	text-align: left;
}
body.page article {
	border-bottom:none!important;
	margin-bottom:0!important;
	padding-bottom:0!important;
}
.error404 article {
	border-bottom:none;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
	color: #757575;
}
.entry-meta-tags {
    color: #757575;
    font-size: 0.75rem!important;
    line-height: normal;
}
.entry-meta-tags .genericon {
    font-size: 1rem!important;
    line-height:1;
}
footer .entry-meta-footer .the-cats {
    margin-bottom: 5px;
}
.single-author .entry-meta .by-author {
	display: none;
}
span.sticky-post,
span.entry-date,
span.byline,
span.pfont,
.entry-format {
	margin-right:0.3125rem; /* 5px */
}

/* Posts - Entry Meta
--------------------------- */

/* Meta Info */
.entry-meta-header time,
.entry-meta-header a
{
    font-weight: 500;
    font-size: 0.8rem;
}

/* Icons */
.entry-meta-header > span {
    position: relative;
    padding: 0 0 0 1.8rem;
}
    .entry-meta-header .genericon:before {
        position: absolute;
        left: 0;
        font-size: 1.6rem;
    }

/* Archive/Category
--------------------------- */

header.archive-header h2.cat-title {
    color: #000;
}

/* = Reusible classes
----------------------------------------------- */

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

/* Alert - Yellow */
.p-alert-y {
    background: #fffad9 none repeat scroll 0 0;
    border-radius: 6px;
    display: block;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
}

/* Alert - Blue */
.p-alert-b {
    background: #f0f8ff;
    display: block;
    font-size: 1rem;
    padding: 1.25rem 1.75rem 1.25rem 4rem;
    font-size: 1.05rem !important;
    position: relative;
}
    .p-alert-b:before {
        color: #007dc3;
        content: "\f06a";
        font-family: "FontAwesome";
        font-size: 2.2rem;
        left: 1.25rem;
        top: 0.5rem;
        position: absolute;
    }

/* Alert - Red */
.p-alert-r {
    background: #ffc9c9;
    border-radius: 6px;
    color: #c40303;
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.7rem 1rem 0.7rem 4rem;
    position: relative;
}
.p-alert-r:before {
    font-family: "FontAwesome";
    content: "\f071";
    font-size: 1.8rem;
    position: absolute;
    top: 0.1rem;
    left: 1rem;
    color: #C40101;
}

/* Paragraph - Small */
.p-small {
    font-size: 0.9rem !important;
}

/* Paragraph - Medium */
.p-med {
    font-size: 1.1rem !important;
}

/* Paragraph - Large */
.p-large {
    font-size: 1.3rem !important;
}

/* Subtitles */
p.subtitle {
    color: #3e3e3e;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.5em;
    margin-top: 8px;
    margin-bottom: 8px !important;
}

/* Green Background */
.highlight-row {
    background: #BAFFBC;
    font-weight: 500;
}

/* Make images round */
img.round {
    border-radius: 50%;
    display:block;
}

/* Smaller, caps type */
.sub {
    font-family: Work Sans, Arial, Helvetica, sans-serif;
    font-size: 0.5em;
}
/* Semibold */
.sb {
    font-weight: 500;
}

/* Bold blue */
.bblue {
    font-weight: 500;
    color: #007DC3 !important;
}

/* Blue */
.blue {
    color: #007DC3 !important;
}

/* No bottom margin */
.nbm {
    margin-bottom: 0;
}

/* Bold red */
.bred {
    font-weight: 500;
    color: #d50606 !important;
}

/* Uppercase */
.up {
    text-transform: uppercase;
}

/* Small Caps */
.smallcaps {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.2rem;
    margin: 0.2rem 0 0;
    text-transform: uppercase;
}

/* Large Caps */
.largecaps {
    font-weight: 500;
    text-transform: uppercase;
}

/* Back to Top */
.btt {
    border-top: 1px solid #ddd;
    margin: 3rem 0 0;
    padding: 1.5rem 0 0;
}
.btt:before {
    font-family: 'FontAwesome';
    content: '\f0aa';
    bottom: -1px;
    font-size: 1.3rem;
    color: #989898;
    position: relative;
}
    .btt a {
        margin: 0 0 0 0.55rem;
        font-size: 1rem
    }

/* Align Left - Align with top of paragraph */
img.alignlefttop {
    margin: 7px 1.5rem 12px 0 !important;
    float: left;
}

/* Align Left Top - No top padding */
img.alignlefttopnopad {
    margin: 0 1rem 12px 0 !important;
    float: left;
}

/* Align Right - Align with top of paragraph */
img.alignrighttop {
    margin: 0 0 12px 1.5rem !important;
    float: right;
}

/* Subtitle - Large */
.subhead-l {
    color: #00164f !important;
    font-size: 1.65rem !important;
    font-style: italic !important;
    line-height: 2.4rem !important;
    margin: 0 0 1.75rem 0 !important;
    font-weight: 600;
}

/* Subtitle - Medium */
.subhead-m {
    color: #00164f !important;
    font-size: 1.45rem !important;
    font-style: italic !important;
    line-height: 2.2rem !important;
    margin: 0 0 1.75rem 0 !important;
    font-weight: 600;
  }

/* Subtitle - Small */
.subhead-s {
    color: #00164f !important;
    font-size: 1.25rem !important;
    font-style: italic !important;
    line-height: 2rem !important;
    margin: 0 0 1.75rem 0 !important;
    font-weight: 600;
}

/* List - Fancy */
ul.fancy-list {
    list-style-type: none !important;
    padding: 0;
}
    .fancy-list > li {
        border-bottom: 1px solid #dadada;
        padding: 0.4rem 0 0.4rem 1.5rem;
        position: relative;
    }
    .fancy-list li:before {
        content: "";
        font-family: 'FontAwesome';
        font-size: 1.2rem;
        left: 0;
        line-height: 26px; /* px for ie */
        position: absolute;
    }
    .fancy-list > li:last-child {
        border: 0;
    }
        ul.fancy-list li ul {
            margin-bottom: 0 !important;
        }

        .fancy-list li ul li:before {
            content: none;
        }

/* Border List - Bottom borders, no bullets */
ul.border-list {
    list-style-type: none !important;
    padding: 0;
}
    .border-list > li:first-child {
        border-top: 1px solid #dadada;
    }
    .border-list > li {
        border-bottom: 1px solid #dadada;
        font-size: 1rem !important;
        margin: 0 !important;
        padding: 0.5rem 0 0.5rem 0.2rem;
        position: relative;
    }
    .border-list > li .fa {
        font-size: 1.5rem;
        margin: 0 0.5rem 0 0;
        position: relative;
        top: 0.2rem;
    }

/* List - Fancy, no bottom borders */
ul.arrow-list {
    list-style-type: none;
    padding: 0;
}
    .arrow-list > li {
        padding: 0.25rem 0 0.25rem 1.5rem;
        position: relative;
        list-style-type: none;
    }
    .arrow-list li:before {
        content: "\f054";
        font-family: 'FontAwesome';
        font-size: 1rem;
        left: 0;
        color: #007DC3;
        line-height: 28px; /* px for ie */
        position: absolute;
    }
    .arrow-list ul li:before {
        content: none;
    }

/* List - Checklist */
ul.check-list {
    list-style-type: none;
    padding: 0;
}
    .check-list > li {
        padding: 0.25rem 0 0 2rem;
        position: relative;
        color: #525252;
        font-style: italic;
    }
    .check-list > li:before {
        content: "\f00c";
        font-family: 'FontAwesome';
        font-size: 1.3rem;
        left: 0;
        line-height: 28px; /* px for ie */
        position: absolute;
        color: #007DC3;
    }

/* List - X List */
ul.x-list {
    list-style-type: none;
    padding: 0;
}
    .x-list > li {
        padding: 0.25rem 0 0 2rem;
        position: relative;
        color: #525252;
        font-style: italic;
    }
    .x-list > li:before {
        color: #ba1e04;
        content: "\f05c";
        font-family: "FontAwesome";
        font-size: 1.6rem;
        font-style: normal;
        left: 0;
        line-height: 28px;
        position: absolute;
    }

/* List - Numbered List (Circles) */
ol.circle-number-list {
    counter-reset: li-counter;
    list-style-type: none;
    margin: 2.25rem 0 1.75rem 4rem !important;
    padding: 0;
}
ol.circle-number-list > li:before {
    background: #0077bd none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    content: counter(li-counter, decimal);
    counter-increment: li-counter;
    font-size: 1.2rem;
    font-weight: 500;
    left: -2.6rem;
    line-height: 18px;
    padding: 0.8rem 1.05rem;
    position: absolute;
    top: -0.5rem;
}
ol.circle-number-list > li {
    min-height: 3rem;
    padding: 0 0 0 0.75rem;
    position: relative;
    margin: 0.75rem 0;
}

/* Fix nested ol lists */
ol > li > ol {
list-style-type: lower-alpha !important;
}
ol > li > ol > li > ol {
list-style-type: lower-roman !important;
}
ol > li > ol > li {
    margin: 0 0 0.75rem;
}
ol > li > ol > li ul {
    margin-top: 1.25rem !important;
}

/* = Tables
----------------------------------------------- */

/* Tables within tables */
.entry-content table table {
    margin: 0.5rem 0;
}
.entry-content table table th {
    line-height: 1rem !important;
}
.entry-content table table td ul {
    font-size: 0.8rem;
    margin: 0.5rem 0 0.5rem 2rem !important;
}
    .entry-content table table td ul li {
        margin: 0 !important;
    }

table thead tr th, table tfoot tr th,
table tfoot tr td, table tbody tr th,
table tbody tr td, table tr td {
    line-height: 1.6rem; /* adjust line height to match paragraphs */
}

/* Lists within tables */
table ul, table ol, table dl {
    font-size: inherit;
    margin: 0.5rem 0 0.5rem 1.5rem !important;
}

/* Paragraphs within tables */
table td p {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    line-height: 1.2rem;
}
    table td p:last-child {
        margin-bottom: 0;
    }

/* Legend Color - Blue */
tr.blue {
    background: #DBF2FF !important;
}
tr.blue > td {
    font-weight: bold;
}
tr.blue > td td {
    font-weight: normal;
}

/* = Gravity Forms
----------------------------------------------- */

/* Remove list stylings from form elements */
.gform_wrapper ul {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}
.gform_wrapper li.gfield {
    list-style-type: none;
}
    .gform_wrapper li.gfield li {
        list-style-type: none;
    }

/* Hide the instruction field */
.gform_wrapper .instruction {
    display: none;
}

/* Section title */
h2.gsection_title {
    border-bottom: 2px solid #dadada;
    color: #4f4f4f;
    font-size: 1.2rem;
    margin: 0 0 1.5rem;
    padding: 0 0 0.25rem;
    text-transform: uppercase;
}

/* Label */
.gfield_label {
    margin: 0 0 0.25rem;
}

/* Clear previous row */
.gsection {
    clear: both;
}

/* Field descriptions */
.gfield_description {
    font-size: 0.8rem;
    margin: 0 0 0.75rem;
}

/* Section descriptions */
.gsection_description {
    margin: 0 0 1.5rem;
}

/* Upload */
.ginput_container_fileupload
    margin: 0 0 1rem !important;
}

/* Section */
.gfield.gsection {
    clear: both;
    display: block;
    overflow: auto;
    padding: 0.75rem 0 0;
}

/* Bold field label */
.bold-label .gfield_label {
    font-weight: 500;
}

/* Character cuonter */
.charleft.ginput_counter {
    background: #f6f6f6 none repeat scroll 0 0;
    border-radius: 2px;
    font-style: italic;
    margin: 0 0 0.5rem;
    padding: 0.25rem 0.5rem;
}

/* Additional headings added within HTML boxes */
.gfield h3 {
    font-size: 1.3rem;
    text-transform: none;
}

.gfield h4{
    font-size:1.3rem;
    font-weight:700;
}

/* Submit button */
.gform_button,
.gform_previous_button,
.gform_next_button {
    border-radius: 6px;
    font-family: Work Sans, Arial, Helvetica, sans-serif;
    font-size: 1.2rem !important;
    font-weight: 500;
    text-transform: none;
    margin: 0.75rem 0 0;
}

/* Make asterisk red */
.gfield_required {
    color: #ff0000;
}

/* Errors ----------- */
.gform_wrapper .validation_error {
    background: #ffd8d8 none repeat scroll 0 0;
    border: 2px solid #790000 !important;
    border-radius: 6px;
    color: #ba020f !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    margin: 0 0 2rem !important;
    padding: 1rem 1.25rem !important;
}

/* Add border */
.gfield_error input {
    border: 2px solid #dc3014;
}

/* Style message */
.gfield_description.validation_message {
    background: none;
    border-radius: 6px;
    color: #ba020f !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    margin: -10px 0 0.5rem !important;
    padding: 0 !important;
}

/* date select larger */
.gform_wrapper .gf_large_date_select .ginput_container  {
    width:100% !important;
}

.gform_wrapper .gf_large_date_select .ginput_container .datepicker {
    width:100% !important;
}

.gform_wrapper .other-lab-location textarea {
    min-height:50px !important;
}

/* = Don't remove
----------------------------------------------- */

/* Add a small bottom and top margin */
.btm {
    margin: 0.5rem 0 !important;
}

/* Fix modals */
div.reveal-modal,
div.reveal-modal-bg {
    z-index: 999 !important; /* to get modals on top of content due to shiftnav */
}

/* Hide Hatom */
.hatom-extra {
    height: 0;
}

/* Remove margins from button groups */
ul.button-group {
    margin: 0;
}
    ul.button-group li {
        margin-bottom: 0.5rem !important;
        margin-left: 0 !important; /* for widgets */
    }
    ul.button-group li a {
        margin-bottom: 0 !important;
    }

/* Add top margining on child lists */
.entry-content ul li ul, .entry-content ol li ol,
.entry-content ul li ol, .entry-content ol li ul {
    margin-top: 0.5rem;
    margin-bottom: 1.25rem;
}

/* Fix tabs - font too thin */
.tabs dd > a, .tabs .tab-title > a {
    font-family: Work Sans, Arial, Helvetica, sans-serif;
}

/* Remove random left side margin */
ul.tabs {
    margin-left: 0;
}

/* Related links */
.sub-nav dt, .sub-nav dd, .sub-nav li {
    font-family: Work Sans, Arial, Helvetica, sans-serif !important;
}

/* Accordions */
.accordion .accordion-navigation > a, .accordion dd > a {
    font-family: Work Sans, Arial, Helvetica, sans-serif;
}

/* =Media Queries
----------------------------------------------- */
@media only screen and (max-width: 1025px) {

    .nav-bar {
        display: none;
    }
    header#header {
        display: none;
    }
    .fp-banner-widget {
        padding: 0 0.9375rem;
    }
    .page-template-front-page .banner-widgets .social-media-links {
        display: none;
    }
    .page-template-front-page #photo-banner.row {
        background-position: 70%;
    }
    .page-template-front-page section.content {
        min-height: 350px;
        padding: 1.5rem 0;
    }
    .page-template-front-page .row-two {
       margin: 0;
    }
    .page-template-front-page .row-two .columns.one a.button-workshops,
    .page-template-front-page .row-two .columns.two a.button-jobs {
        display: block;
        position: inherit;
        width: 100%;
        right: 0;
        bottom: 0;
        top: 0;
        left: 0;
        margin: 2rem 0;
    }
    .page-template-front-page #secondary {
        margin: 1rem 0 0;
    }
    .page-template-front-page .row-two .columns.one {
        background: #eff8fc none repeat scroll 0 0;
        padding: 1.9375rem 1.9375rem 0;
    }
    .page-template-front-page .row-two .columns.two {
        padding: 1.9375rem 1.9375rem 0;
    }

    #subpage-banner {
        display: none;
    }
    .page-template-default .row.body section[role="document"],
    .page-template-full-width .row.body section[role="document"],
    .single .row.body section[role="document"] {
        padding: 1.75rem 0;
    }
    .bg-text-effect {
        display: none;
    }
    header#subtitle {
        background: url("../img/bg-dots.jpg") repeat scroll 0 0;
        margin: 0 -0.9375rem;
        padding: 5rem 0.9375rem 1.5rem;
    }
    header#subtitle > h2 {
        font-size: 2.5rem;
        font-weight: 500;
        line-height: 3.5rem;
    }

    #p-footer-2 > a {
        display: inline-block;
        float: left;
        margin: -12px 2rem 0 0;
    }
    footer[role="contentinfo"] {
        padding: 0 0 1.5rem 0;
    }
    footer[role="contentinfo"] .copyright-info ul.links {
        float: none;
        margin: 1rem 0 0;
    }

    blockquote.quote.right,
    blockquote.quote.left {
        width: 100%;
        display: block;
        margin: 1rem 0;
    }

}
@media only screen and (max-width: 640px) {

    #shiftnav-toggle-main a {
        font-size: 1.1rem;
        margin: -2px 0 0;
        width: 200px;
    }
    #shiftnav-toggle-main .shiftnav-main-toggle-content {
        display: block;
        padding: 0.4rem 1rem 0.3rem 4rem !important;
    }
    header#subtitle > h2 {
        font-size: 2rem;
        line-height: 3rem;
    }
    .page-template-front-page .video .employment-ontario-block {
        margin: 2rem auto 0;
    }
    .employment-ontario-block {
        width: 100%;
    }
    .employment-ontario-block h3 span {
        width: 100%;
        height: 40px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

}


/* Tribe Styling */
/* Pulled in from the old Tribe plugin Sarah made. There's a lot of stuff in here we don't need, but this should at least restore basic styles to
/* the calendar on the CES site. */

/* set vars */
:root{
    --nc-blue:#0077BE;
    --light-grey:#D5D5D5;
 }

.tribe-events-visuallyhidden {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

/* Correct The Events Calendar Datepicker by adding extremely high z-index so it appears over top */
.top-bar__datepicker-button {
    z-index: 2000 !important;
}

/* Change font */
.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn,
.tribe-common .tribe-common-c-btn-border-small, .tribe-common a.tribe-common-c-btn-border-small,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input,
.tribe-common .tribe-common-form-control-text__input,
.tribe-events-content h2, 
.tribe-events-content h3,
.tribe-events-content h4, 
.tribe-events-content h5, 
.tribe-events-content h6,
#tribe-events-pg-template .tribe-events-content h1,
#tribe-events-pg-template .tribe-events-content h2,
#tribe-events-pg-template .tribe-events-content h3,
#tribe-events-pg-template .tribe-events-content h4,
#tribe-events-pg-template .tribe-events-content h5,
#tribe-events-pg-template .tribe-events-content h6,
.tribe-events-schedule h1,
.tribe-events-schedule h2,
.tribe-events-schedule h3,
.tribe-events-schedule h4,
.tribe-events-schedule h5,
.tribe-events-schedule h6,
.tribe-common .tribe-common-h1,
.tribe-common .tribe-common-h2,
.tribe-common .tribe-common-h3,
.tribe-common .tribe-common-h4,
.tribe-common .tribe-common-h5,
.tribe-common .tribe-common-h6,
.tribe-common .tribe-common-h7,
.tribe-common .tribe-common-h8,
.tribe-common .tribe-common-b1,
.tribe-common .tribe-common-b2,
.tribe-common .tribe-common-b3,
.tribe-common .tribe-common-b4,
.tribe-common .tribe-common-b5,
.tribe-common .tribe-common-b6,
.tribe-common .tribe-common-b7,
.tribe-common .tribe-common-b8,
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday,
.tribe-events .datepicker .datepicker-switch,
.tribe-events .datepicker .day, .tribe-events .datepicker .dow,
.tribe-events-content,
.tribe-events-schedule .recurringinfo,
.tribe-events-schedule h2,
.tribe-related-event-info .recurringinfo,
.tribe-events-cal-links,
.tribe-events-event-meta,
.tribe-events-single-event-title,
.single-tribe_events .tribe-events-back a,
.tribe-events-event-meta .tribe-events-event-url a,
#rtec-form-toggle-button,
.rtec-submit-button,
#tribe-community-events,
.nc-category-tribe-select,
.tribe-events .tribe-events-c-view-selector__list-item-text,
#tribe-community-events .tribe-events-community-footer input {
    font-family: 'Work Sans', sans-serif !important;
}

.post-type-archive-tribe_events section.tribe {
    background: #f6f6f6;
    box-shadow: inset 0 9px 15px -12px rgba(0,0,0,0.3), inset 0 -9px 15px -12px rgba(0,0,0,0.3);
    padding: 65px 0 55px;
}

.post-type-archive-tribe_events section.tribe h2,
.single-tribe_events section.tribe h2 {
    color: #0a0a0a;
    font-size: 2.9rem;
    line-height: 3.3rem;
    font-weight: 500;
}

/* remove breadcrumbs */
.tribe-events .tribe-events-c-breadcrumbs {
    margin-bottom:0 !important;
    display:none !important;
}

/* Adding heading - links to other pages etc. */
.tribe-events-nc-heading {
	max-width: 1140px !important;
	margin: 0 auto !important;
	padding: 60px 20px 0 !important;
    position:relative;
}
.tribe-events-nc-heading .tribe-events-page-title {
    text-align:center;
    font-size:2.5rem;
	letter-spacing: -1px;
    color:#444444 !important;
    text-transform:none;
    font-weight: 500 !important;
}
.tribe-events-nc-heading .tribe-events-nc-other-links {
    display:flex;
}

.tribe-events-nc-heading ul.btnbar {
	list-style-type: none;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: var(--nc-blue);
	border: solid 3px var(--nc-blue);
	margin: 15px 0;
	border-radius: 50px;
	-ms-flex-line-pack: center;
	align-content: center;
}

.tribe-events-nc-heading ul.btnbar li {
	font-size: 1rem;
	line-height: 2.3rem;
	margin: 0 5px;
	letter-spacing: 0.01rem;
}

    .tribe-events-nc-heading ul.btnbar li:first-child,
    .tribe-events-nc-heading ul.btnbar li:last-child {
        margin:0;
    }

    .tribe-events-nc-heading ul.btnbar li a {
        text-decoration: none;
        color: #fff;
        border-radius: 50px;
        display: inline-block;
        padding: 10px 40px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        font-weight: 600;
        letter-spacing: 0.03rem;
    }

.tribe-events-nc-heading ul.btnbar.is-style-outline-grey {
    background: none;
    border: solid 3px #696969;
}

    .tribe-events-nc-heading ul.btnbar.is-style-outline-grey li a {
        color:#545454;
    }

         .tribe-events-nc-heading ul.btnbar.is-style-outline-grey li a:hover,
         .tribe-events-nc-heading ul.btnbar.is-style-outline-grey li a:focus,
         .tribe-events-nc-heading ul.btnbar.is-style-outline-grey li a:active {
            background:#dcdcdc;
         }

.tribe-events-nc-heading .submit-an-event {
    margin:15px 0 15px auto;
	background:transparent;
	display: inline-block;
	text-decoration: none;
	color: var(--nc-blue);
	border-radius: 50px;
	font-size: 1rem;
	line-height: 2.3rem;
	font-weight: 600;
	letter-spacing: 0.03rem;
	padding:10px 40px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: solid 3px var(--nc-blue);
	text-align: center;
}

    .tribe-events-nc-heading .submit-an-event:hover,
    .tribe-events-nc-heading .submit-an-event:active,
    .tribe-events-nc-heading .submit-an-event:focus {
        color:#fff;
        background:var(--nc-blue);
    }

#tribe-bar-views-category-select {
	position: absolute;
	right: 0;
	padding-right: 20px;
	bottom: -170px;
    z-index:4;
}

.nc-category-tribe-select {
	display: block;
	font-size: 16px;
    font-weight: 400;
	color: #141827;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 250px;
	max-width: 250px;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid var(--light-grey);
    border-radius: 4px !important;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%235D5D5D%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.nc-category-tribe-select::-ms-expand {
	display: none;
}
.nc-category-tribe-select:hover {
	border-color: var(--light-grey);
}
.nc-category-tribe-select:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgb(0, 119, 190, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.nc-category-tribe-select option {
	font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .nc-category-tribe-select, :root:lang(ar) .nc-category-tribe-select, :root:lang(iw) .nc-category-tribe-select {
	background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.nc-category-tribe-select:disabled, .nc-category-tribe-select[aria-disabled=true] {
	color: graytext;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}
.nc-category-tribe-select:disabled:hover, .nc-category-tribe-select[aria-disabled=true] {
	border-color: #aaa;
}

.tribe-common button.disabled, .tribe-common button[disabled], 
.tribe-common .button.disabled, .tribe-common .button[disabled] {
    background-color:transparent;
}

/* No events scheduled message */
.tribe-common .tribe-events-c-messages__message-list li {
    margin:0;
}
    .tribe-common .tribe-events-c-messages__message-list-item {
        font-size:1rem !important;
    }

.tribe-common .tribe-common-anchor-thin-alt:active, .tribe-common .tribe-common-anchor-thin-alt:focus,
.tribe-common .tribe-common-anchor-thin-alt:hover {
    border-bottom: 1px solid var(--nc-blue);
    color: var(--nc-blue);
}
.tribe-common .tribe-common-anchor-thin-alt {
    border-bottom: 1px solid var(--nc-blue);
}

.tribe-common .tribe-common-anchor-thin {
    transition:none !important;
}

/* View selection */
.tribe-events .tribe-events-c-view-selector__list-item-text {
    font-size: 0.95rem;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:after {
    background-color: var(--nc-blue);
    height: 3px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item-link,
.tribe-events-c-view-selector__list-item-link,
.tribe-events-calendar-latest-past__event-title-link {
    text-transform: none !important;
    color:#000 !important;
    text-decoration: none !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item-link:hover,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item-link:focus {
    text-decoration: underline !important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link {
    text-decoration: none;
}

/* navigation list */
.tribe-events .tribe-events-c-top-bar__nav-list-item,
.tribe-events .tribe-events-c-top-bar__nav-list-item button {
    margin:0;
}

/* Fix hortizontal scrollbar */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row {
    margin-left: 0;
    margin-right: 0;
}

/* Set proper restrict */
.tribe-common .tribe-common-l-container {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 20px 20px 80px !important;
}

/* today button */
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small, .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small {
    text-decoration:none;
}

/* Date picker */
.tribe-common-h3.tribe-common-h--alt.tribe-events-c-top-bar__datepicker-button {
    text-transform: uppercase;
    position: relative;
    z-index: 99999 !important;
}
.tribe-events-c-top-bar__datepicker button {
    background:none !important;
    margin:0 !important;
}

.tribe-common .datepicker table tr.even, 
.tribe-common .datepicker table tr.alt, 
.tribe-common .datepicker table tr:nth-of-type(2n) {
    background:#fff !important;
}

/* Date picker highlights */
.tribe-events .datepicker .day.current, .tribe-events .datepicker .day.current.focused, .tribe-events .datepicker .day.current:focus, .tribe-events .datepicker .day.current:hover, .tribe-events .datepicker .month.current, .tribe-events .datepicker .month.current.focused, .tribe-events .datepicker .month.current:focus, .tribe-events .datepicker .month.current:hover, .tribe-events .datepicker .year.current, .tribe-events .datepicker .year.current.focused, .tribe-events .datepicker .year.current:focus, .tribe-events .datepicker .year.current:hover{
    background:rgba(0, 119, 190, 0.1);
}

.tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused,
.tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover,
.tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused,
.tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover,
.tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused,
.tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover {
    background: var(--nc-blue);
}

/* Filter bar - search input and button */
.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input {
    font-size: 0.95rem;
    line-height: 1.3rem;
    box-shadow: none;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__button {
    margin: 0 10px 0 0;
    background: var(--nc-blue);
    border: solid 2px var(--nc-blue);
    transition: all 0.3s ease-in-out;
    font-weight: 500;
    letter-spacing: 0.02rem;
		border-radius: 50px;
		padding: 12px 30px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__button:hover,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__button:focus {
    background: none !important;
    border: solid 2px var(--nc-blue);
    color: var(--nc-blue);
}
.tribe-common .tribe-common-c-svgicon {
    color: var(--nc-blue);
}

/* Search Bar */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__events-bar {
    margin-bottom: 45px;
}

.tribe-common .tribe-common-form-control-text__input:focus {
    background:transparent;
}

/* Top Bar (Nav / Date Picker) */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__top-bar {
    margin-bottom: 40px;
}

/* Headings */
.tribe-common .tribe-common-h--alt {
    font-weight: 500;
}

/* Month View */
.tribe-events-calendar-month__header-column-title {
    color:#5d5d5d !important;
}

/* Day View */
.tribe-events-calendar-day__type-separator-text.tribe-common-h7,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium {
    font-size: 1.35rem;
    line-height: 1.8rem;
    color: var(--nc-blue);
    letter-spacing: 0.03rem;
}
.tribe-events .tribe-events-calendar-list__event-datetime-wrapper,
.tribe-events .tribe-events-calendar-list__event-title,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event-datetime-wrapper,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event-title {
    margin: 0 0 8px;
}
.tribe-events-calendar-day__event-venue-title {
    font-size: 1.05rem;
    line-height: 1.8rem;
}

/* List View - Month Heading */
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium.tribe-events-calendar-list__month-separator-text {
    font-size: 1.35rem;
    line-height: 1.8rem;
    color: var(--nc-blue);
    letter-spacing: 0.03rem;
}

/* List View & Day View - Row */
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
    font-size: 0.95rem;
}
.tribe-events-calendar-list__event-datetime,
.tribe-events-calendar-latest-past__event-datetime,
.tribe-events-calendar-day__event-datetime {
    font-size: 1rem;
    letter-spacing: 0.01rem;
    color: rgba(0,0,0,0.8);
    background: rgba(0,0,0,0.05);
    display: inline-block;
    padding: 4px 12px !important;
    border-radius: 3px;
}
.tribe-events-calendar-list__event-title,
.tribe-events-calendar-day__event-title {
    font-size: 1.6rem !important;
    line-height: 2.1rem !important;
    color:#141827 !important;
}

.tribe-events-calendar-list__event-title a,
.tribe-events-calendar-day__event-title a {
    color:#141827 !important;
    text-decoration:none !important;
}
.tribe-events-calendar-list__event-title a:hover,
.tribe-events-calendar-list__event-title a:focus {
    border-bottom: 1px solid #141827 !important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-venue {
    font-size: 1.05rem;
    line-height: 1.8rem;
}
.tribe-events-calendar-list__event-venue-title {
    letter-spacing: 0.02rem;
}
.tribe-events-calendar-list__event-description p,
.tribe-events-calendar-day__event-description p {
    font-size: 1rem;
    line-height: 1.5rem;
}
.tribe-events-calendar-list__event-cost span {
    font-size: 1rem !important;
    line-height: 1;
    font-weight: 500 !important;
    color: var(--nc-blue) !important;
    display: inline-block;
    background: #f1f9fd;
    padding: 10px;
    border-radius: 3px;
}

/* List View - Search Button (Mobile) */
.tribe-common-c-btn.tribe-events-c-search__button {
    background: var(--nc-blue) !important;
    letter-spacing: 0.03rem;
}

/* Month View - Day of the week */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title {
    font-size: 0.9rem;
    letter-spacing: 0.02rem;
}
/* Month View - Day number */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day-date {
    font-weight: 500;
}
/* Month View - Current day */
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {
    color: var(--nc-blue);
    font-weight: 600;
}
/* Month View - Multi-day event bar */
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
    background-color: rgba(0,119,190,0.2);
}

/* Single View */
.tribe-single {
    padding-top: 60px;
    padding-bottom: 100px;
}
.tribe-events-single-event-title {
	font-weight: 500;
	letter-spacing: 0.02rem;
	text-transform: none;
	color: #000 !important;
}

.single-tribe_events .tribe-events-back a {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	border-radius: 50px;
	padding: 12px 25px 12px 40px;
	transition: background 0.3s ease-in-out;
	text-decoration: none;
	border: solid 3px rgba(56, 44, 44, 0.1);
	background: none;
	line-height: 1rem;
	position: relative;
}
.single-tribe_events .tribe-events-back a:hover,
.single-tribe_events .tribe-events-back a:focus {
    background: rgba(0,0,0,0.1);
    border: solid 3px transparent;
}

.single-tribe_events .tribe-events-back a svg {
	margin-right: 10px;
	width: 9px;
	overflow: hidden;
	position: absolute;
	top: 14px;
    left: 20px;
}

.tribe-events-content h2, .tribe-events-content h3, 
.tribe-events-content h4, .tribe-events-content h5, .tribe-events-content h6 {
    font-weight:600;
}

.tribe-events-schedule {
	margin: 25px 0 25px 0;
	background: rgba(0,0,0,0.08);
	padding: 15px 20px;
	border-radius: 4px;
	display: flex;
	align-items: center;
}
.tribe-events-schedule h4 {
    font-size: 1.55rem !important;
    line-height: 1rem;
    font-weight: 500 !important;
    margin:0 !important;
    color: #000 !important;
}
.tribe-events-event-image {
    margin: 20px 0 30px;
}
.tribe-events-schedule .tribe-events-cost {
    background: #f1f9fd;
    color: var(--nc-blue);
    font-size: 1.55rem;
    line-height: 1;
    font-weight: 500;
    border-radius: 4px;
    padding: 5px;
    margin: 0 0 0 15px;
}
.tribe-events-single-event-description a {
    text-decoration:none;
    color: var(--nc-blue);
    border-bottom:none;
}

.tribe-events-single-event-description a:hover,
.tribe-events-single-event-description a:focus,
.tribe-events-single-event-description a:active {
    text-decoration:underline;
    color:#000;
    border-bottom:none;
}

/* Set proper styling on single pages */
#tribe-events-pg-template .tribe-events-content h1,
#tribe-events-pg-template .tribe-events-content h2,
#tribe-events-pg-template .tribe-events-content h3,
#tribe-events-pg-template .tribe-events-content h4,
#tribe-events-pg-template .tribe-events-content h5,
#tribe-events-pg-template .tribe-events-content h6 {
    font-size: 1.9rem;
    line-height: 2.35rem;
    margin: 30px 0 15px;
    color: var(--nc-blue);
    font-weight:500;
    letter-spacing: 0.02rem;
}

#tribe-events-pg-template .tribe-events-content h4 {
    font-size: 1.7rem;
    line-height: 2.1rem;
}
#tribe-events-pg-template .tribe-events-content h5 {
    font-size: 1.55rem;
    line-height: 2rem;
    color:rgba(0,0,0,0.8);
}
#tribe-events-pg-template .tribe-events-content h6 {
    font-size: 1.4rem;
    line-height: 2rem;
}

#tribe-events-pg-template .tribe-events-content ul,
#tribe-events-pg-template .tribe-events-content ol {
    margin: 15px 30px;
}
#tribe-events-pg-template .tribe-events-content ul li,
#tribe-events-pg-template .tribe-events-content ol li {
    font-size: 1.05rem;
    line-height: 1.6rem;
    margin: 5px 0;
}

.tribe-events-cal-links {
    margin: 30px 0;
    display: flex;
}
.tribe-events-cal-links .tribe-events-gcal,
.tribe-events-cal-links .tribe-events-ical {
    margin: 0;
    padding: 0;
    display: block;
    background: #f2f9fd;
    border: solid 3px #f2f9fd;
    color: var(--nc-blue);
    border-radius: 50px;
    padding: 10px 30px;
    transition: all 0.3s ease-in-out;
}
.tribe-events-cal-links .tribe-events-gcal {
    margin: 0 10px 0 0;
}
.tribe-events-cal-links a:hover,
.tribe-events-cal-links a:focus {
    background: none;
    text-decoration: underline;
}
.tribe-events-event-meta:before,
.tribe-events-event-meta ~ div:not(.tribe-events-event-meta):not(.event-tickets) {
 border: none;
}
.tribe-events-event-meta.primary,
.tribe-events-event-meta.secondary {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100% !important;
    padding: 30px 0 0 0;
    margin: 25px 0 0 0;
    border-top: solid 1px rgba(0,0,0,0.1);
}
.tribe-events-meta-group {
    width: unset;
    padding: 0;
    margin: 0;
    font-size: 1.1rem;
}
.tribe-events-meta-group .tribe-events-single-section-title {
    font-size: 1.3rem !important;
    line-height: 1 !important;
    margin: 0 0 25px 0 !important;
    color:#000 !important;
    font-weight:700 !important;
}
.tribe-events-event-meta dt {
    font-size:1.2rem;
    font-weight: 600;
    letter-spacing: 0.03rem;
}

.tribe-events-event-meta dd {
    font-size:1.2rem;
}

.tribe-events-event-meta dd abbr[title] {
    border-bottom:none;
}
.tribe-events-c-subscribe-dropdown__container {
    display: none !important;
}
.tribe-events-event-meta .tribe-events-event-url a {
    text-decoration: underline;
}
    #rtec-form-toggle-button,
    .rtec-submit-button {
        color: var(--nc-blue);
        font-size: 16px;
        font-weight: 500;
        border-radius: 50px;
        padding:18px 35px;
        transition: background 0.3s ease-in-out;
        text-decoration:none;
        border: solid 3px var(--nc-blue);
        background: none;
        line-height:0.9rem;
        display:inline-block;
        text-align:center;
    }
    #rtec-form-toggle-button:hover,
    #rtec-form-toggle-button:focus,
    #rtec-form-toggle-button:active,
    .rtec-submit-button:hover,
    .rtec-submit-button:focus,
    .rtec-submit-button:active {
        background:var(--nc-blue);
        color:#fff;
    }

   .tribe-events-event-meta .tribe-events-event-categories a {
        text-decoration:underline;
   }

    .tribe-events-event-meta .tribe-events-event-categories a:hover,
    .tribe-events-event-meta .tribe-events-event-categories a:focus,
    .tribe-events-event-meta .tribe-events-event-categories a:active {
        text-decoration: none;
    }

    .tribe-events-meta-group {
	    padding: 0 1rem;
    }

.tribe-events-meta-group p.type-title {
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1.45rem;
    letter-spacing: 0.02rem;
    margin: 0 0 3px 0;
}
.tribe-events-meta-group h5 {
    font-weight: 600;
    letter-spacing: 0.03rem;
    line-height: 1.62;
    font-size: 1.05rem;
    margin: 16px 0 4px 0;
}
.tribe-events-event-meta .tribe-events-address {
    margin: 0 0 16px 0;
}

/* Buttons */
.tribe-events-event-meta a,
.tribe-events-event-meta a:visited {
    color: var(--nc-blue);
    text-decoration: underline;
}
.tribe-events-event-meta a:focus, .tribe-events-event-meta a:hover,
.tribe-events-event-meta a:focus, .tribe-events-event-meta a:focus {
    color: #000;
    text-decoration: none;
}

/* Tribe Events Notices */
.tribe-events-notices {
    border:none !important;
    border-radius:0 !important;
    text-shadow:none !important;
    margin:0 !important;
    padding:0 !important;
}
.tribe-events-notices:not(.rtec-success-message) {
    background:none !important;
    color:#000 !important;
    border-radius:0 !important;
}

/* Registration Tribe Event Notices */
#rtec {
    max-width:100% !important;
    margin-bottom:1rem;
}

#rtec .tribe-events-notices {
    background:rgba(0, 119, 190, 0.2) !important;
}

.tribe-events-notices ul li {
    background:rgb(250, 227, 177);
    padding:5px 1rem;
    margin:0 0 1rem !important;
    font-size:1rem !important;
}

.rtec-success-message {
    text-align:left !important;
    padding: 5px 1rem !important;
}

#rtec .tribe-events-notices {
    color:#000 !important;
    font-size:1rem !important;
    line-height:1.6rem !important;
    padding:5px 1rem !important;
}
/* Reg Events Style Overrides */
.rtec-outer-wrap {
    margin:0 !important;
}

#rtec .rtec-register-button,
.rtec-submit-button {
    border-radius:50px !important;
    margin-bottom:0.5rem !important;
}

#rtec .rtec-form-buttons {
    text-align:left !important;
}

#rtec .tribe-bar-toggle-arrow {
    margin:-4px 8px 0 0 !important;
}

#rtec:not(.rtec-use-modal) .rtec-register-button {
	padding-right: 45px !important;
}

#rtec .rtec-form-wrapper {
	background: rgba(0,0,0,0.08) !important;
	border: none !important;
}

/* ical export events link */
.tribe-events .tribe-events-c-ical {
   display:none;
}

/* Pagination */
.tribe-events .tribe-events-c-nav__next,
.tribe-events .tribe-events-c-nav__prev,
.tribe-events-nav-previous a,
.tribe-events-nav-next a {
    text-decoration:none;
    color:#5d5d5d;
    position:relative;
}

.tribe-events .tribe-events-c-nav__next:hover,
.tribe-events .tribe-events-c-nav__next:focus,
.tribe-events .tribe-events-c-nav__prev:hover,
.tribe-events .tribe-events-c-nav__prev:focus,
.tribe-events-nav-previous a:hover,
.tribe-events-nav-previous a:focus,
.tribe-events-nav-next a:hover,
.tribe-events-nav-next a:focus {
    border: none;
    text-decoration:underline !important;
    background: none;
    color:#000;
}

.tribe-events-back .tribe-events-back-link {
    text-decoration:none !important;
}
.tribe-events .tribe-events-c-nav__next:disabled,
.tribe-events .tribe-events-c-nav__prev:disabled,
.tribe.single .tribe-events-back-link:disabled {
    background-color: transparent;
    color: var(--light-grey);
    border: none;
    cursor:not-allowed;
}

.tribe-events-single .tribe-events-sub-nav {
    font-size:1rem;
}

    #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous{
        padding-right:3rem;
    }
    #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next {
        padding-left:3rem;
    }

    #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a {
        padding-left:25px !important;
    }

    #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a {
        padding-right:25px !important;
        text-align:right !important;
    }

    #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a, 
    #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a {
        background:none !important;
        border-radius:0 !important;
        border:none;
        padding:0;
        display:block !important;
        position:relative;
    }

    #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a:before {
        width:0 !important;
    }

    #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a:before,
    #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a:after {
        position:absolute;
    }

    #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a:before {
        top:4.5px;
        left:5px;
    }
    #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a:after {
        top:4.5px;
        right:5px;
    }

        #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a:hover, 
        #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a:focus, 
        #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a:hover, 
        #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a:focus {
            border:none;
            text-decoration: underline !important;
        }

        .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev-icon-svg {
            margin-top:-1px;
        }

/* Tables */
.tribe-events-content table {
    margin: 30px 0;
    border-bottom: solid 1px #e5e5e5;
    width: 100%;
}
   .tribe-events-content table thead th {
       background: #e5e5e5;
       padding: 18px 15px 15px;
       font-weight: 500;
       letter-spacing: 0.03rem;
       font-size: 1rem;
       line-height: 1.2rem;
   }
   .tribe-events-content table thead th,
   .tribe-events-content table tbody td {
       padding: 15px;
       border: solid 1px #e5e5e5;
       vertical-align: top;
       text-align: center;
   }
.tribe-events-content table thead th,
.tribe-events-content table tbody th {
    background: #e5e5e5;
    padding: 18px 15px 15px;
    font-weight: 500;
    letter-spacing: 0.03rem;
    font-size: 1rem;
    line-height: 1.2rem;
    text-align:center;
}
.tribe-events-content table tbody td,
.tribe-events-content table tbody td p,
.tribe-events-content table tbody td li,
.tribe-events-content tbody address {
    font-size: 1rem;
    line-height: 1.45rem;
}
   .tribe-events-content table tbody td  > *:first-child {
       margin-top: 0;
   }
   .tribe-events-content table tbody td > *:last-child {
       margin-bottom: 0;
   }
  .tribe-events-content table tbody tr:last-child td {
      border-bottom: none;
  }
.tribe-events-content table tfoot td {
    background: #e5e5e5;
    border: solid 1px #F0F0F0;
    padding: 15px;
    letter-spacing: 0.03rem;
    font-size: 0.85rem;
    line-height: 1.3rem;
    font-style: italic;
    text-align: center;
}
.tribe-events-content figure.wp-block-table figcaption {
    color: rgba(0,0,0,0.8);
    font-size: 0.95rem;;
    line-height: 1.3rem;
    text-align: center;
}


/* Tribe Community Events Add Event Page */
#tribe-community-events #my-events {
    float:right;
}

#tribe-community-events #not-user {
    float:left;
}

#tribe-community-events #my-events a, #tribe-community-events .tribe-events-community-footer input {
    border-radius:3px;
}

#tribe-community-events a:not(.button) {
    color:#007dc3;
}

    #tribe-community-events a span{
        color:#4d4d4d;
    }

#tribe-community-events #mceu_33 button:hover,
#tribe-community-events #mceu_33 button:focus {

    background-color:#dadada;

}
#tribe-community-events .tribe-community-event-info .tribe_sectionheader h4 {
    font-weight:700 !important;
}

#tribe-community-events table,  #tribe-community-events table thead,
#tribe-community-events table tfoot {
    background:none;
}

    #tribe-community-events a.tribe-add-organizer {
        background:#007dc3;
        color:#FFF;
        padding:1em;
        font-size:1em;
        border-radius:3px;
        float:right;
        text-transform: uppercase;
        transition: background-color 300ms ease-out 0s;
    }

        #tribe-community-events a.tribe-add-organizer:before{
            content: "+";
            padding-right:0.5em;
            letter-spacing:1px;
        }

        #tribe-community-events a:hover.tribe-add-organizer,  #tribe-community-events a:focus.tribe-add-organizer {
            background-color:#024b75;
        }

        #tribe-community-events .organizer small{
            display:none;
        }

#tribe-community-events .tribe-events-community-footer input {
    text-transform:uppercase;
    font-weight:700;
    float:right;
}

@media (max-width: 900px) {
    .tribe-events-nc-heading {
        padding:40px 20px 0 !important;
    }
    .tribe-events-nc-heading .tribe-events-nc-other-links {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .tribe-events-nc-heading .submit-an-event {
        margin:15px 0;
    }
}

@media (max-width: 775px) {
    #tribe-bar-views-category-select {
        position:unset;
        padding-right:0;
        width:100%;
    }
    .tribe-events-event-meta.primary, .tribe-events-event-meta.secondary {
        display:block;
    }

    .tribe-events .tribe-events-calendar-month__mobile-events-icon--event,
    .tribe-events .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover,
    .tribe-events .tribe-events-c-events-bar__search-button::before {
        background-color:var(--nc-blue);
    }

    .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date{
        color:#fff !important;
    }

    .tribe-events .tribe-events-c-search__button {
        margin-top:0;
    }

}

@media (max-width: 665px) {
    .tribe-events-nc-heading ul.btnbar,
    .tribe-events-nc-heading .submit-an-event,
    .tribe-events-event-meta .tribe-events-event-url a  {
        display:block;
        width:100%;
    }
    .tribe-events-nc-heading ul.btnbar {
          border-radius:30px;
    }

    .tribe-events-nc-heading ul.btnbar li a {
        width:100%;
    }

    .nc-category-tribe-select {
        width:100%;
        max-width:100%;
    }

    #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous {
        padding-right:2rem;
    }
    
    #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next {
        padding-left:2rem;
    }

}