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

/* --------------------------------------------------------------------------------------------- */
/* VARIABLES
/* --------------------------------------------------------------------------------------------- */
:root {
	/* ----------------------------------------------------------------------------------------- */
	/* COLORS
	/* ----------------------------------------------------------------------------------------- */
	--ratings_colour_cleartop: 0,255,0;
    --ratings_colour_1: 166,243,166;
    --ratings_colour_2: 255,245,170;
    --ratings_colour_3: 252,223,179;
    --ratings_colour_4: 255,195,160;
    --ratings_no_colour: 229,229,229;
    --ratings_colour_last: 255,181,181;
    --ratings_colour_worst: 255,141,141;
    --ratings_not_rated: 242,242,242;
    --colour_marketpos_1: 221,241,221;
    --colour_marketpos_2: 255,250,240;
    --colour_marketpos_3: 255, 250, 225;
    --colour_marketpos_last: 255,240,240;
    --colour_contender_icon_masterfilter: 255,200,0;
    --colour_contender_icon_user_added: var(--colour_accent);
    --colour_contender_bgd: 255,241,191;
    --colour_contender_updated_bgd: var(--colour_success_lighterererer);
    --colour_contender_removed_bgd: var(--colour_warning_lightest);
    --colour_currentorder_icon: 255,220,0;
    --colour_currentorder_bgd: 255,220,100;
    /*--colour_maintenance:250 200 140;
	--colour_maintenance_hover:230 180 120;
	--colour_accent:0 170 200;
	--colour_accent_hover:0 140 170;
	--colour_success:50 200 50;
	--colour_success_hover:40 190 40;
	--colour_error:250 200 140;
	--colour_error_hover:230 180 120;
	--colour_warning:200 0 0;
	--colour_warning_hover:180 0 0;
	--colour_highlight:50 200 50;
	--colour_highlight_hover:40 190 40;
	--colour_highlight_active:30 180 30;
	--colour_ribbon:200 0 0;
	--colour_place_1:50 200 50;
	--colour_place_2:200 200 0;
	--colour_place_3:225 215 0;
	--colour_placed:255 230 0;
	--colour_dark_grey:100 100 100;
	--colour_grey:125 125 125;
	--colour_grey_light:150 150 150;
	--colour_grey_lighter:175 175 175;
	--colour_grey_lighterer:200 200 200;
	--colour_grey_lightest:225 225 225;
	--colour_text:68 68 68;
	--colour_placeholder:200 200 200;
	--colour_placeholder_disabled:221 221 221;
	--colour_accent:0 170 200;
	--colour_accent_hover:0 140 170;
	--colour_accent_active:0 190 210;*/
    
    /* ----------------------------------------------------------------------------------------- */
	/* GRAPHS
	/* ----------------------------------------------------------------------------------------- */
	--colour_graph_default: rgb(var(--colour_grey_lighterer));
    --colour_graph_default_marker: rgb(255,255,0);
    --colour_graph_stop_loss: rgba(255,255,255,0.75);
    --colour_graph_stop_loss_marker: rgb(0,0,200);
    --colour_graph_date_indicator: rgba(var(--colour_grey_lighter),0.15);
    --colour_graph_date_indicator_new: rgba(var(--colour_grey_lighter),0.25);
    --colour_graph_date_indicator_marker: rgb(var(--colour_grey_lighter));
    --colour_graph_highest: rgb(0,200,0);
    --colour_graph_won: rgb(180,240,180);
    --colour_graph_won_marker: rgb(0,180,0);
    --colour_graph_lowest: rgb(255,90,90);
    --colour_graph_lost: rgb(255,200,200);
    --colour_graph_lost_marker: rgb(var(--colour_negative));

	/* ----------------------------------------------------------------------------------------- */
	/* LAYOUT
	/* ----------------------------------------------------------------------------------------- */
	--margin_item: 10px;

	/* ----------------------------------------------------------------------------------------- */
	/* TEXT SHADOWS
	/* ----------------------------------------------------------------------------------------- */
	--text_shadow: 1px 1px 1px rgba(0,0,0,0.5);

	/* ----------------------------------------------------------------------------------------- */
	/* POPUPS
	/* ----------------------------------------------------------------------------------------- */
	--popup_open_blur:0;
	--popup_open_blur_active:4px;
	--popup_open_saturate:0;
	--popup_open_saturate_active:40%;
	--popup_open_brightness:0;
	--popup_open_brightness_active:1;
	--popup_open_background:rgba(0,0,0,0.5);

	/* ----------------------------------------------------------------------------------------- */
	/* BACKGROUND
	/* ----------------------------------------------------------------------------------------- */
	--background_padding:2em;
	--background_border_radius:10px;
	--background_border:1px solid rgba(255,255,255,0.4);
	--background_gradient:linear-gradient(140deg, rgba(230,230,230,0.8), rgba(255,255,255,0.9));
        /*--background_gradient_left:linear-gradient(90deg, rgba(230,230,230,0.8), rgba(255,255,255,0.9));
	--background_gradient_right:linear-gradient(90deg, rgba(230,230,230,0.8), rgba(255,255,255,0.9));*/
	--background_blur:2px;
	--overlap_background_border:1px solid rgba(255,255,255,0.8) !important;
	--overlap_background:rgba(255,255,255,0.8) !important;
	--glass_background_border:1px solid rgba(255,255,255,0.2) !important;
	--glass_background:none !important;
	--glass_background_blur:6px !important;

	/* ----------------------------------------------------------------------------------------- */
	/* NEUMORPHISM
	/* ----------------------------------------------------------------------------------------- */
	/* up */
	--morph_up_margin:1em;
	--morph_up_padding:2em;
	--morph_up_shadow: -10px -10px 20px 0 rgb(255 255 255), 10px 10px 20px 0 rgba(0,0,0,0.1);
	--morph_up_button_shadow_hover: 0 0 20px 0 rgba(0,110,140,0.4);
	--morph_up_border:1px solid rgba(255,255,255,0.8) !important;
	--morph_up_border_radius:10px !important;
	--morph_up_input_border:none !important;
	--morph_up_input_background:rgba(255,255,255,0.4) !important;
	--morph_up_input_shadow: inset 3px 3px 3px 0px rgba(0,0,0,0.1), inset -3px -3px 3px 0px #fff !important;
	/* down */
	--morph_down_shadow: inset -10px -10px 20px 0 rgb(255 255 255), inset 10px 10px 20px 0 rgba(0,0,0,0.1);
	--morph_down_border_color:transparent;
	--morph_down_border_radius:10px !important;
	--morph_down_input_border:none !important;
	--morph_down_input_background:rgba(255,255,255,0.4) !important;
	--morph_down_input_shadow: inset 3px 3px 3px 0px rgba(0,0,0,0.1), inset -3px -3px 3px 0px #fff !important;
	/* bgd */
	--morph_bgd_concave: linear-gradient(145deg, #eeeeee, #ffffff) !important;
	--morph_bgd_concave_hover: linear-gradient(325deg, #eeeeee, #ffffff) !important;
	--morph_bgd_convex: linear-gradient(145deg, #ffffff, #eeeeee) !important;
	--morph_bgd_convex_hover: linear-gradient(325deg, #ffffff, #eeeeee) !important;
	--morph_bgd_button_hover: #fff !important;
	
	/* ----------------------------------------------------------------------------------------- */
	/* SHADOWS
	/* ----------------------------------------------------------------------------------------- */
	--box_shadow:0 0 20px 0 rgba(0,0,0,0.2);

	/* ----------------------------------------------------------------------------------------- */
	/* TRANSITIONS
	/* ----------------------------------------------------------------------------------------- */
	/* ease */
	--transition: 0.6s ease-out;
	--transition_hover: 0.3s ease-in;
	/* cubic-bezier
	--transition_cb:cubic-bezier(.25,.25,0.75,1.5) !important;
	--transition_cb_hover:cubic-bezier(.25,.25,0.75,1.5) !important;*/
}


/* --------------------------------------------------------------------------------------------- */
/* DEFAULTS
/* --------------------------------------------------------------------------------------------- */
.dialog-message {
	font-size:1em !important; }

/* WORDPRESS CRITICAL ERROR */
body#error-page {
	max-width:calc(100% - 4rem);
	margin:2rem auto;
	padding:1rem;
	box-shadow: 0 0 10px rgba(var(--colour_red),0.25); }
body#error-page .wp-die-message {
	position:fixed;
	z-index:99999;
	top:1rem;
	left:50%;
	margin:0;
	padding:0 1em;
	border-radius:10px;
	background:white;
	box-shadow: 0 0 10px rgba(var(--colour_red),0.4);
	-webkit-transform: translateX(-50%);
			transform: translateX(-50%); }
	body#error-page .wp-die-message p {
		margin:0.5rem; }

/* IMAGE CORRECTIONS */
img,
svg {
	vertical-align:middle; }

/* POINTER EVENTS */
.silks img
img.silks {
    pointer-events: none !important; }

/* ICONS */
i {
	position:relative; }

/* SMALL 
small {
	display:inline-block;
	padding-right:4px;
	font-size:85%;
	font-weight:300;
	color:#999; }*/

/* INPUTS 
select {
	padding-left:0.5rem !important; }*/

/* REMOVE OUTLINE 
input,
button {
	outline:none !important; }*/

/* SCREEN POSITIONING - z-index */
.zindex_behind {
	z-index:-999999999 !important; }

/* INFO */
.info {
	font-size:0.9em;
	font-weight:300;
	color:#999; }
.info:not(.ajr_popup .info) {
    margin-top:1.5rem; }
    .info.small {
        font-size:0.85em; }
	.info.italic {
        font-style:italic; }
	.info.center {
        text-align: center; }
        .info.center pre {
            margin: 0;
            font-size: 0.9em !important;
            text-align: center; }
	.info > div,/* added > for betbot notice */
	.info .bottom,
	.info .local-time,
	.info .page-load-time {
		display:inline-block;
		margin-left:1rem;
		padding-left:1rem;
		border-left:1px solid #ddd; }

		.info span {
			color:#444; }

	.info div:first-child {
		margin-left:0;
		padding-left:0;
		border-left:none; }

/* STICKY KEEP IN VIEW */
.sticky_keep_in_view {
    position:static; }
   .sticky_keep_in_view.active {
        position: -webkit-sticky; position: sticky;
        z-index: 1;
        right:0;
        -webkit-transition: top 0.34s ease; transition: top 0.34s ease; }
   
/* HIDDEN SHIT */
.hidden {
	display:none !important; }
.invisible {
	visibility:hidden; }

/* REMOVE elementor bottom margins */
.remove_bottom_margin {
	margin-bottom:0 !important; }
.elementor-widget-shortcode {
	margin-bottom:0 !important; }

/* DO MAGIC */
.do_magic {
    cursor: pointer; }


/* ------------------------------------------------------------------------------------------------ */
/* CSS TOOLTIP - uses attr=tooltip */
/* ------------------------------------------------------------------------------------------------ 
[class*="tooltip-"]::before,
[class*="tooltip-"]::after {
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%) scale(0);
	transition: transform 0.2s ease-in-out; }
[class*="tooltip-"]::before {
	content:attr(tooltip);
	top:auto;
	bottom:auto;
	left:50%;
	right:auto;
	width:max-content;
	padding:0.75em 1em 0.7em;
	line-height:1em;
	color:#fff;
	font-size:0.9em;
	font-weight:300;
	border-radius:5px;
	background:rgb(var(--colour_accent_hover));
	box-shadow:var(--box_shadow); }
[class*="tooltip-"]::after {
	content:'';
	top:0;
	left:50%;
	display:block;
	width:0;
	height:20px;
	border:10px solid transparent; }
	[class*="tooltip-"]:hover::before, [class*="tooltip-"]:hover::after,
	[class*="tooltip-"]:hover::before, [class*="tooltip-"]:hover::after {
		transform: translate(-50%, -50%) scale(1); }*/

/* top 
.tooltip-top::before {
	transform-origin:bottom center; }
.tooltip-top::before {
	top:calc(-50% - 5px); }
.tooltip-top::after {
	transform-origin:top center;
	border-top:10px solid rgb(var(--colour_accent_hover)); }*/

/* left 
.tooltip-left::before,
.tooltip-left::after {
	transform:translate(-100%, -50%) scale(0); }
.tooltip-left::before {
	left:-10px;
	transform-origin:right center; }
.tooltip-left::after {
	transform-origin:left center;
	left:0;
	border-right:none;
	border-left:20px solid rgb(var(--colour_accent_hover)); }
	.tooltip-left:hover::before, .tooltip-left:hover::after {
		transform: translate(-100%, -50%) scale(1); }*/

/* colours */
/*[class*="tooltip-"].followup::before {
	background:/*rgb(var(--colour_error_1))*//*rgb(240 210 125); }
[class*="tooltip-"].followup::after {
	border-left-color:/*rgb(var(--colour_error_1))*//*rgb(240 210 125); }
[class*="tooltip-"].prom::before {
	background:/*rgb(var(--colour_accent_active))*//*rgb(175 210 110); }
[class*="tooltip-"].prom::after {
	border-left-color:/*rgb(var(--colour_accent_active))*//*rgb(175 210 110); }
[class*="tooltip-"].prom::before,
[class*="tooltip-"].followup::before {
	color:rgb(var(--colour_text));
	font-weight:500; }*/


/* ------------------------------------------------------------------------------------------------ */
/* HEADINGS
/* ------------------------------------------------------------------------------------------------ 
h1 { font-size: 2.0rem; line-height:1em; font-weight: 700; letter-spacing:1px; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.4rem; }
h5 { font-size: 1.2rem; }
h6 { font-size: 1.0rem; }
h2, h3, h4, h5, h6 { font-weight: 400; line-height:1em; letter-spacing:0.5px; }*/


/* ------------------------------------------------------------------------------------------------ */
/* HEADERS
/* ------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------ */
/* BUTTONS
/* ------------------------------------------------------------------------------------------------ */
/*a[type=button],
.ajr-button,
.elementor-post__read-more {
	color:#fff !important;
	text-transform:uppercase;
	border: 1px solid transparent !important;
	background: rgb(var(--colour_accent)) !important;
	outline:none !important;
	cursor:pointer; }
	/*.ajr-button:not([href]),
	.elementor-post__read-more:not([href]) {
		color:#fff !important; }*//*
	a[type=button]:hover,
	input[type=submit]:hover,
	button:hover,
	.ajr-button:hover,
	.elementor-post__read-more:hover {
		background: rgb(var(--colour_accent_hover)) !important; }*/

/*a[type=button],
.ajr-button,
.ajr-button.ajr-size-xs,
.ajr-button.ajr-size-sm,
.ajr-button.ajr-size-md,
.ajr-button.ajr-size-lg,
.ajr-button.ajr-size-xl,
.ajr-read-more {
    min-height: unset;
    padding: 0.4em 1.1em !important;
    font-family: Roboto Condensed !important;
    font-size: 0.9rem !important; 
    font-weight: 300 !important;
    text-align: center;
    border-radius: var(--border_radius_button) !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.75); }
.ajr-button.ajr-size-xs {
    padding: 0.4em 1em !important;
    font-size: 0.7rem !important; }
.ajr-button.ajr-size-sm {
    font-size:0.825rem !important; }
.ajr-button.ajr-size-md {}
.ajr-button.ajr-size-lg {
    font-size: 1rem !important; }
    /*.ajr-button.ajr-size-lg .ajr-button-text {
        top:1px; }*//*
.ajr-button.ajr-size-xl {
    font-size:1.1rem !important;
    font-weight:400 !important; }
.ajr-button + .ajr-button {
    margin-left: 5px;
}*/

/* icon 
.ajr-button .ajr-button-icon {
    font-size: 1em !important; }
    .ajr-button .ajr-align-icon-left {
        margin-right: 0.5em !important; }
    .ajr-button .ajr-align-icon-right {
        margin-left: 0.5em !important; }*/

/* button text 
.ajr-button .ajr-button-text {
	position:relative; }*/

/* button icon 
a.button_icon_left i,
button.button_icon_left i {
	margin-right:8px; }
a.button_icon_right i,
button.button_icon_right i {
	margin-left:8px; }*/

/* highlight 
a.highlight,
button.highlight,
a.active,
button.active {
	background:rgb(var(--colour_selected)) !important; }
a.active,
button.active:not(.myslips_button):not(.myslips_display_finished) {
	pointer-events:none !important;
	opacity:1 !important; }*/

/*@media only screen and (max-width: 767px) {
	.ajr-button,
	.read-more,
	.ajr-button.ajr-size-xs,
	.ajr-button.ajr-size-sm,
	.ajr-button.ajr-size-md,
	.ajr-button.ajr-size-lg,
	.ajr-button.ajr-size-xl {
		line-height:1.2em !important; }
	.ajr-button.ajr-size-xs {
		line-height:12px !important;
		font-size:11px !important; }
	.ajr-button,
	.ajr-button.ajr-size-sm,
	.read-more {
		line-height:17px !important;
		font-size:0.9rem !important; }
	.ajr-button.ajr-size-md {
		font-size:1.0rem !important; }
	.ajr-button.ajr-size-lg {
		font-size:1.1rem !important; }
	.ajr-button.ajr-size-xl {
		font-size:1.2rem !important;
		font-weight:400 !important; }
}*/

/* transparent buttons 
.button_transparent .ajr-button, .button_transparent .ajr-button:visited,
.button_transparent.ajr-button, .ajr-button.button_transparent:visited {
	padding-left: 0.75em !important;
    padding-right: 0.75em !important;
    color:#444 !important;
	text-transform:none !important;
	text-shadow:none !important;
	background:transparent !important; }
	.button_transparent .ajr-button:hover,
	.button_transparent.ajr-button:hover {
		color:rgb(var(--colour_accent_hover)) !important; }
	.button_transparent .ajr-button .ajr-button-icon.ajr-align-icon-left,
	.button_transparent .ajr-button.ajr-button-icon.ajr-align-icon-left {
		margin-right:5px; }
	.button_transparent .ajr-button .ajr-button-icon.ajr-align-icon-right,
	.button_transparent .ajr-button.ajr-button-icon.ajr-align-icon-right {
		margin-left:5px; }
	.button_transparent.dashboard_button .ajr-button-icon,
	.button_transparent.dashboard_button.ajr-button-icon {
		margin:0 !important; }

@media only screen and (max-width: 767px) {
	.nav_main_menu .button_transparent,
	.nav_members_menu .button_transparent {
		padding-left:0.75em !important;
		padding-right:0.75em !important; }
	.nav_main_menu .button_transparent .ajr-button-icon,
	.nav_members_menu .button_transparent .ajr-button-icon {
		font-size:1.4em; }
		.nav_main_menu .button_transparent .ajr-button-icon i.count,
		.nav_members_menu .button_transparent .ajr-button-icon i.count {
			font-size:0.7rem;
			letter-spacing:-0.1em; }
		.nav_main_menu .button_transparent .ajr-button-icon i.count {
			top:-10px; }
		.nav_members_menu .button_transparent .ajr-button-icon i.count {
			top:-9px; }
	.nav_main_menu .button_transparent .ajr-button-icon.ajr-align-icon-left,
	.nav_main_menu .button_transparent .ajr-button-icon.ajr-align-icon-right,
	.nav_members_menu .button_transparent .ajr-button-icon.ajr-align-icon-left,
	.nav_members_menu .button_transparent .ajr-button-icon.ajr-align-icon-right {
		margin:0 !important; }
		.nav_main_menu .button_transparent .ajr-button-text,
		.nav_members_menu .button_transparent .ajr-button-text {
			display:none; }
}*/

/* highlight 
.highlight a,
.highlight button,
.highlight [type=button],
a.highlight,
a.ajr-button.highlight,
button.highlight,
[type=button].highlight {
    background:rgb(var(--colour_selected)) !important;
    background-color:rgb(var(--colour_selected)) !important;
}
    .highlight a:hover,
    .highlight button:hover,
    .highlight [type=button]:hover,
    a.highlight:hover,
    a.ajr-button.highlight:hover,
    button.highlight:hover,
    [type=button].highlight:hover {
        background:rgb(var(--colour_selected_hover)) !important;
        background-color:rgb(var(--colour_selected_hover)) !important;
    }
    .highlight a:active,
    .highlight button:active,
    .highlight [type=button]:active,
    a.highlight:active,
    a.ajr-button.highlight:active,
    button.highlight:active,
    [type=button].highlight:active {
        background:rgb(var(--colour_selected_active)) !important;
        background-color:rgb(var(--colour_selected_active)) !important;
    }*/

/* disabled 
.disabled {
	color:#bbb !important; }
a.disabled,
a.disabled:hover,
button.disabled,
button.disabled:hover,
input[type="submit"].disabled,
input[type="submit"].disabled:hover {
	text-shadow:none !important;
	background-color:#f5f5f5 !important;
	cursor:default !important; }*/


/* ------------------------------------------------------------------------------------------------ */
/* ICONS 
.dashicons,
.fa, .fab, .fad, .fal, .far, .fas {
	position:relative;
	top:1px;
	/*vertical-align: middle;*//*
	line-height:1;
	font-size: 1em;
	text-align:center; }
	.dashicons::before/*
	.fa::before, .fab::before, .fad::before, .fal::before, .far::before, .fas::before*//* {
		position:absolute;
		top:50%;
		left:50%;
		font-size:1em;
		transform:translate(-50%,-50%); }*/


/* ------------------------------------------------------------------------------------------------ */
/* CONTAINERS */
.container_boxed {
	border:1px solid #fff;
	border-radius:10px;
	background:#f5f5f5;
	box-shadow:0 0 15px 0 rgba(0,0,0,0.2); }
	.container_boxed:hover {
		background:#fff;
		box-shadow:0 0 30px 0 rgba(0,0,0,0.4); }


/* columns */
.column-overflow-hidden {
	overflow:hidden !important; }

/* buttons */
.ajr-button small {
	/*position:relative;
	top:-1px;*/
	display:inline-block;
	padding:0 4px;
	line-height:initial;
	font-size:0.85em !important;
	text-transform:none;
	color:inherit !important; }


/* ------------------------------------------------------------------------------------------------ */
/* LOADING OVERLAY */
/*.loading_overlay {
	pointer-events:none !important;
	cursor:wait !important; }
	.loading_overlay::before,
	.loading_overlay::after {
		position:absolute;
		content:'';
		z-index:20;
		cursor:wait !important; }
	.loading_overlay::before {
		content:'';
		z-index:1;
		top:0;
		right:0;
		bottom:0;
		left:0;
		text-shadow:none !important;
		background:rgba(255,255,255,0.75); }
		.ajr_popup.racecard_filters.loading_overlay::before {
			border-radius:10px; }
		.next_race_container .next_race_item button::before {
			border-radius:5px; }*/
		
		/* custom 
		.next_race_container .next_race_item.loading_overlay::before,
		.selection_item.small_buttons.loading_overlay::before {
			border-radius:5px }
		.switch .slider .loading_overlay::before {
			border-radius:27px; }*/
	
	/*.loading_overlay::after {
		content:'\f110';
		font-family:"Font Awesome 5 Free";
		top:calc(50% - 8px);
		left:calc(50% - 8px);
		height: 1em;
		width: 1em;
		line-height: 1em;
		font-size:16px;
		font-weight:600;
		color:rgb(var(--colour_accent));
		text-shadow:none !important;
		-webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;
		transition:left 0.4s; }*/
		
		/**/.switch .slider .loading_overlay::after {
			top:calc(50% - 6px);
			left:calc(0% + 7px);
			font-size:12px;
			transition:left 0.4s; }
			.switch input:checked + .slider .loading_overlay::after {
				left:calc(100% - 19px);
				transition:left 0.4s; }

/* --------------------------------------------------------------------------------------------- */
/* TOOLTIPS */
/* basic */
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
	z-index:1 !important;
	background: #008caa !important;
	font-size: 0.7em !important;
	font-weight: 300;
    border: none;
    border-radius: 4px;
	box-shadow: 0 1px 10px 0px rgba(0,0,0,0.4) !important; }
	.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
		padding: 6px 10px;
		color: #fff !important;
		overflow: hidden; }
	.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border,
	.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border,
	.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border,
	.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
		z-index:2 !important; }
	.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
		border-top-color:#008caa !important; }
	.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
		border-left-color:#008caa !important; }
	.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
		border-right-color:#008caa !important; }
	.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
		border-bottom-color:#008caa !important; }

    .tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
        bottom: 0; }
    .tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow {
		right:1px; }
	.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow {
		left:1px; }

/*.tooltipster-sidetip.tooltipster-punk,
.tooltipster-box {
	 border-bottom:none;
	 background:none; }

.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border {
	border-top-color:#fff !important; }

.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color:red !important; }

.tooltipster-sidetip.tooltipster-punk.tooltipster-left,
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-left-color:#fff !important; }

.tooltipster-sidetip.tooltipster-punk.tooltipster-right,
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-right-color:#fff !important; }

.tooltipster-sidetip.tooltipster-punk,
.tooltipster-sidetip.tooltipster-punk .tooltipster-content {
	color:#000 !important; }*/

/* ------------------------------------------------------------------------------------------------ */
/* FORMS */
form.loading {
	position:relative; }
	form.loading::before,
	form.loading::after {
		content:'';
		position:absolute;
		z-index:10; }
	form.loading::before {
		top:0;
		left:-5px;
		right:-5px;
		bottom:0;
		background:rgba(255,255,255,0.75); }
	form.loading::after {
		font-family:FontAwesome, 'Font Awesome 5\ Free';
		content:'\f110';
		top:calc(50% - 35px + 0.5rem);
		left:calc(50% - 10px);
		font-size:20px;
		color:rgb(var(--colour_accent));
		text-shadow:none !important;
		-webkit-animation: fa-spin 2s infinite linear;
				animation: fa-spin 2s infinite linear; }


/* ------------------------------------------------------------------------------------------------ */
/* COUNTDOWN TIMER */
.timer { opacity:1; }
	.timer small { padding-left:2px; font-size:75%; color:#bbb !important; }


/* ------------------------------------------------------------------------------------------------
 * LOADING SCREENS */
.preloader,
.preloader_click {
	position:fixed;
	left:0;
	top:calc(100% - 32px);
	right:0;
	/*bottom:0;*/
	z-index:9999999999;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100vw;
	height:100vh;
	margin: 0 !important;
    cursor:wait; }
	/* if admin pages */
	body.wp-admin .preloader,
	body.wp-admin .preloader_click {
		z-index:99998;
		left:160px; }
		body.wp-admin.folded .preloader,
		body.wp-admin.folded .preloader_click {
			left:36px; }

/* when visible */
.preloader,
.preloader_click.active {
	z-index:999999999;
	top:0;
	background:rgba(255,255,255,1);
	opacity:1;
	transition: all 0.5s ease-in-out 100ms; }
	/* if admin pages */
	body.wp-admin .preloader,
	body.wp-admin .preloader_click.active {
		background:rgba(241,241,241,1); }

/* when hidden */
.preloader.active,
.preloader_click {
	background:rgba(255,255,255,0);
	opacity:0;
	transition:all 0.3s ease-in-out; }
	/* if admin pages */
	body.wp-admin .preloader.active,
	body.wp-admin .preloader_click {
		background:rgba(241,241,241,1); }

	/* before (background) */
	.preloader::before,
	.preloader_click::before {
		content:"loading";
		position:absolute;
		font-size:15vw;
		font-weight:900;
		letter-spacing:-10px;
		text-transform:uppercase;
		color:rgba(0,0,0,0.01); }
		/* if admin pages */
		body.wp-admin .preloader::before,
		body.wp-admin .preloader_click::before {
			content:"COOL SHIT";
			position:absolute;
			font-size:15vw;
			font-weight:900;
			letter-spacing:-10px;
			text-transform:uppercase;
			color:rgba(0,0,0,0.01); }

	/* container */
	.preloader .container,
	.preloader_click .container {
		position:relative;
		top:4px;
		text-align: center; }
	
		/* icon */
		.preloader .container i,
		.preloader_click .container i {
			font-size:24px; }
			.preloader .container i::before,
			.preloader_click .container i::before {
				color:rgba(0,170,200,0.5); }
		
		/* text_container */
		.preloader .container .text_container,
		.preloader_click .container .text_container {
			display:block;
			padding-top:0.75em;
			font-family:Roboto Condensed;
			font-size:0.8em;
			text-align:center;
			color:#aaa; }

			/* text */
			.preloader .container .text_container .text_1,
			.preloader .container .text_container .text_2,
			.preloader_click .container .text_container .text_1,
			.preloader_click .container .text_container .text_2 {
				display:inline-block; }
			.preloader .container .text_container .text_2,
			.preloader_click .container .text_container .text_2 {
				padding:0 1px;
				font-size:1.1em;
				color:#666; }
			 
			/* dots */
			.preloader .container .text_container .dots,
			.preloader_click .container .text_container .dots { display:block; font-size:1.5em; }
				.preloader .container .text_container .dots .dot_1,
				.preloader .container .text_container .dots .dot_2,
				.preloader .container .text_container .dots .dot_3,
				.preloader_click .container .text_container .dots .dot_1,
				.preloader_click .container .text_container .dots .dot_2,
				.preloader_click .container .text_container .dots .dot_3 { color:rgb(0,170,200); }

			/* start */
			/*.preloader .container .text_container .text_1,
			.preloader .container .text_container .text_2 {
				opacity:1;
				-webkit-transition: all 0.25s ease-in-out 0s;
						transition: all 0.25s ease-in-out 0s; }*/
				/* active */
				/*.preloader.active .container .text_container {
					opacity:0;
					-webkit-transition: all 0.25s ease-in-out 0s;
							transition: all 0.25s ease-in-out 0s; }*/

			/* start */
			/*.preloader_click .container .text_container {
				opacity:0; }*/
				/* active */
				/*.preloader_click.active .container .text_container {
					opacity:1;
					-webkit-transition: all 0.25s ease-in-out 1.0s;
							transition: all 0.25s ease-in-out 1.0s; }*/
	
			/* animate dots */
			.preloader .container .text_container .dots .dot_1,
			.preloader_click .container .text_container .dots .dot_1 {
				-webkit-animation: fade-in-1 3s ease-in-out infinite alternate backwards 0.5s;
						animation: fade-in-1 3s ease-in-out infinite alternate backwards 0.5s; }
			.preloader .container .text_container .dots .dot_2,
			.preloader_click .container .text_container .dots .dot_2 {
				-webkit-animation: fade-in-2 3s ease-in-out infinite alternate backwards 0.5s;
						animation: fade-in-2 3s ease-in-out infinite alternate backwards 0.5s; }
			.preloader .container .text_container .dots .dot_3,
			.preloader_click .container .text_container .dots .dot_3 {
				-webkit-animation: fade-in-3 3s ease-in-out infinite alternate backwards 0.5s;
						animation: fade-in-3 3s ease-in-out infinite alternate backwards 0.5s; }
@media screen and (max-width:767px) {
	.preloader::before,
	.preloader_click::before {
		font-size:20vw !important; }
		.preloader .container .text_container,
		.preloader_click .container .text_container {
			font-size:1rem !important; }
}
@media screen and (max-width:1024px) {
	.preloader::before, .preloader_click::before,
	.preloader .container, .preloader_click .container {
		margin-top:-10vh; }
}


/* ----------------------------------------------------------------------------------------- */
/* SWITCH - LOGIN / REGISTRATION */
.toggle_switch.toggle_login_register {
	position:relative;
	/*left:175px;*/
	/*width:200px;*/
	margin:1em auto 1em;
	text-align:center;
	transition: transform 0.2s ease; }

	/* login */
	.toggle_switch.toggle_login_register {
		margin-top:90px;
		margin-bottom:295px; }
	/* register */
	.toggle_switch.toggle_login_register.toggled {
		margin-top:90px;
		margin-bottom:295px; }

	/* label and slider */
	.toggle_switch.toggle_login_register label,
	.toggle_switch.toggle_login_register .slider {
		width:90px; }

	.toggle_switch.toggle_login_register .slider {
		line-height:26px;
		font-size:0.8em;
		background-color:rgb(0,180,200);
		overflow:hidden;
		transition: 0.2s ease-in-out; }
		.toggle_switch.toggle_login_register .slider::before,
		.toggle_switch.toggle_login_register .slider::after {}
		.toggle_switch.toggle_login_register .slider::before {
			left: -64px;
			margin: 0 66px;
			box-shadow:0 1px 3px rgba(0,0,0,0.4);
			transition: 0.2s ease-in-out; }
		.toggle_switch.toggle_login_register .slider::after {
			content: attr(data-before);
			left: -54px;
			font-weight:300;
			color:#fff;
			transition: 0.2s ease-in-out; }

		/* hover - unchecked */
		.toggle_switch.toggle_login_register .slider:hover {
			background-color:rgb(var(--colour_accent_hover)); }
		/*.toggle_switch.toggle_login_register .slider:hover::before {
			left: -61px; }*/		
		/* hover - checked */
		.toggle_switch.toggle_login_register input:checked + .slider:hover {
			background-color:rgb(20,190,40); }
		/*.toggle_switch.toggle_login_register input:checked + .slider:hover::before {
			transform: translateX(58px); }*/		

	/* checked */
	.toggle_switch.toggle_login_register input:checked + .slider {
		background-color:rgb(20,200,50); }
		.toggle_switch.toggle_login_register input:checked + .slider::before,
		.toggle_switch.toggle_login_register input:checked + .slider::after {
			transform: translateX(63px); }


/* ----------------------------------------------------------------------------------------- */
/* SUBSCRIPTIONS NAVIGATION */
.nav-thumbflip {
	height:0; }

	/* images */
	.nav-thumbflip img {
		z-index:2; }

	/* links */
	.nav-links .nav-previous a .icon-wrap,
	.nav-links .nav-next a .icon-wrap {
		transition: border-radius 0.2s 0.5s ease; }
	.nav-links .nav-previous a .icon-wrap {
		border-radius:0 5px 5px 0; }
	.nav-links .nav-next a .icon-wrap {
		border-radius: 5px 0 0 5px; }
		.nav-links .nav-previous a:hover .icon-wrap,
		.nav-links .nav-next a:hover .icon-wrap {
			border-radius:0;
			transition: border-radius 0s ease; }
		.nav-links .icon-wrap i {
			padding-top:1px; }

	/* text links */
	.nav-links .nav-previous a .nav-previous-text,
	.nav-links .nav-next a .nav-next-text {
		position: absolute;
		top: 0;
		z-index:1;
		height:50px;
		padding:10px;
		line-height:1.2em !important;
		font-size:0.8em;
		color:#fff !important;
		background: rgba(0,0,0,0.15);
		opacity:0;
		transform: rotateY(-90deg);
		transition: all 0.2s ease; }
		.nav-links .nav-previous a:hover .nav-previous-text,
		.nav-links .nav-next a:hover .nav-next-text {
			transform: rotateY(0deg); }
	
	/* small */
	.nav-links .nav-previous a .nav-previous-text small,
	.nav-links .nav-next a .nav-next-text small {
		padding:0;
		line-height:1em;
		color:#eee !important; }

	/* prev */
	.nav-links .nav-previous a .nav-previous-text {
		left: 100%;
		border-radius: 0 5px 5px 0;
		transform-origin: 0% 50%; }
		.nav-links .nav-previous a:hover .nav-previous-text {
			left: 200%;
			opacity:1;
			transition: all 0.2s 0.2s ease; }
	/* next */
	.nav-links .nav-next a .nav-next-text {
		right: 100%;
		border-radius: 5px 0 0 5px;
		transform-origin: 100% 50%; }
		.nav-links .nav-next a:hover .nav-next-text {
			right: 200%;
			opacity:1;
			transition: all 0.2s 0.2s ease; }

/* ----------------------------------------------------------------------------------------- */
/* horizontal scroll on mobile - (identifies element using "overflow_mask_" so add to fixed overflow:hidden element)
/* ----------------------------------------------------------------------------------------- */
@media screen and (max-width:767px) {
	.overflow_wrapper {
		position:relative;
		margin-bottom:-10px;/* -10px to hide ios scrolbar fix */
		overflow-x:auto; }
		.overflow_container {
			display:-webkit-flex; display:flex;
			width:max-content;
			padding:12px 0 22px;/* +10px to hide ios scrolbar fix */ }

		/* mask - start & end */
		.overflow_mask_start,
		.overflow_mask_end {
			position:relative; }
		.overflow_mask_start::before,
		.overflow_mask_end::after {
			content:'';
			position:absolute;
			z-index:1;
			top:0;
			bottom:0;
			/*height:54px;*/
			width:10px;
			border-radius:50%;}
		.overflow_mask_start::before {
			left:-12px;
			box-shadow: 5px 0 5px 0px rgba(0,0,0,0.2); }
		.overflow_mask_end::after {
			right:-12px;
			box-shadow: -5px 0 5px 0px rgba(0,0,0,0.2); }
}


/* ----------------------------------------------------------------------------------------- */
/* animation fade-in - 1,2&3
/* ----------------------------------------------------------------------------------------- */
@-webkit-keyframes fade-in-1 { 0% { opacity: 0; } 10% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; } }
@keyframes fade-in-1		 { 0% { opacity: 0; } 10% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; } }

@-webkit-keyframes fade-in-2 { 0% { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 65% { opacity: 1; }  75% { opacity: 0; } 100% { opacity: 0; } }
@keyframes fade-in-2		 { 0% { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 65% { opacity: 1; }  75% { opacity: 0; } 100% { opacity: 0; } }

@-webkit-keyframes fade-in-3 { 0% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 1; } 50% { opacity: 1; }  60% { opacity: 0; } 100% { opacity: 0; } }
@keyframes fade-in-3		 { 0% { opacity: 0; } 30% { opacity: 0; } 40% { opacity: 1; } 50% { opacity: 1; }  60% { opacity: 0; } 100% { opacity: 0; } }


/* ----------------------------------------------------------------------------------------- */
/* @MEDIA
/* ----------------------------------------------------------------------------------------- */
.responsive_line_break {
	display:none; }

/*@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 1024px) {}*/