/*
Theme Name: ComunicaCity 2020
Author: Yes I Code
Description: 
Version: 1.0.34
Text Domain: comunicacity
*/

.list .item {
    border-bottom: 1px solid #cccccc;
    padding: 10px;
}

img.homeImage{
    width: 100%;
    height: 36%;
    object-fit: cover;
}

.fa{
    margin-right: 5px;
}

#wpba_attachment_list .ui.list a {
    display: block;
}

#wpba_attachment_list::before {
    content: "Allegati";
    font-weight: bold;
}

.fr-dialogmodal--is-ready[aria-hidden=true], .fr-dialogmodal--is-ready[aria-hidden=true] * {
    visibility: hidden;
}

a.Linklist-link {
    padding-right: 0.7em;
}
.Treeview-parent>a {
    padding-right: 4em;
}

.Dialog-content fieldset.Form-fieldset {
    background: rgba(0,0,0,0.04);
    padding: 30px 20px 20px!important;
}

.Dialog-content .Form-fieldset legend.Form-legend {
    position: relative;
    top: 37px;
}

.Treeview b a {
    padding: 0px 15px;
}

@media (max-width: 39.9375em){
    .tablesaw-cell-content {
        max-width: 44%!important;
    }
}
/* fix segnalazioni */

select.form-control:not([size]):not([multiple]) {
    height: calc(4rem + 2px)!important;
}

.form-control{
	font-size:2rem!important;
}

.btn{
	font-size: 2rem!important;
}

button#add_file {
    margin-top: 14px!important;
}

/* fine fix segnalazioni */

.single_block, .double_block, .triple_block, .site_block{
    text-align: center;
}
.single_block img, .double_block img, .triple_block img, .site_block img{
    max-height: 70px;
    display: inline-block;
    margin-bottom: 20px;
}

dl dt{
        font-weight: 600!important;
}

small.sottotitolo {
    display: block!important;
}
.sottotitolo a {
    font-size: 0.8em!important;
    font-weight: 400!important;
}

.Header-owner a:first-of-type:before {
    content: none;
}

.Header-owner a:before {
    content: "-";
    margin:0 10px;
    display: inline-block;
}

.panel-default {
    border-color: #ddd;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body {
    padding: 15px;
}

html,body{
    font-family: "Titillium Web",Helvetica,Arial,sans-serif;
}

.top-hero-section{
    text-align: center;
}

.Grid--withGutterM {
    margin: 0;
}

.table-responsive table {
    width: 100%;
}

.info{
    margin-top: 20px;
}

.info .parent {
    margin: 30px auto 10px;
    background-color: #005082;
    color: #ffffff;
    padding: 15px 10px;
}

.table-responsive{
    margin-bottom: 20px
}

.table-responsive td {
    padding: 10px;
}

a.Entrypoint-item.u-sizeFill{
    display: block;
        height: 94%;
}

img, figure {
    max-width: 100%;
    height: auto;
}

figure{
    margin-bottom: 25px;
}

.Hero{
    background-size: cover;
    background-position: top center;
    height: 0px;
    padding-top: 24%;
    padding-bottom: 6%;
    background-repeat: no-repeat;
    text-align: center;
}

.Hero-content.top-hero {
    top:0!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    padding: 10px!important;
}

.Hero-content.top-hero a {
    display: block;
    margin: 10px auto;
}

.Button--info {
    background-color: #fff;
    border-color: #ccc;
    color: #000;
}
.Button--info.is-pressed, .Button--info:active {
    background-color: #fff;
    border-color: #ccc;
    color: #000;
}

.Linklist .Button:hover {
    background-color: #50d8dc!important;
}

body.admin-bar header.Headroom{
    top:46px !important;
}

header.Headroom{
    z-index: 99;
}

.welcome .content{
    border-bottom: 1px solid rgba(98,97,97,0.80);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.welcome .link a{
    position: relative;
    font-size: 1.5em;
    color: black;
}

.link .Icon {
    margin-left: 10px;
}

.Header-navbar {
    border-bottom: 1px solid black;
}

.ccWhite{
    color:#fff;
}
.ccBlack{
    color:#000;
}
.ccGrey{
    color:#757575;
}
.ccLightGrey{
    color:#bdbdbd;
}
.ccDarkGrey{
    color:#212121;
}
.ccRed{
    color:#e53935;
}
.ccOrange{
    color:#fb8c00;
}
.ccYellow{
    color:#fdd835;
}
.ccPink{
    color:#f48fb1;
}
.ccPurple{
    color:#8e24aa;
}
.ccBlue{
    color:#3949ab;
}
.ccAzure{
    color:#1e88e5;
}
.ccGreen{
    color:#7cb342;
}
.ccDarkGreen{
    color:#33691e;
}
.ccBrown{
    color:#5d4037;
}

.ccCenter{
    text-align: center;
}

.ccJustify{
    text-align: justify;
}

.welcome .link .Icon::before{
    text-decoration: none;
    position: absolute;
    top: 5px;
    font-size: 1.3em;
}

.welcome p, .welcome p * {
    font-size: 18px!important;
}

span.Hamburger-toggle.is-active {
    position: absolute;
    right: 20px;
}

.Header-navbar > .u-layout-wide {
    /*max-width: 100%!important;*/
}

.Header-logo.Grid-cell {
    margin-left: 14%;
}

.alert-news{
    border:none;
}

.Header-toggle{
    width:7%!important;
    min-width: 40px;
    position: absolute;
    left: 0px;
    top: 11px;
}

.Offcanvas, .Offcanvas-content {
    max-width: 80%;
    width: 15em;
}

.head-stick, .head-stick p, .head-stick a{
    color: white !important;
    background-color: #D93C00;
    text-decoration: none;
}

.head-stick .icon{
    font-size: 27px;
    line-height: 31px;
}
.head-stick .link{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.Offcanvas-toggleContainer{
    display: none;
}

.Header{
    transition-duration: 200ms;
    left:0;
}

.menu-opened .Header{
    left:15em;
}

#main, .footer {
    left: 0;
    position: relative;
    transition-duration: 200ms;
}

.menu-opened #main, .menu-opened .footer {
    left: 15em;
}

.menu-opened .Hamburger-toggle {
    background: transparent;
}

.menu-opened .Hamburger-toggle:before {
    transform: translateY(11px) rotate(45deg);
}

.menu-opened .Hamburger-toggle:after {
    transform: translateY(-12px) rotate(-45deg);
}

#news, #servizi-h2, .home-widget-area-h2{
    float: left;
}

#news-all-link, #servizi-all-link, .home-widget-area-all-link{
    float: right;
}

#news-container, #servizi-container, .home-widget-area-container{
    clear: both;
}

.home3-section a{
    text-decoration: none;    
}

.alignright, .alignleft, .aligncenter{
    display: block;
    margin: 25px auto !important;
    max-width: 100%;
    width: 100%;
    height: auto;
}

figcaption {
    font-size: 0.9em;
    font-style: italic;
}

.Footer-logo{
    width: 100px;
    height: 100px;
    box-sizing: content-box;
}

#servizi-container a, #servizi-container a:hover{
    text-decoration: none!important;
    color: #fff;
}

.gallery-item img {
    height: auto;
    width: 100%;
}

.Grid-cell.icon {
    width: 27px!important;
    padding-right: 0!important;
    padding-left: 0!important;
}

.map-container iframe {
    width: 100%;
    display: block;
}

.u-lineHeight-l {
    line-height: 1.53!important;
}

.Footer-links-container{
    margin-top: 2.4rem!important;
    border-top: .1rem solid currentColor!important;
}

.footer-logo2{
    height: 33px;
    display: block;
    float:right;
    margin-top: 5px!important;
}

.Footer-links, .u-margin-top-l {
    margin-top: 0!important;
    border-top: none!important;
}

#backtotop{
    display: none;
}

.searchpagefield{
    border:1px solid black;
}

.uffici-list > * {
    display: block;
    padding: 10px 10px;
    text-transform: uppercase;
    margin: 10px auto;
    font-size: 20px;
}

.uffici-list > a.first{
    margin-top:10px!important;
}

.uffici-list > a.parent {
    margin-top: 30px;
    background-color:#005082;
    color:#ffffff;
}

.uffici-list > a{
    background-color:#eeeeee;
    color:#555;
    border: 1px solid #dddddd;
}

.widget_pdf_mail_print {
    text-align: center;
}

.widget_pdf_mail_print .glyphicon {
    font-size: 40px;
    margin: auto 5px;
    color: #000000;
}

.Dialog {
    z-index: 999999;
}

.video-embed {
    clear: both;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    position: relative;
    margin-bottom: 10px;
}

.video-embed > iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}

iframe[src*='youtube.com']{
    max-width: 100% !important;
}

.Dialog-content--centered {
    -webkit-transform: translateX(-50%) translateY(-55%);
    -ms-transform: translateX(-50%) translateY(-55%);
    transform: translateX(-50%) translateY(-55%);
}

.Dialog-close {
    position: absolute;
    top: 0px;
    right: 4px;
    padding: 5px 10px;
    background: white;
    font-size: 22px!important;
    cursor: pointer;
    color: black;
}

@media (max-width: 767px) {
    .u-sm-hidden{
        display: none!important;
    }
    
    .Dialog-content--centered{
        top:36px;
        left:auto;
        position: absolute;
        transform: none;
    }
    
    .Dialog-close {
        left: auto;
        right:0;
    }
    
    .hidden-mobile{
        display: none;
    }
    
    .u-xs-padding-right {
        padding-right: 20px!important;
    }

    .u-xs-padding-left {
        padding-left: 20px!important;
    }
}


@media screen and (max-width: 991px) and (min-width: 768px), screen and (max-width: 1365px) and (min-width: 992px), screen and (min-width: 1366px){
    .Header-logo img {
        height: 10.5rem;
        width: 10.5rem;
    }
}


@media (min-width: 768px) {
    .single_block, .double_block, .triple_block, .site_block{
        text-align: left;
        line-height: 1.15;
    }
    
    .single_block img, .double_block img, .triple_block img, .site_block img{
        display: block;
        float: left;
        margin-bottom: 15px;
        margin-right: 20px;
    }

    .menu-opened .Hamburger-toggle:before {
        transform: translateY(14px) rotate(45deg);
    }

    .menu-opened .Hamburger-toggle:after {
        transform: translateY(-14px) rotate(-45deg);
    }
    .Offcanvas, .Offcanvas-content {
        max-width: 80%;
        width: 32em;
    }
    .menu-opened #main, .menu-opened .footer {
        left: 32em;
    }
    .menu-opened .Header{
        left:32em;
    }
    
    .Hero {
        margin-bottom: -82px;
    }
    
    .Hero-content.top-hero {
        position: relative!important;
        display: inline-block;
        width: auto !important;
        text-align: center;
        margin: 0!important;
        top: -30px !important;
            font-size: 0px;
    }
    
    .Hero-content.top-hero a {
        display: inline-block;
        margin: 0;
        padding: 20px 10px;
        height: 62px;
    }
    
    .welcome .content{
        border: none;
        border-right: 1px solid rgba(98,97,97,0.80);
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .welcome .link{
        padding-left: 20px;
        text-align: right;
        padding-right: 44px;
    }
    
    .alignleft{
        float: left;
            margin: 0 20px 0 0!important;
        max-width: 50%;
    }

    .alignright{
        float: right;
            margin: 0 0 0 20px!important;
        max-width: 50%;
    }
    
    .Header-logo.Grid-cell {
        margin-left: 7%;
    }
    
    .Headroom--not-top .Header-logo{
        max-width: 60px;
    }
    
    .Headroom--top .Header-logo{
        max-width: 110px;
    }
    
    .Hero-content.top-hero {
        background-color: rgba(255,255,255,0.7)!important;
    }
    
    .Header-toggle{
        left: -12px;
        top: auto;
    }
    
    #backtotop{
        display: block;
        position: fixed;
        bottom: 40px;
        right: 20px;
        height: 60px;
        width: 60px;
        background-size: 80%;
        padding: 20px;
        background-position: center;
        background-repeat: no-repeat;
            opacity: 0;
            transition-duration: 200ms;
            cursor: pointer;
    }
    
    #backtotop.visible{
        opacity: 0.8;
    }
}

@media (min-width: 783px) {

    body.admin-bar header.Headroom{
        top:32px !important;
    }
    
}

@media (min-width: 992px) {
    .Header-utils {
        margin-left: 0!important;
    }
}

@media screen and (min-width: 1366px){
    .Header-navbar {
        padding-left: 0rem!important;
        padding-right:0rem!important;
    }
}