@charset "utf-8";

/*!
* Default style for cataloga 1.4rc 
*/
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*!
* Default color / style in one place.
*/
:root {
    /** Specify the BACKGROUND COLOR **/
    --cat-theme-bg: #ffffff !important;
    /** Specify the CONTAINER BACKGROUND COLOR **/
    --cat-theme-container-bg: #ffffff !important;
    /** Specify the GENERAL TEXT COLOR **/
    --cat-theme-color: #343A40 !important;
    /** Specify the PRIMARY TEXT COLOR **/
    --cat-theme-primary-color: #3f6993 !important;
    /** Specify the SECONDARY TEXT COLOR **/
    --cat-theme-secondary-color: #59656e !important;
    /** Specify the TERTIARY COLOR USATO NEI BORDI E NEI COLORI DEGLI ELEMENTI INTERNI **/
    --cat-theme-tertiary-color: #cacdd1 !important;
    /** Specify the TERTIARY COLOR HOVER USATO NEI BORDI E NEI COLORI DEGLI ELEMENTI INTERNI **/
    --cat-theme-tertiary-color-hover: #aca8a3 !important;
    /** Specify the PAGE ACCENT FOR BACKGROUND ELEMENT **/
    --cat-theme-page-accent-color: #3f6993 !important;
    /** Specify the BORDERS COLOR for boxes **/
    --cat-theme-borders-color: #aca8a3 !important;
    /** Specify the PRIMARY HEAD PAGE BGCOLOR **/
    --cat-theme-head-bgcolor: #fff !important;
    /** Specify the PRIMARY NAVIGATION BGCOLOR **/
    --cat-theme-nav-bgcolor: #fff !important;
    /** Specify the PRIMARY NAVIGATION COLOR **/
    --cat-theme-nav-color: #343A40 !important;
    /** Specify the PRIMARY NAVIGATION HOVER AND ACTIVE COLOR **/
    --cat-theme-nav-hover-color: #3f6993 !important;
    /** Specify the PRIMARY NAVIGATION SUB BGCOLOR **/
    --cat-theme-nav-sub-bgcolor: #ffffff !important;
    /** Specify the PRIMARY NAVIGATION SUB HOVER BGCOLOR **/
    --cat-theme-nav-sub-hover-bgcolor: #efefef;
    /** Specify the PRIMARY NAVIGATION LINK SUB IMAGE **/
    --cat-theme-nav-sub-image: url(img/plus.png);
    /** Specify the PRIMARY NAVIGATION LINK SUB IMAGE ON HOVER **/
    --cat-theme-nav-sub-image-hover: url(img/plus-hover.png);
    /** Specify the PRIMARY NAVIGATION SUB HOVER COLOR **/
    --cat-theme-nav-sub-hover-color: #3f6993 !important;
    /** Specify the PRIMARY NAVIGATION SUB COLOR **/
    --cat-theme-nav-sub-color: #3b3b3a !important;
    /** Specify the HEAD BRAND COLOR **/
    --cat-theme-brand-color: #343A40 !important;
    /** Specify the HEAD BRAND COLOR HOVER **/
    --cat-theme-brand-hover-color: #999999 !important;
    /** Specify the HEAD LOGO COLOR **/
    --cat-theme-brand-logo-color: #6c757d !important;
    /** Specify the HEAD NAV BORDER TOP COLOR **/
    --cat-theme-nav-top-border-color: 0;
    /** Specify the HEAD NAV BORDER BOTTOM COLOR **/
    --cat-theme-nav-bottom-border-color: 0;
    /** Specify the PRIMARY HEAD PAGE BGCOLOR **/
    --cat-theme-page-head-bgcolor: #d1d4d6 !important;
    /** Specify the PRIMARY HEAD PAGE COLOR **/
    --cat-theme-page-head-color: #fff !important;
    /** Specify the MENU FOR LOW RESOLUTION DEVICES BORDER COLOR VISIBLE WHEN USING THIS TYPE OF DEVICES **/
    --cat-theme-low-menu-border-color: 2px solid #ccc !important;
    /** Specify the HEAD BGCOLOR FOR LOW RESOLUTION DEVICES VISIBLE WHEN USING THIS TYPE OF DEVICES **/
    --cat-theme-low-head-bgcolor: #ffffff !important;
    /** Specify the LOGO BORDER BOTTOM COLOR FOR LOW RESOLUTION DEVICES VISIBLE WHEN USING THIS TYPE OF DEVICES **/
    --cat-theme-low-bottom-border: #efefef 1px solid;
    /** Specify the HERO DIV H1, H2, H3 H4, H5, H6 TEXT COLOR **/
    --cat-theme-hero-heading-color: #ffffff !important;
    /** Specify the HERO DIV DEFAULT TEXT COLOR **/
    --cat-theme-hero-default-color: #efefef !important;
    /** Specify the HERO DIV H1, H2, H3 H4, H5, H6 TEXT COLOR **/
    --cat-theme-hero-hoverlay-bgcolor: rgba(0, 0, 0, .4) !important;
    /** Specify the PAGINATION DEFAULT BACKGROUND COLOR **/
    --cat-theme-page-pagination-bg-color: #c6cbd0 !important;
    /** Specify the PAGINATION DISABLED BACKGROUND COLOR **/
    --cat-theme-page-pagination-disabled-bg-color: #dedcd8 !important;
    /** Specify the PAGINATION ACTIVE BACKGROUND COLOR **/
    --cat-theme-page-pagination-active-bg-color: #3e6b98 !important;
    /** Specify the PAGINATION HOVER BACKGROUND COLOR **/
    --cat-theme-page-pagination-hover-bg-color: #3e6b98 !important;
    /** Specify the PAGINATION HOVER/ACTIVE BORDER COLOR **/
    --cat-theme-page-pagination-active-border-color: #3e6b98 !important;
    /** Specify the PAGE TITLE COLOR **/
    --cat-theme-page-title-color: #ffffff !important;
    /** Specify the PAGE SUB TITLE COLOR **/
    --cat-theme-page-subtitle-color: #343A40 !important;
    /** Specify the PAGE GALLERY IMAGE SHADOW COLOR **/
    --cat-theme-gallery-box-shadow-color: #dedede;
    /** Specify the PAGE GALLERY NAVIGATION BGCOLOR **/
    --cat-theme-gallery-navigation-bgcolor: #ffffff;
    /** Specify the PAGE GALLERY NAVIGATION BGCOLOR **/
    --cat-theme-gallery-navigation-bgcolor-active: #3f6993;
    /** Specify the PAGE GALLERY NAVIGATION BORDER COLOR **/
    --cat-theme-gallery-navigation-border-color: #3f6993;
    /** Specify the PAGE BORDER COLOR **/
    --cat-theme-page-border: 1px solid #dddddd !important;
    /** Specify the PAGE FOTHER BGCOLOR **/
    --cat-theme-page-fother-bgcolor: #c4cbd0 !important;
    /** Specify the PAGE FOTHER COLOR **/
    --cat-theme-section-box-text-color: #343A40 ! important;
    /** Specify the FOOTER BOX BORDER COLOR **/
    --cat-theme-page-fother-border-color: #fefdf8;
    /** Specify the PAGE FOTHER BOX BGCOLOR **/
    --cat-theme-section-box-bgcolor: transparent !important;
    /** Specify the PAGE FOTHER BOX A COLOR **/
    --cat-theme-section-box-a-color: #343A40 !important;
    /** Specify the PAGE FOTHER BOX A HOVER COLOR **/
    --cat-theme-section-box-a-hover-color: #3e3d3c !important;
    /** Specify the PAGE FOTHER SOCIALS BGCOLOR **/
    --cat-theme-socials-bgcolor: transparent !important;
    /** Specify the PAGE FOTHER COPYRIGHT PRIVACY AND COOKIE BGCOLOR **/
    --cat-theme-privacy-bgcolor: transparent !important;
    /** Specify the PAGE FOTHER COPYRIGHT PRIVACY AND COOKIE TEXT COLOR **/
    --cat-theme-privacy-color: #343A40 !important;
    /** Specify the PAGE FOTHER COPYRIGHT PRIVACY AND COOKIE A COLOR **/
    --cat-theme-privacy-a-color: #53524f !important;
    /** Specify the PAGE FOTHER COPYRIGHT PRIVACY AND COOKIE A HOVER COLOR **/
    --cat-theme-privacy-a-hover-color: #3e3d3c !important;
    /** Specify the PAGE FOTHER CREDITS BGCOLOR **/
    --cat-theme-credits-bgcolor: transparent !important;
    /** Specify the PAGE FOTHER CREDITS TEXT COLOR **/
    --cat-theme-credits-color: #343A40 !important;
    /** Specify the PAGE FOTHER CREDITS A **/
    --cat-theme-credits-a-color: #53524f !important;
    /** Specify the PAGE FOTHER CREDITS A HOVER COLOR **/
    --cat-theme-credits-a-hover-color: #3e3d3c !important;    
    
    /** Specify the PAGE LIST BACKGROUND COLOR **/
    --cat-theme-list-bg: #ffffff !important;
    /** Specify the PAGE LIST TITLE COLOR **/
    --cat-theme-list-title-color: #6E6759 !important;
    /** Specify the PAGE LIST LINKS COLOR **/
    --cat-theme-list-link-color: #cacdd1 !important;
    /** Specify the PAGE LIST LINKS HOVER COLOR **/
    --cat-theme-list-link-color-hover: #3f6993 !important;
    /** Specify the PAGE LIST ICON COLOR **/
    --cat-theme-list-ico-color: #6E6759 !important;
    /** Specify the PAGE LIST ICON TEXT COLOR **/
    --cat-theme-list-ico-text-color: #6E6759 !important;
    /** Specify the PAGE LIST BORDER COLOR **/
    --cat-theme-list-border-color: #343A40 !important;
    /** Specify the PAGE LIST TEXT COLOR FOR BUTTON ELEMENT **/
    --cat-theme-page-button-color: #3f6993 !important;
    /** Specify the PAGE LIST TEXT COLOR FOR BUTTON HOVER ELEMENT **/
    --cat-theme-page-button-hover-color: #ffffff !important;
    /** Specify the PAGE LIST BORDER COLOR FOR BUTTON HOVER ELEMENT **/
    --cat-theme-page-button-hover-border: #99638f !important;
    /** Specify the PAGE LIST SHADOW COLOR FOR BUTTON HOVER ELEMENT **/
    --cat-theme-page-button-shadow: #d7dfe2 !important;
    /** Specify the PAGE LIST ARTISTS NO IMAGE PAGE COLOR **/
    --cat-theme-artists-list-color: #343A40 !important;
    /** Specify the PAGE LIST BUTTON FONT SIZE **/
    --cat-theme-list-button-font-size: .9rem !important;
    /** Specify the PAGE LIST BUTTON BORDER **/
    --cat-theme-list-button-border: 1px solid var(--cat-theme-primary-color) !important;
    /** Specify the PAGE LIST BUTTON COLOR **/
    --cat-theme-list-button-color: var(--cat-theme-primary-color) !important;
    /** Specify the PAGE LIST BUTTON BACKGROUND **/
    --cat-theme-list-button-background: transparent !important;
    /** Specify the PAGE LIST BUTTON BORDER HOVER **/
    --cat-theme-list-button-border-hover: 1px solid var(--cat-theme-primary-color) !important;
    /** Specify the PAGE LIST BUTTON COLOR HOVER **/
    --cat-theme-list-button-color-hover: #ffffff !important;
    /** Specify the PAGE LIST BUTTON BACKGROUND HOVER **/
    --cat-theme-list-button-background-hover: var(--cat-theme-primary-color) !important;
    
    /** Specify the PAGE DETTAIL BACKGROUND COLOR **/
    --cat-theme-page-dettail-bg: #ffffff !important;
    /** Specify the PAGE DETTAIL ICON COLOR **/
    --cat-theme-page-dettail-ico-color: #9a9a9a !important;
    /** Specify the PAGE DETTAIL ICON TEXT COLOR **/
    --cat-theme-page-dettail-text-color: #999999 !important;
    /** Specify the PAGE DETTAIL BORDER COLOR **/
    --cat-theme-page-dettail-border-color: #cacdd1 !important;
    /** Specify the PAGE DETTAIL WIDGET TITLE COLOR **/
    --cat-theme-page-dettail-widget-title-color: #9a9a9a !important;
    
    /** Specify the SOCIAL BUTTON COLOR AND BGCOLOR **/
    --cat-social-btn-color: #ffffff !important;
    --cat-social-btn-facebook-bgcolor: #3b5998;
    --cat-social-btn-twitter-bgcolor: #e1e1e1;
    --cat-social-btn-tumblr-bgcolor: #34465d;
    --cat-social-btn-linkedin-bgcolor: #457399;
    --cat-social-btn-whatsapp-bgcolor: #43d854;
    --cat-social-btn-email-bgcolor: #999999;
    --cat-social-btn-telegram-bgcolor: #2392e7;
    --cat-social-btn-reddit-bgcolor: #ff4500;
    --cat-social-btn-pinterest-bgcolor: #e83f3a;
    
    /** Specify the DOWNLOAD FILE BGCOLOR **/
    --cat-download-file-btn-bgcolor: #efefef !important;
    --cat-download-file-a-color: #333333 !important;
    --cat-download-file-btn-bgcolor-hover: #dedede !important;
    --cat-download-file-a-color-hover: #000000 !important;
    --cat-download-file-btn-border: 1px solid #dddddd !important;

    /* MODIFICHE A BOOTSTRAP */
    --bs-body-font-size: 1.2rem;
    --bs-gradient: linear-gradient(to bottom,  rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 100%);
}
/* Preload immagine menù hover */
body::after{
   position:absolute; width:0; height:0; overflow:hidden; z-index:-1; /* hide images */
   content:url(img/plus-hover.png);   /* load images */
}
/* Stile body pagina */
body {
    background: var(--cat-theme-bg);
    color: var(--cat-theme-color);
    font-family: var(--cat-theme-font);
    text-rendering: optimizeLegibility;
    font-size: var(--bs-body-font-size)
}
a {
    transition: all .4s;
}
/* Style header font */
h1,
h2 {
    font-family: var(--cat-theme-head-font);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
}

h1 {
    font-size: 3.5rem;
    font-weight: 300
}
h2 {
    font-size: 2rem;
    font-weight: 200
}
h3 {
    font-size: 2rem;
    font-weight: 200
}
h4 {
    font-size: 1.6rem;
    font-weight: 300
}
h5 {
    font-size: 1.4rem;
    font-weight: 300
}
h6 {
    font-size: 1.2rem;
    font-weight: 300
}
/* Immagini */
img {
    max-width: 100%;
}
figure {
    margin: 0;
}
/* Td table */
table td {
    padding: 12px;
}
/* Pre */
pre {
    font-family: courier;
    white-space: pre-wrap;
    padding: 15px;
}
/* Blockquote */
blockquote {
    margin: 16px 40px;
}
/* Sub e Sup */
sup {
    vertical-align: super;
}
sub {
    vertical-align: sub;
}
/* Style contenitore della pagina */
.container {
    background-color: transparent;
}
/* Stile contenitore contenuti pagina */
main#container {
    background-color: var(--cat-theme-container-bg);
    min-height: 100%;
}
main#container-fluid {
    overflow: hidden;
}
.home-bg-tertiary {
    background: #EAECED;
}
.main-page {
    margin-top: 75px;
}
#page-content {
    min-height: 320px;
}
.border-top.related {
    border-width: 4px !important;
    border-color: var(--cat-theme-tertiary-color) !important;
}
.related h3 {
    color: var(--cat-theme-secondary-color);
}
/* Stile header pagina */
#head-page:after {
    content: "";
    clear: both;
    display: block
}
#head-page {
    position: fixed;
    z-index: 99999999;
    width: 100%;
    top: 0;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    background-color: var(--cat-theme-head-bgcolor);
}
#head-page {
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    animation: entraInScena .6s ease-out forwards
}
#head-page div {
    text-align: center;
}
#head-page>.container {
    background-color: var(--cat-theme-head-bgcolor);
    padding: 0 !important;
}
#head-page .logo {
    display: inline-block;
    vertical-align: middle !important;
    width: auto;
    margin-right: 1rem;
    height: auto;
    max-height: 80px;
    padding: 10px;
}
#head-page .logo a {
    display: block;
    font-size: 1.5rem;
}
#head-page h1.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
#head-page h1.navbar-brand a {
  font-size: 1.5rem;
  color: var(--cat-theme-brand-color);
  text-decoration: none;
}
#head-page .logo a {
  display: inline;
  vertical-align: middle !important;
  font-size: 1.5rem;
}
#head-page .logo img{
  vertical-align: middle !important;
  max-width: 190px;
  width:auto;
  max-height: 70px;
}
#head-page .navbar-brand svg {
    fill: var(--cat-theme-brand-color);
    /* brand-color*/
    height: 70px;
}
#head-page.page-home .navbar-brand svg {
    fill: var(--cat-theme-brand-color);
    /* brand-color*/
    height: 100px;
}
/* Stile header pagina home */
#head-page-home:after {
    content: "";
    clear: both;
    display: block
}
#head-page.page-home {
    box-shadow: unset !important;
    background-color: transparent !important;
    background: linear-gradient(to bottom,  rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 100%) !important;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#head-page.page-home {
    animation: none;
}
#head-page.page-home>.container {
    background-color: transparent !important;
    padding: 0 !important;
}
#head-page.page-home .navbar-brand svg {
    fill: #ffffff ! important;
    /* brand-color*/
}
#head-page.page-home h1.navbar-brand {
  color: #ffffff !important;
}
#head-page.page-home h1.navbar-brand a {
  color: #ffffff !important;
}
/* Stile galleria immagini piede home */

/* Efetto sul head della pagina */
@keyframes entraInScena {
  from { transform: translateY(-200px); }
  to { transform: translateY(0); }
}
/* Stile menù navigazione */
#head-page nav {
    max-height: 100px;
    display: inline-block;
    vertical-align: middle;
}
#head-page nav>ul {
    width: auto;
    margin: 0;
    padding: 0;
}
#head-page nav li {
    list-style: none;
    float: left;
}
#head-page nav .dropdown {
    position: relative
}
#head-page nav a {
    text-decoration: none !important;
    color: var(--cat-theme-nav-color);
}
#head-page nav a:hover,
#head-page nav a.active {
    color: var(--cat-theme-nav-hover-color);
}
#head-page nav li a {
    color: var(--cat-theme-nav-color);
    text-decoration: none;
    display: inline-block;
    padding: 10px 10px;
    position: relative;
}
#head-page nav li a:hover,
#head-page nav li a.active {
    color: var(--cat-theme-nav-hover-color);
}
#head-page nav li a:before {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    position: absolute;
    background: var(--cat-theme-nav-hover-color);
    -o-transition: width .4s ease 0s, left .4s ease 0s;
    -ms-transition: width .4s ease 0s, left .4s ease 0s;
    -webkit-transition: width .4s ease 0s, left .4s ease 0s;
    transition: width .4s ease 0s, left .4s ease 0s;
    width: 0;
}
#head-page nav li a:hover:before {
    width: 100%; 
    left: 0;
}
/* head page sub menu nella home */
#head-page.page-home nav li li a:hover:before {
    width: 0;
}
#head-page.page-home nav li li {
    width: 0;
}
#head-page .dropdown ul li a:before {
    background: none;
}
#head-page .dropdown a.submenu::after {
    content: var(--cat-theme-nav-sub-image);
    float: right;
    padding-left: 5px;
}
/* head page arrow nella home */
#head-page.page-home .dropdown a.submenu::after {
    content: url(img/plus-white.png);
    float: right;
    padding-left: 5px;
}
#head-page nav li ul {
    display: none
}
#head-page nav li:hover ul {
    display: inline-block;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#head-page nav li:hover a.submenu::after {
    content: var(--cat-theme-nav-sub-image-hover);
}
#head-page nav li li {
    float: none;
    text-align: left;
}
#head-page nav li li a {
    margin:0 !important;
}
#head-page nav li.dropdown ul {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: var(--cat-theme-nav-sub-bgcolor);
    opacity: 0.8;
    padding: 5px 0;
    z-index: 8000;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2), 0 4px 16px 0 rgba(0, 0, 0, .19);
}
#head-page nav li.dropdown ul li {
    white-space: nowrap
}
#head-page nav .dropdown li a {
    padding: 5px 15px;
    font-size: 1rem;
    text-transform: none;
}
#head-page nav li li a {
    float: none;
    color: var(--cat-theme-nav-sub-color);
    display: block;
    padding: 8px 10px;
    text-transform: none;
}
#head-page nav .dropdown:last-child ul {
    position: absolute;
    right: 0 !important;
    overflow: hidden;
}
#head-page nav .dropdown:last-child li a {
    padding: 0 5px 0 10px !important;
    float: none;
    display: block;
    border-radius: 3px;
}
#head-page nav .dropdown:last-child li a:hover,
#head-page nav li li a:hover,
#head-page nav li ul li a:hover{
    background: var(--cat-theme-nav-sub-hover-bgcolor);
    color: var(--cat-theme-nav-sub-hover-color);
}
#menu-icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    margin-right: 30px;
    display: none;
}
#menu-icon span {
    border: var(--cat-theme-low-menu-border-color);
    width: 30px;
    margin-bottom: 5px;
    display: block;        
    -o-transition: all .2s;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}
/* Stile menù navigazione home */
.page-home nav a {
    color: #ffffff !important;
}
.page-home a:hover {
    color: #dddddd !important;
}
.page-home nav li a {
    color: #ffffff !important;
}
.page-home nav li a:hover {
    color: #dddddd !important;
}
.page-home nav li a:before {
    background: #dddddd !important;
}
/* Style testata pagina */
.page-title-container {
    background: var(--cat-theme-page-head-bgcolor);
    text-align: center;
}
.page-title-container h1 {
    color: var(--cat-theme-page-head-color);
}
/* Style hero container */
.hero {
    color: var(--cat-theme-hero-default-color);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.hero,
.hero>.container>.row {
    height: 100vh;
    min-height: 780px;
}
.hero>.container {
    position: relative;
    z-index: 2;
    background-color: transparent !important;
}
.hero h1,
.hero h2,
.hero h3,
.hero h4,
.hero h5,
.hero h6 {
    color: var(--cat-theme-hero-heading-color);
}
.hero h1 {
    font-size: 2.5rem;
    font-weight: 700;
}
.hero h2 {
    font-size: 2.2rem;
    font-weight: 600;
}
.hero h3 {
    font-size: 2rem;
}
.hero h4 {
    font-size: 1.8rem;
}
.hero h5 {
    font-size: 1.7rem;
}
.hero h6 {
    font-size: 1.6rem;
}
@media (max-width: 991.98px) {
    .hero .h1 {
        font-size: 1.8rem;
    }
}
/* Stili breadcrumb */
nav ol.breadcrumb {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
nav li.breadcrumb-item {
    font-size: 16px;
    color: var(--cat-theme-secondary-color)
}
nav li.breadcrumb-item a {
    color: var(--cat-theme-secondary-color);
    text-decoration: none;
}
nav li.breadcrumb-item a:hover {
    color: var(--cat-theme-secondary-color);
}
.breadcrumb-item.active {
    color: var(--cat-theme-primary-color);
}
.breadcrumb-item+.breadcrumb-item::before {}

/* Stile video container
------------------------------------*/
.video {
    max-width: 600px;
    height: auto;
}
@media all and (max-width: 540px) {
    .video {
        max-width: 450px;
        height: auto;
    }
}
@media all and (max-width: 425px) {
    .video {
        max-width: 380px;
        height: auto;
    }
}
@media all and (min-width: 1200px) {
    .video {
        max-width: 700px;
        height: auto;
    }
}
/* Stili elementi pagina */
.page-title {
  color: var(--cat-theme-page-title-color);
  font-size: 2.2rem;
  font-weight: 300;
  text-transform: uppercase;
}
.page-sub-title {
    color: var(--cat-theme-page-subtitle-color);
    /* text-page-sub-title */
}
.intro {
    max-width: 892px;
    margin: auto;
}
.page-img {}

img.float-left {
    margin: .2rem .2rem 0 0;
}
img.float-right {
    margin: 0 0 .1rem .1rem;
}
.page-date {}
.page-text {}
/* Stili dei documenti
------------------------------------*/
.doc {
    color: var(--bs-blue);
}
.pdf {
    color: var(--bs-red);
}
.xls {
    color: var(--bs-green);
}
.ppt {
    color: var(--bs-danger);
}

.txt {
    color: var(--bs-gray-dark);
}
.zip {
    color: var(--bs-yellow);
}
.audio {
    color: var(--bs-indigo);
}
.video {
    color: var(--bs-purple);
}
/* Filtro anni, tags e categorie e tags */
#archive-filter {
    position: absolute;
    top: 145px;
    right: 16%;
}
/* Stile elenco artisti */
.artist-link {
    max-width: 650px !important;
}
.list-artists {
    font-size: 1.2rem;
    color: var(--cat-theme-page-list-title-color);
    font-weight: bolder;
    margin: 3px !important;
    border: var(--cat-theme-page-border);
    height: 82px !important;
    margin: 2px;
}
.list-artists-no-img {
    color: var(--cat-theme-page-list-title-color);
    font-weight: 300;
    display: inline-block;
}
.list-artists a img {
    width: auto !important;
    height: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.list-artists a.col-4 {
    margin: 0 !important;
    padding: 0 !important;
}
.list-artists a,
.list-artists-no-img a {
    color: var(--cat-theme-page-list-title-color);
    text-decoration: none;
    font-size: 2rem;
    font-weight: 300;
    display: block;
}
.list-artist a:hover,
.list-artists-no-img a:hover {
    color: var(--cat-theme-page-list-title-hover-color);
}
/* Lista artisti nella home page */
.half-artist .list-artists-no-img a {
  color: #fff !important;
  font-weight: bolder;
  text-decoration: none;
  margin-right: 14px;
  font-size: 18px;
  padding: 4px 0;
  font-weight: 300;
  display: inline-block !important;
}
.half-artist .list-artists-no-img a:hover {
    color: var(--cat-theme-artists-list-color);
}
/* Social Share Buttons */
.cat-social-share {
    margin: 0;
    padding: 0;
    width: auto;
    list-style: none;
}
.cat-social-share li {
    width: auto;
    display: inline-block;
    margin: 0 .15rem;
}
.cat-social-share .btn-social {
    display: block;
    color: var(--cat-theme-secondary-color) !important; 
    transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
}
.cat-social-share .btn-social:hover {
    color: var(--cat-theme-primary-color);
}
.cat-social-share .btn-social i {
    vertical-align: middle;
}
/* Setto colore icona */
.cat-social-share .btn-social {
    
}

/*
.cat-social-share .btn-facebook {
  background-color: var(--cat-social-btn-facebook-bgcolor);
}
.cat-social-share .btn-twitter {
  background-color: var(--cat-social-btn-twitter-bgcolor);
  color: #767676;
}
.cat-social-share .btn-tumblr {
  background-color: var(--cat-social-btn-tumblr-bgcolor);
}
.cat-social-share .btn-linkedin {
  /*background-color: var(--cat-social-btn-linkedin-bgcolor);
}
.cat-social-share .btn-whatsapp {
  background-color: var(--cat-social-btn-whatsapp-bgcolor);
}
.cat-social-share .btn-email {
  background-color: var(--cat-social-btn-email-bgcolor);
}
.cat-social-share .btn-telegram {
  background-color: var(--cat-social-btn-telegram-bgcolor);
}
.cat-social-share .btn-reddit {
  background-color: var(--cat-social-btn-reddit-bgcolor);
}
.cat-social-share .btn-pinterest {
    background-color: var(--cat-social-btn-pinterest-bgcolor);
}*/

/* Calendar Share Buttons */
.wpart-calendar-share {
    margin: 0 auto;
    text-align: center;
    padding: 4px;
    width: auto;
    height: 100%;
    list-style: none;
}
.wpart-calendar-share li {
    width: auto;
    text-align: left;
    margin-left: 10px;
}
/* Div file download */
div.files-download {
    margin: 2em 0 2em 0;
    display: block;
}

div.files-download a {
    padding: 6px;
    display: inline-block;
    margin-right: 1em;
    border: var(--cat-download-file-btn-border);
    color: var(--cat-download-file-a-color);
    background-color: var(--cat-download-file-btn-bgcolor);
    border-radius: 6px;
    text-decoration: none;
}
div.files-download a:hover {
    background-color: var(--cat-download-file-btn-bgcolor-hover);
    color: var(--cat-download-file-a-color-hover);
}
/* Caption delle immagini */
figcaption {
    text-align: center;
    margin: 0 auto;
    font-size: .8rem !important;
    color: var(--cat-theme-secondary-color);
    /* light seconday-color*/
}
/* Caption gallerie immagini */
.blocks-gallery-grid figcaption {
    color: var(--cat-theme-secondary-color);
    /* light seconday-color*/
}
.modal-title {
    color: var(--cat-theme-secondary-color);
    /* light seconday-color*/
}
.modal-header {
    border-color: var(--cat-theme-secondary-color);
    /* light seconday-color*/
}
/* style social ico del sito */
.social-cont .social-list {
    list-style-type: none;
    margin: 0 auto;
}
.social-cont .social-list>li {
    margin: 2px 2px 2px 0;
    display: inline-block;
    vertical-align: top;
    height: 25px;
    width: 25px;
}

/* Stile piede pagina */
footer {
    font-size: .8rem;
    background-color: var(--cat-theme-page-fother-bgcolor);
    padding: 100px 0 40px;
}
footer>.container-fluid {
    background-color: var(--cat-theme-page-fother-bgcolor);
}

/* Stile footer pagina fluid */
footer.footer-fluid {}

footer.footer-fluid>.container-fluid>.container {
    background-color: var(--cat-theme-page-fother-bgcolor);
}
footer>.container-fluid>.container>.row {
    width: 100% !important;
}
footer .border-footer {
    border: 3px dashed var(--cat-theme-page-fother-border-color) !important;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
footer #contacts-info-box svg {
    max-width: 220px;
    width: 100%;
    margin: auto;
    max-height: 40%;
    fill: #fff;
}

/* Stile box contacts */
footer #contacts-info-box #box-contacts {
    margin: 10px;
}

/* Stile logo footer */
footer #contacts-info-box #logo-footer {}

/* Stile box newsletter */
footer .box-footer #box-newsletter {}

footer .box-footer #box-newsletter legend {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-family: var(--cat-theme-head-font);
    font-weight: 300;
}
footer .box-footer #box-newsletter .form-control {
    color: var(--cat-theme-secondary-color);
}
footer .box-footer #box-newsletter button {}

/* Stile social nel footer */
footer #contacts-info-box .social-list a img {
    -o-transition: opacity .2 ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease;
    filter: grayscale(100%);
}
footer .social-list {
    display: flex;
    gap: 20px;
    padding: 0;
    font-size: 26px;
    justify-content: center;
}
footer .social-cont .social-list>li {
    margin: 0 !important;
    display: block !important;
    height: initial !important;
    width: initial !important;
}
footer #contacts-info-box .social-list a img:hover {
    opacity: .6;
    filter: grayscale(50%);
}
#box-newsletter a#btnTogglePrivacy {
    text-decoration: underline;
}
#box-newsletter .btn {
    border-width: 1px !important;
    padding: 5px 10px !important;
}
@media (max-width: 540px) {
    footer .box-footer #box-newsletter .form-check-input {
        font-size: .7rem;
        display: inline-block;
    }
    footer .box-footer #box-newsletter .form-check-label {
        display: inline-block;
    }
    footer .box-footer #box-newsletter legend {
        font-size: 1.2rem;
        margin-top: 6px;
    }
}

/* style boxes piede pagina */
footer #footer-section-box {
    font-size: 1rem;
    background-color: var(--cat-theme-section-box-bgcolor);
    color: var(--cat-theme-section-box-text-color);
    padding-bottom: 1rem !important;
    border-bottom: var(--cat-theme-page-fother-border-color);
}
footer #footer-section-box>.container {
    background-color: var(--cat-theme-section-box-bgcolor);
}
footer #footer-section-box,
footer #footer-section-privacy,
footer #footer-section-credits {
    color: var(--cat-theme-section-box-text-color);
}
footer #footer-section-box a {
    color: var(--cat-theme-section-box-a-color);
    text-decoration: none;
}
footer #footer-section-box a:hover {
    color: var(--cat-theme-section-box-a-hover-color);
}
footer #contacts-info-box {}

footer #contacts-info-box .navbar-brand {}

footer #footer-section-box h5,
footer #footer-section-box #contacts-box h5 {}


/* style privacy cookies piede pagina */
footer .border-top{
    border-color: var(--cat-theme-low-bottom-border);
}
footer #footer-section-privacy {
    background-color: var(--cat-theme-privacy-bgcolor);
    color: var(--cat-theme-privacy-color);
}
footer #footer-section-privacy>.container {
    background-color: var(--cat-theme-privacy-bgcolor);
}
footer #footer-section-privacy a {
    color: var(--cat-theme-privacy-a-color);
    /* privacy an cookie link color */
}
footer #footer-section-privacy a:hover {
    color: var(--cat-theme-privacy-a-hover-color);
    /* privacy an cookie link color hover */
}
/* style credits piede pagina */
footer #footer-section-credits {
    background-color: var(--cat-theme-credits-bgcolor);
    color: var(--cat-theme-privacy-color);
}
footer #footer-section-credits>.container {
    background-color: var(--cat-theme-credits-bgcolor);
}
footer #footer-section-credits a {
    color: var(--cat-theme-credits-a-color);
    /* credits an cookie link color */
}
footer #footer-section-credits a:hover {
    color: var(--cat-theme-credits-a-hover-color);
    /* credits an cookie link color hover */
}

/* RESPONSIVE FOR ALL CLASSES */

@media(min-width:1200px) {
    footer .border-footer {
        height: 280px;
    }
}
@media(min-width:1200px) and (max-width:1399px) {
    .artist-link{
        max-width: 560px !important
    }
}
@media (min-width:992px) {
    footer .box-footer #box-newsletter {
        padding-left: 40px;
    }
}
@media(min-width:992px) and (max-width:1199px) {
    .artist-link{
        max-width:470px !important
    }
}
@media (max-width: 991.98px) {
    .main-page {
        margin-top: 80px;
    }
    #head-page{
        padding:0 !important;
        height: 80px;
        background: var(--cat-theme-low-head-bgcolor);
    }
    /* Stile header pagina fluid */
    .head-page-fluid{
        padding:0 !important;
        background-color: var(--cat-theme-low-head-bgcolor);
    }
    .head-page-fluid > .container{
        padding:0 !important;
        background-color: var(--cat-theme-head-bgcolor);
        border-bottom: 1px solid var(--cat-theme-borders-color);
        width: 100vw;
    }
    #head-page:after{
        content:"";
        clear:both;
        display:block
    }
    .navbar-brand {
        text-align: center;
    }
    #head-page .logo {
        margin-left:.5rem;
        height:45px !important;
        max-height:45px !important;
    }
    #head-page .logo img {
        width:auto;
        max-height:45px;
    }
    #head-page .logo {
        width:auto;
        padding: 15px 20px;
        text-align:center !important;
        border-bottom: none;
    }
    #head-page .logo a{
        display:inline-block;
        vertical-align:middle !important;
        font-size:1.5rem;
    }
    #head-page .logo img {
        width:auto;
        max-height: 60px;
        height: 60px;
    }
    #head-page .logo h1 {
        font-size: .7rem;
        margin-bottom: .2rem !important;
        padding-bottom: .2rem !important;
    }
    #head-page .logo h4 {
        font-size: .65rem !important;
    }
    #menu-icon{
        display:inline;
        top: 50px;
        cursor:pointer
    }
    #menu-icon.active .first{
        transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        margin-top:10px
    }
    #menu-icon.active .second{
        transform:rotate(135deg);
        -webkit-transform:rotate(135deg);
        position:relative;
        top:-9px;
    }
    #menu-icon.active .third{
        display:none
    }
    #head-page nav{
        border:none;
        display:none;
        width:100%;
        clear:both;
        float:none;
        padding:10px;
        /* overflow-y: hidden; */
        height:auto;
        min-height:auto;
        /*overflow: hidden !important;*/
        border-bottom: var(--cat-theme-low-bottom-border);
    }
    #head-page nav a{
        padding:0;
        display:inline;
    }
    #head-page .dropdown a.submenu::after {
        content: none; 
        padding-left: 0px;
        float:none;
    }
    #head-page nav ul{
        float:none;
        width: calc(100% + 40px);
        top: 27px;
        left: -10px;
        position: relative;
        background: var(--cat-theme-primary-color);
        text-transform: uppercase;
        height: 100vh;  
    }
    #head-page nav ul ul{
        height: auto !important;
    }
    #head-page nav li:hover ul{
        display: block;
    }
    #head-page nav li{
        float:none;
        padding: 0 !important;      
        text-align: left !important;
        margin-left: 10px;
        border-bottom: 1px solid rgba(255,255,255,.4);
    }
    #head-page nav a {
        font-size: 1rem;
        color: #fff !important;
    }
    #head-page nav li a:before { 
        background:none;
        content:initial;
        display:none;
    }
    #head-page nav ul li li a:before{
        content:"- "
    }
    #head-page nav ul li.dropdown ul li {
        display: block;
        padding: 0;
    }
    #head-page nav ul ul,
    #head-page nav .dropdown ul{
        display:block;
        position:relative;
        background:none;
        border:none;
        padding:0;
        text-transform:none;
        z-index:auto;
        box-shadow:none;
    }
    #head-page nav .dropdown:last-child {        
        border: none;
    }
    #head-page nav .dropdown li,
    #head-page nav li li { 
        background:none;
        border:none;
    } 
    #head-page nav  li:hover .dropdown,
    #head-page nav li:hover li { 
        padding: 0;
    } 
    #head-page nav li a {
        padding: 6px 10px !important;        
    }
    #head-page nav .dropdown li a,
    #head-page nav li li a{
        display:block;
        color: #fff !important;
    }
    #head-page nav .dropdown li a:hover,
    #head-page nav li li a:hover {
        background-color: transparent;
        text-decoration: underline !important;
    }
    #head-page nav .dropdown:last-child li,
    #head-page nav .dropdown:last-child li a {
        border: none;
    }
    #head-page nav .dropdown:last-child li a {
        padding: 5px !important;
        display: block;
        border: none;
    }
    #head-page nav .dropdown:last-child li a:hover,
    #head-page nav li li a:hover {
        background: transparent;
        color: #fff;
    }
    nav ol.breadcrumb {
        padding: 0 !important;
        display: none;
    }
    main#container {
        padding: 0 !important;
        margin: 0 !important;
    }
    article.wpart-list .inside-article {
        display: block !important;
    }
    article.wpart-list .article-thumb {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 1.2rem
    }
    article.wpart-list {
        border-top: 0 !important;
    }
    #page-content {
        padding: 0 !important;
        min-height: 200px;
    }
    footer {
        margin: 0 !important;
        padding: 0 !important;
    }
    footer #contacts-info-box {
        order: 2;
    }
    footer .container-box-newsletter {
        order: 1;
        padding: 40px 12px;
    }
    footer .border-footer svg {
        border: 4px solid #fff;
        padding: 20px
    }
    footer .border-footer {
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-width: 1px!important;
        padding: 60px 0 0;
    }
    footer #footer-section-credits {
        padding: 0px 0 20px;
    }
    .artist-link{
        max-width:none;
        width: 100%;
        display: block !important;
        margin: auto;
        text-align: center;
        padding: 0 20px;
    }
    .artist-link .text-end {
      text-align: center !important
    }
    .half-image {
        height: 50vh;
    }
    .half-artist {
        display: block !important;
    }
    #archive-filter {
        position: unset;
        top: auto;
        margin: 20px !important;
        text-align: center;
    }
}

/* Riscrittura classi  bootstrap */
.btn {
    border-width: 2px;
    text-transform: uppercase;
    padding: 8px 18px;
    border-radius: 0;
}
.btn-outline-secondary {
    border-color: var(--cat-theme-secondary-color) !important;
    color: var(--cat-theme-secondary-color) !important;
    background: transparent !important
}
.btn-outline-secondary:hover {
    background-color: var(--cat-theme-primary-color) !important;
    border-color: var(--cat-theme-primary-color) !important;
    color: #ffffff !important;
}
.btn-outline-primary {
    border-color: var(--cat-theme-primary-color) !important;
    color: var(--cat-theme-primary-color) !important;
    background: transparent !important
}
.btn-outline-primary:hover {
    background-color: transparent!important;
    border-color: var(--cat-theme-secondary-color) !important;
    color:  var(--cat-theme-secondary-color) !important;
}
.btn-outline-inverse {
    border-color: #fff !important;
    color: #fff !important;
}
.btn-outline-inverse:hover {
    background-color: #fff !important;
    border-color: #fff !important;
    color: var(--cat-theme-primary-color) !important;
}
.text-secondary {
    color: var(--cat-theme-secondary-color) !important;
}
.text-primary {
    color: var(--cat-theme-primary-color) !important;
}
.text-inverse {
    color: #fff !important;
}
/* Gallerie immagini testo links */
.cat-container-gallery a {
    color: var(--cat-theme-secondary-color) !important;
    text-decoration: none;
}
.cat-container-gallery a:hover {
    color: var(--cat-theme-primary-color) !important;
}
/* Riscrittura classi  bootstrap Tab artisti */
.nav-link {
    color: var(--cat-theme-primary-color) !important;    
}
.nav-link:hover {
    color:  var(--cat-theme-secondary-color) !important;
}
.tab-pane a {
    color: var(--cat-theme-secondary-color) !important;
}
.tab-pane .row a.biblio:hover {
    color: var(--cat-theme-color) !important;
}
/* Riscrittura navigazione bootstrap */
.cat-nav {
    li.page-item {
        text-align: center;
    }
    li.disabled a {
        background-color: var(--cat-theme-page-pagination-disabled-bg-color);
        color: #efefef !important;
    }
    a {
        margin: 0 3px !important;
        padding: 0 !important;
        width: 35px !important;
        height: 35px !important;
        line-height: 35px !important;
        border-radius: 50% !important;
        background-color: var(--cat-theme-page-pagination-bg-color);
        color: #ffffff !important;
        &.prev {
            border-radius: 50% !important;
            width: 90px !important;
        }
        &.next {
            border-radius: 50% !important;
            width: 90px !important;
        }
        &:hover {
            background-color: var(--cat-theme-page-pagination-hover-bg-color);
            border-color: var(--cat-theme-page-pagination-active-border-color);
        }
        &.active,
        &:active {
            background-color: var(--cat-theme-page-pagination-active-bg-color);
            border-color: var(--cat-theme-page-pagination-active-border-color);
        }
    }
    li {
        &.active a,
        &:active a {
            background-color: var(--cat-theme-page-pagination-active-bg-color);
            border-color: var(--cat-theme-page-pagination-active-border-color);
        }
    }
}
@media(max-width:992px) {
    .cat-nav li.page-item a {
        font-size: .9rem;
        margin: 2px !important;
        width: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
    }
}
@media (max-width: 540px) {
    .cat-nav li.page-item a {
        font-size: .8rem;
        margin: 0 !important;
        width: 26px !important;
        height: 26px !important;
        line-height: 26px !important;
        border-radius: 0 !important;
    }
}
/* Open box popup gallery correzione posizione */
.openbox__container {
    margin-top: 70px !important;
}
/* finestra modale  correzione posizione */
.modal {
    border-top: 2px solid #ddd;
    margin-top: 70px !important;

}
/* IUBENDA correzione style */
#iubenda-cs-banner.iubenda-cs-slidein.iubenda-cs-visible .iubenda-cs-container {
    box-shadow: 0 -4px 10px rgba(0, 0, 0, .3) !important;
}