/* Ogólne ustawienia */
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;  
}
html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}
body {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 1.6rem;    
}
.hero-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.507);
    z-index: -1;
}
.hero-shadow1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0d0d0d26;
    z-index: -1;
}
.nok-color {
    color: #020430;
}
.nok-color1 {
    color: #060a4c;
}

/* Nawigacja */
.navbar {
    background-color: #F8F9FA;
}
.navbar-brand {
    font-size: 2.7rem;
    font-style: bold;
    font-weight: 600;       
}
.navbar-brand-shortcut {
    display: none;
    padding-left: 10px;
}
.logo {
    height: 5rem;
    width: 5rem;
}
.nav-link, .navbar-toggler-icon {
    font-size: 1.8rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
    padding-left: 5px;    
}
.options {
    margin-top: 12px;
}
.nav-link:hover {
    cursor: pointer;
    background-color: rgb(185, 185, 185);
    color: rgb(17, 5, 40);
    transition: 1s;
}
.nav-item {
    padding: 4px;
}
.navbar-toggler {
    padding: 1em 2em;
    color:#c4c7dda8;
    background-color: #f6f6f9;
}
span.navbar-toggler-icon {
    color:#030324 ;
}

/* Home */
.home {
    position: relative;
    height: 60rem;
    background-image: url("../img/Tlo1.jpg"); /*Image by <a href="https://pixabay.com/users/sinnesreich-2779296/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=1762532">Manuela</a> from <a href="https://pixabay.com//?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=1762532">Pixabay</a>*/
    background-size: cover;
    background-position: center;
    z-index: 0;
    word-spacing: 0.5em;
    letter-spacing: 0.5px;
    background-color: #020430;
}
.home .btn {
    padding: 1rem 2rem;
    font-size: 1.4em;
    text-transform: uppercase;
}
.display-1 {
    padding-top: 50px;
}
.welcome-text {
    padding-bottom: 50px;
}
.home .welcome-text {
    font-size: 2.2rem;
}

/* Odstępy */

.break {
    height: 10 px;
    padding: 4rem;
    display: flex;
    justify-content: space-evenly;
    background-color: #F8F9FA;    
}
.social-media {
    padding: 4rem;
    display: flex;
    justify-content: space-evenly;
    background-color: #F8F9FA;
}
.social-media-icon {
    height: 3rem;
    width: 3rem;
}
#social_media1, #social_media2, #social_media3, #social_media4, #social_media5:hover {
    background-color: #F8F9FA;
}
/* Activity */
.aboutus-box h3 {
    font-size: 2.4rem;
    font-weight: bold;
    text-transform: uppercase;
    height: 110px;      
}
.aboutus-box h3::first-letter {
    font-size: 2.8rem;
}
.aboutus-icon {
    font-size: 4rem;
}
#NTK, #NKK {
    color:#020430;
    background-color: #F8F9FA;
}
#conferences, #poetry {
    background-image: url("../img/Tlo1.jpg");
}
.projects-button1 {
    text-decoration: none;
    color:#020430;
}
.projects-button1:hover {
    color: #878788;
}
.projects-button2 {
    text-decoration: none;
    color:#f9f9fa;
}
.projects-button2:hover {
    color: #878788;
}

/* Akordeon*/

.accordion-button {
    padding: 1em;
    font-size: 2.4rem;
    --bs-accordion-active-color: #03032e;
    --bs-accordion-btn-focus-border-color: #F8F9FA;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(5, 15, 31, 0.545);
    --bs-accordion-active-bg:#F8F9FA;
    --bs-accordion-btn-focus-bg-color: #03032e;
}
.accordion-body {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #050d4e;
    padding: 4rem;
    line-height: 1.5em;
    word-spacing: 0.5em;
    letter-spacing: 0.2px;
    font-size: 2rem;
    text-align: justify;
    text-indent: 40px;
    background-color:#F8F9FA;
}
#accordion-history {
    background-image: url("../img/Tlo3.jpg"); 
    padding: 6rem;
}
#history-title {
    background-color: #f6f6f9;
}
#author {
    color:#030324;
    /*background-color: #f6f6f9;*/
    font-size: 2.5rem;
    font-weight: 600;
    padding: 1rem;
}

/* Historia */
.btn-primary {
    background-color: #030324;
    padding: 4.5rem;
    margin: 2rem; 
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 2rem;
    height: 40px;
    width: 200px;
    line-height: 10%;
    --bs-btn-color: #F8F9FA;
    --bs-btn-bg: #030324;
    --bs-btn-border-color: #030324;
    --bs-btn-hover-color: #030324;
    --bs-btn-hover-bg: #F8F9FA;
    --bs-btn-hover-border-color: #F8F9FA;
    --bs-btn-focus-shadow-rgb: #030324;
    --bs-btn-active-color: #030324;
    --bs-btn-active-bg: #F8F9FA;
    --bs-btn-active-border-color: #030324;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #030324;
    --bs-btn-disabled-bg: #F8F9FA;
    --bs-btn-disabled-border-color: #030324;
    text-transform: uppercase;  
}
.btn-primary::first-letter {
    font-size: 3rem;
} 
.button-history:hover {
    background-color: #F8F9FA;
    color: #030324;
    transition: 2s;
}
.card-body h5 {
    text-align: left;
}
.card-body {
    color: #030324;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 2rem;
    padding: 3rem;
    margin-left: 3rem;
    margin-right: 3rem;
    text-align: justify;       
}
.card h1 {
    font-weight: 600;
    font-size: 2rem;
}
.basic-info {
    text-indent: 4rem;
}
#aboutus1 {
    scroll-margin-top: 120px;
}
.button-history1 {
    background-image: url("../img/Tlo1.jpg"); 
    text-decoration: none;
    padding: 3rem;
    margin: 2rem; 
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 1.5rem;
    height: 100px;
    width: 340px;
    transition: 2s;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.button-history1::first-letter {
    font-size: 2.2rem;
} 
/* Groby*/
.tombs {
    margin-left: 10rem;
    margin-right: 10rem;
    padding: 5rem;
    font-size: 2rem; 
    color: #05053e;
    background-color:#F8F9FA;
    line-height: 8rem;
}
.category-tomb {
    font-size: 2.5rem;
}

/*Projekty*/
.activity {
    background-color: #e2e5e8;
    padding-bottom: 4rem;
    background-image: url("../img/Stones2.jpg");   /*Image by <a href="https://pixabay.com/users/_alicja_-5975425/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=4830938">Alicja</a> from <a href="https://pixabay.com//?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=4830938">Pixabay</a>*/ 
}
.card {
    background-color: #efeff6; 
    color: #03032e;
    margin-right: 2rem;
    margin-left: 2rem;
    margin-top: 2rem;
    margin-bottom: 3rem;
    border: #dfdfebaf;    
}    
.card-img-top {
    padding: 2rem;
}
.card-title {
    font-size: 2rem;
    padding: 1rem;
    font-weight: bold;
    padding: 2rem;
}
.card-text {
    font-size: 1.5rem;
    text-align: justify;
    padding-bottom: 4rem;   
}
.activity-title {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #03032e;
    background-color: #f8f9fab8;
    padding: 5rem;
    line-height: 1.5em;
    word-spacing: 0.5em;
    letter-spacing: 0.5px;
    font-size: 3.4rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}
.btn-category {
    background-color: #030324;
    vertical-align: bottom;
    bottom: 20px;
    font-size: 2rem;
}
#conferences-description, #NKK-description, #online-campaigns, #pearls-description {
    padding: 7rem;
    scroll-margin-top: 90px;
}
#NTK-description, #NTK-description-container {
    background-color: #F8F9FA;
    scroll-margin-top: 120px;
}
#NTK-description {
    padding: 2rem;
}
#NTK-description-container {
    font-size: 2rem;
    padding: 3rem;
}
#NTK-hashtag {
    font-weight: 600;
}
.conferences-intro, .conferences-text{
    font-size: 2rem;
}
.btn-conferences {
    background-image: url("../img/Tlo1.jpg");
    padding: 2rem 3rem;
    color: #efeff6;
    margin: 2rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 2rem;
}
#NKK-description-container {
    background-color: #03032e;
    color: #efeff6;
    font-size: 2rem;
    padding-bottom: 3rem;
}
#NKK-description {
    color: #efeff6;
}
.btn-conferences2 {
    background-color: #ffffff;
    color: #020430;
    margin: 2rem;
    padding: 2rem 3rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 2rem;
}
#online-campaigns {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 2rem;
}
.hashtag-campaign {
    font-weight: 600;
}
#pearls-description {
    background-image: url("../img/Perly1.jpg"); /*Obraz <a href="https://pixabay.com/pl/users/bru-no-1161770/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=1016725"> Bruno /Germany</a> z <a href="https://pixabay.com/pl//?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=1016725"> Pixabay</a>*/    
}
#pearls-title {
    color:#020430;
    background-color: #ffffffcc;
    padding: 3rem;
}
#pearls-description-text {
    background-color: #ffffffcd;
    padding: 6rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 2rem;
    color: #020430;
}
#pearls-description1 {
    background-image: url("../img/Stones2.jpg");     
}
#pearls-description-text1 { 
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 3rem;
    color:#03032e;
    font-weight: 600;
    background-color: #ffffffa1;
}
    
/* Główny obrazek */    

.main-image {
    text-align: center;
    padding: 5rem;
    background-color: #03032e;
}
.main-image .img-fluid {
    border: 4px solid white;
    margin-top: 4rem;
    margin-bottom: 5rem;
}

/* Stopka */
.footer {
    background-color: #03032e;
    height: 350px;
    font-size: larger;
}
.contact {
    color:#F8F9FA;
    font-size: larger;   
}
.nav-link2 {
    margin-top: 40px;
    padding: 10px;
}
.tech {
    font-size: 2rem;
}
#copywright {
    color: #F8F9FA;
    background-color: #03032e;
    font-size: 1.8rem; 
}
a.names {
    text-decoration: none;
    color: #05053e;
    font-weight: 700;
}
a.names:hover {
    cursor: pointer;
    background-color: #020430;
    color: rgb(255, 255, 255);
    transition: 1s;
    padding: 0.1rem;
}
.voice {
    background-color: #020430;
    width: 100%;
}
#voice-of-women {
    padding: 7rem;
    width: 102.4rem; 
    height: 71.7rem;
}

/*Marta Cywińska*/ 

.profile-info {
    color:#ffffff;
    background-image: url(../img/Abstrakcja.jpg);
    margin-left: 5rem;
    margin-right: 5rem;
}
#profile-pic {
   margin-left: 10rem;
   margin-top: 7rem;
   margin-bottom: 2rem;
   opacity: 0.95;
   border: solid 30px #ffffffaa;   
}
.profile-text {
    padding: 3rem;
    font-size: 3rem;
    text-align: right;
    margin-left: 45rem;
    background-color: #030324; 
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.name-poet {
    color:#f6f6fa;
    font-weight: 600;
    background-color:#03032e;
    padding-bottom: 3rem;
}
.title-book {
    text-transform: uppercase;
    font-size: 6rem;
    padding-top: 5rem;
}
.book-info {
    background-color: #020430;
    color: #e2e5e8;
    text-align: center;
}
#book-cite1 {
    font-size: 3rem;
    padding: 5rem 15rem;
}
#book-cite2 {
    padding-bottom: 8rem;
    font-size: 3rem;
}
#book-pic1 {
    margin-top: 5rem;  
}
#book-pic2 {
    padding: 5rem;
    border: solid 10px #7e4b1cd3;
    margin-top: 8rem;
    margin-bottom: 8rem;
}
#book-cite3 {
    margin-left: 30rem;
    margin-right: 30rem;
    padding: 10rem;
    background-color: #7e4b1cd3;
    font-size: 3rem;
    color: #fcfeff;
}
#book-cite4, #book-cite5  {
    background-color: #020430;
    color: #e2e5e8;
    padding: 5rem;
    font-size: 3rem;
}
.book-picture3 {
    padding: 5rem;
    background-image: url(../img/Abstrakcja.jpg);
    margin-left: 5rem;
    margin-right: 5rem;
}
#book-pic3 {
    padding-top: 3rem;
}
.book-picture4 {
    background-color: #020430;
    color: #efeff6;
    margin-left: 15rem;
    margin-right: 15rem;
    margin-top: 5rem;
    padding: 5rem;
    font-size: 3rem;
}
.book-picture5 {
    background-color: #7e4b1cd3;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

/* Polityka prywatności*/

.privacy-policy {
    background-color: #030324;
    color: #F8F9FA;
    margin-left: 6rem;
    margin-right: 6rem;
    padding: 10rem;
}

/* Deklaracja */
.declaration-btn-area{
    background-color: #F8F9FA;
}
.declaration-btn {
    width: 200px;
    height: 60px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 2rem;
    padding: 2rem;
    margin: 3rem;
    text-align: center;
    line-height: 50%;
    text-decoration: none;
    background-image: url("../img/Tlo1.jpg");
    color:  #ffffff;
}
.declaration-btn:hover{
    background-color: #ffffff;
    color:#979797;
}
.declaration-content{
    margin-left: 12rem;
    margin-right: 12rem;
    margin-bottom: 12rem;
    padding: 10rem;
    font-size: 2.5rem;
    color: #02042b;
    text-align: justify;
}
#declaration-title, #declaration-title1{
    text-transform: uppercase;
}
#declaration-intro, #declaration-title, #declaration-title1{
    font-size: 4rem;
    text-align: center;
}
#point1, #point2, #point3, #point4, #point5, #point6,
#point7, #point8, #point9, #point10, #point11, #point12,
#point13, #point14, #point15 {
    scroll-margin-top: 120px;
}

/*Cookies*/

.hide{
    display: none;
}
.cookie-box{
    position: fixed;
    bottom: 0;
    padding: 2em;
    height: 200px;
    width: 100%;
    text-align: center;
    font-size: 2rem;
    background-color: #fff;
    opacity: 1;
    transform: translateY(100%);
    animation: show-cookies .5s .5s forwards;
}
.cookie-box::before{
    position: absolute;
    top: -280px;
    right: 50px;
    width: 400px;
    height: 400px;
    content: '';
}
.cookies-policy {
    font-size: 1.5rem;
    text-decoration: none;
    color: #e2e5e8;
}
.policy-link{
    color: #020430;
}
.policy-link:hover {
    color: #878788;
}
.cookies-policy:hover {
    color: #c5c5ca;
}
.cookie-btn{
    padding: 1.5rem;
    background-color:#050d4e;
    opacity: 1;
    color: #fff;
    transition: background-color .3s;
}
.cookie-btn{
    background-color: #040434;
}
@keyframes show-cookies {
    to {
        opacity: 0.9;
        transform: translateY(0);
    }
}