/*
Theme Name: raften
Theme URI: http://tenneriello.it
Author: Raffaele Tenneriello
Author URI: http://tenneriello.it
Description: A clean starter theme based on Bootstrap
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: SASS, clean, bootstrap
Text Domain: raften
*/
body {
  background: url(../img/pattern-gray.png) repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
  color: #69696B!important;
  font-family: "Ubuntu","Helvetica",arial,serif!important;
  font-weight: 300!important;
  font-size: 12px!important;
  line-height: 19px!important;;
}
a {
  color: #CCB0CC;
  transition: all 0.5s ease-out;
}
a:hover {
  color:#712E59;
  text-decoration: none;
}
strong {
  font-weight: 700;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #CCB0CC;
  font-weight: 300;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 25px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 15px;
}
h1.titolopagina {
  color: #712E59;
}
button:focus,
input:focus {
  outline: none;
  border:none;
}
iframe {
  width: 100%;
  max-width: 100%;
}
.iframe-wrapper {
    position: relative;
    padding-top: 60%;
    height: 0;
    overflow: hidden;
}
.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
}
.pubblico {background-color:#fab200!important}
.privato {background:#e32d00!important}
.no-profit {background:#8dc800!important}
.internazionale {background:#2ea8e9!important}
.inward {background:#ccc!important}


.bg-white {
  background: #fff;
}
.bg-light {
  background-color: #EBEBEB!important;
}
.container.fancybox-content {
	padding: 50px 60px 60px;
  width: 1140px;
  max-width: 80vw;
  max-height: 70vh;
  overflow: hidden;
}
.container.fancybox-content .linkdisabled {
  cursor: default;
}

/* Swiper Generali */
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px;
}
.swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
  border: 1px solid #ccb0cc;
}
.swiper-pagination-bullet-active {
  background: #ccb0cc;
}
.swiper-button-prev.swiper-button-white:focus,
.swiper-button-next.swiper-button-white:focus,
.swiper-button-prev.swiper-button-white:active,
.swiper-button-next.swiper-button-white:active,
.swiper-button-prev.swiper-button-white:hover,
.swiper-button-next.swiper-button-white:hover {
  outline: none;
  border: none;
}

.swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white {
  color: #ccb0cc;
  --swiper-navigation-color: #ccb0cc;
}
.swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white {
  top:calc(50% + 15px);
}





/* Header */
.bg-primary {
  background-color: #712E59!important;
}
.site {
  padding-top: 150px;
}
.admin-bar .site {
  padding-top: 152px;
}
.header,
.navbar {
  position: fixed;
  width: 100%;
  z-index: 2;
}
.header {
  background: #fff;
  top: 0;
  z-index: 23;
}
.admin-bar .header {
  top: 32px;
}
.navbar {
  top: 102px;
  transition: all 0.3s ease-out;
  z-index: 23;
}
.admin-bar .navbar {
  top:134px;
}
.frase {
  font-size: 18px;
  font-weight: 300;
  color: #D4BCD4;
}
.logo-container {
  padding-top: 26px;
  padding-bottom: 26px;
  transition: all 0.3s ease-out;
}

.page-header.fixed .logo-container {
  padding-top: 16px;
  padding-bottom: 16px;
}
.page-header.fixed .navbar {
  box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.5);
  top: 82px;
}
.admin-bar .page-header.fixed .navbar {
  top:114px;
}

.navbar-toggler {
  padding: 0;
  margin: 0 0 0 10px;
  border: none;
}
@media screen and (max-width: 768px) {
  .site {
    padding-top: 163px;
  }
  .navbar .container .row .menu-wrapper {
    /* order:2; */
    position: unset;
  }
  .navbar .container .row .menu-wrapper #navbarNavDropdown {
    position: absolute;
    left: 0;
    right: 0;
    background: #cdb1cc;
    top: calc(100%);
    padding: 15px;
    box-shadow: 0px 0px 8px;
  }
  .navbar .container .row .search-wrapper {
    order:1;
    margin-bottom: -33px;
  }
  .navbar {
    top: 120px;
    transition: all 0.3s ease-out;
  }

  .admin-bar .navbar {
    top:152px;
  }

  .page-header.fixed .navbar {
    box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.5);
    top: 100px;
  }
  .admin-bar .page-header.fixed .navbar {
    top: 133px;
  }
  .frase {
    font-size: 13px;
  }
}

.navbar-nav li {
  margin-right: 35px;
  /* border-radius: 5px; */
  padding: 0 5px;
  transition: all 0.5s ease-out;
}
.navbar-nav li:hover,
.navbar-nav li.active {
  background: #92507A;
  color: #fff;
}
.navbar-nav li:hover a,
.navbar-nav li a:hover {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .navbar-nav li {
    margin-right: 0;
  }
}

.nav-link {
  padding: 0;
  font-size: 14px;
  line-height: 30px;
}
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #fff;
}

#rafsearch {
  text-align: right;
  display: inline;
}
#rafsearch #searchsubmit,
#rafsearch #searchsubmit_sub {
  background: url(../img/lens.png) no-repeat scroll center center #92507A;
  transition: all 1.1s linear 0s;
  position: absolute;
  right: 0px;
  border: medium none !important;
  border-radius: 0 5px 5px 0!important;
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0) !important;
  float: right !important;
  height: 30px !important;
  margin: 0 0px 0 0 !important;
  padding: 0 !important;
  width: 30px !important;
  text-shadow: none!important;
  z-index: 2;
}
#rafsearch #searchsubmit {
  opacity: 0;
}
#rafsearch #searchsubmit_sub {
  opacity: 1;
  background-color: transparent;
}

#rafsearch #s.field {
  opacity: 0;
  border-radius: 5px 0px 0px 5px!important;
  margin: 0 30px 0 0!important;
  z-index: 1;
  height: 30px;
  line-height: 30px;
  color: #999;
  border: none;
  padding-left: 10px;
  padding-right: 10px;
}
#rafsearch #s.field {
  transition: all 0.3s linear 0s;
}
#rafsearch:hover #searchsubmit_sub {
  opacity: 0;
}
#rafsearch:hover #s.field, #rafsearch:hover #searchsubmit {
  opacity: 1;
}



/* Home Page */
.titolihome {
  border-bottom: none;
  box-shadow: none;
  color: #CCB0CC;
  font-size: 20px;
  font-weight: lighter;
  margin: 0px 10px;
  text-shadow: none;
}
.databoxnews {
  font-size: 11px;
  line-height: 1.5;
}
.titolonotizia {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 300;
}
.settore-home {
  margin-bottom:10px;
  color: #C7A9C7;
}
.subsettori {
  width: 100%;
  height: 7px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.homepageContent .titolihome {
  margin-bottom: -10px;
  position: relative;
  z-index: 20;
}
@media screen and (max-width: 768px) {
  .homepageContent .titolihome {
    margin-bottom: -10px;
  }
}



.attivitaSlide .swiper-wrapper {
  padding-top: 0px;
}

.attivitaSlide .swiper-slide {
  background: #fff;
}
.immagine-sviluppo-home {
  max-width: 100%;
  height: auto;
}
.attivitaSlide .swiper-pagination,
.referenzeSlide .swiper-pagination {
  bottom:unset;
  top:0px;
  width: unset;
  right: 10px;
  left: unset;
}
@media screen and (min-width: 768px) {
  .attivitaSlide p {
    font-size: 13px;
    margin: 0;
    padding: 0;
  }
}
.attivitaSlide .subsettori.subsettori-home {
  width: calc(100% - 1.5rem);
  height: 7px;
  position: absolute;
  right: 0;
  bottom: 0;
}


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

  .attivitaSlide .swiper-pagination {
    display: none;
  }

  .attivitaSlide .swiper-button-prev,
  .attivitaSlide .swiper-button-next {
    top: 23%;
  }

  .attivitaGrid .subsettori,
  .attivitaSlide .subsettori {
    width: 100%!important;
    left: 0!important;
    right: 0!important;
  }
  .referenzeSlide .swiper-pagination {
    display: none;
  }
}

.attivitaGrid {
  margin: 0 -10px;
}
.attivitaGrid img {
  width: 100%;
  height: auto;
}
.attivitaGrid .singlenews {
  padding: 0 10px!important;
}
.attivitaGrid .singlenews .contenuti {
  padding: 2rem 2rem 4rem 2rem;
}

.attivitaGrid .singlenews .contenuti .databoxnews {
  margin-bottom:10px;
}
.attivitaGrid .singlenews .contenuti .titolonotizia {
  margin-bottom: 20px;
  font-size: 15px;
}
.attivitaGrid .singlenews .contenuti .settore-home {
  position: absolute;
  bottom: 10px;
  width: calc(100% - 60px);
  left: 40px;
  right: 20px;
}
@media screen and (max-width: 768px) {
  .attivitaGrid .singlenews .contenuti .settore-home,
  .attivitaSlide .contenuti .settore-home {
    position: absolute;
    bottom: 10px;
    width: calc(100% - 60px);
    right: 32px;
    left: 20px;
  }
}
.attivitaGrid .singlenews .contenuti .subsettori {
  width: calc(100% - 20px);
  left: 10px;
  right: 10px;
}



.referenzeSlide .swiper-container {
  /* width: calc(100% - 60px);
  padding: 0 30px; */
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 89%, rgba(255,255,255,0) 89%);
  padding: 0 40px;
}
.referenzeSlide .swiper-slide {
  height: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 10px;
}

.piattaformeSlide .swiper-container {
}
.piattaformeSlide .swiper-slide {
  height: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* .piattaformeSlide .swiper-wrapper {
  -webkit-transition-timing-function:linear!important;
  -o-transition-timing-function:linear!important;
  transition-timing-function:linear!important;
}
 */

.pre-footer {
  background: #D9DADC;
  position: relative;
  z-index: 1;
}
.pre-footer:before,
.pre-footer:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: unset;
  right: unset;
  background: green;
  z-index: 2;
  width: 200px;
}
.pre-footer:before {
  left: 0;
  background: rgb(217,218,220);
  background: linear-gradient(-90deg, rgba(217,218,220,0) 0%, rgba(217,218,220,1) 54%);
}
.pre-footer:after {
  right: 0;
  background: rgb(217,218,220);
  background: linear-gradient(90deg, rgba(217,218,220,0) 0%, rgba(217,218,220,1) 54%);
}

@media screen and (max-width: 480px) {
  .pre-footer:before,
  .pre-footer:after {
    width: 30%;
    max-width: 50px
  }
}
footer {
  background: #514F4F;
}
footer .copyright {
  margin-bottom: 80px;
  padding-top: 15px;
  border-top: 1px solid #ffffff;
}







/* Pagina Organizzazione */
.membri .membrocomitato {
  position: relative;
}

.membri .membrocomitato .link-immagine-boxnews {
  float: none;
  text-align: left;
  margin: 0px 0!important;
  display: block;
}
.membri .membrocomitato img.sovrapponibile {
  position: absolute;
  top: 0;
  left: 1rem;
  display: block;
  text-align: center;
  width: calc(100% - 2rem);
  height: auto;
}
.membri .membrocomitato img.desaturate {
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: url(../img/desaturate.svg#greyscale);
  filter: grayscale(100%);
  filter: gray;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  width: 100%;
  height: auto;
}
.membri .membrocomitato img.desaturate:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}





/* Singola attività */
.link-immagine  {
  display: block;
}
.sviluppo-dett {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.sidemultimedia .immagini_galleria p{
  margin: 0;
}
dd.gallery-caption {
  display: none;
}
.gallery {
  margin: 0 -8px 1rem!important
}
.gallery .gallery-item {
  padding: 8px;
  margin: 0!important;
}

.gallery .gallery-item .gallery-icon {
  border: 1px solid #dddddd;
}
.gallery .gallery-item .gallery-icon a {
  display: block;
}
.gallery .gallery-item .gallery-icon a img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: none!important;
}


#pulsantieranavigazione {
  background: #C7A9C7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
}

#pulsantieranavigazione #nav-sinistra,
#pulsantieranavigazione #nav-destra {
  width:33px;
  display: block;
  text-align: center;
}
#pulsantieranavigazione a.griglietta,
#pulsantieranavigazione a.griglietta img {
  display: block;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease-out;
}
#pulsantieranavigazione a.griglietta:hover img {
  opacity: 0;
}
#pulsantieranavigazione a.griglietta {
  background-image: url(../img/griglietta-hover.png);
  background-position: center;
  background-repeat: no-repeat;
}
#pulsantieranavigazione #nav-sinistra a,
#pulsantieranavigazione #nav-destra a {
  color: #FFFFFF;
  font-size: 30px;
  height: 29px;
  line-height: 32px;
  display: block;
  text-align: center;
  margin-bottom: 5.5px;
}
#pulsantieranavigazione #nav-sinistra a:hover,
#pulsantieranavigazione #nav-destra a:hover {
  color: #712E59;
}

@media screen and (max-width: 768px) {
  html #wpadminbar {
    position: fixed;
  }
  .sidebarArticolo {
    display: flex;
    flex-direction: column;
  }
  #pulsantieranavigazione {
    order: 4;
  }
  .social-wrapper {
    order: 3;
  }
  .data-wrapper {
    order: 2;
  }
  .campiextra {
    order:1;
  }
  .sidemultimedia {
    order:0;
  }
}
