a.navbar-brand {

  white-space: normal;

  text-align: center;

  word-break: break-all;

}



/* Provide sufficient contrast against white background */

a {

    color: #000080;

    overflow-wrap: break-word;

}



.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;

}



/* Sticky footer styles

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

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;

}



/* Sticky footer styles

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

html {

  position: relative;

  min-height: 100%;

}



body {

    /* Margin bottom by footer height */

    margin-bottom: 60px;

    background-color: #f4f4f4;

}

.footer {

  position: absolute;

  bottom: 0;

  width: 100%;

  white-space: nowrap;

  line-height: 60px; /* Vertically center the text there */

}



/* CUSTOM */

.post {

    border: 1px solid #e0e0e0;

    border-radius: 6px;

    padding: 25px 10% 25px 10%;

    margin-bottom: 15px;

    position: relative;

    background-color: #fff;

}



.postswitcher {

    right: 6px;

    top: 0px;

    display: inline;

    position: absolute;

}



.smallpostboder {

    border: 1px solid lightblue;

    border-radius: 6px;

    padding: 25px 10% 25px 10%;

    margin-bottom: 15px;

    background-color: #fff;

}



.title-big {

    font-family: Roboto, sans-serif;

    font-size: 20px;

    font-weight: bold;

    text-align: right;

    padding-top: 5px;

}



.title-small {

    font-family: Roboto, sans-serif;

    font-size: 20px;

    font-weight: bold;

    padding-top: 5px;

    text-align: center;

}



.categorytitle {

    font-family: Roboto, sans-serif;

    font-size: 30px;

    font-weight: bold;

    padding-top: 3px;

    padding-bottom: 3px;

}



h2 {

    font-family: Roboto, sans-serif;

    font-size: 27px;

    font-weight: bold;

    margin-bottom: 0;

}



h3 {

    font-family: Roboto, sans-serif;

    font-size: 16px;

    line-height: 1.7;

    font-weight: bold;

    margin-bottom: 0;

}



h4 {

    font-family: Roboto, sans-serif;

    font-size: 14px;

    line-height: 1.7;

    font-weight: bold;

    margin-bottom: 0;

}



.published {

    font-family: Roboto, sans-serif;

    font-size: 12px;

    color: darkgrey;

    line-height: 1.7;

}



.imgfit {

    width: 100%;

}



.show-more {

    cursor: pointer;

    padding-bottom: 10px;

    font-weight: bold;

    color: #0000a0;

}



.shown-more {

    padding-bottom: 10px;

}



#logo {

    width: 108px;

    height: 108px;

    cursor:pointer;

}



.clickable {

    cursor: pointer;

}



#dimmer {

    background-color: rgba(0,0,0,0.92);

    position: fixed; /* important to use fixed, not absolute */

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: none;

    z-index: 9999; /* may not be necessary */

}



.dimmer-image {

    background-color: rgba(0,0,0,1);

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    max-width: 100%;

    max-height: 100%;

    margin: auto;

    overflow: auto;

}



.content-center {

    margin-left: auto;

    margin-right: auto;

}



.cat {

    display: inline-block;

}



.maincat {

    display: block;

    width: 100%;

    padding: 0px 3px 5px 15px;

    font-weight: bold;

}

.maincat:hover {

    text-decoration: none;

    background-color: #ffffff;

}

.smallcat {

    display: inline-block;

    padding: 0px 3px 5px 15px;

    font-weight: bold;

}



.subsite {

    display: inline-block;

    padding: 0px 10px 5px 5px;

    font-weight: bold;

}



.categories {

    margin-bottom: 8px;

}



.published {

    margin-top: 3px;

    margin-bottom: 5px;

}



.allcategories {

    margin-bottom: 5px;

    background-color: gainsboro;

    font-family: Roboto, sans-serif;

    font-size: 13px;

    border: gainsboro 1px solid;

}



.allsmallcategories {

    margin-top: 5px;

    margin-bottom: 5px;

    background-color: gainsboro;

    font-family: Roboto, sans-serif;

    font-size: 13px;

    border: gainsboro 1px solid;

}



.heading {

    margin-top: 5px;

    margin-bottom: 5px;

}



.leftred {

    border-left: 2px solid red;

}

.rightgreen {

    border-right: 2px solid green;

}



.bigimage {

    object-fit:contain;

    width: 100%;

    max-width:800px;

}



.noresult {

    border-top: 1px solid lightblue;

    padding-top: 5px;

}



.secondrow {

    margin-top: 2px;

}

.related {

    font-family: Roboto, sans-serif;

    font-size: 30px;

    font-weight: bold;

    margin-top: 5px;

}



.serviceicon {

    color: #ff6a13;

    background-color: #fff;

    margin-right: 3px;

    margin-top: 6px;

    font-size: 24px;

    width: 24px;

}



.fb-page {

    margin-top:5px;

}



.headingrighttop {

    min-height: 80px;

}



.subsitehead {

    background-color: #ff6a13;

}



@media (min-width: 992px) {

    .headingrighttop {

        min-height: 120px;

    }

}



.third {

    height: 50%

}



@media (min-width: 992px) {

    .third {

        height: 33.3%

    }

}



.subsitepost {

    margin-bottom: 10px;

    border-bottom: 1px solid lightblue;

}

.videoWrapper {

    overflow: hidden;

    position: relative;

    padding-bottom: 56.25%; /* 16:9 */

    height: 0;

}



.videoWrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.indent {

    border-left: 1px solid lightblue;

    padding-left: 20px;

}



.actor {

    font-weight:400;

}



.englishwarning {

    background-color: #ff6a13;

    text-align: right;

}



.opener {

    cursor: pointer;

    padding-top: 10px;

    padding-bottom: 10px;

    font-weight: bold;

    color: #0000a0;

}



.partner {

    margin-bottom: 10px;

    border-bottom: 1px solid lightblue;

}



.galaxy_logo {

    width: 50px;

    height: 50px;

}



.galaxy_logo_pad {

    margin-right: 15px;

    margin-top: 15px;

}