/*
Theme Name:     Sassafras Custom Theme
Theme URI:      http://tcwebsite.com
Description:    Custom Theme for Sassafras Software
Author:         TC Website
Author URI:     http://tcwebsite.com
Template:       function
Version:        1.0
*/

@import url("../function/style.css");

/* Header and Site
// ========================================
*/

html body {
	background: #efefef !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 .2em;
}

#page-entries {
  border-top: 1px dotted #eaeaea;
  border-bottom: 1px dotted #eaeaea;
  padding: 1.618em 0;
  margin: 0 0 2.244em;
}

#wrapper, #footer-wrapper {
	overflow: hidden;
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

#header h1 {
	margin-bottom: 0;
	margin-right: 30px;
	text-align: center;
	margin-top: 10px;
}

#header h2 {
	text-align: center;
	margin-right: 30px;
}

body #header {
	padding-top: 1em;
}


body #header #logo {
	margin-bottom: 1em;
}

#searchform #s {
	color: #444;
	line-height: 1.4em;
}

body .post header:after {
	clear: none !important;
	content: " ";
}

body.search-results .entry > p > strong {
	color: #000000;
}




/* Homepage 
// ========================================
*/


.home-sidebar {
	width: 41%;
	float: left;
}

.slider-wrapper {
	border: 1px solid #ddd;
	overflow: hidden;
	border-radius: 5px;
}

.home-main {
	width: 53%;
	float: right;
	background: #f8f8f8;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}

.learn-more {
	text-align: center;
	margin-bottom: 0;

}

.learn-more a.woo-sc-button {
	margin-bottom: 5px;
}

.learn-more em {
	margin-right: 10px;
}
.homepage-article {
	margin-top: 30px;
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

.homepage-article img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.homepage-article .date {
	display: block;
	font-size: .8em;
	font-style: italic;
}

.homepage-article h3 {
	margin: 0;
}

.home-main ul {
	margin-left: 40px;
	margin-top: 20px;
	font-size: 1.1em;
}

.home-main h1 {
	font-size: 2em;
}

.intro-video {
	padding: 40px 0;
	text-align: center;
	clear: both;
	border-top: 1px solid #ddd;
}

.intro-video iframe {
	padding: 5px;
	border: 1px solid #ddd;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.symple-one-fourth {
	clear: both;
}

/* homepage testimonials */

.widget_woothemes_testimonials .quote {
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 1.618em;
}

.home .widget_woothemes_testimonials .quote .testimonials-text {
	font-size: 1.3em;
}


/* Page Styles
// ========================================
*/

.post .entry .testimonials-text {
	quotes: none;

}

.type-page .entry h2 a {
	text-decoration: none;
}


.type-page .entry .testimonials-list blockquote:before {
	content: none;
}

.page-id-67 .symple-column p {
	font-size: 1.6em;
}

.page-id-198 .symple-column {
	margin-bottom: 0em;
}
.page-id-198 .symple-column p, .page-id-198 .symple-column img {
	margin: 0;
}

p {
	-moz-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}

.widget_woothemes_testimonials {
	border-bottom: none;
	padding: 0;
}
.widget_woothemes_testimonials .quote .author {
	float: right;
	width: auto;
}
.widget_woothemes_testimonials .quote .author .excerpt {
	line-height: 1.1em;
	font-size: .8em;
}

.page-id-217 .symple-tabs {
	border-top: 1px solid #DDDDDD;
}

.page-id-217 .symple-tabs ul.ui-tabs-nav {
	position: absolute;
}

.page-id-217 .symple-tabs ul.ui-tabs-nav li {
	float: none !important;
}

.page-id-217 .symple-tabs  .tab-content {
	margin-left: 188px;
}

/* Pages based on static files */
.fromfile li {
	padding-left: 2em;
}
.fromfile img {
	border: 0;
}
.fromfile .inset2 {
	padding: 0 2em 0 2em;
}
.fromfile td {
	vertical-align: middle;
}
.fromfile a {
	text-decoration: none !important;
}
.tabicon {
	padding-right: 0;
	text-align: right;
}
.tableft {
	padding-left: 0;
}

/* videos */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
div.pp_overlay {z-index:100000;}
div.pp_pic_holder {z-index:100001;}
/* Forms
// ========================================
*/

input[type="text"], input.input-text, textarea, input.txt, input[type="tel"], input[type="email"] {
	border: 1px solid #bbb;
}

.pl1m {
	padding-left: 1em;
}
.pt1m {
	padding-top: 1em;
	text-align: right;
}
.mc-cbs {
	float:left;
	padding-right: 1em;
}
#mc_embed_signup {
	padding-left: 2.618em;
}
.mc-email .email {
	width: 100%;
}

.social img {
	width: 20px;
	margin: 1px;
}

.tightunder {
	margin: 0 0 .8em 0;
}

/* Footer
// ========================================
*/

#footer-widgets .widget {
	margin-bottom: 0;
	padding-bottom: 0;
}

#footer-wrapper #footer-widgets .footer-widget-1, #footer-wrapper #footer-widgets .footer-widget-4 {
		margin-right: 0;
		margin-left: 3.8%;
	}

#footer {
	padding: 0;
}

#footer #copyright p {
	margin: 10px 0;
	color: #aaa;
	font-size: .75em;

}

#footer-wrapper {
	background: #fff;
}

#footer-widgets {
	background: #3e3e3e;
	padding: 1.618em 0 0;
}



#footer-widgets .widget {
	border: none;
}



/* desktop only styles */
@media all and (min-width: 768px) {

	/* push search to left a bit and make narrower than default */
	#wrapper #header #header-components {
		right: 1em;
		xwidth: 200px;
	}

	body #header .search_main {
		width: 100%;
	}

	body #navigation ul#main-nav {
		width: 100%;
	}

	body #navigation ul.nav ul {
		background: #4789b9;
		width: 100%;
		top: 99%;
		overflow: hidden;
	}

	body #navigation ul.nav > li:last-child a {
		box-shadow: none;
	}

	body #navigation ul.nav > li a {
		border: none;
		box-shadow: none;
	}

	/* take off lighter gray hover so we don't see a flash before our delayed over. */
	/* for some reason "body" is important in this rule to make it win over layout.css from function */
	body #navigation ul.nav > li.jshidemenu:hover, body #navigation ul.nav > li.jshidemenu a:hover {
		background-color: #4a4a4a;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636));
		/* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, #4a4a4a, #363636);
		/* Chrome 10+, Saf5.1+, iOS 5+ */
		background-image: -moz-linear-gradient(top, #4a4a4a, #363636);
		/* FF3.6+ */
		background-image: -ms-linear-gradient(top, #4a4a4a, #363636);
		/* IE10 */
		background-image: -o-linear-gradient(top, #4a4a4a, #363636);
		/* Opera 11.10+ */
		background-image: linear-gradient(to bottom, #4a4a4a, #363636);
	}
 
	/* once we mouse over a different item in main nav, category for current page goes to dark gray */
	#navigation ul.nav > li.other-menu, body #navigation ul.nav > li.other-menu a {
		background-color: #393939;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828));
		/* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, #393939, #282828);
		/* Chrome 10+, Saf5.1+, iOS 5+ */
		background-image: -moz-linear-gradient(top, #393939, #282828);
		/* FF3.6+ */
		background-image: -ms-linear-gradient(top, #393939, #282828);
		/* IE10 */
		background-image: -o-linear-gradient(top, #393939, #282828);
		/* Opera 11.10+ */
		background-image: linear-gradient(to bottom, #393939, #282828);
	}

	/* for "delayed hover" - don't show as soon as we hover */
	li.jshidemenu:hover > ul {
		visibility: hidden !important;
	}
	/* for "delayed hover" - do show once we choose to */
	li.jsshowmenu > ul {
		visibility: visible !important;
	}

	/* add proper blue to top level items once we delayed hover */
	#navigation ul.nav > li.jsshowmenu, body #navigation ul.nav > li.jsshowmenu > a {
		background-color: #76b9e9;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#76b9e9), to(#4386b6));
		/* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, #76b9e9, #4386b6);
		/* Chrome 10+, Saf5.1+, iOS 5+ */
		background-image: -moz-linear-gradient(top, #76b9e9, #4386b6);
		/* FF3.6+ */
		background-image: -ms-linear-gradient(top, #76b9e9, #4386b6);
		/* IE10 */
		background-image: -o-linear-gradient(top, #76b9e9, #4386b6);
		/* Opera 11.10+ */
		background-image: linear-gradient(to bottom, #76b9e9, #4386b6);
	}
	/* make submenu of delayed hover over be blue */
	#navigation ul.nav > li.jsshowmenu ul, #navigation ul.nav > li.jsshowmenu ul li, #navigation ul.nav > li.jsshowmenu ul li a {
		background: #4789b9 !important;
	}

	/* on hover make sure submenu is on top of "always displayed on page" submenu */
	body #navigation ul.nav > li:hover .sub-menu {
		z-index: 99998;
	}
	/* but not on top of jsshowmenu, that takes over */
	body #navigation ul.nav > li.jsshowmenu .sub-menu {
		z-index: 99999;
	}
	/* next rule would simplify if it took precedence over the 99998 rule, but it doesn't seem to */
	body #navigation ul.nav > li.jshidemenu:hover .sub-menu {
		z-index: 1;
	}

	body #navigation ul.nav > li {
		position: static;
	}

	body ul.nav ul li {
		float: left;
	}

	body #navigation ul.sub-menu > li a {
		padding: 0.618em .618em;
		color: #eee;
		text-shadow: none;

	}

	body #navigation ul.sub-menu > li:first-child a {
		border-bottom-left-radius: 5px;
	}

	body #navigation ul.sub-menu > li a:hover {
		color: #fff;
		background: #4789b9 !important;
	}

	/* submenu on current page is blue */
	#navigation ul.nav > li.current_page_item ul li a, #navigation ul.nav > li.current_page_parent ul li a, #navigation ul.nav > li.current-menu-ancestor ul li a, #navigation ul.nav > li.current-cat ul li a, #navigation ul.nav > li.current-menu-item ul li a {
		background: #4789b9 !important;
	}


	/* submenu on current page stays visible */
	body #navigation ul.nav > li.current-menu-parent .sub-menu {
	
		visibility: visible;
	}

	body #navigation ul.nav > li.current-menu-parent .sub-menu .current_page_item a {
		color: #fff;
	}

	#header #navigation {
		margin-bottom: 3.618em;
		border: none;
	}

	#woothemes_testimonials-3 .quote {
		width: 31%;
		padding: 0 2% 0 0;
		float: left;
		border-bottom: 0;
	}

	#footer-wrapper #footer-widgets .footer-widget-4 {
		float: right;
		margin-right: 3.8%;
	}

}

@media all and (max-width: 768px) {
	
  #header #logo {
    float: left;
  }
  #header #logo img {
    margin: 0;
    display: inline;
  }
	.home-main {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	.home-sidebar {
		float: none;
		width: 100%;

	}
}


.clear {
	clear: both;
}

.redfont {
        color: red;
}