/* 
Theme Name: Hello Phoenix Motorcycles
Theme URI: https://storks.solutions/
Description: Hello Phoenix Motorcycles is a child theme of Hello Elementor, created by STORKS Solutions
Author: STORKS Solutions
Author URI: https://storks.solutions/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-phoenix
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

a {
    background-color: transparent;
    text-decoration: none;
    color: #1a5e3c;
}

/* Basic Sticky Header Styling */
.sticky-header {
    position: fixed;
}
.sticky-active {
  position: fixed;
  top: 0;
  z-index: 999;
  background: var(--e-global-color-054b324);
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Optional responsive tweaks */
@media(max-width: 768px) {
  .sticky-header {
    padding: 0px 10px;
  }
}

/* Add your custom styles here */
.menu-right.elementskit-dropdown-has .elementskit-dropdown {
	right: 0 !important;
    left: auto !important;
}
.elementskit-navbar-nav-default .elementskit-navbar-nav>li>a {
	height: auto !important;
}

.elementskit-navbar-nav-default .elementskit-navbar-nav>li > div.nav-description > p {
	font-family: serif;
	font-size: 14px;
	color: #383737;
	padding: 0px 10px 0px 0px;
	margin-bottom: 0;
}

.programs a.elementskit-btn {
	display: flex;
    flex-direction: row;
    justify-content: space-between !important;
}

.elementor-widget-ekit-nav-menu button:focus {
	background-color: transparent !important;
}

.highlights .elementskit-info-image-box.style-modern .elementskit-box-body {
	bottom: 0;
    position: absolute !important;
}

body.post-type-archive-executiveorder .site-main,
body.post-type-archive-motorcycles.site-main,
body.tax-documenttype .site-main,
body.single .singlesidebar-template,
body.archive .archivesidebar-template,
body.page .site-main,
body.single .site-main,
body.archive .site-main,
body.error404 .site-main {
	max-width: 100%;
}

.archive-container,
.page-container,
.single-container {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

body.archive .archivesidebar-template .archive-posts {
	display: flex;
	column-gap: 10px;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
}

.archive-header,
.page-header,
.single-header {
	display: flex;
}

.page-header .e-con-full.e-flex,
.archive-header .e-con-full.e-flex{
	flex-direction: column; /* Default — can be omitted */
	gap: 0;
}

.archive-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
}

.archive-grid .motorcycles {
    text-align: center;
}

.archive-grid .motorcycles p {
    font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
    font-size: 1.6em;
    text-transform: uppercase !important;
    color: #000;
}

.archive-grid .motorcycles img:hover {
    transform: scale(1.1);
    transition-duration: .3s;
    transition-property: transform;
}


.archive-grid .department .default-department-logo {
  width: 150px;
}

.archive-grid .department h5 {
	font-size: 1em;
}
.e-con-inner.single-content {
	display: flex;
}

.e-con-inner.archive-content,
.e-con-inner.singlesidebar-content {
	display: flex;
    flex-direction: row !important;
}

body.post-type-archive-executiveorder .content-area, body.single-executiveorder .content-area,
body.post-type-archive-ordinanceresolution .content-area,
body.tax-documenttype .content-area, body.single-ordinanceresolution .content-area,
body.single .singlesidebar-container .content-area,
body.page-template .singlesidebar-container .content-area,
body.archive .archive-container .content-area {
	flex: 1 1 70%;
}

body.post-type-archive-executiveorder .sidebar-area, body.single-executiveorder .sidebar-area,
body.post-type-archive-ordinanceresolution .sidebar-area,
body.tax-documenttype .sidebar-area, body.single-ordinanceresolution .sidebar-area,
body.single .singlesidebar-container .singlesidebar-aside,
body.page-template .singlesidebar-container .singlesidebar-aside,
body.archive .archive-container .sidebar-area {
	flex: 1 1 25%;
}

body.single-executiveorder header,
body.single-ordinanceresolution header {
    margin-bottom: 20px;
}

body.single-executiveorder header p,
body.single-ordinanceresolution header p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.2rem;
}

body.single-executiveorder header h4,
body.single-ordinanceresolution header h4 {
    margin-bottom: 0;
    margin-top: 0;
}

body.single-executiveorder .sidebar-area .side-latest,
body.single-ordinanceresolution .sidebar-area .side-latest{
    margin-top: 25px;
}

.archive-container .executiveorder,
.archive-container .ordinanceresolution {
	border-radius: 0px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #C7C8C9;
}

.archive-container .executiveorder:last-child,
.archive-container .ordinanceresolution:last-child{
	border: none;
}

.archive-container .executiveorder .executiveorders-content,
.archive-container .ordinanceresolution .executiveorders-content{
	padding: 20px 0px 20px 0px;
}

.archive-container .executiveorder .executiveorders-content .entry-summary p,
.archive-container .ordinanceresolution .executiveorders-content .entry-summary p{
    margin-bottom: 0;
}

.archive-container .executiveorder .executiveorders-content a > p,
.archive-container .ordinanceresolution .executiveorders-content a > p {
	margin-bottom:0;
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
	font-size: 1.5rem;
}

.archive-container .executiveorder .executiveorders-content .post-date,
.archive-container .ordinanceresolution .executiveorders-content .post-date{
	font-weight: 600;
    text-transform: uppercase;
}

.archive-container .executiveorder a,
.archive-container .ordinanceresolution a{
    background-color: transparent;
    text-decoration: none;
    color: #000;
}

.archive-container .executiveorder a:hover,
.archive-container .ordinanceresolution a:hover{
    background-color: transparent;
    text-decoration: none;
    color: #1b5e3c;
}

.archive-header,
.singlesidebar-header,
.page-header,
.single-header {
	--display: flex;
	--min-height: 40vh;
	--flex-direction: column;
	--container-widget-width: 100%;
	--container-widget-height: initial;
	--container-widget-flex-grow: 0;
	--container-widget-align-self: initial;
	--flex-wrap-mobile: wrap;
	--justify-content: flex-end;
	--overlay-opacity: 0.38;
	--padding-top: 40px;
	--padding-bottom: 40px;
	--padding-left: 0px;
	--padding-right: 0px;
	background-image: url("/wp-content/themes/phoenix-motorcycles/img/banner-default.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.archive-header::before,
.singlesidebar-header::before,
.page-header::before,
.single-header::before {
	background-color: var(--e-global-color-054b324);
	--background-overlay: '';
}

body.single-motorcycles .single-header,
body.archive .archive-header {
    --min-height: 40vh;
}

.archive-header h1,
.archive-header h5,
.singlesidebar-header h1,
.singlesidebar-header h5,
.page-header h1,
.single-header h1,
.single-header h5 {
	font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
	text-shadow: 2px 0px 3px rgba(0,0,0,0.3);
	color: #fff;
	text-transform: uppercase !important;
}

.archive-header h1,
.archive-header h5,
.singlesidebar-header h1,
.singlesidebar-header h5,
.page-header h1,
.single-header h1, 
.single-header h5 {
	margin: 0;
}

.archive-content,
.singlesidebar-content,
.page-content .entry-content,
.single-content .entry-content{
	margin: 30px auto !important;
}

.archive-sidebar {
	display: flex;
    gap: 10px;
    flex-direction: column;
}

.pagination {
  margin-top: 2rem;
  text-align: center;
}

.pagination .page-numbers {
  display: inline-block;
  margin: 0 5px;
  padding: 8px 12px;
  background: #f1f1f1;
  color: #000;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
}

.pagination .current, .pagination .page-numbers:hover {
  background: #ef3037;
  color: #fff;
  font-weight: bold;
}

.term-list {
	margin-bottom: 30px;
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 1rem;
}

.term-list .term-thumb {
	max-width: 150px;
    height: auto;
    border-radius: 8px;
}

.related-department a,
.related-cities a {
	margin: 0 0 0.5rem;
    font-size: 1rem;
	line-height: 1rem;
    display: flex;
    gap: 1rem;
    text-decoration: none;
    flex-direction: row;
    align-content: center;
    align-items: center;
	color: #000;
}

.related-department a:hover,
.related-department a:active,
.related-department a.active,
.related-department a:focus,
.related-cities a:hover,
.related-cities a:active,
.related-cities a.active,
.related-cities a:focus {
	color: #1B5E3C;
}

.related-department a img,
.related-cities a img {
	width: 40px;
    height: 40px;
    object-fit: cover;
}

.latest-executiveorders,
.latest-ordinanceresolutions,
.related-posts ul,
.district-lists ul,
.related-department ul,
.related-cities ul,
.governance-lists ul,
.fulldisclosure-lists ul {
    list-style: none;
    padding: 0; 
}

.related-cities {
    margin-bottom: 20px;
}

.fulldisclosure-lists ul.child-item {
    margin-top: 10px;
    margin-bottom: 20px;
}

.latest-executiveorders li,
.latest-ordinanceresolutions li {
	padding: 0px 0px 20px 0px;
	margin-bottom: 20px;
	border-radius: 0px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #C7C8C9;
}

.fulldisclosure-lists .parent-item > li {
	padding: 0px;
	margin-bottom: 10px;
	border-radius: 0px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #C7C8C9;
}

.fulldisclosure-lists .child-item > li {
    margin-bottom: 5px;
}

.related-posts li,
.district-lists li,
.related-department li,
.related-cities li,
.governance-lists li {
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
}

.latest-executiveorders li p,.latest-executiveorders li h5,
.latest-ordinanceresolutions li p, .latest-ordinanceresolutions li h5 {
	margin-bottom: 0;
}

.latest-executiveorders li .date,
.latest-ordinanceresolutions li .date{
	font-weight: 500;
}

.latest-executiveorders li:last-child,
.latest-ordinanceresolutions li:last-child{
	border: none;
}

#cpt-year-filter-form {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.cpt-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 8px 12px;
    font-size: 1rem;
    line-height: 1.2;
    min-width: 160px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    color: #333;
    background-image: url(data:image/svg+xml;utf8,<svg fill='gray' height='16' viewBox='0 0 20 20' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 7l3 3 3-3z'/></svg>);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 30px;
    padding-right: 36px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    max-width: 150px;
}

@media (max-width: 1024px) {
	.elementskit-navbar-nav-default .elementskit-navbar-nav>li > div.nav-description {
		padding: 10px 15px 10px 15px;
	}
}

/* Tablet */
@media (max-width: 1024px) and (min-width: 768px) {
    body.single-motorcycles .single-header,
    body.archive .archive-header {
        --min-height: 270px;
    }
    .archive-header h1,
    .archive-header h5,
    .singlesidebar-header h1,
    .singlesidebar-header h5,
    .page-header h1,
    .single-header h1,
    .single-header h5 {
        font-size: 1.7em;
    }
}

@media (max-width: 767px) {
    body.single-motorcycles .single-header,
    body.archive .archive-header {
        --min-height: 230px;
    }
    .sticky-inner {
        position: static !important;
    }
    .page-header,
    .archive-header {
        padding: 0 20px;
    }
    .archive-container {
        flex-direction: column;
    }
    .site-main {
        padding:0 !important;
    }
    .content-area,
    .sidebar-area {
        flex: 1 1 100%;
    }
    .elementskit-navbar-nav-default .elementskit-navbar-nav>li > div.nav-description {
    	padding: 10px 15px 10px 15px;
    }
    
    .elementskit-menu-close {
        font-size: 0; /* hides the text without removing the element */
    }
    
    .elementskit-menu-close:before {
        content: "";
        display: inline-block;
        width: 32px;
        height: 32px;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='6' x2='6' y2='18'/><line x1='6' y1='6' x2='18' y2='18'/></svg>") no-repeat center;
        background-size: contain;
    }
    .archive-header h1,
    .archive-header h5,
    .singlesidebar-header h1,
    .singlesidebar-header h5,
    .page-header h1,
    .single-header h1,
    .single-header h5 {
        font-size: 1.7em;
    }
}