.well, .panel { background-color: white; border: 1px solid #dedede; }
.slick-slide-img img { width: 100%; max-height: 300px; object-fit: contain; }
.slash-me-picture { border: 3px solid var(--c5); box-shadow: 2px 2px 4px #33333399; }

.admin-menu { font-size: 11px; }
.admin-menu-section { margin: 7px auto; padding: 7px; background: white; }
.admin-menu-link { display: inline-block; margin: 2px; padding: 5px; }

#header-div { text-transform: uppercase; color: #9e9e9e; text-align: center; font-size: 10px; padding: 1em; }
#navigation-div { text-align: center; }
a:hover { text-decoration: none; }
.ajaxlink:hover { color: red; }
label { font-size: 0.8em; }

.modal-content { background-color: white; }
.navbardynamiclink , .pointer, .modalclose { display: inline-block; border-radius: 3px; color: var(--c2); }
.navbardynamiclink, .nav a { border: 1px solid var(--c5); border-radius: 2px; margin: 2px; padding: 5px; }
.navbar-collapse { padding-left: 0px; }
.important { background-color: black; color: white; }
.cursor-pointer { cursor: pointer; }
.prevnext-links { margin: 20px auto; }  
.ajaxprevnext { padding: 5px; font-size: 0.8em; }
.bigspace { padding: 4em 0px; }
.whitebg { background: white; }
.big-button, .pointer, .ajaxprevnext { cursor: pointer; }
.pointer { padding: 4px 8px; }
.pointer:hover { color: var(--c4); }
.big-button:hover, .ajaxprevnext:hover { color: white; background: black; }
.big-button { display: block; border: 1px solid #cccccc; color: black; background: white; border-radius: 2px; font-size: 1.2em; padding: 1em; }
.notification-item { border: 1px solid #4d4b4b; padding: 4px; margin: 3px; display: inline-block; }
#footer { background: var(--c5); }
.website-footer { padding: 30px 0 10px 0; font-size: 0.8em; }
.gradient1 { background: radial-gradient(#444444, #555555); }
.roundimg { border: 3px solid #cccccc; box-shadow: 0px 0px 22px #999999; }

.homepageelement .intro { margin: 2em auto 1em auto; }
#inlinecarttxt { font-weight: bold; color: black; padding: 10px; }
/*#dacontainer { background: white; }*/
#dacontainer.container { margin-top: 20px; }

.homepage-website-description { margin: 2em auto; }

.homepage-tile-img { width: 100%; height: 220px; object-fit: contain; }

.homepage-tiles-title-only a { display: block; margin: 5px 0px; padding: 1em; text-align: center; background: white; border-radius: 1em; }
.homepage-tiles-title-only a:hover { background: var(--c5); color: #131313; }
.homepage-tiles-intro { padding: 1em; }


.btn { font-size: 11px; margin: 1px; background-color: #cccccc; color: black; }
.paginator-link { color: white; display: inline-block; pading: 5px; margin: 4px 7px; }
.sticky-note { font-weight: 700; color: black; background: linear-gradient(#EAED7FFF, #EAED7F33); }
.verticalSectionLinkToArticle { text-transform: uppercase; }
.verticalsectionIntro { margin-top: 2em; }
.verticalsectionTxt { padding-top: 2em; }
.verticalsectionTitle { font-weight: 700; }
.verticalSectionLinkToArticle { font-size: 1.4em; }

.navigation-section { margin: 1em auto; color: #777777; }
.listing-section-title { margin: 2em auto 0.5em auto; font-weight: bold; }
.navigation-page, .tabs-navigation-page { display: inline-block; border-radius: 4px; margin: 3px 3px 3px 0px; padding: 0.5em 1em; color: var(--c2); background: var(--c5); border: 1px solid #33333399; }
.tab-pane { padding: 10px; background-color: var(--c5); }
.nav-tabs { border-bottom: none; margin-top: -3px;}
.nav-tabs li a { font-size: 12px; background-color: transparent; color: var(--c2); }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color: var(--c5); color: var(--c2); }
.tab-content { background-color: var(--c5); min-height: 70vh; }
@media screen and (max-width: 768px) {
    /*.navigation-page, .tabs-navigation-page { display: block; margin: 3px auto; }*/
    .nav-tabs li a { padding: 3px; }
}


.listing-section-description { margin: 1em auto; }

.article-image img { width: 100%; max-height: 75vh; object-fit: contain; }

.product-listing-img { max-width: 400px; }

.article-title {  }
.article-teaser { margin: 2em auto; }
.article-images { margin: 10px auto; }
.article-body { margin: 1em auto; }
.active-notification { animation: flashred 1s infinite; }
@keyframes flashred { from { color: var(--c2); } to { color: red; } }

.carousel-control { color: var(--c5); }

#mainNavigation .pointer { padding: 1em; background-color: #ffffff7, 87, 87); color: black; }
.text-muted { font-size: 0.8em; font-weight: 200; }
.upload-title { font-weight: bold; margin: 1em auto; }
#ui-datepicker-div { background: white; color: black; }

.fullwidth-homepage-image-with-text { position: relative; text-align: center; width: 100%; height: 80vh; background-size: cover; background-position: left; background-repeat: no-repeat; background-color: white; }
.fullwidth-homepage-image-some-text { font-size: 2em; color: white; }
.fullwidth-homepage-slideshow-txt { transform: translate(-50%, 0%); position: absolute; display: block; top: 10%; left: 50%; margin: 0; text-align: center; }

.dropdown-menu { background-color: var(--c5); }
.dropdown-menu li a { padding: 0.7em; }

.size-txt { text-transform: uppercase; display: block; line-height: 1.1em; }

.diaporama-btn { display: inline-block; padding: 1em; border-radius: 8px; border: 1px solid var(--c5); color: var(--c5); background: var(--c1); margin: 1em auto; }

p { margin: 0 auto 1em auto; }

.notmuchtosee { animation: notmuch 8s; animation-iteration-count: infinite; }
@keyframes notmuch {
    0%   { background: var(--c1); }
    50%  { background: #ffffff; }
    100% { background: var(--c1); }
}

.ontop { border: 1px solid black; position: relative; top: -10px; box-shadow: 0px -2px 4px #00000066; background: white; }
.admin-toolbar { font-size: 12px; padding: 1em; }
.dtp-buttons { color: var(--c5); /* datepicker buttons */ }
.article-slider-root { margin: 4em auto; min-height: 1000px; }

#navigation-menu { animation: fade-nav 1s 1; }
.navigation-page:hover, .tabs-navigation-page:hover, .homepage-tiles-title-only a:hover { animation: fade-link 1s 1; }
.slick-slide-link a { display: inline-block; background: white; padding: 1em; font-weight: bold; margin-top: 1em; }
.sclick-slide-link a:hover { animation: fade-link 1s 1; }
.slick-dots li button { border: 1px solid black; }
@keyframes fade-nav { from { background-color: black; } to { background-color: var(--c5); } }