/*
Theme Name: Phoenix
Theme URI: https://anthonyeisenman.net/
Author: innosoftworks
Author URI: https://innosoftworks.com/
Description: Wordpress theme designed for Phoenix.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: anthonyeisenman.net
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/

*{margin: 0;padding: 0;box-sizing: border-box;}
:root{
--primary:#0E0E0E;
--bg: #F7F7F7;
--black: #000000;
--white: #ffffff;
--font1:"Inter", sans-serif;
--font2:"Poppins", sans-serif;
}



body{font-family: var(--font1);overflow-x: hidden;height:100%;}
ul, ol{padding: 0;list-style: none;margin: 0;}
li{padding: 0;margin: 0;}
a{text-decoration: none;color: var(--black);}
img{max-width: 100%;object-fit: cover;}
h1{font-size: 35px;line-height:1.5;font-weight:600;}
h2 {font-size: 32px;line-height:1.3;font-weight:600;}
h3{font-size: 28px;line-height:1.3;font-weight: 600;}
h4{font-size: 26px;line-height:1.3;font-weight:600;}
h5{font-size: 22px;line-height:1.3;font-weight: 600;}
h6{font-size: 18px;line-height:1.3;font-weight: 600;}
section{padding:80px 0;overflow: hidden;}
h1, h2, h3, h4, h5, h6 {color: var(--dark);font-family: var(--font1);}
p{font-family: var(--font2);color: var(--text);font-weight: 400;font-size: 16px;}
::after, ::before{pointer-events: none;}
.btn-primary{color: var(--dark) ;font-size:16px; background-color: var(--white);border-color: var(--white);border-radius:100px;padding:18px 32px;  font-weight:600; display:flex;justify-content: center;gap: 10px;align-items: center;text-transform: capitalize;width: fit-content;transition: .2s linear;box-shadow: 0px 4px 43px 0px #ffffff21;width:fit-content;height: fit-content; }
.btn-primary:hover{background-color: var(--primary);border-color: var(--primary);color: var(--white);box-shadow:inset 0px 4px 43px 0px #00000040;}
.btn-secondary{color: var(--white) ;font-size: 16px; background: var(--black);border-color: var(--black);border-radius:100px;padding:18px 32px;font-weight:600; display: inline-flex;justify-content: center;align-items: center;text-transform: capitalize;transition:.3s linear;width:100%;}
header {position: relative;background:var(--primary);z-index: 2;top: 0;right: 0;left: 0;}
ul.top_right {padding: 0;margin: 0;list-style: none;text-align: right}
ul.top_right li {display: inline-block;margin-right: 25px}
ul.top_right li:last-child { margin-right: 0;}
ul.top_right li a {font-size: 18px;font-weight: 500;color: #000000;}
.top_featured_wrap { position: relative;}
#menu {position: relative;width:100%;}
#menu ul {list-style: none;display: flex;align-items: center;justify-content: center;margin: 0;}
#menu ul li {position: relative;}
#menu ul li a {display: block;text-decoration: none;position: relative;-webkit-transition: all .3s linear;font-size: 16px;transition: all .2s ease-in;padding: 5px 0px;color: var(--text);font-weight: 400;}
#menu ul li a img{margin-left: 10px;}
#menu li>a:only-child::after {margin-left: 0;content: '';}#menu ul li a:hover,#menu ul li.active a,
#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a {color: var(--text);font-weight: 500;}
#menu li.active ul li a {color:var(--text);background: var(--white)}
#menu li.active ul li a:hover {color: #fff;background: var(--primary);}
#menu li>ul {position: absolute;left: 0;top: 4px;z-index: 999;white-space: nowrap;padding-left: 0;}
#menu li>ul li {background: var(--white);border-bottom: 1px solid rgba(0, 0, 0, 0.09);display: block;position: relative;margin: 0;text-align: left;padding-left: 20px;text-transform: capitalize;}
#menu li>ul li:hover {background: var(--primary);border-bottom: 1px solid rgba(0, 0, 0, 0.09);}
#menu li>ul li a {color: #333;font-size: 13px;padding: 10px 15px;border-right: 0;transition: none;}
#menu li>ul li a:hover {color: #fff;text-decoration: none}
#menu li ul li.current_page_item>a,
#menu li ul li.current-menu-ancestor>a,
#menu li ul li.current-menu-item>a,
#menu li ul li.current-menu-parent>a {background: #333;color: #fff}
#menu>li:first-child,#menu>li.has-submenu+li {border-left: 0}
#menu li>ul>li>ul {position: absolute;left: 100%;top: 0;transition: all linear .2s 0s;-webkit-transition: all linear .2s 0s;
visibility: hidden;opacity: 0}
#menu li>ul>li:hover>ul {visibility: visible;opacity: 1;display: block}
#menu li>ul {transition: all linear .2s 0s;-webkit-transition: all linear .2s 0s;visibility: hidden;opacity: 0;width: 100%;display: block;flex-direction: column;margin: 0;background: transparent;padding-top: 30px;}
#menu li:hover>ul {visibility: visible;opacity: 1;display: block;}
#menu li>ul li a {padding: 0 23px;}
#menu li>ul li a {padding: 10px 23px;}
#menu li ul li:hover ul li a {color: var(--text)}
#menu li ul li:hover ul li:hover a {color: var(--white);}
#menu li ul li:hover a {color: #fff;border-color: var(--primary);}
@keyframes menu_sticky {
  0% {
    margin-top: -240px;
  }

  50% {
    margin-top: -90px;
  }

  100% {
    margin-top: 0;
  }
}



header.sticky #menu>ul {margin-top: 15px;margin-bottom: 15px;}
#menu>ul>li {padding: 0 23px;line-height: 1;}
#menu>ul>li:last-child {padding-right: 0;border: 0;}
#menu>ul>li:nth-last-of-type(1) a { padding-right: 0; border-right: 0;}
#menu>ul>li:nth-child(1) a {padding-left: 0;}
#menu>ul>li ul {padding-top: 30px;min-width: 260px;}
.social{display: flex;gap: 34px;}
.social a {display: inline-block;margin-bottom: 0;}
.social a img{width: 33px;height: 33px;}
.top-logo{text-align: center;color: var(--white);}
.top-logo a .top_label{font-size: 29px;font-weight: 600;display: block;color: white;}
.sub_title{font-size: 16px;font-weight: 400;font-family: var(--font1);}
header .main-menu{padding: 18PX 0;border-bottom:1px solid rgba(255, 255, 255, 0.288) ;}
.nav-main{border-bottom:1px solid rgba(255, 255, 255, 0.288) ;padding: 8px 0;color: var(--white);}
header.light .top-logo a .top_label{color: black;}

.banner{position: relative; min-height: 85vh;display: flex;align-items: end;overflow: hidden;}
.banner .effect-title{position: absolute;font-size: 120px;font-weight: 600;color: rgba(255, 255, 255, 0.247);text-transform: uppercase;width: 100%;text-align: center;top: 0;bottom: 0;margin: auto;height: fit-content;}
.banner .effect-img{width: 100%;height: 100%;left: 0;right: 0;top: 0;position: absolute;z-index: 2;}
.banner .container{z-index: 3;position: relative;color: var(--white);text-align: center;}
.form-main{display: flex !important;background: var(--white) !important;padding: 8px !important;border-radius: 16px !important;align-items: center !important;margin-top: 30px !important;}
.form-main .col-eighty{flex-grow: 1;padding: 0 !important;}
.form-main .form-control{border: 0;color: var(--primary);padding: 12px 18px;}
.form-main .btn-secondary{border-radius: 8px;}
.form-main .btn-secondary:hover{background-color: var(--black);box-shadow:inset 0 0 4px 3px rgba(255, 255, 255, 0.418);}

.podcast-archive{padding:70px 0; }
.podcast-top h1{ margin-bottom:5px;}
.podcast-top span{ font-size:16px; color:#666;}
.podcast-video{margin:40px 0 30px;overflow:hidden;border-radius:24px;}
.podcast-video iframe{width:100%;height:520px;border:0;background:#d8d8d8;border-radius: 24px;}
.podcast-desc{color:#555;line-height:1.9;margin-bottom:25px;}
.platforms{display:flex;gap:12px;margin:20px 0 30px;}
.platforms a{background:#000;color:#fff;padding:12px 25px;border-radius:50px;font-size:14px;}
.episode-links{margin-bottom:20px;}
.episode-links li{margin-bottom:12px;padding-left: 25px;position: relative;}
.episode-links a{color:#222;display:flex;gap:10px;align-items:center;}
.episode-links li::before{content:"→";color:#222;display:flex;gap:10px;align-items:start;position: absolute;left: 0;}
.subscribe-label{font-weight:600;margin-bottom:20px;}
.social-icons{display:flex;gap:15px;}
.social-icons a{width:42px;height:42px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;}
.archive-card{ margin-top:60px;display: flex;gap: 60px;align-items: center;background:#fff;border:1px solid #ddd;border-radius:28px;padding:22px 22px 22px 50px;}
.archive-content h3{ font-size:35px; margin-bottom:20px;}
.archive-content h3 a{ font-size:35px; margin-bottom:20px;color: var(--black);}
.post-content p a:hover{color: #00acdb;}
.archive-content h3 a:hover{color: #00acdb;}

.archive-content p{line-height:2; color:var(--primary); margin-bottom:30px;font-family: var(--font2);}
.archive-btn{background:#000;color:#fff;border-radius:50px;padding:14px 28px;display:inline-flex;align-items:center;gap:10px;border:1px solid white;}
.archive-btn:hover{background:white;color:black;border-color: #000;}
.archive-image{   overflow:hidden;    max-width: 372px; width: 100%;min-width: 372px;  border-radius:24px;}
.archive-image img{ width:100%; height:100%; object-fit:cover;    aspect-ratio: 3 / 3.3;}
.btn-box{display: flex;justify-content: space-between;margin-top: 60px;}
.btn-box .btn-secondary{width: fit-content;min-width: 180px;padding: 12px 30px;display: flex;gap: 12px;}
.btn-box .btn-secondary:hover{color: var(--black);border-color: black;background-color: var(--white);}
footer{text-align: center;padding: 110px 0 20px;background-color: var(--bg);}
footer .top-logo .top_label{color: var(--primary);}
footer .top-logo .sub_title{color: var(--primary);}
footer hr{color: #555;margin: 30px 0;}
header.light{background-color: var(--white);}
header.light * {color: var(--black);}
header.light .nav-main, header.light .main-menu{border-bottom-color: #b3b1b141;}
.podcast-archive .form-main{background-color: var(--bg);}
.podcast-archive .form-main .form-control{background-color: var(--bg);}
.podcast-video img{width: 100%;border-radius: 24px;aspect-ratio: 16/8;height:auto;}
header.light .btn-primary{background-color: var(--black);color: var(--white);border-color: var(--black);}
.form-main .wpforms-field-container{display: flex;width: 100%;}
.form-main .wpforms-form{display: flex;width: 100%;    align-items: center;}
.form-main .wpforms-form input{max-width: 100%;width: 100%;}
.form-main  .wpforms-form .wpforms-submit-container{margin-top: 0 !important;}
.form-main  .wpforms-submit{color: var(--white) !important;font-size: 16px !important; background: var(--black) !important;border-color: var(--black) !important;border-radius:8px !important;padding:18px 32px !important;font-weight:600 !important; display: inline-flex !important;justify-content: center !important;align-items: center !important;text-transform: capitalize !important;transition:.3s linear !important;width:100% !important;    text-wrap: nowrap !important;height: unset !important;}
.form-main  .wpforms-form .wpforms-field-medium{max-width: 100%;border: none;}
.podcast-archive .form-main{background-color: var(--bg) !important;}
.podcast-archive .form-main .wpforms-form input{background-color: var(--bg) !important;}
.copy-write a:hover{color: #00acdb;}
.cat-list {display: flex;flex-wrap:wrap;align-items: center;gap: 10px;}
.cat-list a.btn {width: fit-content;padding: 8px 30px;}