/*
Theme Name: RIEMAKER Academy
Description: RIEMAKER brand za kupljenu MasterStudy temu. Zadržava njezine predloške i LMS funkcije.
Author: Furrier Group d.o.o.
Template: masterstudy
Version: 1.1.25
License: GNU General Public License v2 or later
Text Domain: riemaker-academy
*/

@font-face{font-family:'Bai Jamjuree';src:url('assets/fonts/BaiJamjuree-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Bai Jamjuree';src:url('assets/fonts/BaiJamjuree-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Bai Jamjuree';src:url('assets/fonts/BaiJamjuree-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Bai Jamjuree';src:url('assets/fonts/BaiJamjuree-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--ra-ink:#231f20;--ra-paper:#f4f3ef;--ra-cyan:#26b8d8;--ra-magenta:#d71384;--ra-violet:#6356b8;--ra-muted:#626778;--ra-font:'Bai Jamjuree',Arial,sans-serif;--ra-radius:8px}
body{font-family:var(--ra-font)!important;color:var(--ra-ink)}
body h1,body h2,body h3,body h4,body h5,body h6,
body .h1,body .h2,body .h3,body .h4,body .h5,body .h6,
body p,body input,body textarea,body select,
body .btn,body .button,body button:not([class*="eicon"]),
body .header-menu,body .header_main_menu_wrapper,
body .elementor-heading-title,body .elementor-widget-text-editor,
body .elementor-button,body .masterstudy-button__title{font-family:var(--ra-font)!important}
body .btn,body .button,body .elementor-button{border-radius:var(--ra-radius)}
body :focus-visible{outline:3px solid var(--ra-magenta);outline-offset:3px}
body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),body select{min-height:44px}
body .logo-unit img{height:auto;object-fit:contain}
body .footer_logo img{object-fit:contain}
body .stm_lms_courses__single--title h5{line-height:1.4}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* A full-width navigation row keeps every section readable on desktops. */
@media(min-width:992px){
  #header .header_default{padding-top:22px;padding-bottom:12px}
  #header .header_default>.container>.row{position:relative}
  #header .header_default>.container>.row>.col-md-3,
  #header .header_default>.container>.row>.col-md-9{width:100%}
  #header .header_default>.container>.row>.col-md-9{position:static}
  #header .header_main_menu_wrapper{margin-top:16px!important;position:static}
  #header .header_main_menu_wrapper>.navbar-collapse{float:none!important}
  #header .header_main_menu_wrapper .header-menu{display:flex;justify-content:space-between;gap:12px;margin:0}
  #header .header_main_menu_wrapper .header-menu>li{float:none;margin:0!important}
  #header .header_main_menu_wrapper .header-menu>li>a{padding:11px 0;white-space:nowrap;min-height:44px}
  #header .header_main_menu_wrapper .right_buttons{position:absolute;right:15px;top:8px}
 #header .header-menu li:focus-within>.sub-menu{display:block;opacity:1;visibility:visible}
}
.ra-collection-heading{background:var(--ra-paper);border-bottom:1px solid #e5e2df;padding:56px 0 42px}
.ra-collection-heading h1{font-size:clamp(36px,5vw,58px);line-height:1.12;margin:10px 0 16px;color:var(--ra-ink)}
.ra-collection-heading p{font-size:19px;line-height:1.6;max-width:720px;margin-bottom:0}
.ra-collection-heading .ra-eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--ra-muted)}
.ra-empty-collection{padding:64px 0 80px;max-width:760px}
.ra-empty-collection h2{font-size:30px;line-height:1.3;margin:24px 0 14px;color:var(--ra-ink)}
.ra-empty-collection p{font-size:18px;line-height:1.65;margin-bottom:26px}
.ra-collection-accent{display:block;width:72px;height:5px;border-radius:4px;background:linear-gradient(90deg,var(--ra-magenta),var(--ra-violet),var(--ra-cyan))}
@media(max-width:767px){.ra-collection-heading{padding:36px 0 30px}.ra-empty-collection{padding:38px 0 50px}.ra-empty-collection h2{font-size:26px}}
.ra-demo-price{display:block;font-size:12px;font-weight:500;line-height:1.4;margin-top:5px;color:#626778}
@media(min-width:992px){#header .header-menu>li:last-child>.sub-menu{left:auto;right:0}#header .header-menu>li:last-child .sub-menu .sub-menu{left:auto;right:100%}}
body.woocommerce .entry-header,body.blog .entry-header,body.single-post .entry-header,body.single-events .entry-header{background:var(--ra-paper)!important;background-image:none!important;border-bottom:4px solid var(--ra-cyan)}
body.woocommerce .entry-header h1,body.blog .entry-header h1,body.single-post .entry-header h1,body.single-events .entry-header h1{color:var(--ra-ink)!important}
body.woocommerce h1,body.woocommerce h2,body.woocommerce h3{color:var(--ra-ink)}
body.woocommerce .product__inner img{object-fit:contain;aspect-ratio:1/1;background:var(--ra-paper)}
/* RIEMAKER 1.1: legible brand, shared forms and aligned product cards. */
#header .header-menu>li>a{font-size:13px!important;letter-spacing:.02em}
#header .header-menu>li.ra-cart-menu>a{color:var(--ra-ink)!important;background:var(--ra-cyan);border-radius:8px;padding:11px 12px}
.ra-cart-count{display:inline-flex;min-width:20px;justify-content:center;font-size:12px;font-weight:700}
body .btn-default,body .elementor-button,body .masterstudy-button_style-primary .masterstudy-button__link{background:var(--ra-magenta)!important;border-color:var(--ra-magenta)!important;color:white!important}
body .btn-default:hover,body .elementor-button:hover{background:var(--ra-violet)!important;border-color:var(--ra-violet)!important}
body.woocommerce :is(ul.products,ul.stm-courses){display:flex;flex-wrap:wrap;align-items:stretch}
body.woocommerce :is(ul.products,ul.stm-courses):before,body.woocommerce :is(ul.products,ul.stm-courses):after{display:none}
body.woocommerce :is(ul.products,ul.stm-courses) li.product{display:flex;flex-direction:column;float:none;margin-bottom:28px}
body.woocommerce :is(ul.products,ul.stm-courses) li.product .product__inner{height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5e2df;border-radius:12px;padding:0 0 20px;background:#fff}
body.woocommerce .product__inner>.woocommerce-loop-product__link{display:flex;flex:1;flex-direction:column;width:100%}
body.woocommerce .product__inner h2.woocommerce-loop-product__title{font-size:19px!important;line-height:1.4;min-height:4.2em;margin:0!important;padding:20px 20px 10px!important}
body.woocommerce .product__inner .price{margin-top:auto;padding:8px 20px 18px}
body.woocommerce .product__inner>.button{align-self:flex-start;margin:0 20px!important;white-space:normal;background:var(--ra-magenta)!important;color:#fff!important;border:0!important;line-height:1.35;padding:13px 16px}
body.woocommerce .product__inner>.added_to_cart{margin:10px 20px 0;color:var(--ra-violet);font-weight:600}
body .wpcf7{width:100%;max-width:760px}
body .wpcf7 form label{display:block;width:100%;font-weight:600;line-height:1.5;margin:0}
body .wpcf7 input:not([type=submit]):not([type=checkbox]),body .wpcf7 textarea,body .wpcf7 select{background:#fff;border:1px solid #c8c6c3;border-radius:8px;width:100%;max-width:100%;color:var(--ra-ink);padding:12px 14px;box-sizing:border-box}
body .wpcf7 textarea{min-height:150px;resize:vertical}
body .wpcf7 form p{margin-bottom:20px}
body .wpcf7 .ra-form-submit{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left}
body .wpcf7 .ra-form-submit input[type=submit]{display:inline-block;margin:0;background:var(--ra-magenta);border:0;border-radius:8px;color:white;padding:14px 24px;font-weight:700;min-height:48px}
body .wpcf7 .wpcf7-spinner{margin:0;flex-shrink:0}
.ra-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.ra-form-grid .ra-form-wide{grid-column:1/-1}
.ra-form-note{font-size:14px;line-height:1.6;color:var(--ra-muted)}
.ra-content{font-size:18px;line-height:1.75}
.ra-content h2{font-size:30px;line-height:1.3;margin:42px 0 18px;color:var(--ra-ink)}
.ra-content h3{font-size:23px;line-height:1.4;margin:28px 0 12px}
.ra-content p{margin:0 0 20px;line-height:1.75}
.ra-content li{margin-bottom:9px}
.ra-content .ra-callout{background:var(--ra-paper);border-left:5px solid var(--ra-cyan);padding:24px 28px;margin:30px 0;border-radius:0 10px 10px 0}
.ra-content a{color:#a80c67;text-decoration:underline;text-underline-offset:3px}
.ra-home-hero{padding:75px 0 70px;background:var(--ra-paper)}
.ra-home-hero .ra-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.ra-home-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.06;letter-spacing:-.04em;margin:18px 0 24px;color:var(--ra-ink)}
.ra-home-hero h1 em{font-style:normal;color:var(--ra-magenta)}
.ra-home-hero p{font-size:20px;line-height:1.65;margin-bottom:24px}
.ra-eyebrow{font-size:12px!important;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ra-violet)}
.ra-home-hero img{display:block;width:100%;border-radius:18px;aspect-ratio:4/3;object-fit:cover;object-position:65% center}
.ra-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.ra-btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:8px;font-weight:700;font-size:16px;line-height:1.4;background:var(--ra-magenta);color:#fff!important;text-decoration:none!important;min-height:50px}
.ra-btn.secondary{background:transparent;color:var(--ra-ink)!important;border:1px solid #b5b1b3}
.ra-btn:hover{background:var(--ra-violet);color:white!important}
.ra-formats{padding:70px 0}
.ra-section-title{font-size:clamp(30px,4vw,44px);line-height:1.2;letter-spacing:-.025em;margin:12px 0 22px}
.ra-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}
.ra-format-card{padding:28px;border:1px solid #dedbd7;border-top:5px solid var(--ra-cyan);border-radius:12px;background:white}
.ra-format-card:nth-child(2){border-top-color:var(--ra-magenta)}
.ra-format-card:nth-child(3){border-top-color:var(--ra-violet)}
.ra-format-card .ra-number{font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--ra-muted)}
.ra-format-card h3{font-size:25px;line-height:1.25;margin:20px 0 14px}
.ra-format-card p{font-size:17px;line-height:1.65;margin-bottom:18px}
.ra-format-card a{font-weight:700;color:var(--ra-violet);text-decoration:underline}
.ra-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin:45px 0}
.ra-split img{width:100%;height:auto;border-radius:14px}
.ra-image-caption{font-size:12px!important;color:var(--ra-muted);line-height:1.4;margin-top:8px}
@media(max-width:991px){.ra-home-hero{padding:40px 0}.ra-home-hero .ra-hero-grid{gap:28px}.ra-format-grid{gap:16px}.ra-format-card{padding:20px}#header .header-menu>li.ra-cart-menu>a{display:inline-block;margin:10px 0}}
@media(max-width:767px){.ra-home-hero .ra-hero-grid,.ra-split{grid-template-columns:1fr}.ra-home-hero img{aspect-ratio:16/10}.ra-format-grid,.ra-form-grid{grid-template-columns:1fr}.ra-formats{padding:38px 0}.ra-content{font-size:17px}.ra-content h2{font-size:27px}.ra-split{gap:24px}.ra-form-grid .ra-form-wide{grid-column:auto}body.woocommerce .product__inner h2.woocommerce-loop-product__title{font-size:16px!important;padding:15px 12px 8px!important;min-height:5.6em}body.woocommerce .product__inner .price{padding:8px 12px 14px}body.woocommerce .product__inner>.button{margin:0 12px!important;font-size:12px;padding:12px 9px}}

/* Bootstrap clearfix pseudo-elements must not occupy hero grid cells. */
.ra-home-hero .ra-hero-grid:before,.ra-home-hero .ra-hero-grid:after{display:none!important}
.ra-home-hero .ra-hero-grid{max-width:100%;width:1170px}

/* Membership previews read the disabled draft levels from PMPro. */
.ra-membership-preview{padding:30px 0 15px;color:var(--ra-ink)}
.ra-membership-preview h1{font-size:clamp(34px,4vw,54px);line-height:1.15;letter-spacing:-.03em;margin:14px 0 22px;color:var(--ra-ink)}
.ra-membership-intro{font-size:20px;line-height:1.65;max-width:780px}
.ra-membership-notice{background:var(--ra-paper);border-left:4px solid var(--ra-cyan);padding:20px 24px;margin:26px 0;line-height:1.6;border-radius:0 8px 8px 0}
.ra-membership-grid{margin-bottom:28px}
.ra-membership-card{display:flex;flex-direction:column;padding:28px}
.ra-membership-card h2{font-size:29px;margin:4px 0 22px;color:var(--ra-ink)}
.ra-membership-card .ra-membership-price{font-size:46px;line-height:1.2;font-weight:700;letter-spacing:-.03em;color:var(--ra-ink);margin-bottom:24px}
.ra-membership-price span{font-size:16px;font-weight:500;letter-spacing:0}
.ra-membership-details{flex:1;font-size:16px;line-height:1.6}
.ra-membership-details p{font-size:16px;line-height:1.6}
.ra-membership-details ul{padding-left:20px;margin:20px 0}
.ra-membership-details li{margin-bottom:12px}
.ra-membership-card>.ra-btn{margin-top:14px;text-decoration:none}
.ra-membership-card:nth-child(2){background:#fff7fc}
@media(max-width:991px){.ra-membership-card{padding:22px}.ra-membership-card .ra-membership-price{font-size:38px}}

/* 1.1.3: balanced forms and consistent public-facing brand accents. */
body .wpcf7 .ra-form-submit{position:relative;justify-content:center;text-align:center;padding-bottom:24px}
body .wpcf7 .ra-form-submit .wpcf7-spinner{position:absolute;bottom:-8px;left:calc(50% - 12px)}
body .stm_sign_up_now_inner{padding:34px 28px 14px;border-radius:12px}
body .stm_sign_up_now_inner .wpcf7 form label{text-align:left;font-size:14px}
body .stm_sign_up_now_inner .ra-form-grid{gap:14px 18px}
body .stm_sign_up_now_inner .ra-form-grid p{margin-bottom:6px}
body .stm_sign_up_now_inner .ra-form-note{text-align:left;margin-top:18px}
body .stm_sign_up_now_inner h2,.ra-section-title,.ra-format-card h3{color:var(--ra-ink)}
body .ms_lms_courses_grid__title h2,body .ms_lms_courses_card_item_info_title h3{color:var(--ra-ink)!important}
body .ms_lms_courses_grid__sorting_select_label{background:var(--ra-cyan)!important;color:var(--ra-ink)!important}
body .ms_lms_courses_card_item_info_price,body .ms_lms_courses_card_item_popup_price{background:var(--ra-violet)!important;color:#fff!important}
#footer .footer_widgets_wrapper a{color:#fff}
#footer .footer_widgets_wrapper a:hover,#footer .ra-design-credit a{color:#64d9f0}
#footer .footer_widgets_wrapper .textwidget a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:767px){body .stm_sign_up_now{padding:0 12px}body .stm_sign_up_now_inner{padding:28px 22px 14px}}
body .stm_sign_up_now .stm_sign_up_now_inner{padding:34px 28px 14px!important;border-radius:12px!important}
body .masterstudy-custom-title{color:var(--ra-ink)!important}
body .triangled_colored_separator{background-color:var(--ra-cyan)!important}
body .triangled_colored_separator .triangle{border-bottom-color:var(--ra-cyan)!important}
.home .elementor-element-e9f336c>.elementor-container{justify-content:center}
.home .elementor-element-e9f336c .elementor-element-e9f3a1e{width:100%!important;max-width:800px}
.home .elementor-element-e9f336c .elementor-element-ea00a7c{display:none}
.home .elementor-element-e9f336c .masterstudy-custom-title{text-align:center!important}
.home .elementor-element-e9f336c h4{font-size:30px!important;line-height:1.25!important}
.home .elementor-element-e9f336c p{font-size:18px!important;font-weight:400!important;line-height:1.65!important}

/* 1.1.5: replace the template separator with the Academy brand accent. */
body .stm_colored_separator .triangled_colored_separator{background:linear-gradient(90deg,var(--ra-magenta),var(--ra-cyan))!important;height:4px!important;border:0!important;border-radius:2px}
body .stm_colored_separator .triangled_colored_separator::before,body .stm_colored_separator .triangled_colored_separator::after,body .stm_colored_separator .triangled_colored_separator .triangle{display:none!important}

/* 1.1.6: native quiz warning and catalog heading. */
html[lang^="hr"] .masterstudy-course-player-question::after{content:"ODGOVOR JE OBVEZAN";font-family:var(--ra-font)}
body .ms_lms_courses_grid__title h1,body .ms_lms_courses_archive__title h1{color:var(--ra-ink)!important;font-size:clamp(36px,4vw,50px);line-height:1.15}

/* 1.1.8: compact account link, with a 44 px target and accessible label. */
#header a.ra-account-link{display:inline-flex!important;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:10px!important;box-sizing:border-box;line-height:1;border-radius:50%;vertical-align:middle}
#header a.ra-account-link:hover,#header a.ra-account-link:focus-visible{color:var(--ra-magenta);background:var(--ra-paper)}
.ra-account-icon{display:block;width:24px;height:24px;flex:none}
.ra-account-label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:991px){#header .menu-item-12219{background:#f0f2f5;border-bottom:1px solid rgba(0,0,0,.06)}#header .menu-item-12219>a.ra-account-link{margin:8px 0 8px 28px}}

/* 1.1.12: regional articles use the Academy palette. */
.post_list_meta_unit{border-color:var(--ra-magenta)!important;color:var(--ra-magenta)!important}
.post_list_meta_unit .date-d,.post_list_meta_unit .date-m{color:var(--ra-magenta)!important}



/* Issued certificates: visible code and keyboard-accessible actions. */
.masterstudy-account-my-certificates__certificate-actions{flex-wrap:wrap;justify-content:flex-end;opacity:1!important;pointer-events:auto;min-width:300px;max-width:390px}
.ra-issued-certificate-code{order:2;flex-basis:100%;font-size:12px;line-height:1.5;text-align:right;color:#635d6b}
.ra-issued-certificate-code code{background:#f4edf8;color:#392457;padding:3px 6px;border-radius:4px;user-select:all}
@media(max-width:767px){.masterstudy-account-my-certificates__certificate-actions{min-width:0;max-width:none}.ra-issued-certificate-code{text-align:left}}

/* 1.1.19: give event cards room below the archive heading. */
.post-type-archive-events .ra-collection-heading + .container{padding-top:64px;padding-bottom:80px}
.post-type-archive-events .sidebar_position_none > .row{display:flex;flex-wrap:wrap;align-items:stretch}
.post-type-archive-events .sidebar_position_none > .row:before,.post-type-archive-events .sidebar_position_none > .row:after{display:none}
.post-type-archive-events .event-col{display:flex;float:none;width:33.333333%;margin-bottom:28px}
.post-type-archive-events .event_archive_item{width:100%;height:100%;padding:0 24px 26px;overflow:hidden;border:1px solid #e5e2df;border-radius:14px;background:#fff;box-shadow:0 6px 24px rgba(35,31,32,.05)}
.post-type-archive-events .event_archive_item > a{display:block}
.post-type-archive-events .event-col .event_archive_item > a .event_img{display:flex;align-items:center;justify-content:center;height:160px;width:calc(100% + 48px);max-width:none;margin:0 -24px 24px;padding:30px;background:var(--ra-paper);border-bottom:3px solid var(--ra-magenta)}
.post-type-archive-events .event_archive_item .event_img img{display:block;width:100%;height:100%;object-fit:contain}
.post-type-archive-events .event_archive_item .title{font-size:22px;line-height:1.35;font-weight:600;margin:0 0 18px;color:var(--ra-ink)}
.post-type-archive-events .event_archive_item > a:hover .title{color:var(--ra-magenta)}
.post-type-archive-events .event_archive_item .event_start,.post-type-archive-events .event_archive_item .event_location{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.65;margin:10px 0 0;color:var(--ra-muted)}
.post-type-archive-events .event_archive_item .event_start i,.post-type-archive-events .event_archive_item .event_location i{flex:0 0 17px;position:static;margin:4px 0 0;color:var(--ra-magenta)}
.post-type-archive-events .event_archive_item .multiseparator{display:none}
@media(max-width:991px){.post-type-archive-events .event-col{width:50%}}
@media(max-width:767px){.post-type-archive-events .ra-collection-heading + .container{padding-top:36px;padding-bottom:48px}.post-type-archive-events .event-col{width:100%;margin-bottom:22px}.post-type-archive-events .event_archive_item .title{font-size:21px}}
