:root {--skin-primary:#1c1c1c;--skin-secondary:#ffffff;--skin-intestazione1:#373737;--skin-intestazione2:#191919;--skin-calltoaction:#eed10c;--skin-calltoactionText:#FFFFFF;--skin-background:#ffffff;--skin-backgroundBarraLaterale:#eceeef;--skin-topbar:#373737;--skin-topbarText:#ffffff;--skin-breadcrumb:#373737;--skin-breadcrumbLink:#eed10c;--skin-breadcrumbText:#ffffff;--skin-text:#7c859b;--skin-navigationBg:#f4f4f4;--skin-navigation:#373737;--skin-navigation-hover:#eed10c;--skin-footer:#373737;--skin-textFooter:#f4f4f4;--skin-linkFooter:#eed10c;--skin-fontTitoliValue:Raleway;--skin-fontMenuValue:Open Sans;--skin-fontTextValue:Open Sans;--skin-fontsizeSlideshow1Value:30px;--skin-fontsizeSlideshow2Value:24px;--skin-fontsizeSlideshow3Value:18px;--skin-fontsizeSlideshowCalltoactionValue:14px;--skin-fontsizeMenuValue:16px;--skin-fontsizeSubMenuValue:14px;--skin-fontsizeTitolo1Value:30px;--skin-fontsizeTitolo2Value:24px;--skin-fontsizeTitolo3Value:18px;--skin-fontsizeTitolo4Value:16px;--skin-fontsizeTitolo5Value:15px;--skin-fontsizeTitolo6Value:14px;--skin-fontsizeTextValue:15px;--skin-fontsizeFooterValue:13px;}h1, h2, h3, h4, h5, h6{font-family:var(--skin-fontTitoliValue);}
h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty{color:var(--skin-primary);}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ font-family:var(--skin-fontTitoliValue);}
h1 a:empty, h2 a:empty, h3 a:empty, h4 a:empty, h5 a:empty, h6 a:empty{ color:var(--skin-primary); }
body, p, span, em, i:not(.fas):not(.fa):not(.fab), a{ font-family:var(--skin-fontTextValue); }
table, tr, td, blockquote,
h1, h2, h3, h4, h5, h6,
body, p:empty, span:empty, em:empty, i:empty, a:empty{ color:var(--skin-text);}
h1:hover a, h2:hover a, h3:hover a, h4:hover a, h5:hover a, h6:hover a{ color:var(--skin-secondary) !important;}
i:not(.fas),
i:not(.fa),
i:not(.fa::before),
i:not(.fab::before),
a:hover{color: var(--skin-secondary);}

h1.intestazione1,
h2.intestazione1,
h3.intestazione1{  color: var(--skin-intestazione1) !important; }
h1.intestazione2,
h2.intestazione2,
h3.intestazione2{  color: var(--skin-intestazione2) !important; }
.calltoaction{  background-color: var(--skin-calltoaction) !important; color: var(--skin-calltoactionText) !important; }

/** FONT SIZE **/
main dt, main dd, main ul, main ol, main li, main pre, main form, main p, main blockquote, main th, main td, main p, main span, main em, main b, main strong{font-size: var(--skin-fontsizeTextValue) !important;}
label{font-size: var(--skin-fontsizeTextValue) !important;}
.small, small{font-size: calc(var(--skin-fontsizeTextValue) * 0.6) !important;}
h1{font-size: var(--skin-fontsizeTitolo1Value) !important;}
h2{font-size: var(--skin-fontsizeTitolo2Value) !important;}
h3{font-size: var(--skin-fontsizeTitolo3Value) !important;}
h4{font-size: var(--skin-fontsizeTitolo4Value) !important;}
h5{font-size: var(--skin-fontsizeTitolo5Value) !important;}
h6{font-size: var(--skin-fontsizeTitolo6Value) !important;}
h1.intestazione1,
h1.intestazione2{font-size:var(--skin-fontsizeSlideshow1Value) !important; }
h2.intestazione1,
h2.intestazione2{font-size:var(--skin-fontsizeSlideshow2Value) !important; }
h3.intestazione1,
h3.intestazione3{font-size:var(--skin-fontsizeSlideshow3Value) !important; }
.calltoaction{ font-size: var(--skin-fontsizeSlideshowCalltoactionValue) !important; }
.navbar .nav-item a{ font-size: var(--skin-fontsizeMenuValue) !important; }
.navbar .nav-item div.dropdown-menu a{ font-size: var(--skin-fontsizeSubMenuValue) !important; }
footer,
footer p,
footer span,
footer b,
footer strong{ font-size: var(--skin-fontsizeFooterValue) !important; }
/** FONT SIZE **/

body,
.bg-light,
.fas.bg-light, 
.blog-box,
.news .blog-box .blog-box-caption,
.album .blog-box .blog-box-caption,
.navbar-toggler,
.fas.bg-light, 
.contact-image.bg-light, 
.blog-box .blog-box-caption, 
.contact-form3.bg-light,
.fas.bg-light,
.contact-image.bg-light,
.blog-box .blog-box-caption,
.contact-form3.bg-light,
.page{background-color: var(--skin-background) !important;}
.sidebar.bg-light{background-color: var(--skin-backgroundBarraLaterale) !important;}

.navbar{background-color: var(--skin-navigationBg) !important;}
.navbar a{color: var(--skin-navigation) !important;}
.navbar a:hover{color: var(--skin-navigation-hover) !important;}

.top-bar{background-color:var(--skin-topbar); color:var(--skin-topbarText);}
.top-bar a{color: var(--skin-secondary);}

.list-contact.colored-icons li i{color: var(--skin-primary);}
.adopt-image{border-bottom:6px solid var(--skin-secondary);}
.btn-quaternary:hover, .btn-quaternary:focus, .btn-tertiary, .nav-tabs .nav-link, .accordion-cards .card-body, .navbar-toggler:hover,  .back-to-top i, .accordion-cards .card-header, .page-item.active .page-link, .progress-bar, .service-hover-box .service-hover-caption, figure.team-style2 .name, .team-style1:hover .team-image, .page-link, footer, .nav-pills .nav-link{background-color:var(--skin-primary);}
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active{background-color: var(--skin-secondary);}
.dropdown-menu{background-color: var(--skin-secondary); }
.dropdown-menu .nav-item.dropdown a.dropdown-item:hover{color: var(--skin-primary) !important;}
.btn-primary{background-color: var(--skin-primary); }
.btn-secondary{background-color: var(--skin-secondary); }
.btn-primary span,
.btn-secondary span{color: #fff;}
.nav-link:focus, 
.nav-link:hover,
.nav-item.active a{color:var(--skin-primary) !important;}
.nav-item.active ul.dropdown-menu li a{color:#fff !important; }
.nav-item.active ul.dropdown-menu li a:hover{color:var(--skin-primary) !important;}
.nav-link:focus, .nav-link:hover{color:var(--skin-secondary) !important;}

.jumbotron{background-color: var(--skin-breadcrumb);}
.jumbotron ul li h1{color: var(--skin-primary);}
.breadcrumb-item a{color: var(--skin-breadcrumbLink);}
.breadcrumb-item.active{color: var(--skin-breadcrumbText);}

.contact-form3.bg-secondary .form-control:focus, .custom-link:hover, .custom-link:focus, .form-control, .alert-primary, .list-group-item-action:focus, .list-group-item-action:hover {
  border-color: var(--skin-primary);
}

.blog-box .date{background-color: var(--skin-primary);}
.list-group-item-action:hover,
.list-group-item-action.currentPage{background-color: var(--skin-primary); color:#fff !important;}

ins h3{color:var(--skin-primary);}
#box_prezzo_scontato,
.box_prezzo{color: var(--skin-primary);}
.attribsLabel{color: var(--skin-secondary);}

.contact-icon .top-icon { background-color: var(--skin-primary); }

blockquote p{color:var(--skin-primary);}
blockquote p a{color:var(--skin-secondary);}

ul.shopAccessLink li a,
ul.shopAccessLink li a i{color: var(--skin-secondary);}
ul.shopAccessLink li.active{background-color:var(--skin-primary); color:#fff;}
ul.shopAccessLink li.active a,
ul.shopAccessLink li.active a i{color:#fff;}
ul.shopAccessLink li.active a:hover,
ul.shopAccessLink li.active a:hover i{color:var(--skin-secondary);}

.back-to-top i{color:#fff !important;}

footer{color: var(--skin-textFooter);}
footer a{color: var(--skin-linkFooter);}
footer a:hover{color: var(--skin-secondary);}
footer.bg-light{background-color: var(--skin-footer) !important;}
footer ul.social-list li a i{color: var(--skin-textFooter) !important;}
footer p,
footer span,
footer em,
footer i{color: var(--skin-textFooter) !important;}