@import "navbar.css";
@import "footer.css";
@import "index.css";

@import url('https://fonts.googleapis.com/css2?family=Biryani:wght@200;300;400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap');

:root{

    --mca-logo-light-green: #4BEFB2;
    --mca-logo-light-green-rgb: 75, 239, 178;
    --mca-logo-light-blue: #35C7F6;
    --mca-logo-dark-blue: #033CEE;

    --mca-logo-background-rgb: 29, 29, 27;

    --mca-palette-dark-grey: #464646;
    --mca-palette-dark-grey-rgb: 70, 70, 70;

    --mca-palette-light-grey: #AFAFAF;
    --mca-palette-light-grey-rgb: 175, 175, 175;

    --mca-palette-dark-green: #32966B;
    --mca-palette-dark-green-rgb: 50, 150, 107;

    --mca-palette-dark-blue: #032C91;
    --mca-palette-dark-blue-rgb: 3, 44, 145;

    --mca-brand-yellow: rgb(232, 173, 0);
    --mca-brand-orange: rgb(214, 73, 21);
    --mca-brand-red: rgb(183, 21, 71);
    --mca-brand-pink: rgb(188, 61, 134);
    --mca-brand-blue: rgb(0, 122, 141);
    --mca-brand-green: rgb(0, 119, 68);
    --mca-brand-grey: rgb(137, 149, 155);

    --mca-dark-text: #000000;
    --mca-light-text: #FFFFFF;
}

main *{
    font-family: 'Biryani';   
    font-weight: normal;
}

nav li{

    font-family: 'Biryani';   
    font-weight: normal;
}

p,span, em, main li, strong, td{

    /* font-family: 'Arial'; */
    font-family: 'Nunito'; 
}

main{

	min-height: 80vh;
}

a{

    color: rgb(var(--mca-palette-dark-blue-rgb), 1);
}

a:hover{

    color: rgb(var(--mca-palette-dark-blue-rgb), 1);
}

footer a, footer a:hover{

    color: white;
}


.rate-page{

    position: fixed;
    right: 5px;
    bottom: 5px;
    z-index: 10;
}

#rate-page-toggle{

    width: 50px;
    height: 50px;
    background-color: rgb(var(--mca-palette-dark-green-rgb), 1);
    border-radius: 5px;
    color: white;
    text-align: center;
    font-size: 1.5em;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    transition: all 0.25s ease-in-out;
}

#rate-page-toggle:hover{

    width: 70px;
    height: 70px;
    font-size: 2.5em;
}

#rate-page-form{

    max-width: 400px;
    width: calc(100vw - 10px);
    height: auto;
    background-color: rgb(var(--mca-palette-dark-blue-rgb), 0.95);
    border-radius: 5px;
    padding: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 11;
    display: none;
    color: white;
}

#rate-page-form h3{

    margin-bottom: 10px;
}

#rate-page-toggle .fa{

    margin-top: 10px;
}

.checked {
    color: orange;
}

#rating-submit-btn,#rate-page-form input[data-drupal-selector="edit-submit"]{

    background-color: white;
    padding: 10px 30px;
    margin-top: 10px;
}

.rating-likert{

    font-size: 24px;
}

#rating-form-close-btn{

    padding: 0;
    margin: 0;
    color: white;
    font-size: 1.5em;
    height:20px;
}

fieldset[data-drupal-selector="edit-was-this-page-useful"] legend{

	font-size: 18px;
}

#rate-page-form textarea[data-drupal-selector="edit-message"]{

	width: 100%;
}

#rate-page-form fieldset[data-drupal-selector="edit-was-this-page-useful"] input{

	position: absolute;
  	overflow: hidden;
  	clip: rect(0 0 0 0);
  	height: 28px;
  	width: 18px;
  	margin: -1px;
  	padding: 0;
  	border: 0;	
}

#rate-page-form fieldset[data-drupal-selector="edit-was-this-page-useful"] label{
	
	cursor: pointer;
}


#rate-page-form .js-form-item-page-url{

	display: none;
}

header.navbar{

    position: fixed;
    z-index: 500;
}

.body, div.dialog-off-canvas-main-canvas{

    overflow: hidden;
}

strong{

	font-size: 18px!important;
	font-weight: bold;
}

.remit-quicklinks-container{

	justify-content: center;
    	display: flex;
    	text-align: center;
}

.remit-quicklinks-container a{
	
	padding: 10px 32px;
    	background: var(--mca-palette-dark-green);
	border-radius: 15px;
	color: white;
	margin: 0px 10px;
}

.remit-quicklinks-container th{
	
	margin-bottom: 10px;
	font-weight: 900;
	font-size: 1.5rem;
}

.page-quicklinks{

	display: flex;
	justify-content: center;
}

.page-quicklinks-item{
	padding: 8px 32px;
    	background: var(--mca-palette-dark-green);
	color: white;
    	border-radius: 10px;
    	margin: 0px 10px;
}

.page-quicklinks-item:hover{

	border: 1px solid var(--mca-logo-light-green);
	padding: 7px 31px;
	color: white;
}

@media(max-width: 576px){

	.page-quicklinks{

		flex-direction: column;
	}

	.page-quicklinks-item{
		margin: 10px 0px;
		text-align: center;
		width: 100%;
	}

}

.grecaptcha-badge{

	bottom: 64px!important;
}

img[data-align="center"]{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.fields {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Optional: adds spacing between attachments */
  }
  
  .dropdown:hover > .dropdown-menu {
    display: block;
  }
  
  @media (min-width: 992px) { /* Only apply hover on larger screens */
    .navbar-nav .dropdown:hover > .dropdown-menu {
      display: block;
      visibility: visible;
      opacity: 1;
    }
  
    .navbar-nav .dropdown .dropdown-menu {
      display: none;
      margin-top: 0;
    }
  }
  
  /* Custom CSS for the current date */
.pika-button.pika-day.pika-today {
  background-color: #ffcc00; /* Highlight current date */
  color: #000; /* Make the text more readable */
  font-weight: bold;
}

.pika-button.pika-day {
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
}

.pika-button.pika-day:hover {
  background-color: #f0f0f0;
}

.banner_text{
    font-family: 'Nunito';
    font-size: 2.25rem;
}