/*
 * Colour 1:
 * background = #2adc1e;
 * muted = #94ed8e;
 * text = #111111;
 */

/*
 * Colour 2:
 * background = #16a00d;
 * muted = #8acf86;
 * text = #eeeeee;
 */

/*
 * Colour 3:
 * background = #ffffff;
 * muted = #ffffff;
 * text = #111111;
 */

/* ========= COMMON STYLES ========= */
 
body.blind_site{
    background-color: #ffffff;
}

.blind_site {
    font-family:'Nobile',sans-serif}

.panel-default, .panel-widget, .panel-inner {
    /* border-radius: 0; */
    color: #333;
    background-color: #FFF;
    /* border-color: #16a00d; */
}

.widget-bordered {
    border: 1px solid #16a00d;
}

.panel-default .panel-heading,
.panel-widget .panel-heading,
.panel-inner .panel-heading,
.panel-default > .list-group:first-child .list-group-item-default:first-child,
.panel-widget > .list-group:first-child .list-group-item-default:first-child,
.panel-inner > .list-group:first-child .list-group-item-default:first-child
{
    border-radius: 0;
}

/** Contact us form **/
.blind_site .colour1 .contact_us_icon, .blind_site .colour1.contact_us_icon,.blind_site .colour1 .product_search_icon, .blind_site .colour1.product_search_icon{
    padding:4px 33px;
    background-position:1% 50%
}
.hint{
    font-size:13px;
    margin-top:8px;
}

/** Alert Messages **/
.alert{
    margin-top:10px;
}

/** USPs **/
.uspMessages {
    font-size:17px;
    background: #2adc1e;
}
.uspMessages p{
    margin-top:10px;
}

/** Absolute positions **/
.tl,.tr,.bl,.br{position:absolute}
.tl,.tr{top:0}
.tl{left:0}
.tr{right:0}
.bl,.br{bottom:0;}
.bl{left:0}
.br{right:0}

.panel-body{position:relative}

.top-menu {
    padding: 10px;
    background: #2adc1e;
    color: #111111;
    border-radius: 0 0 0px 0px;
}

.top-menu .nav li a {
    color: #111111;
}

.top-menu .nav li a:hover {
    background-color: #16a00d;
    color: #eeeeee;
}

 

/* .panel, .panel-widget, .panel-inner {
    border-radius: 0;
} */

.panel-widget .panel-heading, .panel-inner .panel-heading {
    background-color: #2adc1e;
    color: #111111;
}
.panel-widget img {
    border:solid thin #eeeeee; /* TODO */
    padding:10px;
}

.panel-inner .panel-heading,
.panel-inner a.list-group-item-default,
.panel-inner a.list-group-item-default:hover{
    background-color: #94ed8e;
}

.breadcrumb {
    background-color: #2adc1e;
    color: #111111;
}

.breadcrumb a, .breadcrumb a:hover {
    color: #111111;
    text-decoration: none;
}

.breadcrumb a:hover{
    text-decoration:underline;
}

a.list-group-item-default, a.list-group-item-default:hover {
    background-color: #2adc1e;
    color: #111111;
}

.widget {
   
    border: 0 solid #16a00d;
    border-radius: 0px;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.TwitterFeedWidget, .SliderWidget{
    margin-top: 20px;
}

.SliderWidget{
    margin-bottom: 20px;
}

.ImageLinkWidget{
    margin-bottom: 20px;
}

.HTMLWidget {
    margin-bottom: 10px;
}

.widget .panel-inner {
    border-radius: 0px;
    overflow: hidden;
    margin-top: 5px;
    /* margin-bottom: 5px; */
}
.widget .panel-heading {
    border-radius: 0px 0px 0 0;
}

.widget-background {
    background-color: #16a00d;
    color: #eeeeee;
}

.widget-bordered {
    border-width: 1px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.tab-pane.tab-pane-bordered {
    border: 1px solid #ddd;
    border-top: none;
}

.tab-pane.tab-pane-padded {
    padding: 1em;
}

/** NAVBAR **/

.topNav{
/* padding for nav */
    margin-top: 125px;
}
/* .navbar {
    margin-bottom: 20px;
} */

.navbar-default{
    background-color: #16a00d;
    color: #eeeeee;
    border: none;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
    padding: .5em 0;
    text-transform:uppercase;
}

.navbar-default .navbar-brand{
    padding: 0 0 0 15px;
    height: 60px;
}
@media (min width:768px){
    .navbar-default .navbar-brand{
    padding: 10px 0;
    height: 70px;
}

}



.navbar-default
.nav, .navbar-default .navbar-form{
    padding:10px; 

}
.navbar-default .navbar-brand>img{
    height: 100%;
    width: auto;
}

.navbar-custom {
    text-transform:uppercase;
    background-color: #2adc1e;
    color: #111111;
    border: none;
    border-bottom: 1px solid #16a00d;
    border-radius: 0;
    padding: .4em 0;
    min-height: 1px;
}
.navbar-custom a {
    color: #111111;
}
.navbar-custom a:hover,
.navbar-custom a:focus {
    color: #16a00d;
    text-decoration: none;
}
.navbar-custom .navbar-brand {
    color: #111111;
    font-size:14px;
}
.navbar-custom .navbar-brand.img {
    padding: 0;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #16a00d;
    background-color: transparent;
}
.navbar-custom .navbar-text {
    color: #111111;
}
.navbar-custom .navbar-nav > li > a {
    border-radius: 4px;
}
.navbar-custom .navbar-nav > li > a {
    color: #111111;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: #16a00d;
    background-color: transparent;
}
.navbar-custom .navbar-toggle {
    border-color: #16a00d;
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #16a00d;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
    border-color: #16a00d;
}

.navbar-default .navbar-collapse .form-control,
.navbar-default .navbar-form .form-control {
    border-radius:0;
    /* text-transform: uppercase; */
}
.navbar-default .navbar-collapse button,
.navbar-default .navbar-form button{
    border-radius:0;
}


.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
    color: #eeeeee;
    background-color: #16a00d;
}
@media (max-width: 767px) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #111111;
        background-color: #2adc1e;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #eeeeee;
      background-color: #16a00d;
    }
}
.navbar-custom .navbar-link {
  color: #111111;
  background-color: #2adc1e;
}
.navbar-custom .navbar-link:hover {
  color: #16a00d;
  background-color: #eeeeee;
}
.navbar-custom .btn-link {
  color: #111111;
  background-color: #2adc1e;
}
.navbar-custom .btn-link:hover,
.navbar-custom .btn-link:focus {
  color: #16a00d;
  background-color: #eeeeee;
}

.navbar-content{
    text-align:right;   
}
@media (max-width: 767px) {
    .navbar-content{
        text-align:center;   
    }
}

/** BOOTSTRAP SUB-MENU **/
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


.tiles{
    margin-bottom:50px;
}
/** FOOTER **/

.footerSocials{
    /* background: #16a00d; */
    padding:20px 0;
    background: #eeeeee;
    text-transform:uppercase;
    font-weight: bold;
    margin-top:50px;
}
.footerSocials a {
    opacity: 0.8;
    margin-left: 10px;
    margin-right:10px;
}
.footerSocials a:hover{
    opacity: 1;
}
.xLogo{
    width:28px !important;
    height:28px !important;
    background:#111;
    fill:#fff;
    border-radius:50%;
    padding:0 6px;
    margin-right:5px;
}
.footerSocials .xLogo{
    background:#16a00d;
    fill:#eeeeee;
}
.footerSocials span{
    font-weight:normal;
}

footer{
    padding:1.5em 0;
    border-top: 4px solid #16a00d;
    background-color: #16a00d;
    /* color: #111111; */
    color: #eeeeee; 
    text-align:left;
}
footer h3 {
    margin-bottom:21px;
}
footer h4 {
    margin-top:0;
}
@media (max-width: 767px) {
    footer{
        text-align:center;
    }
}

footer ul{
    list-style:none;
    padding-left:0;
}

footer a, footer a:hover, footer a:active, footer a:focus {
    color: #eeeeee;
}

footer a.btt:hover{
    text-decoration:underline;
}




.social_link {
    margin: 0 0.5em;
}

.social_link:hover {
    opacity:.8;
}

/** WIDGET I.E. QUICK CONTACT **/

.CatalogueRequestWidget, .QuickContactWidget, .DigitalCatalogueLinkWidget, .SearchLinkWidget{
    margin-top:20px;
    margin-bottom:20px;
}
.textwidget, .imagewidget {
    background-color: #16a00d;
}
.textwidget{
    padding:1% 4%;
    text-align:center;
}
.textwidget h4{
    text-transform: uppercase;
    margin-bottom:20px;
}
.textwidget h4 a,.textwidget .widgetCta{
    text-decoration: none;
    color: #eeeeee;
}
.textwidget .modal h4{
    margin-bottom:0;
}
.textwidget .widgetCta{
    padding:2%;
    text-align: center;
    background-color: #2adc1e;
    color: #111111;
    border-radius:3px;
    display:block;
    margin-bottom:10px;
    width:100%;
}
.textwidget .widgetCta:hover{
    opacity:.7;
}

@media (min-width: 768px) {
    .textwidget, .imagewidget {
        height: 91px;
        font-size: 11px;
    }
    .textwidget {
        position: relative;
    }
    .textwidget h4 {
        font-size: 120%;
        margin-top: 5px;
    }
    .textwidget .widgetCta {
        position: absolute;
        bottom: 4px;
        width: 92%;
    }
}

@media (min-width: 992px) {
    .textwidget, .imagewidget {
        height: 119px;
        font-size: 14px;
    }
    .textwidget h4 {
        margin-top: 10px;
    }
}

@media (min-width: 1200px) {
    .textwidget, .imagewidget {
        min-height: 144px;
        font-size: 18px;
    }
}

.bottomPagination p {
    color:#111111;
}

/** BLOG **/

.blog_entry{
    padding:10px;
    margin:10px auto;
    border:1px solid #ffffff;
}
.blog_entry h3{
    margin-top:0;
}
.blog_entry .description,.blog_item .description{
    margin:10px auto;
}
.blog_entry .btn{
    margin-top:20px;
}

/** BOTTOM SEARCH FORM **/
.jsHookShowSearch{
    position:absolute;
    right:25px;
    top:25px;
}

/** COOKIE SETTINGS FORM **/
.cookie-setting-form  label{
    margin-top:16px;
    width:100%;
}
.cookie-setting-form .form-control{
    margin-top:9px;
    width:10%;
}

/* ========= END COMMON STYLES ========= */


/* ========= RESPONSIVE 3 ONLY STYLES ========= */
.fullWidthBanner{
    margin:0 !important;
}
.navbar-custom {
    margin-bottom:0;
}

/** SUB NAVBAR **/
.navsubbar-custom {
    background-color: #16a00d;
    color: #eeeeee;
    border: none;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
    padding: 1.5em 0;
    overflow-y: scroll;
    max-height:75vh;
    margin-bottom:0;
}
.navsubbar-custom .dropdown ul{
    padding-left:0;
    list-style:none;
}
.navsubbar-custom div.dropdown > ul > li > .dropdown-toggle,.navsubbar-custom .basketItems p a{
    color: #eeeeee;
    list-style:none;
}
.navsubbar-custom .basketItems p{
    display:inline;
    margin-left:5%;
}
/* ========= RESPONSIVE 3 ONLY STYLES ========= */

.row, .form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 10px;
    padding-right: 10px;
}

.container, .container-fluid {
	padding-right:10px;
	padding-left:10px;
}

.panel-body {
    padding: 10px;
}

.top-padding {
    padding-top: 10px;
}

.top-margin {
    margin-top: 10px;
}

.bottom-padding {
    padding-bottom: 10px;
}

.bottom-margin {
    margin-bottom: 10px;
}

.left-padding {
    padding-left: 10px;
}

.left-margin {
    margin-left: 10px;
}

.right-padding {
    padding-right: 10px;
}

.right-margin {
    margin-right: 10px;
}



.carousel-control {
    width: 2em;
}

@media (min-width:768px) {
    .carousel-control {
        width: 4em;
    }
}




a {
    color: #16a00d;
    text-decoration: none;
}

a:hover {
    opacity:0.9
}

/**CSS Mega Menu*/
#mega .inner>.dropdown ul{
  /*  border-right:solid thin #eeeeee; */
    border-radius: 0;
    max-height: 55vh;
    overflow-y: scroll;

}
#mega .dropdown.dropdown-submenu{
    padding:5px 0;
}
#mega .dropdown.dropdown-submenu.open {
    position: unset;
    background: rgba(255, 255, 255, 0.05);
}
#mega .dropdown-menu {
    width: 100%;
    background: rgba(44, 45, 49, 0.85); 
    color: #eeeeee;
    padding-left: 30px;
    padding-right: 30px;
    box-shadow: none;
    border: none;
    z-index:2;
}
#mega .dropdown.dropdown-submenu.open .dropdown-menu {
    position: unset;
    display: block;
}
#mega .dropdown-menu li:first-child{
display:none;
}
@media (min-width: 992px) {
    #mega .dropdown-menu li:first-child{
        display:block;
        }  
    #mega .dropdown.dropdown-submenu.open .dropdown-menu  {
        position: absolute;
    display: grid;

    }
    #mega .dropdown-menu {       
        width: calc(200%);
        position: absolute;
        top: 0;
        right: 0;
        grid-template-columns: 30% 30% 30%;
        column-gap: 5%;
        grid-template-areas: 
        "header header header"
        "divider divider divider"  ;
    }  
    #mega .dropdown-menu li:first-child{
        grid-area: header;
        pointer-events: none;
        text-transform: uppercase;
    
    }
}
/* #mega .dropdown-menu li:first-child,#mega .dropdown-menu li.divider  {
column-span: all;} */


#mega .dropdown-menu li.divider{
    grid-area: divider;
    pointer-events: none;

}
 
#mega a{
     color: #eeeeee;
     font-size: 1em;
     padding:5px 0;
}

#mega a:hover{
    background: rgba(255, 255, 255, 0.05);
}
#mega .dropdown-submenu>a:after {
        display: block;
        content: " ";
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #eeeeee;
        margin-top: 5px;
        margin-right: -10px;
        right: 20px;
        bottom: 8px;
}
#mega .dropdown-submenu.open>a:after {
    display:none;
    content:none;
}
#mega .basketItems{
    position: absolute;
    left: calc(300% - 30px - 180px);
    width: 180px;
    top: 0;
    z-index: 3;
}


/* typeography */
h1,h2,h3,h4{
    /* text-transform: uppercase; */
    /* font-weight: bold; */
}


/* container push */
@media (min-width: 1340px){
.container {
    width: 85%;
}
}



 /* pricetag */
 .pricetag{
    display: inline-block;
    background: #eeeeee;
    padding: 5px 10px;
 }

 .cart a{
    padding: 10px;
    margin-top: 15px;
 display:inline-block;
      color: #eeeeee;
 }


/* boostrap overides nav */
 .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    color: inherit;
 }
 .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 77vh;
}
.navbar-fixed-top{
    box-shadow: rgba(0, 0, 0, 0.25) 0px -15px 20px 20px;
}
.navbar-header .cart a{
    margin-top:0;
}
@media (max-width:768px)
{
    .navbar-fixed-top .navbar-collapse{
        margin-top: 10px;
    }
}

.FeaturedProductsWidget{
    margin-bottom: 10px;
}


.btn-primary {
    color: #fff;
    background-color: #2c2d31;
    border-color: #45464c;
}

.btn-primary:hover {
    color: #fff;
    background-color: #2c2d31;
    border-color: #45464c;
    opacity:0.9;
}


.panel{
    margin-bottom:0;
}

.footerSocials{
    margin-top:0;
}




.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default .navbar-nav>li>a:hover {
    opacity:0.9;
}

.contactusform{
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 5rem;
}
.ContactWidget .contactusform .form-group img {
    padding:0;
}

@media (max-width:768px)
{
    .navbar-fixed-top {
 
        max-height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    }
    .cart{
        display: none;
    }
}


.dropdown-submenu {
    position: relative;
    display: inline-block;
    width: 100%;
}



@media (min-width: 768px) and ( max-width: 1200px){
    .container {
        width: 97%;
    }
}

@media (min-width: 768px) and ( max-width: 1100px){
    .topNav .navbar-header a, .topNav .navbar-nav li a, .topNav .dropdown .dropdown a, .topNav .basketItems p, .top-menu .nav li a {
        font-size: 1em;
    }
}

.nav>li>a {
    padding: 15px 10px;
}

@media (min-width:552px) and ( max-width: 1200px){
    .navbar-form.navbar-right .form-group {
        max-width:121px
    }
}