﻿@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ephesis&display=swap');
html {width:100%;height:100%;font-size:1rem;}/*0.75rem=12px - 0.875rem=14px*/
body {background-color:#312525;font-family:"Montserrat", sans-serif;color:#312525;line-height:1.6rem;padding-top:90px;}
a {color:#666;text-decoration:none;}
a:hover, a.focus, a:focus {color:#333;text-decoration:none;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
h1, .h1 {color:#892823;font-size:2rem;margin-bottom:10px;}
h2, .h2 {color:#892823;font-size:1.7rem;margin-bottom:5px;}
h3, .h3 {color:#312525;font-size:1.4rem;margin-bottom:5px;font-weight:400;}
h4, .h4 {color:#312525;font-size:1.2rem;margin-bottom:5px;font-weight:400;}
h5, .h5 {color:#312525;font-size:1.1rem;margin-bottom:5px;font-weight:400;}
h6, .h6 {color:#312525;font-size:1rem;margin-bottom:5px;font-weight:400;}
.descrizione {font-size:1rem;}
.editor p {margin:0;padding:0;}
.img-thumbnail {border:none;background-color:transparent;border-radius:0;}

/********** input **********/
.col-lg-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {margin-bottom:1rem !important;}
.form-control {color:#312525;background-color:#f1ece6;border-color:#333;}
.form-select {color:#312525;background-color:#f1ece6;}
.form-control-error {border-color:#f00;}
.form-check {padding-top:2rem;background-color:#f1ece6;}
.form-check-input {border:none;background-color:#f1ece6;}
.form-check-label {padding-left:3px;padding-top:2px;background-color:#f1ece6;}
.form-check-err .form-check-label {color:#f00;}
.btn {white-space:normal;}
.btn.aspNetDisabled, .btn.aspNetDisabled:hover {color:#000;background-color:#ccc;border-color:#ced4da;cursor:default;opacity:0.8}
.btn-default {
  --bs-btn-color:#fff;--bs-btn-bg:#892823;--bs-btn-border-color:#892823;
  --bs-btn-hover-color:#892823;--bs-btn-hover-bg:#fff;--bs-btn-hover-border-color:#892823;
  --bs-btn-focus-shadow-rgb: 102, 102, 102;
  --bs-btn-active-color:#fff;--bs-btn-active-bg:#892823;--bs-btn-active-border-color:#892823;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#999;--bs-btn-disabled-border-color:#000;
}
.btn-default-inv {
  --bs-btn-color:#892823;--bs-btn-bg:#fff;--bs-btn-border-color:#892823;
  --bs-btn-hover-color:#fff;--bs-btn-hover-bg:#892823;--bs-btn-hover-border-color:#892823;
  --bs-btn-focus-shadow-rgb: 102, 102, 102;
  --bs-btn-active-color:#892823;--bs-btn-active-bg:#fff;--bs-btn-active-border-color:#892823;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#999;--bs-btn-disabled-border-color:#000;
}
.alert-danger {background-color:#f2dede;border-color:#ebccd1;color:#f00;}

/*********** body **********/
.body_background {position:relative;width:100%;}

/*********** header **********/
.header_background {position:relative;width:100%;}
.navbar-light {background-color:#f1ece6;border-bottom:solid 1px #ccc;height:90px;padding-top:2rem;}
.top_brand {text-align:center;white-space:nowrap;font-family: "Ephesis", cursive;}
.top_brand, .top_brand a {font-size:4rem;text-decoration:none;color:#892823;font-weight:400}
.navbar-light .navbar-nav {margin-top:0px;}
.menu_link_sx a {font-size:1.2rem;font-weight:normal;color:#312525;background-color:transparent;margin-right:3rem;padding:0;}
.menu_link_dx a {font-size:1.2rem;font-weight:normal;color:#312525;background-color:transparent;margin-left:3rem;padding:0;}
.menu_link_sx a:hover, .menu_link_dx a:hover, .menu_link_sx a:focus, .menu_link_dx a:focus {color:#892823;background-color:transparent;}
.menu_link_sx a.active, .menu_link_dx a.active {color:#892823;}
@media (max-width: 991.98px) {
}
@media (max-width: 767.98px) {
    .menu_link_sx a {margin-right:1.5rem;}
    .menu_link_dx a {margin-left:1.5rem;}
}

 /*********** lingua **********/
.lingua_background {position:relative;width:100%;background-color:#eee;}
.lingua {position:relative;height:20px;text-align:right;color:#666;}
.lingua a {margin-right:10px;text-decoration:none;font-size:0.9rem;color:#ccc;}
.lingua a:hover {color:#666;}
.lingua a.active {color:#333;}

 /*********** ricerca **********/
.cerca {background-color:#f1ece6;}
.cerca .form-control {color:#892823;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #892823;border-radius:0;background-color:transparent;}
.cerca .btn {color:#892823;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #892823;border-radius:0;background-color:transparent;}
.cerca .form-control:focus {box-shadow:none;}

/*********** contenuto **********/
.contenuto_background {width:100%;height:100%;background-color:#f1ece6;}
.contenuto {padding:80px 0 80px 0;text-align:left;min-height:500px;background-color:#f1ece6;}
.contenuto_home {padding-top:40px;}
.contenuto_dip {padding-top:20px;}

.modal {
  --bs-modal-bg:#f1ece6;
  --bs-modal-footer-bg:#f1ece6;
}
.dropdown-menu {
  --bs-dropdown-bg:#f1ece6;
}

/*********** condividi **********/
.condividi a {font-size:1rem;color:#312525;}
.condividi a:hover {color:#892823;cursor:pointer;}
.condividi i {font-size:1rem;color:#892823;margin-right:15px;width:5px;}

/*********** eventi news **********/
.eventi_lst {margin-top:20px;}
.eventi_lst_a {margin-bottom:20px;}
.eventi_lst_a h3, .eventi_lst_a h5 {color:#666;}
.eventi_lst_a:hover h3, .eventi_lst_a:hover h5 {color:#333;}

/*********** documenti **********/
.documento i {font-size:1rem;color:#f00;padding-right:5px;}

/*********** traccia **********/
.traccia {margin-bottom:40px;padding-bottom:10px;border-bottom:solid 1px #aaa;}
.traccia a {color:#312525;}
.traccia a:hover {color:#892823;}
.traccia_titolo {font-size:1.5rem;}

/*********** viewbox **********/
.viewbox {position:relative;opacity:0;}
.viewbox.activebox {opacity:1;}
.activebox.box-fade-spinner {animation:key-spinner 2s forwards;}
.activebox.box-fade-in {animation:key-fade-in 0.8s ease-in;}
.activebox.box-fade-top {animation:key-fade-top 0.8s ease-in;}
.activebox.box-fade-bottom {animation:key-fade-bottom 0.8s ease-in;}
.activebox.box-fade-left {animation:key-fade-left 0.8s ease-in;}
.activebox.box-fade-right {animation:key-fade-right 0.8s ease-in;}
@keyframes key-spinner{to {transform:rotate(360deg)}}
@keyframes key-fade-in{0% {opacity:0;transform:scale(0)}100% {opacity:1;transform:scale(1)}}
@keyframes key-fade-top {0% {transform:translateY(-100px);opacity:0;}100% {transform:translateY(0);opacity:1;}}
@keyframes key-fade-bottom {0% {transform:translateY(100px);opacity:0;}100% {transform:translateY(0);opacity:1;}}
@keyframes key-fade-left {0% {transform:translateX(-100px);opacity:0;}100% {transform:translateX(0);opacity:1;}}
@keyframes key-fade-right {0% {transform:translateX(100px);opacity:0;}100% {transform:translateX(0);opacity:1;}}

/*********** foto **********/
#carouselFoto .carousel-control-prev, #carouselFoto .carousel-control-next {background:url(../images/carousel-bg.png) repeat;width:5%;opacity:1;}
#carouselFoto .carousel-control-prev-icon, #carouselFoto .carousel-control-next-icon {width:5rem;height:5rem;}
#carouselFoto .carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}
#carouselFoto .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
@media (max-width: 991.98px) {
    #carouselFoto .carousel-control-prev-icon, #carouselFoto .carousel-control-next-icon {width:3rem;height:3rem;}
}

/*********** liste e dettaglio dipinti **********/
.galleria {}
.galleria a {text-decoration:none;}
.galleria .card {border-color:#ddd;border-radius:0.5rem;box-shadow:0 0 1.2rem #f1ece6;background-color:#f1ece6;}
.galleria .card_img {text-align:center;vertical-align:bottom;}
.galleria img {object-fit:cover;max-height:400px;width:auto;}
.galleria .card-body {flex:none;}
.galleria .card:hover {border-color:#ccc;box-shadow:0 0 1.2rem #aaa;}
.galleria .card-catalogo {color:#666;}
.galleria .card_titolo {color:#892823;font-size:1rem;font-weight:600;text-align:center;}
.galleria .card_tecnica {color:#312525;font-size:0.8rem;text-align:center;}
.galleria .card_misure {color:#312525;font-size:0.8rem;text-align:center;}
.galleria .card_codice {color:#312525;font-size:0.7rem;text-align:center;}
.galleria .card_preferito {position:absolute;top:0;right:0;padding:0.5rem 1.75rem;margin-top:0;margin-right:0;text-align:right;z-index:10;width:1.5rem;}
.galleria .card_preferito:hover, .galleria .bi {color:#892823;cursor:pointer;}
.galleria .card_preferito_rimuovi {text-align:right;}
.galleria .card_preferito_rimuovi:hover {color:#892823;cursor:pointer;}
.galleria .bi {color:#892823;}
.altri_dipinti .progress-bar {background-color:#892823 !important;}

/*********** contatti **********/
.contatti_dati {text-align:left;}
@media (max-width: 991.98px) {
	.contatti_dati {text-align:center;}
}

/*********** info **********/
.h1_info {color:#892823;font-size:1.6rem;margin-bottom:10px;}
.h2_info {color:#892823;font-size:1.4rem;margin-top:10px;margin-bottom:5px;}
.h3_info {color:#312525;font-size:1.3rem;margin-top:30px;padding-top:15px;padding-bottom:10px;border-top:solid 1px #ccc;font-weight:400;}
.h4_info {color:#312525;font-size:1.2rem;margin-top:5px;margin-bottom:5px;font-weight:400;}
.descrizione_info {font-size:1rem;}

/*********** sitemap **********/
.sitemap {margin-top:30px;}
.sitemap_titolo {margin-top:15px;color:#333;font-size:1.2rem;}

/*********** footer **********/
.footer_background {width:100%;background-color:#312525;}
.footer {padding-top:20px;padding-bottom:20px;color:#fff;}
.footer_prm_messaggio {padding-top:10px;padding-bottom:10px;text-align:center;font-size:1rem;color:#ded3c0;}
.footer_sx {text-align:left;}
.footer_cx {text-align:center;}
.footer_dx {text-align:right;}
.footer_societa {font-size:0.9rem;color:#fff;}
.footer_copy {margin-top:10px;font-size:0.7rem;color:#fff;}
.footer_link a {font-size:0.9rem;color:#fff;}
.footer_link a:hover {color:#ded3c0;}
.footer_newsletter {font-size:1rem;color:#fff;text-align:center;}
.footer_newsletter:hover {color:#ded3c0;cursor:pointer;}
.footer_social a {font-size:1.5rem;color:#fff;margin-right:1rem;}
.footer_social a:hover {color:#ded3c0;}
.webmaster {font-size:0.9rem;}
.webmaster a {color:#ded3c0;}
.webmaster a:hover {color:#fff;}
.area_riservata {width:100%;background-color:#312525;padding:10px 0 0 20px;text-align:left;}
.area_riservata .bi {font-size:1rem;}
.area_riservata a {color:#ded3c0;}
.area_riservata a:hover {color:#fff;}
@media (max-width: 767.98px) {
	.footer_sx, .footer_dx, .webmaster, .area_riservata {text-align:center;}
    .footer_link, .footer_newsletter {margin-top:15px;}
}

/*********** Cookie **********/
.cookie_background {width:100%;height:auto;background-color:#fff;color:#333;padding:25px 25px;border-top:1px solid #000;line-height:1.2rem;}
.cookie_link_beg a {color:#333;text-decoration:underline;margin-left:10px;}
.cookie_accetto_beg {text-align:right;}
@media (max-width: 767.98px) {
    .cookie_accetto_beg {text-align:left;padding-top:20px;}
}
.cookie_modal {background-color:#f1ece6;color:#333;line-height:1.2rem;}
.cookie_modal .modal-body,.cookie_modal .container-fluid {margin:0;padding:0;}
.cookie_body {overflow-x:hidden;overflow-y:auto;padding:20px 20px;}
.cookie_titolo {font-size:1.7rem;font-weight:200;color:#333;}
.cookie_text {color:#333;font-size:0.9em;}
.cookie_text_titolo {font-size:1em;font-weight:bold;}
.cookie_link {text-align:center;margin-top:20px;margin-bottom:20px;}
.cookie_link a {color:#333;text-decoration:underline;}
.cookie_footer {padding:0.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(0.3rem - 1px);border-bottom-left-radius:calc(0.3rem - 1px);}

/********** Back-top **********/
#back-top {position:fixed;top:100%;left:100%;margin-left:-70px;margin-top:-70px;z-index:10000;}
#back-top a {color:#333;width:50px;display:block;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#back-top i {font-size:1.3em;background-color:transparent;color:#333;border:solid 1px #333;width:50px;height:50px;line-height:48px;display:block;-webkit-transition:1s;-moz-transition:1s;transition:1s;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;text-align:center;text-decoration:none;}
#back-top a:hover, #back-top span:hover {color:#000;border-color:#000;text-decoration:none;}

