/*
	Theme Name:   GeneratePress Child
	Theme URI:    https://generatepress.com/
	Description:  GeneratePress Child Theme
	Author:       Tom Usborne
	Author URI:   https://tomusborne.com/
	Template:     generatepress
	Version:      3.0.3
	License:      license purchased
	Text Domain:  generatepress-child
*/
.site-content {
    display: flex;
}

.wp-block-social-links {  display: flex !important;  flex-direction: row !important;  flex-wrap: wrap !important;  align-items: center;  gap: 10px;}.wp-block-social-links .wp-block-social-link {  display: inline-flex !important;  width: auto !important;}


@media (min-width: 782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 0;
        flex-grow: 1;
		margin: 0 15px 0 0;
    }
.Home-toppost .wp-block-column:first-child { 
    margin-bottom: 10px;
}
}

@media (min-width: 768px) {
.wp-block-social-links {
    display: flex !important;
}
}


.is-layout-flex {
    display: flex;
}
.page-id-133 .site-content 
 {
    display: inline-flex;
}



/* home sidebar ul li css */
.wp-block-latest-posts {
  margin: 0;
}
.wp-block-latest-posts li {
  margin: 0 0 10px 0 !important;
  display: inline-block;
}
.wp-block-latest-posts li a {
  color: #5e5e69;
	display: block;
}
/* home sidebar ul li css */

/* Post Image */
.post-image img {
  width: 100%;
}
/* Post Image */

/* Primary Navigation */
#site-navigation {
  border-bottom: 1px solid #d7d7d7;
  border-top: 5px solid #000;
}
.sf-menu li {
  margin-bottom: 0;
} 
/* Primary Navigation */

/* hide site info in footer css */
.site-info {
  display: none;
}
/* hide site info in footer css */


/* footer nav */
.footer-widget-1 {
  font-size: small;
}
.footer-widget-2 {
  text-align: right;
}
.footer-widget-2 #menu-footer-menu {
  display: inline-flex;
}
.footer-widget-2 #menu-footer-menu li {
  margin: 0 5px;
  font-size: small;
}

@media only screen and (max-width : 768px)   
{
body .is-layout-flex 
 {
    display: inline-block;
} 
.site-content {
  padding: 20px;
}
.footer-widget-1 {
  text-align: center;
  margin-bottom: 10px !important;
}
.footer-widget-2 {
  text-align: center;
}

.footer-widget-2 ul {
  padding: 0;
}
}
/* footer nav */


/* Quizz Page CSS */
#quiztoprow              { display: flex; flex-wrap: wrap; gap: 12px; /* space between buttons */ justify-content: flex-start; padding: 20px;} 
#quiztoprow a            { flex: 1 1 150px; max-width: 180px; text-align: center; text-decoration: none;}
#quiztoprow button       { width: 100%; padding: 12px 8px; font-size: 14px; line-height: 1.3; border: 1px solid #ccc; border-radius: 6px; background-color: #545454; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 6px; transition: background-color 0.3s ease;}
#quiztoprow button:hover { background-color: #8c8c8c;}
#quiztoprow .btn-img     { max-width: 60px; height: auto; display: block;} 
/* Responsive for mobile */
@media (max-width: 600px) {
#quiztoprow              { flex-direction: column; gap: 8px;}
#quiztoprow a            { max-width: 100%; flex: none;}
#quiztoprow button       { font-size: 16px; padding: 14px 10px;}
#quiztoprow .btn-img     { max-width: 50px;}
}
/* Quizz Page CSS */

.mb--21 { margin-bottom: -21px !important; }

div.geodir-field-image_attributions p,
div.geodir-field-image_attributions ul,
div.geodir-field-image_attributions ol {
   font-size: 12px !important;
}

.wp-block-geodirectory-geodir-widget-map,
.wp-block-geodirectory-geodir-widget-output-location {
   position: sticky;
   top: 115px;
}

/* Places Category Page responsive CSS */
.gb-element-936a1892 {
  width: auto !important;
}
.gb-element-c9a53f20 {
  width: auto !important;
}
.bsui a {
  color: #5e5e69;
  text-decoration: none;
  font-weight: 600;
}
.bsui a:hover {
  color: #a0a1ad;
} 

@media (max-width: 440px) {
.bsui .ps-5                          { padding-left: 0px !important; padding-right: 0px !important;}
}
/* Places Category Page responsive CSS */








/* ========= RIGHT SIDE GRID FIX ========= */
.Home-toppost {
  margin: 10px 0 0 0;
}
.Home-toppost .wp-block-latest-posts__list.is-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-auto-rows: 1fr !important;
    gap: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

/* ========= GRID ITEMS (RIGHT SIDE) ========= */
.Home-toppost .wp-block-column:last-child li {
    position: relative;
    list-style: none;
    overflow: hidden;
    border-radius: 10px; /* right side rounded */
    margin: 0 !important;
    height: 200px;
    width: 100%;
    display: block;
}

.Home-toppost .wp-block-column:last-child .wp-block-latest-posts__featured-image {
    height: 100%;
    width: 100%;
    display: block;
}

.Home-toppost .wp-block-column:last-child img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10px; /* right side rounded */
}

/* ========= TITLE OVERLAY (RIGHT GRID) ========= */
.Home-toppost .wp-block-column:last-child .wp-block-latest-posts__post-title {
    position: absolute;
    bottom: 22px; /* moved up */
    left: 12px;
    right: 12px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    z-index: 2;
    text-shadow: 0px 2px 6px rgba(0,0,0,0.7);
    line-height: 1.35;
}

/* Gradient overlay (RIGHT GRID) */
.Home-toppost .wp-block-column:last-child li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 55%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.79), transparent);
    z-index: 1;
    border-radius: 10px; /* right side overlay rounded */
    pointer-events: none;
}

/* ========= HOVER IMAGE ZOOM (GLOBAL) ========= */
.Home-toppost li img {
    transition: transform .35s ease;
}

.Home-toppost li:hover img {
    transform: scale(1.05);
}

/* =================================================================================== */
/* === FIRST BIG POST TITLE OVER IMAGE (LEFT COLUMN) ================================= */
/* =================================================================================== */
.Home-toppost .wp-block-latest-posts li {
  margin: 0;
  display: block;
  height: 400px;
}
.Home-toppost .wp-block-column:first-child {
    position: relative;
    border-radius: 10px; /* left side rounded */
    overflow: hidden;     /* ensures image and overlay respect radius */
}

.Home-toppost .wp-block-column:first-child .wp-block-latest-posts__featured-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 10px; /* left image rounded */
}

/* FIRST POST TITLE OVER IMAGE */
.Home-toppost .wp-block-column:first-child .wp-block-latest-posts__post-title {
    position: absolute;
    bottom: 25px; /* moved up a little to fix cut-off */
    left: 18px;
    right: 18px;
    z-index: 5;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-shadow: 0px 3px 8px rgba(0,0,0,0.75);
    margin: 0 !important;
}

/* DARK GRADIENT FOR FIRST POST */
.Home-toppost .wp-block-column:first-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 45%;
    background: linear-gradient(to top, rgba(0,0,0,0.65), transparent);
    z-index: 3;
    border-radius: 10px; /* left overlay rounded */
}

/* ========= MATCH SAME HOVER ZOOM ON LEFT BIG POST ========= */
.Home-toppost .wp-block-column:first-child li img {
    transition: transform .35s ease !important;
}

.Home-toppost .wp-block-column:first-child li:hover img {
    transform: scale(1.05) !important;
}
@media (max-width: 768px) {
.Home-toppost .wp-block-latest-posts li {
  margin: 0;
  display: block;
  height:auto;
}
}

@media (max-width: 580px) {
.Home-toppost .wp-block-latest-posts__list.is-grid {
	grid-template-columns: repeat(1, 1fr) !important; 
}
}
@media (max-width: 1299px) {
.Home-toppost {
  padding: 0 15px;
}
}
/* submenu styling */
.main-navigation .main-nav ul ul li.menu-item > a            { position: relative; padding-left: 1.8em;  border-bottom: 1px solid rgba(0,0,0,0.08);}
.main-navigation .main-nav ul ul li.menu-item:last-child > a { border-bottom: none;}
.main-navigation .main-nav ul ul li.menu-item > a::before    { content: ""; position: absolute; left: 0.7em; top: 50%; width: 0.6em; height: 1px; background-color: currentColor; transform: translateY(-50%);}
/* submenu styling */


/* title bottom spacing */
.page-header > :last-child { margin-bottom: 15px;}
/* title bottom spacing */


/* Search icon */
@media (max-width: 1200px) {
#primary-menu {
  width: 96%;
}
}

@media (max-width: 910px) {
#primary-menu {
  width: auto;
}
}
/* Search icon */