/********************************
.masthead / header
********************************/

:root {
  --red: #ee2d25; /* main rockys red */ 
}



#masthead{ }

.header{  }

.site-branding{
    width: 100%;
    display: flex;
    float: left;
    flex-grow: 1;
}

.site-branding .col2{
	position: relative;
	overflow: hidden;
	flex-grow: 1;
}

#logo-wrap{
	width:100%;
	float:left;
	margin-top:1rem;
}

.logo-left{
 display: inline-block;
    clear: none;
    float: left;
    padding: 0;
    margin: 0;
    padding-right: 1rem;
} 

.rewards-section{
    float: left;
    width: 40%;
    padding: 1.5rem 1rem;
}

.rewards-section a{
    float:left;
    display: block;
    width:100%;
}
.rewards-section a img{
    width: 100%;
    height: auto;
    float:left;
}

/* header right 2 col */

#media_image-4{ 
top: -1.5rem;
    right: 0;
    position: absolute;
    transform: scale(.8) rotate(8deg);
}

#custom_html-3 {
    width: auto;
    display: block;
    position: absolute;
    right: 6rem;
    z-index: 9;
    padding: 0;
    margin: 0;
    top: 2rem;
     
}

#custom_html-3 h2 {
    padding: 0;
    margin: 0;
    border-radius: 4px;
    box-shadow: 4px 4px 5px #000;
    background-color: #f0ad4e;
    color: #000;
    padding: .0rem .5rem;
    margin: 1rem; 
    cursor: pointer;
    text-transform: uppercase;
    font-weight: normal;
    font-size:1.1rem;
}

#media_image-2{
    max-width:60%;
}

#media_image-3{
    max-width:40%;
}


/********************************
h1
*********************************/
h1, h2, h3{font-weight: 500;}

h1 a, h2 a, h3 a{
    color:#000;
}

h2{}
h3{font-size:1.5rem; padding-top:0; margin-top:0;}
h4{}

.entry-header a h1.entry-title, a h1, h1 a {
    color:#000;
}
/********************************
bold / b / strong weight
*********************************/
b, strong {
    font-weight: 700;
}



/********************************
ul li lists
*********************************/


#content ul li{
    margin-bottom:1rem; 
    list-style-image:url('../img/list-style-arrow.png');
}

 
/********************************
search box
*********************************/
 

#searchform{ 
    position: relative;
    width: 18%;
    float: right;
    display: inline-block;
    clear: none;
    padding: .5rem;
}
 
    #s{
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    padding:.5rem 3.5rem .5rem 1rem;
    height:2rem;
    float:left;
    max-width:100%;
    width:100%;
    float: left;
}


#searchsubmit{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    position: absolute;
    width:4rem;
    right:.5rem;
    top: .5rem;
    height: 2rem;
    width: 3rem;
    cursor: pointer;
}
  
.moble-search #searchform{ 
    position: relative;
    width: 100%;
    max-width:30rem;
    float: none;
    display: block;
    clear: both;
    padding: .5rem;
    margin:auto !important;
}
 
.moble-search #s{
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    padding:.5rem 3.5rem .5rem 1rem;
    height:2rem;
    float:left;
    max-width:100%;
    width:100%;
    float: left;
}


.moble-search #searchsubmit{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    position: absolute;
    width:4rem;
    right:0;
    top: .5rem;
    height: 2rem;
    width: 3rem;
}
 

/********************************
#main
********************************/
#main{
	padding:1rem;
	padding-bottom:2rem;
}
/********************************
form forms contact form
********************************/

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1rem;
}

.wpcf7-form p{
    width:100%;
    float:left;
    display:block;
    padding-top:0;
    margin-top:0;
}
.wpcf7-form label{
    width:100%;
    float:left;
}

input.wpcf7-text{
	    width:95%;
    float:left;
}
form .row{
	margin-bottom:1rem;
}
input[type="date"]{
	width:90%;
	float:left;
}
select.wpcf7-select {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    font-size: 1rem;
    line-height: 1.5;
    width:95%;
    float:left;
}


.clearout{
	width:100%;
	clear:both;
	padding:0;
	margin:0;
	display: block;
}
/* radio button */
.wpcf7-radio{
	width:100%;
	max-width:30rem;
	float:left;
	clear:both;
	display:block;
	padding:0;
	margin:0;
	position: relative;
}



.wpcf7-radio .wpcf7-list-item{
	display: inline-block;
	float:left;
	width:50%;
	padding:0;
	margin:0;
	border:none;
}

	.wpcf7-radio .wpcf7-list-item label{
	width:96%;
	padding: .25rem;
	text-align: center;
	float:left;
	border:solid 1px #e3e3e3;
	background:#fff;
	border-radius: 3px;
	margin:0% 1%;
	}


.wpcf7-radio .wpcf7-list-item label input{
    position: absolute;
    z-index: -9;
    color:transparent;
    top:0;
}


 .wpcf7-radio .wpcf7-list-item label.active{
background:#ccc;
border:solid 1px #a9a9a9;
 }



#supplyPlaceSelect{
	width:100%;
	padding:6px;
	float:left;
	margin-top:1rem;
	border-radius: 3px;

}


p:empty{
	padding:0 !important;
	margin:0 !important;
	display:none !important;
}


/********************************
.pagination
********************************/
.navigation.posts-navigation{
    display:none !important;
}

.pagination ul{
    padding:0;
    margin:0;
    width:100%;
    float:left;
    clear:both;
    display:block;
    list-style: none;
}

.pagination ul li{
    padding:0;
    margin:0; 
    float:left;
    clear:none;
    display:inline-block;
    list-style: none; 
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left:-1px;
}
.pagination ul li:first-child{
    border-radius: .25rem 0 0 .25rem;
}
.pagination ul li:last-child{
    border-radius: 0 .25rem .25rem 0;
}

.pagination ul li a{
    color:#ee2d25;
    width:100%;
    padding: .5rem 1rem;
    display: block;
    float:left;
}

.pagination ul li:hover{
    background:#e5e5e5;
}

.pagination ul li.active{
    background:#ee2d25;
    border: 1px solid #ee2d25;
}

.pagination ul li.active a{
    color:#fff;
}


/* post footer prev/next nav */
.navigation.post-navigation{
    width:100%;
    float:left;
}
.navigation.post-navigation .nav-previous,
.navigation.post-navigation .nav-next {
    padding:0;
    margin:0; 
    float:left;
    clear:none;
    display:inline-block;
    list-style: none; 
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left:-1px;
    position: relative;
}

.navigation.post-navigation .nav-previous{
    border-radius: .25rem 0 0 .25rem;
}
.navigation.post-navigation .nav-next{
    border-radius: 0 .25rem .25rem 0;
}

.navigation.post-navigation .nav-previous a,
.navigation.post-navigation .nav-next a{
    color:#ee2d25;
    width:100%;
    padding: .5rem 2rem;
    display: block;
    float:left;
    text-align: center;
    position: relative;
    z-index: 9;
}
.navigation.post-navigation .nav-next::after{
    content: url(../img/list-style-arrow.png);
    width:1.5rem;
    float:right;
    position: absolute;
    top:30%;
    right:1rem;
    z-index:0;
}
.navigation.post-navigation .nav-previous::before{
   content: url(../img/list-style-arrow-rev.png);
    width:15%;
    float:left;
    position: absolute;
    top:30%;
    left:1rem;
    z-index:0;
}


/********************************
.card
********************************/
.card {
    background-color: #ededed;
    border-top: 7px solid #ee2d25;
    padding: 0;
    min-height: 150px;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding:1rem;
    width:100%;
    float:left;
    position: relative;
}




.home #content .card{
    min-height: 22rem;
}



/********************************
.aside / card
********************************/
aside ul {
    padding: 0;
    margin: .5rem .5rem .5rem 1rem;
    width: 100%;
    float: left;
    clear: both;
    display: block;
}
 

aside ul li{
	float: left;
    width: 100%;
    margin-bottom:1rem; 
    list-style-image:url('../img/list-style-arrow.png');
}

.card.bk-paint{
    background-image:url('/wp-content/uploads/diy.png');
    background-position: right bottom !important;
}

.card.bk-shop{
    background-image:url('/wp-content/uploads/shopping-bag.png');
    background-position: right center;
}

.card.bk-sales{
    background-image:url('/wp-content/uploads/shops-bk.png');
    background-position: right center;
}

h2.widget-title{
    padding-top:0;
    margin-top:0;
}


.card.menu{
    background: #fff;
}

aside ul li a{
	color:#000;
}


/********************************
  aside menu submenu
********************************/

aside ul li ul.sub-menu{
	display:none;

}
aside ul li.cureent-menu-item {
	background-color: #eeac57;
}

aside ul li.current-menu-item ul.sub-menu,
aside ul li.current-menu-parent ul.sub-menu
 {
	display:block;
}
aside ul li  a{
	width:100%;
	float:left;
}

aside ul li.titleCategory {
	list-style: none !important;
		padding-top: .25rem;
	margin-top:.25rem;
	border-top: 3px solid #ee2d25;
	float:left;
	    width: 110%;
    margin-left: -10%;
}


aside ul li.titleCategory a{ 
	font-size:1.1rem;
	padding-left:.5rem;
	float:left;
	clear:both;
	width:100%;

}
aside ul li a:hover, aside ul li.current-menu-item a.nav-link:first-child {
	text-decoration: underline;
}


aside ul li.current-menu-item.menu-item-has-children ul li a{
	text-decoration: none !important;
}


/*

aside li.current-menu-item   {
	border-top: 2px solid #ee2d25;
}

aside li{
	 
	display: block;
	 clear: both;
}
 

*/
.single.single-wpsl_stores #content ul{
	margin-left:0 !important;
}
.single.single-wpsl_stores #content ul,
.single.single-wpsl_stores #content ul li {
    
    list-style:none !important;
}



/********************************
  homepage cards 
********************************/

img.wp-image-196{
    position: absolute;
    right: 0;
    top: 46%;
}
 
img.wp-image-199{
    position: absolute;
    right: 0;
    top: 46%;
}


/********************************
custom post display - homepage - featured tips
********************************/

#category-posts-2-internal{
    padding:0;
    margin:0;
    width:100%;
    float:left;
}

#category-posts-2-internal li,
#category-posts-2-internal li a{
    padding:0;
    margin:0;
    
    clear:both;
    width:100%;
    float:left;
}


/********************************
.button
********************************/
/*
.page-id-23 .so-widget-sow-accordion-default-99be652ed941 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
     background-color: #ee2d25; 
}
*/

.sow-accordion-panel > .sow-accordion-panel-header {
     background-color: #e4e3e3 !important;
     color:#000 !important;
     border-radius: .25rem  !important;
     border:solid 1px #b1b1b1  !important; 
}
.sow-accordion-panel > .sow-accordion-panel-content{
border-radius: .25rem  !important;
}
 


.sow-accordion-panel.sow-accordion-panel-open > .sow-accordion-panel-header {
background-color: #ee2d25 !important;
color:#fff  !important;
border:solid 1px #ee2d25  !important;
}

.sow-accordion-panel.sow-accordion-panel-open > .sow-accordion-panel-content{
border:solid 1px #ee2d25  !important; 
margin-top: -.25rem;
}
 



/********************************
.button
********************************/
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
    margin:1rem 0rem;
}

.btn:hover {
    background-color: #ec971f;
    border-color: #d58512;
}

.btn:active  {
    background-color: #ec971f;
    border-color: #d58512;
}


.home .card a.btn{
    color:#000;
}
.home .card a.btn:hover{
    color:#fff;
}


.btn.fullbtn{
    width:100%;
    text-align: center;
    float:left;
}


.btn.aftj {
    max-width: 360px;
    float: none;
    margin: auto;
    display: block;
    font-size: 1.1rem;
    text-transform: uppercase;
    margin-top:1.5rem;
    border-top:1px solid #ccc;
    margin-bottom:1.5rem;
    border-bottom:solid 1px #ccc;
}


/********************************
#site-navigation #primary nav
********************************/


    .full-nav-wrapper{
    display: block;
    width:100%;
    float:left;
    clear:both;
    margin: 0;
    padding:0;
    }

    #primary{
    display: flex;
    width: 100%;
    float:left;
    }

    #primary li{
    flex-grow: 1;
    }

    #site-navigation{
    border:none;
    border-top: 5px solid #ee2d25; 
    background-color: #ededed; 
    }

    .mobile-menu{
    display: none;
    }

    #primary a{
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    padding:.75rem 0rem;
    text-align: center;
    }

    #primary a:hover{
    background-color: #eeac57;
    }

    #primary .sub-menu{
    background-color: #f9dd9c;
    width:200% !important; 
    }

    #primary .sub-menu li{
    	border-bottom: 1px solid #efce84;
    	width:100% !important;
    	float:left;
    	display: block !important;
    	clear:both;
    }

    #primary .sub-menu li a{ ;
    text-align: left;
    padding:.75rem 1rem;
    font-size:.9rem;
    width:100%;
    float:left; 
    }

    #primary .sub-menu li a:hover{
    background-color: #eeac57; 
    }

    #primary .menu-item.menu-item-has-children:hover{
    background-color: rgba(238, 172, 87, .7);
    }

    #primary .menu-item.menu-item-has-children.active{
    background-color: rgba(238, 172, 87, .7);
    }



   #menu-item-294 ul.sub-menu{
    width: 300% !important; 
}



     #primary .menu-item.nav-highlight{
    background-color: rgba(238, 172, 87, 1);
	}

    #primary .current-menu-item,
    #primary .active,
    #primary .menu-item.menu-item-has-children.current-menu-ancestor{
    background-color: rgba(238, 172, 87, .7);
    }

    #primary .current-menu-item.duplicate,
    #primary .active.duplicate,
    #primary .menu-item.menu-item-has-children.current-menu-ancestor.duplicate{
    background-color: rgba(238, 172, 87, .0);
    }


@media only screen and (min-width: 1120px) {
    .full-nav-wrapper{
    	display: block !important;

    }
}




    .btn.mobile-btn{
    margin:0;
    width:20rem;
    padding:.5rem 2rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    float:none;
    margin:.5rem auto;
    display:block;
    }

 


/********************************
slider / home slider
********************************/


.owl-theme .owl-dots .owl-dot span {
    width: 20px !important;
    height: 15px !important; 
    border-radius: 0px !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #dc1f27 !important;
}

/********************************
 youtube videos/commercials
********************************/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	width:100%;
	display:block;
	float:left;
	clear:both;
	margin-bottom:1.5rem;
}

.videoWrapper iframe.embed-responsive-item{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:none;
	padding:0;
	margin-bottom:1.5rem;
}


 

/********************************
blog index / cat index / archive index
********************************/

.blog article h2,
.category article h2,
.archive article h2,
.article.post.blog h2{
   padding:0;
   margin:0;
}

.search-results article .entry-meta, .search-results article .entry-footer,
.blog article .entry-meta, .blog article .entry-footer,
.category article .entry-meta, .category article .entry-footer,
.archive article .entry-meta, .archive article .entry-footer,
.article.post.blog .entry-meta, .article.post.blog .entry-footer{
display:none;
}

.blog article,
.category article,
.archive article,
.search-results article,
.article.post.blog {
    border: solid 1px #e6e6e6;
    padding: 1rem;
    border-radius: .5rem;
    width:100%;
    float:left;
}



 
.article.post.blog,
.article.post.blog a,
.article.post.blog a h2,
.article.post.blog a p{
	color:#000;
}
.article.post.blog .conbloc{
	width:100%; 
	padding:1rem 0;
    color:#000 !important;
}

.search-results article:hover,
.blog article:hover,
.category article:hover,
.archive article:hover,
.article.post.blog:hover {
 
    border-color: #ee2d25;
    background-color: #f9dd9c;
}


.search-results article .entry-content,
.blog article .entry-content,
.category article .entry-content,
.archive article .entry-content,
.article.post.blog .entry-content
{
	width:73%;
	margin:0;
	padding:0rem;
	float:right;
}

.search-results article .entry-content a,
.blog article .entry-content a,
.category article .entry-content a,
.archive article .entry-content a,
.article.post.blog .entry-content a
{
	color:#000;
}

.search-results article .featuredimage,
.blog article .featuredimage,
.category article .featuredimage,
.archive article .featuredimage,
.article.post.blog .featuredimage
{
	width:25%;
	margin:0;
	padding:1rem 0 0 0;
	float:left;
}

.search-results article .featuredimage img,
.blog article .featuredimage img,
.category article .featuredimage img,
.archive article .featuredimage img,
.article.post.blog .featuredimage img
{
	width:100%;
	margin:0;
	padding:0;
	float:left;
	border:1px solid #ee2d25;
}

.search-results article .readmore,
.blog article .readmore,
.category article .readmore,
.archive article .readmore,
.article.post.blog .readmore{
	float:right;
	font-weight: bold;
	color:#ee2d25;
}

.search-results article h2.entry-title,
.article.post.blog h2.entry-title,
.article.post.blog h2.entry-title a,
.article.post.blog a h2.entry-title { 
	color:#ee2d25 !important;
	font-size: 1.9rem !important;
}


/********************************
blog index / cat index / archive index
********************************/
.softbox {

}

.softbox.sb-top{
    border-radius: .25rem .25rem 0 0;
    color: #333;
    background-color: #f5f5f5; 
    padding:1rem;
    margin:0;
    width:100%;
    float:left;  
    border: solid 1px  #ddd;
}

.softbox.sb-top h3{
    padding:0;
    margin:1rem 0rem;
    width:100%;
    text-align: center;
    display:block;
    float:left;
}
 .softbox.sb-top p{
    padding:0;
    margin:0 0 1.5rem 0;
    width:100%;
    text-align: center;
    display:block;
    float:left;
}

.softbox.sb-bottom{
    border-radius: 0 0 .25rem .25rem ;
    color: #333;
    background-color: #fff; 
    padding:1rem;
    margin:0;
    width:100%;
    float:left;  
    border: solid 1px  #ddd;
    margin-top: -2rem;
}


/* 3 tier softbox */

.softbox-max80{
	width:100%;
	padding:1rem 15%;
	float:left;
	clear:both;
	display:block;
}

.softbox{
      border-radius: .25rem;
    color: #333;
    background-color: #fff; 
    padding:1rem;
    margin:0;
    width:100%;
    float:left;  
    border: solid 1px  #ddd;
}

.softbox-header{
  border-radius: .25rem .25rem 0 0;
    color: #333;
    background-color: #f5f5f5; 
    padding:1rem;
    margin:0;
    width:100%;
    float:left;  
    border: solid 1px  #ddd;
}
.softbox-header h2{
	margin-top:0;
	padding-top:1.5rem 0rem !important;
    width:100%;
    float:left;
    margin:0 0 1.5rem 0 !important;
}

.softbox-body{
  border-radius: .25rem .25rem 0 0;
    color: #333;
    background-color: #fff; 
    padding:1rem 1rem 3rem 1rem;
    margin:0;
    width:100%;
    float:left;  
    border: solid 1px  #ddd;
    margin-top: -2rem; 
}

.softbox-row{
	width: 100%;
	float: left;
	clear: both;
	padding:0;
	margin: 0;
	margin-bottom:1.5rem;
	display: block;
}
.softbox-footer{
    border-radius: 0 0 .25rem .25rem ;
    color: #333;
    background-color: #f5f5f5; 
    padding:1rem;
    margin:0;
    width:100%;
    float:left;  
    border: solid 1px  #ddd;
    margin-top: -2rem;
}

input[type="number"]{
    width:95%;
    float:left;
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #fff; 
    padding: .6em 1em .4em;
}


span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal; 
    display: block;
    float:left;
    margin:.5rem 0rem;
    width:100%;
}


button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}
.softbox-footer input[type="submit"], input[type="submit"].btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
    margin: 1rem 0rem;
    min-width:50%;
}



.wpcf7-response-output {
float:left !important;
clear:both  !important;
width:100%  !important;
margin:2% 0  !important;
padding:.5rem  !important;
}





/********************************
#career table 
********************************/

table.joblistings{
width:100% !important;
padding:0 !important;
margin:0 !important;
float:left !important;
clear:both !important;
text-align: left !important;
border-spacing: 0;
border-collapse: collapse;
}

table.joblistings tr{
width:100% !important;
padding:0rem;
margin:0rem;
}

table.joblistings tr:nth-of-type(odd) {
background-color: #f9f9f9;
}

table.joblistings tr:hover {
background-color: #f5f5f5;
}

table.joblistings tr th{
width:33.333333% !important;
padding:1% 2% !important;
margin:0 !important;
border: 1px solid #ddd;
font-weight: bold !important;
text-align: left !important; 
background-image: url('../img/table.sort.gif');
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}

table.joblistings tr td{
width:33.333333% !important;
padding:1% 2% !important;
margin:0 !important;
text-align: left !important;
border: 1px solid #ddd;
}


.careerfilter{
    width: 100%;
    float: left;
    clear: none;
    margin: 1rem 0rem;
}

 
	
.careerfilter #category,
.careerfilter #storeLocation{
	width:300px !important;
	float:left;
	clear:none;
	display: inline-block;
}


.careerfilter label.sr-only {
    width: 150px;
    float: left;
    clear: none;
    display: inline-block;
    padding: 0;
    font-weight: bold;
}

table#careers-table tr.associate.corporate.management.show   {
    display: table-row !important;
}

table#careers-table tr.associate.corporate.management.show td.header{
    display: table-cell !important;
}

/********************************
#colophon .footer
********************************/

#footer-banner{
    display: block;
    width:100%;
    float:left;
    clear:both;
}

#footer-banner .footer-banner-block {
	border-top: 7px solid #ee2d25;
	width:96%;
	padding:0;
	margin:2%;
}

#footer-banner .footer-banner-block .widget h3{
	margin-top:1rem;
	float:left;
	display: block;
	width:100%;
}
#footer-banner .footer-banner-block .widget ul{}

#footer-banner .footer-banner-block ul{
	padding-left:0;
	margin:0 0 0 1rem;
}

#footer-banner .footer-banner-block ul li{
    margin-bottom:.5rem;

	/* list-style: none; */
    /* list-style-arrow.png */
    list-style-image:url('../img/list-style-arrow.png');


}
#footer-banner .footer-banner-block ul li a{
    color:#000;
    font-size:.9rem;
}

#footer-banner .footer-banner-block ul li a:hover{
	text-decoration: underline;
}
/* #footer-banner .footer-banner-block ul li:before {
    content: '\003e';
    color: #ee2d25; 
    left: -1rem;
    top: 3px;
    font-size: 100%;
    font-weight: bold;
    position: relative;
} */
 
 
 .social-r {
    margin:0 .5rem; 
    float:none;
 }
 
 .social-r img {
    width: 2rem !important;
    height: auto;
    margin-right: .5rem;
    margin-top: .5rem;
}


#colophon{
background-color: #ededed;
padding:1rem !important;
min-height:10vh;
width:100%;
float:left;
}

.footer-links{
    float:right;
     font-size:.9rem; 
}

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

.copy{
    font-size:.9rem; 
    padding:.75rem;
}








/* map loation pages styles .wpsl-opening-hours,*/
#wpsl-base-gmap_0,
.wpsl-locations-details,
.wpsl-more-info-listings {display:none !important;}



a.wpsl-store-details.wpsl-store-listing{display:none !important;}


div.wpsl-more-info-listings{
    display: block !important;
}

 .wpsl-more-info-listings .panel-layout{
    display: none !important;
 }



 .wpsl-more-info-listings .wpsl-store-hours{
    display: block !important
 }
.wpsl-opening-hours, table.wpsl-opening-hours, table.wpsl-opening-hours td {
    display: block !important;
}


.wpsl-opening-hours,
.wpsl-opening-hours tbody,
.wpsl-opening-hours tr{
    width:100%;
    float:left;
}


.wpsl-opening-hours tr td{
    width: 48%;
    float: left;
    display: inline-block !important;
    margin: 1%;
    padding: 0;
    height: .75rem;
}
 
#wpsl-wrap #wpsl-result-list ul li {
    list-style: none!important;
    font-size: 90% !important;
}
#wpsl-result-list li p {
    padding-left: 0;
    margin: 0 !important;
    float: left;
    width: 100%;
    display:block;
}
 

/* thumbs */
#wpsl-stores .wpsl-store-thumb {
    height: 100% !important;
    width: auto !important;
}


/* maps filter layout */
#wpsl-search-wrap, #wpsl-search-wrap form{
	padding:0;
	margin:0;
	display: block;
	width:100%;
	clear:both;
	float:left;
}


.wpsl-input{
	width:50%;
	clear:left;
	display: inline-block;
	padding:0;
	margin: 0 0 1rem 0;
	float:left;
}


.wpsl-input div:first-child{
	width:10%;
	float:left !important;
	clear:none;
	margin:0 !important;
	padding:0 !important;
}
.wpsl-input #wpsl-search-input  {
    width: 86%;
    float: right;
    clear: none;
}

.wpsl-select-wrap, #wpsl-category, .wpsl-search-btn-wrap, #wpsl-radius, #wpsl-results{
	display: inline !important;
	margin:0 !important;
	padding:0 !important;
	float:left;
	width:auto !important;
	min-width: 1% !important;
}



/* radius and results */


.wpsl-search {
    margin: 0 !important;
    padding: 1rem !important;
    background: #fff  !important;
}


.wpsl-select-wrap{
	width:25% !important;
	display: inline-block !important;
	float:left !important;
	clear:none !important;
	margin: 0 0 1rem 0 !important;

}
.wpsl-select-wrap #wpsl-radius{
	padding:0 !important;
	margin:0 !important;
	width:100% !important;
	float:right !important;
}
#wpsl-category{
	width:75% !important;
	display: inline-block !important;
	clear:none;
	margin:1rem 0 !important;
	float:left !important;
}


.wpsl-search-btn-wrap {
	width:22% !important;
	display: inline-block !important;
	float:left !important;
	clear:none !important;
	margin: 0 0 1rem 0 !important;
	margin-left:2% !important;

}

#wpsl-radius .wpsl-dropdown { width: 60% !important; }
    


 #wpsl-search-btn{
    width:100% !important;
}

#wpsl-category .wpsl-dropdown {
    width: 85% !important;
}



#wpsl-category label, #wpsl-radius label, #wpsl-results label{
float:left;
clear:none;
padding:0;
margin:0rem .5rem !important; 
}


#wpsl-radius {
    width: 50% !important;
    margin-bottom: 1rem !important;
}

#wpsl-search-btn, #wpsl-search-wrap input {
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    width: 100%;
}

#wpsl-wrap #wpsl-result-list li{
	border:none !important; 
	box-shadow: 0 0 15px rgba(0, 0, 0, .10) !important;
}
 


#wpsl-stores ul li{
    width: 94% !important;
    float: left !important;
    padding: 2% 5% !important;
    margin: 3% !important;
}

#wpsl-stores ul li:hover, #wpsl-wrap #wpsl-result-list li:hover{
background:#fff !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, .25) !important;
}

/* hacks */
.show-on-mobile{
display: none !important;
} 






/* ==================================================
forms form ~form
====================================================*/

form .col2, form .col3, form .col4{margin-bottom:1rem;}

div.wpcf7, form{
float:left;
}

.em{display: block;
clear:both;
width:100%;}

.wpcf7-form-control{
float:left;
}


/*  apply for job */

.apply-for-job{
float:left;
clear: both;
padding:0;
margin:1.5rem 0;
display:none;
}

.job-desc{
width:100%;
float:left;
clear:both;
display:block;
}

div.wpcf7 input[type="file"] {
cursor: pointer;
width: 100%;
border: solid 1px #ccc;
border-radius: 3px;
padding: .25rem;
}

.wpcf7-checkbox, .wpcf7-checkbox .wpcf7-list-item, .wpcf7-list-item.first.last {
width:100%;
}

.checkbox-wrapper .wpcf7-checkbox .wpcf7-list-item label{
width: 95%;
border: solid 1px #ccc;
border-radius: 3px;
float: left;
padding:.5rem 1rem;
}

.checkbox-wrapper .wpcf7-checkbox .wpcf7-list-item label span.wpcf7-list-item-label{
width: 80%;
float:left
}

.checkbox-wrapper .wpcf7-checkbox .wpcf7-list-item label input[type="checkbox"] {
float: left;
height: 1rem;
width: 1rem;
margin: .1rem 0 0 2rem;
padding: 1rem;
display: block !important;
}

/* store by day call out - location page */

.bolder, 
.wpsl-opening-hours tr.bolder td,
.wpsl-opening-hours tr td.bolder {
	font-weight: bold !important;
	color: red !important;
    text-decoration: underline !important;
}
 
.wpsl_stores-template-default.single .wpsl-opening-hours{
	display: none !important;
}


.wpsl-store-location, 
.wpsl-store-location .wpsl-more-info-listings,
.wpsl-store-location div, .wpsl-store-location p{
	width:100%;
	float:left;
	clear:both;
	display: block;
	padding:0;
	margin:0;
}


p.wpsl-contact-details{
	margin-top:-1.5rem !important;
	position: relative !important;

}

a.storelink{
	float: right;  
	margin: .5rem 0;  
	width: 100%; 
	display: none !important;

}

#wpsl-stores .wpsl-store-thumb {
    height: auto !important;
    width: 21% !important;
}

/* ==================================================
@media (small)
====================================================*/
@media only screen and (max-width: 70rem) {


#media_image-2{max-width:100%;}

#media_image-3{display:none;}


.category #content, .blog #content, .archive #content{
    width:100%;
    padding:1rem;
}

article{
    padding:1rem !important;
}
    .home .wp-image-134, .home .wp-image-139, .home .wp-image-196, .home .wp-image-199{
        display:none;
    }

    .show-on-mobile{
    display: block !important;
    } 


    .dropdown {

    }

    .site-branding{
    display: block !important;
    }

    #media_image-3{
    display: none;
    }

    .logo-left, #media_image-2{
    width:100%;
    }

    #media_image-2 img{
    float:none;
    margin:auto;
    display: block;
    } 

/* nav */

    .full-nav-wrapper{
    display: none;
    }

    .mobile-menu{
    display: block;
    width: 100%;
    float: left;
    }

    #primary{
    display: block !important;
    width:100% !important;
    padding:1rem;
    }
    
    #primary li{
    display: block !important;
    width:100% !important;
    }
    #primary li a{
        text-align: left !important;
        padding-left:1rem;
    }

    #primary .sub-menu{ 
        position: static !important;
        float:left;
        clear:both;
        width:100% !important;
    max-width:100% !important; 
    }

    #colophon .block{
        padding:1rem !important;
    }


    /* loctions page */
    #wpsl-search-wrap form > *{
        width:100% !important;
    }

    #wpsl-category{
        margin-bottom:1rem !important;
    }

    #colophon, #footer-banner{
    	padding:1rem !important;
    }


    .wpsl-opening-hours tr td{
    width: 100%;
    float: left;
    display: block !important;
    margin: 1%;
    padding: 0;
    height: .75rem;
} 

}
 
@media only screen and (max-width: 60rem) {

    .footer-social{
        width:100%;
    }


    .moble-search #s{
    display: block;
    max-width: 95%;
    float: left;
    }

    #searchsubmit{
    right: .5rem;
    }


    .card.bk-shop {     background-image: none !important; }


    .footer-banner-block ul,
    .footer-banner-block ul li{
        width:100% !important;
        display: block !important;
        float:left !important;
    }


	#custom_html-3 h2 { 
	margin-right: -3rem !important;
	}

}






/* quiet style hacks */

article .entry-content a,
article .entry-content a:visited{
        color: #ee2d25 !important;
        text-decoration: underline;
        font-weight: bold;

}

article .entry-content a.btn {
        color: #fff !important;
        text-decoration: none;

}

article .entry-content a h2,
article .entry-content h2 a,
.search-results article h2.entry-title, 
.article.post.blog h2.entry-title, 
.article.post.blog h2.entry-title a, 
.article.post.blog a h2.entry-title
{
    text-decoration: none !important;
}


.archive article .entry-content a,
.blog article .entry-content a,  
    .category article .entry-content a,
    .search article .entry-content a{
    color: #000 !important;
    text-decoration: none !important;
}



.page-id-19  select
{
    padding: .5rem 1rem;
    margin: 0 1rem;
}




.tableflex{
    width:100%;
    display: block;
    float:left;
    clear:both;
    position: relative;
}
.tableflex input{
    border:none;
    border-bottom:1px solid #333;
    color:#000;
}
.tableflex .row{
    display: block;
    width:100%; 
    float:left;
    clear:both;
    padding:0;
    margin:0;

}
 

.tableflex .row span{
    float:left; 
    padding:0;
    margin:0;
    display: inline-block; 
    padding:.5rem 0 .5rem .5rem;
    line-height:1.1rem;

}
 
 
.tableflex .row span.cbtxt:first-child{
     background:#e5e5e5;
     width:14rem;
     margin:0 .5rem .5rem 0;
}

.tableflex .row span.wpcf7-form-control-wrap {
    width:8rem;
    padding:0;
}

.tableflex .row span.wpcf7-form-control-wrap:nth-child(2){
    width:5rem;
}
 
 #tt-input, #psc-total, #nib-total, #cc-total, #tt-total{
     
 }

.redblock{
    background:rgba(238, 172, 87, 1);
}
.redblock a{
    
}


.single .post img{ 
	max-width:500px;
	height: auto;
	max-width: 100% !important;
}

.wp-caption-text{
	font-size:.9rem;
	font-style: italic;
}

@media only screen and (max-width: 800px) {

  #main {
    width: 100% !important;
    display: block;
    height: auto;
    float: left;
    clear: both;
}


#content {
    display:block;
    max-width:100% !important;
    float:left;
}

 
	.single img{
	width:100%;
	max-width: 100% !important;
	}
}



.shop-nav.redblock.menu-item-2257{
	background-color:#ed1c24;
}
#primary .shop-nav.redblock.menu-item-2257 a{
	color:#fff;
}
 #primary .shop-nav.redblock.menu-item-2257 a:hover{
 	color:#000;
 }


 .category-30 .hidemeon{
    display: none !important;
   
 } 



@media only screen and (min-width: 961px) {
#menu-item-294 ul.sub-menu {
	width: 600px !important;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2) !important;
	float: left !important;
	position: absolute !important;
	top: 100% !important;
	left: -250px !important; 
	z-index: 99999 !important; 
}


#primary #menu-item-294 .sub-menu li {
    border-bottom: 1px solid #efce84 !important;
    width: 50% !important;
    float: left !important;
    display: inline-block  !important;
    clear: none !important;
}


#primary .sub-menu li a { 
    padding: .75rem .5rem !important;
}


}

.blog .featuredimage a,
.archive .featuredimage a,
.category .featuredimage a{
    width: 100%;
    height: 6rem;
    overflow: hidden;
    display: block;
    float: left;
    border: solid 1px #ee2d25;
}
.blog .featuredimage a img,
.archive .featuredimage a img,
.category .featuredimage a img{
    border:none !important;
}



 
 


/* ++++++++++++++++++++++++++++++++++++++++
ie 
+++++++++++++++++++++++++++++++++++++++ */

/* =================================
@ie

	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	@media all and (-ms-high-contrast:none)  {  }
	@media only screen and (max-width: 960px) and (-ms-high-contrast:none) {}
================================== */

/* =================================
	@ie styles
================================== */ 
@media all and (-ms-high-contrast:none)  {
	 

#main {
	display: block !important;
    padding: 1rem;
    padding-bottom: 2rem;
}
 
#header, #masthead, #nav, #main, #content, #footer, #colophon {
    width: 100% !important;
    display: block !important;
    height: auto;
    float: left;
    clear: both;
}

 
	#content {
	display: block !important;
	}

	#primary-post{
		width:70%;
		float:right;
		clear: none;
	}

	#secondary{
		width:30%;
		float:left;
		clear:none;
	}

.page-template-fullwidth #primary-post,  
	.page-template-fullwidth-store #primary-post, 
	.page-template-fullwidth-careers #primary-post,
	.home 	#primary-post{
	width:100%;
	float:right;
	clear: both;
	}



}


/* =================================
	@ie tablet
================================== */
@media only screen and (max-width: 1024px) and (-ms-high-contrast:none) {
	 

} 





/* =================================
	@ie mobile
================================== */
@media only screen and (max-width: 960px) and (-ms-high-contrast:none) {
	 #main {
	display: block !important;
    padding: 1rem;
    padding-bottom: 2rem;
    		width:100%;
		float:left;
		clear:both;
}
 
#header, #masthead, #nav, #main, #content, #footer, #colophon {
    width: 100% !important;
    display: block !important;
    height: auto;
    float: left;
    clear: both;
    		width:100%;
		float:left;
		clear:both;
}

 
	#content {
	display: block !important;
			width:100%;
		float:left;
		clear:both;
	}

	#primary-post{
		width:100%;
		float:left;
		clear:both;
	}

	#secondary{
		width:100%;
		float:left;
		clear:both;
	}

}
}