/* cmsms stylesheet: Main modified: 15.02.2021 10:26:31 */

body {
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  color: #333333;
  background: #f1ebe0;
}


:focus {outline:none !important;}
::-moz-focus-inner {border:0 !important;}

a {
  color: #a34242;
  text-decoration:none;
  cursor:pointer;
  transition: all 0.2s ease;
}

footer a {
  color: #f0f0f0;
}

a:focus, a:hover {
  color: #a34242;
}

a.menuactive {
  color: #dedede;
}

#top-bar a {
  color: #f0f0f0;
  transition: .33s;
}

#top-bar a:hover {
  color: #dedede;
}

#top-bar a.menuactive {
  color: #dedede;
}

#top-bar li li a {
  color: #752727;
  position: relative;
  left: 0px;
  top: 0px;
  transition: .2s;
}

#top-bar li li a.menuactive {
  color: #a34242;
  position: relative;
  left: -1px;
  top: -1px;
  text-shadow: 3px 2px 1px #dedede;
}

#top-bar li li a:hover {
  color: #a34242;
  position: relative;
  left: -1px;
  top: -1px;
  text-shadow: 3px 2px 1px #dedede;
}

#news-feed {
  margin-top: 4em;
}

#news-buttons {
  margin-bottom: .2rem;
}

h1, h2, h3, h4 {
  font-family: 'Roboto', Arial, sans-serif;
  color: #6e6e6e;
  font-weight: bold;
}

h1 {
  font-size: 2rem;
  margin-top: 3rem;
  margin-bottom: 2.5rem;
  text-align: center;
}

h1 a, h1 a:hover {
  color: #8d8d8d;
  font-weight: bold;
  font-size: 2rem;
  margin-top: 2rem;
  margin-bottom: 1.2rem;
  text-align: center;
}

novosti h1 {
  margin-bottom: 0;
}

h2 {
  font-size: 1.4rem;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

#column-left h2, #column-right h2 {
  color: black;
  font-size: 1.1rem;
  margin-top: 1rem;
  margin-bottom: .5rem;
  text-align: left;
 }


h3 {
  font-size: 1.25rem;
  margin-top: 1rem;
  margin-bottom: .5rem;
  text-align: left;
}

p {
  font-size: 1.05rem;
  text-align: justify;
}

#column-left p, #column-right p {
  font-size: .9rem;
}

.logo {
  height: 124px;
  background-color: #130606;
  background-image: url("/uploads/images/background_top.jpg");
  background-repeat: no-repeat;
  background-position: center;
  padding: 10px 10px 15px 10px;
}

#sticky-logo img {
  transition: all 0.3s ease;
  width: 0px;
  height: 0px;
}

.is-stuck #sticky-logo img {
  display: block;
  width: 66px;
  height: 35px;
}

#sticky-logo {
  padding-top: .6em;
  float: left;
}

#top-menu {
  margin-top: .45em;
}

.top-bar {
  height: 57px;
  background-color: #752727;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 0;
  padding-bottom: 0;
}

.top-bar ul {
  background: transparent;
  font-size: 1.2rem;
  z-index: 999;
}

.top-bar li li {
  background-color: #f5f5f5;
  opacity: .95;
}

.is-drilldown-submenu {
  font-size: 1.2rem;
  z-index: 999;
}

.submenu {
  margin-top: .5em;
  margin-right: .25em;
}

.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
  border-color: #f0f0f0 transparent transparent;
}

.is-drilldown-submenu-parent>a:after {
  border-color: transparent transparent transparent #a34242;
}

.js-drilldown-back>a:before {
  border-color: transparent #a34242 transparent transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after {
  border-color: transparent #a34242 transparent transparent;
}

#menu-toggle {
  float: right;
  margin-top: .65em;
  margin-bottom: .65em;
}

#header-image img {
  border-radius: 0 0 15px 15px;
}

#social-media img {
  transition: .33s;
}

#social-media img:hover {
  opacity: .9;
}

#item-center{
    float: none; 
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#NewsPostDetailTitle {
   margin-top: 2.5rem;
}

.norightpadding {
    padding-right: 0;
}

.mp-sub-menu {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0rem;
}

.mp-sub-menu:after {
    clear: both;
}
.mp-sub-menu:after, .row:before {
    display: table;
    content: " ";
}

.mp-sub-menu img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.mp-sub-menu a {
  font-family: 'Roboto', Arial, sans-serif;
  color: #f0f0f0;
  font-weight: bold;
  font-size: 1rem;
}
.mp-sub-menu p {
  margin-top: 8.4rem;
  padding: .2em;
  padding-left: .7em;
  color: #f0f0f0;
  font-size: 1.3rem;
  text-align: left;
  color: #752727;
  background-color: #ebb24b;
  opacity: .9;
}

.mp-sub-menu .card {
  min-height: 11rem;
  min-width: 9.5rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top, center;
  background-size: auto 150%;
  transition: 0.33s;
}

.mp-sub-menu .card:hover {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top, center;
  background-size: auto 155%;
}

.columns img {
  background-color: #f0f0f0;
  padding: 10px;
}

.card {
  min-width: 165px;
  border-radius: 15px;
  margin-bottom: 2rem;
  background-color: #f0f0f0;
  transition: 0.33s;
}

.card:hover {
  background: #f5f5f5;
  opacity: .9;
}

.card img {
  max-width: -webkit-fill-available;
}

.card-divider {
  background: #6b4747;
  color: #f0f0f0;
  text-align: left;
  font-weight: bold;
}

.card-section {
  font-size: 0.9rem;
}

.divider {
  background: #f0f0f0;
  margin: 3rem 0;
  padding: 0.5rem;
  font-size: 2rem;
}

.divider a {
  color: #752727;
  margin: 0 0.5rem;
}

.divider a:hover {
  color: #a34242;
}


.buttona {
  background: #ebb24b;
  color: #f0f0f0;
  border-radius: 5px;
  transition: 0.33s;
  padding: .5em;
}

.buttona:hover {
  background: #ebb24b;
  color: white;
  opacity: .9;
}

.buttona:active {
  background: #ebb24b;
  color: #f0f0f0;
}  

.buttonb {
  background: #6b4747;
  color: #f0f0f0;
  border-radius: 5px;
  transition: 0.33s;
  padding: .5em;
}

.buttonb:hover {
  background: #6b4747;
  color: white;
  opacity: .9;
}

.buttonb:active {
  background: #6b4747;
  color: #f0f0f0;
}  

.divider .button {
  border-radius: 5px;
  background: #6b4747;
  color: #f0f0f0;
  margin-bottom: 0.2rem;
  transition: 0.33s;
}

.divider .button:hover {
  background: #6b4747;
  color: #f0f0f0;
  opacity: .9;
}

.detailesbutton {
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
}

.left-image {
  margin-top: 3.5rem;
  border-radius: 15px;
}

.left-image-content h2 {
  text-align: left;
}

footer {
  background-color: #130606;
  background-image: url("/uploads/images/footer.jpg");
  background-position: center, top;
  background-position-y: top;
  background-repeat: no-repeat;
  color: #f0f0f0;
  margin-top: 4rem;
}

footer .column {
  padding: 0 2rem;
}

footer h4 {
  margin-top: 1rem;
  color: #f0f0f0;
  font-size: 1rem;
  padding-bottom: 0.2rem;
  border-bottom: 0.5px dotted #f0f0f0;
}

footer i {
  margin-right: 0.5rem;
}

#copyright {
  border-top: 0.5px solid #f0f0f0;
}

#copyright span {
  margin: 0 1rem;
}

#content-columns {
  margin-top: 1rem;
}

#content-columns h4 {
  text-align: center;
  font-size: 1.1rem;
  text-transform: uppercase;
}

form {
  padding: 1rem;
}

/* Small only */
@media screen and (max-width: 39.9375em) {

#top-bar .column {
    padding-left: 0;
    padding-right: 0;
}

.top-bar {
    height: auto;
    color: #a34242;
    background-color: #752727;
    background-image: none;
    padding-left: 0;
    padding-right: 0;
 }

.menu-icon {
   background-color: #752727;
   margin-right: 0.638rem;
}

.top-bar-darker {
  background-image: none;
 }

.top-bar ul {
    background-image: none;
    color: #a34242;
    background-color: #f5f5f5;
    padding-bottom: 1em;
 }

.top-bar li {
    background-image: none;
    color: #a34242;
    background-color: #f5f5f5;
 }

.top-bar li li {
    background-image: none;
    background-color: #f5f5f5;
 }

#top-menu {
    margin-top: 0;
    color: #a34242;
    background-color: #f5f5f5;
 }

#top-menu a {
    color: #752727;
}

#top-menu a:hover {
  color: #a34242;
}

#top-menu a.menuactive {
  color: #a34242;
}

#sticky-logo {
    padding-top: .2em;
    padding-bottom: .2em;
 }

.is-stuck #sticky-logo {
    font-size: 1.6rem;
 }

.detailesbutton {
    text-align: center;
 }


}

/* Small and Medium*/
@media screen and (max-width: 63.9375em) {

.norightpadding {
    padding-right: .75em;
 }



}

/* Medium and up */
@media screen and (min-width: 40em) {

#column-left {
 padding-right: 2.2rem;
 }

#column-right {
 padding-left: 2.2rem;
 }
}

footer .is-drilldown {
  background-color: transparent;
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}