/*
Theme Name: IMC Nisarg Child
Theme URI: https://falgunidesai.com/Nisarg
Author: Falguni Desai
Author URI: https://falgunidesai.com
Template: nisarg
Description: Nisarg Child Theme
Version: 1.2.8.1
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-colors, custom-menu, featured-images,  post-formats, sticky-post, translation-ready, rtl-language-support, threaded-comments, featured-images, sticky-post
Text Domain: nisarg-child

This theme is licensed under the GPL.

*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 Repeatable Patterns
 * 3.0 Header
 *     3.1 Site Navigation Bar
 *     3.2 Site Header
 * 4.0 Content
 *     4.1 Post-Content
 *     4.2 Page and Post Navigation links
 *     4.3 Post Formats
 *     4.4 Gallery
 *     4.5 Post-Comments
 * 5.0 Sidebar - Widgets
 * 6.0 Site Footer
 * 7.0 Media Queries
 * 8.0 Print
 *
 **/

/**
 * 1.0 Reset
 * -----------------------------------------------------------------------------
 */


body {
    background-color: #e1f0db;
}

body,
button,
input,
select,
textarea {
    color: #424242;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Mukta Vaani', sans-serif;
}


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

h1 {
    font-size: 1.6rem;
    color: #232323;
    font-weight: 600;
}

h2 {
    font-size: 1.35rem;
    color: #1b1b1b;
    margin-bottom: 0.8rem;
    font-weight: 600;
}

h3 {
    color: #1b1b1b;
    margin-bottom: 0.35rem;
    font-size: 1.25rem;
}

h4 {
    font-size: 1.2rem;
}

h5 {
    font-size: 1.1rem;
}

h6 {
    font-size: 1rem;
    font-weight: 700;
}


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


a,
a:visited {
    color: #548135;
    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;
    color: #c3e0b8;
}

a:hover{
    text-decoration: none;
}

a img {
    border: 0;
}

dd {
    margin: 0 1.5em 1.5em;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    border-left: 1px solid #455A64;
    background: #F5f5f5;
    font-size: 18px;
    font-style: italic;
    margin-left: 0.5em;
    padding: 0 0.5em;
}

blockquote p{
    font-size: 18px;
}

code {
    white-space: normal;
    color: #666;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

table caption {
    text-align: center;
    text-transform: uppercase;
}

thead{
    background-color: #fff;
    color:#212121;
}

table,th,td{
    border: 1px solid #ddd;
}

th, td {
    padding: 0.7em;
    text-align: left;

}

tbody tr:nth-child(odd) {
    background: #eee;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

embed,
iframe,
object {
    max-width: 100%;
}

iframe{
    width: 100%;
}

/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */


p + ul {
    margin-top: -0.75em;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

button,
input,
textarea {
    font-family: inherit;
    padding: 5px;
}

input,
textarea {
    color: #727272;
    border: 1px solid #aaa1a8;
}

input:focus,
textarea:focus {
    outline: 0;
}

input:hover,
textarea:hover {
    outline: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid #455A64;
    border-radius: 2px;
    background:    -moz-linear-gradient(#607d8b, #455a64);
    background:    -o-linear-gradient(#607d8b, #455a64);
    background:    -webkit-linear-gradient(#607d8b, #455a64);
    background:    linear-gradient(#607d8b, #455a64);
    color:#fff;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border: 1px solid #455A64;
    border-radius: 2px;
    background: linear-gradient(#f1fbee, #d9f3cf);
    color: #548135;
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border: 1px solid #455A64;
    border-radius: 2px;
    background:    -moz-linear-gradient(#607d8b, #455a64);
    background:    -o-linear-gradient(#607d8b, #455a64);
    background:    -webkit-linear-gradient(#607d8b, #455a64);
    background:    linear-gradient(#607d8b, #455a64);
    color:#fff;
}

input[type=text],
input[type=email],
textarea {
    color: #727272
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
    color: #727272;
}


input[type="search"].search-field {
    border-radius: 2px 0 0 2px;
    width: -webkit-calc(100% - 42px);
    width: calc(100% - 42px);
}

.search-form {
    position: relative;
}

.search-form label{
    width: 100%;
    margin-bottom: 0px;
}

.search-submit:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 16px;
    left: 0px;
    position: relative;
    width: 40px;
}

.search-submit {
    border-radius: 0 2px 2px 0;
    bottom: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
    background: linear-gradient(#f1fbee, #d9f3cf);
    color: #548135;
    border-color: #548135;
}


img{
    margin-bottom: 1em;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

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

.wp-caption.aligncenter,
.wp-caption.alignnone{
    margin: 5px auto 20px;
}

.wp-caption.alignleft{
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright{
    margin: 5px 0px 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption-text {
    font-size: 14px;
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
    max-width: 100%;
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

.entry-content img,
img.size-full {
    max-width: 100%;
    width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}


.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

img.wp-post-image{
    max-width: 100%;
    width: auto;
}

img.wp-post-image{
    height: auto;
}

.image-attachment{
    margin-left: auto;
    margin-right: auto;
}

.featured-image img{
    display: block;
    margin:0 auto 15px;
}



/**
 * 3.0 Header
 * ----------------------------------------------------------------------------
 */

.row.site-header .col {
    padding-left: 0;
    padding-right: 0;
}

.sign-in-sign-out {
    padding: 10px 20px;
}

.sign-in-sign-out span {
    display: inline-block;
    margin: 0 10px;
}

.sign-in-sign-out a {
    color: #C4DFB9;
}
.sign-in-sign-out a:hover {
    color: white;
}

/**
 * 3.1 Site Navigation Bar
 * ----------------------------------------------------------------------------
 */

.nav{
    display: block;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    top:0;
    z-index: 1030; }
@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0; } }

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }

.admin-bar .navbar-fixed-top {
    top: 32px;
}
@media (max-width: 782px) {
    .admin-bar .navbar-fixed-top{
        top: 46px;
        position: absolute;
    }
}

/* allow customizing the order of the user menu */
#menu-imc-main {
    display: flex;
}
/* this is the user menu only displayed for logged in users */
li#menu-item-6475 {
    /* ensure that this menu item is all the way to the end of the menu */
    order: 9999;
}

#menu-imc-main,
#menu-imc-main-nav {
    width: 100%;
    padding: 0 10px !important;
}

@media (min-width: 768px) and  (max-width: 992px) {
    ul#menu-imc-main > li {
        font-size: 80%;
    }
}

@media (max-width: 992px) {
    ul#menu-imc-main a {
        padding: 5px 10px;
    }
}

.navbar-brand {
    font-size: 20px;
    font-weight: 600;
}

.main-navigation .row.sticky-nav {
    margin-left: auto;
    margin-right: auto;
}

/*@media (max-width: 575px) {
  .main-navigation .row.sticky-nav {
    margin: 0 15px;
    width: auto;
  }
}*/

@media (min-width: 576px) {
    .main-navigation .row.sticky-nav {
        max-width: 510px;
    }
}

@media (min-width: 768px) {
    .main-navigation .row.sticky-nav {
        max-width: 690px;
    }
}

@media (min-width: 992px) {
    .main-navigation .row.sticky-nav {
        max-width: 930px;
    }
}

@media (min-width: 1200px) {
    .main-navigation .row.sticky-nav {
        max-width: 1110px;
    }
}


.main-navigation {
    background-color: #e1f0db;
    clear: both;
    display: block;
    float: left;
    margin-bottom: 0px;
    width: 100%;
    text-transform: none;
}
.main-navigation ul {
    display: none;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    position: relative;
}

.main-navigation > li > a {
    padding-top: 11px;
    padding-bottom: 11px;
    line-height: 20px;
}

.main-navigation a {
    text-decoration: none;
}

.main-navigation .astm-search-menu.dropdown > a {
    height: 100%;
}


@media (min-width: 768px) {
    .main-navigation .astm-search-menu.dropdown > a > svg {
        position: absolute;
        top: 50%;
        bottom:50%;
        transform:translate(-50%, -50%);
    }
}

.main-navigation .astm-search-menu svg.search-icon path {
    fill: #FFFFFF;
}

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

.sub-menu > li > a {
    display: block;
    padding: 10px 7px;
    clear: both;
    font-weight: normal;
}
.sub-menu {
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
}
.main-navigation .open > a, .main-navigation .open > a:hover, .main-navigation .open > a:focus {
    background-color: #fff;
    border-color: #fff;
}

.navbar-brand {
    text-align: center;
    display: inline;
    padding: 0;
    font-family: 'Neuton', serif;
    font-size: 2.0em;
    margin-right: 0;
    font-weight: 300;
}

/* Many IE browsers do not support background-clip: text; so we are using alternate css */
@supports not (-ms-high-contrast: none) {
    .navbar-brand a {
        background: linear-gradient(#477a3b, #3c6a2f);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .navbar-brand a:hover,
    .main-navigation .navbar-header .header-links a.navbar-link:hover {
        color: #c3e0b8;
    }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .navbar-brand a {
        color: #477a3b);
}
.navbar-brand a:hover,
.main-navigation .navbar-header .header-links a.navbar-link:hover {
    color: #3c6a2f;
}
}

 @media screen and (max-width: 576px) {
     .navbar-brand {
         font-size: 1.4em;
     }
 }

 .navbar-brand a:hover,
 .main-navigation .navbar-header .header-links a.navbar-link:hover {
     color: #c3e0b8;
 }

 .navbar-brand img {
     height: 33px;
     display: inline-block;
     margin: 0 1px 8px 0;
 }
 .main-navigation .primary-menu > li > a,
 .main-navigation .primary-menu > a  {
     color: #fff;
     font-family: 'Mukta Vaani', sans-serif;
     font-size: 1.1em;
     text-transform: uppercase;
 }
 .main-navigation .primary-menu > li > a:hover,
 .main-navigation .primary-menu > a:hover  {
     color: #c3e0b8;
 }
 .main-navigation .primary-menu > li > ul.toggle-on{
     display: block;
 }
 .main-navigation .primary-menu > li > .sub-menu > li > a {
     color: #333333;
     width: 240px;
     text-transform: none;
     padding: 4px 7px;
 }
 .main-navigation .primary-menu > li > .sub-menu > li > a:hover,
 .main-navigation .primary-menu > li > .sub-menu > li > a:focus {
     color: #777;
 }
 .main-navigation .primary-menu > li > .sub-menu > li > .divider {
     background-color: #ffffff;
 }
 .main-navigation .primary-menu > .active > a, .main-navigation .primary-menu > .active > a:hover, .main-navigation .primary-menu > .active > a:focus {
     background: #fff;
 }
 .main-navigation .primary-menu > .open > a, .main-navigation .primary-menu > .open > a:hover, .main-navigation .primary-menu > .open > a:focus {
     background: #fff;
 }
 .main-navigation .open > a, .main-navigation .open > a:hover, .main-navigation .open > a:focus {
     background-color: #fff;
     border-color: #fff;
 }
 .main-navigation ul ul {
     display: none;
     margin-left: 0.875em;
 }
 .no-js .main-navigation ul ul {
     display: block;
 }
 .main-navigation ul ul a {
     color: #333333;
 }
 .main-navigation ul li:hover > ul,
 .main-navigation ul li.focus > ul {
     left: auto;
 }

 .main-navigation ul ul li:hover > ul,
 .main-navigation ul ul li.focus > ul {
     left: 100%;
 }
 .main-navigation .menu-toggle {
     border-color: #455A64;
 }
 .main-navigation .menu-toggle:hover, .main-navigation .menu-toggle:focus {
     background-color: #455A64;
     color: #fff;
 }
 .main-navigation .menu-toggle .icon-bar {
     background-color: #333;
 }
 .main-navigation .menu-toggle:hover .icon-bar,.main-navigation .menu-toggle:focus .icon-bar{
     background-color: #fff;
 }
 .main-navigation .navbar-link {
     color: #333333;
 }
 .main-navigation .navbar-link:hover {
     color: #000000;
 }
 .menu-toggle {
     position: relative;
     float: right;
     padding: 9px 10px;
     margin-top: 8px;
     margin-right: 15px;
     margin-bottom: 8px;
     background-color: transparent;
     background-image: none;
     border: 1px solid transparent;
     border-radius: 4px;
 }
 .menu-toggle .icon-bar {
     display: block;
     width: 22px;
     height: 2px;
     border-radius: 1px;
 }
 .menu-toggle .icon-bar + .icon-bar {
     margin-top: 4px;
 }
 .dropdown-toggle {
     background-color: #fff;
     background: linear-gradient(#fff, #fff);
     border: 0;
     border-radius: 0;
     color: #1a1a1a;
     content: "";
     /*height: 48px;*/
     height: 40px;
     padding: 0;
     position: absolute;
     right: 0;
     left: auto;
     text-transform: none;
     top: 0;
     width: 90px;
 }
 .dropdown-toggle:hover, .dropdown-toggle:focus {
     background-color: #fff;
     background: linear-gradient(#fff, #fff);
     cursor: pointer;
 }
 .dropdown-toggle:after {
     border: 0 solid #d1d1d1;
     background-color: #fff;
     font-family: FontAwesome;
     content: '\f0d7';
     font-size: 14px;
     left: 1px;
     position: relative;
     width: 40px;
 }
 .dropdown-toggle.toggled-on:after {
     font-family: FontAwesome;
     content: '\f0d8';
 }
 .dropdown-toggle:hover,
 .dropdown-toggle:focus {
     background-color: transparent;
     border: none;
     color: #777;
     outline: none;
     outline-offset: -1px;
 }
 .dropdown-toggle:focus:after {
     border-color: transparent;
 }
 .dropdown-toggle,
 .menu-toggle {
     display: block;
 }
 .main-navigation .primary-menu .open .sub-menu > li > a {
     color: #333333;
 }
 .main-navigation .navbar-collapse {
     background-color: #548135;
     max-height: 75vh;
 }

 @media screen and (max-width: 767px) {
     #menu-imc-main > .menu-item-type-custom > .dropdown-toggle {
         background: initial;
     }

     #menu-imc-main > .menu-item-type-custom:hover {
         cursor: pointer;
     }

     #menu-imc-main .menu-item-type-custom:hover > .dropdown-toggle {
         color: #c3e0b8;
     }

     #menu-imc-main > .menu-item-type-custom > .dropdown-toggle:after {
         background: initial;
     }
 }

 /* Small menu. */
 .menu-toggle,
 .main-navigation.toggled .primary-menu {
     display: block;
 }
 .menu-toggle:focus {
     outline: 0;
 }
 .main-navigation ul .toggled-on {
     display: block;
 }
 @media screen and (min-width: 768px) {
     .dropdown-toggle,
     .main-navigation ul .dropdown-toggle.toggled-on,
     .menu-toggle {
         display: none;
     }
     .menu-toggle {
         display: none;
     }
     .main-navigation ul {
         display: block;
         float: right;
     }
     .main-navigation ul ul {
         float: left;
         position: absolute;
         /*top: 1.5em;*/
         top: 100%;
         left: -999em;
         display: block;
         z-index: 99999;
         margin-left: 0;
     }
     .main-navigation ul ul ul {
         left: -999em;
         display: block;
         top: -1px;
     }
     .main-navigation ul ul a {
         min-width: 160px;
     }
     .main-navigation li {
         float: left;
     }
     .main-navigation ul li:hover > ul,
     .main-navigation ul li.focus > ul {
         left: auto;
         display: block;
     }
     .main-navigation ul ul li:hover > ul,
     .main-navigation ul ul li.focus > ul {
         left: 100%;
         display: block;
     }
     .sub-menu {
         border: 1px solid #ccc;
         border-radius: 4px;
         border-top-left-radius: 0;
         border-top-right-radius: 0;
         -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
         box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
     }
     .main-navigation ul ul .menu-item-has-children > a {
         padding-right: 15px;
     }
     .main-navigation ul ul .menu-item-has-children > a:after {
         right: 0.5625em;
         top: 0.8em;
         -webkit-transform: rotate(-90deg);
         -moz-transform: rotate(-90deg);
         -ms-transform: rotate(-90deg);
         transform: rotate(-90deg);
     }
     .main-navigation .primary-menu > li > .sub-menu {
         background-color: #ffffff;
         margin-top: 0;
     }
 }
 @media screen and (min-width: 800px) {
     .main-navigation ul ul a {
         min-width: 160px;
     }
 }

 .main-navigation .row {
     width: 100%;
 }

 .main-navigation .navbar-header {
     background-color: #fff;
     width: 100%;
     text-transform: none;
 }

 .main-navigation .navbar-header .header-links a {
     color: #548135;
 }

 .main-navigation .navbar-header .header-links .btn-default {
     border-radius: 4px;
     border: 1px solid #c4dfb8;
     background: linear-gradient(#f1fbee, #d9f3cf);
     text-transform: uppercase;
 }
 .main-navigation .navbar-header .header-links .btn-default:hover {
     background-color: #c4dfb8;
 }

 .navbar {
     padding: 0;
 }

 .site-header .site-branding {
     left: 22%;
 }

 .site-header .site-branding .header-quote {
     color: #fff;
     text-align: left;
     font-family: 'Crimson Text', serif;
     font-style: italic;
     font-size: 1.2em;
 }

 @media screen and (max-width: 782px) {
     .site-header .site-branding .header-quote {
         display: none;
     }
 }

 .admin-bar #site-navigation.fixed-top {
     top: 32px;
     width: calc(100% - 30px);
     margin-left: auto;
     margin-right: auto;
 }
 @media screen and (max-width: 782px) {
     .admin-bar #site-navigation.fixed-top {
         top: 46px;
     }
 }


 /**
  * 3.2 Site Header
  * ----------------------------------------------------------------------------
  */

 .site-header{
     background: #548135;
     position: relative;
     width: 100%;
     margin-bottom: 0;
     overflow: hidden;
     min-height: 120px;
     border-bottom: 8px solid #548135;
 }

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

 .site-title {
     color: #fff;
     font-size: 3.5em;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 10px;
     margin-top: 0px;
     margin-bottom: 0px;
     text-shadow:rgba(255,255,255,.1) -1px -1px 1px,rgba(0,0,0,.5) 1px 1px 1px;
 }

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

 .site-description {
     color: #fff;
     font-size: 1em;
     font-weight: 400;
     padding: 0.2em 0em;
     letter-spacing: 5px;
     text-transform: capitalize;
     margin-top: 0px;
     margin-bottom: 0px;
     text-shadow:rgba(255,255,255,.1) -1px -1px 1px,rgba(0,0,0,.5) 1px 1px 1px;
 }

 .site-title a,
 .site-description a{
     text-decoration: none;
 }

 .home-link{
     text-decoration: none;
 }


 /**
  * 4.0 Main Content
  * ----------------------------------------------------------------------------
  */

 #main {
     background-color: #fff;
 }


 /* 4.1 Post-Content
  * ----------------------------------------------------------------------------
  */

 .sticky-post{
     position: absolute;
     top:0;
     left: 15px;
     padding: 5px 15px;
 }
 .hentry {
     margin: 0 0 1.5em;
 }

 .post-content,.single-post-content,.post-comments,.comments-area{
     background-color: white;
     clear: both;
     margin-bottom: 2em;

     border-bottom: #f5f5f5 solid 1px;
 }

 .featured-image{
     padding: 0.5em 0.5em;
 }

 .single-post-content{
     padding: 0 4em;
 }

 .comments-area{
     padding: 1.5em 4em;
     background: white;
     overflow: hidden;
 }

 .post-comments{
     border-radius: 0px;
     border: none;
     padding: 2em;
     overflow: hidden;
 }

 .post-comments .comments-area{
     background: white;
     padding: 1em 2em;
     overflow: hidden;
     box-shadow: none;
 }

 .post-content hr{
     margin-top: 40px;
     margin-bottom: 40px;
     border-color: #d0d0d0;
     border-style: solid;
     width: 100%;
 }

 .entry-content {
     margin-top: -20px;
 }

 .entry-content,.entry-header,.entry-meta,.entry-title,
 .entry-summary,.entry-footer{
     width: 100%;
     word-wrap:break-word;
     overflow: hidden;
 }

 .entry-summary,
 .entry-content{
     color: #424242;
 }

 .entry-header{
     padding-top: 1em;
     padding-bottom: 1em;
 }

 .entry-title{
     margin-bottom: 14px;
 }

 .entry-header .entry-title a{
     color: #212121;
 }

 .entry-meta{
     clear: both;
     color: #727272;
     text-transform: capitalize;
     font-weight: 300;
     letter-spacing: 2px;

 }

 .entry-meta a{
     clear: both;
     color: #727272;
     text-transform: capitalize;
     line-height: 1.7;
 }

 .entry-meta h5{
     margin-top: 0px;
     margin-bottom: 0px;
 }

 .taxonomy-description{
     color: #455A64;
     text-align: center;
 }


 .byline{
     text-transform: capitalize;
 }

 .byline a{
     color: #727272;
 }

 .single .byline,
 .group-blog .byline {
     display: inline;
 }

 .entry-footer{
     word-spacing: 3px;
     padding-bottom: 2.5em;
 }

 #category{
     margin-top: 1em;
     margin-bottom: 1em;
 }

 .cat-links a, .tags-links a{
     color: #727272;
     text-transform: capitalize;
 }

 .archive-page-title{
     text-transform: capitalize;
 }

 .search-page-header,.archive-page-header{
     margin-bottom: 1.5em;
 }

 .search-page-title,.archive-page-title{
     color: #525252;
     text-align: center;
     letter-spacing: 2px;
 }

 .attachment img{
     margin-left: auto;
     margin-right: auto;
 }

 .entry-summary,.entry-content{
     /* text-align: justify; */
 }

 .read-more{
     margin-bottom: 1.2em;
     text-align: center;
     text-transform: uppercase;
 }

 /**Buttons**/
 .btn-default{
     border: none;
     border-radius: 0px;
     color: #212121;
 }

 .btn-default:hover, .btn-default:focus{
     color: #fff;
 }

 .btn-default:visited{
     color:#212121;
 }

 /*Image attachment*/
 .image-attachment .entry-meta a{
     color: #607D8B;
     text-decoration: underline;
 }

 .image-attachment .entry-content{
     text-align: left;
 }

 .entry-meta {
     margin-bottom: 1em;
 }

 /*
  * 4.2 Page and Post Navigation links
  * --------------------------------------------------------------
  */


 .page-links {
     clear: both;
     margin: 0 0 1.5em;
 }

 .nav-links{
     background: #fff;
     padding: 15px;
     text-align: center;
     margin-bottom: 2em;
 }

 .nav-links .fa{
     color: #727272;
 }

 .nav-previous,.nav-next,.next-post,.prev-post{
     background: #fff;
     color: #727272;
     font-weight: 400;
     text-transform: capitalize;
     padding: 1em;
 }

 .posts-navigation .next-post a,.posts-navigation .prev-post a{
     font-size: 18px;
 }


 .next-post a,.prev-post a{
     color: #424242;
 }

 .next-prev-text{
     color: #727272;
     font-size: 14px;
 }


 /*
  * 4.3 Post Formats
  * -------------------------------------
  */



 /* Post Format = Status----------------------------------------------- */

 .blog .format-status .entry-content,
 .archive .format-staus .entry-content{
     background-color: #CFD8DC;
     padding-top: 2em;
     font-size: 16px;
 }

 .blog .format-status .entry-footer,
 .archive .format-staus .entry-footer{
     background-color: #CFD8DC;
 }

 .post-content hr {
     margin-top: 10px;
 }
 .entry-footer {
     padding-bottom: 0;
 }
 .blog-index-template .page-title, .blog-index-template article, .four-o-four-template #main, .archive-template article, .no-results.not-found, .single-template article, .search-template article, .page-template article {
     padding: 20px 40px !important;
 }

 /*
  * 4.4 Gallery
  * -----------------------------------------
  */

 .gallery {
     margin-bottom: 1.6em;
 }

 .gallery-item {
     display: inline-block;
     padding: 1.79104477%;
     text-align: center;
     vertical-align: top;
     width: 100%;
 }

 .gallery-columns-2 .gallery-item {
     max-width: 50%;
 }

 .gallery-columns-3 .gallery-item {
     max-width: 33.33%;
 }

 .gallery-columns-4 .gallery-item {
     max-width: 25%;
 }

 .gallery-columns-5 .gallery-item {
     max-width: 20%;
 }

 .gallery-columns-6 .gallery-item {
     max-width: 16.66%;
 }

 .gallery-columns-7 .gallery-item {
     max-width: 14.28%;
 }

 .gallery-columns-8 .gallery-item {
     max-width: 12.5%;
 }

 .gallery-columns-9 .gallery-item {
     max-width: 11.11%;
 }

 .gallery-icon img {
     margin: 0 auto;
 }

 .gallery-caption {
     color: #707070;
     color: rgba(51, 51, 51, 0.7);
     display: block;
     font-size: 11px;
     font-size: 1.1rem;
     line-height: 1.5;
     padding: 0.5em 0;
 }

 .gallery-columns-6 .gallery-caption,
 .gallery-columns-7 .gallery-caption,
 .gallery-columns-8 .gallery-caption,
 .gallery-columns-9 .gallery-caption {
     display: none;
 }


 /*
  * 4.5 Post-Comments
  * ------------------------------
  **/


 .comments-author .url{
     text-transform: uppercase;
 }

 .avatar{
     height: 50px;
     width: 50px;
     border-radius: 25px;
 }

 .comment-respond label {
     display: block;
     font-weight: normal;
 }

 .comment-metadata{
     font-size: 0.8em;
 }

 .comment-list{
     list-style: none;
 }

 .comment-list .depth-1{
     margin: 20px 0px;
     border-bottom: 1px dotted #DDD;
     padding: 5px 0px 18px;
 }

 .comment-list .children{
     list-style: none;
 }

 .comment-content{
     margin-bottom: 0.3em;
 }

 .comment-respond #submit{
     background-color: #455A64;
     background:    -moz-linear-gradient(#607d8b, #455a64);
     background:    -o-linear-gradient(#607d8b, #455a64);
     background:    -webkit-linear-gradient(#607d8b, #455a64);
     background:    linear-gradient(#607d8b, #455a64);
     color: white;
     border:none;
     border-radius: 4px;
 }

 .comment-respond{
     padding-top: 5px;
 }

 .comment-metadata time{
     color: #aaa;
 }

 .bypostauthor {

 }
 /**
  * 5.0 Sidebar - Widgets
  * ----------------------------------------------------------------------------
  */
 .sidebar {
     padding-left: 0;
     border-left: #dedede solid 1px;
     background-color: #f7f7f7;
     box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
 }
 @media (max-width: 768px) {
     .sidebar {
         display: none;
     }
 }

 #secondary .widget{
     background-color: #f7f7f7;
     color: #727272;
     font-size: 16px;
     margin-bottom: 2em;
     margin-left: auto;
     margin-right: auto;
     overflow: hidden;
     padding: 24px 24px 0 24px;
     margin-bottom: 0;
 }

 #secondary .widget-title{
     font-weight: 400;
     position: relative;
 }

 .widget_rss li{
     padding-top: 0.5em;
     padding-bottom: 0.5em;
 }

 #recentcomments li{
     padding-top: 0.5em;
     padding-bottom: 0.5em;
 }


 .widget ul{
     list-style: none;
     padding: 0;
 }

 #secondary .widget li{
     padding: 0.1em 0;
 }

 #secondary .widget li:last-child{
     border-bottom: none;
 }

 .widget ul ul {
     padding: 0 0 0 1em;
 }


 .widget th, .widget td {
     padding: 0.2em;
     text-align: left;
 }


 .widget select {
     max-width: 100%;
 }

 #secondary .widget hr{
     border-color: #ddd;
 }

 #secondary .widget table caption{
     color: #455A64;
 }

 #secondary .widget #recentcomments a{
     color: #607D8B;
 }

 #secondary .widget .rsswidget{
     color: #607D8B;
 }

 #secondary .widget .rsswidget img{
     margin-top: 12px;
 }

 .widget_text img{
     max-width: 100%;
 }

 .widget input[type="search"].search-field {
     width: -webkit-calc(100% - 35px);
     width: calc(100% - 35px);
 }

 .widget .search-submit:before {
     font-size: 16px;
     left: 1px;
     line-height: 35px;
     width: 34px;
 }

 .widget button.search-submit {
     padding: 0;
     width: 35px;
 }


 /*
  * 6.0 Site Footer
  * --------------------------------------------------------------------
  */

 .footer-left,
 .footer-center,
 .footer-right {
     padding-right: 25px;
 }

 .footer .menus {
     background-color: #fff;
     padding: 35px 60px;
     border-top: 2px solid #c3e0b8;
 }

 .footer .menus ul {
     list-style-type: none;
     padding-left: 0;
 }

 .footer .site-info{
     background-color: #f4f9f2;
     font-size: 0.85em;
     padding: 1em;
     letter-spacing: 1px;
     text-align: center;
 }

 .footer .cc {
     background-color: #fff;
     font-size: 12px;
     text-align: center;
     padding: 25px;
 }

 .footer .site-info {
     border-top: 2px solid #c3e0b8;
     border-bottom: 2px solid #c3e0b8;
 }


 /*
  * 7.0 Media Queries
  * --------------------------------------------------------------------
  */

 @media (max-width: 900px){
     body{
         font-size: 16px
     }

     h1{
         font-size: 26px;
     }
     h2{
         font-size: 22px;
     }
     h3{
         font-size: 18px;
     }
     h4{
         font-size: 16px;
     }
     h5{
         font-size: 14px;
     }
     h6{
         font-size: 12px;
     }

     blockquote{
         margin-left: 0.3em;
     }
     table {
         -ms-word-break: break-all;
         word-break: break-all;

     }
     .navbar-nav{
         float: none;
     }

     .sticky-post{
         padding: 3px 15px;
     }

     .featured-image{
         padding: 0.5em 0.5em;
     }

     .single-post-content{
         padding: 0 1.5em;
     }

     .post-comments,.comments-area{
         border: none;
         box-shadow: none;
         padding: 1.2em 1em;
         overflow: hidden;
         width: 100%;
     }

     .comment-content table{
         overflow: hidden;
     }
     .comment-list {
         padding: 10px;
     }

     .comment-list ol{
         padding-left: 10px;
     }
     input,textarea,iframe{
         width: 100%;
     }

     #submit {
         width: auto;
     }

     th, td {
         padding: 0.2em;
         text-align: left;
         border: 1px solid #B6B6B6;
     }

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

     .site-title {
         font-size: 2em;
         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;
     }
     .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
         border-top: none;
     }
 }
 @media (max-width: 359px) {
     .site-header{
         position: relative;
         width: 100%;
         min-height: 100px;
         margin-bottom: 1.5em;
     }

     .site-title {
         font-size: 1.5em;
         letter-spacing: 2px;
         margin-top: 5px;
         margin-bottom: 3px;
     }

     .site-title ::after{
         margin: 2px auto;
     }

     .site-description {
         font-size: 8px;
         letter-spacing: 0px;
         margin-top: 1px;
         margin-bottom: 2px;
     }
 }


 /**
  * 8.0 Print
  * ----------------------------------------------------------------------------
  */


 @media print {
     body {
         background: none !important;
         color: #000;
         font-size: 10pt;
     }


     .site {
         max-width: 98%;
     }

     .site-header {
         background-image: none !important;
     }

     .site-header .home-link {
         max-width: none;
         min-height: 0;
     }

     .site-title {
         color: #000;
         font-size: 21pt;
     }

     .site-description {
         font-size: 10pt;
     }

     .author-avatar,
     .site-footer,
     .comment-respond,
     .comments-area .comment-edit-link,
     .comments-area .reply,
     .comments-link,
     .entry-meta .edit-link,
     .page-links,
     .site-content nav,
     .widget-area,
     .main-navigation,
     .navbar,
     .more-link {
         display: none;
     }

     .entry-header,
     .entry-content,
     .entry-summary,
     .entry-meta {
         margin: 0;
         width: 100%;
     }

     .page-title,
     .entry-title {
         font-size: 21pt;
     }

     .entry-meta,
     .entry-meta a {
         color: #424242;
         font-size: 10pt;
     }

     .entry-content img.alignleft,
     .entry-content .wp-caption.alignleft {
         margin-left: 0;
     }

     .entry-content img.alignright,
     .entry-content .wp-caption.alignright {
         margin-right: 0;
     }

     .format-image .entry-content .size-full {
         margin: 0;
     }

     /* Remove colors from post formats */
     .hentry {
         background-color: #fff;
     }

     /* Comments */
     .comments-area > li.comment {
         background: none;
         position: relative;
         width: auto;
     }

     .comment-metadata {
         float: none;
     }

     .comment-author .fn,
     .comment-reply-link,
     .comment-reply-login {
         color: #333;
     }
 }

 /**
  * Front Page
  * ----------------------------------------------------------------------------
  */

 body.home .page .container .row, body.home .page-content .row {
     margin: 0;
 }

 .navbar-brand.py-md-3.col-lg-5.d-md-inline-block {
     paddingd: 10px 0 !important;
 }

 #featured-area {
     padding: 10px 12px;
     display:grid;
     grid-gap: 1em;
     grid-template-columns: 1fr 1fr 1fr;
 }

 #featured-area, dt.simcal-day-label, dt.simcal-day-label span {
     background-color: #fcfcfc !important;
 }

 .featured-area-title {
     padding: 5px 10px;
     background-color: #55813C !important;
     color: white  !important;
     font-size: 110%;
     border-bottom: 1px solid #666;
     line-height: 1.1em;
 }
 .featured-area-title-extra {
     float: right;
     font-size: 70%;
 }
 .featured-area-title-extra a {
     color: #C4DFB9;
 }
 .featured-area-title-extra a:hover {
     color: white;
 }
 #featured-posts, #recent-talks, #upcoming-events {
     /* prevent weird unneeded scrollbars */
     height: 100%;
 }
 #featured-posts-list, #recent-talks-list, #upcoming-events-list {
     max-height: 280px;
     height: 100%;
     overflow-y: auto;
     overflow-x: hidden;
 }
 .featured-post {
     padding: 0.5em 0.5em 0 1.5em;
     text-indent: -1em;
     font-size: 90%;
 }
 p.simcal-align-right {
     display: none;
 }
 .simcal-calendar dd {
     margin: 0;
 }
 ul.simcal-events {
     padding: 0;
 }

 #upcoming-events-list dt.simcal-day-label {
     margin: 0 0 -5px 0 !important;
     border-bottom: 0 !important;
     text-align: center;
 }
 #upcoming-events-list dt.simcal-day-label span {
     font-size: 100% !important;
     font-weight: normal;
     color: #424242  !important;
 }
 .simcal-default-calendar-list dt.simcal-day-label>span {
     padding: 0 !important;
 }
 .simcal-default-calendar-list ul.simcal-events {
     margin: 3px 0 0 0 !important;
 }

 /* ************************** */
 /* 6454 = full calendar grid: day and week view */
 /* 7953 = full calendar list */
 /* 7783 = special events list */
 #post-6454, #post-7783, #post-7953 {
     padding-top: 25px !important;
     padding-bottom: 0px;
 }
 #post-7783 header.entry-header,
 #post-7953 header.entry-header,
 #post-6454 header.entry-header {
     display: none;
 }
 .calendar-links {
     padding-top: 5px;
     float: right;
     position: static;
 }
 .upcoming-events-left {
     float: left;
     margin: 0;
 }
 .upcoming-events-left .entry-title {
     margin-top: 5px;
 }

 #post-6454 .fc-toolbar, #post-7953 .fc-toolbar {
     margin-top: 10px;
 }
 #post-6454 .fc-today {
     background-color: #EEEEEE !important;
 }

 #post-6454 .nav-links, footer.entry-footer {
     display: none;
 }
 #post-6454 .fc-view.fc-agendaWeek-view.fc-agenda-view .fc-day-grid.fc-unselectable {
     display: none;
 }
 #post-6454 .simcal-calendar.simcal-fullcalendar.simcal-fullcalendar-grid {
     font-size: 80%;
 }
 #post-6454 li.current-menu-parent a {
     border-top: 0 !important;
 }

 .calendar-links-right {
     right: 40px;
 }
 @media (max-width: 500px) {
     .calendar-links {
         float: none;
         position: static !important;
         clear: both;
         padding: 0;
     }
 }




 /* ************************** */
 /* month view */

 /* make background color more saturated */
 .fc-event .fc-bg {
     opacity: 0.15 !important;
     filter: alpha(opacity=15) !important;
 }

 a.fc-day-grid-event.fc-h-event.fc-event {
     background-color: #809F6D !important;
     font-size: 80% !important;
 }
 span.fc-time {
     font-weight: initial !important;
 }
 /* highlight current day of month */
 .fc-month-view td.fc-day-number.fc-today.fc-state-highlight {
     background-color: #809F6D !important;
     color: white;
     font-size: 110%;
 }
 /* ************************** */

 #upcoming-events-list {
     min-width: 280px;
 }

 .recurring-events-time, .front-page-calendar-event-time {
     max-width: 150px;
 }
 .front-page-calendar-event-time {
     display: inline-block !important;
     width: 22%;
     font-size: 90%;
     vertical-align: top;
 }
 .front-page-calendar-event-title {
     width: 78%;
     font-size: 105% !important;
 }

 .entry-content button.simcal-nav-button.simcal-prev:after,
 .entry-content button.simcal-nav-button.simcal-next:before {
     display: inline-block;
     font-size: 95%;
     margin-top: 15px;
 }
 .entry-content button.simcal-nav-button.simcal-prev:after {
     content: "Previous Week";
 }
 .entry-content button.simcal-nav-button.simcal-next:before {
     content: "Next Week";
 }

 /* ******************************** */
 /* special events calendar (7783)   */
 /* ******************************** */
 #post-7783 .simcal-events > li {
     padding-top: 10px;
 }
 #post-7783 .simcal-day-label{
     display: none !important;
 }
 .special-events-title, .recurring-events-title, .front-page-calendar-event-title {
     display: inline-block !important;
     cursor: pointer;
     color: #558039;
 }
 .special-events-header {
     border-top: 1px solid RGBA(225, 240, 220, 1.00);
     padding-top: 5px;
 }
 .special-events-date {
     font-size: 125% !important;
     font-weight: bold;
 }
 .special-events-day {
     font-size: 115% !important;
 }
 .special-events-title {
     font-size: 110% !important;
 }
 .special-events-header.row div p:last-child {
     margin-bottom: 0;
 }

 /* **************************** */
 /* recurring events page */
 #post-7790 .entry-title {
     margin-bottom: 0;
 }
 #post-7790 {
     padding-top: 10px !important;
 }
 #post-7790 .simcal-events > li {
     padding-top: 10px;
     border-bottom: 1px solid RGBA(225, 240, 220, 1.00);
 }
 #post-7790 .simcal-events > li:last-child {
     border-bottom: 0;
 }
 .recurring-events-time {
     font-size: 100% !important;
 }
 /* **************************** */

 #recent-talks ul {
     margin-top: 5px;
     padding: 0;
 }
 #recent-talks li {
     list-style-type: none;
     margin-bottom: 0.5em;
     padding: 0;
 }
 .recent-talk-date {
     color: #424242;
     vertical-align: top;
     display: inline-block;
     width: 65px;
     font-size: 80%;
 }
 .recent-talk-link {
     vertical-align: top;
     display: inline-block;
     font-size: 90%;
     max-width: 70%;
 }

 /* Simple Calendar full-page calendar grid view */
 td.simcal-day.simcal-day-has-events > div > span {
     background-color: #558039 !important;
 }

 /* ********************************************** */
 /* special events and recurring events pages */
 /* ********************************************** */

 /* hide month header */
 .entry-content .simcal-nav.simcal-current h3 {
     display: none !important;
 }
 .entry-content .simcal-default-calendar-list {
     padding-top: 0;
 }
 .entry-content dt.simcal-day-label {
     margin: 0 !important;
     font-size: 100% !important;
     padding: 2px !important;
     text-align: center;
     border: 1px solid RGBA(86, 128, 63, 0.6) !important;
 }
 .entry-content dt.simcal-day-label,
 .entry-content dt.simcal-day-label span {
     /* background-color: RGBA(225, 240, 220, 1.00) !important; */
     background-color: RGBA(244, 249, 242, 1.00) !important;

     color: RGBA(66, 66, 66, 0.90) !important;
 }
 .entry-content .simcal-event-title {
     font-size: 120% !important;
 }

 .news-events {
     background-color: #fff;
     padding: 0px 60px;
     /* text-transform: uppercase; */
     display: flex;
     justify-content: space-between;
 }

 .news-events .news-events-col {
     padding: 35px 0;
     overflow: hidden;
 }

 .news-events .news-events-col.blog-posts {
     max-width: 40%;
 }

 .news-events-col .news-events-col-link {
     width: 140px;
 }

 @media (max-width: 992px) {
     .news-events {
         padding-bottom: 15px;
     }

     .news-events .news-events-col.blog-posts {
         width: 100%;
         max-width: 100%;
     }

     .news-events .news-events-col {
         padding: 15px 0 0 0;
     }
 }

 @media (max-width: 768px) {
     .news-events .news-events-col {
         width: 100%;
         white-space: nowrap;
         text-overflow: ellipsis;
     }
 }

 .news-events .calendar {
     margin-top: -5px;
     display: none;
     position: absolute;
     z-index: 100;
     right: 0;
 }

 .news-events a:hover + div {
     display: block;
 }

 .news-events-col.calendar-container:hover {
     overflow: visible;
 }
 .news-events .calendar:hover {
     display: block;
 }

 .footer h2,
 .offerings .title,
 .social-media-links .title {
     font-size: 1.1em;
     font-weight: 600;
     line-height: 2em;
     margin-bottom: 0;
 }

 .everyone-welcome {
     border-top: 2px solid #c3e0b8;
     text-align: center;
     padding: 1em;
     color: #424242;
     background-color: #f4f9f2;
 }
 .everyone-welcome .welcome-message {
     font-style: oblique;
     font-size: 100%;
     max-width: 600px;
     margin: 0 auto;
 }
 .connect-with-us {
     display: flex;
     flex-wrap: wrap;
     background: #F4F9F2;
     justify-content: space-evenly;
     align-items: center;
     padding: 10px 0;
     font-size: 90%;
     border-top: 2px solid #c3e0b8;
 }
 .connect-with-us .connect-medium {
     vertical-align: top;
     text-align: center;
     margin: 0 20px;
 }
 .connect-with-us i {
     vertical-align: top;
     font-size: 25px;
     margin: 0 5px;
     color: #89AE70;
 }

 /**
  *  Blog Index Page Template
  * ----------------------------------------------------------------------------
  */



 /**
  *  Page Template
  * ----------------------------------------------------------------------------
  */

 .content-area main {
     height: 100%;
 }

 @media (max-width: 768px) {
     .content-area {
         padding-right: 15px;
     }
 }

 .blog-index-template .page-title,
 .blog-index-template article,
 .four-o-four-template #main,
 .archive-template article,
 .no-results.not-found,
 .single-template article,
 .search-template article,
 .page-template article {
     margin-bottom: 0;
     padding: 35px 40px;
 }

 .page-template article {
     height: 100%;
 }

 .search-template article .entry-header,
 .search-template article .entry-summary,
 .search-template article .entry-footer,
 .page-template article .entry-header,
 .page-template article .entry-content,
 .page-template article .entry-footer {
     padding: 0px;
 }

 /**
  *  Search Page Template
  * ----------------------------------------------------------------------------
  */

 .archive-page-title,
 .search-page-title {
     display: block;
     text-align: left;
     padding: 35px 40px;
     background-color: #f4f9f2;
 }

 /**
  *  Margin Drop-shadow
  * ----------------------------------------------------------------------------
  */

 #site-navigation .sticky-nav,
 .site-header-row,
 #content,
 .footer {
     border-style: solid;
     /* border-width: 0px 1vw; */
     /* ensure border-width (13px) matches shadow width (13) */
     border-width: 0px 13px;
     border-image: url("images/shadow.svg") 0 13 0 13 repeat;
 }

 @media (max-width: 767px) {
     /* remove drop shadow on mobile */
     #site-navigation .sticky-nav,
     .site-header-row,
     #content,
     .footer {
         border-width: 0px;
         border-image: 0 0 0 0 repeat;
     }
 }

 .nextend-accordion-menu-inner  span {
     color: #558039 !important;
     background-image: none !important;
     font-family: 'Mukta Vaani', sans-serif !important;
     font-size: 120% !important;
 }

 /* remove odd highlight color in dropdown menu */
 .main-navigation .primary-menu .sub-menu .current_page_item > a {
     color: inherit !important;
 }

 /* emphasize current page */
 .main-navigation .primary-menu .sub-menu .current_page_item > a,
 .nextend-accordion-menu-inner dt.active a span {
     /* font-size: 130% !important; */
     font-weight: 700 !important;
     background-color: RGBA(225, 240, 220, 0.5);
 }

 /* emphasize top-level sidebar category */
 .nextend-accordion-menu-inner dt.level1 a span {
     font-size: 130% !important;
     font-weight: bold !important;
 }

 .main-navigation .primary-menu .sub-menu .current_page_item > a {
     background-color: RGBA(225, 240, 220, 0.8);
 }
 .main-navigation .primary-menu .sub-menu .current_page_item > a:hover {
     background-color: #c3e0b8 !important;
     color: white !important;
 }
 .main-navigation .primary-menu .sub-menu .current_page_item > a:before, .nextend-accordion-menu-inner dt.active a:before {
     /* content: '→  '; */
 }

 .main-navigation .primary-menu .sub-menu a {
     padding: 4px 8px; /* ensure sub-menus aren't too tall and spill off screen vertically */
     width: 240px;
 }

 @media (max-width: 900px) {
     .main-navigation .primary-menu .sub-menu a {
         width: 170px;
         font-size: 92%;
     }
     .main-navigation .primary-menu > li > .sub-menu > li > a {
         width: 220px;
         font-size: 92%;
     }
 }

 /* for use between sections in Dashboard > Appearance > Menus > IMC Main menu */
 .main-navigation .menu-separator {
     position: absolute;
     left: 0;
     top: 50%;
     width: 100%;
     border-bottom: 1px solid #ccc;
 }

 /* make disclosure indicator at right edge of menu */
 li.menu-item li.menu-item-has-children > a:after {
     position: absolute;
     right: 5px;
     top: 0;
     content: '◂';
     transform: rotate(180deg);
     font-size: 150%;
 }

 .nextend-accordion-menu-inner dt.parent.opened a span:before {
     content: '▾  ';
 }

 /* hide non-active branches in sidebar menu */
 .nextend-accordion-menu-inner dt.level1:not(.opened) {
     display: none !important;
 }

 /* remove default sidebar background color from plugin */
 #secondary .widget, #secondary.sidebar {
     background-color: white !important;
 }

 div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level2 dt .inner {
     border: 0 !important;
 }

 /* TODO: change these in the php */
 .col.cc, .row.no-gutters.menus {
     display: none;
 }
 span.user-menu {
     text-transform: none !important;
 }

 .user-menu {
     color: #C4DFB9;
 }

 #sign-in-link, #sign-out-link {
     color: #C4DFB9;
 }

 /* allow customizing the order of the user menu */
 #menu-imc-main {
     display: flex;
 }
 /* sign in link */
 li#menu-item-7941 {
     /* ensure that this menu item is all the way to the end of the menu */
     order: 9998;
 }
 /* sign in link */
 li#menu-item-7941 a {
     padding-right: 0;
 }
 /* sign out link */
 li#menu-item-6480 {
     order: 9999;
 }
 li#menu-item-7941 *:hover, li#menu-item-6480 *:hover {
     color: white !important;
 }

 .archive-page-title.archive-category-title {
     padding: 20px 40px;
 }

 @media (max-width: 767px) {
     /* sign in link */
     li#menu-item-7941 a {
         padding-right: inherit;
     }

     /* hide arrows on mobile */
     li.menu-item li.menu-item-has-children > a:before {
         content: '';
     }
     li.menu-item li.menu-item-has-children > a:after {
         content: '';
     }
     /* move the sign in links to the top of the mobile menu area */
     .navbar-ex1-collapse {
         position: relative;
         padding-top: 40px;
     }
     .navbar-ex1-collapse .navbar-ex1-collapse{
         padding-top: 0px;
     }
     .sign-in-sign-out {
         float: none;
         position: absolute;
         top: 5px;
         right: 0;
     }
     .site-header {
         margin-bottom: 0;
     }
 }

 .search-page-title {
     padding: 20px;
     padding-bottom: 10px;
     background-color: RGBA(244, 249, 242, 1.00);
     border-bottom: 1px solid RGBA(196, 223, 185, 1.00);
 }
 .search-page-title h1 {
     padding-bottom: 0;
 }

 .simple-banner {
     top: 0px;
     line-height: 10px;
     height: 30px;
     position: fixed;
 }

 @media (max-width: 992px) {
     /* make two nicely balanced columns on iPad in portrait mode */
     #featured-area {
         grid-template-columns: 1fr 1fr;
     }
     #recent-talks {
         grid-column: 2;
         grid-row: 1 / 3;
     }
     #recent-talks-list {
         /* allow increased height from row span */
         max-height: initial;
     }
 }
 @media (min-width: 768px) {
     /* when featured area on front page has 2 or more columns, ensure that event
   time displays on 2 lines */
     .front-page-calendar-event-time {
         max-width: 55px;
     }
 }

 @media (max-width: 767px) {
     #featured-posts-list, #recent-talks-list, #upcoming-events-list {
         /* ensure that at least 2 sections are shown on screen to provide better visual
   cues that there is more content available by scrolling down page */
         max-height: 200px !important;
         /* make fonts more readable on small screens */
         font-size: 110%;
     }
     .front-page-calendar-event-time {
         /* reduce size of times */
         font-size: 80%;
     }

     /* make one column on narrow screens */
     #featured-area {
         grid-template-columns: 1fr;
     }
     #recent-talks {
         grid-row: 2;
         grid-column: 1;
     }
     #recent-talks-list {
         max-height: 280px;
     }
     .front-page-calendar-event-title {
         width: 62%;
     }
 }

 @media (max-width: 490px) {
     .front-page-calendar-event-time {
         width: 15%;
         min-width: 50px;
         max-width: 60px;
     }
     .front-page-calendar-event-title {
         width: 80%;
     }
 }

 @media (max-width: 320px) {
     /* prevent multiple rows on iPhone 5 size screens */
     .header-links {
         font-size: 90%;
     }
 }
