/* TAG */
ul.sf-js-enabled { width: 100% }
p, pre { font-size: 18px; color: #222;font-family: 'Comfortaa', light; white-space: pre-line;}
td pre { font-size: 14px }

/* ID */
#actionBar a { color:#eee!important; font-family: 'Comfortaa', light !important; }
#actionBar a:hover { color:#fff!important }
#copyrights { padding: 10px 0; }
/* #header-wrap e in posizione assoluta e lo spazio lo tiene .header-wrap-clone, piu alto di 1px
   per il bordo del tema che qui non c'e (classe b_none): senza questo sfondo resterebbe
   scoperta una riga bianca di #header tra il menu e il contenuto sottostante */
#header{ background-color: darksalmon!important; }
#header-wrap{ background-color: darksalmon!important; }
/* In sticky il tema aggiunge "border-bottom: 1px solid #EEE" su #header-wrap (non su #header,
   quindi la classe b_none non lo tocca): a scorrimento si vedeva una riga bianca sotto il menu */
.sticky-header.full-header #header-wrap{ border-bottom: none; }
#primary-menu ul li > a { padding: 19px 8px }
#primary-menu-trigger { top: 5px }
#page-title { padding: 30px 0px; border-bottom: none; }
#page-title.page-title-center .breadcrumb { margin: 10px 0 0 !important; }

/* CLASS */
.breadcrumb a, .breadcrumb a:hover, .breadcrumb-item + .breadcrumb-item::before{ color: #fff; }
.breadcrumb-item-default + .breadcrumb-item-default::before{ color: rgb(0, 0, 0)!important }
.button { font-family: 'Comfortaa', light !important; }
.copyrights-menu { margin-bottom: 0px;}
.flip-card-inner { padding: 1rem!important; }
.form-control { font-family: 'Comfortaa', light !important; }
.full-header #logo { padding-right: 0px; border-right: 0px; }
.full-header .primary-menu .menu-container { padding-right: 0rem; margin-right: 0rem; border-right: 0px; }
.full-header .sub-menu-container { background: darksalmon }
.full-header .sub-menu-container .menu-item:hover > .menu-link { background-color: darksalmon; font-weight: bold; color: #fff}
.me-auto { margin-right: auto!important }
.menu-container .menu-item .menu-link { color: #eee !important; font-size: 16px; font-weight: 100; text-transform: none }
.menu-container .menu-item .sub-menu-container .menu-link { color: #eee !important; font-family: 'Comfortaa', light; font-size: 14px; text-transform: none }
.menu-container .menu-item a.menu-link:hover { color: #fff !important;  }
.modal-content, .modal-header{ border-radius: 0px }
.modal-content { border: none }
.modal-header { border-bottom: 1px solid darksalmon; background:#ce6441; }
.modal-header .modal-title { color: white; margin: auto; font-family: 'Comfortaa', light !important }
.modal-body { padding: 20px }
.modal-footer { border-top: 1px solid darksalmon; display: flow-root; text-align: center }
.navbar.navbar-dark a, .navbar.navbar-dark a:hover { color: #fff; }
.revo-slider-desc-text { font-size: 30px; font-family: 'Comfortaa', regular !important; width: 650px; text-align: center; line-height: 1.5; }
.revo-slider-emphasis-text { font-size: 80px; font-weight: 700; letter-spacing: -1px; font-family: 'Dancing Script', cursive !important; padding: 15px 20px; }
.side-header #header { z-index: 199; border-right: 3px solid rgba(255, 106, 57, 0.849); }
.side-header #header-wrap { background: darksalmon!important; }
.side-header .menu-item:hover > .menu-link, .menu-item.current > .menu-link { color: #222; }
.side-header #logo:not(.nobottomborder):after, .side-header #primary-menu:not(.nobottomborder):after {border-bottom: none;}
.side-header.open-header #header-trigger { top: 40px; left: 40px; z-index: 101 }
.side-header .transparent-header .menu-link { font-family: 'Comfortaa', light !important; font-size:14px; text-transform: none; }
.side-header .menu-item:not(:first-child) { margin: 0px; }
.standard-logo { padding: 10px 0px }
.style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg { font-size: 13px; }
.sub-menu-container .menu-item > .menu-link { font-size: 14px; font-weight: 400;}
.table th, .table td { vertical-align: middle !important }
.table.b_none th, .table.b_none td { border: 0px !important }
.transparent-header .menu-link { color: #fff; font-size: 16px; font-family: 'Comfortaa', regular !important; font-weight: 400; text-transform: none; padding: 15px 15px!important }
.transparent-header .sub-menu-container, .mega-menu-content { width: 220px !important; background-color: darksalmon; border: 0px solid darksalmon; border-top: 2px solid darksalmon;}
.transparent-header .sub-menu-container .menu-item > .menu-link { color: #fff; }
.transparent-header .sub-menu-container .menu-item:hover > .menu-link { background-color: darksalmon; color: #222; }
.transparent-header.sticky-header .menu-link { color: darksalmon; }
.side-header .on-click .menu-item .sub-menu-trigger { color: #fff; }
.sticky-header #header-wrap { position: fixed; top: 0; left: 0; background-color: darksalmon!important; box-shadow: 0 0 10px rgba(0,0,0,0.1); }

@media screen and (max-width:992px){
    #header-trigger { display:none }
    #primary-menu-trigger path { stroke: white }
    .menu-item .sub-menu-trigger { color: white }
}