/*

Theme name: kldfarmtennbeefcom

Description: Custom Theme

*/



/******* kldfarmtennbeefcom WordPress CSS *******/



/* Common elements styling */

.post .entry h1 { font-size: 20px; line-height: 30px}

.post .entry h2 { font-size: 18px; line-height: 27px}

.post .entry h3 { font-size: 16px; line-height: 24px}

.post .entry h4 { font-size: 14px; line-height: 21px}

.post .entry h5 { font-size: 12px; line-height: 18px}

.post .entry h6 { font-size: 10px; line-height: 15px}



.post .entry ul { margin-left: 25px; }

.post .entry ol { margin-left: 25px; }

.post .entry a img { border: 0 }



p img { padding: 0;	max-width: 100%; }

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

img.alignright { margin: 2px 0 2px 7px; display: inline; }

img.alignleft { margin: 2px 7px 2px 0; display: inline; }

.alignright { float: right; display: inline; }

.alignleft { float: left; display: inline; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }



/* Calendar widget */

#wp-calendar { empty-cells: show; margin: 10px auto 0; }

#wp-calendar #next a { padding-right: 10px; text-align: right; }

#wp-calendar #prev a { padding-left: 10px; text-align: left; }

#wp-calendar a { display: block; }

#wp-calendar caption { text-align: center; width: 100%; }

#wp-calendar td { padding: 3px 0; text-align: center; }

.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

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







/* Big images in rich text editor should not break page layout */

.post .entry { overflow: hidden; } 



/******* /kldfarmtennbeefcom WordPress CSS *******/



* { margin: 0; padding: 0; outline: 0; }



body {

    font-size: 16px;

    line-height: 24px;

    font-family: 'Raleway', arial, helvetica, sans-serif;

    color: #202020;

    background: url(images/background.png) repeat 0 0;

    border-top: 6px solid #e7e5d6; 

}



a { color: #566320; text-decoration: none; cursor: pointer; }

a:hover { text-decoration: underline; }

a img { border: 0; }



input, textarea, select { font-size: 16px; font-family: 'Raleway', arial, helvetica, sans-serif; }

textarea { overflow: auto; }



.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }

.right, .alignright { float: right; display: inline; }



h1#logo { font-size: 0; line-height: 0; width: 218px; position: absolute; top: 24px; left: 0; }

h1#logo a { display: block; height: 183px; text-indent: -4000px; background: url(images/logo.png) no-repeat 0 0; }

h2 { font-family: 'Arvo', arial, helvetica, sans-serif; font-size: 30px; line-height: 33px; font-weight: normal; color: #374863; text-transform: uppercase; }

h3 { font-family: 'Arvo', arial, helvetica, sans-serif; font-size: 25px; line-height: 28px; font-weight: normal; color: #374863; text-transform: uppercase; }

h4 { font-size: 25px; line-height: 28px; font-weight: normal; color: #688ab9; text-transform: uppercase; }

h5 { font-size: 20px; line-height: 23px; font-weight: normal; color: #688ab9; }



.shell { max-width: 978px; margin: 0 auto; }



#wrapper { border-top: 6px solid #d9d6c1; border-bottom: 6px solid #e7e5d6; }



#header { position: relative; padding: 31px 0 17px 0; z-index: 20; height: 100%; }

#header .socials { float: right; display: inline; padding-bottom: 35px; }

#header .socials a { height: 28px; width: 32px; background: url(images/socials.png) no-repeat 0 0; float: left; display: inline; margin-left: 20px; font-size: 0; line-height: 0; text-indent: -4000px; opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); }

#header .socials a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }

#header .socials a.twitter-ico { background-position: -44px 0; }

#header .socials a.instagram-ico { background-position: -80px 0; }



#navigation { font-family: 'Arvo', arial, helvetica, sans-serif; font-size: 16px; line-height: 46px; text-transform: uppercase; padding-bottom: 14px; border-bottom: 2px solid #d9d6c1; }
@media(min-width:1025px){#navigation { padding-left:300px;}}
#navigation ul { list-style: none; list-style-position: outside; float: left; display: inline; }

#navigation ul li { float: left; display: inline; }

#navigation ul li a { padding: 0 14px; color: #566320; display: block; }

#navigation ul li a:hover { color: #688AB9; text-decoration: none; }

#navigation ul li.current-menu-item a { background: #acc640; color: #fff; }

#navigation ul li.last a { padding-right: 0; }

#navigation ul li.current-menu-item.last a { padding-right: 20px; }



.slider { height: auto; max-width: 978px; margin-bottom: 32px !important; }



.container {padding: 20px 0 47px 0;  }
@media(min-width:1025px){
	.container { padding: 68px 0 47px 0;  }
}

.container h2 { padding-bottom: 29px; }

.container .source{ margin-top:-24px;

	margin-bottom:40px; 

	font-weight:bold;}





.content h3 { padding-bottom: 19px; }

.content p + p { padding-top: 24px; }

.content p a { color: #566320; }

.content p a.map-link { text-decoration: underline; }

.content p a.map-link:hover { text-decoration: none; }

.content .entry { padding: 0 8px 27px 0; 

	/*border-bottom: 2px solid #d9d6c1;*/

	 margin-bottom: 23px; }

.content .entry h4 { margin-bottom: 20px; margin-top:20px; }

.content .entry.last { border-bottom: 0; }



a.btn { height: 46px; padding: 0 33px; display: inline-block; background: #acc640; font-family: 'Arvo', arial, helvetica, sans-serif; font-size: 18px; line-height: 46px; color: #fff; text-transform: uppercase; }

a.btn:hover { background: #626e35; text-decoration: none; }



#sidebar { max-width: 540px; float: right; display: inline; padding-top: 5px; }

#sidebar ul,

.entry.store-sidebar ul { list-style: none; list-style-position: outside; }



.widget { padding-bottom: 30px; }

.widget h3 { padding: 5px 0 15px 0; }

.widget h5 { padding: 6px 0 11px 0; }

.widget p { padding-bottom: 2px; }

.widget small { font-size: 10px; display: block; padding-bottom: 21px; }

.widget img { display: block; }

.widget img.alignleft { margin: 0 23px 0 0; display: inline; }

.widget img.alignright { margin: 0 0 0 23px; display: inline; }



.container.home-page { padding: 0 0 21px 0; }

.container.home-page .content { max-width: 450px; }

.container.home-page #sidebar { max-width: 475px; padding-top: 2px; }



#footer { background: url(images/footer-separator.png) repeat-x 0 0; border-bottom: 6px solid #d9d6c1; position: relative; width: 100%; }

#footer .shell { padding: 42px 0 35px 0; }

#footer .cols {  display:flex;
flex-direction:row; flex-wrap:wrap; justify-content:space-between;  }

#footer .cols .col { width: 190px; float: left; display: inline; }

@media(min-width: 768px) {
	#footer .cols .col + .col { padding-left: 97px; }
}

#footer .cols .col h3 { padding-bottom: 9px; }

#footer .cols .col p { padding-bottom: 10px; }

#footer .cols .col p a { color: #566320; text-decoration: underline; }

#footer .cols .col p a:hover { text-decoration: none; }

#footer .cols .col small { font-size: 11px; line-height: 13px; }

#footer .cols .col small a { color: #7b8450; }

#footer .cols .col .socials ul { list-style: none; list-style-position: outside; font-size: 16px; line-height: 28px; padding-top: 6px; }

#footer .cols .col .socials ul li { padding-bottom: 22px; }

#footer .cols .col .socials ul li a { padding-left: 49px; position: relative; color: #202020; display: inline-block; }

#footer .cols .col .socials ul li a:hover { text-decoration: none; }

#footer .cols .col .socials ul li a span { height: 28px; width: 32px; background: url(images/socials.png) no-repeat 0 0; position: absolute; top: 0; left: 0; font-size: 0; line-height: 0; text-indent: -4000px; opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); }

#footer .cols .col .socials ul li a:hover span { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }

#footer .cols .col .socials ul li a span.twitter-ico { background-position: -44px 0; }

#footer .cols .col .socials ul li a span.instagram-ico { background-position: -80px 0; }



#footer .cols .email-col { width:100%; box-sizing:border-box; max-width: 458px; padding-left: 43px !important; }

#footer .cols .email-col h3 { padding-bottom: 12px; }

#footer .cols .email-col .email-form { padding-left: 2px; font-size: 16px; line-height: 19px; }

#footer .cols .email-col .email-form .gform_wrapper ul { list-style: none; list-style-position: outside; }

#footer .cols .email-col .email-form .gform_wrapper .gform_heading { padding-bottom: 7px; }

#footer .cols .email-col .email-form .gform_wrapper .gform_heading h3.gform_title { display: none; }

#footer .cols .email-col .email-form .gform_wrapper .gfield { padding-bottom: 10px; }

#footer .cols .email-col .email-form .gform_wrapper .gfield label.gfield_label { display: none; }

#footer .cols .email-col .email-form .gform_wrapper .gfield input { height: 19px; max-width: 424px; width:90%;padding: 14px 16px 13px 16px; background: #fff; border: 0; color: #565655; }

#footer .cols .email-col .email-form .gform_wrapper .gform_footer { position: relative; }

#footer .cols .email-col .email-form .gform_wrapper .gform_footer input.gform_button { height: 46px; width: 168px; display: block; margin-left: auto; background: #acc640; border: 0; cursor: pointer; font-family: 'Arvo', arial, helvetica, sans-serif; font-size: 18px; line-height: 46px; color: #fff; text-transform: uppercase; }

#footer .cols .email-col .email-form .gform_wrapper .gform_footer input.gform_button:hover { background: #626e35; }

#footer .cols .email-col .email-form .gform_wrapper .gform_footer span.message { position: absolute; top: 13px; right: 197px; display: none; }



.contact-form { display: inline-block; padding-bottom: 38px; }

.contact-form h4 { padding-bottom: 9px; }

.contact-form .gform_wrapper ul { list-style: none; list-style-position: outside; }

.contact-form .gform_wrapper .gform_heading { padding-bottom: 7px; }

.contact-form .gform_wrapper .gform_heading h3.gform_title { display: none; }

.contact-form .gform_wrapper .gfield { padding-bottom: 10px; position: relative; height: 100%; }

.contact-form .gform_wrapper .gfield label.gfield_label { display: none; }

.contact-form .gform_wrapper .gfield input { height: 19px; max-width: 454px; padding: 14px 16px 13px 16px; background: #fff; border: 0; color: #565655; }

.contact-form .gform_wrapper .gfield.gfield_error input { border: 1px solid #ff0000; padding: 13px 15px 12px 15px; }

.contact-form .gform_wrapper .gfield textarea { height: 212px; max-width: 508px; padding: 14px 16px; background: #fff; border: 0; color: #565655; resize: none; margin-bottom: 1px; }

.contact-form .gform_wrapper .gform_footer { position: relative; }

.contact-form .gform_wrapper .gform_footer input.gform_button { height: 46px; max-width: 168px; display: block; margin-left: auto; background: #acc640; border: 0; cursor: pointer; font-family: 'Arvo', arial, helvetica, sans-serif; font-size: 18px; line-height: 46px; color: #fff; text-transform: uppercase; }

.contact-form .gform_wrapper .gform_footer input.gform_button:hover { background: #626e35; }

.contact-form .gform_wrapper .gform_footer span.message { position: absolute; top: 13px; right: 197px; display: none; }



.two-cols { width: auto; float: none; display: flex; flex-wrap:wrap; justify-content:space-between;  

	/*border-bottom: 2px solid #d9d6c1; padding-bottom: 20px; margin-bottom: 50px;*/

	 }

.two-cols .col { display: block;min-width:300px;box-sizing:border-box; }
@media(min-width:1024px){
	.two-cols .col { width: 48%; }
}

.two-cols .col + .col {   }

.two-cols .col .entry { padding-bottom: 30px; margin-bottom: 31px; position: relative; }

.two-cols .col .entry.last { padding-bottom: 0; margin-bottom: 0; }

.two-cols .col .map-entry { padding-bottom: 54px; margin-bottom: 35px; z-index: 10; }

.two-cols .col .entry .map { height: 414px; max-width: 541px; position: absolute; bottom: -377px; left: -49px; z-index: 10; display: none; }



.order-section { 

	padding-bottom: 13px;

}

.order-section .special { 

	color: #688ab9;

}

.order-section h6 {

	color: #688ab9;

	padding-top: 24px;

	font-size: 16px;

	line-height: 24px;

 }

.order-section h2 {

	padding-bottom: 18px;

}

.order-section p + p { 

	padding-top: 24px;

}



.order-form {

	margin-top: 32px;

	border-top: 2px solid #d9d6c1;

	padding-top: 35px;

}

.order-form h4 {

	padding-bottom: 10px;

}

.order-form p {

	padding-bottom: 20px;

}

.order-form ul {

	list-style: none;

	list-style-position: outside;

	line-height: 37px;

	padding-bottom: 31px;

	border-bottom: 2px solid #d9d6c1;

	margin-bottom: 34px;

}

.order-form ul li + li {

	padding-bottom: 5px;

}

.order-form ul li p {

	padding-bottom: 0;

}

.order-form .qty {

	min-height: 37px;

	width: 45px;

	padding-right: 9px;

	float: left;

	display: inline;

	text-align: center;

}

.qty .field {

	height: 34px;

	width: 50px;

	line-height: 34px;

	padding: 0px 4px;

	background: #fff;

	border: 0;

	text-align: left;

	padding-left:10px;



	color: #202020;

	font-weight:bold;

	-webkit-appearance: none;

}



.qty select.field{

	background: url("images/greenArrow.png") no-repeat right center #fff;

}

.order-form .name {

	min-height: 37px;

	width: 210px;

	padding-right: 10px;

	float: left;

	display: inline;

	font-weight:bold;

	line-height:24px;

	padding-top:8px;

}



.order-form .description {
	width:50%;
	max-width: 378px;

	margin-right: 50px;

	float: left;

	padding-top:8px;

	display: inline;

	overflow: hidden;

	line-height:24px;

	margin-bottom:18px;

}



	.order-form .noBorder .description{

		margin-bottom:0;

	}



.order-form  .description span {

	display: inline-block;

	position: relative;

	white-space: nowrap;

}



.order-form .description span em {

	position: absolute;

}



	.order-form .headers{

		color:#7a844f;

		padding-bottom:0px;

	}



	.order-form .underlineSection{

		border-bottom:2px #d9d6c1 solid;

		overflow:hidden;

		float:right;

		max-width:333px;

		padding-left:15px;



	}



	.order-form .wt {

		min-height: 37px;

		width: 70px;

		padding-right: 20px;

		float: left;

		display: inline;

	}

	.order-form .price {

		width: 60px;

		float: left;

		display: inline;

		font-weight:bold;

		text-align: left;

	}



	.order-form .quantity{

		width:53px;

	}



	.cartButton{

		width:120px;

		height:34px;

		line-height:34px;

		font-size:14px;

		color:white;

		float:right;

		background:#acc640;

		text-transform: uppercase;

		border:none;

		font-family:'Arvo', arial, helvetica, sans-serif;

		cursor:pointer;

	}



	.cartButton:hover{

		background:#7a844f;

	}



	.order-form .product{

		border-bottom:2px #e1decf solid;

		padding-top:17px;

	}



	.order-form .product.noBorder{

		border-bottom:none;

		padding-bottom:5px;

	}



	.order-form .product:last-child{

		border:none;

	}



	.order-form .product{}



	.productList{

		margin-top:-10px;

	}



	p.categoryDescription{

		padding-bottom:0;

	}



	.weight{

		white-space:nowrap;

		font-style:italic;

	}



/* CART */

#stickyCart{

	position:fixed;

	top:0;

	left:0;

	right:0;

	height:30px;

	background:#374863;

	text-align:right;

	z-index:30;

}





.hiddenCart{

	display:none;

}



	#stickyCart a{

		line-height:30px;

		font-size:19px;

		font-family:'Arvo', arial, helvetica, sans-serif;

		color:#8699b6;

		text-transform:uppercase;

		padding-right:30px;



		animation-name: cartBounce;

		-webkit-animation-name cartBounce:

        animation-duration: 1s;

        -webkit-animation-duration: 1s; 

	}



		#stickyCart a .itemCount{

			color:white;

			padding-left:39px;

			background:transparent url('images/cart.png') 8px center no-repeat;

			background-size:21px 20px;

			opacity:0.75;

		}



		#stickyCart a:hover{

			color:white;

			text-decoration:none;

		}		

		#stickyCart  a:hover .itemCount{

			opacity:1;

		}



	.admin-bar #stickyCart{

		top:32px;

	}





/* NAV CART */

#navigation li.navCartContainer a,

#navigation li.navCartContainer.last a{

	display:block;

	padding-right:32px;

	background:transparent url('images/greenCart.png') right center no-repeat;

	background-size:25px;

	position:relative;

}



.navCartContainer .itemCount{

	position:absolute;

	font-size:12px;

	right:-15px;

	top:-2px;

	color:white;

	background:#ACC640;

	display:block;

	width:24px;

	height:24px;

	font-weight:bold;

	line-height:24px;

	text-align:center;

	border-radius:100%;

}





/*==== REGULAR CART =====*/

.cart{

	max-width:540px;

	float:left;

}



	.cart .product.headerRow{


		border-top:none;

		border-bottom: 2px solid #d9d6c1;


	}



	.cart .headerRow .name,

	.cart .headerRow .deleteButton,

	.cart .headerRow .qty,

	.cart .headerRow .price{

		padding-bottom:0px;
		white-space:nowrap;
		font-size:16px;

	}



.cart .product{

	display:block;

	border-top:2px #e1decf solid;

}



	.cart h4{

		font-size:22px;

		font-weight:normal;

	}



	.cart .name{

		font-weight:bold;

		padding:25px 0;

		width:300px;

	}



	.cart .headerRow .name{

		width:340px;

	}







	.cart .qty{

		width:47px;

	}



	.cart .price{

		width:120px;

		padding-left:30px;

		font-weight:bold;

		text-align:center;
		white-space:nowrap;
	}



	.cart .categoryRow td{

		padding-bottom:12px;

		border-top:2px #e1decf solid;

		padding-top:12px;

	}



	.cart .categoryRow.firstCat td{

		border-top:none;

	}

	.deleteButton{

		width:60px;

	}



	.deleteButton a{

		color:#9f9d8c;

		padding-right:16px;

		font-size:14px;

		text-transform: uppercase;

	}





	.headerRow{

		color:#7a844f;

		text-transform: uppercase;

		font-weight:bold;

		font-size:14px;

	}



	/*======================== TOTAL COLUMN=======================*/



	.totalCol{
		width:90%;
		max-width:330px;

		float:right;

		padding-top:20px;

	}



	.total{

		text-align:right;

		font-weight:bold;

		font-size:20px;

	}



	.total strong{

		color:#688ab9;

		text-transform: uppercase;

		font-size:18px;

		float:left;

		font-weight:normal;

	}



	.totalCol .cartButton{

		clear:right;

		display:block;

		width:100%;

		height:45px;

		line-height: 45px;

		font-size:18px;

		margin-top:30px;

		display:block;

		text-align:center;



	}



	.cartButton:hover{

		text-decoration: none;

	}



	.updateCartButton{

		background:#688ab9;

	}



	.cartButton.checkoutCartButton{

		margin-top:15px;

	}



	.updateCartButton:hover{

		background:#374863;

	}



	.cartContainer{

		padding-bottom:120px;

	}



/*	.container.cartContainer{

		padding-top:23px;

	}*/



	/* ======= checkout ==========*/

	.contact-fields .order-btn.submitOrderButton{

		width:336px;

		height:48px;

		line-height:48px;

	}



	.contact-fields h4{

		margin-bottom:15px;

	}



	.cartContainer .contact-fields{

		border-bottom:2px solid #d9d6c1;

		padding-bottom:50px;

		margin-bottom:41px;

	}





.contact-fields { padding-bottom: 13px; }

.contact-fields > p { padding-bottom: 36px; }

.contact-fields strong { display: block; padding-bottom: 10px; }

.contact-fields .col { max-width: 474px; float: left; display: inline; }

.contact-fields .col + .col { float: right; }

.contact-fields input.field { height: 19px; width:90%; max-width: 442px; padding: 14px 16px 13px 16px; background: #fff; border: 0; color: #202020; margin-bottom: 10px; }

.contact-fields input.error-field { border: 1px solid #ff0000; padding: 13px 15px 12px 15px; }

.contact-fields textarea { height: 186px; width:90%; max-width: 442px; margin-left:auto; margin-right:auto; padding: 14px 16px; background: #fff; border: 0; resize: none; color: #202020; margin-bottom: 15px;
box-sizing:border-box; display:block; }

.contact-fields .message { min-height: 31px; padding-bottom: 20px; }

.contact-fields .message p { padding-bottom: 0; display: none; }

.contact-fields input.order-btn { height: 46px; width: 168px; display: block; margin-left: auto; background: #acc640; border: 0; cursor: pointer; font-family: 'Arvo', arial, helvetica, sans-serif; font-size: 18px; line-height: 46px; color: #fff; text-transform: uppercase; }

.contact-fields input.order-btn:hover { background: #626e35; }

.contact-fields .two-fields {display: flex; justify-content: space-between; column-gap:20px;  }

/* .contact-fields .two-fields input.field { width: 190px; float: left; display: inline; } */

/* .contact-fields .two-fields input.field + input.field { float: right; } */





/* Additional styles */



#footer .gfield_error input { border: 1px solid #ff0000 !important; padding: 13px 15px 12px 15px !important; }



.navigation { padding:0 0 18px 0; height: 100%; overflow: hidden;  }

.page-divider { display: block; border-bottom: 2px solid #D9D6C1; margin-bottom: 23px; }



.form-captcha { height: 100%; overflow: hidden; }

.form-captcha label { display: inline-block !important; float: left; padding: 10px 0 0 0; }

.form-captcha .gfield_captcha_container { float: right; }

.gfield_captcha_container { height: 100%; overflow: hidden; }

.gfield_captcha_container img { float: left; }



.gfield_captcha_container .gfield_captcha_input_container { display: inline-block; float: right; margin: 0 0 0 10px; }

.gfield_captcha_container .gfield_captcha_input_container input { width: 100px !important; padding: 12px 16px 11px !important; }



.gfield_captcha_container label { float: right; padding: 10px 10px 0 0; font-size: 13px;  }

.beaf-form-input { background: none repeat scroll 0 0 #fff; border: 0 none; color: #565655; height: 19px; }

.gfield_captcha_container .math-eq { float: right; padding: 9px 16px 9px; background: #fff; font-size: 22px; font-weight: bold; }









@-webkit-keyframes cartBounce { 

    0% {-webkit-transform: scale(1);} 

    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 

    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 

    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 

    100% {-webkit-transform: scale(1) rotate(0);} 

} 

@keyframes cartBounce { 

    0% {transform: scale(1);} 

    10%, 20% {transform: scale(0.9) rotate(-3deg);} 

    30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 

    40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 

    100% {transform: scale(1) rotate(0);} 

} 



@-webkit-keyframes newCartBounce { 

    0% {-webkit-transform: scale(1);} 

    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 

    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 

    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 

    100% {-webkit-transform: scale(1) rotate(0);} 

} 

@keyframes newCartBounce { 

    0% {transform: scale(1);} 

    10%, 20% {transform: scale(0.9) rotate(-3deg);} 

    30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 

    40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 

    100% {transform: scale(1) rotate(0);} 

} 







.MsgError{

	background: #ACC640;

    color: white;

    border: 4px white solid;

    padding: 20px;

    margin-bottom:20px;

}



	.MsgError p{

		margin-top:10px;

		font-weight:bold;

	}



	



.cartBounceAnimation { 

		animation-name: newCartBounce;

	-webkit-animation-name newCartBounce:

    animation-duration: 1s;

    -webkit-animation-duration: 1s; 

}



@media(max-width:1024px){

	.shell { width: 90%; 

	margin:0 auto;}



		#wrapper{

			overflow:hidden;

		}



	#header{

		display:flex;

		flex-direction:column;

		align-items:center;

		

		justify-content:center;

		

		.socials a:first-child{

			margin-left:0;

		}



		#logo{

			position:static;

			margin-bottom:20px;

		}

		#menu-main-menu{

			display:flex;

			flex-direction:row;

			justify-content:center;

			align-items:center;

			flex-wrap:wrap;

			text-align:center;
	

		}





		#menu-main-menu li:first-child,

		#menu-main-menu li:nth-child(2),#menu-main-menu li:nth-child(6){

			width:30%;

		}

		#menu-main-menu li:nth-child(3),#menu-main-menu li:nth-child(4),#menu-main-menu li:nth-child(5){

			order:2;

		}



		.navCartContainer {

			display:none;

		}


	

	}







		#stickyCart{

			

		}




}


@media(min-width:1024px){
			.page-template-default .container {

			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			
			h2{
				width:100%;
			}
			.content{
				display:block;
				width:45%;
			}
			#sidebar{
				width:42%;
				padding-top:0;
			}

		}
}