/*
 Theme Name:     Reverie/StirAndStrain Child Theme
 Template:       reverie-master

Theme URI:          http://themefortress.com/reverie/
Description:        Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
Version:            5.0.0
Author:             Zhen Huang
Author URI:         http://themefortress.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/
 
@import url("../reverie-master/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */


/** NOTES

Make max width of rows like 58 em or something, don't want central width to keep spreading and spreading...
*/

/*@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic|Archivo+Narrow:400,400italic,700,700italic|Yanone+Kaffeesatz:400,200,300,700);*/
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic);

@import url(http://fonts.googleapis.com/css?family=Amatic+SC:700);


body {
  /*background: #f7f7f7;*/
    background: #fff;
    background: url('jiggers.jpg')  no-repeat right;
    background-size: Auto 460px;
	 /*background-image: url('backSpoons.png');*/
background-repeat:no-repeat;
background-position:right top; 
	/*font-family: "Lato", "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;*/
    /*font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;*/
    font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 16px;
}
/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  line-height: 1.65;
}

figure {
	font-family: inherit;
	font-weight: normal;
	font-size: inherit;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	text-rendering: optimizeLegibility;
    
    
  font-size: 1rem;
  line-height: 1.6;
  line-height: 1.65;
}

.entry-content {
    
  font-size: 1rem;
  line-height: 1.6;
  line-height: 1.65;
}

#content {
  background-color: #fffffa;
  background-color: #fffae7;
	background: none;
  border: none !important;
}

#content img {
	border-radius: 12px;
}

.entry-content a {
	font-weight: bold;
}

/* Default Link Styles */
/*a {
  color: #f9a684;
  text-decoration: none;
  line-height: inherit;
}
a:hover, a:focus {
  color: #f9a684;
}
*/
a:link, a:visited {color:#00B298; text-decoration:none;}
a:hover {color:#0BD6B7;}


h2 a {
  color: #00a594;
  text-decoration: none;
  line-height: inherit;
}
h2 a:hover, a:focus {
  color: #00F0D7;
}


h1, h2, h3, .blog-name {
	/*font-family: 'Lustria', 'Patua One', 'Amatic SC','Rokkitt', "Helvetica Neue", Arial, Helvetica, sans-serif;*/
	letter-spacing: 0.06em;
	font-family: 'Amatic SC', 'Lato', "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/*
h1, h2, h3, h4, h5, h6 {
	font-family: "Yanone Kaffeesatz", "Archivo Narrow", "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif ;
	font-weight: 300;
  	color: #00a594;
	/*font-variant: small-caps;*/
	/*letter-spacing: 0.025em;*/
	/*font-family: "Lato";*/
}
*/
h1 {
  /*font-size: 2.125rem;*/
  font-size: 2.6875rem;
}

h2 {
  /*font-size: 1.6875rem;*/
  font-size: 2.6875rem;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}



#sidebar .panel, .footer-widget .panel {
  /*
  border: none;
  background-color: #e2f3aa;
  background-color: #efa165;
  background-color: #d04e00;
  background-color: #f37a23;
  background-color: #F9A684;
  */
  color: #fffae7;
  padding: 1.5rem 1.875rem;
  border-radius:12px;

  border-style:solid;
  border-width:0px;
  border-color: #F9A684;
  /*
    background-color: #fffae7;
  background-color: #fffff6;
  background-color: #fffff8;
  background-color: rgba(255, 255, 250, 0.8);
    */
background-color: #f8f8f8;
  background-color: rgba(245, 245, 245, 0.9);
}

#sidebar .panel a {
  color: #fffae7;
  color: #00a594;
  font-size: 0.8rem;
  font-weight: 700;
}
#sidebar .panel a:hover, a:focus {
  color: #fffffa;
  color: #efa165;
  color: #00a594;
  color: #fffae7;
  color: #00F0D7;
}
#sidebar .widget h4, .footer-widget .widget h4 {
  color: #00a594;
  color: #fffae7;
  color: #F9A684;
  font-size: 1.2rem;
  letter-spacing:0.07em;
}

.entry-content {
	max-width: 620px;
}



.top-bar {

  background-color: #f8f8f8;
  border-bottom-width: 2px;
  border-bottom: solid #ddd;
  border-bottom-width: 1px;
    
  background-color: rgba(245, 245, 245, 0.9);
}

body > header.contain-to-grid {
  margin-bottom: 0rem;
  max-width: 100%;
  padding-bottom: 0;
}

body > header.tiny-push {
  margin-bottom: 2rem;
}

.top-bar-section ul {
 background: 0;
}

.top-bar-section a {
	color: #00a594 !important;
	background: 0 !important;
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
    border-bottom: none;
    border-top: none;
    border-right: none;
  }
  /* Wrapped around .top-bar to contain to grid width */
  .contain-to-grid {
   background: 0; 
  }
  
  .top-bar .name h1 a {
    
    font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    /*font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;*/
    color: #00a594;
  font-size: 0.8rem;
	font-weight: bold;
  }
  
  .top-bar .toggle-topbar.menu-icon a {
    color: #00a594;
  }
  .top-bar .toggle-topbar a {
    color: #00a594;
  }
  .top-bar .toggle-topbar.menu-icon a span {
    -webkit-box-shadow: 0 10px 0 1px #00a594, 0 16px 0 1px #00a594, 0 22px 0 1px #00a594;
    box-shadow: 0 10px 0 1px #00a594, 0 16px 0 1px #00a594, 0 22px 0 1px #00a594;
  }
  
  /* expanded top menu in smart phone */
  .top-bar.expanded .title-area {
    background: #FFFFFA;
  }

  .top-bar.expanded  .top-bar-section a {
  	color: #00a594 !important;
      color: #fffae7 !important;
  	background: #00a594 !important; 
  }
  
  
  
  .pre-top-bar {
    overflow: hidden;
    /*height: 190px;*/
    position: relative;
    background: #00a594;
    background-color: #fffff8;
    background-color: #fffae7;
    margin-bottom: 0;
	background: none;
  }
  .logoball {
	  /*
	background: url('strainers.png')  no-repeat center;
	  	background-size:contain;
	   	 height: 187px;
    */
  }
.slogo {
	/*background: url('slogo.png')  no-repeat center;*/  
	background: url('slogo.png')  no-repeat center;
    background-size:contain;
    height: 166px;
    
  }
  
  .titlestuff h1 {
  	/*font-family: "Yanone Kaffeesatz", "Archivo Narrow", "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif ;
*/
    
	font-size: 4.9rem;
	font-weight: 700;
margin-top: 2.2rem;
margin-bottom: 0rem;
	line-height: 1.1em;
  }
  .titlestuff h1 a {
	/*color: #c9dd71 !important;
	font-style: italic;*/
}
  
  .titlestuff h2 {
  	/*font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif ;
	*/
    /*font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;*/
    
    font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    letter-spacing: 0.15em;
		font-weight: 400;
		font-size: 1.2rem;
margin-top: 0rem;
margin-bottom: 1rem;
  }
  
  @media only screen and (max-width: 40em) {
    .titlestuff h1 {
      font-size: 2.9rem;
	  margin-top: 4.2rem;
    }

    .titlestuff h2 {
      font-size: 0.7rem;
    }
}
@media only screen and (max-width: 65em) {
	body {
	 /* background-position:450px -160px; */
	  /*background-position:450px -70px; */
        background-size: Auto 300px;
	  background-position:550px -20px;
  }
}
  @media only screen and (max-width: 35em) {
	body {
	  background-position:180px -160px; 
  }
}
  
  /*author credit under post*/
  span.author, time {
    font-weight: 400;
    color: #F9A684 !important;
  	letter-spacing: 0.1rem;
  	font-size: 0.8rem;
  }
   span.author a, time a {
    font-weight: 400;
    color: #F9A684 !important;
  	letter-spacing: 0.1rem;
  	font-size: 0.8rem;
  }
  
/*
@media only screen and (min-width: 40.063em) {
  #content {
    padding: 4.425rem;
  }

  .entry-author {
    margin: 3.125rem -3.125rem;
  }
}
*/

/** Comment bubbles after post titles **/
.post-info {float:left; width:18.333em; margin:0 1.667em 0 0; word-wrap:break-word; overflow:hidden;}
.post-info {font-size:10px;line-height: 26px;}

.timestamp {float:left; font-size:1.5em; color:#959ea1;}
.timestamp a:link, .timestamp a:visited {color:#959ea1;}
.timestamp a:hover {text-decoration:underline;}

.sticky .timestamp {display: none;}

.comment-bubble {float:left; font-size:1.5em; margin-left:0.5em; text-align:center;}
.comment-bubble a:link, .comment-bubble a:visited {color:#959ea1; text-decoration:none; display:block; width:27px; height:32px; background:url(comment-bubble.png) no-repeat 0 2px;}
.comment-bubble a:hover {color:#00B298;}
.sticky .comment-bubble {margin-left: 0;}


/** Tags and categories at bottom of article **/

.addthis_toolbox {
	padding-bottom: 3px;
}

/* CML changed below line to 20em from 10em */
.post-meta-data {	
	position:relative; 
	/*margin:0 0 0 20em; */
	/*margin:0 0 0 0; */
	margin: 2px 0 0 0;
	height:100%; 
	overflow: hidden; 
	padding:0.6em 0; 
	border-top:1px solid #d1d9dc;
	font-size: 0.8em;
	line-height: 1.3em;
}
.post-meta-data2 {
	position:relative; 
	/*margin:0 0 0 20em; */
	/*margin:0 0 0 0; */
	margin:0 0 1em 0; 
	height:100%; 
	overflow: hidden; 
	padding:0.6em 0; 
	border-top:1px solid #d1d9dc;
	border-bottom:1px solid #d1d9dc;
	font-size: 0.8em;
	line-height: 1.3em;
}
/*.post-meta-data span {display:block; float:right; clear:both; width:38.333em;}
.post-meta-data2 span {display:block; float:right; clear:both; width:38.333em;}*/
.post-meta-data span {display:block; clear:both; }
.post-meta-data2 span {display:block; clear:both; }
.lteIE7 .post-meta-data span {margin-top:-1.5em;}
.lteIE7 .post-meta-data2 span {margin-top:-1.5em;}

section#comments {
    margin-top:2em;
}
section#respond {
    margin-top:2em;
}

.index-card {
    border-bottom: none;
    padding-bottom: 0;
}

@media only screen and (min-width: 64.063em) {
  #sidebar {
    padding-right: 1rem;
  }
}

/*Stop the Daily Meal's kookiness.*/
#TDM_hat { 
  width: 100% !important;
}

@media only screen and (max-width: 721px) {
	#TDM_Channels {
	 display:none;
  }
} 

@media only screen and (max-width: 406px) {
	#TDM_hat_container {
	 display:none;
  }
} 

.quicklink {
    font-size: 0.8em;
/*margin-bottom: 2em !important;
margin-top: -2em !important;*/
    
margin-top: 0.75rem !important;
margin-bottom: 1rem !important;
}

.widget_text {
	background: none !important;
}


#sidebar li {
  padding-bottom: 0.2em;
	border-bottom: 1px dotted #ccc;
}
#sidebar li:last-child { 
	border-bottom: 0px;
}

/* negative space adjustments */
#content {
    padding: 0rem 3.125rem 3.125rem 3.125rem;
}
header {
 padding-bottom: 0rem; 
}

/* Custom cocktail ad */
.custom-cocktail-ad {
    
    background: url('electricpink-custom-cocktails.jpg')  no-repeat center;
   background-size: 100%;
   width: 122%;
min-height: 320px;
   position: relative;
    margin-left: -2.3em;
    margin-top: -1.5em;

    padding: 2rem;
    border-radius:12px;
	color: #fffae7;
}

.custom-cocktail-text {
    font-size: 1.4rem;
letter-spacing:0.07em;
font-weight: bold;
}

a:hover .custom-cocktail-ad  {
    color: #00F0D7;
}


/* coconut-club ad */
.coconut-club-ad {
    
    background: url('coconut-club-sq.jpg')  no-repeat center;
   background-size: 100%;
   width: 122%;
min-height: 320px;
   position: relative;
    margin-left: -2.3em;
    margin-top: -1.5em;

    padding: 2rem;
    border-radius:12px;
	color: #fffae7;
}

.coconut-club-text {
    font-size: 1.4rem;
letter-spacing:0.07em;
font-weight: bold;

    bottom: 1em;
    position: absolute;
    background-color: #000;
	background-color:rgba(0,0,0,0.7);
    padding: 1em;
	border-top-left-radius: 10px;  
    border-bottom-left-radius: 10px;  
}

a:hover .coconut-club-ad  {
    color: #00F0D7;
}
@media only screen and (max-width: 65em) {
	.custom-cocktail-ad {
	
		min-height: none;
		min-width: none;
		width: 100%;
  }
}

.subtitle {
	display: block;
	line-height: 1.4em;
}
.panel .subtitle {
	font-size: 0.8em;
}