@font-face {
    font-family: engschrift;
    src: url("../fonts/DIN-Engschrift/DIN-Engschrift.woff");
}

html, body {
    width: 100%;
    padding: 0px;
    margin: 0px;
    font-family: arial;
}

h1, h2, h3, li, .canvasButton {
    font-family: 'engschrift', sans-serif;
    letter-spacing: 1px;
}

h1 {
    font-size: 64px;
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
    font-weight: 400;
}

h1 a {
    letter-spacing: 2px;
}

h2 {
    font-size: 26px;
    color: #00a9c2;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    font-weight: 400;
}

h3 {
    margin-top: 1em;
    font-weight: 400;
}

p {
    font-size: 14px;
    line-height: 17px;
    font-family: arial;
}

a {
    color: #00a9c2;
}
a:hover,
a:focus,
a:active {
    color: #12e0ff;
    text-decoration: none;
}

#underconstruction {
    display: none;
}

.light {
    color: #00a9c2;
}
.light:hover,
.light:focus,
.light:active {
    color: #00B6E5;
}

.bg-light {
    background-color: #00a9c2;
}


.canvasButton {
    background-color: #00a9c2;
    color: white;
    padding: 4px 7px 1px 5px;
    display: inline-block;
    line-height:22px;
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 22px;
    border: 0;
}
.canvasButton:hover {
    background-color: #00B6E5;
    color: white;
    text-decoration:none;
}

#wrapper {
    padding-bottom: 50px;
}

.alignment {
    padding-left: 100px;
}

/* Home second */
#header.home {
    background: #00a9c2;
    padding-bottom: 21px;
}
#header.home .intro-header h1,
#header.home .intro-header h2,
#header.home .intro-header h1 a,
#header.home .intro-header h1 a:hover,
#header.home .light,
#header.home .light:hover {
    color: white;
}
#wrapper.home {
    padding-bottom: 0;
}
#letitrain {
    width: 100%;
    position: absolute; 
    z-index: 1;
    height: 100%;
}
@media (max-width: 960px) { 
    .homeText {
        display:none;
    }
}
/* Home second */

/* Pricing */
.black {
    color: #333333;
}
.quicksearch #pricecategory.geel,
.geel {
    color: #fff200;
}
.quicksearch #pricecategory.oranje,
.oranje {
    color: #ff6c00;
}
.quicksearch #pricecategory.rood,
.rood {
    color: #e61600;
}
.quicksearch #pricecategory.groen,
.groen {
    color: #25ad2c;
}
.quicksearch #pricecategory.blauw,
.blauw {
    color: #3dc7e6;
}
/* Pricing */


/* Search */
.quicksearch {
    margin-top: 30px;
}
.quicksearch h2 {
    font-size: 28px;
    text-transform: none;
    margin-top: 0;
}
.quicksearch select,
.quicksearch input {
    border-radius: 0;
    color: #00a9c2;
    border-color: rgb(18, 224, 255);
}
.quicksearch button[type="submit"] {
    padding: 5px 17px 5px 17px;
}
.quicksearch .moressearchopts {
    color: #00a9c2;
}
.quicksearch .moressearchopts:hover,
.quicksearch .moressearchopts:focus,
.quicksearch .moressearchopts:active {
    text-decoration: none;
}
.quicksearch .orientationlabel {
    margin: 0;
    color: #00a9c2;
}
.quicksearch ::-webkit-input-placeholder {color: #00a9c2;}
.quicksearch ::-moz-placeholder {color: #00a9c2;}
.quicksearch :-ms-input-placeholder {color: #00a9c2;}
.quicksearch :-moz-placeholder {color: #00a9c2;}
.quicksearch label {color: #00a9c2;}

.quicksearch input,
.quicksearch select,
.quicksearch button,
.quicksearch input:focus,
.quicksearch select:focus,
.quicksearch button:focus {
    box-shadow: none;
}

.quicksearch .moreoptions {
    margin-top: 10px;
    margin-bottom: 10px;
}
.quicksearch .bootstrap-select .bs-placeholder,
.quicksearch .bootstrap-select .bs-placeholder:hover,
.quicksearch .bootstrap-select .dropdown-toggle.btn-default,
.quicksearch .bootstrap-select .dropdown-toggle.btn-default:hover,
.quicksearch .bootstrap-select.open>.dropdown-toggle.btn-default,
.quicksearch .bootstrap-select.open>.dropdown-toggle.btn-default:hover {
    color: #00a9c2;
    border-color: #44def4;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    outline: none !important;
}
.quicksearch .bootstrap-select.open>.dropdown-toggle.btn-default,
.quicksearch .bootstrap-select.open>.dropdown-toggle.btn-default:focus {
    border-color: #00a9c2;
}
.bootstrap-select.btn-group .dropdown-menu li a {
    outline: none;
    color: #00a9c2;
    font-family: 'FontAwesome', Arial;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    line-height: inherit;
}
.slider.slider-horizontal {
    margin-left: 10px;
}
.quicksearch #pricecategory,
.quicksearch #pricecategory option {
    font-family: 'FontAwesome', Arial;
}
#artworkssearch img {
    max-width: 100%;
    max-height: 100%;
}
@media (min-width: 992px) {
    .desktop-quick-btn {
        display: block  !important;
    }
}
@media (max-width: 767px) {
    .quicksearch .text-right {
        text-align: left;
    }
}
/* Search */

/* Artists */
#wrapper .artist-data .item {
    height: 150px;
    margin-bottom:7px;
    margin-right:13px;
    float:left;
    max-width: 100%;
}
#wrapper .artist-data .item img {
    max-height: 100%;
    max-width: 100%;
}
/* Artists */

/* Artists Nav */
#artistNavToggle {
    display: none;
    margin: 15px 0 30px 0;
    background: rgb(0, 169, 194);
    color: white;
    width: 100%;
    text-align: center;
    padding: 7px 0;
    font-size: 19px;
}
ul#artistNav li, ul#subNav li, ul#nav li {
    list-style:none;
}
ul#artistNav {
    padding:5px 0;
    text-align:right;
}
ul#artistNav li a{
    text-decoration: none;
    font-size: 17px;
    color: #333;
    line-height: 21px;
}
ul#artistNav li a:hover, ul#artistNav li a.active {
    color:rgb(0, 169, 194);
}
@media (min-width: 992px) {
    #artistNav {
        display:block !important;
    }
}
@media (max-width: 992px) {
    #artistNavToggle {
        display: inherit;
    }
    ul#artistNav {
        text-align: left;
        padding-bottom: 0;
        padding-top: 3px;
    }

    ul#artistNav li {
        display: inline-block;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    ul#artistNav li a {
        background-color: rgb(0, 169, 194);
        color: white;
        padding: 5px 22px;
    }

    ul#artistNav li a:hover {
        background-color: #00B6E5;
        color: white;
    }

    ul#artistNav li a.active {
        color: white;
        background-color: #00B6E5;
    }
    #artistNav {
        display:none;
    }
}
/* Artists Nav */

/* Page */
#wrapper .page {
    padding-top: 50px;
}
#wrapper .page img {
    max-height: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
#wrapper .page strong {
    padding-top: 10px;
    padding-bottom: 15px;
}
#wrapper .page p,
#wrapper .page div {
    line-height: inherit;
}
/* Page */


/* Header */

/* Top nav*/
.header-nav {
    margin-top: 30px;
    min-height: 30px;
}
.top-head-nav {
    float: right;
}
.top-head-nav li {
    float: left;
    padding-left: 25px;
    list-style-type: none;
    font-family: arial;
}
.top-head-nav li a i {
    padding-right: 30px;
}


/* Sub nav */
.sub-nav h1,
.sub-nav h2 {
    margin-top: 0;
}
.nav-menu>.menu-item {
    text-transform:uppercase;
}
.nav-menu>.menu-item.lang-item {
    float: right;
}
.nav-menu>.menu-item.lang-item>.menu-link {
    font-size:18px;
    line-height:38px;
}
.nav-menu>.menu-item.lang-item.lang-last>.menu-link {
    margin-right: -16px;
}
.nav-menu .menu-link.active {
    color: #00a9c2;
}
.nav-menu .menu-link.active.active:hover,
.nav-menu .menu-link.active.active:focus,
.nav-menu .menu-link.active.active:active {
    color: #12e0ff;
}

.nav-on-mobile {
    display: none !important;
}

@media (max-width: 992px) {
    #header,
    #header .container {
        margin: 0;
        padding: 0;
        width: auto;
    }
}
@media (min-width: 961px) and (max-width: 992px) {
    .nav-menu .menu-link {
        font-size: 20px;
    }
    .nav-menu>.menu-item.lang-item {
        font-size: 18px;
        float: none;
    }
}
@media (min-width: 960px) {
    nav {
        margin-left: 0;
    }
}
@media (max-width: 960px) {
    .header-nav {
        display: none;
    }
    .sub-nav {
        padding-top: 50px;
    }
    .nav-menu>.menu-item.lang-item {
        float: none;
    }
    .nav-menu>.menu-item.lang-item.lang-last>.menu-link {
        margin-right: 0;
    }
}
/* Header */

/* Footer */
.footer {
    color: #fff;
    min-height: 150px;
}
.footer i.fa {
    color: #fff;
}
.footer h2 a {
    color: #fff;
    text-transform: lowercase;
    text-decoration: none;
}
.footer a,
.footer a:hover,
.footer a:focus,
.footer a:visited {
    color: #fff;
    text-decoration: none;
}
.footer .address,
.footer .contact,
.footer .socialnetwors {
    margin-top: 20px;
}
.footer .address p:not(:first-child) {
    text-indent: 23px;
}
.footer .socialnetwors ul {
    float: right;
    padding-left: 0;
    list-style-type: none;
}
.footer .socialnetwors ul li {
    float: left;
    padding-left: 10px;
}

@media (max-width: 992px) {
    .footer .col-md-3,
    .footer {
        padding-left: 0;
        padding-right: 0;
    }
    .footer .home-foot h2 {
        margin-bottom: 0;
    }
    .footer .socialnetwors ul {
        float: none;
    }
    .footer .socialnetwors ul li {
        padding-left: 0;
        padding-right: 10px;
    }
    .footer {
        padding-top: 10px;
        padding-bottom: 50px;
    }
    .footer .address,
    .footer .contact,
    .footer .socialnetwors {
        margin-top: 30px;
    }
}

.search-divider{
    margin-bottom: 12px;
    margin-top: 5px;
}

.artwork-detail-image{
    display: block;
    text-align: center;
}
.artwork-detail-title{
    text-align: center;
}
/* Footer */