/* Remove in production*/

.temp-keyword {
  visibility: hidden;
  display: none;
}


#views-exposed-form-explore-curriculum-page-1 label {
  display: block;
  font-weight: bold;
}

#views-exposed-form-explore-curriculum-page-1 .js-form-type-select {
  padding-right: 15px
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

  /* IE10+ CSS styles go here */
  .page-view-curriculum-course-view .curriculum-course .view-content {
    width: 100% !important;
  }
}

.path-frontpage .by-subject {
  float: left;
  padding: 5px;
}

.path-frontpage .by-subject .subject {
  border: 1px solid #ccc;
  padding: 20px;
  width: inherit;
  float: left;
  text-align: center;
}

.path-frontpage .title {
  margin-top: 0px !important;
}

.path-frontpage .card-info {
  margin-bottom: 20px;
}

#page-view-explore-curriculum .js-form-type-checkbox {
  margin-bottom: 0px !important
}

.front-page-header {
  margin-top: 20px;
}

.fastlinks ul {
  list-style: none;
}

.fastlinks ul li {
  width: 20%;
  float: left;
  padding: 25px;
  border: 1px solid #ccc;
  text-align: center;
  margin: 5px;
  height: 125px;
}

/* Language Picker */

.language-picker ul,
.language-picker nav {
  font-size: 0.9rem;
  height: 30px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-bottom: none !important;
}

.language-picker li,
.language-picker nav span {
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0px !important;
}

.language-picker li a,
.language-picker nav span a {
  display: block;
  padding: 0 10px;
  color: #ffffff;
  text-decoration: underline;
  background:#082747 !important
}

.language-picker li a:hover,
.language-picker nav span a:hover {
  text-decoration: underline;
}

/* Grade Picker*/
.views-field-field-grade-picker {
  text-align: center;
}

.curriculum_content .view-grouping-content {
  background: aliceblue !important;
}

.curriculum_competencies .view-grouping-content,
.curriculum_content .view-grouping-content {
  border: 1px solid #ccc;
  border-radius: 0.25em;
}

.view-display-id-attachment_2,
.view-display-id-attachment_3 {
  float: left;
  width: 100%;
}

.view-grouping.curriculum_content,
.view-grouping.curriculum_competencies {
  padding-top: 15px;
}

.view-grouping.curriculum_big_ideas {
  margin-bottom: 15px;
}

.view-display-id-attachment_3 .view-grouping {
  width: 100% !important;
}

.view-id-curriculum_directory .curriculum-content .views-row:nth-child(2n) {
  background: none;
}

.view-id-curriculum_directory .curriculum-content .views-row:nth-child(2n + 1) {
  background: #ccc;
}

.view-display-id-attachment_3 .curriculum-content .views-row {
  background: none !important;
}

.view-curriculum-directory .view-grouping-content>.col-12 {
  padding: 0px !important;
  margin: 0px !important;
}

.view-curriculum-directory .view-grouping.col-12 {
  margin: 0px !important;
  padding: 15px 0px !important;
}

view-grouping col-12
/* Download Links*/

.grade-changer .dropdown-menu a {
  width: auto !important;
  float: none !important;
  border-bottom: none !important;
  height: 20px !important;
}

.grade-changer .dropdown-item {
  display: inline !important;
}

.downloads {
  position: absolute !important;
  right: 0;
}

.view-curriculum-course-view .dropdown-menu {
  float: left;
  /*width: 92%;*/
}

/*
.view-curriculum-course-view .dropdown-menu a {
  width: 400px;
  padding: 10px;
}*/

/* Curriculum  Title*/

.view-display-id-attachment_1 {
  float: left;
  width: 100%;
}

.view-display-id-attachment_1 .view-grouping {
  width: 100% !important;
}

h1,
h2,
h3,
h4,
h5 {
  color: #313132;
  font-weight: 600;
  line-height: 1.2em;
}

h1 {
  font-size: 2.074em;
  margin-bottom: 0.57em;
}

h2 {
  font-size: 1.728em;
  margin-bottom: 0.43em;
}

h3 {
  font-size: 1.44em;
  margin-top: 1em;
  margin-bottom: 0.43em;
}

h4 {
  font-size: 1.2em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
}


.curriculum-content>.views-row .elaboration {
  display: none;
}

/* Big Ideas*/
.curriculum_big_ideas .ccg {
  display: none;
}

.curriculum_big_ideas .curriculum-content {
  display: flex;
}

.view-curriculum-course-view .curriculum_big_ideas .curriculum-content>.views-row {
  width: 25%;
  padding: 20px;
  background: aliceblue !important;
  border: 1px solid #ccc;
  border-radius: 0.25em;
  text-align: center;
}

/* Content */
.view-grouping-header {
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

.view-curriculum-course-view .curriculum-content>.views-row {
  position: relative;
  padding-left: 30px;
  background: url(/sites/curriculum.gov.bc.ca/themes/custom/curriculum/images/icons/c_and_c_bullet_black_75.png) no-repeat !important;
  margin-bottom: 10px;
}

.view-curriculum-course-view .curriculum-content>.views-row.ccg_keyword_w_elaboration {
  position: relative;
  padding-left: 0px !important;
  background: none !important;
}

/* Curricular Competencies */

.view-curriculum-course-view .curriculum-content>.views-row {
  position: relative;
  padding-left: 30px;
  background: url(/sites/curriculum.gov.bc.ca/themes/custom/curriculum/images/icons/c_and_c_bullet_black_75.png) no-repeat !important;
  margin-bottom: 10px;
}

h4.ccg.no-ccg {
  display: none;
}

.view-curriculum-directory h4.ccg {
  margin-top: 25px;
}

.curriculum-content>.views-row .field-content.col {
  padding-left: 0px !important;
}

.view-grouping:nth-of-type(1) {
  order: 1;
}

.view-grouping:nth-of-type(2) {
  order: 3;
}

.view-grouping:nth-of-type(3) {
  order: 2;
}

.view-grouping:nth-of-type(4) {
  order: 4;
}

/* Stem styles */
.curriculum-stem {
  padding: 15px;
  font-style: italic;
}

/* Elaborations */
.keywords,
.elaborations {
  display: none;
}

/* course Directory*/
.course-links .nav-link {
  padding-left: 0px !important;
}

.course-downloads {
  text-align: right;
}

.course-title {
  padding: 10px;
}

.pdf_url,
.docx_url,
.web_url {
  text-align: center;
  float: right;
  margin: 5px 0px;
  padding-left: 5px;
}

.view-id-curriculum_directory .curriculum-content>div:nth-child(2n) {
  background-color: #e2edf8 !important;
}

.view-id-curriculum_directory .curriculum-content>div:nth-child(2n + 1) {
  background-color: #cde0f3 !important;
}

/* Curriculum Mega Menu*/

.megamenu {
  position: static;
}

.megamenu .dropdown-menu {
  background: none;
  border: none;
  width: 100%;
}

/* Carousel/Main Header Image */

.path-frontpage #carousel .page .background .background-fade {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: contain;
  background-repeat: repeat-x;
  background-position: center bottom;
  background-image: url(/sites/curriculum.gov.bc.ca/themes/custom/curriculum/images/carousel-bottom-gradient.png);
}

.path-frontpage .carousel-caption {
  background-color: rgba(0, 51, 102, 0.8);
  bottom: 450px;
  max-width: 550px;
  margin-top: 200px;
  margin-left: 30px;
  padding-left: 25px;
  text-align: left;
}

/* Core Competencies */
.competency-links .communication {
  padding-left: 0px;
  padding-right: 0px;
}

.competency-links .thinking {
  padding-left: 5px;
  padding-right: 5px;
}

.competency-links .personal-and-social {
  padding-left: 0px;
  padding-right: 0px;
}

.competency-links .communication a {
  border-left: 10px solid orange;
  padding-left: 10px;
  padding-right: 0px;
}

.competency-links .thinking a {
  border-left: 10px solid blue;
  padding-left: 10px;
  padding-right: 0px;
  margin: 0px 5px;
}

.competency-links .personal-and-social a {
  border-left: 10px solid green;
  padding-left: 10px;
  padding-right: 0px;
}

.competency-links .communication a:hover {
  background: orange !important;
}

.competency-links .thinking a:hover {
  background: blue !important;
}

.competency-links .personal-and-social a:hover {
  background: green !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background: white !important;
  color: #666;
}

/* Main Navigation */
.nav-brand {
  width: 100%;
}

@media (min-width: 576px) {
  .container {
    width: 100% !important;
  }
}

/* Main wrapper homepage */

.home-search-box {
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 0.25em;
}

.search-btn {
  background-color: #003366;
  border: none;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 18px;
  position: relative;
  font-weight: 700;
  letter-spacing: 1px;
  cursor: pointer;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  transition: all .2s ease-out, color .2s ease-out;

}


.search-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 250px;
}
.search-container.legacy{
  background: #f4f4f4;
  background-image: url("/sites/curriculum.gov.bc.ca/themes/custom/curriculum/images/banners/frontpage-classroom-kids.jpg");
  background-size: cover;
  background-position: left center;
  min-height: 500px;
}
.search-container.current{
  background: #1a4a7a;
}

.search-box {
  width: 85%;
}

.search-text-box {
  color: #fff;
}

.search-text-box h1 {
  color: #fff;
  font-size: 3.5em;
  padding: 0;
  margin: 0;
  text-shadow: 1px 2px 3px #000000;
}

.search-text-box h1 em {
  font-weight: 300;
  font-style: normal;
}

.search-text-box p {
  font-size: 1.5em;
  text-shadow: 1px 2px 3px #000000;
}

#main-wrapper {
  background-image: none;
}

/* Home page search block */

.home-search-block {
  min-height: 250px;
  width: 100%;
}

.home-search-block h2 {}

.has-search {
  background: rgba(0, 51, 102, 0.5);
  border-radius: 3px 0 0 3px;
  margin: 15px 0;
  padding: 25px;
  width: 100%;
}

.has-search .form-control {
  width: 90%;
}

/*.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}*/

#block-curriculum-curriculum-system-main .views-element-container {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

/* Competency Illustration profiles*/
.field--name-field-profiles>.field__label {
  font-size: 1.54912rem;
  margin-bottom: 1.25rem;
  font-weight: 700;
  line-height: 1.1;
}

/* Core Competencies */

.core-competency-highlight {
  background-color: red;
}

.field--name-field-profiles>div>.field__items.count-2>.field__item,
.field--name-field-profiles>div>.field__items.count-4>.field__item {
  max-width: 50% !important;
  float: left !important;
}

.field--name-field-profiles>div>.field__items.count-3>.field__item,
.field--name-field-profiles>div>.field__items.count-5>.field__item,
.field--name-field-profiles>div>.field__items.count-6>.field__item {
  max-width: 33% !important;
  float: left !important;
}

.field--name-field-profile-numv {
  border-bottom: 1px solid #ccc;
}

.field--name-field-competencies {
  font-size: 1.55em;
  line-height: 1.1em;
  margin: 0.75em 0;
}

.node--type-illustration h2 {
  font-size: 1em !important;

}

.node--type-illustration img {
  padding: 5px;
}

.node--type-illustration img.image-illustration-square-image {
  width: 200px;
  height: 200px;
  background-position: center center;
  background-repeat: no-repeat;
}

.view-instructional-samples .video-embed-field-responsive-video{
  width: 60%;
  float:left;
}

.view-instructional-samples .field--name-body,
.view-instructional-samples .field--type-file {
  width: 100%;
  float: left;
  padding-right: 20px;
}
.view-instructional-samples .views-row {
  border-bottom: 1px solid #ccc;
  padding: 20px 0px !important;
}

/* Explore Curriculum */
.view-id-explore_curriculum .views-field-nothing-2 tr {
  text-transform: capitalize;
}

/* Elaborations */

.toggle-elaborations {
  float: right;
}

.description {
  font-size: 12px;
}

.quicktabs-tabs.list-group {
  flex-direction: row !important;
  margin: 0px !important;
}

.quicktabs-tabs.list-group li {
  padding: 10px;
  border-bottom: none;
}

.quicktabs-main {
  border: 1px solid #ccc;
  margin: 0px !important;
  padding: 20px 15px;
}

.quicktabs-wrapper {
  padding: 0px !important;
}

/* .block-quicktabs h3 {
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
} */

.list-group-item a {
  text-decoration: none;
  border-radius: none;
}

.active.list-group-item a {
  color: white;
}

.list-group-item:first-child {
  border-top-right-radius: 0;
}

.list-group-item:last-child {
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* Subject landing page */
.subject-landing-page-content .subject-landing-page-10-12 .view-content {
  display: flex;
  flex-direction: row;
}

.subject-landing-page-10-12 .view-grouping:nth-of-type(2) {
  order: 1;
}

.subject-landing-page-content #subject_landing_get_started h2 {
  padding: 0px;
}

.subject_landing_choose {
  margin-top: 20px;
}

#edit-type {
  float: left;
}

#edit-field-grade-range-value {
  width: 300px;
  float: left;
  margin-top:5px;
  padding:10px;
  border: 1px solid #ccc;
}

#edit-type--wrapper {
  float: left;
  width: 200px;
  border: 1px solid #ccc;
}

#edit-field-grade-range-value--wrapper {
  float: left;
  width: 300px;
}

#edit-field-grade-range-value .form-check {
  float: left;
  width: 50%;
  margin-bottom: 5px;
}

#edit-field-subject-range-value {
  width: 550px;
  float: left;
  margin-right:16px;
  margin-top:5px;
  padding:20px;
  border: 1px solid #ccc;
}

#edit-field-subject-range-value .form-check {
  position: relative;
  padding-left: 1.25rem;
  float: left;
  width: 250px;
  margin-bottom: 5px !important;
}

#block-curriculum-curriculum-block-22 {
  display: none;
}

.form-item-type-curricular-competency {
  width: 150px;
}

.form-item-type-big-idea {
  margin-bottom: 5px !important;
}

#views-exposed-form-explore-curriculum-page-1 div.form-row>fieldset {
  border: 1px solid #ccc;
  margin: 5px;
  padding: 15px;
}

#edit-submit-explore-curriculum {
  border: 1px solid #ccc;
  background: #5475a7 !important;
  color: white;
}

legend {
  float: left;
}



.path-instructional-samples #edit-actions {
  width: auto !important;
}

.form-item-combine {
  width: 100% !important;
  float: left !important;
  background: #e2e2e2;
}

.competency-themes ul li {
  padding: 10px;
  width: 25%;
  float: left;
}

.competency-themes .paragraph--type--profile h2 .field--name-name {
  font-size: 16px !important;
}

.competency-themes h2 a {
  font-size: 16px !important;
}

.competency-themes .list-group {
  display: block;
}

#views-exposed-form-competencies-search-page-1 .fieldset-wrapper {
  float: left;
}

.btn-communication {
  color: #313132;
  background-color: #fff;
  border-color: #f58855;
  border-left-width: 15px;
}

.btn-thinking {
  color: #313132;
  background-color: #fff;
  border-color: #009ada;
  border-left-width: 15px;

}

.btn-personal {
  color: #313132;
  background-color: #fff;
  border-color: #4fb76e;
  border-left-width: 15px;


}

/* .view-curriculum-directory .view-header {
  position: absolute;
  left: 145px;
  z-index: 10;
} */

.card .card-header {
  margin-top: 0px;
}

.view-curriculum-directory .col-auto,
.subject-landing-page-10-12 .col-auto {
  padding: 0px !important;
  margin: 0px !important;
}

.view-curriculum-directory .row {
  margin: 0px !important;
}

/* firefox fix */
#block-curriculum-curriculum-system-main .view-id-curriculum_course_view .attachment-before .views-element-container {
  width: 100%;
}

#block-curriculum-curriculum-system-main .view-id-curriculum_course_view .attachment-before {}

.path-instructional-samples .en {
  display: block !important;
}

@media (max-width: 767.98px) {
  .competency-card {
    min-height: 0;
    margin-bottom: 2rem;
    padding: 1.5rem 1rem;
  }
  .competency-header {
    margin-bottom: 1rem;
  }
}

#edit-field-illustration-competencies-target-id-1--wrapper{
  width:80%;
}
#edit-field-illustration-competencies-target-id-1-2, #edit-field-illustration-competencies-target-id-1-3, #edit-field-illustration-competencies-target-id-1-4{
  display:none;
}
#edit-field-illustration-competencies-target-id-1 ul {
  list-style:none;
  padding-left:25px;
}
#edit-field-illustration-competencies-target-id-1 .form-checkboxes >ul {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:0px;
}
#edit-field-illustration-competencies-target-id-1 ul li div{
  padding:0px !important  
}
#edit-field-illustration-competencies-target-id-1 div > ul > li > div label{
  border-bottom: 1px solid #ccc;
}
/* Instrucitonal Samples */

.page-view-instructional-samples .field__label{
  font-weight: bold;
}
.page-view-instructional-samples .field__label::after {
  content: ':';
  margin-left: 0.15em;
}
.field--name-field-cross-curricular.field--type-entity-reference, .field--name-field-subject.field--type-entity-reference, .field--name-field-grade.field--type-entity-reference, .field--name-field-grade.field--type-entity-reference,  .field--name-field-contrib-tags.field--type-entity-reference{
    margin: 0px;
    padding-left: 16px;
    float: left;
    width: 100%;

}
.field--name-field-user-contrib-file.field--type-file{
  padding-left: 16px;
}


.field--name-field-youtube-url ~ div{
  width: 30% !important
}

/* Competency illustrations */
.page-view-competencies-search .view-filters{
  width: 200px;
  float:left;
}
.page-view-competencies-search .views-row{
    border: 1px solid #ccc;
    border-radius: 25px;
    padding: 0 16px 16px 16px;
    margin-bottom: 16px;
}

/* Navagation */
.site-navigation{
  background:#F8F9FA;
  padding:10px 0;
}
.navbar-brand{
   margin-left: auto !important;
  margin-right: 0px !important;
}

.site-navigation .navbar-nav > .nav-item > a{
  padding: 10px;
} 
header.current .bg-secondary-nav {
  background:#ddd8d8 !important
  
}
header.current nav.navbar{
  width: 100%;
  padding:0px !important;
  background:#082747 !important;
}
header.current .navbar .nav-item a{
  border-bottom: 3px solid transparent;
  transition: border-color 0.2s;
  padding: 10px;
  
}
.current .navbar .nav-item a:hover{
  background: white;
  border-color: orange
}

.nav-item.dropdown.megamenu.show{
  border-bottom: 4px solid orange

}
.current .navbar .nav-item a.show{
  border-color: 3px soild orange;
}
.current .nav.navbar-dark.bg-secondary-nav .container{
  padding: 0px !important;
  margin: 0px !important;
  width:100%;
}
.current .dropdown-menu{
  width: 100% !important;
  border-bottom: 1px solid #ccc !important;
  padding:10px;
}
/* .current nav {
    background-color: #FFF !important;
    border-bottom: 1px solid #ccc;
}
.current nav a{
  color: #0a3972
}
.current .navbar-brand a {
  color:#666
}

.current div.current nav.navbar {
  padding:0px !important
} */

header nav{
  border-bottom: none !important;
}

/* Home page */
.path-frontpage #block-pagetitle h1{
  display: none;
}
/* Curriculum Card Grid Layout */
.curriculum-card-description{
  font-size: 1rem
}
.curriculum-card-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin: 2rem 0;
}
.curriculum-card {
  border: 2px solid #e6eaf0;
  border-radius: 10px;
  overflow: hidden;
  transition: box-shadow 0.2s, border-color 0.2s;
  padding: 15px;
}
.curriculum-card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.10);
  border-color: #f9b233;
}
@media (max-width: 900px) {
  .curriculum-card-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

/* Core Competencies Card Legacy Styles */
.core-competencies-card {
  background: #1a4a7a;
  color: #fff;
  border-radius: 12px;
  padding: 2rem 1.25rem 2.25rem 1.25rem;
  margin-bottom: 2rem;
  box-shadow: 0 2px 8px rgba(10,57,114,0.08);
}
.core-competencies-header h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color:white;
}
.core-competencies-header p {
  font-size: 1rem;
  margin-bottom: 1.5rem;
}
.core-competencies-grid {
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
.core-competency-item {
  background: rgba(255,255,255,0.10);
  border-radius: 10px;
  padding: 1.25rem 1rem 1rem 1rem;
  flex: 1 1 0;
  min-width: 180px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0 1px 4px rgba(10,57,114,0.04);
}
.core-competency-item:not(:last-child) {
  margin-right: 0.75rem;
}
.core-competency-item .mdi {
  font-size: 2rem;
  color: #f9b233;
  margin-bottom: 0.5rem;
}
.core-competency-item h4 {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
  color: #fff;
}
.core-competency-item p {
  font-size: 0.97rem;
  color: #e6eaf0;
  margin-bottom: 0;
}

/* Explore BC Curriculum Card Legacy Styles */
.explore-bc-curriculum-card {
  background: #f6f7fa;
  border-radius: 10px;
  padding: 2rem 1rem 2rem 1.5rem;
  margin-bottom: 2rem;
  box-shadow: 0 2px 8px rgba(10,57,114,0.04);
  text-align: center;
}
.explore-bc-curriculum-content h2 {
  color: #0a3972;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}
.explore-bc-curriculum-content p {
  color: #2a2a2a;
  font-size: 1rem;
  margin-bottom: 1.5rem;
}
.explore-bc-curriculum-actions {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
@media (max-width: 900px) {
  .core-competencies-grid {
    flex-direction: column;
    gap: 1rem;
  }
  .core-competency-item {
    max-width: 100%;
    margin-right: 0 !important;
  }
  .explore-bc-curriculum-card {
    padding: 1.5rem 0.5rem 1.5rem 1rem;
  }
}

/**
Curriculum Search
*/
/* Curriculum search clear (X) icon */
.curriculum-clear-input {
  position: absolute;
  right: 1.5em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5em;
  color: #aaa;
  cursor: pointer;
  display: none;
  z-index: 1100;
  background: transparent;
  border: none;
  padding: 0;
  line-height: 1;
}
.curriculum-clear-input:hover {
  color: #0a3972;
}
/* Dropdown-style checkbox list for #edit-field-subject-range-value-collapsible */
#edit-field-subject-range-value-collapsible {
  position: relative;
  display: inline-block;
  width: 200px;
  max-width: none;
}
#edit-field-subject-range-value-collapsible summary, #edit-field-grade-range-value-collapsible summary {
  width: 100%;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #ccc;
  text-align: left;
  cursor: pointer;
  border-radius: 4px;
  font-size: 1rem;
  position: relative;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
#edit-field-subject-range-value-collapsible summary:after {
  content: '\25BC';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.9em;
  color: #888;
  pointer-events: none;
}
#edit-field-subject-range-value-collapsible[open] summary {
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0,123,255,0.15);
}

.page-view-explore-curriculum details{
  width: 200px;
  height: 30px;
  margin:10px;
}

.page-view-explore-curriculum details.form-item.js-form-wrapper.form-wrapper {
  padding-left: 10px;
  width: 220px;
  min-width: 200px;
  background: #fff;
  margin: 10px 16px 10px 0;
  box-sizing: border-box;
  position: static;
}
.page-view-explore-curriculum details.form-item.js-form-wrapper.form-wrapper[open] .details-wrapper {
  background: #fff !important;
  z-index: 9999;
  width: 100%;
  left: unset;
  right: unset;
  min-width: 0;
  max-width: none;
  overflow-y: visible;
  margin-top: 2px;
  height: auto;
  padding: 0 0 16px 0;
  position:relative;
}
.page-view-explore-curriculum details.form-item.js-form-wrapper.form-wrapper summary {
  width: 100%;
  padding: 10px 14px;
  background: #fff;
  border: 1px solid #ccc;
  text-align: left;
  cursor: pointer;
  border-radius: 4px;
  font-size: 1rem;
  position: relative;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
  display: inline-block;
  min-height: 40px;
  line-height: 1.2;
  color: #003366;
  font-weight: 600;
  outline: none;
}
.page-view-explore-curriculum details.form-item.js-form-wrapper.form-wrapper summary:after {
  content: '\25BC';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1em;
  color: #888;
  pointer-events: none;
}
.page-view-explore-curriculum details.form-item.js-form-wrapper.form-wrapper summary:hover,
.page-view-explore-curriculum details.form-item.js-form-wrapper.form-wrapper summary:focus {
  background: #e6f0fa;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0,123,255,0.15);
}
.page-view-explore-curriculum details.form-item.js-form-wrapper.form-wrapper[open] summary {
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0,123,255,0.15);
  background: #f8fbff;
  position:relative;
}

.page-view-explore-curriculum #edit-field-subject-range-value, .page-view-explore-curriculum #edit-type, .page-view-explore-curriculum #edit-field-grade-range-value{
  background: white !important;
}
.form-item-combine {
  padding:10px 16px 20px 0;
  width: 200px !important;
  float: left !important;
  padding-bottom: 10px !important;
  margin-left: 10px;
}
.dropdown-selection-wrapper{
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

/* Search results */
.search-row{
  background: white !important;
}
.explore-curriculum {
  position: relative;
  display: block;
  width: 100%;
}
.explore-curriculum .dropdown-trigger {
  width: 100%;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #ccc;
  text-align: left;
  cursor: pointer;
  border-radius: 4px;
  font-size: 1rem;
  position: relative;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
.explore-curriculum .dropdown-trigger:after {
  content: '\25BC';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.9em;
  color: #888;
  pointer-events: none;
}
.explore-curriculum .dropdown-trigger.open,
.explore-curriculum:focus-within .dropdown-trigger {
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0,123,255,0.15);
}
.explore-curriculum .dropdown-list {
  display: none;
  position: absolute;
  z-index: 10;
  background: #fff;
  border: 1px solid #ccc;
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  border-radius: 0 0 4px 4px;
  margin-top: 2px;
}
.explore-curriculum:focus-within .dropdown-list,
.explore-curriculum .dropdown-trigger.open + .dropdown-list {
  display: block;
}
.explore-curriculum .dropdown-list .form-check {
  padding: 8px 12px;
  margin: 0;
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
}
.explore-curriculum .dropdown-list .form-check:last-child {
  border-bottom: none;
}
.explore-curriculum .dropdown-list label {
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.explore-curriculum .dropdown-list input[type="checkbox"] {
  margin-right: 8px;
}
.page-view-explore-curriculum #edit-actions {
  float: left;
  padding-top: 10px !important;
  align-self: start !important;
  background:white;
}

.form-item-combine {
  padding:10px 16px 20px 0;
  width: 200px !important;
  float: left !important;
  padding-bottom: 10px !important;
  margin-left: 10px;
  background:white;
}

/* Subject chip link style for curriculum search */
.subject-chip-link {
  display: inline-block;
  background: #0a3972;
  color: #fff !important;
  font-size: 0.92em;
  font-weight: 600;
  border-radius: 16px;
  padding: 0.18em 0.85em 0.18em 0.85em;
  margin-right: 0.5em;
  letter-spacing: 0.01em;
  vertical-align: middle;
  box-shadow: 0 1px 3px rgba(10,57,114,0.08);
  border: none;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
}
.subject-chip-link:hover, .subject-chip-link:focus {
  background: #f9b233;
  color: #002145 !important;
  text-decoration: none;
}

/* Accordion Chevrons*/ 

.chevron-icon{
  float:right
}
/* Bread crumbs*/
.site-breadcrumbs{
  width: 100% !important;
  background: #fff;
  
}
header.current #block-curriculum-breadcrumbs nav{
  margin-top: 0px !important;
}
.current ol.breadcrumb{
  padding: 10px !important;
  margin: 0px !important;
  border-radius: unset;
  background: white !important;
}
.current.site-breadcrumbs{
  border-bottom: 2px solid orange;
}
.btn.btn-link:focus{
  box-shadow: none !important;
}


/* Styles for .continuous-views dropdown rows */
.dropdown.continuous-views .dropdown-menu {
  min-width: 420px !important;
  background: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 0.75rem;
  box-shadow: 0 4px 24px rgba(10,57,114,0.10);
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  margin: 0;
  z-index: 1050;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.dropdown.continuous-views .dropdown-menu li {
  padding: 0.35rem 0.5rem;
  border-bottom: 1px solid #f2f4f8;
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5;
}
.dropdown.continuous-views .dropdown-menu li:last-child {
  border-bottom: none;
}
.dropdown.continuous-views .dropdown-menu a.dropdown-item {
  color: #0a3972;
  font-weight: 600;
  text-decoration: none;
  margin-right: 0.5em;
  transition: color 0.15s;
}
.dropdown.continuous-views .dropdown-menu a.dropdown-item:hover {
  color: #f9b233;
  background: none;
}
.dropdown.continuous-views .dropdown-menu a:not(.dropdown-item) {
  color: #1666af;
  text-decoration: underline;
  margin: 0 0.25em;
  font-weight: 500;
}


/* Main dropdown menu container */
.current .dropdown-menu.bg-white {
  border: none;
  box-shadow: 0 4px 24px rgba(10,57,114,0.10);
  padding: 0;
}

/* Left nav column */
.current .col-lg-3 .text-white {
  color: #0a3972 !important;
  padding-left: 0;
}
.current .col-lg-3 .nav-link {
  color: #0a3972 !important;
  font-weight: 600;
  font-size: 1.13rem;
  margin-bottom: 0.1rem;
  padding-left: 0;
}
.current .col-lg-3 .nav-link.text-small {
  font-size: 1rem;
  font-weight: 400;
  color: #0a3972 !important;
}

/* Subject headings and gold lines */
.current .gradepicker-subject strong,
.current .gradepicker-subject strong a {
  color: #0a3972;
  text-decoration: none;
}
.current .gradepicker-subject {
  position: relative;
}
.current .gradepicker-subject strong {
  display: block;
  margin-bottom: 0.1rem;
}
.current .gradepicker-subject ul::before {
  content: '';
  display: block;
  border-top: 2.5px solid #f9b233;
  margin: 0.18rem 0 0.7rem 0;
  width: 100%;
}
.menu-header {
  content: '';
  display: block;
  border-bottom: 2.5px solid #f9b233;
  margin: 0.18rem 0 0.7rem 0;
  width: 100%;
}

/* Grade buttons */
.current .gradepicker-subject ul {
  margin: 0;
  padding: 0;
}
.current .gradepicker-subject li.d-inline {
  display: inline-block;
  margin:0px
}
.current .gradepicker-subject a[class^='grade-'] {
  display: inline-block;
  color: #0a3972;
  padding: 2px;
  transition: background 0.15s, color 0.15s;
  text-decoration: none;
  min-width: 20px;
  text-align:center;
  padding: 0px !important;
}
.current .gradepicker-subject a[class^='grade-']:hover {
  background: #e6f0fa;
  color: #1666af;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  .current .dropdown-menu.bg-white {
    min-width: 0;
  }
  .current .col-lg-9, .col-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.bg-info{
  background: none !important;
}

/* Accordion Container */
.accordion.curriculum-accordion {
  background: #f8fafc;
  border-radius: 12px;
  padding: 0;
  margin: 2rem 0;
  border: none;
}

.accordion-item {
  background: #fff;
  border-radius: 12px;
  margin-bottom: 1.2rem;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(16,30,54,0.04);
}

.accordion-header {
  margin: 0;
}

.accordion-button {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  background: none;
  border: none;
  outline: none;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 1.5rem 2rem;
  cursor: pointer;
  transition: background 0.15s;
}
.accordion-button.collapsed {
  background: #fff;
}
.accordion-button:not(.collapsed) {
  background: #f8fafc;
  box-shadow: none;
}

.subject-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 12px;
  margin-right: 0.5rem;
  flex-shrink: 0;
}
.subject-blue { /* Book icon bg for blue */ }
.subject-purple { /* Book icon bg for purple */ }
.subject-green { /* Book icon bg for green */ }

.subject-title {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
}
.subject-subtitle {
  font-size: 1.05rem;
  color: #64748b;
  font-weight: 400;
}

.accordion-collapse {
  border-top: 1px solid #e5e7eb;
}
.accordion-body {
  padding: 1.5rem 2rem 2rem 6.5rem;
  background: #fff;
}

.grade-label {
  font-size: 1.05rem;
  color: #334155;
  margin-bottom: 1rem;
}
.grade-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.2rem;
}
.grade-btn {
  background: #2563eb;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 0.7em 1.6em;
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  cursor: pointer;
  transition: background 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 2px rgba(37,99,235,0.08);
}
.grade-btn.selected,
.grade-btn:focus,
.grade-btn:hover {
  background: #1d4ed8;
  color: #fff;
  outline: none;
}

/* Responsive adjustments */
@media (max-width: 700px) {
  .accordion-body {
    padding: 1.2rem 1rem 1.5rem 1rem;
  }
  .accordion-button {
    padding: 1rem 1rem;
    font-size: 1.1rem;
  }
  .subject-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
  }
  .grade-btn {
    font-size: 1rem;
    padding: 0.5em 1em;
  }
}

.small-screen .container{
  padding: 10px !important;
}

/** Current Styles **/
.current .view-id-curriculum_directory .curriculum-content .views-row{

  background: none !important;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 10px !important;
  transition: box-shadow 0.2s, border-color 0.2s, background 0.2s;
}

.current .view-id-curriculum_directory .curriculum-content .views-row:hover {
  background: #f3f6fa !important;
  border-color: #f9b233;
  box-shadow: 0 2px 8px rgba(249,178,51,0.10);
}

/* --- Course Downloads Buttons for .current --- */

/* Grey bordered button style */
.current .course-downloads .btn {
  border: 2px solid #bbb;
  background: #f7f7f7;
  color: #333;
  font-weight: 600;
  border-radius: 6px;
  box-shadow: none;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
}


.current .course-downloads .btn:hover {
  background: #e0e0e0;
  color: #111;
  border-color: #888;
  text-decoration: none;
}


/* MDI download icon for DOCX and PDF */
.current .course-downloads .docx_url .btn .mdi,
.current .course-downloads .pdf_url .btn .mdi {
  font-size: 1.1em;
  margin-right: 0.3em;
  vertical-align: middle;
}

/* WEB button: no icon, but keep style */
.current .course-downloads .web_url .btn .mdi {
  display: none;
}
.current h2{
  margin-bottom: 10px !important;
}
.current .course-title{
  padding-left: 16px;
}
/* --- Global Theme Colors & Variables --- */
:root {
  --bs-primary-custom: #003366;
  --bs-warning-custom: #FCBA19;
  --bs-divider-bg: #d9e6ef;
}

/* --- Color Utility Classes --- */
.text-primary-custom {
  color: var(--bs-primary-custom) !important;
}

.bg-primary-custom {
  background-color: var(--bs-primary-custom) !important;
}

.text-warning-custom {
  color: var(--bs-warning-custom) !important;
}

/* --- Typography & Sizing Utilities --- */
.fs-xs {
  font-size: 0.75rem;
}

.fs-custom {
  font-size: 0.95rem;
}

/* --- Highlights Section Styles --- */
.highlights-divider {
  height: 2px;
  background-color: var(--bs-divider-bg);
}

.card-header-border {
  border-bottom: 3px solid var(--bs-warning-custom);
}

/* --- Core Competencies Section Styles --- */
.core-competencies-container {
  background-color: var(--bs-primary-custom);
}

.core-competencies-desc {
  max-width: 900px;
}

.core-competencies-grid .core-competency-item {
  background-color: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: background-color 0.2s ease-in-out;
}

.core-competencies-grid .core-competency-item:hover {
  background-color: rgba(255, 255, 255, 0.12);
}

.core-competency-icon {
  font-size: 2.25rem;
  line-height: 1;
}

/* --- Explore Section Styles --- */
.explore-desc {
  max-width: 800px;
}

/* --- Buttons --- */
.btn-primary-custom {
  background-color: var(--bs-primary-custom);
  color: #ffffff;
  border: 1px solid var(--bs-primary-custom);
}

.btn-primary-custom:hover {
  background-color: #002244;
  color: #ffffff;
}

.btn-outline-primary-custom {
  color: var(--bs-primary-custom);
  border: 1px solid var(--bs-primary-custom);
}

.btn-outline-primary-custom:hover {
  background-color: var(--bs-primary-custom);
  color: #ffffff;
}
/* Add a smooth transition effect for the rotation */
.btn .arrow-icon {
    transition: transform 0.2s ease-in-out;
}

/* Rotate the icon to point up when the accordion is expanded */
.btn[aria-expanded="true"] .arrow-icon {
    transform: rotate(180deg);
}