/*
  Theme Name: SpartacusFoundation
  Theme URI: https://spartacusfoundation.org/
  Author: GSM Result Team
  Author URI: https://www.gsmresults.com/
  Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
  Requires at least: 6.7
  Tested up to: 6.9
  Requires PHP: 7.2
  Version: 1.4
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain: https://spartacusfoundation.org/
  Template: twentytwentyfive
  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
  */

:root {
    --light-grey:#222222;
    --medium-black:#252525;
    --color-text: #1C1C1C;
    --color-muted: #474747;
    --color-gray: #F5F5F5;
    --color-white: #FFFFFF;
    --color-light-black: #000;
    --radius-lg: 1rem;
    --fs-80-35: clamp(2.1875rem, 1.1972rem + 3.169vw, 5rem);
    --fs-60-28: clamp(1.75rem, 1.0458rem + 2.2535vw, 3.75rem);
    --fs-32-22: clamp(1.375rem, 1.1549rem + 0.7042vw, 2rem);
    --fs-20-16: clamp(1rem, 0.912rem + 0.2817vw, 1.25rem);
    --fs-24-18:clamp(1.125rem, 0.993rem + 0.4225vw, 1.5rem);
    --fs-28-20:clamp(1.25rem, 1.0739rem + 0.5634vw, 1.75rem);
    --fs-16-14:clamp(0.875rem, 0.831rem + 0.1408vw, 1rem);
}

 h1{font-size: var(--fs-80-35);}
 h2{font-size: var(--fs-60-28);}
 h3{font-size: var(--fs-32-22) ;}
 h4{font-size: var(--fs-28-20);}
 h5{font-size: var(--fs-24-18);}
 p{font-size: var(--fs-20-16); color: var(#474747);}

img { max-width: 100%; display: block; height: auto; }
a { text-decoration: none; }
.br-radius{border-radius: 20px;}

.black-br {border: 4px solid var(--color-text)}
.black-btn { background-color: var(--medium-black); padding: 10px 20px; border-radius: 32px; color: var(--color-white); background-image: url(https://spartacusfoundation.org/wp-content/uploads/2026/02/paw-bg-brown-button.png); background-repeat: no-repeat; background-position: bottom right; border: 1px solid transparent; font-weight: 600; font-size: clamp(1rem, 0.8214rem + 0.5714vw, 1.25rem); transition: 0.3s all ease-in; display: inline-flex;}
.black-btn:hover {
  background-color: transparent;
  color: var(--medium-black);
  border: 1px solid var(--medium-black);

  /* IMPORTANT: redefine all background properties */
  background-image: url("https://spartacusfoundation.org/wp-content/uploads/2026/03/paw-black.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}
.light-btn { background-color: transparent; padding: 10px 20px; border-radius: 32px; color: var(--color-brand); border: 1px solid var(--color-brand); font-weight: 600; font-size: clamp(1rem, 0.8214rem + 0.5714vw, 1.25rem); transition: 0.4s all ease-in; }
.light-btn:hover { background-color: var(--color-brand);  color: var(--color-white); background-image: url(https://spartacusfoundation.org/wp-content/uploads/2026/02/paw-bg-brown-button.png); background-repeat: no-repeat; background-position: bottom right; border: 1px solid transparent; }

.text-white{color: var(--color-white);}
.text-light-grey{ color: var(--light-grey);}
.text-muted{color: var(--color-muted);}
.bg-gray{background-color: var(--color-gray);}
.bg-medium-black{background-color: var(--medium-black);}

.text-24-500 {color: #1C1C1C; font-size: clamp(1.125rem, 0.9464rem + 0.5714vw, 1.375rem); font-weight: 500;}
.text-28-600-lato{color: var(--color-white); font-weight: 600; font-family: var(--font-body); font-size: clamp(1.125rem, 0.6786rem + 1.4286vw, 1.75rem);}
.text-32-600-lato{font-weight: 600; font-family: var(--font-body); font-size: clamp(1.25rem, 0.7143rem + 1.7143vw, 2rem);}


.after-line-black::after {content: ""; width: 100px; height: 4px; border-radius: 999px; background: var(--light-grey); display: inline-block; margin-left: 25px; }

.section-padding { padding: 80px 15px; }

.help-card{padding: 60px 150px 60px 70px; background-color: var(--color-gray); position: relative;}
.hero-badge{background-color: var(--light-grey); padding: 8px 35px; display: inline-flex; align-items: center;}
.help-card-icon{    
    position: absolute;
    top: -48px;
    right: 28px;
}

/* ..............................Nav.................................... */
.mobile-toggle-icon{
    display: none !important;
}
 .wp-element-button{ background-color: var(--medium-black) !important; padding: 10px 20px !important; border-radius: 32px !important; color: var(--color-white) !important; background-image: url(https://spartacusfoundation.org/wp-content/uploads/2026/02/paw-bg-brown-button.png) !important; background-repeat: no-repeat !important; background-position: bottom right !important; border: 1px solid transparent !important; font-weight: 600 !important; font-size: clamp(1rem, 0.8214rem + 0.5714vw, 1.25rem) !important; transition: 0.3s all ease-in !important; display: inline-flex !important;}


 .wp-element-button:hover {
  background-color: transparent !important;
  color: var(--medium-black) !important;
  border: 1px solid var(--medium-black) !important;


  background-image: url("https://spartacusfoundation.org/wp-content/uploads/2026/03/paw-black.png") !important;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}

:where(.wp-site-blocks :focus) {
    outline-width: 2px; 
     outline-style: none !important; 
}
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
    text-decoration: none !important;
}

.main-nav .wp-block-navigation-item a {
    position: relative;
    text-decoration: none;
}

.main-nav .wp-block-navigation-item a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 2px;
    background-color: var(--light-grey); 
    transition: width 0.3s ease;
}

.main-nav .wp-block-navigation-item a:hover::after {
    width: 100%;
}

.main-nav li.current-menu-item > a,
.main-nav li li.current-menu-item > a {
    background: none !important;
    color: #252525 !important;
}


.main-nav .wp-block-navigation-item__content {
    position: relative;
}


.main-nav .wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    left: 5%;
    bottom: 5px;
    width: 0;
    height: 2px;
    background-color: #252525;
    transition: width 0.3s ease;
}


.main-nav .wp-block-navigation-item__content:hover::after {
    width: 90%;
}


.main-nav li.current-menu-item > a::after,
.main-nav li li.current-menu-item > a::after {
    width: 90%;
}



/* ................Footer.............. */

.footer-mail{
    display: flex;
    gap: 10px;
}

 footer ul.wp-block-navigation li.current-menu-item > a, ul.wp-block-navigation li li.current-menu-item > a {background-color: var(--color-white) !important;color: var(--color-muted)!important;}

.wp-block-columns {
    display: flex;
    flex-wrap: wrap;
}
.wp-block-columns .wp-block-column:first-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.copyright p{
font-size: var(--fs-16-14) !important;
}
.wp-block-columns .wp-block-column:first-child p {
    max-width: 260px;
    margin: 15px auto;
}

@media (max-width: 991px) {
   .wp-block-columns {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .wp-block-columns > .wp-block-column {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}


@media (max-width: 575px) {
   .wp-block-columns {
        display: flex;
        flex-wrap: wrap;
    }

    .wp-block-columns > .wp-block-column {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .wp-block-columns > .wp-block-column:nth-child(2),

    .wp-block-columns > .wp-block-column:nth-child(3) {
        flex: 0 0 50%;
        max-width: 47%;
    }

   footer .wp-block-group-is-layout-flow{
        padding: 40px 15px !important;
    }
    footer ul{gap: 0px !important;}
    footer .Social-icons img {
      width: 40px !important;
        margin-top: 0px !important;
    }
    

    footer .wp-block-heading{
        margin-bottom: 15px !important;
    }
    .wp-block-columns .wp-block-column:first-child p {
    max-width: 160px ;
 
}
}

@media (max-width: 400px) {
    .wp-block-columns > .wp-block-column {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 1920px) {
  .container {
    max-width: 1720px;
  }
}

@media (max-width:1200px) {
    .flex-revers{
        flex-direction: row-reverse !important;
    }
    .mobile-toggle-icon{
        display: block !important;
    }
    .main-nav{
        display: none !important;
    }
}

@media (max-width:992px) {
    .flex-reverse{
        flex-direction: column-reverse;
    }
    .support-our-mission  .justify-content-end{
        justify-content: start !important;
    }
}
@media (max-width:768px) {
    .moments-that-stay img{
        width: 100% !important;
    }
}
@media (max-width:576px) {

    .section-padding{
        padding: 40px 15px;
    }
    .after-line-black::after{
        width: 40px !important;
    }
.moments-that-stay .after-line-black::after {
        width: 23px !important;
        margin-left: 7px !important;
    }

    .hero-badge{padding: 6px 18px;}
    .help-card {
    padding: 30px 30px 30px 30px;
}

.wp-block-columns .wp-block-column:first-child p {
    margin: 12px auto 0px !important;
}


.help-card-icon{    
    
    top: -30px;
    
}
.help-card-icon img{     
  width: 60px;
  height: 60px;
    
}
.wp-element-button{
    padding: 8px 13px !important;
}
.nav-logo{
    width: 80px !important;
}

footer .wp-block-navigation .wp-block-navigation-item__content{
padding: 0px !important;
}
}