/*! Place your custom styles here */

.bar .logo {
    max-height: 6.3em;
    max-width: none;
}
.icon--sm img {max-width: 1.2em;}

.tabs li:not(.active) {
    opacity: .3;
}

.masonry__item:hover {border:1px solid #ebebeb; border-radius: 3px;}
.masonry__item img {border-radius: 10px; margin: 8px 0px;}
.masonry__item h4 {margin-bottom: 0.5em;}

.menu-horizontal > li:not(:hover) > a, .menu-horizontal > li:not(:hover) > span, .menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
    opacity: 1;
}

.menu-horizontal > li > a, .menu-horizontal > li > .modal-instance > a {
    font-weight: 600;
    font-size: 1.2em;
}

.bar__module {padding-top: 20px;}

.fl {float:left;}



.to-top { position: sticky; bottom: 10px; float: right; right: 5%;} 
.to-top i {color: #fff;}

@media (max-width: 768px){
    #hero {margin-top: 0px;}
    img.logo_main { max-width: 50%;}
    .height-80{    height: auto;
    padding: 6em 0;
}
    
}