/*
Theme Name: PubCrawls
Theme URI: #
Description:  PubCrawls Quick Start Pack for Elementor is a child theme of Hello Elementor, created by Nexiby LLC.
Author: Atiqur Rahman
Author URI: https://www.linkedin.com/in/devatiq/
Template: hello-elementor
Version: 1.0.0
Text Domain: Nexiby
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: PubCrawls, Nexiby LLC, Elementor, Hello Elementor, Child Theme, Hello Elementor Child, Nexiby LLC quick start pack for elementor project
*/

/* Add your custom styles here */



*, ::before, ::after {
  box-sizing: border-box; /* Ensures padding and borders are included in element's total width/height */
}

/* Optional: Removes default margin from most elements for better control */
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}

/* Optional: Removes list styles on ul, ol elements with a list role */
ul[role='list'], ol[role='list'] {
  list-style: none;
}

/* Optional: Ensures images are responsive */
img {
  max-width: 100%;
  display: block;
}

/* Optional: Ensures form elements inherit font properties */
input, button, select, textarea {
  font: inherit;
}




/* Custom Css  */




/* Pubcrawls Popular City List */
.pubcrawls-city-wrap .pubcrawls-popular-city-list{
	list-style-type:none;
	display:grid;
	grid-template-columns: repeat(5, 1fr);
	gap:1rem;
	padding:0px !important;
}
.pubcrawls-city-wrap .pubcrawls-popular-city-list li a{
	padding:1em;
	font-size:1.125rem;
	font-weight:500;
	background-color:#222631;
color:#FFFFFF;
	border:1px solid #2E3440;
	border-radius:1em;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:color 0.3s ease-in-out;
	text-align:center;
}
.pubcrawls-city-wrap .pubcrawls-popular-city-list li a:hover{
	border-color:#E6B325;
}




/* Pubcrawls City List */
.pubcrawls-city-wrap .pubcrawls-city-list{
	display:grid;
	grid-template-columns: repeat(5, 1fr);
	gap:1rem;
	padding: 40px;
    border-radius: 1rem;
    background-color: #222631;
	border: 1px solid #2E3440
}
.pubcrawls-city-wrap .pubcrawls-city-list li a{
	font-size:1.125rem;
	font-weight:500;
	color:#B8BDC7;
}
.pubcrawls-city-wrap .pubcrawls-city-list li::marker{
	color:#2E3440;
	width:8px;
	height:8px;
}

.pubcrawls-city-wrap .pubcrawls-city-list li a:hover,
.pubcrawls-city-wrap .pubcrawls-city-list li:hover::marker {
    color: #E6B325;
}


.pubcrawls-city-wrap .pubcrawls-city-show-all-wrap{
	display:flex;
	justify-content:center;
	align-items:center;

}
.pubcrawls-city-wrap .pubcrawls-city-show-all-wrap button{
	cursor:pointer;
	background-color:transparent !important;
	color:#E6B325 !important;
	border:2px solid #E6B325 !important;
	transition:color 0.3s ease-in-out;
}

.pubcrawls-city-wrap .pubcrawls-city-show-all-wrap button:hover{
	background-color:#E6B325 !important;
	color:#000 !important;
	border:2px solid #E6B325 !important;
}


.pubcrawls-vc-search-wrap .pubcrawls-city-wrap{
	align-items:stretch !important;
}

.pubcrawls-city-wrap .pubcrawls-vc-search-wrap-with-btn{
	    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	gap:24px;
}

.pubcrawls-city-wrap .pubcrawls-vc-search-wrap-with-btn .pubcrawls-vc-search-inner{
	max-width:400px !important;
}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 1024px) {
    .pubcrawls-city-wrap .pubcrawls-city-list{
        grid-template-columns: repeat(3, 1fr);
		padding:30px;
    }
	.pubcrawls-city-wrap .pubcrawls-popular-city-list{
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 768px) {
    .pubcrawls-city-wrap .pubcrawls-city-list {
        grid-template-columns: repeat(2, 1fr);
    }
	.pubcrawls-vc-search-wrap-with-btn{
		flex-direction: column;
	}
	.pubcrawls-city-wrap .pubcrawls-popular-city-list{
		grid-template-columns: repeat(2, 1fr);
	}
	.pubcrawls-city-wrap .pubcrawls-popular-city-list li a{
		font-size:1rem;
	}
}

@media (max-width: 480px) {
    .pubcrawls-city-wrap .pubcrawls-city-list {
        grid-template-columns: 2fr;
		
    }
	.pubcrawls-city-wrap .pubcrawls-popular-city-list{
		
	}

}



/* City Single Page */