/*Carmela Blog Page*/

body { color: #232323; }

/*Header*/
#header2 { background: #f8f8f8; border-bottom: 1px solid #000; transition: all 450ms ease-in-out; -webkit-transition: all 450ms ease-in-out; }
#header2::before { content: ""; display: block; width: 100%; height: 1px; background: #000; position: absolute; bottom: 4px; left: 0; }
#header2 #header-container .header-right-section { display: none; }

@media (min-width: 1025px) {
    #header2 { padding: 21px 67px; position: fixed; top: 0; width: 100%; z-index: 10; }
    #header2 #header-container { position: relative; }
    #header2 #header-left { position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); left: 50%; width: auto; }
    #header2 #header-container .header-right-section { color: #232323; display: flex; width: 100%; justify-content: space-between; align-items: center; }
    #header2 .header-right-section .header-top-left svg { fill: #232323; }
    #header2 ul.menu li.last-item { color: #232323; font-family: 'almoni-neue-aaa-700'; }
    #header2 ul.menu li.last-item::before { border-top: 0px; }
}

@media (max-width: 1024px ) {
    #header2 { position: fixed; padding: 15px 20px; }
    #header2 .max-width { max-width: 100%; width: 100%; }
    #header2 #header-left { max-width: 200px; width: 100px; }
    #header2 .phone-icon { display: none !important; }
    /*#nav-toggle span { background: #000; height: 4px; width: 40px; }
    #nav-toggle span:before { background: #000; height: 4px; width: 40px; }
    #nav-toggle span:after { background: #000; height: 4px; width: 40px; }
    #header2 .header-right-section { background-color: inherit; padding: 0px; }
    #nav-toggle.active { top: -23px; right: -20px; z-index: 3; background: #bf1e2e; height: 60px; width: 60px; }
    #nav-toggle.active span::before, #nav-toggle.active span::after { width: 30px; left: -4px; background: #fff; }
    #header2 ul.menu { position: fixed; width: 100%; height: 100%; overflow: hidden; background: #002e71; padding-right: 90px; z-index: 2; }
    #header2 ul.menu li { background: none !important; text-align: right; padding: 15px 0; margin-right: 20px; }
    #header2 ul.menu li > a { font-size: 185%; font-family: 'almoni-neue-aaa-700'; position: relative; }
    #header2 ul.menu li > a::before { content: ""; display: block; width: 100%; height: 2px; position: absolute; bottom: -2px; left: 0; background: #fff; top: auto; transform: none; opacity: 1; }
    #header2 ul.menu li > a::after { content: ""; display: block; width: 100%; height: 2px; position: absolute; bottom: -8px; left: 0; background: #fff; top: auto; transform: none; opacity: 1; }
    #header2 ul.menu .social-links a svg { width: 33px; height: 25px; }*/
}

@media (max-width: 1024px) {
    /*#nav-toggle.active { top: -19px; }
    #header2 ul.menu { padding-right: 60px; }*/
    #header2 .mobile-middle-kdm a { border: 0px; color: black; padding: 0; font-family: 'almoni-neue-aaa-700'; margin-right: 0; }
    #header2 .mobile-middle-kdm { text-align: right; }
}

/*Blog Section*/
.blog-page .blog-grid #headline { font-size: 245%; color: #002e71; font-family: 'almoni-neue-aaa-700'; margin-bottom: 40px; }
.blog-page .blog-post-content { background: #f8f8f8; padding: 0 30px; }
.blog-page .blog-post-title { padding-top: 20px; font-size: 150%; font-family: 'almoni-neue-aaa-700'; }
.blog-page .blog-post-text { font-size: 90%; border-bottom: 0px; }
.blog-page .blog-post-icons { display: none; }
#BlogView .share-strip { margin: 37px 0 18px; }

@media (max-width: 767px) {
    .blog-page .blog-post-content { padding: 0 10px; }
    .blog-page .blog-post-title { padding: 10px 0; font-size: 120%; }
}

/*Footer Section*/
.pagination > .active > a { background-color: #002e71; }
.pagination > li > a { padding: 4px 15px; }
.pagination > .active > a { border-color: transparent; }
#SiteFooter { margin-top: 50px; padding-bottom: 15px; }
#SiteFooter .footer-text { max-width: 1300px; margin: 0 auto; float: none; border-top: 2px solid rgba(0, 46, 113, 0.2); padding-top: 62px; padding-bottom: 15px; }
#SiteFooter .footer-text::before { content: ""; display: block; width: 100%; height: 2px; position: absolute; top: 5px; left: 0; background: rgba(0, 46, 113, 0.2); }
#SiteFooter .footer-text img { max-width: 150px; }
#SiteFooter .site-credit { background: inherit; padding: 15px 0; }
#SiteFooter .site-credit span { color: #232323; }

@media (max-width:767px) {
    #SiteFooter { margin-top: 50px; }
}

/*Inner Page*/
.contentInnerPage #headline { margin-bottom: 20px; }
.contentInnerPage #BlogView h2 { font-size: 110%; }
.contentInnerPage #BlogView #text1, .contentInnerPage #BlogView #text2 { font-size: 80%; }
.contentInnerPage #BlogView #text1 h3, .contentInnerPage #BlogView #text2 h3, .contentInnerPage #BlogView .blog-related-posts h2 { font-family: 'almoni-neue-aaa-700'; }
.contentInnerPage #BlogView .blog-related-posts h2 { font-size: 170%; text-align: center; color: #002e71; }
.contentInnerPage #BlogView .blog-related-post { background: #f8f8f8; }
.contentInnerPage #BlogView .blog-related-post img { max-height: 186px; height: 186px }
.contentInnerPage #BlogView .blog-related-post-title { font-size: 90%; }

@media (max-width:767px) {
    .contentInnerPage #GridPage { padding-top: 50px; }
    .contentInnerPage #BlogView .share-strip { margin: 3% 0; }
    .contentInnerPage #BlogView #text1, .contentInnerPage #BlogView #text2 { font-size: 100%; max-width: 95%; }
    .contentInnerPage #BlogView .blog-related-posts { margin-right: 0; }
    .contentInnerPage #BlogView .blog-related-posts .col-sm-4 { padding-right: 8px; padding-left: 8px; }
    .contentInnerPage #BlogView .blog-related-post-title { font-size: 100%; }
    .contentInnerPage #BlogView .blog-related-post img { max-height: 123px; }
}