@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Arizonia&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://use.typekit.net/ifh4spk.css");

body {overflow-y: scroll; overflow-x: hidden!important;}
body {
    font-family: "ellery", sans-serif;
    /*font-weight: 500;*/
    color: #2e2e2e!important;
    line-height: calc(1rlh + 10px)!important;
    font-size: 1.25em!important;
    background: rgba(0, 0, 0, 0) url("../assets/images/background.jpg") repeat;
    /*background-color: #fff;
    text-align: justify!important;*/
}
p.about {
    font-family: "ellery", sans-serif;
    font-variation-settings: "wght" 390;
    color: #e3e3e3;
    font-size: 6.5em;
    position: relative;
    top:60%;
    left: 5%;
}
.marginRight10 {margin-right: 10px;}
.marginLeft10 {margin-left: 10px;}
.justifiedtext {text-align: justify;}
h1, h2, h3, h4, h5, h6 {
    font-family: "ellery", sans-serif!important;
    font-weight: 700;
}
h1.abril, h2.abril, h3.abril, h4.abril, h5.abril, h6.abril {
  font-family: "Abril Fatface", serif!important;
  font-weight: 400;
  font-style: normal;
}
h1.arizonia, h2.arizonia, h3.arizonia, h4.arizonia, h5.arizonia, h6.arizonia {
  font-family: "Arizonia", cursive!important;
  font-weight: 400;
  font-style: normal;
}
.main_title {
    position: absolute;
    top: 30%;
    left: 20%;
    right: 20%;
}
span.footernametxt {font-size: small;}
span.footertext {font-size: small;}
.lettercaps {font-size: 40px; padding-right: 5px;}
.bg-transparent {background-color: transparent!important;}
.heading-banner-area {height: 100vh!important;}
.fullheight, .vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100vh!important;
}
.btn {font-family: 'Oswald', sans-serif !important;}
.btn_selected, .btn:hover {
    background-color: #fff!important;
    color: #2e2e2e !important;
    text-decoration: underline;
}
.btn_selected2 {
    background-color: #fcc400!important;
    border-color: #fcc400!important;
    color: #000!important;
    position: relative!important;
    left: 10px!important;
}
.btn_selected2::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    content: "\27A7";
    height: 100%;
    left: -55%;
    position: absolute;
   /* top: 0;*/
    width: 100%;
    color: #fcc400!important;
}
h1.text-shadow, p.text-shadow {
    text-shadow: 2px 2px #000000!important;
    color: #fff!important;
}
/*.... MENU ....*/
.bg-start-dark {background: rgba(0,0,0,0.5)!important;}
/*---- LINK ----*/
.simplelink {
    text-decoration: underline;
    color: #2e2e2e!important;
    font-weight: 700;
}
.simplelink:hover {
    color: #787878!important;
}
.biglink {
    text-decoration: underline;
    color: rgba(255,255,255,0.8);
    font-size: 20px;
    font-weight: 700;
}
.biglink:hover {
    color: rgba(255,255,255,1);
    text-decoration: none;
}
.whitelink {
    text-decoration: underline!important;
    color: rgba(255,255,255,0.8);
    font-weight: 400!important;
}
.whitelink:hover {
    color: rgba(255,255,255,1);
    text-decoration: none;
}
.smalllink {
    text-decoration: underline;
    color: rgba(255,255,255,0.8);
    font-size: 12px;
    font-weight: 400;
}
.smalllink:hover {
    color: rgba(255,255,255,1);
    text-decoration: none;
}
.whitelink {
    text-decoration: none;
    color: rgba(255,255,255,1);
    font-weight: 700;
}
.whitelink:hover {
    color: rgba(255,255,255,0.7);
    text-decoration: underline;
}
.hotellink img:hover {
    opacity: .7;
}
.headerlink {
    color: #2e2e2e!important;
    text-decoration: none!important;
}
.headerlink:hover {
    color: rgba(0,0,0,0.3)!important;
}
/*==== SECTION ====*/
footer a {color: #fff!important;}
.background-image {
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
    /*background: no-repeat scroll center center/cover!important;*/
}
.background-size {
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
}
.hmpg_intro {
    background: rgba(0, 0, 0, 0) url("../assets/images/fr_hmpg_intro.jpg") no-repeat scroll center center/cover;
}
.header_spacer {
    height: 65vh!important;
}
.hmpg_outro {
    background: rgba(0, 0, 0, 0) url("../assets/images/fr_hmpg_outro.jpg") no-repeat scroll center center/cover;
}
.header_spacer_outro {
    height: 50vh!important;
}
.header_presenza {
    background: rgba(0, 0, 0, 0) url("../assets/images/conferma.png") no-repeat scroll center center/cover;
}
.header_chiesa {
    background: rgba(0, 0, 0, 0) url("../assets/images/chiesa.png") no-repeat scroll center center/cover;
}
.header_ricevimento {
    background: rgba(0, 0, 0, 0) url("../assets/images/agriturismo.png") no-repeat scroll center center/cover;
}
.header_regalo {
    background: rgba(0, 0, 0, 0) url("../assets/images/regalo.png") no-repeat scroll center center/cover;
}
.header_foto {
    background: rgba(0, 0, 0, 0) url("../assets/images/foto.png") no-repeat scroll center center/cover;
}
.header_cont_4 {
    background: rgba(0, 0, 0, 0) url("../assets/images/bg-page-title-7.jpg") no-repeat scroll center center/cover;
}
.hmpg_img_ita {
    background: rgba(0, 0, 0, 0) url("../assets/images/abut_us_it.png") no-repeat scroll center center/cover;
}
.hmpg_img_eng {
    background: rgba(0, 0, 0, 0) url("../assets/images/abut_us_en.png") no-repeat scroll center center/cover;
}
.header_cont img {width: 100vw;}
.header_cont_2 img {width: 100vw;}
.header_cont_3 img {width: 100vw;}
.header_cont_4 img {width: 100vw;}
/*---- SWIPPER ----*/
.jumbotronpromo_or {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 92%;
    border-radius: 0.5rem!important;
}
.jumbotron_prod {
    /*margin: 0.7rem;*/
    background-color: #fff!important;
    border-radius: 0.5rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 260px;*/
}
.jumbotron_brand {
    /*margin: 0.7rem;*/
    background-color: #fff!important;
    border-radius: 0.5rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    /*height: 260px;*/
}
.overlayBtn:hover {
    background-color: #ffee01!important;
    opacity: 50%!important;
}
.jumbotron_prod:hover {
    background-color: #ffee01!important;
}
.dropdownDiv {z-index: 100; position: absolute; top: 102px; width: 200px; background-color: #fff; padding: 10px;}
.dropdownDivProd {z-index: 100; position: absolute; top: 102px; width: 210px; background-color: #fff; padding: 10px;}
.dropdownDivCanv { padding:5px 0 5px 10px; margin-bottom: 5px;}
.whitebkgd {
    background-color: #fff;
}
.swiper-slide {
    margin-bottom: 30px!important;
    border-color: transparent!important;
}
.text-yellow {color: #ffee01;}
.timeline {
    border-bottom: 3px solid #ffee01!important;
    background-image: url(../assets/svg/freccia_up.svg)!important;
    background-repeat: no-repeat;
    background-position: bottom!important;
    background-size: 20px!important;
}
.light-grey {
    background: rgba(234, 239, 246, 1)!important;
}
.milestones {padding: 10px!important;}
.categoriaTitle {
    position: relative!important;
    top:15px;
    z-index: 100!important;
}
.categoriaTitleCont {
    background-color: #ffee01;
    padding: 5px;
    border-radius: 20px;
    color: #333;
    font-family: "ellery", sans-serif;
    font-weight: 700;
    font-size: 14px;
}
.swiper-button-next, .swiper-button-prev {
    color: #ffee01!important;
}
.swiper-pagination-bullet {
    background-color: #777!important;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #ffee01!important;
}
.border-warning {
    border-color: #ffee01 !important;
}
/*---- SLIDER ----*/
.slideshowcol {
    cursor: pointer;
}
.dmx-slideshow-textbox-show {
    opacity: 1!important;
}
.dmx-slideshow-slides-container {
    background: rgb(0,0,0)!important;
    background: linear-gradient(90deg, rgba(0,0,0,1) 50%, rgba(191,191,191,1) 100%)!important;
}
.dmx-slideshow-slides-container img {
    opacity: 0.4!important;
}
.dmx-slideshow-textbox {
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 50px!important;
    /*background: #000;*/
    background: rgba(0, 0, 0, 0)!important;
    color: #fff;
    opacity: 1;
}
.dmx-slideshow-textbox {
    box-sizing: border-box;
    position: absolute;
    overflow: hidden;
    transition: all 600ms;
}
.dmx-slideshow-title, .dmx-slideshow-description {
   font-family: "ellery", sans-serif!important;
}
.dmx-slideshow-description, .dmx-slideshow-title {
    padding-top: 20px!important;
}
.dmx-slideshow-title::after {
    content: "\A";
    color: white!important;
}
.dmx-slideshow-prev {
	left: 10px;
    right: auto;
    background-image: url(../assets/svg/freccia_prev.svg)!important;
    background-size: 90px!important;
}
.dmx-slideshow-next {
	right: 10px;
    left: auto;
    background-image: url(../assets/svg/freccia_next.svg)!important;
    background-size: 90px!important;
}

.swiper-button-next::after {
    display: none;
}

.swiper-button-prev::after {
    display: none;
}
.swiper-slide {
    margin-left: 5px!important;
    height: auto!important;
}
.jumbotron {
    margin-bottom: 0;
    background-color: #e9ecef;
    border-radius: 0.5rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 260px;*/
}
.jumbotron_hmpg {
    margin-bottom: 0;
    background-color: #e9ecef;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 260px;*/
}
.evsmalltext {
    font-size: 0.8231rem;
    color: #777777;
    /*font-family: "ellery", sans-serif;*/
    line-height: 1.4rem;
    /*text-align: justify;*/
}
/*==== COLORS ====*/
.bg-black {background-color: #000;}
.bg-yellow {background-color: #ffee01!important;}
.yellowtext {
    color: #ffee01!important;
    padding-right: 3px;
}
.prefooter_link,
a.prefooter_link {
    color: #d1d1d1!important;
    text-decoration: none;
}
a.prefooter_link:hover {
    color: #fff!important;
    text-decoration: underline;
}
/*..... SLIDER ....*/
.dmx-slideshow {margin-bottom: 0!important;}
/*..... VARIE .....*/
.oswaldText,
.form-label,
.btn.oswbtn,
.form-check-label {
    font-family: 'Oswald', sans-serif!important;
}
h3.bottomborder,
h6.bottomborder{
    border-bottom: thin solid rgba(255,255,255,0.2);
}
#footercredits, #footercredits a {
    color: #666!important;
    text-decoration: none;
}
#footercredits a:hover {
    color: #fff!important;
}
.logo-up img, .offcanvas-header img {max-width: 150px!important;}
blockquote {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 5px solid #ffee01;
}
.overText {
    z-index: 1;
    position: absolute;
    margin-top: -28%!important;
}
.overText2{
    z-index: 1;
    position: absolute;
    margin-top: -7%!important;
}
.overText3{
    z-index: 1;
    position: absolute;
    margin-top: -3%!important;
}

.belowImg {
    z-index: 0;
    position: relative;
}
/*==== DARK MODE ====*/
.dark-mode input::placeholder {color: #fff!important;}
.dark-mode .referIdentifierCont .tabLabel {color: #e3e3e3!important;}
.dark-mode .redline, .dark-mode .blueline {color: #eee!important;}
.dark-mode .bg-body-tertiary {
    --bs-bg-opacity: 0.2;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.dark-mode .text-body-tertiary {color: #e3e3e3!important;}
.dark-mode .form-check-label {color: #fff!important;}
.dark-mode .form-group > label {color: #e3e3e3!important;}
.dark-mode a {color: #e3e3e3!important;}
.dark-mode a:hover {color: #fff!important;}
.dark-mode span.redText {color: #fff!important;}
.dark-mode .invalid-feedback {color: #ffff00!important; font-weight: 700!important; font-style: italic!important }
a.nav-link.darkmodeedit {color:#282828!important;}
a.nav-link.darkmodeedit {color:#5b5b5b!important;}
.dark-mode .text-muted {color: #fff!important;}
.dark-mode .btn-close {
    filter: var(--bs-btn-close-white-filter)!important;
}
.dark-mode input:-webkit-autofill, .dark-mode input:-webkit-autofill:hover, .dark-mode input:-webkit-autofill:focus, .dark-mode textarea:-webkit-autofill, .dark-mode textarea:-webkit-autofill:hover, .dark-mode textarea:-webkit-autofill:focus, .dark-mode select:-webkit-autofill, .dark-mode select:-webkit-autofill:hover, .dark-mode select:-webkit-autofill:focus {
    -webkit-text-fill-color: #000!important;
}
/*---- YELLOW BUTTON ----*/
.btn-yellow {
    background-color: #ffee01!important;
    color: #000!important;
    border-radius: 7px!important;
}
.btn-yellow:hover {
    background-color: #ffee01!important;
    opacity: .5!important;
    color: #000!important;
    border-radius: 7px!important;
    border-color: #ffee01!important;
}
.btn-yellow-big {
    background-color: #ffee01!important;
    color: #000!important;
    border-radius: 7px!important;
    width: 100%;
}
.btn-yellow-big:hover {
    background-color: #000!important;
    color: #ffee01!important;
}
#brandCont {width: 50vw!important;}
/*..... @MEDIA  ....*/
/*----PHONE ----*/
@media only screen and (max-width: 360px) {
    .btn-yellow  {font-size: 0.735rem;}
    .hmpg_img_ita, .hmpg_img_eng {min-height: 350px;}
    p.about {font-size: 4.1em;}
    #brandCont {width: 90vw!important;}
}
/*----LANDSCAPE PHONE ----*/
@media only screen and (max-width: 576px) and (min-width: 361px) {
    tn-yellow  {font-size: 0.735rem;}
    #brandCont {width: 90vw!important;}
    .hmpg_img_ita, .hmpg_img_eng {min-height: 350px;}
    p.about {font-size: 4.1em;}
}
/*----LANDSCAPE PHONE SMALL ----*/
@media only screen and (max-width: 436px) and (min-width: 361px) {
    #brandCont {width: 90vw!important;}
    p.about {font-size: 4.1em;}
}
/*----LANDSCAPE PHONE LARGE----*/
@media only screen and (max-width: 576px) and (min-width: 437px) {
    .btn-yellow  {font-size: 0.735rem;}
    #brandCont {width: 75vw!important;}
    p.about {font-size: 4.1em;}
    #brandCont {width: 75vw!important;}
}
/*----TABLET MD ----*/
@media only screen and (max-width: 768px) and (min-width: 577px) {
    .hmpg_img_ita, .hmpg_img_eng {min-height: 350px;}
    p.about {font-size: 4.5em;}
}
/*----KINDLE TYPE ----*/
@media only screen and (max-width: 1246px) and (min-width: 768px) {
    p.about {font-size: 4.5em;}
    #brandCont {width: 50vw!important;}
}
/*----LARGE DESKTOP ----*/
@media only screen and (max-width: 1024px) and (min-width: 769px) {

}
/*----DESKTOP XXL----*/
@media only screen and (max-width: 1399px) and (min-width: 1025px) {

}
/*----WIDE SCREEN ----*/
@media only screen and (min-width: 1400px) {
    h1.arizonia {
        font-size: 140px!important;
    }
}