/*
Theme Name: UnderStrap
Theme URI: http://understrap.com
Author: Holger Koenemann
Author URI: http://www.holgerkoenemann.de
GitHub Theme URI: https://github.com/understrap/understrap
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder.
That downloads everything and moves it in place so that you can recompile your CSS and JS files;
A developer version (with Gulp/node and Sass sources) is available on gitHub: https://github.com/understrap/understrap
A child theme is available on Github, too: https://github.com/understrap/understrap-child;
Version: 0.9.4
License: UnderStrap WordPress Theme, Copyright 2013-2017 Holger Koenemann
UnderStrap is distributed under the terms of the GNU GPL version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap
Tags: one-column, custom-menu, featured-images, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
UnderStrap is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /css/theme.css
The SASS sources for it can be found in /sass/
The dependencies can be found in /src/ after running "gulp copy-assets" terminal command

...and now go out and play!
*/

/* body */
.wrapper{
    max-width: 1200px;
    margin: 0 auto;
}
body{
    color: #4a4a4a;
    font-family: 'Playfair Display', serif;
}
.jumbotron{
    border-radius: 0;
}
a{
    color: #00a31b;
}
a:hover{
    color: #00a31b;
    text-decoration: none !important;
}
/* Header */
.header-title{
    height: 350px;
    padding-top: 120px;
    text-align: center;
}

/* navigation */
.nav-link{
    /* color: white !important; */
}
.bg-primary{
    background-color: rgba(0,0,0,0) !important;
}
.navbar-scrolled{
    background-color: white !important;
    box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.15);
}
.navbar-items{
    color: #4a4a4a !important;
}
.navbar-brand{
    color: white !important;
}
.nav-color-pop{
    color: #4a4a4a !important;
}
.navbar-brand{
    color: #4a4a4a !important;
}
@media only screen and (max-width: 769px) {
    .bg-primary{
        background-color: white !important;
    }
    .nav-link{
        color: #4A4A4A !important;
    }
}

/* jumbotron */
.jumbotron{
    color: white;
}
.jumbotron .btn{
    background-color: #00a31b;
    border: 2px solid #00a31b;
}
.jumbotron .btn:hover{
    color: #4a4a4a;
}

/* paper color */
.paper{
    background-color: #edfff0;
    padding: 60px 0;
}

/* white section */
.white{
    padding: 60px 0;
}

/* purple section */
.purple{
    padding: 60px 0;
    background-color: #FFFDFF;
}

/* contact form */
.W-2 input{
    border: 0px !important;
}
.wpcf7 input[type=file]{
    border: 0px !important;
}
.wpcf7{
    margin-left: 0px !important;
    margin-right: auto !important;
}
.wpcf7 input[type=submit]{
    background-color: #4E00FF;
    border: 2px solid #4E00FF;
    color: white;
}
.wpcf7 input[type=submit]:hover{
    background-color: white;
    color: #4a4a4a;
}

/* blogs */
.posts{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.post-image{
    height: 300px;
}
.posting{
    padding: 8px;
    border-radius: 8px;

}
.posting:hover{
    background-color: #edfff0;
}
.title-blog a{
    color: #4a4a4a;
    text-decoration: none;
}

/* book */
.flex-book{
    display: flex;
    flex-wrap: wrap;
}

/* mailing list */
.mailing-list{
    justify-content: center;
    font-weight: bold;
    font-size: 60px;
    background-color: #edfff0;
}
.mailing-list h2{
    font-size: 60px;
}
.wpcf7{
    max-width: 100% !important;
    text-align: center;
    
}
input[type=submit]{
    margin: 0 auto;
    width: max-content !important;
    font-size: 20px !important;
    background-color: #00a31b !important;
    border: 2px solid #00a31b !important;
}
.dark-background{
    background-color: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    padding: 60px 0;
}

.parallax{
    height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.center-parallax{
    position: relative;
    top: 40%;
    max-width: 1200px;
    margin: auto auto;
    color: white;
}
.paypal-btn{
    padding: 20px 60px;
    background-color: #f787c1;
    color: black;
    border-radius: 8px;
}
.paypal-btn:hover{
    color: black;
    background-color: #f89fcd;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
}