/* Author : Lukas Fischer - https://lukasf.cz =========================== */
/*

/* Global style =========================== */
*{padding:0;margin:0;}
html{}
img{border:none;} 
.cleaner{clear:both;height:1px;}
.f-left{float:left;} 
.f-right{float:right;}
.a-center{width:100%;text-align:center;}
.a-right{width:100%;text-align:right;}    
a{color:#1d1d1b;}
a:hover{text-decoration:none;}
.hidden{display:none;}
table{border-collapse: collapse;border-spacing: 0;}
.mobile{display:none;}
.cloneNav{display:none;}
*:focus {outline:none;}
.video-container{overflow:hidden;position:relative;width:100%;}
.video-container::after{padding-top:56.25%;display:block;content:'';}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
/**/
.wp-block-embed.wp-embed-aspect-16-9{margin:0 0 46px;}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper{overflow:hidden;position:relative;width:100%;}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::after{padding-top:56.25%;display:block;content:'';}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/* Layout style =========================== */
html{}

body{position:relative;margin:0;padding:0;background:#fff;font-family:'Roboto',sans-serif;font-weight:400;font-style:normal;font-size:15px;color:#000;}
body.subpage{background-image:url(../img/bg-subpage.jpg);background-position:50% 0;background-repeat:repeat-x;background-size:1920px auto;}
.container{position:relative;max-width:1180px;width:98%;padding:0 1%;margin:0 auto;}
.container::after{clear:both;content:" ";display:block;  }
 

/* Typography =========================== */
h1{font-size:44px;font-weight:100;line-height:44px;margin-bottom:40px;}
h2{margin:0 0 40px 0;padding:0 0 15px;font-size:32px;font-weight:200;line-height:42px;color:#e17280;letter-spacing:-0.25px;}
h2:after{content:'';display:block;width:100px;height:4px;border-radius:2px;background:#5e82a9;transform:translateY(12px);}
h3{margin:0 0 30px 0;padding:0 0 15px;font-size:36px;font-weight:200;line-height:42px;color:#5e82a9;letter-spacing:-0.25px;}
h3:after{content:'';display:block;width:100px;height:4px;border-radius:2px;background:#e17280;transform:translateY(12px);}
/**/
p{margin:0 0 46px;font-size:16px;line-height:24px;color:#4f5e6d;}
p a{color:#b42431;}

/* Buttons =========================== */
.button{
  position:relative;
  display:inline-block;
  padding:12px 18px;
  font-size:15px;
  font-weight:700;
  line-height:22px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:0.05px;
  transition: all .25s ease;
  border:0;
  outline:0;
  cursor:pointer;
}

.button.buttonSmall{padding:4px 8px;font-size:12px;}

/* button colors */
.button.buttonBlue{color:#fff;background:#5e82a9;}
.button.buttonBlue:hover{color:#fff;background:#374e67;}
/**/
.button.buttonPink{color:#fff;background:#e17280;}
.button.buttonPink:hover{color:#fff;background:#ac5661;}

/* Header =========================== */
header{
  position:relative;
  padding:12px 70px;
  display:flex;
  align-items: center;
  justify-content:space-between;
  margin:0 50px;
  width:calc(100% - 240px);
  background-color: rgba(255, 255, 255, 0.95);
  border-radius:70px;
  z-index:2;
}

body.home header{
  position:absolute;
  top:20px;
  left:0;
}

body.subpage header{
  margin-top:20px;
}

/**/
header .logo{
  position:relative;
  display:block;
  width:145px;
}

header .logo span.logo-text{
  display:block;
  position:absolute;
  top:15px;
  left:170px;
  width:230px;
  height:auto;
  font-family: 'Caveat', cursive;
  font-size:34px;
  line-height:36px;
  color:#e17280;
  transform: rotate(-5deg);
}

header .logo img{
  display:block;
  width:100%;
  height:auto;
}

/**/
header .right{
  display:flex;
}

header .right nav ul{

}

header .right nav ul{
  list-style:none;
  display:flex;
  align-items:center;
  height:100%;
}

header .right nav ul li{
  position:relative;
}

header .right nav ul li:after{
  display:block;
  position:absolute;
  top:50%;
  right:0;
  margin:-8px 0 0 0;
  content:'';
  width:2px;
  height:16px;
  background:#d2d3d3;
}

header .right nav ul li a{
  padding:5px 24px;
  margin:0 20px;
  font-size: 15px;
  font-weight:600;
  text-transform: uppercase;
  line-height: 0.401;
  text-decoration:none;
  color:#44484c;
  transition: all .25s ease;
}

header .right nav ul li.current-menu-item a, header .right nav ul li:hover a{
  color:#e07280;
}

/**/
header .social-site{
  padding:0 0 0 0px;
}

header .social-site ul{
  list-style:none;
  display:flex;
}

header .social-site ul li{
  margin:0 0 0 20px;
  height:32px;
  display:flex;
  flex-direction:column;
  justify-content: center;
}

header .social-site ul li a img{
  display:block;
  width:32px;
  height:auto;
  transition: all .15s ease-out;
}

header .social-site ul li:hover a img{
  transform: scale(1.20);
}

/**/
.headImage{
  position:relative;
  width:100%;
  overflow:hidden;
  z-index:1;
}

.headImage > img{
  position:relative;
  width:100%;
  height:auto;
}

.headImage > img.mobil-image{
  display:none;
}

.scrollButton{
  position:absolute;
  bottom:-41px;
  left:50%;
  margin:0 0 0 -50px;
  width:100px;
  height:100px;
  border-radius:100%;
  background:#fff;
  display:flex;
  justify-content: center;
  align-items: center;
  cursor:pointer;
}

.scrollButton img{
  width:34px;
  height:auto;
}

/**/
.homepage_section_1{
  background-image:url(../img/bg-makronky.png); 
  background-repeat:no-repeat;
  background-size:310px auto;
  background-position:150px 140px; 
}

.homepage_section_1 .container{
  display:flex;
}

.homepage_section_1 p:last-of-type{
  margin:0;
}

/**/
.homepage_section_2{
  background:#f6f8fa;
}

.homepage_section_2 .flex_container{
  display:flex;
}

/**/
.homepage_section_3{
  background:#fff7f8;
}

.blogPost{
  display:flex;
  flex-wrap: wrap;
}

.blogPost .postItem{
  display:block;
  text-decoration:none;
  padding:0 15px;
}

.blogPost .postItem .imageWrapper{
  position:relative;
  display:flex;
  flex-direction:column;
  height:200px;
  margin:0 0 14px;
  overflow:hidden;
}

.blogPost .postItem .imageWrapper > img{
  display:block;
  width:100%;
  height:auto;
  opacity:1;
  transition: all .25s ease;
}

.blogPost .postItem:hover .imageWrapper > img{
  opacity:0.80;
}

.blogPost .postItem .imageWrapper span{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  justify-content: center;
  align-items: center;
}

.blogPost .postItem .imageWrapper span img{
  width:90px;
  height:auto;
  display:block;
}

.blogPost .postItem .date{
  display:flex;
  align-items: center;
  margin:0 0 14px;
  font-size: 14px;
  color: rgb(49, 49, 52);
  font-style: italic;
  line-height: 18px;
}

.blogPost .postItem .date img{
  display:block;
  width:20px;
  height:auto;
  margin:0 10px 0 0;
  transform:translateY(-2px);
}

.blogPost .postItem h3{
  margin:0 0 14px;
  padding:unset;
  font-size:21px;
  color:rgb(94, 130, 169);
  text-decoration:none;
  line-height:27px;
  font-weight:700;
  min-height:54px;
}

.blogPost .postItem h3:after{
  display:none;
}

.blogPost .postItem:hover h3{
  text-decoration:none;
}

.blogPost .postItem p{
  margin:0 0 14px;  
}

/**/
footer{
  padding-bottom:0!important;
  background-image:url(../img/bg-makronky.png); 
  background-repeat:no-repeat;
  background-size:250px auto;
  background-position:1570px 294px; 
}

footer .container{
  display:flex;
}

footer p.account span{
  font-size:36px;
  font-weight:200;
  color:#00171d;  
}

p.account span{
  margin:-30px 0 0 0;
  display:block;
  font-size: 22px;
  font-weight: 200;
  text-decoration: none;
  color: #4f5e6d;
}

footer .contact ul{
  list-style:none;
}

footer .contact ul li{
  display:flex;
  padding:15px 0;
  align-items: center;
}

footer .contact ul li img{
  display:block;
  width:28px;
  height:auto;
  margin:0 10px 0 0;
}

footer .contact ul li a{
  display:block;
  foy�-s ??�20px;
  font-weight:200;
  text-decoration:none;
  color:#00171d;
  transition: all .25s ease;
}

footer .contact ul li a:hover{
  text-decoration:underline;
}

footer .qr-pay{
  display:block;
  margin:20px 0 0 0;
  width:auto;
  max-width:100%;
  height:auto;
}

/**/
.copyright{
  margin:74px 0 0 0;
  padding:36px 0;
  font-size:14px;
  color:#535c66;
  text-align:center;
  background:#fff7f8;
}

.copyright .container{
  display:block;
}

.copyright p{
  margin:0;
  font-size:14px;
  text-align:center;
  color:#535c66;
}

.copyright p span{
  display:inline-block;
  margin:0 8px;
}

.copyright p a{
  display:inline-block;
  color:#535c66;
}

.copyright p a img{
  display:inline-block;
  margin:0 0 0 8px;
  transform:translateY(3px);
}

/**/
form{
  position:relative;
}

form .text{
  display:block;
  width:calc(100% - 14px);
  height:54px;
  padding:0 5px;
  margin:0 0 14px;
  line-height:54px;
  font-size:15px;
  font-weight:200;
  border:solid 2px #efb4bb;
}

form .gdpr{
  display:flex;
  margin:0 0 14px;
  font-size:11px;
  color:#4f5e6d;
}

form .gdpr input{
  transform:translateY(1px);
  margin:0 5px 0 0;
}

form .searchButton{
  position:absolute;
  top:0;
  right:0;
  width:54px;
  height:54px;
  line-height:54px;
  overflow:hidden;
  text-indent:-200px;
  background-image:url(../img/icon-search.png);
  background-size:32px 32px;
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-color:#e38691;
  cursor:pointer;
  border:0; 
}

/* titleArea */
.titleArea{
  padding:52px 0 0 0;
}

.titleArea h1, .category_section_1 h1{
  margin:0;
  padding:0 0 15px;
  font-size:40px;
  line-height:52px;
  font-weight:700;
  color:#e17280;
}

.category_section_1 h1{
  margin:0 0 52px 0;
}

.titleArea h1:after, .category_section_1 h1:after{
  content:'';
  display:block;
  width:50px;
  height:2px;
  border-radius:1px;
  background:#5e82a9;
  transform:translateY(12px);
}

/* category_section_1 */
.category_section_1{


}

.category_section_1 .container{
  display:flex;
}

.searchArea{
  margin:0 0 40px;
}

.categoryArea{
  margin:0 0 40px;
}

.categoryArea a{
  display:block;
  position:relative;
  padding:9px 15px;
  font-size:20px;
  font-weight:300;
  line-height:24px;
  letter-spacing:-0.02rem;
  text-decoration:none;
  border-bottom:solid 1px #e0dedf;
  color:#5e82a9;
}

.categoryArea a:hover{
  color:#e38691;
}

.categoryArea a:before{
  content:'';
  display:block;
  position:absolute;
  top:20px;
  left:0;
  width:4px;
  height:4px;
  border-radius:1px;
  background:#e38691;
}

/* contant_section_1 */
.contant_section_1{

}

.contant_section_1 .container{
  display:flex;
}

.contant_section_1 .contact ul{
  list-style:none;
  margin:0 0 46px;
}

.contant_section_1 .contact ul li{
  display:flex;
  padding:15px 0;
  align-items: center;
}

.contant_section_1 .contact ul li img{
  display:block;
  width:28px;
  height:auto;
  margin:0 10px 0 0;
}

.contant_section_1 .contact ul li a{
  display:block;
  font-size:22px;
  font-weight:200;
  text-decoration:none;
  color:#4f5e6d;
  transition: all .25s ease;
}

.contant_section_1 .contact ul li a:hover{
  text-decoration:underline;
}

.contact-photo{
  width:100%;
  height:auto;
}

.contant_section_1 h5{
  display: block;
  margin:25px 0 0;
  font-size: 22px;
  font-weight: 200;
  text-decoration: none;
  color: #4f5e6d;
  transition: all .25s ease;
}

/**/
.contant_section_1 ul.social-site{
  list-style:none;
  margin:0 0 46px;
}

.contant_section_1 ul.social-site li{
  display:flex;
  padding:10px 0;
  align-items: center;
}

.contant_section_1 ul.social-site li img{
  display:block;
  width:20px;
  height:auto;
  margin:0 10px 0 0;
}

.contant_section_1 ul.social-site li a{
  display:block;
  font-size:20px;
  font-weight:200;
  text-decoration:none;
  color:#4f5e6d;
  transition: all .25s ease;
}

.contant_section_1 ul.social-site li a:hover{
  text-decoration:underline;
}

/**/
.right-content h2{
  font-size:36px;
  line-height:42px;
  margin:0 0 28px;
  color:#5e82a9;
}

.right-content h2:after {
  width: 70px;
  height: 4px;
  border-radius: 2px;
  background: #e38691;
}

/**/
.editor_content{}

.editor_content h2{
  margin:30px 0 30px 0; 
}

.editor_content h3{
  margin:30px 0 30px 0; 
}

.editor_content .wp-block-columns{
  column-gap: 40px;
}

.editor_content .wp-block-image figcaption{
  font-size:14px;
  font-style:italic;
}

.editor_content .wp-block-embed .is-provider-youtube{

}

.editor_content .wp-block-embed.is-provider-youtube .wp-block-embed__wrapper{
  overflow: hidden;
  position: relative;
  width:100%;  
}

.editor_content .wp-block-embed.is-provider-youtube .wp-block-embed__wrapper:after{
  padding-top: 56.25%;
  display: block;
  content: '';
}

.editor_content .wp-block-embed.is-provider-youtube .wp-block-embed__wrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* podcastArea */
.podcastArea{
  padding:20px;
  margin:0 0 50px;
  background:#f9dee2;
  border-radius:5px;
}

.podcastArea h2{
  margin:0 0 10px;
  color:#585b5f;
}

.podcastArea strong{
  display:block;
  font-size:18px;
  line-height:20px;
  font-weight:500;
  margin:0 0 10px;
  color:#585b5f;
}

.podcastArea audio{
  width:100%;
}

.podcastArea .buttonArea{
  width:100%;
}

.podcastArea .buttonArea{
  margin:25px 0 0;
}

.podcastArea .buttonArea a{
  display:inline-block;
  padding:8px 12px 6px;
  margin:0 4px 4px;
  font-size:14px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.5px;
  text-decoration:none;
  color:#fff;
  background:#e17280;
  border-radius:15px;
  transition: all .25s ease;
}

.podcastArea .buttonArea a:hover{
  color:#fff;
  background:#9b4d57;
}

.podcastArea .buttonArea a i{
  margin:0 5px 0 0;
}

.podcastArea .buttonArea a.itunes i{
  font-weight:400;
}

.is-provider-youtube{
	margin-bottom:46px;
}