/*
Theme Name:     Customer COM21 Child
Theme URI:      https://www.comunicazione21.com/
Description:    Tema Child per il tema Comunicazione21
Author:         Comunicazione21
Author URI:     https://www.comunicazione21.com/
Template:       dt-the7
Version:        1.0
Text Domain:    comunicazione21-child
*/
@import url("../dt-the7/style.css");


.verticaldivider {
    width: 40px;
    transform: rotate(90deg);
}

.vc_sep_width_20 {
    width: 16%;
}

.post-thumbnail-rollover {
    border-radius: 10px;
}

.post-entry-content {
    border-radius: 15px;
}

.dt-icon-the7-arrow-03 {
    display: none;
}

.post-details.details-type-btn {
    border-radius: 5px;
}

.dt-btn  {
    border-radius: 10px;
}

.dt-contact-form .dt-btn {
    border-radius: 10px;
	padding-right: 60px;
    padding-left: 60px;
}

.iconcolor img {
  filter: grayscale(100%);
}

.iconcolor img:hover {  
  filter: grayscale(0);
  transition-property: filter;
  transition-duration: 0.3s;
}


:root {
    --color-gold-rgb: 231, 198, 118;
    --color-gold-light-rgb: 243, 229, 193;
}


.c21-btn {
    padding: 0.5em 0.5em 0.5em 1em;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(var(--color-gold-rgb), 0.3);
    border-radius: 9999px;
    text-decoration: none;
    color: #000;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 1em;
}
.c21-btn-text {
    position: relative;
    bottom: -0.08em;
    line-height: 1em;
}

.c21-icon {
    display: inline-block;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background-color: rgb(var(--color-gold-rgb), 0.3);
}
.c21-icon-content {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgb(var(--color-gold-rgb));

    mask-size: cover;
    mask-repeat: no-repeat;
}

.c21-btn:hover {
    background-color: rgb(var(--color-gold-rgb), 0.3);
    border-color: transparent;
    color: #000;
}
.c21-btn:hover .c21-icon {
    background-color: rgb(var(--color-gold-rgb), 1);
}
.c21-btn:hover .c21-icon-content {
    background-color: #000;
}

.c21-btn-dark {
    color: #fff;
    background-color: #000d;
    border-color: transparent;
}
.c21-btn-dark .c21-icon {background-color: #fff;}
.c21-btn-dark .c21-icon-content {background-color: #000;}
.c21-btn-dark:hover {
    color: rgb(var(--color-gold-rgb), 1);
    background-color: #000d;
}
.c21-btn-dark:hover .c21-icon {background-color: rgb(var(--color-gold-rgb), 1);}


.c21-btn-container {
    display: block;
}
.c21-btn-right {
    text-align: right;
}
.c21-btn-left {
    text-align: left;
}
.c21-btn-center {
    text-align: center;
}


.p1, .p2, .p3, .p4 {
    line-height: 1.4em;
}
.p1 {font-size: 27px;}
.p2 {font-size: 22px;}
.p3 {font-size: 18px;}
.p4 {font-size: 16px;}

/*
@media screen and (max-width: 992px) {
    .p1 {font-size: 20px;}
    .p2 {font-size: 14px;}
    .p3 {font-size: 15px;}
    .p4 {font-size: 14px;}
}*/

@media screen and (max-width: 778px) {
    .p1 {font-size: 16px;}
    .p2 {font-size: 11px;}
    .p3 {font-size: 12px;}
    .p4 {font-size: 11px;}
}

.c21-ul li::marker {
    color:  rgb(var(--color-gold-rgb));
}
.c-gold {
    color:  rgb(var(--color-gold-rgb));
}

.c21-masthead{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
}
.sticky-on{top:0;}
.c21-masthead .mini-widgets>*, .c21-masthead .mobile-mini-widgets>* {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}
.c21-masthead .mini-contacts, .c21-masthead .mini-login a {
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.c21-masthead .mini-widgets>*, .c21-masthead .mobile-mini-widgets>* {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}
.c21-masthead .top-bar .mini-contacts, .c21-masthead .top-bar .mini-nav > ul:not(.mini-sub-nav) > li > a, .masthead .top-bar .mini-login, .c21-masthead .top-bar .mini-login .submit, .c21-masthead .top-bar .mini-search .submit, .c21-masthead .top-bar .mini-search, .c21-masthead .top-bar .wc-ico-cart, .c21-masthead .top-bar .text-area, .c21-masthead .top-bar .customSelectInner {
    font: 500 13px / 19px "Comfortaa", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}
.c21-masthead .mini-contacts{
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.hide-desktop{
    display: none;
}
@media screen and (max-width: 778px) {
    .hide-desktop{
        display: block;
    }
}
.c21-top-bar{
    padding: 3px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 100%;
}
.c21-top-bar a .soc-font-icon{
    color: #ffffff !important;
}
@media screen and (max-width: 778px) {
    .c21-top-bar{
        display: none;
    }
    .mini-contacts{
        display: flex;
        align-items: center;
    }
}