/*
Theme Name: Footclub Child
Template:   footclub
Theme URI: https://1.envato.market/footclub-wp
Description: Footclub Child Theme
Author: AwaikenThemes
Author URI: https://awaikenthemes.com/
Version: 1.0.0
Text Domain: footclub-child
*/



/*------------------------------------------- END GENERAL -------------------------------------------*/
/*------------------------------------------- END GENERAL -------------------------------------------*/


/*------------------------------------------- COLOR -------------------------------------------*/
/*------------------------------------------- COLOR -------------------------------------------*/

.actu-date{
  color: #fff !important;
}

p a, .actu-desc a{
  color: #A50004 !important;
}

.elementor-field-label{
  color: #333 !important;
}

.actu-date, .section-title.red .elementor-heading-title::before{
  background-color: #A50004 !important;
}

.section-title.grey .elementor-heading-title::before{
  background-color: #333 !important;
}

.theme-preloader{
  background: #fff;
}



/*------------------------------------------- END COLOR -------------------------------------------*/
/*------------------------------------------- END COLOR -------------------------------------------*/

/*------------------------------------------- FONT -------------------------------------------*/
/*------------------------------------------- FONT -------------------------------------------*/

h1,h2,h3, .section-title p, .button1 a, .button2 a{
  font-family: "Elms Sans", sans-serif !important;
}

.actu-date{
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}

.actu-date{
  font-size: 24px;
}

.section-title p{
  font-size: 18px !important;
}

.button1 a, .button2 a, .elementor-field-label{
  font-weight: 700 !important;
}

.section-title p{
  font-weight: 500 !important;
}

.button1 a, .button2 a, h1, h2, h3{
  word-spacing: -2px;
}


/*------------------------------------------- END FONT -------------------------------------------*/
/*------------------------------------------- END FONT -------------------------------------------*/

/*------------------------------------------------ TITLE ------------------------------------------------*/
/*------------------------------------------------ TITLE ------------------------------------------------*/



h2{
  font-size: 45px !important;
}

h3{
  font-size: 28px !important;
}

.smallH3 h3{
  font-size: 20px !important;
  font-weight: 600 !important;
}

/*------------------------------------------------ END TITLE ------------------------------------------------*/
/*------------------------------------------------ END TITLE ------------------------------------------------*/


/*------------------------------------------------ ELEMENT ------------------------------------------------*/
/*------------------------------------------------ ELEMENT ------------------------------------------------*/

.actu-grid {
  display: flex;
  flex-wrap: wrap;
  column-gap: 75px;
  row-gap:50px;
}

.actu-grid article{
  width: calc(33% - 50px);
  position: relative;
  padding-bottom: 20px;
}

.actu-grid article::before{
  position: absolute;
  content: "";
  width: 1px;
  background-color: #A50004;
  left: -20px;
  top: -6px;
  height: calc(100% + 6px);
}

.actu-date{
  padding: 5px 10px 3px;
  line-height: 1;
  border-radius: 3px;
}

.actu-title{
  margin-top: 20px;
}

.actu-image img{
  aspect-ratio: 1.7;
  object-fit: cover;
  border-radius: 10px;
  margin: 20px 0;
}

#loading-icon{
  max-width: 10vw !important;
  min-width: 150px !important;
}



/*------------------------------------------------ END ELEMENT ------------------------------------------------*/
/*------------------------------------------------ END ELEMENT ------------------------------------------------*/


/*------------------------------------------------ BUTTON ------------------------------------------------*/
/*------------------------------------------------ BUTTON ------------------------------------------------*/

.button1  .ekit_creative_button i {
  color: #3e9323 !important;
}

.button1:hover  .ekit_creative_button i {
  color: #fff !important;
  background-color: #3e9323 !important;
}

.button1:hover .ekit_creative_button_text{
  color: #3e9323 !important;
}


.button2  .ekit_creative_button i {
  background-color: #A50004 !important;
}

.button2:hover  .ekit_creative_button i {
  color: #A50004 !important;
  background-color: #fff !important;
}

.button2:hover .ekit_creative_button_text{
  color: #fff !important;
}

.button2:hover .ekit_position_aware_bg{
  background-color: #A50004 !important;
}



/*------------------------------------------- END BUTTON -------------------------------------------*/
/*------------------------------------------- END BUTTON -------------------------------------------*/

/*------------------------------------------------ HEADER ------------------------------------------------*/
/*------------------------------------------------ HEADER ------------------------------------------------*/

header .main-header-menu ul li{
  font-family: inherit;
}

header .e-con-inner{
  padding: 10px !important;
}


/*------------------------------------------------ END HEADER ------------------------------------------------*/
/*------------------------------------------------ END HEADER ------------------------------------------------*/


/*------------------------------------------------- .site-footer -----------------------------------------------*/
/*------------------------------------------------- .site-footer -----------------------------------------------*/



/*------------------------------------------------ END .site-footer  ------------------------------------------------*/
/*------------------------------------------------ END .site-footer ------------------------------------------------*/


/*------------------------------------------------   FORM ------------------------------------------------*/
/*------------------------------------------------   FORM ------------------------------------------------*/




/*------------------------------------------------ END  FORM ------------------------------------------------*/
/*------------------------------------------------ END  FORM ------------------------------------------------*/



/*------------------------------------------------ Archive  ------------------------------------------------*/
/*------------------------------------------------  Archive  ------------------------------------------------*/



/*------------------------------------------------- END Archive -----------------------------------------------*/
/*------------------------------------------------- END Archive -----------------------------------------------*/

/*------------------------------------------  BLOG -----------------------------------------------*/
/*-----------------------------------------  BLOG -----------------------------------------------*/



/*----------------------------------------------- END BLOG -----------------------------------------------*/
/*----------------------------------------------- END BLOG -----------------------------------------------*/


/*------------------------------------------------- SHOP-----------------------------------------------*/
/*------------------------------------------------- SHOP-----------------------------------------------*/




/*------------------------------------------------- END SHOP -----------------------------------------------*/
/*------------------------------------------------- END SHOP -----------------------------------------------*/

/*------------------------------------------------- 4K-----------------------------------------------*/
/*------------------------------------------------- 4K-----------------------------------------------*/




@media screen and (min-width: 1620px){

  .ata-site-logo-img {
    min-height: 110px !important;
  }


}



@media screen and (min-width: 2559px){



}



/*------------------------------------------------- END 4K-----------------------------------------------*/
/*------------------------------------------------- END 4K-----------------------------------------------*/


/*------------------------------------------------- LAPTOP-----------------------------------------------*/
/*------------------------------------------------- LAPTOP-----------------------------------------------*/


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

  h2{
    font-size: 38px !important;
  }

  h3{
    font-size: 25px !important;
  }

  .smallH3 h3{
    font-size: 18px !important;
    font-weight: 600 !important;
  }


}






/*------------------------------------------------- END LAPTOP -----------------------------------------------*/
/*------------------------------------------------- END LAPTOP -----------------------------------------------*/

/*------------------------------------------------- TABLET-----------------------------------------------*/
/*------------------------------------------------- TABLET-----------------------------------------------*/




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

  h2 {
      font-size: 31px !important;
    }

  .section-title p {
    font-size: 15px !important;
  }

}




/*------------------------------------------------- END TABLET-----------------------------------------------*/
/*------------------------------------------------- END TABLET-----------------------------------------------*/

/*------------------------------------------------- LANDSCAPE-----------------------------------------------*/
/*------------------------------------------------- LANDSCAPE-----------------------------------------------*/

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

  .actu-grid article {
    width: 100%;
  }

}


/*------------------------------------------------- END LANDSCAPE-----------------------------------------------*/
/*------------------------------------------------- END LANDSCAPE-----------------------------------------------*/

/*------------------------------------------------- PORTRAIT-----------------------------------------------*/
/*------------------------------------------------- PORTRAIT-----------------------------------------------*/


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




}