/*
Theme Name: Uncode Pattiperlalettura
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
.number-sott {
    background-color: #d33;
    margin-left: 4px;
}
#button-reset {
  height: 34px !important;
  line-height: 0.3 !important;
}

.regione .btn, .provincia .btn, .comune .btn {
  height: 8px !important;
  line-height: 0.5 !important;
}

@font-face {
    font-family: 'Raleway-regular';
    src: url('fonts/raleway-regular.eot');
    src: url('fonts/raleway-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular.woff2') format('woff2'),
         url('fonts/raleway-regular.woff') format('woff'),
         url('fonts/raleway-regular.ttf') format('truetype'),
         url('fonts/raleway-regular.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Raleway-bold';
    src: url('fonts/raleway-bold.eot');
    src: url('fonts/raleway-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-bold.woff2') format('woff2'),
         url('fonts/raleway-bold.woff') format('woff'),
         url('fonts/raleway-bold.ttf') format('truetype'),
         url('fonts/raleway-bold.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, p, li, dt, dd, dl, address, label, pre, code {
    font-weight: 400;
    font-family: Raleway-regular !important;
}

.clip-me {  
	clip-path: polygon(0 0, 90% 0, 99% 64%, 0 50%);
}

.clip-me-video {  
	clip-path: polygon(0 0, 92% 0, 99% 99%, 0 76%);
}

b, strong {
   background-color: #da3338;
   color: #FFF!important;
   }
   
em {
   color: #da3338;
   }

.ppll-select button, #button-reset{
  background-color: #dd3333;
  color: white;
}

.accordion-item {
  margin-bottom: 20px;
}

.accordion-button {
  color: white !important;
  background-color: #dd3333 !important;  
}

.accordion-button:not(.collapsed) {
  color: white !important;
  background-color: #dd3333 !important;
}

.pattiperlalettura .btn {
  white-space: unset !important;
}

/* Caption stile e posizionamento */
.carousel-caption {
  bottom: 47% !important;
}

.carousel-caption .title {
  font-size: 27px;
}

.carousel-caption .subtitle {
  color: white;
}

.carousel-caption .date {
  color: white;
}

.teaser h2.h3 {
  color: black;
  font-size: 38px;
  text-align: center;
}

.teaser .istruzioni h2 span {
  font-size: 48px;
}

#map { 
  width: 88%; 
  height: 680px !important; 
}

.box-wrapper {
  overflow-y: scroll;
}

.tipo-patto h2{
  padding-top: 10px;
  padding-bottom: 10px;
}

.tipo-patto .uncode_text_column{
  padding-top: 15px;
}

.row-sottoscrittori {
  margin-bottom: 48px;
}

.stemma img {
  width: 300px;
background-image: url("https://pattiperlalettura.cepell.it/wp-content/themes/uncode-pattiperlalettura/qb.png")!important;
}

h2 span {
  display: inline !important;
}

.istruzioni-title h2 {
  background-color: transparent !important; 
}

.istruzioni-title h2 span {
  font-size: 1.75rem !important;
  font-family: raleway-bold,sans-serif !important; 
  font-weight: 700 !important; 
  letter-spacing: -0.4px !important; 
  color: #fff !important; 
  background-color: #dd3333!important; 
  line-height: 1!important; 
  display: inline !important;
}

.istruzioni-text h6 span {
  color:black; 
  font-size: 18px; 
  line-height: 1.75; 
  font-weight: 400; 
  font-family: Raleway-regular; 
  letter-spacing: -0.45px !important;
}

.row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

body.home .menu-accordion a {
    padding: 5px 18px 5px 18px!important;
}

#map {
  display: block;
}

@media (max-width: 1300px) {
.accordion-body {
  padding: 1rem 0px !important;
}
}

@media (max-width: 959px) {
  .vmenu-container .main-menu-container .sm-vertical {
    padding: 4px 20px 0px 20px;
  }

  .main-menu-container.open-items {
      overflow-y: hidden;
  }
}

@media (min-width: 960px) {
  .vmenu-container .main-menu-container .sm-vertical {
    padding: 270px 50px 0px 24px;
  }

@media (min-width: 960px) {
body.home .main-menu-container .sm-vertical {
    padding: 270px 0px 0px 10px;
}
  }

  .vmenu-container {
      overflow-y: hidden !important;
  }

  .row>* {
    max-width: 112% !important;
  }
}

@media (max-width: 959px){
#page-id-366 .main-wrapper {
        margin-left: 20px !important;
        width: 92%!important;
}
}



.tabs-election {
    border-bottom: 2px solid #cfcfcf;
}

.tab {
    background: none;
    border: none;
    padding: 15px 60px;
    font-size: 18px;
    font-weight: 700;
    color: #b3b3b3;
    position: relative;
}

.tab.active {
    color: #000;
}

.tab.active::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #d60000;
}