/* Table of Contents
==================================================
01. RETINA STYLES
02. BASE STYLES (1140px)
03. #DESKTOP (960px)
04. #Tablet (Portrait)
05. #Mobile (Portrait)
*/



/*
=============================================== 01. RETINA STYLES ===============================================
*/
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
	body nav select {background: url(../images/select-arrow@2x.png) center right no-repeat; background-size:contain;}
	.flex-direction-nav a {background-image: url(../images/slider/arrows@2x.png); background-size:80px 60px;}
}

/* IE7-IE8 Fixes*/
.lt-ie9	body nav select {background: url(../images/select-arrow.png) center right no-repeat;}
.lt-ie9 .flex-direction-nav a {background-image: url(../images/slider/arrows.png); background-size:68px 69px;}


/*
=============================================== 02. BASE STYLES (1140px) ===============================================
*/
/* Note: Design for a width of 1040px */
html {-webkit-text-size-adjust: none;}	/* Removes webkit font resizing */ 
body {max-width:100%; width:100%;}
img {max-width:100%; height: auto; }
.width-container, .flex-caption .slider-container {-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }


/*
=============================================== 03. #DESKTOP (960px) ===============================================
*/
/* Note: Design for a width of 960px */
@media only screen and (min-width: 959px) and (max-width: 1190px) {
	
.width-container {width:95%;} /* Default Width */

.sf-menu a { padding-right:20px; padding-left:20px; }

.container-menu-home-content {
	padding:30px 0px;
}

body  #sidebar .flickr-widget ul li img {  width:42px; height:42px; }
body .flickr-widget ul li img { width:68px; height:68px;}

h1 {font-size:48px; }
h2 {font-size:29px; }
h2.menu-title-home { font-size:30px; }
h3 {font-size:23px; }
h4 {font-size:19px; }
h5 {font-size:16px; }
h6 {font-size:14px; }
.time-menu-pro i {font-size:19px; }
.time-menu-pro { font-size:16px; }
.time-single-pro {font-size:16px; }
.time-single-pro i {font-size:19px; }

ul#taxonomy_pro_recipe li a {
	font-size:15px;
	padding:14px 22px;
}

}


/*
=============================================== 04. #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {


/* Default Width */
.width-container { width:94%; }


.sf-menu a {padding:23px 11px; font-size:14px;}

body  #sidebar .flickr-widget ul li img {  width:36px; height:36px; margin:0px 6px 6px 0px; }
body .flickr-widget ul li img { width:45px; height:45px; margin:0px 13px 13px 0px;}

.commentlist {width:68%;}

.container-menu-home-content {
	padding:12px 0px 25px 0px;
}

h1 {font-size:46px; }
h2 {font-size:26px; }
h2.menu-title-home { font-size:28px; }
h3 {font-size:21px; }
h4 {font-size:15px; }
h5 {font-size:13px; }
h6 {font-size:12px; }
.time-menu-pro i {font-size:16px; }
.time-menu-pro { font-size:14px; }

.time-single-pro {font-size:14px; }
.time-single-pro i {font-size:16px; }

ul#taxonomy_pro_recipe li a {
	font-size:13px;
	padding:11px 16px;
}


}


/*
=============================================== 05. #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	
body, footer {font-size:13px;}

/* Default Width */
.width-container { width:92%; }

body.home ul#header-login-pro {
	top:55px;
}
#search-form-recipes form input {
	width:40%;
}

/* Default Grid */
.footer-2-column .widget, .footer-3-column .widget, .footer-4-column .widget,
#content-container, footer .footer-2-column .widget, footer .footer-3-column .widget, footer .footer-4-column .widget,
.grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression,
#content-container {
	width:100%; margin-bottom:10px;
	float:none;
}

#sidebar {
	float:none;
	width:100%;
	margin:0px;
	padding:0px;
	background:none;
}

#widget-area .widget {
	padding:40px 0px 20px 0px;
}

#copyrigh-text {float:none; text-align:center; padding-bottom:0px;}
footer .social-ico {text-align:center;}

/* Select Menu */
h1#logo {float:none !important; padding:0px; margin:0 auto; text-align:center;}
.menu-main-navigation-container {
	padding:14px 0px 15px 0px;
}
nav {float:none; margin:0 auto 0px auto; background:none;}
nav ul { display: none;  }  
nav select option { background:#fff; color:#888;}
nav select {cursor:pointer; text-transform:none; display:block;  margin-left:auto; margin-right:auto; width:300px; min-width: 150px; max-width: 100%; -webkit-appearance: none; -moz-appearance: normal; appearance: normal;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none;-moz-user-select: none;
background-color:#fafafa;
background:#FAFAFA url(../images/select-arrow.png) center right no-repeat;;
font-size:13px;
border: 1px solid #aaaaaa;
color: #555555;
padding:7px 5px 7px 10px;
}


.googlemap {
	max-height:250px !important;
}

.wpcf7 input, #respond input {width:185px;}
.wpcf7 textarea, #respond textarea {width:215px; }


/* Comment Adjustments */
.commentlist {width:95%; left:-10px;}
.commentlist .children li.comment .comment-meta {margin-left:0px;}
.commentlist .avatar, .commentlist > li:before {display:none;}


#share-single-pro {
	text-align:center;
	float:none;
}

body #main .container-menu-home-content {
	float:none;
	width:100%;
	padding-left:0px;
}
.container-content-home-padding {
	padding-left:0px;
}

body #main .featured-menu-image {
	float:none;
	width:100%;
}

h1 {font-size:42px; }
h2 {font-size:25px; }
h2.menu-title-home { font-size:25px; }
h3 {font-size:21px; }
h4 {font-size:15px; }
h5 {font-size:13px; }
h6 {font-size:12px; }
.time-menu-pro i {font-size:16px; }
.time-menu-pro { font-size:13px; }

.time-single-pro {font-size:13px; }
.time-single-pro i {font-size:16px; }


ul#taxonomy_pro_recipe li a {
	font-size:13px;
	padding:10px 15px;
}


}


/*
===============================================  HOOTSUITE ===============================================
*/

@media (max-width: 768px) {
	.hootsuite-content {
		//position: relative;
		//top: 29px;
	}
}