/*
    
//============================ Copyright © 2024, Iron Cauldron, All rights reserved. ============================//
// 
// 
// 
// 
//              ================================+=            =+================================
//              ==============+++++============+=              =+============+++++==============
//              ===========++=-::-===++++++++++=.              .=++++++++++===-::-=++===========
//              ========++=-:       ..:-==-::..                  ..::-==-:..       :-=++========
//              ========-.                                                            .-========
//              ========-.                                                            .-========
//              ========++-                                                          -++========
//              ==========+=:                                                      .=+==========
//              =======+++=:                   .:-==-      -==-:.                   :=+++=======
//              +++++====-.                 :-=++++=.      .=++++=-:                 .-====+++++
//              -::..                     :=++=V==+:        :+==V=++=:                     ..::-
//                                       :++===T=+=          =+=T===++:
//                                       =+======+.          .+======+=
//                                       :++====+-            -+====++:
//              =--::...                  :=++===              ===++=:                  ...::--=
//              +++++++===.                 :-=+:              :+=-:                 .===+++++++
//              =========+=:                   .                .                   :=+=========
//              =========++=.                                                      .=++=========
//              ========+=:                                                          :=+========
//              ========:                                                              :========
//              ========-.                                                            .-========
//              =======+++=:                 ..                  ..                 :=+++=======
//              ====++==-:          ..::--====+=.              .=+====--::..          :-==++====
//              =+==-:.    ..::--====+++++++===+=              =+===+++++++====--::..    .:-==+=
//              =-::::--===++++++++=============+=            =+=============++++++++===--::::-=
//
//
//
//
//  Company:                        Iron Cauldron
//  YouTube:                        https://www.youtube.com/@IronCauldron
//  Steam:                          https://steamcommunity.com/id/ironcauldron
//  Website:                        https://www.ironcauldron.net
// 
//
// 
// 
//===============================================================================================================//

*/

/*                                  Footer                                                                       */




footer {
    background-color: transparent;
    color: Black;
    padding: 10px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    
}

.footer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    background-color: #e6e6e6;
    
}

.footer-box {
    width: calc(100% / 5 - 10px);
    background-color: rgb(202, 201, 201);
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ececec;
    color: rgb(158, 132, 45);
    font-family: Arial, Helvetica, sans-serif;
    
}

@media (max-width: 1200px) {
    .footer-box {
        width: calc(100% / 4 - 10px);
    }
}

@media (max-width: 900px) {
    .footer-box {
        width: calc(100% / 3 - 10px);
    }
}

@media (max-width: 600px) {
    .footer-box {
        width: calc(100% / 2 - 10px);
    }
}

@media (max-width: 400px) {
    .footer-box {
        width: 100%;
    }
}

.social-media-links {
    display: flex;
    flex-direction: column;
    align-items: left;
    gap: 20px;
    
}

.social-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-size: 15px;
    transition: all 0.3s ease;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
}

.social-icon {
    width: 32px;
    height: 32px;
    padding-right: 5px;
    object-fit: contain;
}

.social-link:hover {
    color: #ff4081;
}

.social-link:hover .social-icon {
    transform: scale(1.1);
}