/*
Theme Name: Commons Library
Template: twentytwentyfour
Author: ActionSkills
Author URI: https://actionskills.au
Version: 1.0.0
Text Domain: commons
*/



body {
		-webkit-font-smoothing: antialiased;

}

:where(html) :focus-visible {
    outline: 3px solid #F5A623;
    outline-offset: 3px;
    box-shadow: 0 0 0 5px #F5A623;
}

.single-post .wp-block-post-featured-image img{
max-height: 458px;
object-fit: contain !important;

}



.roboto {
  font-family: var(--wp--preset--font-family--roboto);
  letter-spacing: 0px;
    }
    
.roboto-slab {
    font-family: var(--wp--preset--font-family--roboto-slab);
      letter-spacing: 2px;
    }

  .wp-block-details .facetwp-facet {
      padding-top:var(--wp--preset--spacing--10)
}
.bg-image-square {
	position: relative;
	min-height: 80px;
	max-height: 190px;
	aspect-ratio: 610 / 511;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

@media (max-width: 640px) {
	.primary-search-box {
		display: none;
	}
}



.wp-block-navigation .mobile-menu  .wp-block-navigation-item__content.wp-block-navigation-item__content {
 color: var(--wp--preset--color--white);
}
.wp-block-navigation .mobile-menu  .wp-block-navigation-submenu .wp-block-navigation-submenu .wp-block-navigation-item__content.wp-block-navigation-item__content {
color: var(--wp--preset--color--yellow);
}

.wp-block-navigation .has-child.open-always.wp-block-navigation-submenu {
    gap: 0.5em;
     padding-bottom: 0.5em;
}
.wp-block-navigation .mobile-menu  .has-child.open-always .wp-block-navigation__submenu-container {
    padding-left: 3em;
}


/*
.wp-block-list ol {
    list-style: none;
    counter-reset: blue-list;
    padding-left: 2em;
}

.wp-block-list ol li {
    counter-increment: blue-list;
    color: var(--wp--preset--color--navy);
}
.wp-block-list ol li::before {
    content: counter(blue-list) ".";
    color: var(--wp--preset--color--grey-mid);
    margin-right: 0.5em;
}
*/
ol.wp-block-list li::marker {
   color: var(--wp--preset--color--grey-mid);
}




/* label */

.label-visually-hidden .wp-block-search__label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

/* Buttons */
:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
    background-color: var(--wp--preset--color--yellow);
    color: var(--wp--preset--color--navy);
	 transition: all 0.6s ease-in-out;
}

/* heading nav spacing arrow */
:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
    padding-right: .1em;
}


/* randomw */
div.letter-section h2.letter-title {
    border-bottom: 1px solid var(--wp--preset--color--yellow) !important;
}

/* jetpack-instant-search */

.jetpack-instant-search__search-filter-sub-heading {
		 border-top: 1px solid var(--wp--preset--color--yellow) !important;
		padding-top:1em;
}
.jetpack-instant-search__search-result {
		 border-bottom: 1px solid var(--wp--preset--color--yellow) !important;
    padding: 0 0 1em;
		margin: 0 0 1em;
}

.jetpack-instant-search__path-breadcrumb {
		display:none;
}


.jetpack-instant-search__search-result-expanded .jetpack-instant-search__search-result-expanded__title 
		.jetpack-instant-search__search-result-expanded__content  {
color: #231f20;
    font-size: .9375em;
}
.jetpack-instant-search__search-results-list {
    color: #0a112d;
    list-style: none;
    margin-left: 60px;
    margin-right: 60px;
    padding: 0;
}






/* ### Archives */
.archive h1.archive-h1 .archive-type,
.search-results h1.archive-h1 .archive-type {
				color: var(--wp--preset--color--orange);
		  background-color: var(--wp--preset--color--navy);
		padding-left: 10px;
		padding-right: 10px;
			  position: absolute;
  z-index: 5;
		top:-26px;
		left: 8%;
}
.archive h1.archive-h1 .archive-name,
.search-results  h1.archive-h1 .archive-name {
				color: var(--wp--preset--color--white);
	font-size: var(--wp--preset--font-size--x-large);
}
.as-term-link a{
		color: var(--wp--preset--color--yellow);
}
.as-term-image img{
	width: 100%;
	height: auto;
}
.hide-filters,
.name-reset h3 {
		display: none;
}

.archive-img {
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    height: 240px;
    width: 240px;
    background-color: var(--wp--preset--color--navy);
}
.archive-img .wp-block-post-featured-image :where(img) {

max-height: calc(240px - 2rem);
max-width: calc(240px - 2rem);


}

/* archive right box start */
.wp-block-group.is-layout-constrained {
    position: relative;
}

#post-filters {
    position: absolute;
    top: 0;
    right: -300px;
    width: 260px;
		margin-block-start: 0rem;
}

@media (max-width: 1400px) {
    #post-filters {
        position: static;
        width: 100%;
        right: auto;
    }
}

/* pagination */

.pager-centre {
text-align: center;
}
.facetwp-pager .facetwp-page {
 padding:0px 10px;
 border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-decoration: none;
     color: var(--wp--preset--color--yellow);
     font-weight: 700;
}
.facetwp-pager .facetwp-page.active {
 background-color: var(--wp--preset--color--white);
 color: var(--wp--preset--color--navy);
}





/* a-z */

.az-letters > ul.az-links > li, .alphalisting-widget .az-letters > ul.az-links > li, .alphalisting-widget.widget .az-letters > ul.az-links > li {
    border: 1px solid transparent;
    background: var(--wp--preset--color--navy);    
    color: #adadad;
}

.az-letters > ul.az-links > li a, .alphalisting-widget .az-letters > ul.az-links > li a, .alphalisting-widget.widget .az-letters > ul.az-links > li a {
    color: var(--wp--preset--color--yellow);
    }
  div.letter-section div.back-to-top a {
     color: var(--wp--preset--color--yellow);
    background-color: var(--wp--preset--color--navy);   

}  




/* ### ADVANCED SEARCH */

.facetwp-facet {
    margin-bottom: 0px !important;
	margin-block-start: 0rem !important;
}

/* ### SINGLE */

.wp-caption-text {
  font-size: 14px;
  color: #feb729;
  text-align: center;
 
}


/* Single Featured Image */
figure.wp-block-post-featured-image {
	margin-bottom: 0 !important;
}
.wp-block-post-featured-image .featured-image-caption {
		padding-top: 1em;
		text-align: center;
}
.wp-block-post-featured-image .featured-image-caption a {
display: inline;
text-decoration: none;
}



/* Table of contents */

div#ez-toc-container {
width: calc(100% - 32px);
}

div#ez-toc-container .ez-toc-title {
    font-weight: 400;
		font-size: 1.3em;
}

div#ez-toc-container ul li, div#ez-toc-container ul li a {
  font-size: var(--wp--preset--font-size--medium);
	font-weight: 400;
	padding-bottom: 0.3em;
}
div#ez-toc-container nav ul ul li, div#ez-toc-container ul ul li a {
  font-size: var(--wp--preset--font-size--small);
}

/* Jetpack Related Posts  */
.wp-block-jetpack-related-posts h2, h3.scriptlesssocialsharing__heading {
		font-size: 0.9em;
		letter-spacing: 0.5px;
		display: block;
}
.wp-block-jetpack-related-posts em {
		font-style: normal;
}
.jp-related-posts-i2__post-link {
  font-family: var(--wp--preset--font-family--roboto-slab);
		text-decoration: none;
		font-weight: 700;
		font-size: 0.9em;
		letter-spacing: 0.5px;
}


/* Social Share  */

.scriptlesssocialsharing__buttons {
    display: flex;
    flex-wrap: wrap;
						    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc;
}

.scriptlesssocialsharing .button {

}
.scriptlesssocialsharing__buttons a.button {
    justify-content: center;
    align-items: center;
		display: flex;
				font-size: var(--wp--preset--font-size--medium);
		padding: 12px;
    flex: 1;
		border: 1px solid;
		    background-color: var(--wp--preset--color--navy);
		 color: var(--wp--preset--color--white);
		transition: color 1s ease, background-color 0.7s ease;

}
.scriptlesssocialsharing__icon+.sss-name {
    margin-left: 8px;
}


/* Taxonomy Terms  */

.wp-block-term-description p{
	color: var(--wp--preset--color--white);
}
.common-tax-terms .wp-block-post-terms__prefix {
		display: block;
		font-size: var(--wp--preset--font-size--medium);
		padding-bottom: 0.4em;
}

.common-tax-terms .wp-block-post-terms a  {
		display: inline-block;
    color: var(--wp--preset--color--white);
    text-align: center;
    text-decoration: none;
    background-color: var(--wp--preset--color--navy);
    padding: 3px 8px;
    letter-spacing: 0.05em;
    font-weight: 500;
		    text-transform: uppercase;
		    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc;
    margin-right: 4px;
    margin-bottom: 8px;
	transition: color 1s ease, background-color 0.7s ease;
	
}
.common-tax-terms .wp-block-post-terms a:hover, .scriptlesssocialsharing__buttons a.button:hover {
		 color: var(--wp--preset--color--navy);
		 background-color: var(--wp--preset--color--yellow);
}


/* single bottom meta  */
.commonmeta {
margin-block-start: 0rem;
}

.commonmeta .taxonomy-by {
			line-height: 26px;
}

.commonmeta ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;

}
.commonmeta li {

	box-sizing: border-box;
	columns: auto;
	display: list-item;
	font-family: Roboto, sans-serif;
	font-size: 14.4px;
	line-height: 26px;
	list-style: outside none none;
	padding: 0px 0px 7.2px;
}

.commonmeta .wp-block-post-terms__prefix {
	font-weight: 600;
}


/* Quote block  */

blockquote.wp-block-quote {
  position: relative;
  overflow: visible;
  isolation: isolate;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 50px;
		padding-right: 50px;
		margin-top: 2.5em;
		margin-bottom: 2.5em;
}
blockquote.wp-block-quote > * {
  position: relative;
  z-index: 1;
}

blockquote.wp-block-quote::before,
blockquote.wp-block-quote::after {
  content: "";
  position: absolute;
  z-index: 5;
  pointer-events: none;
  width: 28px;
  height: 28px;
  padding: 14px;
  display: block;
  box-sizing: content-box;
  background-color: var(--wp--preset--color--off-white);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-origin: content-box; 
  background-clip: padding-box;  
}

blockquote.wp-block-quote::before {
  left: -12px;    
  transform: translateY(-55%);
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2027%2027%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20transform%3D%22translate(-2%20-56)%22%3E%3Cg%3E%3Cg%20transform%3D%22matrix(0.931034%2C0%2C0%2C0.931034%2C-1.724138%2C3.862069)%22%3E%3Crect%20x%3D%224%22%20y%3D%2256%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22none%22/%3E%3C/g%3E%3Cg%20transform%3D%22matrix(4.920605%2C0%2C0%2C4.920605%2C-94.245452%2C-295.986695)%22%3E%3Cpath%20d%3D%22M22.052%2C75.529C22.052%2C75.779%2021.951%2C75.997%2021.75%2C76.185C21.549%2C76.372%2021.312%2C76.466%2021.038%2C76.466C20.609%2C76.466%2020.279%2C76.323%2020.048%2C76.038C19.818%2C75.753%2019.702%2C75.359%2019.702%2C74.855C19.702%2C74.386%2019.901%2C73.913%2020.297%2C73.437C20.694%2C72.96%2021.171%2C72.599%2021.73%2C72.353L21.988%2C72.769C21.546%2C72.984%2021.2%2C73.234%2020.95%2C73.519C20.7%2C73.804%2020.556%2C74.15%2020.517%2C74.556L20.845%2C74.556C21.087%2C74.556%2021.284%2C74.583%2021.437%2C74.638C21.589%2C74.693%2021.712%2C74.769%2021.806%2C74.866C21.896%2C74.96%2021.959%2C75.064%2021.996%2C75.177C22.033%2C75.29%2022.052%2C75.407%2022.052%2C75.529ZM24.941%2C75.529C24.941%2C75.779%2024.84%2C75.997%2024.639%2C76.185C24.438%2C76.372%2024.2%2C76.466%2023.927%2C76.466C23.497%2C76.466%2023.167%2C76.323%2022.937%2C76.038C22.706%2C75.753%2022.591%2C75.359%2022.591%2C74.855C22.591%2C74.386%2022.789%2C73.913%2023.186%2C73.437C23.582%2C72.96%2024.06%2C72.599%2024.618%2C72.353L24.876%2C72.769C24.435%2C72.984%2024.089%2C73.234%2023.839%2C73.519C23.589%2C73.804%2023.445%2C74.15%2023.406%2C74.556L23.734%2C74.556C23.976%2C74.556%2024.173%2C74.583%2024.325%2C74.638C24.478%2C74.693%2024.601%2C74.769%2024.695%2C74.866C24.784%2C74.96%2024.848%2C75.064%2024.885%2C75.177C24.922%2C75.29%2024.941%2C75.407%2024.941%2C75.529Z%22%20fill%3D%22%23E0643B%22%20fill-rule%3D%22nonzero%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

blockquote.wp-block-quote::after {
  right: -12px;   
  bottom: 6px;
  transform: translateY(55%);
background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2027%2027%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20transform%3D%22translate(-72%20-97)%22%3E%3Cg%3E%3Cg%20transform%3D%22matrix(0.931034%2C0%2C0%2C0.931034%2C68.275862%2C44.862069)%22%3E%3Crect%20x%3D%224%22%20y%3D%2256%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22none%22/%3E%3C/g%3E%3Cg%20transform%3D%22matrix(4.920605%2C0%2C0%2C4.920605%2C-25.356988%2C-254.701255)%22%3E%3Cpath%20d%3D%22M19.913%2C76.027C20.355%2C75.812%2020.7%2C75.562%2020.95%2C75.277C21.2%2C74.991%2021.345%2C74.646%2021.384%2C74.239L21.056%2C74.239C20.814%2C74.239%2020.616%2C74.212%2020.464%2C74.157C20.312%2C74.103%2020.189%2C74.027%2020.095%2C73.929C20.005%2C73.835%2019.942%2C73.732%2019.905%2C73.618C19.867%2C73.505%2019.849%2C73.388%2019.849%2C73.267C19.849%2C73.017%2019.95%2C72.798%2020.151%2C72.611C20.352%2C72.423%2020.589%2C72.329%2020.863%2C72.329C21.292%2C72.329%2021.622%2C72.472%2021.853%2C72.757C22.083%2C73.042%2022.199%2C73.437%2022.199%2C73.941C22.199%2C74.409%2022%2C74.882%2021.604%2C75.359C21.207%2C75.835%2020.73%2C76.197%2020.171%2C76.443L19.913%2C76.027ZM22.802%2C76.027C23.243%2C75.812%2023.589%2C75.562%2023.839%2C75.277C24.089%2C74.991%2024.234%2C74.646%2024.273%2C74.239L23.945%2C74.239C23.702%2C74.239%2023.505%2C74.212%2023.353%2C74.157C23.2%2C74.103%2023.077%2C74.027%2022.984%2C73.929C22.894%2C73.835%2022.83%2C73.732%2022.793%2C73.618C22.756%2C73.505%2022.738%2C73.388%2022.738%2C73.267C22.738%2C73.017%2022.838%2C72.798%2023.039%2C72.611C23.241%2C72.423%2023.478%2C72.329%2023.751%2C72.329C24.181%2C72.329%2024.511%2C72.472%2024.741%2C72.757C24.972%2C73.042%2025.087%2C73.437%2025.087%2C73.941C25.087%2C74.409%2024.889%2C74.882%2024.492%2C75.359C24.096%2C75.835%2023.618%2C76.197%2023.06%2C76.443L22.802%2C76.027Z%22%20fill%3D%22%23E0643B%22%20fill-rule%3D%22nonzero%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.wp-block-pullquote::before,
.wp-block-pullquote::after,
.wp-block-pullquote blockquote::before,
.wp-block-pullquote blockquote::after {
  content: none !important;
  display: none !important;
}





/* Add PNG icon before button text */
.icon-button {
    position: relative;
    padding-left: 36px !important; /* space for icon */
}

.icon-button::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    
    width: 20px;  /* adjust size if needed */
    height: 20px;

    background-size: contain;
    background-repeat: no-repeat;
}
.target {
    background-image: url("/wp-content/uploads/2025/12/target-1.png");
}


/* ActionNetwork */

#can_embed_form h2,
#can_embed_form h4,
#d_sharing,
#action_info {
display: none !important;
}

#can_embed_form.can_float #form_col1, #form_col2 {
float: none !important;
    width: 100% !important;
}
#can_embed_form.can_768 #can_sidebar {
    width: 100% !important;
    float: none !important;
    background-color: transparent !important;
    padding: 0px !important;
    box-sizing: border-box !important;
    border: none !important;
}

#can_embed_form .action_description {
	display: none;
}


#can_embed_form.can_768 #can_main_col {
display: none !important;
}

details summary {
color: var(--wp--preset--color--navy);
}
details.detail-reverse summary {
color: var(--wp--preset--color--white);
	
}
details.detail-reverse summary:focus {
		padding: 0.5em;
}


details summary::marker {
color: var(--wp--preset--color--orange);
}
ul.wp-block-list li::marker {
	color: var(--wp--preset--color--orange);
}

ul.wp-block-list li {
	color: var(--wp--preset--color--navy);
}
.AN-form {
		margin-left: -14px;
			margin-right: -14px;
}