::-webkit-scrollbar {
    width: 3px;
	height:3px;
	 
}

::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background: #e5e5e55c;
	 
}
 
 

a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	opacity:90%;
	opacity:90%;
}

/* Custom default button */
.btn-custom{
	white-space: nowrap;
	font-family: "Concert One", sans-serif;
	background-color:#af5f10;
	text-shadow:#198754b31 px 1px 1px;
	color: #fff3cd;
	text-transform:uppercase;
	letter-spacing:.7px;
	  
}

.btn-custom:hover{
	 background-color:#af5f10a6 !important;
	 text-shadow:#03251591 1px 1px 2px;
	 color: #FFF !important;
     
}
.btn-custom:active{
	 background-color:#af5f10a6 !important;
	 text-shadow:#03251591 1px 1px 2px;
	 color: #fcf566bf !important;
     
}

.btn-custom-2{
	white-space: nowrap;
	 font-family: "Concert One", sans-serif;
	background-color:#dc5d85;
	text-shadow:#198754b31 px 1px 1px;
	color: #fff3cd;
	text-transform:uppercase;
	letter-spacing:.7px;
	  
}

.btn-custom-2:hover,
.btn-custom-2:active {
	 
	background-color:#fb6d9ad1;
	text-shadow:#03251591 1px 1px 2px;
	color: #FFF;
     
}



/*
 * Base structure
 */


.cover-container {
  max-width: 50em;
}


/*
 * Header
 */

 .nav-link {
  font-family: "Concert One", sans-serif;
  color: #FFF;
  border-radius:5pt!important;
  padding:15pt !important;
  padding-top:2pt !important;
  padding-bottom:2pt!important;
  font-size:16pt !important;
  background-color:#dc5d85;
  margin-left: .1rem;
  margin-right: .1rem;
  text-align:left;
  margin-bottom:5pt;
}

 .nav-link:hover,
 .nav-link:focus {
  color:#fff3cd;
  
}
 
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
 
 color:#fff3cd !important;
  
}

.small-xxx{
	font-size:9pt
}


.small-xxxx{
	font-size:8pt;
 
}



.blured-15{ 
    backdrop-filter: blur(25px);
	background-color:#2174185c;
 
} 


.modal-backdrop {
	background:transparent !important;
	backdrop-filter: blur(10px);
	opacity:1 !important;
}

.modal-title{
	  font-family: "Concert One", sans-serif;
	  color:#af5f10
}

.modal-footer, .modal-header{
	border:none;
}
.modal-bg-custom{
	border-color:rgba(255, 255, 255, 0.0);
	background: transparent;
  
}

 
.modal .form-div {
	 border:1px solid rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255,0.3);
	 backdrop-filter: blur(10px);
	 
} 

.modal-small-header{
    text-transform:uppercase;
    font-weight: 600;  
	font-style: normal;
	text-align:left;
	font-size:.8rem;
	line-height: 1;
	letter-spacing:1pt;
	color:#954a01;
	text-align:left;
	margin-left:2pt
}
 
 
.modal .form-group {
	 border-color:rgba(255, 255, 255, 0.1);
	 color:#FFF !important;
     background-color: rgba(69, 126, 65,0.81);
	 backdrop-filter: blur(10px);
} 

.modal .form-group .form-label {
	color:#FFF !important;
	letter-spacing:1pt;
	font-size:.81rem !important;
    color:#FFF;
    background-color: rgba(69, 126, 65,0.81);
	margin:0;
	line-height:1.5;
	 
	 
} 

.modal .form-group  .form-control{
    border-color:rgba(255, 255, 255, 0.1);
	color:#FFF !important;
    background-color: transparent;
	backdrop-filter: blur(10px);
     
}  


.modal .form-floating .form-select{
	 border-color:rgba(255, 255, 255, 0.1);
	 color:#FFF !important;
     background-color: rgba(69, 126, 65,0.81);
	 backdrop-filter: blur(10px);
} 


.modal .form-floating  .form-control{
   border-color:rgba(255, 255, 255, 0.1);
	color:#FFF !important;
    background-color: rgba(69, 126, 65,0.81);
	backdrop-filter: blur(10px);
     
}  


.modal .form-floating  > label {
	color:#FFF !important;
	letter-spacing:1pt

   
}  
 
 
.modal  .form-floating {
	
  > .form-control:focus,
  > .form-control:not(:placeholder-shown),
  > .form-control-plaintext,
  > .form-select{
    ~ label {
	   
      color:#FFF;
    &::after {
	
	  background-color: rgba(69, 126, 65,0.81);
	  }
	  }
	  }
  
} 
  
 

.offcanvas-backdrop {
	background-color:#dfdfdf61 !important;
	backdrop-filter: blur(10px);
}

.offcanvas-backdrop.show{
	opacity:1;
}
.blured{
	 
	backdrop-filter: blur(5px);
 
}  

.card-bg-custom-top{
	border-color:rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.5);
     backdrop-filter: blur(10px);
	
}


.card-main-bg-custom{
	border-color:rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
	
}



.card-bg-custom{
	border-color:rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
	
}


.card-body-custom{
	border:1px solid rgba(255, 255, 255, 0.2);
    background: rgba(106, 132, 0,.5);
    ackdrop-filter: blur(10px);
	border-radius:5pt;
	
}



.card-small-header{
	text-transform:uppercase;
    font-weight: 600;
    font-style: normal;
	text-align:left;
	font-size:.8rem;
	line-height: 1;
	letter-spacing:1pt;
    color:#fff3cd;
	text-align:left;
	margin-left:2pt
}

.card-small-header-top{
    text-transform:uppercase;
    font-weight: 600;  
	font-style: normal;
	text-align:left;
	font-size:.8rem;
	line-height: 1;
	letter-spacing:1pt;
	color:#954a01;
	text-align:left;
	margin-left:2pt
}
 
 .card-farm-title{
	 font-family: "Concert One", sans-serif;
	 margin:0;
	 padding:0;	 
	 color:#fff3cd;
	 text-align:left;
 } 
.card-price{
	  font-family: "Dosis", sans-serif;
	   margin:0;
	 padding:0;	 
	  font-weight: 600;
	 color:#FFF;
	 text-align:left;
	 letter-spacing:.8pt
}

.card-price .sub{
	color:#fff3cd;
	font-size:8.5pt
}	



.task-icon {
  background-color:#FFF;
  width: 1.5rem;
  height:1.5rem;
  border-radius: .2rem;
}

.packs-icon {
   background-color:#FFF;
  width: 2rem;
  height:2rem;
  border-radius: .1rem;
}