/*
	Theme Name: Alpha Male Mentality
	Author: John Howkins
	Author URI: https://www.alphamalementality.com
	Description: Alpha Male Mentality Theme
	Version: 1.0
*/

:root {
	--main-alpha: #010a11;
	--main-bravo: #fff;
	--main-charlie: #ff0000;

}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	font-size: 62.5%;
}

@font-face {
    font-family: 'CallOfOpsDuty';
    src: url('/wp-content/themes/alphamalementality/assets/fonts/CallOfOpsDuty.woff2') format('woff2'),
         url('/wp-content/themes/alphamalementality/assets/fonts/CallOfOpsDuty.woff') format('woff'),
         url('/wp-content/themes/alphamalementality/assets/fonts/CallOfOpsDuty.ttf') format('truetype'),
         url('/wp-content/themes/alphamalementality/assets/fonts/CallOfOpsDuty.svg#callofopsduty') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/wp-content/themes/alphamalementality/assets/fonts/poppins.woff2') format('woff2'),
         url('/wp-content/themes/alphamalementality/assets/fonts/poppins.woff') format('woff'),
         url('/wp-content/themes/alphamalementality/assets/fonts/poppins.ttf') format('truetype'),
         url('/wp-content/themes/alphamalementality/assets/fonts/poppins.svg#poppins') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'PathwayGothicOne';
    src: url('/wp-content/themes/alphamalementality/assets/fonts/pathwaygothicone.woff2') format('woff2'),
         url('/wp-content/themes/alphamalementality/assets/fonts/pathwaygothicone.woff') format('woff'),
         url('/wp-content/themes/alphamalementality/assets/fonts/pathwaygothicone.ttf') format('truetype'),
         url('/wp-content/themes/alphamalementality/assets/fonts/pathwaygothicone.svg#pathwaygothicone') format('svg');
    font-display: swap;
}

h1, h2, h3, h4 {
	font-family: 'PathwayGothicOne', '-apple-system', 'BlinkMacSystemFont', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Sans', Arial;
	word-spacing: .3rem;
	line-height: 1.6;
}

h5, h6 body, p, span, ul, ol, li, label, input, textarea, em {
	font-family: 'Poppins', '-apple-system', 'BlinkMacSystemFont', 'Vendana', 'Segoe UI', Tahoma, sans-serif;
	font-size: clamp(1.5rem,calc(1.5rem + ((1vw - 0.32rem) * 1.0526)),1.9rem);
	line-height: 1.6;
}

h1 {
	font-size: clamp(2.6rem,calc(2.6rem + ((1vw - 0.32rem) * 5.2632)),4.6rem);
    margin-bottom: 1rem;
    line-height: 1;
}

h2 {
	font-size: clamp(3rem,calc(3rem + ((1vw - 0.32rem) * 2.6316)),4rem);
    line-height: 1.2;
    margin-bottom: 2rem;
}

h3, h4 {
    font-size: clamp(2.6rem, calc(2.6rem + ((1vw - 0.48rem) * 0.8333)), 3.2rem);
	line-height: 1.2;
    margin-bottom: 1rem;
}

.small-text *, .small-text p em {
    font-size: clamp(1.3rem, calc(1.3rem + ((1vw - 0.48rem) * 0.3125)), 1.6rem);
    line-height: 1.1;
}

p.has-text-align-center {
    text-align: center;
}

section {
	max-width: 1920px;
	padding: 1rem;
	margin: auto;
}

.aligncenter {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

img {
  height: auto;
  max-width: 100%;
}

.container {
	max-width: 110rem;
	margin: auto;
}

header, footer {
	background: #010a11;
    position: relative;
    z-index: 9999;
}

header::after, footer::before {
    position: absolute;
    content: "";
    height: 1.2rem;
    width: 100%;
    bottom: -.8rem;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 424.5 9.8'%3E%3Cpath fill='%23090f14' d='M0 0v6l6-1c-1 1 5 2 6 1l6 1h6l6 1h11l5-1c0-1 6-2 6 0l5 2s6 2 6 0l6-1 5-1 6 1h6c0 1 5 3 5 1l6-2c0 2 6 2 6 2 0-2 6-1 6-1l6 1 6-1h6l6 1h6l5-1 5-2 7 1h5l5-1 6-1h6l6 1c0-1 5 0 5-2l6 1h11c0-1 7-1 7 1h7l5 1 6 1c0-2 5 0 5 0h6c0-2 6 0 6 0l5-2 6 1 5-1 5-1 6 1h5l5-1 3-2h12l5-1h6l6 1 5 1 5 1h17l5 1 6-1s6 2 6 0c0 2 5 1 5 1l6 1h6l5-1h11l5-1 6 1 5-2 5 1h6c-3-1 0-1 4-1V0H0z'/%3E%3C/svg%3E");
    filter: drop-shadow(.1rem 0.4rem 1.6rem #010a117b) drop-shadow(.1rem .1rem .2rem #010a11e4);
    background-repeat: repeat-x;
    z-index: 1;
}

footer::before {
    bottom: auto;
    top: -.9rem;
    transform: rotate(180deg);
}

header a, footer a {
	color: #fff;
	text-decoration: none;
}

header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem;
}

.button {
    font-family: 'Poppins';
    text-decoration: none;
    font-weight: 400;
}

#ammBtn {
	height: 2.2rem;
	width: 2.2rem;
    min-width: 2.2rem;
	cursor: pointer;
    margin-left: 1rem;
}

.logo {
	display: flex;
}

.site-logo {
	max-width: 4rem;
	width: 100%;
	height: auto;
    top: -.5rem;
    left: 0;
    z-index: 9999;
}

.site-logo-text {
	max-width: 25rem;
	width: 100%;
}

#menu-alphamenu, footer ul {
	display: flex;
	list-style: none;
	justify-content: space-evenly;
}

.foot-low, .foot-low a {
	color: #a0a0a0;
	text-align: center;
	font-size: clamp(1.3rem, calc(1.3rem + ((1vw - 0.32rem) * 0.1136)), 1.4rem);
}

footer {
    padding: 1rem;
}

footer ul {
	margin: 1rem 0;
}

#ammModal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #010a11c7;
	z-index: 9999;
	display: none;
	justify-content: center;
	align-items: center;
}

.modal-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
    padding: 6rem 1rem;
	width: 100%;
	max-width: 55rem;
	background: #010a11;
    position: relative;
}

.search-logo {
    width: 100%;
    max-width: 25rem;
    margin-bottom: 2rem;
}

.screen-reader-text {
	display: none;
}

#search-form div {
    display: flex;
    width: 100%;
    justify-content: center;
}

.search-field, .search-submit {
	padding: 1rem 2rem;
	border: none;
	outline: none;
	margin-top: 2rem;
	font-size: 1.8rem;
}

.search-field {
	border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

.search-submit {
	border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
	transform: translateX(-.5rem);
	padding-right: 2.2rem;
	background: #e60000;
	color: #fff;
    cursor: pointer;
}

.closealpha {
	position: absolute;
	width: 2rem;
	height: 2rem;
	color: #fff;
	cursor: pointer;
	transform: rotate(45deg);
	font-size: 4rem;
	right: 1rem;
	top: .5rem;
    transition: .3s;
}

.closealpha:hover {
    color: #e60000;
}

.dropdown:focus-within .dropdown-content,
.dropbtn:focus + .dropdown-content {
  opacity: 1;
  z-index: 999;
}


.topnav {
    overflow: hidden;
    background: #010a11;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 2.6rem 0 rgb(0 0 0 / 37%);
    text-transform: uppercase;
}

.topnav, .dropdown-content li {
    font-family: "CallofOpsDuty", Impact, "Arial Black", "Helvetica Neue", "Futura", "Franklin Gothic", "Gotham";
}

.dropdown-content li {
    list-style: none;
}

.topnav a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
    padding: .5rem 1.5rem;
    text-decoration: none;
    font-size: 2rem;
}

.topnav .icon {
    display: none;
}

.dropdown .dropbtn {
    font-size: 2rem;
    border: none;
    outline: none;
    color: #fff;
    padding: .5rem 1.5rem;
    background: inherit;
    justify-content: center;
    font-family: inherit;
}

.dropdown-content {
    opacity: 0;
    position: absolute;
    background: #010a11;
    min-width: 16rem;
    box-shadow: 0 .8rem 1.6rem 0 rgba(0, 0, 0, 0.2);
    transition: .3s;
}

.dropdown-content a {
    padding: .5rem 1rem;
    text-decoration: none;
    justify-content: flex-start;
}

.topnav a:hover, .dropdown:hover .dropbtn, .dropdown-content a:hover {
    color: #e60000;
    transition: .3
}

.dropdown:hover .dropdown-content {
    opacity: 1;
    z-index: 999;
}

.bar1, .bar2, .bar3 {
    width: 2.5rem;
    height: .3rem;
    background: #fff;
    margin: .5rem 0;
    transition: .4s;
}

.change .bar1 {
    transform: rotate(-45deg) translate(-.9rem, .6rem);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    transform: rotate(45deg) translate(-.5rem, -.2rem);
}

.responsive svg {
    display: none;
}

@keyframes clip {
    0% {
        clip-path: inset(100% 0 0 0);
    }
    100% {
        clip-path: inset(0 0 0 0);
    }
}

@media screen and (max-width: 767px) {
    header .container {
        justify-content: center;
        padding: 1rem;
    }
    .topnav a, .dropdown .dropbtn {
        padding: 1.2rem 1.6rem;
        display: none;
    }
    .topnav {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 9999;
        border: .1rem solid #ffffff3b;
        border-bottom: 0;
        border-right: 0;
        border-top-left-radius: .5rem;
    }
    .topnav button.icon {
        display: block;
        border: none;
        border-right: .1rem solid #ffffff3b;
        padding: .8rem 2rem;
        background: #010a11;
    }
    .topnav.responsive {
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 999999;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        animation: clip .3s ease-out;
        animation-fill-mode: forwards;
    }
    .topnav.responsive a {
        display: block;
    }
    .topnav.responsive .icon {
        position: absolute;
        right: 2rem;
        bottom: 2rem;
        border: none;
    }
    .topnav.responsive .dropdown-content {
        position: relative;
    }
    .topnav.responsive .dropdown .dropbtn {
        display: flex;
        width: 100%;
        color: #858585;
    }
    .dropdown-content {
        opacity: 1;
    }
    .dropdown-content a {
        font-size: 1.6rem;
        color: #fff;
    }
    #ammBtn {
        height: 4.3rem;
        width: 2.3rem;
        min-width: 2.3rem;
        padding: 0 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }
    #ammBtn svg {
        min-width: 2.3rem;
    }
    a.icon.change {
        border: none;
    }
}

@media screen and (max-width: 478px) {
    .search-form {
        width: 90%;
    }
    .search-form div {
        flex-direction: column;
    }
    .search-field, .search-submit {
        border-radius: 5rem;
        width: 100%;
    }

    .search-submit {
        border-top-right-radius: 5rem;
        border-bottom-right-radius: 5rem;
        transform: translateX(0);
        padding-right: 2rem;
    }
}