/*
 Theme Name:   Dialoghub vatshaker Child
 Description:  vatshaker Theme
 Author:       Joscha Schmidt
 Author URI:   https://dialoghub.io
 Template:     dialoghub
 Version:      1.4.18
 Text Domain:  dialoghub
*/


html {
  font-size: 16px;
}

body {
  color: #000 !important;
}

.exbold {
  font-weight: 800 !important;
}

/* .text__mega {
  font-weight: 400 !important;
} */


.full_height {
  height: 100%;
}


body.blue_bg {
  background-color: #0041F2;
  background-image: url('vembex-blue-hero-bg.svg');
  background-size: cover;
}

.blue_bg {
  background-color: #0041F2;
  background-image: url('vembex-blue-hero-bg.svg');
  background-size: cover;
}

.bg__blue_dark {
  background-color: #131A35;
  background-image: url('dist/images/vembex-blue-bg-dark.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.bg__blue_dark_mirror {
  background-color: #131A35;
  background-image: url('dist/images/vembex-blue-bg-dark-mirrored.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.bg__green_dark_mirror {
  background-color: #13352e;
  background-image: url('dist/images/vembex-green-bg-dark-mirrored.png');
  background-size: cover;
  background-repeat: no-repeat;
}


.hero_diamonds {
  background-image: url('dist/images/hero-bg.svg');
  background-size: cover;
  background-size: 100%;
  background-position: bottom center;
  background-repeat: no-repeat;
}

/* background-image: url('dist/images/bartender-searching-vat-ids-vs.jpg'); */
.vatshaker_hero {
  background-image: url('dist/images/minimal-hero-shaker.jpg');
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}

.pic_happy_tender_index_up {
  background-image: url('dist/images/bartender-moving-index-up.jpg');
  background-position: 32% center;
  background-size: cover;
}

/* background-image: url('dist/images/bartender-shaking-a-big-colorful-cocktail.jpg');
background-image: url('dist/images/bartender-shaking-a-big-cocktail.jpg'); */
.pic_happy_tender_shaking_big_cocktail {
  background-color: #0041F2;
  background-image: url('dist/images/bartender-shaking-a-big-colorful-cocktail-less-zoom.jpg');
  background-position: center center;
  background-size: cover;
}


/* Header */
.page_header_wrapper {
  background-color: #fff !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.25) 0%, rgba(230,235,240,0.95) 100%);
  color: #131A35 !important;
  transition: background .2s linear !important;
}

.menu_burger_icon .lines:after,
.menu_burger_icon .lines:before,
.lines {
  transition: background-color .4s linear !important;
}

.page_header_wrapper .menu li a,
.page_header_wrapper .menu li.list__item a.list__item_link {
  /* transition: color .4s linear !important; */
}

body.home_header .page_header_wrapper {
  background: transparent !important;
  color: #fff !important;
}

body.home_header .menu_burger_icon .lines:after,
body.home_header .menu_burger_icon .lines:before,
body.home_header .lines {
  background-color: #fff;
}

body.home_header .page_header_wrapper .menu li a,
body.home_header .page_header_wrapper .menu li.list__item a.list__item_link {
  color: #fff !important;
}




.section_pic_circle {
    border-radius: 100%;
    width: 200px;
    height: 200px;
}

@media (min-width: 768px) { /* Ab medium */
    .section_pic_circle {
        width: 300px;
        height: 300px;
    }
}

@media (min-width: 1024px) { /* Ab large */
    .section_pic_circle {
        width: 500px;
        height: 500px;
    }
}

/* Optional: Styles für huge und mega */
@media (min-width: 1400px) { /* Ab huge */
    .section_pic_circle {
        width: 600px;
        height: 600px;
    }
}

@media (min-width: 1920px) { /* Ab mega */
    .section_pic_circle {
        width: 800px;
        height: 800px;
    }
}



.event_home .page_header_wrapper {
  background-color: transparent !important;
}
.event_home .header_logo {
  visibility: hidden;
}
.event_home .main_menu_box {
  color: rgba(255, 255, 255, .5);
}
/* .event_home */
.event_home_move_logo {
  top: -4rem;
  position: relative;
  left: 8rem;
  width: 500px;
}

.opac_0 {
  opacity: 0;
}

.anim_block_1 .anim_text {
  right: -2rem;
  position: relative;
}

.anim_block_2 .anim_text {
  display: block;
  top: -2rem;
  position: relative;
}

.anim_block_2 .material-icons-round {
  font-size: 2rem;
}

.anim_block_3 .anim_text {
  /* display: block; */
  top: -2rem;
  position: relative;
}

.anim_block_3 h1 {
  color: #fff;
}

.page_content {
  min-height: calc(100vh - 73px);
}

@media (min-width: 768px) {
  html {
    font-size: 18px;
  }
}

/* HERO */
.hero {
  padding: 5rem 1rem;
  /* padding-bottom: 5rem; */
}

@media (min-width: 768px) {
  .hero {
    padding: 8rem 1rem;
    /* padding-bottom: 14rem; */
  }
}

@media (min-width: 1024px) {
  .hero {
    padding: 14rem 1rem;
    /* padding-bottom: 14rem; */
  }
}


/* .box__dragndrop,
.box__uploading,
.box__success,
.box__error {
  display: none;
} */

.icon__loading {
  animation: rotate 2s infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.box__dark_blue {
  background-color: #121a35;
}