/*
Theme Name: Nisarg Child
Theme URI: https://www.falgunithemes.com/downloads/nisarg/
Author: Falguni Desai
Author URI: https://www.falgunithemes.com
Description: Nisarg is a new fully responsive and translation ready theme that allows you to create stunning blogs and websites. Theme is well suited for travel, photography, recipe, design, art, personal and any other creative websites and blogs. The theme is developed using Bootstrap 3 that makes it mobile and tablets friendly.  It has various options in WordPress Customizer to change look of the theme. Theme customizer can be used to add your own header image of flexible height, background image, to set background color, header text color and accent color.
Template: nisarg
Version: 1.2.8.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: flexible-header, two-columns, right-sidebar, theme-options, custom-colors, custom-background, custom-header, custom-menu, featured-images,  post-formats, sticky-post, translation-ready, rtl-language-support, threaded-comments
Text Domain: nisarg-child

This theme is licensed under the GPL.

*/

body,
button,
input,
select,
textarea {
    color: #424242;
    font-size: 14px;
    font-family: Arial, 'Source Sans Pro', sans-serif;
}

p{
    margin-bottom: 1.5em;
    line-height: 1.1em;
}

a{
    color: #607D8B;
    text-decoration: none;
}

a:visited {
    color: #78909c;
    text-decoration: none;
}

a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
    clear: both;
    color: #212121;
    font-family: Arial, 'Lato', sans-serif;
    font-style: normal;
    font-weight: 400;
}

.site-header .site-branding {
    margin: 0;
    position: absolute;
    top: 21%;
    left: 52%;
    margin-right: -50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
}

.entry-header{
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
    letter-spacing: 2px;
    text-transform: none;
    text-decoration: none;
}
.entry-meta{
    clear: both;
    color: #727272;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: none;
    text-decoration: none;
}

.entry-meta a{
    clear: both;
    color: #727272;
    text-transform: none;
    text-decoration: none;
    line-height: 1.7;
}
.main-navigation {
    background-color: #d4e5c5;
    box-shadow: 0px 1px 1px rgba(100,100,0, 0.1);
}

.main-navigation .navbar-header{
    margin-right: -200px;
    margin-left: 0px;
    float: right;
}
.main-navigation .navbar-brand {
    color: #ffffff;
    margin-left: -15px;
    float: right;
}
.main-navigation .navbar-brand:hover, .main-navigation .navbar-brand:focus {
    color: #ffffff;
}
.main-navigation .navbar-text {
    color: #333333;
}
.main-navigation .navbar-nav > li > a {
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
}
.main-navigation .navbar-nav > li > a {
    color: #333333;
}
.main-navigation .navbar-nav > li > .sub-menu {
	background-color: #ffffff;
}
.main-navigation .navbar-nav > li > .sub-menu > li > a {
	color: #333333;
}
.main-navigation .navbar-nav > li > .sub-menu > li > a:hover,
.main-navigation .navbar-nav > li > .sub-menu > li > a:focus {
	color: #fff;
    text-decoration: none;
}
.main-navigation .navbar-nav > li > .sub-menu > li > .divider {
	background-color: #ffffff;
}
.main-navigation .navbar-nav > .active > a, .main-navigation .navbar-nav > .active > a:hover, .main-navigation .navbar-nav > .active > a:focus {
    border-top: 4px solid #009688;
	background: #fff;
    color: #009688;
}
.main-navigation .navbar-nav > .open > a, .main-navigation .navbar-nav > .open > a:hover, .main-navigation .navbar-nav > .open > a:focus {
	background: #fff;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #fff;
    border-color: #fff;
    text-decoration: none;
}

.main-navigation .navbar-toggle {
	border-color: #455A64;
}
.main-navigation .navbar-toggle:hover, .main-navigation .navbar-toggle:focus {
	background-color: #455A64;
	color: #fff;
}
.main-navigation .navbar-toggle .icon-bar {
	background-color: #333;
}
.main-navigation .navbar-toggle:hover .icon-bar,.main-navigation .navbar-toggle:focus .icon-bar{
	background-color: #fff;
}

.main-navigation .navbar-link {
	color: #333333;
}
.main-navigation .navbar-link:hover {
	color: #000000;
}

.sub-menu > .active > a, .sub-menu > .active > a:hover, .sub-menu > .active > a:focus {
    color: #FFF;
    text-decoration: none;
    outline: 0px none;
}

.sub-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}

.primary-menu > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.primary-menu > li > a > .current-menu-item {
    background: #FFF;
}

.wp-caption {
    background: #d4e5c5;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 5px 10px 5px;
    text-align: center;
}

.wp-caption-text {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

@media (max-width: 767px) {
        .main-navigation .navbar-nav .open .sub-menu > li > a {
        color: #333333;
        }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
       max-height: 600px;
    }
}

@media (min-width: 768px) {
  ul.nav li.dropdown:hover > ul.sub-menu {
    display: block;
  }
}

@media (max-width: 767px) {
    body{
        font-size: 16px
    }
    .site-header{
        position: relative;
        width: 100%;
        min-height: 170px;
        margin-bottom: 2em;
    }

    .site-title {
        font-size: 2.1em;
        letter-spacing: 10px;
    }

    .site-title::after{
        background-color: #fff;
        content:"";
        height: 1px;
        display: block;
        width: 20%;
        margin: 5px auto;
    }

    .site-description {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .site-footer{
        font-size: 14px;
    }
    .main-navigation .navbar-nav > .active > a, .main-navigation .navbar-nav > .active > a:hover, .main-navigation .navbar-nav > .active > a:focus {
        border-top: none;
    }
}