/*
Theme Name: Cedarlane Foods Child
Theme URI: https://www.cedarlanefoods.com
Description: Custom theme designed for Cedarlane Natural Foods, Inc. by theMEDIAWORX Skeleton wireframe based.
Version: 2.0.1
Author: theMEDIAWORX
Author URI: https://themediaworx.com
Template: cedarlane
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/*
----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------

This child theme enables you to make customizations while allowing for safe updates to the parent theme.
The parent theme's style.css is imported below. If you wish to make customizations, do one of the following:

A.) Copy the contents of skeleton/style.css into this file, but leave the (above) child theme head in tact!
B.) Add specific rules BELOW the import. This is intended for minimal customizations.

----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------

*/

@import url("../cedarlane/style.css");
@font-face {
      font-family: 'Cedarlane';
      src: url('fonts/cedarlane.eot?93464075');
      src: url('fonts/cedarlane.eot?93464075#iefix') format('embedded-opentype'),
           url('fonts/cedarlane.woff?93464075') format('woff'),
           url('fonts/cedarlane.ttf?93464075') format('truetype'),
           url('fonts/cedarlane.svg?93464075#cedarlane') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     

 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "cedarlane";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

.icon-star-empty:before { content: '\e800'; } /* '' */
.icon-star:before { content: '\e801'; } /* '' */
.icon-heart-empty:before { content: '\e802'; } /* '' */
.icon-heart:before { content: '\e803'; } /* '' */
.icon-search:before { content: '\e804'; } /* '' */
.icon-bookmark:before { content: '\e805'; } /* '' */
.icon-home:before { content: '\e806'; } /* '' */
.icon-basket:before { content: '\e807'; } /* '' */
.icon-tmworx:before { content: '\e808'; } /* '' */
.icon-award:before { content: '\e809'; } /* '' */
.icon-article-alt:before { content: '\e80a'; } /* '' */
.icon-popup:before { content: '\e80b'; } /* '' */
.icon-food:before { content: '\e80c'; } /* '' */
.icon-at:before { content: '\e80e'; } /* '' */
.icon-shop:before { content: '\e80f'; } /* '' */
.icon-mail-1:before { content: '\e810'; } /* '' */
.icon-restaurant:before { content: '\e832'; } /* '' */
.icon-bookmark-empty:before { content: '\f097'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-pinterest-circled:before { content: '\f0d2'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-google:before { content: '\f1a0'; } /* '' */
.icon-sliders:before { content: '\f1de'; } /* '' */
.icon-share:before { content: '\f1e0'; } /* '' */
.icon-yelp:before { content: '\f1e9'; } /* '' */
.icon-paypal:before { content: '\f1ed'; } /* '' */
.icon-amazon:before { content: '\f270'; } /* '' */
.icon-shopping-basket:before { content: '\f291'; } /* '' */
.icon-envira:before { content: '\f299'; } /* '' */
.icon-snapchat-ghost:before { content: '\f2ac'; } /* '' */
.icon-address-card:before { content: '\f2bb'; } /* '' */
.icon-user-circle:before { content: '\f2bd'; } /* '' */
.icon-thermometer-3:before { content: '\f2c8'; } /* '' */
.icon-snowflake-o:before { content: '\f2dc'; } /* '' */

/* Shortcuts */
.center {text-align:center;}
.box-shadow {
	-webkit-box-shadow: #0066ff 0 0 5px 0;
	-moz-box-shadow: #0066ff 0 0 5px 0;
	-o-box-shadow: #0066ff 0 0 5px 0;
	box-shadow: #0066ff 0 0 5px 0;
}
.box-radius {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.ondark,
.ondark .widget-title,
.ondark a { color: #fff!important; }


@media only screen and (min-width: 800px) {
	.hide-desktop {
	display:none!important;
}
}
/* Common styles */
.one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { margin-bottom:0; }
.logotype-img img { width:100%;    position: relative;
    z-index: 9999999; }

/* Navigation styles */
li.page_item a, li.menu-item a {
	text-transform: uppercase;
	color:#5d501e;
	font-family: Poppins;
}
#navigation ul ul { text-align:left; }
#navigation ul.sub-menu li a {padding-left: 20px; }


body { font-size:20px; }
a, button, input {transition: all 0.7s ease;}
#content-wrap {width: 100%;
    background-image: url(images/content-bottom.jpg);
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
	padding-bottom:120px;
	overflow: hidden;
}
blockquote.story,
.intro-paragraph {
	font-size: 2rem;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 0;
    line-height: 1.4em;
}
.hero-image {
	width: 100%;
    background-size: cover;
    background-position: center bottom;
	text-align: center;
	overflow: hidden;    margin-bottom: 70px;
}
.hero-image .entry-title {  
    color: #fff;
    margin: 7%;
}


.category-news .hero-image,
.sidebar-right .hero-image { background-image: url(https://www.cedarlanefoods.com/wp-content/uploads/2018/10/page-header-1.jpg)!important;}
body.sidebar-right #wrap #sidebar,
.entry-meta, .entry-utility{ displaY:none; }

#footer .sub-menu {display:none; }


body.post-template-default #wrap #content-wrap h1,
body.category #wrap #content-wrap h1 {
	display: none;
}

body.post-template-default #wrap #content,
body.category #wrap #content {
    float: none;
    text-align: center;    max-width: 800px;
    display: block;
    margin: 0 auto;
}

/* Header styles */
#header { padding:20px; overflow: visible; transition: all 0.7s ease; line-height: 1rem; box-sizing: border-box; }

#header h1#site-title a {
    padding: 0 10%;
    display: block;
	
}
h1#site-title { line-height:2.6rem ;}
#wrap.fixed #header {
	width: 100%;
	padding:0px;
	top:0; 
	overflow: visible;
	position: fixed;
	background: #fff;
	z-index: 999;
	line-height: 1rem!important;
	box-shadow: 0 0 50px #00000036 ;
}
#wrap.fixed {margin-top: 80px;}
#wrap.fixed #header h1.site-title {margin: 14px auto 10px;}
#wrap.fixed #header h1#site-title a {max-width:300px;}


/* Homepage styles */
.panel-grid-cell .widget-title,
h2.entry-title{
	font-size: 3rem;
	font-weight: 600;
	letter-spacing: -2px;
	line-height: 3.2rem;
}


#layer-instagram,
#layer-footer-links,
#layer-fresh-title,
#layer-frozen-title,
#layer-signup  			{ padding: 4rem 7rem; }
#footer #credits 		{ padding: 0 7rem 7rem 7rem; }

#layer-instagram a, .icon-instagram:before { text-decoration:none; font-size:28px; }

#layer-fresh-title a,
#layer-frozen-title a {
	text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
}
/* Product Carousel */
.white-box {
    background: #fff;
    box-shadow: 0 0 30px #ccc;
    box-sizing: border-box;
	min-height: 200px;
}
.product-carousel		{ height:auto!important; padding: 20px 0px; }
.product-wrapper		{ position:relative; transition: all 0.7s ease;}


@media only screen and (min-width: 767px) {
	.product-carousel:hover > .product-wrapper {opacity: .5; }
	.product-carousel:hover > .product-wrapper:hover {opacity: 1; }
	
.lSSlideOuter .lSPager, .lSSlideOuter .lightSlider{ /*padding-left:20px;*/ }
}

.product-title-wrapper 	{ 
	text-align: center;
    width: 100%;
    padding: 0 20px 40px;
    box-sizing: border-box;
    color: #5d501e;
    position: relative;
    z-index: 5;
	margin-top: 130px;
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.product-wrapper .graphic.wp-post-image {
    position: absolute;
    z-index: 4;
	left: 0;
	}

.product-wrapper img.attachment-full {
    z-index: 5;
    opacity: 0;
    left: 0;
    position: absolute;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.product-wrapper:hover img.attachment-full {
    opacity: 1;
}


.product-wrapper:hover .product-title-wrapper {margin-top: 70%;}



.product-title-wrapper a {
	color:#5d501e;
	text-decoration: none;
}

.product-wrapper:hover .product-title-wrapper h3,
.product-wrapper:hover .product-title-wrapper h2,
.product-title-wrapper h3,
.product-title-wrapper h2 {
    letter-spacing: 0;
}
.product-title-wrapper h3 { 
    font-size: .7em;
	font-weight: 300;
    color: #bdb682;
}
.product-title-wrapper h2 { 
    font-size: 1.4em;
    font-weight: 600;
}
.product-title-wrapper .buttonwrapper { 
    font-size: 0.8rem;
    line-height: 1.2rem;
    margin-top: 1.2rem;
    display: block;
}
.product-title-wrapper .buttonwrapper a { display:block;}

#fancybox-content .nutrition {
	font-size: 1rem;    line-height: 1rem;
    box-sizing: border-box;
}
#fancybox-content .ingredients div {
	font-size: .8rem;
	line-height: 1rem;
    padding: 2rem;
    box-sizing: border-box;
}

form li {list-style: none;}
form li label { display: none!important; }

/* Mailchimp form */
#mc-embedded-subscribe-form {
	padding: 5px;
    position: relative;
    max-width: 640px;
    background: #eeeef0;
	padding: .5rem 1rem !important;
    font-size: 1rem !important;
    color: white !important;
    line-height: 2rem;
}
.iscwp-gallery-slider .iscwp-cnt-wrp.slick-slide { padding:0!important;}
.asterisk {
	color: #c60;
    font-size: 1.2rem;
}
#mc_embed_signup .asterisk {
    position: absolute;
    right: 140px;
}
input.email {    margin-bottom: 0;
    border: 0 none;
    background: #eeeef0;
	font-size: 1rem;
	width: 100%;
}
#mc-embedded-subscribe-form input.button {
	-webkit-appearance: none;
	position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    text-transform: uppercase;
    font-family: Poppins;
    letter-spacing: 1px;
    font-weight: 600;
}

input.button {
	-webkit-appearance: none;
    text-transform: uppercase;
    font-family: Poppins;
    letter-spacing: 1px;
    font-weight: 500;
}

input[type=text],
input[type=tel],
input[type=email],
select,
textarea {
	border: 1px solid #ebebeb;
    border-radius: 4px;
    background: #fff;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 5px 0 rgb(0 0 0 / 4%);
    box-shadow: 3px 3px 5px 0 rgb(0 0 0 / 4%);
    width: 100%;
	padding: 20px;
}

#mc_embed_signup input[type=email] {
	    margin: 0;
    padding: 0;
    background: none;
    height: 2em;
    border: 0 none;
    box-shadow: none;
}

.single-awsm_job_openings #content.eleven.columns {
	max-width: 1200px;
    margin: 0 auto;
    clear: both;
    display: block;
    width: 80%!important;
    float: none!important;
	padding: 0 8%;
	box-sizing: border-box;
}

.listing-page-awsm_job_openings .hero-image {
	margin-bottom: 40px;
}

.single-awsm_job_openings #content.eleven.columns .entry-title {
	display: none;
}

small {
    font-size: .8rem;
    line-height: 1.2rem;
    margin: 10px 0;
	display: block;
    color: #888;
	}
small .asterisk {line-height: .8rem;}

/* Contact page tabs */
.sow-tabs {
	overflow: hidden
}
.so-widget-sow-tabs {
	box-shadow: 3px 3px 10px #ccc;
}
.so-widget-sow-tabs-default-9ab5ad39a756-105 .sow-tabs .sow-tabs-tab-container {
	padding: 0;
    margin: 20px 30px 0;
}
.so-widget-sow-tabs-default-9ab5ad39a756-105 .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
	margin: 0; 
}
.so-widget-sow-tabs-default-9ab5ad39a756-105 .sow-tabs .sow-tabs-tab-container .sow-tabs-tab.sow-tabs-tab-selected, .so-widget-sow-tabs-default-9ab5ad39a756-105 .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:hover {
	border-bottom: solid 4px #82cc48;
}
.sow-tabs-panel-container {
	border-bottom: solid 1px #efefef;
}
.awsm-filter-item {
	box-sizing: border-box;
}
.awsm-job-wrap {
	padding: 0 30px;
}
.awsm-job-content {
	float: left;
	width:70%
}
.awsm-job-form {
	float: right;
	width:30%
}
#navigation ul li a {
	font-size:16px;
}
/* Overriding default styles */
.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half,
.gform_wrapper .top_label li.gfield.gf_left_half+.gform_footer, .gform_wrapper .top_label li.gfield.gf_left_half+li.gfield, .gform_wrapper .top_label li.gfield.gf_right_half+.gform_footer, .gform_wrapper .top_label li.gfield.gf_right_half+li.gfield {margin:0;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
padding: 1.4rem 1rem!important;}
.so-widget-sow-tabs-default-9ab5ad39a756 .sow-tabs .sow-tabs-tab-container .sow-tabs-tab.sow-tabs-tab-selected, .so-widget-sow-tabs-default-9ab5ad39a756 .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:hover {border-bottom:solid 2px; }
.so-widget-sow-tabs-default-9ab5ad39a756 .sow-tabs .sow-tabs-panel-container .sow-tabs-panel,
.so-widget-sow-tabs-default-9ab5ad39a756 .sow-tabs .sow-tabs-tab-container{ padding:0!important;}
.so-widget-sow-tabs-default-9ab5ad39a756 .sow-tabs .sow-tabs-tab-container { text-align:center;}
.gform_button {width:100%!important;}

/* Footer */
ul.social { list-style: none; margin-top:20px; }
ul.social li { display:inline-block; margin-right:10px;}
ul.social li a { display:block; opacity:1; width:54px; height:54px; line-height: 54px; text-decoration: none; border-radius: 100px; color:#fff;text-align: center;font-size: 2rem; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
ul.social li a:hover { opacity:0.7; }
ul.social li.fb a { background: #3B5998; }
ul.social li.tw a { background: #1DA1F3; }
ul.social li.yt a { background: #E32A27; }
ul.social li.em a { background: #82cc49; }
ul.social li.ig a {
	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.themeauthor { }
.themeauthor,
.themeauthor a { text-decoration: none; position: relative; }
.themeauthor a i { position: absolute; z-index: 9; color:#333; }
.themeauthor a span { color:#fff;}
.themeauthor a:hover { color:#adadad;}


/* Product boxes image bottom */

#post-1285.product-wrapper .graphic.wp-post-image,
#post-1283.product-wrapper .graphic.wp-post-image,
#post-1278.product-wrapper .graphic.wp-post-image,
#post-1285.product-wrapper img.attachment-full,
#post-1283.product-wrapper img.attachment-full,
#post-1278.product-wrapper img.attachment-full { bottom:0; }
#post-1285 .product-title-wrapper,
#post-1283 .product-title-wrapper,
#post-1278 .product-title-wrapper { margin-top:30px;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#post-1285:hover .product-title-wrapper,
#post-1283:hover .product-title-wrapper,
#post-1278:hover .product-title-wrapper { margin-top:30;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#post-1285:hover .product-title-wrapper .buttonwrapper,
#post-1283:hover .product-title-wrapper .buttonwrapper,
#post-1278:hover .product-title-wrapper .buttonwrapper {margin-bottom:30px; 

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;}

#post-1285,
#post-1283,
#post-1278 { padding-bottom:5rem; }

.lSAction>a {
    background-color: #3e3e3e9e!important;
	border-radius: 100%;
    padding: 5px;
	text-align: center;
	line-height: 32px;
}

.icon-envira:before {
    content: '\f299';
}

.lSAction>.lSPrev:before,
.lSAction>.lSNext:before {
    font-family: "cedarlane";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
	color: #fff;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
	}
.lSAction>.lSPrev:before {content: '\f104';}
.lSAction>.lSNext:before {content: '\f105';}



.taptap-main-menu-button:before, .taptap-main-menu-button div.taptap-main-menu-button-middle:before, .taptap-main-menu-button:after {
    width: 26px!important;
    height: 3px!important;
    margin: 5px 0!important;
}
.taptap-menu-active .taptap-main-menu-button:after {
    transform: translateY(-7px) rotate(-45deg)!important;
    -moz-transform: translateY(-7px) rotate(-45deg)!important;
    -webkit-transform: translateY(-7px) rotate(-45deg)!important;
}

@media only screen and (max-width: 1400px) {
	#layer-frozen-title, #layer-fresh-title, #layer-signup { padding:2rem; }
}

@media only screen and (max-width: 1000px) {

	.tp-caption.slide-title.tp-static-layer { white-space:normal!important; }
	.panel-grid.panel-has-style>.panel-row-style, .panel-grid.panel-no-style { display:block; }
	
	#pgc-117-0-0, #pgc-117-0-1, #pgc-117-1-0, #pgc-117-1-1, #pgc-1835-0-0, #pgc-1835-0-1, #pgc-1835-1-0, #pgc-1835-1-1, #pgc-1835-2-0, #pgc-1835-2-1, #pgc-1835-3-0, #pgc-1835-3-1, #pgc-1835-4-0, #pgc-1835-4-1, #pgc-1835-5-0, #pgc-1835-5-1, #pgc-1835-6-0, #pgc-1835-6-1 { width:100%!important; }
	
		#header, #wrap.fixed #header { padding:10px; }
	#header h1#site-title  { max-width:200px; line-height: 1rem!important;}
	#wrap.fixed { margin-top: 57px;}
	
	.single-awsm_job_openings #content.eleven.columns {
		text-align: left;
	}
	.awsm-job-content {
		float: none;
		width:100%
	}
	.awsm-job-form {
		float: none;
		width:100%
	}
	
	.awsm-filter-item {
		width: 100%;
	}
}

/* Mobile styles */

@media only screen and (max-width: 767px) {
	.hide-mobile { display:none; }
		
	body { font-size: 14px; text-align: center; }

	blockquote.story, .intro-paragraph {font-size:1.4rem;}
	#content-wrap {padding-bottom:0;}
	
	.hero-image .entry-title { margin: 70px 7%; }
	
	.panel-grid-cell .widget-title, h2.entry-title {font-size: 2.4rem;}
	.page-id-1835 .hero-image,
	.page-id-1858 .hero-image,
	#layer-hero_forcefullwidth {margin-bottom: 0!important;}
	#layer-instagram,
	#layer-signup  			{ padding: 2rem; }
	
	/* Product boxes image bottom */
	#post-1285, #post-1283, #post-1278 {padding-bottom: 8rem;}

	#layer-footer-links 	{ padding:0;}
	#layer-fresh-title,
	#layer-frozen-title 	{ padding:0;}
	
	#layer-fresh-title .widget-title,
	#layer-frozen-title .widget-title	{ margin-top: 3rem;}
	.panel-grid-cell	{ margin-bottom: 0!important; }
	
	#layer-frozen #pgc-117-1-0, #layer-frozen #pgc-117-2-0,
	#layer-fresh #pgc-117-1-0, #layer-fresh #pgc-117-2-0,
	#layer-signup div.so-panel { margin-bottom:0; }
	
	.product-carousel { padding:0; }
	.product-wrapper {margin:30px auto;}
	.product-title-wrapper { margin-top:180px; font-size: 20px;}

	#layer-fresh 			{ padding-bottom: 80px; }
	#footer #credits 		{ padding: 0 2rem 2rem 2rem; } 
	.panel-grid-cell .widget-title {
		font-size: 2rem;
		font-weight: 600;
		letter-spacing:0; 
		line-height: 2.2rem;
	}
	#footer .widget img {max-width: 130px!important;}

}