﻿.hidden.menu {
    display: none;
}

.masthead.segment {
    padding: 1em 0em;
}

.masthead .logo.item img {
    margin-right: 1em;
}

.masthead .ui.menu .ui.button {
    margin-left: 0.5em;
}

.masthead h1.ui.header {
    margin-top: 3em;
    margin-bottom: 0em;
    font-size: 4em;
    font-weight: normal;
}

.masthead h2 {
    font-size: 1.7em;
    font-weight: normal;
}

.ui.vertical.stripe {
    padding: 2em 0em;
}

    .ui.vertical.stripe h3 {
        font-size: 2em;
    }

    .ui.vertical.stripe .button + h3,
    .ui.vertical.stripe p + h3 {
        margin-top: 3em;
    }

    .ui.vertical.stripe .floated.image {
        clear: both;
    }

    .ui.vertical.stripe p {
        font-size: 1.33em;
    }

    .ui.vertical.stripe .horizontal.divider {
        margin: 3em 0em;
    }

.quote.stripe.segment {
    padding: 0em;
}

    .quote.stripe.segment .grid .column {
        padding-top: 5em;
        padding-bottom: 5em;
    }

.footer.segment {
    padding: 5em 0em;
}

.secondary.pointing.menu .toc.item {
    display: none;
}

@media only screen and (max-width: 700px) {
    .ui.fixed.menu {
        display: none !important;
    }

    .secondary.pointing.menu .item,
    .secondary.pointing.menu .menu {
        display: none;
    }

    .secondary.pointing.menu .toc.item {
        display: block;
    }

    .masthead h1.ui.header {
        font-size: 2em;
        margin-top: 1.5em;
    }

    .masthead h2 {
        margin-top: 0.5em;
        font-size: 1.5em;
    }
}

.np-menu {
}

.np-margin-top20 {
    margin-top: 20px;
}

.text-danger {
    border-radius: 5px;
    box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent;
    background-color: #fff6f6;
    color: #9f3a38;
    display: block;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
}

.text-danger2 {
    color: #9f3a38;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
}

.div-content {
    background-color: #E6ECF0;
}

.div-padding {
    padding: 10px;
}

.div-middle {
    text-align: center;
}

.div-height5 {
    height: 5px;
}

.search-bar {
    margin-top: 5px;
}



.div-margin-top10 {
    margin-top: 10px;
}

.vote-text {
    font-size: 14px;
}

.btn-subscribe {
}

.responsive-img-mob {
    width: 98%;
    height: auto;
}


.imgMediaFormat {
    vertical-align: middle;
    max-height: 320px;
    overflow: hidden;
}

.div-img-frame {
    width: 525px;
    line-height: 320px;
    border: medium;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #dededf;
    padding: 5px;
}

.scroll::-webkit-scrollbar {
    display: none;
}

.link-more {
    text-align: right;
    padding: 5px;
}

.description {
    margin-top: 10px;
    font-size: 10px;
}

.meta {
    margin-top: 10px;
}

.text-ident {
    text-indent: 20px;
}

.link-read-more {
    text-align: right;
    margin-bottom: 5px;
}

.link-media {
    font-size: 14px;
    font-weight: bold;
    color: #14171a;
}

.about-text {
    font-family: Helvetica Neue LT,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #657786;
    font-weight: 400;
}

.link-media {
}

.margin-5 {
    margin-left: 5px;
}

.divLogo {
    background-color: white;
    line-height: 150px;
    text-align: center;
}

.imgLogo {
    vertical-align: middle;
    max-height: 150px;
    overflow: hidden;
}

.content-txt {
    font-size: 16px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 130%;
}

.img-media {
    max-height: 320px;
    overflow: hidden;
}

.ui.secondary.pointing.menu {
    border-bottom: 0px;
}

.ui.search > .results .result .image + .content {
    text-align: left;
}

.ui.search > .results .result .description {
    text-align: left;
}

.ui[class*="left aligned"].search > .results {
    width: 400px;
}

.ui.three.cards > .card {
    text-align: center;
}

.div-margin5 {
    margin-top: 5px;
}

.div-marginleft10 {
    margin-left: 10px;
}

.padding5 {
}

.divLogo2 {
    background-color: white;
    line-height: 240px;
    text-align: center;
}

.imgLogo2 {
    vertical-align: middle;
    max-height: 240px;
    overflow: hidden;
}

.divLogo80 {
    background-color: white;
    line-height: 80px;
    text-align: center;
}

.imgLogo80 {
    vertical-align: middle;
    max-height: 80px;
    overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.menu.fluid,
    .ui.vertical.menu.fluid {
        width: 100% !important;
    }

    .ui.stackable.grid {
        width: auto;
        margin-left: 0em !important;
        margin-right: 0em !important;
    }

        .ui.stackable.grid > .row > .wide.column,
        .ui.stackable.grid > .wide.column,
        .ui.stackable.grid > .column.grid > .column,
        .ui.stackable.grid > .column.row > .column,
        .ui.stackable.grid > .row > .column,
        .ui.stackable.grid > .column:not(.row),
        .ui.grid > .stackable.stackable.row > .column {
            width: 100% !important;
            margin: 0em 0em !important;
            box-shadow: none !important;
            padding: 1rem 1rem !important;
        }

        .ui.stackable.grid:not(.vertically) > .row {
            margin: 0em;
            padding: 0em;
        }

    /* Coupling */

    .ui.container > .ui.stackable.grid > .column,
    .ui.container > .ui.stackable.grid > .row > .column {
        padding-left: 0em !important;
        padding-right: 0em !important;
    }

    /* Don't pad inside segment or nested grid */

    .ui.grid .ui.stackable.grid,
    .ui.segment:not(.vertical) .ui.stackable.page.grid {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    /* Divided Stackable */

    .ui.stackable.divided.grid > .row:first-child > .column:first-child,
    .ui.stackable.celled.grid > .row:first-child > .column:first-child,
    .ui.stackable.divided.grid > .column:not(.row):first-child,
    .ui.stackable.celled.grid > .column:not(.row):first-child {
        border-top: none !important;
    }

    .ui.inverted.stackable.celled.grid > .column:not(.row),
    .ui.inverted.stackable.divided.grid > .column:not(.row),
    .ui.inverted.stackable.celled.grid > .row > .column,
    .ui.inverted.stackable.divided.grid > .row > .column {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .ui.stackable.celled.grid > .column:not(.row),
    .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
    .ui.stackable.celled.grid > .row > .column,
    .ui.stackable.divided:not(.vertically).grid > .row > .column {
        border-top: 1px solid rgba(34, 36, 38, 0.15);
        box-shadow: none !important;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .ui.stackable.celled.grid > .row {
        box-shadow: none !important;
    }

    .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
    .ui.stackable.divided:not(.vertically).grid > .row > .column {
        padding-left: 0em !important;
        padding-right: 0em !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ui.container {
        width: 1127px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ui.grid.container {
        width: calc( 1127px + 2rem ) !important;
    }

    .ui.relaxed.grid.container {
        width: calc( 1127px + 3rem ) !important;
    }

    .ui.very.relaxed.grid.container {
        width: calc( 1127px + 5rem ) !important;
    }
}

.div-txt-left {
    text-align: left;
}

.search-bgcolor {
    background-color: lightgrey;
}

.image-logo-media {
    width: 50px;
}

a {
    color: #000000;
    font-weight: bold;
}

.ui.items > .item .meta {
    color: rgb(0, 0, 0);
}

.themecolor {
}



.btn-width {
    width: 100px;
}

.content-holder {
    background-color: white;
}

.image-holder {
    /*width: 530px;*/
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.buttonHolder {
    display: flex;
    flex-direction: column;
    padding: 10px;
    justify-content: space-around;
}

.registerLoginHolder {
    height: 170px;
}

.home-icon-holder {
    font-size: 32px;
    color: black;
}

.div-links-item-holder {
    padding: 5px;
}

.ss-column {
    padding: 6px 0 2px 2px !important;
}

.search-bar-width {
    width: 200px;
    background-color: #efefef !important;
}


.logoImage {
    content: url("../images/logo-mob.png");
    margin-left: 5px;
}

.ui.avatar.image {
    min-width: 25px;
}

@media screen and (min-width: 700px) {
    .ss-column {
        padding: 1rem !important;
    }

    .logoImage {
        content: url("../images/logo.png");
        margin-left: 0;
    }

    .search-bar-width {
        width: 320px;
    }
}

.post-datetime {
    font-size: 9px;
}

.post-media-logo {
    margin-top: 10px;
    margin-right: 5px
}

.certificate.icon {
    margin-top: 10px;
}

.content-donate {
    text-align: center;
    padding: 20px;
}

