/* ==========================================================================
   FOOTER
   ========================================================================== */

#footer{

    margin-top:60px;

    background:#f4f4f4;

    border-top:1px solid #21007F;

}

.footer-inner{

    max-width:1200px;

    margin:0 auto;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:50px;

    padding:22px 25px;

}

.footer_column h3{

    color:#8cc63f;

    font-size:20px;

    font-weight:500;

}

.footer_column ul{

    list-style:none;

    margin:0;

    padding:0;

}

.footer_column li{

    margin-bottom:10px;

}

.footer_column a{

    color:#666666;

    text-decoration:none;

    transition:color .25s ease;

}

.footer_column a:hover{

    color:#21007F;

    text-decoration:none;

}



/* ==========================================================================
   COPYRIGHT
   ========================================================================== */

.copy_outer{

    background:#e6e6e6;

    border-top:1px solid #d0d0d0;

}

.copy_iner{

    max-width:1200px;

    margin:0 auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 25px;

    font-size:14px;

    color:#666666;

}

.copy_right a{

    color:#666666;

    text-decoration:none;

}

.copy_right a:hover{

    color:#21007F;

}

.disabled-link {
    
    pointer-events: none; /* Prevents mouse clicks */
    
    cursor: default;       /* Removes the pointer hand icon */
    
    color: #888888;        /* Optional: Gives it a muted, disabled look */
 
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.center {
  text-align: center;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #80b3ff;
  margin: auto;
  padding: 0;
  border: 12px solid #888;
  width: 50%;
  height: 50%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #80b3ff;
  color: white;
}

.modal-body {
  padding-top: 30px;
  font-size: 17px;
  text-align: center;
  color: white;
}

.modal-footer {
  padding: 2px 16px;
  background-color: #80b3ff;
  color: white;
}


  /* ==========================================================================
   FOOTER - TABLET
   ========================================================================== */

@media (max-width:1024px){

    .footer-inner{

        grid-template-columns:repeat(2,1fr);

        gap:30px;

        padding:20px;

    }

    .copy_iner{

        flex-direction:column;

        gap:12px;

        text-align:center;

    }

}

/* ==========================================================================
   FOOTER - MOBILE
   ========================================================================== */

@media (max-width:768px){

    .footer-inner{

        grid-template-columns:1fr;

        text-align:center;

        gap:25px;

        padding:20px;

    }

    .footer_column{

        padding-bottom:18px;

        border-bottom:1px solid #dddddd;

    }

    .footer_column:last-child{

        border-bottom:none;

        padding-bottom:0;

    }

    .footer_column ul{

        margin-top:10px;

    }

    .copy_iner{

        flex-direction:column;

        text-align:center;

        gap:10px;

        padding:15px;

    }

}