/***** ===========  MAIN CSS =========== *****/
/***** ================================= *****/

.hep-small-logo{
    position: absolute;
    top: 15px;
    right:15px;
}

/*** Mobile vs Desktop classes
==============================  ***/
.mobile{ display: none; }
.desktop{ display: inline; }


#block-block-12 h2{
    font-family: marker;
    color: #fff;
    margin-bottom: 1em;
}

/*** Full Header Wrap
=================================== **/
#full-header-wrap{ }

/*** Mobile Navigation
===================================== ***/
/* Mobile nav button */
#site-navigation-wrap{ z-index: 1001; font-size: 22px;  width: 555px;
font-family: marker;  }



/* mobile nav slide out menu */
body #sidr-main{ background: #ffd905; }
body #sidr-main li a{ color: #000; font-family: marker; font-size: 1.15em; }
body #sidr-main li a:hover{ background: none; color: #f30 !important; }

/* Menu text */
.menu-text{
display:none; 
}

/*** Custom Button
====================================== ***/
.button1{ background: #eb1e24; padding: 0 10px; font-size: 2em; font-family: marker;  color: #fff !important;  line-height: 1.5em;  transition: background 0.5s ease 0s;}
.button1:hover{ background: #fff33d; color: #000  !important; }

/**** Custom Cols
======================================== ***/
.col2{ display: inline-block; width: 46.5%; margin: 1%; vertical-align: top; }
.col3{ display: inline-block; width: 30.5%; margin: 1%; vertical-align: top; }

.col-right{ float: right; }

/*** Body
=============================================== ***/
body {  background: #000;   }

body a{ color: #eb1e24;  } 
body a:hover{ color: #ff0c0c; }

#wrap {  }

/*** Header top 1 region
============================================== ***/
#header-top-1-wrap{ padding: 0.5em 0;  }
/*** Header top 2 region
============================================== ***/


/*** Header 
=========================================  ***/
body.logged-in #header-wrap{ margin: 0px 0;  }
body #header-wrap { background: #ffd905;     width: 100%;    top: 0px;   border-bottom: 0;  
    box-shadow: none; z-index: 1000; }

body #header {  padding: 0px;  }

body #logo{ padding-top: 10px; }
body #logo h2{ font-size: 28px;  color: #fff !important; }
body #logo a{ color: #fff; }

body #header-wrap #site-navigation #main-menu > ul a {
    color: #000;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    transition: all 0.25s ease 0s;
}

body #header-wrap #site-navigation #main-menu > ul a:hover {  color: #f30;  }

body #header-wrap #site-navigation #main-menu > ul > li > a.active{ color: #444;  }
body #header-wrap #site-navigation #main-menu > ul > li > a.active:hover{ color: #f30;   }

body #site-navigation #main-menu > ul > li {
margin-left: 0px;  display: inline-block;
float: none;}

body #site-navigation #main-menu > ul > li a { padding: 0 20px; }

#main-menu > ul{ text-align: center; }

/* facebook icon */
.facebook-logo{ float:right; position: absolute; top: 5px; right: 220px; }

/*** Above Content Region
================================================ ***/

#above-content { padding: 0px; }

/* Product icons block */
#block-block-7{ font-size: 10px; text-shadow: 0px 0px 7px rgba(0,0,0,0.95); }
#block-block-7 img { height: 64px !important; width: auto !important; }

#block-block-7 .icon-box a{ transition: background 0.5s ease 0s; }
#block-block-7 .icon-box a:hover{   }

#block-block-7 a:hover{ color: #fff !important; }

/*** First Sidebar Region
============================================= ***/
.region-sidebar-first{    background: #111 none repeat scroll 0% 0%;
    padding: 2em;    box-sizing: border-box;  color: #fff;  font-size: 16px;  font-weight: bold;  }
    
.region-sidebar-first iframe{ max-width: 100% !important; height: auto !important; }

/*** Main Content Region
========================================= ***/

body #main-wrap{ background: none;  margin-top: 1em; }
body.not-front #main-wrap{ background: #000;  }
#main {    padding: 0px 0px 10px;   }
#main #content, #main ul, #main table{ color: #fff;  font-size: 16px;  font-weight: bold;  background: #000;  }

/* Page title */
h1.page-title{ font-family: marker; font-size: 4em; color: #fff; border: none;  text-align: center;  }

/* Other headings */
#main h2{ font-family: chunkfive; color: #fff; }
#main h3{ font-family: chunkfive; color: #fff; }
#main h4{ font-family: marker; color: #ef1414; }
#main h5{ font-family: marker; color: #fff; }
/*** Flexslider
============================================== ***/
body .flexslider {
    margin: 0px 0px 70px !important;
    background: none;
    border: none;
    position: relative;
    border-radius: 0px;
    box-shadow: 0px;
}

.flex-control-paging li a {
    background: rgba(255,255,255, 1.0)  !important;
    box-shadow: none;
}

.flex-control-paging li a.flex-active {
    background: rgba(255,255,255, 1.0)  !important; border: 5px solid #ef9b08; }



/*** Footer Region
====================================== ***/
body #footer-wrap #block-block-1 h3 {
    color: #fff;
    font-family: marker;
}

body #footer-wrap {
    color: #fff;
    font-family: marker;
    background: none;
    padding: 10px 0px 20px;
}

body #footer-wrap a{ color: #eb1e24;  } 
body #footer-wrap a:hover{ color: #ff0c0c; }

/*** Copyright Region
====================================== ***/
body #copyright-wrap {
    font-size: 0px;
    color: #fff;
    background: none;
    padding: 6px 0px;
}

/*** Webforms
================================ ***/
.page-node-done .links{ text-align: center; }

/*** Custom Images
========================================= ***/
.img-left{ float: left; margin: 0 1em 0.5em 0; }
.img-right{ float: right; margin: 0 0 0.5em 1em;  }

/*** Custom Links
======================================== ***/
a.blue-link{ text-decoration: underline; color: #06c; }

/***** ===========  !!! END MAIN CSS =========== *****/
/***** ========================================= *****/

/***** ===========  PAGES  =========== *****/
/***** ========================================= *****/

/*** Find Us / Contact Us 
==================================== ***/
.location-box {    display: inline-block;
    width: 23%;    margin: 0 0.5%;    vertical-align: top;
}


#main .location-box h2 {    color: #ffd905;  }
#main .location-box h3 {
    font-family: marker;
    color: #fff;
    font-size: 1.8em;
}

/*** FAQs Page
===================================== ***/
.view-faqs .views-field-title h1{ font-family: marker; color: #ffd905; font-size: 2em; }

/*** Home Page 
=================================== ***/
.dot1 {
margin: 0 12px; 
}

.view-sale-items{ text-align: center; }
.view-sale-items .views-row{ width: 22%;  padding: 1%; margin: -3px; text-align: text-align: center; font-family: marker; display: inline-block; color: #000; vertical-align: top;  }
.view-sale-items .views-row img{ box-shadow: 0px 0px 7px rgba(0,0,0,0.8); }
.view-sale-items .views-row-1, 
.view-sale-items .views-row-3, 
.view-sale-items .views-row-6, 
.view-sale-items .views-row-8{ background: #ccc; }
.view-sale-items .views-row-2,
.view-sale-items .views-row-4,
.view-sale-items .views-row-5,
.view-sale-items .views-row-7 { background: #fff; }
.view-sale-items .views-field-field-discount-price-or-off{ font-size: 25px; }

.view-discounted-product{ text-align: center; }
.view-discounted-product .views-row{ width: 22%;  padding: 1%; margin: -3px; text-align: text-align: center; font-family: marker; display: inline-block; color: #000;  }
.view-discounted-product .views-row img{ box-shadow: 0px 0px 7px rgba(0,0,0,0.8); }
.view-discounted-product .views-row-1, 
.view-discounted-product .views-row-3, 
.view-discounted-product .views-row-6, 
.view-discounted-product .views-row-8{ background: #ccc; }
.view-discounted-product .views-row-2,
.view-discounted-product .views-row-4,
.view-discounted-product .views-row-5,
.view-discounted-product .views-row-7 { background: #fff; }
.view-discounted-product .views-field-field-discount-price-or-off{ font-size: 25px; }

.front #content2-wrap{ font-family: marker;  background: url(../wood-w-knots2.jpg) left center repeat;
background-attachment: fixed; text-align: center; margin: 1.5em 0; }
.front #content2 { max-width: 100%; width: 100%;   text-align: center;  display: inline-block;  padding: 1.5em 0.5em 1.75em;    }

/* Home Tagline */
#block-block-4 h3{ font-family: marker; font-size: 1.5em; color: #fff;  }


/* On Sale Slideshow */
.sale-items-home h2{ font-family: marker; color: #fff;  font-size: 3em; text-align: center; }

.front h1.page-title{ display: none; }

.view-sale-items-home { text-align: center; }
.view-sale-items-home .views-field-title{ font-family: marker; font-size: 2em; color: #fff; display: inline-block;  }
.view-sale-items-home .views-field-field-sale-item-price{ font-family: marker; font-size: 2.5em; color: #fff;  display: inline-block; margin-left: 1em; }

/* Find us & Contact Us */
.find-contact{ text-align: center; font-family: marker; margin-bottom: 2em; }
.icon-box{ display: inline-block; padding: 0 1.15em; font-size: 1.35em;}

/* Main Icons */
.main-icons{ text-align: center; font-family: marker;}

.main-icons .icon-box {
    display: inline-block;
    margin: 0 0.15em;
    font-size: 1.05em;
}

.main-icons img{ height: 60px !important; width: auto !important; }

/*** Find Us / Contact Us Page
===================================== ***/
.contact-info h2{ color: #eb1e24; font-family: chunkfive;}

.contact-info{ color: #fff; }

.page-node-31 table h2{ font-family: chunkfive; color: #eb1e24; }
.page-node-31 table, .page-node-31 table td{ border: none; }

.page-node-31 .location-box{ display: inline-block; width: 23%; margin: 0 0.5%; vertical-align: top;  }

.page-node-31 #main .location-box h2{ color: #eb1e24; }
.page-node-31 #main .location-box h3{ font-family: marker; color: #fff; font-size: 1.8em; }
.page-node-31 #main .location-box h4{ font-family: chunkfive; color: #fff; font-size: 1.2em; }

.page-node-31 .col-right { width: 34.5% !important; }

/*** Products Page
================================================ ***/
.page-node-32 #content2-wrap{ font-family: marker;  background: url(../wood-w-knots2.jpg) left center repeat;
background-attachment: fixed; text-align: center; margin: 1.5em 0 0; }
.page-node-32 #content2  { max-width: 100%; width: 100%;   text-align: center;  display: inline-block;  padding: 1.5em 0.5em 1.75em;    }
.page-node-32 #block-block-7 img { height: 90px !important; width: auto !important; }
.page-node-32 #block-block-7 { font-size: 1.2em; }

/*** Product Node Pages
========================================== ***/
body #flexslider-1 ul{ background: #fff !important; }
body #flexslider-2 ul{ background: #fff !important; }
body #flexslider-2 .slides li{ text-align: center; display: inline-block; }
body #flexslider-2 .slides img {
    width: auto;
    display: inline-block;
vertical-align: top;
padding: 5px 0;
height: 60px !important;
}

.view-product-slideshow{ text-align: center; }

body .jcarousel-skin-default .jcarousel-item { width: 125px; height: 50px;  display: inline-block;  }


body.node-type-product-page #block-multiblock-1{display: none; }

/* Product slideshow */
.view-product-slideshow .flexslider .slides img { vertical-align: middle;  height: 40px !important; width: auto !important; margin: 0 2px;  }

#flexslider-1, #flexslider-2{ text-align: center; }

body.node-type-product-page .flexslider  {
    width: 640px !important;
    display: block;
    margin: 0 auto !important;
}

.node-type-product-page #content2-wrap{ font-family: marker;  background: url(../wood-w-knots2.jpg) left center repeat;
background-attachment: fixed; text-align: center; margin: 1.5em 0; }
.node-type-product-page #content2 { max-width: 100%; width: 100%;   text-align: center;  display: inline-block;  padding: 1.5em 0.5em 1.75em;    }


.node-type-product-page .field-name-body .field-item{ width: 640px; display: inline-block; margin: 0px auto ! important; }

.node-type-product-page #main h3{ color: #fff; }
.node-type-product-page .field-name-field-product-page-testimonial { text-align: center;  margin-bottom: 0.75em; }
.node-type-product-page .field-name-field-product-page-testimonial p{ margin: 0 0 10px; }
.node-type-product-page .field-name-field-prod-page-left-sidebar-ad { float: left;  width: 150px; height: auto !important; margin-right: 1em; }
.node-type-product-page .field-name-field-prod-page-right-sidebar-ad { float: right; width: 150px; height: auto !important; margin-left: 1em;  }

.page-node-edit.node-type-product-page .field-name-field-prod-page-left-sidebar-ad { float: none; }
.page-node-edit.node-type-product-page .field-name-field-prod-page-right-sidebar-ad { float: none; }
.people-box {
    width: 250px;
    margin: 0px auto;
    float: none;
    display: inline-block;
}

.people-box h4{ font-size:  1.2em; }

.people-box img {
    float: left;
    vertical-align: top;
    height: auto !important;
}

/* product pages text slideshow */

/* employee testimonials */
.field-name-field-product-page-testimonial{ display: none; }


/***Pole Barns Page
================================ ***/
body.page-node-96 #flexslider-2 .slides img {
    width: 100%;
    display: inline-block;
vertical-align: top;
padding: 0;
height: auto !important;
}

.field-name-field-product-photo-slideshow {
    width: 640px;
    display: inline-block;
}

/*** Careers Page
===================================== ***/
.page-node-23 #full-header-wrap{ background-size: inherit !important; }

.page-node-23 #main h2{ font-family: chunkfive;  color: #fff; font-size: 3em;}
.page-node-23 #main h3{ font-family: chunkfive; color: #eb1e24;  font-size: 2em;}

.page-node-23 .button1{ float: right; }

.page-node-23 #block-block-10 h2{ font-size: 2em; }

.page-node-23 .region-sidebar-first strong{ font-family: marker;  color: #eb1e24 !important; font-weight: bold; font-size: 1.5em;}

.page-node-23 h1.page-title{ font-family: marker; font-size: 4em; color: #fff; border: none;  text-align: center;  padding: 0.5em 0; }

/*** Job Opening Node Pages
=========================================== ***/
.node-type-job-opening #content3-wrap h2{ color: #eb1e24; font-family: chunkfive; }
.node-type-job-opening #content3-wrap { color: #fff; }

.field-name-field-job-store{ font-family: marker; font-size: 2em; }

/***** ===========  !!! END PAGES CSS =========== *****/
/***** ========================================= *****/

/***** ===========  FONTS =========== *****/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 26, 2016 */



@font-face {
    font-family: 'marker';
    src: url('permanentmarker-webfont.eot');
    src: url('permanentmarker-webfont.eot?#iefix') format('embedded-opentype'),
         url('permanentmarker-webfont.woff2') format('woff2'),
         url('permanentmarker-webfont.woff') format('woff'),
         url('permanentmarker-webfont.ttf') format('truetype'),
         url('permanentmarker-webfont.svg#permanent_markerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'chunkfive';
    src: url('chunkfive-webfont_0.eot');
    src: url('chunkfive-webfont_0.eot?#iefix') format('embedded-opentype'),
         url('chunkfive-webfont_0.woff2') format('woff2'),
         url('chunkfive-webfont_0.woff') format('woff'),
         url('chunkfive-webfont_0.ttf') format('truetype'),
         url('chunkfive-webfont_0.svg#chunkfiveroman') format('svg');
    font-weight: normal;
    font-style: normal;

}


/***** ========  !!! END FONTS ======== *****/

/***** ======= Other stuff ===========  *****/
/***** =============================== *****/
#admin-menu{ z-index: 1200; }