/* font overrule; don't use globally since it will override icons as well */
body,
h1,
h2,
h3,
h4,
h5,
.ui.button,
.ui.text.container,
.ui.header,
.ui.input input,
.ui.list .list > .item .header,
.ui.list > .item .header,
.ui.steps .step .title,
.ui.menu,
.ui.message .header,
.ui.cards > .card > .content > .header,
.ui.card > .content > .header,
.ui.items > .item > .content > .header,
.ui.statistics .statistic > .label,
.ui.statistic > .label,
.ui.accordion .title:not(.ui),
.ui.modal > .header,
.ui.popup > .header,
.ui.search > .results .result .title,
.ui.search > .results > .message .header,
.ui.category.search > .results .category > .name,
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
}

/* PK USE BACKGROUND IMAGE WITH SIDEBAR LAYOUT */
.pushable > .pusher {
    background: #FFF url('../img/pattern-light.png') no-repeat center center fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.main-content {
    font-weight: 300 !important;
    font-size: 17px;
}
.main-content p {
    line-height: 2em;
}

.main-content li {
    line-height: 2em;
    margin-bottom: 1em;
}

#kad-sidebar {
    background-color: #FDF1E8;
}

.sub-content {
    font-weight: 300 !important;
    font-size: 15px;
    /*background: rgba(237,117,31,0.1);*/
    /*border-left: 4px solid #ED751F;*/
    /*padding-top: 20px;*/
}
.sub-content p {
    line-height: 1.6em;
}

/* RESET LIST BEHAVIOUR IN WIDGET AREA */
.widget-area ul {
    list-style-type: none !important;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0 !important;
}

/* KAD CUSTOM COLORS CIRCULAR LABELS */
.ui.kad-light-grey.labels .label,
.ui.kad-light-grey.label {
  background-color: #E6E7E9 !important;
  border-color: #E6E7E9 !important;
  color: #FFFFFF !important;
}
.ui.kad-dark-grey.labels .label,
.ui.kad-dark-grey.label {
  background-color: #8C8D8F !important;
  border-color: #8C8D8F !important;
  color: #FFFFFF !important;
}

/* Card header */

.ui.cards > .card > .content > a.header,
.ui.card > .content > a.header {
  color: rgba(0, 0, 0, 0.85);
}

.ui.cards > .card > .content > a.header:hover,
.ui.card > .content > a.header:hover {
  color: #ED751F;
}

.ui.cards > .card > .extra a:not(.ui):hover,
.ui.card > .extra a:not(.ui):hover {
  color: #ED751F;
}

/*
GENERAL OVERWRITES
*/

/* overrules standard width of .ui.text.container; default width is 700px */
.ui.text.container {
  max-width: 920px !important;
}

/* makes WP thumbnail images responsive */
img.wp-post-image {
  width: 100%;
  height: auto;
}

/* custom colors */
a {
  color: #ED751F;
  text-decoration: none;
}

a:hover {
  color: #BE5E19;
  text-decoration: none;
}

.ui.input.focus input,
.ui.input input:focus {
    border-color: #F4AC79;
}

::-webkit-selection {
  background-color: #FDF1E8;
  color: rgba(0, 0, 0, 0.87);
}

::-moz-selection {
  background-color: #FDF1E8;
  color: rgba(0, 0, 0, 0.87);
}

::selection {
  background-color: #FDF1E8;
  color: rgba(0, 0, 0, 0.87);
}

.ui.inverted.segment,
.ui.primary.inverted.segment {
    /*background: #1b1c1d;*/
    /*background: rgba(224,225,226, 0.2);*/
    /*background: #F9F9F9;*/
    background: #F7F7F7;
    color: rgba(0, 0, 0, 0.9);
}

.current-exhibition {
    /*background: rgba(0,0,0,0.04);*/
    /*border-left: 4px solid #ED751F;*/
}

.future-exhibition {
    /*background: rgba(0,0,0,0.02);*/
}


/*
RESPONSIVE MENU
*/
.main.menu .toc.item {
    display: none;
}
@media only screen and (max-width: 700px) {
    .main.menu .item {
        display: none !important;
    }
    .main.menu .toc.item,
    .main.menu .search.item {
        display: block !important;
    }
}


/*
RESPONSIVE HELPER CLASSES
*/
/* Mobile */
@media only screen and (max-width: 767px) {
    .mobile-hide{
        display: none !important;
    }
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tablet-hide{
        display: none !important;
    }
}
/* Small Monitor */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .laptop-hide{
        display: none !important;
    }
}
/* Large Monitor */
@media only screen and (min-width: 1200px) {
    .desktop-hide{
        display: none !important;
    }
}


/*
 NON-ROUNDED OBJECTS ...
*/
/* cards ... */
.ui.cards > .card,
.ui.card {
  border-radius: 0;
}
.ui.cards > .card > :first-child,
.ui.card > :first-child {
  border-radius: 0 !important;
}
.ui.cards > .card > :last-child,
.ui.card > :last-child {
  border-radius: 0 !important;
}
.ui.cards > .card > :only-child,
.ui.card > :only-child {
  border-radius: 0 !important;
}
/* ... and forms */
.ui.input input {
    border-radius: 0 !important;
}
.ui.form input {
    border-radius: 0 !important;
}
/* ... and selection lists */
.ui.selection.list .list > .item,
.ui.selection.list > .item {
    border-radius: 0 !important;
}
/* and pagination */
.ui.secondary.menu .item {
    border-radius: 0rem !important;
}
.ui.secondary.menu .active.item {
    border-radius: 0rem !important;
}
/* and buttons */
.ui.button {
    border-radius: 0rem !important;
}
/* and segments */
.ui.segment {
    border-radius: 0rem !important;
}



/* SLIDES - ADD CAPTIONS TO SLIDES */
/* hide container until fully loaded, to prevent the vertical stack effect */
.kadmium-slides {
    visibility: hidden;
}
.kadmium-slides.slick-initialized {
    visibility: visible;
}

.slick-prev:before,
.slick-next:before {
    opacity: .75; /* overruled opacity van de arrows */
    color: rgb(204, 204, 204) !important; /* overruled kleur van de arrows */
}
.slick-dots li button:before {
    font-size: 10px !important; /* overruled grootte van de dots */
}
.kadmium-slide {
    position: relative;
    height: 405px;
    margin-left: 5px;
    margin-right: 5px;
}
.kadmium-slide-small {
    position: relative;
    height: 331px;
    margin-left: 5px;
    margin-right: 5px;
}
.kadmium-slides > .slick-list, .kadmium-slides > .slick-list > .slick-track {
    height: 100%;
}
@media only screen and (max-width: 767px) {
    .kadmium-slide {
        position: relative;
        max-height: 240px;
    }
    .kadmium-slide-small {
        position: relative;
        max-height: 178px;
    }
}
.kadmium-slide-caption {
    bottom: 0;
    min-height: 80px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    padding: 4% 5%;
    color: #ffffff;
    background-color: rgba(0,0,0,0.25);
}