/*
Theme Name: Mann Child
Author: VamTam
Author URI: https://vamtam.com
Template: mann
*/



/*

put your child theme styles here


you don't need any @import rules

*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&family=Roboto:wght@400;700&display=swap');

/* .fixed-header-box {
  display: none;
}
#sub-header {
  display: none;
} */

.menu-wrap {
  position: absolute;
  top: 65px;
  top: 7.8%;
  /* right: 60px; */
  /* right: 3.125%; */
  left: 90.4%;
}
.menu-wrap ul {
  /* padding: 0; */
  /* margin: 0; */
  padding-bottom: 1px;
  list-style: none;
  position: relative;
}
.menu-wrap ul::before {
  content: "";
  position: absolute;
  left: -11px;
  width: 1px;
  height: 100%;
  border-left: 1px solid #000000;
}
.menu-wrap ul li {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  margin-bottom: 10px;
  cursor: pointer;
}
.menu-wrap ul li.active {
  font-weight: 900;
}
.menu-wrap ul li.active::before {
  content: "• ";
  color: #FDA301;
  position: absolute;
  left: -15px;
}
.menu-wrap ul li:hover {
  /* font-weight: 900; */
}
.menu-wrap ul li:hover::before {
  content: "• ";
  font-weight: 900;
  color: #FDA301;
  position: absolute;
  left: -15px;
}
.section-one {
  position: relative;
  /* height: 835px; */
  padding: 100px 53% 50px 80px;
  background: repeating-linear-gradient(120deg,
     #FDA301 0px,
     #FDA301 60%,
     white 50%,
     white
  );
}
.section-one #tematyczna-grafika {
  position: absolute;
  /* top: 160px; */
  top: 19.2%;
  /* right: 289px; */
  right: 15.05%;
  width: 28%;
}
.section-one .home-logo {
  margin-left: 30px;
}
.section-one h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 45px;
  line-height: 126.1%;
  margin-top: 170px;
  margin-bottom: 40px;
}
.section-one p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 162%;
  margin-bottom: 100px;
}

.section-two {
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: space-between;
  /* padding: 250px 213px 200px 120px; */
  padding: 250px 11% 200px 6.25%;
}
.section-two .img-box {
  flex: 0 0 40%;
  max-width: 40%;
}
.section-two .text-box {
  padding-left: 5.2%;
}
.section-two .text-box h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 43px;
  line-height: 52px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.section-two .text-box p {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 162.1%;
}
.section-two .text-box .p-bold {
  font-weight: 700;
  margin-bottom: 25px;
}
.section-two .text-box .p-mbt {
  font-weight: 600;
  margin-bottom: 80px;
}
.section-two .btn-blog {
  display: inline-block;
  width: 224px;
  padding: 12px;
  background: #FDA301;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #000;
  text-align: center;
  margin-right: 30px;
}
.section-two .btn-spotify {
  display: inline-block;
  width: 224px;
  padding: 12px;
  border: 1px solid #000000;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #FDA301;
  text-align: center;
}
.section-two .btn-spotify .fa-spotify {
  margin-left: 15px;
  color: #000;
  font-size: 24px;
  position: relative;
  top: 2px;
}














/* ============================================================================================================================== */
/* Style dla single page template */
#sub-header {
  border-top: none;
}
.meta-header {
  border-bottom: none;
}

.second-row {
  position: fixed;
  top: 3.91vw;
  right: 5.21vw;
  z-index: 1040;
}


#mega-menu-wrap-menu-header #mega-menu-menu-header {
  padding-bottom: 1px;
  list-style: none;
  position: relative;
}
#mega-menu-wrap-menu-header #mega-menu-menu-header::before {
  content: "";
  position: absolute;
  left: -11px;
  width: 1px;
  height: 100%;
  border-left: 1px solid #000000;
}
#mega-menu-wrap-menu-header #mega-menu-menu-header ul li {
  /* font-family: 'Montserrat', sans-serif; */
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  margin-bottom: 10px;
  cursor: pointer;
}
#mega-menu-wrap-menu-header #mega-menu-menu-header ul li.active {
  font-weight: 900;
}
#mega-menu-wrap-menu-header #mega-menu-menu-header ul li.active::before {
  content: "• ";
  color: #FDA301;
  position: absolute;
  left: -15px;
}
#mega-menu-wrap-menu-header #mega-menu-menu-header ul li:hover {
  /* font-weight: 900; */
}
#mega-menu-wrap-menu-header #mega-menu-menu-header ul li:hover::before {
  content: "• ";
  font-weight: 900;
  color: #FDA301;
  position: absolute;
  left: -15px;
}




/* .logo-wrapper .logo-tagline .logo

.logo-wrapper .logo-tagline .site-tagline


.meta-header-inside > .page-header h1 */



#sub-header {
  background-image: url('./img/header-bg.png');
  background-repeat: no-repeat;
  background-size: 74% 100%;
  /* background-color: orange !important; */
}
.meta-header-inside .logo {
  width: 45%;
}
.meta-header-inside .normal-logo {
  width: 100%;
  max-height: 100% !important;
}
.meta-header-inside > .page-header h1 {
  font-weight: 900;
  font-size: 57px;
  line-height: 126.1%;
  margin-top: 25px;
}
.meta-header-inside > .page-header h1 > span {
  font-weight: 400;
  font-size: 45px;
  line-height: 126.1%;
  display: inline-block;
  border-left: 1px solid #000;
  padding-left: 10px;
}
.fixed-header-box {
  display: none;
}







#mega-menu-wrap-menu-header.mega-menu-wrap {
  /* display: block !important; */
  position: absolute;
  top: 65px;
  /* top: 7.8%; */

  /* right: 60px; */
  right: 3.125%;
  /* left: 90.4%; */
  z-index: 20;
}
#mega-menu-wrap-menu-header.mega-menu-wrap #mega-menu-menu-header.mega-menu {
  /* padding: 0; */
  /* margin: 0; */
  padding-bottom: 5px;
  list-style: none;
  position: relative;
}
#mega-menu-wrap-menu-header.mega-menu-wrap #mega-menu-menu-header.mega-menu::before {
  content: "";
  display: block;
  position: absolute;
  left: -11px;
  width: 1px;
  height: 100%;
  border-left: 1px solid #000000;
}
/* #mega-menu-wrap-menu-header.mega-menu-wrap::before {
  content: "";
  position: absolute;
  left: -11px;
  width: 1px;
  height: 100%;
  border-left: 1px solid #000000;
} */
#mega-menu-wrap-menu-header.mega-menu-wrap #mega-menu-menu-header.mega-menu .mega-menu-item {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  margin-bottom: 10px;
  cursor: pointer;
  display: block;
  color: #000;
}
#mega-menu-wrap-menu-header.mega-menu-wrap #mega-menu-menu-header > li.mega-menu-item > a.mega-menu-link {
  height: 20px;
  line-height: 20px;
  color: #000;
}
#mega-menu-wrap-menu-header.mega-menu-wrap #mega-menu-menu-header > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
  color: #000;
  font-weight: 900;
}
#mega-menu-wrap-menu-header.mega-menu-wrap #mega-menu-menu-header > li.mega-menu-item.mega-current-menu-item::before {
  content: "• ";
  font-size: 30px;
  color: #FDA301;
  position: absolute;
  left: -15px;
  top: -2px;
  display: block;
  z-index: 25;
}



.menu-wrap ul li.active {
  font-weight: 900;
}
.menu-wrap ul li.active::before {
  content: "• ";
  color: #FDA301;
  position: absolute;
  left: -15px;
}
.menu-wrap ul li:hover {
  /* font-weight: 900; */
}
.menu-wrap ul li:hover::before {
  content: "• ";
  font-weight: 900;
  color: #FDA301;
  position: absolute;
  left: -15px;
}

















/*  */