/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}



a.admin_link{
    text-decoration: none;
}

a.admin_link:hover{
    color: #0bd6a7;
}

.bigfont{
  font-size: 2rem;
}

.lead{
  text-align: justify;
}

a.table_button{
  font-size: large;
  color:black;
}

a.table_button:hover{
  color:red;
  text-decoration: underline; 
}

a.m_button{
  border-bottom:1px solid #dcdcdc;
  width:30px;
}

a.m_button:hover{
  cursor: pointer;
}

img.m_button{
  border: 2px solid transparent;
}

img.m_button:hover{
  border: 2px solid black;
  border-radius: 5px;
}

.m_buttons {
  text-align: center;
  margin: 40px 0 0 0;
}



#headlines {
    list-style: outside none none;
    padding: 0px;
}

#headlines h2{
  vertical-align: middle;
}

#headlines li{
  min-height:8em;
}

.time-icon
{
  float: left;
  margin-right: 10px;
  font-size: 0.8em; 
  display: flex;
  flex-direction: column;
  width: 7em;
  height: 7em;
  background-color: #fff;
  border-radius: 0.6em;
  overflow: hidden;
  border-style: solid;
  text-align: center;
}

.time-icon-item{
  min-height: 7em;
  text-align: left;
}

.time-icon-sitebar
{
  list-style-type: none;
}

.time-icon-box
{
  list-style-type: none;
  margin-top: 1rem;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

/*.time-icon *
{
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}*/

.time-icon-month
{
  padding: 0.4em 0;
  color: #fff;
  background-color: #343a40;
  border-bottom: 1px dashed #25292d;
  box-shadow: 0 2px 0 #222629;
}

.time-icon-year
{
  /*position: absolute;*/
  bottom: 0.3em;
  font-style:italic;
  order:2;
  color: #343a40;
}

.time-icon-day
{
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #2f2f2f;
  order:1;
  line-height: 0.9;
  padding-top: 0.19em;
}

a.b_button{
  text-decoration: none;
  color: black;
  text-shadow: green 0 0 2px;
}

a.b_button:hover{
  cursor: pointer;
  text-shadow: red 0 0 2px;
}

div.b_button{
  position: absolute;
  top: 0;
  font-size: x-large;
}

li.baner{
  position: relative;
}


/*============================
          MarkDown
  ============================*/

/*section h4{
  color: #DF382C !important;
}*/

/*#markdown p{
  color: #868e96 !important;
}*/

#markdown .left {
    float: left;
    width: 50%;
    padding: 10px;
    padding-top: 0px;
}

#markdown .right {
    float: right;
    width: 50%;
    padding: 10px;
    padding-top: 0px;
}

#markdown .left25 {
    float: left;
    width: 25%;
    padding: 10px;
    padding-top: 0px;
}

#markdown .right25 {
    float: right;
    width: 25%;
    padding: 10px;
    padding-top: 0px;
}

.img_s30{
  width: 30%;
}

@media (max-width: 1024px) {
  .img_s30{
    width: 100%;
  }
}

.img_box img{
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px;
  border-style: solid;
  width: 100%;
}

.link_icon {
  width: 64px;
  /*width="64px"*/
}


blockquote {
  text-align: right;
  font-style: italic; 
}
/*============================
       Exposition Picture
  ============================*/

img.exposition-img{
    width: 100%
}

div.node{
  border:1px solid black;
  margin: 2rem;
  padding: 2rem;
}

li.exposition{
  padding: 1em;
}

.node > h3{
  text-align: center;
}

img.skin{
    width: 40%
}
@media (min-width: 1024px) {
  img.skin{
    width: 20%
  }
}
/*============================
       NEWS PICTURE
  ============================*/

.prew_img {
  width: 100%;
}

.gal {
  max-width: 30%;
  display: inline-block;
}

img.caption-img{
    width: 100%!important;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px;
    border-style: solid;
}

img.prew_img_summary{
    width: 100%!important;
    float: left;
    border-style: solid;
    border-color: black;
    margin-right: 0.5rem;
}

/* Для больших устройств (ноуты, пк) */
@media (min-width: 1024px) {
/*  .prew_img {
    width: 80%;
  }*/
  img.caption-img{
      width: 50%!important;
      float: left;
      margin-right: 5px;
      margin-bottom: 5px;
      border: 1px;
      border-style: solid;
  }
  img.prew_img_summary{
    width: 50%!important;
    float: left;
  }
}

div.prew_img_summary{
  display: flow-root;
}

img.logo {
  height:30px
}

img.buner{
  width: 155px;
  padding: 10px;
}

.BigBunerCaption{
    border-style: solid;
    background-color: gray;
    border-radius: 1rem;
}

/*============================
       NEWS
  ============================*/

div.news_block{
/*  border-bottom-color: black;*/
/*  border-bottom-style: dashed;*/
/*  border-bottom-width: 2px;*/
  padding-bottom: 1rem;
  margin-top: 2rem;
}

/*============================
       TAGS
  ============================*/

div.tag {
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 2px;
}