/*
Theme Name: DonPeppe Child
Theme URI: https://donpeppe.qodeinteractive.com/
Description: A child theme of DonPeppe Theme
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 1.0.0
Text Domain: donpeppe
Template: donpeppe
*/
@media screen and (max-width: 680px) {
    body, p {
        font-size: 1em !important;
    }
}
html body {
        line-height: unset; !important;
    }
rs-slides h1 {
    text-transform: none;
}

.qodef-st-title {
    text-transform: none;
}

.qodef-top-bar {
    color: #ffffff;
    background-color: #912324 !important;
}

.qodef-btn.qodef-btn-solid, .qodef-btn-simple {
    color: #fff !important;
    background-color: #912324 !important;
}
a.qodef-btn.qodef-btn-solid:hover, a.qodef-btn.qodef-btn-simple:hover, a.qodef-btn.qodef-btn-simple:not(.qodef-btn-custom-hover-bg):hover {
    color: #912324 !important;
    background-color: #FFFFFF !important;
border: 1px solid #912324 !important;
}
a.qodef-btn.qodef-btn-simple {
    padding: 15px 31px !important;
} 

a.qodef-btn.qodef-btn-simple:not(.qodef-btn-custom-hover-bg):hover {
    background-color: transparent !important;
}


.qodef-dark-header .qodef-page-header > div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget a.qodef-btn,
div.qodef-wrapper header.qodef-page-header .qodef-menu-area .widget a.qodef-btn,
.qodef-dark-header .qodef-page-header > div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget span.qodef-btn-text
{
    color: #fff !important;
}

.qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header):not(.fixed) a.qodef-search-opener:hover{
color: #912324 !important;
}

@media screen and (min-width: 1900px) {
  #primobanner-all-page, #secondobanner-all-page{
    background-size: cover;
}
}

.qodef-instagram-not-connected {
    width: 100%;
    text-align: center;
}

.qodef-content .qodef-content-inner > .qodef-full-width > .qodef-full-width-inner {
    padding-top: 0px !important;
}


.qodef-mobile-header .qodef-mobile-logo-wrapper img {
    height: unset !important;
    width: 230px !important;
}

.qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opener-icon-pack .qodef-mobile-menu-icon *, .qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opener-icon-pack .qodef-mobile-menu-icon ::before {
    font-size: 45px !important;
}

.qodef-section-title-holder span.qodef-st-text {
    font-size: 18px;
    line-height: 1.756em !important;
}

.qodef-page-footer .widget.widget_text img {
    display: unset !important;
}



@media screen and (max-width: 480px) {
.qodef-container-inner, .qodef-grid, .qodef-row-grid-section {
    width: 320px !important;
}

.card__inner {
    width: 240px;
}
}

#row-contact-background {
    background-size: cover;
}
/*******************SERVICES CARDS*********************/
 

.cards {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}

@media screen and (min-width: 481px) {
  .cards { 
padding: 15px;
    
  }
}

.cards h3{
  color:#FFFFFF
}

/*.cards p {
    font-size: 1em;
}*/

.card {
  margin: 15px;
  width: calc((100% / 3) - 30px);
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 991px) {
  .card {
    width: calc((100% / 2) - 30px);
  }
}
@media screen and (max-width: 767px) {
  .card {
    width: 100%;
  }
}
.card:hover .card__inner {
  background-color: #1abc9c;
  transform: scale(1.05);
}
.card__inner {
  /*width: 100%;*/
height: 200px;
display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
align-content: center;
  padding: 30px;
  position: relative;
  cursor: pointer;
  background-color: #949fb0;
  color: #eceef1;
  /*font-size: 1.5em;*/
  text-transform: uppercase;
  text-align: center;
  transition: all 0.2s ease-in-out;
}
.card__inner:after {
  transition: all 0.3s ease-in-out;
}
.card__inner .fa {
  width: 100%;
  margin-top: 0.25em;
}
.card__expander {
  transition: all 0.2s ease-in-out;
  background-color: #912324;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  /*align-items: center;*/
  
  color: #eceef1;
  font-size: 1.5em;
flex-flow: column;
}
.card__expander .fa {
  font-size: 0.75em;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.card__expander .fa:hover {
  opacity: 0.9;
}
.card.is-collapsed .card__inner:after {
  content: "";
  opacity: 0;
}
.card.is-collapsed .card__expander {
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  margin-top: 0;
  opacity: 0;
}
.card.is-expanded .card__inner {
  background-color: #1abc9c;
}
.card.is-expanded .card__inner:after {
  content: "";
  opacity: 1;
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  bottom: -30px;
  left: calc(50% - 15px);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #912324;
}
.card.is-expanded .card__inner .fa:before {
  content: "";
}
.card.is-expanded .card__expander {
  /*max-height: 1500px;*/
  min-height: 200px;
  overflow: visible;
  margin-top: 30px;
  opacity: 1;
padding: 30px;
    margin-left: -30px;
}
.card.is-expanded:hover .card__inner {
  transform: scale(1);
}
.card.is-inactive .card__inner {
  /*pointer-events: none;*/
  opacity: 0.5;
}
.card.is-inactive:hover .card__inner {
  background-color: #949fb0;
  transform: scale(1);
}

@media screen and (min-width: 992px) {
  .card:nth-of-type(3n+2) .card__expander {
    margin-left: calc(-100% - 30px);
  }

  .card:nth-of-type(3n+3) .card__expander {
    margin-left: calc(-200% - 60px);
  }

  .card:nth-of-type(3n+4) {
    clear: left;
  }

  .card__expander {
    width: calc(300% + 60px);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .card:nth-of-type(2n+2) .card__expander {
    margin-left: calc(-100% - 30px);
  }

  .card:nth-of-type(2n+3) {
    clear: left;
  }

  .card__expander {
    width: calc(200% + 30px);
  }
}


/******MAPPA EVENTI*********************/
.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

// Fixes potential theme css conflict.
.acf-map img {
   max-width: inherit !important;
}


/********EVENTI ********/
@media screen and (max-width: 1024px) {
div.qodef-content .qodef-title-holder:not(.qodef-bg-responsive-disabled).qodef-title-va-header-bottom, div.qodef-content .qodef-title-holder, .qodef-title-holder .qodef-title-wrapper {
    height: 600px !important;
}
}


/********BANDIERE ********/
li.lang-item a img {
    width: 25px !important;
    height: 17px !important;
}