/*
	Theme Name: Niagara College Departments V2
	Description: Custom theme for NC subsites built using grid and flexbox.
	Version: 1.0
	Author: Courtney Thaggard (Niagara College)
*/

/*------------------------------------*\
    COLOUR CLASSES
\*------------------------------------*/

.signature-blue { color: #0077be !important; }
.signature-blue-bg { background: #0077be; }
.space-blue { color: #00165D !important; }
.space-blue-bg { background: #00165D; }
.navy-blue { color: #0A4A9D !important; }
.navy-blue-bg { background: #0A4A9D; }
.crystal-blue { color: #97DBF8 !important; }
.crystal-blue-bg { background: #97DBF8; }
.pear { color: #80A422 !important; }
.pear-bg { background: #80A422; }
.baby-green { color: #C1DE8E !important; }
.baby-green-bg { background: #C1DE8E; }
.chartreuse { color: #E2E367 !important; }
.chartreuse-bg { background: #E2E367; }
.red-alert { color: #A70303 !important; }

/*------------------------------------*\
    COMMON
\*------------------------------------*/

.capitalize {
    text-transform: uppercase !important;
}

/* accessibility */
.a-hide,
.screen-reader-text,
.invisible { /* generic hide */
  clip: rect(0, 0, 0, 0);
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  position: absolute;
  border: 0;
}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
*, html {
  margin: 0;
  padding: 0;
}
html {
  font-size: 100%;
}
body {
  font-family: 'Work Sans', sans-serif;
  background: #fff;
  color: #2a2a2a;
  height: 100%;
}
img {
  max-width: 100%;
  vertical-align: bottom;
}
a img {
   max-width: 100%;
}
img.round {
   border-radius: 50%;
}
a {
  color:#0a4a9d;
}
a:hover {
  color:#000;
  text-decoration: none;
}
a:focus {
  color:#000;
  text-decoration: none;
}
b, strong {
  font-weight: 600;

}
input:focus {
  border: 2px solid #04A4CC;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.r { /* wrap */
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}
p.error {
  color: #a10000;
  font-size: 1rem !important;
  font-style: italic;
}

/* Block library adds an empty content tag before empty paragraphs */
p:empty:before {
    content: unset;
}

/* Loader */
#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.85;
   background-color: #000;
   z-index: 5000;
   text-align: center;

  display: flex;
  justify-content: center;
  align-items: center;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Adds padding to the vanilla WordPress widget dropdowns for post archives and categories */
select[name="archive-dropdown"],
select[name="cat"] {
    padding: 6px 10px;
}

/*------------------------------------*\
    GUTENBERG BLOCKS
\*------------------------------------*/

/* Hide on front end */
.beo { display: none; }

/* For block covers with center-aligned images, add some bottom margining */
.wp-block-cover .has-text-align-center img {
    margin: 0 0 20px 0;
}

/* Categories block in dropdown mode */
.wp-block-categories-dropdown select {
    width: 100%;
    padding: 8px 10px;
}

/* Default block captions e.g. video */
.wp-block-embed figcaption {
    text-align: center;
    margin: 20px 0;
    font-size: 0.95rem;
    line-height: 1.3rem;
    color: rgba(0,0,0,0.7);
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.bar {
  background: #00164D;
  width: 100%;
  z-index: 2000;
  min-height: 75px;
}
  .bar .bar-i {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0.8rem 0;
  }
    .bar .bar-i .logo {
      position: relative;
      left: -3px;
    }
    .bar .logo a:focus {
       outline: none;
    }
    .bar .logo a:focus h1 {
       border: dashed 1px rgba(255,255,255,0.5);
    }
    .bar .logo h1 {
        margin: 0;
        padding: 0;
        width: 280px;
        height: 42px;
        background-repeat: no-repeat;
        position: relative;
        top: 3px;
        border: solid 1px transparent;
      }
        .bar .logo h1 span {
          clip: rect(1px, 1px, 1px, 1px);
          height: 1px !important;
          width: 1px !important;
          margin: 0 !important;
          overflow: hidden !important;
          position: absolute;
        }

/*------------------------------------*\
    PRIMARY SITE HEADER
\*------------------------------------*/

header.primary-site .top-bar {
    background: #00164d;
}
    header.primary-site .top-bar .bar-links-and-search {
        display: grid;
        grid-template-columns: 6fr 1fr;
        padding: 15px 0;
    }
        header.primary-site .top-bar .bar-links {
            color: #fff;
            display: flex;
            justify-content: end;
            align-items: center;
        }
    header.primary-site .logo-bar {
        background: #00113d;
    }
        header.primary-site .logo-bar .r {
            background-repeat: no-repeat;
            background-position: right bottom;
            padding: 40px 0;
        }
        header.primary-site .logo-bar .logo a {
            display: inline-block;
        }
            header.primary-site .logo-bar .logo h1 {
                margin: 0;
                padding: 0;
                width: 280px;
                height: 111px;
                background-repeat: no-repeat;
                position: relative;
                top: 3px;
                border: solid 1px transparent;
            }
                header.primary-site .logo-bar .logo h1 span {
                    clip: rect(1px, 1px, 1px, 1px);
                    height: 1px !important;
                    width: 1px !important;
                    margin: 0 !important;
                    overflow: hidden !important;
                    position: absolute;
                }
/* Fix icons added through Mega Menu */
header.primary-site #mega-menu-wrap-top-bar-menu #mega-menu-top-bar-menu li.mega-menu-item.mega-has-icon a.mega-menu-link:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
@media only screen and (max-width: 1240px) {

    header.primary-site .logo-bar .r {
        padding-left: 20px;
        padding-right: 20px;
    }

}
@media only screen and (max-width: 1160px) {
    
    header.primary-site .top-bar .bar-links-and-search {
        grid-template-columns: 1fr 150px;
    }

}
@media only screen and (max-width: 800px) {
    
    header.primary-site .top-bar .bar-links-and-search {
        grid-template-columns: 1fr 125px;
    }
    
}

/*------------------------------------*\
    TOOLTIPS
\*------------------------------------*/

/* Tooltip hidden by default */
.simpletooltip[aria-hidden="true"] {
  display: none;
}
/* position relative for containers */
.simpletooltip_container {
  position: relative;
}

/* tooltip styles */
.simpletooltip {
  position: absolute;
  z-index: 666;
  min-width: 250px;
  border-radius: .5em;
  background: rgba( 0, 0, 0, .9 );
  color: #eee;
  padding: 11px 15px;
  text-align: left;
  font-size: 0.75rem;
  line-height: 1.1rem;

  top: -8px;
  right: auto;
  left: 110%;

}
/* used pseudo-element to make arrows */
.simpletooltip:before {
  content: '';
  speak: none;
  position: absolute;
  z-index: 666;
  width: 10px;
  height: 10px;
  pointer-events: none;
  top: unset;
  left: -16px;
  margin-left: 0;
  border: 8px solid transparent;
  border-right: 8px solid rgba( 0, 0, 0, 0.9);
}

/*---------------------------------*\
    Columns (= 12)
\*---------------------------------*/

.col-1 { /* 12 */
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 30px;
}
.col-1-1 { /* 6 6 */
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
}
.col-1-2 { /* 5 7 */
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    grid-column-gap: 30px;
}
.col-1-3 { /* 4 8 */
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 30px;
}
.col-1-4 { /* 3 9 */
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-column-gap: 30px;
}
.col-3-1 { /* 8 4 */
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 30px;
}
.col-3-2 { /* 7 5 */
    display: grid;
    grid-template-columns: 2fr 1.25fr;
    grid-column-gap: 30px;
}
.col-2-3 { /* 5 7 */
    display: grid;
    grid-template-columns: 1.25fr 2fr;
    grid-column-gap: 30px;
}
.col-1-1-1 { /* 4 4 4 */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
}
.col-1-1-1-1 { /* 3 3 3 3 */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 30px;
}
.col-1-1-5 { /* 4 5 3 */
    display: grid;
    grid-template-columns: 2fr 3fr 0.5fr;
    grid-column-gap: 30px;
}

/*----------------------------------------------*\
    Responsive Fluid Width Video (Videowrapper)
\*----------------------------------------------*/

.videowrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
  .videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

/*------------------------------------*\
    TEMPLATES
\*------------------------------------*/

/*---------------------------------*\
    All Templates
\*---------------------------------*/

/* Featured Images */
.featured-image figure {
    display: table;
    margin: 0;
    width: 100%;
}
    .featured-image figure .bg {
        background: rgba(0,0,0,0.02);
        width: 100%;
    }
    .featured-image figure figcaption {
        display: table-caption;
        caption-side: bottom;
        text-align: center;
        margin: 25px 0;
        font-size: 1.05rem;
        line-height: 1.75rem;
        color: rgba(0,0,0,0.65);
    }
  .featured-image figure figcaption:empty {
        display: none !important;
    }

/* Section - Recruitment Banner */
section#recruitment-banner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 500px;
}
section#recruitment-banner .r {
    display: grid;
    grid-template-columns: 1.5fr 4fr 1fr;
    grid-column-gap: 20px;
    position: relative;
    top: 27%;
}
section#recruitment-banner .r div:nth-child(1) h3 {
    display: inline-block;
    font-size: 2rem;
}
    section#recruitment-banner .r div:nth-child(1) h3 a {
        display: inline-block;
        text-decoration: none;
        background: #0077be;
        color: #fff;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
section#recruitment-banner .r div:nth-child(2) {
    padding: 1rem 1.25rem;
    margin: 1rem 0 0 0;
}
section#recruitment-banner .r div:nth-child(2) p {
    font-size: 2.4rem;
    line-height: 2.7rem;
    margin: 0 0 2.5rem;
    font-weight: 500;
    color: rgba(0,0,0,0.85);
    background: rgba(255,255,255,0.6);
    display: inline-block;
    padding: 1rem 1.25rem
}
section#recruitment-banner .r div:nth-child(2) a.button {
   margin: 0;
   border: none;
   background: #666;
   color: #fff;
   padding: 20px 55px;
   border-radius: 50px;
   display: inline-block;
   font-weight: 600;
   font-size: 1rem;
   text-align: center;
   transition: all 0.3s ease-in-out;
   text-decoration: none;
}
section#recruitment-banner .r div:nth-child(2) a.button:hover,
section#recruitment-banner .r div:nth-child(2) a.button:focus {
    border: none !important;
    background: #474747;
}

main .date {
    margin: 0 0 20px 0;
    display: block;
    color: rgba(0,0,0,0.7);
    font-size: 0.95em;
    font-weight: 500;
}
  main .date:before {
      content: "\f017";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin: 0 6px 0 0;
      opacity: 0.8;
  }

.ls {
   display: grid;
   grid-column-gap: 45px;
   grid-template-columns: 1fr 2.5fr;
}
   .ls #sidebar {
       border-right: solid 2px rgba(0,0,0,0.1);
       padding: 20px 25px 20px 0;
   }
     .ls #sidebar > *:nth-child(1),
     .rs #sidebar > *:nth-child(1) {
        margin-top: 0;
     }
   .ls main {
      padding-top: 15px;
   }
.rs {
   display: grid;
   grid-column-gap: 45px;
   grid-template-columns: 2.5fr 1fr;
}
   .rs main {
      padding-top: 15px;
      order: 1;
   }
   .rs #sidebar {
      order: 2;
      border-left: solid 2px rgba(0,0,0,0.1);
      padding: 20px 0 20px 30px;
   }
.fw {
   display: block;
}

main .pagination {
    display: flex;
    align-items: center;
}
  main .pagination a.page-numbers,
  main .pagination span {
      font-size: 1.05rem;
      padding: 15px 18px;
      line-height: 1;
  }
    main .pagination span.current {
        font-weight: 600;
        background: rgba(0,0,0,0.05);
        border-radius: 4px;
    }
    main .pagination a.next,
    main .pagination a.prev {
        background: #E5F1F9;
        border: solid 3px #E5F1F9;
        border-radius: 50px;
        text-decoration: none;
        padding: 17px 35px;
        transition: all 0.3s ease-in-out;
    }
    main .pagination a.next:hover,
    main .pagination a.prev:hover,
    main .pagination a.next:focus,
    main .pagination a.prev:focus {
        background: none;
    }
    main .pagination a.prev {
        margin-right: 10px;
    }
    main .pagination a.next {
        margin-left: 10px;
    }

/* Section - Breadcrumbs */
section#breadcrumbs {
    background: #00113c;
    color: rgba(255,255,255,0.55);
    padding: 30px 0;
    font-size: 0.85rem;
    line-height: 1.3rem;
  }
  section#breadcrumbs .r > span:first-child {
      margin-right: 5px;
  }
   section#breadcrumbs a {
       color: rgba(255,255,255,0.8);
       padding: 0 12px 0 0;
       margin: 0 2px 0 0;
       display: inline-block;
       position: relative;
       text-decoration: none;
   }
    section#breadcrumbs a:hover,
    section#breadcrumbs a:focus {
        text-decoration: underline;
    }
      section#breadcrumbs a:after {
          content: "/";
          position: absolute;
          right: 0;
          color: rgba(255,255,255,0.35);
          font-weight: 800;
      }
      section#breadcrumbs strong {
          font-weight: 500;
      }
/* -> Primary Site Crumbs */
.primary-site section#breadcrumbs {
    background: #d1ebf8;
    color: rgba(0,22,79,0.9);
}
    .primary-site section#breadcrumbs a {
        color: rgba(0,22,79,0.9);
    }
        .primary-site section#breadcrumbs a:after {
            color: rgba(0,22,79,0.4);
        }
#site-title {
    padding: 22px 0;
    background: #143A88;
}
   #site-title h2 {
       font-size: 1.2rem;
       line-height: 1.7rem;
   }
      #site-title h2 a {
          text-decoration: none;
          color: #eeeeee;
      }
#page-title {
    background: #00113C;
    padding: 65px 0 55px;
}
    .primary-site #page-title {
        background: #d1ebf8;
    }
   #page-title h3 {
        color: #fff;
        font-size: 2.9rem;
        line-height: 3.5rem;
        font-weight: 600;
   }
   .primary-site #page-title {
        background: #d1ebf8;
    }
    .primary-site #page-title h2 {
        color: #000c2c;
        font-size: 2.9rem;
        line-height: 3.8rem;
        font-weight: 600;
    }
   #page-title a.edit-page-link {
      display: inline-block;
      font-size: 1.05rem;
      line-height: 1.3rem;
      color: #fff;
      background: #031d60;
      text-decoration: none;
      padding: 18px 35px;
      margin: 0 0 0 10px;
      border-radius: 50px;
      transition: all 0.3s ease-in-out;
      position: relative;
      top: -10px;
      font-weight: 400;
  }
  #page-title a.edit-page-link:hover,
  #page-title a.edit-page-link:focus {
    background: #062679;
    color: #fff;
    text-decoration: underline;
  }
.content {
    padding-top: 60px;
    padding-bottom: 125px;
}
  .content.blank {
      padding: 15px;
  }
  .content.wide {
      padding: 0;
  }
#sidebar *:where(h1,h2,h3,h4) {
    color: #00164d;
    font-size: 1.5rem;
    line-height: 2.1rem;
    text-transform: none;
    margin: 40px 0 20px;
    font-weight: 600;
}
#sidebar h5 {
    color: #0a4a9d;
    font-size: 1.4rem;
    line-height: 2rem;
    margin: 30px 0 15px;
}
#sidebar h6 {
    color: #0a4a9d;
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin: 30px 0 15px;
}
/* Sidebar Menu */
#sidebar ul.menu {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    text-align: left;
    border-bottom: 1px #d9d9d9 solid;
}
   #sidebar ul.menu li {
       display: inline-block;
       width: 100%;
       margin: 0;
   }
    #sidebar ul.menu a {
        text-decoration: none;
        display: block;
        font-size: 1.1rem;
        line-height: 1.65rem;
        padding: 17px 15px;
        color: #2a2a2a;
        margin: 0;
        border-top: 1px #c5c5c5 solid;
        hyphens: auto;
        position: relative;
    }
        #sidebar ul.menu li a:hover,
        #sidebar ul.menu li a:focus {
        color: #0a4a9d;
        text-decoration: underline;
        }
        #sidebar ul.menu li.current-menu-item > a {
        color: #0a4a9d !important;
        font-weight: 500;
        }
        #sidebar ul.menu > li.current-menu-item > ul.sub-menu > li.current-menu-item > a {
            color: #2a2a2a !important;
            font-weight: 400;
        }
        #sidebar ul.menu > li.current-menu-item > ul.sub-menu > li.current-menu-item > a:hover,
        #sidebar ul.menu > li.current-menu-item > ul.sub-menu > li.current-menu-item > a:focus {
            color: #0077be !important;
        }
#sidebar a.mobile-sidebar-toggle {
    display: none;
}
#sidebar ul.menu ul.sub-menu {
    background: rgba(0,0,0,0.05);
    margin: 0 !important;
    display: none;
}
#sidebar ul.menu ul li a {
    background: none;
}
/* Menu items with children */
#sidebar ul.menu li.menu-item-has-children {
   position: relative;
}
#sidebar ul.menu li.menu-item-has-children > a {
   position: relative;
   display: block;
   width: 100%;
   padding-right: 80px;
}
/* Submenu toggle */
#sidebar ul.menu li.menu-item-has-children .down {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: unset;
   line-height: unset;
   border: none;
   position: unset;
   padding: unset;
   background: #d9d9d9;
   width: 60px;
   position: absolute;
   top: 0;
   right: 0;
   border-top: solid 1px #c5c5c5;
}
#sidebar ul.menu li.menu-item-has-children .down i {
   color: rgba(0,0,0,0.5);
   transition: all 0.3s ease-in-out;
   position: relative;
   top: 2px;
}
#sidebar ul.menu li.menu-item-has-children > .down.open i {
   transform: rotate(180deg);
}
/* Add additional padding in nested children menus */
#sidebar ul.menu ul.sub-menu a {
   padding-left: 30px;
}
#sidebar ul.menu ul.sub-menu ul.sub-menu a {
   padding-left: 40px;
}
#sidebar ul.menu ul.sub-menu ul.sub-menu ul.sub-menu a {
   padding-left: 50px;
}
/* When item with children has no href, do not show hover effects */
#sidebar ul.menu a:not([href]):hover,
#sidebar ul.menu a:not([href]):focus {
   text-decoration: none;
   color: #464646;
}

/*-------------------------------------------------*\
    Advanced Template: 
    Layout Bars Homepage
    Layout Bars 
    Corporate Layout Bars Homepage
    Corporate Layout Bars
\*-------------------------------------------------*/

/* Wraps banner headers */
.page-template-featured-page .banner-wrap {
    background: #0065A2;
}

/* Homepage */
.page-template-featured-page #feature-page-banner {
    background: #01113b;
}
  .page-template-featured-page #feature-page-banner > .r {
      display: flex;
      align-items: center;
      min-height: 465px;
      padding-top: 30px;
      padding-bottom: 70px;
  }
    .page-template-featured-page #feature-page-banner > .r h2 {
        margin: 135px 0 0 0;
        color: #fff;
        font-weight: 600;
        text-shadow: 2px 2px 1px rgba(0,0,0,0.7);
    }
      .page-template-featured-page #feature-page-banner > .r h2.l {
          font-size: 5.5rem;
          line-height: 6.3rem;
      }
      .page-template-featured-page #feature-page-banner > .r h2.m {
          font-size: 5rem;
          line-height: 5.8rem;
      }
      .page-template-featured-page #feature-page-banner > .r h2.s {
          font-size: 4.5rem;
          line-height: 5.3rem;
      }
        @media only screen and (max-width: 959px) {
            .page-template-featured-page #feature-page-banner > .r h2.l {
                font-size: 5rem;
                line-height: 5.8rem;
            }
        }
        @media only screen and (max-width: 600px) {
            .page-template-featured-page #feature-page-banner > .r h2.l,
            .page-template-featured-page #feature-page-banner > .r h2.m,
            .page-template-featured-page #feature-page-banner > .r h2.s {
                font-size: 3.9rem;
                line-height: 4.7rem;
            }
        }
        @media only screen and (max-width: 720px) {
    
            .page-template-featured-page #feature-page-banner > .r h2 {
                word-break: break-word;
            }
            
        }
.page-template-featured-page #feature-page-banner.has-image {
    background-size: cover;
    position: relative;
    background-position: center;
}
  .page-template-featured-page #feature-page-banner.has-image .r {
      position: relative;
      z-index: 50;
  }
    .page-template-featured-page #feature-page-banner.has-image .filter {
        background: rgba(0,0,0,0.5);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
.page-template-featured-page #feature-page-banner.centered .r {
    padding-top: 0;
    padding-bottom: 0;
}
    .page-template-featured-page #feature-page-banner.centered .r h2 {
        margin: 0;
    }
.page-template-featured-page .featured-image + .content-bar {
    padding-top: 55px;
}
/* -> Full width banner */
.page-template-featured-page .featured-image-banner {
    background-size: cover;
    height: 550px;
    max-width: 2560px;
}

/* Add some top margining if a non-white wrapper comes immediately after the featured image */
.page-template-featured-page .featured-image + .wp-block-nc-block-niagara-college-blocks.lblue,
.page-template-featured-page .featured-image + .wp-block-nc-block-niagara-college-blocks.lgrey,
.page-template-featured-page .featured-image + .wp-block-nc-block-niagara-college-blocks.grey,
.page-template-featured-page .featured-image + .wp-block-nc-block-niagara-college-blocks.blue{
    margin-top: 70px !important;
}

/* Template: Layout Bars Homepage (Landing Page) Headings */
.page-template-featured-page main.hpbbars .lorem h1,
.page-template-featured-page main.hpbbars .lorem h2,
.page-template-featured-page main.hpbbars .lorem h3 {
    font-size: 2.1rem;
    line-height: 2.9rem;
    margin: 35px 0 20px;
    color: #00164d;
}
.page-template-featured-page main.hpbbars .lorem h4 {
    font-size: 1.9rem;
    line-height: 2.8rem;
    color: #0a4a9d;
    margin: 35px 0 20px;
}
.page-template-featured-page main.hpbbars .lorem h5 {
    font-size: 1.7rem;
    line-height: 2.5rem;
    color: rgba(0,0,0,0.8);
    margin: 35px 0 20px;
}
.page-template-featured-page main.hpbbars .lorem h6 {
    font-size: 1.5rem;
    line-height: 2.2rem;
    color: rgba(0,0,0,0.8);
    margin: 35px 0 20px;
}
.page-template-featured-page main.hpbbars .lorem h1:first-child,
.page-template-featured-page main.hpbbars .lorem h2:first-child,
.page-template-featured-page main.hpbbars .lorem h3:first-child,
.page-template-featured-page main.hpbbars .lorem h4:first-child,
.page-template-featured-page main.hpbbars .lorem h5:first-child,
.page-template-featured-page main.hpbbars .lorem h6:first-child {
    margin-top: 0 !important;
}

/* Feature Page */
.page-template-featured-page .featured-image {
    margin-top: 65px !important;
}

/* Advanced Template (Featured Page Template):
/* Corporate Layout Bars Homepage (Landing Page) [LP] AND
/* Corporate Layout Bars Page [LPFB] */
.page-template-featured-page main.lp :where(.wp-block-columns.is-layout-flex) {
    gap: 4rem;
}
.page-template-featured-page main.lpfb :where(.wp-block-columns.is-layout-flex) {
    gap: 3rem;
}
.modal-block.iziModal.at :where(.wp-block-columns.is-layout-flex) {
    gap: 3rem;
}
.page-template-featured-page header.lpfb #site-title h2,
.page-template-featured-page header.lp #site-title h2  {
    font-weight: 400;
}
.page-template-featured-page main.lpfb #page-title h3,
.page-template-featured-page main.lp #page-title h3 {
    font-weight: 300;
}
.page-template-featured-page main.lpfb section#breadcrumbs a {
    font-weight: 300;
}
.page-template-featured-page header.lp #feature-page-banner.has-image > .r {
    min-height: unset;
    height: 95vh;
}
    .page-template-featured-page header.lp #feature-page-banner > .r .landing-page-header-block h2 {
        margin: 0;
        text-shadow: none;
        font-size: 4rem;
        display: inline-block;
        background: #0a4a9d;
        padding: 25px 35px;
        font-weight: 300;
    }
        .page-template-featured-page header.lp #feature-page-banner > .r .landing-page-header-block .site-subtitle {
            font-size: 1.9rem;
            line-height: 2.5rem;
            display: inline-block;
            background: rgba(255,255,255,0.9);
            padding: 25px 35px;
            font-weight: 300;
        }

.page-template-featured-page main.lp .wrapper .lorem h1,
.page-template-featured-page main.lp .wrapper .lorem h2,
.page-template-featured-page main.lp .wrapper .lorem h3,
.page-template-featured-page main.lpfb .wrapper .content .lorem h1,
.page-template-featured-page main.lpfb .wrapper .content .lorem h2,
.page-template-featured-page main.lpfb .wrapper .content .lorem h3,
.page-template-featured-page main.lpfb .wrapper .content .lorem h4 {
    font-size: 2.5rem;
    line-height: 3.4rem;
    font-weight: 300;
    margin: 45px 0 30px;
}
.page-template-featured-page main.lp .wrapper .lorem h4,
.page-template-featured-page main.lpfb .wrapper .content .lorem h5 {
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: 300;
    margin: 35px 0 25px;
}
.page-template-featured-page main.lp .wrapper .lorem h5,
.page-template-featured-page main.lpfb .wrapper .content .lorem h6 {
    font-size: 1.9rem;
    line-height: 2.6rem;
    font-weight: 300;
    margin: 35px 0 20px;
}
.page-template-featured-page main.lp .wrapper .lorem h6 {
    font-size: 1.7rem;
    line-height: 2.6rem;
    font-weight: 300;
    margin: 30px 0 20px;
}
.page-template-featured-page main.lpfb .wrapper .content .lorem h1 strong,
.page-template-featured-page main.lp .wrapper .lorem h1 strong,
.page-template-featured-page main.lpfb .wrapper .content .lorem h2 strong,
.page-template-featured-page main.lp .wrapper .lorem h2 strong,
.page-template-featured-page main.lpfb .wrapper .content .lorem h3 strong,
.page-template-featured-page main.lp .wrapper .lorem h3 strong,
.page-template-featured-page main.lpfb .wrapper .content .lorem h4 strong,
.page-template-featured-page main.lp .wrapper .lorem h4 strong,
.page-template-featured-page main.lpfb .wrapper .content .lorem h5 strong,
.page-template-featured-page main.lp .wrapper .lorem h5 strong,
.page-template-featured-page main.lpfb .wrapper .content .lorem h6 strong,
.page-template-featured-page main.lp .wrapper .lorem h6 strong {
    font-weight: 400;
}

/*-------------------------------------------------*\
    Default Page Template (page.php)
\*-------------------------------------------------*/

.page-template-default .featured-image {
    margin-top: 65px;
}
.page-template-default .content .lorem > *:nth-child(1) {
    margin-top: 20px;
}
.page-template-default .content.has-thumb {
    padding-top: 45px;
}

/*---------------------------------*\
    Index / Category / Archive
\*---------------------------------*/

.archive .articles article h3,
.category .articles article h3,
.blog .articles article h3 {
    margin-top: 0;
}
.archive .articles article h4,
.category .articles article h4,
.blog .articles article h4 {
    margin-top: 0;
}
.archive .articles article,
.category .articles article,
.blog .articles article {
    margin: 3.5rem 0 0 0;
    padding: 3.5rem 0 0 0;
    position: relative;
    border-top: dotted 3px rgba(0,0,0,0.1);
}
.archive .articles article .featured-image,
.category .articles article .featured-image,
.blog .articles article .featured-image {
    margin-top: 0.5rem;
    margin-bottom: 35px;
}
.archive .articles > article:first-child .featured-image,
.category .articles > article:first-child .featured-image,
.blog .articles > article:first-child .featured-image {
    margin-top: 0;
}
.archive .articles article p:last-child,
.category .articles article p:last-child,
.blog .articles article p:last-child {
    margin-bottom: 0;
}
.archive .articles > article:first-child,
.category .articles > article:first-child,
.blog .articles > article:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

/*---------------------------------*\
    Single
\*---------------------------------*/

.single .featured-image {
  text-align: center;
  margin: 0 0 30px 0;
}
.single.single-post main .date {
    margin: 0 0 40px 0;
}
.single.single-post main .category {
    border-top: solid 2px rgba(0,0,0,0.1);
    margin: 60px 0 0 0;
    padding: 5px 0 0 0;
}
  .single.single-post main .category p {
      font-size: 0.95rem;
      line-height: 1.3rem;
  }

/* --> Primary Site Single Post */
.single-post main .post-content,
.single-post main .category,
.single-post main .date-wrap {
    max-width: 55rem;
    margin-left: auto !important;
    margin-right: auto !important;
}
.single-post main.primary-site .date-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 60px;
    margin-bottom: 50px;
}
.single-post main.primary-site .date-wrap .date {
    margin: 0;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    font-weight: 400;
}
.single-post main.primary-site .date-wrap .heateor_sss_sharing_container {
    display: flex;
    justify-content: flex-end;
}
.single-post main.primary-site div.heateor_sss_sharing_ul {
    background: rgba(0,0,0,0.05);
    padding: 10px 15px !important;
    border-radius: 3px;
}
@media only screen and (max-width: 580px) {
    
    .single-post main.primary-site .date-wrap {
        grid-template-columns: 1fr;
        margin-bottom: 40px;
    }
    .single-post main.primary-site .date-wrap .heateor_sss_sharing_container {
        justify-content: unset;
    }
    .single-post main.primary-site div.heateor_sss_sharing_ul {
        margin: 35px 0 0 0 !important;
    }
    
}
.single-post main .lorem .post-content > p {
    margin-top: 22px;
    margin-bottom: 22px;
}

/*-----------------------------------*\
    Navigation
\*-----------------------------------*/

#nav {
    background: #0f3072;
}
  #nav .r {
      padding: 0 5px;
  }
    #nav.primary-site .r {
        padding: 0;
    }

/*---------------------------------------*\
    COMMON FOOTERS
\*---------------------------------------*/

footer #footer-upper  {
    background: #00164D;
    padding: 95px 0 85px;
}
footer #footer-upper ,
footer #footer-upper  a {
    color: rgba(255,255,255,0.9);
}

footer #footer-upper  .inquiries {
    border-bottom: solid 2px rgba(255,255,255,0.2);
    padding: 0 0 3rem 0;
    margin: 0 0 3rem 0;
}
  footer #footer-upper  .inquiries .domestic h3,
  footer #footer-upper  .inquiries .international h3 {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.45rem;
    margin: 0 0 1.35rem 0;
    position: relative;
    padding: 0 0 0 56px;
    font-weight: 600;
  }
    footer #footer-upper  .inquiries h3:before {
        display: block;
        height: 43px;
        width: 43px;
        padding: 9px;
        background: #0077be;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: -11px;
    }
      footer #footer-upper  .inquiries .domestic h3:before {
          content: url("../img/icons/maple-leaf-with-pin-icon.svg");
      }
      footer #footer-upper  .inquiries .international h3:before {
          content: url("../img/icons/globe-with-pin-icon.svg");
      }
footer #footer-upper  .inquiries ul {
    list-style-type: none;
    margin: 0 0 0 56px;
}
    footer #footer-upper  .inquiries ul li {
        position: relative;
        padding: 0 0 0 1.5rem;
        margin: 12px 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.4rem;
   }
    footer #footer-upper  .inquiries ul li:last-child { margin-bottom: 0; }
    footer #footer-upper  .inquiries ul li:before {
        position: absolute;
        left: 0;
        color: rgba(255,255,255,0.6);
    }
      footer #footer-upper  .inquiries ul li.ph:before {
          content: "\f3cd";
          font-family: "font awesome 6 Free";
          font-weight: 900;
          font-size: 1.1rem;
          top: -1px;
      }
      footer #footer-upper  .inquiries ul li.e:before {
          content: "\f0e0";
          font-family: "font awesome 6 Free";
          font-weight: 900;
          left: -5px;
          top: -1px;
          font-size: 1rem;
      }
footer #footer-upper  .accessibility h3 {
    margin: 0 0 0.75rem 0;
}
footer #footer-upper  .accessibility p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    font-weight: 400;
}
footer #footer-upper  .locations h3 {
    position: relative;
    padding: 0 0 0 48px;
    margin: 0 0 1.5rem 0;
    font-weight: 500;
    font-size: 1.25rem;
    color: #fff;
    font-weight: 600;
}
  footer #footer-upper  .locations h3:before {
      font-family: "font awesome 6 Free";
      font-weight: 900;
      content: "\f3c5";
      width: 37px;
      height: 37px;
      background: rgba(64,165,226,0.3);
      display: block;
      text-align: center;
      font-size: 1.1rem;
      line-height: 2.3rem;
      border-radius: 50%;
      position: absolute;
      left: 2px;
      top: -8px;
			padding: 0;
  }
footer #footer-upper  .locations .locations-i {
    margin: 0 0 0 49px;
}
footer #footer-upper  .locations .locations-i .loc h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0 0 10px 0;
    font-weight: 600;
}
footer #footer-upper  .locations .locations-i .loc h4 a { color: #fff; }
footer #footer-upper  .locations .locations-i .loc address {
    font-style: normal;
    font-size: 0.9rem;
    line-height: 1.4rem;
    margin: 0 0 10px 0;
    font-weight: 400;
}
footer #footer-upper  .locations .locations-i .loc ul {
    list-style-type: none;
    display: flex;
}
footer #footer-upper  .locations .locations-i .loc ul li {
    margin: 0 0.5rem 0 0;
    padding: 0 0.5rem 0 1px;
    border-right: solid 2px rgba(255,255,255,0.2);
    font-size: 0.85rem;
}
footer #footer-upper  .locations .locations-i .loc ul li:last-child {
    border: none;
    padding: 0;
    margin: 0;
}
footer #footer-upper  .locations .locations-i .loc ul li a {
    color: rgba(255,255,255,0.6);
}
footer #footer-upper  .locations .locations-i .social {
overflow: auto;
}
footer #footer-upper  .locations .locations-i .social ul {
    list-style-type: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 6px;
    grid-row-gap: 9px;
}
footer #footer-upper  .locations .locations-i .social ul li {
    display: inline-block;
    margin: 0;
}
    footer #footer-upper  .locations .locations-i .social ul li a {
        width: 40px;
        height: 40px;
        border: solid 1px #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease-in-out;
        text-decoration: none;
    }
    footer #footer-upper  .locations .locations-i .social ul li a span {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px !important;
        width: 1px !important;
        margin: 0 !important;
        overflow: hidden !important;
        position: absolute;
    }
    footer #footer-upper  .locations .locations-i .social ul li a:hover,
    footer #footer-upper  .locations .locations-i .social ul li a:focus {
        background: #fff;
    }
    footer #footer-upper  .locations .locations-i .social ul li a:before {
        font-family: "font awesome 6 Brands";
        font-weight: 400;
        font-size: 1.1rem;
        color: rgba(255,255,255,0.8);
        transition: color ease-in-out 0.2s;
    }
    footer #footer-upper  .locations .locations-i .social ul li.x a:before {
        content: "\e61b";
    }
    footer #footer-upper  .locations .locations-i .social ul li.fb a:before {
        content: "\f39e";
    }
    footer #footer-upper  .locations .locations-i .social ul li.tw a:before {
        content: "\f099";
    }
    footer #footer-upper  .locations .locations-i .social ul li.in a:before {
        content: "\f16d";
    }
    footer #footer-upper  .locations .locations-i .social ul li.li a:before {
        content: "\f0e1";
    }
    footer #footer-upper  .locations .locations-i .social ul li.yt a:before {
        content: "\f167";
    }
    footer #footer-upper  .locations .locations-i .social ul li.tt a:before {
        content: "\e07b";
    }
    footer #footer-upper  .locations .locations-i .social ul li.x a:hover:before,
    footer #footer-upper  .locations .locations-i .social ul li.x a:focus:before {
        color: #000;
    }
    footer #footer-upper  .locations .locations-i .social ul li.fb a:hover:before,
    footer #footer-upper  .locations .locations-i .social ul li.fb a:focus:before {
        color: #3c5a99;
    }
    footer #footer-upper  .locations .locations-i .social ul li.tw a:hover:before,
    footer #footer-upper  .locations .locations-i .social ul li.tw a:focus:before {
        content: "\f099";
        color: #1DA1F3;
    }
    footer #footer-upper  .locations .locations-i .social ul li.in a:hover:before,
    footer #footer-upper  .locations .locations-i .social ul li.in a:focus:before {
        content: "\f16d";
        color: #C13584;
    }
    footer #footer-upper  .locations .locations-i .social ul li.li a:hover:before,
    footer #footer-upper  .locations .locations-i .social ul li.li a:focus:before {
        content: "\f0e1";
        color: #0077b5;
    }
    footer #footer-upper  .locations .locations-i .social ul li.yt a:hover:before,
    footer #footer-upper  .locations .locations-i .social ul li.yt a:focus:before {
        content: "\f167";
        color: #FF0000;
    }
    footer #footer-upper  .locations .locations-i .social ul li.tt a:hover:before,
    footer #footer-upper  .locations .locations-i .social ul li.tt a:focus:before {
        content: "\e07b";
        color: #66C3CA;
    }
    footer #footer-upper  .social .nclife {
        display: grid;
        grid-template-columns: 1fr 180px;
        grid-column-gap: 18px;
    }
    @media only screen and (min-width: 960px) and (max-width: 1200px) {


        footer #footer-upper  .social .nclife {
            display: grid;
            grid-template-columns: 1fr;
        }
        footer #footer-upper  .locations .locations-i .social ul {
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
            grid-column-gap: 5px;
        }
        footer #footer-upper  .social .nclife div { 
            margin: 22px 0 0 0;
            text-align: right;
        }
        footer #footer-upper  .social .nclife div img {
            width: 190px;
        }
        
    }
    @media only screen and (min-width: 0) and (max-width: 959px) {
        
        footer #footer-upper .locations .locations-i .social {
            width: 23rem !important;
            margin-top: 15px;
        }
        footer #footer-upper .locations .locations-i .social ul {
            margin: 0 !important;
        }
        footer #footer-upper .locations .locations-i .social ul li {
            margin: 0 !important;
        }
        footer #footer-upper .social .nclife {
            grid-column-gap: 15px !important;
            grid-template-columns: 0.9fr 190px !important;
        }
        footer #footer-upper .social .nclife  > div {
            display: flex !important;
            align-items: center !important;
        }
        #footer-land-acknowledgement .why-la {
            margin: 30px 0 0 0;
            text-align: unset;
          }
        
    }

#footer-land-acknowledgement {
    background: #000c2b;
    padding: 75px 0 70px;
}
    #footer-land-acknowledgement p {
        color: rgba(255,255,255,0.9);
        font-size: 0.95rem;
        line-height: 1.7rem;
        text-align: justify;
        font-weight: 400;
    }
    #footer-land-acknowledgement .why-la {
        margin: 22px 0 5px 0;
        text-align: right;
    }
    #footer-land-acknowledgement .why-la a {
        background: rgba(255,255,255,0.15);
        color: rgba(255,255,255,0.9);
        padding: 15px 18px 15px 40px;
        border-radius: 8px;
        font-size: 0.9rem;
        line-height: 1.1rem;
        font-weight: 400;
        position: relative;
        transition: all 0.3s ease-in-out;
        text-decoration: none;
        display: inline-block;
    }
    #footer-land-acknowledgement .why-la a:before {
        position: absolute;
        content: "\f05a";
        font-family: "font awesome 6 Free";
        font-weight: 900;
        left: 18px;
        font-style: normal;
    }
    #footer-land-acknowledgement .why-la a:hover,
    #footer-land-acknowledgement .why-la a:focus {
        background: rgba(255,255,255,0.2);
        text-decoration: underline;
    }

footer #footer-lower {
    padding: 20px 0;
    font-weight: 400;
}
  footer #footer-lower .r {
      display: flex;
  }
  footer #footer-lower .r .copy {
      font-size: 0.95rem;
      color: rgba(0,0,0,0.8);
  }
  footer #footer-lower .r .links {
      border-left: solid 3px rgba(0,0,0,0.15);
      padding: 0 0 0 1.5rem;
      margin: 0 0 0 1.5rem;

  }
      footer #footer-lower .r .links ul {
          list-style-type: none;
          display: flex;
          position: relative;
          top: -1px;
      }
          footer #footer-lower .r .links ul li {
              margin: 0 0.75rem 0 0;
          }
              footer #footer-lower .r .links ul li a {
                  font-size: 0.9rem;
                  color: #00164d;
              }
                  footer #footer-lower a.post-edit-link  {
                      margin: 0 !important;
                      text-transform: uppercase;
                  }

/*----------------------------------------------------------------*\
    Footer Amendment - Corporate Templates
/*----------------------------------------------------------------*/              
footer.lp #footer-upper .inquiries h3,
footer.lpfb #footer-upper .inquiries h3,
footer.lp #footer-upper .locations h3,
footer.lpfb #footer-upper .locations h3,
footer.lp #footer-upper .locations .locations-i .loc h4,
footer.lpfb #footer-upper .locations .locations-i .loc h4 {
    font-weight: 300;
}
footer.lp #footer-upper .locations .locations-i .social ul li a,
footer.lpfb #footer-upper .locations .locations-i .social ul li a {
    border-width: 1px;
}

/*----------------------------------------------------------------*\
    Mailchimp Form Styling (for MC4WP - see readme.txt for HTML)
/*----------------------------------------------------------------*/
.mailchimp-fields h3.mc-heading {
    padding: 0 0 0 68px;
    position: relative;
    margin-bottom: 25px !important;
    margin-top: 0px !important;
}
  .mailchimp-fields h3:before {
      content: "\f0e0";
      font-family: "Font Awesome 5 Free";
      font-size: 1.6rem;
      line-height: 3.1rem;
      width: 55px;
      height: 55px;
      border-radius: 50%;
      border: solid 3px #0077be;
      display: block;
      position: absolute;
      left: 0;
      top: -10px;
      text-align: center;
  }
.mailchimp-fields .req {
    color: #b4002e;
}
.mailchimp-fields-inner {
    padding: 0 0 0 70px;
    max-width: 70%;
}
  .mailchimp-fields .mc-intro {
      font-size: 1.45rem;
      line-height: 2rem;
      font-weight: 500;
      padding: 0 0 15px 0;
      border-bottom: solid 2px rgba(0,0,0,0.1);
  }
  .mailchimp-fields .mc-req {
      font-size: 1rem;
      margin: 20px 0 35px;
  }
.mailchimp-fields .mc-field {
    margin: 25px 0;
}
.mailchimp-fields .col-1-1 .mc-field {
    margin: 0;
}
.mailchimp-fields .mc-field label {
    display: block;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin: 0 0 8px 0;
}
.mailchimp-fields .mc-field input:not(.submit),
.mailchimp-fields .mc-field select {
    border: solid 2px #ccc;
    border-radius: 4px;
    padding: 8px 12px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4rem;
    color: rgba(0,0,0,0.9);
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.mailchimp-fields .mc-field select {
    padding: 10px 8px !important;
    width: unset !important;
}
.mailchimp-fields .mc-field input:not(.submit):focus {
    border-bottom: solid 2px #0077be;
    outline: none;
}
.mailchimp-fields .submit {
    margin: 15px 0 0 0;
    background: #0077be;
    border: solid 3px #0077be;
    color: #fff;
    font-weight: 600;
    padding: 20px 55px;
    border-radius: 50px;
    transition: 0.3s ease-in-out;
}
    .mailchimp-fields .submit:hover,
    .mailchimp-fields .submit:focus {
        background: none !important;
        color: #0077be;
    }
.mc4wp-response p {
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #002917;
  position: relative;
  padding: 0 0 0 25px;
  background: #d3f0e3;
  border-radius: 6px;
  margin: 35px 0 0 0;
  padding: 20px 25px 20px 50px;
  display: inline-block;
}
  .mc4wp-response p:before {
      content: "\f00c";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 25px;
      color: #007845;
  }
/* --> Negative Styling */
.wp-block-nc-block-niagara-college-blocks.neg .mailchimp-fields {
    color: #fff;
}
.wp-block-nc-block-niagara-college-blocks.neg .mailchimp-fields .mc-intro {
    border-bottom: solid 2px rgba(255,255,255,0.3);
}
.wp-block-nc-block-niagara-college-blocks.neg .mailchimp-fields .mc-field input:not(.submit),
.wp-block-nc-block-niagara-college-blocks.neg .mailchimp-fields .mc-field select {
    border-bottom: solid 3px #fff;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 4px;
    padding: 11px 12px 8px;
}
.wp-block-nc-block-niagara-college-blocks.neg .mailchimp-fields .mc-field input:not(.submit):focus {
    border-bottom: solid 3px #0077be;
    outline: none;
}
.wp-block-nc-block-niagara-college-blocks.neg .mailchimp-fields .mc-field select {
    padding: 13px 10px 10px !important;
}
.wp-block-nc-block-niagara-college-blocks.neg .mailchimp-fields .submit:hover,
.wp-block-nc-block-niagara-college-blocks.neg .mailchimp-fields .submit:focus {
    background: #E5F1F8 !important;
    border-color: #E5F1F8 !important;
}
/* --> Negative - Grey Styling */
.wp-block-nc-block-niagara-college-blocks.neg.grey .mailchimp-fields h3:before {
    background: #0077be;
}
/* --> Negative - Blue Styling */
.wp-block-nc-block-niagara-college-blocks.neg.blue .mailchimp-fields h3:before {
    background: #717171;
}
.wp-block-nc-block-niagara-college-blocks.neg.blue .mailchimp-fields .submit {
    border: solid 3px #fff;
}
.wp-block-nc-block-niagara-college-blocks.neg.blue .mailchimp-fields .mc-field input:not(.submit):focus {
    border-bottom: solid 3px #454545;
    outline: none;
}

/*---------------------------------*\
    Columns (= 12)
\*---------------------------------*/

.col-1 { /* 12 */
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 30px;
}
.col-1-1 { /* 6 6 */
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
}
.col-1-2 { /* 5 7 */
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    grid-column-gap: 30px;
}
.col-1-3 { /* 4 8 */
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 30px;
}
.col-1-4 { /* 3 9 */
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-column-gap: 30px;
}
.col-3-1 { /* 8 4 */
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 30px;
}
.col-3-2 { /* 7 5 */
    display: grid;
    grid-template-columns: 2fr 1.25fr;
    grid-column-gap: 30px;
}
.col-2-3 { /* 5 7 */
    display: grid;
    grid-template-columns: 1.25fr 2fr;
    grid-column-gap: 30px;
}
.col-1-1-1 { /* 4 4 4 */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
}
.col-1-1-1-1 { /* 3 3 3 3 */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 30px;
}
.col-1-1-5 { /* 4 5 3 */
    display: grid;
    grid-template-columns: 2fr 3fr 0.5fr;
    grid-column-gap: 30px;
}

/*-----------------------------------*\
    404 ERROR PAGE
\*-----------------------------------*/

.error404 .wrapper main {
    padding: 100px 0 120px;
}
.error404 .wrapper main h3 {
    margin-top: 0;
    font-size: 2.3em;
}
   .error404 .wrapper main h3 i {
       color: rgba(0,0,0,0.4);
       font-size: 2.1rem;
       position: relative;
       bottom: 1px;
       margin: 0 5px 0 0;
   }
.error404 main .info {
    background: rgba(0,0,0,0.07);
    border-radius: 6px;
    padding: 30px 30px;
    margin: 50px 0 0 0;
}
   .error404 main .info h4 {
       margin: 0;
       color: rgba(0,0,0,0.8);
   }
.error404 .wrapper main ul,
.error404 .wrapper main ul li:last-child {
    margin-bottom: 0;
}
.error404 main .info h5 {
    color: rgba(0,0,0,0.6);
    font-size: 1.3em;
    line-height: 1.4em;
}
   .error404 main .info h5 i {
       font-size: 1.2rem;
       margin: 0 3px 0 0;
       position: relative;
       bottom: 1px;
   }
.error404 main .info .search-box form {
    display: flex;
}
   .error404 main .info .search-box input#st-search-input-alt {
       padding: 12px 20px;
       font-size: 1.1em;
       border-radius: 4px;
   }
   .error404 main .info .search-box button {
       margin: 0 0 0 13px;
       background: #0077be;
       color: #fff;
       border: none;
       border-radius: 50px;
       padding: 15px 35px;
       transition: all 0.3s ease-in-out;
   }
      .error404 main .info .search-box button:hover,
      .error404 main .info .search-box button:focus {
          background: rgba(0,119,190,0.15);
          color: #0077be;
      }

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* Large mobile breakpoint */
@media only screen and (max-width: 959px) {

  .invisiskip { display: none; }

   /* Page Banner */
   .home #site-title .r h2,
   .home header.site-title .r h2 {
        font-size: 4rem;
        line-height: 4.4rem;
   }

   /* Collapse restricts */
   .r.collapse {
    padding: 0;
   }

  /* General */
  .col-1-1,
  .col-1-3,
  .col-3-1,
  .col-3-2,
  .col-1-1-1,
  .col-1-1-1-1,
  .col-1-1-5 {
      display: grid;
      grid-template-columns: 1fr;
  }

  /* Tables */
  main div.table {
      overflow-x: scroll;
  }

   /* Navigation */
   #nav .r {
       padding: 0;
   }

   /* Recruitment footer banner */
  section#recruitment-banner {
      height: auto;
      padding: 50px 0;
  }
  section#recruitment-banner .r {
      grid-template-columns: 1fr;
      grid-column-gap: 0px;
  }
  section#recruitment-banner .r div:first-child {
      text-align: center;
  }
  section#recruitment-banner .r div:nth-child(1) h3 {
      font-size: 1.6rem;
  }
  #recruitment-banner .r div:nth-child(2) {
      padding: 0;
      text-align: center;
      margin: 1.75rem 0 0 0;
  }
  #recruitment-banner .r div:nth-child(1) h3 a {
      width: 170px;
      height: 170px;
  }
  #recruitment-banner .r div:nth-child(2) p {
      font-size: 2.1rem;
      line-height: 2.6rem;
  }

  /* Mailchimp MC4WP */
  .mailchimp-fields h3.mc-heading {
      margin-bottom: 30px !important;
  }
  .mailchimp-fields-inner {
      max-width: unset;
      padding: 0;
  }
  .mailchimp-fields .col-1-1 .mc-field {
      margin-bottom: 25px;
  }
  .mailchimp-fields .col-1-1 .mc-field:last-child {
      margin-bottom: 0;
  }

  /* Sidebar Navigation Menu */
  #sidebar ul.menu {
    border-top: none;
  }
  #sidebar ul.menu {
      display: none;
      border-top: 1px rgba(0,0,0,0.15) solid;
      border-left: 1px rgba(0,0,0,0.15) solid;
      border-right: 1px rgba(0,0,0,0.15) solid;
  }
     #sidebar ul.menu a {
         font-size: 0.9rem;
         line-height: 1rem;
     }
    #sidebar a.mobile-sidebar-toggle {
         display: block;
         background: #0077be;
         text-decoration: none;
         font-size: 0.95rem;
         padding: 18px;
         color: #fff;
         font-weight: 500;
     }
     #sidebar a.mobile-sidebar-toggle span {
         display: inline-block;
     }
        #sidebar a.mobile-sidebar-toggle span:before {
            content: "\f0c9";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            margin: 0 10px 0 0;
        }
        #sidebar a.mobile-sidebar-toggle:hover span:before {
            text-decoration: none !important;
        }

  /* Footer */
  footer #footer-upper {
      padding: 60px 0;
  }
  footer #footer-upper .inquiries {
      padding: 0 0 2.25rem 0;
      margin: 0 0 2.5rem 0;
  }
  footer #footer-upper .inquiries .domestic {
      margin: 0 0 2.5rem 0;
  }
  footer #footer-upper .inquiries .accessibility {
      margin: 2.25rem 0 0 0;
  }
  footer #footer-upper .locations h3 {
      margin: 0 0 2rem 0;
  }
  footer #footer-upper .locations .locations-i .loc {
      margin: 0 0 1.75rem 0;
  }
  footer #footer-upper .locations .locations-i .social ul {
      float: none;
      margin: 25px 0 0 0;
      flex-wrap: wrap;
  }
  footer #footer-upper .locations .locations-i .social ul li {
      margin: 5px;
  }

   /* Lower Footer */
   footer #footer-lower .r {
       display: block;
   }
   footer #footer-lower .r .links {
       border: none;
       padding: 0;
       margin: 0.5rem 0 0 0;
   }
   footer #footer-lower .r .links ul {
       display: block;
   }
   footer #footer-lower .r .links ul li {
       display: inline-block;
   }

   /* Page Template Default */
   .ls,
   .rs {
     display: block;
   }
   .r.ls #sidebar {
     margin: 0 0 50px 0;
   }
   .r.rs #sidebar {
     margin: 50px 0 0 0;
   }
   .r #sidebar {
     border: none;
     padding: 0;
   }
   .r.rs.news #sidebar {
     order: 2;
   }

   /* Featured Page Template - Banner */
   .page-template-featured-page .featured-image-banner {
        height: 450px;
    }

    /* Featured Page Template - Landing Page */
    .page-template-featured-page #feature-page-banner > .r .landing-page-header-block h2 {
        font-size: 3rem;
        padding: 25px 30px;
    }

}

/* Small mobile breakpoint (above) */
@media only screen and (min-width: 650px) {
    
    /* Featured Page Template - Landing Page */
    .page-template-featured-page .landing-page-mobile-banner {
        display: none;
    }
    
}

/* Small mobile breakpoint */
@media only screen and (max-width: 650px) {

   /* Page Banner */
   .home #site-title .r h2 {
        font-size: 3rem;
        line-height: 3.4rem;
   }

   /* Site Banner - Homepage */
   .page-template-featured-page header.lp #feature-page-banner > .r {
        min-height: 300px;
        padding-top: 40px;
        padding-bottom: 40px;

    }
    .page-template-featured-page header.lp #feature-page-banner > .r h2.l,
    .page-template-featured-page header.lp #feature-page-banner > .r h2.m,
    .page-template-featured-page header.lp #feature-page-banner > .r h2.s {
        font-size: 4rem;
        line-height: 4.8rem;
        margin: 0;
        hyphens: auto;
    }

  /* Recruitment banner */
  section#recruitment-banner {
      background-image: none !important;
      background-color: rgba(0,0,0,0.2);
  }
  section#recruitment-banner .r div:nth-child(2) {
      padding: 0;
      margin: 1rem 0 0 0;
  }
  section#recruitment-banner .r div:nth-child(2) p {
      font-size: 2rem;
      line-height: 2.5rem;
      margin: 0.5rem 0 1.5rem;
  }

    /* Template: Advanced > Layout bars homepage (Featured Page Template) */
    .page-template-featured-page .landing-page-mobile-banner {
        display: block;
    }
    .page-template-featured-page header.lp #feature-page-banner.landing-page-header > .r {
        display: block;
        height: unset;
        min-height: unset;
    }
    .page-template-featured-page header.lp #feature-page-banner.has-image > .r {
        height: unset;
    }
    .page-template-featured-page header.lp #feature-page-banner.landing-page-header {
        background-color: #0077be;
        padding: 50px 0;
    }
    .page-template-featured-page header.lp #feature-page-banner.landing-page-header .r {
        padding: 0 !important;
    }
    .page-template-featured-page header.lp #feature-page-banner > .r .landing-page-header-block h2 {
        display: block;
        font-size: 2.6rem;
        line-height: 3.3rem;
        padding: 25px 20px;
    }
    .page-template-featured-page header.lp #feature-page-banner > .r .landing-page-header-block .site-subtitle {
        display: block;
        background: #0077be;
        color: #fff;
        padding: 0 20px 22px 20px;
        margin: -10px 0 0 0;
    }
    .page-template-featured-page header.lp #feature-page-banner > .r .landing-page-header-block br {
        display: none;
    }

   /* Footer */
  footer #footer-upper .inquiries .domestic h3,
  footer #footer-upper .inquiries .international h3 {
      padding: 0;
  }
  footer #footer-upper .inquiries ul {
      margin: 0 0 0 8px;
  }
  footer #footer-upper .inquiries h3:before {
      content: none !important;
  }
  footer #footer-upper .locations h3::before {
      content: none;
  }
  footer #footer-upper .locations h3 {
      padding: 0;
  }
  footer #footer-upper .locations .locations-i  {
      margin: 0;
  }

  /* Featured Page Template - Full Width Banner */
  .page-template-featured-page .featured-image-banner {
      height: 375px;
  }

}

/* Add spacing above and below Gutenberg columns */
/*@media only screen and (max-width: 599px) {

    .wp-block-column {
        margin: 25px 0;
    }

}*/

/* Adjust logo and Swiftype bar at logo width breakpoint */
@media only screen and (max-width: 450px) {

    .bar .bar-i {
        display: block;
        height: 100%;
    }
    .bar .logo {
        width: 55vw;
        float: left;
        position: relative;
        height: 49px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
        .bar .logo h1 {
            width: auto;
            display: block;
            height: 10vw;
        }
    .bar .quick-bar {
        position: relative;
    }

}

/* Common - Very small mobile screens */
@media only screen and (max-width: 400px) {


}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.aligncenter {
	display:block;
	margin: 20px auto;
}
.alignright {
	float: right;
	margin: 20px 0 35px 35px;
}
.alignleft {
	float:left;
	margin: 20px 35px 35px 0;
}
.alignlefttop {
	float:left;
	margin: 0 35px 35px 0;
}
.alignnone {
	margin: 20px 35px 35px 0;
}
.wp-caption {
	background:#FFF;
	border: 1px solid rgba(0,0,0,0.15);
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
    margin-bottom: 35px !important;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

/* Invisiskip - Over Mobile Breakpoint Only */
@media only screen and (min-width: 959px) {

    a.invisiskip {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px !important;
        width: 1px !important;
        margin: 0 !important;
        overflow: hidden !important;
        position: absolute;
    }
    a.invisiskip:focus {
        clip: unset;
        height: auto !important;
        width: 100% !important;
        margin: 20px 0 !important;
        overflow: show !important;
        position: relative;
        z-index: 200;
        display: block;
        text-align: center;
    }
    a.invisiskip:focus span {
        font-size: 1rem;
        display: inline-block;
        background: #262626;
        color: #fff;
        font-weight: 500;
        padding: 9px 25px;
        border-radius: 50px;
    }
    a.invisiskip.neg:focus span {
       background: #fff;
       color: #000 !important;
    }

}

.Award-Prepare-Button a {
    min-height: 170px;
}

/* Sustainability Website */
.Wetland-Image {
    max-width: 250px;
}
.BioBlitz-Image {
    max-width: 250px;
}
@media (max-width: 781px) {
    figure.image.BioBlitz-Image {
        margin: 0 auto !important;
    }
}


/* Enrolment Services/Admissions Webpage */

.ESL-Image-Admissions {
    max-width: 275px;
}

/* Bargaining webpage */

.top-post li>a {
    font-size: 2.1rem !important;
    line-height: 2.9rem !important;
}

/* Student Recruitment/CIP Webpage */

figure.cip-prize img {
    border: solid 2px #e5e5e5;
}