/*
==========================================================================
=== Theme: Little Green Spoon Responsive Theme
=== By: Ebow
=== Website: http://ebow.ie
=== Version: 1.0
========================================================================== 
*/


/*
===========================================================================
=== ALL ===================================================================
===========================================================================
*/

	/* Basics */
	.mobile_only {display:none;}
	.tablet_only {display:none;}
	.small_tablet_only {display:none;}
	.responsive_only {display:none;}
	.desktop_only {display:block;}
	.hide_on_desktop {display:none;}
	.hide_on_mobile {display:block;}
	.hide_on_tablet {display:block;}

/*
===========================================================================
=== BIG SCREEN ONLY =======================================================
===========================================================================
*/

@media only screen and (min-width: 1023px) {
	
	/* Basics */
	.mobile_only {display:none;}
	.tablet_only {display:none;}
	.responsive_only {display:none;}
	.hide_on_mobile {display:block;}
	.hide_on_tablet {display:block;}
		
}

/*
===========================================================================
=== TABLET ONLY ===========================================================
===========================================================================
*/

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	
	/* Basics */
	.mobile_only {display:none;}
	.tablet_only {display:block;}
	.responsive_only {display:block;}
	.desktop_only {display:none;}
	.hide_on_desktop {display:block;}
	.hide_on_mobile {display:block;}
	.hide_on_tablet {display:none;}
	
	.inner {width:100%; padding:0px; margin:0 auto; clear:both;}
	#main_nav_wrapper #main_nav .main_menu > ul > li .sub-menu-wrapper-outer .sub-menu-wrapper-inner {width:100%;}
	
	/* Homepage */
	#main_nav_wrapper #main_nav .main_menu > ul > li .sub-menu-wrapper-outer .sub-menu-wrapper-inner ul li a {padding:0 5px;}
	#header_inner #searchform {right:15px;}
	#header_inner #searchform input[type='text'] {width:100px;}
	#latest_recipes .inner {padding:0 75px;}
	.category #latest_recipes .inner {padding:0;}
	.tag #latest_recipes .inner {padding:0;}
	#latest_recipes .latest_list .single_recipe {width:48%;}
	
	#popular_recipes .inner {padding:0 75px;}
	#popular_recipes #popular_list .single_recipe {width:48%;}
	#popular_recipes #popular_list_wrapper .bx-controls-direction a.bx-next {right:-60px;}
	#popular_recipes #popular_list_wrapper .bx-controls-direction a.bx-prev {left:-60px;}
	
	/* Footer */
	footer #footer_top .inner {padding:135px 75px 30px;}
	footer #footer_top .inner .middle {padding:30px 35px 30px 35px}
	footer #footer_top .inner .middle .left {width:100%; margin:0 0 20px;}
	footer #footer_top .inner .middle .left h3 {width:auto; float:left; margin:0 20px 0 0; line-height:36px;}
	footer #footer_top .inner .middle .left .subtitle {width:auto; float:left; margin:19px 0 0;}
	footer #footer_top .inner .middle .left ul {width:auto; float:right;}
	footer #footer_top .inner .middle .right {width:100%;}
	footer #footer_top .inner .middle .right input[type='email'] {width:340px;}
	footer #footer_top .inner .trademark {max-width:200px; line-height:18px;}
	
	/* Page */
	#page_wrapper .inner {padding:0 75px;}
	#page_wrapper article {width:100%; }
	#page_wrapper .sidebar {width:100%; float:left;}
	ul.sidebar > li {width:50%;}
	ul.sidebar > li.follow, ul.sidebar > li.instagram, ul.sidebar > li.latest_recipes {height:395px;}
	ul.sidebar > li.facebook, ul.sidebar > li.twitter {height:660px;}
	ul.sidebar > li.related_recipes, ul.sidebar > li.tag_cloud {height:475px;}
	
	/* Recipes */
	.categories ul {display:table;}
	.categories ul li {margin:0 5px 0; display:table-cell; float:none; text-align:center;}
	.single ul.sidebar > li.instagram {display:none;}
	
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}
		
}

/*
===========================================================================
=== PHONE ONLY /LANDSCAPE/ ================================================
===========================================================================
*/

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

	/* Basics */
	.mobile_only {display:block;}
	.tablet_only {display:none;}
	.responsive_only {display:block;}
	.desktop_only {display:none;}
	.hide_on_desktop {display:block;}
	.hide_on_mobile {display:none;}
	.hide_on_tablet {display:block;}
	.hide_on_small_tablet {display:none;}
	.small_tablet_only {display:block;}
	
	.inner {width:100%; padding:0px; margin:0 auto; clear:both;}
	#main_nav_wrapper #main_nav .main_menu > ul > li .sub-menu-wrapper-outer .sub-menu-wrapper-inner {width:100%;}
	
	/* Homepage */
	#main_nav_wrapper #main_nav .main_menu > ul > li .sub-menu-wrapper-outer .sub-menu-wrapper-inner ul li a {padding:0 5px;}
	#latest_recipes .inner {padding:0 20px;}
	.category #latest_recipes .inner {padding:0;}
	.tag #latest_recipes .inner {padding:0;}
	#latest_recipes .latest_list .single_recipe {width:48%;}
	#slider_wrapper #slider ul li .slider_inner h1 {font-size: 32px; line-height: 40px;}
	
	#popular_recipes .inner {padding:0 20px;}
	#popular_recipes #popular_list .single_recipe {width:46%;}
	#popular_recipes #popular_list_wrapper .bx-controls-direction a.bx-next {right:-60px;}
	#popular_recipes #popular_list_wrapper .bx-controls-direction a.bx-prev {left:-60px;}
	
	/* Footer */
	footer #footer_top .inner {padding:135px 20px 30px;}
	footer #footer_top .inner .middle {padding:30px 35px 30px 35px}
	footer #footer_top .inner .middle .left {width:100%; margin:0 0 20px;}
	footer #footer_top .inner .middle .left h3 {width:auto; float:left; margin:0 20px 0 0; line-height:36px;}
	footer #footer_top .inner .middle .left .subtitle {width:auto; float:left; margin:19px 0 0;}
	footer #footer_top .inner .middle .left ul {width:auto; float:left; margin-top:20px;}
	footer #footer_top .inner .middle .right {width:100%;}
	footer #footer_top .inner .middle .right input[type='email'] {width:100%;}
	footer #footer_top .inner .middle .right input[type='submit'] {max-width:100%; margin-top:15px; float:left;}
	footer #footer_top .inner .middle .right p {line-height:18px;}
	footer #footer_top .inner .trademark {max-width:200px; line-height:18px;}
	footer #footer_top .inner #footer_nav ul {display:block; padding-top:15px;}
	footer #footer_top .inner #footer_nav ul li {display:block; width:33%; text-align:center; float:left;}
	footer #footer_top .inner #footer_nav ul li a {padding:0 0 15px;}
	footer #footer_top .inner .trademark {width:100%; text-align:center; max-width:100%; margin-bottom:5px;}
	footer #footer_top .inner .privacy {width:100%; text-align:center; max-width:100%; margin-bottom:80px;}
	
	/* Comments */
	.comments_wrapper #respond label {line-height:30px; margin-bottom:0;}
	.comments_wrapper #respond input[type='text'], #contact_form input[type='email'] {width:100%; margin-bottom:10px;}
	.comment-form > p {margin-bottom:0;}
	.comments_wrapper #respond .form-submit input[type='submit'] {margin-bottom:20px;}
	
	/* Page */
	#page_wrapper .inner {padding:0 20px;}
	#page_wrapper article {width:100%; }
	#page_wrapper .sidebar {width:100%; float:left;}
	ul.sidebar > li {width:100%;}
	
	/* Recipes */
	.categories ul li {margin:0 5px 0;}
	.single ul.sidebar > li.instagram {display:none;}
	
	.comment-form-comment {float:left; width:100%; margin-bottom:5px;}
	.comments_wrapper #respond label {width:100%; float:left;}
	.comments_wrapper #respond textarea {width:100%; float:left;}
	.comments_wrapper #respond .form-submit input[type='submit'] {margin-right:0;}
		
	/* Mobile Menu */
	#mobile_toggles {width:100%; background:url('../images/bg-main-menu-texture.jpg') repeat center center; height:60px; padding:20px; float:left;}
	#mobile_toggles .mobile_menu_toggle {float:left; width:30px;}
	#mobile_toggles .mobile_menu_toggle ul {width:100%; float:left; list-style:none; cursor:pointer;}
	#mobile_toggles .mobile_menu_toggle ul li {float:left; width:100%; height:2px; background:#362b2f; margin-bottom:8px;}
	#mobile_toggles .mobile_menu_toggle ul li:last-child {margin-bottom:0px;}
	
	/* Hamburger */
	#hamburger { box-sizing: border-box; display: block; width: 70px; height: 45px; position: absolute; top: 8px; left: 0; z-index: 2; cursor:pointer;}
	#hamburger:before, #hamburger:after, #hamburger span { background: #362b2f; content: ''; display: block; width: 30px; height: 5px; position: absolute; left: 20px;}
	#hamburger:before { top: 10px;}
	#hamburger span { top: 20px;}
	#hamburger:after { top: 30px;}
	/* Hamburger animation */
	#hamburger:before, #hamburger:after, #hamburger span {-webkit-transition: none 0.3s ease 0.5s; transition: none 0.3s ease 0.3s; -webkit-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity;}
	.mobile_menu_toggle.open #hamburger:before, .mobile_menu_toggle.open #hamburger:after { top: 20px;}
	.mobile_menu_toggle.open #hamburger span { left: -50px; opacity: 0;}
	.mobile_menu_toggle.open #hamburger:before { transform: rotate( 45deg );}
	.mobile_menu_toggle.open #hamburger:after { transform: rotate( -45deg );}
	
	#mobile_toggles {position:relative;}
	#mobile_toggles .mobile_menu_search {float:right; width:90px; color:#c8cccf; text-transform:uppercase; font-size:12px; padding-right:35px; position:relative; line-height:27px; cursor:pointer;}
	#mobile_toggles .mobile_menu_search .icon {background:url('../images/icon-search.png') no-repeat 0px 0px; position:absolute; right:0px; top:0px; width:27px; height:27px; }
	#mobile_toggles .mobile_menu_search.open {text-indent:-9999px; text-transform:capitalize;}
	#mobile_toggles .mobile_menu_search.open .icon {background:url('../images/icon-mobil-close.png') no-repeat 0px 0px;}
	 
	#header_inner {padding-top:0;} 
	#header_inner #header_logo {margin-top:35px;}
	#header_inner #searchform {width:100%; margin:0; background:#dcede2; height:55px; position:relative; float:left; right:auto; top:auto; 
		max-height:0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow:hidden;}
	#header_inner #searchform.open {max-height:55px;}
	#header_inner #searchform > div {width:100%; float:left; padding:15px 50px 15px 20px;}
	#header_inner #searchform input[type='text'] {background:transparent; width:100%; color:#5b6973;}
	#header_inner #searchform input[type='text']::-webkit-input-placeholder {color: #5b6973; text-align:left;}
	#header_inner #searchform input[type='text']:-moz-placeholder {color: #5b6973; opacity: 1; text-align:left;}
	#header_inner #searchform input[type='text']::-moz-placeholder {color: #5b6973; opacity: 1; text-align:left;}
	#header_inner #searchform input[type='text']:-ms-input-placeholder {color: #5b6973; text-align:left;}
	#header_inner #searchform input[type='submit'] {top:15px; right:20px; background-position:0px -27px;}
	
	.categories {padding:30px 0 35px; border-bottom:1px solid #cdd2d5; position:relative; margin-bottom:35px;}
	.categories select {display:block;}
	.categories:after {content:''; background: url('../images/bg-category-list.png') no-repeat center center;width: 22px; height: 11px; position: absolute; bottom: -11px; left: 50%; margin-left: -6px;}
	
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}
	
	.share_tools_inner {width:100%; float:left;}
	.share_tools_inner > span {float:left; display:block; width:50%; text-align:center; margin-bottom:10px;}
	
	.categories > ul {display:none;}
	
	#contact_form label {line-height:30px; margin-bottom:0;}
	#contact_form input[type='text'], #contact_form input[type='email'], #contact_form textarea {width:100%;}
	#contact_form input[type='submit'] {margin-left:0; float:right;}
	
	.alm-btn-wrap .view_all {top:-32px; left:50%; margin-left:-32px;}
	
	.ingredients_wrapper .left {width:70%;}
	.ingredients_wrapper .right {width:30%;}
	.ingredients_wrapper .right .tags_list {float:right; width:55px;}
	.ingredients_wrapper .right .tags_list li {position:relative; padding-top: 50px !important; width:55px; text-align:center;}
	.ingredients_wrapper .right .tags_list li .icon {position:absolute; top:0px; left:5px; margin:0;}
}

/*
===========================================================================
=== PHONE ONLY /PORTRAIT/ =================================================
===========================================================================
*/

@media only screen and (max-width: 460px) {
	
	/* Basics */
	.mobile_only {display:block;}
	.tablet_only {display:none;}
	.responsive_only {display:block;}
	.desktop_only {display:none;}
	.hide_on_desktop {display:block;}
	.hide_on_mobile {display:none;}
	.hide_on_tablet {display:block;}
	.hide_on_small_tablet {display:block;}
	.small_tablet_only {display:none;}
	
	#latest_recipes .latest_list .single_recipe {width:100%;}
	#latest_recipes .latest_list .single_recipe img {float:none; margin:0 auto 15px;}
	#popular_recipes #popular_list .single_recipe {width:100%;}	
	#popular_recipes #popular_list .single_recipe:nth-child(n+3) {display:none;}
	#popular_recipes #popular_list .single_recipe img {float:none; margin:0 auto 15px;}
	.filter-container section {width:98%;}
	
	.media .media_entry {display:block;}
	.media .media_entry div, .media .media_entry .image {display:block; width:100%; float:left;}
	.media .media_entry .image {text-align:center;}
	.media .media_entry .image img {float:none; width:auto; height:auto; max-width:100%;}
	.media .media_entry .text {padding:20px 0 0;}
	
	
}