/* CSS Document */

/* Transition */

/* Link transitions */
#article a,
p a,
li a,
input,
textarea,
#features a:hover h3,
#features a h4,
.small_phone a,
.title a,
#slideshow2 a, #features li, .search-button, .btn, .fixed, .down-arrow, .navbar-toggle { -webkit-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; -o-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; transition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; }

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

html,
body { height: 100%; /* The html and body elements cannot have any padding or margin. */ font-size:95%; line-height:1; }

.row {max-width:100%; margin-left:0; margin-right:0;}

#wrapper {max-width:100%; min-height: 100%; height: auto !important; height: 100%; /* Negative indent footer by it's height */ margin: 0 auto -60px; padding:0; }

/* Set the fixed height of the sticky footer here */
footer,
#push { height: 60px; clear:both; text-align:center; }

footer { position:relative; z-index:2; }

/*------HEADER STYLES -----*/

header { position:relative; padding:0; max-width:100%; }

header h1 { margin:0; line-height:1; padding:8px 0 0 0; font-size:2.4em; }

#header-content { text-align:center }

#header-content, #header-content p {box-sizing:border-box; text-align:center;}

/* remove floats in header for small screens */
#logo,
.cartLinks,
.search-field { padding-top:10px; margin:0 auto; }

/* set max width for logo */
#logo { max-width:300px; position:relative; z-index:3; }

#logo a {text-decoration:none !important; }

.backButton { display:none; }

#header-search { position:relative; z-index:100; padding-top:10px; }

#header-search form {padding:0; margin:0;}

#header-search input,
#blogSearch input,
input.search-field { display:inline-block; margin:0; }

#header-search input[type="search"],
#blogSearch input[type="search"],
input.search-field { width:80%; line-height:24px; height:24px; padding:0 3%; margin:-3px 0 0 0; }

.search-button {font-size:22px; padding:0; margin:0 0 0 5px; line-height:1; background:none; background-color:transparent; display:inline-block; position:relative; top:4px;}
.search-button span { }

.cartLinks { padding-top:15px; text-align:right; }

.cartLinks img { height:24px; margin-top:-4px; }

/*------NAV STYLES -----*/
.navbar {margin-bottom:0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;}

.navbar-toggle {background:#FFF; background:rgba(255,255,255,0.4); }

/* remove padding from .container-fluid */
.navbar .container-fluid {padding:0;}


/* fixed nav*/
.fixed {position:fixed; top:0; left:0; z-index:12; width:100%; z-index:14; }

/* Sliders */
ul#slider, ul#slider li, #page-content ul#slider, #page-content ul#slider li {margin:0; padding:0;}

.sy-slides-wrap {z-index:4;}

.sy-slides-wrap img { width:100%; height:auto; }

.sy-pager {overflow:visible;}

.sy-pager li, .sy-pager li a {width:15px; height:15px;}

.sy-controls li a {max-height:750px;}

/*-- styles for full screen background --*/
.slides-wrapper, #slides {position:fixed; top:0; left:0; width:100%; height:100%; z-index:0;}

/*-- styles for jumbotron --*/
#jumbo img {width:100% !important; height:auto !important; }

/*--INSET IMAGES--*/
.inset-right {float:right; width:30%; height:auto; margin-left:20px; margin-bottom:20px;}
.inset-left {float:left; width:30%; height:auto; margin-right:20px; margin-bottom:20px;}

.inset-right-column {float:right; width:30%; height:auto; margin-left:20px; margin-bottom:20px;}
.inset-left-column {float:left; width:30%; height:auto; margin-right:20px; margin-bottom:20px;}

.inset-left, .inset-left-column, .inset-right, .inset-right-column {text-align:center;}

.inset .sy-pager {display:none; }

/* inset slideshows and inset slideshow images at full width */
.inset img, .inset-left img, .inset-right img, .inset-right-column img, .inset-left-column img {max-width:100% !important; height:auto !important;}

/* utility class for auto width and height */
.fullsize, .fullsize img, .inset-right.fullsize, .inset-right-column.fullsize, .inset-left-column.fullsize {width:100% !important; height:auto !important; }


/*-- THUMBNAIL GRID --*/
.image-gallery-column a {display:block; text-align:center; margin-bottom:10px;}
.image-gallery a {display:block; height:150px; overflow:hidden; text-align:center;}
.image-gallery p, image-gallery-column p { text-align:center;}
.image-gallery a img {height:150px; width:auto !important; max-width:200% !important; }
.image-gallery-column a p {text-decoration:none !important; }

/*------- CONTENT AREA STYLES ----------*/
#content { padding:15px 0; }

.relative { position:relative; }

/*------- FORM STYLES ------------ */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea { border:1px solid #CCC; outline:none; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus { border:1px solid #3CF; outline:none; -moz-box-shadow:1px 1px 6px #1FA9FF; box-shadow:1px 1px 6px #1FA9FF; box-shadow:1px 1px 6px 2px rgba(31,169,255,.5); -moz-box-shadow:1px 1px 6px 2px rgba(31,169,255,.5); }


/* line height for inline labels */
label.left,
label.right { line-height:1; }

label.left { padding:8px 6px 0 0; }

label.right { padding:8px 0 0 6px; }

/* ------------ BLOG STYLES ---------------  */
.blogTitle { margin-bottom:0; }

#bg4 small { font-size:.75em; }

/* -----page content area -----*/
#page-content {z-index:3;}

/* ------------ TABS WITHIN CONTENT AND PRODUCT DESCRIPTIONS ---------------  */
#products .section-container.auto > section .title,
#products .section-container.auto > .section .title,
#page-content .section-container.auto > section .title,
#page-content .section-container.auto > .section .title { background:none; background-color:none; border-right:none; min-width:25%; text-align:center; }

#products .section-container.auto > section.active .title,
#products .section-container.auto > .section.active .title,
#page-content .section-container.auto > section.active .title,
#page-content .section-container.auto > .section.active .title { border:1px solid #CCC; border-bottom:none; background:white; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }

/* ------------- STORE and CART STYLES ------------- */

/* product detail images */
#products .image-gallery a { margin:0 2% 15px 0; display:inline-block; }

.actions .small.round.btn { padding:3px; margin:0 4px 0 0; font-size:12px; font-weight:bold !important; line-height:10px; width:18px; font-family: Verdana, Geneva, sans-serif; text-align:center; -moz-border-radius:100%; border-radius:100%; }

#divShoppingCartFloat table,
#divShoppingCart table { width:100%; }

#divShoppingCartFloat table tr th,
#divShoppingCart table tr th { text-align:left; font-size:.85em; }

#secure_checkout table { width:100%; }

/* close button in data alerts */
.bg-danger.radius a.close { color:#FFF; opacity:1.0; }

/* Foundation LIghtbox Thumbs */
.clearing-assembled .clearing-container .carousel > ul { text-align:center; width:100% !important; }

.clearing-assembled .clearing-container .carousel > ul li { float:none; display:inline-block; }

/* ------------- Contact Form ------------ */
#com_contact_form { max-width:500px; }

#com_contact_form { width:100%; max-width:500px; }
#com_contact_form input[type="text"],
#com_contact_form input[type="email"],
#com_contact_form textarea { width:100%; }

/* input placeholders */
::-webkit-input-placeholder {
   color: #999;
}

:-moz-placeholder { /* Firefox 18- */
color: #999;
}

::-moz-placeholder {  /* Firefox 19+ */
color: #999; 
}

:-ms-input-placeholder {  
color: #999;
}

/* ----- tag system for articles ----- */
.tag-article-box, .tag-sidebar-box { padding:10px 0; }
.tag-article-box {margin:20px 0; }
.tag-list {list-style-type:none; padding:0 0 15px 0; margin:0;}
.tag-list li {}
.tag-article-box p {padding:0; margin:0;}

/* ------------- List of Subpages on any given page ------------- */

#pageList li { list-style:none; padding:10px 0; }

/* image thumbnail */
#pageList li div { width:25%; float:left; margin-right:15px; }

/* corner ribbon */
.item { position: relative; z-index: 90; }

.ribbon-wrapper { width: 100px; height: 104px; overflow: hidden; position: absolute; top: -6px; right: -6px; z-index:2; }

.ribbon { font-size:.75em; font-weight:900; text-align: center; text-transform:uppercase; text-shadow: rgba(0,0,0,0.3) 0px 1px 0px; -webkit-transform: rotate(45deg); -moz-transform:    rotate(45deg); -ms-transform:     rotate(45deg); -o-transform:      rotate(45deg); position: relative; padding: 7px 0; left: -9px; top: 24px; width: 140px; background-color: #3a99c5; background-image: -webkit-gradient(linear, left top, left bottom, from(#3380aa), to(#3a99c5)); background-image: -webkit-linear-gradient(top, #3380aa, #3a99c5); background-image:    -moz-linear-gradient(top, #3380aa, #3a99c5); background-image:     -ms-linear-gradient(top, #3380aa, #3a99c5); background-image:      -o-linear-gradient(top, #3380aa, #3a99c5); color: #FFF; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3); box-shadow:         0px 0px 3px rgba(0,0,0,0.3); }

.ribbon:before,
.ribbon:after { content: ""; border-top:   4px solid #184359; border-left:  4px solid transparent; border-right: 4px solid transparent; position:absolute; bottom: -4px; }

.ribbon:before { left: 0; }

.ribbon:after { right: 0; }

#intro_text { padding:20px 0 30px 0; }

#products {padding:0 20px 20px 20px;}

/* store items in a grid */
#products .item a.crop { background:#FFF; overflow:hidden; width:100%; text-align:center; display:block; position:relative; z-index:1; }

#products .item a.crop img { width:auto !important; vertical-align:middle; max-height:100%; }

/* text for 'this item is currently out of stock or unavailable */
.red { display:inline; color:red; font-size:.9em; margin-left:20px;}

/* + and - buttons */
.qty-toggle { height:15px; font-size:15px; padding:2px; width:15px; line-height:15px; font-size:15px; }

/* ------------- Mosaic Flow ------------ */

.mosaicflow__column { float:left; }

.mosaicflow__item { padding:4px; }

.mosaicflow__item img { display:block; width:100%; height:auto; }

/* background slider */
.background { position:absolute; position:fixed; bottom:0; right:0; left:0; z-index:0; height:100% !important; }

.background .sy-slide > a > img { height:100% !important;}

.background .sy-pager, .background .sy-controls li, .background .sy-controls li:hover, .sy-caption {display:none !important;}

.caption { z-index:1; width:100%; padding:20px 2%; bottom:0; position:absolute;}

.caption > * {color:#FFF !important;}

/* -------- STYLES FOR INDEX OF SUBPAGES ---------- */
#features .thumb {width:100%; height:130px; overflow:hidden; text-align:center;}
#features .thumb img {width:auto; height:130px;}
#features h3 {font-size:.9em; font-weight:700; margin-top:0;}

#features a, #features a:hover {text-decoration:none;}

/* -------- SIDEBAR STYLES ------- */

.side-nav li.active a {font-weight:700;}

.side-nav li.active li a {font-weight:400;}

.side-nav ul ul {display:none;}

.side-nav #sidenavparent ul ul {display:block;}

/* --------------------------------- AT LEAST 768px WIDE --------------------------------- */
@media screen and (min-width: 768px) {

#logo { max-width:40%; float:left; }

#header-search { float:right; width:25%; padding-top:15px; }

#header-content {float:left; clear:none;}

/*------- FEATURED PAGES ON HOME PAGE (Cascading list) ----------*/

#features ul.sm-block-grid-1 { padding-bottom:30px; }

#features .sm-block-grid-1, #page-content #features ul { margin:0;  position:static; width:100%;}

#features .sm-block-grid-1 li .thumb { float:right; margin:0 0 0 20px; width:30%; }

#features .sm-block-grid-1 li:nth-child(odd) .thumb { float:left; margin: 0 20px 0 0; }



/* -------- SIDEBAR STYLES ------- */

#sidebar { padding-bottom:80px; }


/* ------------- STORE and CART STYLES ------------- */
#products .image-gallery a { margin:0 0 15px; display:block; }

}

/* --------------------------------- AT LEAST 992px WIDE --------------------------------- */
@media screen and (min-width: 992px) {

body { background-attachment:fixed; }

#logo { margin:0; }

#header-search { padding-top:8px; }

#page-content .custom ul,
#page-content .custom ol,
#page-content ul.breadcrumbs { left:0; }
}

/* --------------------------------- AT MOST 768px WIDE --------------------------------- */
@media screen and (max-width: 767px) {

/*------HEADER STYLES -----*/

#header-content { padding:10px 2%; }

#header-search { position:absolute; float:none; left:2%; right:auto; top:auto; width:50%; z-index:10; }


/* show back buttons */
#bg2 .backButton { float:left; display:inline-block; position:relative; z-index:40; margin:8px 0 0 8px; }

/*------- FEATURED PAGES ON HOME PAGE ----------*/
#features { padding-bottom:20px; }

#sidebar { padding-top:20px; }

/* ----------- STORE and CART STYLES ----------- */

#products .image-gallery a { max-width:46%; display:inline-block; }

.actions .btn-xs { margin-bottom:10px; }

.actions .btn-xs { margin-bottom:4px; font-size:10px; padding:6px 2px; }

.small_table td,
.small_table th { font-size:.7em; }
}

/* --------------------------------- AT MOST 600px WIDE --------------------------------- */
@media screen and (max-width: 600px) {

#products .image-gallery a { max-width:90%; margin:0 auto 10px auto; }

#features li img { float:none; margin:0; width:auto; }

.inset-right, .inset-left { width:30%; }

}

/* --------------------------------- AT MOST 500px WIDE --------------------------------- */
@media screen and (max-width: 500px) {

.inset-right, .inset-left { width:100% !important; float:none; clear:both; margin:0 0 20px 0; max-width:60% !important; }


/* utility class for auto width and height */
}

 @media print {

#header-content,
.cartLinks,
#sidebar,
#header-search,
footer,
#cartFooter { display:none; }
 [class*="block-grid-"] > li {
display:inline-block;
width:20%;
padding:0;
margin-left:5%;
text-align:center;
}
}