@charset "UTF-8";
/*
Theme Name: White Rock North School
Theme URI: 
Author: the Development team
Author URI: https://wordpress.org/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP5 Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
# General Styles
--------------------------------------------------------------*/
html { font-size: 18px; /* 1em */ }
body { margin: 0 auto; padding: 0;}
a, a:visited { color: inherit;
  -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      text-decoration: none; }
a:hover { color: inherit; text-decoration: none; }
img{ max-width: 100%; height: auto; }
ul.elementor-nav-menu--dropdown a { border-left: 0 !important; }

/*--------------------------------------------------------------
# Helper Styles
--------------------------------------------------------------*
/* For removing bootstrap grid gutter */
.no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }
.skip-link.screen-reader-text, .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; padding: 0; }
.elementor-widget-button .elementor-button{ min-width: 250px; }

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.site { margin: 0 auto; /*max-width: 1920px;*/ }

.full { width: 100%; }
.main { margin: 0 auto; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.elementor-editor-active .site-header{ background-color: #333; }
body:not(.elementor-editor-active) .elementor-sticky__spacer{ display: none; }
.single-product .elementor-sticky__spacer{ display: block !important; }
.fixed-header *{transition: all .2s ease-in-out;}
.fixed-header, .single-product .site-header { background-color: rgba(0,0,0,.6); }
.site-header .elementor-nav-menu a .sub-arrow{ display: none; }
/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/
.ctLeft .elementor-widget-wrap{ max-width: 560px; margin: 0 auto; }
.call-to-action .elementor-button{ padding: 15px 22px !important; }
.three-box p{ margin:0 !important; }
.testimonial-wrap{ overflow: hidden; }
.gallery-wrap{ overflow: hidden; }
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer .ctinfo{ position: relative; }
.site-footer .ctinfo:before, .site-footer .ctinfo:after{ height: 269px; position: absolute; top: 0;}
.site-footer .ctinfo:before{ content: "" ; border-left: 1px solid rgba(44,45,114,.15); left: 0;}
.site-footer .ctinfo:after{ content: "" ; border-right: 1px solid rgba(44,45,114,.15); right: 0;}
.site-footer .ctinfo p{ align-items: flex-start; display: flex; justify-content: flex-start; max-width: 380px; margin:  0 auto 20px;}
.site-footer .ctinfo p small{ color: #333333; font-size: 12px; letter-spacing: 2px; max-width: 80px; margin-right: 20px; width: 100%; text-align: right;}
.site-footer .ctinfo .small{ max-width: 170px !important; }
/*--------------------------------------------------------------
## Inner Pages
--------------------------------------------------------------*/
.column-two ul{ column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
/* All School Page */
.carousel-wrap .elementor-swiper-button-prev{ left: 2px; }
.carousel-wrap .elementor-swiper-button-next{ right: 2px; }
.carousel-wrap .elementor-swiper-button-prev, .carousel-wrap .elementor-swiper-button-next{ background-color: #2C2E72; padding: 12px; }
.carousel-wrap .elementor-swiper-button-prev:hover, .carousel-wrap .elementor-swiper-button-next:hover{ background-color: #ED2F2F; }
/* Apply Page */
.tabs-wrap .elementor-tab-title{ border-bottom: 1px solid #eee !important; padding-bottom: 50px !important; width: 30%; text-align: center;}
.tabs-wrap .elementor-tab-title.elementor-active{ border-bottom: 5px solid #F79E2F !important; }
.tabs-wrap .elementor-cta, .tabs-wrap .elementor-cta--skin-cover .elementor-widget-container, .tabs-wrap .elementor-cta .elementor-cta__content{ overflow: visible; }
.tabs-wrap .elementor-cta{ cursor: pointer; }
.tabs-wrap .elementor-cta .elementor-cta__title{ background-color: #fff; border: 1px solid #eee; border-radius: 50%; height: 80px; width: 80px; line-height: 80px; margin: 0 auto; position: absolute; left: 0; right: 0; top: -40px; text-align: center; }
.tabs-wrap .elementor-cta:hover .elementor-cta__title{ background-color: #EC2E2E; border-color: #EC2E2E; }
/* Careers Page */
.page-id-22 .tabs-wrap .elementor-cta .elementor-cta__description a{ display: block; word-break: break-all; }
/* Explore Page */
.tb-frontend-calendar .tbk-two.tbk-fields:nth-of-type(3){ flex-direction: column; }
.tb-frontend-calendar .tbk-two.tbk-fields:nth-of-type(3) .tbk-field{ width: 100% !important; }
.tb-frontend-calendar .tbk-two.tbk-fields .tbk-field.tbk-field-checkbox{ display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; width: 100% !important; }
.tb-frontend-calendar .tbk-two.tbk-fields .tbk-field.tbk-field-checkbox label{ display: inline; }
.tb-frontend-calendar .tbk-required.tbk-field > .tbk-checkbox:after{ display: none; }

.elementor-slideshow__header {box-sizing: border-box;}

/* Faculty and Staff - Archive Page */
.elementor-widget-loop-grid.member-grid .elementor-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.member-item { position: relative; }
.member-item .member-link { position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; width: auto !important; }
.member-item:hover .member-info, .member-item:hover .member-link > div.elementor-widget-container { background-color: #2C2C72 !important; }
.member-item:hover .member-name h3.elementor-heading-title, .member-item:hover .member-title div.elementor-heading-title { color: #FFFFFF; }

/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 1820px) and (min-width: 1025px){
  .site-header > .elementor-container{ width: 95%; }
  .site-header .elementor-nav-menu a{ margin-left: 0 !important; }
  .site-banner .elementor-widget-heading{ width: 37% !important; }
  .site-banner h2{ font-size: 50px !important; }
}
@media screen and (max-width: 1600px) and (min-width: 1025px){
  .container-wrap.elementor-section.elementor-section-boxed > .elementor-container, body:not(.home) .content-area .elementor-section.elementor-section-boxed > .elementor-container, .single .elementor-container, .archive .elementor-container{ width: 95%; }
  .site-banner h2{ font-size: 45px !important; }
  .page-id-22 .tabs-wrap .elementor-cta .elementor-cta__description a{ font-size: 14px; line-height: 120%;}

}
@media screen and (max-width: 1440px) and (min-width: 1025px){
  .tuition-wrap .elementor-button{ min-width: 220px !important; }
  .site-banner .elementor-widget-heading{ width: 40% !important; }
  .site-banner h2{ font-size: 40px !important; }
  .call-to-action .elementor-cta__content{ padding: 20px !important; }
  .three-box p{ font-size: 15px !important; }
  .page-id-22 .tabs-wrap .elementor-cta .elementor-cta__description a{ font-size: 17px; }
  .page-id-22 .tabs-wrap .elementor-element-d5052b4 .elementor-cta__description{ line-height: 1.45em; }
}
@media screen and (max-width: 1440px){
  .tabs-wrap .elementor-tab-title{ width: auto; }
}
@media screen and (max-width: 1200px) and (min-width: 1025px){
  .elementor-button{ min-width: 220px !important; }
  .site-banner h2{ font-size: 35px !important; }
  .call-to-action .elementor-cta__content{ padding: 10px !important; }
  .three-box .elementor-section{ padding-left: 0 !important; }
  .three-box h2{ font-size: 35px !important; }
  .three-box p{ font-size: 13px !important; line-height: 120% !important; }
}
@media screen and (max-width: 1024px){
  .site-header .elementor-nav-menu a{ justify-content: space-between; }
  .site-header .elementor-nav-menu a .sub-arrow{ display: block; }
  .site-footer .ctinfo p{ align-items: center; flex-direction: column; justify-content: center; }
  .site-footer .ctinfo p small{ margin-right: 0; }
  .site-footer .ctinfo .small{ text-align: center; }
  .column-two ul{ column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; }
}