/* CSS Document */

/* Transition */

/* Link transitions */
#article a,
p a,
li a,
input,
textarea,
.orbit-bullets li,
#features a:hover h3, .top-bar, .contain-to-grid, #features a h4, .small_phone a { -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; }

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

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

/* Set the fixed height of the sticky footer here */
footer, .push { height: 60px; clear:both; text-align:center; }
footer {position:relative;z-index:24;}

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

header { text-align:center; padding:0; }

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

#logo {max-width:300px; padding-bottom:15px; float:left;}

.backButton { display:none; }

#headerSearch, .searchField { float:right; height:auto; padding:8px 0 0 0;}

#headerSearch {position:relative; z-index:100;}

#headerSearch input, #blogSearch input, .searchField input { display:inline-block; margin:0; }

#headerSearch input[type="text"], #blogSearch input[type="search"], .searchField input[type="search"]  { width:80%; }

#headerSearch .imageButton, #blogSearch .imageButton, .searchField .imageButton { position:relative; top:6px; left:6px; }

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

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

/*------NAV STYLES -----*/
nav {margin-top:0; }

/* logo in navigation bar - default for small screens
nav li.name img {max-width:200px; max-height:35px;}
nav li.name {padding:5px 0;}
 */
.top-bar,
.top-bar-section li a:not(.button),
.contain-to-grid ,
.top-bar-section ul,
.top-bar-section ul li > a, 
.top-bar.expanded .title-area {background:transparent;}

/*------- ORBIT SLIDESHOW STYLES ----------*/

/* Carousel base class */
.slideshow-wrapper { padding-bottom:40px; }

.slideshow-wrapper .orbit-container li { width:100%; max-height:500px; overflow:hidden; }

.slideshow-wrapper li img { min-width: 100%; height: auto; }

.orbit-bullets { display:table; margin:0 auto; }

.orbit-bullets li { border:none; }

.orbit-bullets li:hover { background:#00AFF0; cursor:pointer; }

.orbit-caption, .orbit-caption a, .orbit-caption h1, .orbit-caption h2 , .orbit-caption h3, .orbit-caption h4, .orbit-caption p  {color:#fff;}

/* don't show slideshow elements if there is only one slide */
#staticshow .orbit-bullets,
#staticshow .orbit-slide-number,
#staticshow .orbit-prev,
#staticshow .orbit-next { display:none; }

/* hide slide numbers and timer */
.orbit-slide-number { display:none; }

.orbit-container .orbit-timer { right:-999em; }

.tourItem {padding-bottom:30px;}

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

/* ------ TEXT-LEVEL STYLES ----------*/

h1 { font-size: 2.1em; }

h2 { font-size: 2.0em; }

h3 { font-size: 1.8em; }

h4 { font-size: 1.4em; }

h5 { font-size: 1.2em; }

h6 { font-size: 1.1em; }

h1, h2, h3, h4, h5, h6 {line-height:130%;}

p {line-height:1.5; font-size:1em;}

hr {clear:both;}

#page_content ul, #page_content ol {margin-left:20px;}

#page_content ul.breadcrumbs {margin-left:0;}

/* --- font size for header, footer, top navigation, fine print, and side nav --- */
    
.side-nav li {font-size:1em;}
.breadcrumbs, .top-bar-section ul {
    font-size: 1em;}
	
.top-bar-section ul li > a, .side-nav li > a {
    font-size: .9em;}

header p, footer p, #blogSearch input[type="text"], #headerSearch input[type="text"], .searchField input[type="text"] {
    font-size: .8em;}

 small {
    font-size: .7em; }
    
	
/*------- FORM STYLES ------------ */

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);

}
button, .button {
-webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0) inset;
box-shadow: 0 0 0 rgba(255, 255, 255, 0) inset;
}

/* 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;}

/* blog archives accordion */
.section-container > section > .title, .section-container > .section > .title, .section-container.auto > section > .title, .section-container.auto > .section > .title, .section-container, .section-container.auto  {border:none;}
.section-container > section.active > .title a, .section-container > .section.active > .title a, .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {font-weight:700;}


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

.actions .small.round.button {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 */
.alert-box.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 table {width:100%; max-width:500px;}
#com_contact_form input[type="text"],#com_contact_form input[type="email"],#com_contact_form textarea {width:100%;}
/* ------------- 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; }


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

.mosaicflow__column {
    float:left;
}
.mosaicflow__item {
	padding:4px;
}
.mosaicflow__item img {
    display:block; width:100%; height:auto;
}

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


/*------- FEATURED PAGES ON HOME PAGE ----------*/
#features {padding-bottom:30px;}
#features ul.small-block-grid-1 {padding-bottom:60px;}
#features .small-block-grid-1 { margin:0; }

#features .small-block-grid-1 li { border-bottom:1px solid #ccc; padding:15px 0; }

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

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


/*--------SIDEBAR STYLES-----*/
#sidebar.push-9 {width:23.5%; padding-left: 1em; }

#sidebar {padding-bottom:80px;}

}

/* --------------------------------- AT LEAST 940px WIDE --------------------------------- */
@media screen and (min-width: 940px) {
	
#logo {margin:0;}

/* logo in navigation bar - default for small screens */
nav li.name img {max-height:60px; max-width:300px;}
.top-bar {line-height:60px;}

#page_content img {margin-bottom:10px;}

#headerSearch {padding-left:12px;}

}

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

#wrapper {padding:0 4%;}

/*------HEADER STYLES -----*/
header { text-align:center;}

#header_text {clear:both; text-align:center; padding:15px 0;}


/* back and next buttons for slideshow */
.orbit-container .orbit-prev, .orbit-container .orbit-next {top:40px;}


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

#logo {text-align:center; margin:0 auto; text-align:center;}

/* 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:60px;}
/* #features [class*="block-grid-"] > li { margin:0 auto; padding:0 3% 10px 3%; display:block; float:none; width:auto; }

#features [class*="block-grid-"] { margin:0 auto; padding:0; }

#features [class*="block-grid-"] > li .thumb { float:left; margin:0 20px 0 0; width:30%; } */

#sidebar { border-top:1px solid #E6E6E6;padding-top:20px; }


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

.actions .small.round.button { margin-bottom:10px; }
.actions .tiny.secondary.button { margin-bottom:4px; font-size:10px; padding:6px 2px; }

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

}

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

#features [class*="block-grid-"] > li img { float:none; margin:0; width:auto; }
}