/*
Theme Name: Purple Bell Theme
Author: Your Name
Description: A custom theme for The Purple Bell
Version: 1.0
*/

.heading-gradient,
h2,
h3,
h4,
small {
    /*background-image: linear-gradient(to right, #50429a, #b54a94);            
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;*/
    color: #7691c5;
    /*filter: drop-shadow(1px 1px rgb(83, 76, 118));*/
}

ul#main-menu li:nth-child(3n+1) a,
ul#menu-primary-menu li:nth-child(3n+1), ul#menu-primary-menu-1 li:nth-child(3n+1) a {
    color: #7691c5;
}

ul#main-menu li:nth-child(3n+2) a,
ul#menu-primary-menu li:nth-child(3n+2), ul#menu-primary-menu-1 li:nth-child(3n+2) a {
    color: #50429a;
}

ul#main-menu li:nth-child(3n+3) a,
ul#menu-primary-menu li:nth-child(3n+3), ul#menu-primary-menu-1 li:nth-child(3n+3) a {
    color: #b54a94;
}



body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1,
h2,
h3,
h4 {
    font-family: "Bebas Neue", sans-serif;
}

html {
    font-size: 22px;
}

p {
    margin-bottom: 20px !important;
}

.upper-circles {
    opacity: 0;
}

@media only screen and (min-width: 1280px) {
    .upper-circles {
        opacity: 1
    }
}

button {
    background: #50429a !important;
    transition: all ease 0.3s;
}

button:hover {
    background: rgb(47, 39, 89) !important
}

.nav-link:hover {
    border-bottom: 1px solid #b54a94;
    transition: all ease 0.3s;
}

.nav-link.active {
    border-bottom: 2px solid #b54a94;
}

button.burger-toggle {background:white!important;}

/*.sticky-info *, #stickyHeader nav.sticky-nav-hori a {font-size:2vw;}
.sticky-info * {font-size:1vw;}*/

.sticky-info *, 
#stickyHeader nav.sticky-nav-hori a {
  font-size: clamp(0.875rem, 1.8vw, 1.5rem); /* min 14px, preferred 2vw, max 24px */
}

.sticky-info * {
  font-size: clamp(0.75rem, 1vw, 1.25rem); /* min 12px, preferred 1vw, max 20px */
}

.wpforms-field input {width:100%!important;}

.wpforms-container input {max-width:100%!important;}