/*
Theme Name: ACTRA 2025
Theme URI: https://actra.com
Author: Moe Sharmarke
Author URI: https://actra.com
Description: ACTRA 2025 - Custom Gantry 5 Theme. Developed by Moe Sharmarke
Version: 1.0.0
*/
/*
 * ACTRA 2025 Theme Stylesheet
 * Custom styles including basic layout, responsive design, and custom fonts.
 * Developed by Moe Sharmarke
 */

.pride-2024{
	content: url(https://web.archive.org/web/20251002020649im_/https://staging.actra.ca/wp-content/themes/rt_akuatik/custom/images/ACTRA-red.svg);
    animation: hue-spin infinite 1s linear;
	width: 225px !important;
}

figure.awardImg img:hover{
    border: none !important;
    border-bottom: 3px dashed !important;
    margin-bottom: -3px;
}
figure.wp-block-image:has(img) {
    margin: 0;
}
.ftfImg{
	display: flex; 
	align-items: center;
	justify-content: center;
	background: black;
}
article#post-29287 h3{
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
}

article#post-29287 p{
    margin-bottom: 1rem !important;
}

article#post-29287 ul{
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}

#g-page-surround .page-header h2 {
    line-height: 3rem;
}
.new-lang-switch-en * ,
.new-lang-switch-fr * {
    list-style: none;
    margin: 0;
    font-size: 1rem;
    font-weight: bold;
}

div#menu-3968-particle ul.g-toplevel li div,
div#menu-3968-particle ul.g-toplevel li a {
    color: #000;
    font-size: 1rem;
    font-weight: 900;
}
ul#BCMPA-menu li:last-child{
    font-size: 1rem;
    font-weight: 900;
}
ul#BCMPA-menu li ul li,
ul#BCMPA-menu li ul li:last-child{
    font-size: 1rem;
    font-weight: normal;
}

ul#BCMPA-menu li:has(ul):last-child {
    border: none;
}

ul#BCMPA-menu li:has(ul):last-child:hover {
    background-color: white;
    color: #000 !important;
}

ul#BCMPA-menu li:last-child ul li {
/*     border: none; */
    list-style: none;
} 
ul#NCA-menu,
ul#BCMPA-menu,
ul#IPA-menu {
    list-style: none;
}
ul#NCA-menu li,
ul#BCMPA-menu li,
ul#IPA-menu li {
    border-left: 5px solid;
    border-top: 1px solid;
}
ul#NCA-menu li:hover,
ul#BCMPA-menu li:hover,
ul#IPA-menu li:hover {
    background-color: #933030;
    color: #fff !important;
    border-color: #000;
}
ul#NCA-menu li a,
ul#BCMPA-menu li a,
ul#IPA-menu li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 1rem .5rem;
    margin: 0 0 1rem 0;
}

ul#NCA-menu li:last-child,
ul#BCMPA-menu li:last-child,
ul#IPA-menu li:last-child {
    margin-bottom: 1rem;
}
a#g-totop {
    border: 1px solid;
    border-radius: 50%;
    padding: 1rem;
    position: fixed;
    bottom: 10%;
    right: 1%;
    z-index: 999;
/*     background: #913b3b; */
    color: #913b3b;
}
a#g-totop:hover {
	border: 1px solid;
	background-color: #913b3b;
	color: #fff;
}
li.g-menu-item.g-menu-item-23692 * ul li:hover,
li.g-menu-item.g-menu-item-21947 * ul li:hover,
li.g-menu-item.g-menu-item-21148 * ul li:hover,
li.g-menu-item.g-menu-item-21720 * ul li:hover {
    border-bottom: 3px solid;
}
li.g-menu-item.g-menu-item-27359 {
    background-color: transparent !important;
    padding: 0;
    margin: 0 15px;
    border: none;
}
li.g-menu-item.g-menu-item-27359:hover {
    margin-bottom: -5px;
}
li.g-menu-item.g-menu-item-27359.active:hover{
	margin-bottom: 0;
}

li.g-menu-item.g-menu-item-27359 a {
    display: flex;
    border: 2px solid #fff;
    border-radius: 15px;
}
li.g-menu-item.g-menu-item-27359 img {
    transform: scale(1.75);
}
div#menu-3968-particle ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
div#menu-3968-particle li ul {
    display: flex;
    flex-direction: column;
}


.hue-rotate {
  animation: hue-spin infinite 1s linear; /* Animation definition */
}
body.page-id-23483 a.g-logo > img {
/*     content: url('https://web.archive.org/web/20251002020649im_/https://staging.actra.ca/wp-content/themes/rt_akuatik/custom/images/ACTRA-red.svg');
    animation: hue-spin infinite 2.5s linear; */ 
}
@keyframes hue-spin {
  from { filter: hue-rotate(0deg); }
  to { filter: hue-rotate(360deg); }
}
div#menu-3968-particle li:not(.active):hover{
    border-bottom: 5px solid #920011;
}
div#menu-3968-particle li:not(.active) ul li:hover {
    border: none;
}
div#menu-3968-particle li:not(.active) ul li ul li:hover {
    border-bottom: 3px solid #fff;
}
div#menu-3968-particle li.g-selected ul li:hover{
    border-bottom: 3px solid #fff;
}
div#menu-3968-particle li.g-selected ul li:hover{
    border-bottom: 3px solid #fff;
}

div#menu-3968-particle li.active >
ul li.active{
    background-color: #000 !important;
}
figure.burt img{
    transition: all 1s linear;
}

figure.burt img:hover {
    content: url(https://web.archive.org/web/20251002020649im_/https://staging.actra.ca/wp-content/uploads/2024/03/B_Gidaro_V1.png);
/*     cursor: pointer; */
     transition: all 1s linear;
}

.accordion-content{
		width: 96%;
    margin: auto !important;
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container{
	color: #000;
}
.g-main-nav .g-dropdown{
    background-color: #000;
}

/*General Util*/
a{
color: #BA3838;
}
figcaption{
	color: #505050;
}
.wp-block-table{
/* 	overflow-x: visible; */
}
.wp-block-separator.is-style-dots {
    border-bottom: none !important;
}
figure.aligncenter figcaption {
    text-align: center;
}
body.page-id-2010 .wp-block-image figure:hover {
	border-radius: 50% !important;
}
body.page-id-2010 .wp-block-image {
	margin: 0;
}

body.page-id-421 figure.headshot-photo img {
    border: 5px solid;
    border-color: #da3838;
    border-radius: 50%;
    transition: 1.5s;
		cursor: pointer;
}

body.page-id-421 figure.headshot-photo  img:hover {
  
}

body.page-id-2010 figcaption,
body.page-id-270 figcaption {
    text-align: center;
		color: #000;
}
body.page-id-270 figcaption a {
    color: #000;
}
body.page-id-270 figure img {
    border: 5px solid;
    border-radius: 50%;
    border-color: #da3838;
	  transition: 1s;
		opacity: 1;
	  width: 15vw !important;
    height: 15vw !important;
}
body.page-id-270 .national-officers figure img {
    width: 100% !important;
    height: 100% !important;
}
body.page-id-270 .national-officers figure img:hover {
/*     border-color: #006eb6; */
/*     transform: scale(1.1); */
/*     transition: .5s;
	  cursor: pointer; */
}
body.page-id-270 figure img:hover {
/*     border-color: #006eb6;
    transition: .75s;
	  cursor: pointer; */
/* 	transform: rotateY(720deg); */
/* 	opacity: 1; */
}
body.page-id-270 .wp-block-column figure {
    display: flex;
    flex-direction: column;
    margin: 0;
    align-items: center;
}

@media (max-width: 768px) {
	div#menu-3968-particle li{
		width: 100%;
	}
	body.page-id-270 figure img {
		width: 75vw !important;
    height: 75vw !important;
	}
	body.page-id-19965 figure{
		margin: auto;
		text-align: center
	}
	div#nMap {
    display: none;
	}
}

.mt0{
	margin-top: 0;
}
.position-relative{
	position: relative;
}
.flexcenter{
	display: flex;
	align-items: center;
}
.flex-center{
	display: flex;
	justify-content: center;
}
.nca-faq-img{
	max-height: 300px;
}
.nca-faq:hover{
	border: 1px solid;
	border-radius: 10px;
}
#accordions-26168  a {
    color: #ba3838 !important;
}
.NCA-documents .g-simplecontent-item {
    /* border: 1px solid black; */
    display: flex;
    justify-content: space-between;
}
.NCA-documents .g-simplecontent-item a {
    width: 150px;
}

.nca-menu a.g-menu-item-container:hover span {
    color: red !important;
}


/*WordPress Accordions - Details*/
.wp-block-details summary::after {
/* 	float: left;
  border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: .45em;
	left: 0.15em;
	width: 0.45em;    
	transform: rotate(-45deg);	 */
}

.wp-block-details[open] summary::after {
/* 	color: #fff;
	transform: rotate(135deg); */
}

.wp-block-details summary::after {
/* 	float: left;
  border-style: solid;
	border-width: 0.25em 0.25em 0 0; */
	content: '+';
/* 	display: inline-block;
	height: .45em;
	left: 0.15em;
	width: 0.45em;     */
	transform: rotate(0deg);	
	font-size: 2rem;
	font-weight: 900;
}

.wp-block-details[open] summary::after {
	color: #000;
	transform: rotate(-45deg);
}

.wp-block-details[open] .wp-block-details summary::after {
    color: #000;
    transform: rotate(0deg);
}

.wp-block-details[open] .wp-block-details[open] summary::after {
    color: #000;
    transform: rotate(-45deg);
}

.wp-block-details {
/*     max-height: 100px;
    transition: .75s ease-out; */
}
  
.wp-block-details[open] {
/*     max-height: 200px; */
	background: #fff;
}

.wp-block-details {
    border: 2px solid;
    border-radius: 15px;
    background-color: #bcbcbc;
    margin-bottom: 1rem;
}

article#post-29287
.wp-block-details[open] summary {
	border-bottom: 3px solid;
}
.wp-block-details summary {
    margin: 1rem;	
    display: flex;
    align-items: center;
    justify-content: space-between;
	font-weight: 900;
	z-index: 999;
}

.wp-block-details summary strong {
    margin: 0 5rem 0 0;
}

.wp-block-details .wp-block-group {
    padding: 1rem;
    border-top: 1px solid;
}

.wp-block-details > *:not(summary){
	padding: 0 1rem;
}

.wp-block-details .wp-block-group{
	background-color: #fff;
	border-radius: 15px;
}

.wp-block-details:hover summary strong,
.wp-block-details:hover summary::after{
/*     color: #fff; */
}

.wp-block-details:hover > summary strong,
.wp-block-details:hover > summary::after{
    color: #fff;
}

div#menu-3968-particle li.active {
 
    background-color: rgba(147, 48, 48, 1);
}

@media only screen and (max-width: 1039px){
	
	ul.g-toplevel > li.g-menu-item-526 > ul.g-dropdown > li.g-dropdown-column > div.g-grid > div:nth-child(3),
	ul.g-toplevel > li.g-menu-item-526 > ul.g-dropdown > li.g-dropdown-column > div.g-grid > div:nth-child(4){
		background-color: transparent !important;
	}
	
	li.g-menu-item.g-menu-item-27359 a{
		border: none;
	}
	li.g-menu-item-27359 {
		text-align: center !important;
	}
	li.g-menu-item.g-menu-item-27359{
		width: 100%;
		margin: 0;
		border: none !important;
	}
	li.g-menu-item.g-menu-item-27359 img{
		transform: scale(1.7)
	}
	div#menu-3968-particle ul{
		display: block;
		}
	div#menu-3968-particle li.active {
		width: 100%;
				background-color: rgba(147, 48, 48, 1);
		}
	
    .wp-block-details summary{
        flex-direction: row;
    }
}

/*Political Action*/
.paHeading h2 {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 3rem !important;
		text-align: center;
		line-height: 1;
}
.pa-left .wp-block-media-text__content {
    padding-left: 0;
}
div#menu-1393-particle {
    display: none;
}

@media only all and (max-width: 100rem)
{
    .photo-credit-left {
        margin-top: -50px;
    }
}

.photo-credit-left {
        margin-top: -100px;
}

#logo-6989-particle{
     margin-bottom: 45px;   
}

@media only screen and (max-width: 1039px){
	   .page-id-26397 .accent-line > div.g-grid:first-of-type{
        background: none;
    }
	.page-id-26397 .photo-credit-left{
		margin-top: -10% !important;
	}
		.pa-left .wp-block-media-text__content {
			padding-left: 8% !important;
	}
}

/**/
.login h1 a {
    background-image: url(https://web.archive.org/web/20251002020649im_/https://test.actra.ca/wp-content/themes/rt_akuatik/custom/images/ACTRA-logo.svg);
    width: 100%;
    background-size: contain;
}

/*Branches*/
#custom-1407-particle h2 {
    text-align: center;
}

.branch-group>div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.branch-group * .wp-block-group {
    border: 1px solid;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: center;
    margin: 1rem;
    padding: 1rem;
}

@media (max-width: 768px) {
	
    .branch-group>div {
        grid-template-columns: 1fr 1fr;
    }
	
}

@media (max-width: 600px) {
    .branch-group>div {
        grid-template-columns: 1fr;
    }
}

/*Remove ExactMetrics*/
img[title="Verified by ExactMetrics"] {
    display: none !important;
}

/*Fix Brances Name overlap */
.canadaHtml5Mapbottom.htmlMapResponsive {
    margin-top: 150px;
}

/*Mobile Login*/

div#mobile-login {
    position: absolute;
    top: 0;
    /* margin: 0; */
    display: flex;
    /* align-items: center; */
    justify-content: center;
    /* align-content: center; */
    width: 100%;
    margin-left: -24px;
}

#mobile-login a {
    word-break: normal;
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    text-transform: uppercase;

}

div#mobile-menu-offcanvas div:first-child {
    padding-top: 10px;
}

/*New Header Image Boycott*/
#custom-7434-particle {
    padding: 0;
    margin: 0;
}

.header-background {
    background: none;
}

.header-home {
    position: relative;
    height: 85vh;
    font-family: "chivo", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

.header-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.header-bg a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.header-bg img {
    display: block;
    width: 100%;
    height: auto;
    /* object-fit: cover; */
	box-shadow: 20px 20px 10px 10px rgba(0, 0, 0, 0.2)
}

.header-cta {
    position: absolute;
    /*width: 25vw;*/
    width: 35vw;
    height: auto;
    top: 25vh;
    /*left: 20vw;*/
    left: 25vw;
    text-align: center;
    transform: translate(-50%, -50%);
    z-index: 2;
    background-color: rgba(147, 48, 48, 0.90);
    color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.2);
}

.header-cta-img {
    position: absolute;
    width: 35vw;
    height: auto;
    top: 25vh;
    right: -10vw;
    text-align: center;
    transform: translate(-50%, -50%);
    z-index: 2;
    background-color: rgba(147, 48, 48, 0.90);
    color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.2);
}

.header-cta p {
    margin-bottom: 10px;
}

.header-cta-img .button {
    background: #fff;
}

.nca-vote {
    display: none !important;
}

.header-cta button {
    display: none;
    margin-right: 10px;
}

.header-cta a {
    display: inline-block;
    color: #ffffff;
    background: #da3838;
    font-size: 18px;
    margin: 10px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 0.4rem;
    padding: 0.5rem 1.5rem;
    vertical-align: middle;
    text-shadow: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.header-cta a:hover {
    color: #da3838;
    background-color: #fff;
    border-color: #da3838;
}

@media only screen and (max-width: 1520px) {
    .header-cta {
        width: 30%;
        font-size: 12px;
        padding: 1px;
    }

    .cta-buttons * {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 1270px) {
    .header-cta {
        width: 35%;
        left: 18vw;
    }
}

@media only screen and (max-width: 1039px) {

    #custom-3803-particle2 {
        position: absolute;
        top: -76px;
        right: 0;
    }

    .log-in2 {
        display: block;
        position: relative;
        width: 100%;
        clear: both;
    }

    .header-home {
        display: flex;
        flex-direction: column;
        /*         height: 65vh; */
        height: auto;
    }

    .header-bg {
        position: relative;
        /* height: 26vh; */
    }

    @media (orientation: landscape) {
        .header-bg {
            position: relative;
            /* height: 100vh; */
        }
    }

    .header-bg a {
        height: auto;
        position: relative;
    }

    .header-bg img {
        height: auto;
				
        content: url('/web/20251002020649im_/http://www.actra.ca/wp-content/uploads/2023/03/Boycott_Homepage_Mobile.jpg');
        content: url('/web/20251002020649im_/http://www.actra.ca/wp-content/uploads/2023/03/Boycott_Home_page_HR_Block_mobile.jpg');
        content: url('/web/20251002020649im_/http://www.actra.ca/wp-content/uploads/2023/05/boycott-mobile-banner-black-new.png');
        content: url('/web/20251002020649im_/http://www.actra.ca/wp-content/uploads/2023/07/actra-magazine-half-banner.jpg');
        content: url('/web/20251002020649im_/http://www.actra.ca/wp-content/uploads/2023/08/SAG_Solidarity_Homepage.jpg');
        border-bottom: 2px solid black;
        
        object-fit: contain;

    }

    .header-cta {
        /* width: 35%; */
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        transform: none;
    }

    #headerYT {
        display: none !important;
    }

    .nca-vote {
        display: block !important;
    }

    .header-cta-img {
        display: none;
    }
}

/*Boycott Companies */
.companies {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
    align-content: center;
    align-items: center;
    margin: 50px 0;
}

.company {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    margin: 10px;
    padding: 10px;
    border: 1px solid;
    border-radius: 5px;
    box-shadow: 10px 10px #e3e3e3;
    width: 250px;
}

/*Remove Header from NCA subpages */
.page-id-26397 h2.entry-title,
.page-id-19423 h2.entry-title,
.page-id-19425 h2.entry-title,
.page-id-18322 h2.entry-title,
.page-id-25345 h2.entry-title,
.parent-pageid-19925 h2.entry-title {
    display: none;
}

/* NCA Boycott Page */
.boycott-container {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.boycott-container hr {
    width: 100%;
    background: black;
    border: 2px solid;
}

@media only screen and (max-width: 1039px) {
    .boycott-container {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/*Locking out Engagers*/
body.page-id-19965 .entry-title {
    display: none;
}

/*Staff*/
body.page-id-256 .wptb-image-wrapper img {
    border-radius: 50%;
    border: 2px solid;

    margin-bottom: 15px;
    transition: ease-in-out 1s;
}

body.page-id-256 .wptb-image-wrapper img:hover {
    transform: scale(1.1);
    transition: ease-in-out 1s;
    cursor: pointer;
    box-shadow: 10px 5px 5px 5px #a1a1a1;
    border: 2px solid blue;
}

/*Executive Images Border*/
body.page-id-256 * figure>img {
    border: 3px solid #da3838 !important;
}

body.page-id-256 * figure {
    text-align: center;
}


/*National Leadership*/
body.page-id-270 .wptb-image-wrapper img {
    border-radius: 50%;
    border: 2px solid;

    margin-bottom: 15px;
    transition: ease-in-out 1s;
}

body.page-id-270 .wptb-table-2003 .wptb-image-wrapper img:hover {
    transform: scale(1.1);
    transition: ease-in-out 1s;
    cursor: pointer;
    box-shadow: 10px 5px 5px 5px #a1a1a1;
    border: 2px solid blue;
}

body.page-id-270 .wptb-table-2006 .wptb-image-wrapper img {
    width: 225px !important;
    /*     margin-left: 45px; */
}

body.page-id-270 .wptb-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


/*boycott */
body.page-id-22937 .wptb-cell {
    transition: ease-in-out 1s;
}

body.page-id-22937 .wptb-cell:hover {
    transition: ease-in-out 1s;
    transform: scale(1);
}

/*News You Can Use Title Remove*/
body.page-id-22875 h2.entry-title {
    display: none;
}

/*Presidents Message Title Remove*/
body.page-id-530 h2.entry-title {
/*     display: none; */
	  font-size: 3rem !important;
    font-weight: 900 !important;
    text-align: center;
}

/*Social Icons*/
.fa-youtube-play,
.fa-tiktok {
    padding-right: 10%;
    text-align: left;
}

body.outline-home .g-social {
    display: flex;
    gap: 50px;
    justify-content: flex-start;
}

@media only screen and (max-width: 1039px) {
    body.outline-home .g-social {
        justify-content: center;
    }
}

.actraYT {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 35%));
    justify-items: center;
}

.new-video-size iframe{
	width: 50%;
	height: 50vh;
}

.header-video {
    right: 0;
    position: absolute;
    width: 50vw;
    height: 50vh;
    top: 50vh;
    left: 27vw;
    text-align: center;
    transform: translate(-50%, -50%);
    z-index: 2;
    background-color: rgb(158 68 68);
    color: white;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.2);
}

/*prs button*/
button#cmdGetData {

    display: inline-block;
    font-family: "chivo", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 0.8vw;
    background: #da3838;
    text-align: center;
    margin: 0 0 0.5rem 0;
    padding: 0.4rem 1.5rem;
    padding-bottom: 0.45rem;
    border-radius: 0.4rem;
    border: 2px solid transparent;
    vertical-align: middle;
    text-shadow: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;

}

/*Quick Links Home Page*/
.quicklink {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 1rem;
    height: 450px;
    justify-content: space-between;
}
.QLContent img {
	width: 50%;
	float: left;
	margin: 15px;
}
.quicklink h3.bold {
    text-align: center;
    /* text-decoration: underline 5px #da3838; */
    /* font-style: italic; */
    border: 1px solid;
    padding: 5px;
    border-radius: 15px;
/*     background: #da3838; */
	  background: #000;
    color: #fff;
	padding: .75rem;
}
/*Copyright Text*/
#g-copyright div[id^="copyright-"][id$="-particle"]{
	color: #eee;
}
.otgs-development-site-front-end {
    display: none;
}
a.button.g-simplecontent-item-readmore {
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: 700;
}

a.button.g-simplecontent-item-readmore:hover {
    color: #da3838 !important;
}

header a.button.g-simplecontent-item-readmore {
    background: #da3838 !important;
    padding: 0.4rem 1.5rem !important;
}

header a.button.g-simplecontent-item-readmore:hover {
    background: transparent !important;
}

/*Homepage Split*/
.header-cta-split {
    display: block;
    transform: translateY(45%);
}

.header-cta-split .cta-buttons {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.header-bg-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    height: 100%;
    z-index: 1;
}
.header-bg-right img {
    height: 100%;
    float: right;
    width: 100%;
}

.header-bg-left {
	height: 100%;
	width: 45%;
}

@media only screen and (max-width: 1039px){
	.header-home img{
			content: url('https://web.archive.org/web/20251002020649im_/https://staging.actra.ca/wp-content/uploads/2023/09/actra-homepage-boycott-wendy-mobile-final.png');
		}
    .header-bg-right {
        display: none;
    }    
    .header-bg-left{
        width: 100%;
    }
    .header-cta-split{
        transform: none;
    }
	.header-bg img {
		box-shadow: none;
	}
	#simplecontent-2998-particle{
		text-align:center;
	}
}

/*News Posts*/
img.featured-image.tease-featured-image{
	display:none;
}
/*News You Can Use*/
.new-you-can-use-posts .g-array-item {
    display: grid;
    position: relative;
    /* grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); */
    grid-gap: 20px;
    align-items: stretch;
}

.g-array-item-title {grid-area: 1 / 1 / 2 / 3;}
.g-array-item-details { grid-area: 2 / 1 / 3 / 3; }
.g-array-item-image { grid-area: 3 / 1 / 5 / 2; }
.g-array-item-text { grid-area: 3 / 1 / 4 / 3; }
.g-array-item-read-more { grid-area: 4 / 1 / 5 / 3; }

.new-you-can-use-posts .g-array-item:has(.g-array-item-image) {
    .g-array-item-text { grid-area: 3 / 2 / 4 / 3; }    
    .g-array-item-read-more { grid-area: 4 / 2 / 5 / 3; }
}
img.featured-image.tease-featured-image {
    display: none;
}

@media only screen and (max-width: 1039px){
    .wp-block-image {
        width: 100%;
        float: left;
    }
	.news-you-can-use-sidebar {
			border-top: 1px solid;
			padding-top: 50px;
			margin-top: -100px
	}
	
	.news-you-can-use-sidebar .g-grid{
			margin: 0 15px;
	}
	.new-you-can-use-posts .g-array-item {
        grid-gap: 0px;
        margin: 0 30px;
        border-bottom: 1px solid;
        padding: 0 0 50px 0;
        grid-template-columns: 1fr;
    }  
    
    .g-array-item-title {grid-area: 1 / 1 / 1 / 1;}
    .g-array-item-details {grid-area: 2 / 1 / 2 / 1;}
    .g-array-item-image {grid-area: 3 / 1 / 3 / 1;}
    .g-array-item-text { grid-area: 4 / 1 / 4 / 3; }
    .g-array-item-read-more { grid-area: 5 / 1 / 5 / 3; }
	
	.g-array-item-read-more a {width: 100%;}
    
    .new-you-can-use-posts .g-array-item:has(.g-array-item-image) {
        .g-array-item-text {grid-area: 4 / 1 / 4 / 1;}    
        .g-array-item-read-more {grid-area: 5 / 1 / 5 / 1;}
    }   
}

.new-you-can-use-posts .g-grid {border-bottom: 3px solid;}

.nycu-sidebar {
    border-left: 3px dashed;
}
.new-you-can-use-posts .g-block:first-child{
    border-right: 3px dashed !important;
}
.new-you-can-use-posts .g-block {border-right: 3px dashed;/* border-bottom: 1px solid; */flex: 0 0 33%;}


.new-you-can-use-posts .g-block:nth-child(2) {/* border-bottom: 3px solid; */}
.new-you-can-use-posts .g-block:last-child { border: none;}

.news-you-can-use-sidebar {
/*     border-left: 3px dashed; */
    margin-top: 0;
}
.new-you-can-use-posts .g-content-array-pagination button,
.news-you-can-use-sidebar .g-content-array-pagination button {
    background: #da3838 !important;
    text-align: center !important;
    display: inline-block;
    font-family: "chivo", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    font-size: auto;
    background: #da3838;
    margin: 0 0 0.5rem 0;
    padding: 0.4rem 1.5rem !important;
    padding-bottom: 0.45rem;
    border-radius: 0.4rem;
    border: 2px solid transparent;
    vertical-align: middle;
    text-shadow: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    padding-left: 25px !important;
    border: 2px solid transparent !important;
}
.new-you-can-use-posts .g-content-array-pagination button:hover,
.news-you-can-use-sidebar .g-content-array-pagination button:hover {
    background: #fff !important;
    color: #da3838 !important;
    border: 2px solid #da3838 !important;
}

@media only screen and (max-width: 1039px){
    .new-you-can-use-posts .g-block{ border: none !important;flex: 0 0 100%;}
	.nycu-sidebar {
    border-left: none;
		margin: 1rem;
}
	.nycu-header .g-content {
    margin-bottom: -50px;
    padding-bottom: 0;
}

.category-news-you-can-use .entry-title {
    text-align: center;
}
	.nycu-header-fr{
		font-size: 2rem !important;
	}
	.new-you-can-use-posts .g-grid{
		border: none !important;
	}
}

.nycu-header-fr{
	font-size: 5rem;
}

.category-news-you-can-use {
    margin-bottom: -100px;
}

@media only screen and (max-width: 1039px){
	ul.committeeList2{
		margin: 0;
	}
	.committeeList2 li {
		width: 100% !important;}
	.category-news-you-can-use figure {
    text-align: center;
}
body.home #g-navigation .g-grid,
.header-main .g-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.search {
    grid-area: 4 / 1 / 4 / 5;
    width: 100%
}

.actra-header-logo {
    grid-area: 1 / 1 / 1 / 3;
    /* float: left; */
    /* display: block; */
    /* position: absolute; */
    text-align: center;
    margin: 0 auto;
}

.log-in {
    grid-area: 1 / 4 / 1 / 4;
    right: 0;
    position: relative;
/*     margin: 0; */
/*     width: 100%; */
/*     bottom: 0; */
	text-align: right;
	z-index:999;
}

.lang-switch {
    grid-area: 1 / 4 / 1 / 4;
    right: 0;
    position: relative;
/*     margin: 0; */
/*     width: 100%; */
/*     bottom: 40px; */
/* 	text-align: right; */
}

.log-in  * {margin: 0; padding: 0;}
.lang-switch  * {margin: 0; padding: 0;}
    
}

/*DEIB*/
li.g-menu-item-27359 {
    width: 100px;
    border: 2px solid #fff;
    border-radius: 15px;
    margin: 0 15px 0 0;
    padding: 0 0 15px 0;
    text-align: left;
}
div#menu-3968-particle {
/*     margin: 0;
    padding: 0; */
}

details.know-your-rights-block a{
    color: #fff !important;
    border-color: #000 !important;
}
details.know-your-rights-block a:hover{
    background-color: #000 !important;
}
.deib-menu  ul.g-toplevel  .g-menu-item-container:hover span.g-menu-item-title {
/*     color: #da3838 !important; */
	  color: initial !important;
}

.deib-menu  ul.g-sublevel  .g-menu-item-container:hover span.g-menu-item-title {
    color: white !important;
}

section#g-navigation > div.g-grid > div.g-block > div.g-content > nav.g-main-nav > ul.g-toplevel > li.g-menu-item >
div:hover.g-menu-item-container > span.g-menu-item-content > span.g-menu-item-title, section#g-navigation > div.g-grid >
div.g-block > div.g-content > nav.g-main-nav > ul.g-toplevel > li.g-menu-item > a:hover.g-menu-item-container >
span.g-menu-item-content > span.g-menu-item-title, li.g-menu-item.g-selected > div.g-menu-item-container >
span.g-menu-item-content > span.g-menu-item-title, li.g-menu-item.g-selected > a.g-menu-item-container >
span.g-menu-item-content > span.g-menu-item-title{
    color: #da3838;
	  color: #000;
}
li.g-menu-item.g-menu-item-type-separator.active,
li.g-menu-item.g-menu-item-type-post_type.active {
/* 		background: #da3838;
    border-radius: 15px 15px 0 0; */
}
body.outline-deib li.g-menu-item.g-menu-item-type-separator.active,
body.outline-deib li.g-menu-item.g-menu-item-type-post_type.active {
    border-bottom: 10px solid #da3838;
    margin: -10px 0;
}
body.outline-deib_menu .wp-block-image figure:hover{
/*     border: 1px solid #da3838; */
    border-radius: 15px;
}

body.outline-deib_menu .wp-block-image figure{
    border: 1px solid transparent;
}

.actraTorontoLogo figure{
    padding: 38px;
}

body.outline-news_you_can_use_-_sidebar .g-content-array-pagination {
    border-top: 3px dashed;
    padding-top: 15px;
}

.header-background {
    border-top: 10px solid #000;
		margin-top: -10px;
}

section#g-navigation {
/*     border-bottom: 5px solid #da3838; */
	  border-bottom: 5px solid #000;
}
.logSection {
    border-bottom: 2px solid #da3838;
    padding: 15px;
    margin: 15px 0;
}

.logSection:nth-of-type(4) {
    border-bottom: none !important;
}

.logSection h3 {
/*     text-decoration: underline 5px #da3838; */
}

li.g-menu-item.g-parent.active{
    background: #da3838;
    color: #fff;
    border-radius: 15px 15px 0 0;
}
li.active span.g-menu-item-title {
    color: #fff !important;
    /* border: 1px dashed; */
    border-radius: 15px;
    /* padding: 5px; */
}
li.active .g-menu-item-container:hover span.g-menu-item-title {
    color: #fff !important;
}
ul.committeeList2 li.active {
    border-bottom: 5px solid #da3838;
}
.committeeList2 li {
    list-style: none;
		border: 1px solid transparent;
/*     border-bottom: 5px solid #da3838; */
    padding-bottom: 15px;
    width: 50%;
    margin: auto;
}

ul.committeeList2 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 15px;
    text-align: center;
}
.committeeList2 li:hover{
    background: #e1e1e1;
    border-radius: 15px;
    border: 1px solid #da3838;
}

/*New Twitter*/
span.fa.newTwitter {
    width: 35px;
    vertical-align: sub;
}
span.newTwitter path{
	filter: invert(50%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(110%) contrast(110%);
}
span.fa.newTwitter:hover path {
    filter: invert(0.8) !important;
}

/*Solidarity Rally*/
.solidarityRallyInfo .wp-block-columns {
    gap: 0 !important;
    border-bottom: 1px solid;
    border-left: 5px solid #da3838;
    margin-left: -15px;
    padding-left: 15px;
    flex-direction: column;
}

.solidarityRallyInfo .wp-block-columns div:first-child{
    border-right: 5px solid #da3838;
    border-top: 1px solid;
}
ul.g-toplevel > li.g-menu-item-28957 > ul.g-dropdown > li.g-dropdown-column > div.g-grid > div:nth-child(3),
ul.g-toplevel > li.g-menu-item-526 > ul.g-dropdown > li.g-dropdown-column > div.g-grid > div:nth-child(3) {
    background-color: #A20303;
    padding-right: 30px;
    font-size: 12px;
    line-height: 16px;
}
.g-main-nav .g-sublevel>li:hover>.g-menu-item-container, .g-main-nav .g-sublevel>li.active>.g-menu-item-container {
    background: none;
}
.nca-menu{
	background-color: #000;
}

/*NCA Home Page Updated Video*/

    /* Style for the video container */
    .nca-video-container {
        position: relative;
        width: 100%;
/*         padding-top: 33.33%;  */
				height: 100%;
/* 				margin-bottom: 5%; */
    }

    /* Style for the video */
    .nca-video-container video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
/*         height: 100%; */
    }

    /* Style for the link button */
    .nca-video-link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .nca-video-link a {
        width: 100%;
        height: 100%;
    }
@media only screen and (max-width: 1039px){
	
	.nca-home-banner{
		width: 100% !important;
	}
	.nca-video-container {
		height: 100%;		
/* 		padding: 30%; */
	}
}

section#g-navigation > div.g-grid > div.g-block > div.g-content > nav.g-main-nav > ul.g-toplevel > li.g-menu-item.active{
	background-color: #da3838;
	background-color: #000;
  border-radius: 1rem 1rem 0 0;
}
section#g-navigation > div.g-grid > div.g-block > div.g-content > nav.g-main-nav > ul.g-toplevel > li.g-menu-item.active{
	    border-bottom: 8px solid #000;
}

@media (max-width: 768px) {
.log-in{
/* 		left: 65%; */
	}
	
	.new-logo img{
		margin: 0;
		top: 5px !important;
		right: 50%;
	}
}

.new-logo img{
	margin: 0;
	top: 25px;
}

#g-container-main,
.header-background{
	border-top: 10px solid #000;
}

section#g-navigation > div.g-grid > div.g-block > div.g-content > nav.g-main-nav > ul.g-toplevel > li.g-menu-item.active{
    background: #000;
    border-radius: 15px 15px 0 0;
    color: #fff;
    border-color: #000;
}

#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container{
    color: #fff;
}

section#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:hover .g-menu-item-title{
    color: #da3838 !important;
}



/*Quick Links Home Page*/
section#g-feature.homepage .g-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

section#g-feature.homepage .g-block {
  flex: 1 1 calc(25% - 15px);
  min-width: 250px;
  display: flex;
  flex-direction: column;
}

section#g-feature.homepage .g-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

section#g-feature.homepage
.quick-links {
  height: 100%;
  display: flex;
  flex-direction: column;
}

section#g-feature.homepage
.g-simplecontent {
  display: flex;
  flex-direction: column;
  height: 100%;
}

section#g-feature.homepage
.g-simplecontent-item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

section#g-feature.homepage
.g-simplecontent-item-main-content {
  flex-grow: 1;
}

section#g-feature.homepage
.g-title {
  margin-top: 0;
}

section#g-feature.homepage
.g-simplecontent-item-readmore-container {
  margin-top: auto;
}

@media (max-width: 1024px) {
    section#g-feature.homepage
  .g-block {
    flex-basis: calc(50% - 10px);
  }
}

@media (max-width: 768px) {
  section#g-feature.homepage
    .g-block {
    flex-basis: 100%;
  }	
}

.margin-none{
	margin: 0 !important;
}

/* Rotation for open state at all levels */
.wp-block-details[open] > summary::after {
    transform: rotate(45deg);
	color: #000;
}

/* Reset rotation for nested closed details within open details */
.wp-block-details[open] .wp-block-details:not([open]) > summary::after {
    transform: rotate(0deg);
}

/* Maintain rotation for nested open details within open details */
.wp-block-details[open] .wp-block-details[open] > summary::after {
    transform: rotate(45deg);
}

.new-button  a {
    /* background: #da3838 !important; */
    background: #000 !important;
    color: #fff;
    /* font-size: 14px !important; */
    font-size: 1.5rem !important;
		font-weight: 900;
    padding: 0.4rem 1.5rem !important;
    padding-bottom: 0.45rem !important;
    border: 2px solid;
}

.new-button2  a:hover {
    background: #fff !important;
    color: #000 !important;
    border-color: #000 !important;    
}

.new-button2  a {
    /* background: #da3838 !important; */
    background: #000 !important;
    color: #fff;
    /* font-size: 14px !important; */
    font-size: 1.25rem !important;
		font-weight: 900;
    padding: 0.4rem 1.5rem !important;
    padding-bottom: 0.45rem !important;
    border: 2px solid;
}

.new-button  a:hover {
    background: #fff !important;
    color: #000 !important;
    border-color: #000 !important;    
}

#post-28389 h2.entry-title,
#post-28411 h2.entry-title,
#post-28496 h2.entry-title,
#post-28504 h2.entry-title{
    display: none;
}


.new-slider-item .slide{
    background-size: cover !important;
/* 	  background-size: contain !important; */
}


.new-slider-item .slide-content a{
    display: block;
    width: 100%;
    height: 100%;
    /* border: 1px solid black; */
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    color: transparent !important;
    /* font-size: 0 !important; */
}
@media only all and (max-width: 64.99rem) {
	.g-slideshow .g-slideshow-slider .swiper-slide .slide{
		
	}
	
	.mobile-reverse-stacked{
    flex-direction: column-reverse;
	}
	
	    .page-id-356 .page-header {
        flex-direction: column;
        text-align: center;
    }   
}

.page-id-356 .page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.border-image img{
    border: 1px solid #000
}

img#n2-ss-16item1 {
	/* filter: invert(1); */
}

.QLContent img {
    filter: grayscale(1);
}

.no-response {
  position: relative;
}

.no-response::before {
  content: "No Response";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 1.5em;
  z-index: 1;
  text-align: center;
  opacity: 0; /* Initially hidden */
  transition: opacity 0.3s ease; /* Smooth transition */
}

.no-response:hover::before {
  opacity: 1; /* Show on hover */
}

.no-response::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  z-index: 0;
  opacity: 0; /* Initially hidden */
  transition: opacity 0.3s ease; /* Smooth transition */
}

.no-response:hover::after {
  opacity: 1; /* Show on hover */
}

/* no z-index change to image */
.no-response:hover {
    border: 1px solid;
    border-radius: 15px;
}
.federal-questions {
	gap: 0 !important;
}
.federal-questions *{
    margin: 0 !important;
}

@media only all and (max-width: 64.99rem) {
	
.federal-questions *{
 
}
}

/*Organizing Nav*/
.organizing-menu .grey-menu > div {
    margin: 0;
    padding: 0;
    height: 100%;
}

.organizing-menu .grey-menu > div > nav{
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.organizing-menu .grey-menu > div > nav > ul{
    height: 100%;
    align-content: center;
}

.organizing-menu .grey-menu > div > nav > ul > li{
    height: 100%;
    align-content: center;
}

.organizing-menu .grey-menu > div > nav > ul > li.active{
    background: black;
}

.organizing-menu .grey-menu > div.g-content > nav.g-main-nav > ul.g-toplevel > li.g-menu-item{
  border: none;  
}

@media only all and (max-width: 64.938rem)
{	
	.organizing-menu{
		background-color: #fff !important;
	}
	.box-border{
		padding: 1rem !important;
	}
}
#logo-5921-particle {
    margin: 0;
    padding: 0;
}

#logo-1309-particle {
    margin: 0;
    padding: 0;
}

li.bgRED > ul.g-dropdown > li.g-dropdown-column > div.g-grid > div{
    background-color: #A20303;
    border-right: 3px solid;
}

li.bgRED > ul.g-dropdown > li.g-dropdown-column > div.g-grid > div:hover{
    background-color: #000 !important;
}

/* French subtitle in Menu */
li.frSub span.g-menu-item-subtitle {
    color: lightblue;
    text-align: left;
	margin-left: 20px;
}
li.frSub span.g-menu-item-subtitle{}

li.frSub  .g-menu-item-content {
/*   display: flex !important; */
  align-items: baseline;
}

li.frSub  .g-menu-item-subtitle::before {
  
}

/* * Custom styles for the button grid.
         * We target the 'a' tags within the list for the main button styling.
         */
.frListButtons{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}
        .frListButtons li{
            list-style: none;
        }
        .frListButtons a {
            /* Flexbox for easy alignment of content */
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            height: 100%; /* Ensure all buttons are the same height */

            /* Spacing and Appearance */
            padding: 1.5rem;
            background-color: #ffffff;
            border: 1px solid #e5e7eb; /* gray-200 */
            border-radius: 0.75rem; /* rounded-xl */
            
            /* Text Styling */
            font-weight: 500;
            color: #1f2937; /* gray-800 */
            text-decoration: none;

            /* Effects */
            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
            transition: all 0.3s ease-in-out; /* Smooth transition for all properties */
        }

        /* * Hover effect for the buttons.
         * This creates a subtle "lift" and color change on mouseover.
         */
        .frListButtons a:hover {
            transform: translateY(-5px) scale(1.02);
            background-color: #da3838; /* indigo-600 */
            color: #ffffff;
            border-color: #4f46e5; /* indigo-600 */
            box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.2), 0 4px 6px -4px rgb(0 0 0 / 0.1);
        }

        /* * Style for list items that are NOT links.
         * This makes them look like informational panels rather than clickable buttons.
         */
        .frListButtons li:not(:has(a)) {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            height: 100%;

            /* Spacing and Appearance */
            padding: 1.5rem;
            background-color: #f3f4f6; /* gray-100 */
            border: 1px solid #e5e7eb; /* gray-200 */
            border-radius: 0.75rem; /* rounded-xl */

            /* Text Styling */
            font-weight: 500;
            color: #6b7280; /* gray-500 */
            
            /* A more subtle shadow for non-interactive items */
            box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
        }

/* --- Main Column Container --- */
/* Ensures columns wrap on smaller screens and are equal height */

/* --- Group Card Styling (.frGroupButton) --- */
/* This styles each column as a self-contained card */
.frGroupButton {
    display: flex;
    flex-direction: column; /* Stacks title and list vertically */
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 1.5rem;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.07), 0 2px 4px -2px rgb(0 0 0 / 0.07);
    flex-basis: 100%; /* Full-width on mobile by default */
}

/* --- Group Title Styling --- */
.frGroupButton p strong {
    display: block;
    margin-bottom: 1rem;
    font-family: 'Inter', sans-serif;
    font-size: 1.125rem;
    color: #111827;
    text-align: center;
}

/* --- List & Item Styling --- */
/* This sets up the list to allow its children to grow */
.frGroupButton ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    /* flex-grow: 1; */ /* Allows the list to fill the card's vertical space */
}

/* This makes each list item a flex container that can grow */
.frGroupButton li {
    display: flex; /* CRITICAL: Allows the link inside to fill the space */
    flex-grow: 1;  /* CRITICAL: Makes all list items expand to the same height */
}

/* --- Style for CLICKABLE Buttons (List items with links) --- */
.frGroupButton li a {
    /* Make the link fill the entire list item */
    width: 100%;
    flex-grow: 1;
    
    /* Use flexbox to center the text within the link */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Appearance & Effects */
    padding: 1rem;
    text-decoration: none;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color: #374151;
    background-color: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    transition: all 0.2s ease-in-out;
}

/* Hover effect for the clickable buttons */
.frGroupButton li a:hover {
    transform: translateY(-3px);
    background-color: #da3838;
    color: #ffffff;
    border-color: #4f46e5;
    box-shadow: 0 4px 10px -2px rgb(0 0 0 / 0.15);
}

/* --- Style for NON-CLICKABLE Panels (List items without links) --- */
.frGroupButton li:not(:has(a)) {
    /* Make the panel fill the entire list item */
    width: 100%;
    flex-grow: 1;

    /* Use flexbox to center the text within the panel */
    display: flex;
    align-items: center;
    justify-content: center;

    /* Appearance */
    padding: 1rem;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    background-color: #f3f4f6;
    color: #6b7280;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    cursor: default;
}

/* --- Responsive Breakpoints --- */
/* On screens 768px and wider, display as three columns */
@media (min-width: 768px) {
    .frGroupButton {
        flex-basis: calc(33.333% - 1rem);
    }
}		

@keyframes colorRotate2025 { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } }

body.home img.round-corners,
body.home section#g-slideshow img{
    transition: 2s;
}

body.home img.round-corners:hover {
/*     filter: invert(1); */
    transition: 2s;
}

body.home section#g-slideshow:hover img {
/*     filter: hue-rotate(225deg) invert(1); */
    transition: 2s;
}