/*
Theme Name: SevenStreets New. Based on Foundation
Version: 4.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: foundation
Description: Foundation for WordPress, a Responsive Starter Theme.
Tags: two-columns
*/

/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Images
:: Posts
:: Typography
:: Header
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

/* -----------------------------------------
   Images
----------------------------------------- */

.leaderboard {
text-align: center;
margin: 15px 0 15px 0;}

.fade {
    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.widget img {
    max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}
img.size-full {
    max-width: 97.5%;
    width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}

.wp-caption { max-width: 100%; }

/* -----------------------------------------
   Posts
----------------------------------------- */

.author-box h5 {margin-top:0px;}
.author-box .author_gravatar {margin-right:10px;}
.author-box p {font-size:14px; font-size:1.4em;}

article .th {margin-bottom:10px; margin-bottom:1em;}

.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {margin:0 auto;text-align:center;}

/* -----------------------------------------
   Typography
----------------------------------------- */

body,p {font-family: Arial, Helvetica, sans-serif; color: #444;}
p a { color:#77c4d3; }
h1,h2,h3,h4,h5,h6 {font-family: 'Roboto Condensed', sans-serif;}
h1,h2,h3,h4,h5,h6,a:link {font-weight:700;}
.credit {font-family: 'Karla', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 0.68em; font-weight: 300;}



.site-title .subheader {margin-bottom:0;}

/* -----------------------------------------
   Header
----------------------------------------- */

.site-header {border-bottom:1px solid #ddd;padding:1.5rem 0 1rem 0;margin:-1.875em 0 1.875em 0;}
.sidebar ul li {list-style:none;}

.top-bar ul.right a {
     font-family: 'Roboto Condensed';
font-size: 0.75em;
     letter-spacing: 1px;
     text-transform: uppercase;
}

.top-bar-section ul li a {
     background-color: #000000;
     border-left: 1px solid #333333;
     border-right: medium none;
     height: 50px;
}

.top-bar {
     height: 50px;
}

.top-bar .title-area {
     background-color: #FF3344;
     height: 50px;
     margin: 0px;
     padding: 5px 0px 0px;
}

.top-bar-section ul li li a {
     border: 0px none;
     height: 45px;
     padding: 15px ! important;
}

.top-bar-section ul li ul {
opacity: 0;}

.top-bar-section ul li:hover ul {
  -webkit-transition: all .3s .1s;
  -moz-transition: all .3s .1s;
  -o-transition: all .3s .1s;
  transition: all .3s .1s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
opacity: 1;}

.top-bar-section ul li a:hover {
     background-color: #77c4d3 ! important;
     color: #FFFFFF;
     transition: background-color 300ms ease-out 0s;
}

.top-bar-section li li a:hover {
     background-color: #77c4d3;
     color: #FFFFFF;
     transition: background-color 300ms ease-out 0s;
}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */

.container {
     width: 100%;
}

.no-padding {
     padding: 0px ! important;
}

.padding-left {
     padding: 0px 10px 0 0 ! important;
}

.row.full {
 min-width: 100%!important;
}

.wp-caption-text {text-align: center;}
.sticky { }
.gallery-caption { }
.bypostauthor{ }
.site-content .gallery {
  margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}
.site-content .gallery dd {
  margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

embed,
iframe,
object {
  max-width: 100%;
}
/* -----------------------------------------
   Index
----------------------------------------- */

.adtop {
     background-color: #DDDDDD;
     padding: 10px;
     text-align: center;
}

.header {
     background-color: #fff;
     height: 64px;
     margin: 0px 0px 0px;
     overflow: hidden;
}

.searchsocialheader {
     float: right;
     list-style: none outside none;
     margin: 13px 0px 0px;
}

.searchsocialheader li {
     float: left;
}

#searchcontainer {
     height: 45px;
     width: 100%;
font-size: 0.9em;
}

#search input {
     float: left;
     width: 75%;
}

#search .btn {
border: 0!important;
  background-color: #888;
     color: #eee;
     float: right;
font-size: 0.9em;
text-align: center;
padding: 5px;
height: 30px;
     width: 20%;
}

.searchheader input {
     height: 30px;
}

#search:focus, #search:hover {
     border-color: #AAAAAA;
     opacity: 1;
     outline: 0px none;
}


.coverstory {
     background-color: #fff;
     transition: background 0.2s linear 0s;
}

.coverstory:hover img {
     opacity: 0.8;
}


.coverstoryimage {
     height: 440px;
     overflow: hidden;
}

.coverstorytitle {
     bottom: 0px;
     left: 14%;
     margin: 0px 0px 5px;
     padding: 0px;
     position: absolute;
     text-align: center;
     text-shadow: 0px 0px 5px #111111;
     width: 70%;
}

.coverstory img {
     margin: 0px 0px 0px;
     opacity: 0.9;
     width: 100%;
}


.coverstorysign {
     border-bottom: 1px solid #fff;
     color: #fff ! important;
     font-weight: 700;
     letter-spacing: 0.5px;
     margin: 0px 0px 10px;
     padding: 0px 0px 10px;
     width: 100%;
}

.coverstorytitle h3 a {
     color: #FFFFFF;
     font-family: 'Merriweather';
     font-size: 1.3em;
     font-weight: 900;
     letter-spacing: 0px;
     line-height: 1.1em;
     margin: 0px 0px 5px;
}


.titlebox {
opacity: 0.7;
     color: #333745;
     font-family: 'Merriweather';
     font-size: 1.4em ! important;
     font-weight: 900;
}

.radartag {
     color: #ff3344;
     font-family: 'Merriweather';
     font-size: 0.9em;
     font-weight: 900; }

.featuretag {
     color: #77C4D3;
     font-family: 'Merriweather';
     font-size: 0.9em;
     font-weight: 900; letter-spacing: -1px;
}

.fullboxlink {
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 9999;}

.fullboxlink:hover {
transition: background 0.2s linear 0s;
     background-color: #FF3344;
     opacity: 0.9;
}

.fullboxlink span.read {
font-size:2em; font-family: 'Roboto Condensed'; letter-spacing: 1px; font-weight: 700!important; text-decoration: underline;
     display: none;
width: 100%;
text-align: center;
margin-top: 200px; color: #fff;
}

.fullboxlink:hover span.read {
     display: block;
}


.frontpagesectioner {
margin: 10px 0 10px 0;
padding: 20px 20px 20px 30px;
background-color: #e14a3e;
font-family: 'Source Sans Pro';
color: #fff;
font-weight: 700;}

.mailinglist {
background-color: #111;
height: 40px;}

.mailinglist {
color: #fff;
padding: 10px;}





.thumbnailpanel {
border-bottom: 1px solid #ddd;
padding: 15px 0 15px 0;
}

.thumbnailpanel a:hover {
color: #ff3344;
text-decoration: none;}

.thumbnailpanel img {
     width: 100%;
}

.thumbnailpanel h2 {
     line-height: 1.4em;
}


.thumbnailpanel h2 a {
     border-bottom: 3px solid #FF3344;
     color: #333745;
     font-weight: 600;
}


.thumbnailpanel h4 a {
     border-bottom: 1px solid #FF3344;
     color: #333745;
     font-weight: 500;
}

.thumbnailpanel h4 {
     color: #E14A3E;
     font-size: 1.4em;
     font-weight: 400;
     letter-spacing: 0px;
     line-height: 1.2em;
     margin: 5px 0px 15px;
}

.thumbnailpanel h3 {
     color: #444;
     font-weight: 700;
     letter-spacing: 0px;
     margin: 0px;
}

.thumbnailpanelfull {
     background-color: #333745;
     padding: 20px;
     text-align: center;
}

.thumbnailpanelfull h3 {
     color: #FFFFFF;
font-weight: 500;
}

.thumbnailpanel .blogdateetc {
     padding: 0px 0px 7px 0!important;

}

.standfirst {
line-height: 1.3em;
margin: 5px 0 0 0;
font-size: 0.85em;
color: #666;}

.blogdateetc, .coverstorysign, .blogdateetcfeatured {
     color: #AAAAAA;
     font-family: 'Roboto Condensed';
     font-size: 0.7em;
     letter-spacing: 1px;
     padding: 10px 0px 4px;
     text-transform: uppercase;
}

.blogdateetc a, .blogdateetcfeatured a {
     color: #999999;
     font-weight: 500;
}

.blogrow {
}


.mpuad {
     background-color: #eee;
margin: 0 0 10px 0;
}

.almanac {
     padding: 10px 20px 20px ;
margin: 0 0px 20px 0;
}

.almanac .coverstorysign {
padding: 8px 0 8px 0;}

.almanactext {
font-size: 0.8em;
line-height: 1.3em;}

.alignleft {
margin: 10px 15px 15px 0;}

.alignright {
margin: 10px 0 15px 15px;}

.topselection {
     border-bottom: 1px solid #77C4D3;
     margin: 15px 0px 20px 0;
text-align: center;
     padding: 0px 10px 8px;
     
}

.topselection li {
    
}

.topselection li:first-child {
     border: 0px none;
}

.topselection .coverstorysign {
     border-bottom: 0px none;
     color: #AAAAAA ! important;
     margin: 0px;
     padding: 0px;
}

.topselection h5 {
     color: #333333;
     font-size: 1em;
     font-weight: 500;
     letter-spacing: 0.4px;
     padding: 5px 0px 0px;
}

.topselection h5 a {
     color: #333333;
     font-weight: 500;
}


.topselectionimage img {
     border-radius: 50% 50% 50% 50%;
      width: 85px;
}

.topselectionimage img:hover {
opacity:0.7;
 transition: opacity .35s linear;
    -moz-transition: opacity .5s linear;
    -webkit-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;}

.minititle {
     border-top: 1px solid #77C4D3;
     margin: 15px 0px 0px;
}

.minititletext {
letter-spacing: 1px;
     background-color: #FFFFFF;
     color: #77C4D3;
     font-family: 'Roboto Condensed';
     font-size: 0.8em;
     margin: -16px 0px 0px;
     padding: 10px 8px 10px 2px;
     position: absolute;
     text-align: center;
     text-transform: uppercase;
}

.coverstorycontenttitle {
     background-color: #333745;
     color: #77C4D3;
     font-family: 'Merriweather';
     font-size: 1.2em;
     font-weight: 800;
     left: 35px;
     padding: 20px 15px 15px;
     position: absolute;
     top: 0px;
}

.content h1 {
     letter-spacing: 0px;
     line-height: 1.3em;
     margin: 8px 0px 30px;
}

.content h1 a {
     border-bottom: 3px solid #FF3344;
     color: #333745;
     font-weight: 600;
}

.contentsmallprint {
     color: #AAAAAA ! important;
     font-family: 'Roboto Condensed';
     font-size: 0.7em;
     letter-spacing: 1px;
     line-height: 1.6em;
     margin: 15px 0px;
     padding: 0px;
     text-transform: uppercase;
}

.contentsmallprint a {
     color: #666666;
     font-weight: 500;
}

.contentsmallprint a:hover {
     color: #EA2E49;
     text-decoration: underline;
}


.maincontent p:first-child {
     color: #222222;
     font-size: 1.1em;
     margin: 20px 0px;
}

.maincontent p { font-size: 0.9em; }

.maincontent h2,h3,h4,h5 {
color: #77c4d3;
letter-spacing: 0.5px;
}

.blogsidebar {
     margin: 15px 0px 0px;
     padding: 0px 25px 0px 0px ! important;
}

.sidebarright h4 {
     font-size: 0.9em;
     font-weight: 500;
     letter-spacing: 0.5px;
     line-height: 1.1em;
}

.sidebarright h4 a {
     color: #666;
     font-weight: 500;
}

.sidebarright h4 a:hover {
     text-decoration: underline;
}

.sidebarlist {
    border-bottom: 1px solid #ccc;
padding: 7px 0 7px 0;
}

.sidebarleft {
     margin: 0px 0px 0px;
}


.relatedposts {
margin: 10px 0 0 0;}

.relatedposts li {
font-size: 0.9em;
     border-bottom: 1px solid #DDDDDD;
     padding: 8px 0px 9px 3px;
}

.relatedposts li a {
color: #555!important;
display: block}

.relatedposts li:hover a {
color: #ff3344!important;}

.relatedcontent h5 {
     line-height: 1.1em ! important;
}

.relatedcontent h5 a {
     color: #77C4D3;
     font-size: 0.9em;
     font-weight: 500;
}

.sidebarright {
     padding: 0px 10px 0px 7px !important;
}

.sidebarright .coverstorysign {
     color: #62B3C6;
     font-weight: 500;
     margin: 0px;
     padding: 0px;
}

.nav-previous a, .nav-next a {
     color: #77C4D3;
     font-family: 'Merriweather';
     font-size: 1.1em ! important;
     font-weight: 900;
}

.nav-previous a:hover, .nav-next a:hover {
     color: #333745;
}

.footer {
     background-color: #333745;
     margin: 50px 0px 0px;
     min-height: 320px;
     padding: 20px 0px 0px;
}

.footer .titlebox {
     border-bottom: 2px solid #FFFFFF;
     color: #FFFFFF;
     font-size: 0.9em ! important;
     margin: 0px 0px 10px;
     padding: 20px 0px 10px;
     width: 80%;
}

.footer .row {
     margin: 0px auto;
     max-width: 62.5em;
     width: 100%;
}

.footer a {
     color: #77C4D3;
     font-size: 0.9em;
}

.firstfootercolumn p {
     color: #FFFFFF ! important;
     font-size: 0.8em;
     line-height: 1.3em;
     width: 95%;
margin: 6px 0 0 0;
}

.firstfootercolumn img {
     margin: 8px 0px 0px -10px;
}

.addthis_toolbox {
     border-bottom: 1px solid #CCCCCC;
margin: 30px 0 30px 0;
}

.addthis_toolbox .addthis_button_tweet{
float: left;
margin:0px 0 0 10px!important;
}

.addthis_toolbox .addthis_pill_style, .addthis_counter{
float: right;}

.addthis_toolbox .addthis_button_pinterest_pinit{
margin: 0 0 0 -20px!important;}

.addthis_toolbox .minititle {
padding: 0 0 20px 0;
border-top: 1px solid #ccc;}

.addthis_toolbox .minititletext {
     color: #666;
}

.tip-top {
width: 30%!important;
}

.tip-top p {
color: #ccc;
font-size: 0.85em;}

.has-tip {
cursor: pointer;
}

blockquote {
font-size: 1.3em!important;
padding: 0 0 0 20px;
border-top: 1px solid #dd3449;
border-bottom: 1px solid #dd3449;
border-left: 0;}

@media only screen and (max-width: 768px) {
  .header { display: none; }
  .coverstory { width: 100%; height: auto; }
    .coverstorytitle {font-size: 0.55em;}
    .coverstory .coverstorysign {display: none;}
}