/* 
Theme Name: Timeless Foods Responsive Child Theme
Description: ifeaturepro5 Child Theme
Template:ifeaturepro5
Version: 1.0.0
Author: CyberChimps
Author URI: http://m-di.com.com/
License: GNU General Public License
License URI: license.txt

*/

#boxes_container .box{
  cursor: pointer;
}

#callout_container {
	margin-bottom: 30px;
}

#callout {
	overflow: hidden;
	padding: 20px;
	border-radius: 3px;
	background: #fdfdfd;
	-webkit-box-shadow: 0px 1px 0px 0px #adadad;
	box-shadow: 0px 1px 0px 0px #adadad;
}



/* =Start From Here
-------------------------------------------------------------- */
/*footer spacing fix if needed*/
@media screen and (min-width: 768px) {
  #footer-widgets .span3:nth-child(1) {
    width: 14%;
  }
  #footer-widgets .span3:nth-child(2) {
    width: 65%;
  }
  #footer-widgets .span3:nth-child(3) {
    width: 14%;
  }
}


#timeless_footer {
	position: relative;
	max-width: 953px;
	margin-left: 20px;	   
  }

#timeless_footer_ticker {

}



/* Dropdown menu fix: This is needed otherwise the navigation dropdown menus always show and look frozen on the screen.  This has something to do with shopp and our styling.  This is a bit of a hack so it might cause problems with elements not showing that should be.  Examine this as a possible culprit.*/


.shopp-product  ul.dropdown-menu,
.shopp-product  ol.dropdown-menu {
    display:none;
}



/* Shopp page fix */
.page-template-no-sidebar-page-php #content, .page-template-no-sidebar-page-php .post { width: 960px; }

/********************************************************************************************************************/
/******************************************** MAIN HTML STYLES ******************************************************/
/********************************************************************************************************************/

a {
    color: #000000;
    text-decoration: none
}

a:hover {
    color: #005580;
    text-decoration: underline
}


body {
	font-family: 'Arial';
	color: black;
	background: #46290f; /* GNK Changed 1/30/15: was #eda474 or DDCA99 */
	word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Arial';
	margin-bottom: 15px;
	font-weight: bold;
}

/*======================================= SEARCH ===============================================*/

header #search #searchform {
	font-family: 'Arial';
	float: right;
	margin-top: 20px;
}
/********************************************************************************************************************/
/******************************************** MAIN CONTENT **********************************************************/
/********************************************************************************************************************/

article.post, article.page, article.attachment {
  overflow: hidden;
	margin-bottom: 30px;
  padding: 0;
  border: none;
  -webkit-border-radius: 3px;  
  border-radius: 3px;
  background: #ddc999; 
  -webkit-box-shadow:  0px 1px 0px 0px #adadad;
  box-shadow:  0px 1px 0px 0px #adadad;
}
.entry-content {
  margin: 0;
}
.page-header {
  margin-top: 0;
  padding: 0;
  border: none;
}
.page-title {
	font-size: 31.5px
  color: #484d4a;
}

/*==================================== POST AND PAGE CONTENT ===========================================*/

article {
	background: #ddc999;
}
.entry-header {
  margin: 0;
  padding: 0 20px;
}
.entry-summary {
  margin: 0;
  padding: 10px;
}
.entry-content {
  padding: 5px;
}
.postformats {
  float: right;
  margin-left: 20px;
  width: 40px;
  height: 38px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #ddc999;
}
blockquote { 
	margin: 10px;
	padding: 3px;
	background-color: #ccc;
}
blockquote p {
  margin: 10px;
}
blockquote cite {
  font-size: 0.9em;
}
blockquote cite:before {
  position: relative;
  top: -2px;
  margin: 0 5px;
  content: ' ̶ ';
}
.page-links {
  clear: both;
}
.more-content {
  overflow: hidden;
  margin-bottom: 15px;
  padding: 10px 20px 5px 20px;
  -webkit-border-radius: 3px;  
  border-radius: 3px;
  background: #fdfdfd;
  -webkit-box-shadow:  0px 1px 0px 0px #adadad;
  box-shadow:  0px 1px 0px 0px #adadad;
}
.previous-post {
  margin-top: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: left;
}
.next-post {
  margin-top: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: right;
}

.featured-image {
  float: left;
  margin: 0px 10px 10px 0px;
}

.entry-title a {
  font-size:22px;
}

/*==================================== TAXONOMY ========================================================*/

.entry-title {
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2em;
}
.entry-title a {
  color: #333333;
}
.entry-title a:hover {
  color: #0088CC;
	text-decoration: none;
}
article.post p, article.page p {
  font-size: 1.1em;
  line-height: 1.5em;
}

/********************************************************************************************************************/
/******************************************** HEADER ****************************************************************/
/********************************************************************************************************************/

header#cc-header {
	margin-bottom: 10px;
}

/*======================================= TOP BAR =============================================*/

#top_header {
	color: transparent;
	margin-bottom: 0px; 
}

#top_header .top-head-description {
	margin: -10px 0 2px 0;
	font-size: 14px;
}


/********************************************************************************************************************/
/******************************************** SIDEBAR & WIDGETS *****************************************************/
/********************************************************************************************************************/

#footer-widget-container .row-fluid .span3 {

}

#sidebar .widget-container {
	overflow: hidden;
	margin-bottom: 30px;
	padding: 6px;
	border: none;
	border-radius: 3px;
	background: #ddc999;
	box-shadow: none;
}

#sidebar h3.widget-title {
	font-family: 'Arial';
	color: #000000;
	font-weight: 600;
	font-size: 16px;
	text-shadow: none;
	margin-top: 0;
	padding: 5px 10px 5px 15px;
	background: #ddc999;
	box-shadow: none;
	border-radius: 0;
	border: none;
}


/*==================================== WIDGET BOXES ===============================================*/

.box {
	background-color: 
	    /***  CSS Gradient  ***/
  /*  Chrome 1-9 and Safari 4-5.0  */
  background-image: -webkit-gradient(linear, left top, left bottom,
        color-stop( 0.000, #E9DFAD ),
        color-stop( 0.498, #E9DFAD ),
        color-stop( 1.000, #E0BB79 ));

  /*  Chrome 10+ Safari 5.1+ Mobile Safari  */
  background-image: -webkit-linear-gradient(top,
        #E9DFAD, 
        #E9DFAD 49.8%,
        #E0BB79 );

  /*  Firefox 3.6+  */
  background-image: -moz-linear-gradient(top,
        #E9DFAD, 
        #E9DFAD 49.8%,
        #E0BB79 );

  /*  IE 10+  */
  background-image: -ms-linear-gradient(top,
        #E9DFAD, 
        #E9DFAD 49.8%,
        #E0BB79 );

  /*  Opera 11.10+  */
  background-image: -o-linear-gradient(top,
        #E9DFAD, 
        #E9DFAD 49.8%,
        #E0BB79 );

  /*  W3C  */
  background-image: linear-gradient(top,
        #E9DFAD, 
        #E9DFAD 49.8%,
        #E0BB79 );
	display: none;
	overflow: hidden;
	margin-top: -25px; /* Gail added 3/24/15 */
  margin-bottom: 30px;
	border: 2px solid #bc6c29; /* GNK was #adadad, changed 1/25/15 */
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 0px 0px #bc6c29; /* GNK was adadad, changed 1/25/15 */
	box-shadow: 0px 1px 0px 0px #bc6c29;
}

h2.box-widget-title {
	opacity: 0.6;
	margin-top: 0;
	text-align: center;
	font-size: 1.6em;
	line-height: 1em;
}

.box p {
	font-size: 1.1em;
	line-height: 1.2em;
}

#widget_boxes_container #searchform {
	padding-right: 30px;
}

#widget_boxes_container #searchform.pull-right {
	float: none;
}

#widget_boxes_container #searchform input.input-medium {
	display: inline-block;
	float: none;
	width: 100%;
}
/*==================================== BOXES ======================================================*/

#boxes_container .box h2.box-widget-title {
	background-color: #ccc;
	opacity: 0.6;
	background-repeat: repeat; !important;
	position: relative;
	padding-bottom: 10px; 
	padding-top: 10px;
	z-index: 1;
	text-align: center;
	font-family: "Arial";
}

#boxes_container .box a {
	color: black;
	background-color: #cccccc;
	padding: 10px;
  
	font-family: 'Arial';
	display: none;
	text-align: center;
}

/*======================================= SEARCH ===============================================*/

header #search #searchform {
	float: right;
	margin-top: 20px;
}

/********************************************************************************************************************/
/******************************************** MENU ******************************************************************/
/********************************************************************************************************************/

#navigation {
	margin-bottom: 50px;
}

.main-navigation.navbar {
	margin-bottom: 0;
}

.main-navigation .navbar-inner {
	padding: 0;
	min-height: 20px;
	background: #cc9933;
	box-shadow: none;
	border-radius: 0;
	border: none;
}

.main-navigation .nav > li {
	/* border-right: 1px solid #ccc; */
	box-shadow: none;
}

.main-navigation .nav > li > a {
	color: white;
	font-size: 1.1em;
}
.main-navigation .nav > li.dropdown > a.dropdown-toggle .caret {
	margin-top: 10px;
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}

.main-navigation .nav > li > a:hover {
	background: #ddca99;
	color: #f6f6f6;
}

.main-navigation .nav .active > a, .main-navigation .nav .current_page_item > a {
	background: #ddca99;
	color: #262626;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle, .current-menu-ancestor.dropdown {
	background-color: #ddca99;
	color: ##2F4F4F;
}

.main-navigation .nav li ul li a {
	padding-top: 5px;
	padding-bottom: 5px;
}

.main-navigation .nav li ul li a:hover, .main-navigation .nav .current_page_item > a:hover, .main-navigation .nav li ul li a:focus {
	background: #d3a020;
	color: black;
	filter: none;
}

.main-navigation .nav li ul li a {
	color: #000;
}

.main-navigation .nav li ul li ul {
	margin-left: 0;
	list-style: none;
}

.main-navigation .nav li ul li ul li a {
	padding-left: 24px;
}

.main-navigation .nav li ul li ul li ul li a {
	padding-left: 30px;
}

.main-navigation .nav li.dropdown:hover ul.dropdown-menu {
	display: block;
	margin-top: 0;
	border-radius: 0;
	background: #ddca99;
}

.navbar .nav > li > .dropdown-menu::before {
	position: absolute;
	top: -7px;
	left: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #666666;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	border-left: 7px solid transparent;
	content: '';
}

.navbar .nav > li > .dropdown-menu::after {
	position: absolute;
	top: -6px;
	left: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #666666;
	border-left: 6px solid transparent;
	content: '';
}

#navigation #searchform {
	margin-right: 15px;
}

.navbar .btn-navbar {
	margin-bottom: 5px;
}

/* 3rd tier */
.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
	filter: none;
}

.main-navigation .nav > li > ul > li {
	position: relative;
}

.main-navigation .nav > li > ul > li > ul {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 1001;
	display: none;
	margin-top: 0;
	padding: 0;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: #ddca99;
}

.main-navigation .nav > li > ul > li:hover > ul {
	display: block;
}

.main-navigation .nav > li > ul > li > ul::before {
	position: absolute;
	top: 7px;
	left: -7px;
	display: inline-block;
	border-top: 7px solid transparent;
	border-right: 7px solid #666666;
	border-right-color: rgba(0, 0, 0, 0.2);
	border-bottom: 7px solid transparent;
	content: '';
}

.main-navigation .nav > li > ul > li > ul::after {
	position: absolute;
	top: 8px;
	left: -6px;
	display: inline-block;
	border-top: 6px solid transparent;
	border-right: 6px solid #666666;
	border-bottom: 6px solid transparent;
	content: '';
}

@media (max-width: 979px) {
	.main-navigation .nav > li > ul > li > ul::after, .main-navigation .nav > li > ul > li > ul::before {
		border: none;
	}

	.main-navigation .nav > li > ul > li > ul {
		position: static;
		display: block;
		border: none;
	}

	.nav-collapse .dropdown-menu li + li a {
		margin-bottom: 0px;
	}

	.nav-collapse.in {
		background-color: #ddca99;
		background-image: none;
	}

	.nav-collapse.in .nav li {
		background-color: #DDCA99;
	}

	.nav-collapse.in .nav ul {
		background: #DDCA99;
	}

	.navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after {
		display: none;
	}

	.navbar-inverse .nav-collapse.in .nav > li > a:hover, .navbar-inverse .nav-collapse.in .dropdown-menu a:hover {
		background-color: #ddca99;
		color: #ffffff;
	}

	.navbar-inverse .nav-collapse.in .nav li a, .nav-collapse.in .dropdown-menu a {
		color: #ffffff;
		text-shadow: none;
		font-weight: normal;
	}

	.navbar-inverse .nav-collapse.in .nav > li.current-menu-item > a, .navbar-inverse .nav-collapse.in .nav > li.current-menu-ancestor > a {
		background: #DDCA99;
		box-shadow: none;
		color: #ffffff;
	}

	.nav-collapse.in .dropdown .caret {
		display: none;
	}

	.nav-collapse.in .dropdown-menu {
		display: block;
	}

	.navbar-inverse .nav-collapse.in .dropdown-menu .active > a, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle {
		background-color: #DDCA99;
		background-image: none;
		color: #ffffff;
	}
}


/********************************************************************************************************************/
/******************************************** FOOTER ****************************************************************/
/********************************************************************************************************************/


#footer_widgets_wrapper {
	margin-top: 20px;
	padding-top: 20px;
}
#footer-widgets {
  margin-bottom: 30px;
}
#footer-widgets .widget-container {
  border: none;
}
#footer-widget-container {
	background: transparent;
}
#footer-widgets .widget-container {
	background: transparent;
	color: #fff;
}
#footer-widgets .widget-container h3 {
	color: #fff;
	font-size: 1.3em;
}
#footer-widgets .widget-container ul {
	margin: 0;
}
#footer-widgets .widget-container a {
	border-bottom: 1px dotted #ccc;
	color: #fff;
}
#footer-widgets .widget-container p {
	color: white;
}
#after_footer {
  margin-top: -1px;
  padding-bottom: 1px;
}
.site-footer {
	margin-top: 20px;
  margin-bottom: 20px;
}
.site-footer #copyright {
	margin-top: -25px;
	font-family: "Arial";
	color: white;
	text-align: center;
}
/* Center the copyright */

body .site-footer .span6 {
  width: 100%;
}
/*==================================== IMAGES ==========================================================*/

.alignnone {
	display: block;
	margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto
}

img.size-full {
	max-width: 100%;
	height: auto;
}

.wp-caption {
	padding: 15px 3px 10px;
	max-width: 96%;
	border: 1px solid #f0f0f0; /* Image does not overflow the content area */
	background: #ffffff;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	max-width: 95%;
	width: auto;
	height: auto;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}

.caption_title {
	font-size: 16px;
}

.gallery-pagination {
	margin: 20px 0;
}

.gallery-pagination .previous-image a {
	float: left;
}

.gallery-pagination .next-image a {
	float: right;
}



/* -----------------Ticker code--------------------- */

.mtphr-dnt img {
  max-width: 100%;
  height: auto;
}
.mtphr-dnt-wrapper {
	position: relative;
	width: 100%;
	background: #DDCA99; 
  border: 2px solid #bc6c29; /* Gail added 3/24/15 */
	-webkit-border-radius: 3px;
  margin-left:-4px; /* Gail added 3/24/15 */
  margin-right: -2px; /* Gail added 3/24/15 */
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.mtphr-dnt-inline-title {
	float: left;
	padding-right: 5px;
}
.mtphr-dnt-tick-container {
	position: relative;
	font-size: 18px;
}
/*The ticker plugin was set to have a width of 950px, which means that even in a mobile viewport the ticker is 950px.  This makes it so the rest of the content only takes about half the screen.  This styling gets us the same full 950 ticker in desktop and actually scales in smaller viewports.*/
#mtphr-dnt-1029-widget{
    max-width: 950px;
    width: 90%;
}

/*WooCommerce Styles Added by Adam*/
#cc_woocommerce #content {
	background: #ddc999;
  padding:20px;
}

.woocommerce ul.products li.product .price{
  color: #d34f2d;
	font-size: 16px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
	background-color: #cb9931;
	color: white;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
	background-color: #687733;
	color: white;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
	font-size: 15px;
  color: #352b22;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background: #cb9931
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
	background: #687733
}

.woocommerce form .form-row label{
	color:  #352b22;
	font-size: 14px;
}

.woocommerce .woocommerce-breadcrumb{
	color: #808285;
}

.woocommerce .woocommerce-breadcrumb a{
	color: #808285;
}

.woocommerce div.product p.price, .woocommerce div.product span.price{
	color: #d34f2d;
}

.woocommerce div.product .product_title{
	color:  #352b22;
}

.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents{
  color:  #352b22;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
 color: #352b22;
}

.woocommerce-page .cart-collaterals .cart_totals .order-total{
 color: #d34f2d;
}

.woocommerce table.shop_table .order-total{
	color: #d34f2d;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
    width: 100px;
    margin-top: 5px;
}

.woocommerce form .form-row.woocommerce-invalid label{
	color: #d34f2d;
}

.woocommerce ul.products li.product a{
	text-decoration: initial;
}

/*This is important for the WooCommerce Category page that is selected, the bootstrap default for the active tab is a black color*/
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:focus{
		background: #ddca99;
    color: #262626;
}

.navbar-inverse .nav .active > a:hover {
      background: #d3a020;
  		color: black;
}

/*put Add to Cart Buttons all on the same line 
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {min-height: 500px !important; margin-bottom:10px; }
ul.products li.product a.button {position: absolute !important; bottom: 100px; }
*/
/*End WooCommerce Styles Added by Adam*/