/*
Theme Name: Obulma
Theme URI: https://www.nilambar.net/2019/12/obulma-free-wordpress-theme.html
Author: Nilambar Sharma
Author URI: https://www.nilambar.net/
Description: Obulma is a simple blogging WordPress theme. With clean and minimal design it is mainly targeted for blogging sites. It uses the Bulma CSS framework. It is cross browser compatible and responsive and looks beautiful on any device and screen sizes. Due to its elegant design users will have a pleasant experience reading your blog posts and articles.
Version: 1.0.11
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: obulma
Requires at least: 4.9
Tested up to: 6.1
Requires PHP: 5.6
Tags: blog, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

Obulma is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.columns {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.columns .column {
    padding: 0;
}

.page, .post {
    margin: 0 !important;
}

body {
    font-size: 1em;
    font-weight: 400;
    margin: 0;
    color: #494949;
    background-color: #e5e5e5;
    font-family: Nunito,sans-serif;
    line-height: 1.5;
}

a:visited {
    color: #2c2c2c;
}

.top-bar {
    background-color: #2c2c2c;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.top-bar p {
    margin-bottom: 0;
}

.navbar {
    background-color: #e5e5e5 !important;
}

.navbar-item, .navbar-link {
    color: #2c2c2c;
    display: block;
    line-height: 1.5;
    padding: 0.5rem 0.75rem;
    position: relative;
    font-weight: 700;
}
.navbar-item:hover, .navbar-link:hover {
    color: #2c2c2c !important;
}

.navbar-link:not(.is-arrowless)::after {
    border-color: #316233 !important;
    color: #2c2c2c;
    margin-top: -0.375em;
    right: 1.125em;
}

 a.navbar-link:visited,  a.navbar-item:visited {
    color: #2c2c2c !important;
}

.navbar-burger {
    color: #2c2c2c;
    -webkit-appearance: none;
    appearance: none;
    background: 0 0;
    cursor: pointer;
    display: block;
    height: 4.25rem !important;
    position: relative;
    width: 4.25rem !important;
    margin-right: 20px !important;
    margin-left: auto;
    border: 1px solid black !important;
}

@media screen and (max-width: 1023px) {
    .navbar-menu {
        background-color: #fff;
        box-shadow: 0 8px 16px rgba(10,10,10,.1);
        padding: 1.5rem 0 !important;
        text-align: center !important;
    }
}

.eurocell {
    max-width: 152px;
    border-left: 1px solid;
    padding-left: 2em;
    margin-left: 2em;
}

@media screen and (max-width: 1024px), print {

    .eurocell {
        display: none;
    }
}

.eurocell p {
    margin-bottom: 5px;
    font-size: 0.8em;
    font-weight: 700;
}

.hero {
    color: #ffffff;
}

.hero .title {
    color: #ffffff;
}

.hero h2 {
    font-size: 1.4em;
    margin-bottom: 1.2em;
}

.hero .button {
    font-weight: 700;
}

.hero .button.is-primary {
    background-color: #2c2c2c !important;
    border-color: transparent;
    color: #fff;
    margin-bottom: 30px;
}

.hero .button.is-contact {

    margin-bottom: 30px;
}

.hero.is-small .hero-body p:last-of-type {
    margin-bottom: 0;
}

.hero.is-small .hero-body {
    padding: 3em !important;
}

.hero.is-small .hero-body p {
    font-size: 1.2em;
}

.hero.is-small .hero-body p strong {
    color: #ffffff;
}

@media screen and (min-width: 1024px), print {

    .hero.is-small .hero-body {
        padding: 3rem 15.5rem !important;
    }

    .hero.is-medium .hero-body {
        padding: 9rem 15.5rem !important;
    }
}

/* Text & Image Sections */

.column.angle-bg {
    background-image: -webkit-linear-gradient(30deg, #f7f7f7 50%, #ffffff 50%);
    border-radius: 25px;
}

.text-image .column {
    padding: 2.75rem;
}

.text-image .title {
    color: #316233;
}
.text-image .title a {
    color: #316233;
}

.text-image p {
    font-weight: 600;
}

.text-image.is-dark-grey, .text-image.is-dark-grey .title {
    color: #ffffff;
}

/* Icons Bar */

.icons-bar {
    background-color: #2c2c2c;
    background-image: -webkit-linear-gradient(30deg, #2c2c2c 50%, #316233 50%);
}

.icons-bar .promise-icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 3.5rem;
    width: 3.5rem;
    margin-bottom: 20px;
}

.icons-bar p {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1em;
    margin-bottom: 0;
    font-weight: 600;
}

/* CTA Bar */

.cta-bar {
    background-color: #316233;
    background-image: -webkit-linear-gradient(30deg, #316233 50%, #245526 50%);
}

.cta-bar h2, .cta-bar h4 {
    color: #ffffff;
    font-weight: 700;
}

.cta-bar .button {
    color: #ffffff;
}

/* Quote Block */

.quote-block {
    background: #2c2c2c;
    color: #2d2d2d;
    text-align: center;
    border-radius: 25px;
    background-image: -webkit-linear-gradient(30deg, #f7f7f7 50%, #ffffff 50%);
}

.quote-block h4 {
    max-width: 700px;
    margin: 0 auto;
}




/* Custom Classes */

.is-rounded {
    border-radius: 25px;
}

.is-shadow {
    box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
}

.is-dark-grey {
    background-color: #2c2c2c !important;
}

/* Footer */

.footer {
    background-color: #e5e5e5 !important;
}

.facebook-link {
    padding: 10px;
    border: 2px solid #3273dc;
}

/* Posts Styling */

.text-center {
    text-align: center;
}

.white-background {
    background: #ffffff;
    margin-bottom: 50px;
}

.post-thumbnail {
    border-radius: 25px;
}

.wp-post-image {
    border-radius: 25px;
}

.more-link {
    margin-top: 40px;
}

.button.is-info {
    background-color: #2c2c2c !important;
    border-color: transparent;
    color: #fff;
}

.button.is-black {
    background-color: #2c2c2c !important;
    border-color: transparent;
    color: #fff;
}