@font-face {font-family:'Symbol'; src:url('/themes/custom/journaleight/fonts/CKAITSymbols-Regular.woff') format('woff'); font-weight:normal; font-style:normal;}

@font-face {font-family:'Raleway'; src:url('/themes/custom/journaleight/fonts/Raleway-Regular.woff') format('woff'); font-weight:normal; font-style:normal;}

@font-face {font-family:'Raleway'; src:url('/themes/custom/journaleight/fonts/Raleway-Bold.woff') format('woff'); font-weight:bold; font-style:normal;}

@font-face {font-family:'Raleway'; src:url('/themes/custom/journaleight/fonts/Raleway-Italic.woff') format('woff'); font-weight:normal; font-style:italic;}

@font-face {font-family:'Raleway'; src:url('/themes/custom/journaleight/fonts/Raleway-BoldItalic.woff') format('woff'); font-weight:bold; font-style:italic;}

@font-face {font-family:'RobotoSlab'; src:url('/themes/custom/journaleight/fonts/RobotoSlab-Regular.woff') format('woff'); font-weight:normal; font-style:normal;}

@font-face {font-family:'RobotoSlab'; src:url('/themes/custom/journaleight/fonts/RobotoSlab-Bold.woff') format('woff'); font-weight:bold; font-style:normal;}

/*Layout*/
.region-header,
.region-header-second,
.region-header-third {
  padding-top: 45px;
  padding-bottom: 5px;
}
@media (max-width: 991px) {
  .col-md-6 ~ .col-md-6 .region-header-second,
  .col-md-4 ~ .col-md-4 .region-header-second,
  .col-md-6 ~ .col-md-6 .region-header-third,
  .col-md-4 ~ .col-md-4 .region-header-third {
    padding-top: 5px;
  }
}
@media (max-width: 767px) {
  .region-header,
  .region-header-second,
  .region-header-third {
    padding-top: 5px;
  }
}
#navigation {
  position: absolute;
  bottom: 0;
  width: 100%;
}

#navigation>.container-fluid {
   background-color: rgba(0, 93, 168, 0.6);
}
body:not(.onscroll) #navigation-inside {
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
#page-intro > .container {
  background-color: #fff;
  z-index: 440;
}
#page-intro-inside {
  position: relative;
  margin-top: 20px;
}
#page > .container {
  z-index: 440;
}
#page > .container,
#page > .container-fluid {
  background-color: #fff;
}
#page-inside {
  padding-bottom: 30px;
}
#top-content {
  padding: 20px 0 0 0;
}
#top-content #slideshow {
  margin-right: -15px;
  margin-left: -15px;
}
#top-content + #main-content {
  padding-top: 10px;
}
.front #banner #slideshow {
  margin-top: 10px;
}
#main-content {
  padding-top: 45px;
}
#main-content > .row {
  overflow: hidden;
}
#highlighted {
  padding-bottom: 0;
  margin-bottom: 50px;
}
#footer {
  padding-top: 50px;
  padding-bottom: 25px;
}
#subfooter {
  padding-top: 15px;
  padding-bottom: 10px;
  background-color: #ffffff;
}
body.gray-content-background #subfooter {
  background-color: #f3f3f3;
}
@media (max-width: 767px) {
  #header-inside {
    padding-top: 10px;
  }
  /*Navigation Mobile Layout*/
  #navigation-inside {
    position: relative;
  }
  /*Fixed header position*/
  #navigation {
    /*position: static!important;*/
    top: auto;
  }
  #page,
  #page-intro {
    margin-top: 0!important;
  }
}
/*Regions*/
.colored-area {
  color: #fff;
}
.colored-area a {
  color: #fff;
  text-decoration: underline;
}
.colored-area a:hover,
.colored-area a:active,
.colored-area a:focus {
  color: #fff;
  text-decoration: none;
}
.footer-area {
  font-size: 14px;
  line-height: 1.57;
  color: #464646;
}
.subfooter-area {
  font-size: 13px;
}
.subfooter-area p {
  padding-bottom: 5px;
}
@media (max-width: 991px) {
  .subfooter-area { text-align: center; }
}
/*Verticaly centered Bootstrap grid*/
.row--xs-vcentered {
  font-size: 0;
}
.row--xs-vcentered>div{
  display: inline-block;
  vertical-align: middle;
  float: none;
}
@media (min-width: 768px) {
  .row--sm-vcentered {
    font-size: 0;
  }
  .row--sm-vcentered>div{
    display: inline-block;
    vertical-align: middle;
    float: none;
  }
}
@media (min-width: 992px) {
  .row--md-vcentered {
    font-size: 0;
  }
  .row--md-vcentered>div{
    display: inline-block;
    vertical-align: middle;
    float: none;
  }
}
@media (min-width: 1200px) {
  .row--lg-vcentered {
    font-size: 0;
  }
  .row--lg-vcentered>div{
    display: inline-block;
    vertical-align: middle;
    float: none;
  }
}
/*Boxed Width Layout*/
@media (min-width: 768px) {
  .boxed #page-container { margin-right: auto; margin-left: auto; position: relative; background-color: #fff; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;
  -moz-box-shadow: 0px 0px 50px #d7d7d7; -o-box-shadow: 0px 0px 50px #d7d7d7; -webkit-box-shadow: 0px 0px 50px #d7d7d7; box-shadow: 0px 0px 50px #d7d7d7; }
  .boxed #page-container { width: 750px; }
  .onscroll.boxed #page-container #header { width: 748px; }
}

@media (min-width: 992px) {
  .boxed #page-container { width: 970px; }
  .onscroll.boxed #page-container #header { width: 968px; }
}

@media (min-width: 1200px) {
  .boxed #page-container { width: 1170px; }
  .onscroll.boxed #page-container #header { width: 1168px; }
}

/* Custom */

ul.sf-menu .sf-sub-indicator {
    height: 18px;
    width: 18px;
}

ul.sf-menu.sf-style-blue li {
    margin-bottom: 1px;
}

.grad3a {
    background-size: 10px 10px !important;
}

body.pff-10 {
    font-family: 'Oswald', Trebuchet MS, Sans-serif !important;
    font-size: 18px;
}

.footer-area {
    color :#fff;
}

#subfooter .logo img {
    width: 100px;
}

ul.sf-menu.sf-vertical .sf-sub-indicator:after {
    font-size: 13px;
    padding-top: 5px;
}
/*
Header region
 */

#block-views-block-hp-slider-block-1 {
    padding: 0;
}
#header-inside .col-md-12 {
  padding: 0;
}

#header-inside .region-header{
  padding: 0;
}
/*
Levy sidebar - menu, kalendar
 */
#block-sidebarleftmenu ul.sf-menu.sf-vertical{
  width: 320px;
}

#block-views-block-kalendar-block-1 {
  float: right;
  width: 320px;
}

#block-views-block-kalendar-block-1 .view-header {
  background-color: #2875c5;
  color: #fff;
  line-height: 2;
}

#block-views-block-kalendar-block-1 .view-header h3 {
  font-size: 16px;
  padding: 0.8em;
  margin: 0;
}

#block-views-block-kalendar-block-1 .view-header .pager {
  margin: 2px 0;
}

#block-views-block-kalendar-block-1 .view-header .pager__item {
  margin: 0;
}

#block-views-block-kalendar-block-1 .calendar-calendar table thead {
  display: none;
}

#sidebar-first #block-views-block-kalendar-block-1 .view-header .js-pager__items{
  margin: 0;
  padding: 0;
  position: relative;
}

#block-views-block-kalendar-block-1 .view-header .pager__item--current {
  font-family: RobotoSlab;
  font-size: 16px;
  padding: 0 0 0 1em;
  font-weight: bold;
  float: left;
}

#block-views-block-kalendar-block-1 .view-header .pager__item--previous {
  float: left;
  position: absolute;
  right: 2.5em;
  top: 3px;
}

#block-views-block-kalendar-block-1 .view-header .pager__item--next {
  float: left;
  position: absolute;
  right: 1em;
  top: 3px;
}

#block-views-block-kalendar-block-1 .view-header .pager__item--previous a span{
  display: none;
}

#block-views-block-kalendar-block-1 .view-header .pager__item--previous a{
 background-color: rgba(255,255,255, 0.5);
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
}

#block-views-block-kalendar-block-1 .view-header .pager__item--previous a:after{
  display: block;
  font-family: Symbol;
  content: "←";
  color: #fff;
  line-height: 0.75;
}

#block-views-block-kalendar-block-1 .view-header .pager__item--next a span{
  display: none;
}

#block-views-block-kalendar-block-1 .view-header .pager__item--next a{
  background-color: rgba(255,255,255, 0.5);
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
}

#block-views-block-kalendar-block-1 .view-header .pager__item--next a:after{
  display: block;
  font-family: Symbol;
  content: "→";
  color: #fff;
  line-height: 0.75;
}




#block-views-block-kalendar-block-1 .calendar-calendar .days {
  border-right: 2px solid #fff;
  background-color: #2875c5;
}

#block-views-block-kalendar-block-1 .calendar-calendar tr {
  height: 2em;
  text-align: center;
  line-height: 2;
  font-family: RobotoSlab;
  background-color: #6e95bc;
  border-bottom: 2px solid #fff;
}

#block-views-block-kalendar-block-1 .calendar-calendar tr td.today{
  background-color: #3198fe;
}

#block-views-block-kalendar-block-1 .calendar-calendar .mini-day-off{
  color: #bbb;
}

#block-views-block-kalendar-block-1 .calendar-calendar .has-events a{
  color: #fff;
}

#block-views-block-kalendar-block-1 .calendar-calendar .mini {
  border-right: 2px solid #fff;
}


#navigation .container-fluid {
    padding: 0;
}

/*
Blok s novinkami v pravem sidebaru
 */

.sidebar-post {
  border-bottom: 2px solid #35495d;
  padding: 22px 22px 22px 10px;
}

.sidebar-post p {
  font-weight: 300;
}

.sidebar-post h2 {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  font-size: 22px;
}

#block-views-block-sidebar-novinky-block-1 {
  padding: 0;
}

#block-views-block-sidebar-novinky-block-2 {
  padding: 0;
}

.sidebar-posts-header {
    background-color: grey;
    padding: 11px;
}

.sidebar-posts-header h2 {
    padding: 0;
    margin: 0;
    font-size: 19px;
}

.hp-post-article {
  padding: 13px;
  border-bottom: 2px solid #b60000;
  background-color: white;
  /* box-shadow: 0px 24px 12px -5px rgba(0,0,0,0.31); */
  box-shadow: 0px 16px 12px -5px rgba(0,0,0,0.31);
  float: left;
  width: 100%;
  margin: 0 0 2em 0;
}

.hp-post-article .hp-post-top {
  width: 100%;
  float: left;
  color: grey;
  font-weight: 300;
  font-size: 14px;
  margin: 0 0 10px 0;
}

.hp-post-article .hp-post-top .ckait-label {
  float: left;
}

.hp-post-article .hp-post-top .hp-post-created {
  float: right;
}

.hp-post-article .hp-post-content {
  clear: both;
}

.hp-post-article .hp-post-title a {
  color: black;
  text-decoration: underline;
  font-weight: 500;
}
.hp-post-article .hp-post-title h3 a:hover {
  background-color: unset;
}


.hp-post-article .hp-post-body {
  font-weight: 500;
  padding: 0;
}

.hp-post-article .hp-post-thumb {
  float: left;
  margin: 0 18px 0 0;
}

/*
Calendar
 */

.calendar-calendar td {
  border: none;
  border-bottom: 1px solid black;
  color: #000;
  text-align: center;
}

.calendar-calendar .days {
  background-color: #1c4f83;
  color: #fff;
  text-align: center;
}

.calendar-calendar .has-events a {
  font-weight: 900;
  text-decoration: none;
  color: #1c4f83;
}

#ckait-logo {
  position: absolute;
  z-index: 1;
  left: 5%;
}

h1, h2, h3, h4 {
  font-family: RobotoSlab !important;
}

.komora {
  font-size: 1.25em;
  line-height: 1.9em;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

#pre-header .site-header__content{
  position: relative;
  width: 70%;
  height: 2.5em;
  margin: 0 auto;
  height: 100%;
}

ul.sf-menu.sf-style-blue {
  float: right;
}

@media (max-width: 994px){
  .komora {
    font-size: 12px;
    line-height: 3.1em;
    font-weight: normal;
    margin: 0;
    padding: 0;
  }
}

.ckait-logo {
  position: absolute;
  display: block;
  left: 20%;
  top: 20%;
  width: 10em;
  height: 10em;
  color: white;
  background: rgba(28,79,131,.9);
  display: block;
  z-index: 2;

}

.ckait-logo:hover {
  color: #d2961e;
}

.ckait-logo::after {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  content: "℠";
  text-align: center;
  font: 8em / 1.25 Symbol;
}

.ckait-logo span {
  display: none;
}

#ckait-logos {
  text-align: center;
}

#ckait-logos img {
  margin: 0 3em 0 3em;
}