/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 19/10/2024, 9:15:34 pm
    Author     : tristan
*/


@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.fade-in{

    animation: fadeIn 1s; 
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    -ms-animation: fadeIn 1s;
}

.fade-out{

    animation: fadeIn 1s; 
    animation-direction: reverse;
    -webkit-animation: fadeIn 1s;
    -webkit-animation-direction: reverse;
    -moz-animation: fadeIn 1s;
    -moz-animation-direction: reverse;
    -o-animation: fadeIn 1s;
    -o-animation-direction: reverse;
    -ms-animation: fadeIn 1s;
    -ms-animation-direction: reverse;
    animation-fill-mode: forwards;
}



.watercolournz-card{
    
    --bs-card-border-radius: 0;
    --bs-card-inner-border-radius: 0;
    --bs-card-border-color:"#fefefef";
    
}

    
    
.watercolournz-h5{
    font-weight: lighter;
    font-size: 1.0em !important;
}

.watercolournz-btn {
    text-decoration: none;
    background-image: url("../img/test_button.png");
    background-size: contain;
    padding: 20px;
}

.watercolournz-btn:hover {
    box-shadow: 2px 2px;
}

.watercolour_side_menu_button{
    

    padding-left:14px;
    padding-right:14px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.watercolour_active_button{
    
    background-image: url("../img/ui/side-menu-active.png");
    background-size: cover;
    background-position: 50% 50%;
    padding-left:14px;
    padding-right:14px;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* .watercolour_side_menu_button:hover{
    
    background-image: url("../img/ui/side-menu-active.png");
    background-size: contain;
    padding-left:14px;
    padding-right:14px;
    padding-top: 6px;
    padding-bottom: 6px;
} */



.watercolour_nz_body{
    
    background-image: url("../img/background.jpg");
    background-color: white;
}

.watercolour_nz_header{
    
    /* height:220px; */
    background-image: url('../img/background3.jpg');
    background-repeat: no-repeat;
    background-position: top center;
}

.watercolour_nz_content_container{
    
    max-width: 960px;
    
}

.watercolour_nz_primary_colour{
    
    color: #0096b3 !important;
    
}

.watercolour_nz_tertiary_colour{
    
    color: #CC5500;
    
}

.watercolour_nz_navbar-collapse {
    
    flex-grow: 0;
}

.watercolour_nz_list-unstyled{
    
    padding-left: 12px;
}


.watercolour_nz_button {
    
    --bs-btn-bg: #CC5500;
    --bs-btn-border-color: #CC5500;
    
    --bs-btn-active-bg: #CC5500;
    --bs-btn-hover-bg:  #CC5500;
    --bs-btn-hover-border-color:  #CC5500;
    
}

.watercolour_nz_primary_button {
    
    --bs-btn-bg: #086A87;
    --bs-btn-border-color: #086A87;
    
    --bs-btn-active-bg: #086A87;
    --bs-btn-hover-bg:  #086A87;
    --bs-btn-hover-border-color:  #086A87;
    color:white;
    min-width: 240px;
    
}

.watercolour_nz_primary_button:hover {
    
    --bs-btn-bg: #0b81a5;
    --bs-btn-border-color: #0b81a5;
    
    --bs-btn-active-bg: #0b81a5;
    --bs-btn-hover-bg:  #0b81a5;
    --bs-btn-hover-border-color:  #0b81a5;
    color:white;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /* text-shadow: 2px 2px 4px #000000; */
}

.watercolour_nz_card_button:hover {
    
    --bs-btn-bg:#cc5500cc;
    --bs-btn-border-color:#cc5500cc;
    
    --bs-btn-active-bg: #cc5500cc;
    --bs-btn-hover-bg:  #cc5500cc;
    --bs-btn-hover-border-color: #cc5500cc;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
    font-size:12px;color:white; 
    
}

.watercolour_nz_card_button {
    
    --bs-btn-bg:#cc5500b9;
    --bs-btn-border-color:#cc5500b9;
    
    --bs-btn-active-bg: #cc5500b9;
    --bs-btn-hover-bg:  #cc5500b9;
    --bs-btn-hover-border-color: #cc5500b9;
    font-size:12px;color:white; 
    
}



.watercolour_nz_footer_link{

   
    color: #086A87;
    font-weight: bold;
    font-size: smaller;
}

.watercolour_nz_footer_section{

   
    border-left: 1px solid #000000;
}

.watercolour_nz_footer_section h5{

   
    color: #CC5500;
    font-size: 16px;
}

h3{

    margin-top:6px;
    color: #CC5500;
    font-size: 18px;
}


.watercolour_paper_blend {
    /* same as before */
    /* background-image: url("../img/background.jpg");
   
    background-image: url("/WatercolourNZ/public/img/masks/test_blk.jpeg"); */
    color: rgba(0, 0, 0, 0.206);
    mix-blend-mode: overlay;

  }

.watercolour_nz_heading{
    
    color: #0096b3 !important;
    font-size: 26px;
    text-align: center;
}

.watercolour_nz_sub_heading{
    
    color: #0096b3 !important;
    font-size: 20px;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 6px;
}

.row ul{
    /* padding-left: 40px;
    margin-top:12px; */
}


/* Hide scrollbar for Chrome, Safari and Opera */
.hidden-scrollbar::-webkit-scrollbar {
display: none;
}
  
/* Hide scrollbar for IE, Edge and Firefox */
.hidden-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.watercolournz-list-link{

    color:#086A87;;
}



.watercolour_side_menu_expand_button{

    
    

}

.watercolour_side_menu_expand_icon{

    margin-left: -10px !important;
    font-size:1em;
    --bs-btn-color:black !important;
}

.watercolour_side_menu_expand_label{

    margin-left: -10px !important;
    padding-left: -10px !important;
    
}




.watercolournz_newsletter_title_text {

    margin-top:8px;
    color:#086A87;

}

.watercolournz_newsletter_cover_image{

    border:1px solid rgba(0, 0, 0, 0.116);
}

.watercolour-artist-profile-pic{

    height:180px;
    width:100%;
    object-fit: cover !important;  
    object-position: 50% 0%;

}


@media only screen and (max-width: 600px) {
    .watercolour-artist-profile-pic{

        
        width:100%;
        height: auto;
        object-fit: cover !important;  
        object-position: 50% 0%;
    
    }
    
  }

  .notification-box{


  border-radius: 8px;
  background: linear-gradient(
    135deg,
    rgba(0, 150, 179, 0.03) 0%,
    rgba(204, 85, 0, 0.03) 100%
  );
  border: 1px solid rgba(0, 150, 179, 0.15);
  box-shadow: 
    0 2px 8px rgba(0, 150, 179, 0.08),
    0 4px 16px rgba(204, 85, 0, 0.04);
  transition: all 0.4s ease;
  }

  .winner-banner {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  background: linear-gradient(
    135deg,
    #0096b3 0%,
    #00c4e8 40%,
    #CC5500 75%,
    #ff7a2e 100%
  );
  background-position: 50% 100%; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 200% 200%;
  animation: shimmer 3s ease infinite;
  display: inline-block;

  
}

@keyframes shimmer {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}