@color: #017939;@color_alpha: rgba(1, 57, 57, 0.2);@font_color: #ffffff;@logo: url(img/logo.png);@logo_hollow: url(img/logo.hollow.png); @color_1: darken(@color, 10%); @color_2: darken(@color, 20%); @color_3: darken(@color, 30%); @color_4: lighten(@color, 10%); .logo { background-image: @logo; } footer { background-color: @color; color: @font_color; } .social-media-item { background-color: @color; } .event-container { background-color: @color; } .event-container-title { color: @color; } .event-container .event-item { color: @font_color; } .event-container .event-item-date-icon { color: @color; } .content-right .title-bar { color: @color; } .content-right .title-separator { background-color: @color; } .content-right .title-bar .title .more { background-color: @color; } .content-right .news-item-button { border: 1px solid @color; background-color: @font_color; color: @color; } .content-right .news-item-button:hover { background-color: @color; color: @font_color; } .nav-sub { border-top: 5px solid @color; } .nav-sub ul li a:hover, .nav-sub ul li div:hover, .nav-sub ul li ul li a:hover { background-color: @color; color: @font_color; } .load-more:hover { background-color: @color; color: @font_color; } .nav-sub ul li div:hover .caret { border-top: 5px solid @font_color; } .nav-sub ul li div:hover .caret-open { border-top: 5px solid transparent; border-bottom: 5px solid @font_color; } .sidepanel-title { border-top: 5px solid @color; } .subindex-menu-item { color: @color; } .fotorama__thumb-border { border-color: @color; } .search-staff input[type="submit"] { border: 2px solid @color; color: @color; } .search-staff input[type="submit"]:hover { background-color: @color; color: @font_color; } #body-scrollto { background-color: @color_alpha; } @media all and (min-width: 768px) and (max-width: 1024px) { header { background-color: @color; } .logo { background-image: @logo_hollow; } } @media all and (max-width: 768px) { header { background-color: @color; } .logo { background-image: @logo_hollow; } }