/*
Theme Name: ReadToMe Theme
Theme URI: http://wafisolutions.com/
Author: the Wafisolutions team
Author URI: http://wafisolutions.com/
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: ReadToMe

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/

*/

.aligncenter {
	text-align: center;
}

.alignleft {
	float: left;
	padding: 10px 20px 0 0;
}

.alignright {
	float: right;
	padding: 0 0 10px 20px;
}

.tab-bar .menu-icon {
	height: 55px;
	top: 6px;
}

.tab-bar .menu-icon::after {
	color: #666666;
	content: "Menu";
	display: inline-block;
	font-size: 0.75em;
	pointer-events: none;
	position: absolute;
	right: 4px;
	text-transform: uppercase;
	top: 25px;
	z-index: 100;
}

.home .billboard {
    display: none;
}

.home .panel-grid .billboard{
    display: block;
}
.panel {
    background: #fff;
    padding: 0;
}
.billboard-home:after {
    z-index: 1;
}

.top-search {
    width: 125px;
}
#rpwe_widget-3, #rpwe_widget-4 {
    display: none;
}
.category-news #rpwe_widget-3, .category-newsletter #rpwe_widget-4{
    display: block;
}
.rpwe-block ul, .widget_em_widget ul{
    margin-left: 0;
    padding-bottom: 10px;
    /*border-bottom: 1px #ddd solid;*/
    list-style: none;
}

.rpwe-block li, .widget_em_widget li{
    list-style: none !important;
    font-size: 14px !important;
    padding-bottom: 0 !important;
    border-bottom: 0px solid #eee !important;
}

body.page-id-11 .content section, body.page-id-14 .content section, body.page-id-16 .content section, body.page-id-4826 .content section, section.news, body.page-id-22 .content section:first-child{
    margin-left: 15px; margin-right:15px;
}
.home section.why-read{
    margin-left: 0;
}
body.page-id-14 .content section, body.page-id-11 .content section, body.page-id-16 .content section, body.page-id-16 .content section, body.page-id-4826 .content section{
    padding: 40px 0 30px;
    border-top: 1px #ddd dashed;
}
body.page-id-14 section.why-read, body.page-id-11 section.what-we-do, body.page-id-16 section.donate-online{
    border-top: none;
    padding-top: 20px;
}

body.page-id-11 .what-we-do{
    padding-bottom: 30px;
}

body.page-id-11 section.board, body.page-id-16 section.buy-amazon{
    padding-bottom: 60px;
}
body.page-id-11 section.about-images{
    padding-top: 0;
    border-top: 0;
    padding-bottom: 40px;
}

.vertical-columns ul{
    column-count: 3;
    column-gap: 100px;
}

@media(max-width: 768px){
    .vertical-columns ul{
        column-count: 2;
        column-gap: 100px;
    }
}

@media(max-width: 512px){
    .vertical-columns ul{
        column-count: 1;
        column-gap: 0px;
    }
}