/*
Theme Name: FreshCup 	
Theme URI: http://freshcup.com
Author: Synecore
Author URI: http://synecoretech.com
Description: Custom WP Blog Theme for Fresh Cup Magazine
Template: twentyfourteen
Version: 1.0
License: GPL v2+
*/

@import url("../twentyfourteen/style.css");

.site {
	margin: 0 auto;
	background-color: transparent;
	width: 100%;
	max-width: 960px;
}
.site-content .entry-header {
    background-color: transparent;
    margin: 0;
    padding: 0 0 2em 0;
}

.slider .featured-content .entry-header {
    bottom: 10px;
    left: 10px;
    background: url('images/bg.png') repeat;
}
.slider .featured-content .entry-header .entry-title a{
    color:#ffffff;
}

.slider .featured-content .post-thumbnail {
padding-top: 0;
height: 450px;
margin-bottom: 5em;
}

/* enhancing the topbar */

#masthead {
  height: 88px;
  position: relative;
  top: 0;
}

.header-main {
  display: inline;
}

.topbar-description {
 display:none;
}

/*
 Adjustments for setting the secondary menu sidebar to right align
*/
.search-box-wrapper, .featured-content {
    padding-right: 222px;
}
.featured-content {
    padding-left: 20px;
}
.full-width .site-content {
    margin-right: 222px;
}
.site-content, .site-main .widecolumn {
    margin-left: 0;
}

/*let's open the menus on the left hand side*/
.secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul {
    left: -242px;
}
/***************************************
MODIFY this setting to get the menu text to align according to your preference
****************************************/
.secondary-navigation a {
    text-align: center;
}

.secondary-navigation .menu-item-has-children > a:before {
	-webkit-font-smoothing: antialiased;
	content: "\2770";
	display: inline-block;
	font: normal 8px/1 Genericons;
	position: absolute;
	left: 26px;
	top: 13px;
	vertical-align: text-bottom;
}

.secondary-navigation .menu-item-has-children > a:after {
	display:none;
}

/********************************************************************************************************************
ALL SITE STYLES
********************************************************************************************************************/

.site-title{
    float: none;
}
.site:before {
background-color: transparent;
width: 0px;
}

.site-title a, .site-title a:hover {
overflow:visible;
}

.site-header {
background-color: #ffffff;
}

nav#primary-navigation {
  width: 100%;
  float:none;
}

.site-navigation a {
color: #222222;
font-size: 16px;
border-bottom: 2px solid #fff;
}

.site-main {
margin-top: 6em;
}

/*::selection {
background: #ededed;
color: #000;
text-shadow: none;
}*/


h1, h2, h3, h4 {
font-family: 'Arvo', Lato, sans-serif;
}

a { 
color: #83923d;
}

a:hover { 
color: #622962;
}

.entry-title {
text-transform: none;
font-size: 20px;
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

/*********************** NAVIGATION  ******************/

#top-banner{
width: 100%;
background: #eee;
}

#top-banner img {
max-width: 728px;
width: 100%;
margin: 0 auto;
display:block;
}

.b-4 {
margin: 0 auto !important;
}

.g.g-4 {
margin: 0 auto;
}


.a-3, .a-2, .a-1 {
max-width: 300px;
width: 100% !important;
height: auto !important;
}

.a-4 {
max-width: 728px;
width: 100% !important;
height: auto !important;
}

.a-5 {
max-width: 468px;
width: 100% !important;
height: auto !important;
}

.g-4 {
	margin: 0 auto;
}


.freshcup-ad {
max-width: 468px;
width: 100%;
margin: 0 auto;
}

.freshcup-ad img {
width:100%;
max-width: 468px;
}

.menu-toggle:before {
color: #555555;
content: "\f419";
margin-top: 0px;
}

@media screen and (min-width: 783px) {
.primary-navigation .menu-item-has-children > a:after, .primary-navigation .page_item_has_children > a:after {
display:none;}
.masthead-fixed .site-header {height: 131px !important;}
}

@media screen and (min-width: 783px){
.primary-navigation .menu-item-has-children > a, .primary-navigation .page_item_has_children > a {
padding-right: 0px;
padding-left: 0px;
}
}

.primary-navigation .nav-menu {
border-bottom: 0;
float: right;
}

.primary-navigation .nav-menu {margin-top: -4.4em;}

.primary-navigation li {
margin-right: 50px;
}

ul#menu-main-navigation > li:first-child {
}

ul#menu-main-navigation > li:last-child {
margin-right: 0;
}

.primary-navigation ul ul {
top: 51px;
background-color: #fff;
}

ul.sub-menu li {
margin-right:0;
}


/************************* Nav Hover and Colors *****************/

/* RED */ #menu-item-1408.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-1408 a:hover {
border-bottom: 2px solid #b32416;
}

 #menu-item-1411.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-4.current_page_item.menu-item-has-children.menu-item-1411 a {
border-bottom: 2px solid #b32416;
}


/* BROWN */ #menu-item-1411.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-1411 a:hover {
border-bottom: 2px solid #794400;
}

 #menu-item-1411.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-1402.current_page_item.menu-item-has-children.menu-item-1411 a {
border-bottom: 2px solid #794400;
}

/* GREEN */#menu-item-1415.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-1415 a:hover {
border-bottom: 2px solid #84923b;
}

 #menu-item-1415.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-1403.current_page_item.menu-item-has-children.menu-item-1415 a {
border-bottom: 2px solid #84923b;
}

/* PURPLE */ #menu-item-1418.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-1418 a:hover {
border-bottom: 2px solid #622962;
}

 #menu-item-1418.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-1404.current_page_item.menu-item-has-children.menu-item-1418 a {
border-bottom: 2px solid #622962;
}

/* BLUE */ #menu-item-1442.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-1442 a:hover {
border-bottom: 2px solid #0081c5;
}

 #menu-item-1442.menu-item-type-custom.menu-item-object-custom.current-menu-ancestor.current-menu-parent.menu-item-has-children.menu-item-1442 a {
border-bottom: 2px solid #0081c5;
}

/************************* end *****************/

#menu-item-1442 > a {
padding-right: 0;
margin-right: 0;
}

.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a {
color: #555;
font-weight: 400;
}

.site-navigation li .current_page_item > a, .site-navigation li .current_page_ancestor > a, .site-navigation li .current-menu-item > a, .site-navigation li .current-menu-ancestor > a {
color: #555;
}

.primary-navigation a {
border-bottom: 2px solid #fff;
}

.primary-navigation li:hover > a, .primary-navigation li.focus > a {
background-color: #fff;
color: #555;
}

.primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a {
background-color: #fff;
color: #555;
}

.primary-navigation ul ul a, .primary-navigation ul ul li.focus > a {
background-color: #fff;
color: #555;
}


/****** Search and contact button ****/

.search-box {
background-color: #eee;
padding: 12px;
margin-right: 8em;
}

#search-container {
margin-top:-6em;
float:right;
}

.search-submit {
	display:block;
}

input[type="submit"].search-submit {
background-color: #622962;
border: 0;
border-radius: 0px;
color: #fff;
font-size: 12px;
font-weight: 300;
padding: 5px 10px 5px;
text-transform: none;
vertical-align: bottom;
position: absolute;
margin-left: 10.5em;
}

a.grey-button.top {
float: right;
margin-top: -2.9em;
}

a.grey-button {
background: #eee;
color: #555;
padding: .7em 1em .7em 1em;
}

a.grey-button:hover {
background: #ddd;
}

.site-navigation a {
text-transform: none;
font-size: 16px;
}


/*********************** Advertising  ******************/

.freshcup-ad {
margin: -.8em auto 1em auto;
}

.home .freshcup-ad {
margin: -1em auto 1em auto;
}

/*********************** Featured Article  ******************/

.featured-content {
padding: 0 0 0 0 !important;
background-color: #fff;
}

.slider .featured-content .entry-header {
bottom: 119px;
left:0;
}

.featured-content .entry-title {
text-transform: none;
}

.featured-content .post-thumbnail img {
left: 0;
position: absolute;
top: 0;
width: 100%;
height: auto;
}

.featured-content-inner {
max-height: 500px;
}

.featured-content-inner .cat-links {
display:none;
}

.featured-content-inner .entry-meta {
margin-top: 10px;
}

.featured-content-inner .entry-date {
display:none;
}

.featured-content-inner .byline:before {
content: 'By';
padding-right: 2px;
}

.featured-content-inner .edit-link {
display:none;
}

.featured-content-inner h2.subtitle {
color: #fff;
}

/******************** Homepage 3 featured articles  ******************/

#three-featured {
width: 101%;
max-height: 270px;
margin-left: -0.6em;
}

#three-featured .widget-title{
display:none;
}

#three-featured article {
max-width: 32.2%;
display: inline-block;
margin: 0 0 0 .55em;
}

#tspfp_article #top {
top: 10em;
margin-top: -7em;
}

#three-featured .entry-title {
background: url('/wp-content/themes/FreshCup/images/bg.png');
padding: .6em !important;
}

#three-featured .entry-title a {
color: #ffffff;
font-family: 'Arvo', Lato, sans-serif;
font-weight: normal;
font-size: 20px;
}

#tspfp_article #bottom, #tspfp_article #full {
overflow: hidden;
}

#tspfp_article.layout1 img, #tspfp_article.layout1 object, #tspfp_article.layout1 code {
position:relative;
max-width: 480px;
max-height: 200px;
object-fit:cover;
}

#three-featured .entry-summary{
display:none;
}


/*********************** Normal Homepage Articles ******************/

@media screen and (min-width: 846px){
#freshcup-homepage .content-area, #freshcup-homepage .content-sidebar {
padding-top: 35px;
}
}

#freshcup-homepage .cat-links {
display:none;
}

a.post-thumbnail:hover {
background-color: transparent;
}

#freshcup-homepage .post-thumbnail {
background:transparent;
float: left;
width: 48.4%;
margin-top: -2em;
overflow: hidden;
height: 200px; 
}

#freshcup-homepage .wp-post-image, #freshcup-homepage .post-thumbnail img {
max-width: 470px;
max-height: 200px;
position: absolute;
}

#freshcup-homepage .entry-header {
float: right;
width: 42.1%;
margin-right: 0;
padding-right: 48px !important;
}

.home .entry-title {
margin-top: 12px;
}

h2.subtitle {
margin: 0 0 10px 0;
font-weight: 300;
font-size: 20px;
color: #666666;
font-family: lato;
}

#freshcup-homepage .entry-summary {
width: 36.6%;
}

#freshcup-homepage .site-content footer.entry-meta, #freshcup-homepage .entry-meta {
display: none;
}

#freshcup-homepage article {
max-width: 760px;
margin-left: 1px;
border-bottom: 3px solid #CDCDCD;
padding-bottom: 1em;
width: 94%;
}

.entry-title a:hover {
color: #83923d;
}

.entry-meta a:hover {
color: #83923d;
}

.home .content-sidebar {
padding: 3px 0px 0px 0px;
}


@media screen and (min-width: 1008px){
.content-sidebar {
margin-left: -32.047619%;
width: 300px;
}
}

.paging-navigation {
border-top: 5px solid #555;
max-width: 640px;
}

.paging-navigation .page-numbers.current {
border-top: 5px solid #83923d;
}

.paging-navigation a:hover {
border-top: 5px solid #83923d;
}

.paged .site-main {
margin-top: 8em;
}

.paged #three-featured, .paged .freshcup-ad {
display:none;
}

.paged img.dept-header {
display: none;
}

.paged #coffee-dept-page #content-sidebar, .paged #brick-mortar-dept-page #content-sidebar, .paged #tea-tisanes-dept-page #content-sidebar {
margin-top: -0.2em;
}

/*********************** Sidebar ******************/

#secondary {
    float: right;
    margin: 0 0 0 0;
}

.primary-sidebar {
padding-top: 0;
margin-top: -20em;
}

#secondary .widget a, #secondary .widget-title {
color: #222;
}

@media screen and (min-width: 1008px){
.main-content {float: none;}
}

.content-sidebar .widget a {
color: #555;
}

.content-sidebar .widget a:hover {
color: #000;
}

.content-sidebar .widget .widget-title {
border-top: 5px solid #555;
color: #83923d;
font-size: 18px;
font-weight: 400;
padding-top: 10px;
}

.content-sidebar .widget li {
padding-bottom: .3em;
}

.widget {
margin-bottom: 16px;
}


.singular .content-sidebar {
margin-top: .8em;
padding: 0;
}


/********************************** Footer **********************************/

@media screen and (min-width: 1008px) {
#supplementary {
padding: 0;
max-width: 950px;
margin: 0 auto;
}
}

.site-footer {
background-color: #333333;
}

.footer-sidebar .widget .widget-title{
font-size: 14px;
color: #83923d;
font-weight: 400;
}

.widget a {
font-size:14px;
}

.widget a:hover {
color: #83923d;
}

.footer-sidebar .widget p {
color: #fff;
}

p.telephone {
font-size: 18px;
}

.site-info {
text-align:center;
color: #fff;
}

.site-info a {
color: #83923d;
}

.site-info a:hover {
color: #fff;
}

.site-info p {
margin-bottom: 12px;
font-size:14px;
}

ul#social-links {
list-style-type: none;
height: 56px;
padding: 0;
}

ul#social-links li {
display: inline-block;
padding-right: 1em;
}

ul#social-links a {
width: 32px;
height: 32px;
display: block;
}

#social-twitter {
background: url('/wp-content/themes/FreshCup/images/freshcup-social.png') 0px 0 no-repeat;
}

#social-facebook {
background: url('/wp-content/themes/FreshCup/images/freshcup-social.png') -34px 0 no-repeat;
}

#social-instagram {
background: url('/wp-content/themes/FreshCup/images/freshcup-social.png') -68px 0 no-repeat;
}


 .widget input[type="submit"] {
background-color: #83923d;
}

 .widget input[type="submit"]:hover, .widget input[type="submit"]:focus {
background-color: #606B2D;
}
/*********************** Single Article Pages ******************/


.single .site-main {
margin-top: 0em;
}

.single .entry-title {
font-size: 40px;
}

.single h2.subtitle {
font-size: 24px;
}

.single .content-area, .single .content-sidebar {
padding:30px 0 0 0px;
}

.full-width .site-content {
margin-right: 300px;
}

.single-post .site-content .hentry {
max-width: 894px;
padding-right: 41px;
}

.single .post-thumbnail {
overflow: hidden;
max-width: 610px;
}

.single .wp-post-image, .single .post-thumbnail img {
height: auto;
max-width: 842px;
position: relative;
left: -30px;
top: 0;
}

.site-content .has-post-thumbnail .entry-header {
margin-top: 4px;
max-width: 894px;
padding: 0px;
}

.site-content .entry-meta, .page-content {
margin: 0 auto;
max-width: 894px;
padding: .5em 0 .5em 0;
}

.site-content .entry-date a:before, .attachment .site-content span.entry-date:before {
content: none;
}

.site-content .byline a:before {
content: "By";
font-size: 12px;
vertical-align: top;
padding: 1px 2px 0px 0px;
}

.site-content .entry-content {
max-width: 894px;
padding-left: 0px;
margin-right: auto;
}

blockquote {
font-size: 20px;
margin-bottom: 0px;
float: left;
width: 300px;
padding-right: 20px;
letter-spacing: .6px;
line-height: 1.6;
}

blockquote p{
margin-bottom: 5px;
}

.wp-caption-text {
font-size: 14px;
letter-spacing: .2px;
}

.entry-meta .tag-links a {
background-color: #622962;
}

.entry-meta .tag-links a:before {
border-right: 8px solid #622962;
}

.entry-meta .tag-links a:hover {
background-color: #333333;
}

.entry-meta .tag-links a:hover:before {
border-right-color:  #333333;
}

.site-content footer.entry-meta {
padding-left: 0px !important; 
}

span.dropcap {
font-size: 4em !important;
line-height: .6em !important;
color: #83923d !important;
font-family: 'Arvo', Lato, sans-serif!important;
padding: .25em .15em 0 0 !important;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
display: none;
}


/****** Department Pages ******/

@media screen and (min-width: 846px){
#coffee-dept-page .content-area, .content-sidebar, #brick-mortar-dept-page .content-area, .content-sidebar,  #tea-tisanes-dept-page .content-area, .content-sidebar, #nine-bars-blog-page .content-area, .content-sidebar, #in-house-blog-page .content-area, .content-sidebar, #first-crack-blog-page .content-area, .content-sidebar, #whole-leaf-blog-page .content-area, .content-sidebar {
padding-top: 5px;
}
}

img.dept-header {
width: 100%;
}

.page-title h1{
font-size: 50px;
font-weight: 300;
color: #fff;
text-transform: none;
padding: 0 0 0 .5em;
}

#coffee-dept-page .page-title, #nine-bars-blog-page .page-title, #first-crack-blog-page .page-title {
margin: -8em 0 0 0;
position: relative;
}

#brick-mortar-dept-page .page-title, #in-house-blog-page .page-title {
margin: -8em 0 0 0;
position: relative;
}

#tea-tisanes-dept-page .page-title, #whole-leaf-blog-page .page-title {
margin: -8em 0 0 0;
position: relative;
}

#coffee-dept-page .site-content, #brick-mortar-dept-page .site-content, #tea-tisanes-dept-page .site-content, #nine-bars-blog-page .site-content, #in-house-blog-page .site-content, #first-crack-blog-page .site-content, #whole-leaf-blog-page .site-content {
width: 100%;
}

#coffee-dept-page #three-featured, #brick-mortar-dept-page #three-featured, #tea-tisanes-dept-page #three-featured  {
margin: -3em 0 3em -0.6em;
}

#coffee-dept-page .freshcup-ad, #brick-mortar-dept-page .freshcup-ad, #tea-tisanes-dept-page .freshcup-ad {
margin: 0em auto 1em auto;
}


/*** controls featured article background colors **/

#coffee-dept-page #three-featured .entry-title, #brick-mortar-dept-page #three-featured .entry-title, #tea-tisanes-dept-page #three-featured .entry-title {
margin: 6.5em 0 0 0em;
width: 90%;
}

#coffee-dept-page #three-featured .entry-title {
background: url('/wp-content/themes/FreshCup/images/brown-bg.png');
}

#brick-mortar-dept-page #three-featured .entry-title {
background: url('/wp-content/themes/FreshCup/images/red-bg.png');
}

#tea-tisanes-dept-page #three-featured .entry-title {
background: url('/wp-content/themes/FreshCup/images/green-bg.png');
}

/** end bg colors **/

.dept-page-articles {
max-width: 894px;
margin-top: 3.3em;
margin-right: 29.04761904%;
}

.dept-page-articles  .cat-links {
display:none;
}

a.post-thumbnail:hover {
background-color: transparent;
}

.dept-page-articles  .post-thumbnail {
background:transparent;
float: left;
width: 45.8%;
margin-top: -2em;
overflow: hidden;
height: 200px; 
}

.dept-page-articles  .wp-post-image, .dept-page-articles  .post-thumbnail img {
max-width: 470px;
max-height: 200px;
position: absolute;
right: -80px;
}

.dept-page-articles .entry-header {
float: right;
width: 41.9%;
margin-right: 0;
padding-right: 60px !important;
}

.dept-page-articles .entry-meta {
display:none;
}

.dept-page-articles  .entry-summary {
width: 38.4%;
}

.dept-page-articles article {
max-width: 870px;
border-bottom: 3px solid #CDCDCD;
padding-bottom: 1em;
margin: 48px 0 48px 0;
width: 94%;
}

#coffee-dept-page #content-sidebar, #brick-mortar-dept-page  #content-sidebar,  #tea-tisanes-dept-page #content-sidebar{
margin-top: 35.6em;
padding: 6px 0px 0px 0px;
}


/***************** Blog Home Pages ******************/


#nine-bars-blog-page #content-sidebar, #in-house-blog-page #content-sidebar, #first-crack-blog-page #content-sidebar, #whole-leaf-blog-page #content-sidebar{
margin-top: 15.5em;
margin-right: 0;
padding: 0 0 0 0px;
}

#nine-bars-blog-page .dept-page-articles, #in-house-blog-page .dept-page-articles, #first-crack-blog-page .dept-page-articles, #whole-leaf-blog-page .dept-page-articles{
margin-top: 4.6em;
}


/***************** Category & Tag Pages ******************/

.archive .page-header, .search .page-header {
margin: 0;
padding: 0 0 2em 0;
}

.archive .site-content .entry-summary{
max-width: 100%;
padding: .5em 0 0 0;
}

.search .site-content .entry-summary {
max-width: 100%;
padding: .5em 0 0 0;
}

.search .site-content .entry-header {
max-width: 100%;
padding: 0;
}

.archive .site-content, .search .site-content {
margin-right: 35.33333333%;
overflow: hidden;
}

.archive .post-thumbnail, .search .post-thumbnail {
background: transparent;
}

.archive .post-thumbnail img, .search .post-thumbnail img{
max-width: 640px;
}

.post-navigation{
max-width: 100%;
}

.archive-header {
max-width: 100%;
padding: 0;
}

.archive-title {
font-size: 36px;
font-weight: 300;
}

.list-view .site-content .hentry:first-of-type, .list-view .site-content .hentry.has-post-thumbnail {
max-width: 894px;
}

.archive .content-area, .search .content-area {
padding-top: 0px;
}

.archive #content-sidebar, .search #content-sidebar {
margin-top: 9.2em;
padding: 0px;
}

.archive .site-content footer.entry-meta, .search .site-content footer.entry-meta {
margin-top:-1.3em;
margin-bottom: 3em;
}

.archive .site-content .hentry {
max-width: 894px;
padding-right: 41px;
}

.comments-link {
display:none;
}


/***** Other Non-Blog Pages ****/

.page-template-default #content-sidebar{
margin-top: 4.5em;
padding: 0;
}

.page-template-default .main-content {
float: left;
}


button, .button, input[type="button"], input[type="reset"], input[type="submit"] {
background-color: #622962;
}

button:hover, button:focus, .button:hover, .button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: #3C193C;
    color: #FFF;
}
/***********************************************************************************************************
 RESPONSIVE STYLES 
**********************************************************************************************************/

@media screen and (min-width: 673px){
.search-box .search-field {width: 100%;}
.slider .featured-content .entry-header {padding: 10px 30px 20px;}
}

@media (max-width: 1217px) {
#freshcup-homepage .entry-summary, .dept-page-articles .entry-summary{ padding: 0 81px 0 0 !important; float: right;}
}

@media screen and (min-width: 1080px){
.slider .featured-content .entry-header, .slider-control-paging {width: 640px;}
}

@media (max-width: 1080px){
.primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul {left: -69px;}
.featured-content-inner h2.subtitle { font-size: 18px;}
}

@media (max-width: 1061px) {
#three-featured article {margin-left: .55em;}
}

@media (max-width: 1024px) {
.primary-navigation .nav-menu {margin-top: -2.8em;}
.site-main {margin-top: 7em;}
}

@media (max-width: 1000px) {
.primary-navigation .nav-menu {margin-top: -4.8em;}
.site-main {margin-top: 6em;}
}

@media (max-width: 950px) {
.site { width: 95%; overflow:hidden;}
h1.site-title img {width: 200px;}
.primary-navigation li {margin-right: 40px;}
.site-main { margin: 4em auto 0 auto; }
#three-featured article {margin-left: .35em;}
#freshcup-homepage .entry-header {width: 40.9%;}
#freshcup-homepage .entry-summary {width: 38.6%; padding: 0 60px 0 0 !important;}
#tspfp_article.layout1 img, #tspfp_article.layout1 object, #tspfp_article.layout1 code {left: -30%;}
.single .content-area, .single .content-sidebar { padding: 70px 0 0 0px;}
#coffee-dept-page #three-featured, #brick-mortar-dept-page #three-featured, #tea-tisanes-dept-page #three-featured {margin: -4em 0 4em -0.6em;}
.single .wp-post-image, .single .post-thumbnail img { max-width: 100%; left: 0;}
}

@media (max-width: 938px){
#three-featured {margin-top: -1%;}
}

@media (max-width: 924px){
.slider .featured-content .entry-header {bottom: 159px;}
}

@media (max-width: 917px){
#freshcup-homepage .post-thumbnail, .dept-page-articles .post-thumbnail{ float: none; width: 100%; margin-top: 0;}
#freshcup-homepage .wp-post-image, #freshcup-homepage .post-thumbnail img {max-width: 100%; max-height: 371px; right: 0px; top: 0px;}
#freshcup-homepage .entry-header, .dept-page-articles .entry-header { float: none; width: 100%; margin-right: 0; padding-right: 0; }
#freshcup-homepage .entry-summary, .dept-page-articles .entry-summary {margin-left: 0; width: 100%; max-width: 100%; padding: 1em 0 0 0 !important;}
#freshcup-homepage .content-area, #freshcup-homepage .content-sidebar {padding-top: 0px;}
.home .entry-title {margin-top: 0px;}
.home .content-sidebar {padding: 3px 0px 0px 20px;}
.dept-page-articles {margin-right: 35.333333%;}
.dept-page-articles .wp-post-image, .dept-page-articles .post-thumbnail img {max-width: 100%; max-height: 372px; right: 0px; top: 0px;}
#nine-bars-blog-page #content-sidebar, #in-house-blog-page #content-sidebar, #first-crack-blog-page #content-sidebar, #whole-leaf-blog-page #content-sidebar {margin-top: 17.6em;}
}

@media (max-width: 860px){
.primary-navigation li {margin-right: 30px;}
}

@media (max-width: 845px){
.slider .featured-content .entry-header {bottom: 189px;}
#nine-bars-blog-page .content-area, #in-house-blog-page .content-area, #first-crack-blog-page .content-area, #whole-leaf-blog-page .content-area {margin-top: 1em; padding-top: 0px;}
#coffee-dept-page .content-area, #brick-mortar-dept-page .content-area, #tea-tisanes-dept-page .content-area {padding-top: 0px;}
}

@media (max-width: 782px){
    /*nav updates*/
.menu-toggle {top: 86px; background-color: #fff;}
.menu-toggle:before {font-size: 30px;}
.menu-toggle:hover {color: #444; background-color: #fff}
.primary-navigation.toggled-on .nav-menu { background: #fff; padding-left:20px;}
.primary-navigation.toggled-on {padding: 65px 0 36px;}
ul#menu-main-navigation { width: 100%; float: none; padding: 1.125rem;}
.primary-navigation a { border-bottom: 2px solid #eee;}
#three-featured {margin: -2.4em 0 0em -.6em;}
#coffee-dept-page #three-featured, #tea-tisanes-dept-page #three-featured {margin: -5em 0 4em -0.6em;}
#brick-mortar-dept-page #three-featured {margin: -3em 0 4em -0.6em;}

}

@media (max-width: 782px) and (min-width: 673px){
#freshcup-homepage .entry-summary, .dept-page-articles .entry-summary {	padding: 0em !important;}
}

@media (max-width: 778px){
.home #three-featured {margin: -2.8em 0 1em -.6em;}
}

@media (max-width: 768px){
.slider .featured-content .entry-header {bottom: 225px;}
#tea-tisanes-dept-page #three-featured {margin: -4.8em 0 4em -0.6em;}
#coffee-dept-page #content-sidebar, #brick-mortar-dept-page #content-sidebar, #tea-tisanes-dept-page #content-sidebar {margin-top: 33.2em;}
}

@media (max-width: 701px){
#three-featured article { margin-left: .25em;}
.home #three-featured { margin: -5.8em 0 1em -.6em;}
}
@media (max-width: 696px){
#three-featured article {max-width: 32%;}
#coffee-dept-page #three-featured{margin: -4.8em 0 4em -0.6em;}
}

@media (max-width: 693px){
/*general*/
#tspfp_article #bottom, #tspfp_article #full { height: 240px;}
#tspfp_article.layout1 img, #tspfp_article.layout1 object, #tspfp_article.layout1 code { width: 100%; max-width: 659px; height: auto; min-height: 240px; left: 0;}
#tspfp_article img, #tspfp_article object, #tspfp_article code {margin-right: 0px; margin-left: auto;}
/*Homepage*/
    .slider .featured-content .entry-header {width: 90%;}
.home #three-featured {margin: -4em 0 2.3em 0em; height:auto; max-height: 100%; }
.home #three-featured article {margin: 0 auto 2.8em auto; max-width: 658px; width: 100%; max-height: 330px;}
.home .freshcup-ad {margin: -6em auto 1em auto;}
/*internal*/
#three-featured article {margin: 0 auto -3em auto; max-width: 658px; width: 100%; max-height: 330px;}
#three-featured {margin: 2em 0 1em 0em; height:auto; max-height: 100%; }
#coffee-dept-page #three-featured, #brick-mortar-dept-page #three-featured, #tea-tisanes-dept-page #three-featured {margin: 1em 0 1em -0.6em;}
#coffee-dept-page #tspfp_article #top, #brick-mortar-dept-page #tspfp_article #top, #tea-tisanes-dept-page #tspfp_article #top {margin-top: -10em;}
.freshcup-ad {margin: -6.8em auto 1em auto;}
#coffee-dept-page #content-sidebar, #brick-mortar-dept-page #content-sidebar, #tea-tisanes-dept-page #content-sidebar {margin-top: 73.8em;}
}

@media (max-width: 672px){
.slider .featured-content .entry-header {bottom: 400px;}
.single .content-area, .single .content-sidebar {padding: 110px 0 0 0px;}
.singular .site-content .hentry.has-post-thumbnail {padding-right: 0px;}
.home .content-sidebar, .content-sidebar {padding: 1em 0 0 0; margin: 0 auto; width: 50%; min-width: 300px;}
.single .content-sidebar { padding: 1em 0 0 0px; margin: 0 auto;}
.archive #content-sidebar, .search #content-sidebar {margin-top: 0em; padding: 1em 0 0 0;}
#coffee-dept-page #content-sidebar, #brick-mortar-dept-page #content-sidebar, #tea-tisanes-dept-page #content-sidebar {margin-top: 2em;}
#nine-bars-blog-page #content-sidebar, #in-house-blog-page #content-sidebar, #first-crack-blog-page #content-sidebar, #whole-leaf-blog-page #content-sidebar {margin: 0 auto;padding-top: 2em; width: 50%; min-width: 300px;}
.freshcup-ad {margin: -5em auto 1em auto;}
.dept-page-articles {margin-right: 0px; margin-top: 5.3em;}
#freshcup-homepage article, .dept-page-articles article {width: 100%;}
}

@media (max-width: 598px){
.featured-content .entry-header {min-height: 50px; padding: 3px 10px;}
.home #three-featured {margin: -7em 0 1em 0em;} 
#coffee-dept-page #tspfp_article #top, #brick-mortar-dept-page #tspfp_article #top, #tea-tisanes-dept-page #tspfp_article #top {margin-top: -10em;}
#coffee-dept-page #three-featured, #brick-mortar-dept-page #three-featured, #tea-tisanes-dept-page #three-featured {margin: 1em 0 0 -0.6em;}
}

@media (max-width: 570px){
.search-box {display:none;}
#search-container {margin-top: -3em;}
}

@media (max-width: 550px){
.home #three-featured {margin: -9em 0 1em 0em;} 
#tspfp_article #bottom, #tspfp_article #full {height: 200px;}
#tspfp_article.layout1 img, #tspfp_article.layout1 object, #tspfp_article.layout1 code {min-height: 200px;}
}

@media (max-width: 500px){
/*general*/
#tspfp_article.layout1 img, #tspfp_article.layout1 object, #tspfp_article.layout1 code {margin-top: 0em}
#tspfp_article #bottom, #tspfp_article #full {margin-top: 0em; height: 200px; margin-bottom: 8em;}
#tspfp_article #top { top: 0em;}
#three-featured .entry-title {margin-bottom: 0px !important;}
/*home*/
#tspfp_article.layout1 #left { width: 100%;}
.featured-content {margin-top: 8rem;}
.featured-content-inner { overflow: visible;}
.slider .featured-content .entry-header {bottom: 651px; width: 100%;}
.home #three-featured {margin: -6em auto 0 auto;}
.home .freshcup-ad {margin: -9em auto 1em auto;}
.home #three-featured article {max-height: 200px;}
/*internal*/
#three-featured article {max-height: 220px;}
#coffee-dept-page #three-featured, #brick-mortar-dept-page #three-featured, #tea-tisanes-dept-page #three-featured { margin: 10em 0 -7em 0em;}
#coffee-dept-page #tspfp_article #top, #brick-mortar-dept-page #tspfp_article #top, #tea-tisanes-dept-page #tspfp_article #top {margin-top: -15em;}
.freshcup-ad {margin: 0em 0em 1em 0em;}
#coffee-dept-page #three-featured .entry-title, #brick-mortar-dept-page #three-featured .entry-title, #tea-tisanes-dept-page #three-featured .entry-title {width: 96%;}
}

@media (max-width: 457px) {
.slider .featured-content .entry-header { bottom: 669px;}
.featured-content { margin-top: 9rem;}
.home #three-featured { margin: -8em auto 0 auto;}    
#freshcup-homepage .post-thumbnail {height: 180px;}
}

@media screen and (max-width: 430px){
.featured-content {height: 362px;}
.home #three-featured {margin: 0em auto 2em auto;}
#coffee-dept-page #three-featured, #brick-mortar-dept-page #three-featured, #tea-tisanes-dept-page #three-featured { margin: 9em 0 -6em 0em;}
}

@media screen and (max-width: 400px){
.list-view .site-content .post-thumbnail img { float: none; margin: 0 10px 3px 0; width: 894px;}
.list-view .site-content .cat-links, .list-view .site-content .entry-content, .list-view .site-content .entry-summary, .list-view .site-content footer.entry-meta { display: block;}
#coffee-dept-page .page-title, #nine-bars-blog-page .page-title, #first-crack-blog-page .page-title, #tea-tisanes-dept-page .page-title, #whole-leaf-blog-page .page-title, #brick-mortar-dept-page .page-title, #in-house-blog-page .page-title {margin: -6em 0 -1em 0;}
.page-title h1 {font-size: 33px;}
#freshcup-homepage .wp-post-image, #freshcup-homepage .post-thumbnail img {max-width: 530px; right: -180px; top:-10px;}
.dept-page-articles .wp-post-image, .dept-page-articles .post-thumbnail img {max-width: 530px; right: -130px; top:-10px;}
}

@media screen and (max-width: 360px){
.home #three-featured {margin: -2em auto 2em auto;}
}


@media (max-width: 342px){
a.grey-button.top { display:none;}
#three-featured .entry-title a {font-size: 18px;}
#coffee-dept-page #three-featured, #brick-mortar-dept-page #three-featured, #tea-tisanes-dept-page #three-featured { margin: 10em 0 -6em 0em;}
}


@media (max-width: 330px) {
.slider .featured-content .entry-header { bottom: 688px;}
.featured-content { margin-top: 10rem;}
}