.clear { clear: both; }
small.light { color: #888; text-transform: none; }
small.light a { color: #888; text-decoration: underline; background: #fffdcb; }

/* head */
.site-nav-main {
    background: #536f46;
    position: static;
    border-bottom: 1px solid #fff;
    box-shadow: 0px 2px 25px #c7c7c7;
}

/* navigation */
.topnav { overflow: hidden; }

.topnav a.site-nav-logo { padding-left: 0px; }
.topnav a.site-nav-logo img {
    display: block;
    width: auto;
    height: 55px !important;
    margin: 5px 0;
    border: 0;
}

.topnav a.site-nav-logo:hover {
    background: none;
}

.topnav a, .dropdown .dropbtn {
    float: left;
    display: block;
    height: 64spx;
    /*color: #f2f2f2; */
    text-align: center;
    padding: 0 16px;
    text-decoration: none;
    font-size: 14px;
    line-height: 64px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}

.dropdown .dropbtn {
    border: none;
    outline: none;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdown .dropbtn-active {
    background-color: rgba(0,0,0,0.1)
}

.active {
    background-color: rgba(0,0,0,0.1);
}

.topnav .icon {
    display: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    top: 64px;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    line-height: 14px;
    height: auto;
}

.topnav a:hover, .dropdown:hover {
    background-color: rgba(0,0,0,0.1);
}

.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

.dropdown:hover .dropdown-content {
    display: block;
}
.topnav .dropdown button img { opacity: 0.3; }

.topnav #hamburger-menu { font-size: 18px; font-weight: bold; cursor: pointer; padding-right: 0px; }
.topnav #hamburger-menu:hover { background: none; }
.topnav #hamburger-menu span { font-size: 16px; }

@media screen and (max-width: 850px) {
    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none;
    }
    .topnav a.latest_link {
        display: block;
    }
    .options_bar .dropdown .dropbtn { display: block; }
    .topnav a.icon {
        float: right;
        display: block;
    }
    .topnav.responsive .site-nav-logo { border-bottom: 1px solid #dee7d7; }
}
@media screen and (max-width: 700px) {
    .topnav a.site-nav-logo { padding-left: 5px; }
    .topnav #hamburger-menu { padding-right: 5px; }
}
@media screen and (max-width: 350px) {
    .topnav a.latest_link {
        display: none;
    }
}

@media screen and (max-width: 850px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative; float: left;
        top: 0;
        width: 100%;}
    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
    }
}

@media(max-width:600px){
    .topnav.responsive .dropdown-content {

    }
}

/* layout */
h1.post-full-title { font-size: 42px; margin: 30px 0 5px 0; }
.header-image { width: 100%;padding: 0;margin: 0;border-radius: 10px; height: auto; }
.post-full-content { margin-top: 20px; }
.post-full-content a { color: #3eb0ef; text-decoration: underline; }
.post-full-content h2 strong { box-shadow: inset 0 -2px 0px #ffd402; }
.post-full-content strong.focus { background: #fffee5; }
figcaption { font-style: italic; font-size: smaller; text-align: center; }

/* summary block */
.summary {
    width: 100%;
    margin: 10px 0 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
}
.summary-block {
    width: 48%;
    float: left;
    margin: 0 2% 0 0;
    padding: 0 10px 10px 10px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    border: 2px solid #dde7d7;
}
.summary-block:last-child {
    margin-right: 0px;
}
.summary-block strong {
    background: #eef3eb;
    display: block;
    text-transform: uppercase;
    margin: 0 -10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.summary-block .metric {
    font-size: 24px;
    font-weight: 800;
    padding: 15px 0 5px;
    text-transform: uppercase;
    color: #7b8e73;
}
.summary-block small {
    font-style: italic;
}
/* table of contents */
.toc {
    margin: 0 !important;
    float: left;
    border: 1px solid #c7d1c1;
    padding: 0px;
    /* border-radius: 5px; */
}
.toc h4 {     background: #dce7d7;
    margin: 0px;
    padding: 10px;
    font-size: large;
    font-weight: bold;
    border-bottom: 1px solid #c7d1c1;
 }
.toc li, .toc ol, .toc ul { margin: 0px; list-style-type: none; list-style-position: inside; padding: 0px; }
.toc li a {
display: block;
padding: 5px 10px;
box-shadow: none !important;
border-top: 1px solid #c8d1c1;
font-size: smaller;
}
.post-full-content .toc li a strong { color: #3eb0ef; }
.post-full-content .toc li a:hover, .post-full-content .toc li a.active { color: #000000;background: #eef3eb; }
.post-full-content .toc li a:hover strong, .post-full-content .toc li a.active strong { color: #000000; }
.post-full-content { padding: 0; }
@media only screen and (min-width: 850px) {
.toc { width: 100%; }
.post-content-flexbox {  display: flex; flex-direction: row; min-height: 100%; align-items: stretch; }
.post-content-flexbox .post-content { order: 1; }
.post-content-flexbox aside { order: 2; flex: 0 0 0px; min-width: 250px; padding-left: 30px;}
.post-content-flexbox aside .toc { position: sticky; position: -webkit-sticky; top: 20px; }
}
@media only screen and (max-width: 849px) {
    .post-content { display: block; }
    .toc { border: 0;
        border-left: 0px;
        border-right: 0px;
        padding: 2px 6px 0;
        margin-bottom:10px !important;
        width: 100%;
        background: #eef3eb; border: none; }
    .toc h4 {
        background: none;
        border: 0;
        padding: 0;
        margin: 0 0 5px;
        font-size: 14px;
        line-height: normal;
    }
    .toc li a {
        display: inline-block;
        border: 0;
        float: left;
        padding: 0px;
        line-height: normal;
        background: #fff !important;
        color: #000 !important;
        text-decoration: none;
        padding: 3px 6px;
        margin: 0 6px 6px 0;
        border: 1px solid #cad1c1;
        border-radius: 3px;
    }

    h1.post-full-title {
        font-size: 32px;
        margin: 10px 0 0;
    }

    ul.breadcrumb { padding-left: 0px;
        margin-bottom: 5px !important;
        border-bottom: none !important;
        font-size: 14px;
        line-height: normal; }

    section.post-full-content { margin-top: 10px; }

    h2 { font-size: 24px; }
    p { line-height: 26px; }
}

/* FAQ */
.faqs {
    background: #fff;
    padding: 0 0;
    width: 100%;
    margin-bottom: 20px;
}
.faqs .faq {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 1px solid #c8d1c1;
}
.faqs .faq h4.question {
    font-size: smaller;
    font-weight: bold;
    margin-top: 0px;
    padding: 10px 10px 10px 36px;
    margin-bottom: 0px;
    background: url('/assets/images/questionmark.png') no-repeat 10px 50% #dde7d7;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    cursor: pointer;
}
.faqs .faq p.answer {
    padding: 5px 10px;
    font-size: smaller;
    margin-bottom:0px;
    border-top: 2px solid #c9d1c1;
    display: none;
}

/* geo list */
ul.geo-list li a { margin: 0px;
    background: rgb(238 243 235);
    text-decoration: none;
    color: #000000;
    padding: 2px 8px;
    border-radius: 3px;
    display: inline-block; }
ul.geo-list li a:hover { background: #dde7d7; box-shadow: 0px 0px 2px rgb(0 0 0 / 30%); }
ul.geo-list li { margin: 0px;  display: inline-block; padding: 3px; }
ul.geo-list { list-style: none; margin: 0px; padding-left: 0px; border: 1px solid #c7d1c1; padding: 5px; margin-bottom: 20px; }

/* footer */
#site-footer {
    background: #879e80;
    padding: 10px 0;
    color: #fff;
    text-align: center;
}
#site-footer-logos {
    background: #6a7c65;
    padding: 25px 0;
    text-align: center;
    margin-top: 50px;
}
#site-footer-logos p {
    margin: 0 0 10px;
    color: #c7cdc4;
}
#site-footer ul li a {
    margin: 0px;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    text-decoration: underline;
}
#site-footer ul li a:hover {
    text-decoration: underline;
}
#site-footer ul li {
    margin: 0px;
    padding: 0;
}
#site-footer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#site-footer  ul.top-countries li {
    display: inline-block;
    padding: 1px;
}
#site-footer p.copyright { margin: 25px 0; padding: 25px 0 0; border-top: 1px solid #fff; }
#site-footer h3 { margin: 1.5em 0 0.5em;
    font-size: 22px;
    font-weight: bold;
    color: #c7cdc4; }

#site-footer .inner-block { width: 24%; margin: 0px; margin-right: 14%; float: left; text-align: left; }
#site-footer .inner-block.inner-block-right { margin-right: 0px; }
@media screen and (max-width: 1075px) { #site-footer .inner, #site-footer-logos .inner { margin: 0 3% 0 3%; } }
@media screen and (max-width: 750px) { #site-footer .inner-block { display: block; width: 100%; margin: 0; text-align: center; }}

/* LIGHTBOX */
#lightbox {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.85); z-index: 9999999; line-height: 0; cursor: pointer; display: none;}
#lightbox .img {
    position: relative;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
}
#lightbox .img img {opacity: 0; pointer-events: none; width: auto;}
@media screen and (min-width: 1200px) {
    #lightbox .img {
        max-width: 1200px;
    }
}
@media screen and (min-height: 1200px) {
    #lightbox .img {
        max-height: 1200px;
    }
}
#lightbox span {display: block; position: fixed; bottom: 13px; height: 1.5em; line-height: 1.4em; width: 100%; text-align: center; color: white; text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

#lightbox span {display: none;}

#lightbox .videoWrapperContainer {
    position: relative;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 900px;
    max-height: 100%;
}
#lightbox .videoWrapperContainer .videoWrapper {
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: relative;
    padding-bottom: 56.333%; /* custom */
    background: black;
}
#lightbox .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
#lightbox #prev, #lightbox #next {height: 50px; line-height: 36px; display: none; margin-top: -25px; position: fixed; top: 50%; padding: 0 15px; cursor: pointer; text-decoration: none; z-index: 99; color: white; font-size: 60px;}
#lightbox.gallery #prev, #lightbox.gallery #next {display: block;}
#lightbox #prev {left: 0;}
#lightbox #next {right: 0;}
#lightbox #close {height: 50px; width: 50px; position: fixed; cursor: pointer; text-decoration: none; z-index: 99; right: 0; top: 0;}
#lightbox #close:after, #lightbox #close:before {position: absolute; margin-top: 22px; margin-left: 14px; content: ""; height: 3px; background: white; width: 23px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    /* Safari */
    -webkit-transform: rotate(-45deg);
    /* Firefox */
    -moz-transform: rotate(-45deg);
    /* IE */
    -ms-transform: rotate(-45deg);
    /* Opera */
    -o-transform: rotate(-45deg);
}
#lightbox #close:after {
    /* Safari */
    -webkit-transform: rotate(45deg);
    /* Firefox */
    -moz-transform: rotate(45deg);
    /* IE */
    -ms-transform: rotate(45deg);
    /* Opera */
    -o-transform: rotate(45deg);
}
#lightbox, #lightbox * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* list of regions, places, etc */
ul.region_list li a small {
    color: #888;
}
ul.region_list li a {
    box-shadow: none;
}

/* breadcrumb */
ul.breadcrumb {
    padding-left: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
    font-size: 16px;
    line-height: normal;
}
ul.breadcrumb li {
    display: inline;
    padding-left: 0px;
}
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "\2192"
}

/* earthquake widget */
.earthquake_widget {
    width: 100%;
}
.earthquake_widget .options_bar {
    position: relative;
}

.earthquake_widget .dropdown {
    position: relative;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    background-color: #dde7d7;
    border-radius: 7px;
    text-align: left;
    overflow: initial !important;
    padding-right: 30px;
    margin: 0px 10px 10px 0;
}

.earthquake_widget .dropdown > a,
.earthquake_widget .dropdown > span {
    display: inline-block;
    text-decoration: none;
    padding: 5px 10px;
    cursor: pointer;
}
.earthquake_widget .dropdown span span {
    background: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 14px;
}

.earthquake_widget .dropdown > a:before,
.earthquake_widget .dropdown > span:before {
    position: absolute;
    right: 15px;
    top: 18px;
    content: " ";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #898f83;
    cursor: none;
}

.earthquake_widget .dropdown input[type="checkbox"] {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin: 0px;
    opacity: 0;
    cursor: pointer;
}

.earthquake_widget .dropdown input[type="checkbox"]:checked {
    position: fixed;
    z-index: +0;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.earthquake_widget .dropdown label {
    width: 100%;
}
.earthquake_widget .dropdown ul {
    text-align: left;
    position: absolute;
    top: 36px;
    border: 2px solid #dee7d7;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    left: 0px;
    list-style: none;
    padding: 0px;
    display: none;
    background-color: white;
    width: 220px;
    z-index: 100;
}

.earthquake_widget .dropdown input[type="checkbox"]:checked + ul {
    display: block;
}

.earthquake_widget .dropdown ul li {
    display: block;
    padding: 6px 20px;
    white-space: nowrap;
    min-width: 100px;
    margin: 0px;
    border-bottom: 1px solid #eef3eb;
}

.earthquake_widget .dropdown ul li:hover {
    background-color: #eef3eb;
    cursor: pointer;
}

.earthquake_widget .dropdown ul li a {
    text-decoration: none;
    display: block;
    color: black;
}
.earthquake_widget .dropdown .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    font-size: 1px;
    padding: 0;
}
.earthquake_widget .dropdown:hover {
    background-position: right center;
}
a.hide-small-earthquakes {
    font-size: 16px;
    padding: 3px 5px;
    cursor: pointer;
    display: inline-block;
}

/* earthquake checker */
.checker { font-size: 14px; font-style: italic; color: #888; line-height: 20px; text-align: center; padding: 10px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 1px 0; }
.checker.highlight { background: linear-gradient(0deg, #c50000, #af0202); color: #fff; font-style: normal; }
.checker.highlight-light { background: #fff; font-style: normal; }
.checker strong a { box-shadow: none; cursor: pointer; text-decoration: underline; font-size: 14px; color: inherit; }
.checker strong a:hover { box-shadow: none; }
.checker.highlight .checker-message.recent-earthquake { color: #ffed19; }
.checker.highlight-light .checker-message.recent-spike { color: #000; background: url('/assets/images/user_spike.png') no-repeat 0 50%; padding-left: 30px; }
.checker.highlight-light .checker-message.recent-spike a { color: #c00; }
.checker strong { color: inherit; }

/* response table */
.earthquake_widget .response { width: 100%; line-height: 20px; margin-bottom: 30px; }
.table-container { width: 100%; overflow-x: auto; }
.earthquake_widget .response table { width: 100%; display: table; background: none; border-collapse:collapse; border: 1px solid #c8d1c1; caption-side: bottom; margin: 0px; margin-top: 4px; }
.earthquake_widget .response table#eq_wid_table_latest { margin-top: 0px; }
.response table caption { background: #dee7d7; padding: 5px; font-size: 14px; border: 1px solid #c9d1c1; border-top: 0px; }
.earthquake_widget .response thead th { background: #dde7d7; border-bottom: 2px solid #c9d1c1; }
.earthquake_widget .response td, .earthquake_widget .response th { border-color: #c8d1c1; padding: 5px; border: 0px; vertical-align:top; }
.earthquake_widget .response td.time { position: relative; }
.earthquake_widget .response td.no_rows_found { text-align: center; color: #888; padding: 50px 0; }
.earthquake_widget .response tr.tr_even { background: #eef3eb; }
.earthquake_widget .response tbody tr { cursor: pointer; }
.earthquake_widget .response tr.tr_even:hover { background: #e7ebe4; }
.earthquake_widget .response tr:hover { background: #f7f7f7; }
.earthquake_widget .response td small { color: #aaa; font-size: 12px; }
.eq_wid_article_link { padding-left: 20px; }
.eq_wid_article_link:before { content: "";  width: 16px; height: 24px; background: #000; display: inline-block; line-height: normal; background: url('/assets/images/newspaper.png') no-repeat 50% 50%; margin-right: 5px; position: absolute; left: 5px; }
.earthquake_widget .response ul.eq_warnings { list-style-type: none; padding: 0; margin: -5px 0 -5px; }
.earthquake_widget .response ul.eq_warnings li { display: inline-block; width: 65px; height: 50px; text-align: center; background: #fff; font-size: 11px; line-height: 14px; padding: 2px 0px; border-radius: 3px; box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 10%); }
.earthquake_widget .response ul.eq_warnings li span.alert { display: block; padding: 1px; margin: 1px 0px; background: #ddd; text-transform: uppercase; }
.earthquake_widget .response ul.eq_warnings li span.alert.alert-red { background: #b13120; color: #fff; font-weight: bold; }
.earthquake_widget .response ul.eq_warnings li span.alert.alert-orange { background: #e19a19; color: #fff; font-weight: bold; }
.earthquake_widget .response ul.eq_warnings li span.alert.alert-green { background: #75b600; color: #fff; font-weight: bold; }
.earthquake_widget.loading .response tbody td { display: none; }
.earthquake_widget.loading .response tbody tr { background: none; }
.earthquake_widget.loading .response tbody { min-height: 300px; }
.earthquake_widget.loading table { background: url('/assets/images/ajax.gif') no-repeat 50% 50% #fdfdf5; height: 300px; }
.earthquake_widget .response tbody tr.loading { cursor: default; }
.earthquake_widget tr.loading td { background: #f3ebeb !important; color: #c36565; text-align: center; padding: 20px 3px !important; font-weight: bold; border-bottom: 1px dotted #c36565 !important; }

.tabbed_settings_bar { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; border-bottom: 2px solid #cad1c1; margin-bottom: 1px; }
.tabbed_settings_bar .button { cursor: pointer;display: inline-block;float: left;text-align: center;line-height: normal;padding: 10px 16px;margin-right: 5px;border: 1px solid #cad1c1;border-bottom: 0px;border-top-right-radius: 5px;border-top-left-radius: 5px;color: #6a7c65;background: #dde7d7; }
.tabbed_settings_bar .button.active { background: linear-gradient(180deg, #dde7d7 0%, #fff 25%); color: #000000; border-bottom: 2px solid #fff; margin-bottom: -2px; }
.tabbed_settings_bar .button.active strong, .tabbed_settings_bar .button:hover strong { background: rgba(0,0,0,0.8); color: #fff; text-decoration: none; }
.tabbed_settings_bar .button:hover { color: #000000; }
.tabbed_settings_bar .button.custom > small:after { position: relative; top: 10px; content: " "; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #798175; cursor: none; }
.tabbed_settings_bar .button.active.custom > small:after, .tabbed_settings_bar .button.custom:hover > small:after { border-top: 7px solid #000; }
.tabbed_settings_bar .button strong, .tabbed_settings_bar .loader strong { display: block; color: inherit; text-decoration: underline; }
.tabbed_settings_bar .button strong { padding: 1px 2px; border-radius: 2px; }
.tabbed_settings_bar .loader { display: inline-block; float: right; cursor: pointer; text-align: right; line-height: normal; padding: 34px 0 0; color: #cc0000; font-size: 16px; }
.tabbed_settings_bar .loader strong { display: inline; text-decoration: none; }
.tabbed_settings_bar_custom {background: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; padding: 5px 0px;border-bottom: 2px solid #cad1c1; }
.tabbed_settings_bar_custom label { display: inline-block; margin-right: 15px; }
.tabbed_settings_bar_custom select { font-size: 14px; padding: 3px 6px; border: 1px solid #cad1c1; }
@media screen and (max-width: 900px) {
    .tabbed_settings_bar { font-size: 14px; }
    .tabbed_settings_bar .button { padding: 6px 10px; margin-right: 4px; }
    .tabbed_settings_bar .loader { padding-top: 8px; }
    .tabbed_settings_bar .loader strong { display: block; }
    .tabbed_settings_bar_custom label { display: block; }
}
@media screen and (max-width: 450px) {
    .tabbed_settings_bar { font-size: 13px; }
    .tabbed_settings_bar .button { padding: 4px; margin-right: 3px; }
    .tabbed_settings_bar .loader { font-size: 12px; padding-top: 4px; text-align:center; }
}
@media screen and (max-width: 370px) {
    .tabbed_settings_bar .loader { display: block; width: 100%; border-top: 1px solid #cad1c1; text-align: right; }
    .tabbed_settings_bar .loader strong { display: inline; }
}

table.top_table { width: 100%; table-layout: fixed; display: table; font-size: 18px; border: 1px solid #c8d1c1; caption-side: bottom; }
table.top_table thead th { border: 0; font-size: 18px; background: #dde7d7; }
table.top_table td, .post-full-content table.top_table td { border: 0; }
table.top_table td a { text-decoration: none; box-shadow: none; }
table.top_table td small { color: #aaa; }


.post-full-content tr.tr_even { background: #eef3eb; }
.post-full-content td:first-child, .post-full-content .response td:last-child { background: none; }
.toplist-years a.year { padding: 6px 12px; background: #dde7d7; color: #000; box-shadow: none; border-radius: 3px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: normal; font-size: 14px; margin: 2px; display: inline-block; }
.toplist-years a.year.active, .toplist-years a.year:hover { background: #898f83; color: #fff; font-weight: bold; box-shadow: none; }

/* magnitudes */
.eq_mag { border-radius: 2px; background: #75b600; color: #fff; font-weight: bold; font-size: 16px; padding: 2px 5px; line-height: 28px; }
.eq_mag.clr1, .eq_mag.clr2, .eq_mag.clr3, .eq_mag.clr4 { background: #7fb100 }
.eq_mag.clr5 { background: #94ac3a; }
.eq_mag.clr6 { background: #acab00; }
.eq_mag.clr7 { background: #c3a904; }
.eq_mag.clr8 { background: #daa70c; }
.eq_mag.clr9 { background: #e19a19; }
.eq_mag.clr10 { background: #e68406; }
.eq_mag.clr11 { background: #e46c00; }
.eq_mag.clr12 { background: #e25400; }
.eq_mag.clr13 { background: #e13b00; }
.eq_mag.clr14 { background: #b73325; }
.eq_mag.clr15 { background: #912100; }
.eq_mag.clr16 { background: #601600; }
.eq_mag.clr17 { background: #300b00; }
.eq_mag.clr18,.eq_mag.clr19,.eq_mag.clr20 { background: #020000; }

/* mmi */
.mmi { border-radius: 4px; background: #fff; color: #000; font-weight: bold; font-size: 16px; padding: 2px 5px; line-height: normal; text-align: center; }
.mmi small { font-weight: normal; color: inherit !important; }
.mmi strong { color: inherit !important; }
.mmi.mmi-12 { background: #400; color: #fff; }
.mmi.mmi-11 { background: #800; color: #fff; }
.mmi.mmi-10 { background: #d00; color: #fff; }
.mmi.mmi-9 { background: #f00; color: #fff; }
.mmi.mmi-8 { background: #ff9100; }
.mmi.mmi-7 { background: #fd0 }
.mmi.mmi-6 { background: #ff0; }
.mmi.mmi-5 { background: #7df894; }
.mmi.mmi-4 { background: #8ff; }
.mmi.mmi-3 { background: #99f; }
.mmi.mmi-2 { background: #bfccff; }
.mmi.mmi-1 { background: #fff; }

/* compass */
.compass:after { content: '\27A4'; display: inline-block; }
.compass.compass_ESE:after { transform: rotate(22.5deg); }
.compass.compass_SE:after { transform: rotate(45deg); }
.compass.compass_SSE:after { transform: rotate(67.5deg); }
.compass.compass_S:after { transform: rotate(90deg); }
.compass.compass_SSW:after { transform: rotate(112.5deg); }
.compass.compass_SW:after { transform: rotate(135deg); }
.compass.compass_WSW:after { transform: rotate(157.5deg); }
.compass.compass_W:after { transform: rotate(180deg); }
.compass.compass_WNW:after { transform: rotate(202.5deg); }
.compass.compass_NW:after { transform: rotate(225deg); }
.compass.compass_NNW:after { transform: rotate(247.5deg); }
.compass.compass_N:after { transform: rotate(270deg); }
.compass.compass_NNE:after { transform: rotate(292.5deg); }
.compass.compass_NE:after { transform: rotate(315deg); }
.compass.compass_ENE:after { transform: rotate(337.5deg); }

/* flags */
.fflag {
    background-image:url('/assets/images/flagSprite42.png');
    background-repeat:no-repeat;
    background-size: 100% 49494%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    box-sizing: content-box;
    box-shadow: 0 0 0 1px rgb(220,220,220);
}
.fflag-CH,
.fflag-NP {box-shadow: none!important}
.fflag-DZ {background-position:center 0.2287%}
.fflag-AO {background-position:center 0.4524%}
.fflag-BJ {background-position:center 0.6721%}
.fflag-BW {background-position:center 0.8958%}
.fflag-BF {background-position:center 1.1162%}
.fflag-BI {background-position:center 1.3379%}
.fflag-CM {background-position:center 1.5589%}
.fflag-CV {background-position:center 1.7805%}
.fflag-CF {background-position:center 2.0047%}
.fflag-TD {background-position:center 2.2247%}
.fflag-CD {background-position:left 2.4467%}
.fflag-DJ {background-position:left 2.6674%}
.fflag-EG {background-position:center 2.8931%}
.fflag-GQ {background-position:center 3.1125%}
.fflag-ER {background-position:left 3.3325%}
.fflag-ET {background-position:center 3.5542%}
.fflag-GA {background-position:center 3.7759%}
.fflag-GM {background-position:center 4.0015%}
.fflag-GH {background-position:center 4.2229%}
.fflag-GN {background-position:center 4.441%}
.fflag-GW {background-position:left 4.66663%}
.fflag-CI {background-position:center 4.8844%}
.fflag-KE {background-position:center 5.1061%}
.fflag-LS {background-position:center 5.3298%}
.fflag-LR {background-position:left 5.5495%}
.fflag-LY {background-position:center 5.7712%}
.fflag-MG {background-position:center 5.994%}
.fflag-MW {background-position:center 6.2156%}
.fflag-ML {background-position:center 6.4363%}
.fflag-MR {background-position:center 6.658%}
.fflag-MU {background-position:center 6.8805%}
.fflag-YT {background-position:center 7.1038%}
.fflag-MA {background-position:center 7.3231%}
.fflag-MZ {background-position:left 7.5448%}
.fflag-NA {background-position:left 7.7661%}
.fflag-NE {background-position:center 7.98937%}
.fflag-NG {background-position:center 8.2099%}
.fflag-CG {background-position:center 8.4316%}
.fflag-RE {background-position:center 8.6533%}
.fflag-RW {background-position:right 8.875%}
.fflag-SH {background-position:center 9.0967%}
.fflag-ST {background-position:center 9.32237%}
.fflag-SN {background-position:center 9.5426%}
.fflag-SC {background-position:left 9.7628%}
.fflag-SL {background-position:center 9.9845%}
.fflag-SO {background-position:center 10.2052%}
.fflag-ZA {background-position:left 10.4269%}
.fflag-SS {background-position:left 10.6486%}
.fflag-SD {background-position:center 10.8703%}
.fflag-SR {background-position:center 11.0945%}
.fflag-SZ {background-position:center 11.3135%}
.fflag-TG {background-position:left 11.5354%}
.fflag-TN {background-position:center 11.7593%}
.fflag-UG {background-position:center 11.9799%}
.fflag-TZ {background-position:center 12.2005%}
.fflag-EH {background-position:center 12.4222%}
.fflag-YE {background-position:center 12.644%}
.fflag-ZM {background-position:center 12.8664%}
.fflag-ZW {background-position:left 13.0873%}
.fflag-AI {background-position:center 13.309%}
.fflag-AG {background-position:center 13.5307%}
.fflag-AR {background-position:center 13.7524%}
.fflag-AW {background-position:left 13.9741%}
.fflag-BS {background-position:left 14.1958%}
.fflag-BB {background-position:center 14.4175%}
.fflag-BQ {background-position:center 14.6415%}
.fflag-BZ {background-position:center 14.8609%}
.fflag-BM {background-position:center 15.0826%}
.fflag-BO {background-position:center 15.306%}
.fflag-VG {background-position:center 15.528%}
.fflag-BR {background-position:center 15.7496%}
.fflag-CA {background-position:center 15.9694%}
.fflag-KY {background-position:center 16.1911%}
.fflag-CL {background-position:left 16.4128%}
.fflag-CO {background-position:left 16.6345%}
.fflag-KM {background-position:center 16.8562%}
.fflag-CR {background-position:center 17.0779%}
.fflag-CU {background-position:left 17.2996%}
.fflag-CW {background-position:center 17.5213%}
.fflag-DM {background-position:center 17.743%}
.fflag-DO {background-position:center 17.968%}
.fflag-EC {background-position:center 18.1864%}
.fflag-SV {background-position:center 18.4081%}
.fflag-FK {background-position:center 18.6298%}
.fflag-GF {background-position:center 18.8515%}
.fflag-GL {background-position:left 19.0732%}
.fflag-GD {background-position:center 19.2987%}
.fflag-GP {background-position:center 19.518%}
.fflag-GT {background-position:center 19.7383%}
.fflag-GY {background-position:center 19.96%}
.fflag-HT {background-position:center 20.1817%}
.fflag-HN {background-position:center 20.4034%}
.fflag-JM {background-position:center 20.6241%}
.fflag-MQ {background-position:center 20.8468%}
.fflag-MX {background-position:center 21.0685%}
.fflag-MS {background-position:center 21.2902%}
.fflag-NI {background-position:center 21.5119%}
.fflag-PA {background-position:center 21.7336%}
.fflag-PY {background-position:center 21.9553%}
.fflag-PE {background-position:center 22.177%}
.fflag-PR {background-position:left 22.4002%}
.fflag-BL {background-position:center 22.6204%}
.fflag-KN {background-position:center 22.8421%}
.fflag-LC {background-position:center 23.0638%}
.fflag-PM {background-position:center 23.2855%}
.fflag-VC {background-position:center 23.5072%}
.fflag-SX {background-position:left 23.732%}
.fflag-TT {background-position:center 23.9506%}
.fflag-TC {background-position:center 24.1723%}
.fflag-US {background-position:center 24.394%}
.fflag-VI {background-position:center 24.6157%}
.fflag-UY {background-position:left 24.8374%}
.fflag-VE {background-position:center 25.0591%}
.fflag-AB {background-position:center 25.279%}
.fflag-AF {background-position:center 25.5025%}
.fflag-AZ {background-position:center 25.7242%}
.fflag-BD {background-position:center 25.9459%}
.fflag-BT {background-position:center 26.1676%}
.fflag-BN {background-position:center 26.3885%}
.fflag-KH {background-position:center 26.611%}
.fflag-CN {background-position:left 26.8327%}
.fflag-GE {background-position:center 27.0544%}
.fflag-HK {background-position:center 27.2761%}
.fflag-IN {background-position:center 27.4978%}
.fflag-ID {background-position:center 27.7195%}
.fflag-JP {background-position:center 27.9412%}
.fflag-KZ {background-position:center 28.1615%}
.fflag-LA {background-position:center 28.3846%}
.fflag-MO {background-position:center 28.6063%}
.fflag-MY {background-position:center 28.829%}
.fflag-MV {background-position:center 29.0497%}
.fflag-MN {background-position:left 29.2714%}
.fflag-MM {background-position:center 29.4931%}
.fflag-NP {background-position:left 29.7148%}
.fflag-KP {background-position:left 29.9365%}
.fflag-MP {background-position:center 30.1582%}
.fflag-PW {background-position:center 30.3799%}
.fflag-PG {background-position:center 30.6016%}
.fflag-PH {background-position:left 30.8233%}
.fflag-SG {background-position:left 31.045%}
.fflag-KR {background-position:center 31.2667%}
.fflag-LK {background-position:right 31.4884%}
.fflag-TW {background-position:left 31.7101%}
.fflag-TJ {background-position:center 31.9318%}
.fflag-TH {background-position:center 32.1535%}
.fflag-TL {background-position:left 32.3752%}
.fflag-TM {background-position:center 32.5969%}
.fflag-VN {background-position:center 32.8186%}
.fflag-AL {background-position:center 33.0403%}
.fflag-AD {background-position:center 33.25975%}
.fflag-AM {background-position:center 33.4837%}
.fflag-AT {background-position:center 33.7054%}
.fflag-BY {background-position:left 33.9271%}
.fflag-BE {background-position:center 34.1488%}
.fflag-BA {background-position:center 34.3705%}
.fflag-BG {background-position:center 34.5922%}
.fflag-HR {background-position:center 34.8139%}
.fflag-CY {background-position:center 35.0356%}
.fflag-CZ {background-position:left 35.2555%}
.fflag-DK {background-position:center 35.479%}
.fflag-EE {background-position:center 35.7007%}
.fflag-FO {background-position:center 35.9224%}
.fflag-FI {background-position:center 36.1441%}
.fflag-FR {background-position:center 36.3658%}
.fflag-DE {background-position:center 36.5875%}
.fflag-GI {background-position:center 36.8092%}
.fflag-GR {background-position:left 37.0309%}
.fflag-GG {background-position:center 37.2526%}
.fflag-HU {background-position:center 37.4743%}
.fflag-IS {background-position:center 37.696%}
.fflag-IE {background-position:center 37.9177%}
.fflag-IM {background-position:center 38.1394%}
.fflag-IT {background-position:center 38.3611%}
.fflag-JE {background-position:center 38.5828%}
.fflag-XK {background-position:center 38.8045%}
.fflag-LV {background-position:center 39.0262%}
.fflag-LI {background-position:left 39.2479%}
.fflag-LT {background-position:center 39.4696%}
.fflag-LU {background-position:center 39.6913%}
.fflag-MT {background-position:left 39.913%}
.fflag-MD {background-position:center 40.1347%}
.fflag-MC {background-position:center 40.3564%}
.fflag-ME {background-position:center 40.5781%}
.fflag-NL {background-position:center 40.7998%}
.fflag-MK {background-position:center 41.0215%}
.fflag-NO {background-position:center 41.2432%}
.fflag-PL {background-position:center 41.4649%}
.fflag-PT {background-position:center 41.6866%}
.fflag-RO {background-position:center 41.9083%}
.fflag-RU {background-position:center 42.13%}
.fflag-SM {background-position:center 42.3517%}
.fflag-RS {background-position:center 42.5734%}
.fflag-SK {background-position:center 42.7951%}
.fflag-SI {background-position:center 43.0168%}
.fflag-ES {background-position:left 43.2385%}
.fflag-SE {background-position:center 43.4602%}
.fflag-CH {background-position:center 43.6819%}
.fflag-TR {background-position:center 43.9036%}
.fflag-UA {background-position:center 44.1253%}
.fflag-GB {background-position:center 44.347%}
.fflag-VA {background-position:right 44.5687%}
.fflag-BH {background-position:center 44.7904%}
.fflag-IR {background-position:center 45.0121%}
.fflag-IQ {background-position:center 45.2338%}
.fflag-IL {background-position:center 45.4555%}
.fflag-KW {background-position:left 45.6772%}
.fflag-JO {background-position:left 45.897%}
.fflag-KG {background-position:center 46.1206%}
.fflag-LB {background-position:center 46.3423%}
.fflag-OM {background-position:left 46.561%}
.fflag-PK {background-position:center 46.7857%}
.fflag-PS {background-position:center 47.0074%}
.fflag-QA {background-position:center 47.2291%}
.fflag-SA {background-position:center 47.4508%}
.fflag-SY {background-position:center 47.6725%}
.fflag-AE {background-position:center 47.8942%}
.fflag-UZ {background-position:left 48.1159%}
.fflag-AS {background-position:right 48.3376%}
.fflag-AU {background-position:center 48.5593%}
.fflag-CX {background-position:center 48.781%}
.fflag-CC {background-position:center 49.002%}
.fflag-CK {background-position:center 49.2244%}
.fflag-FJ {background-position:center 49.4445%}
.fflag-PF {background-position:center 49.6678%}
.fflag-GU {background-position:center 49.8895%}
.fflag-KI {background-position:center 50.1112%}
.fflag-MH {background-position:left 50.3329%}
.fflag-FM {background-position:center 50.5546%}
.fflag-NC {background-position:center 50.7763%}
.fflag-NZ {background-position:center 50.998%}
.fflag-NR {background-position:left 51.2197%}
.fflag-NU {background-position:center 51.4414%}
.fflag-NF {background-position:center 51.6631%}
.fflag-WS {background-position:left 51.8848%}
.fflag-SB {background-position:left 52.1065%}
.fflag-TK {background-position:center 52.3282%}
.fflag-TO {background-position:left 52.5499%}
.fflag-TV {background-position:center 52.7716%}
.fflag-VU {background-position:left 52.9933%}
.fflag-WF {background-position:center 53.215%}
.fflag-AQ {background-position:center 53.4385%}
.fflag-EU {background-position:center 53.6584%}
.fflag-JR {background-position:center 53.875%}
.fflag-OLY {background-position:center 54.099%}
.fflag-UN {background-position:center 54.32%}
.fflag.ff-sm {width: 18px;height: 11px}
.fflag.ff-md {width: 27px;height: 17px}
.fflag.ff-lg {width: 42px;height: 27px}
.fflag.ff-xl {width: 60px;height: 37px}

/* modal */
#eq_modal .eq_modal-overlay { position: fixed; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; inset: 0; overflow-y: hidden; background-color: rgba(0,0,0,0.5); z-index: 200; }
.eq_modal-content {
    margin: 7% auto 7%;
    background: #fff;
    border-radius: 4px;
    width: 90%;
    max-width: 700px;
    z-index: 300;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
}
.eq_modal-title h3 { margin: 0; font-size: 20px; }
.eq_modal-title { background: #dde7d7; padding: 15px; font-size: 20px; border-top-left-radius:4px; border-top-right-radius: 4px; }
.eq_modal-title svg { cursor: pointer;
    position: relative;
    /* right: 5px; */
    /* top: 5px; */
    float: right;
    margin: -5px -5px 0 0; }
.eq_modal-title p { display: block; clear: both; font-size: 16px; margin: 0px; color: #898f83; }
.eq_modal-content h4 { border-bottom: 1px solid #c9d1c1; }
.eq_modal-inner { padding: 15px; min-height: 200px; }
.eq_modal-outer { overflow-y: auto;
    z-index: 250;
    position: fixed;
    display: block;
    inset: 0;}
#eq_modal .table-container table {
    width: 100%;
    margin-top: 15px;
}
#eq_modal .table-container table td small { color: #888; }
#eq_modal .table-container table td small a { color: #888; text-decoration: underline; }
#eq_modal .gmap_earthquake { height: 300px; background: #eee; margin-top: 15px; }
.eq_modal-inner.loading { background: url('/assets/images/ajax.gif') no-repeat 50% 50% #fdfdf5; }

.eq-tabs { margin-bottom: 0px; border-bottom: 2px solid #c7d1c1; }
.eq-tabs button {margin-right: 2px;padding: 4px 8px;border-top-left-radius: 3px;border-top-right-radius: 3px;border: 1px solid #c7d1c1;margin-bottom: -2px;background: #dde7d7;color: #6a7c65;}
.eq-tabs button.active { border-bottom: 2px solid #fff;background: linear-gradient(180deg, #dde7d7 0%, #fff 25%);font-weight: bold;color: #000; }
.eq-tab p { margin-top: 15px; margin-bottom: 0px; }
.eq-tab-loading { background: url('/assets/images/ajax.gif') no-repeat 50% 50% #fdfdf5; margin-top: 15px; height: 300px; }
.eq-tab h3 { margin: 15px 0; }
.eq-tab h3 strong {  padding: 0 3px; text-decoration: underline;text-decoration-color: #c7d1c1;text-decoration-thickness: 2px;}

/* news & reports */
.article-left { float: left; max-width: 70%; }
.article-left h2 { font-size: 28px; font-weight: bold; margin-bottom: 20px; margin-top: 40px; }
.about-right { float: right; margin-top: 35px; font-size: 14px; background: #eef3eb; padding: 15px; width: 27%; margin-left: 3%; line-height: 24px; }
.about-right ul li { line-height: 24px; font-size: 14px; }
.news_meta { color: #888; font-size: 16px; line-height: auto; font-style: italic; }
.article-left p a { color: inherit; }
.shakemap { border: 1px solid #c9d1c1; padding: 10px; background: #eef3eb; }
.shakemap img { width: 75%; float: left; border: 2px solid #fff; }
.shakemap_legend { background: #000; border: 2px solid #fff; width: 23%; float: right; padding-left: 0px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif }
.shakemap_legend .mmi { border-radius: 0px; text-align: left; font-size: small; box-shadow: inset 0px 0px 2px rgb(0 0 0 / 30%); opacity: 0.8; }
.caption { font-size: 16px; font-style: italic; color: #888; text-align: center; }
table { line-height: normal; width: 100%; }
table.aftershocks, table.strongest { margin-left: 5px; width: 95% !important; }
table.aftershocks tr.this_earthquake { background: #fff8c4; }
table.aftershocks tr.main_shock { background: #ffd9d9; }
table.news_places td small, table.aftershocks td small { color: #888; font-size: 11px; }
table.news_places a, table.aftershocks a { text-decoration: none; }
.post-full-content table.aftershocks a strong { color: #3eb0ef; }
table div.this_earthquake_label { background: #c00;color: #fff;font-size: smaller;margin-left: -14px;margin-bottom: 5px;z-index: 1000;position: relative;padding: 1px 5px;font-weight: bold;text-align: center;display: inline-block;border-left: 3px solid #800;border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.news_places_container, .aftershocks_container, .strongest_container { max-height: 450px; overflow-y: scroll; padding-right: 5px; }
a.stay_safe_news { display: block;text-decoration: none;color: #000;background: #ffecec;font-size: smaller;text-decoration: underline;padding: 5px;text-align: center; }
.news_index li { font-size: 16px; line-height: normal; margin-bottom: 0px; }
.news_index li a { text-decoration: none }
.tsunami_disclaimer { padding: 10px; background: #ffecec; font-size: 16px; line-height: 24px; margin-bottom: 20px; }
.post-content.news-article h2 { border-bottom: 1px solid #000; }
div.table-overflow { width: 100%; overflow-x: scroll; }
.news-share { padding: 20px; background: #eef3eb; text-align: center; font-weight: bold; color: #000; }

@media screen and (max-width: 900px) {
    .article-left { width: 100%; max-width: none; float: none; }
    .about-right { width: 100%; float: none; margin-top: 20px; margin-left: 0px;}
}

/* embedded news */
.news { display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif; line-height: 24px; font-size: 18px; margin-bottom: 20px; }
.news .news-item { -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0; min-width: 50%; max-width: 50%; }
.news .news-item a { display: block;color: #000;text-decoration: none;border: 1px solid #c8d1c1;border-top-left-radius: 3px;border-top-right-radius: 3px;margin: 0 15px 15px 0;position: relative; }
.news .news-item img { display: block;
    width: 100%;
    border-bottom: 3px solid #c8d1c1; }
.news .news-item strong { display: block; padding: 10px; }
.news .news-item small { display: inline-block;
    font-style: italic;
    margin-top: -25px;
    background: #fff;
    padding: 2px 10px;
    border-radius: 5px;
    position: absolute;
    color: #7b8e73;
    border-top: 3px solid #c8d1c1;
    right: 10px; }
@media screen and (max-width: 600px) { .news .news-item { min-width: 100%; max-width: 100%; margin: 0; } .news .news-item a { font-size: 16px; line-height: 20px; } }

/* breaking news */
.breaking_news { clear: both; border: 2px solid #c00; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif; }
.breaking-news-main { display: block; padding: 10px; font-size: 18px; line-height: 24px; }
.breaking-news-main strong { display: inline-block; color: #c00; text-transform: uppercase; text-shadow: none; }
.breaking-news-main strong span { display: inline-block; background: #000; color: #fff; padding: 0px 5px; }
.breaking-news-main img { border-radius: 5px; object-fit: cover; width: 100%; height: 260px; margin: 10px 0 0; }
.breaking-news-read-more { float: right; margin: 0 10px 10px 0; display: inline; font-size: 18px; font-weight: bold; }
.post-full-content ul.breaking-news-share { float: left;display: inline-block;margin: 0 10px 10px;list-style: none;width: auto;min-width: unset;padding: 0; }
.breaking-news-share li { padding: 0; display: inline; }
@media screen and (max-width: 900px) { .breaking-news-main img { height: 220px; } }
@media screen and (max-width: 500px) { .breaking-news-main { font-size: 14px; line-height: 20px; } .breaking-news-main img { height: 180px; } }
@media screen and (max-width: 400px) { .breaking-news-main img { height: 140px; } .breaking-news-read-more { font-size: 14px; } }

/* search */
.search { padding: 8px 10px 10px; background: #dde7d7; display: none; }
.search .inner { position: relative; }
input#search-field { font-size: 20px; padding: 3px 8px; width: 100%; border: 2px solid #bbb; }
a.search-reset { cursor: pointer; color: #c00; position: absolute; right: 5px; top: -1px; padding: 5px; }
.search-results {display: none;position: absolute;width: 100%;z-index: 500;background: #fff; border: 2px solid #c9d1c1;padding: 5px 5px 0;border-top: 0px; }
.search-results a { display: block;display: block;padding: 5px 10px;background: #eef3eb;margin: 0 0 5px;border-radius: 5px;color: #000;line-height: normal; }
.search-results a:hover { text-decoration: none; background: #dce7d7; }
#toggle_search { cursor: pointer; float: right; padding-right: 0px; }
#toggle_search:hover { background: none; }
@media screen and (max-width: 850px) { #toggle_search { float: none; } }

/* ads */
ins.adsbygoogle { margin-bottom: 15px; }
.sidebar-ad { float: right; margin-top: 35px; width: 27%; margin-left: 3%;}
@media screen and (max-width: 850px) { .sidebar-toc-ad { display: none; } }

/* visitor spikes */
#visitor-spike-latest { border: 1px solid #c9d1c1; padding: 10px; text-align: center; max-height: 225px; overflow-y: scroll; }
#visitor-spike-latest ul { margin: 0px; padding: 0px; }
#visitor-spike-latest li { text-align: left; margin: 0px; font-size: 16px; border-bottom: 1px solid #dce7d7; list-style-type: none; padding: 3px; }

/* latest earthquakes custom css */
p.latest_first_p { margin-bottom: 0px; }
.chart_earthquakes { border: 1px solid #c7d1c1; padding: 10px; }
.post-full-content figure.earthquake_activity_image { float: right; margin: 0 0 10px 10px; max-width: 220px; margin: 0 0 10px 10px !important; }
@media screen and (max-width: 850px) { .earthquake_activity_image { width: 185px } figure.earthquake_activity_image figcaption { font-size: 12px; line-height: 20px; } }