/* 
    Created on : 29-Oct-2018, 18:24:38
    Author     : Nihal Mohideen
*/
body{ font-family: "Georgia Serif", serif; font-size: 16px; color: #2d2d2d; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
a{ color: #000; text-decoration: none; }
a:hover{ text-decoration: none; }
i.far{ font-size: 14px;}
a:hover{ text-decoration: none; }
h1,h2,h3,h4,h5,h6{ clear: both; width: 100%; }
h1{ font-family: "Playfair Display", Open Sans, sans-serif; font-weight: 700; font-size: 2.4em; }
h2{ font-family: "Playfair Display", Open Sans, sans-serif; font-weight: 400; font-style: italic; font-size: 1.6em; }
h2.entry-title{font-style: normal; font-weight: 700; font-size: 2em;}
h3{ font-family: "Roboto", Helvetica, Verdana, sans-serif; font-weight: 500; font-size: 1.4em; }
h3.sub-title{ font-family: "Georgia Serif", serif; font-style: italic; }
h4{ font-family: "Georgia Serif", serif; font-weight: 700; }

.navbar-light .navbar-nav .nav-link{ font-size: 1.2em; color: #000;}
.dropdown-menu.show .dropdown-menu.show{ position: relative; }
.dropdown-menu{ border-radius:0;}
.h-100px{ height: 100px; }

figure.alignleft { float: left; padding-right: 15px; display: table; text-align: center; }
figure.alignright { float: right; padding-left: 15px; display: table; text-align: center; }
figure.aligncenter { float: none; margin: 0 auto; clear: both; display: table; text-align: center; }

.post-title, .page-title, .entry-title{ display: block; clear: both; line-height: 1.4em;}
.entry-meta a{ color: #0056b3; }
.slide-text {
    background-color: rgba(0,0,0,0.05);
    color: #fff;
    height: auto;
    display: inline-block;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.cat-links a{ text-decoration: underline; }

div[id^="sdfootnote"] { margin-left: 15px; font-style: italic; }

div.entry-footer{ font-size: 13px; line-height: 1.4rem; }
div.entry-footer p{ margin-bottom: 0.5rem; }

#footer{ background-color: #f1f1f1; padding: 70px 0; }
#scroll-top{ position: fixed; right: 5px; bottom: 5px; z-index: 1001; background-color: rgba(0,0,0,0.3); }

div#entry-comments{ background-color: #e9ecef;}
div#entry-comments .comment.even.depth-1 {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #a8a8a8;
}
article.comment-body, div#entry-comments li.comment{ margin-bottom: 10px;}
div#entry-comments input#submit, div#entry-comments .reply a.comment-reply-link{
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ffffff;
}
p.dropCap:first-letter{
  float: left;
  font-size: 70px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}
.entry-content blockquote {  width: 35%; float: left; padding: 5px 10px; line-height: 27px; font-size: 22px;
    border-top: 1px solid #000; border-bottom: 1px solid #000; font-weight: bold; margin: 10px; }


@media (max-width: 576px) {
    h2.entry-title{ font-size: 1.6em;}
    h3{ font-size: 1em; }
    body.scrolled header{ position: fixed; z-index: 1001; right: 0; left: 0; background-color: #fff; }
    .col-lg-8.col-md-3.col-12.text-center{ text-align: right !important;}
    .slide-text{ width: auto; }
    section#related-articles{ background-color: #f1f1f1; margin: 0 -15px; padding: 15px; }
    body.home main#content{ background-color: #f1f1f1; }
    body.home main#content .type-post, section#related-articles .type-post { background-color: white; padding: 15px 0; margin-right: -5px; margin-left: -5px; }    
}
@media (max-width: 768px) {
    #menu-main-menu{ z-index: 10001; position: fixed; width: 100%; right: 0; left: 0; background-color:#fff;}
    #top-search{ left: 10px; right: 60px; position: fixed !important; width: auto; }
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
    header{ position: absolute; z-index: 1021; background-color: rgba(255,255,255,0.6); }
    body.search main, body.archive main, body.page main{ padding-top: 120px; }
    h1.post-title{ line-height: 1rem; margin-bottom: 30px !important; }
    article.post{ padding-left: 30px; border-left: 1px solid #000; margin: 30px 0;}
    #slides .entry-title{ font-size: 4.2em; line-height: 1.4em; }
    #slides .sub-title{ font-size: 2.8em; }
}

@media (min-width: 1200px) {}