/* Enter Your Custom CSS Here */

/*
.page-id-3057 .elementor-element-bcb2649 .elementor-widget-container {
	display: flex;
	justify-content: center;	
	padding: 0px 30px;
}
*/
.page-id-3057 .elementor-element-bcb2649 .post-password-form {
	padding-left: 300px;
}

.page-id-3057 .elementor-element-bcb2649 .post-password-form input {
		color: #000;
		border: 2px solid #000;
}

.page-id-3057 .elementor-element-bcb2649 .post-password-form label {
padding-right: 30px;
}

.search-filter-input-checkbox::before {
    content: "";
    position: absolute;
    bottom: 115%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}
.resource-student-facing-filter .search-filter-input-checkbox[data-option-value="Yes"] .search-filter-input-checkbox__container::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 22px;
    height: 22px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s;
}


/* S&F Student Facing Only Toggle Field */
.search-filter-field--id-7 div[data-option-value="0"] {
  display: none !important;
}
.resource-student-facing-filter span.search-filter-input-checkbox__control {
    display: none;
}
/* 1. Make sure the parent input group uses flexbox and centers its contents */
.resource-student-facing-filter .search-filter-input-group {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 2. Style the Yes toggle container */
.resource-student-facing-filter .search-filter-input-checkbox[data-option-value="1"] {
  position: relative;
  width: 60px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 3. Toggle visual styling */
.resource-student-facing-filter .search-filter-input-checkbox[data-option-value="1"] input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
}

.resource-student-facing-filter .search-filter-input-checkbox[data-option-value="1"] .search-filter-input-checkbox__container {
  background-color: #ccc;
  border-radius: 34px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: background-color 0.3s;
  position: relative;
  display: block;
}

/* 4. Knob styling */
.resource-student-facing-filter .search-filter-input-checkbox[data-option-value="1"] .search-filter-input-checkbox__container::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 22px;
  height: 22px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s;
}

/* 5. Checked state */
.resource-student-facing-filter .search-filter-input-checkbox[data-option-value="1"] input[type="checkbox"]:checked + label {
  background-color: #96be5a;
}

.resource-student-facing-filter .search-filter-input-checkbox[data-option-value="1"] input[type="checkbox"]:checked + label::before {
  transform: translateX(30px);
}

/* Optional: Hide text label */
.resource-student-facing-filter .search-filter-input-checkbox__label {
  display: none;
}

/* END S&F Student Facing Only Toggle Field */

.cmp-tabs button:hover {
	border-radius: 0px !important; 
}

@media print {
  .no-print{display:none !important;}
}

@media print{
  header,footer,nav{display:none!important;}     /* kill global chrome         */
  body{background:none!important;color:#000;}    /* drop background colours    */
}

@keyframes spin-right   { to { transform: rotate(360deg); } }
@keyframes spin-left   { to { transform: rotate(-360deg);} } /* counter‑clockwise */

.c3-text {
	width:80%;	
}

.left-gear  {
    animation: spin-left 150s linear infinite;
}

.right-gear  {
    animation: spin-right 150s linear infinite;
}


.link-style a {
	color: blue;
  position: relative;
	text-decoration:  none;
	color: blue;
  background-image: linear-gradient(#fff 90%, #fff 90%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: background-size 0.9s ease-in-out;
}

.link-style a:hover {
	text-decoration: underline !important;
  background-size: 100% 2px;
	color: blue;
}

.white-text a {
 color: #fff;
    position: relative;
		text-decoration: underline dotted;
		color: #fff;
    background-image: linear-gradient(#fff 90%, #fff 90%);
    background-size: 0 2px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size 0.9s ease-in-out;
}

.white-text a:hover {
	xtext-decoration: underline;
  background-size: 100% 2px;
	color: #fff;
}

.mind-maker .dce-term-item {
	padding:5px 2px 4px 2px;
	border-radius:15px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	margin-right: 8px;
	color: #fff;
}

.mind-maker a.dce-term-item:hover {
	color: #000 !important;
}

.mind-maker .term66 {
		background-color:var(--e-global-color-accent);
}

.mind-maker .term68 {
		background-color: var(--e-global-color-e795fa2);
}


.list-fix ul,
.list-fix ol {
    margin-bottom:20px;
}

.list-fix ul li,
.list-fix ol li {
    margin-bottom:8px;
}

.list-fix ol > li > ul {
  list-style: none;
  padding-left: 1.5em;
  counter-reset: sublist;
}

.list-fix ol > li > ul > li {
  counter-increment: sublist;
  position: relative;
}

.list-fix ol > li > ul > li::before {
  content: counter(sublist, lower-alpha) ". ";
  position: absolute;
  left: -1.5em;
}

.list-fix ol > li > ul {
    margin-top: 8px;
    margin-bottom: 0px !important;
}

input[type="text"]:focus, textarea:focus {
	outline: none !important;
  border-color: #000000 !important;
}

/* Search Overlay Opacity Text PlaceHolder Fix */
.header-search input.elementor-search-form__input::placeholder {
    opacity: 1;
}

/* Site layout setting */

		/* px = height of header + footer */
.page-content-container {
	min-height: calc( 100vh - 365px ); 
}

.title-padding {
	padding-bottom: 30px;	
}

.heading-hover .elementor-heading-title a:hover {
	color: red !important;
} 

.posts-card:hover .heading-hover,
.archive-card:hover .heading-hover {
	color: red;
}

.mobile-margins {
	padding-left: 20px;
	padding-right: 20px;	
}

.page-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* END Site layout setting */

/* Fixes Elementor a display-block bug when an image is made a link */
.elementor-widget-image a { 
	display: inline !important; 
} 

/* Disable the clickable icon when mousing over main menu items that are not clickable */
.unclickable > a:hover {
  cursor: default;
}




/* Tablet CSS */
@media (max-width: 1024px) {

/* Make aligned images in text editors scale responsively 

.cmp-basic-text figure.alignleft,
.cmp-basic-text figure.alignleft img,
.cmp-basic-text figure.alignright,
.cmp-basic-text figure.alignright img {
	width: 100% !important;
}

*/
.c3-text {
	width:85%;	
}
/* px = height of header + footer */
.page-content-container {
	min-height: calc( 100vh - 365px ); 
}
	
.page-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}

.mobile-margins {
	padding-left: 20px;
	padding-right: 20px;	
}

.title-padding {
	padding-bottom: 30px;	
}

	
}

/* mobile CSS */

@media (max-width: 768px) {

/* Make aligned images in text editors scale responsively */
.c3-text {
	width:100%;	
}
.cmp-basic-text figure.alignleft,
.cmp-basic-text figure.alignleft img,
.cmp-basic-text figure.alignright,
.cmp-basic-text figure.alignright img {
	width: 100% !important;
}

/* px = height of header + footer */
.page-content-container {
	min-height: 100%; 
}
	
.page-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}
	
.title-padding {
	padding-bottom: 20px;	
}

	
}