/* ----------------------------------------------------------------------------------- */
/* style-set-a.css (light) */
/* ----------------------------------------------------------------------------------- */
html {
    font-size: 14px;
    background-color: #fff;
}

body {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #555;
}

a, a:visited {
    color: #666;
}

a:hover {
    color: #333;
}

/* ----------------------------------------------------------------------------------- */
/* Forms and validation */
/* ----------------------------------------------------------------------------------- */
.contact-form {
}

.form-group input, .form-group textarea {
    border-color: #ccc;
}

input.input-validation-error, select.input-validation-error, textarea.input-validation-error {
    color: #b00020;
    border-color: #e74c3c;
    background-color: #fff0f0;
}

.blank-form-group button {
    color: white;
    background-color: #1c8b37;
    border: 1px solid black;
}

.form-button {
}

.form-button:hover {
    font-weight: bold;
}

.field-validation-error {
    color: #e74c3c;
}

/* ----------------------------------------------------------------------------------- */
/* External (social media) links */
/* ----------------------------------------------------------------------------------- */
.external-link-panel {
    border-color: #fff;
    background-color: #fff;
}

.external-link-panel:hover {
    border-color: darkorange;
    background-color: #f7c2c8;
}

/* ----------------------------------------------------------------------------------- */
/* Gallery item */
/* ----------------------------------------------------------------------------------- */
.gallery-uniform-item, .gallery-justified-item {
    border: 4px solid white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.gallery-masonry-item, .gallery-masonry-item-sizer {
    border: 1px solid white;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.gallery-item-title-over {
    color: #fff;
}

/* ----------------------------------------------------------------------------------- */
/* Scrollable element */
/* ----------------------------------------------------------------------------------- */
.scrollbox:hover::-webkit-scrollbar-thumb {
    border-color: #fff;
}

/* ----------------------------------------------------------------------------------- */
/* navigation */
/* ----------------------------------------------------------------------------------- */
.header {
    background-color: #fff;
}

.navigation a.nav-item-selected {
    color: orange;
}

/* ----------------------------------------------------------------------------------- */
/* smart menus */
/* ----------------------------------------------------------------------------------- */
.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    color: #555;
}

.sm-clean a.current {
    color: #555;
}

.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
    background: #eeeeee;
    color: #555;
}

.sm-clean ul a.current {
    color: #555;
}