/*!
 * Start Bootstrap - Creative v5.1.8 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');






:root, [data-bs-theme="light"] {
    --bs-font-sans-serif: "Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    /*--bs-primary: #6610f2;
    --bs-primary-rgb: 102, 16, 242*/
    --bs-bg-dark:#131C26;
    --bs-dark-rgb:19,28,38;
    --bs-body-color:#371215;
    --bs-body-color-rgb:19,28,38;
    --bs-primary:#56848a;
    --bs-primary-rgb: 86,132,138;
}


body,
html {
  width: 100%;
  height: 100%;
  background: #FFF;
}

.text-white-75 {
  color: rgba(255, 255, 255, .85);
}

.text-white-50{
  color: rgba(255, 255, 255, .75);
}

hr.divider {
  max-width: 3.25rem;
  border-width: 0.2rem;
  border-color: #fff;
  margin:auto;
}

hr.light {
  border-color: #fff;
}


.btn-outline-primary {
    --bs-btn-color:#371215;
    --bs-btn-border-color:rgba(var(--bs-body-color-rgb),0.3);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg:rgba(var(--bs-body-color-rgb),0.5);
    --bs-btn-hover-border-color:#371215;
    --bs-btn-focus-shadow-rgb: 30,55,153;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg:#371215;
    --bs-btn-active-border-color:#371215;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color:#371215;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color:#371215;
    --bs-gradient: none;
    background: rgba(255,255,255,0.5);
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #46747a;
    --bs-btn-hover-border-color: #46747a;
    --bs-btn-focus-shadow-rgb: 64,85,168;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #182c7a;
    --bs-btn-active-border-color: #172973;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-lg, .btn-group-lg>.btn {
    --bs-btn-padding-y: 1rem;
    --bs-btn-padding-x: 3rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg);
    
}

.page-section {
  padding: 3rem 0;
}

#mainNav {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #FFF;
  transition: background-color 0.5s ease-in-out;
}

@media (min-width: 1200px){
  #mainNav{
    background: transparent;
  }
}
.navbar-collapse{
  background: #fff;
  padding-left: 0.75rem;
  padding-bottom: 0.75rem;
  border-radius: 10px;
}

h1,h2,h3,h4,h5{
  font-family:"Patrick Hand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  line-height: 1.5;
}

#mainNav .navbar-brand {
  font-family: "Patrick Hand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  color: rgba(0, 0, 0, 0.7);
}

#mainNav .navbar-nav .nav-item .nav-link {
  color: #6c757d;
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  padding: 0.75rem 0;
}

#mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link:active {
  color: var(--bs-primary);
}

#mainNav .navbar-nav .nav-item .nav-link.active {
  color: var(--bs-primary); !important;
}

@media (min-width: 992px) {
  #mainNav {
    box-shadow: none;
    background-color: white;
  }

  #mainNav .navbar-brand {
    color: rgba(0, 0, 0, 0.7);
  }
  #mainNav .navbar-brand:hover {
    color: #000;
  }
  #mainNav .additional-logo img{
    height: 3rem;
  }
  #mainNav .navbar-nav .nav-item .nav-link {
    color: rgba(0, 0, 0, 0.7);
    padding: 0 1rem;
  }
  #mainNav .navbar-nav .nav-item .nav-link:hover {
    color: #000;
  }
  #mainNav .navbar-nav .nav-item:last-child .nav-link {
    padding-right: 0;
  }
  #mainNav.navbar-scrolled {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    background-color: #fff;
  }
  #mainNav.navbar-scrolled .navbar-brand {
    color: #212529;
  }
  #mainNav.navbar-scrolled .navbar-brand:hover {
    color: var(--bs-primary);
  }
  #mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link {
    color: #212529;
  }
  #mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link:hover {
    color: var(--bs-primary);
  }
  .navbar-collapse{
    background: transparent;
    padding: 0;
  }
}

header.masthead {
  background: #F7CEB4;
  position:relative;
  padding-top: 7rem;
  padding-bottom: calc(10rem - 72px);
  /*background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../img/bg-masthead.jpg");*/
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;


}

header.masthead h1 {
  font-size: 3.25rem;
  font-weight: 700;
}
header.masthead .text-muted{
/*  font-size: 1.75rem;*/
}


header img.header-logo{
  position: relative;
  text-align: center;
  z-index: 999;
  width: 50%;

}
header .header-title{
    position: relative;
    z-index: 999;
  }
header .header-title h2{
  position: relative;
  z-index:999;
  font-size: 2rem;
  font-weight: 400;
  color:rgba(var(--bs-body-color-rgb),0.8);
}
@media (min-width: 992px) {
  header img.header-logo{

  }
  header .header-title{
    position: relative;
    z-index: 999;
  }
  
}

@media (min-width: 992px) {
  header .header-title h2{
    font-size: 2.5rem;
  }
}


@media (min-width: 992px){
  header.masthead h1 {
    font-size: 3.25rem;
    font-weight: 700;
  }
  header.masthead .text-muted{
    font-size: 1.75rem;
  }
  header img.header-logo{
    position: relative;
    width: initial;
    text-align: center;
    z-index: 9999;

  }
}
@media (min-width: 1200px) {

  header .header-title h2{
    font-size: 4rem;
    font-weight: 400;
    
  }

}

header.masthead img.banner{
  height: 35vh;
  width: 35vh;
  object-fit:cover;
  box-shadow: 0 1.5rem 4rem rgba(0,0,0,0.4) !important;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

}
header.masthead{
  overflow: hidden;
}
header.masthead .banner-box{
  height: 70vh;
  width: 40vw;
  float:right;
}

header.masthead img.banner:nth-of-type(1){
  right:4vw;
  top:0;
  z-index: 2;
  position: absolute;
}
header.masthead img.banner:nth-of-type(2){
  right:15vw;
  top:15vh;
  height: 40vh;
  width: 40vh;
  z-index: 3; 
}
header.masthead img.banner:nth-of-type(3){
  right:3vw;
  top:40vh;
  z-index:1;

}
header.masthead img.banner:nth-of-type(4){
  right:32vw;
  top:43vh;
  height: 23vh;
  width: 23vh; 
  z-index:0;
}

header.masthead .bubble{
/*  background: rgba(var(--bs-primary-rgb), .2);*/
/*  border-radius: 50%;*/
    
/*  background-image: url('data:image/svg+xml,<svg id="Component_2_3" data-name="Component 2 – 3" xmlns="http://www.w3.org/2000/svg" width="477" height="189" viewBox="0 0 477 189"><ellipse id="Ellipse_1" data-name="Ellipse 1" cx="114" cy="94.5" rx="114" ry="94.5" fill="%23fae6d9"/><circle id="Ellipse_2" data-name="Ellipse 2" cx="88" cy="88" r="88" transform="translate(151)" fill="%23fae6d9"/><circle id="Ellipse_3" data-name="Ellipse 3" cx="94.5" cy="94.5" r="94.5" transform="translate(288)" fill="%23fae6d9"/><rect id="Rectangle_2" data-name="Rectangle 2" width="269" height="55" transform="translate(105 134)" fill="%23fae6d9"/></svg>');*/
  position: relative;
  z-index: 1;
}


  header.masthead .bubble:nth-of-type(1){
  height: 20vw;
  width: 20vw;
  right:0vw;
  top:28vw;
  
  }
  header.masthead .bubble:nth-of-type(2){
    height: 26vw;
    width: 26vw;
    right:35vw;
    top:16vw;

  }
  header.masthead .bubble:nth-of-type(3){
    height: 25vw;
    width: 25vw;
    right:23vw;
    top:45vw;
  }
  header.masthead .bubble:nth-of-type(4){
    height: 15vw;
    width: 15vw;
    left:0vw;
    bottom:28vw;
    
  }
  header.masthead .bubble:nth-of-type(5){
    height: 29vw;
    width: 29vw;
    left:35vw;
    bottom:16vw;

  }
  header.masthead .bubble:nth-of-type(6){
    height: 24vw;
    width: 24vw;
    left:23vw;
    bottom:55vw;
  }
  header.masthead .bubble:nth-of-type(7){
    height: 40vw;
    width: 40vw;
    right:0vw;
    bottom:0vw;
    background: #EBBCA1;
    border-radius: 50%;
    z-index: 0;
  }

@media (min-width: 992px)
{

  header.masthead .bubble:nth-of-type(1){
    height: 40vh;
    width: 40vh;
    right:0vw;
    top:28vh;
    z-index: ;
  }
  header.masthead .bubble:nth-of-type(2){
    height: 30vh;
    width: 30vh;
    right:35vw;
    top:16vh;

  }
  header.masthead .bubble:nth-of-type(3){
    height: 35vh;
    width: 35vh;
    right:23vw;
    top:45vh;
  }
  header.masthead .bubble:nth-of-type(4){
    height: 40vh;
    width: 40vh;
    left:0vw;
    bottom:28vh;
  }
  header.masthead .bubble:nth-of-type(5){
    height: 30vh;
    width: 30vh;
    left:35vw;
    bottom:16vh;

  }
  header.masthead .bubble:nth-of-type(6){
    height: 35vh;
    width: 35vh;
    left:23vw;
    bottom:55vh;
  }
  header.masthead .bubble:nth-of-type(7){
    height: 60vh;
    width: 60vh;
    right:0vw;
    bottom:0vh;
    background: #EBBCA1;
    border-radius: 50%;
    z-index: 0;
  }
}


#moutains {
  z-index: 100;
}

@media (min-width: 992px) {
  header.masthead {
    height: auto;
    min-height: 52rem;
    padding-top: 72px;
    padding-bottom: 50px;
    min-height: 100vh;
  }
  header.masthead h1 {
    font-size: 5.25rem;
  }
  header img.header-logo{
    position: relative;
    width: 50%;
    z-index: 999;
  }
}
.fadeIn {
  animation: fadeIn 2s ease-in-out;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fadeOut {
  animation: fadeOut 2s ease-in-out;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@media (min-width: 1200px) {
  header.masthead h1 {
/*    font-size: 2.25rem;*/
  }
}
.logo-ue{
  z-index:9;
}
.logo-fb{
  z-index: 1000;
}

.top-10{
  top: 5rem !important;
}

.top-30{
  top: 30% !important;
}


#onas{
  width: 100%;
  background: #a8c3bc;
  margin: 0vh 0 0 0;
  min-height: 75vh !important;
}
#kontakt{
  width: 100%;
  background: #EBBCA1;
  margin: 0vh 0 0 0;
  min-height: 75vh !important;
}
@media (min-width: 1200px) {
  #onas h2, #kontakt h2{
    font-size: 2.5rem;
  }
}
#onas p {
  font-size: 1.25rem;
}
#onas .box-about, #kontakt .box-about{
  opacity: 0;
}

#kontakt .form-submit p{
  margin: auto !important;
  padding-left: 4rem;
}
.logo-about{
  width: 10rem;
}
@media (min-width: 1200px) {
  .logo-about{
    width: 15rem;
  }
}

.logo-navbar {
  width: 4rem;
  margin: 0;
  padding: 0;
}











#portfolio .container-fluid {
  max-width: 1920px;
}

#portfolio .container-fluid .portfolio-box {
  position: relative;
  display: block;
}

#portfolio .container-fluid .portfolio-box .portfolio-box-caption {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  opacity: 0;
  color: #fff;
  background: rgba(244, 98, 58, 0.9);
  transition: opacity 0.25s ease;
  text-align: center;
}

#portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-category {
  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
}

#portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-name {
  font-size: 1.2rem;
}

#portfolio .container-fluid .portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}

#navbar-page{
  top: 6rem;
  border-right:1px solid rgba(0,0,0,0.1);
}
#navbar-page .navbar-brand{
  font-weight: 700;
}
#navbar-page a{
  color:#333;
  padding: 0.3rem 1rem;
  position: relative;
}
#navbar-page a.active{
  border-left: 2px solid #6159e6;
  color: #6159e6;
  border-radius: 0;
  background: transparent;
  padding: 0.3rem calc(1rem - 2px);
}
#navbar-page a{
  color:#333;
}
#navbar-page a{
  display: list-item;
}

section#onas{
  background: #f2f6fc;
}
.section-divider{
  position: absolute;
  left: 0;
  bottom:-1px;
  height: 3vw;
  width: 100%;
  fill: #f2f6fc;
}
section, header{
  position: relative;
  padding: 5rem 0;
}
@media (min-width: 992px) {
  section, header{
    position: relative;
    padding: 5rem;
  }
}
p.link-word-wrap{
  word-wrap: break-word;
}
#news a{
  text-decoration: none;
}
#news .card .card-text p{
    overflow: hidden;
    height: 6rem;
}
#news .card .card-title{
    
    display: flex;
    min-height: 5rem;
    align-items: center;
    color: var(--bs-primary);
}

#news .card a .card-body{
    color: var(--bs-body-color);
}

@media (min-width: 992px) {
  #search-box{
    padding-left: 10px;
    padding-right: 10px;
  }
}
#content h2{
  padding-top: 5rem !important;
  padding-bottom: 1.5rem !important;
}
.header3{
  margin-left: 10px;
  font-size: 0.825rem;

}

.wp-block-image img{
  border-radius: var(--bs-border-radius) !important;
}
.wp-block-file:not(.wp-element-button) {
    font-size: 1rem !important;
}

  
@media (max-width: 992px){
  .has-large-font-size{
    font-size: 1.5rem !important;
  }
}
.nav-links .nav-next, .nav-links .nav-previous{
  display: inline-flex;
  justify-content: space-between;
  padding: 1rem 2rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  text-decoration: none;
  margin: 1rem;
}
/*.nav-links .nav-previous:before{
  content: "Poprzedni wpis: ";
  font-weight: 900;
  padding-right: 5px;
}
.nav-links .nav-next:before{
  content: "Następny wpis: ";
  font-weight: 900;
  padding-right: 5px;
}*/
.nav-links .nav-next a, .nav-links .nav-previous a{
  text-decoration: none;
}
.nav-links{
  display: flex;
  justify-content: space-between;
}