/* 2405 buitk /css/custom.css extention for purity iv template */ 

video {
    max-width: 100%;
    height: auto;
}

/* Events List - Grid and Tile Layout*/
div#events .item-container {width: 100%;}
.eventgallery-tiles .eventgallery-tiles-list .eventgallery-tile {width: 100%;}
#event .eventgallery-simplelist-tile {width: 100%;}
#event .eventgallery-tile {width: 100%;}
#event .eventgallery-square {width: 100%;}
@media (min-width: 750px) {
div#events .item-container {width: 50%;}
.eventgallery-tiles .eventgallery-tiles-list .eventgallery-tile {width: 50%;}
#event .eventgallery-simplelist-tile {width: 50%;}
#event .eventgallery-tile {width: 50%;}
#event .eventgallery-square {width: 50%;}
}
@media (min-width: 970px) {
div#events .item-container {width: 33.3333%;}
.eventgallery-tiles .eventgallery-tiles-list .eventgallery-tile {width: 33%;}
#event .eventgallery-simplelist-tile {width: 33.3333%;}
#event .eventgallery-tile {width: 33.3333%;}
#event .eventgallery-square {width: 33.3333%;}
}
@media (min-width: 1170px) {
div#events .item-container {width: 25%;}
#event .eventgallery-simplelist-tile {width: 25%;}
#event .eventgallery-tile {width: 25%;}
#event .eventgallery-square {width: 25%;}
}

/* buitk article and feature styling */

article p, div.row-feature p {
text-align: justify;
}
article img, div.row-feature img {
padding: 10px 10px;
}
article .slideshow img, div.row-feature .slideshow img {
padding: inherit;
}

.readmore a.btn {
border: 0;
font-size: inherit;
color: #444444 ;
}

.bottom-article-info div.col-md-3 
{
    width: 10%;
}

.t4-wrapper .btn, .t4-wrapper .blog-list .item-readmore a, .blog-list .item-readmore .t4-wrapper a {
  text-transform: none;
}

.row-feature {
    padding: 16px 0;
}

div.bk-nth-grey div div.item-article div.item-inner {
  padding-bottom: 0;
}
div.bk-nth-grey div div.item-article:nth-child(2n) {
  background: #f7f7f7;
  padding-top: 16px;
}
div.bk-nth-grey div div.item-article div.item-inner {
  border: none;
}

div.page-masthead .row-feature, div.page-masthead .row-feature .slideshow  {
    padding: 0px 0;
}
div.corporate div.page-masthead .carousel-caption {
    background: none;
}
div.t4-head , .t4-megamenu .navbar-nav {
    background: #cccc00;
}
.mod-finder .awesomplete > input {
    background: #cccc00;
    color: #ffffff;
    text-align: left;
    font-size: 1em;
}

/* T4 head bar logo fixes, megamenue and typografy */
.cart-view .inline #userIDcart_chosen .chosen-single::placeholder,
.t4-megamenu .mega-col-nav .mega-col-title span,
.t4-megamenu .navbar-nav > li.active > a, 
.t4-megamenu .navbar-nav > li.active > .nav-link,
.t4-megamenu .navbar-nav > li.show > a, 
.t4-megamenu .navbar-nav > li.show > .nav-link,
.t4-megamenu .navbar-nav > li > a:focus, 
.t4-megamenu .navbar-nav > li > .nav-link:focus, 
.t4-megamenu .navbar-nav > li > a, 
.t4-megamenu .navbar-nav > li > .nav-link,
.t4-megamenu .dropdown-menu li > a,
.t4-megamenu .dropdown-menu li > .nav-link,
.form-control::placeholder 
{
  color: #ffffff;
  text-align: left;
  text-transform: none;
  font-family: var(--heading-font-family);
}

.t4-megamenu .navbar-nav > li > .nav-link
{
  padding: 0 2px 0 0;
  font-style: var(--heading-font-style);
  font-size: var(--h4-font-size);
}

img.logo-img,
div.navbar-brand > a, 
.t4-megamenu .navbar-nav > li > a, 
.t4-megamenu .navbar-nav > li > .nav-link
{
  max-height: 48px;
}

.navbar-brand.logo-control img.logo-img,
div.navbar-brand > a {
  line-height: var(--h1-font-size);
  max-height: 48px;
}

div.t4-row > div.logo {
  padding-right: 0 !important; 
  padding-left: 16px  !important;
}

.t4-megamenu .dropdown-menu {
  padding: 0 2px 0 0;
  margin: 0;
  list-style: none;
  font-size: 1.2em;
  text-align: left;
  background-color: #444444;
}

.navbar-toggler {
  background-color: transparent;
  color: #ffffcc;
  float: right;
}

/* buitk content theme colors according to ci */
.bk-theme-gelbgruen, .bk-theme-gelbgruen:hover, .bk-theme-gelbgruen:focus          
 {text-decoration:none; color: #ffffff;  background-color:#e6e64c }
.bk-left-theme-gelbgruen {border-left: 6px solid #e6e64c; padding-left: 8px !important }
.bk-theme-hellblau, .bk-theme-hellblau:hover, .bk-theme-hellblau:focus        
 {text-decoration:none; color: #ffffff;  background-color:#8dbad1 }
.bk-left-theme-hellblau {border-left: 6px solid #8dbad1; padding-left: 8px !important }
.bk-theme-orange, .bk-theme-orange:hover, .bk-theme-orange:focus        
 {text-decoration:none; color: #ffffff;  background-color:#ff8000 }
.bk-left-theme-orange {border-left: 6px solid #ff8000; padding-left: 8px !important }
.bk-theme-knallgruen, .bk-theme-knallgruen:hover, .bk-theme-knallgruen:focus 
 {text-decoration:none; color: #ffffff;  background-color:#00ae00 }
.bk-left-theme-knallgruen {border-left: 6px solid #00ae00; padding-left: 8px !important }
.bk-theme-hellrot, .bk-theme-hellrot:hover, .bk-theme-hellrot:focus       
 {text-decoration:none; color: #ffffff;  background-color:#e02c15 }
.bk-left-theme-hellrot {border-left: 6px solid #e02c15; padding-left: 8px !important }
.bk-theme-dunkelrot, .bk-theme-dunkelrot:hover, .bk-theme-dunkelrot:focus       
 {text-decoration:none; color: #ffffff;  background-color:#a02c2c }
.bk-left-theme-dunkelrot {border-left: 6px solid #a02c2c; padding-left: 8px !important }
.bk-theme-hellgrau, .bk-theme-hellgrau:hover, .bk-theme-hellgrau:focus      
 {text-decoration:none; color: #ffffff;  background-color:#b3b3b3 }
.bk-left-theme-hellgrau {border-left: 6px solid #b3b3b3; padding-left: 8px !important }
.bk-theme-schwarzgrau, .bk-theme-schwarzgrau:hover, .bk-theme-schwarzgrau:focus     
 {text-decoration:none; color: #ffffff;  background-color:#444444 }
.bk-left-theme-schwarzgrau {border-left: 6px solid #444444; padding-left: 8px !important }
.bk-theme-gelbhinten, .bk-theme-gelbhinten:hover, .bk-theme-gelbhinten:focus   
 {text-decoration:none; color: #ffffff;  background-color:#ffffa0 }
.bk-left-theme-gelbhinten {border-left: 6px solid #ffffa0; padding-left: 8px !important }

/* W3CSS Framework helpful boxing styles not available in Bootstrap 5 */
.bk-top, .bk-bottom {
position: fixed;
width: 100%;
z-index: 1
}
.bk-top {
top: 0 !important
}
.bk-bottom {
bottom: 0 !important
}
.bk-left {
float: left !important
}
.bk-right {
float: right !important
}
.bk-border-0 {
border: none !important 
}
.bk-border {
border: 1px solid #ccc;
padding: 3px !important
}
.bk-border-top {
border-top: 1px solid #ccc
}
.bk-border-bottom {
border-bottom: 1px solid #ccc
}
.bk-border-left {
border-left: 1px solid #ccc
}
.bk-border-right {
border-right: 1px solid #ccc
}
.bk-margin {
margin: 16px !important
}
.bk-margin-minus-20 {
margin-top: -20px !important
}
.bk-margin-minus-15 {
margin-top: -15px !important
}
.bk-margin-minus-12 {
margin-top: -12px !important
}
.bk-margin-0 {
margin: 0 !important
}
.bk-margin-top {
margin-top: 16px
}
.bk-margin-bottom {
margin-bottom: 16px
}
.bk-margin-left {
margin-left: 16px
}
.bk-margin-right {
margin-right: 16px
}
.bk-padding, .bk-form {
padding: 10px 10px
}
.bk-padding-0 {
padding: 0
}
.bk-padding-4 {
padding: 4px 4px
}
.bk-padding-8 {
padding: 8px 8px
}
.bk-padding-12 {
padding: 12px 12px
}
.bk-padding-16 {
padding: 16px 16px
}
.bk-padding-top {
padding-top: 8px
}
.bk-padding-bottom {
padding-bottom: 8px
}
.bk-padding-left {
padding-left: 8px
}
.bk-padding-left-16 {
padding-left: 16px
}
.bk-padding-left-20 {
padding-left: 20px
}
.bk-padding-right {
padding-right: 8px
}


/* W3CSS Framework Color Styles not available in Bootstrap 5 */
.bk-blue, .bk-hover-blue:hover {
color: #fff;
background-color: #2196F3
}
.bk-green, .bk-hover-green:hover {
color: #fff;
background-color: #4CAF50
}
.bk-orange, .bk-hover-orange:hover {
color: #000;
background-color: #ff9800
}
.bk-red, .bk-hover-red:hover {
color: #fff;
background-color: #f44336
}
.bk-yellow, .bk-hover-yellow:hover {
color: #000;
background-color: #ffeb3b
}
.bk-white, .bk-hover-white:hover {
color: #000;
background-color: #fff
}
.bk-grey, .bk-hover-grey:hover {
color: #000;
background-color: #9e9e9e
}
.bk-light-grey, .bk-hover-light-grey:hover {
color: #000;
background-color: #eeeeee
}
.bk-pale-red, .bk-hover-pale-red:hover {
color: #000;
background-color: #ffdddd
}
.bk-pale-green, .bk-hover-pale-green:hover {
color: #000;
background-color: #ddffdd
}
.bkpale-yellow, .bk-hover-pale-yellow:hover {
color: #000;
background-color: #ffffcc
}
.bk-pale-blue, .bk-hover-pale-blue:hover {
color: #000;
background-color: #ddffff
}
.bk-text-blue, .bk-hover-text-blue:hover {
color: #2196F3
}
.bk-text-green, .bk-hover-text-green:hover {
color: #4CAF50
}
.bk-text-orange, .bk-hover-text-orange:hover {
color: #ff9800
}
.bk-text-red, .bk-hover-text-red:hover {
color: #f44336
}
.bk-text-white, .bk-hover-text-white:hover {
color: #fff
}
.bk-text-grey, .bk-hover-text-grey:hover {
color: #757575
}
.bk-topbar {
border: none;
border-top: 6px solid #ccc
}
.bk-bottombar {
border: none;
border-bottom: 6px solid #ccc
}
.bk-leftbar {
border: none;
border-left: 6px solid #ccc
}
.bk-rightbar {
border: none;
border-right: 6px solid #ccc
}
.bk-border-blue, .bk-hover-border-blue:hover {
border-color: #2196F3
}
.bk-border-green, .bk-hover-border-green:hover {
border-color: #4CAF50
}
.bk-border-orange, .bk-hover-border-orange:hover {
border-color: #ff9800
}
.bk-border-red, .bk-hover-border-red:hover {
border-color: #f44336
}
.bk-border-grey, .bk-hover-border-grey:hover {
border-color: #9e9e9e
}

/* Code Style */
.code {
font-family: Consolas, "courier new";
font-size: 0.9em;
padding: 8px 12px;
border-left: 4px solid #00685d;
word-wrap: break-word
}