/*
Theme Name: Reverie Child Theme - B4J
Description: Blogging 4 Jobs custom theme based on Reverie framework.
Author: Proof Branding - RF
Template: reverie-master
*/
 
@import url("../reverie-master/style.css");
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);

/* = Theme customization starts here
-------------------------------------------------------------- */
.contributor-pic {
    background-color: #464646;
    border: 1px solid #FFFFFF;
    position: relative;
}
.textAds {
width:100%;
background-color:#fafafa;
padding:20px;
margin:20px 0;
}

/* = Slider
Styles to Override the Featured Slider Plugin styling and make slider somewhat responsive.
-------------------------------------------------------------- */

.www_slider{
display: none;
}

#featured_slider{
width: 100% !important;

margin: 0px 0px 25px 0px !important;
}

#featured_slider .content_left {
float: right !important;
width: 50% !important;
padding-right: 50px !important;
}

#featured_slider ul{
margin: 0px !important;
width: 100% !important;
}

#featured_slider ul li{
margin: 0px !important;
width: 100% !important;
}

#featured_slider .img_right{
margin-left: 0px !important;
width: 50% !important;
overflow: hidden;
}

#featured_slider .img_right img{
max-width: 100% !important;
width: auto !important;
max-height: 100% !important;
/* max-height: 340px; */
overflow: hidden;
width: none !important;
}


#featured_slider .content_left h2{
padding-top: 20px;

}

#featured_slider h2 a{
font-size: 2.250rem !important;
color: #ffffff;
}


#featured_slider .content_left{
padding: 10px 20px;
}

#featured_slider a{
color: #ffffff;
font-family: Oswald;
padding-top: 10px;

}


#featured_slider .feat_prev {
background: transparent url(img/featured-arrows.png) no-repeat !important;
background-position: 0px 0px;
width: 34px!important;
z-index: 10;
height: 31px!important;
position: absolute;
left: 10px !important;
cursor: pointer;
bottom: 160px !important;
float: left;
}

#featured_slider .feat_next {
background: transparent url(img/featured-arrows.png) no-repeat !important;
background-position: -36px 0px !important;
width: 34px!important;
z-index: 10;
height: 31px!important;
position: absolute;
right: 10px !important;
left: auto !important;
bottom: 160px !important;
cursor: pointer;
float: right !important;
}


#featured_slider .feat_prev:hover {
background-position: 0px -31px !important;
}

#featured_slider .feat_next:hover {
background-position:  -36px -31px !important;
}

/* = Layout
-------------------------------------------------------------- */

body {
background-color: #f8f8f8;
background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%);
background-size: 3px 5px;
}

.row {
max-width: 60.00rem;
}
.contain-to-grid{
background: #ffffff;
border-bottom: 3px solid #e8e8e8;
max-width: 60.00rem;

}
.contain-to-grid .top-bar{
max-width: 60.00rem;
background: #ffffff;
margin-bottom: 25px;
}

.preheader{
background-color: #076e68;
height: 30px;
}
.preheader a{
color: #ffffff;
}
.preheader ul{
float: right;
}
.preheader li{
margin-top: 0.2rem;
margin-left: 0.7rem;
}

.preheader li.social-icon a{
font-size: 0.700rem;
}
.preheader a:hover{
color: #1ca39b;
}
.title-area{
padding-bottom: 25px;
}

.name {

}

.page-header-text, .page-header-pic{
padding-bottom: 1.563rem;
}

#content {
background-color: #ffffff;
margin-bottom: 1.563rem;

}

#content.large-8 {
background-color: none;
padding: 1.563rem;
margin-right: 1.563rem;
width: 64%;
}

/* = Single Post Styling to Handle Modular Author and Comments Boxes
-------------------------------------------------------------- */
#post{
margin-bottom: 1.563rem;
}

#post.large-8{

padding: 0;
margin-bottom: 1.250rem;
padding-right: 20px;
}

#post .large-12{
background-color: #ffffff;
border:1px solid #e8e8e8;
padding: 1.563rem;
margin-bottom: 1.250rem;
width: 100%;

}

#post .entry-meta{
background-color: #f9f9f9;
padding: 0.625rem;
}

#post .entry-meta span{
font-weight: 200;
font-style: italic;
font-size: 0.875rem;
}
#post .entry-meta span a{
font-weight: 400;
font-style: normal;
}
#post .entry-meta span img{
width: 1.875rem;
padding-right: none;
}
.entry-author{
margin: 0;
}

.entry-author h4 a{
color: #23a49c;
}

.entry-author h4 a:hover{
color: #076e68;
}

.entry-author p {
font-size: 0.875rem;
color: #000000;
line-height: 1.60rem;
}

.entry-author p a{
font-weight: bold;
color: #23a49c;
}

/* = Sidebar
-------------------------------------------------------------- */

#sidebar {
padding-left: 0;

}
#sidebar .panel {
background-color:#ffffff;
padding: 0;
}

#sidebar ul{
padding:0.625em 0.625em 0.625em 1.563em;
}

.ad-codes {
min-height: 125px;

}
/* = Footer
-------------------------------------------------------------- */

footer.full-width {
background-color: #0d726c;
border-top: 4px solid #23a49c;
background-image: url(img/footer-bg.jpg);
background-position: center;
background-repeat: repeat;
}

.large-12.widget{
padding-bottom: 25px;
padding-left: 0px;
padding-right: 0px;
}
.large-12.widget h4{
background-image: url(img/bg-pattern-chevron.gif);
}


footer.full-width .love-reverie {
border-top: none;
}


footer.full-width .love-reverie p{
color: #ffffff;
font-size: 0.800rem;
}

footer.full-width .love-reverie a{
font-family: 'Open Sans';
font-size: 0.800rem;
}

/* = Post Grid
-------------------------------------------------------------- */

.grid-container[role=main]{
position: relative;
float: left;
padding-left: 0;
padding-right: 0;
}

.grid-content{
float: left;
background-color: #ffffff;
border:1px solid #e8e8e8;
padding: 0.625em;
margin-right: 1.25em;
margin-bottom: 1.875em;
}

.grid-content.large-6{
max-width: 18.750em;
}


.grid-info{
padding: 2px;
}

/* = Search
-------------------------------------------------------------- */
#searchform input{
margin-bottom: 0;
height: 2.00rem;
text-transform: uppercase;
font-family: Oswald;
font-weight: 400;
}

#searchform input#s{
background-image: url(img/icon-searchbar.gif);
background-repeat: no-repeat;
padding-left: 30px;
}


#searchsubmit.button{
background-color: #959595;
}
#searchsubmit.button{
background-color: #23a49c;
}

/* = Comments
-------------------------------------------------------------- */

ol.commentlist li{
margin-bottom: 2.5em;

}

#comments p{
font-size: 1.125rem;
}

#comments .author-meta a{
color: #000000;
font-weight: bold;
}

#comments .author-meta time a{
font-weight: normal;
color: #23a49c;
}

/* = Navigation
-------------------------------------------------------------- */
.top-bar-section ul{
background: none;
}

.top-bar-section li{
padding-right: 0.625rem;
}

.top-bar-section li a:not(.button) {
background: none;
}

.divider{
display: none;
}

.top-bar-section ul li > a{
font-family: Oswald;
font-size: 1.250rem;
color: #0d726c;
text-transform: uppercase;
}

.top-bar-section ul li:hover > a {
background: #0d726c;
}

.top-bar-section li.hover > a:not(.button) {
background: #0d726c;
}
.top-bar-section ul li > a:hover{
color: #ffffff;
}
.top-bar-section ul li.active > a{
background: #0d726c;
}
.top-bar-section ul li.active > a:hover{
background: #0d726c;
}
.top-bar-section li a:not(.button):hover {
background: #0d726c;}
.top-bar.expanded .title-area{
background: none;

}
.title-area .name{
padding-left: 10px;
padding-top: 25px;
padding-bottom: 25px;
}

.top-bar{
height: 100px;
}
.top-bar .toggle-topbar.menu-icon {
padding-top: 10px;
}


.toggle-topbar.menu-icon a {
color: #23a49c;
}


.top-bar .toggle-topbar.menu-icon a span {
position: absolute;
right: 0;
display: block;
width: 16px;
height: 0;
-webkit-box-shadow: 0 10px 0 1px #23a49c, 0 16px 0 1px #23a49c, 0 22px 0 1px #23a49c;
box-shadow: 0 10px 0 1px #23a49c, 0 16px 0 1px #23a49c, 0 22px 0 1px #23a49c;
}

.top-bar-section ul{
padding-top: 35px;
padding-left: 25px;
}

.top-bar-expanded.top-bar-section ul{
padding-left: 0px;
}


.top-bar-section .dropdown{
background-color: #23a49c;
padding-left: 0px !important;
padding-top: 0px !important;
}

.top-bar-section .dropdown li{
padding-right: 0px;
}
.top-bar-section .dropdown li a{
font-size: 0.825rem;
}

.top-bar-section .has-dropdown > a{

padding-right: 15px !important;
}

.top-bar-section .has-dropdown > a:after {
display: none;
}

.menu-utility li a {
text-transform: uppercase;
}
/* = Fonts
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6{
font-family: Oswald;
font-weight: 400;
}

h3,h4,h5,h6{
color: #13756f;
}

h1{
font-size: 2.600rem;
font-weight: 500;
color: #13756f;

}
h2{
font-size: 1.650rem;
color: #23a49c;
font-weight: 400;
text-transform: uppercase;
}

h3{
}


h5{
font-family: Open Sans;
color: #a4a4a4;
font-size: 0.850rem;

}

figure {
line-height: 1.6;

}
h2.entry-title{
font-weight: 400;
font-size: 1.250rem;
color: #888888;
text-transform: uppercase;
}
.page-header-text h1{
color: #ffffff;
background-color: #13756f;
margin-right: 1.25rem;
padding: 0.625rem;
text-transform: uppercase;

}

#sidebar .widget h4, .widget h4{
background-color: #13756f;
padding: 0.625em 20px;
font-family: Oswald;
font-size: 1rem;
color: #ffffff;
font-weight: 600;
}

#sidebar .widget li a{
color: #1ca39b;
text-transform: uppercase;
font-family: Source Sans Pro;
font-weight: 600;
font-stretch: condensed;
}

a{
color: #1ca39b;

}

a:hover{
color: #076e68;
}
.post-info p{
font-family: Source Sans Pro;
margin-bottom: 0rem;
}
.post-author-name{
font-size: 0.875rem;
}
.post-author-name a{
text-transform: uppercase;
}
.post-info-details{
font-size: 0.750rem;
text-transform:uppercase;

}


footer.full-width a{
font-family: Oswald;
font-weight: 600;
color: #ffffff;
font-size: 1rem;
}


footer.full-width a:hover{
color: #1ca39b;
}


/* = Font Smoothing */
html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

/* = Design Elements
-------------------------------------------------------------- */
.button{
background-color: #23a49c;
font-family: Oswald;
font-weight: 400;
}


.button:hover{
background-color: #13756f;
}

.pagination-centered{
width: 100%;
float: left;
}
.page-numbers li span.current {
background-color: #1ca39b;
}
img.page_icon, img.category_icon{
padding-left: 0px !important;
margin-right: -7px !important;
}


.avatar{
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
-ms-border-radius: 0%;
-o-border-radius: 0%;
border-radius: 0%;
}

/* = Contributors Grid
-------------------------------------------------------------- */
[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0rem;
  *zoom: 1; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: inline;
    height: auto;
    float: left;
    padding: 0rem; }
    
div {
display: block;
}

li.contributor {
list-style-type: none;
display:block;
}

.contributor-pic {
position: relative;

background-color: #464646;  
border: 1px solid #ffffff;

}

.avatar {
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
-ms-border-radius: 0%;
-o-border-radius: 0%;
border-radius: 0%;
float:left;
}


.contributor-pic .contributor-name {
display: table;
float: left;
position: absolute;
text-align: center;
overflow: hidden !important;
line-height: 0.600rem;
width: 100%;
top: 45%;
padding-top: 30px;
padding-bottom: 30px;
margin-top: -30px;
opacity: 1.0;
filter: alpha(opacity=1);
}

.contributor-name span {
line-height: 0.600rem;
}

.contributor-pic .contributor-name a {
color: #ffffff;
opacity:0;
}

.contributor-name span a {
text-transform: uppercase;
font-size: 0.600rem;
font-weight: 600;
line-height: 0.600rem;
text-align: center;
}

li.contributor:hover .contributor-pic a.img img {
opacity: .2;
filter: alpha(opacity=.2);
}

li.contributor:hover .contributor-name a {
opacity: 1 !important;
filter: alpha(opacity=1) !important;
}

/* = Featured Authors
-------------------------------------------------------------- */
.row.featuredauthor{
margin-top: 3.125rem;
margin-bottom: 3.125rem;
}

/* = Logo Slider
-------------------------------------------------------------- */
#logo-slider-wrapper{
background-color: #ffffff;
}

#logo-slider{
width: 100% !important;

}
#logo-slider .slide{
margin-left: 60px !important;
padding-left: 50px;
padding-right: 50px;

}
.slider-controls a {
position:absolute;
z-index: 1000;
opacity: .2;
filter: alpha(opacity=.2);
}

.slider-controls #next{
margin-left: 10px;
}

.slider-controls #prev{
margin-right: -120px;
right: 0;
float: right;
}



.logo-img{
margin: 0 auto;
}

/* = Banner Ads
-------------------------------------------------------------- */
.widget.widget-text{
background-color: #f1f1f1;

}


.textwidget{
margin: 0 auto;
padding: 10px;
text-align: center;
}