/**
 * All custom CSS modifications should be kept in this file. When updating move this file
 * from the old installation to the updated one. This will preserve all your CSS customisations.
 *
 * This file gets included last, so any CSS rule written below will override a previously declared one.
 *
 * Add your CSS modifications below:
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	font-family: "avenir", "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
}

.ecwid-shopping-cart-search {
    visibility: hidden;
}

.horizontal-page.no-scroll .slider-navigation {
	display: none;
}

.site-navigation .active > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a,
.site-navigation .active .current-fluxus-project-type-ancestor > a,
.current-fluxus_portfolio-parent > a,
.nav-tip #key-right.flash,
.nav-tip #key-left.flash,
.navigation-paging .paging .current,
.comment-actions a:hover,
#wp-calendar tbody td a,
.slide .style-default .button:hover,
.slider-navigation li a.active,
.slider-navigation li a:hover,
.project .hover-box .button,
.page-contacts .entry-content .button,
#close-map,
.tooltip,
.fluxus-lightbox .lightbox-prev,
.fluxus-lightbox .lightbox-next,
.fluxus-lightbox .lightbox-close,
.fluxus-lightbox .lightbox-resize,
.page-contacts .entry-content .button:hover,
#close-map:hover {
    background-color: #D8D8D8; /* your color here */
    color: #000; /* your text color here */
}

.reveal-modal,
.navigation-paging .paging .current {
    border-color: #D8D8D8;  /* Your color here */
}

.tooltip:after {
    border-top-color: #D8D8D8;  /* Your color here */
}

.excerpt-more {
    border-bottom-color: #D8D8D8;  /** Your color here */
}

.portfolio-navigation .other-projects .active .hover {
	background: rgba(216, 216, 216, 0.7);
}

.fluxus-lightbox {
	background: #fff;
}

.page-contacts .site-content .page {
	width: 650px;
}

.grid-project:hover .hover-box {
        opacity: 0;
}