/* 
Theme Name: S99 Child
Theme URI: https://studio99.sm
Description: S99 Child is a child theme of S99, created by Studio99 team
Author: Studio99 Team
Author URI: https://studio99.sm
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*CUSTOM TAXONOMY POST*/

ul.post-taxonomy {
   display: inline-block;
  background: #138f3e;
  padding: 0px 9px;

  clip-path: polygon(
    10% 0%,
    100% 0%,
    90% 100%,
    0% 100%
  );
}

.post-html {
     display: inline-block;
  background: #138f3e;
  padding: 0px 9px;

  clip-path: polygon(
    10% 0%,
    100% 0%,
    90% 100%,
    0% 100%
  );
}

/*Change the color of a news title when the background is dark*/

 #esclusive .elementor-heading-title {
    color: #fff !important;
}

#economia .elementor-heading-title {
    color: #fff !important;
}

/*Custom tittle*/

.custom-tittle {
    position: relative;
    padding-top: 10px;
}

.custom-tittle::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 6px;
    background-color: #00a651;

   
    clip-path: polygon(
        0 0,       
        100% 0,     
        85% 100%,   
        0 100%      
    );
}

/*Scroll horizontal logo teams*/

@media (max-width: 768px) {
  #club {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #club img {
    flex: 0 0 auto !important;
    max-width: 40px !important;
    margin-right: 40px !important;
    margin-left: -40px !important;
  }
}


/*Modifica il contenuto della paginazione numerica*/

	.elementor-pagination {
    display: flex !important; 
    justify-content: center !important;     
	}

	.elementor-pagination .page-numbers {
    background-color: #2C2C2C;
    color: #fff !important;

    border-radius: 0% !important; 
    width: 44px !important; 
    height: 44px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-decoration: none !important; 
	}

	.elementor-pagination .page-numbers.current {
    background-color: #039040 !important; 
    color: white !important; 
    border: none !important; 
	}

	.elementor-pagination .page-numbers:hover {
    background-color: #039040 !important; 
    color: white !important; 
	}


/*Cambiare la posizione delle colonne nella homepage*/

@media (max-width: 767px) {
  .col-1 {
    order: 2;
  }
  .col-2 {
    order: 1;
  }
  .col-3 {
    order: 3;
  }
}