body.user-logged-in:not(.toolbar-tray-open) nav.sticky { top: 0px!important; }

.topbar { display: none!important; }
nav .navbar-nav li a { font-size: 15px; }
ul.navbar-nav li { margin-left: 25px; }
.dropdown-menu { min-width: 16rem; }
section { padding: 30px 0; }
.overlay { background: rgba(0, 0, 0, .6); }
.visually-hidden-focusable { display: none; }
.fab.fa-x-twitter::before { content: "𝕏"; }

.cookiesjsr-banner { z-index: 999!important; width: 100%!important; }
.cookiesjsr-banner p { color: #000; }
.cookiesjsr-banner a { text-decoration: underline; }
.cookiesjsr-banner--action { justify-content: flex-start!important; }

/*.node__content  .container { padding: 30px 15px; }
body:not(.path-frontpage) .node__content  .container { padding: 30px; }*/
.node__content  .container { padding: 30px 15px; }
.node__content #heading + #heading, .node__content #heading + #heading .container { padding-top: 0; margin-top: 0; }
body:not(.path-user) .page-content.container { max-width: 100%!important; }

.banner-content-nospace { padding: 5px!important; }

.viewsreference--view-title { padding-bottom: 10px; letter-spacing: 1px; font-size: 30px; font-weight: 700; text-transform: uppercase; text-align: center; color: #333; display: none; }

.footer-top .region h2, footer .footer-wedget h3 { position: relative; font-size: 18px; font-weight: 500; color: #fff; line-height: 30px; padding-left: 25px; margin-bottom: 20px; }
.footer-top .region h2 { padding-left: 0; }
.menu--footer ul li a { color: #999; line-height: 30px; font-weight: bold; }

#block-f1-club-footericons img, #block-f1-club-gambling img { height: 45px; width: auto; background: #fff; padding: 5px; border-radius: 5px; margin: 0 10px 10px 0; }
#block-f1-club-footer { padding: 0; }
#block-f1-club-socialicons .social li::before { display: none; }
#block-f1-club-socialicons .social { display: flex; margin: 0; padding: 0; }
#block-f1-club-socialicons .social li { padding: 0; }
#block-f1-club-socialicons { margin: 0 0 40px 0; }
#block-f1-club-gambling p { margin: 0 0 20px 0; }
#block-f1-club-gambling h4 { color: #fff; margin: 0; padding: 0; font-size: 18px; }

#heading .row { display: block; }
#heading .row p { font-size: 17px; color: #838383; }

#banner.banner ul { display: none; }
.slim-banner { padding: 0; background-attachment: initial!important; }
.slim-banner .banner-content { padding: 0!important; }

#slider .owl-item .item .row > div { width: 100%; max-width: 100%; flex: auto; }
.slide-caption { padding: 80px 25px; }
.slide-caption .slider-inner { max-width: 100%; padding: 20px; }
.slide-caption .slider-inner h1 { font-size: 50px; margin-bottom: 20px; }
.slide-caption .slider-inner h3 { color: #fff; font-size: 30px; font-weight: normal; }

.responsive-table { width: 100%; overflow: auto; }
.table-sticky tbody td:first-child { position: sticky; /*left: -1px;*/ z-index: 9; }
.table-sticky thead th:first-child, .table-sticky tbody td:first-child { position: sticky; left: -1px; z-index: 9; }

#loader-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; z-index: 1000; }
#loader { text-align: center; color: #fff; }
#loader img { width: 150px; height: 150px; }
#loader-message p { margin-top: 20px; color: #fff; font-weight: 700; text-align: center; }
.loader-hidden { display: none!important; }
.alert svg { max-height: 2rem; }
.messages__wrapper { text-align: center; margin-top: 20px; font-weight: bold; color: var(--success); }

.table-scores { width: 100%; border-collapse: collapse; margin-top: 20px; }
.table-scores thead { background-color: #f8f9fa; }
.table-scores thead th:first-child { background: #eee; color: #000; }
.table-scores thead th { font-size: 18px; text-transform: uppercase; font-weight: 700; padding: 15px; vertical-align: text-top; }
.table-scores tbody tr { background-color: transparent!important; }
.table-scores tbody td { background: #f8f8f8; }
.table-scores td, .table-scores th { border: 1px solid #ddd; padding: 10px; color: #000; text-align: left; }

body.path-user nav.tabs { padding-top: 20px; }
body.path-user #edit-current-pass--description { display: none; }

body.path-user article.profile { box-shadow: 0 1px 10px 2px #ccc; margin-bottom: 20px; padding: 20px; }
body.path-user .js-form-item.js-form-type-item.form-type-item.form-no-label { display: none; }
body.path-user .field .field__label { vertical-align: top; font-weight: bold; }

body.path-user .user-form .form-wrapper .form-control { margin-bottom: 10px; }
body.path-user .user-form .form-wrapper .js-form-item { margin-bottom: 0!important; }
body.path-user .user-form .form-wrapper .js-form-item.js-form-type-email { margin-bottom: 20px!important; }
body.path-user .user-form .form-wrapper .js-form-item label { font-weight: bold; }
body.path-user .user-form .form-wrapper .js-form-item input#edit-mail { border: 1px solid #ced4da; }
body.path-user .user-form .form-wrapper .js-form-item #edit-mail--description { display: none; }
body.path-user .user-form .form-wrapper#edit-field-terms-of-use-wrapper .js-form-item { margin: 0 0 20px 5px!important; }
body.path-user .user-form .form-wrapper .js-form-item #edit-mail { margin: 0; }
body.path-user .user-form .form-wrapper select { width: 98%; height: 45px; margin-bottom: 15px; border: 1px solid #ced4da; }

.change-pwd-form .form-wrapper .js-form-item label { font-weight: bold; }

#user-register-form #edit-field-date-of-birth-0-value { display: block; width: 100%; }
#user-register-form #edit-field-date-of-birth-0-value-date { width: 100%; }
#user-register-form #edit-field-address-0-address-country-code label, #user-register-form .form-item-field-country label { display: block; }
#user-register-form #edit-field-address-0-address-country-code--2, #user-register-form #edit-field-country { height: 45px; }
#user-register-form #edit-field-country { width: 100%; }
#user-register-form #edit-field-address-0 summary { font-weight: 700; }
#user-register-form #edit-field-address-0-address .form-item-field-address-0-address-country-code { display: none; }

#f1-register-user-form { background: #f4f6f8; margin-top: 10px; padding-top: 10px; }
#f1-register-user-form .password-strength { padding-top: 4px; }
#f1-register-user-form .secondary-title { color: #4285f4!important; }
#f1-register-user-form .login-header { width: 50px; height: 50px; }
#f1-register-user-form .form-control { margin-bottom: 5px; }
#f1-register-user-form .login-header i { font-size: 30px; }
#f1-register-user-form label { margin-bottom: 0; }
#f1-register-user-form .password-confirm-message, #f1-register-user-form .password-strength__title, #f1-register-user-form .password-suggestions { font-size: 90%;}
#f1-register-user-form h4 { line-height: 1.2!important; padding-top: 10px!important; font-size: 22px!important; text-transform: uppercase!important; padding-bottom: 10px; }
#f1-register-user-form #edit-field-gender .radio { display: inline-block; }
#f1-register-user-form .form-item-field-country label, #f1-register-user-form label { display: none; }
#f1-register-user-form #edit-field-gender label, #f1-register-user-form .checkbox label { display: inline-block; }
#f1-register-user-form #edit-field-date-of-birth-wrapper label { display: flex; }
#f1-register-user-form .form-email { background-color: #fff; }
#f1-register-user-form .confirm-parent, #f1-register-user-form .form-item-mail, #f1-register-user-form .form-item-name, #f1-register-user-form .password-parent { margin-top: 10px; }
#f1-register-user-form #edit-field-gender-wrapper legend { font-size: 1rem; }
#f1-register-user-form .form-item-field-gender { margin-right: 5px; }
#edit-field-address-wrapper .form-item-field-address-10-address-locality, #f1-register-user-form .form-item-field-address-10-address-postal-code { display: inline-block!important; width: 48%; }
#f1-register-user-form .form-item-field-address-10-address-locality { margin-right: 3%; }
#f1-register-user-form .password-confirm-message .error, #f1-register-user-form .password-confirm-message .ok, #f1-register-user-form .password-strength__text { font-weight: bold; }

.block-invite-by-email { padding-top: 20px; }
.block-invite-by-email h2 { padding-bottom: 20px; }
.block-invite-by-email .invite-by-email-block-form input { border: 1px solid #ced4da; }
.layout-checkout-form .field--name-product-id.field--label-hidden { display: none; }

.blog-grid nav[aria-label="pagination-heading"] { text-align: center; margin: 50px auto 0 auto; }
#blog .blog-list-item { height: 100%; flex: 1; }
.blog-box #edit-preview, .blog-box #edit-submit { width: auto!important; }

.field.field--type-viewsreference:nth-child(2n+1) { background: #f4f6f8; padding: 30px 0; }
.field.field--type-viewsreference:last-child { background: #fff; }

#about { background: #f4f6f8; }
#about:nth-child(2n) { background: #fff; }
#about:nth-child(2n) .items { background: #f4f6f8; }
#about .title-section { padding-bottom: 20px; }
#about .items { background: #fff; flex: 1; height: 100%; }
#about .about-caption { text-align: left; }
#about .about-caption ul { margin: 0; padding: 0 0 0 15px; list-style-type: disc; }

.path-frontpage #about:first-child .items .about-caption h3 { padding: 20px; background: #4285f4; margin: -30px -20px 10px; color: #000; padding: 20px 10px 20px 60px; font-size: 22px; position: relative; }
.path-frontpage #about:first-child .items .about-caption h3::before { content: "1."; position: absolute; left: 0; top: 0; background: #000; padding: 20px 20px 20px 20px; clip-path: polygon(0% 0%, 75% 0%, 92% 51%, 75% 100%, 0% 100%); }
.path-frontpage #about:first-child .row .col-lg-4:nth-child(2) .items .about-caption h3::before { content: "2."; }
.path-frontpage #about:first-child .row .col-lg-4:nth-child(3) .items .about-caption h3::before { content: "3."; }

.service-item { /*transition: .3s; cursor: pointer; display: block; padding: 44px 25px; border-radius: 5px; background: #fff; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05); position: relative; margin-top: 30px; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s;*/ }
.service-blocks.view-services { text-align: center; }
.service-blocks #service-details { padding: 0!important; }
.service-blocks #service-details .container { padding: 15px!important; }
.service-blocks .views-view-responsive-grid__item-inner .service-item h3 { font-size: 20px; font-weight: 600; line-height: 22px; padding: 15px 0; text-align: center; }
.service-blocks .views-view-responsive-grid__item-inner .service-item .field__item { font-size: 17px; font-weight: 400; line-height: 26px; text-align: center; }

.node--type-services .service-item { box-shadow: unset!important; cursor: auto; margin: 0!important; padding: 0!important; }
.node--type-services .service-item a { pointer-events: none; }

.path-frontpage #plans .col-lg-3 { padding: 0 5px; }
#plans .plans-item { flex: 1; height: 100%; }
.plans-item .pricing span span { font-size: 13px; font-weight: 600; text-transform: capitalize; font-style: normal; color: #666; padding-left: 5px; }
.plans-item h3 { font-size: 25px; }
.plans-item .pricing { padding: 10px; letter-spacing: -0.5px; }
.plans-item .pricing span { font-size: 18px; }
.plans-item .pricing span em { display: none; }
.plans-item ul { padding: 10px 15px 20px; }

.path-frontpage #plans { padding: 80px 0 0; }
.path-frontpage #plans .row:not(:first-child) { display: none!important; }
.path-frontpage #plans + #heading { padding-top: 0; background: #f4f6f8; }
#plans  .container { padding-bottom: 0; }
#plans .title-section { padding-bottom: 0!important; }

/*Color CSS*/
body a { color: #FF5733; }
body a:hover { color: #FF5733; }

body .topbar { background: #ffcb00; }
body .scroll-top { background: #ffcb00; }
body .scroll-top:hover { background: #ffcb00; }

body .btn-primary { background-color: #ffcb00!important; border-color: #ffcb00!important; }
body .btn-primary:hover { background: #ffcb00 none repeat scroll 0 0!important; box-shadow: 0 0 0 .2rem #ffcb00!important; }
body .custom-btn { background-color: #ffcb00; }
body .col-md-6:nth-child(even) .plans-item .custom-btn { border: 2px solid #ffcb00!important; }

body #cookiesjsr { --btn-bg-color: #ffcb00; --btn-prime-font-color: #ffcb00; --btn-inv-font-color: #ffcb00; --btn-inv-border-color: #ffcb00; }
body #cookiesjsr { --btn-prime-inv-border-color: #ffcb00; --btn-prime-inv-bg-color: #ffcb00; --banner-bg-color: #ffcb00; --layer-tab-active-bg-color: #ffcb00; }
body #cookiesjsr { --btn-font-color: #000; --btn-border-color: #000; --btn-prime-border-color: #000; --btn-prime-bg-color: #000; --btn-inv-bg-color: #000; --btn-prime-inv-font-color: #000; }
body #cookiesjsr { /*--link-list-font-color: #000;*/ --link-list-separator-color: #000; --banner-font-color: #000; }
body #cookiesjsr { /*--layer-header-bg-color: #000; --layer-body-bg-color: #000; --layer-tab-bg-color: #000;*/ --layer-tab-active-font-color: #000; }
body #cookiesjsr { --layer-font-light: #000; --layer-border-color: #000; /*--layer-footer-bg-color: #000;*/ }
body #cookiesjsr { /*--switch-border-color: #000; --switch-handle-color: #000; --switch-bg-off: #000; --switch-always-on-bg-color: #000;*/ }

body .header2 .contact-info i { background: #ffcb00; }
body .header2 .contact-info i { border: #ffcb00; }

body .navbar-nav .nav-link.active { color: #ffcb00; }
body .navbar-toggler { color: #ffcb00; }
body .navbar-nav li a:focus, body .navbar-nav li a:hover, body .navbar-nav li a:target, body .navbar-nav li.active a { color: #ffcb00; }
body nav.sticky li a:focus, body nav.sticky li a:hover, body nav.sticky li a:target, body nav.sticky li.active a { color: #ffcb00; }

body footer .footer-wedget .pd ul li a:hover { color: #ffcb00!important; }
body footer .fab:hover, body footer .git p a:hover .fa { background: #ffcb00!important; border: 2px solid #ffcb00!important; }

body .copyright { background: #ffcb00; }

body .dropdown-menu.show { background: #ffcb00; }
body .dropdown-menu.show ul li:hover { background: #ffcb00; }
body .dropdown-item.active, body .dropdown-item:active, body .dropdown-item:focus, body .dropdown-item:hover { color: #ffcb00!important; }
body .active-submenu .active.item, body .nav-item li:hover a.item { color: #ffcb00!important; }

body .owl-theme .owl-dots .owl-dot.active span, body .owl-theme .owl-dots .owl-dot:hover span { border: 1.5px solid #ffcb00!important; background: #ffcb00!important; }
body #slider .owl-next:focus, body #slider .owl-next:hover, body #slider .owl-prev:focus, body #slider .owl-prev:hover { background: #ffcb00!important; }

body .bgcolor .panel-heading a { background: #ffcb00; }
body .bgcolor .panel-heading span { color: #ffcb00; }

body .pagination>li { border: 1px solid #ffcb00; }
body .pagination>.active>a, body .pagination>li>a:focus, body .pagination>li>a:hover, body .pagination>li>span:focus, body .pagination>li>span:hover { background: #ffcb00 none repeat scroll 0 0; }

body .pager__items > li { border: 1px solid #ffcb00; }
body .pager__items > .is-active > a, body .pager__items > li > a:focus, body .pager__items > li > a:hover, body .pager__items > li > span:focus, body .pager__items > li > span:hover { background: #ffcb00 none repeat scroll 0 0; }
body .page-item.active .page-link { background: #ffcb00!important; border-color: #ffcb00!important; }

body .table-scores thead th { background: #ffcb00; }

body .login-header i { color: #ffcb00; }
body #login .login-form { background: -webkit-linear-gradient(top, #ffcb00, #0a2a5f); background: -o-linear-gradient(top, #ffcb00, #0a2a5f); background: -moz-linear-gradient(top, #ffcb00, #0a2a5f); background: linear-gradient(top, #ffcb00, #0a2a5f); }
body #login .login-form form .login-header i { color: #ffcb00; }
body .login #edit-submit { background-color: #ffcb00; }

body #user-register-form #edit-field-address-0 summary { color: #ffcb00; }
body #f1-register-user-form  a { color: #ffcb00!important; }

body #blog .blog-caption h3 { color: #ffcb00; }
body #blog .blog-caption ul li i { color: #ffcb00; }
body #blog .blog-caption .link { color: #ffcb00; }
body .recent-post-caption h4 a:hover { color: #ffcb00!important; }
body .blog-box #edit-preview, body .blog-box #edit-submit { background-color: #ffcb00; }

body #vision-and-mission li:before { color: #ffcb00; }
body #vision-and-mission ul li .fa { color: #ffcb00; }

body .service-blocks .views-view-responsive-grid__item-inner .service-item h3 { color: #ffcb00!important; }
body .service-item::after { background: #ffcb00!important; }

body .plans-item h3 { background: #ffcb00; color: #333; }
body .plans-item.pi-bg h3 { background: #ffcb00; }

body .popular-posts.search form button { background: #ffcb00 none repeat scroll 0 0; }
body.path-frontpage #about:first-child .items .about-caption h3 { background: #ffcb00; }

body #enquiry .contact-form input.custom-btn { background-color: #ffcb00; }
body #who-we-are .left-side .popup-youtube:before { background: #ffcb00; }
body #team .single-team .team-social i { color: #ffcb00; }
body #call-to-action { background: #ffcb00; }

body .login-form .text-muted { color: #fff !important; }
/*.cookiesjsr-btn.denyAll {
	background-color: #D3D3D3;
	color: #fff;
}*/
body .btn-primary {
	color: #000;
}
.service-blocks .views-view-responsive-grid--horizontal {
	.views-view-responsive-grid__item-inner {
		height: 100%;

		#service-details {
			height: 100%;

			.container {
				height: 100%;

				.row {
				    height: 100%;

				    .service-item {
				    	height: 100%;
				    }
				}
			}
		}
	}
}
#f1-register-user-form .text-muted {color: #4285f4 !important;}
form.tfa-setup .item-list ul{display: grid; grid-template-columns: 33% 33% 33%;}
form.tfa-setup .item-list ul li {border: none !important;}
body.path-user {
	.change-pwd-form, .user-form {
		box-shadow: 0 1px 10px 2px #ccc;
	    margin-bottom: 20px;
	    padding: 20px;
	}

	&.user-logged-in {
		.user-form {
			label {
				font-size: 0.78rem;
			}
		}
		@media only screen and (max-width: 600px) {
			.user-form {
				.form-item-current-pass, .form-item-mail,
				.js-form-item-field-first-name-0-value, .form-item-field-last-name-0-value,
				.form-item-field-mobile-prefix-0-value, .form-item-field-contact-number-0-value, .form-item-field-address-0-address-country-code, .form-item-field-address-0-address-locality, .form-item-field-address-0-address-postal-code {
					display: grid;
					grid-template-columns: 32% 68%;
					align-items: baseline;
				}
			}
		}

		@media screen and (min-width: 800px) {
			.user-form {
				#edit-account {
					display: grid;
		            grid-template-columns: 49% 49%;
		            column-gap: 1rem;
				}
				.form-item-current-pass, .form-item-mail,
				.js-form-item-field-first-name-0-value, .form-item-field-last-name-0-value,
				.form-item-field-mobile-prefix-0-value, .form-item-field-contact-number-0-value, .form-item-field-address-0-address-country-code {
					display: grid;
					grid-template-columns: 30% 70%;
					align-items: baseline;
				}
				.field--name-field-first-name, .field--name-field-mobile-prefix {
					display: inline-block;
					width: 49%;
				}
				.field--name-field-last-name, .field--name-field-contact-number {
					display: inline-block;
					width: 50%;
					padding-left: 1rem;
				}

				#edit-field-address-0-address-country-code {
					width: 33%;
					display: inline-block;
				}
				.form-item-field-address-0-address-address-line1, .form-item-field-address-0-address-address-line2, .form-item-field-address-0-address-locality, .form-item-field-address-0-address-postal-code {
					width: 33%;
				}
				.form-item-field-address-0-address-address-line1, .form-item-field-address-0-address-locality, .form-item-field-address-0-address-postal-code {
					display: inline-grid;
					grid-template-columns: 30% 70%;
					align-items: baseline;
				}
				.form-item-field-address-0-address-address-line2 {
					display: inline-block;
				}
			}
		}
	}
}
.select-2fa-method-selection-container #heading {
	padding: 0 !important;

	.title-section {
		display: none;
	}
}
#faq, .view-faqs-by-category {
	counter-reset: icon-counter;
}
#faq .panel-heading i, .view-faqs-by-category .panel-heading i {
	counter-increment: icon-counter;
}
#faq .panel-heading i::before, .view-faqs-by-category .panel-heading i::before {
	content: counter(icon-counter);
}
#faq .panel-heading span, .view-faqs-by-category .panel-heading span {
	width: 2rem;
    height: 2rem;
    text-align: center;
    padding-top: 0.3rem;
}
.table-scores thead th {
	text-align: center;
}
.table-scores thead th:first-child {
	background: #fff !important;
	text-align: left !important;
}
.table-scores thead td:first-child {
	text-align: left !important;
}
.table-scores tbody td {
    background: #fff !important;
    text-align: center !important;
}
.memberships .table-scores tbody td:first-child {
	width: 291px !important;
	text-align: left !important;
}
.memberships .table-scores tbody td:not(:first-child) {
	width: 16% !important;
}
.competion-rank-table-lg {
	width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}
.competion-rank-table-lg thead {
    background-color: #f8f9fa;
}
.competion-rank-table-lg thead th {
	background: #ffcb00;
	text-align: center;
	color: #000;
}
.competion-rank-table-lg td, .competion-rank-table-lg th {
    border: 1px solid #ddd;
    padding: 10px;
    color: #000;
    text-align: left;
}
.competion-rank-table-lg thead th:first-child {
	background: #fff !important;
	text-align: center !important;
}
.competion-rank-table-lg tbody tr {
    background-color: transparent !important;
}
.competion-rank-table-lg thead td:first-child {
	position: sticky;
    z-index: 9;
	text-align: center !important;
}
.competion-rank-table-lg tbody td {
    background: #fff !important;
    text-align: center !important;
}
.competion-rank-table-lg tbody td:first-child {
	text-align: center !important;
}
.competion-rank-table-lg tbody td:not(:first-child) {
	width: 20% !important;
} 
.competion-rank-table-lg tbody td.right.aligned {
	border-right-color: #fff !important;
}
.user-logged-in #tfa-base-overview {
	box-shadow: 0 1px 10px 2px #ccc;
    margin-bottom: 20px;
    padding: 20px;

    details {
    	summary {
    		display: none;
    	}

    	.details-wrapper {
    		h2 {
    			font-size: inherit;
    			font-weight: normal;
    			color: #777;
    		}

    		ul {
    			padding-left: 0;
    		}
    	}
    }
}

.service-description {
	color: #838383 !important;
}

body.path-user {
	&.user-logged-in {
		.nav-tabs{
			.nav-link {
				color: #007BFF;
				&:hover {
					color: #007BFF;
				}
				&.active {
					color: #495057;
				}
			}
		}
	}
}

.webform-submission-data--webform-member-issues {
	box-shadow: 0 1px 10px 2px #ccc;
	margin-bottom: 20px; padding: 20px;

	.webform-element {
		label {
			font-weight: bold;

			&:after {
				content: ':';
			}
		}
	}

	#edit-comment-body-0-format {
		display: none;
	}
}
.box-shadow-section {
	box-shadow: 0 1px 10px 2px #ccc;
    margin-bottom: 20px;
    padding: 20px;
}
 
.view-race-results {
	form {
		.js-form-item {
			width: 100%;
 
			select {
				width: 100%;
				box-sizing: inherit;
			    overflow: visible;
			    width: 100%;
			    vertical-align: top;
			    margin: 0;
			    outline: 0;
			    -webkit-appearance: none;
			    line-height: 1.21428571em;
			    padding: 1em 1em;
			    font-size: 1em;
			    background: #fff;
			    border: 2px solid rgba(34, 36, 38, .15);
			    color: rgba(0, 0, 0, .87);
			    border-radius: 0;
			    box-shadow: 0 0 0 0 transparent inset;
			    transition: color .1s ease, border-color .1s ease;
			}
		}
	}
 
	.pagination {
		justify-content: center;
	}
}

.node-predict-form, .node-predict-edit-form {
	.content {
		.layout-region-node-main {
			min-width: 100% !important;

			.layout--twocol-section {
				display: block !important;
			}
		}
		.layout-region-node-secondary {
			display: none;
		}
	}
}

.competition-selection-wrapper {
	display: block;
    min-inline-size: min-content;
    margin-inline: 2px;
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
    padding-block: 0.35em 0.625em;
    padding-inline: 0.75em;

    legend {
    	width: auto !important;
    }
}
.race-result-list {
	thead {
		tr {
			th {
				background-color: rgba(0, 0, 0, .05) !important;
				color: #838383;
				border-right: none;
				border-left: none;
			}
		}
	}

	tbody {
		tr {
			background-color: #fff !important;
			td {
				border: none;
			}
		}
	}
}
/*Other CSS*/
/*#f1-register-user-form .checkbox label {color: #4285f4 !important;} */
.page-user-my-competition .view-my-competition .views-view-table table div.col{flex-basis:unset}

.membership-img img{width: 15%;}
.button-orange{background-color: #f2711c;color: #fff; text-shadow: none;background-image: none;}
.membership-description{background: #fff;-webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);margin: 1rem 0;padding: 1em 1em; border-radius: .28571429rem; border: 1px solid rgba(34, 36, 38, .15);width: 100%;}
.layout-checkout-form .field--type-commerce-price .field__label{display: none;}
#edit-payment-information-billing-information-edit-button{background-color: #ffcb00 !important;border-color: #ffcb00 !important;width: 30%;margin-left: auto;margin-right: auto;}
#f1-register-user-form .js-form-item.js-form-type-email {margin-top: 35px !important;}
#f1-register-user-form .password-confirm-message .ok {text-transform: capitalize;}
.payment-secondary-title{color: #4285f4 !important;font-weight: 800;}
.user-register__paypal_message_p{font-weight: 400 !important;text-transform: none;font-size: 24px;color: #2c2e36;margin-bottom: 10px;}
.paypal_message .pm-warning {color: #C62D42;font-weight: 600;}
.billing_edit{margin-bottom: 10px !important;}
#edit-payment-information{margin-bottom: 5px !important;}
#edit-country-calling-code{width: 100% !important;}
@media (min-width: 768px) {
	.user-registration-banner {width: 74.5% !important;}
}
.f1-video-thumbnails .video-thumbnail-wrapper {position: relative;display: inline-block;width: 100%;}
.f1-video-thumbnails .video-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);display: flex;align-items: center;justify-content: center;}
.f1-video-thumbnails .popup-youtube {display: flex;align-items: center;justify-content: center;
width: 50px;height: 50px; background: #ffcb00;border-radius: 50%;color: #fff;font-size: 18px;text-decoration: none;transition: all 0.3s ease;}
.f1-video-thumbnails .popup-youtube:hover {background: #fff;color: #ffcb00;transform: scale(1.1);}
.f1-video-thumbnails .popup-youtube .fa-play {margin-left: 3px;}
.form-item-field-terms-of-use-value label small,.form-item-field-age-confirm-value label small,
.password-strength__title,.password-confirm-message{font-weight: bold;}
#f1-register-user-form .button{width: 30%;}
#f1-register-user-form .banner::after{background-color: #fff !important;}
#f1-register-user-form .container .banner-content{background: rgba(0, 0, 0, .5);padding: 5px 0px !important;}
#f1-register-user-form .user-registration-banner{padding: 0px !important;}
.f1-TFA-instruction .popup-youtube{display: inline-flex; align-items: center; padding: 0 12px 0 0; color: red; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 1rem;border: 3px solid #007BFF;}
.f1-TFA-instruction .popup-youtube:hover{color: #fff;}
.buildSimpleDriverTable tr{background-color: #fff !important;}
.race-events-block table tr th{background-color: rgba(0, 0, 0, .05) !important;color: #838383 !important;}
.race-events-block tbody tr td{background-color: #fff !important;}
.race-events-block tr,.race-events-block td{border-bottom: 1px solid #ccc;color: #555 !important;font-weight: bold !important;}
.race-events-block .past-race td{font-weight: 500 !important;color: #777 !important;}
#user-form #edit-verify-gbg,#user-form #edit-submit{width: 20%;margin-right: 20px;}
#user-form #edit-actions{display: flex;justify-content: center;align-items: center;}
.layout-checkout-form #edit-actions{display: flex;justify-content: center;align-items: center;}
.layout-checkout-form #edit-actions-next{width: 30%;}
.user-register-form .f1-video-thumbnails .video-container {border: 1px solid #ddd;border-radius: 6px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);background: #fff;padding: 1rem;margin: 0;margin-top: 1rem; display: flex;flex-direction: column;max-width: 75%;height: auto;}
.user-register-form .video-container img, .user-register-form .video-container .video-overlay {max-width: 100%;}
#call-to-action{display: none;}
section#contact{padding-top: 30px !important;}
#contact-message-feedback-form .form-item-name,#contact-message-feedback-form .form-item-mail{display: inline-block; width: 49%;}
#contact-message-feedback-form label{font-weight: bold;}
#contact-message-feedback-form .form-item-copy,#contact-message-feedback-form #edit-preview{display: none;}
#contact-message-feedback-form #edit-submit {width:30% !important;color: #000 !important; display: inline-block;text-align: center;
	font-weight: 600;padding: 8px 36px !important;font-size: 16px;border-radius: 3px;text-transform: uppercase;position: relative;}
#slider .overlay{background: rgba(0, 0, 0, .35);}
#user-register-form .f1-dob-class label{display: inline-block !important;}
#user-register-form #edit-field-gender--wrapper legend{font-size: 1.0rem;}
.f1-TFA-instruction .popup-youtube .fa.fa-play{padding: 15px;background-color: #777;color: #fff;}
.masquerade-block-form div.js-form-item{width: 40%;}
.masquerade-block-form #edit-submit{margin-bottom: 5px;}