/*
Theme Name: Paradisodelcavallo
Theme URI: paradisodelcavallo.com
Description: Tema minimale, che segue le ultime tendenze del web design
Version: 1.0
Author: Alessio Piazzini 
*/

@charset "UTF-8";
/* CSS Document */

:root {
  --primary-color: #e0af79; /* marrone-chiaro */
  --secondary-color: #1B1A1A;  /* grigio scuro */
  --tertiary-color: #C0272C ; /* rosso bordò */
  --quaternary-color: #000 ; /* nero */  
  --quinary-color: rgba(255, 255, 255, 1)  ; /* bianco */      
  --senary-color: #f6f6f6; /* grigio chiaro*/  
  --septenary-color: #e8e8e8; /* grigio scuro*/  
  --octonary-color: #4A0D0F; /* rosso scuro*/ 
  --nonary-color: ;
  --black-color: ;
  --primary-gradient:  ;
  --secondary-gradient:  ;
  --primary-font: "Work Sans", serif;
  --secondary-font: "Playfair Display", serif;
}


html,body,p {font-family: var(--primary-font);}

a:link, a:hover, a:visited{color: var(--primary-color); text-decoration: none;}


/* font */
.primary-font{font-family: var(--primary-font);}
.secondary-font{font-family: var(--secondary-font);}

/* bold */
.fw-800{font-weight: 800;}
.fw-700{font-weight: 700;}
.fw-600{font-weight: 600;}

/* title */
.fs-60 {font-size: 60px;}
.fs-18 {font-size: 18px;}
.fs-16 {font-size: 16px;}
.fs-15 {font-size: 15px;}
.fs-14 {font-size: 14px;}
.fs-13 {font-size: 13px;}
.fs-12 {font-size: 12px;}

/* Width */
.w50-16px {width: calc(50% - 16px);}
.w25-16px {width: calc(25% - 16px);}
.w33-16px {width: calc(33% - 16px);}
.w67-16px {width: calc(67% - 16px);}

/* Margin */
.mt-6 {margin-top: 5rem; }
.mb-6 {margin-bottom: 5rem; }


/* Padding */
.py-6 { padding-top: 5rem; padding-bottom: 5rem;}
.px-6 { padding-left: 5rem; padding-right: 5rem;}
.pt-6 { padding-top: 5rem; }
.pb-6 { padding-bottom: 5rem; }
.pe-6 { padding-right: 5rem; }
.ps-6 { padding-left: 5rem; }

/* Anchor */
a.anchor-1{position: relative;display: block;top: -100px; z-index: -1; }

/* Underline animated */
h2.title-underline::before {content: "";position: absolute;height: 4px; width: 15px;margin-top: 50px;border-radius: 20px; background:var(--tertiary-color);}
.preview-strumenti:hover h2.title-underline::before, .swiper-preview-news :hover h2.title-underline::before, .three-card :hover h2.title-underline::before{width: 100%;-webkit-transition: width 1s ease-in-out;-moz-transition: width 1s ease-in-out;-o-transition: width 1s ease-in-out;transition: width 1s ease-in-out;
background: -moz-linear-gradient(left, var(--tertiary-color) 0%, var(--octonary-color) 100%);
background: -webkit-linear-gradient(left,   var(--tertiary-color) 0%, var(--octonary-color) 100%);
background: linear-gradient(to right,  var(--tertiary-color) 0%, var(--octonary-color) 100%);}}

/* Position */
.position-relative{position: relative;}
.position-absolute{position: absolute;}

/* Display */
.display-inline-block{display: inline-block !important;}
.img-mobile-cover{width: 100%;height: 400px;border-radius: 0;object-fit: cover;object-position: center;}

/* Bg color */
.bg-primary{background-color: var(--primary-color) !important;}
.bg-secondary{background-color: var(--secondary-color) !important;}
.bg-senary{background-color: var(--senary-color);}
.bg-quaternary{background-color: var(--quaternary-color);}
.bg-quinary{background-color: var(--quinary-color);}
.bg-septenary{background-color: var(--septenary-color);}  
.bg-tertiary{background-color: var(--tertiary-color);}  
.bg-octonary{background-color: var(--octonary-color);} 

/* Bg color */
.color-primary{color: var(--primary-color) !important;} 

/* Width */
.w50-16px {width: calc(50% - 16px);}
.w25-16px {width: calc(25% - 16px);}
.w33-14px {width: calc(33% - 14px);}

/* Color */
.color-quaternary{color: var(--quaternary-color);}
.color-tertiary{color: var(--tertiary-color);}

/* -1 */
.z-index-1{z-index: -1;top:0; left: 0; right:0;bottom: 0; }

/* -1 */
.flex-1 {flex: 1;}

/* hr */
hr{border: 0;height: 3px;background-color: #ccc;width: 100%;margin: 30px 0;}

/* List */
.list-style-type-none{list-style-type: none;}

/* Background size*/
.background-cover-center {background-size: cover; background-position: center; }
.background-cover-bottom {background-size: cover; background-position: bottom; }
.background-cover-top {background-size: cover; background-position: top; }


/* LANGUAGE */
.language-top{position: absolute; top: 75px; right: 0; z-index: 6; list-style-type: none; padding-right: 25px;}
.language-top .wpml-ls-flag{border:1px solid #fff;}
/* CHIUDO LANGUAGE */



/* Button primary*/
.button-primary, a.button-primary, a.button-primary:link {font-size: 16px; text-decoration:none;background-position: 0 100%;border: 2px solid #e0af79;color: #000;border: 0;  background: linear-gradient(270deg,#e0af79 50%,#fff 0) 100%; background-color: rgba(0, 0, 0, 0);background-position-x: 100%;background-position-y: center;background-size: auto;background-color: #fff;background-size: 300% 200%;border: 2px solid #e0af79;border-radius: 100px;height: 100%;max-height: 48px;padding: 8px 22px;transition: .4s ease-out;display: inline-block !important; }
a.button-primary:hover {  background-position: 0 100%; border: 2px solid #e0af79;color: #000;}

/* Button secondary*/
.button-secondary, a.button-secondary, a.button-secondary:link {font-size: 16px;text-decoration: none; background-color: transparent;border: 1px solid #fff;color: #fff;height: 100%;line-height: 24px;margin-top: 20px;padding: 12px 24px;align-items: center; background: linear-gradient(270deg,transparent 50%,#fff 0) 100%;background-color: rgba(0, 0, 0, 0);background-position-x: 100%;background-position-y: center;background-size: auto;background-origin: padding-box;background-position: 100% 100%;background-size: 300% 200%;border-radius: 58px;cursor: pointer; display: flex;font-weight: 350;height: 100%;justify-content: center;max-height: 48px;padding: 14px 30px;text-align: center;transition: .4s ease-out;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}
a.button-secondary:hover  { background-origin: border-box;background-position: 0 100%;border-color: #fff;color: #000;}

/* Carousel */
.carousel-item {height: 100vh;}

/* Full Slider */
.carousel h2{left: 50%;transform: translate(-50%, -50%);position: absolute;z-index: 7;color: #fff;bottom: 80px;text-align: center;width: 80%;font-size: 38px;text-decoration: none;border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}
.scroll-down {opacity: 1;-webkit-transition: all .5s ease-in 3s;transition: all .5s ease-in 3s;}
.scroll-down {position: absolute;bottom: 50px;left: 50%;margin-left: -16px;display: block;width: 32px;height: 32px;border: 2px solid #FFF;background-size: 14px auto;border-radius: 50%;z-index: 6;-webkit-animation: bounce 2s infinite 2s;animation: bounce 2s infinite 2s;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;}
.scroll-down:before {position: absolute;top: calc(50% - 8px);left: calc(50% - 6px);transform: rotate(-45deg);display: block;width: 12px;    height: 12px;content: ""; border: 2px solid white;border-width: 0px 0 2px 2px;}
@keyframes bounce {0%,100%,20%,50%,
  80% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
  40% {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
  60% {-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}}
.carousel-control-next, .carousel-control-prev {z-index: 3;}
.gradient-dark-top {z-index: 2;left: 0;right: 0;height: 50vh;top: 0;position: absolute;background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 59%);}
.gradient-dark-bottom {z-index: 2;left: 0;right: 0;height: 50vh; bottom:0; position: absolute; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 79%);}


/* Main navigation */
.navbar-expand-md .navbar-nav .nav-link {padding: 0 15px;font-size: 17px;}
.navbar-expand-md {position: fixed;left: 0;right: 0;top: 0; z-index: 10;}
.navbar li > a {color: #fff;text-decoration: none; }
.navbar li > a:hover {color: var(--primary-color);}
.dropdown-item{font-size: 17px;}

/* HERO VIDEO */
.hero-video {height: 85vh;background-color: rgba(24, 28, 51, 0.5); margin-top: 80px;}
.hero-video .video-container {position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;z-index: -1;background-size: cover;background-position: center;background-repeat: no-repeat;}
.hero-video video {min-width: 100%;min-height: 100%;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.hero-video img {width: 120px;}

/* Swiper home hero */
.swiper-big-hero span.swiper-pagination-bullet {background: transparent !important;opacity: 1!important;border: 1px solid rgb(255, 255, 255)!important;}
.swiper-pagination-bullet-active{background: #fff !important;}
.swiper-big-hero swiper-container {width: 100%;height: 100%;}
.swiper-big-hero swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper-big-hero swiper-slide {width: 80%;height: 90vh; background-size: cover;background-position: center; }
.swiper-big-hero swiper-slide .fs-5{line-height: 1.3;}

/* Three card */
.three-card .bg-senary{z-index: -2; z-index: -2; left: 0;right: 0;bottom: 0;top: 0;}
.three-card .flex-1{height: 450px;overflow: hidden;background-color: rgba(0,0,0,0.2);}
.three-card .flex-1:hover .position-absolute{transition: all .5s;transform: scale(1.2);overflow: hidden;}
.three-card .video-container {left:0; right:0;position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;z-index: -1;background-size: cover;background-position: center;background-repeat: no-repeat;}
.three-card .video-container  video {min-width: 100%;min-height: 100%;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

/* Fascia video */
.preview-strumenti{border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;}
.preview-strumenti .bg-general{z-index: -2; background-size: cover; background-position: center; left: 0;right: 0;bottom: 0;top: 0;}
.preview-strumenti .preview-width-video{height: 450px; background-color: rgba(0,0,0,0.5);}
.preview-strumenti .preview-width-video .video-container {left:0; right:0;position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;z-index: -1;background-size: cover;background-position: center;background-repeat: no-repeat;}
.preview-strumenti .preview-width-video video {min-width: 100%;min-height: 100%;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.preview-strumenti .preview-width-img{overflow: hidden;background-color: rgba(0,0,0,0.5);}
.preview-width-img{overflow: hidden;background-color: rgba(0,0,0,0.2);}
.preview-strumenti .preview-width-img:hover .position-absolute{transition: all .5s;transform: scale(1.2);overflow: hidden;}
.preview-strumenti .second-row-strumenti .flex-1{height: 450px}
.preview-strumenti .second-row-strumenti{margin-bottom:30px;}

/* Swiper preview news */
.swiper-preview-news swiper-container {width: 100%;height: 100%;}
.swiper-preview-news swiper-slide { height: auto; border:1px solid #000;}
.label-date{margin-bottom:15px;display: inline-block; line-height: 1;background-image: none; background: linear-gradient(to right, var(--tertiary-color) 0%, var(--octonary-color) 100%);font-weight: bold;color: #fff;padding: 3px 8px;border-radius: 30px;}

/* News */
.all-news .container-prev-post::after {content: "";display: block;margin-left: 410px;}
.all-news .prev-post {border: 1px solid #000;}
.hero-single-news .container-hero {height: 300px;}
.hero-single-news {background: linear-gradient(90deg, rgba(0,0,0,0.7231486344537815) 0%, rgba(0,0,0,0.5886948529411764) 42%, rgba(0,0,0,0) 100%);}

/* Hero standard */
.hero-standard .container-hero{height: 500px;}
.hero-standard {background: linear-gradient(90deg, rgba(0,0,0,0.7231486344537815) 0%, rgba(0,0,0,0.5886948529411764) 42%, rgba(0,0,0,0) 100%);}

/* Photo and description */
.photo-and-description .content{padding-top: 120px;padding-bottom: 120px;}
.photo-and-description  .bg .row {height: 100%;}
.photo-and-description  .bg {position: absolute;z-index: 0;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;height: 100%;}

/* Navigazione Amministrazione Trasparente */
.container-navigazione-trasparenza li{width: 100%; background-color: var(--senary-color);border-top: 1px solid var(--quinary-color);}
.container-navigazione-trasparenza .dropdown-menu > .active > a, .container-navigazione-trasparenza .dropdown-menu > .active > a:focus, .container-navigazione-trasparenza .dropdown-menu > .active > a:hover {background-color: var(--septenary-color); border-radius: 0;}
.container-navigazione-trasparenza .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {background-color: var(--septenary-color);border-radius: 0px;}
.container-navigazione-trasparenza .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {text-decoration: none;background-color: var(--septenary-color);}
.container-navigazione-trasparenza  .nav-pills>li>a:hover {background-color: var(--septenary-color);border-radius: 0px; text-decoration: none;}
.container-navigazione-trasparenza .dropdown-menu {border-radius: 0;padding-top: 0;padding-bottom: 0;}
.container-navigazione-trasparenza a:hover, .container-navigazione-trasparenza a:visited, .container-navigazione-trasparenza a:link    {text-decoration: none; color: #333;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #005eb8;
    border-radius: 0px;
}


/* Gradient and description  */
.area-gradient .gradient-white {left: 0;top: 0;bottom: 0;width: 58.333333%;position: absolute;z-index: 1;background: linear-gradient(99deg, rgba(255,255,255,0) 40%,rgb(255, 255, 255) 85%);}
.area-gradient .gradient-white.invert{right: 0;  background: linear-gradient(104deg,rgb(27, 26, 26) 15%,rgba(74, 13, 15,0) 60%);left: auto;width: 66.666667%;}
.area-gradient .bg {position: absolute;z-index: 0;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;height: 100%;}
.area-gradient .img {position: absolute; z-index: -1; height: 100%;background-size: cover;background-position: center center;transition: all .3s ease-in-out;}
.area-gradient .img.invert{right: 0px; width: 66.666667%;}
.area-gradient .video-container{width: 58.333333%;}

/* Breadcrumb */
.breadcrumb {font-weight: bold; width: 50%;left: 50%;transform: translate(-50%, 0);bottom: -35px;padding: 4px 20px;background-color: #fff;border-radius: 100px;border: 1px solid #000;}

/* Footer */
.footer a:link, .footer a:hover, .footer a:visited{text-decoration: underline; color: #fff;}
.footer{border-top:1px solid #fff;}
.footer{list-style-type: none;}
.footer ul, .footer li{list-style-type: none;margin-left: 0; padding-left: 0;}

@media (max-width: 1199px) {
  /* .mobile{display: none;} */
}

@media (max-width: 991px) {
  .navbar-toggler{display:none;}
  .hero-video .fs-60 {font-size: 32px;}
  .hero-video{height: 75vh;}
  .carousel-item {height: 65vh;}
  .hero-video img {width: 80px;}
  .navbar-brand{font-size: 16px;}
  .carousel h2 {bottom: 20px;} 
  .footer h4{padding-top: 40px;}
  .navbar-expand-md .navbar-collapse {display: none !important;}
  .navbar-expand-md {position: absolute;
}

@media (min-width: 768px) and (max-width: 1199px) {
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;}
.navbar-expand-md .navbar-nav .nav-link {padding: 0 10px;}
}

@media (max-width: 768px) {
.navbar-expand-md .navbar-nav .nav-link {padding: 30px 15px;font-size: 32px;font-weight: 600;}
.navbar-expand-md {backdrop-filter: none;background-color: #fff;}
.navbar-toggler {border: 0;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}
.navbar-expand-md .navbar-nav .nav-link {padding: 20px 15px;font-size: 21px;font-weight: 600;}
.swiper-big-hero {padding-left: 15px !important;}
.swiper-big-hero swiper-slide {padding: 30px !important;}
.swiper-big-hero .w-75 { width: 100% !important;}
.swiper-big-hero swiper-slide {height: 60vh;}
.swiper-big-hero swiper-slide .fs-5 {font-size: 18px !important;}
.swiper-big-hero .fs-1 {font-size: 24px !important;}
.swiper-big-hero {padding-top: 30px !important; padding-bottom: 15px !important;}
.swiper-big-hero .justify-content-between {justify-content: start !important;}
.swiper-big-hero swiper-slide {width: 90%;}
.pt-5 img.me-3{display: none;margin-right: 0 !important;}
.preview-strumenti .p-5,  .three-card .p-5 {padding: 15px !important;}
.preview-strumenti h2, .three-card h2{margin-bottom: 40px !important;}
.preview-strumenti .flex-1, .three-card .flex-1 {background-color: rgba(0,0,0,0.3);}
.swiper-preview-news swiper-slide {padding: 15px !important;}
}