/* AJR TrackMate Plugin - Homepage Styles - @package ajr-trackmate/css */


/* ----------------------------------------------------------------------------------------- */
/* LAYOUT
/* ----------------------------------------------------------------------------------------- */
.page_home main {
    margin-top: 1em !important;    
}


/* ----------------------------------------------------------------------------------------- */
/* HEADINGS
/* ----------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------- */
/* HERO - FREE TRIAL BUTTON
/* ----------------------------------------------------------------------------------------- */
.free_trial a,
.ajr_subscriptions_package_info a {
	overflow:hidden;
	position:relative; }


/* ----------------------------------------------------------------------------------------- */
/* HERO - NEXT RACE INFORMATION BAR
/* ----------------------------------------------------------------------------------------- */
.next_race_container {
    position:relative;
    z-index: 10;
    display: -webkit-flex; display: flex;
    -webkit-align-items: baseline; align-items: baseline;
    width: max-content;
    height: auto;
    margin-bottom: 1rem;
    border-spacing:0.25rem;
    border-radius:var(--background_border_radius);
    border:var(--glass_background_border);
    background:var(--glass_background);
    box-shadow:0 0 10px 0 rgba(0,0,0,0.2); }
    .next_race_container:before {
        content:'';
        position:absolute;
        z-index:-1;
        top:0;
        right:0;
        bottom:0;
        left:0;
        border-radius:var(--background_border_radius);
        -webkit-backfrop-filter:blur(var(--glass_background_blur)); backdrop-filter:blur(var(--glass_background_blur)); }
    .next_race_container .next_race_header {
        min-width: 50px;
        padding: 0 2px 0 0.5rem;
        line-height: 0.7rem;
        font-size: 0.75rem;
        font-weight: 400;
        color: #000;
        text-shadow: 0 0 5px #fff;
        transform: translateY(1px); }
    .next_race_container .next_race_items_wrapper {}
        .next_race_container .next_race_items_container {
            display: -webkit-flex; display: flex;
            padding: 0.25rem; }
            .next_race_container .next_race_item {
                position:relative; }
                .next_race_container .next_race_item + .next_race_item {
                    margin-left: 0.25rem; }
                .next_race_container .next_race_item button {
                    box-shadow:1px 1px 2px 0 rgba(0,0,0,0.5); }
                    .next_race_container .next_race_item.i_1 button {}
                    .next_race_container .next_race_item.i_2 button {
                        opacity:0.6; }
                    .next_race_container .next_race_item.i_3 button {
                        opacity:0.5; }
                    .next_race_container .next_race_item.i_4 button {
                        opacity:0.4; }
                    .next_race_container .next_race_item button:hover {
                        opacity:1 !important; }

@media screen and (max-width:767px) {
	.next_race_container {
		display: block;
		padding: 0;
		overflow-x: hidden; }
		.next_race_container .next_race_header {
			display: block !important;
			padding: 6px 0 0 5px;
			line-height: 0.8rem;
			text-align: left;
            transform: none; }
			.next_race_container .next_race_header::after {
				content:':'; }
			.next_race_container .next_race_header .is_mobile_remove_br {
				display:inline-block;
				width:4px; }
		.next_race_container .next_race_items_wrapper {
			overflow-x:auto; }
			.next_race_container .next_race_items_wrapper::-webkit-scrollbar {
				display:none; }
			.next_race_container .next_race_items_container {
				position:relative;
				left:0;
				width:max-content;
				transition: left 0.2s cubic-bezier(.2, .0, .5, 3); }
				.next_race_container .next_race_item {
					display: inline-block;
					width: auto; }
					.next_race_container .next_race_item button {
						width: 100% !important;
						padding: 10px 1em !important;
						font-size: 1em !important; }
}

/* ----------------------------------------------------------------------------------------- */
/* MESSAGES
/* ----------------------------------------------------------------------------------------- */
.homepage_messages_container {
	padding:0 calc(2em - 10px); }
	.homepage_messages_container .elementor-shortcode {
		margin-top:1em;
		padding: 0; }
	.elementor-shortcode:empty {
		display:none; }

@media screen and (max-width:767px) {
	.homepage_messages_container {
		padding:0 2em; }
		.homepage_messages_container .elementor-shortcode {
			margin-top:2em;
			margin-bottom:0.5em; }
			.homepage_messages_container .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
				padding:0; }
}

/* ----------------------------------------------------------------------------------------- */
/* SELECTION BOXES
/* ----------------------------------------------------------------------------------------- */
.homepage_selection_boxes {
    display: -webkit-flex; display: flex;
    -webkit-flex-wrap: wrap; flex-wrap: wrap;
    width: calc(100% + (var(--margin_item) * 2));
    margin-left: calc(-1 * var(--margin_item));
    margin-right: calc(-1 * var(--margin_item));
    padding-top: 1rem;
}
	.homepage_selection_boxes .wrapper_boxed {
            width: 20%; }
            .homepage_selection_boxes .container_boxed {
                display: -webkit-flex; display: flex;
                -webkit-flex-direction: column; flex-direction: column;
                -webkit-justify-content: center; justify-content: center;
                -webkit-align-items: center; align-items: center;
                padding: 1em;
                background: var(--morph_bgd_concave);
                box-shadow: var(--morph_up_shadow);
                transition: var(--transition); }
                .homepage_selection_boxes .container_boxed:hover {
                    background: var(--morph_bgd_button_hover);
                    box-shadow: var(--morph_up_button_shadow_hover);
                    transition: var(--transition_cb_hover); }
                /* icon */
                .homepage_selection_boxes .container_boxed i {
                    margin-bottom: 0.25em;
                    font-size: 1.5em;
                    text-align: center;
                }
                /* title */
                .homepage_selection_boxes .container_boxed .container_title {
                    margin: 0;
                    text-align: center;
                }
                /* hover/active */
                .homepage_selection_boxes .container_boxed i,
                .homepage_selection_boxes .container_boxed .container_title {
                    color: rgb(var(--colour_accent));
                }
                    .homepage_selection_boxes .container_boxed:hover i,
                    .homepage_selection_boxes .container_boxed:hover .container_title {
                        color: rgb(var(--colour_accent_hover));
                    }
                    .homepage_selection_boxes .container_boxed:active i,
                    .homepage_selection_boxes .container_boxed:active .container_title {
                        color: rgb(var(--colour_accent_active));
                    }
                /* desc */
                .homepage_selection_boxes .container_boxed p,
                .homepage_selection_boxes .container_boxed .container_desc {
                    margin: 1em 0 1em;
                    line-height: 1.25em;
                    font-family: Roboto Condensed;
                    font-size: 0.9em;
                    font-weight: 300;
                    text-align: center;
                    color: #888; }
                .homepage_selection_boxes .container_boxed .container_title + p,
                .homepage_selection_boxes .container_boxed .container_title + .container_desc {
                    margin-top: 0.5em;
                }
                /* buttons */
                .homepage_selection_boxes .container_boxed a[type=button],
                .homepage_selection_boxes .container_boxed a.ajr-button {
                    width: 100%;
                }

                        .homepage_selection_boxes .wrapper_boxed>.elementor-column {
                            padding:10px; }
			.homepage_selection_boxes .wrapper_boxed>.elementor-column-gap-default>.elementor-column>.elementor-element-populated,
			.homepage_selection_boxes .container_boxed>.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
                            padding:0 !important; }
			.homepage_selection_boxes .container_boxed .elementor-icon-box-icon {}
                            .homepage_selection_boxes .container_boxed .elementor-icon-box-icon a {
                                display:block;
                                padding:1rem 1rem 0em;
                                font-size:25px; }
                                .homepage_selection_boxes .container_boxed .elementor-icon-box-icon a i {
                                    display:inline-block; }
			.homepage_selection_boxes .container_boxed .elementor-icon-box-title {
				margin:0;
				line-height:1em; }
				.homepage_selection_boxes .container_boxed .elementor-icon-box-title a {
					display:block;
					padding:0 1rem 0.9rem; }
				.homepage_selection_boxes .container_boxed .elementor-icon-box-icon a,
				.homepage_selection_boxes .container_boxed .elementor-icon-box-title a {
					color:rgb(var(--colour_accent)); }
					.homepage_selection_boxes .container_boxed:hover .elementor-icon-box-icon a,
					.homepage_selection_boxes .container_boxed:hover .elementor-icon-box-title a {
						color:rgb(var(--colour_accent_hover)); }
			
			.homepage_selection_boxes .container_boxed .elementor-widget-button .elementor-widget-container {
				padding:1em; }
@media screen and (max-width:767px) {
    .homepage_selection_boxes {
        max-width: calc(100% + var(--margin_item)); }
    
    .page_home .layout_container:first-of-type .layout_content {
        padding: 0; }
	/* horizontal scroll */
	.homepage_selection_boxes {
        -webkit-flex-wrap: nowrap; flex-wrap: nowrap;  }
        .homepage_selection_boxes.selection_buttons {
            padding: var(--layout_padding);
            overflow-x: auto; }
        .homepage_selection_boxes.selection_buttons::-webkit-scrollbar {
            display:none; }
            .homepage_selection_boxes .container_boxed .container_title {
                white-space:nowrap; }
            .homepage_selection_boxes.selection_buttons>.elementor-container {
                left:0;
                width:max-content !important;
                max-width:none !important;
                padding-right:1.5em;
                transition: left 0.2s cubic-bezier(.2,.0,.5,3); }
                .homepage_selection_boxes.selection_buttons .wrapper_boxed {
                    width:auto; }

                .wp-container-6,
                .wp-container-12 {
                    flex-direction: column-reverse; }
}


/* ------------------------------------------------------------------------------------------------ */
/* LAYOUT
/* ------------------------------------------------------------------------------------------------ */
.page_home .layout_content h2 {
    font-size: 2.5rem; }
.page_home .layout_content img {
    max-width: fit-content; }


/* ------------------------------------------------------------------------------------------------ */
/* SECTIONS
/* ------------------------------------------------------------------------------------------------ */
.homepage_container {
    max-width: var(--layout_max_width);
    margin-top:2rem;
    padding:0 var(--layout_padding); }
    .homepage_container:empty {
        margin:0;
        padding:0; }

    .homepage_container .section_title {
        margin:0 auto 0.25em;
        line-height:1em;
        font-size:3.0rem !important; }
    .homepage_container p {
        line-height:1.5em;
        font-size:1.0rem; }
    .homepage_container a,
    .homepage_container button {
        margin:0.25rem; }

    /* hero */
    .ajr_hero .homepage_container {
        margin:0 0 3rem;
        padding:0; }
        .ajr_hero .homepage_container a,
        .ajr_hero .homepage_container button {
            margin-left:0;
            box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 50%); }

    /* section 1 */
    .homepage_container.section_1 {
        margin-bottom:-0.5rem;
        text-align:center; }

    /* section last */
    .homepage_container.section_last {}
        .homepage_container.section_last .section_title {
            text-align:center; }


/* ------------------------------------------------------------------------------------------------ */
/* ANIMATION */
/* ------------------------------------------------------------------------------------------------ */
.ajr_lookatme_horizontal_scroll { /*-webkit-animation: ajr_lookatme_horizontal_scroll 1.5s ease infinite; animation: ajr_lookatme_horizontal_scroll 1.5s ease infinite; }
@-webkit-keyframes ajr_lookatme_horizontal_scroll	{ 0%,100% { margin-left:0; } 50% { margin-left:-2em; } 75% { margin-left:1em; } }
@keyframes ajr_lookatme_horizontal_scroll			{ 0%,100% { margin-left:0; } 50% { margin-left:-2em; } 75% { margin-left:1em; } }*/
	left:-4em !important;
	transition:left 0.3s ease-in-out !important; }

.ajr_flash_fast { -webkit-animation: ajr_flash 0.5s linear infinite; animation: ajr_flash 0.5s linear infinite; }
.ajr_flash		{ -webkit-animation: ajr_flash 1.0s linear infinite; animation: ajr_flash 1.0s linear infinite; }
.ajr_flash_slow { -webkit-animation: ajr_flash 1.5s linear infinite; animation: ajr_flash 1.5s linear infinite; }
@-webkit-keyframes ajr_flash { 0%,100% { opacity: 0.35; } 50% { opacity: 1; } }
@keyframes ajr_flash		 { 0%,100% { opacity: 0.35; } 50% { opacity: 1; } }