/*
Theme Name: POLO
Theme URI: https://www.polo.coldiretti.it
Author: Alessio Simari
Author URI: http://www.bluarancio.com
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: www.polo.coldiretti.it

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
  @font-face {    
    font-family: Poppins;
    src: url(fonts/Poppins-Thin.ttf); 
    font-weight:100 
  }
  @font-face {    
    font-family: Poppins;
    src: url(fonts/Poppins-ExtraLight.ttf); 
    font-weight:200 
  }
  @font-face {    
    font-family: Poppins;
    src: url(fonts/Poppins-Light.ttf); 
    font-weight:300 
  }
  @font-face {    
    font-family: Poppins;
    src: url(fonts/Poppins-Regular.ttf); 
    font-weight:400 
  }
  @font-face {
    font-family: Poppins;
    src: url(fonts/Poppins-Medium.ttf); 
    font-weight:500 
  }
  @font-face {
    font-family: Poppins;
    src: url(fonts/Poppins-SemiBold.ttf); 
    font-weight:600 
  }
  @font-face {
    font-family: Poppins;
    src: url(fonts/Poppins-Bold.ttf); 
    font-weight:700 
  }
  @font-face {
    font-family: Poppins;
    src: url(fonts/Poppins-ExtraBold.ttf); 
    font-weight:800 
  }
  @font-face {
    font-family: Poppins;
    src: url(fonts/Poppins-Black.ttf);
    font-weight:900 
  }

html{
    min-height:100%;
}

body{
    font-family:'Poppins';
    height:100%;
    min-height:100vh;
    display:flex;
    flex-direction: column;
}

iconify-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
}

a,
a:link,
a:visited{
    color:inherit;
    text-decoration: none;
}
a:link:hover,
a:link:focus{
  text-decoration: underline;
}

.m-only{display:none;}
.d-only{display:inherit;}

@media(max-width:648px){
    .m-only{display:inherit;}
    .d-only{display:none;}
}

.wr-omni {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.polo-main-section .inner{
    max-width:1248px;
    margin:0 auto;
    padding:15px;
}

.polo-main-section .inner.inner-no-mw{
  max-width: 100%;
}

.polo-main-section .polo-main-section-header{
  margin-bottom: 45px;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
  background-color: #eee;
}

.polo-main-section .polo-main-section-header .polo-main-section-title{
  font-size: 32px;
  font-weight: 400;
}

.polo-main-section .polo-main-section-header .polo-main-section-title::first-letter{
  color: #7fb54c;
  font-size: 1.2em;
}

.polo-main-section .polo-main-section-content{
    min-height:500px;
    padding-top:30px;
    padding-bottom:30px;
}


.polo-main-section .polo-main-section-content .polo-main-section-term-description {
  margin-bottom: 35px;
  background-color: #eee;
  padding: 30px 15px 15px 15px;
  border-radius: 8px;
}

.polo-main-section .polo-main-section-categories {
  margin-top: 15px;
  gap: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: #063;
  border-top: 1px solid #ccc;
  padding-top: 15px;
  align-content: center;
  align-items: center;
}

.polo-main-section .polo-main-section-category {
  display: inline-block;
  padding: 5px 0;
  border-radius: 5px;
  border-bottom: 2px solid #ccc;
}

.polo-main-section-content-posts-wr {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 1%;
}

.polo-main-section-content-toolbar{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom:75px;
}


.polo-main-section-content-posts-pagination {
  margin-top: 55px;
  text-align: center;
}
.polo-main-section-content-posts-pagination .page-numbers {
  display: inline-block;
  padding: 5px;
  min-width: 2.5em;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #eee;
  font-weight: 600;
  font-size: 18px;
}
.polo-main-section-content-posts-pagination .page-numbers.current {
  background-color: #063;
  color: #fff;
}

/*ACCORDION*/

.polo-accordion-entry [data-role=accordion-entry-switch]{
    display: flex;
    background-color: #FED920;
    color:#222;
    border-radius: 37px;
    font-size: 19px;
    font-weight: 700;
    justify-content: space-between;
    cursor:pointer;
    align-items: center;
}

.polo-accordion-entry [data-role=accordion-entry-switch] .icon-wr{
  display:inline-block;
}

.polo-accordion-entry [data-role=accordion-entry-switch] .icon{
    height:1em;
    width:1em;
    min-width:1em;
    border:2px solid;
    border-radius:50%;
    padding:5px;
    transition:transform 0.5s ease;
}

.polo-accordion-entry.open [data-role=accordion-entry-switch] .icon{
  transform:rotate(45deg);
}

.polo-accordion-entry [data-role=accordion-entry-content]{
    display:none;
}

.polo-accordion-entry.open [data-role=accordion-entry-switch]{
    background-color:#7FB54C;
}

.polo-accordion-entry.open [data-role=accordion-entry-content]{
    display:block;
}

.img_polo_slide{
	max-width:100%;
}

.fp-section-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-content: center;
  align-items: center;
  justify-items: center;
  gap: 25px;
}
.fp-section-logo {
  display: inline-block;
  flex: 0 1 250px;
  max-width: 100%;
}
.fp-section-logo img {
  max-height: 75px;
  max-width: 100%;
}

/*POSTCARDS*/

.postcard{
  flex: 1 1 500px;
  display: flex;
  flex-direction: column;
  position:relative;
}

.postcard-inner {
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0px 0px 2px 0 rgba(0,0,0,0.2);
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex:1;
}
.postcard-header {
  background-color: #063;
  color: #fff;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-size:cover;
  background-repeat: no-repeat;
}

.postcard.no-header-image .postcard-header{
  background-size:auto;
}

.postcard-content {
  padding: 10px;
  flex: 1;
}
.postcard-title-wr {
  padding: 10px;
  background-color: rgba(0,0,0,0.2);
  backdrop-filter: blur(8px);
}
.postcard-title {
  font-size: 22px;
  margin:0;
}

.postcard-title > a {
  display: block;
  word-break: break-all;
  max-height: 2em;
  overflow-y: auto;
}
.postcard-readmore-wr {
  padding: 10px;
  color: #063;
}
.postcard-readmore {
  font-weight: 600;
}

.postcard-type-wr {
  text-align: right;
  padding: 0 10px;
  position:relative;
  z-index:1;
}
.postcard-type {
  font-weight: 600;
  font-size: 12px;
  background-color: #ddd;
  display: inline-block;
  padding: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.postcard-date {
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
}


.postcard-type.postcard-category {
  border-radius: 5px;
}
.postcard-categories-wr {
  margin: 10px;
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap:5px;
}

/* SEARCHFORM */

.polo-searchform {
  width: 100%;
  max-width: 800px;
  background-color: #ddd;
  padding: 15px;
  border-radius: 15px;
}
.polo-searchform .polo-searchform-input {
  width: 100%;
  padding: 5px;
  font-size: 22px;
  border-radius: 5px;
  border: 1px solid #bbb;
}
.polo-searchform .polo-searchform-inner {
  display: flex;
  gap:5px;
}

.polo-searchform .polo-searchform-submit {
  border: none;
  border-radius: 5px;
  background-color: #063;
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
}

/* 404 */

.polo-404-notice {
  text-align: center;
  margin: 25px auto;
  font-size: 1.6em;
  color: #777;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  justify-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.polo-404-notice .polo-404-notice-icon{
  display: inline-flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  color:#777;
  font-size: 1.5em;
}

.polo-404-notice .polo-404-notice-content{
  border-bottom: 1px solid #ddd;
}

.polo-modal{
  align-content:center;
}

.polo-modal .modal-header {
  background-color: #063;
  color: #fff;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
}
.polo-modal .modal-content {
  border-radius: 21px;
}

.polo-modal .modal-header .close {
  border: none;
  width: 1.2em;
  height: 1.2em;
  border-radius: 8px;
  font-size: 2em;
  background-color: #fff;
  align-content: center;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}

.polo-modal .modal-content input{
  height: 60px;
  border: none;
  border-bottom: 2px solid #006633;
  background-color: #fff;
  padding-left: 10px;
  width:100%;
}


.polo-modal .modal-content [data-role=ajax-message] {
  margin: 25px auto;
  text-align: center;
  font-weight: 600;
  font-size: 1.1em;
}

.polo-modal .modal-content .col_file{
  color: #006633;
  font-size: 16px;
}

.polo-modal .modal-content .col_upload_action{
  color: #222;
  font-size: 20px;
  font-weight: 600;
}

/*ATTACHMENTS*/

.post-attachments-wr {
  padding: 15px;
  background-color: #eee;
  border-radius: 8px;
  margin-top: 55px;
}

.post-attachments-wr-title{
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}

.post-attachments {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.post-attachments .post-attachment {
  flex: 0 1 250px;
  display: flex;
  flex-direction: column;
  background-color: #063;
  color: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.5);
}
.post-attachments .post-attachment-content {
  flex: 1;
}
.post-attachments .post-attachment-dl {
  display: block;
  align-content: center;
  text-align: center;
  font-size: 72px;
  height: 250px;
  transition:background-color 0.5s ease;
}
.post-attachments .post-attachment-dl:hover,
.post-attachments .post-attachment-dl:focus{
  background-color:rgba(255,255,255,0.3);
}
.post-attachments .post-attachment-header {
  padding: 10px;
  word-break: break-all;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  font-weight: 600;
}
.post-attachments .post-attachment-header .post-attachment-mimetype {
  margin-top:5px;
  color: #ddd;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
}

/* BREADCRUMBS */

.polo-breadcrumbs-wr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  background-color:#7fb54c;
  color:#222;
  padding:15px;
}
.polo-breadcrumb {
  position: relative;
  font-weight: 500;
  display: inline-flex;
  align-content: center;
  align-items: center;
  gap:5px;
  text-decoration: none !important;
}

.polo-breadcrumb::before{
    content:'';
    display: block;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:0;
    background-color:#fff;
    transition: width 0.5s ease;
}

.polo-breadcrumb:hover,
.polo-breadcrumb:focus{
  text-decoration: none;
}

.polo-breadcrumb:hover::before,
.polo-breadcrumb:focus::before,
.polo-breadcrumb.current-breadcrumb-item::before{
    width:100%;
    height:2px;
}

.polo-breadcrumb:not(:last-child){
    margin-right: 1.0em;
}
.polo-breadcrumb:not(:last-child)::after {
  content: '>>';
  display: inline-block;
  height: 100%;
  letter-spacing: -0.25em;
  margin-right: -1em;
}