/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily                                  
 ======================================================================== */
h1{
    margin-top:10px;
}
.tm-features-slideshow .uk-slideshow,
.tm-features-slideshow .uk-slideshow > li { 
	min-height: 400px;
}

.tm-navbar{
	background: rgba(131, 109, 91, 0.9);
}
.uk-navbar-attached {
    background: rgba(255, 191, 4, 0.9);
    border-bottom: 0px solid rgba(68, 68, 68, 0.08);
    color: #FFFFFF;
}
.uk-navbar-attached .uk-navbar-nav > li > a {
    color: #FFFFFF;
}
.uk-navbar-attached .uk-navbar-nav > li.uk-active > a {
    background-color: transparent;
    color: #FFFFFF;
}
.uk-navbar-attached .uk-navbar-nav > li:hover > a, 
.uk-navbar-attached .uk-navbar-nav > li > a:focus, 
.uk-navbar-attached .uk-navbar-nav > li.uk-open > a {
    background-color: transparent;
    color: #FFFFFF;
}
.tm-navbar:not(.uk-navbar-attached) .tm-nav-logo {
   position: relative; 
   left: 50%; 
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%); 
}
.tm-navbar .tm-navbar-wrapper .tm-nav {
    display: block;
}
.tm-navbar:not(.uk-navbar-attached) .tm-nav-logo {
	padding-top:10px;
    top: 0px;
}
.uk-navbar-nav > li.uk-active > a {
    color: #FFFFFF;
}
.uk-navbar-nav > li:hover > a, 
.uk-navbar-nav > li > a:focus, 
.uk-navbar-nav > li.uk-open > a {
    color: #FFFFFF;
}
.tm-navbar:not(.uk-navbar-attached) .tm-socialbar .tm-social-toggle:hover {
    color: #FEEA54;
}
.uk-icon-button:hover, .uk-icon-button:focus {
    background-color: #FEEA54;
    color: #333;
}
.tm-navbar:not(.uk-navbar-attached) .tm-socialbar #tm-social-icons .uk-icon-button:hover, 
.tm-navbar:not(.uk-navbar-attached) .tm-socialbar #tm-social-icons .uk-icon-button:focus {
    border-color: transparent;
    color: #616161;
}
.tm-navbar .tm-socialbar .tm-social-toggle {
    color: #ffffff;
}

.tm-block.tm-block-image {
    background: url("../images/hash.svg") 0 0 repeat, url("../images/footerBg.jpg") 50% 50% no-repeat;
    background-size: auto, cover;
}
.uk-dropdown-navbar {
    margin-top: 0px;
}
.tm-bottom-c .uk-flex-middle{
    -ms-flex-align: initial;
    -webkit-align-items: initial;
    align-items: initial;
}
.tm-bottom-c .uk-icon-button{
    border-color: #efbf02;
    color:#efbf02 !important;
}
.tm-bottom-c .uk-icon-button:hover, 
.tm-bottom-c .uk-icon-button:focus{
    background-color: transparent;
    border-color: #FFFFFF;
    color:#FFFFFF !important;
}
.tm-footer{
    font-weight: 300;
    font-size: 14px;
}
.wk-switcher-venice > .wk-switcher-venice-nav > li .uk-overlay:hover .uk-overlay-area,
.wk-switcher-venice > .wk-switcher-venice-nav > li.uk-active .uk-overlay-area {
    opacity: 0.9;
    background: rgba(13, 164, 219, 1);
}
.tm-bottom-c ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}
.tm-bottom-c ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}
.tm-bottom-c ::-ms-placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}
.tm-bottom-c ::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}
.uk-navbar-nav > li > a {
    height: 60px;
    line-height: 60px;
}
.tm-navbar.uk-navbar-attached .tm-logo img {
    width: 120px;
}
.uk-navbar-attached .uk-navbar-toggle {
    color: #FFFFFF;
}
.uk-navbar-nav > li > a {
  font-weight: bold;
}
.underNav{
    /*background: rgba(123, 123, 123, 0.6);*/
    background: rgba(228, 170, 1, 0.5);
}
.underNav form{
    float: right;
    margin:0;
    padding:8px 0px 8px 15px;
}
.underNav form input{
    border-color: #FFFFFF;
    color: #FFFFFF;
    margin:0;
}
.underNav form input:focus{
    border-color: #FFFFFF;
}
.underNav .uk-breadcrumb{
    margin:0;
    padding:12px 0px;
    float: left;
}
.uk-breadcrumb a{
    color: #FFFFFF;
}
.uk-breadcrumb > li:nth-child(n+2):before {
    color: rgba(255, 255, 255, 0.56);
}

/* Virtuemart */
.additional-images img {
    width: auto;
    height: 130px;
    border:1px solid #EDEDED;
    margin-bottom:8px;
}
.vm-product-container .vm-product-media-container {
    float: none;
    width: auto;
}
.vm-product-details-container,
.back-to-category,
.vm-details-button {
    display: none;
}
.main-image img {
    max-height: none;
}
.browseProductImage {
    max-height: 150px;
}
.productColumn1{
    float: left;
    width: 65%;
}
.productColumn2{
    margin-top:30px;
    float: left;
    width:25%;
    margin-left:10%;
    background: rgba(13, 164, 219, 0.9);
    color:#FFFFFF;
}
.productColumn2 a{
    color:#FFFFFF;
    text-decoration: none;
}
.productColumn2 a:hover{
    text-decoration: underline;
}
.productColumn2 .inner{
    padding: 5px 20px 10px;
}
.manufacturer{
    margin-bottom:15px;
}
/*
.category-view .row .category .image{
    width: 50%;
    float: left;
    min-height: 500px;
    position: relative;
}
.category-view .row .category .image.imageRight{
    float:right;
}
.category-view .row .category .info{
    width: 50%;
    float: left;
    background:#F0F0F0;
    min-height: 500px;
    text-align: left;
}
.category-view .row .category .info > div{
    padding: 60px;
}
*/
.categoriesGrid .category > div{
    border:1px solid #FFFFFF;
    height: 100%;
}
.categoriesGrid .category .image{
    /*min-height: 200px;*/
    position: relative;
}
.categoriesGrid .category .image:before{
    content: "";
    display: block;
    padding-top: 55%;
}
.categoriesGrid .category .image.imageRight{
}
.categoriesGrid .category .info{
    background:#F0F0F0;
    text-align: left;
}
.categoriesGrid .category .info > div{
    padding: 20px;
}
.categoriesGrid .category .info .productName{
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
.categoriesGrid .category .image a {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    background-position: center;
    background-size: cover;
}
.categoriesGrid .category .spacer h2 a {
    font-size: inherit;
    text-align: left;
}
.orderby-displaynumber {
    border-bottom: 0;
    border-top: 0;
    margin: 0px 0 10px;
    padding: 10px;
    background: #F0F0F0;
}
.colouredHeader{
    background: #FEC41C;
    margin-bottom:0;
    color: #FFFFFF;
    padding: 5px 0;
    border:1px solid #FFFFFF;
    border-bottom:0;
}
.display-number{
    font-size: 12px;
}
.display-number select{
    background: #FFFFFF;
    border: 1px solid #CAC9C9;
    font-size: 12px;
    height: 29px;
    width: 80px;
}
.virtuemart_search .inputbox {
    vertical-align: baseline;
}
/*
.category-view .row .product{
    border:0;
    border-bottom:2px solid #FFFFFF;
    float: none;
    min-width:initial;
    background:#F0F0F0;
}
.category-view .row .product:first-child > div{
    border-right:2px solid #FFFFFF;
}
.category-view .row .product .image{
    width: 50%;
    float: right;
    min-height: 300px;
    position: relative;
}
.category-view .row .product .info{
    width: 50%;
    float: left;
    background:#F0F0F0;
    min-height: 300px;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
}
.category-view .row .product .info .productDescription{
    font-style: italic;
}
.category-view .row .product .info > div{
    padding: 30px;
}
.category-view .row .product .image a {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    background-position: center;
    background-size: cover;
}
*/
.productsGrid{
    /*border-top:2px solid #FFFFFF;
    border-left:2px solid #FFFFFF;*/
}
.productsGrid .product{
    border:0;
    float: none;
    min-width:initial;
    background:#F0F0F0;
}
.productsGrid .product > div{
    /*border-bottom:2px solid #FFFFFF;
    border-right:2px solid #FFFFFF;*/
    border:1px solid #FFFFFF;
    height: 100%;
}
.productsGrid .product .image{
    position: relative;
}
.productsGrid .product .image:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.productsGrid .product .info{
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    min-height: 100px;
}
.productsGrid .product .info .productDescription{
    font-style: italic;
}
.productsGrid .product .info > div{
    padding: 20px;
}
.productsGrid .product .image a {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    background-position: center;
    background-size: cover;
}
.vm-categories-bottom{
    padding-top:10px;
}
.searchResultTitle{
    margin-top:0px;
}
.vm-col-2 {
    width: 50%;
}
.vm-col-4 {
    width: 25%;
}
.vm-col {
    margin: 0;
}
.vm-pagination-top{
    display: none;
}
.vm-pagination{
    float: none;
    padding-top:20px;
}
.vm-pagination ul{
    margin:0;
    padding:0;
}
.vm-page-counter {
    float: none;
    padding-top:10px;
    display: block;
}
.footerSocial{
    float: none;
}
.fancybox-title-inside{
    display:none !important;
}
.productdetails-view h1{
    margin-top:5px;
}
.manufacturerInfo{
    
}
.browse-view .manufacturer-image{
    float: right;
    margin-left:20px;
    margin-bottom:5px;
}
.browse-view .manufacturer-image img{
    max-width: 150px;
}
.browse-view .manufacturer-url{
    margin-bottom:10px;
}
.manufacturerDetails{
    margin-bottom:15px;
}
.product-fields-title-wrapper {
    text-transform: uppercase;
    width:100%;
    display: block;
}
.product-fields .product-fields-title-wrapper{
    border-top:1px solid #FFFFFF;
}
.product-fields .product-field, .product-related-categories .product-field {
    margin-bottom: 0px;
}
.productColumn2 a{
    background: transparent url(../images/linkIcon.png) center right no-repeat;
    padding-right: 20px;
}
a[href$='.pdf'],
a[href$='.png']{
    background: transparent url(../images/downloadIcon.png) center right no-repeat;
    padding-right: 20px;
}
.uk-button {
    font-family: 'Amatic SC';
    font-size: 16px;
    background: #f3a208;
    color:#FFFFFF;
}
.uk-button:hover {
    background: #14ade6;
}
.tm-footer .uk-button,
.tm-bottom-c .uk-button {
    font-family: 'Amatic SC';
    font-size: 16px;
    background: transparent;
    color:#FFFFFF;
}
.tm-footer .uk-button:hover,
.tm-footer .uk-button:focus,
.tm-bottom-c .uk-button:hover,
.tm-bottom-c .uk-button:focus {
    border-color: #efbf02 !important;
    color: #efbf02 !important;
}

.uk-article-title {
    font-size: 30px;
}
h4, .uk-h4 {
  font-size: 22px;
  line-height: 24px;
}
.uk-offcanvas-bar {
  background: #FEC41B; /*E4B018*/
  border-right:1px solid rgb(221, 221, 221);
}
.uk-nav-offcanvas > li > a {
  color: rgba(255, 255, 255, 1);
  padding: 10px 30px;
  font-size: 16px;
  border-bottom: 1px solid #EDB511;
}
.uk-nav-offcanvas ul a {
  color: rgba(255, 255, 255, 0.8);
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
  background: rgba(242, 186, 21, 1);
  color: rgba(255, 255, 255, 1);
}
.uk-nav-navbar > li > a {
    color: rgba(255, 255, 255, 1);
}
.tm-block-image .uk-panel:not(.tm-panel-box-default):not(.uk-panel-box-primary) .uk-form input:focus, .tm-block-image .tm-footer .uk-form input:focus {
  border-color: #efbf02;
}
.uk-panel.noTopMargin{
    margin-top:0 !important;
}

.uk-panel.mailchimpSignupStyle1{
    background: rgba(13, 164, 219, 0.9);
    color: #FFFFFF;
}
.uk-panel.mailchimpSignupStyle1 .mailchimp_signup_form .sep{
    display: none;
}
.uk-panel.mailchimpSignupStyle1 .mailchimp_signup_form .response{
    background: #f3a208;
    color:#FFFFFF;
    text-align: center;
}
.uk-panel.mailchimpSignupStyle1 .mailchimp_signup_form .response.error{
    background: #FF1C1C;
    color:#FFFFFF;
}
.uk-panel.mailchimpSignupStyle1 input[type="text"]{
    width: 100% !important;
    margin-bottom:10px;
    border-color: #FFFFFF;
    color:#FFFFFF;
}
.uk-panel.mailchimpSignupStyle1 button{
    border-color: #FFFFFF;
    background: transparent;
}
.uk-panel.mailchimpSignupStyle1 button:hover{
    border-color: #f3a208;
    background: #f3a208;
}
.uk-panel.mailchimpSignupStyle1 .uk-panel-title{
    color:#FFFFFF;
}
.uk-panel.mailchimpSignupStyle1 ::-webkit-input-placeholder{
    color: rgba(255, 255, 255, 0.6) !important;
}
.uk-panel.mailchimpSignupStyle1 ::-moz-placeholder{
    color: rgba(255, 255, 255, 0.6) !important;
}
.uk-panel.mailchimpSignupStyle1 ::-ms-placeholder{
    color: rgba(255, 255, 255, 0.6) !important;
}
.uk-panel.mailchimpSignupStyle1 ::placeholder{
    color: rgba(255, 255, 255, 0.6) !important;
}
.wk-switcher-venice.widgetStyle1 .uk-overlay-area h3{
    font-size: 14px;
    line-height: 16px;
}
div.ask-a-question{
    padding-top:0px;
    margin-top:0;
    text-align: center;
}
a.ask-a-question-link{
    background: #f3a208;
    padding: 15px 0px;
    margin:0;
    width: 100%;
    text-align: center;
    font-size: 20px;
    border-radius: 0;
    border-top:2px solid #FFFFFF;
    display: block;
    font-family: 'Amatic SC';
}
a.ask-a-question-link:hover{
    background: transparent;
    text-decoration: none;
}
.ask-a-question-view .form-field input[type="text"]{
    width:100%;
    padding:16px 10px;
    box-sizing: border-box;
}
.ask-a-question-view .form-field textarea.field{
    width:100%;
    text-align:left;
    padding:12px;
    height: auto;
    box-sizing: border-box;
}
.category-display-image,
.product-display-image{
    margin-bottom:20px;
    /*min-height: 500px;*/
    position: relative;
}
.category-display-image:before,
.product-display-image:before{
    content: "";
    display: block;
    padding-top: 43%;
}
.category-display-image div,
.product-display-image div{
    display: block;
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background-position: center center;
    background-size: cover;
}




.inputContainer{
    margin-bottom:10px;
}
.newsletterPopup .mailchimp_signup_form{
    text-align: center;
}
.newsletterPopup .mailchimp_signup_form input[type="text"]{
    border-color: #FFFFFF;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.25);
    margin-bottom:8px;
}
.newsletterPopup .mailchimp_signup_form .sep{
    display: none;
}
.newsletterPopup .mailchimp_signup_form button{
    border-color: #FFFFFF;
}
.newsletterPopup .mailchimp_signup_form .response{
    color: #FFFFFF !important;
    background: #f3a208;
    width:200px;
    margin:0 auto 5px;
}
.newsletterPopup .mailchimp_signup_form .response.error{
    color: #FFFFFF !important;
    background: #FF1C1C;
}
.newsletterPopup .mailchimp_signup_form ::-webkit-input-placeholder{
    color: #cccccc !important;
}
.newsletterPopup .mailchimp_signup_form ::-moz-placeholder{
    color: #cccccc !important;
}
.newsletterPopup .mailchimp_signup_form ::-ms-placeholder{
    color: #cccccc !important;
}
.newsletterPopup .mailchimp_signup_form ::placeholder{
    color: #cccccc !important;
}
.mailchimp_signup_form .sep{
    margin-bottom:10px;
}
.newsletterPopup .rstbox-close{
    background:#f3a208 !important;
    border:2px solid #FFFFFF;
}

.newsletterSignupFooter .mailchimp_signup_form input[type="text"]{
    margin:0 5px;
}
.mailchimp_signup_form input[type="text"]{
    width:200px !important;
}
.uk-panel.boxPurple{
    /*background: #E8464A;*/
    background: #636466;
}
.uk-panel.boxPurple .uk-panel-title{
    color:#FFFFFF;
}
.uk-panel.boxPurple a{
    color:#FFFFFF;
}
.uk-panel.boxPurple .uk-list-line li{
	border-color: #FFFFFF;
    border-width: 1px;
}
.imageDotOverlay{
    background: url("../images/hash.svg") 0 0 repeat;
    width:100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
}
.testimonialsSlideshow .uk-caption,
.testimonialsSlideshow{
    color: rgb(79, 79, 79);
    text-align: left;
    padding: 0;
    font-style: italic;
    font-size: 22px;
}
.testimonialsSlideshow .author{
    font-weight: bold;
}
.testimonialsSlideshow .media{
    text-align: center;
}
.tm-block-bottom-a-full{
    background: rgba(255, 191, 4, 0.9);
    color: #FFFFFF;
}

.uk-grid-collapse {
    margin-left: 0 !important;
}
.uk-grid-collapse>* {
    padding-left: 0 !important;
}

.ask-question-view input[type="text"]{
    width: 100%;
}
.ask-question-view textarea{
    width: 100%;
    height: 160px;
}

.uk-panel.productNotice{
    background: rgba(255, 191, 4, 1);
    color:#FFFFFF;
}
.wk-switcher-venice-nav li{
    margin-bottom:10px;
}

.uk-grid-width-1-7 > * {
    width: 14.25%;
}
.uk-grid-width-1-8 > * {
    width: 12.5%;
}
.uk-grid-width-1-9 > * {
    width: 11.1%;
}

.fileAttachments{
    border-top: 1px solid #FFFFFF;
}
.fileAttachments .attachmentsTitle{
    font-weight: bold;
    margin: 0.5em 0;
    text-transform: uppercase;
}
.fileAttachments ul{
    padding: 0;
    margin: 0;
}
.fileAttachments ul li{
    list-style: none;
}
.fileAttachments a.typeFile{
    background: transparent url(../images/downloadIcon.png) center right no-repeat;
    padding-right: 20px;
}
.fileAttachments a.typeLink1{
    background: transparent url(../images/downloadIcon.png) center right no-repeat;
    padding-right: 20px;
}
.fileAttachments .sectionTitle{
    border-bottom: 1px solid #86CAE4;
    text-transform: uppercase;
    margin-top:5px;
    cursor: pointer;
}
.fileAttachments .sectionTitle .toggle{
    width:15px;
    height: 15px;
    float: right;
    cursor: pointer;
    background: url(../images/attachToggleDown.png) no-repeat 50% 50%;
    margin-top:5px;
}
.fileAttachments .sectionTitle.open .toggle{
    background: url(../images/attachToggleUp.png) no-repeat 50% 50%;
}
.fileAttachments [data-section-content]{
    display: none;
}
.fileAttachments [data-section-content].open{
    display: block;
}

.fileAttachments [data-section-content]{
    padding-left:8px;
}

textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
    border: 2px solid #B0B0B0;
}
.tm-toolbar {
    height: 34px;
    padding: 5px 0;
    background: #454547;
    color: #FFFFFF;
    font-size: 12px;
}
.tm-toolbar a{
    color:#FFFFFF;
}
.uk-panel-title {
    margin-bottom: 25px;
    font-size: 26px;
}
.largePanelTitle .uk-panel-title {
    font-size: 39px;
    line-height: 45px;
}
@media (max-width: 700px){
    .rstboxes,
    .rstbox,
    .rstbox_overlay{
        display:none;
    }
}

@media (max-width: 498px){
    .newsletterPopup{
        height: 600px !important;
    }
    .newsletterPopup input[type="text"]{
        width: 80% !important;
        display:block;
        margin:0 auto !important;
        margin-bottom:10px !important;
    }
    .orderlistcontainer,
    .display-number{
        float:none;
        text-align: left !important;
        display: block;
        margin: 0 0 0 0.5em;
    }
    .vm-order-list{
        float: none;
    }
    .display-number select {
        width: 100%;
    }
}
@media (max-width: 767px){
    .tm-block-top-b{
        padding-top:10px;
    }
    .tm-content-padding .tm-block-middle{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .newsletterSignupFooter{
        text-align: center;
    }
    .newsletterSignupFooter input[type="text"]{
        width: 80% !important;
        display:block;
        margin:0 auto !important;
        margin-bottom:10px !important;
    }
    .browse-view .manufacturer-image{
        float: none;
        text-align: center;
        margin-bottom:10px;
        margin-left:0px;
    }
    .browse-view .manufacturer-image img{
        margin-left:0px;
    }
    .productdetails-view .manufacturer {
        text-align: left;
    }
    .underNav form{
        display: block;
        float: none;
        text-align: center;
        padding-left:0;
        padding-right: 0;
    }
    .footerSocial{
        float: none;
    }
    .product.vm-col-2{
        width: 100%;
    }
    .category-view .row .product:first-child > div{
        border-right:0;
    }

    .category-view .row .category .image {
        width: auto;
        float: none !important;
        min-height: inherit;
    }
    .category-view .row .category .info {
        width: auto;
        float: none;
        min-height: inherit;
    }
    .category-view .row .category .info > div{
        padding: 20px;
    }

    .category-view .row .product .image {
        width: auto;
        float: none !important;
        min-height: inherit;
    }
    .category-view .row .product .info {
        width: auto;
        float: none;
        min-height: inherit;
    }
     .category-view .row .product .info > div{
        padding: 20px;
    }
}
@media (min-width: 768px){
    .tm-content-padding .tm-block-middle {
        padding-top: 0px;
    }
}
@media (min-width: 960px){
	.tm-navbar:not(.uk-navbar-attached){
	    background: rgba(255, 191, 4, 0.9);
	    top: 35px;
	}
	.tm-navbar:not(.uk-navbar-attached) .uk-navbar-nav > li > a {
	    height: 60px;
	    line-height: 60px;
	}
}
@media (max-width: 959px){
    .productColumn1{
        float: none;
        width: 100%;
    }
    .productColumn2{
        float: none;
        width:100%;
        margin-left:0;
    }
    .uk-sticky-placeholder{
        height: auto !important;
    }
}
.uk-panel.boxGrey{
    background: #636466;
}
.uk-panel.boxGrey a{
    color:#FFFFFF;
}
.uk-panel.boxGrey .uk-panel-title{
    color:#FFFFFF;
}
.uk-panel.boxGrey .uk-list-line li{
    border-color: #FFFFFF;
    border-width: 1px;
}

@media (min-width: 1220px){
    .tm-block.tm-block-top-a:first-child  {
        padding-top: 15px;
    }
    .tm-block.tm-block-top-a  {
        padding-bottom: 15px;
    }
}