/*
	Theme Name: Archagel Defense
	Theme URL: http://archangeldefense.com
	Description: This is a is a child theme for Primer. 
	Author: World Web Wizards
	Author URI: http://www.worldwebwizards.com/
	Version: 1.0.0
 	License: GPL-2.0
	
	Template: primer
 	Tags: custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, threaded-comments, three-columns, translation-ready, two-columns
 
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * 														    *       
 * 						 Project Start Date: 01/01/2025	    *
 *                       Publication Date:             	    * 
 * 						 Last Modification Date: 03/24/2025	*
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Animation 
 
     USAGE: 
     -webkit-animation: fadein 2s;
       -moz-animation: fadein 2s;
        -ms-animation: fadein 2s;
         -o-animation: fadein 2s;
            animation: fadein 2s;
*/
@keyframes fadein { from { opacity: 0; } to   { opacity: 1; }}
@-moz-keyframes fadein { from { opacity: 0; } to   { opacity: 1; }} /* Firefox < 16 */
@-webkit-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */
@-ms-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } } /* Internet Explorer */
@-o-keyframes fadein { from { opacity: 0; } to   { opacity: 1; } } /* Opera < 12.1 */

/* Global */
body {overflow-x: hidden;}
object {pointer-events: none;}
html {scroll-behavior: smooth;} /* USAGE: <a href="#"></a> */
.site-header{background-color: #000}
.main-navigation-container {background-color:#3d3d3d}
.main-navigation ul li a:hover, .main-navigation ul li a:focus {rgba:(255,255,240,.3)}
.main-navigation ul li a{font-size:larger}
.custom-logo-link img{
	max-width:180px;
	float:left;
}
.site-title{
	clear:inherit;
    margin: 60px 210px;
    font-size: 2em;
	width:100%;
}
.site-header {background-color: rgba(0, 0, 0, .4) !important}
.site-content {max-width: inherit}
.site-title-wrapper {padding:0}
a:visited {color:white}
.hentry {
    margin: 0;
    padding: 0;
}


@media only screen and (min-width: 61.063em) {
  .layout-one-column-wide .content-area,
  .layout-one-column-wide #secondary,
  .layout-one-column-wide #tertiary,
  .layout-one-column-narrow .content-area,
  .layout-one-column-narrow #secondary,
  .layout-one-column-narrow #tertiary {
    width: 100%;
    margin:0; 
	}
}


#masthead{
    overflow: hidden;
    background-color: #f1f1f1;
    padding: 25px 10px;
    transition: 0.4s;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
}
.custom-logo-link{
    transition: 0.4s;
}
.site-header-wrapper{
	margin:0;
	max-width:inherit;
}

/* .site-header-wrapper {
  position: sticky;
  top: 0;
    left: 0;
    width: 100%;
    transition: transform 0.3s ease-in-out;
    z-index: 1000;
    max-width: inherit
}

.site-header-wrapper.hidden {
    transform: translateY(-100%);
}

.site-header-wrapper.sticky {
    top: 0;
}
 */




.site-info-text{
	color:white;
	text-align:center;
}
/* Push the page content down by the admin bar height */
body.admin-bar {
    margin-top: 32px;
}
/* Ensure the admin bar stays fixed at the top */
#wpadminbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}






/* Home */
#splash-container{
	position: relative;
    min-height: 100vh; /* Ensure parent fills the screen */
}
#splash-top{
	position: relative;
    width: 100%;
}
#splash-bottom{
	position: absolute;
	bottom: 18%;
}




/* Mobile First Web Design *****************************************/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {}

/* Small devices (portrait tablets and normal phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets and large phones, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}

/* Mobile First Web Design *****************************************/


/* DESKTOP FIRST DESIGN

@media only screen and (min-width: 1400px) {}
@media only screen and (min-width: 1200px) {}
@media only screen and (min-width: 992px) {}
@media only screen and (max-width: 970px) {}
@media only screen and (max-width: 736px) {}
@media only screen and (max-width: 375px) {}
@media only screen and (max-width: 320px) {}
@media only screen and (max-width: 240px) {}

*/