/*
Theme Name: Nadine Webdesign
Theme URI: https://nadinewebdesign.nl/
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. Optimized for performance, it provides a solid foundation for users to build unique designs.
Author: Nadine van Schoondrager
Author URI: https://vanschoondrager.nl/
Template: hello-elementor
Version: 1.0.0
*/

/* ==========================================================================
   1. GLOBAL TYPOGRAPHY & LINKS
   ========================================================================== */

/* Underline links in content paragraphs only (Commented out by default)
.page p a, .post p a {
    text-decoration: underline;
} */

/* ==========================================================================
   2. CUSTOM BUTTON STYLING
   ========================================================================== */

/* Note: If the border does not appear, ensure the parent container 
   does not have a background override. Set z-index to 1 in 
   Advanced > Layout if necessary. 
*/

/* --- Normal Button (No Skew) --- */
.press-btn::before {
  content: "";
  position: absolute;
  inset: 12px -12px -12px 12px;
  border: 2px solid white;
  border-radius: 4px;
  z-index: -1;
}

.press-btn:hover .elementor-button {
  transform: translate(10px, 10px);
}

/* --- Skewed Button (Requires Optimized Markup Active) --- */
.skew-btn .elementor-button-text {
  transform: skew(35deg);
}

.press-btn.skew-btn::before {
  border-radius: 4px 12px;
  inset: 12px -14px -12px 14px;
}

.press-btn.skew-btn:hover .elementor-button {
  transform: translate(12px, 10px);
}

/* ==========================================================================
   3. QUOTE SLIDER STYLING
   ========================================================================== */

/* --- Desktop Styles (Default) --- */
.mqw-quote-slider-container {
    min-height: 100px;           /* Fixed height for desktop */
    display: flex;               
    flex-direction: column;      /* Stack quote and author vertically */
    justify-content: center;     /* Vertical alignment */
    align-items: center;         /* Horizontal alignment */
    width: 100%;
}

.mqw-quote-text {
    height: auto;
    max-height: 60px;            /* Constraints growth on desktop */
    overflow: hidden;            /* Truncates excessive text */
    text-align: center;
}

.mqw-quote-author {
    margin-top: 15px;
    text-align: center;
}

/* --- Tablet View (Max width 1024px) --- */
@media (max-width: 1024px) {
    .mqw-quote-slider-container {
        min-height: 130px; 
    }
    
    .mqw-quote-text {
        max-height: 65px; 
    }
}

/* --- Mobile View (Max width 767px) --- */
@media (max-width: 767px) {
    .mqw-quote-slider-container {
        min-height: 160px; 
    }
    
    .mqw-quote-text {
        max-height: 100px; 
    }
}

/* ==========================================================================
   4. NEWS WIDGETS (BOEING, NPR, WORDPRESS & AVIATION)
   ========================================================================== */

/* Shared container resets */
.elementor-widget-container .boeing-news-widget,
.elementor-widget-container .npr-news-widget,
.elementor-widget-container .wordpress-news-widget,
.elementor-widget-container .aviation-news-widget {
    margin: 0;
    padding: 0;
}

/* News item list styling */
.elementor-widget-container .boeing-news-widget .news-item,
.elementor-widget-container .npr-news-widget .news-item,
.elementor-widget-container .wordpress-news-widget .news-item,
.elementor-widget-container .aviation-news-widget .news-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    list-style: none;
}

/* Metadata / Date styling */
.elementor-widget-container .boeing-news-widget .post-date,
.elementor-widget-container .npr-news-widget .post-date,
.elementor-widget-container .wordpress-news-widget .post-date,
.elementor-widget-container .aviation-news-widget .post-date {
    color: #FF5A00;
    margin-bottom: 5px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

/* Headline / Title styling */
.elementor-widget-container .boeing-news-widget .post-title,
.elementor-widget-container .npr-news-widget .post-title,
.elementor-widget-container .wordpress-news-widget .post-title,
.elementor-widget-container .aviation-news-widget .post-title {
    color: #ffffff;
    text-decoration: none;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

/* Hover interactions */
.elementor-widget-container .boeing-news-widget .post-title:hover,
.elementor-widget-container .npr-news-widget .post-title:hover,
.elementor-widget-container .wordpress-news-widget .post-title:hover,
.elementor-widget-container .aviation-news-widget .post-title:hover {
    color: #cccccc;
    text-decoration: underline;
}

/* Suppress default list markers/bullets */
.elementor-widget-container .boeing-news-widget .news-item::before,
.elementor-widget-container .boeing-news-widget .news-item::marker,
.elementor-widget-container .npr-news-widget .news-item::before,
.elementor-widget-container .npr-news-widget .news-item::marker,
.elementor-widget-container .wordpress-news-widget .news-item::before,
.elementor-widget-container .wordpress-news-widget .news-item::marker,
.elementor-widget-container .aviation-news-widget .news-item::before,
.elementor-widget-container .aviation-news-widget .news-item::marker {
    content: none !important;
    display: none !important;
}