/*
 * Theme Name: Ryckposter Child
 * Template: ryckposter
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 */

/* -> FONTS
-------------------------- */

@import 'assets/webfonts/fonts.min.css';

/* -> COMMON STYLES
 ------------------------ */

body {
    letter-spacing: 0.1em;
}

.container {
    max-width: 966px !important;
}

/* -> HEADER
 ------------------------ */

#header {
    color: #666;
}

/* -> Top bar */

#top-bar a {
    font-size: 16px;
    text-transform: none;
    color: #fff !important;
}

#top-bar .top-menu span {
    margin-left: 10px !important;
}

/* -> Site branding */

#site-branding {
    background: #fafafa;
    border-bottom: 1px solid #eee;
    font-size: 16px;
}

#site-branding blockquote {
    font-size: 30px;
    font-weight: 700;
}

/* -> Menu */

.navbar-nav .nav-link {
    padding: 0 20px !important;
}

/* -> HOME PAGE
 ------------------------ */

.parallax-section {
    height: 100vh !important;
    max-height: 1200px;
}

.parallax-section:after {
    content: '';
    display: block;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
}

.green-section a {
    color: #fff;
}

/* -> GALLERY PAGE
 ------------------------ */

.gallery-item img {
    box-shadow: 0px 5px 5px rgba(34, 25, 25, 0.4) !important;
}

/* -> FOOTER
 ------------------------ */

#footer {
    font: 14px 'Apparel';
    border-top: 1px solid #eee;
}

#footer .footer-widget a:hover, #footer a:hover {
    color: #000;
}

#footer .widget-title {
    margin-bottom: 25px;
}

#footer .social-media-links a {
    color: #fff !important;
    padding: 0 13px;
    font-size: 17px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    background: #1ba059;
    border-radius: 50%;
    margin-right: 10px;
}

#footer .social-media-links a:hover {
    background: #333;
}

#footer .menu li {
    padding: 5px 0;
    line-height: 22px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#footer .menu a {
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
    -webkit-transition: all 130ms ease-in-out;
    -moz-transition: all 130ms ease-in-out;
    -ms-transition: all 130ms ease-in-out;
    -o-transition: all 130ms ease-in-out;
    transition: all 130ms ease-in-out;
}

#footer .menu a:hover {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}