/*
Theme Name: Kale Child
Theme URI: https://www.lyrathemes.com/kale/
Author: LyraThemes
Author URI: https://www.lyrathemes.com/
Description: Kale is a charming and elegant, aesthetically minimal and uncluttered food blog theme that can also be used for a variety of purposes. Whether you want to share recipes or fashion tips, run a lifestyle, parenting or cooking blog, Kale is a perfect theme choice. Simple but feature-filled food blog or cooking blog WordPress theme with WooCommerce integration. Beautifully designed and extremely clean, Kale is super easy to set up and is optimized for search engines. Kale comes with a special front page; with featured posts and a large highlight post, the option to show a banner or a posts slider in the header, and RTL support. It also comes with built-in menus for displaying your social media presence, multiple blog feed layouts, text and image logo options, sidebar size options (compact and default), banner/slider color overlay options, and much more! Kale is backed by world class, one-on-one support, and a super active team of developers and designers ready to help!
Version: 1.2.3.1
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: kale
Template: kale
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, right-sidebar, grid-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-images,footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, food-and-drink
*/
@import url("../kale/style.css");

/* --- Fonts --- */
.logo .header-logo-text {
    line-height: 60px;
    font-size: 60px;
    font-weight: 200;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}

.tagline {
    font-family: 'Caveat', cursive;
    font-size: 18px;
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 15px;
}

body, p {
    font-size: 15px;
}

.big-title {
    font-size: 30px;
}

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

.header {
    line-height: 0px;
    padding: 0px;
}

.header-row-2 {
    margin-top: 15px;
    margin-bottom: 25px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.header-row-3 {
    margin-bottom: 15px
}

.logo img {margin-bottom: 10px;}
/*Nav */

.navbar-default .navbar-collapse {
    text-align: left;
}

.navbar-collapse {
    padding: 0px;
}

.navbar-nav > li > a {
    font-size: 11px;
    padding: 15px 27px;
    letter-spacing: 2px;
}

.navbar-nav > li > a {
    font-size: 11px;
    padding: 10px 20px;
    letter-spacing: 2px;
}

.navbar {
    position: relative;
    min-height: 36px;
}

/**
/
Body

/
**/
/*Slider*/
.metaslider .caption-wrap {
    position: inherit;
}

.metaslider .caption h1, .metaslider .caption h2, .metaslider .caption h3 {
    color: #FFFFFF !important;
}

.metaslider .caption h2 {
    font-size: 30px;
    color: #fff;
}

.blog-feed > h1, .blog-feed > h2 {
    font-size: 16px;
    letter-spacing: 1px;
    position: relative;
    margin: 0 0 25px;
    padding: 5px 2px;
    background: #f1f1f1;
}

.programme {
    min-height: 380px;
}

.programme .entry-content {
    min-height: 295px;
    background: #f5f5f5;
}

.programme .entry-content {
    line-height: 22px
}

.programme .entry-content img {
    max-width: 100%;
    height: auto;
}

.programme .entry-thumb {
    margin-bottom: 15px;
}

.programme .entry-image {
    margin-bottom: 15px;
}

.programme .entry-date {
    margin-bottom: 10px;
    font-style: italic;
    font-size: 12px;
    padding: 0px 5px;
}

.programme .entry-title {
    line-height: 1.3;
    margin: 0 0 10px;
    letter-spacing: 1px;
    padding: 0px 5px;
}

.programme .entry-event {
    margin-bottom: 10px;
    font-style: italic;
    font-size: 12px;
    padding: 0px 5px;
    text-transform: capitalize;
}

.blog-feed > h1 {
    background: none;
}

.event-booking {
    margin: 0px auto;
    width: 100%;
}

.event-booking a {
    color: #FFFFFF;
    width: 100%;
    max-width: 450px;
    text-align: center;
    padding: 5px 18px;
}

div#page-16 .entry-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

div#page-16 .entry-content > p {
    flex: 1 0 50%;
}

div#page-16 .entry-content > p:first-child {
    flex: 0 1 100%;
}

ul.social {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.social li {
    list-style: none;
    float: left;
    padding: 5px;
    margin-right: 5px;
}

ul.social li a:hover {
    color: ccccccc;
}

.blog-feed {
    margin-top: 10px;
}

hr {
    border-top-color: #000000;
    margin: 5px 0 !important;
}

/* Mobile first queries */
.sidebar {
}

.sidebar #text-2 .textwidget {
}

.menu-footer-menu-container {
    background: darkorange;
    margin: 10px 0px;
}

.menu-footer-menu-container ul li a {
    color: aliceblue;
}

.programme .btn-default {
    background-color: #2d2d2d;
    border-color: #2d2d2d;
    color: #fff;
    background-color: darkorange;
    border-color: darkorange;
    color: #fff;
}

.programme .more-info .btn-default {
    background-color: #c2c2c2;
    border-color: #c2c2c2;
    color: #fff;
}

#page-16 table img {
    border: 1px solid #f4f4f4;
    padding: 2px;
    border-radius: 4px;
}

#page-16 table h4 {
    background: #f4f4f4;
    padding: 10px 4px;
    margin: 10px 0px;
}

/* desktop */
@media (max-width: 1100px) {

    .navbar-nav > li > a {
        font-size: 11px;
        padding: 10px 15px;
        letter-spacing: 1px;
    }

    .sidebar {
        border-right: 1px solid #f1f1f1;
    }
}

/*  tablet */
@media (max-width: 770px) {
    .logo .header-logo-text {
        line-height: 55px;
        font-size: 49px;
    }

    .sidebar {
        border-right: 1px solid #f1f1f1;
    }
}

/* phablet */
@media (max-width: 550px) {
    .logo .header-logo-text {
        line-height: 30px;
        font-size: 30px;
    }

    .metaslider .caption h2 {
        font-size: 20px;
        color: #fff;
    }

    .metaslider .caption-wrap {
        position: inherit !important;
    }

    .event-booking {
        width: 100%;
    }

    .event-booking a {
        max-width: 500px;
    }

}

/* mobile */
@media (max-width: 400px) {
    .logo .header-logo-text {
        line-height: 30px;
        font-size: 30px;
    }

    .metaslider .caption h2 {
        font-size: 20px;
        color: #fff;
    }

    .metaslider .caption-wrap {
        position: inherit !important;
    }

    .event-booking {
        width: 100%;
    }

    .event-booking a {
        max-width: 500px;
    }

}