/*
Theme Name: Septera RSOC
Description: Child theme for the Septra theme 
Author: Alan Cox
Template: septera
*/

:root {
  /* --year-color: #0A4; */
   /* --year-color: #ee2;  */
   /*  --year-color: #f9c;   */
    --year-color: #ff8000;  
   
   /* --year-color: #BBB;   */
}

a {color: var(--year-color);}

hr {background-color:#777777; height:2px}

div#sponsors {border-top:solid 2px #777777; margin-top:40px; }
div#sponsors img{max-width:200px !important; margin-right:40px; }

img[src ^= "https://www.malloryparkcircuit.com/wp-content/themes/mallorypark/images/logo.svg"]{
  margin-bottom: -15%;
}


div#cookiewarning div#back div {color:black;}
div#cookiewarning div#back div a {color:red;}

/* countdown timer darth theme */
.darth-hours_dash {clear:none !important}
.darth-dashboard { height:50px !important; width:350px !important;}
.page-header.pad-container {padding: 0;};


/*
.septera-elementshadow .sidey {box-shadow : none;} 
.septera-elementshadow article.hentry {box-shadow:none;}
.staticslider-caption {top:100px;}
*/
@font-face
{
        font-family: 'Myriad';
        src: url('https://www.rsownersclub.co.uk/wordpress/Myriad Web Pro Regular.ttf');
        font-style: normal;
        font-weight: normal;
}

@font-face
{
        font-family: 'Myriad';
        src: url('https://www.rsownersclub.co.uk/wordpress/Myriad Web Pro Bold.ttf');
        font-style: normal;
        font-weight: bold;
}


/****************************
*****************************
**                         **
**         GLOBAL          **
**                         **
*****************************
****************************/


/* SCROLLBAR */


::-webkit-scrollbar {
  
	background-color: rgb(10, 10, 10);
	background-image: linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.4)), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(to bottom, rgb(8, 8, 8), rgb(32,32,32));
	background-size: 100% 100%, 10px 10px, 10px 10px, 10px 5px;
	background-position: 0px 0px, 0px 0px, 5px 5px, 0px 0px;
	width: 18px;
	border-radius: 5px; 
	overflow:hidden;  
	box-shadow: inset 2px 2px 3px #000000, inset -3px -3px 2px #333333;
}
::-webkit-scrollbar-thumb {
	border-radius: 7px;
	background-color:var(--year-color); 
	border: 3px solid black;
}





#site-text {display:none;}
strong, b { font-weight: bold;} /* else <b> does not show as bold ! */


.rs-carbon,
body,
body #access ul ul,
body.septera-over-menu #site-header-main,
body .simcal-event-bubble,
body #content #colophon,
body #footer #site-copyright>div,
body #colophon,
body #footer {
  background-color: rgb(10, 10, 10);
  background-image: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0) 30%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.8)), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(to bottom, rgb(8, 8, 8), rgb(32,32,32));
  background-size: 100% 100%, 10px 10px, 10px 10px, 10px 5px;
  background-position: 0px 0px, 0px 0px, 5px 5px, 0px 0px;
}

/* green carbon */

body.page-id-538 #site-header-main {
	border-bottom-color : rgb(213,208,18);
	border-bottom-width : 4px;

}


body.page-id-538 {
  background-image: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0) 30%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.6)), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(to bottom, rgb(0, 18, 30), rgb(0, 36, 60));
  font-family: Myriad, Arial, Helvetica, sans-serif;
}

body.page-id-538 #colophon {
	border-top-color : rgb(213,208,18);
	border-top-width : 4px;

}



.cryout-serious-slider a[href="http://www.nationalday.co.uk"] ~ div.seriousslider-caption .seriousslider-caption-text {
  background-image: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0) 30%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.6)), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(to bottom, rgb(8, 20, 8), rgb(16, 60, 16));
  background-size: 100% 100%, 10px 10px, 10px 10px, 10px 5px;
  background-position: 0px 0px, 0px 0px, 5px 5px, 0px 0px;
  font-family: Myriad, Arial, Helvetica, sans-serif;
}

body.page-id-538 .entry-title, 
body.page-id-538 .entry-title a {
  font-family: Myriad, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align:center;
  text-transform:uppercase;
}

body.page-id-538 form {font-family: Arial, Helvetica, sans-serif;}

body:not(.septera-landing-page) div.main,
body:not(.septera-landing-page) main.main,
body aside#secondary { 
	background-color:transparent; 
}

#container:not(.septera-landing-page) main.main {
	padding-top: 0em;
    padding-bottom: 0em;
}

 


/****************************
*****************************
**                         **
**         MENU            **
**                         **
*****************************
****************************/
/* hide the home from the top menu*/
 li.menu-item-47409 {display:none !important;}  

.septera-over-menu #site-header-main {position:fixed; border-bottom:2px solid #888888;}
@media all and (max-width: 1152px) {
  #masthead.cryout #site-header-main { position: fixed;}
}


/* allow for mobile menu */
@media all and (max-width: 800px) {
	.cryout #branding {margin-left: calc(50vw - 83px); }  /* center the logo */
	#portal-logo { display:none !important; } /* remove portal form logo, as the one in the headder is close enough.*/
}

/* allow for admin bar sizes */
.admin-bar.septera-over-menu #site-header-main {top:30px;}
@media screen and (max-width: 782px) {
  .admin-bar.septera-over-menu #site-header-main {top:46px;}
}

#nav-toggle {right:auto; padding:0px ;font-size:35px;}


body.RS_Animate #branding  img {max-width:none; animation: mymove0 0.3s linear 0s 1 normal forwards; margin-top:-160px; margin-bottom:160px;}
@keyframes mymove0 {   0%{margin-top:-160px; margin-bottom:160px;} 100%{margin-top:0px; margin-bottom:0px;}  }

body.RS_Animate #prime_nav > li.menu-item  {animation: mymove 0.4s linear 0s 1 normal forwards; margin-top:-80px; margin-bottom:80px;}
body.RS_Animate #prime_nav > li.menu-item:nth-child(2) {animation-delay:0.3s;}
body.RS_Animate #prime_nav > li.menu-item:nth-child(3) {animation-delay:0.6s;}
body.RS_Animate #prime_nav > li.menu-item:nth-child(4) {animation-delay:0.9s;}
body.RS_Animate #prime_nav > li.menu-item:nth-child(5) {animation-delay:1.2s;}
body.RS_Animate #prime_nav > li.menu-item:nth-child(6) {animation-delay:1.5s;}
body.RS_Animate #prime_nav > li.menu-item:nth-child(7) {animation-delay:1.8s;}
@keyframes mymove {   0%{margin-top:-80px; margin-bottom:80px;} 100%{margin-top:0px; margin-bottom:0px;}  }

  

#prime_nav > li.menu-item:not(:last-child)  > a > span {
	line-height: 15px;
    border: 1px solid #888888;
    border-radius: 9px;
    padding: 2px 15px 2px 15px;
    background: white;
    color: black; 
	margin-top:37px;
}

#prime_nav > li.menu-item:not(:last-child)  > a > span:hover { background:yellow; transition:background 1s;}

/* leave space for the arrow */
#prime_nav > li.menu-item.menu-item-has-children:not(:last-child)  > a > span {  padding-right: 25px;  }


/* red the renew button */
.menu-item-51999 span { color: red !important; font-weight:900;}

/* Red the join button */
.menu-item-52980 span { background-color: red !important;  padding: 0 11px;  border-radius: 50%; font-weight:900;}
#access .menu-item-52980 a {padding-right:0px;}
.menu-item-52980 span:hover{color:yellow; box-shadow: inset 0px 0px 10px #ffff00; animation: pulse 1s infinite;}
@keyframes pulse{ 0%{box-shadow:inset 0px 0px 0px #ffff00;;}  50%{box-shadow: inset 0px 0px 10px #ffff00;}    100%{box-shadow:inset 0px 0px 0px #ffff00;;}}


#access ul.sub-menu {border-radius:10px;border:1px solid #888888;margin-left:-10px;}
#access ul.sub-menu li a {background-color:transparent;}
 
/* Remove spacing between menus, and align with text in the logo */
#access #prime_nav>li>a { 
  padding-left: 0em; 
	line-height:58px;
	margin-top:19px;
} 
/* stretch text to match the logo font*/
#access #prime_nav>li a span{ 
	transform : scale(1,0.83);
	-webkit-transform:scale(1,0.83); /* Safari and Chrome */
	-moz-transform:scale(1,0.83); /* Firefox */
	-ms-transform:scale(1,0.83); /* IE 9+ */
	-o-transform:scale(1,0.83); /* Opera */
} 


/****************************
*****************************
**                         **
**         HEADER          **
**                         **
*****************************
****************************/
body:not(.septera-landing-page) #header-image-main {margin-top:87px;}



/****************************
*****************************
**                         **
**     LANDING PAGE        **
**                         **
*****************************
****************************/
#lp-text-one>.lp-text-inside>.lp-text-content {margin-top:90px;}
.admin-bar #lp-text-one>.lp-text-inside>.lp-text-content { margin-top:88px;}

.lp-text {padding:0px;}
.lp-text>.lp-text-inside {max-width:none; padding:0px}  /* Full width with no padding */
.lp-text>.lp-text-inside>.lp-text-content { margin:0px;}
.lp-text>.lp-text-inside>h2 { display:none;}  /* dont display the title */




/*  VIDEO  */
div#F47-2 {position:relative; width: 100%; height: 0px; padding-bottom: 37%;}
div#F47-2>video {position:fixed; top:90px; left:0; width:100%;}

.admin-bar div#F47-2>video {top:120px;}



@media all and (max-aspect-ratio: 8/5) {
	div#F47-2, div#F47-2>video {width:150%; left:-25%; padding-bottom:56%;}
	
}



/*  SLIDER  */
.cryout-serious-slider a[href="http://www.nationalday.co.uk"] ~ div.seriousslider-caption .seriousslider-inner {background-color:#111111;}
.cryout-serious-slider a[href="http://www.nationalday.co.uk"] ~ div.seriousslider-caption .seriousslider-caption-text { background-color: rgba(0,0,0,0.5); padding: 10px 20px; border-radius: 60px; border:solid 10px #888888; }
.cryout-serious-slider a[href="http://www.nationalday.co.uk"] ~ div.seriousslider-caption .seriousslider-inner h3 span {display:none;}

.seriousslider-caption-title span {display:none;}
.lp-slider button.seriousslider-control:not(:hover) {background-color:rgba(0,0,0,0) !important;}

.rs-7-logos {position:relative;text-align: center;padding:calc(3vw - 20px) 0px; border-top:2px solid #888888; border-bottom:2px solid #888888;}

/*  BOXES  */
section.lp-boxes {background-color:transparent;}
section.lp-boxes div.lp-box-image {	border: rgba(0,0,0,0) solid 15px; z-index:5;}

div.lp-box-image{background-color:rgba(0.1,0.1,0.1,1);}



.lp-box h5.lp-box-title {  
  font-size:180%;
  text-transform:uppercase;
  text-shadow: 2px 2px 2px #222222 , 2px -2px 2px #222222,-2px 2px 2px #222222,-2px -2px 2px #222222;
}

.lp-box:hover h5.lp-box-title {
  border-bottom: var(--year-color) solid 3px;
 }

#lp-boxes-2 .lp-box:hover h5.lp-box-title {
  font-size:calc(25vw / 15);
  transition: font-size 0.5s;
 }

@media all and (max-width: 960px) { .lp-box:hover h5.lp-box-title { font-size:calc(50vw / 15);}}
@media all and (max-width: 480px) { .lp-box:hover h5.lp-box-title { font-size:calc(100vw / 15);}}

/*make them darker on hover*/
.lp-boxes-animated .lp-box-overlay {
    background: -webkit-radial-gradient(circle, rgba(0,0,0,.6) 0,rgba(0,0,0,.9) 100%);
    background: radial-gradient(circle, rgba(0,0,0,.6) 0,rgba(0,0,0,.9) 100%);
	transition: 0.3s opacity linear;
}
.lp-boxes-animated .lp-box .lp-box-image > img {transition: 0.3s all linear;}


.lp-box a:hover {color:red;}
.lp-box-title::before { display:none;}  /* remove overline */
.lp-box-content { text-align:center;}

.lp-box .lp-box-text-inside { 
  /*font-weight:bold;*/
  opacity:1;
  /* text-shadow: 1px 1px 1px #222222,  1px -1px 1px #222222 , -1px 1px 1px #222222, -1px -1px 1px #222222; */
  margin:0px;
}


.lp-box .lp-box-readmore { 
    opacity:1;
	background-color: #ffffff;
    padding: 2px 4px;
    border-radius: 10px;
    border: 2px solid #888888;
	color:#000000;
	margin:0px;
}
.lp-box a.lp-box-readmore:hover{ color:red;} 

/****************************
*****************************
**                         **
**         CONTENT         **
**                         **
*****************************
****************************/
article.category-committee .entry-summary>p>a>img,
article.category-registrars .entry-summary>p>a>img,
article.category-officials .entry-summary>p>a>img {
	border-radius:50%
}


/* constant contact forms */
form.ctct-form>p.ctct-form-field {
    background-color: white;
    max-width: 300px;
    margin-left: calc(50% - 150px);
    margin-bottom: 0px;
    color: black;
    padding: 0px 10px;
	border-left:solid 2px #888888;
	border-right:solid 2px #888888;
}


form.ctct-form>div.g-recaptcha {
    max-width: 300px;
    margin-left: calc(50% - 150px);
}
form.ctct-form>div.g-recaptcha>div {
    max-width: 300px !important;
}


form.ctct-form>p.ctct-form-field-email {
	padding-top:10px;
	border-top:solid 2px #888888;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

form.ctct-form>p.ctct-form-field input {width:100%; color:black; border:1px solid rgb(0,40,80); border-radius:3px;}

form.ctct-form>p.ctct-form-field input:focus {background-color:white;}
form.ctct-form>p.ctct-form-field input:hover {background-color:white;}

form.ctct-form>p.ctct-form-field-hidden {display:none;}


form.ctct-form>p.ctct-form-field-submit {
    border-bottom:solid 2px #888888;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding:10px;
}

form.ctct-form>p.ctct-form-field-submit input{background-color: rgb(4,95,180); color:white;letter-spacing:0.2em;}
form.ctct-form>p.ctct-form-field-submit input:hover{background-color: rgb(4,95,180);}





/* calendar */
.septera-stripped-table .main td {border-top: none;}
.septera-stripped-table .main  tr td,	
.septera-stripped-table .main .wpsc_checkout_forms  tr td,
.septera-stripped-table .main .product-form  tr td {
   background-color: rgba(255, 255, 255, 0) !important;
}	
#main #post-4704 .simcal-day {border:1px solid #888888;}
#main .simcal-icon-left {color:yellow;}
#main .simcal-icon-right {color:yellow;}

/****************************
*****************************
**                         **
**         SIDEBAR         **
**                         **
*****************************
****************************/


.widget-title {	
	margin-bottom: 0;
	font-family: "Arial Black", Arial, Helvetica, sans-serif !important;
	color:#ff0000;
	transform : scale(1,0.83);
	-webkit-transform:scale(1,0.83); /* Safari and Chrome */
	-moz-transform:scale(1,0.83); /* Firefox */
	-ms-transform:scale(1,0.83); /* IE 9+ */
	-o-transform:scale(1,0.83); /* Opera */
}

.widget-container ul li {	margin-bottom: 0;}
.widget-container {	margin: 0 0 1.5em 0;} 


@media all and (max-width: 1024px) {
	.cryout #container[class*="two-"] #secondary {
		border-top:2px solid #888888;
		width: 100%;
	}
}

/****************************
*****************************
**                         **
**         FORMS           **
**                         **
*****************************
****************************/
.product_form, .product_form input, .product_form input:hover, .product_form input:focus, .product_form select:hover, .product_form select:focus,
.portal_form,  .portal_form  input, .portal_form  input:hover, .portal_form  input:focus, .portal_form  select:hover, .portal_form  select:focus,
.formWrap,     .formWrap     input, .formWrap     input:hover, .formWrap     input:focus, .formWrap     select:hover, .formWrap     select:focus{
	color:black; background-color:white; 
}

.product_form a, 
.portal_form a,
.formWrap a {
	color:blue; 
}

.product_form input[type],   .portal_form input[type],   .formWrap input[type] ,
.product_form input[number], .portal_form input[number], .formWrap input[number] ,
.product_form select,        .portal_form select,        .formWrap select ,
.product_form textarea ,     .portal_form textarea       .formWrap textarea {
	color:black;
	border:1px solid rgb(0,40,80); 
	border-radius:4px;
}

span.select2-container--default span.select2-selection--single { border:1px solid rgb(0,40,80); border-radius:4px; }
.select2-results {color:black; background-color:white;}

.product_form input[type="submit"],   
.portal_form input[type="submit"],
.formWrap   input[type="submit"] {
	color:white;
}

	

.product-form select, 
.product-form input[type], 
.product-form textarea, 
.product-form>div>div>table {
	width:100% !important;
}

.default_product_display .wpsc_buy_button_container { float:none;}


/****************************
*****************************
**                         **
**         FOOTER          **
**                         **
*****************************
****************************/

/* .socials a.menu-item-53121:before {   content: '\e837'; } */

#colophon { position:relative; z-index:5; background-color:#222222; color:#ffffff;border-top: #888888 2px solid;}
#colophon .socials a::before { color:#ffffff;}
#colophon-inside { padding-top:5px;}
#footer  {  position:relative; z-index:5; background-color:#222222; color:#ffffff; }

.widget-title::before {opacity:0;}  /* remove overline */

.widget_gce_widget div.footer-widget-inside>div{
		height:200px;
		padding-top:0px;
		padding-bottom:0px;
		font-size:12px;
}



.widget_gce_widget div.footer-widget-inside>div>div>div.overview>p {display:none; }
.widget_gce_widget nav.simcal-calendar-head 						{display:none; }
.widget_gce_widget .simcal-default-calendar-list .simcal-event-details {font-size: 1em;}
.widget_gce_widget .simcal-default-calendar-list dt.simcal-day-label   { margin: 0; }
.widget_gce_widget .simcal-event-title         { font-size:14px;   }
.widget_gce_widget .simcal-event-address       { font-size:10px;   }
.widget_gce_widget .simcal-default-calendar-list ul.simcal-events 	   { margin-top:3px;   }
.widget_gce_widget .simcal-event-details       { line-height:12px !important; }
.simcal-default-calendar-list .simcal-event-details .simcal-event-description {	margin-bottom:0px; }
.simcal-default-calendar-list .simcal-event-details .simcal-event-description p {	margin-bottom:0px; }

.scrollable.modern-skin .scroll-bar.vertical .thumb { background-color:var(--year-color); background-image: none; width: 13px;height:50px!important; border-color:var(--year-color);}
.scrollable.modern-skin .scroll-bar.vertical { border-radius: 5px; overflow:hidden;  box-shadow: none;  border:2px solid #000000; width: 18px; box-shadow: inset 2px 2px 3px #000000, inset -3px -3px 2px #333333;}


div#site-copyright { width:100%;}
#footer-separator {display:none;}
#footer-inside {padding:0px !important; width:100% !important; max-width:100% !important;}
.cryout #footer-inside > div:not(#footer-separator):not(#site-copyright) {margin: 0px 7px; color: white;}
.socials a {  padding: 0 .7em 0 0; }

@media (max-width: 800px) { 
.cryout #footer-inside > #footer-separator { display:none; margin:0px;}

 } 

.socials a[href*="https://g.page/r/CaRVKNwQMfxEEAE"]:before { 
	/* content: '\e809'; */
		content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="32 15 150 150" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path style="opacity:1;fill:none;stroke:white;stroke-width:23px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 90.903272,77.017856 44.979168,1e-6 C 138.91828,143.75451 44.082094,136.51411 43.089284,78.907737 42.272167,31.4957 95.514025,14.101673 122.46428,40.732143"/></svg>');
    display:block;
	width:40px;
    height:100%;
	
}

.socials a[href*="tiktok.com"]:before { 
	/* content: 'T';  */
	content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2559 3333" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path style="opacity:1;fill:white;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="M2081 0c55 473 319 755 778 785v532c-266 26-499-61-770-225v995c0 1264-1378 1659-1932 753-356-583-138-1606 1004-1647v561c-87 14-180 36-265 65-254 86-398 247-358 531 77 544 1075 705 992-358V1h551z"/></svg>');
    display:block;
	width:25px;
    height:100%;
}

/****************************
*****************************
**                         **
**          END            **
**                         **
*****************************
****************************/