/*

 Theme Name:   HERLIFE

 Theme URI:    http:/her-lifemag.com/herlife/

 Description:  HERLIFE Theme

 Author:       Nancy Alpers

 Author URI:   http://her-lifemag.com

 Template:     braxton

 Version:      1.0.0

 Text Domain:  herlife

*/



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





/* =Theme customization starts here

-------------------------------------------------------------- */



/**********   GLOBAL   **********/

body, #content-area, blockquote, .next-post, .prev-post a, .next-post a, .prev-post, .related-text a, .feat1-left-text p, .feat1-right-text p, .featureLinkWrapper a:hover, #post-info {font-family:'Open Sans',helvetica,arial,sans-serif;letter-spacing:0.05em;}

#post-area blockquote {color:#56899E;border-left:3px solid #C1DADF;font-weight:bold;}

#main-nav .menu li a:hover, #search-button:hover, .home-widget h3.widget-cat, span.post-tags-header, .post-tags a:hover, .tag-cloud a:hover {background-color:#C1DADF !important;}



/**********   HEADER   **********/

#leaderboard-wrapper {margin-bottom:30px;}

#nav-wrapper {margin-bottom:20px;}

#main-nav {max-width:1000px;}

#main-nav .menu li a {color:#fff;font-family:'Oswald',helvetica,arial,sans-serif !important;text-transform:none;font-weight:400;}

#top-story-wrapper {margin-top:0 !important;}

.fixed {opacity:1;position:relative !important;transition:none;}



/**********   HEADER FRANCHISE   **********/

#logo-medium {max-width:440px !important;}

#leader-medium img {margin-bottom:10px;}

#content-wrapper {margin-top:0 !important;}


/**********   FRANCHISE TOP LEADERBOARD AD   **********/

#topLeaderboard {width: 100%;background-repeat:no-repeat;background-size: 100% 100%;background-position:center;}

/**********   HOME PAGE   **********/

.feat1-main-text h2 {text-transform:none;line-height:110%;}

.home-widget .wide-text {text-align:center;}

.home-widget .wide-text p {font-family:'Open Sans',helvetica,arial,sans-serif;}

.home-widget .wide-text .widget-info {color:#777;font-size:18px;font-style:italic;font-family:'Open Sans',helvetica,arial,sans-serif;}

.feat1-left-tri, .feat1-right-tri {display:none;}

.featureLinkWrapper a:hover {color:white;}

.featureRightContent {background-color:#fff !important;}

/**********   PAGES   **********/

.page .social-box {display:none;}

/**********   POSTS   **********/

time.post-date, span.comments-number, .category-scene-and-be-seen #post-info, .archive .widget-info, .home-widget .widget-info {display:none;}

/**********   POST CATEGORY PAGE   **********/

h1.home-widget-header {color:#56899E;}

/**********   SIDEBAR   **********/

.sidebar-widget select {font-family:'Open Sans',helvetica,arial,sans-serif;background:url(../wp-content/uploads/2014/10/dropdown-arrow-blue.gif) right repeat-y transparent !important;padding: 15px;font-size: 14px;line-height: 1;border-color:#56899E;border-radius: 0;color:#56899E;-webkit-appearance: none;margin-top:10px;margin-bottom:10px;text-transform:uppercase;}
h3.sidebar-widget-header {line-height:130%;}

/**********   IMAGES   **********/

img.alignleft {padding-right:10px;}
img.alignright {padding-left:10px;}


/**********   TAGS   **********/

.tag-cloud a {background-color:#111;font-size:18px !important;padding:25px;}



/**********   FORMS   **********/

.wpcf7-submit {padding: 15px !important;font-size: 14px !important;line-height: 1;border-color:#fff !important;border-radius: 0;color:#fff !important;-webkit-appearance: none;background-color:#56899e;}



/**********   FOOTER   **********/

#footer-wrapper {background-color:#56899E;color:#fff;font-family:'Open Sans',helvetica,arial,sans-serif;}

h3.footer-widget-header {color:#111;font-weight:700;}

#copyright, #copyright a {color:#333;}

#copyright a:hover {text-decoration:none;color:#C1DADF;}

#footer-social {display:none;}

.footer-widget {border-left-color:#fff;margin-bottom:0;}

#footer-nav {border-bottom:0px;}

#footer-nav .menu li {padding-left:15px;padding-right:15px;}

#footer-nav .menu li a {font-family:'Open Sans',helvetica,arial,sans-serif;letter-spacing:0.1em;font-weight:300;font-size:12px;}

#footer-leaderboard {border-bottom-color:#fff;}

.footer-widget select {font-family:'Open Sans',helvetica,arial,sans-serif;background:url(../wp-content/uploads/2014/10/dropdown-arrow-blue.gif) repeat-y right transparent !important;padding: 15px !important;font-size: 14px !important;line-height: 1;border-color:#fff !important;border-radius: 0;-webkit-appearance: none;}

#links-dropdown-widget-2, .widget_advanced_menu {margin-bottom:0;padding-bottom:20px;}

#logo-footer {margin-bottom:20px;}


/********** CUSTOM CSS FOR FEATURED ARTICLES **********/

/* style.css line 1313 - remove box-shadow */
#top-story-wrapper {
	background: #fff;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		-webkit-box-shadow: none;
	box-shadow: none;
	float: left;
	margin: 20px 0;
	position: relative;
	width: 100%;
}
/* end style.css */


#top-story-wrapper img {
 display: block;
  margin: 0;
  padding: 0;
}

#top-story-wrapper .featureRightWrap img {
  max-width: 106%;
  width: 108%;
}

.featureLeftWrap {
  width: 56.75%;
  float: left;
 line-height: 0;
}
.feature1Wrapper {
  display: inline-block;
  height: auto;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.feature1Aspect {
  padding-top: 60.4%;
}
.feature1Content {
 position: absolute;
 top: 0;
 left: 0;
 background-color: #56899E;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0 0;
  background-repeat: none;

 width: 100%;
 height: 100%;
 z-index: 1;
 line-height: 1.4;
}
.feat1Text {
    bottom: 0;
    left: 0;
    padding: 0 5% 30px;
    position: absolute;
    text-align: center;
    width: 90%;
    z-index: 100;
}

.feat1Text h3, .feat1Text h3 a, .feat1Text h3, .feat1Text h3 a {
  color: #fff;
  display: inline-block;
  font: 300 22px/22px "Open Sans Condensed",sans-serif;
  margin-bottom: 10px;
  text-shadow: 2px 2px 10px #000;
  text-transform: uppercase;
}
.feat1Text h2, .feat1Text h2 a, .feat1Text h2, .feat1Text h2 a {
  font-family: "Oswald","Open Sans Condensed","Bodoni MT", Didot, "Didot LT STD",sans-serif;
  line-height: 110%;
text-transform: none;
font-size: 48px;
color: #fff;
float: left;
font-weight: 400;
		-moz-text-shadow:  2px 2px 10px #000;
		-ms-text-shadow:  2px 2px 10px #000;
		-o-text-shadow:  2px 2px 10px #000;
		-webkit-text-shadow:  2px 2px 10px #000;
text-shadow: 2px 2px 10px #000;
text-transform: uppercase;
width: 100%;
}

.featureRightWrap {
  width: 43.2%;
  float: left;
  height: auto;
  position: relative;
  overflow: hidden;
  padding-bottom: 6.65%;
}
.featureRightRow {
 width: 100%;
 line-height: 0;
}
.featureRight {
 width: 50%;
 float: left;
}
.featureRightInner {
  display: inline-block;
  height: auto;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.featureRightAspect {
  padding-top: 64%;
}
.featureRightContent {
 position: absolute;
 top: 0;
 left: 0;
 background-color: #000;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 0 0;
  background-repeat: none;
 width: 100%;
 height: 100%;
 z-index: 1;
 line-height: 1.4;
}
.featureLinkWrapper {
 width: 100%;
 height: 20%;
 transition: background-color 0.5s ease;
 background: #C1DADF;
 position: absolute;
 bottom: 0;
 text-align: center;
 line-height: 1.5em;
 z-index: 100;
}
.featureLinkWrapper:hover {
 background: #56899E;
}
.featureLinkWrapper a {
 display: block;
 padding-top: 5%;
 text-transform: uppercase;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 height: 95%;
 transition: background-color 0.5s ease;
 background: #C1DADF;
}
.featureLinkWrapper a:hover {
 background: #56899E;
}
 .hoverlay {
 position: absolute;
 top: 0;
 left: 0;
 transition: background-color .5s ease;
 background-color: transparent;
 width: 100%;
 height: 100%;
 z-index: 10;
 visibility:  hidden;
 overflow:  hidden;
}
 a:hover .hoverlay,
 a:focus .hoverlay {
 background-color: rgba(86, 137, 158, 0.8);
 visibility:  visible;
}
.hoverlayText {
 color: #fff;
 padding: 2.5em 2em 0 2em;
 text-align: center;
 font-weight: 700;
  font-family: "Oswald","Open Sans Condensed","Bodoni MT", Didot, "Didot LT STD",sans-serif;
}


.feature1Content .hoverlayText {
	font-size: 1.5em;	
	padding: 6em 2em 0 2em;
}

@media screen and (max-width: 767px) {

.featureLeftWrap,
.featureRightWrap {
  width: 100%;
  float: none;
  height: auto;
}
.featureLinkWrapper {
 height: 10%;
}
.featureLinkWrapper a {
 padding-top: 2%;
}
.hoverlayText {
 padding: 5em 2em 0 2em;
}

}

@media screen and (max-width: 599px) {
.featureLinkWrapper a {
 padding-top: 1%;
}
.hoverlayText {
 padding: 3em 2em 0 2em;
}

}

@media screen and (max-width: 479px) {
.featureLinkWrapper a {
 padding-top: 0;
 font-size: 0.9em
}
.hoverlayText {
 padding: 1.5em 2em 0 2em;
}

}