@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: #f1f3f5 !important;                 
    /** Specify the CONTAINER BACKGROUND COLOR **/
    --cat-theme-container-bg: #ffffff !important;                 
    /** Specify the GENERAL TEXT COLOR **/
    --cat-theme-color: #000000 !important;     
    /** Specify the PRIMARY TEXT COLOR **/
    --cat-theme-primary-color: #007bff !important;
    /** Specify the SECONDARY TEXT COLOR **/
    --cat-theme-secondary-color: #6c757d !important;
    /** Specify the BORDERS COLOR for boxes **/
    --cat-theme-borders-color: 1px solid #dee2e6 !important;       
    /** Specify the PRIMARY HEAD PAGE BGCOLOR **/
    --cat-theme-head-bgcolor: #f1f3f5 !important;   
    /** Specify the PRIMARY NAVIGATION BGCOLOR **/
    --cat-theme-nav-bgcolor: #f1f3f5 !important;
    /** Specify the PRIMARY NAVIGATION COLOR **/
    --cat-theme-nav-color: #000000 !important;
    /** Specify the PRIMARY NAVIGATION HOVER AND ACTIVE COLOR **/
    --cat-theme-nav-hover-color: #007bff !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: #fafafa;    
    /** Specify the PRIMARY NAVIGATION LINK SUB IMAGE **/
    --cat-theme-nav-sub-image: url(img/arrow-down-black.png);
    /** Specify the PRIMARY NAVIGATION SUB HOVER COLOR **/
    --cat-theme-nav-sub-hover-color: #007bff !important;    
    /** Specify the PRIMARY NAVIGATION SUB COLOR **/
    --cat-theme-nav-sub-color: #3333333 !important;   
    /** Specify the HEAD BRAND COLOR **/
    --cat-theme-brand-color: #212529 !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 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, 0.4) !important; 
    /** Specify the PAGE TITLE COLOR **/
    --cat-theme-page-title-color: #333333 !important;
    /** Specify the PAGE SUB TITLE COLOR **/
    --cat-theme-page-subtitle-color: #666666 !important;
    /** Specify the PAGE LIST TITLE COLOR **/
    --cat-theme-page-list-title-color: #666666 !important;
    /** Specify the PAGE LIST TITLE HOVER COLOR **/
    --cat-theme-page-list-title-hover-color: #333333 !important;
    /** Specify the PAGE GALLERY IMAGE SHADOW COLOR **/
    --cat-theme-gallery-box-shadow-color: rgba(221, 221, 221, 1);
    /** Specify the PAGE BORDER COLOR **/
    --cat-theme-page-border: 1px solid #dddddd !important;
    /** Specify the PAGE FOTHER BGCOLOR **/
    --cat-theme-page-fother-bgcolor: #fbfbfb !important;
    /** Specify the FOOTER BOX BORDER COLOR **/
    --cat-theme-page-fother-border-color: 1px solid #dee2e6 !important;
    /** Specify the FOOTER BOX BORDER RIGHT COLOR **/
    --cat-theme-page-fother-border-right-color: 1px solid #dee2e6 !important;
    /** Specify the PAGE FOTHER BOX BGCOLOR **/    
    --cat-theme-section-box-bgcolor: #fbfbfb !important;
    /** Specify the PAGE FOTHER BOX TEXT COLOR **/
    --cat-theme-section-box-color: #000000 !important;
    /** Specify the PAGE FOTHER BOX A COLOR **/
    --cat-theme-section-box-a-color: #007bff !important;
    /** Specify the PAGE FOTHER BOX A HOVER COLOR **/
    --cat-theme-section-box-a-hover-color: #6c757d !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: #fbfbfb !important;
    /** Specify the PAGE FOTHER COPYRIGHT PRIVACY AND COOKIE TEXT COLOR **/
    --cat-theme-privacy-color: #000000 !important;
    /** Specify the PAGE FOTHER COPYRIGHT PRIVACY AND COOKIE A COLOR **/
    --cat-theme-privacy-a-color: #007bff !important;
    /** Specify the PAGE FOTHER COPYRIGHT PRIVACY AND COOKIE A HOVER COLOR **/
    --cat-theme-privacy-a-hover-color: #6c757d !important; 
    /** Specify the PAGE FOTHER CREDITS BGCOLOR **/
    --cat-theme-credits-bgcolor: #f1f3f5 !important;
    /** Specify the PAGE FOTHER CREDITS TEXT COLOR **/
    --cat-theme-credits-color: #000000 !important;
    /** Specify the PAGE FOTHER CREDITS A **/
    --cat-theme-credits-a-color: #007bff !important;
    /** Specify the PAGE FOTHER CREDITS A HOVER COLOR **/
    --cat-theme-credits-a-hover-color: #6c757d !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;
}
/* Stile body pagina */
body {      
    background: var(--cat-theme-bg); 
    color: var(--cat-theme-color);
    font-family: var(--cat-theme-font);
    text-rendering: optimizeLegibility;
    overflow: no-display;
}
/* Style header font */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--cat-theme-head-font);
}
/* 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: var(--cat-theme-container-bg);
    padding: 4px !important;
}
/* Stile contenitore contenuti pagina */
main#container {
    background-color: var(--cat-theme-container-bg);
    width: 100vw;
    min-height: 100%;
}
#page-content{
    background-color: var(--cat-theme-container-bg);
    margin-left: 20px !important;
    margin-right: 20px !important;
    min-height: 320px;
    padding-bottom: 4rem !important;
}
/* Stile header pagina */
#head-page{
    position:relative;
}
/* Stile header pagina fluid */
.head-page-fluid{
    background-color: var(--cat-theme-head-bgcolor);
    border-bottom: var(--cat-theme-borders-color);
    width: 100vw;
}
#head-page > .container{
    background-color: var(--cat-theme-head-bgcolor);
    padding:0 !important;
}
#head-page:after{
    content:"";
    clear:both;
    display:block
}
#head-page .logo{
    float: left;
    width:auto; 
    margin-right: 1rem;
    height: auto;
    max-height: 80px;
    padding: 10px;
}
#head-page .logo a{
    display:inline;
    vertical-align:middle !important;
    font-size:1.5rem;
}
#head-page .logo img {
    width:auto;
    max-height:50px;
    height:50px;
}
#head-page .navbar-brand {
    color: var(--cat-theme-brand-color); /* brand-color*/    
}
#head-page h1.navbar-brand a {
    font-size:1.5rem;
    color: var(--cat-theme-brand-color); /* brand-color*/
    text-decoration: none;
}
#head-page h1.navbar-brand a:hover {
    color: var(--cat-theme-brand-hover-color); /* brand-color hover*/
}
#head-page .logo h4 {
    font-size:1.2rem !important;
    color: var(--cat-theme-brand-logo-color); /* logo-color*/	
}
/* Stile menù navigazione */
#head-page nav{
    float: left;
    width:auto;
    height:auto;
    min-height:46px;
    background-color: var(--cat-theme-nav-bgcolor);
    border-top: var(--cat-theme-nav-top-border-color);
    border-bottom: var(--cat-theme-nav-bottom-border-color);
    padding: 10px 0 10px 15px;
    margin-bottom: 4px;
}
#head-page nav>ul{
    float: left;
    position:relative;
    padding:0;
    margin: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); /* primary-color*/
}
#head-page nav a:hover,
#head-page nav a.active {
    color: var(--cat-theme-nav-hover-color); /* light seconday-color*/	
}
#head-page nav li a{
    float:left;
    padding:35px;
    color: var(--cat-theme-nav-color); /* nav primary-color*/
    text-decoration: none;
    letter-spacing: 0.15em;
    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); /* nav hover, active */
}
#head-page nav li a:before {    
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    background: var(--cat-theme-nav-hover-color); /* nav hover, active */
    transition: width 0.4s ease 0s, left 0.4s ease 0s;
    width: 0;
}
#head-page nav li a:hover:before { 
    width: 100%; 
    left: 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 nav li ul{
    display:none
}
#head-page nav li:hover ul{
    display:inline
}
#head-page nav li li{
    float:none
}
#head-page nav .dropdown ul{
    position:absolute;
    left:0;
    top:100%;
    background-color: var(--cat-theme-nav-sub-bgcolor);
    padding:20px 0;
    z-index:8000;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 16px 0 rgba(0, 0, 0, 0.19);
}
#head-page nav .dropdown li{
    white-space:nowrap
}
#head-page nav .dropdown li a{
    padding:10px 35px;
    font-size:0.75rem;
    min-width:200px;
    text-transform:none;
}
#head-page nav li li a{
    float:none;
    color: var(--cat-theme-nav-sub-color);
    display:block;
    padding:8px 10px;
    border-radius:3px;
    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 35px 0 10px !important;
    float:none;
    display:block;
    padding:8px 10px;
    border-radius:3px;
}
#head-page nav .dropdown:last-child li a:hover, 
#head-page nav li 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;
    -webkit-transition:all .2s;transition:all .1s
}
/* 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 {
    font-size:0.8rem;
    margin-left: 20px !important;
    margin-top:8px !important;
}
nav li.breadcrumb-item {  
    
}
.breadcrumb-item + .breadcrumb-item::before {
    
}
@media only screen and (max-width: 960px) {
  #head-page nav{
      font-size:.7rem;
  }
  #head-page .logo {
      margin-left:.5rem;
      height:65px !important;
      max-height:45px !important;
  }
  #head-page .logo img {
      width:auto;
      max-height:65px;
      float:left;
  }
  #head-page .logo {
      float:left;
      text-align:left !important;
      border-bottom: var(--cat-theme-low-bottom-border);
  }
  #head-page .logo h1 {
      font-size: .9rem;
  }
  #head-page .logo h4 {
      font-size: .75rem !important;
  }  
  #page-content{
    margin-left: 10px !important;
    margin-right: 10px !important;
    min-height: 250px;
  }
}
@media only screen and (max-width: 786px) {
  #head-page{
    margin:0 !important;
    padding:0 !important;
    height:auto;
    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-low-head-bgcolor);
  }
  #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 {
      float:left;
      text-align:left !important;
      border-bottom: var(--cat-theme-low-bottom-border);
  }
  #head-page .logo h1 {
      font-size: .7rem;
      margin-bottom: .2rem !important;
      padding-bottom: .2rem !important;
  }
  #head-page .logo h4 {
      font-size: .65rem !important;
  }
  #head-page nav a{
      padding:8px;
      display:inline;
  }
  #head-page nav a:hover{
      border-radius:3px
  }
  #head-page .dropdown a.submenu::after {
      content: none; 
      padding-left: 0px;
      float:none;
  }
  #head-page nav li a:before { 
      background:none;
      content:initial;
      display:none;
  }
  #head-page nav{
      border:none;
      display:none;
      width:100%;
      clear:both;
      float:none;
      overflow-y:scroll;
      height:auto;
      min-height:auto;
      /*overflow: hidden !important;*/
      border-bottom: var(--cat-theme-low-bottom-border);
  }
  #menu-icon{
      display:inline;
      top:24px;
      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{
      padding:10px
  }
  #head-page nav a {           
      font-size:0.7rem;
  }
  #head-page nav ul{
      float:none;
  }
  #head-page nav li{
      float:none;
  }
  #head-page nav ul li a{
      float:none;
      padding:8px;
      display:block;
      text-transform:uppercase;
  }
  #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 ul li li a:before{
      content:"- "
  }
  nav ol.breadcrumb {
    padding:0 !important;
    margin-left: 10px !important;
  } 
  main#container {
    padding: 0 !important;
    margin:0 !important;
  }
  #page-content{
    padding:0 !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    min-height: 200px;
  }
  footer {
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* 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 {
    font-size:1.45rem;
    color: var(--cat-theme-page-title-color); /* text-page-title */   
}
.page-sub-title { 
    color: var(--cat-theme-page-subtitle-color); /* text-page-sub-title */    
}
.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);
}
/* Stili elementi liste */
/* Stili elementi liste */
.list-items {
    border-bottom: var(--cat-theme-page-border);     
}
.list-items:last-child {
    border-bottom: 0;     
}
.list-img {
    
}
.list-img img{
    
}
.list-date {
    
}
.list-title, .list-title a {
    font-size:1.35rem;
    color:var(--cat-theme-page-list-title-color);  
}
.list-title a:hover {
    color:var(--cat-theme-page-list-title-hover-color);
    text-decoration:none;
}
.list-sub-title {
    
}
.list-text {
    
}
.list-link-dettail {
    
}
.list-bibliography {
  display: grid;
  align-items: stretch;    
}
.list-bibliography h3 {
    font-size:1.2rem;
    font-weight:bolder;
}
/* Stile elenco artisti */
.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 {
    font-size:1.2rem;
    color: var(--cat-theme-page-list-title-color); 
    font-weight:bolder;
    margin:3px !important;
    height:auto !important;
    margin:4px;
}
.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);   
    font-weight:bolder;  
}
.list-artist a:hover,
.list-artists-no-img a:hover{
    color: var(--cat-theme-page-list-title-hover-color);
}
/* Social Share Buttons */
.btn-social {
  display: inline-block;
  border-radius: .1rem;
  min-width: 42px;
  padding-left:.7rem;
  padding-right:.7rem;
  padding-top:.4rem;
  padding-bottom:.4rem;
  text-align: center;
  margin: 0 auto;
  color: var(--cat-social-btn-color);
  text-decoration: none;
  transition: opacity .15s ease-in-out;
}
.btn-social,
.btn-social:visited,
.btn-social:focus,
.btn-social:hover,
.btn-social:active {
  color: var(--cat-social-btn-color);
}
.btn-social:hover,
.btn-social:active {
    opacity: .75;
}
.btn-facebook {
    background-color: var(--cat-social-btn-facebook-bgcolor);
}
.btn-twitter {
    background-color: var(--cat-social-btn-twitter-bgcolor);
    color: #767676;
}
.btn-tumblr {
    background-color: var(--cat-social-btn-tumblr-bgcolor);
}
.btn-linkedin {
    background-color: var(--cat-social-btn-linkedin-bgcolor);
}
.btn-whatsapp {
    background-color: var(--cat-social-btn-whatsapp-bgcolor);
}
.btn-email {
    background-color: var(--cat-social-btn-email-bgcolor);
}
.btn-telegram {
    background-color: var(--cat-social-btn-telegram-bgcolor);
}
.btn-reddit {
    background-color: var(--cat-social-btn-reddit-bgcolor);
}
.btn-pinterest {
    background-color: var(--cat-social-btn-pinterest-bgcolor);
}
/* 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 */
.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: 32px;
    width: 32px;
}
.social-cont .social-list li img {
    width: 32px
}

/* Stile piede pagina */
footer{
    width: 100vw;
    font-size:1rem;
    background-color: var(--cat-theme-page-fother-bgcolor);
}
footer > .container-fluid{    
    background-color: var(--cat-theme-page-fother-bgcolor);
}
/* Stile footer pagina fluid */
footer.footer-fluid{
    border-top: var(--cat-theme-page-fother-border-color);
    width: 100vw;
}
footer.footer-fluid > .container-fluid > .container{
    width: 100vw;
    background-color: var(--cat-theme-page-fother-bgcolor);
}
footer > .container-fluid > .container > .row{
    width: 100% !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
}
footer .border-footer{
    border-right: var(--cat-theme-page-fother-border-right-color);
}
footer .box-border {
    
}
/* 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-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 a {
    color: var(--cat-theme-section-box-a-color);    
}
footer #footer-section-box a:hover {
    color: var(--cat-theme-section-box-a-hover-color);    
}
footer #contacts-info-box {
    font-size:1rem;    
}
footer #footer-section-box h5,
footer #footer-section-box #contacts-box h5{
    font-size:1.1rem !important;
}
/* style privacy cookies piede pagina */
footer #footer-section-privacy {
    background-color: var(--cat-theme-privacy-bgcolor);
    color: var(--cat-theme-privacy-color);
    padding: 1rem !important;
    border-bottom: var(--cat-theme-page-fother-border-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); 
    padding: 1rem !important;   
    border-bottom: var(--cat-theme-page-fother-border-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 */
}
/* style social piede pagina */
footer #footer-section-socials { 
    background-color: var(--cat-theme-socials-bgcolor);
}
footer #footer-section-socials > .container{
    background-color: var(--cat-theme-socials-bgcolor);
    padding: 0 !important;
}
footer #footer-section-socials ul {
    padding-bottom: 1rem !important;
}
footer #footer-section-socials .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
}
footer #footer-section-socials .social-list a img:hover {
    opacity:0.6;
}
@media only screen and (max-width: 576px) {
  footer .box-footer {
    border-bottom: var(--cat-theme-low-bottom-border);
    margin-bottom: .4rem;
    padding: .4rem;
  }
  footer .border-footer{
    border-right: 0;
  }
}
@media only screen and (max-width: 992px) {
  footer .box-footer {
    border-bottom: var(--cat-theme-low-bottom-border);
    padding: .4rem;
  }
  footer .border-footer{
    border-right: 0;
  }
}