/*
 Theme Name:   Mounthood Child Theme
 Theme URI:    https://mounthood.axiomthemes.com/
 Description:  Mounthood Child Theme
 Author:       AxiomThemes
 Author URI:   https://axiomthemes.com
 Template:     mounthood
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  mounthood
*/


/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap'); */


html, body, div, span, applet, object, iframe, video, audio, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section {
    font-family: 'Verdana', sans-serif !important;
}

.elementor-18049 .elementor-element.elementor-element-451604b .logo_image {
    max-height: 76px !important;
}

.elementor-18049 .elementor-element.elementor-element-b4c253e {
    padding: 10px 0px 10px 0px !important;
}
.elementor-18049 .elementor-element.elementor-element-a9acef0 .logo_image {
    max-height: 76px !important;
}

.elementor-18049 .elementor-element.elementor-element-f16de33 {
    padding: 10px 0px 10px 0px !important;
}
.elementor-37815 .elementor-element.elementor-element-fc5feff .logo_image {
    max-height: 76px !important;
}
@media(max-width:767px) {
    .elementor-18049 .elementor-element.elementor-element-a9acef0 .logo_image {
        max-height: 54px !important;
    }
}
/* =Child-Theme customization starts here
------------------------------------------------------------ */
.sc_price_item_inner {
    min-height: 276px;
}
.sc_blogger .sc_blogger_item_featured .sc_blogger_item_link, .sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style_14 .sc_blogger_item .sc_blogger_item_body .post_featured .link{
  display: none !important;
}

.sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style_14 .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bc {
    pointer-events: none !important;
}
.sc_blogger_lay_portfolio.sc_blogger_lay_portfolio_style_14 .sc_blogger_item .sc_blogger_item_body .post_featured .post_info_bc:before {
    background-color: #ee5f8d !important;
}

/* =Team grid - uniform trainer photos (cpt_team / trx_sc_team)
------------------------------------------------------------
   Source photos are uploaded at mixed sizes and aspect ratios
   (from 0.56 tall portraits to a 1.33 landscape), so cards did
   not line up. These rules pin every photo slot to the theme's
   own 570x696 ratio and crop instead of stretch. Ratio-based,
   so it stays correct at every breakpoint.
------------------------------------------------------------ */

/* 1. Fixed photo slot, whatever the source file measures. */
.sc_team .sc_team_item .post_featured {
    width: 100%;
    aspect-ratio: 570 / 696;
}

/* 2. Fill the slot by cropping, never by distorting.
      Bias the crop upward so faces stay in frame. */
.sc_team .sc_team_item .post_featured > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%;
}

/* 3. A member with no featured image keeps their slot instead
      of collapsing the row. Stops applying by itself as soon
      as a photo is set. */
.sc_team .sc_team_item:not(.has-post-thumbnail)::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 570 / 696;
    background-color: #e9edf0;
}

/* 4. Mobile: one card per row, so give each card room before the next
      trainer's photo (adds to the grid's own 20px column padding). */
@media (max-width: 767px) {
    .sc_team .sc_team_item {
        margin-bottom: 40px;
    }
}

/* =Home hero slider - centre the Ski Club logo in the right column
------------------------------------------------------------
   Revolution Slider "slider-1", slide 8: the logo (layer 1) sits in
   Column-2 (layer 14). Its wrapper is a fixed-width block, so
   text-align alone does not centre it; auto margins do.
------------------------------------------------------------ */
#slider-1-slide-8-layer-14 > rs-layer-wrap {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* =Mobile header - "Online Εγγραφή" button before the burger, on one row
------------------------------------------------------------
   Header layout 18049: the right column (055776e) holds the burger
   menu (696955c) then the button (075a28f). With the two columns at
   50/50 the button does not fit beside the burger and wraps below it.
   The logo column shrinks to the logo, the right column takes the
   rest, and the button is moved in front of the burger.
------------------------------------------------------------ */
@media (max-width: 767px) {
    .elementor-18049 .elementor-element.elementor-element-f16de33 > .elementor-container {
        flex-wrap: nowrap;
    }
    .elementor-18049 .elementor-element.elementor-element-d964f0d {
        width: auto !important;
        flex: 0 0 auto;
    }
    .elementor-18049 .elementor-element.elementor-element-055776e {
        width: auto !important;
        flex: 1 1 auto;
        min-width: 0;
    }
    .elementor-18049 .elementor-element.elementor-element-055776e > .elementor-widget-wrap {
        flex-wrap: nowrap !important;
    }
    .elementor-18049 .elementor-element.elementor-element-075a28f {
        order: -1;
        margin-left: 0 !important;
        margin-right: 14px !important;
    }
}
/* Mobile menu popup: "Online Εγγραφή" button below the menu items
   (added by mounthood_child_menu_mobile_signup_button in functions.php). */
.menu_mobile .menu_mobile_signup {
    margin: 1.5em 0 0;
    text-align: center;
}
.menu_mobile .menu_mobile_signup .sc_button {
    display: inline-block;
    min-width: 220px;
    color: #fff !important; /* the popup's link colour would otherwise win */
}
.menu_mobile .menu_mobile_signup .sc_button:hover,
.menu_mobile .menu_mobile_signup .sc_button:focus {
    background-color: #E23A8E;
    color: #fff !important;
}

/* Narrow phones (320-359px): smaller logo and a tighter button so the row still fits. */
@media (max-width: 359px) {
    .elementor-18049 .elementor-element.elementor-element-3a9ccca img {
        width: 72px !important;
        height: auto !important;
        /* keep the 90px logo box, so the header stays 127px tall and
           still matches the spacer above the homepage slider */
        margin: 9px 0 !important;
    }
    .elementor-18049 .elementor-element.elementor-element-075a28f {
        margin-right: 10px !important;
    }
    .elementor-18049 .elementor-element.elementor-element-075a28f .sc_button {
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 12px !important;
    }
}