a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a {
    color: #000;
    font-weight: bold;
    overflow-wrap: break-word;
}
a:hover {
    color: #000;
    text-decoration: underline;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-link {
    font-weight: normal;
}

html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #dcdcdc;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}

/*
----------------------------------------------
*/

.post {
    border: 1px solid #c0c0d0;
    padding: 22px 7% 22px 7%;
    margin-bottom: 10px;
    position: relative;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.imgfit {
    width: 100%;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.post-details {
    border: 1px solid #c0c0d0;
    padding: 12px 2% 12px 2%;
    margin-bottom: 12px;
    position: relative;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.image-cropper {
    width: 60px;
    height: 60px;
    min-width: 60px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.image-cropper-huge {
    width: 100px;
    height: 100px;
    min-width: 100px;
}

.image-cropper img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

.leadtextborder p {
    margin-bottom: 2px;
}

.wordbreak {
    word-wrap: break-word;
}

.source-list {
    padding: 5px;
    border: 1px solid #c0c0e0;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.fixed-top {
    position: fixed;
    top: 0;
    width:100%;
}

.shift-below-top {
    margin-top: 130px;
}

.newpost-notif-holder {
    position: relative;
}
.newpost-notif {
    position: absolute;
    top: 0px;
    right: 6px;
    background-color: #60C000;
    z-index: 1000;
    padding: 2px 6px 2px 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    display: none;
}

.vertcenter-wrapper {
    display: flex;
}

.vertcenter-element {
    margin: auto 0;
}

.big-checkbox {
    /*transform: scale(1.5);*/
    width: 25px;
    height: 25px;
}

.like {
    width: 30px;
    height: 30px;
}

.activity {
    padding-top: 6px;
    padding-right: 2px;
}

.follownothing {
    color: #ff0000 !important;
}

.follownopublic {
    color: #c04000 !important;
}
.follownoblogger {
    color: #0000ff !important;
}
.follownolocals {
    color: #bf00bf !important;
}

.logo {
    width: 366px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    background-image: url('/images/site/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.headrightfuncs {
    display: flex;
    justify-content: flex-end;
    padding-left: 5px;
}

.headtoprightfuncs {
    width: 70px;
}

.headbeloweachother {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.comb {
    color: orange;
    font-weight: bold;
}

.emph {
    font-weight: bold;
}

.gotobydate {
    font-weight: 600;
    font-size: 12.5px;
}

.nav-top-bg {
    background-color: #dcdcdc;
}

.jumper {
    width: 20px;
}

.narrow-padding {
    padding-left: 6px;
    padding-right: 6px;
}

.indent {
    border-left: 1px solid lightblue;
    padding-left: 10px;
}

.hamburger {
    width: 30px;
    height: 30px;
    background-image: url('/images/site/hamburger.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.settings {
    width: 30px;
    height: 30px;
    background-image: url('/images/site/settings.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.search {
    width: 25px;
    height: 25px;
    background-image: url('/images/site/search.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.cathead {
    background-color: #dcdcdc;
}

.subcathead {
    background-color: #eeeeee;
}

.tomainpage {
    color: #006000;
    text-decoration: underline;
}

.ma-ps {
    height: 68px;
}

.inform1 {
    color: #ff0000;
}

.inform2 {
    color: #60C000;
}

.source-desc {
    font-style:italic;
}

.top-nav-icon {
    width: 25px;
}

.cursor-pointer {
    cursor: pointer;
}

.top-message {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    color: red;
    font-weight: bold;
}

.small-display-app {
    position: absolute;
    right: 0px;
    top: 10px;
}

.install-border {
    border: 1px solid black;
    z-index: 2000;
}

.scroll-down {
    color: #000;
}

.bg-red {
    background-color: #ff0000;
}

.bg-green {
    background-color: #00ce00;
}

.tricolor {
    height: 6px;
}

.column-style {
    font-size: 18px;
    letter-spacing: 2px;
    color: black;
    padding-bottom: 2px;
}

a.column-style:hover {
    color: #fff !important;
    text-decoration: underline;
}

a.content-follow:hover {
    color: #fff !important;
    text-decoration: underline;
}

.emph-menu-col {
    background-color: black;
    color: white !important;
}

.emph-menu {
    background-color: black;
    color: white !important;
}

.horspacing {
    height: 4px;
}

.search-button {
    background-color: black;
    color: white !important;
    margin-left: 3px;
    font-weight: bold;
}

.search-fragment {
    padding-top: 10px;
    padding-bottom: 5px;
}

.search-wrapper {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.head-padding {

}

.head-col-padding {
    padding-right: 60px;
}

.head-right-padding {
    padding-right: 0px;
}


@media (max-width: 768px) {
    .head-col-padding {
        padding-right: 30px;
    }

    .head-right-padding {
        padding-right: 25px;
    }
}

@media (max-width: 514px) {
    .head-padding {
        padding-left: 2px;
        padding-right: 2px;
    }

    .head-col-padding {
        padding-right: 15px;
    }

    .head-right-padding {
        padding-right: 15px;
    }
}

@media (max-width: 430px) {
    .head-col-padding {
        padding-right: 15px;
    }

    .head-right-padding {
        padding-right: 5px;
    }

    .content-follow:after {
        content: "Követés"
    }

    .content-follow span {
        display: none;
    }
}

@media (max-width: 400px) {
    .head-col-padding {
        padding-right: 15px;
    }

    .head-right-padding {
        padding-right: 10px;
    }


    .content-influencer:after {
        content: "VÉLEM."
    }

    .content-influencer span {
        display: none;
    }

    .content-follow:after {
        content: "Követés"
    }

    .content-follow span {
        display: none;
    }
}

@media (max-width: 370px) {
    .head-col-padding {
        padding-right: 8px;
    }

    .head-right-padding {
        padding-right: 3px;
    }

    .content-influencer:after {
        content: "VÉL."
    }
}

@media (max-width: 320px) {
    .head-padding {
        padding-left: 1px;
        padding-right: 1px;
    }

    .head-col-padding {
        padding-right: 2px;
    }

    .head-right-padding {
        padding-right: 2px;
    }
}