/* * AJR TrackMate Plugin - Frontend Styles * * @package ajr-trackmate/css **/ /* --------------------------------------------------------------------------------------------- */ /* DEFAULTS /* --------------------------------------------------------------------------------------------- */ html { scroll-behavior: smooth; outline:none; } body { /*display: grid; min-height: 100vh;*/ background: rgb(var(--colour_background)); } /* hide */ .display_none { display:none; } /* ribbons */ .ribbon { position:absolute !important; z-index:1; margin:0 !important; padding:4px 0 !important; line-height:1em; font-size:0.6em; font-weight:400; letter-spacing:0.025em; color:#fff; text-align:center; text-transform:uppercase; text-shadow:var(--text_shadow); background-color:rgb(var(--colour_ribbon)); } .ribbon.left_45 { width: 170px !important; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ribbon.right_45 { width: 170px !important; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* empty */ .elementor-shortcode:empty { display:none !important; margin:0 !important; padding:0 !important; } /* mobile rotate to landscape */ .mobile_rotate_landscape { /*display:none;*/ position:relative; z-index:10; margin:1em; text-align:center; } .mobile_rotate_landscape.racecard { margin-top:-14vh; } .mobile_rotate_landscape_desc { margin-top:1em; color:#999; } @media screen and (orientation:landscape) { .mobile_rotate_landscape { display:none; } } /* device landscape */ @media screen and (orientation:landscape) and (max-width:767px) { /* mobile landscape notches */ .ajr_header_title, .ajr_hero, .hentry>.elementor-section-wrap>.elementor-section-boxed { padding-left:2em !important; padding-right:2em !important; } } /* i for icon not italics! */ i::before, i::after { font-style:normal; } /* Click Transitions - Links, Buttons, i.e. All Clickable Items */ a:not(.ajr-button), a:not(.ajr-button):visited { color:rgb(var(--colour_accent))/* !important*/; transition: transform 0.3s ease-out; } a:not(.ajr-button):hover { color:rgb(var(--colour_accent_hover)) !important; } a:not(.ajr-button):focus, a:not(.ajr-button):active { color:rgba(var(--colour_accent_active),0.8) !important; /*-webkit-transform:scale(0.98,0.98); transform:scale(0.98,0.98);*/ transition: transform 0s ease-in; } /* form */ form .elementor-search-form__container:not(.elementor-search-form--full-screen) { background:none !important; } /* switch & tolerance notification */ .switch::before, .distance_value::before { position:absolute; left:-20px; content:''; font-family:FontAwesome, 'Font Awesome 5\ Free'; font-weight:900; line-height:27px; font-size:0.9em; text-align:center; color:#bbb; } .switch.loading::before, .distance_value.loading::before { content:'\f110'; -webkit-animation: fa-spin 1.5s infinite linear; animation: fa-spin 1.5s infinite linear; } .switch.success::before, .distance_value.success::before { content:'\f00c'; color:rgb(var(--colour_green)); } .switch.failed::before, .distance_value.failed::before { content:'\f00d'; color:rgb(var(--colour_warning)); } /* disabled */ .filter_wrapper .switch_container .group_container.loading_disabled { opacity:0.25; transition:opacity 0.3s; } .filter_wrapper .switch_container .group_container.loading_disabled label { pointer-events:none !important; } .filter_wrapper.toggle_exact_distance { --this_toggle_height: 27px; } .filter_wrapper.toggle_exact_distance .distance_value { position: relative; } .filter_wrapper.toggle_exact_distance .tolerance_value { width: calc(var(--this_toggle_height) * 2); min-height: var(--this_toggle_height); padding: 0; font-size: 0.9em; line-height: 0.9em; text-align: center; } .filter_wrapper.toggle_exact_distance .tolerance_value.active { display:block; min-height: var(--this_toggle_height); padding: 0; color:#666; border-color:#ddd; } .filter_wrapper.toggle_exact_distance .re-rating .ajr-button, .filter_wrapper.toggle_group_going .re-rating .ajr-button, .filter_wrapper.toggle_group_surface .re-rating .ajr-button, .filter_wrapper.toggle_surface_types .re-rating .ajr-button, .filter_wrapper.toggle_race_types .re-rating .ajr-button { line-height:27px; } .filter_wrapper.toggle_exact_distance .re-rating i, .filter_wrapper.toggle_group_going .re-rating i, .filter_wrapper.toggle_group_surface .re-rating i, .filter_wrapper.toggle_surface_types .re-rating i, .filter_wrapper.toggle_race_types .re-rating i { margin-right:6px; } .filter_wrapper.toggle_exact_distance .re-rating i::before, .filter_wrapper.toggle_group_going .re-rating i::before, .filter_wrapper.toggle_group_surface .re-rating i::before, .filter_wrapper.toggle_surface_types .re-rating i::before, .filter_wrapper.toggle_race_types .re-rating i::before { color:#666666; } /* --------------------------------------------------------------------------------------------- */ /* FA-SPINNER /* --------------------------------------------------------------------------------------------- */ .fa-spinner { /*width: 1em; height: 1em; padding-top: 1px;*/ color:#ccc !important; cursor:wait !important; } .fa-spinner:hover { color:#aaa !important; } .add .fa-spinner:hover { color:rgb(var(--colour_green)) !important; } .delete .fa-spinner:hover { color:rgb(var(--colour_red)) !important; } .fas.fa-spin { top:-1px; vertical-align:middle; /*padding-top: 0;*/ width: 1em; height: 1em; margin-top: 0em; line-height:1em; text-shadow: none !important; } /* ----------------------------------------------------------------------------------------- */ /* FORMS /* ----------------------------------------------------------------------------------------- */ form { --margin_item: 5px; --padding_overflow: 0; --padding_v_form_item: 0.8rem; --padding_h_form_item: 1rem; --border_radius_form_item: 10px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; width: calc(100% + ((var(--margin_item) + var(--padding_overflow)) * 2)); margin: 1rem calc((var(--margin_item) + var(--padding_overflow)) * -1) 0; padding: 0 var(--padding_overflow); overflow: visible; } .ajr_popup form.myaccount_details_form, .ajr_popup form.myaccount_settings_form { --padding_overflow: 1rem; } form.register_an_account_form:not(.ajr_popup form) { padding: 2rem; background: #fff; border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.25); } /* form headings */ form .heading { margin: 0 0 0.5rem !important; text-align: center; } /*.ajr_popup */form .subheading:not(:first-of-type) { margin-top: calc(var(--margin_item) * 4) !important; } /*.ajr_popup */form .subheading i { top: -0.025em; margin-right:0.5em; font-size: 0.9em; color: rgb(var(--colour_accent)); } /* form item */ /*.myaccount_settings_form */.form_item { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; margin: var(--margin_item); padding: var(--padding_v_form_item) var(--padding_h_form_item); /*border: 1px solid transparent;*/ border-radius: var(--border_radius_form_item); background: #f5f5f5; } .form_item:not([class*="width_"]):last-of-type { margin-bottom: 2rem !important; } /* label */ /*.myaccount_settings_form */.form_item > label { padding-bottom: 0.5em; font-weight: 500; color: initial; } .form_item label i { top: -0.025em; margin-right:0.5em; color: rgb(var(--colour_accent)); } /* form item wrapper */ /*.myaccount_settings_form */.form_item .form_item_wrapper { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } /* form item options */ /*.myaccount_settings_form */.form_item_option { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; height: auto; } /*.myaccount_settings_form */.form_item_option:not(:last-child) { margin-right: 2em; } /*.myaccount_settings_form */.form_item_option.label_after { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } /* input number */ /*.myaccount_settings_form */label[for=settings_myslips_default_stake] { position:relative; } /*.myaccount_settings_form */label[for=settings_myslips_default_stake]::after { content:attr(data-after)/*'£'*/; position:absolute; z-index:1; left:10px; bottom: calc(-1 * var(--height_input)); line-height: var(--height_input); font-size:0.9em; font-weight:300; color:#bbb; } /*.myaccount_settings_form */#settings_myslips_default_stake { padding-left: 2rem; text-align: center; } /* checkbox */ .checkbox_container { margin-right: 2em; } /*.myaccount_settings_form */.checkbox_container .checkbox { width: var(--height_input) !important; height: var(--height_input) !important; background: #fff; } /* label */ /*.myaccount_settings_form */.checkbox_container label { height: var(--height_input) !important; line-height: var(--height_input) !important; padding-left: calc(var(--height_input) + 0.5rem) !important; } /*.myaccount_settings_form */.checkbox_container label[for*="settings_racecard_filters_going_leeway"], /*.myaccount_settings_form */.checkbox_container label[for*="settings_ratings_quantity"] { /*width: var(--height_input) !important; padding-left: 0 !important;*/ /*font-size:0.65em !important;*/ /*text-align: center;*/ } .checkbox_container input[type=radio]:hover~label { color: #008caa; } /* button */ form button, form input[type=submit] { /*flex-basis: 100%; margin: 0 var(--margin_item) !important; line-height: 1.5em !important;*/ } form.myaccount_settings_form button.popup_close { margin-top: 2rem !important; } @media (min-width:768px){ /*.myaccount_settings_form */.form_item.width_33 { width: calc(33.333% - (var(--margin_item) * 2)); } /*.myaccount_settings_form */.form_item.width_50 { width: calc(50% - (var(--margin_item) * 2)); } /*.myaccount_settings_form */.form_item.width_66 { width: calc(66.666% - (var(--margin_item) * 2)); } } /* ----------------------------------------------------------------------------------------- */ /* HEADER /* ----------------------------------------------------------------------------------------- */ body > header { position: fixed; z-index: 9999; top: 0; left: 0; right: 0; min-height: 90px; padding:0 !important; } .page_home > header { padding-bottom: var(--margin_medium) !important; } /* ------------------------------------------------------------------------------------------- * MAIN ------------------------------------------------------------------------------------------- */ main { min-height: calc( 100vh - 105px - 115px - 4rem - 75px - 35px ); /*max-width: 1400px; margin: 0 auto; padding: 0 2rem;*/ } /* ------------------------------------------------------------------------------------------- * HOMEPAGE ------------------------------------------------------------------------------------------- */ .layout_container.homepage_section_last { padding: var(--layout_padding) 0; } .layout_container.homepage_section_last p:last-of-type { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------- * FOOTER ------------------------------------------------------------------------------------------- */ footer.wp-block-template-part { margin-top: 0em; /*display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; justify-content: flex-end; width: 100%; min-height: 145px; /*margin-top: calc(var(--layout_margin) * 1);*//* padding: var(--layout_padding); font-family: var(--font_secondary); font-size: 0.8em; color: #999;*/ } /* container */ .footer_container { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-content: flex-end; align-content: flex-end; width: 100%; min-height: 145px; /*margin-top: calc(var(--layout_margin) * 1);*/ padding: calc(var(--layout_padding) * 0.75) var(--layout_padding); font-family: var(--font_secondary); font-size: 0.8em; color: #999; } /* logo */ .footer_container .logo { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; width: 100%; margin-bottom: 0.75em; } .footer_container .logo img { width: 50px; height: auto; } /* columns */ .footer_container .column_left, .footer_container .column_middle, .footer_container .column_right { display: -webkit-flex; display: flex; flex: 1; } .footer_container .column_left, .footer_container .column_right { --this_line_height: 1em; -webkit-align-items: center; align-items: center; line-height: var(--this_line_height); } .footer_container .column_middle { -webkit-justify-content: center; justify-content: center; } .footer_container .column_right { -webkit-justify-content: flex-end; justify-content: flex-end; } /* nav */ .footer_container nav a, .footer_container nav a:visited { color: inherit !important; } .footer_container nav a:hover { color:rgb(var(--colour_accent_hover)) !important; } .footer_container nav.nav_legals ul { line-height: var(--this_line_height); } /* payment info */ .footer_container .fa-stripe { margin-right: 0.25em; font-size: 1.8em; } @media screen and (max-width:1023px) and (orientation:landscape) { .footer_container {} } @media screen and (max-width:1023px) { .footer_container { -webkit-flex-direction: column; flex-direction: column; } /* logo */ .footer_container .logo { margin-bottom: 1.5em; } /* columns */ .footer_container .column_left, .footer_container .column_middle, .footer_container .column_right { -webkit-justify-content: center; justify-content: center; width: 100%; line-height: 1em; } .footer_container .column_left { order: 2; margin: 0.5em 0; } .footer_container .column_middle { order: 1; } .footer_container .column_right { order: 3; } } @media (max-width:767px) { .footer_container { font-size: 1rem !important; } /* logo */ .footer_container .logo img { width: 50px; } /* columns */ .footer_container .column_left, .footer_container .column_middle, .footer_container .column_right {} } /* ----------------------------------------------------------------------------------------- */ /* STICKYHEADER /* ----------------------------------------------------------------------------------------- */ body.headerup #stickyheader, body.headerup #stickyheader_members { transform: translateY(-60px); /*adjust this value to the height of your header*/ } @media screen and (max-width: 767px) { body.headerup #stickyheader, body.headerup #stickyheader_members { transform: translateY(-60px); /*adjust this value to the height of your header*/ } } #stickyheader, #stickyheader_members, .ajr_popup.myslips { -webkit-transition: all 0.34s ease; transition: all 0.34s ease; } /*#stickyheader_members.onload/*, .hentry header*//* { -webkit-transition: all 1s cubic-bezier(.25,.25,0,1) !important; transition: all 1s cubic-bezier(.25,.25,0,1) !important; } #stickyheader.bgd, #stickyheader_members.bgd { background:#fff; }*/ #stickyheader, #stickyheader_members { position:fixed; top:0; left:0; right:0; background: #fff; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); } #stickyheader { /*padding:14px 10px;*/ z-index:9999; } #stickyheader_members { z-index:9998; padding:5px 0; } #stickyheader_members.mytrackmate_type_betbot { background: rgb(var(--colour_success_lighterererer)); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25); } #stickyheader_members .logo { position: relative; left: -50px; padding-right: 5px; opacity: 0; } #stickyheader_members.headerup .logo, body.headerup #stickyheader_members .logo { left: 0; opacity: 1; } #stickyheader_members .members_column_left { position:relative; left:-30px; overflow:hidden; -webkit-transition: left 0.3s ease, opacity 0.15s ease 0s; transition: left 0.3s ease, opacity 0.15s ease 0s; } #stickyheader_members.headerup .members_column_left, body.headerup #stickyheader_members .members_column_left { left:10px; -webkit-transition: left 0.3s ease, opacity 0.15s ease 0.15s; transition: left 0.3s ease, opacity 0.15s ease 0.15s; } #stickyheader_members .logo, #stickyheader_members .members_column_left { -webkit-transition: left 0.3s ease, opacity 0.15s ease 0s; transition: left 0.3s ease, opacity 0.15s ease 0s; } #stickyheader_members.headerup .logo, #stickyheader_members.headerup .members_column_left, body.headerup #stickyheader_members .logo, body.headerup #stickyheader_members .members_column_left { -webkit-transition: left 0.3s ease-in 0.34s, opacity 0.15s ease 0.65s; transition: left 0.3s ease-in 0.34s, opacity 0.15s ease 0.65s; } #stickyheader_members .members_column_left { -webkit-align-items: center; align-items: center; /*width: -moz-fit-content; width: fit-content;40%;*/ } #stickyheader_members .members_column_right { -webkit-align-items: center; align-items: center; /*width: -moz-fit-content; width: fit-content;60%;*/ padding-right: 10px; } /* buttons */ #stickyheader .nav_right a, #stickyheader_members .members_column_right a, #stickyheader_members .members_column_right button { /*display:-webkit-flex; display:flex;*/ white-space: nowrap; } /* buttons without text */ #stickyheader .ajr-button.notext { padding-left: 0.5em !important; padding-right: 0.5em !important; } #stickyheader .notext .ajr-button-icon, #stickyheader_members .notext .ajr-button-icon { margin:0 !important; } /* logout button */ #stickyheader .logout_button { margin-right: 5px; } #stickyheader .logout_button i { font-size: initial; color:rgb(var(--colour_selected)) !important; } #stickyheader .logout_button:hover i { color:rgb(var(--colour_warning)) !important; } .myaccount_buttons.logout_button { background:rgb(var(--colour_warning)) !important; } /* members header info */ .members_header_wrapper { height: 35px; line-height: 35px; opacity:1; transform: translate(10px,0); transition: opacity 0.3s ease 0.15s, transform 0.3s cubic-bezier(0,0.5,0.75,1.25) 0s; } .triggered .members_header_wrapper { opacity:0; transform: translate(10px,-44px); transition: opacity 0.3s ease 0.15s, transform 0.3s cubic-bezier(0,0.5,0.75,1) 0s; } /* content */ .members_header { display:inline-block; } .members_header .member_avatar { display:inline-block; } .members_header .member_avatar img { position:relative; top:-1px; margin-right:10px; border:2px solid #fff; border-radius:50%; box-shadow:0 1px 5px 0 rgba(0,0,0,0.25); } .members_header .member_username { display:inline-block; margin-right:1em; font-size:0.8em; font-weight:300; color:#444; } .members_header .member_roles { display:inline-block; margin-right:1em; font-size:0.8em; font-weight:300; color:#444; } /* members additional info */ .additional_information_wrapper { position:relative; top: 2px !important; height: 35px; line-height: 35px; opacity:0; transform: translate(40px,40px); transition: opacity 0.3s ease 0.15s, transform 0.3s cubic-bezier(0,0.5,0.75,1) 0s; } .headerup .additional_information_wrapper { top: 1px !important; } .triggered .additional_information_wrapper { position: absolute; opacity:1; transform: translate(40px,0); transition: opacity 0.3s ease 0.15s, transform 0.3s cubic-bezier(0,0.5,0.75,1.25) 0s; } /* content */ .additional_information_container { display:inline-block; height:35px; line-height:35px; font-size:1.0rem; } .additional_information_container.race-card {} .additional_information_container.mytrackmate {} .additional_information_container h1, .additional_information_container h2, .additional_information_container h3, .additional_information_container h4, .additional_information_container h5, .additional_information_container h6, .additional_information_container div, .additional_information_container span, .additional_information_container small { display:inline-block !important } .additional_information_container i { margin-left:4px; color:rgb(var(--colour_accent)); } .additional_information_container .title { margin:0 10px 0 0; font-size:1.4em; } .additional_information_container .text { font-size:0.8em; font-weight:300; color:#888; } .additional_information_container .text small { padding:0 4px 0 4px; } .additional_information_container .text span { text-transform:capitalize; } .additional_information_container .text .date {} .additional_information_container .text .time { position:relative; left:1px; font-size:1.3em; font-weight:400; /*letter-spacing:0.02em;*/ color:rgb(var(--colour_warning)); } @media screen and (max-width:1023px) and (orientation:landscape) { #stickyheader, #stickyheader_members { padding-left:40px; padding-right:40px; } } @media screen and (max-width:767px) { #stickyheader_members .members_column_left { left:-30px; width:25%; } #stickyheader_members .members_column_right { width:75%; } .members_header .member_username { display:none; } } /* ----------------------------------------------------------------------------------------- */ /* STICKYFOOTER /* ----------------------------------------------------------------------------------------- */ .stickyfooter { position: absolute; bottom: 0; } /* ----------------------------------------------------------------------------------------- */ /* HERO /* ----------------------------------------------------------------------------------------- */ .ajr_hero { position: relative; /*z-index: -1;*/ /*height: 10vh;*/ margin-top: 60px;/* header height */ margin-bottom: -3rem; padding: var(--layout_padding) 0 3rem; background-image: var(--bgd_image); background-size: cover; background-position: center; overflow:hidden; } .page_home .ajr_hero + * { margin-top: -2px !important; padding-top: 2px !important; } /* background */ .hero_bgd { position: absolute; z-index: -1; top: 0; left: 0; bottom: 2px; right: 0; } /* content */ .ajr_hero .hero_footer { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-end; align-content: flex-end; width: 100%; margin-top: 3rem; } /* svg shapes .ajr_hero svg { position: absolute; z-index: 1; left: 0; right: 0; bottom: -2px; width: 100%; height: 4rem; fill: rgb(var(--colour_background)); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }*/ /* mountains .ajr_hero svg.mountains {} .ajr_hero svg.fan polygon {}*/ /* fan .ajr_hero svg.fan {} .ajr_hero svg.fan path:nth-child(1) { opacity: 0.2; } .ajr_hero svg.fan path:nth-child(2) { opacity: 0.4; } .ajr_hero svg.fan path:nth-child(3) { opacity: 0.6; } .ajr_hero svg.fan path:nth-child(4) {}*/ /* homepage */ .page_home .ajr_hero { --width_mobile: 85px; --width_tablet: 275px; --width_laptop: 500px; --width_horse: 180px; height: auto; padding-top: var(--layout_padding); padding-bottom: 0 !important; } /* hero shapes */ .page_home .ajr_hero svg { height: 4rem; -webkit-transform: none; transform: none; -webkit-filter: drop-shadow(0px 0px 30px rgba(0,0,0,1)); filter: drop-shadow(0px 0px 30px rgba(0,0,0,1)); } .page_home .ajr_hero .layout_content { max-width: var(--layout_max_width_wide) !important; } /* headings */ .page_home .ajr_hero .hero_heading_1 { margin-top: 0 !important; font-size: 2.5em !important; font-weight: 300; line-height: 0.75em !important; color: rgba(0,0,0,0.2) !important; } .page_home .ajr_hero .hero_heading_2 { width: auto; margin:0 !important; line-height:0.6em !important; font-size:4.5em !important; text-align:left; letter-spacing:-0.1rem; color:#fff !important; text-shadow:0 0 10px rgba(0,0,0,0.75); } .page_home .ajr_hero .hero_desc { max-width: 50%; margin: 1em 0 2em; font-family: var(--font_secondary); line-height: 1.25em; font-size: 1.2em; font-weight: 300; letter-spacing: 0; color: #000; } .page_home .ajr_hero .hero_desc p { margin: 0 0 1em; line-height: inherit; font-size: inherit; } .page_home .ajr_hero .hero_buttons { display: -webkit-flex; display: flex; } /* images */ .page_home .ajr_hero .hero_images_container { position: relative; display: contents; } .page_home .ajr_hero .mobile { position: absolute; z-index: 9; right: calc( ( var(--width_laptop) * 0.45 ) + (var(--width_tablet) - 20px) ); bottom: 2rem; width: var(--width_mobile); height: auto; } .page_home .ajr_hero .tablet { position: absolute; z-index: 8; right: calc( var(--width_laptop) * 0.45 ); bottom: 3rem; width: var(--width_tablet); height: auto; } .page_home .ajr_hero .laptop { position: absolute; z-index: 7; right: 0; bottom: 4rem; width: var(--width_laptop); height: auto; } .page_home .ajr_hero .horse { position: absolute; z-index: 10; right: 1rem; bottom: 1rem; width: var(--width_horse); height: auto; } /* race card */ .page_race-card .ajr_hero { padding: 1.5rem 0 7rem; } /* profiles */ .page_profiles .ajr_hero, /* mytrackmate */ .page_mytrackmate .ajr_hero { padding: 1rem 0 2rem; } /* responsive */ @media screen and (max-width:767px) { .page_home .ajr_hero { --content_width: 65%; --width_mobile: 25%; } .page_home .ajr_hero .hero_heading_2 { font-size: 5em !important; } .page_home .ajr_hero .hero_desc { max-width: var(--content_width); margin-top: 1rem; } /* buttons */ .page_home .ajr_hero .hero_buttons { max-width: var(--content_width); } .page_home .ajr_hero .hero_buttons .ajr-button { display: block; margin: 5px 0 0; } /* images */ .page_home .ajr_hero .laptop, .page_home .ajr_hero .tablet { display: none; } .page_home .ajr_hero .horse, .page_home .ajr_hero .mobile { bottom: calc(1.5rem + 100px); } .page_home .ajr_hero .horse { transform: translate(-2rem,2.25rem); } .page_home .ajr_hero .mobile { right: 5%; } } /* ----------------------------------------------------------------------------------------- */ /* AJR HERO /* ----------------------------------------------------------------------------------------- */ .ajr_header_title, .ajr_hero { /*background-attachment: fixed; background-position: 0 -25%; background-repeat: no-repeat; background-size: 100% auto;*/ transition: /*background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, */margin-top 0.34s ease !important; } /* popup hero */ .ajr_popup_hero { padding:2rem 0 2.5rem; } /* h1 */ .ajr_header_title h1, .ajr_hero h1, .ajr_popup_hero h1, .ajr_popup_hero h2 { position: relative; z-index: 1; width: fit-content; margin: 0 auto !important; padding: 0; line-height: 1em; text-align: center; color: #fff !important; text-shadow: 1px 1px 2px #000; } /*.ajr_popup_hero h1 { font-size:2.5em; } .ajr_popup_hero h2 { font-size:2em; }*/ .ajr_header_title small, .ajr_hero small, .ajr_popup_hero small { padding:0 8px; font-size:70%; font-weight:initial; letter-spacing: 0.025em; color:#ddd; } .ajr_header_title small.block, .ajr_hero small.block, .ajr_popup_hero small.block { display:block; padding:0; line-height:1em; } /* sub text */ .ajr_header_title .header_subtext .elementor-text-editor, .ajr_header_title .header_subtext .elementor-widget-container, .ajr_hero .header_subtext .elementor-text-editor, .ajr_hero .header_subtext .elementor-widget-container, .ajr_popup_hero .header_subtext .elementor-text-editor, .ajr_popup_hero .header_subtext .elementor-widget-container { line-height:1.2em; font-size:0.9em; font-weight:400; text-align:center; color:#fff !important; text-shadow:var(--text_shadow); } .ajr_header_title .header_subtext .elementor-text-editor p, .ajr_header_title .header_subtext .elementor-widget-container p, .ajr_hero .header_subtext .elementor-text-editor p, .ajr_hero .header_subtext .elementor-widget-container p, .ajr_popup_hero .header_subtext .elementor-text-editor p, .ajr_popup_hero .header_subtext .elementor-widget-container p { margin:0; } /* motion */ .ajr_hero .elementor-motion-effects-container, .ajr_popup_hero .elementor-motion-effects-container { top:0; left:0; right:0; bottom:1px; width:auto; height:auto; } /* shape fix */ .elementor-shape-bottom { bottom:-1px !important; left:-1px !important; right:-1px !important; width:auto !important; } .registration_hero .elementor-shape-bottom { bottom:0 !important; left:0 !important; right:0 !important; width:auto !important; } /* ----------------------------------------------------------------------------------------- */ /* MENUS /* ----------------------------------------------------------------------------------------- */ ul.menu { -webkit-justify-content: flex-end; justify-content: flex-end; display: block; list-style: none; margin: 0; padding: 0; line-height: normal; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; } ul.menu li.menu-item { position: relative; margin-right:20px; } ul.menu li.menu-item::before { content: '\2022'; position: absolute; left: -12px; top: 1px; color: #bbb; } ul.menu li.menu-item:first-child::before { content: ''; } ul.menu li.menu-item:last-child { margin-right: 0; } /* header, footer */ header ul.menu, footer ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer ul.menu { -webkit-justify-content: flex-end; justify-content: flex-end; } /* ----------------------------------------------------------------------------------------- */ /* SEARCH CONTAINER /* ----------------------------------------------------------------------------------------- */ #selection_options { --this_margin: var(--margin_small); position: relative; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + var(--this_margin)); margin: calc( -1 * (var(--this_margin) / 2)); } /* big buttons */ #selection_options .selection_item { position:relative; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; width: calc(50% - var(--this_margin)); margin: calc(var(--this_margin) / 2); padding:1.5rem !important; border-radius:var(--morph_up_border_radius); border:var(--morph_up_border); box-shadow:var(--morph_up_shadow); background:var(--morph_bgd_concave); } /* admin */ #selection_options .selection_item.admin-only { border-color: rgba(var(--colour_red),0.5); background: rgba(var(--colour_red),0.05); } #selection_options .selection_item:hover { border-color: rgb(var(--colour_accent)); } #selection_options .selection_item .title { margin: 0 0 0.25em; line-height: 0.8em !important; } #selection_options .selection_item .title small { color:inherit; } #selection_options .selection_item .desc { font-size: 0.9em; font-weight: 300; color: var(--colour_grey); } #selection_options .selection_item .selection_action { display: -webkit-flex; display: flex; margin-top: auto; padding-top: 1rem; } #selection_options .selection_item input {} #selection_options .selection_item button {} /* small buttons */ #selection_options .selection_item.small_buttons { margin:0 3px 5px !important; padding:0 !important; border:none !important; background:none !important; box-shadow:none !important; } #selection_options .selection_item.small_buttons.cols_4 { width:calc(25% - 6px); } #selection_options .selection_item.small_buttons.cols_5 { width:calc(20% - 6px); } #selection_options .selection_item.small_buttons.cols_6 { width:calc(16.6666% - 6px); } #selection_options .selection_item.small_buttons.cols_7 { width:calc(14.2857% - 6px); } #selection_options .selection_item.small_buttons button { width:100%; margin:0; } @media (max-width:767px) { #selection_options { width: 100%; } #selection_options .selection_item { width: 100%; margin: 0 0 var(--this_margin); } } /* ----------------------------------------------------------------------------------------- */ /* PULL DOWN RELOAD /* ----------------------------------------------------------------------------------------- */ .pulldown_container { position: absolute; bottom: 100%; left: 0; right: 0; z-index: -1; line-height:0; text-align: center; box-shadow: inset 0 -10px 15px -10px rgba(0,0,0,0.25); } .pulldown_container i { opacity:0; } .pulldown_container.reloading i { color:rgb(var(--colour_accent)) !important; } /* ----------------------------------------------------------------------------------------- */ /* POPUP /* ----------------------------------------------------------------------------------------- */ .popup_container { position:relative; } /*.popup_container:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; -webkit-backdrop-filter:blur(var(--glass_background_blur)); backdrop-filter:blur(var(--glass_background_blur)); }*/ .popup_container:not(.popup_cookie_notification, .ajr_popup.myslips) { background:var(--popup_open_background); -webkit-backdrop-filter:blur(var(--popup_open_blur_active)) saturate(var(--popup_open_saturate_active)) brightness(var(--popup_open_brightness_active)); backdrop-filter:blur(var(--popup_open_blur_active)) saturate(var(--popup_open_saturate_active)) brightness(var(--popup_open_brightness_active)); -webkit-transition:all var(--transition_active); transition:all var(--transition_active); } /* ----------------------------------------------------------------------------------------- */ /* AJR POPUP (Default) /* ----------------------------------------------------------------------------------------- */ /* overlay */ .ajr_popup_overlay { --this_blur: blur(var(--popup_open_blur_active)) saturate(var(--popup_open_saturate_active)) brightness(var(--popup_open_brightness_active)); --this_transition: backdrop-filter 0.6s ease-out 0.3s, background 0.6s ease-in 0.3s, z-index 0s 1s !important; --this_transition_active: z-index 0s, backdrop-filter 0.6s ease-out 0.1s, background 0.6s ease-out 0.1s !important; content: ''; position: fixed; z-index: -999999999; top:0; right:0; bottom: 0; left: 0; background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; -webkit-transition: var(--this_transition); transition: var(--this_transition); } .ajr_popup_overlay.active { z-index: 999999999; background:var(--popup_open_background); -webkit-backdrop-filter: var(--this_blur); backdrop-filter: var(--this_blur); -webkit-transition: var(--this_transition_active); transition: var(--this_transition_active); } .ajr_popup_overlay.popup_close { cursor: pointer; } /* popup */ .ajr_popup { --border_radius_popup: 10px; --this_transition: top 0.3s ease-in, opacity 0.3s ease-in, z-index 0s 5s; --this_transition_active: z-index 0s, opacity 0.6s ease-out 0.1s, top 0.6s ease-out 0.1s; position: fixed; z-index: -9999999999; top: 200%; left: 50%; transform: translate(-50%,-50%); width: 500px; padding: 2rem; border-radius: var(--border_radius_popup); background: #fff; box-shadow: 0px 0px 5em rgba(0,0,0,0.5); opacity: 0; transition: var(--this_transition); } .ajr_popup.active { z-index: 9999999999; top: 50%; opacity: 1; transition: var(--this_transition_active); } /* position - default is center of screen */ .ajr_popup.edge_top { top: -200%; border-radius: 0 0 var(--border_radius_popup) var(--border_radius_popup); transform: translate(-50%,0); } .ajr_popup.edge_top.active { top: 0; } .ajr_popup.edge_right { top: 50%; left: auto; right: -200%; border-radius: var(--border_radius_popup) 0 0 var(--border_radius_popup); transform: translate(0,-50%); } .ajr_popup.edge_right.active { right: 0; } .ajr_popup.edge_bottom { bottom: -200%; border-radius: var(--border_radius_popup) var(--border_radius_popup) 0 0; transform: translate(-50%,0); } .ajr_popup.edge_bottom.active { bottom: 0; } .ajr_popup.edge_left { top: 50%; left: -200%; border-radius: 0 var(--border_radius_popup) var(--border_radius_popup) 0; transform: translate(0,-50%); } .ajr_popup.edge_left { left: 0; } /* popup close */ .ajr_popup .popup_close:not(.ajr-button) { position: absolute; z-index: 10; top: 0; right: 0; margin: 0; padding: 1rem; line-height: 0.75em; font-size: 1.25em; color: #ccc; cursor: pointer; } .ajr_popup .popup_close:hover { color: rgb(var(--colour_accent_hover)); } /* popup indicator */ .popup_indicator { position: absolute; top: 1rem; left: 1rem; } /* popup title */ .ajr_popup .ajr_popup_title { margin-top: 0 !important; line-height: 0.8em !important; text-align: center; } /* popup types */ .ajr_popup.register_an_account, .ajr_popup.myaccount_settings, .ajr_popup.myaccount_stats, .ajr_popup.myaccount_details { width: 650px; } /* popup forms */ .ajr_popup:not(.nav_racecard) form { max-height: 75vh; overflow: auto; } /* popup buttons */ .ajr_popup .popup_buttons_container { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; margin-top: 1em; } .ajr_popup .popup_buttons_container .ajr-button:not(:first-child) { margin-left: 5px; } .ajr_popup .popup_buttons_container .ajr-button[class*="width_"] { margin-bottom: 0 !important; } /* carousel - padding */ .ajr_popup .ae-swiper-container { padding:2em 4em; } /* carousel nav - dots */ .ajr_popup .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0px !important; } /* ------------------------------------------------------------------------------------------------ */ /* MAIN MENU - nav_main_menu /* ------------------------------------------------------------------------------------------------ */ .nav_main_menu { height:60px; max-height:60px; } /* columns */ .nav_left, .nav_right { width:40%; } .nav_left { padding-left:5px; } .nav_right { padding-right:5px; } .nav_middle { width:20%; } /* logo */ .nav_main_menu .nav_logo, .nav_main_menu .nav_logo img { position: relative; top: -2px; width: 150px; height: 32px; max-height: 32px; } /* nav buttons */ /*.edit_page_button { display:inline-block; } .edit_page_button i { color:rgb(var(--colour_accent_hover)); } .edit_page_button:hover i { color:rgb(var(--colour_accent)); }*/ .nav_main_menu .login_register_button { margin-right: 10px; } .nav_main_menu .dashboard_button, .nav_main_menu .edit_page_button, .nav_main_menu .myaccount_button { margin:0 0 0 5px !important; } .nav_main_menu .dashboard_button a, .nav_main_menu .edit_page_button a { margin:0 !important; padding: 7px 10px 6px !important; } .nav_main_menu .myaccount_button a { margin:0 !important; } .nav_main_menu .edit_page_button a { font-size:0.9em; } .nav_main_menu .button_transparent .ajr-button-icon, .nav_members_menu .button_transparent .ajr-button-icon { color:rgb(var(--colour_accent)) !important; } .nav_main_menu .button_transparent:hover .ajr-button-icon, .nav_members_menu .button_transparent:hover .ajr-button-icon { color:rgb(var(--colour_accent_hover)) !important; } .nav_main_menu .button_transparent.active .ajr-button-icon, .nav_members_menu .button_transparent.active .ajr-button-icon, .nav_main_menu .button_transparent.active:hover .ajr-button-icon, .nav_members_menu .button_transparent.active:hover .ajr-button-icon { color:#fff !important; } /* main menu icon (Hamburger) */ .popup_main_menu .main_menu_icon, .nav_main_menu .main_menu_icon { position:relative; z-index:99999; height:32px; width:32px; padding:0; margin:0; cursor:pointer; } .nav_main_menu .main_menu_icon { margin:0 1rem 0 10px; } .popup_main_menu .main_menu_icon .hamburger, .nav_main_menu .main_menu_icon .hamburger { position:absolute; top:50%; left:50%; height:16px; width:26px; transform:translate(-50%,-50%); } /* lines */ .popup_main_menu .main_menu_icon .lines, .nav_main_menu .main_menu_icon .lines { position:absolute; left:50%; height:2px; width:100%; background:#00b4c8; } .popup_main_menu.active .main_menu_icon .lines, .nav_main_menu.active .main_menu_icon .lines { height:1px; background:#ddd; } .popup_main_menu .main_menu_icon:hover .lines, .nav_main_menu .main_menu_icon:hover .lines { background:#008caa; } /*-webkit-animation: ajr_menu_anim 1s linear infinite; animation: ajr_menu_anim 1s linear infinite; }*/ /* line one ---------------------------------------------------------------------- */ .popup_main_menu .main_menu_icon .lines.one, .nav_main_menu .main_menu_icon .lines.one { top:20%; transform:translate(-50%,0%); -webkit-transition: all 500ms 50ms ease; transition: all 500ms 50ms ease; } .popup_main_menu .main_menu_icon:hover .lines.one, .nav_main_menu .main_menu_icon:hover .lines.one { top:0%; transform:translate(-50%,0%); -webkit-transition: all 100ms 0ms cubic-bezier(0.8, 0.5, 1, 4); transition: all 100ms 0ms cubic-bezier(0.8, 0.5, 1, 4); } .popup_main_menu.active .main_menu_icon .lines.one { width:120%; transform: rotate(135deg) translate(14px,7px); } .popup_main_menu.active .main_menu_icon:hover .lines.one, .nav_main_menu.active .main_menu_icon:hover .lines.one { width:125%; } /* line two ---------------------------------------------------------------------- */ .popup_main_menu .main_menu_icon .lines.two, .nav_main_menu .main_menu_icon .lines.two { top:50%; width:0%; opacity:0; transform:translate(-50%,0%); -webkit-transition: all 100ms 0ms ease; transition: all 100ms 0ms ease; } .popup_main_menu .main_menu_icon:hover .lines.two, .nav_main_menu .main_menu_icon:hover .lines.two { width:75%; opacity:1; -webkit-transition: all 200ms 50ms cubic-bezier(0.65, 0.8, 1, 1.5); transition: all 200ms 50ms cubic-bezier(0.65, 0.8, 1, 1.5); } .popup_main_menu.active .main_menu_icon .lines.two { width:150%; opacity:0; -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1); } /* line three -------------------------------------------------------------------- */ .popup_main_menu .main_menu_icon .lines.three, .nav_main_menu .main_menu_icon .lines.three { top:80%; transform:translate(-50%,0%); -webkit-transition: all 500ms 50ms ease; transition: all 500ms 50ms ease; } .popup_main_menu .main_menu_icon:hover .lines.three, .nav_main_menu .main_menu_icon:hover .lines.three { top:100%; transform:translate(-50%,0%); -webkit-transition: all 100ms 0ms cubic-bezier(0.8, 0.5, 1, 4); transition: all 100ms 0ms cubic-bezier(0.8, 0.5, 1, 4); } .popup_main_menu.active .main_menu_icon .lines.three { width:120%; transform: rotate(-135deg) translate(14px,-7px); } .popup_main_menu.active .main_menu_icon:hover .lines.three, .nav_main_menu.active .main_menu_icon:hover .lines.three { width:125%; } /* menu icon animation */ @-webkit-keyframes ajr_menu_anim { 0%,100% { opacity: 0.35; } 50% { opacity: 1; } } @keyframes ajr_menu_anim { 0%,100% { opacity: 0.35; } 50% { opacity: 1; } } /* media */ @media (min-width: 768px) { .nav_left, .nav_right { width:40%; } .nav_middle { width:20%; } } @media (max-width:767px) { .nav_left, .nav_right { width:45%; } .nav_middle { width:10%; } } /*----------------------------------------------------------------------------------------- */ /* POPUP - Main Menu */ /* ----------------------------------------------------------------------------------------- */ .ajr_popup.popup_main_menu { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; top: 0; bottom: 0; left: -100%; min-width:25vw; border-radius: 0; transform: none; transition: left 0.3s ease; } .ajr_popup.popup_main_menu.active { left: 0; transition: left 0.15s ease; } /* popup close */ .ajr_popup.popup_main_menu .popup_close:not(.ajr-button) { padding: 2rem; } /* logo */ .ajr_popup.popup_main_menu .popup_logo { width: 200px; margin-bottom: 2rem; } .ajr_popup.popup_main_menu .popup_logo img { width:100%; height:auto; } /* menu items */ .ajr_popup.popup_main_menu .menu-menu-main-container { position: relative; margin-top: 2rem; } .ajr_popup.popup_main_menu .menu-menu-main-container ul { -webkit-flex-direction: column; flex-direction: column; list-style: none; padding-left: 2.5em; } .ajr_popup.popup_main_menu .menu-menu-main-container li { margin-bottom: 1.5em; padding-left:0px; opacity: 0; transform: translateX( -300px ); transition: opacity 200ms ease, transform 600ms ease; } .ajr_popup.popup_main_menu .menu-menu-main-container li::before { content: ''; } .ajr_popup.popup_main_menu .menu-menu-main-container li a { padding:10px 0; font-size:1.4em; font-weight:300; text-transform:uppercase; transition: var(--transition); } .ajr_popup.popup_main_menu .menu-menu-main-container li a:hover { padding:10px 0 10px 10px; transition: var(--transition_hover); } .ajr_popup.popup_main_menu .menu-menu-main-container li.stagger { opacity:1; padding-left:0; transform: translateX( 0 ); transition: opacity 500ms ease, transform 500ms cubic-bezier(0,0.50,0,1); } /* after */ .ajr_popup.popup_main_menu .menu-menu-main-container li a::after { content:''; position:absolute; left:1px; bottom:-4px; height:1px; width:0; background:rgb(var(--colour_accent)); opacity:1 !important; transition: var(--transition); } .popup_main_menu .menu-menu-main-container li a:hover::after { left:11px; width:15%; background:rgb(var(--colour_accent_hover)); transition: var(--transition_hover); } /* active */ .ajr_popup.popup_main_menu .menu-menu-main-container li.current-menu-item a { pointer-events:none; } .ajr_popup.popup_main_menu .menu-menu-main-container li.current-menu-item a::before { content:'\f111'; font-family:FontAwesome, 'Font Awesome 5\ Free'; position:absolute; top: 50%; left:-25px; font-size:0.3em; opacity:1 !important; transform: translateY(-50%); } .ajr_popup.popup_main_menu .menu-menu-main-container li.current-menu-item a::after { content:''; position:absolute; left:1px; bottom:-4px; height:1px; width:20%; background:rgb(var(--colour_accent)); } /* nav */ .ajr_popup.popup_main_menu .nav_legals { margin-top: auto; font-family: var(--font_secondary); font-size:0.8em; color:#999; } .ajr_popup.ajr_popup.popup_main_menu .nav_legals li.popup-contact-form { display:none; } .ajr_popup.popup_main_menu .nav_legals a, .ajr_popup.popup_main_menu .nav_legals a:visited { color:inherit !important; } @media screen and (max-width:767px) { .ajr_popup.popup_main_menu .elementor-section-height-full { height:90vh; margin-bottom:10vh; } .ajr_popup.popup_main_menu .elementor-section-height-full>.elementor-container { height:100%; } .ajr_popup.popup_main_menu .dialog-widget-content { clip-path:none; } .ajr_popup.popup_main_menu .menu-menu-main-container ul { margin-bottom:6vh; } } /* ----------------------------------------------------------------------------------------- */ /* POPUP - Follow Us */ /* ----------------------------------------------------------------------------------------- */ .ajr_popup.followus .dialog-message { width:400px !important; } .ajr_popup.followus .ajr_popup_hero { padding:1em 1em 1.5em; } .ajr_popup.followus .ajr_popup_hero h2 { font-size:1.8em; } .followus_container { padding:0 1em 1em; } .followus_item { text-align:center; } .followus_item.desc { font-size:0.9em; } a.followus_item .icon { font-size:2em; } a.followus_item .title { margin-top:0.5em; line-height:1em; font-size:0.9em; } a.followus_item .username { margin-top:0.5em; line-height:1em; font-size:0.7em; color:rgb(var(--colour_grey)); } /* ----------------------------------------------------------------------------------------- */ /* MESSAGES */ /* ----------------------------------------------------------------------------------------- */ .account_message { position:relative; margin-bottom:1em; padding:1em 1.5em; font-size:0.9em; text-align:center; border:1px solid rgba(var(--colour_accent_hover),0.25); background: rgba(var(--colour_accent),0.25); border-radius:10px; box-shadow: var(--morph_up_shadow);/*inset 0 0 0 1px rgba(255,255,255,0.5);*/ overflow:hidden; } .account_message * { position:relative; z-index:1; } .account_message i { margin-right:8px; } .account_message:last-of-type { margin-bottom: 0; } .account_message::after { font-family:FontAwesome, 'Font Awesome 5\ Free'; content:'\f05a'; position:absolute; bottom:0; right:0; z-index:0; transform:translate(10%,12.5%); line-height:0.9em; font-size:8em; color:rgba(255,255,255,0.5); } /* page */ #trackmate_search .account_message:last-of-type { margin-bottom: 1em; } /* testing */ .account_message.maintenance { z-index:1; border:1px solid rgb(var(--colour_maintenance_hover)); background: rgba(var(--colour_maintenance),0.9); } .racecard_wrapper .account_message.maintenance { position:absolute; top:-6em; left:0; right:0; } .account_message.maintenance h5 { top:1px; display:inline-block; margin:0 0.5em 0 0; color:#fff; text-shadow:var(--text_shadow); } /* success */ .account_message.success { color:#444; border-color:rgba(50,205,50,0.5); background:rgba(190,240,190,0.85); } .account_message.success::after { content:'\f058'; } .account_message.success i, .account_message.success .title { color:rgb(0,170,0) !important; } /* set to expire */ .account_message.success.expiring { border-color:rgba(255,100,0,0.1); } .account_message.success.set_to_expire .title { color:rgb(230,140,0) !important; } /* cancelled */ .account_message.success.cancelled { border-color:rgba(200,0,0,0.1); } .account_message.success.cancelled .title { color:rgb(200,0,0) !important; } /* notify */ .account_message.notify { border-color:rgba(255,100,0,0.25); background:rgba(255,220,190,0.9); } .account_message.notify::after { content:'\f06a'; } .account_message.notify i, .account_message.notify .title { color:rgb(255,100,0) !important; } /* error */ .account_message.error { border-color:rgba(200,0,0,0.1); background:rgba(255,220,220,0.9); } .account_message.error::after { content:'\f06a'; } .account_message.error i, .account_message.error .title { color:rgb(200,0,0) !important; } /* expiring */ .account_message.expiring { border-color:rgba(255,100,0,0.1); background:rgb(255,220,180); } /* cancelled */ .account_message.cancelled { border-color:rgba(200,0,0,0.1); background:rgb(255,220,220); } /* banner */ .account_message.banner { max-width:900px; margin:2em auto 0; } /* expired */ .account_message.expired a {} /* message H */ .account_message .title { margin:0 0 0.2em !important; font-size:1.4em !important; color:inherit !important; } /* message */ .account_message .message { position:relative; top:1px; display:inline-block; margin:0 10px; font-size:0.9em; color:inherit; } /* message button */ .account_message .message_button { display:inline-block; margin:0 2px; } /* verify account */ .account_message.verify_message {} /* age confirmation */ .account_message.age_confirm_message {} /* account details confirmation */ .account_message.account_details_message {} /* free racecard */ .racecard_wrapper .account_message.free_racecard_message { margin:1rem auto 1rem; box-shadow:var(--box_shadow); } .account_message.free_racecard_message {} .account_message.free_racecard_message form {} .account_message.free_racecard_message .message {} .account_message.free_racecard_message .message_button { background-color:rgb(var(--colour_selected)) !important; } .account_message.free_racecard_message .message_button:hover { background-color:rgb(var(--colour_selected_hover)) !important; } .account_message.free_racecard_message .message_button:active { background-color:rgb(var(--colour_selected_active)) !important; } /* home page */ body.home .layout_container.notification { margin-top: 4rem !important; } body.home .account_message { margin: 0 0 0.5em; } body.home .account_message:last-of-type { margin-bottom: 0; } /* myaccount */ .myaccount_header .account_message { margin-bottom:1em; } /* mytrackmate */ body.page_mytrackmate .layout_container.notification + .layout_container { margin-top: 2rem !important; } #mytrackmate_content .account_message { margin: 10px 10px 2em; } /* membership payment */ .ajr_subscriptions_payment .account_message { display:block; margin:10px auto 0; } .ajr_subscriptions_payment .account_message.error { margin:0 auto 1.5rem; } .ajr_subscriptions_payment .account_message .message_button { margin:0.5em auto 0; } /* background icons */ .account_message.maintenance::after, .account_message.verify_message::after, .account_message.age_confirm_message::after, .account_message.account_details_message::after, .account_message.free_racecard_message::after { font-size:4em; } @media screen and (max-width:767px) { .account_message.banner { max-width:90%; } } /* --------------------------------------------------------------------------------------------- */ /* AJAX MESSAGES /* --------------------------------------------------------------------------------------------- */ .ajax_message, .ajax_message.test { display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; position: fixed; z-index: 99999; left: 0; bottom: 0; max-height: 0; padding: 0 0 0 2rem; font-size: 0.8em; opacity: 0; overflow: hidden; } .ajax_message:not(:empty),.ajax_message.test.active { bottom: 0; max-height: 50vh; padding: 1rem 1rem 2rem 2rem; opacity: 1; transition: 0.6s cubic-bezier(.33,.02,.02,1.24); } #mytrackmate .ajax_message { box-shadow: 0 0 20px 0 rgba(0,0,0,0.25); } /* div */ .ajax_message div { display: -webkit-flex; display: flex; position: relative; z-index: 0; max-height: 0; opacity: 0; transform: translate(0%,100%); transition: max-height 0.5s ease, margin 0.5s ease, opacity 0.25s ease 0.25s, transform 0.25s ease 0.25s; } .ajax_message div + div { margin-bottom: 10px; } .ajax_message div.active { max-height: 200px; opacity: 1; transform: translate(0%,0%); } .ajax_message div.active.prev { filter: grayscale(0.5); opacity: 0.75; } .ajax_message div.active.hide { transform: translate(-200%,0%); max-height: 0; margin: 0; opacity: 0; transition: opacity ease 0.25s, max-height 0.25s ease 0.25s, margin 0.5s ease 0.25s, transform ease 0.5s; } /* avatar */ .ajax_message div img.avatar { margin-right: 1rem; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 5px 10px -5px rgb(0 0 0); } #mytrackmate .ajax_message div img.avatar { box-shadow: 0 5px 10px -5px rgb(0 0 0); } /* message */ .ajax_message div span { --drop_shadow: drop-shadow(3px 4px 2px rgba(0,0,0,0.4)); position: relative; padding: 0.75em 1.5em 0.7em; background: #fff; border-radius: 10px; -webkit-filter: var(--drop_shadow); filter: var(--drop_shadow); } .ajax_message div span::before/*.ajax_message::before*/ { content:''; position: absolute; top: 50%; left: 0; transform: translate(-100%,-50%); border-style: solid; border-width: 5px 10px 5px 0; border-color: transparent #fff; } .ajax_message div.success span {/* color: rgb(var(--colour_success_darkerer));*/ background: rgb(var(--colour_success_lightererer)); } .ajax_message div.success span::before { border-color: transparent rgb(var(--colour_success_lightererer)); } .ajax_message div.delete span {/* color: rgb(var(--colour_warning_darker));*/ background: rgb(var(--colour_warning_lighterererer)); } .ajax_message div.delete span::before { border-color: transparent rgb(var(--colour_warning_lighterererer)); } .ajax_message div.failed span {/* color: rgb(var(--colour_warning));*/ background: rgb(var(--colour_warning_lighterererer)); } .ajax_message div.failed span::before { border-color: transparent rgb(var(--colour_warning_lighterererer)); } .ajax_message div.error span {/* color: rgb(var(--colour_orange));*/ background: rgb(var(--colour_error_lighterer)); } .ajax_message div.error span::before { border-color: transparent rgb(var(--colour_error_lighterer)); } /* icon */ .ajax_message div span i { font-size:1em; margin-left: 1em; } .ajax_message div.delete span i { color: rgb(var(--colour_green)) !important; } .ajax_message div span i.fa-trash-alt { color: rgb(var(--colour_warning)) !important; } @media screen and (max-width:767px) { .ajax_message div span { max-width:calc(100% - 60px - 22px); } } /* --------------------------------------------------------------------------------------------- */ /* MYSLIPS /* --------------------------------------------------------------------------------------------- */ /* options */ .racecard_content .buttons { position:inherit; top:1px; transition: none; } .favourite_options_wrapper { --this_notes_y_adjust: calc(var(--this_height) - 5px); --this_height: 50px; --this_width_notes: 90%; --this_width_icon: 40px; --this_border_radius: 5px; position: absolute; z-index: 102; left: -999px; height: var(--this_height); padding-left: 100px; opacity: 0; -webkit-transition: opacity 0.3s ease, padding 0.4s ease, left 0s 0.5s; transition: opacity 0.3s ease, padding 0.4s ease, left 0s 0.5s; } .favourite_options_wrapper.active { padding-left: 32px; opacity: 1; -webkit-transition: left 0s, opacity 0.2s ease, padding 0.4s cubic-bezier(.33,.02,.02,1.24); transition: left 0s, opacity 0.2s ease, padding 0.4s cubic-bezier(.33,.02,.02,1.24); } /* options */ .favourite_options_wrapper .favourite_options { position:relative; z-index:2; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-evenly; -webkit-align-items: center; align-items: center; min-width: 375px; height: var(--this_height); padding:0 10px; font-size:1.5em; background:#fff; border-radius:5px; box-shadow:0 0 25px rgba(0,0,0,0.5), 0 0 10px rgba(0,0,0,0.5); } .favourite_options_wrapper.is_mobile .favourite_options { align-items:center; } .favourite_options_wrapper .favourite_options::before { content:''; position:absolute; left: -15px; top: 50%; border-left: 5px solid transparent; border-top: 5px solid transparent; border-right: 10px solid white; border-bottom: 5px solid transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* fav_option */ .favourite_options_wrapper .favourite_options .fav_option { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; margin: 0 4px; cursor: pointer; } .favourite_options_wrapper[data-status="result"] .favourite_options .fav_option:not(.selected) { cursor: not-allowed !important; } .favourite_options_wrapper[data-status="result"] .favourite_options .fav_option.selected { cursor: default !important; } .favourite_options_wrapper .favourite_options .fav_option:not(.divider) { --this_bgd: #fff; width: var(--this_width_icon); } .favourite_options_wrapper .favourite_options .fav_option:not(.contender) { padding-bottom: 0.5em; } /* heading */ .favourite_options_wrapper .favourite_options .fav_option .heading { position: absolute; width: max-content; line-height: 1em; font-size: 0.4em; font-weight: 300; color: rgb(var(--colour_grey_light)); transform: translateY(2em);/* transition: var(--transition);*/ } /* icons */ .favourite_options_wrapper .favourite_options .fav_option i { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; color: rgb(var(--colour_grey_lighter)); /*transform: translateY(0.25em); -webkit-transition: var(--transition); transition: var(--transition);*/ } /* hover .favourite_options_wrapper:not([data-status="result"]) .favourite_options .fav_option:hover i { color: rgb(var(--colour_accent_hover)); } .favourite_options_wrapper:not([data-status="result"]) .favourite_options .fav_option:active i { color: rgb(var(--colour_accent_active)); }*/ /* hover */ .favourite_options_wrapper:not([data-status="result"]) .favourite_options .fav_option:hover i, .favourite_options_wrapper:not([data-status="result"]) .favourite_options .fav_option:hover i + .heading { color: rgb(var(--colour_accent_hover)); } .favourite_options_wrapper:not([data-status="result"]) .favourite_options .fav_option:active i, .favourite_options_wrapper:not([data-status="result"]) .favourite_options .fav_option:active i + .heading { color: rgb(var(--colour_accent_active)); } /* icons */ .favourite_options_wrapper.is_mobile .favourite_options .fav_option i {} /* contender */ .favourite_options_wrapper .favourite_options .fav_option i.fa-gem { top: 1px; font-size: 1em; } .favourite_options_wrapper.is_mobile .favourite_options .fav_option i.fa-gem {} /* mytracker */ .favourite_options_wrapper .favourite_options .fav_option.mytracker i { top: -1px; font-size: 1em; font-weight: bold; } .favourite_options_wrapper.is_mobile .favourite_options .fav_option.mytracker i {} /* win */ .favourite_options_wrapper .favourite_options .fav_option i.fa-trophy { top: -1px; font-size: 0.95em; } /* win&place, place, lay */ .favourite_options_wrapper .favourite_options .fav_option i.fa-shild-alt, .favourite_options_wrapper .favourite_options .fav_option i.fa-award, .favourite_options_wrapper .favourite_options .fav_option i.fa-recycle { top: -1px; font-size: 1.05em !important; } .favourite_options_wrapper.is_mobile .favourite_options .fav_option i.fa-shiled-alt, .favourite_options_wrapper.is_mobile .favourite_options .fav_option i.fa-award, .favourite_options_wrapper.is_mobile .favourite_options .fav_option i.fa-award {} /* trade */ .favourite_options_wrapper .favourite_options .fav_option i.fa-people-arrows { top: -1px; } .favourite_options_wrapper.is_mobile .favourite_options .fav_option i.fa-people-arrows {} /* selected */ .favourite_options_wrapper .favourite_options .fav_option.selected::after { content: ''; position: absolute; z-index: -1; left: 50%; bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--this_bgd); border-bottom: 10px solid transparent; -webkit-transform: translateX(-50px); transform: translateX(-50%); -webkit-transition: var(--transition); transition: var(--transition); -webkit-transition: var(--transition_cb_active); transition: var(--transition_cb_active); } .favourite_options_wrapper .favourite_options .fav_option.selected.viewing::after { bottom: -16px; } .favourite_options_wrapper .favourite_options .fav_option i:hover { transform: translateY(0); } .favourite_options_wrapper .favourite_options .fav_option.selected i/*contender-selected*/ { color:rgb(255,200,0); text-shadow:0 0 10px 0 rgba(255,204,0,0.5); } .favourite_options_wrapper .favourite_options .fav_option.selected i/*mytracker-selected*/ { color:rgb(255,225,0); } .favourite_options_wrapper .favourite_options .fav_option.selected i/*.myslip-selected*/ { top: -1px; font-size: 0.9em; color: rgb(var(--colour_success)); } /* heading */ /*.favourite_options_wrapper .favourite_options .fav_option i + .heading { opacity: 0; } .favourite_options_wrapper .favourite_options .fav_option:hover i + .heading { opacity: 1; transform: translateY(2em); transition: var(--transition); }*/ .favourite_options_wrapper .favourite_options .fav_option.selected i/*.mytracker-selected*/ + .heading { color: rgb(225,150,0,0.75); } .favourite_options_wrapper .favourite_options .fav_option.selected i/*.myslip-selected*/ + .heading { color: rgb(var(--colour_success)); } /* loading */ .favourite_options_wrapper .favourite_options .fav_option i.loading {} /* icons before */ .favourite_options_wrapper .favourite_options .fav_option i::before { -webkit-transition: none; transition: none; font-size: 0.85em; } .favourite_options_wrapper .favourite_options .fav_option i:hover::before { z-index:10; -webkit-transition: none; transition: none; } /* divider */ .favourite_options_wrapper .favourite_options .fav_option.divider { display: block; height: 40%; margin: 0 4px; padding: 0; } .favourite_options_wrapper .favourite_options .fav_option.divider div { width: 1px; height: 100%; background: rgb(var(--colour_grey_lightererer)); } /* contender */ .favourite_options_wrapper .favourite_options .fav_option.contender { --this_bgd: rgb(255,240,240); background: var(--this_bgd) !important; } .favourite_options_wrapper .favourite_info { position:absolute; top:0; z-index:0; left:250px; width:300px; font-size:1em; color:#fff; text-shadow: 0px 1px 5px rgba(0,0,0,1); opacity:0; transition:all 0.15s ease; } .favourite_options_wrapper .favourite_info.active { z-index:1; opacity:1; transition:all 0.3s ease; } .favourite_options_wrapper .favourite_info small { color:#fff; } .favourite_options_wrapper .favourite_info .info_container { position:absolute; top:5px; left:0; z-index:1; padding-left:20px; opacity:1; transition:all 0.3s ease; } .favourite_options_wrapper .favourite_info.view_notes .info_container { top:-6px; left:0; z-index:0; opacity:1; transition:all 0.15s ease; } .favourite_options_wrapper .favourite_info .info_container .info_horse_name { line-height:1.8em; font-size:1.1em; font-weight:500; } .favourite_options_wrapper .favourite_info .info_container .info_odds { font-size:0.9em; font-weight:300; opacity:1; transition:all 0.3s ease 0.15s; } .favourite_options_wrapper .favourite_info.view_notes .info_container .info_odds { opacity:0; transition:all 0.15s ease 0s; } /* notes container */ .favourite_options_wrapper .notes_container { position: absolute; top: 0; left: 32px; right: 0; bottom: 0; z-index:0; padding:0; font-size: 0.9em; } .favourite_options_wrapper .notes_container .info_runner, .favourite_options_wrapper .notes_container .info_notes { position:absolute; left:50%; transform: translate(-50%,0); max-height: 0; width: var(--this_width_notes); background:rgba(0,0,0,0.5); opacity:0; overflow: hidden; } .favourite_options_wrapper .notes_container .info_runner { bottom: 0; transition: transform 0.3s ease-in, opacity 0.2s ease 0.1s, max-height 0s 0.3s, min-height 0s 0.3s; } .favourite_options_wrapper .notes_container .info_notes { top: 0; transition: transform 0.3s ease-in, opacity 0.2s ease 0.1s, max-height 0s 0.3s, min-height 0s 0.3s; } /* view_notes & active */ .favourite_options_wrapper .notes_container.view_notes .info_runner.active, .favourite_options_wrapper .notes_container.view_notes .info_notes.active { z-index:1; max-height: 500px; opacity:1; overflow: visible; } .favourite_options_wrapper .notes_container.view_notes .info_runner.active { transform: translate(-50%,calc(-1 * var(--this_notes_y_adjust))); transition: transform 0.3s cubic-bezier(1, 0, 0.4, 1.5), opacity 0.2s ease, max-height 0s, min-height 0s; } .favourite_options_wrapper .notes_container.view_notes .info_notes.active { transform: translate(-50%,var(--this_notes_y_adjust)); transition: transform 0.3s cubic-bezier(1, 0, 0.4, 1.5), opacity 0.2s ease, max-height 0s, min-height 0s; } /* container - runner */ .favourite_options_wrapper .notes_container .info_runner { display: -webkit-flex; display: flex; padding: 10px 10px 15px 10px; border-radius: var(--this_border_radius) var(--this_border_radius) 0 0; } .favourite_options_wrapper .notes_container .info_runner .odds { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; margin-right: 0.25em 10px 0 0; font-size:0.8em; } /* odds .favourite_options_wrapper .notes_container .info_runner .odds > span small { padding-right: 4px; color: rgb(var(--colour_grey_lightererer)); } .favourite_options_wrapper .notes_container .info_runner .odds > span span { font-family: var(--font_code); color: #fff; } .favourite_options_wrapper .notes_container .info_runner .odds > span + span { padding-left: 1em; }*/ /* runner */ .favourite_options_wrapper .notes_container .info_runner .runner { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; margin-right: 10px; line-height: 1.4em; font-size:1.1em; } /* horse */ .favourite_options_wrapper .notes_container .info_runner .runner .horse { line-height: 1.1em; } .favourite_options_wrapper .notes_container .info_runner .runner .horse .name { font-weight: 500; color: #fff; } /* jockey */ .favourite_options_wrapper .notes_container .info_runner .runner .jockey { margin-top: 0.25em; } .favourite_options_wrapper .notes_container .info_runner .runner .jockey .icon { padding: 2px 1px 0 0; width: 12px; color: #000; } .favourite_options_wrapper .notes_container .info_runner .runner .jockey .name { font-size: 0.8em; font-weight: 300; color: rgb(var(--colour_grey_lighterer)); } /* silks */ .favourite_options_wrapper .notes_container .info_runner img.silks { height: 30px; margin-left: auto; border: 4px solid #fff; border-radius: 4px; background: #fff; } /* container - notes */ .favourite_options_wrapper .notes_container .info_notes { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 10px 10px; border-radius: 0 0 var(--this_border_radius) var(--this_border_radius); } /* contenders */ .favourite_options_wrapper .notes_container[data-type="contender"] .info_notes { -webkit-flex-direction: column; flex-direction: column; } /* mytrackmate_account */ .favourite_options_wrapper .notes_container .info_notes .mytrackmate_account { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; width: 100%; } .favourite_options_wrapper .notes_container .info_notes .mytrackmate_account span { display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline; color: #fff; } .favourite_options_wrapper .notes_container .info_notes.market_closed .mytrackmate_account span { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; width: 100%; line-height: 1em; margin-top: 0.5em; padding: 0.5em 0.75em 0.25em; font-size: 0.85em; font-weight: 300; text-transform: uppercase; letter-spacing: 0.05em; border-radius: 5px; background: rgba(var(--colour_red),0.25); } .favourite_options_wrapper .notes_container .info_notes .mytrackmate_account span + span { margin-left: 1rem; } .favourite_options_wrapper .notes_container .info_notes .mytrackmate_account span small { padding-right: 4px; color: rgb(var(--colour_grey_lighterer)); } .favourite_options_wrapper .notes_container .info_notes .mytrackmate_account span div { font-size: 0.9em; } .favourite_options_wrapper .notes_container .info_notes .mytrackmate_account .kitty div, .favourite_options_wrapper .notes_container .info_notes .mytrackmate_account .staking_system div { } .favourite_options_wrapper .notes_container .info_notes .mytrackmate_account .system_stake div { } .favourite_options_wrapper .notes_container .info_notes .mytrackmate_account .kitty div::before, .favourite_options_wrapper .notes_container .info_notes .mytrackmate_account .system_stake div::before { content: attr(symbol); font-size: 0.75em; padding-right: 3px; line-height: 1em; color: rgb(var(--colour_grey_lighter)); pointer-events: none; } /* odds */ .favourite_options_wrapper .notes_container .info_notes > .odds { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; max-height: 100px; width: 100%; margin-top: 5px; overflow: visible; } .favourite_options_wrapper .notes_container .info_notes.market_closed > .odds { display: none; } .favourite_options_wrapper .notes_container[data-type="mytracker"] .info_notes > .odds { max-height: 0; margin-top: 0; overflow: hidden; } .favourite_options_wrapper .info_notes > .odds > span { padding: 0 0.6em; border-radius: 4px;/* border: 1px solid rgba(var(--colour_grey_darkest),0.25); background: rgba(var(--colour_grey_darkest),0.5); background: rgb(var(--colour_back));*/ cursor: pointer; } .info_notes > .odds > span + span { margin-left: 0.5em; } .favourite_options_wrapper .notes_container .info_notes .odds > span small { padding-right: 4px; font-size: 0.75em; color: rgb(var(--colour_grey_dark)); } .favourite_options_wrapper .notes_container .info_notes .odds > span span { display: inline-block; min-width: 2rem; font-family: var(--font_code); text-align: right; font-size: 0.85em; color: rgb(var(--colour_text)); } /* odds hide .favourite_options_wrapper .notes_container[data-sub_type="lay"] .info_notes .odds .lay,*/ .favourite_options_wrapper .notes_container[data-sub_type="lay"] .info_notes .odds .lay { display: none; } /* odds disabled */ .favourite_options_wrapper .notes_container .info_notes .odds.disabled span { filter: grayscale(0.5); opacity: 0.75; } /* odd back */ .favourite_options_wrapper .notes_container .info_notes .odds > span { background: rgb(var(--colour_back)); } /* odd lay */ .favourite_options_wrapper .notes_container[data-sub_type="lay"] .info_notes .odds > span { background: rgb(var(--colour_lay)); } /* wrappers */ .favourite_options_wrapper .notes_container .info_notes .buttons_wrapper { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; width: 100%; } .favourite_options_wrapper .notes_container .info_notes .buttons_wrapper button { -webkit-flex-grow: 1; flex-grow: 1; } .favourite_options_wrapper .notes_container .info_notes .odds_wrapper.type_0 {} .favourite_options_wrapper .notes_container .info_notes .buttons_wrapper, .favourite_options_wrapper .notes_container .info_notes .stake_wrapper, .favourite_options_wrapper .notes_container .info_notes .odds_wrapper, .favourite_options_wrapper .notes_container .info_notes .places_wrapper, .favourite_options_wrapper .notes_container .info_notes .notes_wrapper { margin-top: 5px; } .favourite_options_wrapper .notes_container .info_notes .stake_wrapper, .favourite_options_wrapper .notes_container .info_notes .odds_wrapper, .favourite_options_wrapper .notes_container .info_notes .places_wrapper { -webkit-flex: 1; flex: 1; /*width: calc(33.333% - 10px);*/ text-align: center; } .favourite_options_wrapper .notes_container .info_notes .odds_wrapper + .stake_wrapper { margin-left: 6px; } .favourite_options_wrapper .notes_container .info_notes .stake_wrapper + .odds_wrapper, .favourite_options_wrapper .notes_container .info_notes .odds_wrapper + .places_wrapper { margin-left: 1px; } .favourite_options_wrapper .notes_container .info_notes .notes_wrapper { width: 100%; } .favourite_options_wrapper .notes_container[data-type=mytracker] .info_notes .notes_wrapper { margin-top: -2px; } /* wrapper titles */ .favourite_options_wrapper .notes_container small { padding: 0; line-height: 1.4em; font-size: 0.8em; color:#fff; } /* contenders .favourite_options_wrapper .notes_container[data-type="contender"] .info_notes small { text-align: center; }*/ .favourite_options_wrapper .notes_container .info_notes .stake_wrapper small, .favourite_options_wrapper .notes_container .info_notes .odds_wrapper small, .favourite_options_wrapper .notes_container .info_notes .places_wrapper small { width: 100%; } .favourite_options_wrapper .notes_container .info_notes .notes_wrapper small {} .favourite_options_wrapper .notes_container .info_notes .stake_wrapper small span:not(:empty), .favourite_options_wrapper .notes_container .info_notes .odds_wrapper small span:not(:empty), .favourite_options_wrapper .notes_container .info_notes .places_wrapper small span:not(:empty), .favourite_options_wrapper .notes_container .info_notes .notes_wrapper small span:not(:empty) { padding-right: 3px; text-transform: capitalize; } .favourite_options_wrapper .notes_container .data { border-color: inherit !important; } .favourite_options_wrapper .notes_container .data:focus { position: relative; box-shadow: 0 0 5px 0 rgba(0,0,0,0.75), 0 0 15px 0 rgba(0,0,0,0.75); } .favourite_options_wrapper .notes_container .stake_wrapper .data, .favourite_options_wrapper .notes_container .odds_wrapper .data, .favourite_options_wrapper .notes_container .places_wrapper .data { padding: 0.5em 0 0.4em; text-align: center; } .favourite_options_wrapper .notes_container .notes_wrapper .data { width: 100%; } .favourite_options_wrapper .notes_container .stake_wrapper .data.stake::before { content: attr(symbol); font-size: 0.75em; padding-right: 3px; line-height: 1em; color: rgb(var(--colour_grey_lighter)); pointer-events: none; } .favourite_options_wrapper .notes_container[data-type="mytracker"] .data.notes { min-height: 75px; } /* hide */ .favourite_options_wrapper .notes_container .info_notes > :not(.hide) { max-width: 100%; max-height: 125px; opacity: 1; overflow: visible; } .favourite_options_wrapper .notes_container .info_notes > .hide { max-width: 0; max-height: 0; margin-left: 0 !important; margin-right: 0 !important; opacity: 0; overflow: hidden; } .favourite_overlay { position:fixed; z-index:100; background:rgba(0,0,0,0); transition: all 0s 0.3s, background 0.3s ease-out; } body.favourite_overlay_active .favourite_overlay { top:0; left:0; right:0; bottom:0; background:var(--popup_open_background); transition: all 0s, background 0.6s ease-out; } body.favourite_overlay_active .ajr-lists-icon::before { text-shadow:none; } /* disable */ .favourite_options_wrapper[data-status="result"] .info_notes > .odds > span, .favourite_options_wrapper[data-status="result"] .info_notes .stake_wrapper .data, .favourite_options_wrapper[data-status="result"] .info_notes .odds_wrapper .data, .favourite_options_wrapper[data-status="result"] .info_notes .places_wrapper .data, .favourite_options_wrapper[data-status="result"] .info_notes .notes_wrapper .data { pointer-events: none !important; } /* ----------------------------------------------------------------------------------------- */ /* synopsis / intro /* ----------------------------------------------------------------------------------------- */ .ajr_synopsis, .ajr_post_synopsis { margin-bottom: 2em !important; font-weight: bold; } .single-post .ajr_synopsis, .single-post .ajr_post_synopsis { font-size: 1.2em; } .page_contenders .ajr_synopsis { padding-top: 2rem; } /* ----------------------------------------------------------------------------------------- */ /* ul /* ----------------------------------------------------------------------------------------- */ .page ul:not(.menu) { margin:1em 0 1em; padding-left:2em; } .page ul:not(.menu) li { margin-bottom:0.5em; line-height:1.2em; } /* ----------------------------------------------------------------------------------------- */ /* CALL TO ACTION /* ----------------------------------------------------------------------------------------- */ .cta { margin-top:2em; padding:10em 2em; } .cta_heading h3 { font-size:2.5em; color:#fff !important; text-shadow:var(--text_shadow); } .cta_button a { box-shadow:0 2px 4px -1px rgb(0 0 0 / 50%) !important; } /* ----------------------------------------------------------------------------------------- */ /* WORDPRESS BLOCKS (GUTTENBERG) /* ----------------------------------------------------------------------------------------- */ .wp-block-image figure.alignright { margin-left:2em !important; } .wp-block-image figcaption { margin: 1rem 1rem 1rem; font-family: var(--font_secondary); font-size: 0.8em; font-weight: 300; letter-spacing: 0.025em; color: rgb(var(--colour_grey_light)); text-align: center; } ul.instructions { list-style-type: none; margin:0; padding:0; } ul.instructions li { display:inline-block; width:calc(25% - 1em); margin:0 1em 1em 0; } ul.instructions li:nth-child(4) { margin-right:0; } ul.instructions li a { display:block; padding:2em; text-align:center; border:1px solid #ddd; border-radius:4px; } ul.instructions li a:hover { border-color:#ccc; box-shadow:0 0 25px 0 rgba(0,0,0,0.1); } /* ----------------------------------------------------------------------------------------- */ /* SUBSCRIPTION RELATED /* ----------------------------------------------------------------------------------------- */ .swiper-container-horizontal > .swiper-pagination-bullets { bottom:-10px !important; } /* ----------------------------------------------------------------------------------------- */ /* ELEMENTOR FORMS DEFAULT STYLES /* ----------------------------------------------------------------------------------------- */ /* step indicators */ .e-form__indicators { margin:0 15% 5px; } /* indicator */ .e-form__indicators .e-form__indicators__indicator {} .e-form__indicators .e-form__indicators__indicator .e-form__indicators--type-icon .e-form__indicators__indicator__separator { margin-top:10px; } .e-form__indicators .e-form__indicators__indicator .e-form__indicators__indicator__icon { height:20px; width:20px; font-size:15px; } .e-form__indicators .e-form__indicators__indicator .e-form__indicators__indicator--shape-circle { padding-left: 1px; } .e-form__indicators .e-form__indicators__indicator .e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-circle { border-color:transparent; } /* fields */ .elementor-field-group input span.fa { color:rgb(var(--colour_accent)); } .elementor-field-group textarea { height:90px; padding:0.9em 1.2em !important; resize:vertical !important; } .elementor-field-group .elementor-field-group-recaptcha { width:266px !important; margin:2.6em auto 3em !important; } /* field icons */ .popup_myaccount_login_register .elementor-field-input-wrapper-user_login::after, .popup_myaccount_login_register .elementor-field-input-wrapper-user_pass::after, .popup_myaccount_login_register .elementor-field-input-wrapper-user_email::after { font-weight:300 !important; } .popup_myaccount_login_register .elementor-field-input-wrapper-user_email::after { left:15px !important; font-size:0.8em !important; } /* buttons */ .e-form__buttons input { margin-top:10px !important; margin-bottom:0 !important; } /* ----------------------------------------------------------------------------------------- */ /* POPUPS /* ----------------------------------------------------------------------------------------- */ .dialog-widget-content { max-width:calc(100% - 2rem) !important; margin:2rem auto; } .popup_cookie_notification .cookie_terms_button { margin-left:-11px; } .popup_cookie_notification .cookie_accept_button { margin-top:20px; } .popup_myaccount_login_register .dialog-message { width:750px !important; } .popup_wrapper { max-width:90%; margin:auto; padding:100px 175px; } .popup_contact_form .popup_wrapper { padding:100px 175px; } .popup_myaccount_logout .popup_wrapper { max-width:none; padding:200px 175px; } .popup_wrapper .popup_column_only {} .popup_behind_container_image { width:700px !important; top:50%; left:50%; transform:translate(-50%,-50%); } .popup_container { margin:auto; } .popup_container .popup_form {} /* popup close - default */ .elementor-popup-modal .dialog-close-button i { color:#ddd; } .elementor-popup-modal .dialog-close-button i:hover { color:rgb(0,180,200); } .elementor-popup-modal .dialog-close-button i:active { color:rgb(var(--colour_accent_hover)); } .popup_myaccount_logout {} .popup_myaccount_login_register {} /* popup close button */ .popup_contact_form .dialog-close-button, .popup_myaccount_logout .dialog-close-button, .popup_myaccount_login_register .dialog-close-button { top:110px !important; right:calc(175px + 8px) !important; font-size:20px; } .popup_myaccount_login_register .dialog-close-button i { color:#ccc; } .popup_myaccount_login_register .dialog-close-button i:hover, .popup_myaccount_login_register .dialog-close-button i:active { color:rgb(var(--colour_accent_hover)) !important; } /* popup close - logout */ .popup_myaccount_logout .dialog-close-button { top:210px !important; padding:4px; font-size:18px; } /* popup close - contact form */ .popup_contact_form .dialog-close-button { /*top:210px !important; right:185px !important;*/ padding:4px; font-size:18px; } /* popup container stuff */ .popup_contact_form .dialog-message.dialog-lightbox-message, .popup_myaccount_logout .dialog-message.dialog-lightbox-message, .popup_myaccount_login_register .dialog-message.dialog-lightbox-message { width:auto; } .popup_contact_form .popup_behind_container_image {} .popup_myaccount_logout .popup_behind_container_image {} .popup_myaccount_login_register .popup_behind_container_image {} .popup_myaccount_logout .popup_container, .popup_myaccount_login_register .popup_container { /**/width:400px !important; min-width:400px !important; max-width:400px !important } .popup_contact_form .popup_container .elementor-element-populated, .popup_myaccount_logout .popup_container .elementor-element-populated, .popup_myaccount_login_register .popup_container .elementor-element-populated { justify-content: center; overflow:hidden; } .popup_contact_form .popup_container .popup_form.form_logout, .popup_myaccount_logout .popup_container .popup_form.form_logout { width:340px !important; } .popup_myaccount_login_register .popup_container .login_heading, .popup_myaccount_login_register .popup_container .login_message, .popup_myaccount_login_register .popup_container .register_heading, .popup_myaccount_login_register .popup_container .register_message, .popup_myaccount_login_register .popup_container .popup_form.form_login, .popup_myaccount_login_register .popup_container .popup_form.form_register { position:absolute; width:340px !important; } .popup_myaccount_login_register .popup_container .login_heading, .popup_myaccount_login_register .popup_container .register_heading { top:25px; } .popup_myaccount_login_register .popup_container .login_message, .popup_myaccount_login_register .popup_container .register_message { top:60px; font-size:0.8em; text-align:center; } .popup_myaccount_login_register .popup_container .popup_form.form_login { top:205px; } .popup_myaccount_login_register .popup_container .popup_form.form_register { top:165px; } /* Contact Form --------------------------------------------------------------------------------------- */ .contact_details h4 { margin-top:2em; } .contact_details span.fas { margin-right:1em; color:rgb(var(--colour_accent_hover)); } #contact_form { padding:2em; /*border:var(--morph_up_border); border-radius:var(--morph_up_border_radius); background:var(--morph_concave); box-shadow:var(--morph_up_shadow);*/ } #contact_form .elementor-field-label:before { font-weight: 300 !important; } #contact_form .elementor-field-group-email, #contact_form .elementor-field-group-subject, #contact_form .elementor-field-group-message, #contact_form .elementor-field-type-submit { margin-top:1em; } #contact_form textarea { min-height:150px; padding:0.9em 1.2em !important; resize:vertical !important; } .popup_container #contact_form { margin-top:-1.5em; } /* Logout --------------------------------------------------------------------------------------------- */ body.single-page .elementor-login .elementor-login__logged-in-message { font-size:0.9em; text-align:center; } .form_logout .elementor-login__logged-in-message { position:relative; line-height:32px; color:transparent; } /*.popup_myaccount_logout .elementor-login__logged-in-message a {*/ .form_logout .elementor-login__logged-in-message a { position:absolute; left:50%; transform:translateX(-50%); } /* Login --------------------------------------------------------------------------------------------- */ .popup_myaccount_login_register .popup_container .login_heading, .popup_myaccount_login_register .popup_container .login_message, .popup_myaccount_login_register .popup_container .popup_form.form_login { transform:translateX(0); transition: transform 0.2s ease-in; } .popup_myaccount_login_register .popup_container .login_heading.toggled, .popup_myaccount_login_register .popup_container .login_message.toggled, .popup_myaccount_login_register .popup_container .popup_form.form_login.toggled { transform:translateX(-400px); transition: transform 0.2s ease-out; } /* remember me & lost password */ .popup_myaccount_login_register .popup_container .popup_form.form_login .elementor-remember-me, .popup_myaccount_login_register .popup_container .popup_form.form_login .elementor-lost-password { font-weight:300 !important; color:rgb(var(--colour_accent_hover)) !important; } /* remember me */ .popup_myaccount_login_register .popup_container .popup_form.form_login .elementor-remember-me { margin:0.25em auto 0; } .popup_myaccount_login_register .popup_container .popup_form.form_login .elementor-remember-me input[type="checkbox"] + label::after { top: -2px; left: 1px; font-size: 0.9em; color: rgb(var(--colour_accent_hover)); } .popup_myaccount_login_register .popup_container .popup_form.form_login .elementor-remember-me label { margin:auto; padding-left:2em;/* wider than checkbox + padding */ } .popup_myaccount_login_register .popup_container .popup_form.form_login .elementor-remember-me label::before, .popup_myaccount_login_register .popup_container .popup_form.form_login .elementor-remember-me label::after { top:-0.35em; left:0; } .popup_myaccount_login_register .popup_container .popup_form.form_login .elementor-remember-me input { position:relative; top:2px; padding-right:2px; } .popup_myaccount_login_register .popup_container .popup_form.form_login .elementor-remember-me.invisible { margin-bottom:0 !important; } /* lost password */ .popup_myaccount_login_register .popup_container .popup_form.form_login .elementor-lost-password { margin:0.5em auto; } /* Register ------------------------------------------------------------------------------------------ */ .popup_myaccount_login_register .popup_container .register_heading, .popup_myaccount_login_register .popup_container .register_message, .popup_myaccount_login_register .popup_container .popup_form.form_register { transform:translateX(400px); transition: transform 0.2s ease-out; } .popup_myaccount_login_register .popup_container .register_heading.toggled, .popup_myaccount_login_register .popup_container .register_message.toggled, .popup_myaccount_login_register .popup_container .popup_form.form_register.toggled { transform:translateX(0); transition: transform 0.2s ease-in; } /* indicators */ .popup_myaccount_login_register .e-form__indicators { margin:0 10% 5px; } /* indicator */ .popup_myaccount_login_register .e-form__indicators .e-form__indicators__indicator {} .popup_myaccount_login_register .e-form__indicators .e-form__indicators__indicator .e-form__indicators__indicator--shape-circle { padding-left: 1px; } .popup_myaccount_login_register .e-form__indicators .e-form__indicators__indicator .e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-circle { border-color:transparent; } /* fields */ .popup_myaccount_login_register .elementor-field-input-wrapper-user_pass span.fa { color:rgb(var(--colour_accent)); } .popup_myaccount_login_register .elementor-field-group-registered_referrer textarea, .popup_myaccount_login_register .elementor-field-group-description textarea { height:140px !important; padding:0.9em 1.25em !important; resize:none !important; } .popup_myaccount_login_register .elementor-field-group-user_gender, .popup_myaccount_login_register .elementor-field-group-user_date_of_birth { cursor:pointer; } .popup_myaccount_login_register .elementor-field-group-recaptcha { width:266px !important; margin:2.6em auto 3em !important; } /* field icons */ /*.popup_myaccount_login_register .elementor-field-input-wrapper-user_login:after, .popup_myaccount_login_register .elementor-field-input-wrapper-user_pass:after, .popup_myaccount_login_register .elementor-field-input-wrapper-user_email:after,*/ .form_register .elementor-field-input-wrapper:after { font-weight:300 !important; } .form_register .elementor-field-input-wrapper-user_email:after { left:15px !important; font-size:0.8em !important; } /* buttons */ .popup_myaccount_login_register button, .popup_myaccount_login_register input[type="button"], .popup_myaccount_login_register input[type="submit"]/*, .popup_myaccount_login_register .form_login .elementor-field-type-submit, .popup_myaccount_login_register .form_register .e-form__buttons*/ { width:100%; margin-top:10px; margin-bottom:0 !important; } /* margins .popup_myaccount_login_register .popup_container .popup_form.form_login .elementor-form-fields-wrapper > div:last-of-type { margin-bottom:0 !important; } */ @media screen and (max-width:767px) { .popup_wrapper { padding:0 !important; } .elementor-popup-modal:not(.ajr_popup.nav_racecard) .elementor-popup-modal .dialog-close-button { top:20px !important; right:calc(5% + 20px) !important; } .popup_racecard_filters .dialog-close-button { right:20px !important; } .popup_cookie_notification .cookie_terms_button { margin-left:0; } .popup_cookie_notification .cookie_accept_button, .popup_cookie_notification .cookie_decline_button { width:49% !important; margin-top:1em; } .popup_cookie_notification .cookie_accept_button { margin-right:1%; } .popup_cookie_notification .cookie_decline_button { margin-left:1%; } .dialog-message { width:auto !important; } } /* ----------------------------------------------------------------------------------------- */ /* FORM SUBMITTED MESSAGES/ERRORS - ajax form notifications /* ----------------------------------------------------------------------------------------- */ form.elementor-form .elementor-message, #email_template_tester .elementor-message, #registration_form .elementor-message, #resend_verification_email .elementor-message, #check_verification_code .elementor-message, #myaccount_edit_details .elementor-message, #age_confirmation_form .elementor-message, .verification_code_invalid.elementor-message { margin:20px 0 0; padding-right:5px; font-size:12px; text-align:center; } form.elementor-form .elementor-message.elementor-message-error, #email_template_tester .elementor-message.elementor-message-error, #registration_form .elementor-message.elementor-message-error, #resend_verification_email .elementor-message.elementor-message-error, #check_verification_code .elementor-message.elementor-message-error #myaccount_edit_details .elementor-message.elementor-message-error #age_confirmation_form .elementor-message.elementor-message-error .verification_code_invalid.elementor-message.elementor-message-error { color:rgb(var(--colour_warning)); } form.elementor-form .elementor-message.elementor-message-success, #email_template_tester .elementor-message.elementor-message-success, #registration_form .elementor-message.elementor-message-success, #resend_verification_email .elementor-message.elementor-message-success, #check_verification_code .elementor-message.elementor-message-success, #myaccount_edit_details .elementor-message.elementor-message-success, #age_confirmation_form .elementor-message.elementor-message-success { color:rgb(var(--colour_green)); } form.elementor-form .elementor-message::before, /*#email_template_tester .elementor-message::before,*/ #registration_form .elementor-message::before, #resend_verification_email .elementor-message::before, #check_verification_code .elementor-message::before #myaccount_edit_details .elementor-message::before #age_confirmation_form .elementor-message::before .verification_code_invalid.elementor-message::before { top:0px; font-size:1.15em; } /* ajax loading icon */ .elementor-form-waiting .elementor-form-spinner { position:relative !important; left:-3px !important; color:white !important; } #email_template_tester.elementor-form-waiting .elementor-form-spinner { left:-5px !important; } /* test email templates */ #email_template_tester { position:relative; } #email_template_tester .elementor-field-group { /*margin:0;*/ } #email_template_tester .elementor-message { position:absolute; bottom: -15px; left:50%; margin:0; transform:translateX(-50%); } /* registration form */ #registration_form .elementor-message { margin-top:5px; } /* enter activation code */ #request_verification_code {} #request_verification_code .elementor-message { margin:10px 0 0; font-size:12px; text-align:center; } #request_verification_code .elementor-message.elementor-message-error { color:rgb(var(--colour_warning)); } #request_verification_code .elementor-message.elementor-message-success { color:rgb(var(--colour_green)); } /* verification code */ .verification_code_invalid.elementor-message { width: 400px; margin: 0.25em auto 0 !important; padding: 0.7em 1.25em 0.6em; line-height: 1.4em !important; font-size:0.9em; color:rgb(var(--colour_warning)); background: rgba(200,0,0,0.1); border-radius: 5px; } .verification_code_invalid.elementor-message small { display:block; padding:0 !important; color:rgb(var(--colour_warning)); } .verification_code_invalid.elementor-message::before { content:'\f084'; font-family:FontAwesome, 'Font Awesome 5\ Free'; } /* check verification code */ #check_verification_code #form-field-verification_code { text-align:center; } /* re-send verification email */ #resend_verification_email { display:inline-block; } #resend_verification_email .elementor-form-fields-wrapper { height:12px; line-height:12px; font-size:12px; text-align:center; } #resend_verification_email .elementor-field-type-html, #resend_verification_email .e-form__buttons { display: inline-block; width: auto; margin:0; padding:0; } #resend_verification_email .elementor-field-type-html { padding-right:5px; } #resend_verification_email .e-form__buttons, #resend_verification_email .e-form__buttons button.ajr-button, #resend_verification_email .e-form__buttons button span, #resend_verification_email .e-form__buttons button span .ajr-button-text { margin:0 !important; padding:0 !important; height:inherit !important; min-height: auto; padding:0 !important; height: inherit !important; line-height: 11px !important; font-size:12px !important; border:none !important; } /* ----------------------------------------------------------------------------------------- */ /* PASSWORD RESET /* ----------------------------------------------------------------------------------------- */ .password_reset h2 { margin:0 0 0.5em; } #password-lost-form-wrap { padding:2em; border-radius:10px; background:linear-gradient(145deg, #eeeeee, #ffffff); box-shadow:-10px -10px 20px 0 rgb(255 255 255), 10px 10px 20px 0 rgb(0 0 0 / 10%); } #password-lost-form-wrap form input { margin-bottom:1em; } #password-lost-form-wrap form label { display:none; } #password-lost-form-wrap form label::before { display:none; } #lostpasswordform input, #resetpasswordform input { /*margin:auto;*/ width:100%; height:50px; font-size:0.9em; text-align:center; border:none; background:#f5f5f5; box-shadow: inset 0 0 10px 0px rgb(0 0 0 / 10%); } #password-lost-form-wrap .lostpassword-submit { margin-bottom:0; text-align:center; } #password-lost-form-wrap button { margin-top:1em; } /* from plugin to avoid losing them if updated by mistake */ .somfrp-lost-pass-form-text { width:70%; margin-bottom:2em; } @media screen and (max-width:767px) { .somfrp-lost-pass-form-text { width:100%; } } .som-password-sent-message { position:relative; margin-bottom:1em; padding:0.75em 3em; line-height:1.2em; font-size:0.8em; border-radius:6px; } /* success / error */ #password-lost-form-wrap.success .som-password-sent-message::before, #password-lost-form-wrap.error .som-password-sent-message::before { position:absolute; top:50%; transform:translateY(-50%); font-family:FontAwesome, 'Font Awesome 5\ Free'; font-size:1.2em; } /* success */ #password-lost-form-wrap.success { padding:20px 30px; background:rgba(0,200,0,0.1); } #password-lost-form-wrap.success .som-password-sent-message { margin-bottom:0; line-height:inherit; font-size:0.9em; color:darkgreen; } #password-lost-form-wrap.success .som-password-sent-message::before { content:'\f058'; left:0; font-size:1.8em; color:rgb(var(--colour_green)); } /* error */ #password-lost-form-wrap.error .som-password-sent-message { color:rgb(var(--colour_warning)); background:rgba(200,0,0,0.1); } #password-lost-form-wrap.error .som-password-sent-message::before { content:'\f057'; left:1em; } /* ----------------------------------------------------------------------------------------- */ /* LOGIN FORM /* ----------------------------------------------------------------------------------------- */ .popup_myaccount_login {} .popup_myaccount_login .popup_container {} /* form */ .popup_myaccount_login .popup_container .popup_form.form_login {} .popup_myaccount_login .popup_container .popup_form.form_login .elementor-remember-me { margin:auto; font-size:0.8em !important; color:#777 !important; } .popup_myaccount_login .popup_container .popup_form.form_login .elementor-remember-me label { margin:auto; } .popup_myaccount_login .popup_container .popup_form.form_login .elementor-remember-me input { position:relative; top:2px; padding-right:2px; } .popup_myaccount_login .popup_container .popup_form.form_login .elementor-remember-me.invisible { margin-bottom:0 !important; } .popup_myaccount_login .popup_container .popup_form.form_login .elementor-lost-password { margin:auto; font-size:0.8em !important; font-weight:300 !important; } .popup_myaccount_login .popup_container .popup_form.form_login .elementor-form-fields-wrapper > div:last-of-type { margin-bottom:0 !important; } /* toggle password visibility */ .ajr-toggle-password { position: absolute; top: 50%; right: 15px; cursor: pointer; transform: translateY(-50%); } .ajr-toggle-password.fa-eye-slash { color:rgb(0,180,200); } .ajr-toggle-password.fa-eye { color:rgb(var(--colour_accent_hover)); } /* Age Confirmation */ .popup_age_confirmation {} .popup_age_confirmation #age_confirmation_form .elementor-field-group-over_18_confirmation { display:inline-block; text-align:center; } .popup_age_confirmation #age_confirmation_form .elementor-field-group-over_18_confirmation .elementor-field-subgroup { display:inline-block; } /* radio button */ .popup_age_confirmation #age_confirmation_form .checkbox_container label { padding-left: 40px !important; height: 30px !important; line-height: 30px !important; font-size:0.9em !important; } .popup_age_confirmation #age_confirmation_form .checkbox_container .checkbox { height:30px; width:30px; } .popup_age_confirmation #age_confirmation_form .checkbox_container .checkbox::before { position:absolute; top:-4px; left:3px; content:'\f00d'; font-family:FontAwesome, 'Font Awesome 5\ Free'; font-size:20px; color:#fff; } /* checked */ .popup_age_confirmation #age_confirmation_form.submitted .checkbox_container label, .popup_age_confirmation #age_confirmation_form .checkbox_container input[type=radio]:checked ~ label { color:rgb(var(--colour_green)); } .popup_age_confirmation #age_confirmation_form.submitted .checkbox_container .checkbox, .popup_age_confirmation #age_confirmation_form .checkbox_container input[type=radio]:checked ~ .checkbox { border-color:transparent; background:rgb(var(--colour_green)); } .popup_age_confirmation #age_confirmation_form.submitted .checkbox_container .checkbox::before, .popup_age_confirmation #age_confirmation_form .checkbox_container input[type=radio]:checked ~ .checkbox::before { top:-3px; left:1px; content:'\f00c'; } /* ----------------------------------------------------------------------------------------- */ /* CONTENDERS /* ----------------------------------------------------------------------------------------- */ .contenders_wrapper { margin:2rem auto 2.5rem; } /* wrapper */ .contenders_wrapper {} /* section */ .contenders_wrapper section { position: relative; } .contenders_wrapper section + section { margin-top: 2rem; } /* title */ .contenders_wrapper .contenders_date_title { position: relative; z-index: 2; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin: 0 auto 0.75rem; line-height: 1em; } .contenders_wrapper section > .contenders_date_title { font-size:1.5em; } .contenders_wrapper .contenders_date_title .process_cards { margin-left: 1rem; line-height: 1em; } /* containers */ .contenders_item, .contenders_stat { position:relative; z-index:1; display: -webkit-flex; display: flex; border: 1px solid transparent; border-radius: 10px; box-shadow: var(--box_shadow_item); transition: var(--transition); } /* items */ .contenders_item { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; padding: 0.65rem 1rem; background: rgb(var(--colour_grey_lightest)); overflow: hidden; } section.show_removed > .contenders_item { opacity: 0.25 !important; filter: blur(1px) grayscale(0.5); } .contenders_item + .contenders_item { margin-top: 0.75rem; } .contenders_item:not(.has_results):not(.empty):hover { z-index:0; border-color: rgba(var(--colour_accent),0.5); background:#fff; box-shadow: var(--box_shadow_item_hover); transition: var(--transition_active); } /* place */ .contenders_item:is(.not_run_yet.next_race,.has_results) > .place { display: block; position: absolute; top: -5px; left: -18px; min-width: 55px; padding: 1rem 0 3px; line-height: 1em; font-size: 0.5em; text-align: center; color: #fff; letter-spacing: 0.025em; text-shadow: -1px 1px 1px #000, -1px 1px 3px #000; background: rgb(var(colour_grey_lighterer)); /*box-shadow:0 0px 5px 0 rgba(0,0,0,.5); opacity:1 !important;*/ transform:rotate(-45deg); cursor: help; } /* removed */ .contenders_removed { position: absolute; /*z-index: 10;*/ top: 0.2em; right: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-end; align-items: flex-end; width: 100%; } .contenders_removed .showhide_removed { padding: 0.4em 0.7em 0.3em !important; line-height: 1em; font-size: 0.6em !important; background: rgb(var(--colour_warning_lighter)); } .contenders_removed .showhide_removed:before { content: 'show'; padding-right: 4px; } section.show_removed .contenders_removed .showhide_removed:before { content: 'hide'; } .contenders_removed .showhide_removed:hover { background: rgb(var(--colour_warning_light)) !important; } .contenders_removed .showhide_removed:is(:active,:focus) { background: rgb(var(--colour_warning_lighterer)) !important; } .contenders_removed .contenders_container { width: 100%; max-height: 0; margin-top: 0.75rem; padding: 1rem; border-radius: 10px; background: rgb(var(--colour_warning_lighterererer)); box-shadow: 0 0 25px rgba(0,0,0,0.5); opacity: 0; transition: var(--transition); overflow: hidden; } section.show_removed .contenders_removed .contenders_container { max-height: 1000px; opacity: 1; transition: var(--transition_active); } /* stats */ .contenders_stats { position: relative; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 0.75em; } .contenders_stats .contenders_stat { -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; flex: 1; margin-bottom: 0.5em; padding: 0.25em; line-height: 1em; background: rgb(var(--colour_grey_lightest)); } .contenders_stat:hover { background: #fff; } .contenders_stats .contenders_stat + .contenders_stat { margin-left: 0.5em; } .contenders_stats .contenders_stat:is(.won,.placed) { margin-left: 1.25em; } .contenders_stats .contenders_stat div { margin-bottom: 0.1em; font-size: 0.7em; font-weight: lighter; color: rgb(var(--colour_grey_light)); } .contenders_stats .contenders_stat span { font-family: var(--font_code); font-size: 0.75em; } .contenders_stats .contenders_stat.good { border-color: rgba(var(--colour_green),0.5); } .contenders_stats .contenders_stat.good span { color: rgb(var(--colour_green)); } .contenders_stats .contenders_stat.bad { border-color: rgb(var(--colour_red),0.3); } .contenders_stats .contenders_stat.bad span { color: rgb(var(--colour_red)); } .contenders_stats .contenders_stat.is_percentage span { transform: translateX(2px); } /* not_run_yet */ .contenders_item.not_run_yet:not(.next_race,.placed,:hover) { opacity: 0.9; } .contenders_item.not_run_yet:not(.next_race,.placed,:hover) .silks_container, .contenders_item.not_run_yet:not(.next_race,.placed,:hover) .horse_details_container { opacity: 0.75; } /* next race */ .contenders_item.not_run_yet.next_race { border-color: rgb(var(--colour_accent)); } .contenders_item.not_run_yet.next_race > .place { background: rgb(var(--colour_accent)); } /* already run */ .contenders_item.has_results { --colour_has_result: var(--colour_grey_lighterer); --colour_won: var(--colour_green); --colour_placed: var(--colour_orange); } .contenders_item.has_results.pos_RUN { border-color: rgb(var(--colour_has_result)); } .contenders_item.has_results:not(.pos_RUN) { border-color: rgb(var(--colour_placed)); } .contenders_item.has_results.pos_1 { border-color: rgb(var(--colour_won)); } /* place */ .contenders_item.has_results > .place { background: rgb(var(--colour_has_result)); } .contenders_item.has_results:not(.pos_RUN) > .place { background: rgb(var(--colour_placed)); } .contenders_item.has_results.pos_1 > .place { background: rgb(var(--colour_won)); } /* not placed */ .contenders_item.has_results:not(.placed,:hover) { filter: grayscale(0.5); } .contenders_item.has_results:not(.placed,:hover) .silks_container { opacity: 0.25; } .contenders_item.has_results:not(.placed,:hover) .horse_details_container { opacity: 0.5; } .contenders_item.has_results:not(.placed,:hover) .button_container a { background: rgb(var(--colour_grey_lighterer)); } /* empty */ .contenders_item.empty { padding:2.5em 0 !important; font-size:0.8em !important; font-weight:300 !important; color:#aaa !important; text-align:center !important; } .contenders_item span + span { margin-left: 1em; } .contenders_item span small { line-height: 1em; } /* silks */ .contenders_item .silks_container { -webkit-align-content: center; align-content: center; max-width: 40px; color: transparent; white-space: nowrap; overflow: hidden; } .contenders_item .silks { margin-right: 1rem; } /* horse_details */ .contenders_item .horse_details_container { -webkit-align-content: center; align-content: center; flex-grow: 1; padding-right: 2rem; font-size: 0.8em; } /* runner info */ .contenders_item .runner_info { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: baseline; align-items: baseline; line-height: 1.2em; } .contenders_item .runner_info .horse { font-family: var(--font_heading); font-size: 1.35em; letter-spacing: 0.025em; } /* details */ .contenders_item .runner_info .details { font-size: 0.9em; } /* bet_types */ .contenders_item .bet_types { font-family: var(--font_code); } .contenders_item .bet_types .win { color: rgb(var(--colour_green)); } .contenders_item .bet_types small { padding: 0 2px; } .contenders_item .bet_types .place { color: rgb(var(--colour_orange)); } .contenders_item .bet_types sup.leeway { position: relative; top: 1px; padding-left: 1px; line-height: 0; font-size: 0.8em; color: rgb(var(--colour_accent_light)) !important; } .contenders_item .bet_types .REMOVED { text-transform: uppercase; text-decoration: line-through; color: rgb(var(--colour_grey_lighterer)) !important; } /* prices */ .contenders_item .runner_info .details .prices { font-family: var(--font_code); } /* race_info */ .contenders_item .race_info { display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline; margin-top: 0.25em; line-height: 1em; } .contenders_item .race_info .race { font-weight: bold; } .contenders_item .race_info .race small { transform: translateY(1px); } /* race_removed */ .contenders_item .race_removed { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: baseline; align-items: baseline; margin-top: 0.65em; padding-top: 0.65em; line-height: 1em; box-shadow: 0 -1px 0 0 rgb(var(--colour_grey_lighterererer)), inset 0 1px 0 0px #fff; } .contenders_item .race_removed > div:is(.type_prev,.type_new) { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; line-height: 1.5em; } .contenders_item .race_removed > div + div { margin-top: 0.5rem; } .contenders_item .race_removed > div:is(.type_prev,.type_new) span + span { margin: 0; } .contenders_item .race_removed > div:is(.type_prev,.type_new) span small:first-child { display: inline-block; min-width: 50px; } .contenders_item .race_removed .type_prev { opacity: 0.35; filter: grayscale(0.5); } .contenders_item .race_removed .heading { margin: 0; font-size: 1.1em; text-transform: uppercase; } /* notes */ .contenders_item .race_notes { display:none; margin-top: 1.1rem; font-size: 0.9em; line-height: 1em; font-weight: 300; } .contenders_item .race_notes small { width:40px; margin-top:7px; padding-right:10px; vertical-align:top; } .contenders_item .race_notes .notes { display:inline-block; width: calc(100% - 40px); padding: 0.5em 0.75em 0.4em; line-height: 1.3em; font-size: 0.9em; border-radius:5px; background:#fff; } .contenders_item:hover .race_notes .notes { background:#f9f9f9; } /* notes icon */ .contenders_item .notes_icon_container {} .contenders_item .icon_notes { float:right; margin:1px 0 0 1em; padding:0.5em; color:#ccc; cursor:pointer; } .contenders_item .icon_notes:hover { color:rgb(var(--colour_accent)); } .contenders_item .icon_notes.open { color:rgb(0,140,180); } /* button */ .contenders_item .button_container { -webkit-align-content: center; align-content: center; position:relative; z-index:1; margin-left: auto; } /* ----------------------------------------------------------------------------------------- */ /* BLOG & SEARCH - see: styles-posts.css /* ----------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------- */ /* MEMBERSHIPS /* ----------------------------------------------------------------------------------------- */ /* container */ .ajr_subscriptions_package_info { border-radius:var(--morph_up_border_radius); border:var(--morph_up_border); background:var(--morph_bgd_concave); box-shadow:/*0 1px 4px 0 rgba(0,0,0,0.2)*/var(--morph_up_shadow); overflow:hidden; transition:box-shadow 0.5s ease; } .ajr_subscriptions_package_info:hover { background:rgb(255 255 255 / 80%);/*var(--morph_bgd_concave_hover);*/ box-shadow:/*0 0 1px 0 rgba(0,0,0,0.2), 0 0 20px 0 rgba(0,0,0,0.25)*/var(--morph_up_button_shadow_hover); transition:box-shadow 0.2s cubic-bezier(.25,.25,.75,2); } .ajr_subscriptions_package_info.detailed_info { box-shadow:none; overflow:visible; } .ajr_subscriptions_package_info.detailed_info > .elementor-container > .elementor-row { border:1px solid rgb(255,255,255); border-radius:10px; box-shadow:0 0 20px 0px rgba(0,0,0,0.2), 0 24px 20px -20px rgba(0,0,0,0.5); overflow:hidden; } /* promotion */ .ajr_subscriptions_package_info.promotion { margin-bottom:2em; padding:2em; background-size: cover; overflow:hidden !important; } /* borders */ .ajr_subscriptions_package_info.package .package_header { border-radius:10px 10px 0 0; } .ajr_subscriptions_package_info.special_offer .package_header { border-radius:10px 0 0 10px; } .ajr_subscriptions_package_info.special_offer .package_features { border-radius:0 10px 10px 0; } /*.ajr_subscriptions_package_info.package .package_header, .ajr_subscriptions_package_info.package .package_info, .ajr_subscriptions_package_info.package .package_feature, .ajr_subscriptions_package_info.special_offer .package_header, .ajr_subscriptions_package_info.special_offer .package_info, .ajr_subscriptions_package_info.special_offer .package_features { border:1px solid #fff; } .ajr_subscriptions_package_info.package .package_header { border-bottom:none; } .ajr_subscriptions_package_info.package .package_feature { border-top:none; border-bottom:none; } .ajr_subscriptions_package_info.special_offer .package_header { border-right:none; }*/ .ajr_subscriptions_package_info.special_offer .package_info { border-right: 1px solid rgb(255 255 255); -webkit-box-shadow: inset -1px 0 0 0 rgb(0 0 0 / 5%); box-shadow: inset -1px 0 0 0 rgb(0 0 0 / 5%); } /* columns */ .ajr_subscriptions_package_info.special_offer .package_header, .ajr_subscriptions_package_info.special_offer .package_features { width:25%; overflow:hidden; } .ajr_subscriptions_package_info.special_offer .package_info { width:50%; padding:1em; } /* ribbons */ .ajr_subscriptions_package_info .ribbon, .ajr_subscriptions_package_info.special_offer .ribbon { right:-55px; top:20px; } /* image */ .ajr_subscriptions_package_info .package_image { height:100%; } .ajr_subscriptions_package_info .package_image > :first-child { height:100%; } /* heading */ .ajr_subscriptions_package_info .price h2 { line-height:0.9em; font-size:6em; text-shadow:1px 2px 3px rgb(0 0 0 / 40%); } /* features */ .ajr_subscriptions_package_info .package_feature { padding:0.5em 0 !important; font-size:0.9em !important; } /*.ajr_subscriptions_package_info.special_offer .package_feature { border:none; border-left:1px solid #fff; }*/ .ajr_subscriptions_package_info .package_feature:nth-of-type(odd) { background:rgb(255 255 255 / 50%); } .ajr_subscriptions_package_info .package_feature:nth-of-type(even) { background:rgb(220 220 220 / 25%);/* border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5;*/ } .ajr_subscriptions_package_info.special_offer .package_feature:first-of-type { border-radius:0 10px 0 0; } .ajr_subscriptions_package_info.special_offer .package_feature:last-of-type { border-radius:0 0 10px 0; } .ajr_subscriptions_package_info:not(.special_offer) .package_feature:last-of-type { box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 5%), 0 1px 0 0 #fff; } /* feature icon */ .ajr_subscriptions_package_info .package_feature .elementor-icon i { font-size:0.6em; } /* feature info */ .ajr_subscriptions_package_info { opacity:1; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } /* expired */ .ajr_subscriptions_package_info.package_expired { opacity:0.3; } /* button */ .ajr_subscriptions_package_info.package_expired .package_button { padding:0 0 0.6em; font-weight:300; color:#aaa; text-transform:uppercase; } /* related */ .ajr_subscriptions_related { position:relative; } .ajr_subscriptions_related .elementor-carousel-image:active::before, .ajr_subscriptions_related .elementor-carousel-image:focus::before, .ajr_subscriptions_related .elementor-carousel-image:active::after, .ajr_subscriptions_related .elementor-carousel-image:focus::after { content:''; position:absolute; } .ajr_subscriptions_related .elementor-carousel-image:active::before, .ajr_subscriptions_related .elementor-carousel-image:focus::before { z-index:1; top:0; right:0; bottom:0; left:0; background:rgba(255,255,255,0.75); cursor:wait; } .ajr_subscriptions_related .elementor-carousel-image:active::after, .ajr_subscriptions_related .elementor-carousel-image:focus::after { z-index:2; top:calc(50% - 10px); left:calc(50% - 10px); content:'\f110'; font-family:FontAwesome; font-size:1em; color:rgb(var(--colour_accent_hover)); transform:translate(-50%,-50%); -webkit-animation: fa-spin 1.5s infinite linear; animation: fa-spin 1.5s infinite linear; } /* countdown */ .countdown { position:relative; z-index:0; } .countdown div { display:inline-block; } .countdown div > span:first-child { padding-left:4px; font-size:1.1em; font-weight:500; } .countdown.homestretch div > span:first-child { color:rgb(var(--colour_warning)); } .countdown div > span:last-child { padding-left:1px; font-size:0.8em; font-weight:300; opacity:0.75; } /* package page */ .single-subscriptions .ajr_subscriptions_package_info.detailed_info { z-index:1; display:table; margin:auto; box-shadow:0 0 15px rgb(0 0 0 / 20%); transform:translateY(2.5em); overflow:hidden; } .single-subscriptions .ajr_subscriptions_package_info.detailed_info .package_features { --box_shadow: 1px 0 0 0 rgb(255 255 255); width:35%; border-right: 1px solid rgb(0 0 0 / 5%); -webkit-box-shadow: var(--box_shadow); box-shadow: var(--box_shadow); } .single-subscriptions .ajr_subscriptions_package_info .package_feature { padding:0.7em 0 0.6em !important; font-size:1.1em !important; } .single-subscriptions .ajr_subscriptions_package_info .package_feature:nth-child(even) { box-shadow:none !important; } .single-subscriptions .ajr_subscriptions_package_info .package_feature .elementor-icon i { position:relative; top:2px; font-size:0.9em; } .single-subscriptions .ajr_subscriptions_package_info.detailed_info .package_info { width:65%; padding:2em; } .single-subscriptions .ajr_subscriptions_package_info.detailed_info .package_info .ribbon { right:-70px; top:-5px; } @media screen and (max-width:767px) { .single-subscriptions .ajr_subscriptions_package_info.detailed_info .package_info .ribbon { right:-85px; top:-15px; } } .ae-post-content-unfold-yes { min-height:250px; padding-bottom: 2em; } .ae-post-content-unfold-yes p.ae-post-content-unfold { padding:0 !important; line-height:0.9em !important; text-align: right !important; /*background-color: rgba(255,255,255,0); -webkit-background-image: linear-gradient(to bottom, rgba(255,255,255,0) 1em, rgba(255,255,255,1) calc(100% - 25px)) !important; -moz-background-image: linear-gradient(to bottom, rgba(255,255,255,0) 1em, rgba(255,255,255,1) calc(100% - 25px)) !important; background-image: linear-gradient(to bottom, rgba(255,255,255,0) 1em, rgba(255,255,255,1) calc(100% - 25px)) !important;*/ -webkit-background-image: none !important; background-image: none !important; } .ae-post-content-unfold-yes .ae-post-content-unfold-link { line-height:0.9em !important; font-size:0.75em !important; text-transform:uppercase !important; color:#aaa !important; } .ae-post-content-unfold-yes .ae-element-post-content-inner { -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 200px, rgba(0,0,0,0) 250px); mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 200px, rgba(0,0,0,0) 250px); } .show_hide_more.open .ae-post-content-unfold-yes .ae-element-post-content-inner { -webkit-mask-image: none; mask-image: none; } .ae-post-content-unfold-yes .ae-post-content-unfold-link:hover { color:rgb(var(--colour_accent_hover)) !important; } .ajr_subscriptions_payment { position:relative; padding:6.5em 0 6em;/* transform:translateY(-0.5em);*/ } .ajr_subscriptions_payment .payment_column, .ajr_subscriptions_payment .invoice_column { /*position:absolute;*/ border-radius: 10px; overflow: hidden; -webkit-transform:translate3d(0,0,0) !important; transform:translate3d(0,0,0) !important; -webkit-transition: left 0.5s 0.2s ease, right 0.5s ease, top 0.5s ease; transition: left 0.5s 0.2s ease, right 0.5s ease, top 0.5s ease; } .ajr_subscriptions_payment .payment_column { z-index:2; left: calc(25% - (140px / 2)); padding:30px; background:#f0f0f0; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75); } .ajr_subscriptions_payment .payment_column .ribbon { top:-38px; left:-70px; } .ajr_subscriptions_payment .payment_column .payment_logo { display:inline-block; width:auto; margin:0; padding:1em 1em 0.5em; } .ajr_subscriptions_payment .payment_column .payment_logo i { height:35px; } .ajr_subscriptions_payment .payment_column .payment_smallprint { font-family: roboto condensed,Sans-serif; font-size:0.75em; font-weight: 400; text-align:center; color:#999; } .ajr_subscriptions_payment .invoice_column { z-index:1; right:calc(25% - (140px / 2)); margin:0.5em 0; padding:2em 2em 2em calc(2em + 20px); background:#fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); } .invoice_column .invoice_image { transform:translateY(50%); transition: transform 0.5s 0.2s ease; } .invoice_column .container_price { transform:translateY(-50%); transition: transform 0.5s 0.2s ease; } .invoice_column .invoice_subtitle, .invoice_column .invoice_desc { transform:translateX(-5%); opacity:0; transition: all 0.3s ease; } .ajr_subscriptions_payment:hover .payment_column, .ajr_subscriptions_payment:focus .payment_column, .ajr_subscriptions_payment:active .payment_column, .ajr_subscriptions_payment:hover .invoice_column, .ajr_subscriptions_payment:focus .invoice_column, .ajr_subscriptions_payment:active .invoice_column { transition: left 0.5s ease, right 0.5s 0.2s ease, top 0.5s ease; } .ajr_subscriptions_payment:hover .payment_column, .ajr_subscriptions_payment:focus .payment_column, .ajr_subscriptions_payment:active .payment_column { left: 10px; } .ajr_subscriptions_payment:hover .invoice_column, .ajr_subscriptions_payment:focus .invoice_column, .ajr_subscriptions_payment:active .invoice_column { right: 10px; } .ajr_subscriptions_payment:hover .invoice_column .invoice_image, .ajr_subscriptions_payment:focus .invoice_column .invoice_image, .ajr_subscriptions_payment:active .invoice_column .invoice_image, .ajr_subscriptions_payment:hover .invoice_column .container_price, .ajr_subscriptions_payment:focus .invoice_column .container_price, .ajr_subscriptions_payment:active .invoice_column .container_price { transform:translateY(0); transition: transform 0.5s 0.2s ease; } .ajr_subscriptions_payment:hover .invoice_column .invoice_subtitle, .ajr_subscriptions_payment:focus .invoice_column .invoice_subtitle, .ajr_subscriptions_payment:active .invoice_column .invoice_subtitle, .ajr_subscriptions_payment:hover .invoice_column .invoice_desc, .ajr_subscriptions_payment:focus .invoice_column .invoice_desc, .ajr_subscriptions_payment:active .invoice_column .invoice_desc { transform:translateX(0); opacity:1; transition: all 0.3s 0.5s ease; } .ajr_subscriptions_payment { font-size:1em; } .ajr_subscriptions_payment .invoice_title .elementor-heading-title { font-size:2em; color:#000; } .ajr_subscriptions_payment .invoice_subtitle { font-size:1.1em; font-weight:500; color:#000; } .ajr_subscriptions_payment .invoice_desc { font-size:0.9em; font-weight:300; color: rgb(var(--colour_grey)); } .ajr_subscriptions_payment .invoice_promo_desc { font-size:0.9em; } .ajr_subscriptions_payment .invoice_currency_symbol { font-size:0.7em; font-weight:300; color: rgb(var(--colour_grey_lighter)); } .ajr_subscriptions_payment .invoice_price { font-size:1.1em; font-weight:500; } .ajr_subscriptions_payment .invoice_duration { font-size:0.7em; font-weight:300; color: rgb(var(--colour_grey_light)); } .ajr_subscriptions_payment .container_price #price_info .elementor-element { transition: all 0.5s ease; } .ajr_subscriptions_payment .container_price #price_info.trial_active .elementor-element { transition: all 0.5s ease; } .ajr_subscriptions_payment .container_price #price_info #promo_desc { font-size:0.8em; } .ajr_subscriptions_payment .container_price #price_info.trial_active #promo_desc { font-size:1em; } .ajr_subscriptions_payment .container_price #price_info.trial_active .elementor-element { font-weight:300 !important; color:#bbb !important; text-decoration:line-through; } .ajr_subscriptions_payment .container_price #price_info.trial_active .invoice_currency_symbol { font-size:0.7em !important; color:#ddd !important; } .ajr_subscriptions_payment .container_price #price_info.trial_active .invoice_price { font-size:0.8em !important; } .ajr_subscriptions_payment .container_price #price_info.trial_active .invoice_duration { font-size:0.6em !important; } .ajr_subscriptions_payment .container_price #price_info.trial_active .invoice_promo_desc { font-weight:400 !important; text-align:right; text-decoration:none; color:rgb(var(--colour_green)) !important; } .single-subscriptions .ajr_subscriptions_additional .smallprint { /*transform:translateY(-2em);*/ } .single-subscriptions .ajr_subscriptions_package_price_info { margin-top:2em; } .single-subscriptions .ajr_subscriptions_package_price_info .title, .single-subscriptions .ajr_subscriptions_package_price_info .currency, .single-subscriptions .ajr_subscriptions_package_price_info .price, .single-subscriptions .ajr_subscriptions_package_price_info .period { display:inline-block; width:auto; margin:0; } .single-subscriptions .ajr_subscriptions_package_price_info .title .elementor-heading-title { margin-right:1rem; font-size:2.5em; } .single-subscriptions .ajr_subscriptions_package_price_info .currency { margin-right:2px; } .single-subscriptions .ajr_subscriptions_package_price_info .price .elementor-heading-title { font-size:5em; } .single-subscriptions .ajr_subscriptions_package_price_info .period .elementor-heading-title { margin-left:5px; font-family: var(--font_secondary); font-weight:300; } @media screen and (max-width:767px) and (orientation:portrait) { .ajr_subscriptions_payment { font-size:1.2em; } .ajr_subscriptions_packages article { margin-bottom:2.5rem !important; } .ajr_subscriptions_package_info { font-size:1.5em; } .ajr_subscriptions_package_info h4 { font-size:2em; } .ajr_subscriptions_package_info h5 { font-size:1.5em; } .ajr_subscriptions_package_info .show_hide_more { font-size:0.8em; } .ajr_subscriptions_package_info .package_feature { font-size:1em !important; } .ajr_subscriptions_package_info .package_feature i { margin-right:0.5em; font-size:1em !important; } .ajr_subscriptions_package_info a.ajr-button { line-height:1.4em !important; font-size:1em !important; } } @media screen and (max-width:767px) { .ajr_subscriptions_package_info.special_offer .package_header, .ajr_subscriptions_package_info.special_offer .package_info, .ajr_subscriptions_package_info.special_offer .package_features, .single-subscriptions .ajr_subscriptions_package_info.detailed_info .package_info, .single-subscriptions .ajr_subscriptions_package_info.detailed_info .package_features { width:100%; } .ajr_subscriptions_package_info.special_offer .package_header { border-radius: 10px 10px 0 0; } .ajr_subscriptions_package_info.special_offer .package_info { border:none !important; } .ajr_subscriptions_package_info.special_offer .package_features, .ajr_subscriptions_package_info.special_offer .package_feature { border:none; } .single-subscriptions .ajr_subscriptions_payment { padding-left:5%; padding-right:5%; } .single-subscriptions .ajr_subscriptions_package_info.detailed_info { max-width:90%; } .ajr_subscriptions_payment/* .payment_column { top:-170px; left:0; } .ajr_subscriptions_payment:hover .payment_column, .ajr_subscriptions_payment:focus .payment_column, .ajr_subscriptions_payment:active*/ .payment_column { top:-40px !important; left:0 !important; } .ajr_subscriptions_payment .invoice_column { margin:0 1em !important; } } @media (max-width:1023px) { .ajr_subscriptions_payment .payment_column, .ajr_subscriptions_payment .invoice_column { padding:2em; /*backface-visibility:hidden !important; -webkit-backface-visibility: hidden !important; transform:translate3d(0,0,0) !important; -webkit-transform:translate3d(0,0,0) !important;*/ -webkit-transition:none !important; transition:none !important; } .ajr_subscriptions_payment/* .payment_column { top:-150px; left:0; } .ajr_subscriptions_payment:hover .payment_column, .ajr_subscriptions_payment:focus .payment_column, .ajr_subscriptions_payment:active*/ .payment_column { top:-20px !important; left:0 !important; } .ajr_subscriptions_payment .invoice_column/*, .ajr_subscriptions_payment:hover .invoice_column, .ajr_subscriptions_payment:focus .invoice_column, .ajr_subscriptions_payment:active .invoice_column*/ { right:0 !important; margin:0 0.5em !important; font-size:1.1em; } .invoice_column .invoice_image, .invoice_column .container_price { -webkit-transform:translateY(0%) !important; transform:translateY(0%) !important; -webkit-transition:none !important; transition:none !important; } .invoice_column .invoice_subtitle, .invoice_column .invoice_desc { opacity:1 !important; -webkit-transform:translateX(0%) !important; transform:translateX(0%) !important; -webkit-transition:none !important; transition:none !important; } } /* --------------------------------------- */ /* PAYMENT GATEWAY /* --------------------------------------- */ #payment-gateway {} #payment-gateway.submitting { opacity:0.5; } #payment-gateway.submitting:before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; cursor:wait !important; } #payment-gateway label { display:block; margin:1rem auto 0.5rem; text-align:center; } #payment-gateway label:first-of-type:not([for="card-element"]) { margin-top:0; } #payment-gateway input { margin-bottom:5px; } #payment-gateway input#promotion_code { text-align:center !important; } #payment-gateway .card-element-container { margin-top:10px; border-radius:5px; box-shadow:0 1px 5px 0 rgba(0,0,0,0.25), 0 1px 15px 0 rgba(0,0,0,0.2); } #payment-gateway #card-element { height:auto; font-weight:300; border:none; } #payment-gateway button#submit_payment { position:relative; display:block; width:100%; padding:0.65em 0 0.75em !important; font-weight:300; border:none; border-radius: 0 0 5px 5px !important; } #payment-gateway button#submit_payment #spinner { display:inline-block; margin-right:10px; color:#fff !important; text-shadow:none !important; } #payment-gateway button#submit_payment #button-text { display:inline-block; } #payment-gateway button#submit_payment, #payment-gateway button#submit_payment #spinner, #payment-gateway button#submit_payment #button-text { transition: height 0.25s ease; } #payment-gateway input.promotion_autogen { color:rgb(200,0,0) !important; border-color:rgb(200,0,0) !important; background:#fff !important; opacity:1; cursor:none; } /* read and accept terms */ #payment-gateway label.read_and_accept_terms_and_policies_confirmation { position:relative; margin-bottom:0; padding:0.75em 1.5em 0.8em 4.25em; font-size:0.8em !important; line-height:1.4em; text-align:left; border:1px solid #e5e5e5; border-radius:5px; background:#f9f9f9; } /*#payment-gateway label.read_and_accept_terms_and_policies_confirmation + #read_and_accept_terms_and_policies:checked { background:rgb(var(--colour_green)); }*/ #payment-gateway label.read_and_accept_terms_and_policies_confirmation #read_and_accept_terms_and_policies { z-index:0; top: 50%; transform: translateY(-50%); left:1.8em; height:18px; width:18px; margin:0; opacity:1; /*appearance:none; -webkit-appearance:none;*/ } #payment-gateway label.read_and_accept_terms_and_policies_confirmation #read_and_accept_terms_and_policies::after { color:rgb(var(--colour_success)); } /* --------------------------------------- */ /* TABLES /* --------------------------------------- */ .table_wrapper { width: 100%; margin:0 0.5rem 2rem; opacity: 1; /*margin-bottom:2rem; height:100%;*/ -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } .table_wrapper.closed { display:none; opacity: 0; /*margin-bottom:1rem; height:0; overflow:hidden;*/ -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } table, .html_table, .div_table { line-height: 1.5em; } table tr, .html_table tr, .div_table .tr {} table th .flex_column, .html_table th .flex_column, .div_table .th .flex_column { -webkit-justify-content: center; justify-content: center; } table th small, .html_table th small, .div_table .th small { padding: 0; } table th *, .html_table th *, .div_table .th * { line-height: 1.15em; } .div_table .div_table_row:nth-child(even) > .div_table_cell, .div_table .profile_results .div_table_row:nth-child(even) > .profile_form .div_table_cell, table tbody tr:nth-child(even) > td { background: #f9f9f9; } .div_table .div_table_row:nth-child(odd) > .div_table_cell, .div_table .profile_results .div_table_row:nth-child(odd) > .profile_form .div_table_cell, table tbody tr:nth-child(odd) > td { background: #f6f6f6; } .profile_results .div_table_row:hover .div_table_cell { background: #fff !important; } .profile_results .div_table_row .div_table_cell.place_winner { background: rgba(var(--colour_green),0.1) !important; } .div_table { display: table; width: 100%; margin: auto; } .div_table > header, .div_table_body, .div_table_header_group { display: table-header-group; position: relative; } .mytrackmate_row_header .mytrackmate_column, .html_table thead tr th, .div_table_header_group .div_table_cell { padding: 8px 4px; line-height: 1.4em; vertical-align: middle; /*border-bottom:2px solid #fff;*/ } .mytrackmate_row_header .mytrackmate_column i, .html_table thead tr th i, .div_table_header_group .div_table_cell i { --dashicon_size: 1.4em; } .div_table_row { display: table-row; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .div_table > header > div, .div_table_cell { display: table-cell; } .div_table .div_table_row_header, .div_table .div_table_row_more_info, .div_table .div_table_row_footer { position: absolute; z-index: 1; display: table; width: 100%; } .races_container .div_table .div_table_row_header { padding:0 0 0 0; } .div_table_container .div_table .div_table_row_more_info { width:-webkit-calc(100% - 2rem); width:calc(100% - 2rem); padding:1rem; background:#fff; } .div_table .div_table_row_header .track_info_left { display:table-cell; vertical-align:bottom; padding:1rem 0; line-height: 1.1em; text-align:left; } .div_table .div_table_row_header .track_name { margin:0 0 0.5em; /*font-size: 1.6rem;*/ line-height: 1em !important; letter-spacing:1px; color:rgb(var(--colour_warning)); text-transform:uppercase; } .div_table .div_table_row .races_info, .div_table .div_table_row_header .races_info, .mytrackmate_container_grouped.details .races_info { display:inline-block; margin-left:-webkit-calc(1em - 4px); margin-left:calc(1em - 4px); padding-left:1em; font-size:1em; font-weight:400; color:#444; border-left:1px solid #eee; } .mytrackmate_container.div_table .div_table_row .races_info, .mytrackmate_container_grouped.details .races_info { margin-left:1em; border-left:1px solid #ddd; } .div_table .div_table_row .races_info.first, .div_table .div_table_row_header .races_info.first { margin-left:0; padding-left:0; border-left:none; } .div_table .div_table_row_header .track_info_right { display:table-cell; vertical-align:top; padding: 1.5rem 0 0.5rem; /*height:calc(110px - 1rem);*/ text-align:right; } .div_table .div_table_row_header .track_image { min-width: 125px; } .div_table .div_table_row_header .track_image img, .div_table .div_table_row_header .track_image svg { max-height:120px; width:auto; } .div_table .div_table_row_header .track_image .error { max-width:150px; margin-left:auto; padding:10px; font-size:0.8em; font-weight:300; text-align:center; color:#bbb; background:#fcfcfc; } .div_table .div_table_row_header .track_info_right, .div_table .div_table_row_header + .div_table_row_spacer, .div_table .div_table_row_more_info + .div_table_row_spacer, .div_table .div_table_row_footer + .div_table_row_spacer { display:block; height:calc(120px + 2rem); } .races_container .div_table .div_table_row_header + .div_table_row_spacer {} .div_table_container .div_table .div_table_row_more_info + .div_table_row_spacer { height:210px; } .div_table_container .div_table .div_table_row_more_info, .div_table_container .div_table .div_table_row_more_info + .div_table_row_spacer { display:none; } .html_table thead tr th, .div_table .div_table_header_group > .div_table_cell { font-size: 0.8em; font-weight: 500; } .mytrackmate_container .mytrackmate_header > .mytrackmate_column, .html_table thead tr th, .div_table .div_table_header_group > .div_table_cell { border-bottom:2px solid #fff; } .mytrackmate_container .mytrackmate_row .mytrackmate_item, .html_table tbody tr td, .div_table .div_table_row:not(.mytrackmate_row) > .div_table_cell { position: relative; white-space: nowrap; vertical-align: middle; min-height: 55px; padding: 4px 4px; line-height: 1em; border-top: 2px solid #fff; border-bottom: 2px solid #fff; overflow: hidden; text-overflow: ellipsis; /*box-shadow: 0px 0 0 1px #fff;*/ } .html_table tbody tr td:is(.horse_name, .form, .rating), .div_table .div_table_row:not(.mytrackmate_row) > .div_table_cell:is(.horse_name, .form, .rating) { overflow: unset; } .html_table tbody tr td.rating:hover, .div_table .div_table_row:not(.mytrackmate_row) > .div_table_cell.rating:hover { z-index: 10; } /*.mytrackmate_container > .mytrackmate_row:hover,*/ .html_table tbody tr td.rating:hover, .div_table > .div_table_row:not(.mytrackmate_item):hover { z-index:1; filter: grayscale(0); opacity: 1; box-shadow: -3px 0 0 0 rgba(255,255,255,1), -4px 0 0 0 red, 3px 0 0 0 rgba(255,255,255,1), 4px 0 0 0 red, 25px 0 20px -25px rgba(0,0,0,1), -25px 0 20px -25px rgba(0,0,0,1); } .div_table .div_table_cell.text-center, table td.text-center, table th.text-center { text-align: center; } .div_table .div_table_cell.text-right, table td.text-right, table th.text-right { text-align: right; } .div_table .div_table_cell.prize_money.text-right { padding-right:10px; } .mytrackmate_container, .html_table, .div_table, .div_table, table.races { margin-bottom: 0; font-family: var(--font_secondary); font-size: 0.8em; } .mytrackmate_container .mytrackmate_row.race, .mytrackmate_container .mytrackmate_row.row_horse, .mytrackmate_container .mytrackmate_row.factor, .html_table tbody tr, .div_table .div_table_row.race, .div_table .div_table_row.row_horse, .div_table .div_table_row.factor { position:relative; } .div_table :not(.profile_results) .div_table_row.race, .div_table .profile_results .div_table_row.race form, .div_table .div_table_row.factor { cursor:pointer; } .div_table .div_table_row.race.result_pending { font-weight: 300; } .div_table .div_table_row.race.result_pending.next {} .div_table .div_table_row.race.result_pending.today {} .div_table .div_table_row.race.result_pending.tomorrow { color: rgb(var(--colour_grey_lighterer)); } .div_table .div_table_row.race.result_pending .div_table_cell, .div_table .div_table_row.race.result_pending .profile_form .div_table_cell { background: #FCFBFC !important; } .div_table .div_table_row.race .div_table_cell [class^="race_is_"] { text-transform: capitalize; } .div_table .div_table_row.race .div_table_cell .race_is_today { color:rgb(var(--colour_green)); } .div_table .div_table_row.race .div_table_cell .race_is_tomorrow { color:rgb(var(--colour_orange)); } .div_table .div_table_row.race.result_nonrunner { color: rgb(var(--colour_grey_lighter)); font-weight: 300; } .div_table .div_table_row.race.result_abandoned { color: rgb(var(--colour_warning_lighterer)); font-weight: 300; } .div_table .div_table_row.race .div_table_cell .abandoned { text-transform: uppercase; color: rgb(var(--colour_red)); } .div_table :not(.profile_results) .div_table_row.race:hover .div_table_cell, .div_table .div_table_row.row_horse:not(.non-runner):not(.ignored-horse):hover .div_table_cell, .div_table .div_table_row.row_horse:not(.non-runner):not(.ignored-horse):hover .div_table_cell.rating div span, .div_table .div_table_row.factor:hover .div_table_cell, table.races tr.race:hover td { color:#000 !important; } .div_table .profile_results .div_table_row.race .profile_form:hover .div_table_cell { color: rgb(var(--colour_accent)) !important; } .div_table :not(.profile_results) .div_table_row.race.non-runner:hover .div_table_cell, .div_table .div_table_row.row_horse.ignored-horse:hover .div_table_cell, .div_table .div_table_row.row_horse.non-runner:hover .div_table_cell, .div_table .div_table_row.factor.non-runner:hover .div_table_cell, table.races tr.race.non-runner:hover td { color: #000 !important; } .div_table :not(.profile_results) .div_table_row.race.non-runner:active .div_table_cell, .div_table :not(.profile_results) .div_table_row.race.non-runner:focus .div_table_cell, .div_table .div_table_row.row_horse.non-runner:active .div_table_cell, .div_table .div_table_row.row_horse.non-runner:focus .div_table_cell, .div_table .div_table_row.factor.non-runner:active .div_table_cell, .div_table .div_table_row.factor.non-runner:focus .div_table_cell, table.races tr.race.non-runner:hover td, table.races tr.race.non-runner:focus td { color:rgb(var(--colour_grey_light)) !important; } .div_table :not(.profile_results) .div_table_row.race:active .div_table_cell, .div_table :not(.profile_results) .div_table_row.race:focus .div_table_cell, .div_table .div_table_row.row_horse:active .div_table_cell, .div_table .div_table_row.row_horse:focus .div_table_cell, .div_table .div_table_row.factor:active .div_table_cell, .div_table .div_table_row.factor:focus .div_table_cell, table.races tr.race:active td, table.races tr.race:focus td { color:rgba(var(--colour_red),0.5) !important; } .races_container .div_table .div_table_row.race { color:#555 !important; font-weight:300; } .races_container .div_table .div_table_row.race:hover { color:rgb(var(--colour_red)) !important; cursor:pointer; } .races_container .div_table .div_table_row.race::before { /*content:'>'; position:absolute; left:; top:;*/ } .races_container .div_table .div_table_row.race.result, .races_container .div_table .div_table_row.race.already_run { color:#333 !important; font-weight:normal; } .races_container .div_table .div_table_row.race.abandoned { opacity: 0.75; } .races_container .div_table .div_table_row.race .free_racecard { font-weight:500 !important; } /* race_status */ .race_status_missing_results, .race_status_abandoned { filter: grayscale(0.75); opacity: 0.5; } /*.race_status_missing_results::before { content: 'MISSING RESULTS'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color:rgba(var(--colour_red),1); }*/ /* row_horse */ .div_table .div_table_row.row_horse.selected_horse div {} .div_table .div_table_row.row_horse.selected_horse .div_table_cell { overflow:visible !important; } .div_table .div_table_row.row_horse.selected_horse .div_table_cell:first-child::before, .div_table .div_table_row.row_horse.selected_horse .div_table_cell.trend::before { position:absolute; top:-2px; font-family:FontAwesome, 'Font Awesome 5\ Free'; width:1rem; line-height:50px; font-size:2em; font-weight:500; color:rgb(var(--colour_warning)); } .div_table .div_table_row.row_horse.selected_horse .div_table_cell:first-child::before { left:-1rem; content:'\f105'; -webkit-animation: point-out-left 1s linear infinite alternate; animation: point-out-left 1s linear infinite alternate; } /*.div_table .div_table_row.row_horse.selected_horse:hover .div_table_cell:first-child::before { -webkit-animation: point-out-left-hover 1s linear infinite alternate; animation: point-out-left-hover 1s linear infinite alternate; }*/ /*.div_table .div_table_row.row_horse.selected_horse .div_table_cell.trend::before { right:-1rem; content:'\f104'; -webkit-animation: point-out-right 1s linear infinite alternate; animation: point-out-right 1s linear infinite alternate; }*/ /*.div_table .div_table_row.row_horse.selected_horse:hover .div_table_cell.trend::before { -webkit-animation: point-out-right-hover 1s linear infinite alternate; animation: point-out-right-hover 1s linear infinite alternate; }*/ @-webkit-keyframes point-out-left { 0% { left: -1.5rem; } 50% { left: -1.3rem; } 100%{ left: -1.5rem; } } @-webkit-keyframes point-out-left-hover { 0% { left: -1.8rem; } 50% { left: -1.6rem; } 100%{ left: -1.8rem; } } @-webkit-keyframes point-out-right { 0% { right: -1.5rem; } 50% { right: -1.3rem; } 100%{ right: -1.5rem; } } @-webkit-keyframes point-out-right-hover { 0% { right: -1.8rem; } 50% { right: -1.6rem; } 100%{ right: -1.8rem; } } table.racecard { font-size:0.75em; } table.racecard td, table.racecard th { padding:5px; line-height:1.2em; } /*.div_table .div_table_header_group .div_table_cell, /*.div_table .div_table_row_header,*//* table.races tbody > tr:first-child th, table.races tbody > tr:first-child:hover th, table.racecard tbody > tr:first-child th, table.racecard tbody > tr:first-child:hover > th { background:#ddd; }*/ /* --------------------------------------------------------------------------------------------- */ /* ADMIN CHECKERS /* --------------------------------------------------------------------------------------------- */ /* messages */ .admin_checker.message { clear:both; margin:1em auto 1em; padding:1em 0; font-size:0.9em; text-align:center; line-height:1.4em; } .admin_checker.message.success { background:rgba(50,205,50,0.075); } .admin_checker.message.success strong { color:rgb(var(--colour_green)); } .admin_checker.message.error { background:rgba(var(--colour_red),0.075); } .admin_checker.message.error strong { color:rgb(var(--colour_warning)); } /* button */ form.admin_checker.button { float:right; margin:0 0 3em 1em; } form.admin_checker.railmove_checker.button { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; float:left; margin:auto auto 1em 0; } form.admin_checker.railmove_checker.button input[type=submit] { margin-right:5px; } form.admin_checker.railmove_checker.button input.railmove_going, form.admin_checker.railmove_checker.button input.non_runners { background:rgb(var(--colour_selected)) !important; pointer-events:none !important; } /* search */ form.admin_checker.search { float:right; margin:0 0 3em 1em; border-radius:5px; overflow:hidden; } /* railmove */ form.admin_checker.railmove_checker.search { box-shadow:0 0 5px 0 rgba(0,0,0,0.2), 0 0 15px 0 rgba(0,0,0,0.2); } /* inputs */ form.admin_checker.search input { vertical-align:top; border:none; box-shadow:none !important; } form.admin_checker.search input[type="text"] { display:inline-block; width:150px; padding:0 0.5em; height:35px; text-align:center; border-radius:5px 0 0 5px !important; background:#f5f5f5; } form.admin_checker.search input[type="text"]:hover { background:#fafafa !important; } form.admin_checker.search input[type="text"]:active, form.admin_checker.search input[type="text"]:focus { border:1px solid #f5f5f5 !important; border-right:none !important; } form.admin_checker.search input[type="submit"] { padding:0 1em; height:35px; border-radius:0 5px 5px 0 !important; } /* tables */ .div_table_container {} .div_table.admin_checker {} /* header group */ .div_table.admin_checker .div_table_header_group { background:rgb(var(--colour_grey_lightest)); } /* header cell */ .div_table.admin_checker .div_table_header_group .div_table_cell { padding:8px 4px; line-height: 1.2em !important; } /* row cell */ .div_table.admin_checker .div_table_row .div_table_cell { padding:6px 4px; } .div_table.admin_checker .div_table_row.new .div_table_cell { background:rgba(0,200,0,0.1); } /* input (not submit) */ .div_table.admin_checker .div_table_cell input:not([type="submit"]) { width:100px; padding:0; line-height:26px; font-size:inherit !important; text-align:center; background:#fff; } .div_table.admin_checker .div_table_cell input[name="going_adjusted"] { width:initial; } .div_table.admin_checker .div_table_cell input:not([type="submit"]):hover { box-shadow:0 0px 4px -2px !important; } .div_table.admin_checker .div_table_cell input:not([type="submit"]):active, .div_table.admin_checker .div_table_cell input:not([type="submit"]):focus { box-shadow:0 0px 5px -2px !important; } /* input number */ .div_table.admin_checker .div_table_cell input[type="number"] { padding-left:1.18em; } /* input readonly */ .div_table.admin_checker .div_table_cell input[readonly="readonly"] { background:rgba(255,255,255,0.5) !important; box-shadow:none !important; } /* submit */ .div_table.admin_checker .div_table_cell input[type="submit"] { padding:0 0.25em; line-height:24px; outline:none !important; box-shadow:none !important; } /* checkbox */ .div_table.admin_checker .div_table_cell input[type="checkbox"] { display: none; } .div_table.admin_checker .div_table_cell input[type="checkbox"] + label { } .div_table.admin_checker .div_table_cell input[type="checkbox"] + label::before, .div_table.admin_checker .div_table_cell input[type="checkbox"] + label::after { width:19px; height:19px; border-radius:3px; } .div_table.admin_checker .div_table_cell input[type="checkbox"] + label::before { content:''; top:-3px; border-width:0; background:rgba(255,255,255,0.5); } .div_table.admin_checker .div_table_cell input[type="checkbox"] + label::after { content:'\f15e'; top:-3px; line-height:19px; font-family:Dashicons; font-size:1rem; } .div_table.admin_checker .div_table_cell input[type="checkbox"] + label::after { color: transparent; background:rgba(255,255,255,0.5); } .div_table.admin_checker .div_table_cell input[type="checkbox"]:checked + label::after { color:rgb(var(--colour_warning)); background:rgba(255,255,255,1); } /* scrapper buttons */ #daily_magic button, #daily_magic input[type=submit] { border:none !important; } /* scrapper clean up */ #daily_magic_db_cleanup { position:relative; top:-1px; margin-left:2rem; } #daily_magic_db_cleanup.success { background:rgb(var(--colour_success)) !important; } #daily_magic_db_cleanup.error { background:rgb(var(--colour_warning)) !important; } /* scrapper identified */ .div_table.admin_checker .div_table_cell.scrapper_identified input[type="checkbox"] + label::before { border:1px solid rgb(var(--colour_warning),0); } .div_table.admin_checker .div_table_cell.scrapper_identified input[type="checkbox"] + label::after { border:1px solid rgb(var(--colour_warning),0.3); } /* comptime_checker */ .div_table.comptime_checker .div_table_row .div_table_cell { padding:4px 6px; } .div_table.railmove_checker .div_table_header .div_table_cell.align_left { padding-left:6px; padding-right:6px; } /* --------------------------------------------------------------------------------------------- */ /* NAVIGATION /* --------------------------------------------------------------------------------------------- */ .find_race_container, .find_date_container { padding-left:5px; padding-right:5px; } .find_race img, .find_date svg { position:relative; top:0; cursor:pointer; } .find_race, .find_date { cursor:pointer; -webkit-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; } .find_race:hover, .find_date:hover { -webkit-transform:scale(1.05); transform:scale(1.05); -webkit-transition: transform 0.1s ease-in; transition: transform 0.1s ease-in; } .find_date:hover { top:1px; } /* clock */ .find_race img, .elementor .find_race img { width:auto; padding:2px; height:25px; } #stickyheader_members .find_race, #stickyheader_members .find_date { line-height:32px; margin:0 10px; } #stickyheader_members .find_race { order:6; } #stickyheader_members .find_date { order:7; } /* calendar */ .find_date svg { width:auto; height:25px; margin:0 !important; padding:0 !important; outline:none; box-shadow:none; } .find_date svg:active { opacity:0.8; -webkit-transform:scale(0.95,0.95); -moz-transform:scale(0.95,0.95); -ms-transform:scale(0.95,0.95); transform:scale(0.95,0.95); } .find_date svg rect { -webkit-transition:all 0.6s ease; transition:all 0.6s ease; } .find_date svg:hover rect, .find_date svg:focus rect { -webkit-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .find_date svg:hover rect:nth-child(1) { fill:rgb(200,0,0); } .find_date svg:focus rect:nth-child(1), .find_date svg:active rect:nth-child(1) { fill:rgb(var(--colour_warning)); } /* Races Navigation */ .races_results_filter_container .filter {} .races_results_filter_container .find_race, .races_results_filter_container .find_date {} .races_results_filter_container .find_race { line-height:32px; } .races_results_filter_container .find_race img { top:-1px; height:25px; } .races_results_filter_container .find_date .search_calendar { line-height:30px; } .races_results_filter_container .find_date .search_calendar svg.calendar { top:1px; height:32px; } /* Racecard Navigation */ .racecard_navigation { position:relative; z-index: 10; display:table; margin:-2px auto; font-size:0.8rem; text-align:center; } .racecard_navigation .heading, .racecard_navigation .previous, .racecard_navigation .next, .racecard_navigation .race_time, .racecard_navigation .find_race, .racecard_navigation .calendar { display:inline-block; } .racecard_navigation .heading { margin-right:1rem; font-size:0.9em; font-weight:500; letter-spacing:0; } .racecard_navigation .find_race { position:relative; top:-2px; margin-right:1rem; } .racecard_navigation .find_date { position:relative; top:-2px; display:inline-block; margin-left:1rem; } .racecard_navigation .find_date .svg { top:0px; } .racecard_navigation .link, .racecard_navigation .link:visited { color:#999 !important; cursor:pointer; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } .racecard_navigation .link:hover { color:rgb(var(--colour_warning)) !important; -webkit-transition:all 0.6s ease; transition:all 0.6s ease; } .racecard_navigation .previous .link, .racecard_navigation .next .link { position:relative; padding:0 0.25rem; /*font-size:0.9rem;*/ text-align:center; -webkit-transition:none; transition:none; } .racecard_navigation .race_time .link, .racecard_navigation .race_time.link { position: relative;/* min-width: 38px; margin: 0 0.4em; padding:0 0.25rem; line-height:30px;*/ } .racecard_navigation .race_time.link + .race_time.link { margin-left: 1.5rem; } .racecard_navigation .link.active { position: relative; padding: 2px 0.75rem 0; line-height: 2rem; font-weight: 500; color: rgb(var(--colour_warning)) !important; border: 1px solid; border-color: #fff !important; border-top: none; border-bottom: none; text-shadow: none; background: #eee !important; pointer-events: none; } .racecard_navigation .link.active::after { content:''; position:absolute; top:1px; bottom:1px; left:-2px; right:-2px; z-index:-1; border:1px solid #ddd; border-top:none; border-bottom:none; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); } .racecard_navigation .link.fa-spinner { /*position:relative; line-height:27px; font-family:FontAwesome, 'Font Awesome 5\ Free'; font-size:1em;*/ transition: none; } /* --------------------------------------------------------------------------------------------- */ /* Zebra_DatePicker /* --------------------------------------------------------------------------------------------- */ .Zebra_DatePicker_Icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; } .Zebra_DatePicker.dp_hidden { z-index:-9999; /*top:110% !important; opacity:0 !important;*/ -webkit-transition: top 0.3s cubic-bezier(.4,0,.2,1), opacity 0.3s cubic-bezier(.4,0,.2,1), z-index 0.3s cubic-bezier(.4,0,.2,1); transition: top 0.3s cubic-bezier(.4,0,.2,1), opacity 0.3s cubic-bezier(.4,0,.2,1), z-index 0.3s cubic-bezier(.4,0,.2,1); } .Zebra_DatePicker { z-index:9999 !important; position:fixed !important; top: 150% !important; left: 50% !important; display:block !important; width:350px !important; padding:1.25rem 1.5rem 1.5rem !important; font-family:inherit !important; font-size:1rem !important; font-weight:300 !important; border: 1px solid #eee !important; border-radius:10px !important; background:#fff !important; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.35) !important; overflow:hidden; opacity:0 !important; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: top 0.6s cubic-bezier(.4,0,.2,1), opacity 0.6s cubic-bezier(.4,0,.2,1); transition: top 0.6s cubic-bezier(.4,0,.2,1), opacity 0.6s cubic-bezier(.4,0,.2,1); } .Zebra_DatePicker.active { top:50% !important; opacity:1 !important; } .Zebra_DatePicker table { width: 100%; border-radius: 0; } .Zebra_DatePicker table td, .Zebra_DatePicker table th { vertical-align:middle; width: 25px; min-width: 25px; padding: 5px; line-height:1em; text-align: center; border:none; border-radius: 0; background:none; cursor: pointer; } .Zebra_DatePicker table tbody>tr>td, .Zebra_DatePicker table tbody>tr>th, .Zebra_DatePicker table tbody>tr:nth-child(odd)>td, .Zebra_DatePicker table tbody>tr:nth-child(odd)>th, .Zebra_DatePicker table tbody>tr:nth-child(even)>td, .Zebra_DatePicker table tbody>tr:nth-child(even)>th { background:none; } .Zebra_DatePicker .dp_header { width:80%; margin: 0 auto 1rem !important; padding-top:0.5rem; } .Zebra_DatePicker .dp_actions td { border-radius:0 !important; } .Zebra_DatePicker .dp_actions .dp_previous, .Zebra_DatePicker .dp_actions .dp_next { padding:0; color:transparent; } /*.Zebra_DatePicker .dp_actions .dp_previous:hover, .Zebra_DatePicker .dp_actions .dp_next:hover { color:rgb(var(--colour_warning)); }*/ .Zebra_DatePicker .dp_actions .dp_previous.dp_hover, .Zebra_DatePicker .dp_actions .dp_next.dp_hover { background:none !important; } .Zebra_DatePicker .dp_actions .dp_previous::before, .Zebra_DatePicker .dp_actions .dp_next::before { display: block; font-family:Dashicons; font-size:1.2em; color:#ccc; transform: translateY(50%); } .Zebra_DatePicker .dp_actions .dp_previous.dp_hover::before, .Zebra_DatePicker .dp_actions .dp_next.dp_hover::before { position:relative; color:rgb(var(--colour_warning)); } .Zebra_DatePicker .dp_actions .dp_previous.dp_hover::before { left:-2px; } .Zebra_DatePicker .dp_actions .dp_next.dp_hover::before { right:-2px; } .Zebra_DatePicker .dp_actions .dp_previous::before { content:'\f341'; } .Zebra_DatePicker .dp_actions .dp_next::before { content:'\f345'; } .Zebra_DatePicker .dp_actions .dp_caption { height:30px; padding:5px; } .Zebra_DatePicker .dp_caption .days .month { position:relative; top:-2px; font-size:1.35em; } .Zebra_DatePicker .dp_caption .days .year { position:relative; top:-6px; font-size:0.9em; font-weight:300; color:#bbb; } .Zebra_DatePicker .dp_caption .months .year, .Zebra_DatePicker .dp_caption .years .year { font-size:1.2em; } .Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker { margin-bottom:0 !important; } .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker { height:245px !important; } .Zebra_DatePicker .dp_daypicker td { font-size:1.2em; } .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td { font-size:1.2em; } .Zebra_DatePicker .dp_daypicker { margin-top:0.5em; } .Zebra_DatePicker .dp_daypicker th { padding-bottom: 1rem; font-size:1em; font-weight:300 !important; color:#bbb; } .Zebra_DatePicker .dp_daypicker td { margin-top:10px; line-height:1.5em; } .Zebra_DatePicker .dp_actions .dp_hover { background:#fff !important; } .Zebra_DatePicker .dp_actions .dp_caption.dp_hover { color:rgb(var(--colour_warning)); } .Zebra_DatePicker .dp_actions .dp_caption:active, .Zebra_DatePicker .dp_actions .dp_previous:active, .Zebra_DatePicker .dp_actions .dp_next:active { opacity:0.8; -webkit-transform:scale(0.95,0.95); -moz-transform:scale(0.95,0.95); -ms-transform:scale(0.95,0.95); transform:scale(0.95,0.95); } .Zebra_DatePicker .dp_daypicker .dp_hover, .Zebra_DatePicker .dp_monthpicker .dp_hover, .Zebra_DatePicker .dp_yearpicker .dp_hover { background:#eee !important; } .Zebra_DatePicker .dp_actions .dp_previous .dp_hover, .Zebra_DatePicker .dp_actions .dp_next .dp_hover { background:none !important; color:rgb(var(--colour_warning)); } .Zebra_DatePicker .dp_footer { margin:1.0em auto 0 !important; } .Zebra_DatePicker .dp_footer .dp_today, .Zebra_DatePicker .dp_footer .dp_clear { padding:0.5em; font-size:0.9em; font-weight:400; text-transform:uppercase; } .Zebra_DatePicker .dp_body .dp_disabled { color: #e5e5e5 !important; } .Zebra_DatePicker .dp_body .dp_not_in_month { height: 0; line-height: 0; visibility: hidden; } .Zebra_DatePicker .dp_body .dp_selected { color: inherit !important; background:none !important; outline:1px solid #ddd; cursor:text; } .Zebra_DatePicker .dp_body .dp_current, .Zebra_DatePicker .dp_body .dp_disabled.dp_current { color: red !important; } .Zebra_DatePicker .dp_daypicker tbody, .Zebra_DatePicker .dp_monthpicker tbody, .Zebra_DatePicker .dp_yearpicker tbody, .Zebra_DatePicker .dp_caption .days .month, .Zebra_DatePicker .dp_caption .months .year, .Zebra_DatePicker .dp_caption .years .year { opacity:1; -webkit-transition: all 0.34s cubic-bezier(.4,0,.2,1); transition: all 0.34s cubic-bezier(.4,0,.2,1); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .Zebra_DatePicker.active.prev .dp_daypicker tbody, .Zebra_DatePicker.active.prev .dp_monthpicker tbody, .Zebra_DatePicker.active.prev .dp_yearpicker tbody, .Zebra_DatePicker.active.prev .dp_caption .days .month, .Zebra_DatePicker.active.prev .dp_caption .months .year, .Zebra_DatePicker.active.prev .dp_caption .years .year { opacity: 0; -webkit-transition: all 0s; transition: all 0s; -webkit-transform: translate3d(-50%,0,0); -moz-transform: translate3d(-50%,0,0); -ms-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); } .Zebra_DatePicker.active.prev .dp_caption .days .month, .Zebra_DatePicker.active.prev .dp_caption .months .year, .Zebra_DatePicker.active.prev .dp_caption .years .year { -webkit-transform: translate3d(-20%,0,0); -moz-transform: translate3d(-20%,0,0); -ms-transform: translate3d(-20%,0,0); transform: translate3d(-20%,0,0); } .Zebra_DatePicker.active.next .dp_daypicker tbody, .Zebra_DatePicker.active.next .dp_monthpicker tbody, .Zebra_DatePicker.active.next .dp_yearpicker tbody, .Zebra_DatePicker.active.next .dp_caption .days .month, .Zebra_DatePicker.active.next .dp_caption .months .year, .Zebra_DatePicker.active.next .dp_caption .years .year { opacity: 0; -webkit-transition: all 0s; transition: all 0s; -webkit-transform: translate3d(50%,0,0); -moz-transform: translate3d(50%,0,0); -ms-transform: translate3d(50%,0,0); transform: translate3d(50%,0,0); } .Zebra_DatePicker.active.next .dp_caption .days .month, .Zebra_DatePicker.active.next .dp_caption .months .year, .Zebra_DatePicker.active.next .dp_caption .years .year { -webkit-transform: translate3d(20%,0,0); -moz-transform: translate3d(20%,0,0); -ms-transform: translate3d(20%,0,0); transform: translate3d(20%,0,0); } .Zebra_DatePicker .dp_daypicker tbody tr:first-of-type, .Zebra_DatePicker.active.prev .dp_daypicker tbody tr:first-of-type, .Zebra_DatePicker.active.next .dp_daypicker tbody tr:first-of-type { opacity:1; -webkit-transition: none; transition: none; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* racecard ignore options */ #ignore_race_yes {} #ignored_race_reinstate { display: block; margin-top: 0.5rem; } .button i::before/*, #nonrunner_toggle i::before, #ignore_race_yes i::before, #ignored_race_reinstate i::before, .reinstate .ajr-button i::before*/ { position:relative; top:1px; color:#fff; } .button .button_text /*#nonrunner_toggle .button_text, #ignore_toggle .button_text, #ignore_race_yes .button_text, #ignored_race_reinstate .button_text, .reinstate .ajr-button .button_text*/ { padding-left:6px !important; } /* --------------------------------------------------------------------------------------------- */ /* POPUP - Close Button /* --------------------------------------------------------------------------------------------- */ .popup_close_icon { position:absolute; z-index:99999; top:-15px; right:-15px; height:20px; width:20px; padding:0; margin:0; cursor:pointer; } /* lines */ .popup_close_icon .lines { position:absolute; top:0; left:50%; height:2px; width:140%; background:#00b4c8; } .popup_close_icon .lines.one { transform: rotate(135deg) translate(16px,3px); } .popup_close_icon .lines.two { transform: rotate(-135deg) translate(3px,-16px); } /* nav menu bar */ .nav_main_menu.popup_close_icon { top:-2px; right:-10px; height:32px; width:32px; } .nav_main_menu.popup_close_icon .lines { width:100%; } .nav_main_menu.popup_close_icon .lines.one { transform: rotate(135deg) translate(22px,1px); } .nav_main_menu.popup_close_icon .lines.two { transform: rotate(-135deg) translate(1px,-22px); } /* --------------------------------------------------------------------------------------------- */ /* POPUP - GLOBALS /* --------------------------------------------------------------------------------------------- */ /* close button */ .ajr_popup.nav_racecard .popup_close {} .ajr_popup.nav_racecard .popup_close i.fa-times { line-height: 0.6em; } /* loading */ .ajr_popup.nav_racecard .ajax_container/*.all .loading, .ajr_popup.nav_racecard .ajax_container.next_race .loading, .ajr_popup.nav_racecard .ajax_container.prev_race*/ .loading, .trackmate_search_sidebar .ajax_container .loading, .ajr_popup.myslips .ajax_container .loading { /*position:absolute; top:calc(50% - 8px); left:calc(50% - 8px); height:16px; width:16px; padding:0;*/ } /* ajax_reload */ .ajr_popup.nav_racecard .ajax_container/*.all.ajax_reload, .ajr_popup.nav_racecard .ajax_container.next_race.ajax_reload, .ajr_popup.nav_racecard .ajax_container.prev_race*/.ajax_reload, .ajr_popup.myslips .ajax_container.ajax_reload { min-height:50px; background:#fefefe; border-radius:10px; border:1px solid #f6f6f6; } /* empty */ .ajr_popup.nav_racecard .ajax_container .empty, .ajr_popup.myslips .ajax_container .empty { font-size:0.75em; font-weight:300; text-align:center; color:#bbb; } .ajr_popup.myslips .ajax_container .empty { margin-top: 1.5rem; padding: 1em; background: #fff; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2); border-radius: 10px 0 0 10px; transform: translateX(0); transition: var(--transition); } .ajr_popup.myslips.active .ajax_container .empty { transform: translateX(-50px); transition: var(--transition_active); } .ajr_popup.myslips .ajax_container .empty .info { margin:0 auto; font-size:1em; line-height:1.5em; } .ajr_popup.myslips .ajax_container .empty .instructions { margin: 1em auto; line-height: 1.6em; font-size: 0.9em; } .ajr_popup.myslips .ajax_container .empty .instructions i { width:auto; padding-left:5px; padding-right:5px; transform: translateY(-1px); font-size:1.4em !important; } .ajr_popup.myslips .ajax_container .empty .instructions i::before { position:static; } .ajr_popup.myslips .ajax_container .empty .ajr-button { margin-top:10px; margin-bottom:6px;/* line-height:26px;*/ } /* containers */ .ajr_popup.nav_racecard .race_container, .trackmate_search_sidebar .race_container, .ajr_popup.myslips .myslips_item { position:relative; z-index:1; padding:1rem; background:#f9f9f9; border: 1px solid rgba(255,255,255,0.5); border-radius:10px; box-shadow:0 1px 2px 0 rgba(0,0,0,0.2); -webkit-transition: box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; } .ajr_popup.nav_racecard .race_container:first-child, .ajr_popup.myslips .myslips_item:first-child { margin-top:0; } .ajr_popup.nav_racecard .race_container:hover, .trackmate_search_sidebar .race_container:hover, .ajr_popup.myslips .myslips_item:hover, .ajr_popup.myslips .myslips_wrapper .myslips_container.unstacked .myslips_item { background:#fff !important; box-shadow:0 1px 4px 0 rgba(0,0,0,0.1), 0 0px 25px 0 rgba(0,0,0,0.2) !important; -webkit-transition: box-shadow 0.1s ease-in; transition: box-shadow 0.1s ease-in; } .ajr_popup.myslips .no_result .myslips_item, .ajr_popup.myslips .no_result .myslips_item:hover, .ajr_popup.myslips .myslips_wrapper .myslips_container.unstacked.no_result .myslips_item { color:#999 !important; background:#ddd !important; } .ajr_popup.myslips .myslips_wrapper .myslips_container.unstacked .myslips_item { border-color:rgb(200,0,0); } .ajr_popup.myslips .myslips_wrapper .myslips_container .myslips_item [contenteditable]:not(.myslips_item_notes) { min-height: auto; padding: 0; } /* --------------------------------------------------------------------------------------------- */ /* POPUP - mySlips /* --------------------------------------------------------------------------------------------- */ .myslips_button {} .myslips_button.active { background:rgb(0,183,200) !important; } .myslips_button.active:hover { background: rgb(var(--colour_accent_hover)) !important; } /* text & icon */ .myslips_button.active .ajr-button-text, .myslips_button.active .ajr-button-icon { color:rgb(255,255,255); } .myslips_button i { position:relative; } .myslips_button i.empty {/* color:#bbb; */} .myslips_button i.fa-spinner { position:relative; top:1px; min-width:18px; } .myslips_button i.count { position:absolute; top:-7px; left:11px; /*width:10px;*/ height:10px; line-height:10px; font-family: var(--font_code); font-size:0.7em; font-style:normal; text-align:center; color: rgb(var(--colour_warning)); /*background:#fff; border-radius:3px;*/ } .myslips_button.active i.count { color:#fff; } #popup_myslips { position: absolute; right: -50px; width: 300px; pointer-events: all; } #popup_myslips .popup_myslips_wrapper { padding:5px 15px 15px; } .ajr_popup.myslips { top: 0; left: 0; bottom: 0; /* z-index: 10 !important; */ /*z-index: 9999999999;*/ width: 100%; padding: 0; background: none; border-radius: 0; box-shadow: none; transform: translateY(105px); /*adjust this value to the height of your header*/ /*opacity: 1;*/ overflow: visible; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; pointer-events: none; } body.headerup .ajr_popup.myslips { /*z-index:10 !important;*/ transform: translateY(45px); /*adjust this value to the height of your header*/ } .ajr_popup.myslips .popup_close { padding: 1em; } /* myslips reload */ .ajr_popup.myslips .myslips_container.myslips_reload_required { position:absolute; top:1.5rem !important; right:-250px !important; width:auto; } .ajr_popup.myslips .myslips_container.myslips_reload_required.show { right:40px !important; } /*.ajr_popup.myslips .myslips_container.myslips_reload_required.show:hover { right:40px !important; }*/ .ajr_popup.myslips .myslips_container.myslips_reload_required .myslips_item { padding-left:14px; padding-right:2em; } /*.ajr_popup.myslips .myslips_container.myslips_reload_required.show .myslips_item::before { content:'\f0a6'; font-family:FontAwesome, 'Font Awesome 5\ Free'; position:absolute; left:0; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,1); opacity:0; transform:rotate(180deg); transition:all 0.6s ease; } .ajr_popup.myslips .myslips_container.myslips_reload_required.show:hover .myslips_item::before { left:-40px; opacity:1; transition:all 0.3s ease; }*/ .ajr_popup.myslips .myslips_container.myslips_reload_required .myslips_item i { margin-right:12px; padding-top:1px; color:rgb(var(--colour_green)); } /* icons */ .ajr_popup.myslips .ajax_container.ajax_reload i::before, .ajr_popup.myslips .myslips_item_places_paid i::before, .ajr_popup.myslips .myslips_item_predicted i::before, .ajr_popup.myslips .myslips_item_liability i::before, .ajr_popup.myslips .myslips_item_predicted_total i::before { position: absolute; top: 50%; left: 50%; wifth:1em; height:1em; padding:1px 0 0 0; transform: translate(-50%,-50%); } /* close button */ .ajr_popup.myslips .dialog-close-button { position:fixed !important; z-index: 0 !important; top: 15px !important; right: 5px !important; margin-top: 0 !important; padding: 9px 9px 9px 9px; font-size: 20px; } /* Hide scrollbar for Chrome, Safari and Opera */ .ajr_popup.myslips .dialog-message::-webkit-scrollbar { display: none; } .ajr_popup.myslips .dialog-message { max-height: calc(95vh - 100px); overflow: visible !important; /* Hide scrollbar for IE, Edge and Firefox */ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .ajr_popup.myslips .dialog-widget-content { right:-70px !important; } body.headerup .ajr_popup.myslips .dialog-widget-content { max-height: calc(90% - 40px); } /* myslips_header */ .ajr_popup.myslips .myslips_header {} /* loading placeholder, ajax_reload & empty - */ .ajr_popup.myslips .ajax_container { /*z-index:0; top:40px;*/ } .ajr_popup.myslips .ajax_container .loading { z-index:99999999; padding:10px; color:#fff; background:none; } .ajr_popup.myslips .ajax_container.ajax_reload { min-height:38px; margin-left:170px; border:none; width:50px; padding:0; background:none; } .ajr_popup.myslips .ajax_container.ajax_reload .loading { padding:10px; } /* myslips_wrapper */ .ajr_popup.myslips .myslips_wrapper { padding-top:0; /* allowing for myslips_info */} /* columns */ .ajr_popup.myslips .myslips_item_cols_2, .ajr_popup.myslips .myslips_item_cols_3 { display:inline-block; /*margin: 0 -2px;*/ padding: 0 2px; } .ajr_popup.myslips .myslips_item_cols_2 { width:50%; } .ajr_popup.myslips .myslips_item_cols_3 { display:table-cell; width:33.3333%; } .ajr_popup.myslips .myslips_item_right, .ajr_popup.myslips .myslips_item_left {} .ajr_popup.myslips .myslips_item_right { float:right; width:49%; } .ajr_popup.myslips .myslips_item_left { float:left; width:49%; } /* myslips_container */ .ajr_popup.myslips .myslips_container { position: absolute; width:250px; /*height:188px; min-height:188px; max-height:188px;*/ } .ajr_popup.myslips .myslips_container.myslips_container_infoslip { height:140px;/*170px;*/ min-height:140px;/*170px;*/ max-height:140px; } .ajr_popup.myslips .myslips_container, .ajr_popup.myslips .myslips_container .myslips_item { transition: all 0.2s cubic-bezier(0.49, 0.01, 0.11, 2.11), left 0.3s 0.2s ease; } .ajr_popup.myslips .myslips_container:hover, .ajr_popup.myslips .myslips_container:focus, .ajr_popup.myslips .myslips_container:active { transition: right 0.2s 0.1s cubic-bezier(0.49, 0.01, 0.11, 2.11); } /* container show */ .ajr_popup.myslips .myslips_container.show { right:0 !important; transition: all 0.2s 0.1s cubic-bezier(0.5, 0.25, 0, 1.5); } .ajr_popup.myslips .myslips_container.show.stacked.no_result { right:-1.75em !important; } /* container delete */ .ajr_popup.myslips .myslips_container.delete { opacity:0.5; transition: opacity 0.5s ease, right 0.25s 0.25s ease; } /* stacked */ .ajr_popup.myslips .myslips_container.stacked { z-index: 0; } .ajr_popup.myslips .myslips_container.stacked:hover, .ajr_popup.myslips .myslips_container.stacked:focus, .ajr_popup.myslips .myslips_container.stacked:active { right:70px !important; } .ajr_popup.myslips .myslips_container.stacked .myslips_item_header:hover { z-index:1; } /* un-stacked */ .ajr_popup.myslips .myslips_container.unstacked { z-index:1; right:70px !important; transition: z-index 0s none; } /* infoSlip */ .ajr_popup.myslips .myslips_container.myslips_container_infoslip { top:8px !important; } .ajr_popup.myslips .myslips_container.myslips_container_infoslip.stacked.show { right:-40px !important; } .ajr_popup.myslips .myslips_container.myslips_container_infoslip.stacked.show:hover { right: -35px !important } .ajr_popup.myslips .myslips_container.myslips_container_infoslip.show, .ajr_popup.myslips .myslips_container.myslips_container_infoslip.stacked, .ajr_popup.myslips .myslips_container.myslips_container_infoslip.stacked:hover, .ajr_popup.myslips .myslips_container.myslips_container_infoslip.stacked:focus, .ajr_popup.myslips .myslips_container.myslips_container_infoslip.stacked:active, .ajr_popup.myslips .myslips_container.myslips_container_infoslip.unstacked {} .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item { background:#fff; box-shadow: 0 -5 10px -5px rgba(0,0,0,0.25); } /* infoSlip header */ .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item .myslips_item_header {} /* infoSlip title */ .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_header .myslips_item_title { display:inline-block; margin:0; } /* icon */ .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_header .myslips_item_title i { position:relative; top:1px; font-size:0.8em; margin-right:10px; } .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_header .myslips_item_title .selected { margin-right:4px; } .ajr_popup.myslips .myslips_container.myslips_container_infoslip.unstacked .myslips_item_header .myslips_item_title .selected { display:none; } /* buttons */ .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_header .myslips_display_type { display:none; } .ajr_popup.myslips .myslips_container.myslips_container_infoslip.unstacked .myslips_item_header .myslips_display_finished, .ajr_popup.myslips .myslips_container.myslips_container_infoslip.unstacked .myslips_item_header .myslips_display_type, .ajr_popup.myslips .myslips_display_type_container .myslips_display_finished, .ajr_popup.myslips .myslips_display_type_container .myslips_display_type { position:relative; top:-2px; display:inline-block; float:right; margin:4px 0 0 0; padding: 4px 8px !important; } .ajr_popup.myslips .myslips_container.myslips_container_infoslip.unstacked .myslips_item_header .myslips_display_finished i, .ajr_popup.myslips .myslips_container.myslips_container_infoslip.unstacked .myslips_item_header .myslips_display_type i, .ajr_popup.myslips .myslips_display_type_container .myslips_display_finished i, .ajr_popup.myslips .myslips_display_type_container .myslips_display_type i { position:relative; top:0.1em; height: 13px; width: 16px; padding: 1px 0px 0px 0px; color:#fff !important; } .ajr_popup.myslips .myslips_container.myslips_container_infoslip.unstacked .myslips_item_header .myslips_display_finished i.colour_green, .ajr_popup.myslips .myslips_container.myslips_container_infoslip.unstacked .myslips_item_header .myslips_display_type i.colour_green, .ajr_popup.myslips .myslips_display_type_container .myslips_display_finished i.colour_green, .ajr_popup.myslips .myslips_display_type_container .myslips_display_type i.colour_green { top: 0px; height: 12px; width: 16px; padding-top: 0; color:rgb(var(--colour_green)) !important; } .ajr_popup.myslips .myslips_container.myslips_container_infoslip.unstacked .myslips_item_header .myslips_display_finished.active, .ajr_popup.myslips .myslips_container.myslips_container_infoslip.unstacked .myslips_item_header .myslips_display_type.active, .ajr_popup.myslips .myslips_display_type_container .myslips_display_finished.active, .ajr_popup.myslips .myslips_display_type_container .myslips_display_type.active { background:rgb(var(--colour_green)) !important; cursor:default !important; } .ajr_popup.myslips .myslips_display_type_container .myslips_display_finished.active { cursor:pointer !important; } .ajr_popup.myslips .myslips_display_type_container { display:table; margin:0.75em auto 0.25em; margin: -0.25em auto -2px; text-align:center; } .ajr_popup.myslips .empty .myslips_display_type_container { margin: -0.25em auto -2px; } .ajr_popup.myslips .myslips_item_footer .myslips_display_type_container { margin:0.2em auto 0; } .ajr_popup.myslips .myslips_display_type_container .other_options { margin-bottom:5px; font-size: 0.7rem; color:#777; } .ajr_popup.myslips .empty .myslips_display_type_container .other_options { margin-bottom: 0; } .ajr_popup.myslips .myslips_display_type_container .myslips_display_finished, .ajr_popup.myslips .myslips_display_type_container .myslips_display_type { float:none; margin:4px 2px 0 !important; padding: 3px 6px !important; } /* infoSlip information */ .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_information { display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: flex-end; align-items: flex-end; width: 100%; padding: 8px 0 2px; } .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_information .ajax_refresh { position:relative; min-height:46px; text-align:center; } .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_information .ajax_refresh i { left:50%; top:50%; transform:translate(-50%,-50%); } .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_information .ajax_refresh i::before { position:absolute; top:50%; left:50%; font-size:1em; transform:translate(-50%,-50%); } .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_information .myslips_item_cols_3:nth-of-type(1) { width:30%; } .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_information .myslips_item_cols_3:nth-of-type(2), .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_information .myslips_item_cols_3:nth-of-type(3) { width:35%; } .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_information .myslips_item_cols_3:nth-of-type(1), .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_information .myslips_item_cols_3:nth-of-type(2) { padding:0 4px 0 0; } .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_information .myslips_item_cols_3:nth-of-type(3) { padding:0; } .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_information .myslips_item_title { margin-bottom:4px; font-size:0.8em; font-weight:500; text-align:center; text-transform:capitalize; /*color:#aaa;*/ } .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_information .myslips_item_title .myslips_item_info {} .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_information .myslips_item_info.myslips_item_info_bets small { padding:0 3px; } /* infoSlip description */ .ajr_popup.myslips .myslips_container.myslips_container_infoslip .myslips_item_desc { padding: 8px 0 0; font-size:0.85em; color:#999; } /* myslips_items */ .ajr_popup.myslips .myslips_item { position: relative; width:100%; margin-top:10px; padding:10px; line-height:1.1em; font-size:0.8em; /*background:#fafafa; border-color:#eee; box-shadow:none;*/ } .ajr_popup.myslips .myslips_item:first-child { margin-top:0; } .ajr_popup.myslips .myslips_item:hover {} /* container header */ .ajr_popup.myslips .myslips_item_header, .ajr_popup.myslips .stacked:not(.myslips_container_infoslip):hover .myslips_item_header { position:relative; margin:-10px -10px 0; padding:10px 10px 8px; /*background:#f4f4f4;*/ border-radius:5px 5px 0 0; /*border-bottom: 1px solid rgba(0,0,0,0.05); box-shadow: 0 1px 0 0 rgba(255,255,255,0.4);*/ cursor: pointer; } /* silks */ .ajr_popup.myslips .myslips_item_silks, .ajr_popup.myslips .stacked .myslips_item_silks, .ajr_popup.myslips .myslips_container.stacked:hover .myslips_item_silks { position: absolute; /*top: 8px;*/ right: 55px;/* was 60px */ /*margin:0;*/ height:26px; transition: all 0.2s 0.2s ease; } .ajr_popup.myslips .no_result .myslips_item_silks, .ajr_popup.myslips .no_result .myslips_container:hover .myslips_item_silks { opacity:0.25 !important; } .ajr_popup.myslips .myslips_container.stacked:hover .myslips_item_silks, .ajr_popup.myslips .myslips_container.unstacked .myslips_item_silks { /*margin:2px 8px 0 0;*/ right: 10px; height: 32px; transition: all 0.2s 0.2s ease; } /* horse name */ .ajr_popup.myslips .myslips_item_horse_name { margin-bottom:2px; line-height:1.1em; font-size:1.0em; font-weight:bold; transition: all 0.2s 0.2s ease; } .ajr_popup.myslips .myslips_container.stacked:hover .myslips_item_horse_name, .ajr_popup.myslips .myslips_container.unstacked .myslips_item_horse_name { margin-bottom:2px; font-size:1.2em; transition: margin 0.2s 0.2s ease; } /* date & track */ .ajr_popup.myslips .myslips_item_race_date, .ajr_popup.myslips .myslips_item_track_name { display:inline-block; padding-right:3px; line-height:1em; font-size:0.9em; font-weight:300; } /* change bet type */ .ajr_popup.myslips .myslips_container .myslips_bet_types { display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: center; justify-content: center; margin: 0 -10px; background: rgb(var(--colour_grey_lightest)); overflow: hidden; } .ajr_popup.myslips .myslips_container.stacked .myslips_bet_types { max-height: 0; padding: 0; box-shadow: inset 0 4px 4px -4px transparent, inset 0 -3px 4px -3px transparent; -webkit-transition: max-height var(--transition), padding var(--transition), box-shadow var(--transition); transition: max-height var(--transition), padding var(--transition), box-shadow var(--transition); } .ajr_popup.myslips .myslips_container.stacked:hover .myslips_bet_types { border-top: 1px solid rgba(0,0,0,0.05); border-bottom: 1px solid #fff; } .ajr_popup.myslips .myslips_container.unstacked .myslips_bet_types { max-height: 100px; padding: 0.5em 0; box-shadow: inset 0 4px 4px -4px rgb(0,0,0,0.4), inset 0 -3px 4px -3px rgb(0,0,0,0.4); -webkit-transition: max-height var(--transition_active), padding var(--transition_active), box-shadow var(--transition_active); transition: max-height var(--transition_active), padding var(--transition_active), box-shadow var(--transition_active); } .ajr_popup.myslips .myslips_container .myslips_bet_types button:not(.active) { color: rgb(var(--colour_grey_light)) !important; border: 1px solid rgb(var(--colour_grey_lightererer)) !important; text-shadow: none !important; background: #fff !important; transition: all 0.6s ease-out; } .ajr_popup.myslips .myslips_container .myslips_bet_types button:not(.active):hover { border-color: rgb(var(--colour_accent_hover)) !important; color: rgb(var(--colour_accent_hover)) !important; } .ajr_popup.myslips .myslips_container .myslips_bet_types button:not(.active):focus, .ajr_popup.myslips .myslips_container .myslips_bet_types button:not(.active):active { border-color: rgb(var(--colour_accent_active)) !important; color: rgb(var(--colour_accent_active)) !important; } .ajr_popup.myslips .myslips_container .myslips_bet_types button.active { pointer-events: none; } .ajr_popup.myslips .myslips_container .myslips_bet_types button + button { margin-left: 2px; } /* notification */ .ajr_popup.myslips .myslips_item_notification { margin-top:10px; font-size:0.9em; text-align:center; color:var(--colour_warning); } /* buttons */ .ajr_popup.myslips .myslips_item_button { /*line-height:30px;*/ } .ajr_popup.myslips .myslips_item_button.myslips_item_delete { /*min-width:74px;*/ }/* to keep loading icon the same width */ .ajr_popup.myslips .myslips_item_button.myslips_item_delete i { color:#fff; } .ajr_popup.myslips .myslips_item_footer .myslips_item_button.myslips_item_delete {} .ajr_popup.myslips .myslips_item_button_close { line-height:19px; } /* container footer */ .ajr_popup.myslips .myslips_item_footer { position:relative; display: -webkit-flex; display: flex; padding-top: 10px; border-radius:0 0 5px 5px; } .ajr_popup.myslips .myslips_item_footer .myslips_item_form, .ajr_popup.myslips .myslips_item_footer .myslips_item_button, .ajr_popup.myslips .myslips_item_footer .myslips_item_button_close { overflow: unset; } .ajr_popup.myslips .myslips_item_footer .myslips_item_form .myslips_item_button { margin-right:5px; } .ajr_popup.myslips .myslips_item_footer .myslips_item_button_close { margin-left: auto; line-height:25px; font-size:1.2em; color:#ccc; cursor:pointer; } .ajr_popup.myslips .myslips_item_footer .myslips_item_button_close:hover { color: rgb(var(--colour_accent_hover)); } /* bet info */ .ajr_popup.myslips .myslips_item_type {} .ajr_popup.myslips .myslips_item_sub_type {} .ajr_popup.myslips .myslips_item_bet_info, .ajr_popup.myslips .stacked .myslips_item_bet_info { /*float: right;*/ position: absolute; top: 9px; right: 10px; width:50px; padding:6px 3px 5px; line-height:1.15em; font-size:0.7em; font-weight:400; text-align: center; text-transform: uppercase; letter-spacing:0; color:#fff; background: rgb(var(--colour_accent)); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25); border-radius: 5px; opacity:0; transition: all 0.3s ease; } .ajr_popup.myslips .myslips_container:hover .myslips_item_bet_info, .ajr_popup.myslips .myslips_container.unstacked .myslips_item_bet_info { opacity:1; transition: all 0.3s 0.2s ease; } /* content divs */ .ajr_popup.myslips .myslips_item_places_paid, .ajr_popup.myslips .myslips_item_odds, .ajr_popup.myslips .myslips_item_stake, .ajr_popup.myslips .myslips_item_predicted, .ajr_popup.myslips .myslips_item_liability, .ajr_popup.myslips .myslips_item_predicted_total, .ajr_popup.myslips .myslips_item_notes, .ajr_popup.myslips .myslips_item_info, .ajr_popup.myslips .myslips_item_places_paid:empty, .ajr_popup.myslips .myslips_item_odds:empty, .ajr_popup.myslips .myslips_item_stake:empty, .ajr_popup.myslips .myslips_item_predicted:empty, .ajr_popup.myslips .myslips_item_liability:empty, .ajr_popup.myslips .myslips_item_predicted_total:empty, .ajr_popup.myslips .myslips_item_notes:empty .ajr_popup.myslips .myslips_item_info:empty { display:inline-block; position:relative; z-index:1; width:30%; margin:14px 0 0; height:26px; line-height:26px; text-align:center; border-width:1px; border-style:solid; border-radius:3px; cursor:text; outline:none !important; } .ajr_popup.myslips .myslips_item_liability, .ajr_popup.myslips .myslips_item_liability:empty, .ajr_popup.myslips .myslips_item_places_paid, .ajr_popup.myslips .myslips_item_places_paid:empty, .ajr_popup.myslips .myslips_item_predicted_total, .ajr_popup.myslips .myslips_item_predicted_total:empty { margin:0; } .ajr_popup.myslips .myslips_item_liability, .ajr_popup.myslips .myslips_item_info.myslips_item_liability, .ajr_popup.myslips .myslips_item_places_paid, .ajr_popup.myslips .myslips_item_info.myslips_item_places_paid, .ajr_popup.myslips .myslips_item_predicted_total, .ajr_popup.myslips .myslips_item_info.myslips_item_info_predicted { font-weight:600; } /* odds */ .ajr_popup.myslips .myslips_item_odds, .ajr_popup.myslips .myslips_item_odds:empty { font-size:1em;} .ajr_popup.myslips .myslips_item_odds::before { content:attr(data-title); } /* stake */ .ajr_popup.myslips .myslips_item_stake, .ajr_popup.myslips .myslips_item_stake:empty { font-size:1em; } .ajr_popup.myslips .myslips_item_stake::before { content:attr(data-title); } /* predictions */ .ajr_popup.myslips .myslips_item_places_paid, .ajr_popup.myslips .myslips_item_places_paid:empty, .ajr_popup.myslips .myslips_item_predicted, .ajr_popup.myslips .myslips_item_predicted:empty, .ajr_popup.myslips .myslips_item_liability, .ajr_popup.myslips .myslips_item_liability:empty, .ajr_popup.myslips .myslips_item_predicted_total, .ajr_popup.myslips .myslips_item_predicted_total:empty { margin-left:auto; width:35%; font-size:1em; font-weight:600; cursor:default; } .ajr_popup.myslips .myslips_item_place_paid .loading, .ajr_popup.myslips .myslips_item_predicted .loading, .ajr_popup.myslips .myslips_item_liability .loading, .ajr_popup.myslips .myslips_item_predicted_total .loading { /*top:7px; line-height:14px;*/ } .ajr_popup.myslips .myslips_item_predicted::before/*, .ajr_popup.myslips .myslips_item_liability::before, .ajr_popup.myslips .myslips_item_places_paid::before, .ajr_popup.myslips .myslips_item_predicted_total::before*/ { content:attr(data-title); text-align:center; } /* info */ .ajr_popup.myslips .myslips_item_info, .ajr_popup.myslips .myslips_item_info:empty { display: block; width: 100%; height:30px; margin: 0; line-height:30px; font-size:0.85em; } /* stacked */ .ajr_popup.myslips .stacked .myslips_item_header { padding-bottom:0; border-bottom:0; box-shadow:none; } .ajr_popup.myslips .stacked .myslips_item_bets, .ajr_popup.myslips .stacked .myslips_item_bets:empty { margin-bottom:0 !important; padding-bottom:0 !important; border-bottom:0 !important; box-shadow:none !important; } /*.ajr_popup.myslips .stacked .myslips_item_bets:hover, .ajr_popup.myslips .stacked .myslips_item_bets:empty:hover { margin-bottom:0; padding-bottom:0; border-bottom:0; box-shadow:none; }*/ .ajr_popup.myslips .stacked .myslips_item_bets, .ajr_popup.myslips .stacked .myslips_item_bets:empty, .ajr_popup.myslips .stacked .myslips_item_notes, .ajr_popup.myslips .stacked .myslips_item_notes:empty, .ajr_popup.myslips .stacked .myslips_item_footer, .ajr_popup.myslips .stacked .myslips_item_footer:empty, .ajr_popup.myslips .myslips_container_infoslip.stacked .myslips_item_information, .ajr_popup.myslips .myslips_container_infoslip.stacked .myslips_item_desc { display:none; opacity:0.5; } /*.ajr_popup.myslips .stacked:hover .myslips_item_notes, .ajr_popup.myslips .stacked:hover .myslips_item_notes:empty, .ajr_popup.myslips .stacked:hover .myslips_item_footer, .ajr_popup.myslips .stacked:hover .myslips_item_footer:empty { display:block; opacity:1; }*/ .ajr_popup.myslips .stacked:hover .myslips_item_bets:not(.liability):not(.places_paid):not(.total_predicted), .ajr_popup.myslips .stacked:hover .myslips_item_bets:not(.liability):not(.places_paid):not(.total_predicted):empty, .ajr_popup.myslips .myslips_item_bets,/*:not(.places_paid):not(.total_predicted)*/ .ajr_popup.myslips .myslips_item_bets:empty, .ajr_popup.myslips .myslips_item_bets:hover, .ajr_popup.myslips .myslips_item_bets:empty:hover { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between; clear:both; margin-top:10px; line-height:1em; font-size:0.9em; text-align:left; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #f4f4f4; box-shadow: 0px 1px 0px 0px #fff; border-bottom:1px solid rgb(0 0 0 / 5%); box-shadow:0 1px 0 0 rgb(255 255 255 / 40%); } .ajr_popup.myslips .stacked:hover .myslips_item_bets.win_place.last, .ajr_popup.myslips .stacked:hover .myslips_item_bets.place_only, .ajr_popup.myslips .myslips_item_bets.win_place.last, .ajr_popup.myslips .myslips_item_bets.place_only, .ajr_popup.myslips .stacked:hover .myslips_item_bets:last-of-type, .ajr_popup.myslips .stacked:hover .myslips_item_bets:last-of-type:empty { margin-bottom:0 !important; padding-bottom:0 !important; border-bottom:none !important; box-shadow:none !important; } .ajr_popup.myslips .myslips_item_bets:not(.lay):not(.liability):not(.places_paid):not(.total_predicted)::before { content:attr(data-title); width:100%; padding-bottom:5px; font-size:0.95em; text-transform:capitalize; } /*.ajr_popup.myslips .myslips_item_bets.lay, .ajr_popup.myslips .myslips_item_bets.lay_place { margin-bottom:5px; padding-bottom:0; border-bottom:none; }*/ /* liability && places paid */ .ajr_popup.myslips .myslips_item_bets.liability, .ajr_popup.myslips .myslips_item_bets.liability:empty, .ajr_popup.myslips .myslips_item_bets.places_paid, .ajr_popup.myslips .myslips_item_bets.places_paid:empty { margin-top:8px; padding-top:0; } .ajr_popup.myslips .myslips_item_bets.liability::before, .ajr_popup.myslips .myslips_item_bets.places_paid::before { display:none; } .ajr_popup.myslips .myslips_item_bets.liability::after, .ajr_popup.myslips .myslips_item_bets.places_paid::after { content:''; clear:both; display:block; visibility:none; height:0; } /* total */ /*.ajr_popup.myslips .myslips_item_bets.places_paid::before,*/ .ajr_popup.myslips .myslips_item_bets.total_predicted::before { content:attr(data-title); display:inline-block; padding:2px 0 0; line-height:27px; text-transform:capitalize; } /* layout */ .ajr_popup.myslips .myslips_item_bets .myslips_item_odds, .ajr_popup.myslips .myslips_item_bets .myslips_item_stake { margin-right:4px; } /* notes */ .ajr_popup.myslips .myslips_item_notes, .ajr_popup.myslips .myslips_item_notes:empty { display:block; clear:both; width:auto; min-height:26px; height:auto; margin-top:24px; padding: 6px 8px; line-height:1.4em; font-size:0.9em; text-align:left; resize:vertical; } .ajr_popup.myslips .myslips_item_notes::before { content:attr(data-title); } /* before */ .ajr_popup.myslips .myslips_item_places_paid::before, .ajr_popup.myslips .myslips_item_odds::before, .ajr_popup.myslips .myslips_item_stake::before, .ajr_popup.myslips .myslips_item_predicted::before, .ajr_popup.myslips .myslips_item_liability::before, .ajr_popup.myslips .myslips_item_predicted_total::before, .ajr_popup.myslips .myslips_item_notes::before { position:absolute; z-index:0; top:-14px; left:0; right:0; line-height:1em; font-weight:300; font-size:0.9em; text-align:center; text-transform:capitalize; color:#bbb; } .ajr_popup.myslips .myslips_item_liability::before, .ajr_popup.myslips .myslips_item_places_paid::before { content: attr(data-title); top: inherit; left: -149px; padding: 2px 0 0; line-height: 27px; font-size: 1em; font-weight: 400; text-align: left; text-transform: capitalize; color: inherit; } .ajr_popup.myslips .myslips_item_notes::before { top:-15px; font-size:0.95em; text-align:left; color:#777; } /* !empty hover active */ .ajr_popup.myslips .myslips_item_places_paid, .ajr_popup.myslips .myslips_item_places_paid:empty:hover, .ajr_popup.myslips .myslips_item_places_paid:empty:active, .ajr_popup.myslips .myslips_item_odds, .ajr_popup.myslips .myslips_item_odds:empty:hover, .ajr_popup.myslips .myslips_item_odds:empty:active, .ajr_popup.myslips .myslips_item_stake, .ajr_popup.myslips .myslips_item_stake:empty:hover, .ajr_popup.myslips .myslips_item_stake:empty:active, .ajr_popup.myslips .myslips_item_predicted, .ajr_popup.myslips .myslips_item_predicted:empty:hover, .ajr_popup.myslips .myslips_item_predicted:empty:active, .ajr_popup.myslips .myslips_item_liability, .ajr_popup.myslips .myslips_item_liability:empty:hover, .ajr_popup.myslips .myslips_item_liability:empty:active, .ajr_popup.myslips .myslips_item_predicted_total, .ajr_popup.myslips .myslips_item_predicted_total:empty:hover, .ajr_popup.myslips .myslips_item_predicted_total:empty:active, .ajr_popup.myslips .myslips_item_notes, .ajr_popup.myslips .myslips_item_notes:empty:hover, .ajr_popup.myslips .myslips_item_notes:empty:active, .ajr_popup.myslips .myslips_item_info { color:#000 !important; border-color:#ccc !important; background:#fff !important; box-shadow: 0 0 5px 0 rgba(0,0,0,0.15) !important; } .ajr_popup.myslips .myslips_item_liability, .ajr_popup.myslips .myslips_item_places_paid { font-weight:inherit; } .ajr_popup.myslips .myslips_item_liability, .ajr_popup.myslips .myslips_item_predicted, .ajr_popup.myslips .myslips_item_predicted_total .ajr_popup.myslips .myslips_item_places_paid i { top:0px; } .ajr_popup.myslips .myslips_item_places_paid i.fa-check { top:-5px; } /* empty */ .ajr_popup.myslips .myslips_item_places_paid:empty, .ajr_popup.myslips .myslips_item_odds:empty, .ajr_popup.myslips .myslips_item_stake:empty, .ajr_popup.myslips .myslips_item_predicted:empty, .ajr_popup.myslips .myslips_item_liability:empty, .ajr_popup.myslips .myslips_item_predicted_total:empty, .ajr_popup.myslips .myslips_item_notes:empty, .ajr_popup.myslips .myslips_item_info:empty { color:#777 !important; border-color:#eee !important; background:rgb(255 255 255 / 50%) !important; box-shadow:none !important; } .ajr_popup.myslips .myslips_item_liability:empty::before, .ajr_popup.myslips .myslips_item_places_paid:empty::before { font-weight:300 !important; color:#ccc !important; } /* perspective container */ .ajr_popup.myslips .myslips_wrapper .myslips_perspective_container.stacked { perspective-origin: unset; perspective: 100px; } /* perspective item */ .ajr_popup.myslips .myslips_perspective_container .myslips_perspective_item {} .ajr_popup.myslips .myslips_perspective_container:hover .myslips_perspective_item, .ajr_popup.myslips .myslips_perspective_container:focus .myslips_perspective_item, .ajr_popup.myslips .myslips_perspective_container:active .myslips_perspective_item { transition: transform 0.1s ease; } .ajr_popup.myslips .myslips_perspective_container.stacked .myslips_perspective_item { position: relative; width:100%; box-shadow: -5px 10px 10px -5px rgb(0 0 0 / 25%), 0 -5px 10px -5px rgb(0 0 0 / 10%);/*0 5px 5px -5px rgba(0,0,0,0.25), 0 -5px 15px -5px rgba(0,0,0,0.2);*/ transform-style: preserve-3d; transform: rotateX(-4deg) scale(0.95,0.85); } .ajr_popup.myslips .myslips_perspective_container.stacked:hover .myslips_perspective_item, .ajr_popup.myslips .myslips_perspective_container.stacked:focus .myslips_perspective_item, .ajr_popup.myslips .myslips_perspective_container.stacked:active .myslips_perspective_item { transform: rotateX(0deg) scale(1,1); } /* --------------------------------------------------------------------------------------------- */ /* POPUP - Race Navigation /* --------------------------------------------------------------------------------------------- */ .ajr_popup.nav_racecard { width: 950px; max-width: 100vw; height: auto; max-height: 100vh; padding: 1rem; } /* loading */ .ajr_popup.nav_racecard .loading { color:rgba(0,180,200,0.5) !important; } .ajr_popup.nav_racecard .loading:hover { color:rgba(0,180,200,0.75) !important; } /* close button */ .ajr_popup.nav_racecard .elementor-popup-modal .dialog-close-button { top:15px !important; right:18px !important; font-size:20px !important; } /* header */ .ajr_popup.nav_racecard header { padding: 0 2rem 1rem 0; } /* columns */ .ajr_popup.nav_racecard header .ajr_col_1 { padding-right: 0; } .ajr_popup.nav_racecard header .ajr_col_2 { padding-left:0; } /* buttons */ .ajr_popup.nav_racecard header .buttons_menu {} .ajr_popup.nav_racecard header .buttons_menu .ajax_button.active { background: rgb(var(--colour_success)); pointer-events: none; } /* wrapper */ .ajr_popup.nav_racecard .wrapper {} .ajr_popup.nav_racecard .wrapper .ajr_col_1 > div, .ajr_popup.nav_racecard .wrapper .ajr_col_2 > div { padding-top:8px !important; } .ajr_popup.nav_racecard .wrapper .ajr_col_1 > div { padding-right:0 !important; } .ajr_popup.nav_racecard .wrapper .ajr_col_2 > div {} /* ajax containers */ .ajr_popup.nav_racecard .ajax_container, .trackmate_search_sidebar .ajax_container { position: relative; margin: 0; } .ajr_popup.nav_racecard .ajax_container.ajax_reload, .trackmate_search_sidebar .ajax_container.ajax_reload { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; min-height: 50px; } .ajr_popup.nav_racecard .ajax_container.ajax_reload.all { min-height: 350px; } .ajr_popup.nav_racecard .ajax_container.ajax_reload.prev_race, .trackmate_search_sidebar .ajax_container.ajax_reload.prev_race { min-height: 50px; } .ajr_popup.nav_racecard .ajax_container.all {} .ajr_popup.nav_racecard .ajax_container.next_race, .trackmate_search_sidebar .ajax_container.next_race { margin-bottom:20px !important; } .ajr_popup.nav_racecard .ajax_container.prev_race, .trackmate_search_sidebar .ajax_container.prev_race {} /* race_container */ .ajr_popup.nav_racecard .race_container, .trackmate_search_sidebar .race_container { /*overflow:hidden;*/ } .ajr_popup.nav_racecard .race_container:first-child, .trackmate_search_sidebar .race_container:first-child {} .ajr_popup.nav_racecard .race_container:hover {} .trackmate_search_sidebar .race_container:hover {} .ajr_popup.nav_racecard .next_race .race_container, .trackmate_search_sidebar .next_race .race_container { padding: 0.5rem; } .ajr_popup.nav_racecard .prev_race .race_container, .trackmate_search_sidebar .prev_race .race_container { margin-top: 0.5rem; padding: 0.5rem; } /*.ajr_popup.nav_racecard .race_container.next_race, .ajr_popup.nav_racecard .race_container.prev_race {}*/ .ajr_popup.nav_racecard .next_race .race_container:hover { box-shadow:0 1px 4px 0 rgba(200,0,0,0.1), 0 0px 25px 0 rgba(var(--colour_red),0.2); } /* refresh required */ .ajr_popup.nav_racecard .ajax_container.all .race_container.refresh_required::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:rgba(250,250,250,0.85); } .ajr_popup.nav_racecard .ajax_container.all .race_container.refresh_required::after { content:'Refresh Required...'; position:absolute; top:5px; right:5px; z-index:2; padding:1px 25px 0 6px; line-height:20px; font-size:0.7em; color:rgb(200,0,0); text-transform:uppercase; border-radius:4px 10px 10px 4px; box-shadow:0 1px 2px 0 rgba(0,0,0,0.2); background:#fff1f1; } /* colours */ .ajr_popup.nav_racecard .nav_racecard .track_race { padding: 0.25em 0 !important; border: 1px solid transparent; outline: none !important; } .ajr_popup.nav_racecard .track_race.running, .ajr_popup.nav_racecard .legend_container .running .ajr-button {} .ajr_popup.nav_racecard .track_race.finished, .ajr_popup.nav_racecard .legend_container .finished .ajr-button { background: /*#a9d9de;*/#fff !important; border: 1px solid #a9d9de !important; } .ajr_popup.nav_racecard .ajax_container.all .track_race.finished div, .ajr_popup.nav_racecard .ajax_container.all .track_race.finished div small { color:#a9d9de; text-shadow:none !important; } .ajr_popup.nav_racecard .ajax_container.all .track_race.finished:hover div, .ajr_popup.nav_racecard .ajax_container.all .track_race.finished:hover div small { color: rgb(var(--colour_accent_dark)); } .ajr_popup.nav_racecard .ajax_container.next_race .race_container, .ajr_popup.nav_racecard .ajax_container.all .track_race.next_race, .ajr_popup.nav_racecard .legend_container .next_race .ajr-button, .trackmate_search_sidebar .ajax_container.next_race .race_container { background-color: #fff1f1 !important; border: 1px solid red !important; text-shadow: none !important; } .ajr_popup.nav_racecard .ajax_container.all .track_race.next_race div, .ajr_popup.nav_racecard .ajax_container.all .track_race.next_race div small { color: #444; } .ajr_popup.nav_racecard .ajax_container.all .track_race:hover { box-shadow: 0 1px 4px -1px rgba(0,0,0,0.25); } /* nearly */ .ajr_popup.nav_racecard .next_race .race_container.nearly, .ajr_popup.nav_racecard .nav_racecard .track_race.nearly, .ajr_popup.nav_racecard .legend_container .next_race .ajr-button, .trackmate_search_sidebar .next_race .race_container.nearly, .trackmate_search_sidebar .nav_racecard .track_race.nearly { border-color:rgba(240,0,0,0.75) !important; background:#fff1f1 !important; } .ajr_popup.nav_racecard .nearly .timer, .trackmate_search_sidebar .nearly .timer { color:red !important; } .ajr_popup.nav_racecard .ajax_container .nearly .timer, .trackmate_search_sidebar .ajax_container .nearly .timer { color:red !important; } .ajr_popup.nav_racecard .all .nav_racecard .track_race.nearly div, .ajr_popup.nav_racecard .all .nav_racecard .track_race.nearly small { color:#444; } /* active */ .ajr_popup.nav_racecard .all .nav_racecard .track_race.active.nearly div, .ajr_popup.nav_racecard .all .nav_racecard .track_race.active.nearly small { color:#fff; } /* nav_racecard */ .ajr_popup.nav_racecard .ajr_popup_title { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .ajr_popup.nav_racecard .nav_racecard, .trackmate_search_sidebar .nav_racecard {} .ajr_popup.nav_racecard .nav_racecard .title, .trackmate_search_sidebar .nav_racecard .title { margin:0 0 0.5em; line-height:0.9em; text-transform:capitalize; color:#000; } .ajr_popup.nav_racecard .ajax_container:not(.all) .title, .trackmate_search_sidebar .ajax_container:not(.all) .title { text-align:center; } .ajr_popup.nav_racecard .ajax_container.next_race .title, .trackmate_search_sidebar .ajax_container.next_race .title { margin:0.1em 0 0.5em; } .ajr_popup.nav_racecard .ajax_container.prev_race .title, .trackmate_search_sidebar .ajax_container.prev_race .title { margin:0; line-height:0.8em; } .ajr_popup.nav_racecard .ajax_container .title sup, .trackmate_search_sidebar .ajax_container .title sup { font-size:0.6em; } .ajr_popup.nav_racecard .ajax_container .button_reload, .ajax_container.myslips_bet_totals_wrapper .button_reload, #myslips_stats .ajax_refresh_myslips_totals.button_reload, .trackmate_search_sidebar .ajax_container .button_reload { position:absolute; top:10px; right:10px; z-index:5; margin-top:0; font-family:FontAwesome, 'Font Awesome 5\ Free'; font-size:12px; color:#ddd; } .ajr_popup.nav_racecard .ajax_container.prev_race .button_reload { top:-6px; } .ajax_container.myslips_bet_totals_wrapper .button_reload { top:4px; right:3px; } .ajr_popup.nav_racecard .ajax_container .button_reload:hover, .ajax_container.myslips_bet_totals_wrapper .button_reload:hover, #myslips_stats .ajax_refresh_myslips_totals.button_reload:hover, .trackmate_search_sidebar .ajax_container .button_reload:hover { color:rgba(0,180,200,1); cursor:pointer; } .ajr_popup.nav_racecard .ajax_container.all .button_reload:hover, .ajr_popup.nav_racecard .ajax_container.next_race .button_reload:hover, .trackmate_search_sidebar .ajax_container.all .button_reload:hover, .trackmate_search_sidebar .ajax_container.next_race .button_reload:hover {} .ajr_popup.nav_racecard .ajax_container.prev_race .button_reload:hover, .trackmate_search_sidebar .ajax_container.prev_race .button_reload:hover { top:-6px; } .ajax_container.myslips_bet_totals_wrapper .button_reload:hover {} #myslips_stats .ajax_refresh_myslips_totals.button_reload:hover { margin:0; padding:0 !important; top:10px; right:10px; } .ajr_popup.nav_racecard .nav_racecard .track_container, .trackmate_search_sidebar .nav_racecard .track_container { display: -webkit-flex; display: flex; flex-wrap: wrap; margin-top: 0.5em; } .ajr_popup.nav_racecard .nav_racecard .track_container .track_header, .trackmate_search_sidebar .nav_racecard .track_container .track_header { width: 100%; font-size: 0.9em; font-weight: 600; } .ajr_popup.nav_racecard .prev_race .nav_racecard .track_race, .ajr_popup.nav_racecard .next_race .nav_racecard .track_race, .trackmate_search_sidebar .prev_race .nav_racecard .track_race, .trackmate_search_sidebar .next_race .nav_racecard .track_race { margin-top: 0.5rem; } .ajr_popup.nav_racecard .nav_racecard .track_container .track_race, .trackmate_search_sidebar .nav_racecard .track_container .track_race { width: calc(10% - 2px); margin: 1px; } /* button active */ .ajr_popup.nav_racecard .nav_racecard .track_race.active, .ajr_popup.nav_racecard .legend_container .selected_active .ajr-button, .trackmate_search_sidebar .nav_racecard .track_race.active { background: rgb(var(--colour_green)) !important; cursor: default; } /*.ajr_popup.nav_racecard .elementor-widget-button.active .ajr-button:hover, .ajr_popup.nav_racecard .nav_racecard .track_race.active button:hover { background:rgb(var(--colour_green)); }*/ /* next_race */ /*.ajr_popup.nav_racecard .ajax_container.next_race .race_container, .ajr_popup.nav_racecard .ajax_container.all .track_race.next_race { background:#fff1f1; }*/ .ajr_popup.nav_racecard .all .nav_racecard .track_race { font-size:0.8em !important; line-height:1.2em !important; } .ajr_popup.nav_racecard .all .nav_racecard .track_race:hover { /*#00b4c8;*/ position:relative; z-index:1; } .ajr_popup.nav_racecard .all .nav_racecard .track_race:active { opacity:0.8; } .ajr_popup.nav_racecard .all .nav_racecard .track_race div { color:#fff; text-transform:none; } .ajr_popup.nav_racecard .all .nav_racecard .track_race div:first-of-type { font-family:monospace; margin-bottom:4px; line-height:1em; font-weight:600; letter-spacing: normal; } .ajr_popup.nav_racecard .all .nav_racecard .track_race div:not(:nth-of-type(1)) { padding:0; line-height:1.2em; font-size:0.9em; font-weight:400; } .ajr_popup.nav_racecard .all .nav_racecard .track_race div small { padding:0; font-size:0.9em; font-weight:400; letter-spacing: normal; color:#fff; text-transform:none; } /* buttons next,prev & tracks */ .ajr_popup.nav_racecard .prev_race .nav_racecard .ajr-button, .ajr_popup.nav_racecard .next_race .nav_racecard .ajr-button, /*.ajr_popup.nav_racecard .all .nav_racecard .ajr-button,*/ .ajr_popup.nav_racecard .tracks .nav_racecard .ajr-button, .trackmate_search_sidebar .prev_race .nav_racecard .ajr-button, .trackmate_search_sidebar .next_race .nav_racecard .ajr-button, .trackmate_search_sidebar .all .nav_racecard .ajr-button, .trackmate_search_sidebar .tracks .nav_racecard .ajr-button { width:100%; /*margin:auto;*/ } .ajr_popup.nav_racecard .tracks .nav_racecard .ajr-button { margin-bottom:2px; padding:0.25em 0; line-height:1.2em; font-size:0.8em; text-transform:uppercase; } /* timer */ .ajr_popup.nav_racecard .ajax_container .timer, .trackmate_search_sidebar .ajax_container .timer { clear: both; margin: 0.5rem 0 0px; line-height: 21px; min-height: 22px; max-height: 22px; font-size: 0.8em; text-align: center; color: #444; } .ajr_popup.nav_racecard .ajax_container .timer small:last-child, .trackmate_search_sidebar .ajax_container .timer small:last-child { padding-right:0; } .ajr_popup.nav_racecard .ajax_container.tracks .timer .loading, .trackmate_search_sidebar .ajax_container.tracks .timer .loading { width: 12px; height: 12px; padding: 1px 0px 0px 0px; } /* next */ .nav_racecard .race_info { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; } .nav_racecard .race_info + .race_info, .nav_racecard .race_info.details { margin-top: 0.5rem; } .nav_racecard .race_info.details { font-size: 0.7em; } .nav_racecard .race_info.details div > * { text-align: center; } .nav_racecard .race_info .track, .nav_racecard .race_info .datetime { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; line-height: 1.1em; font-size: 0.9em; } /* next - small */ .ajr_popup.nav_racecard .nav_racecard .race_info div:not(.track) small, .trackmate_search_sidebar .nav_racecard .race_info div:not(.track) small { display: block; margin-bottom: 0.5em; padding: 0; font-size: 0.8em; line-height: 0.9em; text-transform: uppercase; } .ajr_popup.nav_racecard .nav_racecard .race_info .track small, .ajr_popup.nav_racecard .nav_racecard .race_info .datetime small, .trackmate_search_sidebar .nav_racecard .race_info .track small, .trackmate_search_sidebar .nav_racecard .race_info .datetime small { display: inline-block; padding: 0 2px 0 0; } .ajr_popup.nav_racecard .nav_racecard .race_info .track small, .trackmate_search_sidebar .nav_racecard .race_info .track small { padding: 0 3px; } /* next - span */ .ajr_popup.nav_racecard .nav_racecard .race_info.details span, .trackmate_search_sidebar .nav_racecard .race_info.details span { display:block; font-family: var(--font_secondary); font-size:0.9em; line-height:0.9em; } .ajr_popup.nav_racecard .nav_racecard .race_info .track span, .ajr_popup.nav_racecard .nav_racecard .race_info .datetime span, .trackmate_search_sidebar .nav_racecard .race_info .track span, .trackmate_search_sidebar .nav_racecard .race_info .datetime span { display:inline-block; font-weight:600; } /* legend */ .ajr_popup.nav_racecard .legend_container { position: relative; display: -webkit-flex; display: flex; margin-top: 1.1rem; } .ajr_popup.nav_racecard .legend_container .legend_item { display: -webkit-flex; display: flex; width: auto; font-size: 0.7em; line-height: 2em; } .ajr_popup.nav_racecard .legend_container .legend_item + .legend_item { margin-left: 1rem; } .ajr_popup.nav_racecard .legend_container .legend_item .ajr-button { transform: translateY(-1px); } .ajr_popup.nav_racecard .legend_container .legend_item span { padding-left: 6px; } @media (max-width:767px) { .ajr_popup.nav_racecard .wrapper .ajr_col_1 > div { padding-top:0px !important; padding-right:20px !important; } .ajr_popup.nav_racecard header .ajr_col_1 { width:42%; } .ajr_popup.nav_racecard header h2 { font-size:1.5rem !important; } .ajr_popup.nav_racecard header .ajr_col_2 { width:58%; } .ajr_popup.nav_racecard .wrapper .ajr_col_2 > div { padding-bottom:0; } .ajr_popup.nav_racecard .ajax_container.next_race { width:calc(33.33% - 10px); margin-right:10px; } .ajr_popup.nav_racecard .ajax_container.prev_race { width:66.66%; } .ajr_popup.nav_racecard .prev_race .nav_racecard { min-height:145px; } .ajr_popup.nav_racecard .prev_race .nav_racecard .title { margin-top:15px; margin-bottom: 2px; } .ajr_popup.nav_racecard .elementor-element.ajax_container.prev_race .race_container { float:left; width:calc(50% - 8px); } .ajr_popup.nav_racecard .elementor-element.ajax_container.prev_race .race_container:nth-of-type(1) { margin-right:8px; } .ajr_popup.nav_racecard .elementor-element.ajax_container.prev_race .race_container:nth-of-type(2) { margin-left:4px; margin-right:0; } .ajr_popup.nav_racecard .elementor-element.ajax_container.prev_race .race_container:nth-of-type(3) { display:none; /*margin-left:8px;*/ } .ajr_popup.nav_racecard .nav_racecard .track_container .track_race, .trackmate_search_sidebar .nav_racecard .track_container .track_race { width: calc(12.5% - 2px); } } /* END POPUP_NAV_RACECARD */ /* --------------------------------------------------------------------------------------------- */ /* AJAX /* --------------------------------------------------------------------------------------------- */ /* favourite button */ .ajr-lists-icon { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; position:inherit; z-index:90; font-size: 1rem; color: rgb(var(--colour_grey_lightererer)); text-shadow: 1px 1px 3px #fff; cursor:pointer; } .ajr-lists-icon::before { font-size:0.9em; } /* Already got if on hover .ajr-lists-icon::after { content:attr(data-bet-type); position: absolute; position: absolute; top: -0.75em; font-family: var(--font_secondary); font-size: 0.75em; letter-spacing: -0.025em; color: rgb(var(--colour_text)); }*/ .ajr-lists-icon:hover { color: rgb(var(--colour_accent)); } .ajr-lists-icon:hover::before { z-index:10; font-size:1.1rem; text-shadow: none; -webkit-transition: none; transition: none; } .ajr-lists-icon.active, .ajr-lists-icon.active:hover, .ajr-lists-icon.active::before { z-index: 101; font-size: 1.1rem; color: rgb(var(--colour_accent)); text-shadow: 0 0 30px rgba(0,0,0,0.5), 0 0 15px rgba(0,0,0,0.5), 0px 1px 5px rgba(0,0,0,0.5); } .ajr-lists-icon.fa-spinner { margin-top:0; color:#ccc; cursor:none; } .ajr-lists-icon.fa-spinner::before, .ajr-lists-icon.fa-spinner:hover::before { font-size:0.9rem !important; } .ajr-lists-icon.icon-note.open, .ajr-lists-icon.myslip-selected, .ajr-lists-icon.ignore-selected { color:#00b4c8; } .ajr-lists-icon.contender-selected { color:rgb(255,200,0); } .ajr-lists-icon.mytracker-selected { color:rgb(255,225,0); /*text-shadow:0 0 2px rgba(var(--colour_red),1);*/ } .ajr-lists-icon.fav-error { color:rgb(var(--colour_warning)); } .ajr-lists-icon.fav-failed, .ajr-lists-icon.ignore-failed { color:orange; } .ajr-lists-icon.fav-added, .ajr-lists-icon.fav-updated, .ajr-lists-icon.fav-removed, .ajr-lists-icon.active.fav-added, .ajr-lists-icon.active.fav-updated, .ajr-lists-icon.active.fav-removed, .ajr-lists-icon.fav-added:hover, .ajr-lists-icon.fav-updated:hover, .ajr-lists-icon.fav-removed:hover, .ajr-lists-icon.active.fav-added:hover, .ajr-lists-icon.active.fav-updated:hover, .ajr-lists-icon.active.fav-removed:hover, .ajr-lists-icon.fav-added::before, .ajr-lists-icon.fav-updated::before, .ajr-lists-icon.fav-removed::before, .ajr-lists-icon.active.fav-added::before, .ajr-lists-icon.active.fav-updated::before, .ajr-lists-icon.active.fav-removed::before { font-size:1.4rem; text-shadow:none; transition: all 0.3s ease; } .ajr-lists-icon.fav-added::before, .ajr-lists-icon.fav-updated::before { color:rgb(var(--colour_green)); } .ajr-lists-icon.fav-removed::before { color:rgb(var(--colour_warning)); } .mytrackmate_container .mytracker-selected::before, .mytrackmate_container .myslip-selected::before, .mytrackmate_container .ignore-selected::before { font-size:1.1em; -webkit-transition: all 1s ease; transition: all 1s ease; } .mytrackmate_container .mytracker-selected:not(.icon-notes):hover::before, .mytrackmate_container .myslip-selected:not(.icon-notes):hover::before, .mytrackmate_container .ignore-selected:not(.icon-notes):hover::before { content: '\f182'; font-family:Dashicons; color:rgb(var(--colour_warning)); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .mytrackmate_button i { position:relative; } .mytrackmate_button i.empty { /*color:#bbb;*/ } .mytrackmate_button i.fa-spinner { position:relative; top:1px; min-width:18px; } .mytrackmate_button i.count { position:absolute; top:-8px; left:12px; /*width:10px;*/ height:10px; line-height:10px; font-family:monospace; font-size:0.7em; font-style:normal; text-align:center; color:rgb(var(--colour_warning)); /*background:#fff;*/ border-radius:3px; } /* --------------------------------------------------------------------------------------------- */ /* RACECARD MORE INFO SLIDE / POPUP /* --------------------------------------------------------------------------------------------- */ .popup_open_racecard { cursor:pointer; } button { background: #000; color: #fff; text-align: center; font-weight: bold; padding: 10px 30px; border-radius: 3px; } #overlay { position: fixed; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); display: none; } #popup { max-width: 600px; width: 80%; max-height: 300px; height: 80%; padding: 20px; position: relative; background: #fff; margin: 20px auto; } #close { position: absolute; top: 10px; right: 10px; cursor: pointer; color: #000; } /* ----------------------------------------------------------------------------------------- */ /* NEUMORPHISM /* ----------------------------------------------------------------------------------------- */ /* shadow */ .morph_up, .morph_down { border-radius:10px !important; border-color:1ps solid rgb(255 255 255 / 100%) !important; } .morph_up { box-shadow: -10px -10px 20px 0 rgb(255 255 255), 10px 10px 20px 0 rgb(0 0 0 / 10%) !important; } /*.morph_up:hover { box-shadow: -10px -10px 20px 5px rgb(255 255 255), 10px 10px 20px 5px rgb(0 0 0 / 10%) !important; }*/ .morph_down { box-shadow: inset -10px -10px 20px 0 rgb(255 255 255), inset 10px 10px 20px 0 rgb(0 0 0 / 10%) !important; } .morph_up input:not([type=submit]):not([type=button]), .morph_up textarea, .morph_inputs input:not([type=submit]):not([type=button]), .morph_textarea { -webkit-appearance: none; border:none !important; background: rgb(255 255 255 / 40%) !important; box-shadow: inset 3px 3px 3px 0px rgb(0 0 0 / 10%), inset -3px -3px 3px 0px #fff !important; } /*.morph_down:hover {}*/ /* bgd */ .morph_concave, .morph_convex { -webkit-transition: background 0.6s ease-in !important; transition: background 0.6s ease-in !important; } .morph_concave.morph_hover:hover, .morph_convex.morph_hover:hover { -webkit-transition: background 0.3s ease-in !important; transition: background 0.3s ease-in !important; } .morph_concave { /*background: radial-gradient(closest-side, #fff, #fff, #eee);*/ background: linear-gradient(145deg, #eeeeee, #ffffff) !important; } .morph_concave:hover { background: linear-gradient(325deg, #eeeeee, #ffffff) !important; } .morph_convex { background: linear-gradient(145deg, #ffffff, #eeeeee) !important; } .morph_convex:hover { background: linear-gradient(325deg, #ffffff, #eeeeee) !important; } /* ------------------------------------------------------------------------------------------- * @MEDIA ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 640px) { .responsive_line_break { display:block; clear:both; } form.races_navigation.filter .responsive_line_break { height:5px; } /* racecards */ /* filters */ .races_results_filter_container { padding:0.5em; } .races_results_filter_container .races_results { /*display:table-cell; vertical-align:middle;*/ line-height:1.35em; font-size:0.7em; } form.races_navigation.calendar { float:right; /*display:table-cell; vertical-align:middle;*/ } form.races_navigation.filter { position:relative; padding-top:0; padding-left:0; } form.races_navigation.filter .date_from, form.races_navigation.filter .date_to { width: -webkit-calc( 100% - 40px - 70px ); width: calc( 100% - 40px - 70px ); margin-right: 70px; } form.races_navigation.filter .date_from { margin-bottom: 2px; } form.races_navigation.filter label.label_from, form.races_navigation.filter label.label_to { width: 35px; font-size: 0.8em; } form.races_navigation.filter label.label_to { padding-left: 0; text-transform: capitalize; } form.races_navigation.filter button { position: absolute; top: 0; right: 0; height: 32px; } form.races_navigation.filter button.clear_postdata { top: 32px; } /* containers */ .races_container { display:block; } .races_container .div_table { display:block; } .races_container .div_table_row { display:inline-block; width:100%; } .races_container .div_table_cell { display:inline-block; } .races_container .table_wrapper { width: -webkit-calc(100% - 1rem); width: calc(100% - 1rem); } /* dates */ .races_container .races_header { padding:1.5rem 0.25rem 0.5rem; border-bottom:1px solid #ddd; -webkit-transition:none; transition:none; } .races_container .races_header.closed { float:left; flex:none !important; width:-webkit-calc(33.33% - 1rem) !important; width:calc(33.33% - 1rem) !important; padding-top:0.5rem !important; } .races_container .races_header.closed .races_date.big div:nth-child(1) { font-size:0.7rem; } .races_container .races_header.closed .races_date.big div:nth-child(2) { font-size:1.75rem; letter-spacing:-2px; } .races_container .races_header.closed .races_date.big div:nth-child(3) { font-size:0.6rem; } .races_container .races_header.closed .races_count.big { margin-top:0.5rem; font-size:0.7rem; } .races_container .races_header .races_date, .races_container .races_header .races_count { font-size:0.75em; } .races_container .races_header .races_count { margin-left:0.5em; padding-left:0.5em; } .races_container .races_header .races_toggle { right:-27px; } .races_container .races_header .races_toggle i { top:-1px; font-size:1.1em; } .races_container .races_header .races_toggle i:nth-of-type(1) {} .races_container .races_header .races_toggle i:nth-of-type(2) { right:25px; } .races_container .races_header.closed .races_result_indicator span.results_yes i:nth-child(1), .races_container .races_header.closed .races_result_indicator span.results_yes i:nth-child(2), .races_container .races_header.closed .races_result_indicator span.result_missing i:nth-child(1), .races_container .races_header.closed .races_result_indicator span.result_missing i:nth-child(2) { font-size:0.75em; } .races_container .races_header .races_result_indicator span.results_yes span { font-size:0.75em; } .div_table_row_header .races_result_indicator { margin-bottom:0.5rem; padding:0 4px 0 4px; line-height:17px; text-shadow: 0px 1px 2px rgba(0,0,0,0.4); } /* races */ .div_table .div_table_row_header .track_name { margin-bottom:0.25em; font-size:1.2em; letter-spacing:0; } .div_table .div_table_row_header .races_info { margin-left: 0; padding-left: 0; font-size: 0.9em; border-left: none; } .div_table .div_table_row_header .races_info small { width:80px; } .div_table .div_table_row_header .track_info_right { vertical-align:top; } .div_table .div_table_row_header .track_info_right, .races_container .div_table .div_table_row_header + .div_table_row_spacer { height: calc(100px + 2rem); } .div_table .div_table_row_header .track_image { height:90px; } .races_container .div_table_header_group, /*.races_container .div_table_header_group .div_table_cell.race_distance, .races_container .div_table_header_group .div_table_cell.number_of_runners,*/ .races_container .div_table_cell.track_direction, .races_container .div_table_cell.going_description, .races_container .div_table_cell.prize_money { display:none; } .races_container .div_table .div_table_row .div_table_cell.race_name { padding-top:10px; padding-bottom:2px; } .races_container .div_table .div_table_row .div_table_cell.race_distance, .races_container .div_table .div_table_row .div_table_cell.number_of_runners { padding-top:2px; padding-bottom:10px; } /*.races_container .div_table_header_group .div_table_cell.race_time,*/ .races_container .div_table_cell.race_time { position:absolute; left:0; top:0; bottom:0; padding:0; width:17.5%; line-height:50px; font-weight:600; } /*.races_container .div_table_header_group .div_table_cell.race_name,*/ .races_container .div_table_cell.race_name { width:82.5%; margin-left:17.5%; font-size:0.9em; font-weight: 500; border-bottom:0; } .races_container .div_table_cell.race_distance { width:41.25%; margin-left:17.5%; padding-top:0; font-size:0.8em; text-align:left; border-top:0; } .races_container .div_table_cell.number_of_runners { padding-top:0; width:41.25%; font-size:0.8em; text-align:left; border-top:0; } .races_container .div_table_cell.race_distance .mobile_heading, .races_container .div_table_cell.number_of_runners .mobile_heading { display:inline-block; padding-right:4px; font-size:0.9em; color:#aaa; } } @media only screen and (max-width: 1024px) {}