@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

body {
  margin: 0;  background-color: #000000;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.header {background:#000000;}
.content {margin: 0 auto; width:75%;}
.banner {margin: 0 auto;width:75%;}
.nav {margin: 0 auto; width:75%;}
.footer {background:#000000; color:white;margin: 0 auto;}

p, li {font-size:1em;}
h1,h2, {font-size:1.5em;margin-left:5%;margin-right:5%;font-family: "Special Elite", "Montserrat", sans-serif;}
h3,h4 {font-size:1.2em;margin-left:5%;margin-right:5%;font-family: "Special Elite", "Montserrat", sans-serif;}
a {color:black;text-decoration:underline;}

.footer p {margin: 0 auto;width:75%;color:#cccccc;font-size:0.7em;padding:20px;}
.footer a {color:#cccccc;text-decoration:underline;}

.left {float:left;width:46%;margin-left:2%;margin-top:2%;margin-bottom:2%;background:#ffffff;}
.right {float:right;width:46%;margin-right:2%;margin-top:2%;margin-bottom:2%;background:#cfcfcf;}
.singleleft {float:left;width:70%;margin:1%;background:#ffffff;border:5px solid #FAA31B;}
.singleright {float:left;width:24%;margin:1%;background:#cfcfcf;border:5px solid #9C2328;}
.full {margin: 0 auto;width:96%;background:#ffffff;float:none;clear:both;}

@media (max-width: 1300px) {
.left {margin:2%;width:96%;background:#ffffff;float:none;clear:both;}
.right {margin:2%;width:96%;background:#cfcfcf;float:none;clear:both;}
.singleleft {margin:2%;width:96%;background:#ffffff;float:none;clear:both;}
.singleright {margin:2%;width:96%;background:#cfcfcf;float:none;clear:both;}
.content, .banner, .nav {margin: 0 auto; width:96%;}
h2 {padding-top:2%;}
}

.left p, .right p, .full p, .singleleft p, .singleright p {margin-left:5%;margin-right:5%;}
.left h2, .right h2, .singleleft h2, .singleright h2 {margin-left:5%;margin-right:5%; color:#000000;font-family: "Special Elite", "Montserrat", sans-serif;}
#popupAd h2 {font-size:2.0em; color:#000000;font-family: "Special Elite", "Montserrat", sans-serif;}

.full h2 {text-align: center;padding:10px; color:#00000;font-family: "Special Elite", "Montserrat", sans-serif;}
.full img {float:left;width:21%;margin:2%;}

.social {float:right;width:25%;}
.social img {float:right;width:12.5%;margin-bottom:10px;}
.footsoc img {width:6.25%;}

.footsoc {text-align:left;margin-left:13.5%;width:45%;}

#logo_wrap, #action_info {display:none;}
label.checkbox {font-size:1.2em;font-weight:bold;}

.button {
  background-color: #212F63;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9em;
  font-weight:bold;
  border-radius: 10px;
}

.hotbutton {
  background-color: #9C2328;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9em;
  font-weight:bold;
  border-radius: 10px;
}

.button:hover, .footer .button:hover {
  background-color: #9C2328;
  color: white;
  text-shadow: 2px 8px 8px #000000;
  transform: translateY(-3px);
  border-radius: 10px;
}

.button2 {
  background-color: #9C2328;
  border: none;
  color: white;
  float:right;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.8em;
  border-radius: 10px;
}

.button3 {
  background-color: #FAA31B;
  border: none;
  color: black;
  float:right;
  padding: 8px 16px;margin-bottom:10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.8em;
  border-radius: 10px;
}

.button2:hover, .footer .button2:hover {
  background-color: #FAA31B;
  color: white;
}

.button3:hover, .footer .button3:hover {
  background-color: #9C2328;
  color: white;
}

.footer .button {
  background-color: #212F63;
  border: none;
  color: white;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.7em;
  font-weight:normal;
}

.footer .button2 {
  background-color: #9C2328;
  border: none;
  color: white;
  float:right;
  padding: 4px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.5em;
}

.footer .button3 {
  background-color: #FAA31B;
  border: none;
  color: black;
  float:right;
  padding: 4px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.5em;
  border-radius: 10px;
}

#popupAd {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 1000; /* Ensure it's above other content */
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999; /* Below the popup but above other content */
    display: none;
}