/*
Copyright 2013 Seth Pillsbury

This file is part of Dirt Simple Site (http://foundtimegames.com/)

Dirt Simple Site is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

Dirt Simple Site is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with Dirt Simple Site in file COPYING; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
*/

.align_c {
    text-align:center;
}

@font-face {
    font-family: 'cooper';
    font-size:2.75em;
    src: url('images/site/cooper.TTF') format('truetype');
}

html {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    background-color: #000;
}

body {
    background-image:url("images/site/frog_bg.png");
    /*background-size: 100% 100%;*/
    background-repeat: no-repeat; /* Prevents tiling if the container is wider than the image */
    background-position: center bottom;
    background-color: #000000;
    background-size: cover;
    /*background-attachment: fixed;*/
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    font-size:2.75em;
    font-family:cooper;
    color: #eeeeee;
    overflow-x: hidden;
}

/* link color */
a {
  color: #eeeeee;
}

/* Hide toggle button on large screens */
.menu-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  height: 24px;
  width: 30px;
}

/* Create the three lines */
.menu-toggle span {
  display: block;
  height: 3px;
  width: 100%;
  background-color: #333;
  border-radius: 2px;
}

/* MOBILE */
@media (max-width: 768px) {

    body {
        background-image: url("images/site/frog_bg_portrait.png");

        background-size: cover;
        background-position: center bottom;
        background-repeat: no-repeat;

        /* Fixed backgrounds are troublesome on mobile browsers */
        background-attachment: scroll;

        /*min-height: 100svh;*/
    }

    .menu-toggle {
    display: flex; /* Show hamburger button on mobile */
  }
  
  .nav-links {
    display: none; /* Hide standard links by default on mobile */
    flex-direction: column;
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
    background-color: #fff;
  }
  
  .nav-links.active {
    display: flex; /* Show links when active class is added */
  }
}
/* Hide the overlay by default */
  .overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }

  /* Style the container holding the image and close button */
  .popup-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
  }

  /* Style the image */
  .popup-content img {
    display: block;
    max-width: 100%;
    max-height: 80vh;
    border-radius: 8px;
  }

  /* Style the X close button */
  .close-btn {
    position: absolute;
    top: -15px;
    right: -15px;
    background: white;
    color: black;
    font-size: 20px;
    font-weight: bold;
    border: none;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  }