.nav-primary{
	/*display:none !important;  JUST FOR DEV!*/
}
/* variables */
body{
--red-rgba: 152,30,50;
--purple-rgba: 83,46,96;
--blue-rgba: 0,66,80;
--light-blue-rgba: 103,142,148;
--brown-rgba:	110,50,25;
--green-rgba: 3,86,66;
--green-rgba-hover: rgba(3,86,66,1);
--black-rgba: rgba(0,0,0,.7);
--orange-rgba: 189,79,25;
--burnt-orange-rgba: --orange-rgba;
--thistle-rgba: 132,88,101;

--sandstone-rgba: 118,106,98;

--light-blue: #678494;
--light-green: #6bab56;

--lime: #40ae49;
--lime-rgba: 64,174,73;

/* now for school programs */
--sp-bg-subject: rgba(var(--lime-rgba),1);
--sp-bg-grade-level: rgba(var(--red-rgba),1);
--sp-bg-format: rgba(var(--blue-rgba),1);

--ribbon-test-0: rgba(var(--red-rgba),1) ;
--ribbon-test-1: rgba(var(--purple-rgba),1) ;
--ribbon-test-2: rgba(var(--blue-rgba),1) ;
--ribbon-test-3: rgba(var(--green-rgba),1) ;
--ribbon-test-4: rgba(var(--orange-rgba),1) ;
--ribbon-test-5: rgba(var(--brown-rgba),1) ;
--ribbon-test-6: rgba(var(--light-blue-rgba),1) ;
--ribbon-test-7: rgba(var(--lime-rgba),1) ;
--ribbon-test-8: rgba(var(--sandstone-rgba),1) ;
--ribbon-test-9: rgba(var(--thistle-rgba),1) ;
--ribbon-test-10: black ;

--sp-input-height:92px;
}
/* utility class for hiding things on the CPT, which shares a template with the Post */
.bbcw-edu-hidden{
	display:none;
}
.bbcw-sp-meta {
	margin-top:20px;
}
/* this is based off current theme */
@media only screen and (min-width: 1100px) {
    .content .bbcw-sp-meta {
    	margin-left: -80px;
        margin-right: -80px;
    }
}

.bbcw-school-program-single .entry-header .entry-meta{
	display:none;
}

.bg-subject{
	background-color: var(--sp-bg-subject) !important;
}
.bg-grade-level{
	background-color: var(--sp-bg-grade-level) !important;
}
.bg-format{
	background-color: var(--sp-bg-format) !important;
}

.bbcw-school-program-hero img{
	width:100%;
}
.bbcw-school-program-hero h1{
	position:absolute;
	top: 20%;
    left: 8%;
    text-align: center;
    color: white;
    font-size: 6vw;
}
@media screen and (min-width: 1099px) {
	.bbcw-school-program-hero h1{
		font-size:5rem;
	}
}
.bbcw-school-program-hero{
	position:relative;
	max-height: 425px;
    overflow: hidden;
    margin-bottom: 21px;
}

.bbcw-sp-results .sp-result-card:has(.school-program-card-link){
	transition: transform .2s; /* Animation */
}
.bbcw-sp-results .sp-result-card:has(.school-program-card-link:hover){
	transform: scale(1.1);
	box-shadow:0px -1px 29px 5px rgba(0,0,0,.3);
}

.school-program-card-link:hover{
	text-decoration: none;
}
.school-program-card-link{
	position:relative;
	display:block;
	text-decoration: none;
}
/*https://css-generators.com/ribbon-shapes/*/
.sp-result-card .sp-tax-ribbons .school-program-tax-badge{
	--f: .5em; /* control the folded part*/
	--r: .8em; /* control the ribbon shape */
	font-size:85%;
	position: relative;
	top: 20px;
	right: calc(-1*var(--f));
	padding-inline: .25em;
	line-height: 1.2;
	background: #FA6900;
	border-bottom: var(--f) solid #0005;
	border-left: var(--r) solid #0000;
	clip-path: 
	polygon(var(--r) 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,
	calc(100% - var(--f)) calc(100% - var(--f)),var(--r) calc(100% - var(--f)),
	0 calc(50% - var(--f)/2));
}


/* body class for all */
.bbcw-school-program-page{

}

.sp-result-card{
	position:relative;
}
.sp-result-card .sp-tax-ribbons{
	top:0;
	right:0;
	position:absolute;
}
.sp-result-card .sp-tax-ribbons .school-program-tax-badge{
	display:block;
}

.inline-edu-img{
	aspect-ratio:1;
	object-fit:cover;
	min-height:80px;
}

#sticky-footer{
	display: none !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	overflow:visible;
	/*font-size: 1.3rem !important;*/
    font-weight: 500 !important;
    line-height:26px;
    -webkit-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  	box-shadow:3px 3px 7px rgba(0,0,0,.2);
  	letter-spacing:.75px;
  	padding:.25rem 1rem;
  	position:relative;
  	right:-4px;
  	top:22px;
  	margin-right:13px;
}
#select-bbcw-school-program-subject:has(+.select2-container--default) + .select2-container--default .select2-selection--multiple .select2-selection__choice{
	color: white !important;
	background-color: var(--sp-bg-subject) !important;
}
#select-bbcw-school-program-grade-level:has(+.select2-container--default) + .select2-container--default .select2-selection--multiple .select2-selection__choice{
	color: white !important;
	background-color: var(--sp-bg-grade-level) !important;
}
#select-bbcw-school-program-format:has(+.select2-container--default) + .select2-container--default .select2-selection--multiple .select2-selection__choice{
	color: white !important;
	background-color: var(--sp-bg-format) !important;
}


/*the colors are added via bs alert class in the php now*/
.school-program-tax-badge{
    font-weight: 500 !important;
    padding: 7px 12px !important;
    margin:2px !important;
    color: white !important;
    -webkit-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}


.select2-container--default .select2-selection__choice__display{
	padding-left:7px !important;
	padding-right:14px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span{
	margin-left:-2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	color: var(--bs-white) !important;
	background-color: rgba(0,0,0,.9);
	position:relative;
	top:-13px;
	left:-26px;
	padding-right:6px;
	padding-left:9px;
	border-radius:15px;
	z-index:3;
}
.select2-container .select2-selection--single{
	height:58px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:83px !important;
}

.select2-container--default .select2-selection--multiple,.select2-container .select2-selection--single {
	min-height:var(--sp-input-height) !important;
}
.select2-container--open .select2-dropdown--below{
	top:32px;
}
.select2-search.select2-search--inline{
	position:relative;
	top:21px;
	left:4px;
}
.select2-container--default .select2-search--inline .select2-search__field{
	min-height:61px;
}
.select2-container--focus .select2-selection__choice,.select2-container--below .select2-selection__choice{
		top:44px !important;
}
.select2-search__field::placeholder{
	display:none !important; /*this will still get shown on focus, so leave rules below!*/
	/* fine, this! */
	transform:scale(0);
	text-transform: unset !important;
	position:relative;
	top:11px;
}
.form-floating label{
	color:rgba(var(--bs-body-color-rgb),.45);
}


.tax-dropdown-label{
	top: -5px !important;
    left: -3px !important;
}

.school-program-search-input{
	min-height:var(--sp-input-height) !important;
}
/* logo fix */

@media only screen and (max-width: 1100px) {
    .bbcw-header {
    	width:80px !important;
    }
}