/**
	Theme Name: Natuur in de Praktijk
	Description: This is a child theme of Goya.
	Template: goya
	Version: 1.1
	Author: Richard Colli - Goya by Everthemes
	Author URI: http://themeforest.net/user/luisvelaz
	Tags: responsive-layout, flexible-header, custom-colors, mega-menu, woocommerce, shop, ajax, page-builder, translation-ready, gutenberg
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* HELPERS */
.clear-left {
    clear: left;
}
.clickable {
    cursor: pointer;
}
/* CONTENT */
#wrapper .bg-row-image-right {
    background-position: right bottom !important
}
#wrapper .bg-row-image-left {
    background-position: left bottom !important
}

/* TEXT STYLES */
blockquote {
    border-left: 4px solid #1e5b5b !important;
}
.et-light-column blockquote {
    border-left-color: #fff !important;
}
.text-has-shadow,
.hero-light-title .page-title {
    text-shadow: 0 0 10px #000000;
}
.text-has-shadow .button.solid,
.text-has-shadow .fancy-tag {
    text-shadow: none;
}
#wrapper .white-text * {
    color: #fff !important;
}
.first-letter h2 strong {
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border: 2px solid #1e5b5b;
    border-radius: 50%;
    margin: auto;
    opacity: .3;
}
.intro-text {
    font-size: 125%;
}
/* BANNERS */
.gradient-overlay {
    position: relative;
}
.gradient-overlay:before {
    content:"";
    display: block !important;
    position: absolute;
    top; 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    opacity: .6;
    z-index: 1;
}
.dark-banner-bg {
    background: #000;
}
.dark-banner-bg img,
.dark-banner-bg img.lazyload {
    opacity: .6 !important;
}
@media (max-width: 767px) {
    .et-banner .et-banner-paragraph {
        display: block !important;
    }
}
/* FOOTER */
@media (max-width: 991px) {
    #footer-bar.footer-bar {
        text-align: left;
    }
}

