body:not(.logged-in):not(.blog_1):not(.blog_5) .finder {
            display: none !important;
        }
        

.finder .boxed_button:hover {
    border-style: solid !important;
    color: #ccc;
}

.finder .boxed_button.active {
    border-style: solid !important;
    color: #ccc;
    flex: 1 65%;
}



.finder h4 {
    display: none;
}

.finder li:before {
    font-size: 16px;
    margin-bottom: 10px;
    display: block;    
}

li.sf-field-post-meta-themes:before, 
li.sf-field-taxonomy-themes:before {
    content: "topics, themes & issues:";
}
li.sf-field-post-meta-learning_style:before {
    content: "learning style:";
}
li.sf-field-taxonomy-collection_series:before {
    content: "collection / series:";
}
li.sf-field-sort_order:before {
    content: "sort results by:";
}
li.sf-field-post-meta-notes:before {
    content: "to do:";
}
li.sf-field-post-meta-resource_types:before {
    content: "resource types:";
}
li.sf-field-post-meta-t_settings_set_group_multi_templates:before {
    content: "blocks:";
}






.sf-field-post-meta-resource_type, body:not(.blog_9) .sf-field-post-meta-avatar, .sf-field-post-meta-sample  { 
    display: none !important 
}



/*FINDER TOGGLE */

.finder.has_toggle .toggle_buttons {
    width: 100%;
    display: flex;
    margin: 50px 0 20px;
}
.finder.has_toggle .toggle_buttons > a {
    margin-right: 20px;
}

.finder.has_toggle .toggle_content > .shown, .finder.has_toggle .toggle_content > .active {
    display: flex;
    flex-direction: column;
}
.finder.has_toggle .hidden {
    display:none;
    transition: width 0.9s;
}
.finder.has_toggle .show {
    display: flex !important;
    width: fit-content;
}











body.freeze {
    overflow: hidden;
}

@media (min-width: 770px){
    
    iframe.canvas_menu {
    padding-left: 15px;
}
    
}

#finder_overlay, #finderOverlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    height: 100vh;
    width: 100vw;
    background-color: #00000050;
    z-index: 4;
    display: none;
    cursor: pointer;
}
#finder_overlay.show, #finderOverlay.active {
    display: block;
}


.finder {
    --color: #fff;
	color: #fff;
	width: 415px;
	max-width: calc(100vw - 35px);
	position: fixed !important;
	top: 0;
	left: 0px;
	transform: translatex(calc(-100% + 15px));
	height: 100vh;
	z-index: 10;
    transition: transform 1.5s 0s, z-index 0s 1.5s;    
	box-shadow: 0px 0px 10px 0px #000000aa;
}


@media(min-width: 750px){
    
body[data-template="single-landing-page.php"] .finder {
	transform: translatex(calc(-100% - 145px));
}

body[data-template="single-landing-page.php"].scrolled .finder {
    transform: translatex(calc(-100% + 15px))
}

}

.finder.pull-out, .finder.active {
	transform: translatex(0%) !important;
	z-index: 12;
    transition: transform 1.5s 0s, z-index 0s 0s;    
}


.finder .inner {
	background-color: #06253d;
    position: relative;
    padding: 20px 30px 0px 25px;
    overflow: hidden;
    height: 100%;
}
.finder.pull-out .inner, .finder.active .inner {
    overflow: overlay;
}

/*tab pull*/
.finder_tab_container {
   	position: absolute;
		height: calc(100vh - 20px);
		width: 0px;
		right: -10px;
		top: 0px;
		display: flex;
		align-items: center;
}

.finder_tab_container > .tab {
	background-color: #06253d;
    transform: rotate(270deg) translatex(-50%);
    transform-origin: left;
    white-space: nowrap;
    width: fit-content;
    height: fit-content;  
    text-align: center;
    padding: 20px 15px 10px 15px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 0px 10px 0px #000000aa;
	cursor: pointer;
}

/*close icon*/
.finder img.close_icon {   
	width: 30px;
    height: auto;
    position: absolute;
    top: 15px;
    right: 25px;
	opacity: 0.3;
	cursor: pointer;
}
.finder img.close_icon:hover {   
    opacity: 0.5;
}










.finder.right_side {
	left: unset;
	right: 0;
	transform: translatex(calc(100% - 15px));
	box-shadow: 0px 0px 10px 0px #000000aa;
}
.finder.right_side.pull-out, .finder.right_side.active {
	transform: translatex(0%);
}
.finder.right_side .inner {
    padding: 20px 30px 0px 25px;
}

.finder.right_side .finder_tab_container {
		right: -unset;
		left: -10px;
}
.finder.right_side .finder_tab_container > div {
    padding: 10px 15px 20px 15px;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 0px 10px 0px #000000aa;
}





/*SEARCH & FILTER*/


.searchandfilter ul {
    padding: 0px;
    margin: 0px 0px;
    display: flex !important;
    flex-wrap: wrap;
}
.searchandfilter li {
    flex: 1 100%;
	display: flex;
    padding: 10px;
    margin: 0px 0px;
    font-size: 0.95em;
}

.finder form > ul > li {
    padding: 0;
}

/*TEXT & HEADINGS*/
.finder * {
   font-family: quicksand;
}

.finder .searchandfilter h4 {
    padding-bottom: 6px;
}



/*SEARCH FORM*/
.sf-field-search label {
	width: 100% !important;
}

.searchandfilter ul li.sf-field-search {
    margin: 10px 0 20px;
}

li.sf-field-search input {
    font-family: var(--font) !important;
    color: #fff !important;
    font-size: 17px;
    font-weight: 500;
    padding: 10px 15px;
    background: #ffffff21 !important;
    width: 100%;
    border-radius: 5px;
    margin: 0px 0 0px 0;
    box-sizing: border-box;
    
    background: #ffffff00 !important;
    border-bottom: 3px solid #ffffffaa;
    border-radius: 0;
    padding: 10px 0;
}
li.sf-field-search input::placeholder {
    color: #ffffff55 !important;
    font-size: 16px;
}




/* STYLED SELECT BOXES - resource categories & learning styles*/

.sf-field-post-meta-finder_library, .sf-field-post_type,
.sf-field-post-meta-learning_style {
	padding: 0 !important;
}

.sf-field-post-meta-learning_style > ul, .sf-field-post-meta-finder_library > ul , .sf-field-post_type  > ul{
	display: flex !important;
  flex-wrap: wrap !important;
	max-height: unset !important;
	padding: 0 !important;
	background: transparent;
	justify-content: space-between;
    justify-content: flex-start;
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.sf-field-post-meta-finder_library .sf-level-0, .sf-field-post_type  .sf-level-0,  
.sf-field-post-meta-learning_style .sf-level-0 {
	box-sizing: border-box;
	margin: 5px;
	padding: 0 !important;
	flex: 0 70px;
	height: 70px;
    position: relative;
    display: flex;
	box-sizing: border-box;
}

.sf-field-post-meta-finder_library .sf-level-0, .sf-field-post_type  .sf-level-0 {
	flex: 0 80px;
	height: 80px;
}

/*hide checkbox*/
.sf-field-post-meta-finder_library input, .sf-field-post_type input, .sf-field-post-meta-learning_style input {
	display: none;
}


/*convert label into new styled checkbox*/
.sf-field-post-meta-finder_library label, .sf-field-post_type label, 
.sf-field-post-meta-learning_style label {
    box-sizing: border-box;	
    cursor: pointer !important;
	pointer-events: all;
    color: transparent;
	font-size: 0px;
	
    height: 100%;
    width: 100%;
    
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;   
    flex-direction: column;   
    
    padding: 5% !important;
	border-radius: 10px;
}
.sf-field-post-meta-learning_style label {
    opacity: 0.6;
}


.sf-field-post-meta-finder_library label:before, .sf-field-post_type label:before, 
.sf-field-post-meta-learning_style label:before {
    content: "";
    display: block;
    cursor: pointer !important;
	pointer-events: all;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
    height: 100%;
    width: 100%;
    background-size: contain;
    transition: opacity 0.5s;
    border-radius: 10px;
    box-sizing: border-box;
}
.sf-field-post-meta-learning_style label:before {
    background-size: 90%;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
}


/*item-specific colours - libraries*/
.finder input[value="programmes"] + label {     background-image: var(--progs-grad);  }
.finder input[value="workshops"] + label {  background-image: var(--workshops-grad); }
.finder input[value="modules"] + label {     background-image: var(--mods-grad);  }
.finder input[value="pods"] + label {  background-image: var(--pods-grad); }
.finder input[value="resources"] + label {     background:  #0D4E81aa;  }
.finder input[value="recommends"] + label {     background:  #0D4E81aa;  }
.finder input[value="quotes"] + label {  background: #0D4E81aa; }

.finder input[value="blocks"] + label {  background: var(--blocks-1); }
.finder input[value="roundups"] + label {  background: var(--roundups-1); }
.finder input[value="private"] + label {  background: var(--private-1); }

.finder input[value="programmes"] + label:before {     background-image: var(--library-programmes); }
.finder input[value="workshops"] + label:before {     background-image: var(--library-workshops); }
.finder input[value="modules"] + label:before {  background-image: var(--library-modules); }
.finder input[value="pods"] + label:before {     background-image: var(--library-pods); }
.finder input[value="resources"] + label:before {     background-image: var(--library-resources); }
.finder input[value="recommends"] + label:before {     background-image: var(--library-recommends); }
.finder input[value="quotes"] + label:before {  background-image: var(--library-quotes); }

.finder input[value="blocks"] + label:before {     background-image: var(--library-blocks); }
.finder input[value="private"] + label:before {     background-image: var(--library-private); }
.finder input[value="roundups"] + label:before {     background-image: var(--library-roundups); }





/*item-specific images - learning styles*/
.sf-field-post-meta-learning_style input[value="read"] + label:before  { background-image: url(https://effectivelearning.co.uk/wp-content/uploads/2026/02/stamp-left_read-me_READ.svg); }
.sf-field-post-meta-learning_style input[value="watch"] + label:before  { background-image: url(https://effectivelearning.co.uk/wp-content/uploads/2026/02/stamp-left_video_WATCH.svg); }
.sf-field-post-meta-learning_style input[value="listen"] + label:before  { background-image: url(https://effectivelearning.co.uk/wp-content/uploads/2026/02/stamp-left_podcast_LISTEN.svg); }
.sf-field-post-meta-learning_style input[value="do"] + label:before  { background-image: url(https://effectivelearning.co.uk/wp-content/uploads/2026/02/stamp-left_doc-dl_DO.svg); }

/*add labels - learning styles*/
.sf-field-post-meta-learning_style ul  { margin: 5px 0 25px; }
.sf-field-post-meta-learning_style input + label span  { color: #fff; position: absolute; bottom: -20px; font-size: 12px; }
.sf-field-post-meta-learning_style input + label span:before  { margin-right: 4px; font-size: 14px;}
.sf-field-post-meta-learning_style input[value="read"] + label span:before  { content: "read"; }
.sf-field-post-meta-learning_style input[value="watch"] + label span:before { content: "watch"; }
.sf-field-post-meta-learning_style input[value="listen"] + label span:before  { content: "listen"; }
.sf-field-post-meta-learning_style input[value="do"] + label span:before  { content: "do"; }

/*hover - resource libraries*/
.sf-field-post-meta-finder_library label:hover::before, .sf-field-post-meta-finder_library .sf-option-active label:before,
.sf-field-post_type label:hover::before, .sf-field-post_type .sf-option-active label:before {
    border: 2px solid #ffffffdd;
}
/*hover - learning styles*/
.sf-field-post-meta-learning_style .sf-level-0:hover label , .sf-field-post-meta-learning_style .sf-level-0.sf-option-active label  { opacity: 1; }

/*counts
.sf-field-post-meta-finder_library label span, .sf-field-post-meta-learning_style label span { font-size: 16px; }
*/








/*COMBO-BOX*/

.chosen-container.chosen-container-multi {
    background: #264156;
    color: #ffffffaa;
    width: calc(100% - 0px) !important;
}
.chosen-container.chosen-container-multi * {
    background: #264156 !important;
    color: #ffffffaa;
    border: none;
}
.chosen-container-multi .chosen-choices {
    display: block !important;
    padding: 5px 5px 4px;
    border-radius: 5px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    margin: 3px 3px 3px 5px;
    border: 2px solid #ffffff55;
    box-shadow: none;
    border-radius: 5px;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    color: #ffffffaa !important;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.search-choice-close:after {
    content: "x";
    color: #ffffffaa;
    font-size: 15px;
    position: relative;
    top: -1px;
}
a.search-choice-close:hover::after {
    color: #fff;
}


/*RADIO BUTTONS - SORT RESULTS BY*/
.searchandfilter input {
    position: unset !important;
    margin: 0px;
		border: 0px;
}

.searchandfilter select.sf-input-select, .searchandfilter select.sf-input-select {
    background: #264156;
    color: #ffffffaa;
    background: #264156;
    color: #ffffffaa;
    padding: 7px 9px;
    border: none;
    border-radius: 5px;
    font-family: var(--font);
}

.searchandfilter .sf-field-sort_order {
margin: 15px 0 40px
}
.searchandfilter .sf-field-sort_order ul > li {
    margin-right: 15px;
    font-size: 13px;
    color: #ffffffaa;
}
.searchandfilter .sf-field-sort_order ul > li.sf-option-active {
    color: #fff;
}

.searchandfilter .sf-field-sort_order ul > li label {
    padding: 0 0 0px 4px;
    position: relative;
    top: -2px;
}

.searchandfilter .sf-field-sort_order label {	
    flex: 1;
    min-width: 50px;
}

.searchandfilter .sf-field-sort_order li:first-child {
    display: none;
}


/* SUBMIT & RESET*/

.searchandfilter .sf-field-submit, .searchandfilter .sf-field-reset {
    box-sizing: border-box;
    position: sticky;
    bottom: 0;
    background: var(--dark);
    margin: 0;
    padding: 20px 0 80px;
    border-top: 3px solid #ffffffaa;
}



@media(max-width: 480px) {
    .searchandfilter .sf-field-submit, .searchandfilter .sf-field-reset {
    position:unset;
    padding: 20px 0 80px;
}
    
}



.searchandfilter .sf-field-submit {
    flex: 1 60%;
	padding-right: 10px;
}
.searchandfilter .sf-field-reset {
    flex: 1 30%;
}





.searchandfilter .sf-field-submit input, .searchandfilter .sf-field-reset a {
		box-sizing: border-box;
    padding: 8px 15px;
    font-size: 17px;
    font-weight: 500;
    border-radius: 5px;
    text-align: center;
    width: 100%;
		color: #fff;
		display: inline-block;
		    height: 40px;
}

.searchandfilter .sf-field-submit input {
    background-color: var(--accent-1);
}
.searchandfilter .sf-field-submit input:hover {
    background: var(--grad);
}

.blog_1 .searchandfilter .sf-field-submit input:hover {
    background: linear-gradient(300deg, #00c4ea, #817ceb);
}

.searchandfilter .sf-field-reset a {
    background-color: #ffffff33;
}
.searchandfilter .sf-field-reset a:hover {
    background-color: #ffffff55;    
}



.finder_buttons {
    padding: 20px;
    background-color: #264156;
    margin: 20px -20px 0px -25px;
    display: flex;
    justify-content: flex-end;
}

.finder_buttons .button {
    background: #06253d;
    transition: background 0.5s;
}
.finder_buttons .button:hover {
    background: var(--grad);
}


@media(max-width: 750px){

.finder {
	width: 100vw;
	height: 100vh;
	top: 0; bottom: 0; left: 0; right: 0;
	transform: translatex(calc(-100%));
	max-width: unset;
}

.finder .inner {
    padding: 20px 20px 0px 15px;
}


/*tab pull*/
.finder_tab_container {
    display: none;
}

.sf-field-post-meta-finder_library .sf-level-0,
.sf-field-post-meta-learning_style .sf-level-0 {
	flex: 0 70px;
	height: 70px;
}

}




.tab_1 .finder_tab_container {
    padding-bottom: 35vh;
}
.tab_2 .finder_tab_container {
    padding-top: 35vh;
}

.tab_1.active, .tab_2.active, .tab_1.pull-out, .tab_2.pull-out {
    z-index: 11;
}







/*NEW*/


.searchandfilter > ul {
    gap: 25px;
}
li.sf-field-post-meta-learning_style {
    padding-bottom: 20px !important;
}


/* QUOTES/WORKSHOPS - convert checkboxes to tags */

li.sf-field-post-meta-themes > ul, li.sf-field-taxonomy-themes > ul {
    max-height: 45vh;
    overflow: hidden auto;
    border: 3px solid #51748e77;
    border-radius: 6px;
    padding: 10px !important;
}
#finder_2 li.sf-field-post-meta-themes, #finder_2 li.sf-field-taxonomy-themes {
    height: 200px;
}

.sf-field-post-meta-themes[data-sf-field-input-type="checkbox"] h4, 
.sf-field-taxonomy-themes[data-sf-field-input-type="checkbox"] h4, 
.sf-field-taxonomy-client_tags[data-sf-field-input-type="checkbox"] h4, 
.sf-field-taxonomy-collection_series[data-sf-field-input-type="checkbox"] h4 {
    margin-bottom: 10px;
}
.sf-field-post-meta-themes[data-sf-field-input-type="checkbox"] > ul, 
.sf-field-taxonomy-themes[data-sf-field-input-type="checkbox"] > ul, 
.sf-field-taxonomy-client_tags[data-sf-field-input-type="checkbox"] > ul,
.sf-field-taxonomy-collection_series[data-sf-field-input-type="checkbox"] > ul {
    flex-direction: row;
    margin-left: -7px;
}
.sf-field-post-meta-themes[data-sf-field-input-type="checkbox"] .sf-level-0, 
.sf-field-taxonomy-themes[data-sf-field-input-type="checkbox"] .sf-level-0, 
.sf-field-taxonomy-client_tags[data-sf-field-input-type="checkbox"] .sf-level-0, 
.sf-field-taxonomy-collection_series[data-sf-field-input-type="checkbox"] .sf-level-0 {
    background: #ffffff00;
    display: inline-block;
    width: fit-content;
    max-width: unset;
    flex: 0;
    white-space: nowrap;
    border-radius: 100px;
    padding: 1px 7px;
    margin: 6px 5px 0 0;
    cursor: pointer;
}
.sf-field-post-meta-themes[data-sf-field-input-type="checkbox"] .sf-level-0,
.sf-field-taxonomy-collection_series[data-sf-field-input-type="checkbox"] .sf-level-0, 
.sf-field-taxonomy-client_tags[data-sf-field-input-type="checkbox"] .sf-level-0 {
    padding: 0 5px 9px 0;
    margin: 0;
}
.sf-field-post-meta-themes[data-sf-field-input-type="checkbox"] .sf-level-0 input,
.sf-field-taxonomy-themes[data-sf-field-input-type="checkbox"] .sf-level-0 input,
.sf-field-taxonomy-client_tags[data-sf-field-input-type="checkbox"] .sf-level-0 input,
.sf-field-taxonomy-collection_series[data-sf-field-input-type="checkbox"] .sf-level-0 input {
    display: none;
}
.sf-field-post-meta-themes[data-sf-field-input-type="checkbox"] .sf-level-0 label,
.sf-field-taxonomy-themes[data-sf-field-input-type="checkbox"] .sf-level-0 label,
.sf-field-taxonomy-client_tags[data-sf-field-input-type="checkbox"] .sf-level-0 label{
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    color: #ffffffbb;
}
.sf-field-post-meta-themes[data-sf-field-input-type="checkbox"] .sf-level-0.sf-option-active,
.sf-field-taxonomy-themes[data-sf-field-input-type="checkbox"] .sf-level-0.sf-option-active
/*.sf-field-taxonomy-client_tags[data-sf-field-input-type="checkbox"] .sf-level-0.sf-option-active,
.sf-field-taxonomy-collection_series[data-sf-field-input-type="checkbox"] .sf-level-0.sf-option-active*/ { 
    order: -1;
}


.sf-field-taxonomy-client_tags[data-sf-field-input-type="checkbox"] .sf-level-0:hover label, 
.sf-field-taxonomy-client_tags[data-sf-field-input-type="checkbox"] .sf-level-0.sf-option-active label,
.sf-field-post-meta-themes[data-sf-field-input-type="checkbox"] .sf-level-0:hover  label, 
.sf-field-post-meta-themes[data-sf-field-input-type="checkbox"] .sf-level-0.sf-option-active   label,
.sf-field-taxonomy-themes[data-sf-field-input-type="checkbox"] .sf-level-0:hover  label, 
.sf-field-taxonomy-themes[data-sf-field-input-type="checkbox"] .sf-level-0.sf-option-active   label{
    background: #ffffffaa;  
}

.sf-field-taxonomy-client_tags[data-sf-field-input-type="checkbox"] .sf-level-0.sf-option-active label, 
.sf-field-taxonomy-client_tags[data-sf-field-input-type="checkbox"] .sf-level-0:hover label,
.sf-field-post-meta-themes[data-sf-field-input-type="checkbox"] .sf-level-0.sf-option-active label, 
.sf-field-post-meta-themes[data-sf-field-input-type="checkbox"] .sf-level-0:hover label,
.sf-field-taxonomy-themes[data-sf-field-input-type="checkbox"] .sf-level-0.sf-option-active label, 
.sf-field-taxonomy-themes[data-sf-field-input-type="checkbox"] .sf-level-0:hover label {
    color: #06253d;
    font-weight: 600;
}

.sf-field-post-meta-themes[data-sf-field-input-type="checkbox"] .sf-level-0 label, 
.sf-field-taxonomy-themes[data-sf-field-input-type="checkbox"] .sf-level-0 label, 
.sf-field-taxonomy-client_tags[data-sf-field-input-type="checkbox"] .sf-level-0 label, 
.sf-field-taxonomy-collection_series[data-sf-field-input-type="checkbox"] .sf-level-0 label {
    font-size: 13px;
    color: #ffffffbb;
    background: #ffffff33;
    border-radius: 100px;
    cursor: pointer;
    width: fit-content;
    position: relative;
    padding: 3px 8px;
    color: #fff;
    border-radius: 100px;
    font-size: 14px !important;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 3px 10px;
    height: fit-content;
    max-width: fit-content;
    flex: 1;
    white-space: nowrap;
    text-shadow: 0px 0px 20px #000000aa;
}


.sf-field-taxonomy-collection_series[data-sf-field-input-type="checkbox"] .sf-option-active label,
.sf-field-taxonomy-collection_series[data-sf-field-input-type="checkbox"] input:hover + label {
    background: var(--tag);
}







.sf-field-taxonomy-collection_series, .sf-field-taxonomy-client_tags {
    overflow: hidden !important;
    position: relative;
    margin: 0;
}
.sf-field-taxonomy-collection_series h4, .sf-field-taxonomy-client_tags h4 {
    position: absolute !important;
}

.sf-field-taxonomy-collection_series h4 + ul, .sf-field-taxonomy-client_tags h4 + ul {
    align-items: flex-end;
}

/*.sf-field-taxonomy-collection_series h4 + ul > li:first-child:before, */ 

.sf-field-taxonomy-client_tags  h4 + ul > li:first-child:before {
    content: "categories:";
    display: block;
    width: 100%;
    height: 40px;
}






.sf-field-post-meta-on_request li.sf-level-0 {
    display: flex;
}


#finder_2 li.sf-field-post-meta-themes >ul:not(.children) {
    max-height: calc(100% - 60px);
}









.finder form > ul {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 0;
}

.finder form > ul > li {
    grid-column-start: 1;
    grid-column-end: 4;
}
.searchandfilter .sf-field-submit {
    grid-column-end: 3;
    padding-right: 20px;
}
.searchandfilter .sf-field-reset {
    grid-column-start: 3;
}