/*

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('https://fonts.googleapis.com/css?family=Arvo');

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



.site {

	margin: 0 auto;

	background-color: transparent;

	width: 100%;

	max-width: 1100px;

}

.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: 100%;
    max-height: 600px;
    margin-bottom: 0!important;
}



/* enhancing the topbar */



#masthead {
  height: 170px;
  position: relative;
  top: 0;
  border-bottom: 1px solid #eee;
}



.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: 20px;

}
.page-id-25 .site-main {
    margin-top: 0;
}



/*::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: 0;
    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 .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 .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: 0px;

}

}



#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: 0em;

overflow: hidden;

height: 200px; 

}

.content-area {
  padding-top: 0;
}
#freshcup-homepage .wp-post-image, #freshcup-homepage .post-thumbnail img {
    max-width: 470px;
    max-height: 200px;
    align-self: auto;
    position: relative;
left:-40;
}




#freshcup-homepage .entry-header {

float: right;

width: 42.1%;

margin-right: 0;

padding-right: 48px !important;

}


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: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: 840px;
}



.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 {

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;

}



.page-title-dark h1{

font-size: 50px;

font-weight: 300;

color: #000;

text-transform: none;

padding: 0 0 0 .5em;

}



#coffee-dept-page .page-title {
height: 163px;
    position: relative;
overflow:hidden;
}



#coffee-dept-page .page-title-dark, #nine-bars-blog-page .page-title-dark, #first-crack-blog-page .page-title-dark {

margin: -8em 0 0 0;

position: relative;

color: #000;

}



#in-house-blog-page .page-title {
margin: -8em 0 0 0;
position: relative;

}
#brick-mortar-dept-page .page-title {
margin: -9em 0 0 0;
position: relative;

}
#brick-mortar-dept-page #three-featured .entry-title {
    margin: 4.5em 0 0 0em;
    width: 90%;
}


#tea-tisanes-dept-page .page-title, .page-title {
    margin: -10em 0 0 0;
    position: relative;
}
#whole-leaf-blog-page .page-title, #nine-bars-blog-page .page-title, #first-crack-blog-page .page-title {
    margin: -10em 0 0 0;
    position: relative;
padding-bottom:40px;
}



#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 {
    margin: -5em 0 3em -0.6em;
}
#tea-tisanes-dept-page #three-featured  {
    margin: -7em 0 3em -0.6em;
}
#brick-mortar-dept-page #three-featured {
    margin: -5em 0 3em -0.6em;
}



#coffee-dept-page .freshcup-ad, #brick-mortar-dept-page .freshcup-ad, #tea-tisanes-dept-page .freshcup-ad {

display: none!important;

}





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



#coffee-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: 5.5em;
    margin-right: 29.04761904%;
}
.page-id-4 .dept-page-articles {
    max-width: 894px;
    margin-top: 4.6em;
    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, #tea-tisanes-dept-page #content-sidebar {
    margin-top: 35em;
    padding: 15px 0px 0px 0px;
}
#brick-mortar-dept-page #content-sidebar {
    margin-top: 32em;
    padding: 15px 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: 29%;
  overflow: hidden;
}



.archive .post-thumbnail, .search .post-thumbnail {

background: transparent;

}



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



.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;

}



.search #content-sidebar {

margin-top: 9.2em;

padding: 0px;

}
.archive #content-sidebar{
  margin-top: 0;
  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;

}



/* Business Directory overrides: steve@stevestruemph.com */

.business-directory .hentry{

	max-width: 980px;

}



.business-directory .site-content .entry-content,

.business-directory.list-view .site-content .hentry:first-of-type,

.business-directory.list-view .site-content .hentry.has-post-thumbnail{

    max-width: 980px;

    padding: 0px;

    margin-right: auto;

	margin-left: auto;

}



.business-directory.list-view #wpbdp-page-category{

	padding-top: 30px;

}



.business-directory.wpbdp-view-show_listing .site-main{

	margin-top: 4em;

}



.business-directory.wpbdp-view-show_listing .site-content .site-content{

	padding-top: 30px !important;

}



.business-directory .wpbdp-listing.wpbdp-listing{

	margin-bottom: 20px;

	padding-bottom: 20px;

}



@media (max-width: 850px){

	.business-directory #wpbdp-main-box .box-row .box-col.submit-btn {

		width: 32%;

	}

	.business-directory #wpbdp-main-box .box-row .box-col.search-fields {

		width: 67%;

	}

	.business-directory #wpbdp-main-box .wpbdp-main-links .button{

		float: left;

		font-size: .6em;

	}

	.business-directory .page-title h1{

		font-size: 36px;

		margin-top: 46px;

	}

	.business-directory .wpbdp-bar .wpbdp-main-links #wpbdp-bar-show-directory-button,

	.business-directory .wpbdp-bar .wpbdp-main-links #wpbdp-bar-view-listings-button,

	.business-directory .wpbdp-bar .wpbdp-main-links #wpbdp-bar-submit-listing-button{

		font-size: .7em;

	}

	

	.business-directory .wpbdp-bar{

		margin-top: 30px;

	}



}



@media (max-width: 500px){

	.business-directory .page-title h1{

		font-size: 26px;

		margin-top: 40px;

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

	.business-directory .button, 

	.business-directory input[type="button"]{

		padding-left: 3%;

		padding-right: 3%;

	}

	.business-directory #wpbdp-main-box .wpbdp-main-links .button{

		font-size: .6em;

	}

	.business-directory #wpbdp-main-box .wpbdp-main-links .button{

		margin: 0 1%;

	}

	.business-directory.list-view .site-content .type-page .entry-content{

		display: block;

	}

	.business-directory.list-view .content-area {

		padding: 0;

	}

	.business-directory .wpbdp-bar .wpbdp-main-links input[type="button"]{

		display: inline;

		float: left;

	}

	.business-directory .wpbdp-bar .wpbdp-main-links #wpbdp-bar-show-directory-button,

	.business-directory .wpbdp-bar .wpbdp-main-links #wpbdp-bar-view-listings-button,

	.business-directory .wpbdp-bar .wpbdp-main-links #wpbdp-bar-submit-listing-button{

		margin-right: 1%;

		font-size: .6em;

	}

	

	.business-directory #wpbdp-search-form input[type="submit"] {

		width: 100%;

		margin-top: 10px;

	}
.slider .featured-content .post-thumbnail {
    height: 250px;
}

}



/***********************************************************************************************************

 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;}

.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;}



}



@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%;}


}



@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 #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;}

}



@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-inner { overflow: visible;}

.slider .featured-content .entry-header {bottom: 651px; width: 100%;}


.home #three-featured article {max-height: 200px;}

/*internal*/

#three-featured article {max-height: 220px;}

#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;}


#freshcup-homepage .post-thumbnail {height: 180px;}

}




@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;}

}





@media (max-width: 330px) {

.slider .featured-content .entry-header { bottom: 688px;}

.featured-content { margin-top: 10rem;}

}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
}

.home .freshcup-ad {
    display:none!important;
}
#tea-tisanes-dept-page #three-featured {
    margin: -2.5em 0 3em -0.6em;
}
#tea-tisanes-dept-page #content-sidebar {
    margin-top: 33em;
}

#tea-tisanes-dept-page .dept-page-articles {
    max-width: 894px;
    margin-top: 7em;
    margin-right: 29.04761904%;
}
#nine-bars-blog-page #content-sidebar {
    margin-top: 16.5em !important;
}
#whole-leaf-blog-page #content-sidebar {
    margin-top: 17.5em;
    margin-right: 0;
    padding: 0 0 0 0px;
}
#in-house-blog-page #content-sidebar {
    margin-top: 17em;
}
.page-id-1402 .dept-page-articles {
    max-width: 894px;
    margin-top: 6em;
    margin-right: 29.04761904%;
}
#coffee-dept-page #content-sidebar {
    margin-top: 33em;
    padding: 15px 0px 0px 0px;
}
#first-crack-blog-page #content-sidebar {
    margin-top: 17em;
}
@media screen and (min-width: 846px){
#nine-bars-blog-page .content-area, .content-sidebar {
    padding-top: 0px;
}
}
@media screen and (min-width: 846px){
#nine-bars-blog-page .content-area, .content-sidebar {
    padding-top: 0px;
}

}

@media screen and (min-width: 1008px){
#in-house-blog-page .site-content {
    margin-right: 0!important;
}
}



@media (max-width: 500px){

#coffee-dept-page #three-featured, #brick-mortar-dept-page #three-featured, #tea-tisanes-dept-page #three-featured {
    margin: 10em 0 3em -0.6em;
}
}
#brick-mortar-dept-page .page-title, #in-house-blog-page .page-title {
    margin: -8em 0 0 0;
    position: relative;
    clear: both;
    padding-bottom: 25px;
}
.search #content-sidebar {
    margin-top: 4em;
    padding: 0px;
}


.search .page-content {
    margin: 0 auto;
    max-width: 894px;
    padding: 10em 0 .5em 0;
}
.search .page-header {
    margin: 0;
    padding: 0;
}
.search-results .page-title {
    margin: 0 0 1em 0;
    position: relative;
    border-bottom: 1px dashed #aeaeae;
}
.home #tspfp_article #top {
    margin-top: -50px!important;
}
#freshcup-homepage{
padding-top: 20px;
}

#tspfp_article #top {
    margin-top: -90px;
}

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

.site-content .has-post-thumbnail .entry-header{
	margin-top: 0px;
}

.home .content-sidebar{
	padding-top: 0;
}

#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: 37px;
}

.dept-page-articles  .post-thumbnail{
	margin-top: 0;
}

@media (max-width: 950px){
.singular .site-content .hentry.has-post-thumbnail {
    margin-top: 0;
}
}
.error404 #masthead {
    height: 200px;
    position: relative;
    top: 0;
}
.error404 .site-main {
    margin-top: 0;
}
.error404 .content-area, .error404 .content-sidebar {
    padding-top: 0;
}
.error404 .page-title {
    margin: 0;
    position: relative;
}
.featured-content .hentry {
    color: #fff;
    margin: 0;
    max-width: 100%;
    width: 100%;
    max-height: 700px;
}
.page-id-4 .pt-cv-view .pt-cv-ifield {
    margin-bottom: 0 !important;
    background: rgba(179, 36, 22, 0.7)!important;
}

#seattle-optin {
    display: block;
    top: 200px!important;
    left: 520px;
    margin-top: 0px!important;
    position: absolute;
}  
.page-template-default #content-sidebar {
  margin-top: 20px!important;
}

  @media screen and (min-width: 846px){
.content-area, .content-sidebar {
  padding-top: 20!important;
}
}
@media screen and (min-width: 401px){
.archive-header, .page-header {
  margin: 0 auto;
}
}

@media (max-width: 950px){
.site-main {
    margin: 0 auto 0 auto;
}
}
@media screen and (max-width: 400px){
.archive-header, .page-header {
    margin: 0 auto;
}
.site-main {
    margin-top: 0;
}
}
@media (max-width: 672px){
.single .content-area, .single .content-sidebar {
    padding: 0;
}
}
@media screen and (min-width: 673px){
.content-sidebar {
  position: relative;
  z-index: 1;
}
}
@media screen and (min-width: 783px){
.site-title {
  max-width: 1100px;
}
}
.hentry {
  max-width: 780px;

}
.page-id-30406 .entry-header {
display:none;
}
.page-id-30406 .hentry {
margin: 20px auto 48px;
}
