@media screen and (min-width: 700px) { .colme { column-count: 2; } }
@media screen and (min-width: 900px) { .colme { column-count: 3; } }
#footer a { color: white; }

.swing-lr { animation: swing-lr 3s; animation-iteration-count: infinite; }

@keyframes swing-lr {
    0%   { transform: rotate(-5deg); }
    50%  { transform: rotate(5deg); }
    100% { transform: rotate(-5deg); }
}

body.product-detail { background: linear-gradient(30deg, var(--c5), transparent); color: #333333; } 
#dacontainer.container { padding-top: 1em; }
.article-teaser { margin: 1em 1em 1em 1em; }
.catalogitems .catalogitem { margin: 10px auto; padding: 10px; background: var(--c5); color: white; border-radius: 0 30px 0 0; cursor: pointer; }
.catalogitem:hover { background: linear-gradient(90deg, var(--c5), #00000022); }
.catalogitems .product-img { width: 30vw; max-width: 200px; border-radius: 0 0 0 20px; border-right: 4px solid var(--c2); }
#mainproductimage { margin: auto; max-height: 50vh; object-fit: contain; object-position: center; }
.catalogitemprice, #buyNowLink { display: inline-block; background: white; color: var(--c2); padding: 4px; margin: 5px auto; border-radius: 30px; }
@media screen and (min-width: 800px) { .catalogitemprice, #buyNowLink { font-size: 1.2em; padding: 10px; margin: 10px auto; border-radius: 30px; } }
@media screen and (max-width: 768px) { .raiseme { margin-top: -100px; background: #ffffff66; } }

#buyNowLink:hover { background: linear-gradient(30deg, var(--c1), white); }
.product-title { display: block; margin: 1em auto; font-size: 1.3em; font-weight: 900; }
.product-description { font-size: 0.8em; }
.product-cta { font-size: 1.4em; font-weight: bold; color: var(--c5); text-tranform: uppercase; }

.product-prevnext { margin-bottom: 4em; font-size: 0.9em; }
.product-stage { max-width: 900px; margin: auto; }

@media screen and (min-width: 1000px) { .product-stage { padding: 100px; background: #ffffff66; } }
.slick-slide img { height: 30vh; object-fit: contain; }
.form-control { background: #ffffff44; }
#footer { margin-top: 100px; color: white; }
/*#inlinecart { display: inline-block; margin: -10px 10px; }*/
/*#inlinecart { animation: slidecart 2s; animation-iteration-count: infinite; }*/

@keyframes rotatecart {
    0%   { transform: rotate(-2deg); }
    50%  { transform: rotate(2deg); }
    100% { transform: rotate(-2deg); }
}
@keyframes slidecart {
    0%   { margin-left: 0px; }
    50%  { margin-left: 5px; }
    100% { margin-left: 0px; }
}

#inlinecarttxt, #footer .section-links a {  padding: 5px; border-radius: 3px; color: white; background: var(--c5); box-shadow: 0px 0px 4px white; }
#shoppingcart .cartitem { margin: 4px auto; background: #ffffff22; }

.panel-default>.panel-heading { background-image: none; background: #00000010; color: #c2c2c2; }

.slick-slide-img img { width: 100%; max-height: 80vh; object-fit: contain; }

.admin-menu { font-size: 11px; }
.admin-menu-link { display: inline-block; margin: 2px; padding: 1em 5px; background: #f0f0f0; color: black; border: 1px solid #d0d0d0; border-radius: 5px; width: 100px; }
.admin-menu-link .glyphicon { font-size: 16px; }
.admin-menu a { text-align: center; color: black; }
.admin-menu-link:hover { background: var(--c5); color: white; }

.admin-menu-section-title { margin: 1em 0 0 0; padding: 1em; text-transform: uppercase; }
.admin-menu-section { display: flex; justify-content: space-evenly; clear: both;}

.fc-toolbar * { font-size: 11px !important; }

#header-div { text-transform: uppercase; color: #9e9e9e; text-align: center; font-size: 10px; padding: 1em; }
a:hover { text-decoration: none; }
.ajaxlink:hover { color: red; }
label { font-size: 0.8em; }
.modal-header { background: var(--c5); color: white; }
.modal-content { background-color: var(--c1); }
.pointer, .modalclose { display: inline-block; border-radius: 3px; color: var(--c2); }
.navbardynamiclink, .nav a { background: #00000033; color: rgb(255, 255, 255); border: 1px solid var(--c5); border-radius: 3px; margin-left: 4px; padding: 2px 5px; }
.nav a:hover { animation: fade-link 1s 1; }
.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: 30px; 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; }

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

.fittile { width: 100%; height: 120px; object-fit: contain; }

/*select.form-control, input.form-control, textarea.form-control { background: transparent; color: var(--c2); }
.form-control {
    border: 2px solid var(--c5);
    color: var(--c5);
    border-radius: 30px;
    font-size: 14px;
    padding: 15px;
    width: 100%;
}
*/
.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; margin: 10px 0; padding: 0.5em 0.7em 0.3em 0.7em; color: #ffffff; background: var(--c5); border: 1px solid #ffffff33; }
.tab-pane { padding: 10px; }
.nav-tabs { border-bottom: none; }
.nav-tabs li a { font-size: 12px; background-color: #33333399; color: white; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color: #333333dd; color: white; border: 2px solid var(--c5); }

@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; }

.product-listing-img { max-width: 400px; }
.grid3img, .grid4img { display: block; width: 100%; max-width: 200px; margin: auto; border-radius: 15px; }
.grid3product-description { font-size: 0.8em; }

.article-images { margin: 10px auto; }
.article-title { text-align: center; }
.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 { color: white !important; }
.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: 10px; 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: white; }
    100% { background: var(--c1); }
}

.ontop { border: 1px solid black; position: relative; top: -10px; box-shadow: 0px -2px 4px #00000066; background: white; }
.admin-toolbar { background: #00000066; font-size: 12px; padding: 1em; }
.dtp-buttons { color: var(--c5); /* datepicker buttons */ }
.article-slider-root { margin: 4em auto; min-height: 1000px; }
#navitgation-div { text-align: center; }
#navigation-menu { text-align: center; 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; }
@keyframes fade-nav { from { background-color: black; } to { background-color: var(--c5); } }
@keyframes fade-link { from { background-color: #00000033; } to { background-color: var(--c5); } }