/**
 * Copyright © Magefan (support@magefan.com). All rights reserved.
 * Please visit Magefan.com for license details (https://magefan.com/end-user-license-agreement).
 *
 * Glory to Ukraine! Glory to the heroes!
 */
.blog-post-view .page-title-wrapper .page-title {
  display: none;
}
.blog-post-view .custom-menu{
  position: relative;
  z-index: 1;
}
.viva-title{
  width: 100%;
  height: 450px;
  text-align: center;
  font-size: 122px;
  font-family: 'Dolis';
}
.viva-title img{
  width: 150px;
}
.celebrate-title{
  font-size: 122px;
  font-family: 'Dolis Dark';
  color: black;
  /* z-index: 10; */
  font-weight: 700;
  text-shadow: 1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 1px #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;
  width: 100%;
  height: 450px;
  text-align: center;
  letter-spacing: .09em;
  display: flex;
  justify-content: center;
}
.celebrate-title .lvl1{
  text-shadow: 1px 0 0 #fff,-1px 0 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;
}
.celebrate-title .lvl2{
  top: 0 ;
  left: 0;
  white-space: nowrap;
}

.celebrate-title .lvl2-container{
  position: relative;
}

.celebrate-title .lvl2.red{
  position: absolute;
  color: red;
  top: 5px;
  left: 2px;
  font-family: 'Sierra Irregular';    
}
.celebrate-title .lvl2.white{
  color: white;
}

@media only screen and (max-width: 1440px) {
  .celebrate-title,
  .viva-title{
    height: 445px;
    font-size: 95px;
  }
  .viva-title img{
    width: 120px;
  }
}
@media only screen and (max-width: 1180px) {
  .celebrate-title,
  .viva-title{
    height: 365px;
    font-size: 90px;
  }
  .viva-title img{
    width: 110px;
  }
}
@media only screen and (max-width: 1024px) {
  .celebrate-title
  .viva-title{
    height: 352px;
    font-size: 75px;
  }
  .viva-title img{
    width: 95px;
  }
}
@media only screen and (max-width: 991px) {
  .celebrate-title{
    font-size: 70px;
  }
}
@media only screen and (max-width: 820px) {
  .celebrate-title,
  .viva-title{
    font-size: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .celebrate-title,
  .viva-title{
    font-size: 55px;
  }
  .viva-title img {
    width: 90px;
  }
}

@media only screen and (max-width: 630px) {
  .celebrate-title{
    font-size: 50px;
  }
}
@media only screen and (max-width: 573px) {
  .celebrate-title{
    font-size: 45px;
  }
}
@media only screen and (max-width: 415px) {
  .celebrate-title,
  .viva-title {
    height: 128px;
    font-size: 30px;
  }
  .viva-title img {
    width: 60px;
}
}

@media only screen and (max-width: 375px) {

  .viva-title img {
    width: 55px;
  }
  .celebrate-title,
  .viva-title {
    font-size: 27px;
  }
}
@media only screen and (max-width: 320px) {
  .viva-title img {
    width: 50px;
  }
  .celebrate-title{
    font-size: 30px;
  }
  .viva-title {
    font-size: 22px;
  }
}