/* custom styles */

.navbar {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
  position: fixed;
  width: 100%;
  font-size: 1.1rem;
}
.navbar.is-fixed-top {
  background-color: #fff !important;
}
.navbar-item,
.navbar-link {
  padding: 0.5rem 0.8rem;
}
.navbar-item.has-dropdown .navbar-link {
    padding-right: 3.5rem;
}
.navbar-link:after {
    right: 2rem;
}
@media screen and (min-width: 769px) {
  .navbar-brand:before {
    content: '';
    background: url('../img/logo_viaspirita_symbol.png') no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 10px 0;
    transition: all 0.25s;
  }
  .is-fixed-top .navbar-brand:before {
    width: 52px;
    height: 52px;
  }
  .navbar .navbar-brand .navbar-item {
    font-size: 2.4rem;
    padding-left: 1rem;
    transition: all 0.5s;
  }
}
.is-fixed-top .navbar-brand .navbar-item {
  font-size: 1.8rem;
}

.hero.is-small#slider {
  background: url(../img/pozadi_barevne_hero_slider.jpg) center center no-repeat;
}

.is-relative {
  position: relative;
}
.columns.is-variable .column {
  padding: var(--columnGap);
}

.column.is-medium {
  padding: 3rem;
}
.column.has-background {
  background-size: cover;
}
.card:hover {
  transition: all ease-in-out .3s;
}
.card:hover {
  box-shadow: 0 2px 10px hsla(0,0%,4%,.3),0 0 0 1px hsla(0,0%,4%,.1);
}

.button.is-background-transparent-blue {
  background-color: rgba(084, 115, 167, 0.7) !important;
}
.mfp-inline-holder .mfp-content {
  width: 80%;
}

.boltform label.required::after {
  display: none;
}
.is-required:after {
  position: absolute;
  font-size: 1.4rem;
  content: " *";
  color: #F00;
  font-weight: bold;
  right: 7px;
}

/* Semináře section */
section.section-01 {
  padding-bottom: 0 !important;
  margin-bottom: 1.2rem !important;
}
section.section-01 .card header {
  padding-top: 0.6rem;
}
section.section-01 .card .card-header-title {
  font-size: 2rem;
  line-height: 110%;
}
section.section-01 .card footer{
  padding-top: 0 !important;
}

section.section-01 .card .card-content {
  padding-bottom: 0.6rem ;
  padding-top: 0.6rem;
}
section.section-01 .card footer .content{
  margin-bottom: 1rem;
}

section.section-01 .card footer .content h4 {
  font-size: 1.4rem;
}
h1 span, h2 span, h3 span, h4 span {
  font-family: 'Open Sans';
  font-size: 80%;
}
.title.is-violet,
.subtitle.is-violet {
  color: #7F3A8C !important;
  font-weight: bold;
}

.reference .card-content h1,
.reference .card-content h2,
.reference .card-content h3,
.reference .card-content h4,
.reference .card-content h5,
.reference .card-content h6 {
  font-family: 'Open Sans';
  font-size: 0.9rem;
  color: #7F3A8C !important;
}

section.reference {
  background: rgba(84, 115, 167, 1) !important;
}
section.reference .card .button.is-link:hover {
  background: rgba(84, 115, 167, 1) !important;
}

.reference .card {
  background: rgba(255, 255, 255, .75);
}

h4.is-margin-top {
  margin-top: 1rem !important;
}

.carousel .carousel-navigation.is-overlay .carousel-nav-right {
  right: -0.5rem !important;
}
.carousel .carousel-navigation.is-overlay .carousel-nav-left {
  left: -0.5rem !important;
}

/* Typologie MBTI */
section #typologie-mbti.card {
  background: transparent;
}
section #typologie-mbti.card::before {
  content: "";
  background: url(../img/pozadi_modra.png) center center no-repeat;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
section #typologie-mbti.card .card-header-title a,
section #typologie-mbti.card footer .content h4{
  color: #216E90 !important;
}
section #typologie-mbti.card footer .button.is-primary {
  background-color: #216E90 !important;
}

/* Formativní hodnocení */
section #formativni-hodnoceni.card {
  background: transparent;
}

section #formativni-hodnoceni.card::before {
  content: "";
  background: url(../img/pozadi_cervena.png) center center no-repeat;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}

section #formativni-hodnoceni.card .card-header-title a,
section #formativni-hodnoceni.card footer .content h4 {
  color: #8E161F !important;
}

section #formativni-hodnoceni.card footer .button.is-primary {
  background-color: #8E161F !important;
}

/* Komplexní rozvoj lídršipu */
section #komplexni-rozvoj-lidrsipu.card {
  background: transparent;
}
section #komplexni-rozvoj-lidrsipu.card::before {
  content: "";
  background: url(../img/pozadi_zelena.png) center center no-repeat;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
section #komplexni-rozvoj-lidrsipu.card .card-header-title a,
section #komplexni-rozvoj-lidrsipu.card footer .content h4 {
  color: #6E9633 !important;
}
section #komplexni-rozvoj-lidrsipu.card footer .button.is-primary {
  background-color: #6E9633 !important;
}

/* Sebepoznání, rozkvétání ženy */
section #sebepoznani-cetbou-tancem-a-tvorbou.card {
  background: transparent;
}
section #sebepoznani-cetbou-tancem-a-tvorbou.card::before {
  content: "";
  background: url(../img/pozadi_fialova.png) center center no-repeat;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
section #sebepoznani-cetbou-tancem-a-tvorbou.card .card-header-title a,
section #sebepoznani-cetbou-tancem-a-tvorbou.card header h4,
section #sebepoznani-cetbou-tancem-a-tvorbou.card footer .content h4 {
  color: #463D7F !important;
}
section #sebepoznani-cetbou-tancem-a-tvorbou.card .card-header-title {
  padding-top: 0.6rem;
}
section #sebepoznani-cetbou-tancem-a-tvorbou.card footer .button.is-primary, 
section #sebepoznani-cetbou-tancem-a-tvorbou.card header .button.is-primary {
  background-color: #463D7F !important;
}
/* Logo s citátem */
section.section-02 {
  background-color: #fff;
  padding: 3rem 0;
}
section.section-02 .content h4 {
  margin-top: 1.5rem;
  margin-bottom: 0;
  color: #7F3A8C;
}
section.section-02 .content .text-block {
  margin-top: 3rem;
  margin-bottom: 0;
}
section.section-02 .content .text-block .is-normal {
  color: #949294;
}
section.section-02 .content .text-block .is-italic {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 12px;
}

/* Citát Dalajláma */
section.section-03 {
  background: url(../img/pozadi_barevne.jpg) center bottom no-repeat;
  padding: 4rem 0;
  margin-top: 4rem;
}
section.section-03 .column {
  background-color: rgba(255, 255, 255, .7);
  padding: 2rem;
  margin: 0 25rem;
}

.hero.is-info#kontakty {
  background: url(../img/pozadi_barevne.jpg) center center no-repeat;
}
.hero.is-info#kontakty .column .is-box.is-background-transparent-blue {
  background-color: rgba(084, 115, 167, 0.7) !important;
  width: 50%;
  padding: 1.2rem 1rem 1.6rem;
  margin-top: 0.7rem;
}

.front .has-text-right h3:after,
.front .has-text-right .h3:after {
  margin-left: calc(100% - 66px);
}
.is-kdo-jsme .column {
  padding-top: 120px;
}
.is-kdo-jsme .column .card-image {
  margin-top: -100px;
}
.is-peoples .column {
  padding-top: 120px;
}
.is-peoples .column .card-image {
  margin-top: -100px;
}
.is-refence .card-image {
  margin-top: -35px;
}
.is-refence .card-image .is-rounded{
  border-radius: 100%;
  padding: 10px;
  background: #d3dce8;
}

.carousel[data-size]:not(.carousel-animate-fade) .carousel-container .carousel-item {
  padding: 2.5em 1em 1em;
}

.title:not(.is-spaced)+.subtitle {
  margin-top: 0;
  margin-bottom: 2rem;
}

.is-font-openSans{
  font-family: 'Open Sans';
  font-weight: bold;
}

.card.is-margin-padding-less .card-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.card.is-margin-padding-less footer {
  padding-top: 0.5rem !important;
}

img.is-rounded,
#baguetteBox-overlay .full-image img {
  background-color: #fff;
}
.hero .hero-body h1.title, .hero .hero-body h2.subtitle {
  text-shadow: 0 0 10px rgba(0,0,0,.4),0 0 10px rgba(0,0,0,.4);
}

#slider .hero-carousel .carousel-container .carousel-item.has-background .is-background,
#slider .hero-carousel .carousel-container .carousel-item.has-background .is-background.top {
  -o-object-position: top center;
  object-position: top center;
}
#slider .hero-carousel .carousel-container .carousel-item.has-background .is-background.bottom {
  -o-object-position: bottom center;
  object-position: bottom center;
}
#slider .hero-carousel .carousel-container .carousel-item.has-background .is-background.center {
  -o-object-position: center center;
  object-position: center center;
}
#slider.hero-image,
#slider.hero-image.top {
  background-position: top center;
  min-height: 12rem;
}
#slider.hero-image.bottom {
  background-position: bottom center;
}
#slider.hero-image.center {
  background-position: center center;
}
#slider .hero-body .container {
  max-width: 95%;
}
#slider .hero-body h2.subtitle {
  font-weight: 400!important;
}
#slider .hero-body .has-text-weight-bold {
  font-weight: 800!important;
  text-shadow: 0 0 10px rgba(0,0,0,.6),0 0 15px rgba(0,0,0,.8);
}
.media .media:first-child {
  border-top: none;
  padding-top: 0;
}

.media .date.image {
  font-size: 1.2em;
  line-height: 100%;
  text-align: center;
}
.media .date.image strong {
  font-size: 1.2em;
  letter-spacing: 0.1em;
  display: block;
  width: 100%;
}

.tabs a {
  text-decoration: none;
}

.tab-content {
  transition: all 2.5s;
}
.hero.is-info .tabs a {
  border-bottom-color: #fff;
  margin-bottom: 0;
  opacity: .3;
}
.hero.is-info .tabs li.is-active a {
  opacity: 1;
}
.column .card {
margin-bottom: 0;
width: 100%;
}
.card-content h1, .card-content h2, .card-content h3, .card-content h4, .card-content h5, .card-content h6 {
line-height: 1.125;
margin-bottom: 0.8rem;
}

.section-page .content blockquote {
  background-color: rgba(0, 6, 152, 0.1);
  border-left: 5px solid rgba(0, 6, 152, 0.5);
}

.navbar-link.is-arrowless {
	padding-right:.75rem
}
.navbar-link.is-arrowless:after {
	display: none
}
.navbar-dropdown .navbar-dropdown.is-boxed {
  left: 40%;
  margin-top: -2rem;
}
.card-image.image img {
	border-radius: 0
}
.card footer {
  padding: 1.5rem;
}
.is-shady {
 display: inline-flex;
 border-top: 1px solid rgba(0,0,0,.1);
 box-shadow: 0 -2px 10px rgba(0,0,0,0.1),0 3px 30px rgba(0,0,0,.15);
 background: #FFFFFF;
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 999;
    opacity: .5
}
#return-to-top:hover {
    opacity: 1
}
.flex-video iframe {
  max-width: 100%;
  width: 100%;
}

.sidebar .menu ul {
  list-style: none;
}
.sidebar .menu-list {
  margin-left: 0;
}
.sidebar .menu-list a {
  text-decoration: none;
}
.sidebar .image {
  margin-bottom: 1.5rem;
}

/* Types */

/* Section-typologie */
.section-typologie-mbti h1,
.section-typologie-mbti h2,
.section-typologie-mbti h3,
.section-typologie-mbti h4,
.section-typologie-mbti h5,
.section-typologie-mbti h6 {
  color: #216E90;
}
.section-typologie-mbti .subtitle {
  color: #525051;
}
.section-typologie-mbti .card .card-content h4,
.section-typologie-mbti .card .card-content h4 a {
  color: #216E90;
}
.section-typologie-mbti .card footer .button.is-link,
.section-typologie-mbti .notification.is-primary {
  background-color: #216E90;
}

/* Section-hodnoceni */
.section-formativni-hodnoceni h1,
.section-formativni-hodnoceni h2,
.section-formativni-hodnoceni h3,
.section-formativni-hodnoceni h4,
.section-formativni-hodnoceni h5,
.section-formativni-hodnoceni h6 {
  color: #8E161F;
}

.section-formativni-hodnoceni .subtitle {
  color: #525051;
}

.section-formativni-hodnoceni .card .card-content h4,
.section-formativni-hodnoceni .card .card-content h4 a {
  color: #8E161F;
}

.section-formativni-hodnoceni .card footer .button.is-link,
.section-formativni-hodnoceni .notification.is-primary {
  background-color: #8E161F;
}

/* Section-rozvoj */
.section-komplexni-rozvoj-lidrsipu h1,
.section-komplexni-rozvoj-lidrsipu h2,
.section-komplexni-rozvoj-lidrsipu h3,
.section-komplexni-rozvoj-lidrsipu h4,
.section-komplexni-rozvoj-lidrsipu h5,
.section-komplexni-rozvoj-lidrsipu h6 {
  color: #6E9633;
}
.section-komplexni-rozvoj-lidrsipu .subtitle {
  color: #525051;
}
.section-komplexni-rozvoj-lidrsipu .card .card-content h4,
.section-komplexni-rozvoj-lidrsipu .card .card-content h4 a {
  color: #6E9633;
}
.section-komplexni-rozvoj-lidrsipu .card footer .button.is-link,
.section-komplexni-rozvoj-lidrsipu .notification.is-primary {
  background-color: #6E9633;
}

.section-komplexni-rozvoj-lidrsipu .card.first-cycles {
  background-color: rgba(110, 150, 51, 0.83);
}
.section-komplexni-rozvoj-lidrsipu .card.first-cycles p {
  color: #ffffff;
}

/* Section-sebepoznani */
.section-sebepoznani-cetbou-tancem-a-tvorbou h1,
.section-sebepoznani-cetbou-tancem-a-tvorbou h2,
.section-sebepoznani-cetbou-tancem-a-tvorbou h3,
.section-sebepoznani-cetbou-tancem-a-tvorbou h4,
.section-sebepoznani-cetbou-tancem-a-tvorbou h5,
.section-sebepoznani-cetbou-tancem-a-tvorbou h6 {
  color: #463D7F;
}
.section-sebepoznani-cetbou-tancem-a-tvorbou .subtitle {
  color: #525051;
}
.section-sebepoznani-cetbou-tancem-a-tvorbou .card .card-content h4,
.section-sebepoznani-cetbou-tancem-a-tvorbou .card .card-content h4 a {
  color: #463D7F;
}
.section-sebepoznani-cetbou-tancem-a-tvorbou .card footer .button.is-link,
.section-sebepoznani-cetbou-tancem-a-tvorbou .notification.is-primary {
  background-color: #463D7F;
}

.has-text-typologie-mbti {
  color: #216E90;
}
.has-text-formativni-hodnoceni {
  color: #8E161F;
}
.has-text-komplexni-rozvoj-lidrsipu {
  color: #6E9633;
}
.has-text-sebepoznani-cetbou-tancem-a-tvorbou {
  color: #463D7F;
}