/*
Theme Name: Cowichan Valley School District
Description: Designed to be flexible, versatile theme. Its collection of templates and patterns tailor to different needs.. A multitude of possibilities open up with just a few adjustments to color and typography. This theme comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 5.9
Tested up to: 6.1.1
Requires PHP: 7.4
Author: Invision Web
Author URI: https://www.invisionweb.ca
Version: 3.4.59
License: GNU General Public License v2 or later.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: CVSD
*/

#mega-menu-wrap-full_network #mega-menu-full_network {
    z-index: 9000;
}

h2.widgettitle {
	display: none !important
}

.mo_doc_lib_responsive-table .mo_doc_lib_table-header {
    background-color: #eeeeee !important;
}

.mo_doc_lib_nav, #ul#mo_doc_lib_all_docs_list_29, #ul#mo_doc_lib_all_docs_list_30 {
    display: none !important;
}

.mo_doc_lib_item_list {
	height: 55rem !important
}

body.page-id-1793 .mo_doc_lib_item_list {
	height: 10rem !important
}


/* Hide the image with specific src on the specific page */
.page-id-1793 .mo_doc_lib_display_on_page_container img[src*="empty_folder_drop.svg"] {
  display: none;
}

/* Add text when the container is empty */
.page-id-1793 .mo_doc_lib_display_on_page_container.no-docs::before {
  content: "No Postings";
  display: block;
  font-size: 16px;
  color: #333;
  text-align: center;
  margin-top: 20px;
}








.kb-row-layout-id45419_017d38-8d .wp-block-kadence-posts.grid-cols,
.kb-row-layout-id45419_017d38-8d > .kt-row-column-wrap {
    column-gap: 1rem !important;
    row-gap: 1rem !important;
}
.kb-row-layout-id45419_017d38-8d  .wp-block-kadence-posts.kb-posts-style-unboxed.grid-lg-col-1.item-image-style-beside article.loop-entry {
        gap: 0.5rem !important;
    }
/*
.mega-menu-item article {
	row-gap: 1em !important;
}
*/



.mega-menu-item > p {
    margin-top: 0 !important;
}

.mega-menu-item .widget_text > p {
    text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.9px;
	margin-top: 20px;
	color: #000;
}

body.home .tribe-events .tribe-events-header {
	display: none !important;
}
.tribe-events-calendar-list__event-date-tag-datetime {
	background-color: #f5f5f5;
	padding: 10px!important;
}
.tribe-events-calendar-list__event-date-tag.tribe-common-g-col {
    margin-right: 10px;
}
body.home .tribe-common-l-container.tribe-events-l-container {
     min-height: unset;
 }



/* Tooltip styling */
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Position the tooltip above the text */
    left: 50%;
    margin-left: -80px; /* Center the tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* Screen reader text styling */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}






html {
     scroll-behavior: smooth;
}  
html, body {
     overflow-x: hidden
}
h2:first-child,
h4:first-child,
h3:first-child { margin-top: 0 }


@media only screen and (min-width: 1024px) {
     figure.wp-block-video {
          min-width: 510px;
     }

}

.disabled-link,
.tooltipstered a,
.tribe-events-calendar-list__event-title-link,
.tribe-events-widget-events-list__event-title a {
     cursor: default;
     pointer-events: none;        
     text-decoration: none;
}

/*
.entry-content .kt-mobile-layout-row,
.kt-row-has-bg {
     z-index: 0;
 }
*/


/* font sizing 
     .text-sm {
          font-size: 0.9em;
     }
font sizing */


/* flex containers
     .flex-container {
          display: flex;
          flex-flow: row wrap;
          justify-content: flex-start;
     }
     .flex-item {
          width: 32%;
     }
     .full-width {
          width: 100%;
          height: auto;
     }
 flex containers */

/*
.flex-container {
     display: flex;
     align-items: stretch;
   }
   
   .flex-container > div {
	   padding-right: 1.5em;
	   width: calc(100%/3);
   }

   .flex-container div:last-child {
     padding-right:0;
   }*/
.news-post-feature-image {
    height: 200px;
    overflow: hidden;
}

/* Basic reset for margin and padding */

/* Container setup for flexbox 
.flex-container, 
.flex-container-stack {
	box-sizing: border-box;
}

.flex-container > div,
.flex-container-stack > div {
  background-color: #f0f0f0;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 2em;
}
.flex-container > div {
  flex: 1 1 calc(25% - 10px);
  margin-bottom: 0;
}
.news-wrapper {
	background-color: #fafafa;
	padding: 1.5em;
	border-radius: 5px;
	box-shadow: 0 0px 6px #e1e1e1;
	text-align: left;
	margin: 0em 1em;
}
.flex-container .news-wrapper {
     min-height: 230px;
}
.flex-container .news-wrapper h3 {
     margin-bottom: 0.5em;
     font-weight: 600;
     font-size: 1.12em;
}
*/
.flex-container {
     display: flex;
     margin: -10px;
 }
 
 .flex-container > div {
     flex: 1 1 25%; /* Initial width of 25% for 4 columns */
     margin-right: 1.5em;
     max-width: 25%; /* Prevent wrapping on desktop */
     background-color: #f6f6f6;
     border: 1px solid #e6e3e3;
 }
 .flex-container > div:last-child {
     margin-right: 0;
 }
 @media (max-width: 1200px) {
     .flex-container > div {
         flex: 1 1 33.33%; /* 3 columns for medium screens */
         max-width: 33.33%; /* Ensure no wrapping */
     }
 }
 
 @media (max-width: 768px) { /* iPad screen width */
     .flex-container > div {
         flex: 1 1 50%; /* 2 columns for iPad screens */
         max-width: 50%; /* Ensure no wrapping */
     }
 }
 
 @media (max-width: 500px) {
     .flex-container > div {
         flex: 1 1 100%; /* 1 column for extra small screens */
         max-width: 100%; /* Ensure no wrapping */
     }
 }
.flex-container .news-wrapper {
     padding: 1.5em 2em;
}






/* event calendar */
     .tribe-events-view--shortcode-tribe-widget-events-month--1,
     .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month {
          padding: 0 !important;
     }
     .tribe-common-l-container.tribe-events-l-container {
          padding: 2em 0 !important;
          max-width: 1400px !important;
     }
     .tribe-events-widget-events-month__view-more-link,
     li.tribe-events-c-breadcrumbs__list-item:first-child,
     a.tribe-events-calendar-series-archive__link {
          display:none;
     }
     a.tribe-events-calendar-month__calendar-event-title-link.tribe-common-anchor-thin.tooltipstered,
     .tribe-events-calendar-month__calendar-event-tooltip-title-link {
         cursor: help;
     }
     .tribe-common .tribe-common-l-container {
         padding-left: 0 !important;
         padding-right: 0 !important;
     }
     .tribe-common-l-container.tribe-events-l-container {
          padding-bottom: 0 !important;
     }
     .tribe-events-widget-shortcode__header-title {
          margin-bottom: 0 !important;
     }
     .tribe-common .tribe-common-c-svgicon {
          color: inherit !important;
     }
     .tribe-events-widget {
          margin-bottom: 1em !important;
     }
     .tribe-events-widget-events-list__view-more {
          margin-left: 1em !important;
     }
     .tribe-events-widget-events-list__view-more a {
          color: #F76F0C !important;
     }
     .tribe-events-c-subscribe-dropdown__button {
          color: #F76F0C !important;
          border: 1px solid #F76F0C !important;
     }
     .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
          background-color: #F76F0C !important;
          color: #FFF !important;
     }   
     .tribe-events-c-subscribe-dropdown {
          margin-bottom: 0 !important;
     }  
	.tribe-common-l-container.tribe-events-l-container {
		padding-top: 0 !important;
	}
/* event calendar */


/* slider */
     .swiper {
          z-index: 0;
     }
     .banner-clip {
          clip-path: polygon(0 0, 0 87%, 75% 87%, 100% 0%, 100% 0);
     }
/* slider */


/* extend kadence styles */
     a.post-more-link {
          color: inherit;
          font-size: 80%;
          font-weight: 700;
          letter-spacing: .05em;
          text-decoration: none;
          text-transform: uppercase;
     }
/* extend kadence styles */


/* spacing utilities 
     .mt-n3 {
          margin-top: -1em !important;
     }
 spacing utilities */


/* alerts */
     .alert p {
          display: inline;
     }
/* alerts */


/* Guttenberg Overrides */
     body.single-post .wp-block-post-content p:first-child {
          font-size: 1.25em;
     }

     article.entry.content-bg.loop-entry {
          background-color: #f3f4f6;
     }
     .entry-meta.entry-meta-divider-dot {
          margin-top: 0.35em !important;
     }
     .wp-block-kadence-posts .loop-entry .entry-content-wrap {
          padding: 1.5rem 2rem;
     }
     .feature-post-news .entry-content-wrap {
          padding: 0.5rem 1.55rem !important;
     }
/*
     p.wp-block-post-excerpt__excerpt {
          font-size: 0.85rem;
     }*/
     .wp-block-kadence-posts .loop-entry {
          box-shadow: 0 !important;
     }
/* Guttenberg Overrides */


/* Mapping Styles */
     .wpgmza_infowindow_address,
     .wpgmza_infowindow_categories {
          display: none;
     }
     .wpgmza_infowindow_description {
          margin-bottom: 1em;
     }
     .wpgmza_gd {
          font-size: 0.8em;
          text-align: center;
          display: block;
     }
/* Mapping Styles */


/* social media */
/*
     .efbl-post-footer {
          display: none;
     }
     .efbl-masonry {
          column-gap: 25px;
     }
*/
/* social media */


/* subtle fixes */
     span.ab-icon.dashicons {
          font-size: 1.6em !important;
          padding-top: 0.25em !important;
     }
     .main-header {
          z-index: 10;
     }
     .custom-field-label {
          font-weight: bold;
     }
     .photo-block-short:nth-child(n+3) {
          display: none;
     }
     @media only screen and (min-width: 769px) {
          .photo-block-short:nth-child(n+3) {
               display: block;
          }
     }
/* subtle fixes */


/* SharePoint MiniOrange Document Embed Styling */
.mo_doc_lib_nav {
display: none;
}

.mo_doc_lib_responsive-table .mo_doc_lib_table-header { 
background-color: #1b4852; 
}
.modal-content {
	width: 55%;
	max-width: 55%;
}

/*
iframe {
	height: 80vh;
}
*/

.mo_doc_lib_table-row:hover {
    background-color: #f2e6c5;
}


/* Hover effect for desktop 
@media (min-width: 768px) {
    .quick-link:hover .quick-link-label {
        opacity: 1;
    }

    .quick-link:hover .quick-link-icon {
        margin-right: 5px;
    }
}
*/

/* Always show labels on mobile */
@media (max-width: 767px) {
    .quick-link-label {
        opacity: 1;
    }
}

/* Angled clips */
.corner-angle-clip-right {
     -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
     clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
}
.corner-angle-clip-left {
     -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
     clip-path: polygon(0 0, 25% 100%, 100% 100%, 100% 0);
}
.clip-mask {
     -webkit-clip-path: polygon(0 0, 12% 100%, 100% 100%, 100% 0);
     clip-path: polygon(0 0, 12% 100%, 100% 100%, 100% 0);
}

@media only screen and (min-width: 1024px) {
     .absolute {
          position: absolute;
     }

}


@media only screen and (max-width: 1024px) {	
	.mobile-hide {
		display: none !important;
	}	
}


 /* Basic styling for the sticky header */
.sticky-header, .school-sticky-header {
     position: sticky;
     top: 0;
     width: 100%;
     background-color: white; /* Adjust as needed */
     z-index: 1000; /* Ensure it stays on top */
     transition: all 0.8s ease-in-out;
	 border-bottom: 1px solid #eeeeee;
 }
 .sticky-header {
	 border-bottom: none !important;
}

 /* Default logo size */
 .sticky-header .wp-block-site-logo img {
     width: 180px;  /*Adjust to your default logo size */
     transition: width 0.8s ease-in-out;
	 height: auto; /* Ensure images maintain their aspect ratio */
 }
 
 body.home .sticky-header .wp-block-site-logo img {
     width: 215px;  /*Adjust to your default logo size */
	 position: absolute;
}

body.home .home-gap {
	padding: 3em 0 1em 0;
	transition: all 1.1s ease-in-out;
}

body.home .sticky-header.shrunk .home-gap {
	padding: 1em 0 1em 0;
	transition: all 1.1s ease-in-out;
}


 /* Shrunk logo size when sticky */
 .sticky-header.shrunk .wp-block-site-logo img {
     width: 135px !important; /* Adjust to your desired shrunk size */
	 
 }
	
	 
/* Default school logo size */
.school-sticky-header .wp-block-site-logo {
    position: relative;  /* Ensure relative positioning for the wrapper */
    transition: all 1.1s ease-in-out;
    /* top: -3.5em;   Default top position */
}
	 
/* Default logo size */
.school-sticky-header .wp-block-site-logo img {
    width: 165px;  /* Adjust to your default logo size */
    transition: width .8s ease-in-out;
}

/* Adjustments when header becomes sticky */
.school-sticky-header.shrunk .wp-block-site-logo {
    /*top: 2em;  /* Adjust as necessary for the menu height */
	margin-top:5em;
}

/* Shrunk logo size when sticky */
.school-sticky-header.shrunk .wp-block-site-logo img {
    width: 100px;  /* Adjust to your desired shrunk size */
}


.search-container {
     transition: opacity 0.6s ease-in-out;
     display: block;
}
.hide-search {
     display: none;
     transition: opacity 0.6s ease-in-out;
}

.htr-modal-content-hide {
    display: none !important;
}

button.eedee-gutenslider-nav.eedee-gutenslider-prev, 
button.eedee-gutenslider-nav.eedee-gutenslider-next {
    display: none;
}