/*
Theme Name: Bloggingluv
Author: Tahir Taous
Theme URI: http://justlearnnwp.com/themes/bloggingluv
Description: Twenty Seventeen child them with custom Google fonts, featured content area and a dedicated landing page with ful screen background image.
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, landing-page, featured-content
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
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.
Text Domain: bloggingluv
Template:   twentyseventeen
*/


body, button, input, select, textarea{
font-family: 'Exo', sans-serif;
}
h1, h2, h3, h4, h5, h6, .site-branding{
font-weight: 900;
font-family: 'Alegreya', serif;
}

.site-title{
	font-weight: bold;
}

.featured-content {
    background: #e3e3e3;
    padding: 1rem;
    margin-bottom: 2rem;
    border-radius: 1rem;
}
.featured-content .widget{
	padding-bottom: 1em;
}

.landing-page-content {
    width: 50%;
    margin: 2rem auto;
    background: #FFF;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 1px 3px 12px #333333;
    opacity: .9;
    text-align: center;
}

.landing-page-copyright {
    background: #FFF;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    margin-top: 20%;
}


button, input[type="button"], input[type="submit"] {
    background-color: #E91E63;
}


::-webkit-input-placeholder { color:#f00; font-family: 'Alegreya', serif; }
::-moz-placeholder { color:#f00; font-family: 'Alegreya', serif;} /* firefox 19+ */
:-ms-input-placeholder { color:#f00; font-family: 'Alegreya', serif;} /* ie */
input:-moz-placeholder { color:#f00; font-family: 'Alegreya', serif;}

@media screen and (max-width: 48em) {
.landing-page-content {
    width: 90%;
    margin: 2rem auto;}
}

@media screen and (min-width: 48em){
.site-content {
    padding: 1.5em 0 0;}
.site-info {
    float: none;
    padding: 0;
    width: 100%;
}
}