/*
 Theme Name:   scootertime
 Theme URI:    https://scootertime.ch
 Description:  Child theme for Scootertime
 Author:       Michael Sutter
 Author URI:   https://michaelh.ch
 Template:     generatepress
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

.main-navigation .main-nav ul li a {
	padding-left:10px;
	padding-right:10px;
}

.top-bar {
	background-color:black;
}

@media only screen and (min-width: 1000px) {
	.site-logo {
		margin-top:-200px!important;
	}
	/*.page-id-33 .is-right-sidebar, .page-id-1318 .is-right-sidebar, .page-id-1321 .is-right-sidebar {
		margin-top:900px;
	}
	.flexslider > ul > li.flex-active-slide {
		width: 100% !important;
		margin-bottom:170px!important;
	}*/
	.page-id-33 .gb-element-68eb79de, .page-id-1318 .gb-element-68eb79de, .page-id-1321 .gb-element-68eb79de {
		display:none!important;
	}
}

.gb-element-a7ae1484 .gb-text {
  font-size: 13px;
  font-style: italic;
}

/* Rechte Sidebar auf Mobile oben statt ganz unten
@media only screen and (max-width: 1000px) {
.right-sidebar .site-content {
        display: flex;
        flex-direction: column-reverse;
    }
}*/

.gb-element-758e0050 {
	background-color:transparent!important;
}

.gb-element-a7ae1484 {
	margin-left:0%!important;
}

div.vc_custom_1419240516480 {
    background-color: #ffffff !important;
}

/* 3-Spalten-Layout für News, Fahrberichte, Bekleidung/Accessoires für DE, FR und IT */
.gb-looper-818872ac {
	grid-template-columns: repeat(3, minmax(0, 1fr))!important;
}

@media screen and (max-width: 768px) {
  .gb-looper-818872ac {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media screen and (max-width: 400px) {
  .gb-looper-818872ac {
    grid-template-columns: 1fr !important;
  }
}

/* Only target the image area (zone-a), set fixed height
.vc_gitem-zone.vc_gitem-zone-a {
	width: 260px !important;
	height: 170px !important;
	background-size: cover !important;
	background-position: center !important;
}*/

.vc_gitem-zone.vc_gitem-zone-a {
	width: 100% !important;
	max-width: 260px;
	background-size: cover !important;
	background-position: center !important;
}


/* Allow the content area to expand naturally */
.vc_gitem-zone.vc_gitem-zone-c {
	width: 260px !important; /* match image width if needed */
	min-height: 200px !important; /* or more as needed */
	padding: 15px;
}

/* Make all content zones the same fixed height */
.vc_gitem-zone.vc_gitem-zone-c {
  height: 340px !important; /* Adjust as needed */
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
}

.gb-text-538a71c5, .gb-text-f3cb4876 {
	margin-bottom:0px!important;
}

.gb-text-101cddc6 {
	margin-bottom:50px!important;
}

/* ADS PRO */
.bsaProCarousel-5, .bsaProCarousel-6, .bsaProCarousel-7 {
	margin-left:auto!important;
	margin-right:0px!important;
	display:block!important;
}

#bsa-block-728--90 .bsaProItemInner__img {
	min-width:728px!important;
}

.widget-area .widget {
	padding:0px!important;
}

.bsaProCarousel-8, .bsaProCarousel-9 {
	margin:0px!important;
}

/* Blog post grid layout the same for categories as on the home page */
/* Ensure three-column layout */
.gb-loop-item {
    width: 100%;
    margin: 1% !important;
    float: left;
    box-sizing: border-box;
    background: #fff;
    border: none!important
    padding: 0;
    transition: all 0.3s ease-in-out;
}

/* Image block */
.gb-loop-item > div:first-child img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Add a background container for the content */
.gb-loop-item > div:last-child {
    padding: 20px;
}

/* Title styling */
.gb-loop-item h3.gb-text a {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.gb-loop-item h3.gb-text a:hover {
    color: #d81b60; /* match 'juicy-pink' */
}

/* Category tag */
.gb-loop-item h6.gb-text a {
    font-size: 12px;
    color: #d81b60;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Excerpt text */
.gb-loop-item p.gb-text {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

/* Optional: remove author/date if not needed */
.gb-loop-item .gb-text-538a71c5,
.gb-loop-item .gb-text-f3cb4876 {
    display: none;
}

.gb-loop-item > div:first-child img {
    width: 260px !important;
    height: 170px !important;
    object-fit: cover;
    object-position: center;
    display: block;
    margin: 0 auto;
}

.gb-text.gb-text-d701c2f0 {
    display: none !important;
}

.ad-border-top {
	border-top:2px solid black;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .gb-loop-item {
        width: 100% !important;
        margin: 10px 0 !important;
    }
}

/* iPhone 12 mini */
@media screen and (max-width: 375px) {
    .gb-loop-item > div:first-child img {
        width: 100% !important;
        height: auto !important;
    }

    .vc_gitem-zone.vc_gitem-zone-a,
    .vc_gitem-zone.vc_gitem-zone-c {
        width: 100% !important;
        height: auto !important;
    }
}

/* Media queries for mobile responsiveness */
@media only screen and (max-width: 1200px) {
		.desktop-only {
		display: none!important;
	}
    .mobile-only {
		display: block!important;
	}
}

/* Home teaser image full width and height by michaelH */
@media only screen and (min-width: 1201px) {
	.desktop-only {
            display: block!important;
        }
    .mobile-only {
            display: none!important;
        }
}

.post_views_counter_list_widget-2 > h2 {
	display:none!important;
}

/* Target only post view counter widget list items */
.widget_post_views_counter_list_widget li {
  overflow: hidden;
  display: block;
}

/* Force image and title to stack vertically */
.widget_post_views_counter_list_widget .post-thumbnail,
.widget_post_views_counter_list_widget .post-title {
  display: block;
  margin: 0;
  text-align: left;
}