/* ///////////////////////////////////   TIMELINE CSS - LOADED HERE TO PREVENT OVERRIDES//////////////////////// */




:root{--space-unit:  1em;--space-xxxxs: calc(0.125*var(--space-unit));--space-xxxs:  calc(0.25*var(--space-unit));--space-xxs:   calc(0.375*var(--space-unit));--space-xs:    calc(0.5*var(--space-unit));--space-sm:    calc(0.75*var(--space-unit));--space-md:    calc(1.25*var(--space-unit));--space-lg:    calc(2*var(--space-unit));--space-xl:    calc(3.25*var(--space-unit));--space-xxl:   calc(5.25*var(--space-unit));--space-xxxl:  calc(8.5*var(--space-unit));--space-xxxxl: calc(13.75*var(--space-unit));--component-padding: var(--space-md)}



:root{--max-width-xxs: 32rem;--max-width-xs:  38rem;--max-width-sm:  48rem;--max-width-md:  64rem;--max-width-lg:  80rem;--max-width-xl:  90rem;--max-width-xxl: 120rem}



.timeline .container{width:calc(100% - 1.25em);width:calc(100% - 2*var(--component-padding));margin-left:auto;margin-right:auto}


.max-width-xxs{max-width:32rem;max-width:var(--max-width-xxs)}.max-width-xs{max-width:38rem;max-width:var(--max-width-xs)}.max-width-sm{max-width:48rem;max-width:var(--max-width-sm)}.max-width-md{max-width:64rem;max-width:var(--max-width-md)}.max-width-lg{max-width:80rem;max-width:var(--max-width-lg)}.max-width-xl{max-width:90rem;max-width:var(--max-width-xl)}.max-width-xxl{max-width:120rem;max-width:var(--max-width-xxl)}.max-width-adaptive-sm{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive-sm{max-width:48rem;max-width:var(--max-width-sm)}}.max-width-adaptive-md{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive-md{max-width:64rem;max-width:var(--max-width-md)}}.max-width-adaptive,.max-width-adaptive-lg{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive,.max-width-adaptive-lg{max-width:64rem;max-width:var(--max-width-md)}}@media (min-width: 90rem){.max-width-adaptive,.max-width-adaptive-lg{max-width:80rem;max-width:var(--max-width-lg)}}.max-width-adaptive-xl{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive-xl{max-width:64rem;max-width:var(--max-width-md)}}@media (min-width: 90rem){.max-width-adaptive-xl{max-width:90rem;max-width:var(--max-width-xl)}}.grid{--grid-gap: 0px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid>*{-ms-flex-preferred-size:100%;flex-basis:100%}[class*="grid-gap"]{margin-bottom:1em * -1;margin-bottom:calc(var(--grid-gap, 1em)*-1);margin-right:1em * -1;margin-right:calc(var(--grid-gap, 1em)*-1)}[class*="grid-gap"]>*{margin-bottom:1em;margin-bottom:var(--grid-gap, 1em);margin-right:1em;margin-right:var(--grid-gap, 1em)}.grid-gap-xxxxs{--grid-gap: var(--space-xxxxs)}.grid-gap-xxxs{--grid-gap: var(--space-xxxs)}.grid-gap-xxs{--grid-gap: var(--space-xxs)}.grid-gap-xs{--grid-gap: var(--space-xs)}.grid-gap-sm{--grid-gap: var(--space-sm)}.grid-gap-md{--grid-gap: var(--space-md)}.grid-gap-lg{--grid-gap: var(--space-lg)}.grid-gap-xl{--grid-gap: var(--space-xl)}.grid-gap-xxl{--grid-gap: var(--space-xxl)}.grid-gap-xxxl{--grid-gap: var(--space-xxxl)}.grid-gap-xxxxl{--grid-gap: var(--space-xxxxl)}.col{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}@media (min-width: 32rem){.col\@xs{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1\@xs{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2\@xs{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3\@xs{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4\@xs{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5\@xs{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6\@xs{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7\@xs{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8\@xs{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9\@xs{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10\@xs{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11\@xs{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12\@xs{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 48rem){.col\@sm{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1\@sm{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2\@sm{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3\@sm{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4\@sm{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5\@sm{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6\@sm{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7\@sm{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8\@sm{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9\@sm{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10\@sm{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11\@sm{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12\@sm{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 64rem){.col\@md{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1\@md{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2\@md{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3\@md{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4\@md{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5\@md{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6\@md{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7\@md{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8\@md{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9\@md{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10\@md{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11\@md{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12\@md{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 80rem){.col\@lg{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1\@lg{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2\@lg{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3\@lg{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4\@lg{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5\@lg{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6\@lg{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7\@lg{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8\@lg{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9\@lg{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10\@lg{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11\@lg{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12\@lg{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 90rem){.col\@xl{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1\@xl{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2\@xl{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3\@xl{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4\@xl{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5\@xl{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6\@xl{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7\@xl{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8\@xl{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9\@xl{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10\@xl{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11\@xl{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12\@xl{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}:root{--radius-sm: calc(var(--radius, 0.25em)/2);--radius-md: var(--radius, 0.25em);--radius-lg: calc(var(--radius, 0.25em)*2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .085), 0 1px 8px rgba(0, 0, 0, .1);--shadow-md: 0 1px 8px rgba(0, 0, 0, .1), 0 8px 24px rgba(0, 0, 0, .15);--shadow-lg: 0 1px 8px rgba(0, 0, 0, .1), 0 16px 48px rgba(0, 0, 0, .1), 0 24px 60px rgba(0, 0, 0, .1);--bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);--ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);--ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-out: cubic-bezier(0.215, 0.61, 0.355, 1)}:root{--body-line-height: 1.4;--heading-line-height: 1.2}body{font-size:1em;font-size:var(--text-base-size, 1em);font-family:'Fira Sans', sans-serif;font-family:var(--font-primary, sans-serif);color:hsl(240, 4%, 20%);color:var(--color-contrast-high, #313135)}.text-component{--component-body-line-height: calc(var(--body-line-height)*var(--line-height-multiplier, 1));--component-heading-line-height: calc(var(--heading-line-height)*var(--line-height-multiplier, 1))}.text-component h1,.text-component h2,.text-component h3,.text-component h4{line-height:1.2;line-height:var(--component-heading-line-height, 1.2);margin-bottom:0.25em;margin-bottom:calc(var(--space-xxxs)*var(--text-vspace-multiplier, 1))}.text-component h2,.text-component h3,.text-component h4{margin-top:0.75em;margin-top:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}.text-component p,.text-component blockquote,.text-component ul li,.text-component ol li{line-height:1.4;line-height:var(--component-body-line-height)}.text-component ul,.text-component ol,.text-component p,.text-component blockquote,.text-component .text-component__block{margin-bottom:0.75em;margin-bottom:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}.text-component ul,.text-component ol{padding-left:1em}.text-component ul{list-style-type:disc}.text-component ol{list-style-type:decimal}.text-component img{display:block;margin:0 auto}.text-component figcaption{text-align:center;margin-top:0.5em;margin-top:var(--space-xs)}.text-component em{font-style:italic}.text-component hr{margin-top:2em;margin-top:calc(var(--space-lg)*var(--text-vspace-multiplier, 1));margin-bottom:2em;margin-bottom:calc(var(--space-lg)*var(--text-vspace-multiplier, 1));margin-left:auto;margin-right:auto}.text-component>*:first-child{margin-top:0}.text-component>*:last-child{margin-bottom:0}.text-component__block--full-width{width:100vw;margin-left:calc(50% - 50vw)}@media (min-width: 48rem){.text-component__block--left,.text-component__block--right{width:45%}.text-component__block--left img,.text-component__block--right img{width:100%}.text-component__block--left{float:left;margin-right:0.75em;margin-right:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}.text-component__block--right{float:right;margin-left:0.75em;margin-left:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}}@media (min-width: 90rem){.text-component__block--outset{width:calc(100% + 10.5em);width:calc(100% + 2*var(--space-xxl))}.text-component__block--outset img{width:100%}.text-component__block--outset:not(.text-component__block--right){margin-left:-5.25em;margin-left:calc(-1*var(--space-xxl))}.text-component__block--left,.text-component__block--right{width:50%}.text-component__block--right.text-component__block--outset{margin-right:-5.25em;margin-right:calc(-1*var(--space-xxl))}}:root{--icon-xxs: 12px;--icon-xs:  16px;--icon-sm:  24px;--icon-md:  32px;--icon-lg:  48px;--icon-xl:  64px;--icon-xxl: 128px}.icon{display:inline-block;color:inherit;fill:currentColor;height:1em;width:1em;line-height:1;-ms-flex-negative:0;flex-shrink:0}.icon--xxs{font-size:12px;font-size:var(--icon-xxs)}.icon--xs{font-size:16px;font-size:var(--icon-xs)}.icon--sm{font-size:24px;font-size:var(--icon-sm)}.icon--md{font-size:32px;font-size:var(--icon-md)}.icon--lg{font-size:48px;font-size:var(--icon-lg)}.icon--xl{font-size:64px;font-size:var(--icon-xl)}.icon--xxl{font-size:128px;font-size:var(--icon-xxl)}.icon--is-spinning{-webkit-animation:icon-spin 1s infinite linear;animation:icon-spin 1s infinite linear}@-webkit-keyframes icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.icon use{color:inherit;fill:currentColor}.form-control{background-color:hsl(0, 0%, 100%);background-color:var(--color-bg, #f2f2f2);padding-top:0.5em;padding-top:var(--form-control-padding-y, 0.5em);padding-bottom:0.5em;padding-bottom:var(--form-control-padding-y, 0.5em);padding-left:0.75em;padding-left:var(--form-control-padding-x, 0.75em);padding-right:0.75em;padding-right:var(--form-control-padding-x, 0.75em);border-radius:0.25em;border-radius:var(--form-control-radius, 0.25em)}.form-control::-webkit-input-placeholder{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control::-moz-placeholder{opacity:1;color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control:-ms-input-placeholder{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control:-moz-placeholder{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control[disabled],.form-control[readonly]{cursor:not-allowed}.form-legend{color:hsl(240, 8%, 12%);color:var(--color-contrast-higher, #1c1c21);line-height:1.2;font-size:1.2em;font-size:var(--text-md, 1.2em);margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.form-label{display:inline-block}.form__msg-error{background-color:hsl(355, 90%, 61%);background-color:var(--color-error, #f54251);color:hsl(0, 0%, 100%);color:var(--color-white, #fff);font-size:0.83333em;font-size:var(--text-sm, 0.833em);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0.5em;padding:var(--space-xs);margin-top:0.75em;margin-top:var(--space-sm);border-radius:0.25em;border-radius:var(--radius-md, 0.25em);position:absolute;clip:rect(1px, 1px, 1px, 1px)}.form__msg-error::before{content:'';position:absolute;left:0.75em;left:var(--space-sm);top:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);width:0;height:0;border:8px solid transparent;border-bottom-color:hsl(355, 90%, 61%);border-bottom-color:var(--color-error)}.form__msg-error--is-visible{position:relative;clip:auto}.radio-list>*,.checkbox-list>*{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.radio-list>*:last-of-type,.checkbox-list>*:last-of-type{margin-bottom:0}.radio-list label,.checkbox-list label{line-height:1.4;line-height:var(--body-line-height);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio-list input,.checkbox-list input{vertical-align:top;margin-right:0.25em;margin-right:var(--space-xxxs);-ms-flex-negative:0;flex-shrink:0}:root{--zindex-header: 2;--zindex-popover: 5;--zindex-fixed-element: 10;--zindex-overlay: 15}@media not all and (min-width: 32rem){.display\@xs{display:none !important}}@media (min-width: 32rem){.hide\@xs{display:none !important}}@media not all and (min-width: 48rem){.display\@sm{display:none !important}}@media (min-width: 48rem){.hide\@sm{display:none !important}}@media not all and (min-width: 64rem){.display\@md{display:none !important}}@media (min-width: 64rem){.hide\@md{display:none !important}}@media not all and (min-width: 80rem){.display\@lg{display:none !important}}@media (min-width: 80rem){.hide\@lg{display:none !important}}@media not all and (min-width: 90rem){.display\@xl{display:none !important}}@media (min-width: 90rem){.hide\@xl{display:none !important}}:root{--display: block}.is-visible{display:block !important;display:var(--display) !important}.is-hidden{display:none !important}.sr-only{position:absolute;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;border:0;white-space:nowrap}.flex{display:-ms-flexbox;display:flex}.inline-flex{display:-ms-inline-flexbox;display:inline-flex}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column{-ms-flex-direction:column;flex-direction:column}.flex-row{-ms-flex-direction:row;flex-direction:row}.flex-center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.justify-between{-ms-flex-pack:justify;justify-content:space-between}.items-center{-ms-flex-align:center;align-items:center}.items-start{-ms-flex-align:start;align-items:flex-start}.items-end{-ms-flex-align:end;align-items:flex-end}@media (min-width: 32rem){.flex-wrap\@xs{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column\@xs{-ms-flex-direction:column;flex-direction:column}.flex-row\@xs{-ms-flex-direction:row;flex-direction:row}.flex-center\@xs{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start\@xs{-ms-flex-pack:start;justify-content:flex-start}.justify-end\@xs{-ms-flex-pack:end;justify-content:flex-end}.justify-center\@xs{-ms-flex-pack:center;justify-content:center}.justify-between\@xs{-ms-flex-pack:justify;justify-content:space-between}.items-center\@xs{-ms-flex-align:center;align-items:center}.items-start\@xs{-ms-flex-align:start;align-items:flex-start}.items-end\@xs{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 48rem){.flex-wrap\@sm{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column\@sm{-ms-flex-direction:column;flex-direction:column}.flex-row\@sm{-ms-flex-direction:row;flex-direction:row}.flex-center\@sm{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start\@sm{-ms-flex-pack:start;justify-content:flex-start}.justify-end\@sm{-ms-flex-pack:end;justify-content:flex-end}.justify-center\@sm{-ms-flex-pack:center;justify-content:center}.justify-between\@sm{-ms-flex-pack:justify;justify-content:space-between}.items-center\@sm{-ms-flex-align:center;align-items:center}.items-start\@sm{-ms-flex-align:start;align-items:flex-start}.items-end\@sm{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 64rem){.flex-wrap\@md{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column\@md{-ms-flex-direction:column;flex-direction:column}.flex-row\@md{-ms-flex-direction:row;flex-direction:row}.flex-center\@md{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start\@md{-ms-flex-pack:start;justify-content:flex-start}.justify-end\@md{-ms-flex-pack:end;justify-content:flex-end}.justify-center\@md{-ms-flex-pack:center;justify-content:center}.justify-between\@md{-ms-flex-pack:justify;justify-content:space-between}.items-center\@md{-ms-flex-align:center;align-items:center}.items-start\@md{-ms-flex-align:start;align-items:flex-start}.items-end\@md{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 80rem){.flex-wrap\@lg{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column\@lg{-ms-flex-direction:column;flex-direction:column}.flex-row\@lg{-ms-flex-direction:row;flex-direction:row}.flex-center\@lg{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start\@lg{-ms-flex-pack:start;justify-content:flex-start}.justify-end\@lg{-ms-flex-pack:end;justify-content:flex-end}.justify-center\@lg{-ms-flex-pack:center;justify-content:center}.justify-between\@lg{-ms-flex-pack:justify;justify-content:space-between}.items-center\@lg{-ms-flex-align:center;align-items:center}.items-start\@lg{-ms-flex-align:start;align-items:flex-start}.items-end\@lg{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 90rem){.flex-wrap\@xl{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column\@xl{-ms-flex-direction:column;flex-direction:column}.flex-row\@xl{-ms-flex-direction:row;flex-direction:row}.flex-center\@xl{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start\@xl{-ms-flex-pack:start;justify-content:flex-start}.justify-end\@xl{-ms-flex-pack:end;justify-content:flex-end}.justify-center\@xl{-ms-flex-pack:center;justify-content:center}.justify-between\@xl{-ms-flex-pack:justify;justify-content:space-between}.items-center\@xl{-ms-flex-align:center;align-items:center}.items-start\@xl{-ms-flex-align:start;align-items:flex-start}.items-end\@xl{-ms-flex-align:end;align-items:flex-end}}.flex-grow{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}.flex-gap-xxxs{margin-bottom:-0.25em;margin-bottom:calc(-1*var(--space-xxxs));margin-right:-0.25em;margin-right:calc(-1*var(--space-xxxs))}.flex-gap-xxxs>*{margin-bottom:0.25em;margin-bottom:var(--space-xxxs);margin-right:0.25em;margin-right:var(--space-xxxs)}.flex-gap-xxs{margin-bottom:-0.375em;margin-bottom:calc(-1*var(--space-xxs));margin-right:-0.375em;margin-right:calc(-1*var(--space-xxs))}.flex-gap-xxs>*{margin-bottom:0.375em;margin-bottom:var(--space-xxs);margin-right:0.375em;margin-right:var(--space-xxs)}.flex-gap-xs{margin-bottom:-0.5em;margin-bottom:calc(-1*var(--space-xs));margin-right:-0.5em;margin-right:calc(-1*var(--space-xs))}.flex-gap-xs>*{margin-bottom:0.5em;margin-bottom:var(--space-xs);margin-right:0.5em;margin-right:var(--space-xs)}.flex-gap-sm{margin-bottom:-0.75em;margin-bottom:calc(-1*var(--space-sm));margin-right:-0.75em;margin-right:calc(-1*var(--space-sm))}.flex-gap-sm>*{margin-bottom:0.75em;margin-bottom:var(--space-sm);margin-right:0.75em;margin-right:var(--space-sm)}.flex-gap-md{margin-bottom:-1.25em;margin-bottom:calc(-1*var(--space-md));margin-right:-1.25em;margin-right:calc(-1*var(--space-md))}.flex-gap-md>*{margin-bottom:1.25em;margin-bottom:var(--space-md);margin-right:1.25em;margin-right:var(--space-md)}.flex-gap-lg{margin-bottom:-2em;margin-bottom:calc(-1*var(--space-lg));margin-right:-2em;margin-right:calc(-1*var(--space-lg))}.flex-gap-lg>*{margin-bottom:2em;margin-bottom:var(--space-lg);margin-right:2em;margin-right:var(--space-lg)}.flex-gap-xl{margin-bottom:-3.25em;margin-bottom:calc(-1*var(--space-xl));margin-right:-3.25em;margin-right:calc(-1*var(--space-xl))}.flex-gap-xl>*{margin-bottom:3.25em;margin-bottom:var(--space-xl);margin-right:3.25em;margin-right:var(--space-xl)}.flex-gap-xxl{margin-bottom:-5.25em;margin-bottom:calc(-1*var(--space-xxl));margin-right:-5.25em;margin-right:calc(-1*var(--space-xxl))}.flex-gap-xxl>*{margin-bottom:5.25em;margin-bottom:var(--space-xxl);margin-right:5.25em;margin-right:var(--space-xxl)}.margin-xxxxs{margin:0.125em;margin:var(--space-xxxxs)}.margin-xxxs{margin:0.25em;margin:var(--space-xxxs)}.margin-xxs{margin:0.375em;margin:var(--space-xxs)}.margin-xs{margin:0.5em;margin:var(--space-xs)}.margin-sm{margin:0.75em;margin:var(--space-sm)}.margin-md{margin:1.25em;margin:var(--space-md)}.margin-lg{margin:2em;margin:var(--space-lg)}.margin-xl{margin:3.25em;margin:var(--space-xl)}.margin-xxl{margin:5.25em;margin:var(--space-xxl)}.margin-xxxl{margin:8.5em;margin:var(--space-xxxl)}.margin-xxxxl{margin:13.75em;margin:var(--space-xxxxl)}.margin-auto{margin:auto}.margin-top-xxxxs{margin-top:0.125em;margin-top:var(--space-xxxxs)}.margin-top-xxxs{margin-top:0.25em;margin-top:var(--space-xxxs)}.margin-top-xxs{margin-top:0.375em;margin-top:var(--space-xxs)}.margin-top-xs{margin-top:0.5em;margin-top:var(--space-xs)}.margin-top-sm{margin-top:0.75em;margin-top:var(--space-sm)}.margin-top-md{margin-top:1.25em;margin-top:var(--space-md)}.margin-top-lg{margin-top:2em;margin-top:var(--space-lg)}.margin-top-xl{margin-top:3.25em;margin-top:var(--space-xl)}.margin-top-xxl{margin-top:5.25em;margin-top:var(--space-xxl)}.margin-top-xxxl{margin-top:8.5em;margin-top:var(--space-xxxl)}.margin-top-xxxxl{margin-top:13.75em;margin-top:var(--space-xxxxl)}.margin-top-auto{margin-top:auto}.margin-bottom-xxxxs{margin-bottom:0.125em;margin-bottom:var(--space-xxxxs)}.margin-bottom-xxxs{margin-bottom:0.25em;margin-bottom:var(--space-xxxs)}.margin-bottom-xxs{margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.margin-bottom-xs{margin-bottom:0.5em;margin-bottom:var(--space-xs)}.margin-bottom-sm{margin-bottom:0.75em;margin-bottom:var(--space-sm)}.margin-bottom-md{margin-bottom:1.25em;margin-bottom:var(--space-md)}.margin-bottom-lg{margin-bottom:2em;margin-bottom:var(--space-lg)}.margin-bottom-xl{margin-bottom:3.25em;margin-bottom:var(--space-xl)}.margin-bottom-xxl{margin-bottom:5.25em;margin-bottom:var(--space-xxl)}.margin-bottom-xxxl{margin-bottom:8.5em;margin-bottom:var(--space-xxxl)}.margin-bottom-xxxxl{margin-bottom:13.75em;margin-bottom:var(--space-xxxxl)}.margin-bottom-auto{margin-bottom:auto}.margin-right-xxxxs{margin-right:0.125em;margin-right:var(--space-xxxxs)}.margin-right-xxxs{margin-right:0.25em;margin-right:var(--space-xxxs)}.margin-right-xxs{margin-right:0.375em;margin-right:var(--space-xxs)}.margin-right-xs{margin-right:0.5em;margin-right:var(--space-xs)}.margin-right-sm{margin-right:0.75em;margin-right:var(--space-sm)}.margin-right-md{margin-right:1.25em;margin-right:var(--space-md)}.margin-right-lg{margin-right:2em;margin-right:var(--space-lg)}.margin-right-xl{margin-right:3.25em;margin-right:var(--space-xl)}.margin-right-xxl{margin-right:5.25em;margin-right:var(--space-xxl)}.margin-right-xxxl{margin-right:8.5em;margin-right:var(--space-xxxl)}.margin-right-xxxxl{margin-right:13.75em;margin-right:var(--space-xxxxl)}.margin-right-auto{margin-right:auto}.margin-left-xxxxs{margin-left:0.125em;margin-left:var(--space-xxxxs)}.margin-left-xxxs{margin-left:0.25em;margin-left:var(--space-xxxs)}.margin-left-xxs{margin-left:0.375em;margin-left:var(--space-xxs)}.margin-left-xs{margin-left:0.5em;margin-left:var(--space-xs)}.margin-left-sm{margin-left:0.75em;margin-left:var(--space-sm)}.margin-left-md{margin-left:1.25em;margin-left:var(--space-md)}.margin-left-lg{margin-left:2em;margin-left:var(--space-lg)}.margin-left-xl{margin-left:3.25em;margin-left:var(--space-xl)}.margin-left-xxl{margin-left:5.25em;margin-left:var(--space-xxl)}.margin-left-xxxl{margin-left:8.5em;margin-left:var(--space-xxxl)}.margin-left-xxxxl{margin-left:13.75em;margin-left:var(--space-xxxxl)}.margin-left-auto{margin-left:auto}.margin-x-xxxxs{margin-left:0.125em;margin-left:var(--space-xxxxs);margin-right:0.125em;margin-right:var(--space-xxxxs)}.margin-x-xxxs{margin-left:0.25em;margin-left:var(--space-xxxs);margin-right:0.25em;margin-right:var(--space-xxxs)}.margin-x-xxs{margin-left:0.375em;margin-left:var(--space-xxs);margin-right:0.375em;margin-right:var(--space-xxs)}.margin-x-xs{margin-left:0.5em;margin-left:var(--space-xs);margin-right:0.5em;margin-right:var(--space-xs)}.margin-x-sm{margin-left:0.75em;margin-left:var(--space-sm);margin-right:0.75em;margin-right:var(--space-sm)}.margin-x-md{margin-left:1.25em;margin-left:var(--space-md);margin-right:1.25em;margin-right:var(--space-md)}.margin-x-lg{margin-left:2em;margin-left:var(--space-lg);margin-right:2em;margin-right:var(--space-lg)}.margin-x-xl{margin-left:3.25em;margin-left:var(--space-xl);margin-right:3.25em;margin-right:var(--space-xl)}.margin-x-xxl{margin-left:5.25em;margin-left:var(--space-xxl);margin-right:5.25em;margin-right:var(--space-xxl)}.margin-x-xxxl{margin-left:8.5em;margin-left:var(--space-xxxl);margin-right:8.5em;margin-right:var(--space-xxxl)}.margin-x-xxxxl{margin-left:13.75em;margin-left:var(--space-xxxxl);margin-right:13.75em;margin-right:var(--space-xxxxl)}.margin-x-auto{margin-left:auto;margin-right:auto}.margin-y-xxxxs{margin-top:0.125em;margin-top:var(--space-xxxxs);margin-bottom:0.125em;margin-bottom:var(--space-xxxxs)}.margin-y-xxxs{margin-top:0.25em;margin-top:var(--space-xxxs);margin-bottom:0.25em;margin-bottom:var(--space-xxxs)}.margin-y-xxs{margin-top:0.375em;margin-top:var(--space-xxs);margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.margin-y-xs{margin-top:0.5em;margin-top:var(--space-xs);margin-bottom:0.5em;margin-bottom:var(--space-xs)}.margin-y-sm{margin-top:0.75em;margin-top:var(--space-sm);margin-bottom:0.75em;margin-bottom:var(--space-sm)}.margin-y-md{margin-top:1.25em;margin-top:var(--space-md);margin-bottom:1.25em;margin-bottom:var(--space-md)}.margin-y-lg{margin-top:2em;margin-top:var(--space-lg);margin-bottom:2em;margin-bottom:var(--space-lg)}.margin-y-xl{margin-top:3.25em;margin-top:var(--space-xl);margin-bottom:3.25em;margin-bottom:var(--space-xl)}.margin-y-xxl{margin-top:5.25em;margin-top:var(--space-xxl);margin-bottom:5.25em;margin-bottom:var(--space-xxl)}.margin-y-xxxl{margin-top:8.5em;margin-top:var(--space-xxxl);margin-bottom:8.5em;margin-bottom:var(--space-xxxl)}.margin-y-xxxxl{margin-top:13.75em;margin-top:var(--space-xxxxl);margin-bottom:13.75em;margin-bottom:var(--space-xxxxl)}.margin-y-auto{margin-top:auto;margin-bottom:auto}@media not all and (min-width: 32rem){.has-margin\@xs{margin:0 !important}}@media not all and (min-width: 48rem){.has-margin\@sm{margin:0 !important}}@media not all and (min-width: 64rem){.has-margin\@md{margin:0 !important}}@media not all and (min-width: 80rem){.has-margin\@lg{margin:0 !important}}@media not all and (min-width: 90rem){.has-margin\@xl{margin:0 !important}}.padding-md{padding:1.25em;padding:var(--space-md)}.padding-xxxxs{padding:0.125em;padding:var(--space-xxxxs)}.padding-xxxs{padding:0.25em;padding:var(--space-xxxs)}.padding-xxs{padding:0.375em;padding:var(--space-xxs)}.padding-xs{padding:0.5em;padding:var(--space-xs)}.padding-sm{padding:0.75em;padding:var(--space-sm)}.padding-lg{padding:2em;padding:var(--space-lg)}.padding-xl{padding:3.25em;padding:var(--space-xl)}.padding-xxl{padding:5.25em;padding:var(--space-xxl)}.padding-xxxl{padding:8.5em;padding:var(--space-xxxl)}.padding-xxxxl{padding:13.75em;padding:var(--space-xxxxl)}.padding-component{padding:1.25em;padding:var(--component-padding)}.padding-top-md{padding-top:1.25em;padding-top:var(--space-md)}.padding-top-xxxxs{padding-top:0.125em;padding-top:var(--space-xxxxs)}.padding-top-xxxs{padding-top:0.25em;padding-top:var(--space-xxxs)}.padding-top-xxs{padding-top:0.375em;padding-top:var(--space-xxs)}.padding-top-xs{padding-top:0.5em;padding-top:var(--space-xs)}.padding-top-sm{padding-top:0.75em;padding-top:var(--space-sm)}.padding-top-lg{padding-top:2em;padding-top:var(--space-lg)}.padding-top-xl{padding-top:3.25em;padding-top:var(--space-xl)}.padding-top-xxl{padding-top:5.25em;padding-top:var(--space-xxl)}.padding-top-xxxl{padding-top:8.5em;padding-top:var(--space-xxxl)}.padding-top-xxxxl{padding-top:13.75em;padding-top:var(--space-xxxxl)}.padding-top-component{padding-top:1.25em;padding-top:var(--component-padding)}.padding-bottom-md{padding-bottom:1.25em;padding-bottom:var(--space-md)}.padding-bottom-xxxxs{padding-bottom:0.125em;padding-bottom:var(--space-xxxxs)}.padding-bottom-xxxs{padding-bottom:0.25em;padding-bottom:var(--space-xxxs)}.padding-bottom-xxs{padding-bottom:0.375em;padding-bottom:var(--space-xxs)}.padding-bottom-xs{padding-bottom:0.5em;padding-bottom:var(--space-xs)}.padding-bottom-sm{padding-bottom:0.75em;padding-bottom:var(--space-sm)}.padding-bottom-lg{padding-bottom:2em;padding-bottom:var(--space-lg)}.padding-bottom-xl{padding-bottom:3.25em;padding-bottom:var(--space-xl)}.padding-bottom-xxl{padding-bottom:5.25em;padding-bottom:var(--space-xxl)}.padding-bottom-xxxl{padding-bottom:8.5em;padding-bottom:var(--space-xxxl)}.padding-bottom-xxxxl{padding-bottom:13.75em;padding-bottom:var(--space-xxxxl)}.padding-bottom-component{padding-bottom:1.25em;padding-bottom:var(--component-padding)}.padding-right-md{padding-right:1.25em;padding-right:var(--space-md)}.padding-right-xxxxs{padding-right:0.125em;padding-right:var(--space-xxxxs)}.padding-right-xxxs{padding-right:0.25em;padding-right:var(--space-xxxs)}.padding-right-xxs{padding-right:0.375em;padding-right:var(--space-xxs)}.padding-right-xs{padding-right:0.5em;padding-right:var(--space-xs)}.padding-right-sm{padding-right:0.75em;padding-right:var(--space-sm)}.padding-right-lg{padding-right:2em;padding-right:var(--space-lg)}.padding-right-xl{padding-right:3.25em;padding-right:var(--space-xl)}.padding-right-xxl{padding-right:5.25em;padding-right:var(--space-xxl)}.padding-right-xxxl{padding-right:8.5em;padding-right:var(--space-xxxl)}.padding-right-xxxxl{padding-right:13.75em;padding-right:var(--space-xxxxl)}.padding-right-component{padding-right:1.25em;padding-right:var(--component-padding)}.padding-left-md{padding-left:1.25em;padding-left:var(--space-md)}.padding-left-xxxxs{padding-left:0.125em;padding-left:var(--space-xxxxs)}.padding-left-xxxs{padding-left:0.25em;padding-left:var(--space-xxxs)}.padding-left-xxs{padding-left:0.375em;padding-left:var(--space-xxs)}.padding-left-xs{padding-left:0.5em;padding-left:var(--space-xs)}.padding-left-sm{padding-left:0.75em;padding-left:var(--space-sm)}.padding-left-lg{padding-left:2em;padding-left:var(--space-lg)}.padding-left-xl{padding-left:3.25em;padding-left:var(--space-xl)}.padding-left-xxl{padding-left:5.25em;padding-left:var(--space-xxl)}.padding-left-xxxl{padding-left:8.5em;padding-left:var(--space-xxxl)}.padding-left-xxxxl{padding-left:13.75em;padding-left:var(--space-xxxxl)}.padding-left-component{padding-left:1.25em;padding-left:var(--component-padding)}.padding-x-md{padding-left:1.25em;padding-left:var(--space-md);padding-right:1.25em;padding-right:var(--space-md)}.padding-x-xxxxs{padding-left:0.125em;padding-left:var(--space-xxxxs);padding-right:0.125em;padding-right:var(--space-xxxxs)}.padding-x-xxxs{padding-left:0.25em;padding-left:var(--space-xxxs);padding-right:0.25em;padding-right:var(--space-xxxs)}.padding-x-xxs{padding-left:0.375em;padding-left:var(--space-xxs);padding-right:0.375em;padding-right:var(--space-xxs)}.padding-x-xs{padding-left:0.5em;padding-left:var(--space-xs);padding-right:0.5em;padding-right:var(--space-xs)}.padding-x-sm{padding-left:0.75em;padding-left:var(--space-sm);padding-right:0.75em;padding-right:var(--space-sm)}.padding-x-lg{padding-left:2em;padding-left:var(--space-lg);padding-right:2em;padding-right:var(--space-lg)}.padding-x-xl{padding-left:3.25em;padding-left:var(--space-xl);padding-right:3.25em;padding-right:var(--space-xl)}.padding-x-xxl{padding-left:5.25em;padding-left:var(--space-xxl);padding-right:5.25em;padding-right:var(--space-xxl)}.padding-x-xxxl{padding-left:8.5em;padding-left:var(--space-xxxl);padding-right:8.5em;padding-right:var(--space-xxxl)}.padding-x-xxxxl{padding-left:13.75em;padding-left:var(--space-xxxxl);padding-right:13.75em;padding-right:var(--space-xxxxl)}.padding-x-component{padding-left:1.25em;padding-left:var(--component-padding);padding-right:1.25em;padding-right:var(--component-padding)}.padding-y-md{padding-top:1.25em;padding-top:var(--space-md);padding-bottom:1.25em;padding-bottom:var(--space-md)}.padding-y-xxxxs{padding-top:0.125em;padding-top:var(--space-xxxxs);padding-bottom:0.125em;padding-bottom:var(--space-xxxxs)}.padding-y-xxxs{padding-top:0.25em;padding-top:var(--space-xxxs);padding-bottom:0.25em;padding-bottom:var(--space-xxxs)}.padding-y-xxs{padding-top:0.375em;padding-top:var(--space-xxs);padding-bottom:0.375em;padding-bottom:var(--space-xxs)}.padding-y-xs{padding-top:0.5em;padding-top:var(--space-xs);padding-bottom:0.5em;padding-bottom:var(--space-xs)}.padding-y-sm{padding-top:0.75em;padding-top:var(--space-sm);padding-bottom:0.75em;padding-bottom:var(--space-sm)}.padding-y-lg{padding-top:2em;padding-top:var(--space-lg);padding-bottom:2em;padding-bottom:var(--space-lg)}.padding-y-xl{padding-top:3.25em;padding-top:var(--space-xl);padding-bottom:3.25em;padding-bottom:var(--space-xl)}.padding-y-xxl{padding-top:5.25em;padding-top:var(--space-xxl);padding-bottom:5.25em;padding-bottom:var(--space-xxl)}.padding-y-xxxl{padding-top:8.5em;padding-top:var(--space-xxxl);padding-bottom:8.5em;padding-bottom:var(--space-xxxl)}.padding-y-xxxxl{padding-top:13.75em;padding-top:var(--space-xxxxl);padding-bottom:13.75em;padding-bottom:var(--space-xxxxl)}.padding-y-component{padding-top:1.25em;padding-top:var(--component-padding);padding-bottom:1.25em;padding-bottom:var(--component-padding)}@media not all and (min-width: 32rem){.has-padding\@xs{padding:0 !important}}@media not all and (min-width: 48rem){.has-padding\@sm{padding:0 !important}}@media not all and (min-width: 64rem){.has-padding\@md{padding:0 !important}}@media not all and (min-width: 80rem){.has-padding\@lg{padding:0 !important}}@media not all and (min-width: 90rem){.has-padding\@xl{padding:0 !important}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-replace{overflow:hidden;color:transparent;text-indent:100%;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (min-width: 32rem){.text-center\@xs{text-align:center}.text-left\@xs{text-align:left}.text-right\@xs{text-align:right}}@media (min-width: 48rem){.text-center\@sm{text-align:center}.text-left\@sm{text-align:left}.text-right\@sm{text-align:right}}@media (min-width: 64rem){.text-center\@md{text-align:center}.text-left\@md{text-align:left}.text-right\@md{text-align:right}}@media (min-width: 80rem){.text-center\@lg{text-align:center}.text-left\@lg{text-align:left}.text-right\@lg{text-align:right}}@media (min-width: 90rem){.text-center\@xl{text-align:center}.text-left\@xl{text-align:left}.text-right\@xl{text-align:right}}.color-inherit{color:inherit}.color-contrast-medium{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.color-contrast-high{color:hsl(240, 4%, 20%);color:var(--color-contrast-high, #313135)}.color-contrast-higher{color:hsl(240, 8%, 12%);color:var(--color-contrast-higher, #1c1c21)}.color-primary{color:hsl(220, 90%, 56%);color:var(--color-primary, #2a6df4)}.color-accent{color:hsl(355, 90%, 61%);color:var(--color-accent, #f54251)}.color-success{color:hsl(94, 48%, 56%);color:var(--color-success, #88c559)}.color-warning{color:hsl(46, 100%, 61%);color:var(--color-warning, #ffd138)}.color-error{color:hsl(355, 90%, 61%);color:var(--color-error, #f54251)}.width-100\%{width:100%}.height-100\%{height:100%}.media-wrapper{position:relative;height:0;padding-bottom:56.25%}.media-wrapper iframe,.media-wrapper video,.media-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%}.media-wrapper video,.media-wrapper img{-o-object-fit:cover;object-fit:cover}.media-wrapper--4\:3{padding-bottom:75%}:root,[data-theme="default"]{--color-primary-darker:hsl(220, 90%, 36%);--color-primary-darker-h:220;--color-primary-darker-s:90%;--color-primary-darker-l:36%;--color-primary-dark:hsl(220, 90%, 46%);--color-primary-dark-h:220;--color-primary-dark-s:90%;--color-primary-dark-l:46%;--color-primary:hsl(220, 90%, 56%);--color-primary-h:220;--color-primary-s:90%;--color-primary-l:56%;--color-primary-light:hsl(220, 90%, 66%);--color-primary-light-h:220;--color-primary-light-s:90%;--color-primary-light-l:66%;--color-primary-lighter:hsl(220, 90%, 76%);--color-primary-lighter-h:220;--color-primary-lighter-s:90%;--color-primary-lighter-l:76%;--color-accent-darker:hsl(355, 90%, 41%);--color-accent-darker-h:355;--color-accent-darker-s:90%;--color-accent-darker-l:41%;--color-accent-dark:hsl(355, 90%, 51%);--color-accent-dark-h:355;--color-accent-dark-s:90%;--color-accent-dark-l:51%;--color-accent:hsl(355, 90%, 61%);--color-accent-h:355;--color-accent-s:90%;--color-accent-l:61%;--color-accent-light:hsl(355, 90%, 71%);--color-accent-light-h:355;--color-accent-light-s:90%;--color-accent-light-l:71%;--color-accent-lighter:hsl(355, 90%, 81%);--color-accent-lighter-h:355;--color-accent-lighter-s:90%;--color-accent-lighter-l:81%;--color-black:hsl(240, 8%, 12%);--color-black-h:240;--color-black-s:8%;--color-black-l:12%;--color-white:hsl(0, 0%, 100%);--color-white-h:0;--color-white-s:0%;--color-white-l:100%;--color-success-darker:hsl(94, 48%, 36%);--color-success-darker-h:94;--color-success-darker-s:48%;--color-success-darker-l:36%;--color-success-dark:hsl(94, 48%, 46%);--color-success-dark-h:94;--color-success-dark-s:48%;--color-success-dark-l:46%;--color-success:hsl(94, 48%, 56%);--color-success-h:94;--color-success-s:48%;--color-success-l:56%;--color-success-light:hsl(94, 48%, 66%);--color-success-light-h:94;--color-success-light-s:48%;--color-success-light-l:66%;--color-success-lighter:hsl(94, 48%, 76%);--color-success-lighter-h:94;--color-success-lighter-s:48%;--color-success-lighter-l:76%;--color-error-darker:hsl(355, 90%, 41%);--color-error-darker-h:355;--color-error-darker-s:90%;--color-error-darker-l:41%;--color-error-dark:hsl(355, 90%, 51%);--color-error-dark-h:355;--color-error-dark-s:90%;--color-error-dark-l:51%;--color-error:hsl(355, 90%, 61%);--color-error-h:355;--color-error-s:90%;--color-error-l:61%;--color-error-light:hsl(355, 90%, 71%);--color-error-light-h:355;--color-error-light-s:90%;--color-error-light-l:71%;--color-error-lighter:hsl(355, 90%, 81%);--color-error-lighter-h:355;--color-error-lighter-s:90%;--color-error-lighter-l:81%;--color-warning-darker:hsl(46, 100%, 41%);--color-warning-darker-h:46;--color-warning-darker-s:100%;--color-warning-darker-l:41%;--color-warning-dark:hsl(46, 100%, 51%);--color-warning-dark-h:46;--color-warning-dark-s:100%;--color-warning-dark-l:51%;--color-warning:hsl(46, 100%, 61%);--color-warning-h:46;--color-warning-s:100%;--color-warning-l:61%;--color-warning-light:hsl(46, 100%, 71%);--color-warning-light-h:46;--color-warning-light-s:100%;--color-warning-light-l:71%;--color-warning-lighter:hsl(46, 100%, 81%);--color-warning-lighter-h:46;--color-warning-lighter-s:100%;--color-warning-lighter-l:81%;--color-bg:hsl(0, 0%, 100%);--color-bg-h:0;--color-bg-s:0%;--color-bg-l:100%;--color-contrast-lower:hsl(0, 0%, 95%);--color-contrast-lower-h:0;--color-contrast-lower-s:0%;--color-contrast-lower-l:95%;--color-contrast-low:hsl(240, 1%, 83%);--color-contrast-low-h:240;--color-contrast-low-s:1%;--color-contrast-low-l:83%;--color-contrast-medium:hsl(240, 1%, 48%);--color-contrast-medium-h:240;--color-contrast-medium-s:1%;--color-contrast-medium-l:48%;--color-contrast-high:hsl(240, 4%, 20%);--color-contrast-high-h:240;--color-contrast-high-s:4%;--color-contrast-high-l:20%;--color-contrast-higher:hsl(240, 8%, 12%);--color-contrast-higher-h:240;--color-contrast-higher-s:8%;--color-contrast-higher-l:12%}@supports (--css: variables){@media (min-width: 64rem){:root{--space-unit:  1.25em}}}:root{--radius: 0.25em}:root{--font-primary: sans-serif;--text-base-size: 1em;--text-scale-ratio: 1.2;--text-xs: calc(1em/var(--text-scale-ratio)/var(--text-scale-ratio));--text-sm: calc(var(--text-xs)*var(--text-scale-ratio));--text-md: calc(var(--text-sm)*var(--text-scale-ratio)*var(--text-scale-ratio));--text-lg: calc(var(--text-md)*var(--text-scale-ratio));--text-xl: calc(var(--text-lg)*var(--text-scale-ratio));--text-xxl: calc(var(--text-xl)*var(--text-scale-ratio));--text-xxxl: calc(var(--text-xxl)*var(--text-scale-ratio));--body-line-height: 1.4;--heading-line-height: 1.2;--font-primary-capital-letter: 1}@supports (--css: variables){@media (min-width: 64rem){:root{--text-base-size: 1.25em;--text-scale-ratio: 1.25}}}mark{background-color:hsla(355, 90%, 61%, 0.2);background-color:hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);color:inherit}.text-component{--line-height-multiplier: 1;--text-vspace-multiplier: 1}.text-component blockquote{padding-left:1em;border-left:4px solid hsl(240, 1%, 83%);border-left:4px solid var(--color-contrast-low)}.text-component hr{background:hsl(240, 1%, 83%);background:var(--color-contrast-low);height:1px}.text-component figcaption{font-size:0.83333em;font-size:var(--text-sm);color:hsl(240, 1%, 48%);color:var(--color-contrast-medium)}.article.text-component{--line-height-multiplier: 1.13;--text-vspace-multiplier: 1.2}:root{--btn-font-size: 1em;--btn-font-size-sm: calc(var(--btn-font-size) - 0.2em);--btn-font-size-md: calc(var(--btn-font-size) + 0.2em);--btn-font-size-lg: calc(var(--btn-font-size) + 0.4em);--btn-radius: 0.25em;--btn-padding-x: var(--space-sm);--btn-padding-y: var(--space-xs)}.btn{--color-shadow: hsla(240, 8%, 12%, 0.15);--color-shadow: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15);box-shadow:0 4px 16px hsla(240, 8%, 12%, 0.15);box-shadow:0 4px 16px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15);cursor:pointer}.btn--primary{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn--accent{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn--disabled{opacity:0.6}:root{--form-control-padding-x: var(--space-sm);--form-control-padding-y: var(--space-xs);--form-control-radius: 0.25em}.form-control{border:2px solid hsl(240, 1%, 83%);border:2px solid var(--color-contrast-low)}.form-control:focus{outline:none;border-color:hsl(220, 90%, 56%);border-color:var(--color-primary);--color-shadow: hsla(220, 90%, 56%, 0.2);--color-shadow: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);box-shadow:undefined;box-shadow:0 0 0 3px var(--color-shadow)}.form-control:focus:focus{box-shadow:0 0 0 3px hsla(220, 90%, 56%, 0.2);box-shadow:0 0 0 3px var(--color-shadow)}.form-control[aria-invalid="true"]{border-color:hsl(355, 90%, 61%);border-color:var(--color-error)}.form-control[aria-invalid="true"]:focus{--color-shadow: hsla(355, 90%, 61%, 0.2);--color-shadow: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);box-shadow:undefined;box-shadow:0 0 0 3px var(--color-shadow)}.form-control[aria-invalid="true"]:focus:focus{box-shadow:0 0 0 3px hsla(355, 90%, 61%, 0.2);box-shadow:0 0 0 3px var(--color-shadow)}.form-label{font-size:0.83333em;font-size:var(--text-sm)}:root{--cd-color-1:hsl(0, 0%, 22%);--cd-color-1-h:0;--cd-color-1-s:0%;--cd-color-1-l:22%;--cd-color-2:hsl(74, 93%, 32%);--cd-color-2-h:74;--cd-color-2-s:93%;--cd-color-2-l:32%;--cd-color-3:hsl(0, 0%, 97%);--cd-color-3-h:0;--cd-color-3-s:0%;--cd-color-3-l:97%;--font-primary: 'Fira Sans', sans-serif;--font-secondary: 'Playfair Display', serif}body{color:hsl(0, 0%, 22%);color:var(--cd-color-1);background-color:hsl(0, 0%, 97%);background-color:var(--cd-color-3)}.js .cd-h-timeline{opacity:0;transition:opacity 0.2s}.js .cd-h-timeline--loaded{opacity:1}.js .cd-h-timeline__container{position:relative;height:100px;max-width:800px}.js .cd-h-timeline__dates{position:relative;height:100%;margin:0 40px;overflow:hidden}.js .cd-h-timeline__dates::after,.js .cd-h-timeline__dates::before{content:'';position:absolute;z-index:2;top:0;height:100%;width:20px}.js .cd-h-timeline__dates::before{left:0;background:linear-gradient(to right, hsl(0, 0%, 97%), hsla(0, 0%, 97%, 0));background:linear-gradient(to right, var(--cd-color-3), hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0))}.js .cd-h-timeline__dates::after{right:0;background:linear-gradient(to left, hsl(0, 0%, 97%), hsla(0, 0%, 97%, 0));background:linear-gradient(to left, var(--cd-color-3), hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0))}.js .cd-h-timeline__line{position:absolute;z-index:1;left:0;top:49px;height:2px;background-color:hsl(0, 0%, 87.3%);background-color:hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l)*0.9));transition:-webkit-transform 0.4s;transition:transform 0.4s;transition:transform 0.4s, -webkit-transform 0.4s}.js .cd-h-timeline__filling-line{position:absolute;z-index:1;left:0;top:0;height:100%;width:100%;background-color:hsl(74, 93%, 32%);background-color:var(--cd-color-2);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}.js .cd-h-timeline__date{position:absolute;bottom:0;z-index:2;text-align:center;font-size:0.8em;padding-bottom:0.75em;padding-bottom:var(--space-sm);color:hsl(0, 0%, 22%);color:var(--cd-color-1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none}.js .cd-h-timeline__date::after{content:'';position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:-5px;height:12px;width:12px;border-radius:50%;border-width:2px;border-style:solid;border-color:hsl(0, 0%, 87.3%);border-color:hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l)*0.9));background-color:hsl(0, 0%, 97%);background-color:var(--cd-color-3);transition:background-color 0.3s, border-color .3s}.js .cd-h-timeline__date:hover::after{background-color:hsl(74, 93%, 32%);background-color:var(--cd-color-2);border-color:hsl(74, 93%, 32%);border-color:var(--cd-color-2)}@media (min-width: 64rem){.js .cd-h-timeline__date{font-size:0.7em}}.js .cd-h-timeline__date--selected{pointer-events:none}.js .cd-h-timeline__date--selected::after{background-color:hsl(74, 93%, 32%);background-color:var(--cd-color-2);border-color:hsl(74, 93%, 32%);border-color:var(--cd-color-2)}.js .cd-h-timeline__date--older-event::after{border-color:hsl(74, 93%, 32%);border-color:var(--cd-color-2)}.js .cd-h-timeline__navigation{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:34px;width:34px;border-radius:50%;border-width:2px;border-style:solid;border-color:hsl(0, 0%, 87.3%);border-color:hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l)*0.9));transition:border-color 0.3s}.js .cd-h-timeline__navigation::after{content:'';position:absolute;height:16px;width:16px;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url(/images/resources/frilfordheath/cd-arrow.svg) no-repeat 0 0}.js .cd-h-timeline__navigation:hover{border-color:hsl(74, 93%, 32%);border-color:var(--cd-color-2)}.js .cd-h-timeline__navigation--prev{left:0;-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.js .cd-h-timeline__navigation--next{right:0}.js .cd-h-timeline__navigation--inactive{cursor:not-allowed}.js .cd-h-timeline__navigation--inactive::after{background-position:0 -16px}.js .cd-h-timeline__navigation--inactive:hover{border-color:hsl(0, 0%, 87.3%);border-color:hsl(var(--cd-color-3-h), var(--cd-color-3-s), calc(var(--cd-color-3-l)*0.9))}.js .cd-h-timeline__events{position:relative;width:100%;overflow:hidden;transition:height .4s}.js .cd-h-timeline__event{position:absolute;z-index:1;width:100%;left:0;top:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);padding:1px 5%;opacity:0;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.js .cd-h-timeline__event--selected{position:relative;z-index:2;opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.js .cd-h-timeline__event--enter-right,.js .cd-h-timeline__event--leave-right{-webkit-animation-name:cd-enter-right;animation-name:cd-enter-right}.js .cd-h-timeline__event--enter-left,.js .cd-h-timeline__event--leave-left{-webkit-animation-name:cd-enter-left;animation-name:cd-enter-left}.js .cd-h-timeline__event--leave-right,.js .cd-h-timeline__event--leave-left{animation-direction:reverse}.js .cd-h-timeline__event-content{max-width:800px}.js .cd-h-timeline__event-title{color:hsl(0, 0%, 22%);color:var(--cd-color-1);font-family:'Playfair Display', serif;font-family:var(--font-secondary);font-weight:700;font-size:2.48832em;font-size:var(--text-xxxl)}.js .cd-h-timeline__event-date{display:block;font-style:italic;margin:0.5em auto;margin:var(--space-xs) auto}.js .cd-h-timeline__event-date::before{content:'- '}@-webkit-keyframes cd-enter-right{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes cd-enter-right{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}}@-webkit-keyframes cd-enter-left{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes cd-enter-left{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}}html:not(.js) .cd-h-timeline__dates,html:not(.js) .cd-h-timeline__navigation{display:none}

/* ///////////////////////  END OF TIMELINE CSS ////////////////////////// */ 
/* FILM ROLL CAROUSEL */
.home-carousel #home-carousel {
width: 800px;
margin: 40px auto;
}

.home-carousel .home-image {
  width: 600px;
  text-align: left;
  transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -webkit-transition: all 400ms ease-in-out;
}

.home-carousel .home-image.prev {
  text-align: right;
}

.home-carousel .home-image img {
  width: 80%;
  opacity: 0.4;
  transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -webkit-transition: all 400ms ease-in-out;
}

.home-carousel .home-image.active img {
  width: 100%;
  opacity: 1;
}

.body-public .home-carousel .film_roll_prev, 
.body-public .home-carousel .film_roll_next {
text-decoration: none !important;
bottom: 50%;
transform: translatey(50%);
top: auto;
font-size: 0px;
opacity: 1;
background: transparent;
border: none;
color: #8A7F6B;
transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
}

.home-carousel .film_roll_next::after {
  content: '\f105';
  font-size: 60px;
  font-family: 'FontAwesome';
}

.home-carousel .film_roll_prev::after {
  content: '\f104';
  font-family: 'FontAwesome';
  font-size: 60px;
}

.home-carousel .film_roll_prev:hover, .home-carousel .film_roll_next:hover {
  color: #ba9b30;
}
/*//////  END OF FILM ROLL CAROUSEL CSS ///////////  */



/* TIMELINE STYLES CSS OVERRIDES */
.timeline ul,
.timeline li {
list-style: none;
}
.color-contrast-medium {
color: #FFF;
}
.js .cd-h-timeline__event-title {
color: #fff;
font-family: 'Didact Gothic', sans-serif;
font-weight: normal;
font-size: 22px;
}
.js .cd-h-timeline__dates::before {
display: none;
background: linear-gradient(to right, rgb(20, 57, 102), rgba(247, 247, 247, 0));
}
.js .cd-h-timeline__dates::after {
display: none;
background: linear-gradient(to left, rgb(20, 57, 102), rgba(247, 247, 247, 0));
}
.js .cd-h-timeline__filling-line {
background-color: hsl(50, 40%, 40%);
}
.js .inPageContent .cd-h-timeline__date {
padding-bottom: 20px;
font-size: 14px;
color: #fff;
text-decoration: none !important;
}
.js .cd-h-timeline__date--selected::after {
background-color: hsl(50, 40%, 40%);
border-color: hsl(50, 40%, 40%);
}
.js .inPageContent .cd-h-timeline__date--selected {
color: #ba9b30 !important;
}
.js .cd-h-timeline__date--older-event::after {
border-color: #ba9b30;
}
.js .cd-h-timeline__date:hover::after {
background-color: hsl(50, 40%, 40%);
border-color: hsl(50, 40%, 40%);
}
.js .cd-h-timeline__navigation:hover {
border-color: #ba9b30;
}
.js .cd-h-timeline__navigation::after {
background: url(/images/resources/frilfordheath/cd-arrow.svg) no-repeat 0 -16px;
}
.js .php-ckeditor .cd-h-timeline__date--selected {
pointer-events: all;
}
.inPageContent ul, 
.inPageContent ol {
padding: 0;
margin: 0;
}
.timeline .container,
.timeline.container {
width: 100%;
}
.js .cd-h-timeline__events {
min-height: 500px;
}






* {
box-sizing: border-box;
}
#outerborder { /* this was only public body but extended to all because of footer */
overflow-x: hidden;
overflow-y: hidden;
}
#container {
min-height: calc(100vh - 40px); /* this keeps very bottom footer (50px) at bottom on short pages */
}
.sliderHolder {
position: relative;
}
.forceFullWidth {
position: relative;
width: 100vw !important;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
/* ////////////////////// //////// GENERIC CUSTOMISATIONS /////////////////////////////////////// ///// / //// */
body {
padding: 0;
font-family: 'Didact Gothic', sans-serif;
color: #333;
font-size: 16px;
line-height: 26px;
letter-spacing: 1px;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Lora', serif;
letter-spacing: 1px;
color: rgba(19, 55, 101, 0.88);
font-weight: normal;
}
.inPageContent h1 {
font-size: 38px;
color: #fff;
letter-spacing: 3px;
padding-top: 20px;
padding-bottom: 15px;
}
.inPageContent h2 {
color: #fff;
text-transform: uppercase;
font-size: 22px;
line-height: normal;
margin-bottom: 20px;
}
.inPageContent h3 {
color: #fff;
font-family: 'Didact Gothic', sans-serif;
font-size: 18px;
letter-spacing: 1.5px;
line-height: 30px;
font-weight: bold;
margin-bottom: 20px;
}
.inPageContent h4 {
text-transform: uppercase;
font-family: 'Didact Gothic', sans-serif;
font-size: 22px;
padding-bottom: 15px;
color: #1f4678;
letter-spacing: 0.5px;
}
.inPageContent h5 {
font-size: 18px;
color: #fff;
line-height: 36px;
font-family: 'Didact Gothic', sans-serif;
text-transform: none;
/*display: inline-block;
background: #ba9b30;
padding: 5px 25px;*/
}
a:link,
a:visited {
color: #1f4678;
outline: 0;
text-decoration: none !important;
}
.inPageContent a:link,
.inPageContent a:visited {
color: #fff;
text-decoration: underline;
}
.inPageContent a:hover,
.inPageContent a:active,
.inPageContent a:focus {
color: #ba9b30;
text-decoration: none !important;
}
a:hover,
a:active,
a:focus {
color: #ba9b30;
outline: 0;
}
hr {
border-top: none;
border-bottom: 1px solid #1e4577;
}
/* TABLES */
.body-public .wysiwyg-editable table {
width: 100%;
}
.body-public .wysiwyg-editable table td {
border: 1px dotted #1f4678;
padding: 5px;
text-align: center;
}
.inPageContent table th {
text-align: center;
font-weight: normal;
padding: 10px 0;
border: 1px solid #212e32;
}
.inPageContent table {
margin-bottom: 30px;
}
/* FORMS */
.body-public label {
color: #fff;
}
.body-public form .customFormLine input {
height: 35px;
width: 90%;
margin-bottom: 20px;
background: #fff;
text-align: center;
}
.body-public form .customFormLine textarea {
text-align: center;
height: 100px;
width: 100%;
background: #efefef;
}
span.customFormLine label[for="custom_21"] {
color: #1f4678;
font-size: 16px;
margin-top: 10px;
margin-bottom: 20px;
}
.body-public span.customFormRadioItem + br {
display: none;
}
.body-public form .customFormLine {
color: #fff;
text-transform: uppercase;
position: relative;
}
.body-public form input[type="submit"] {
background: #1f4678;
border: none;
color: #fff;
text-transform: uppercase;
padding: 10px 20px;
margin-top: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.body-public form .customFormRadioItem {
height: auto;
width: auto;
margin-top: 0;
margin-bottom: 0;
margin-right: 5px;
display: block;
}
.body-public form .customFormRadioItem input {
height: auto;
width: auto;
margin-top: 16px;
margin-right: 5px;
}
.body-public form .customFormLine input[type="checkbox"] {
height: auto;
width: auto;
}
.body-public .inPageContent .ui-datepicker-trigger  {
position: absolute;
right: 20px;
top: -5px;
}
/* ///////////////////////////// ///////////////////// H5 & H6 BUTTON LINKS /////////////////// ///// */
.body-public .inPageContent h6 a, 
.body-public .innerPageContent h6 a,
.body-public form input[type="submit"], 
#globalwrap .map_popup_form input[type=submit] {
text-decoration: none !important;
background: #1f4678;
color: #1f4678;
border: none;
padding: 10px 20px;
margin: 0;
font-family: 'Didact Gothic', sans-serif;
letter-spacing: 1px;
text-transform: none;
display: inline-block;
font-weight: normal;
-webkit-border-radius: 0;
color: #fff;
font-size: 16px;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.50s ease-in-out;
-moz-transition: all 0.50s ease-in-out;
transition: all 0.50s ease-in-out;
}
.inPageContent h6 a:hover,
.innerPageContent h6 a:hover,
.body-public form input[type="submit"]:hover,
#globalwrap .map_popup_form input[type=submit]:hover {
background: #ba9b30 !important;
color: #fff;	
}

/* ////////////////// ///////////// // SUB MENU HORIZONTAL /////////////////// ////// */
.subMenu {
text-align: center;
}
.subMenu ul {
margin: 0;
}
.body-public .menu-section h2 {
display: none;
}
.body-public .menu-section li {
list-style-type: none;
display: inline;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
}
.body-public .subMenu .menu-section li::after {
content: '.';
display: inline-block;
padding: 0 7px 7px 7px;
vertical-align: text-bottom;
font-size: 24px;
color: #ba9b30;
}
.body-public .menu-section li:last-child:after {
display: none;
}
.body-public .subMenu .menu-section li a {
margin: 10px;
text-decoration: none !important;
display: inline-block;
color: #ba9b30;
letter-spacing: 0.5px;
font-weight: normal;
}
.body-public .subMenu .menu-section li a:hover {
color: #fff;
}
.body-public .subMenu .menu-section li.current a {
color: #ba9b30;	
}
/* ////////////// ///////////// /// SLIDER CAPTIONS ////////// ///////////////// //// */
.sliderCaptions {
text-align: center;
position: absolute;
width: 100%;
margin-left: auto;
margin-right: auto;
top: 40%;
transform: translatey(-50%);
z-index: 99;
right: 0;
padding-left: 20px;
padding-right: 20px;
}
.sliderCaptions img {
width: 70px;
margin-bottom: 5px;
}
.sliderCaptions h1 {
color: #fff;
font-size: 52px;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #000;
text-transform: none;
margin-bottom: 0;
margin-top: 0;
line-height: normal;
}
.sliderCaptions h2 {
color: #fff;
font-family: 'Didact Gothic', sans-serif;
text-transform: uppercase;
font-size: 22px;
letter-spacing: 2px;
font-weight: bold;
text-shadow: 1px 1px 1px #555;
margin-bottom: 30px;
margin-top: 0;
}
.sliderCaptions.innerSliderCaptions {
top: 120px;
z-index: 9;
}
/* ANIMATIONS FOR CAPTIONS TO SLIGHTLY DELAY AND THEN SCROLL ARROW & TEXT TO SLIDE-UP AND ARROW HEARTBEAT */
.sliderCaptions a.ct-btn-scroll.ct-js-btn-scroll {
color: #fff;
font-size: 18px;
}
.sliderCaptions .fa.fa-angle-down {
display: block;
font-size: 18px;
text-align: center;
width: 40px;
padding: 0;
height: 40px;
border-radius: 50%;
margin: 10px auto 15px auto;
letter-spacing: 0;
}
.fa-chevron-down:before {
content: "\f078";
display: inline-block;
margin: 0 auto;
width: 100%;
}
.animated.heartBeat {
-webkit-animation-duration: 4s;
-webkit-animation-delay: 1s;
-webkit-animation-iteration-count: infinite;
-moz-animation-duration: 4s;
-moz-animation-delay: 1s;
-moz-animation-iteration-count: infinite;
-o-animation-duration: 4s;
-o-animation-delay: 1s;
-o-animation-iteration-count: infinite;
animation-duration: 4s;
animation-delay: 1s;
animation-iteration-count: infinite;
}
.sliderCaptions.animated {
animation-duration: 4s;
animation-delay: 0;
-o-animation-duration: 4s;
-o-animation-delay: 0;
-moz-animation-duration: 4s;
-moz-animation-delay: 0;
-webkit-animation-duration: 4s;
-webkit-animation-delay: 0;
}
.ct-js-btn-scroll.animated {
animation-duration: 4s;
animation-delay: 1s;
-o-animation-duration: 4s;
-o-animation-delay: 2s;
-moz-animation-duration: 4s;
-moz-animation-delay: 1s;
-webkit-animation-duration: 4s;
-webkit-animation-delay: 1s;
}
.ct-js-btn-scroll.animated.fadeInUp {
animation-duration: 4s;
animation-delay: 1s;
-o-animation-duration: 4s;
-o-animation-delay: 2s;
-moz-animation-duration: 4s;
-moz-animation-delay: 1s;
-webkit-animation-duration: 4s;
-webkit-animation-delay: 1s;
}
/* ////////////// //////////// /// MAIN SLIDER & INNER SLIDER ///////////////// //////////////// // */
.sliderHolder:before {
display: block;
position: absolute;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0, #193f6f 100%);
margin-top: 0;
z-index: 8;
height: 250px;
width: 100%;
content: '';
}
.sliderHolder.innerSliderHolder:before {
height: 200px;
}
.sliderHolder:after {
display: block;
position: absolute;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #143967 100%);
bottom: 0;
z-index: 9;
height: 200px;
width: 100%;
content: '';
}
 .sliderHolder .galleryInner {
width: 100vw !important;
height: 100vh !important;
max-width: 100%;
}
.sliderHolder .galleryInner img {
width: 100vw !important;
height: 100vh !important;
object-fit: cover;
}
.sliderHolder.innerSliderHolder .galleryInner {
height: auto !important;
min-height: 250px;
}
.sliderHolder.innerSliderHolder .galleryInner img {
height: auto !important;
min-height: 250px;
object-fit: cover;
}
.body-public .sliderHolder .nivo-controlNav-Wrapper {
right: 75px;
bottom: auto;
top: 50%;
transform: translatey(-50%);
left: auto;
z-index: 99;
font-size: 0;
width: 15px;
}
.body-public .sliderHolder .nivo-controlNav {
text-align: right;
}
.body-public .sliderHolder .nivo-controlNav a {
background: transparent;
border: 1px solid #fff;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 5px;
}
.body-public .sliderHolder .nivo-controlNav a.active {
background: #fff;
box-shadow: 0 0 0 3px #9f9e9d;
}
.nivo-directionNav {
display: none !important;
}
.sliderHolder .nivo-caption {
background: rgba(19, 55, 101, 0.88) !important;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
transform: translate(-50%,-50%);
width: auto;
text-align: center;
}
.sliderHolder .nivo-caption h4 {
text-transform: uppercase;
letter-spacing: 1.5px;
font-family: 'Didact Gothic', sans-serif;
font-size: 22px;
line-height: 30px;
padding: 10px 20px;
margin: 0;
color: #ba9b30 !important;
}
/* ///////// /////////////////////// / HOME PAGE STYLES //////////////// ////////////// ///   */
.homeMainContentHolder {
background: #143967;
padding-bottom: 80px;
padding-top: 50px;
}
.innerPageContent {
background: #143967;
padding-bottom: 80px;
padding-top: 30px;	
text-align: center;
color: #fff;
}
/* HOME BOXES */
.topRowOfThumbs {
margin-bottom: 70px;	
}
.homeBox {
position: relative;
}
.homeBox:before {
content: '';
width: 100%;
height: 100%;
background: rgba(33, 33, 33, 0.65);
display: block;
position: absolute;
border: 1px solid #ba9b30;
cursor: pointer;
}
.homeBox.orangeBox:before {
background: #ba9b30;
}
.homeBox img {
width: 100%;
}
.textBox {
position: absolute;
top: 50%;
LEFT: 50%;
transform: translate(-50%,-50%);
height: auto;
width: 100%;
padding: 0 20px;
text-align: center;
}
.homeBox h4 {
text-transform: uppercase;
font-family: 'Didact Gothic', sans-serif;
font-size: 20px;
line-height: 28px;
color: #fff;
}
.textBox p {
color: #fff;
margin-bottom: 5px;
}
.textBox a {
color: #fff;
text-transform: uppercase;
}
.textBox a:hover {
background: none;
color: #ba9b30;
}
.orangeBox .textBox a:hover {
background: none;
color: rgba(19, 55, 101, 0.88);
}
.text .fa {
background: #1f4678;
margin-top: 10px;
padding: 2px 5px 5px 13px;
width: 32px;
text-align: center;
color: #fff;
font-size: 22px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.50s ease-in-out;
-moz-transition: all 0.50s ease-in-out;
transition: all 0.50s ease-in-out;
}
.text .fa:hover {
background: #fff;
color: rgba(19, 55, 101, 0.88);
}
/* ///////////////////////  NEW HOME BOXES ///////////////////////////// //// //  */
.span4.newHomeBox {
position: relative;
cursor: pointer;
}
.overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #ba9b30;
overflow: hidden;
opacity: 0;
height: 100%;
-webkit-transition: opacity 0.90s ease-in-out;
-moz-transition: opacity 0.90s ease-in-out;
transition: opacity 0.90s ease-in-out;
}
.newHomeBox:hover .overlay {
opacity: 1;
}
.newHomeBox .text {
color: white;
font-size: 14px;
position: absolute;
width: 100%;
padding: 20px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.newIntro {
color: #fff;
text-align: center;
padding-bottom: 40px;
}
.newIntro .span12:first-letter {
font-size: 48px;
font-family: 'Lora', serif;
color: #ba9b30;
}
/* ///////////////////////  INNER PAGE STYLES //////////////////////////////// //*/
.whiteBoxes {
margin: 40px auto;
}
.whiteBox {
background: #fff;
color: #333;
padding: 20px 32px;
position: relative;
}
.inPageContent.container.gotSidebar {
text-align: left;
padding-top: 40px;
}
.inPageContent.container.gotSidebar .span4 {
padding-top: 40px;
}
.whiteBox h6 {
position: absolute;
bottom: 20px;
left: 50%;
min-width: 200px;
transform: translate(-50%);
}

/* ////////// //////////////////// /// TESTIMONIALS SLIDER ///////////// ////////////// ///   */
.testimonials {
background: #1f4678;
background-size: cover;
text-align: center;
padding: 50px 20px 0 20px;
margin-top: 60px;
}
.testimonials .galleryInner.nivoInner {
height: auto !important;
max-width: 100% !important;
background: none;
}
.testimonials .galleryWrapperNivo img {
display: none !important;
}
.testimonials .nivo-caption {
background: none;
font-size: 18px;
letter-spacing: 1px;
font-style: italic;
line-height: 30px;
font-family: 'Lora', serif;
position: relative;
}
.testimonials pre {
background: none;
border: none;
font-size: 16px;
font-family: inherit;
color: #ba9b30;
font-style: normal;
}
.testimonials .galleryWrapperNivo .nivo-directionNav a {
display: none;
}
.testimonials .nivo-controlNav-Wrapper {
position: relative;
margin-top: 30px;
}
.testimonials .nivo-controlNav-Wrapper .nivo-controlNav a {
width: 8px;
height: 8px;
margin: 0px 4px;
background-image: none;
background-color: transparent;
border: 1px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.testimonials .nivo-controlNav-Wrapper .nivo-controlNav a.active {
background-color: #fff;
border: 1px solid #fff;
 box-shadow: 0 0 0 2px #9f9e9d;
}
.testimonials h4 {
color: #fff;
font-size: 24px;
}
/* ////////// ///////////////////////  HOLE TOUR STYLES /////////////// ////////////////////  */
.body-public .menu-section h2 {
display: none;
}
.holeNavigationRow {
position: fixed;
bottom: 0;
padding: 7px 10px;
z-index: 10;
background: rgba(0, 0, 0, 0.3);
-webkit-transition: opacity 0.90s ease-in-out;
-moz-transition: opacity 0.90s ease-in-out;
transition: opacity 0.90s ease-in-out;
opacity: 1;
}
.holeNavArrows .fa {
position: absolute;
color: #fff;
right: 30px;
font-size: 28px;
top: 9px;
}
.holeNavArrows .fa.fa-angle-left {
right: 50px;	
}
/* HOLE TAB */
.holeTab {
position: fixed;
bottom: 48px;
color: #fff;
z-index: 10;
background: rgba(0, 0, 0, 0.3);
left: 0;
height: 95px;
width: 220px;
-webkit-transition: opacity 0.90s ease-in-out;
-moz-transition: opacity 0.90s ease-in-out;
transition: opacity 0.90s ease-in-out;
opacity: 1;
}
.body-public .holeTab.scrolled  {
opacity: 0;	
}
.courseName {
background: rgba(247, 17, 1, 0.36);
position: absolute;
height: 95px;
bottom: 0;
width: 30px;
}
.verticalText {
transform: rotateZ(-90deg);
-webkit-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
display: inline-block;
width: 95px;
text-transform: uppercase;
font-size: 10px;
text-align: center;
bottom: 83px;
position: fixed;
margin: auto -34px;
}
.holeTab h2 {
color: #fff;
margin-bottom: 0;
margin-top: 15px;
}
.holeDetails {
margin-left: 45px;
font-size: 13px;
}

/* END OF HOLE TAB */
.body-public .holeNavArrows  .fa:hover {
color: #ba9b30 !important;
}
.holeNavigation {
text-align: center;
}
.holeNavigation .menu-section {
display: inline-block;
position: relative;
width: auto;
margin: 0 auto;
text-align: center;
}
.holeNavigation ul {
margin: 0;
}
.body-public .menu-section li {
list-style-type: none;
}
.holeNavigation a {
color: #fff;
text-transform: uppercase;
display: inline-block;
padding: 7px 0;
font-weight: normal;
font-size: 18px;
text-decoration: none !important;
}
.holeNavigation a:hover {
color: #ba9b30;
}
.holeNavigation a:after {
display: none;
}
.holeNavigation a:before {
content: "-";
padding: 0 10px;
color: #fff !important;
}
.holeNavigation ul li:first-child a:before {
display: none;
}
.body-public .holeNavigation .menu-section li a {
margin: 0;
}
.body-public .holeNavigation .menu-section li.current a {
color: #ba9b30;
}
iframe#ytplayer {
height: 270px;
}
.holestats {
margin: 20px 0 10px 0;
}
.statCircle {
height: 15px;
width: 15px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 1px solid #b8b8b8;
display: inline-block;
font-size: 0px;
line-height: 20px;
}
.whiteCircle {
background: #fff;
}
.yellowCircle {
background: #fff000;
}
.redCircle {
background: #ff0000;
}
/* //////// /////////////////// ///////////////////  GOOGLE MAPS STYLES  ///////// ///////////// ////////////////// */
div#map_container {
width: 100% !important;
height: 550px !important;
color: #333;
}
.googleMapHolder .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom,
.googleMapHolder .gm-svpc,
.googleMapHolder button.gm-control-active.gm-fullscreen-control,
.googleMapHolder .gm-style-mtc {
display: none !important;
}
.gm-style .gm-style-iw-c {
line-height: 24px !important;
border-top: 10px solid #1f4678 !important;
}
#globalwrap .map_popup_form input[type=text] {
height: 35px !important;
}
.gm-style-iw-d {
padding: 0 5px !important;
}
.googleMapHolder .map_popup a {
color: #1f4678;
}
.googleMapHolder .map_popup a:hover {
color: #ba9b30;
}
/* ///////////////////// ////////  FOOTER ///////////////////////////// //////////// ////// */
.footerArea {
padding-top: 80px;	
}
.footerArea .row-fluid {
border-bottom: 1px solid #efefef;
margin-bottom: 0;
padding-bottom: 20px;
}
.footerArea .row-fluid.top-row {
margin-bottom: 20px;
}
.footerAddress,
.footerLogo {
display: inline-block;
vertical-align: text-top;
color: grey;
line-height: 28px;
}
.footerAddress {
margin-left: 30px;	
}
.clubLogo {
margin-top: 10px;
}
.footerAddress h3 {
margin-top: 0;
text-transform: uppercase;
font-size: 20px;
color: grey;
margin-bottom: 0;
}
.footerArea h4 {
text-transform: uppercase;
font-family: 'Didact Gothic', sans-serif;
color: #a2a2a2;
letter-spacing: 2px;
}
.footerLogos {
padding-top: 20px;
}
.footerLogos img {
margin: 10px 20px;
}
.footerArea .logoOne {
width: 80px;	
}
.footerArea .logoTwo {
width: 100px;	
}
.footerArea .logoThree {
width: 140px;	
}
.footerArea .logoFour {
width: 160px;
}
.socialIcons {
display: inline-block;
margin-bottom: 30px;
}
.socialIcons {
margin-top: 5px;
float: left;
}
.socialIcons em {
border: 2px solid;
width: 45px;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 8px 5px 8px 10px;
margin: 15px 3px;
margin-top: 0;
-webkit-transition: all 0.50s ease-in-out;
-moz-transition: all 0.50s ease-in-out;
transition: all 0.50s ease-in-out;
font-size: 22px;
}
.socialIcons em:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.footerMenu a {
display: block;
padding: 5px 10px;
}
.leftFooterMenu, .rightFooterMenu {
display: inline-block;
vertical-align: text-top;
}
.rightFooterMenu {
margin-left: 30px;
}
/* very bottom footer */
.footer {
background: rgba(255, 255, 255, 0.75);
color: #333;
line-height: 28px;
font-size: 14px;
height: 50px;
padding-top: 10px;
}
.body-public .footer {
background: rgb(255, 255, 255);
color: #333;
}
a.igLogo img {
width: 85px;
float: right;
}
.footerCopyright {
font-size: 14px;
}
/* newsletter subscribe */
.body-public .footerSubscribe form .customFormLine {
position: static;	
}
#customform_1 fieldset#thankyou {
width: 100%;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
position: relative;
}
#customform_1 label {
position: absolute;
top: 10px;
left: 10px;
color: #ababab;
width: 150px;
cursor: auto;
}
#customform_1 .alert.alert-error + span label {
display: none;
}
#customform_1 .alert li {
list-style-type: none;
}
.alert-danger, .alert-error {
background-color: #6c1a26;
border: none;
color: #fff;
}
div#thankyou p {
margin: 20px 0;
background: #045aa3;
padding: 10px 20px;
color: #fff;
display: inline-block;
}
.body-public #customform_1 #thankyou .customFormLine input {
height: 40px;
width: 320px;
margin-bottom: 0;
margin-right: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #e5eef6;
float: left;
border: none;
cursor: auto;
}
#customform_1 #thankyou #custom_4_submit {
margin-bottom: 1em;
width: 130px;
margin-top: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size: 14px;
color: #fff;
padding-bottom: 8px;
padding-top: 8px;
float: left;
background: rgba(19, 55, 101, 0.88) !important;
-webkit-transition: all 0.45s ease-in;
-moz-transition: all 0.45s ease-in;
transition: all 0.45s ease-in;
}
#customform_1 #thankyou #custom_4_submit:hover {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#customform_1 #thankyou br {
display: none;
}
#customform_1 div#thankyou p {
background: #6c1a26;
padding: 10px;
display: inline-block;
margin-top: 30px;
}
/* ///////////////////////// //// /// TEST PAGE SETTINGS ////////////////////////////////////// //////////  */

/*  GALLERY  */
.inPageContent #gallery div.ss-controls .play,
.body-public .inPageContent div#thumbs div.top,
.inPageContent #gallery div.caption-container,
.inPageContent #gallery div.controls {
display: none;
}
.inPageContent #gallery div.slideshow img {
border: none;
}
.body-public .inPageContent #thumbs ul.thumbs li.selected a.thumb {
background: none;
}
.body-public .inPageContent #thumbs a.thumb {
padding: 0;
border: none;
position: relative;
transition: 0.9s;
}
.body-public .inPageContent .pull-right.gallery-image,
.body-public .inPageContent .pull-left.gallery-thumbs {
width: 100%;
}
.body-public .inPageContent .pull-left.gallery-thumbs {
margin-left: 0;
margin-top: 0;
}
.inPageContent div#thumbs div.bottom {
margin-top: 22px;
float: left;
}
.inPageContent div.pagination span.current {
background-color: rgba(19, 55, 101, 0.88);
border-color: rgba(19, 55, 101, 0.88);
}
.inPageContent ul.thumbs img {
margin: 0;
}
.inPageContent div.pagination a,
.inPageContent div.pagination span.current,
.inPageContent div.pagination span.ellipsis {
margin-right: 8px;
}
.inPageContent div.pagination a:hover {
background-color: #404242;
}
/* in content slider standard settings and gallery */
.inPageContent .galleryWrapper.galleryWrapperNivo {
position: relative;
}
.inPageContent .galleryInner.nivoInner.nivoSlider, 
.inPageContent .galleryInner.nivoInner.nivoSlider img {
max-width: 100%;
width: 100% !important;
height: auto !important;
}
.inPageContent .nivo-controlNav-Wrapper {
position: absolute;
width: 100px;
bottom: 10px;
left: auto;
right: 10px;
z-index: 9;
}
.inPageContent .nivo-controlNav a {
background: #eaeaea;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 3px;
}
.inPageContent .nivo-controlNav a.active {
background: #ba9b30;
}
.inPageContent .nivo-directionNav {
display: none !important;
}
/* member only footer */
.footerCopyright.memberFooter.forceFullWidth {
padding: 10px 20px;
border-left: 20px solid #1f4678;
}
.body-public .footerCopyright.memberFooter {
display: none !important;
}

/* /////////////// //////////// // MEDIA QUERIES START ////////////////// /////////////////////// ////////////  */

/* /////////  MIN WIDTH 1200PX ///////////////   */

/* //////////  MAX 1199PX ///////////////// //  */
@media (max-width: 1199px) {
  .body-public .sliderHolder .nivo-controlNav-Wrapper {
    display: none;
  }
}
/* // ////////   768 - 1199 // /////  ///////   */
@media (min-width: 768px) and (max-width: 1199px) {
	a.igLogo {
    right: 20px;
    }
    iframe#ytplayer {
    height: 200px;
    max-width: 100%;
   }
   .text {
     padding: 10px;
	 }
	 .text h4 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
	 }
	 .text .fa {
    margin-top: 10px;
    padding: 2px 5px 5px 9px;
    width: 22px;
    font-size: 16px;
	 }
	 .text p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
    }
	body.php-analysis .span5#map {
	padding-left: 60px;
    }
}
/* ///////// /// 980 - 1199 ///// //// /////    */
@media (min-width: 980px) and (max-width: 1199px) {
	      .holeNavigation a:before {
          padding: 0 7px;
          }
		  .body-public #customform_1 #thankyou .customFormLine input {
		  width: 240px;
		  }
		  .footerCopyright {
		  font-size: 12px;
		  }
		  .footerLogos img {
          margin: 10px 15px;
          }
          .footerArea .logoOne {
          width: 60px;	
          }
          .footerArea .logoTwo {
          width: 80px;	
          }
          .footerArea .logoThree {
          width: 120px;	
          }
          .footerArea .logoFour {
          width: 140px;
          }
		  .footerLogo img {
          width: 130px;
          }
		  .footerAddress h3 {
          font-size: 18px;
		  }
}
/* /// /////   768 - 979  ///// / /// */
@media (min-width: 768px) and (max-width: 979px) {
     .container {
	 width: auto !important; /* get more horizontal space 768 to 979 */	 
	 }
	 .footerArea .container {
    padding-left: 20px;
    padding-right: 20px;
    }
	.footer {
	padding-left: 10px;
    padding-right: 10px;
	}
	 .holeNavigation a:before {
     padding: 0 6px;
     }
	 .body-public #customform_1 #thankyou .customFormLine input {
     width: 55%;
     margin-right: 0;
     }
	 .footerLogos img {
     margin: 10px;
     }
     .footerArea .logoOne {
     width: 40px;	
     }
     .footerArea .logoTwo {
     width: 60px;	
     }
     .footerArea .logoThree {
     width: 100px;	
     }
     .footerArea .logoFour {
     width: 120px;
     }
	 .footerLogo img {
     width: 60px;
     }
	 .footerAddress h3 {
     font-size: 16px;
     line-height: normal;
	 }
	 .footerMenu a {
     padding: 5px 0;
     }
	 .homeMainContentHolder,
     .innerPageContent {
	 padding-left: 20px;
     padding-right: 20px;	 
	 }
	 .home-carousel #home-carousel {
     width: 700px;
     margin: 40px auto;
     }
     .home-carousel .home-image {
     width: 450px;
     }
	 .holeNavArrows .fa {
     right: 10px;
     }
     .holeNavArrows .fa.fa-angle-left {
     right: 25px;	
     }
	 .rightFooterMenu {
     margin-left: 20px;
     }
	 /*.whiteBox {
     height: 780px;
     }
	 .body-class-golf .whiteBox {
     height: 580px;
     }
	 .body-class-events .whiteBox {
     height: 1220px;
     }*/
}
/* //// MAX WIDTH 979 ///// //// */
@media (max-width: 979px) {
	.holeNavigation li:nth-child(10) a {
    clear: left;
    }
	.inPageContent	{
    padding: 0 20px;
	}
	.holeNavigationRow {
     width: 100%;
	 }
	.holeNavigation {
    text-align: center;
    }
	.sliderCaptions.innerSliderCaptions {
    top: 70px;
	}
	.sliderCaptions.innerSliderCaptions img {
    width: 40px;
	}
}
/* //// ///// MIN WIDTH 980 ///// //// ///////  */
@media (min-width: 980px) {
	#globalwrap {
    padding-top: 0;
    }
	.nivo-directionNav {
    display: none !important;
    }
	.footerLogos:after {
    content: '';
    width: 1px;
    height: 100px;
    background: #efefef;
    position: absolute;
    }
	.body-public .holeNavigationRow.scrolled {
    opacity: 0;	
    }
	/*.whiteBox {
    height: 580px;
    }
	.body-class-golf .whiteBox {
	height: 400px;	
	}*/
}
/* ///// //// MIN WIDTH 768 /// ////////// /   */
@media (min-width: 768px) {
	.moveRight768AndAbove {
	float: right !important;	
	}
	.removeMarginLeft768AndAbove {
	margin-left: 0 !important;
	}
	.statContainer {
    display: inline-block;
    margin: 10px;
    }
	.visibleUnder768 {
	display: none;
	}
}
/* //// MAX WIDTH 767 ///// //// */
@media (max-width: 767px) {
    .footer {
    height: 125px;
	text-align: center;
    }
	#container {
    min-height: calc(100vh - 125px); /* this keeps very bottom footer (125px on this site) at bottom on short pages */
    }
	.holeNavigationRow {
    margin-top: 0;
    background: #1f4678;
	position: relative;
	padding: 10px 0;
	}
	.body-public .holeNavigation .menu-section li a {
    display: inline-block;
    width: 35px;
    float: left;
    margin: 7px;
    margin: 5px;
    padding: 7px;
    background: rgba(19, 55, 101, 0.88);
    color: #ffffff;
    }
	.body-public .holeNavigation .menu-section li a:hover {
    color: rgba(19, 55, 101, 0.88);
    background: var( --highlightColor);
    }
	.holeNavigation a:before {
	display: none;
	}
	.statContainer {
    margin: 10px;
    }
	iframe#ytplayer {
    width: 100%;
	}
	span.footerSep {
    display: block;
    font-size: 0;
    line-height: 0;
    }
	.socialIcons {
	margin-top: 40px;
    float: none;
    display: block;
	}
    .socialIcons:after {
	display: none;
	}
    .body-public .sliderHolder .nivo-controlNav-Wrapper {
    display: none !important;
	}
	a.igLogo img {
    float: none;
	margin-top: 8px;
    }
	.footer {
    line-height: 20px;
    padding: 10px;
    }
	.footerArea {
    padding-top: 20px;
    text-align: center;
    }
	.footerLogos img {
    margin: 20px;
    }
	.footerLogos {
    padding-bottom: 30px;
    }
	#customform_1 #thankyou #custom_1_submit {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    float: none;
   }
    .body-public #customform_1 #thankyou .customFormLine input,
    #customform_1 fieldset#thankyou {
    width: 280px;
   }
   .body-public #customform_1 #thankyou .customFormLine input {
    border: none;
	margin-bottom: 20px;
	text-align: center;
   }
   #customform_1 label {
    left: 50%;
    right: 50%;
    transform: translatex(-50%);
    }
	.footerAddress, .footerLogo {
    display: block;
	}
	.footerLogo img {
    width: 100px;
    margin-bottom: 20px;
    }
	.footerAddress {
    margin-left: 0;
   }
   .homeBox:before {
	border: none;   
   }
   .topRowOfThumbs {
    margin-bottom: 0;
    }
	.sliderHolder .galleryInner,
    .sliderHolder .galleryInner img	{
    height: 100vh !important;
    }
	.text h4 {
    font-size: 28px;
    line-height: 38px;
    }
	.sliderHolder:after {
    height: 100px;
	}
	.testimonials {
    margin: 60px 20px 0 20px;
	}
	.homeMainContentHolder {
	padding-top: 0;	
	}
	.inPageContent h1 {
    font-size: 28px;
	}
	.subMenu {
    padding-right: 10px;
    padding-left: 10px;
    }
	.whiteBox {
    margin-bottom: 30px;
    }
	.whiteBox:last-of-type {
    margin-bottom: 0;
    }
	.holeNavArrows .fa {
    display: none;
    }
	.holeTab {
    background: rgba(0, 0, 0, 0.6);
	}
	.coursePics img {
	margin-top: 20px;
	}
	.body-public .sliderHolder .nivo-caption {
    top: 60%;
    }
    .sliderHolder .nivo-caption h4 {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-family: 'Didact Gothic', sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 5px 20px;
    }
	.newIntro {
    padding-left: 40px;
	padding-right: 40px;
    }
}
/* /////////   480 - 767 ////////////////   */
@media (min-width: 480px) and (max-width: 767px) {
	.home-carousel #home-carousel {
     width: 450px;
     margin: 40px auto;
     }
     .home-carousel .home-image {
     width: 300px;
     }
	 .coursePics img {
	padding-left: 60px;
	padding-right: 60px;
	}
}
/* //// MAX WIDTH 480 ///// ////  //// ///  */
@media (max-width: 480px) {
	.holeNavigation li:nth-child(7) a, .holeNavigation li:nth-child(13) a {
    clear: left;
    }
	.holeNavigation li:nth-child(10) a {
    clear: none;
    }
	.holeNavigation a {
    margin: 5px;
    }
	.sliderCaptions h2 {
    font-size: 20px;
    }
    .sliderCaptions h1 {
    font-size: 38px;
    }
	.body-public .menu-section li::after {
    display: none;
    }
	.body-public .subMenu .menu-section li::after {
	display: none;
	}
	.subMenu {
	padding: 10px;
	}
	.body-public .subMenu .menu-section li a {
    margin: 10px;
    display: block;
    border: 1px solid;
    padding: 10px;
	}
	.footerAddress h3 {
    font-size: 16px;
	}
	.text p {
    color: #fff;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 20px;
    }
	.innerPageContent {
    padding-top: 0;
	}
	.home-carousel #home-carousel {
     width: 260px;
     margin: 40px auto;
     }
     .home-carousel .home-image {
     width: 150px;
     }
	 .home-carousel .film_roll_next::after,
     .home-carousel .film_roll_prev::after	 {
     font-size: 30px;
     }
	 .inPageContent h5 {
     margin: 0 15px 30px 15px;
     width: 250px;
	 }
	 .innerPageContent.holePage {
     padding-top: 30px;
     }
	 .body-class-events table {
     overflow-x: auto;
     display: block;
     }
	 .newIntro {
    padding-left: 20px;
	padding-right: 20px;
    }
}
/* height media query to fit everything on mobile landscape */
@media (min-height: 0px) and (max-height: 399px) {
  .sliderCaptions {
   
  }
  .sliderCaptions img {
  width: 40px;
  margin-bottom: 0;
  }
  .sliderCaptions h1 {
  font-size: 38px;
  margin-bottom: 0 !important;
  }
  .sliderCaptions h2 {
  font-size: 18px;
  margin: 0 !important;
  }
}
/* additional css during content fill */
.inPageContent ul li {
margin-bottom: 8px;
list-style-position: inside;
}
.body-public .inPageContent h6 a {
margin-bottom: 15px;
}
/* /////////////////  HOME PAGE PUBLIC BODY STYLES FOR HEADER AREA //////////////////// */
.body-public #header .logoLink img {
width: 45px;
left: 50%;
transform: translatex(-50%);
float: none;
margin-top: 7px;
margin-right: 0;
position: absolute;
top: 0;
-webkit-transition: all 0.90s ease-in-out;
-moz-transition: all 0.90s ease-in-out;
-o-transition: all 0.90s ease-in-out;
transition: all 0.90s ease-in-out;
display: none;
}
#hamburger-icon-home-big-screen {
display: none;	
}
.body-public .navbar-inner {
padding: 0;
-webkit-transition: all 0.90s ease-in-out;
-moz-transition: all 0.90s ease-in-out;
-o-transition: all 0.90s ease-in-out;
transition: all 0.90s ease-in-out;
}
.body-class-home.body-public #hamburger-icon-home-big-screen span.menuText {
top: 17px;
}
.body-class-home.body-public .whiteLinks {
top: 17px;
-webkit-transition: all 0.90s ease-in-out;
-moz-transition: all 0.90s ease-in-out;
-o-transition: all 0.90s ease-in-out;
transition: all 0.90s ease-in-out;	
}
.body-public .brownLoginButton {
top: 75px;
position: fixed;
z-index: 99;
-webkit-transition: all 0.90s ease-in-out;
-moz-transition: all 0.90s ease-in-out;
transition: all 0.90s ease-in-out;	
cursor: pointer;
text-decoration: none !important;
}
.body-class-home.body-public .brownLoginButton {
top: 15px;
}
.body-public .brownLoginButton:hover {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #7b661d;
}		
/* /////////// START OF NAVBAR ACTIVE HOME PAGE SETTINGS/////// */
.body-class-home.body-public .header-wrapper.active .navbar-inner {
margin-top: 0;
}
.body-class-home.body-public #header.header-wrapper.active .logoLink img {
top: 60px;
}
.body-class-home.body-public .header-wrapper.active #hamburger-icon-home-big-screen {
top: 63px;
}
.body-class-home.body-public .header-wrapper.active .whiteLinks {
top: 78px;
}
.body-class-home.body-public .header-wrapper.active .brownLoginButton {
top: 75px;
}
@media (min-width: 980px) {
	.body-class-home.body-public .navbar-inner {
     margin-top: -60px;
	}
	.body-class-home.body-public #hamburger-icon {
	display: none !important;
    }
	.body-class-home.body-public #hamburger-icon-home-big-screen {
    display: inline-block;
    position: fixed;
    top: 3px;
    font-size: 13px;
    letter-spacing: 1.5px;
    -webkit-transition: all 0.90s ease-in-out;
    -moz-transition: all 0.90s ease-in-out;
    -o-transition: all 0.90s ease-in-out;
    transition: all 0.90s ease-in-out;	
    }
}
@media (max-width: 979px) {
	.body-class-home.body-public #header.header-wrapper.active .logoLink img {
    top: 0;
    }
    .body-class-home.body-public .header-wrapper.active #hamburger-icon-home-big-screen {
    top: 0;
    }
    .body-class-home.body-public .header-wrapper.active .whiteLinks {
    top: 17px;
    }
    .body-class-home.body-public .header-wrapper.active .brownLoginButton {
    top: 17px;
    z-index: 99;
    }
}
/* /// END OF NAVBAR ACTIVE SETTINGS HOMEPAGE ///// */
.body-public #topmenu #nav {
left: 50%;
transform: translatex(-50%);
}
.body-public div#header {
min-height: initial;
}
.whiteLinks {
display: none;
}
.body-public .whiteLinks {
display: block;
z-index: 10;
position: absolute;
top: 78px;
color: #fff;
right: 30px;
font-size: 14px;
letter-spacing: 1.5px;
}
.body-class-home.body-public .whiteLinks {
right: 113px;	
}
.whiteLinks a {
color: #fff !important;
-webkit-transition: all 0.50s ease-in-out;
-moz-transition: all 0.50s ease-in-out;
transition: all 0.50s ease-in-out;
}
.whiteLinks a:hover {
color: #ba9b30 !important;
}
.whiteLinks span.headerSep:last-of-type {
display: none;
}
.body-class-home .whiteLinks span.headerSep:last-of-type {
display: inline-block;
}
.body-class-home .whiteLinks .headerSep {
margin: 0 12px;
}
.brownLoginButton {
display: none;
}
.body-public .brownLoginButton {
display: inline-block;
color: #fff;
background: rgba(186, 155, 48, 0.75);
padding: 4px 35px;
text-transform: uppercase;
z-index: 99;
position: fixed;
color: #fff;
left: 20px;
font-size: 13px;
letter-spacing: 1.5px;
}


/* ///////  ///////////////////   GENERIC NAVBAR ////////// //////////////////// //////////// /// */
.collapse {
-webkit-transition: height 0.90s ease;
-moz-transition: height 0.90s ease;
-o-transition: height 0.90s ease;
transition: height 0.90s ease;
}
div#header {
min-height: 60px;
}
#header .logoLink img {
width: 40px;
float: left;
margin-top: 7px;
margin-right: 20px;
position: absolute;
z-index: 99;
}
.navbar .nav {
margin: 0;
}
.navbar-inverse .navbar-inner {
background: #1f4678;
min-height: 60px;
}
.body-public .navbar-inverse .navbar-inner {
background: rgba(31, 70, 120, 0.8);
min-height: 0;
}
.navbar-inverse .nav li a {
font-size: 14px;
letter-spacing: 0;
text-shadow: none;
color: #ba9b30;
padding: 20px 14px;
text-decoration: none;
text-transform: uppercase;
}
li.nav-level-1.current a,
li.nav-level-1.current a:hover {
background: rgba(19, 55, 101, 0.88);
}
.body-public li.nav-level-1.current a,
.body-public li.nav-level-1.current a:hover {
background: none;
color: #fff;
text-transform: uppercase;
}
.navbar-inverse .nav li a:hover {
color: #fff;
}
li.nav-level-1.nav-menu-login_page a,
#logoutbtn {
color: #ba9b30;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
background-color: rgba(19, 55, 101, 0.88);
color: #fff;
}
.dropdown-menu {
margin: 0;
list-style: none;
background-color: rgba(19, 55, 101, 0.88);
border: none;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: block;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.75s linear;
-moz-transition: opacity 0.75s linear;
-o-transition: opacity 0.75s linear;
transition: opacity 0.75s linear;
}
.navbar .nav > li > .dropdown-menu:after {
border-bottom: 6px solid #fff;
}
.navbar-inverse .nav .dropdown-menu > li > a {
border-bottom: 1px dotted #fff;
padding: 10px;
clear: both;
color: #fff;
}
.navbar-inverse .nav .dropdown-menu li:last-child a {
border-bottom: none;
}
.navbar-inverse .nav .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
background-color: rgba(19, 55, 101, 0.88);
background-image: none;
color: #ba9b30;
}
/* fade in dropdown menu */
.open > .dropdown-menu {
pointer-events: auto;
opacity: 1;
}
/* ///////////////////////////////////////    NAVBAR STYLES ALREADY IN ADMIN PANEL /////////////////////// /////  */
.navbar-inverse .navbar-inner {
border: none;
box-shadow: none;
}
span.menuText {
position: absolute;
right: 60px;
top: 18px;
}
.menu-trigger {
outline: 0;
position: absolute;
right: 0;
top: 0;
background-color: transparent;
z-index: 100;
width: 75px;
height: 60px;
color: #fff;
border: none;
padding: 10px;
text-transform: uppercase;
border-radius: 0;
}
#hamburger-icon .line,
#hamburger-icon-home-big-screen .line {
display: block;
background: #fff;
height: 2px;
position: absolute;
right: 18px;
border-radius: 0px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}
#hamburger-icon:hover .line,
#hamburger-icon-home-big-screen:hover .line {
background: #ba9b30; 
}
#hamburger-icon .line.line-1,
#hamburger-icon-home-big-screen .line.line-1 {
top: 15px;
width: 40%;
}
#hamburger-icon .line.line-2,
#hamburger-icon-home-big-screen .line.line-2 {
top: 25px;
width: 40%;
}
#hamburger-icon .line.line-3,
#hamburger-icon-home-big-screen .line.line-3  {
top: 35px;
width: 40%;
}
.menu-text {
position: absolute;
right: 18px;
bottom: 12px;
color: #fff;
font-size: 13px;
transition: all linear 0.2s;
}

#hamburger-icon.active .line-1,
.header-wrapper.active #hamburger-icon-home-big-screen .line-1 {
transform: translateY(10px) translateX(0) rotate(45deg);
-webkit-transform: translateY(10px) translateX(0) rotate(45deg);
-moz-transform: translateY(10px) translateX(0) rotate(45deg);
width: 45%;
}
#hamburger-icon.active .line-2,
.header-wrapper.active #hamburger-icon-home-big-screen .line-2 {
opacity: 0;
}
#hamburger-icon.active .line-3,
.header-wrapper.active #hamburger-icon-home-big-screen .line-3 {
transform: translateY(-10px) translateX(0) rotate(-45deg);
-webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
-moz-transform: translateY(-10px) translateX(0) rotate(-45deg);
width: 45%;
}
/* MEDIA QUERIES NAVBAR */
@media (min-width: 980px)  {
                            .menu-trigger {
                            display: none;
                            }
							.navbar-inverse .nav .dropdown-menu li.nav-level-2.current a {
                            color: #ba9b30 !important;
                            }
							div#myNavbar {
                            margin-left: 70px;
                            }
							.body-public div#myNavbar {
                            margin-left: 0;
                            }
							.body-public #header .logoLink img {
                            width: 50px;
							margin-top: 70px;
							}
							.body-class-home.body-public #header .logoLink img {
                            width: 80px;
							margin-top: 20px;
							}
							.body-public .scrolled .navbar-inverse .navbar-inner {
                            background: rgba(31, 70, 120, 0.95);
							}
}
@media (max-width: 979px) {  
                            #header .logoLink img {
                            width: 50px;
                            left: 50%;
                            transform: translatex(-50%);
                            float: none;
                            margin-top: 7px;
                            margin-right: 0;
                            }
                            .navbar-inverse .btn-navbar {
                            color: #fff;
                            text-shadow: none;
                            background-color: transparent;
                            background-image: none;
                            margin: 20px 35px 20px 0px;
                            }
                            .header-wrapper .navbar-inverse .nav > li {
                            display: block;
                            }
                            .nav li {
                            padding-top: 10px;
                            }
							.navbar-fixed-top {
	                        margin: 0;
	                        }
	                        .navbar #myNavbar .nav {
                            margin-top: 70px;
	                        padding-bottom: 30px;
                            }
	                        .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
                            color: #fff;
                            padding: 10px 15px;
                            font-size: 16px;
                            font-weight: normal;
                            margin: 0 20px;
                            background: rgba(19, 55, 101, 0.88);
							border-bottom: none !important;
                            }
	                        .navbar-inverse .nav-collapse .nav > li > a.moredown, .navbar-inverse .nav-collapse .dropdown-menu a.moredown {
	                        background: rgba(19, 55, 101, 0.88) url(/images/resources/frilfordheath/menuDownToggle2.png) right 15px center no-repeat;
                            }	
	                        .navbar-inverse .nav li.moredown.dropdown.nav-level-1.nav-haslevel-2.active.top-menu-active a.moredown,
                            .navbar-inverse .nav li.dropdown.active > .dropdown-toggle	{
                            background: #ba9b30 url(/images/resources/frilfordheath/menuDownToggle2.png) right 15px center no-repeat;
                            }
	                        .navbar-inverse .nav li.moredown.dropdown.nav-level-1.nav-haslevel-2.active.top-menu-active.open a.moredown,
                            .navbar-inverse .nav li.dropdown.active.open > .dropdown-toggle	{
                            background: rgba(19, 55, 101, 0.88) url(/images/resources/frilfordheath/menuUpToggle.png) right 15px center no-repeat;
                            }
	                        .navbar-inverse .nav li.moredown.dropdown.nav-level-1.nav-haslevel-2.open a.moredown,
                            .navbar-inverse .nav li.dropdown.open > .dropdown-toggle	{
                            background: rgba(19, 55, 101, 0.88)  url(/images/resources/frilfordheath/menuUpToggle.png) right 15px center no-repeat;
                            }	
	                        .navbar-inverse .nav .dropdown-menu > li.nav-level-2.current > a {
                            background: #ba9b30;
							color: #fff;
                            }
	                        #myNavbar {
                            z-index: 11;
                            background: #1f4678;
	                        }
							.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
                            background-color: #ba9b30;
                            }
							.body-public .brownLoginButton {
                            top: 12px;
                            left: 8px;
                            padding: 4px 20px;
	                        }
							.body-class-home.body-public .brownLoginButton {
							padding: 4px 30px;	
							}
							.body-public div#header {
                             min-height: initial;
                             overflow: hidden;
                             position: fixed;
                             min-height: 60px;
                             width: 100%;
                             z-index: 999;
							 transition: background 0.8s;
                             -webkit-transition: background 0.8s;
                             -moz-transition: background 0.8s;
                             }
							 .body-public #header.scrolled {
                             background: #143967;
                             border-bottom: 1px solid #6d5d27;
                             }
}
@media (min-width: 980px) and (max-width: 1199px) {
	           .body-public .navbar-inverse .nav li a {
               font-size: 12px;
               padding: 20px 12px;
               }
}
@media (min-width: 768px) and (max-width: 979px) {
	   .body-public span.menuText {
		display: none;   
	   }
	   .whiteLinks span.headerSep:last-of-type {
       display: none !important;
       }
	   .body-public .whiteLinks {
       top: 13px !important;
       right: 70px !important;
	   }
}
@media (max-width: 767px) {
       .body-public .whiteLinks {
       display: none;	
	   }
}
@media (max-width: 480px) {
       .body-class-home.body-public .brownLoginButton {
       top: 12px;
       left: 8px;
       padding: 4px 20px;
	   }	   
}
/* ///////////////////////////////////  VARIOUS CMS TWEAKS /////////////////////////////////// ////// //////////// /////////////////////////////////////// /// GENERALLY DON'T NEED TO TOUCH /////////// /////////////////// ////////////////////// ///////// /////////////////////////// ///////////////////////// //////// */
#date_form .picker input {
cursor: pointer;
padding: 3px;
margin-right: 15px !important;
}
img.ui-datepicker-trigger {
position: absolute;
right: 20px;
top: 0;
}
.body-root-information #global .container {
max-width: 100%;
}
body[class^="body-class-setcoursestatuscourseid"] { 
word-break: break-word;
}
#statusform textarea {
max-width: 100%;
}
.body-public .tipForm form input[type="submit"] {
letter-spacing: 0;
font-size: 12px;
padding: 5px 10px;
}
.cluetip-jtip #cluetip-inner {
overflow: hidden;
}
.php-ckeditor .inPageContent td {
border: 2px solid #1a4267 !important;
}
.php-ckeditor .newIntro {
color: #333;
}
.body-class-visitorbooking.body-public img.ui-datepicker-trigger {
top: 0;
right: 20px;
position: absolute;
}
.body-class-visitorbooking.body-public #date_form .picker input[type=text] {
margin-right: 20px;
}
.hcapsig .dropdown-menu {
background-color: #dedfde;  
}
div#cluetip {
/*width: auto !important; this was causing a shadow on Wells visitor booking pop up but needed on previous sites */
}
.cc-cookies {
width: 100% !important;
}
.body-root-home #latestcomp img[height="16"], img[height="14"] {
margin-left: 7px;
margin-top: -3px;
}
.php-search input#string {
height: 40px;
}
.php-messages .well-large {
padding:0px;
}
.php-halloffame h1 {
font-size: 24px;
border-bottom: 1px dotted;
padding-bottom: 20px;
}
.php-roundmgmt .dateperiods {
/* float:none; THIS WAS CAUSING OVERLAPPING ON SMALL SCREEN PAGE FOR ROUNDMGMT */
}
.php-roundmgmt #globalwrap {
overflow: scroll;
}
#login fieldset {
padding: 0;
margin: 0;
border: 0;
display: inline-block;
transform: translateX(-90px);
}
.php-hcaprecord #global {
overflow: scroll;
}
#latestcomp, #upcomingcomps, #previouscomps, #fpmessagediv, #admin_dash, .announcements, #myupcoming, #myteetimes, .news, .members-mobile-scoreentry,#halloffame {
border: 2px solid rgb(185, 152, 99);
background: rgba(255, 255, 255, 0.8);
}
.teetimesholder th, #memteetimes th, .teetimesholder thead tr {
border: #706862 1px solid;
}
table.teetimesholder td {
border-right: 1px #294761 solid;
}
#memteetimes {
border: 1px #706862 solid;
}
#memteetimes td {
border-left: #706862 1px solid !important;
border-bottom: #706862 1px solid !important;
}
#memteetimes tbody tr {
border-bottom: #706862 1px solid !important;
}
#global .tabs ul {
background: #706862 !important;
}
#globalwrap .adminWrapper table.admin thead th, #globalwrap .adminWrapper table.admin thead td {
color:white!important;
}
.inner-page .container {
background: none;
margin-left: -20px;
}
.body-root-roundmgmt\.php #ui-datepicker-div {
display: none;
}
.gr-textarea-btn {
display: none;
}
#closebutton + br {
display: none !important;
}
.nav .nav-menu-login\.php {
display: none !important;
}
.nav .nav-menu-member_login {
display: none !important;
}
.navbar .nav li ul.dropdown-menu li.nav-menu-information {
display: none;
}
#ui-datepicker-div {
position: absolute;
top: -100%;
left: -100%;
}
#date_form .picker {
right: 0px !important;
}
table.tee_process {
display: none !important;
}
.php-weatherfg .image-day {
background: #87CEEB;
}
.php-weatherfg .image-night {
background: #3c4a90;
}
.php-visitoropen #globalwrap > div {
max-width: 100%;
}
#facebox {
position: absolute;
top: 150px !important;
z-index: 9999;
}
#globalwrap table.mceLayout[style] {
width: 100% !important;
}
.mceItemTable {
width: 100% !important;
max-width: 100%;
}
.body-class-members #leftcontent > div,
.body-class-members #rightcontent > div,
body:not(.body-public) #leftcontent > div,
body:not(.body-public) #rightcontent > div {
padding: 20px;
margin-bottom: 20px;
background-color: #ffffff21;
}
.body-class-members .teetimesholder th,
.body-class-members #memteetimes th,
body:not(.body-public) .teetimesholder th,
body:not(.body-public) #memteetimes th {
color: #fff !important;
background-color: grey !important;
}
.body-class-members .login-btn,
body:not(.body-public) .login-btn {
display: none;
}
.body-class-members .btn-group > .btn,
body:not(.body-public) .btn-group > .btn {
float: left;
}
.body-class-members .dateperiods a,
body:not(.body-public) .dateperiods a {
float: left;
}
/* remove left margin cms centred logo  */
.body-class-members .navbar .nav li:nth-child(4),
body:not(.body-public) .navbar .nav li:nth-child(4),
.body-class-opens .navbar .nav li:nth-child(4),
.php-login .navbar .nav li:nth-child(4),
.body-loginpage .navbar .nav li:nth-child(4),
.php-news .navbar .nav li:nth-child(4),
.php-competition .navbar .nav li:nth-child(4),
.php-teelogin .navbar .nav li:nth-child(4),
.php-visitoropen .navbar .nav li:nth-child(4),
.php-sagepay .navbar .nav li:nth-child(4),
body[class^='body-class-setcoursestatus'] .navbar .nav li:nth-child(4),
.body-class-visitorbooking .navbar .nav li:nth-child(4) {
margin: 0 0px 0 0;
}
/* ///// NAVBAR TO TO SCROLL UP ON MEMBERS PAGES & SYSTEM FRONT-END  ///*/
.body-class-members .navbar-fixed-top,
body:not(.body-public) .navbar-fixed-top
.body-class-opens .navbar-fixed-top,
.php-login .navbar-fixed-top,
.body-loginpage .navbar-fixed-top,
.php-news .navbar-fixed-top,
.php-competition .navbar-fixed-top,
.php-teelogin .navbar-fixed-top,
.php-visitoropen .navbar-fixed-top,
.php-sagepay .navbar-fixed-top,
body[class^='body-class-setcoursestatus'] .navbar-fixed-top,
.body-class-visitorbooking .navbar-fixed-top {
position: relative;
}
/* php-ckeditor */
.php-ckeditor #outerborder #myNavbar {
display: none;
}
.php-ckeditor .nav-collapse {
position: relative;
}
.php-ckeditor .nav-collapse span {
color: #fff !important;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
}
.php-ckeditor .navbar .btn,
.php-ckeditor .navbar .btn.btn-primary,
.php-ckeditor .navbar .btn-group .btn {
margin: 10px 0px;
}
.php-ckeditor .navbar .btn-group {
margin: 0px 0px !important;
}
.php-ckeditor .CodeMirror-wrap .CodeMirror-scroll {
position: relative;
height: 1000px;
overflow: auto;
}
div.sticky-queue {
border: none !important;
}
div.sticky-note {
padding-bottom: 20px;
}
a.btn.btn-danger,
a.btn.btn-success {
color: #fff;
}
.body-class-members .navbar-inverse .nav .dropdown-menu > li > a {
padding: 7px 10px;
}
/* system login page & course status */
#login input,
.php-coursestatus textarea,
.body-class-setcoursestatus textarea,
.body-class-setcoursestatuscourseid1 textarea{
height: 40px;
width: 100% !important;
margin-bottom: 10px;
}
#login .controls input.btn {
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: none;
border: none;
margin-top: 20px;
}
#login label.checkbox {
padding-left: 0;
text-align: center;
}
#login .controls label.checkbox input.inline {
margin-left: -5px;
}
.php-coursestatus a.button.btn.btn-info.btn-small,
.body-class-setcoursestatus a.button.btn.btn-info.btn-small {
margin: 5px;
color: #fff !important;
}
.php-coursestatus a[href*="setcoursestatus"],
.body-class-setcoursestatus a[href*="setcoursestatus"],
.body-class-setcoursestatuscourseid1 a[href*="setcoursestatus"] {
word-break: break-word;
}
.ui-widget-header {
border: none;
background: #dab380;
}
body.body-class-setcoursestatus h1 {
font-size: 32px;
border-bottom: 1px dotted;
padding-bottom: 20px;
margin-bottom: 20px;
}
body.body-class-setcoursestatus form input[type="submit"] {
/*margin-top: 0; this causing button to be out of line on recent sites */
}
body.body-class-setcoursestatus form input[name="loginword"] {
height: 38px;
}
/* ///////////// /////////// max-width 1199px ////////////////// ///// */
@media (max-width: 1199px) {
       .nametable a.btn.button {
       font-size: 11px !important;
       }
       .nametable td {
       font-size: 11px !important;
       padding: 5px 2px !important;
       }	   
}

/* media queries members that generall don't need touching */
@media (max-width: 979px) {
    body.php-viewround table {
    font-size: 13px;
    }
    .php-viewround .table th, .table td {
     padding: 5px;
    }
	#globalwrap .teebooking #date_form .tabs li.current a {
     background: #4f925a !important;
     color: #fff;
	 margin: 0;
    }
}
@media (max-width: 767px) {
     .body-class-members #globalwrap, body:not(.body-public) #globalwrap, .body-class-opens #globalwrap, .php-login #globalwrap, .body-loginpage #globalwrap, .php-news #globalwrap, .php-competition #globalwrap, .php-teelogin #globalwrap, .php-visitoropen #globalwrap, .php-sagepay #globalwrap, body[class^='body-class-setcoursestatus'] #globalwrap, .body-class-visitorbooking #globalwrap {
     margin-left: 5px;
     margin-right: 5px;
     }
}
@media (min-width: 481px) and (max-width: 767px) {
	#globalwrap .teebooking #date_form .tabs li.current a {
	font-size: 14px;
	margin: 0;
	}
}
@media (max-width: 480px) {
    #login fieldset {
    transform: translateX(0px);
    }
	.php-coursestatus a.button.btn.btn-info.btn-small,
    .body-class-setcoursestatus a.button.btn.btn-info.btn-small	{
    margin: 5px;
    display: block;
	}
	.php-coursestatus ul.unstyled li,
    .body-class-setcoursestatus ul.unstyled li	{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ddd;
    }
	.php-coursestatus ul.unstyled,
    .body-class-setcoursestatus ul.unstyled	{
    padding-top: 20px;
    }
	/* weather members */
    .php-weatherfg .nav-tabs a {
    font-size: 12px;
    padding: 5px 2px;
    }
	/* compact tables small screens */
	table td {
    font-size: 12px;
    }
	table th {
	font-size: 12px;
	font-weight: normal !important;
    padding: 2px !important;	
	}
	.php-viewround .table th, .table td {
    padding: 5px 2px;
    font-size: 10px;
    letter-spacing: 0;
	}
	.php-awayplayer table {
	display: block;
	overflow-x: auto;
	}
	table.table.scorecard {
    display: block;
    overflow-x: auto;
    }
}

/*-----------------------------------------------------------------
                SCORECARD
-----------------------------------------------------------------*/

.scorecard {
        text-align: center;
        border: 1px solid #0063ac;
}
.scorecard td, .scorecard th {
        border: 1px solid #0063ac;
        text-align: center;
}
.scorecard th {
                 background: unset;
}

.White {
        background: #fff;
}
.Yellow {
        background: #ffff00;
}
.Red {
        background: #ff0000;
        color: #fff;
}
/* ////// ////////////////////////////// //////////////////////// //////////////////// ///////////////////// /////////// //////////////////// END OF STYLES FOR MEMBERS PAGES THAT GENERALLY DO NOT NEED TO TOUCH ///////////////// ////// ///// / ////////////////////////////////////////////// ////////////////////////////////// //////////////////////////////////////////// ///////////////// ////////////////////////// ////////////////// */



/* ///////////////// MEMBERS HOME PAGE ///////////////// */
.body-class-members h3 {
text-transform: uppercase;
font-weight: normal;
padding-bottom: 10px;
border-bottom: 1px dotted #1f4678;
}
.body-class-members #leftcontent > div,
.body-class-members #rightcontent > div,
body:not(.body-public) #leftcontent > div,
body:not(.body-public) #rightcontent > div {
border: 1px solid #1f4678;
}
/* ///////////////////////////////// ///////////////  LOGIN PAGE ///////////////////////////////////// */
.body-loginpage #login {
padding: 20px 20px;
border: 2px solid #1f4678;
text-align: center;
}
#login h3 {
color: rgba(19, 55, 101, 0.88);
text-transform: uppercase;
margin-bottom: 30px;
}
#login .controls input.btn:hover {
color: #fff;	
}
/* ////////////////////// /////////////////// /////// NEWSBOX CMS HOMEPAGE //////////// ////////////// ///////  */
.newsbox a:link,
.newsbox a:visited,
.news-summary a.read-more:link,
.news-summary a.read-more:visited {
background: #ba9b30;
color: #fff;
display: inline-block;
text-transform: uppercase;
text-decoration: none !important;
padding: 5px 12px;
margin: 10px 0 20px 0;
-webkit-transition: all 0.50s ease-in-out;
-moz-transition: all 0.50s ease-in-out;
-o-transition: all 0.50s ease-in-out;
transition: all 0.50s ease-in-out;
}
.newsbox a:hover,
.news-summary a.read-more:hover {
background: #1f4678;
color: #fff !important;
}
/* ////////////////////// /////////////////// /////// NEWS PHP FRONT-END ////////////// ////////////// ///////  */
.body-public .news-item {
border-bottom: 1px dotted #3d5f82;
margin-bottom: 20px;
padding-bottom: 20px;
}
.body-public .news-item .media-heading {
color: #ba9b30;
font-size: 20px;
line-height: 28px;
margin-top: 15px;
}
.body-public p.news-date {
font-size: 12px;
}
.body-public .news-summary a.read-more {
color: #fff;
border-bottom: none;
font-size: 12px !important;
padding: 5px 10px;
text-transform: uppercase;
margin-top: 20px;
letter-spacing: 2px;
display: inline-block;
}
.body-public .news-summary a.read-more:hover {
color: #7b661d;
}
#taglist a span {
color: #1f4678 !important;
text-decoration: underline;
}
/* ////////////////////////////// /////////////////////// //////////////////////////////// /////////////////////////// ////////////////////////// ///////////////////   MEMBERS PAGES BACKGROUNDS ETC ///////////////////// ////// ///////// ////////////////////// //////////////////////////////////////////// ///////////////////////////// //////////// */
.body-class-members,
body:not(.body-public) {
background: #fff;
}
/* #container bg members and front-end system pages */
.body-class-members #container,
body:not(.body-public) #container,
.body-class-opens #container,
.php-login #container,
.body-loginpage #container,
.php-news #container,
.php-competition #container,
.php-teelogin #container,
.php-visitoropen #container,
.php-sagepay #container,
body[class^='body-class-setcoursestatus'] #container, 
.body-class-visitorbooking #container, .php-competition2 #container {
background: url(/images/resources/frilfordheath/admin_bg.jpg) top center no-repeat;
background-size: cover;
background-attachment: fixed;
padding-bottom: 50px;
}
/* home page cms wraps incorrectly */
body.body-class-members.body-root-home.body-nav-current-1.php-index #container {
padding-bottom: 0;
}
body.body-class-members.body-root-home.body-nav-current-1.php-index .footer {
margin-top: 50px;
}
 /* members and front end system pages footer bg if different to normal site footer */
.body-class-members .footer,
body:not(.body-public) .footer,
.body-class-opens .footer,
.php-login .footer,
.body-loginpage .footer,
.php-news .footer,
.php-competition .footer,
.php-teelogin .footer,
.php-visitoropen .footer,
.php-sagepay .footer,
body[class^='body-class-setcoursestatus'] .footer,
.body-class-visitorbooking .footer {

}
/* members pages #globalwrap */
.body-class-members #globalwrap,
body:not(.body-public) #globalwrap,
.body-class-opens #globalwrap,
.php-login #globalwrap,
.body-loginpage #globalwrap,
.php-news #globalwrap,
.php-competition #globalwrap,
.php-teelogin #globalwrap,
.php-visitoropen #globalwrap,
.php-sagepay #globalwrap,
body[class^='body-class-setcoursestatus'] #globalwrap,
.body-class-visitorbooking #globalwrap {
padding: 20px;
margin: 60px 5px 0px 5px;
background-color: rgba(255, 255, 255, 0.90);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}


/* MEMBERS BOOKING PAGE */
body.body-class-members.body-root-roundmgmt\.php.body-nav-current-2.body-nav-current-has-2 #globalwrap {
background: rgba(255, 255, 255, 0.8313725490196079);
}
#globalwrap #global .tabs li.current a {
background: #ba9b30;
border: none;
color: #fff;
}
/* ///////////// ////////////// //////////// MEMBERS PAGES LOGO ///////////////////// //////  //////////// */  
.body-class-members .navbar .logo,
body:not(.body-public) .navbar .logo,
.body-class-opens .navbar .logo,
.php-login .navbar .logo,
.body-loginpage .navbar .logo,
.php-news .navbar .logo,
.php-competition .navbar .logo,
.php-teelogin .navbar .logo,
.php-visitoropen .navbar .logo,
.php-sagepay .navbar .logo,
body[class^='body-class-setcoursestatus'] .navbar .logo,
.body-class-visitorbooking .navbar .logo {
position: absolute;
right: auto;
width: 150px;
height: 90px;
background-color: transparent;
}

 /* ///////////// GENERIC TABLES - DO SPECIFIC STYLES FRONT-END TO OVERRIDE THESE /////////// ///////////  */
thead {
background: rgba(19, 55, 101, 0.88);
color: #fff;
}
.body-public thead {
background: rgb(29, 78, 140);
}
.table th {
font-weight: normal;
}
table thead a:link,
table thead a:visited {
color: #fff;
text-decoration: underline;
}
table thead a:hover {
color: #ba9b30;
text-decoration: none;
}
/* specific for new transparent background layout on globalwrap in cms*/
.php-slideshow_edit form fieldset {
background: #f2f2f229 !important;
}
.php-slideshow_edit .upload_form {
background: rgba(244, 244, 244, 0.03137254901960784) !important;
}
.body-class-members .uploadTarget {
border: 1px dashed #1f4678 !important;
background: #1f4678;
color: #efefef;
}
.body-class-members .uploadTarget:hover {
background: rgba(19, 55, 101, 0.88);
}
.php-slideshow_edit form fieldset legend {
font-size: 16px;
color: #000;
}
/* website templates page etc - styles / header page */
.adminWrapper form h1 {
font-size: 20px;
border-bottom: 1px dotted;
text-transform: uppercase;
}
.body-class-members .adminWrapper {
background: rgba(255, 255, 255, 0);
}
.body-class-members form fieldset {
background: rgba(242, 242, 242, 0.2784313725490196) !important;
}
.body-class-members .tabsWrapper .tabList li.current a span {
border: none;
}
.body-class-members .tabsWrapper .tabList li.current a {
background: rgba(19, 55, 101, 0.88);
border-right: 1px solid #767676;
color: #fff !important;
}
.body-class-members .breadcrumbsWrapper p.breadcrumbs a {
color: #1f4678 !important;
}
.body-class-members #globalwrap .adminWrapper form a, 
.body-class-members #globalwrap .adminWrapper form table.admin a, 
.body-class-members #globalwrap .adminWrapper .aboveTabs a {
color: #1f4678;
}
.body-class-members #globalwrap .adminWrapper div.tabsWrapper {
border-right: none;
}
.body-class-members button#saveButton,
.body-class-members .fancybutton {
background: #5e8848;
border: none;
color: #fff;
margin-top: 15px;
}
.body-class-members #globalwrap .adminWrapper fieldset .links {
background: none;
}
.body-class-members #globalwrap .adminWrapper .links a.fancybutton {
color: #fff;
}
.body-class-members #globalwrap .adminWrapper form fieldset h3 {
padding-bottom: 10px !important;
}
button.fff-icon.ui-button-icon-only {
background: #ffffff63;
}
.body-class-members .tabsWrapper .tabList a {
background: #333;
}
.body-class-members .tabsWrapper .tabList {
background: none;
}
.body-class-members .tabsWrapper .tabList li a span {
border-left: none;
border-top: none;
border-right: 1px solid #767676;
}
.body-class-members .tabsWrapper ul {
padding-left: 0;
}

/* ///////////////////////////////////////  //////////////////////////////////////////////////////// ////////////////////////// /////////// JUST TO TARGET FRONT END SYSTEM PAGES LIKE LOGIN.PHP, VISITORBOOKING.PHP RTC IN CASE OF MENU ETC BEING DIFFERENT ON THESE PAGES TO THE NORMAL PUBLIC WEBSITE PAGES ////////////////////////// //////////////////////// ///////////////////////////// ///////////////////// //////////////////////////// //// */

/* ///////////// ////////////  IF NEED TO TARGET JUST FRONT END SYSTEM PAGES : navbar fixed top ////////////// /////////////  */
.body-class-opens .navbar-fixed-top,
.php-login .navbar-fixed-top,
.body-loginpage .navbar-fixed-top,
.php-news .navbar-fixed-top,
.php-competition .navbar-fixed-top,
.php-teelogin .navbar-fixed-top,
.php-visitoropen .navbar-fixed-top,
.php-sagepay .navbar-fixed-top,
body[class^='body-class-setcoursestatus'] .navbar-fixed-top,
.body-class-visitorbooking .navbar-fixed-top,
.navbar-fixed-top.scrolled  {

}
/* ///////////// ////////////  IF NEED TO TARGET JUST FRONT END SYSTEM PAGES : container in navbar ////////////// /////////////  */
.body-public.body-class-opens #header,
.body-public.php-login #header,
.body-public.body-loginpage #header,
.body-public.php-news #header,
.body-public.php-competition #header,
.body-public.php-teelogin #header,
.body-public.php-visitoropen #header,
.body-public.php-sagepay #header,
body[class^='body-class-setcoursestatus'] #header,
.body-public.body-class-visitorbooking #header,
.body-public.scrolled #header {
position: static;
}
/* ///////////// ////////////  IF NEED TO TARGET JUST FRONT END SYSTEM PAGES : logo ////////////// /////////////  */

/* ///////////////////// IF NEED TO TARGET UST FRONT END SYSTEM PAGES : menu trigger button //////// */
@media (min-width: 980px) {
      .body-public.body-class-opens #myNavbar,
      .body-public.php-login #myNavbar,
      .body-public.body-loginpage #myNavbar,
      .body-public.php-news #myNavbar,
      .body-public.php-competition #myNavbar,
      .body-public.php-teelogin #myNavbar,
      .body-public.php-visitoropen #myNavbar,
      .body-public.php-sagepay #myNavbar,
      body[class^='body-class-setcoursestatus'] #myNavbar,
      .body-public.body-class-visitorbooking #myNavbar {
      margin-left: 70px;
      }
	  .body-class-opens #header .logoLink img,
      .php-login #header .logoLink img,
      .body-loginpage #header .logoLink img,
      .php-news #header .logoLink img,
      .php-competition #header .logoLink img,
      .php-teelogin #header .logoLink img,
      .php-visitoropen #header .logoLink img,
      .php-sagepay #header .logoLink img,
      body[class^='body-class-setcoursestatus'] #header .logoLink img,
      .body-class-visitorbooking #header .logoLink img {
	  display: inline-block;
      width: 40px;
      margin-top: 7px;
      left: auto;
      transform: none;
      }
}
/* ///////////////////// IF NEED TO TARGET JUST FRONT END SYSTEM PAGES : myNavbar //////// */
.body-class-opens .whiteLinks,
.php-login .whiteLinks,
.body-loginpage .whiteLinks,
.php-news .whiteLinks,
.php-competition .whiteLinks,
.php-teelogin .whiteLinks,
.php-visitoropen .whiteLinks,
.php-sagepay .whiteLinks,
body[class^='body-class-setcoursestatus'] .whiteLinks,
.body-class-visitorbooking .whiteLinks, .php-competition2 .whiteLinks {
display: none;
}
/* ///////////////////// IF NEED TO TARGET JUST FRONT END SYSTEM PAGES : menu trigger button //////// */
.body-class-opens a.brownLoginButton,
.php-login a.brownLoginButton,
.body-loginpage a.brownLoginButton,
.php-news a.brownLoginButton,
.php-competition a.brownLoginButton,
.php-teelogin a.brownLoginButton,
.php-visitoropen a.brownLoginButton,
.php-sagepay a.brownLoginButton,
body[class^='body-class-setcoursestatus'] a.brownLoginButton,
.body-class-visitorbooking a.brownLoginButton, .php-competition2 a.brownLoginButton  {
display: none;
}
/* ///////////////////// IF NEED TO TARGET JUST FRONT END SYSTEM PAGES : globalwrap //////// */
.body-class-opens #globalwrap,
.php-login #globalwrap,
.body-loginpage #globalwrap,
.php-news #globalwrap,
.php-competition #globalwrap,
.php-teelogin #globalwrap,
.php-visitoropen #globalwrap,
.php-sagepay #globalwrap,
body[class^='body-class-setcoursestatus'] #globalwrap,
.body-class-visitorbooking #globalwrap {

}
/* //////////////////////// // member page information menu in backend ////////////// //// */
.body-class-members.body-root-information .sliderHolder {
display: none;
}
.body-class-members.body-root-information .inPageContent {
margin-left: auto;
padding: 20px;
left: 0;
right: 0;
background: none;
margin-right: auto;
max-width: 100%;
}
/* pages like viewround.php , competition, twos etc on public */
.body-public.php-viewround #container,
.body-public.php-csscalc #container,
.body-public.php-twos #container {
background: url(/images/resources/frilfordheath/admin_bg.jpg) top center no-repeat;
background-size: cover;
background-attachment: fixed;
padding-top: 80px;
}
.body-public.php-viewround table,
.body-public.php-csscalc table,
.body-public.php-twos table {
background: #fff;
}
.body-public.php-viewround div#rounds {
background: rgba(255, 255, 255, 0.78);
padding: 20px;
margin-bottom: 40px;
}
.body-public.php-csscalc h4 {
background: #1f4678;
padding: 20px;
color: #fff;
font-weight: normal;
display: inline-block;
}
/* /////////////////////// /////////// /////   ///////////////////////////// ////////////////////// /////////////////////////////////////// /PHP CK EDITOR ///////////////  ////////////////////////////// /// /////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///// /////////// //////////////////////////////////////  ////////////////////////////////// */
.php-ckeditor .pagesection .container {
max-width: 100%;
}
.php-ckeditor img {
box-shadow: none;
}
.ig-wysiwyg-editor-navbar .navbar-inverse .navbar-inner {
background: rgba(19, 55, 101, 0.88) !important;
}
.php-ckeditor #header img {
width: 40px;
margin: 0 20px;
}
.php-ckeditor a.btn.btn-danger, a.btn.btn-success {
color: #fff;
background: #ac433f;
}
.php-ckeditor a.btn.btn-primary.ajaxbutton {
background: #ba9b30;
color: #fff;
text-shadow: none;
border: none;
}
.php-ckeditor a#wysiwyg_rich_button {
background: #ac433f;
color: #fff;
text-shadow: none;
border: none;
}
.php-ckeditor a#wysiwyg_html_button {
background: #d2544f;
color: #fff;
text-shadow: none;
border: none;
}
.php-ckeditor #globalwrap {
position: relative;
}
.php-ckeditor .sliderCaptions {
position: relative;
top: 20px;
transform: none;
padding-top: 20px;
padding-bottom: 0;
border: 1px dotted #333;
}
.php-ckeditor .sliderHolder:after,
.php-ckeditor .sliderHolder:before {
display: none;
}
.php-ckeditor .sliderCaptions h1,
.php-ckeditor .sliderCaptions h2 {
color: #333;
text-shadow: none;
}
.php-ckeditor .sliderHolder,
.php-ckeditor .standardInclude,
.php-ckeditor .andyCarousel,
.php-ckeditor .homeMainContentHolder,
.php-ckeditor .footerArea,
.php-ckeditor .innerPageContent,
.php-ckeditor .holeNavigationRow {
margin-top: 20px;
border: 1px dotted #333;
padding: 20px;
max-width: 100% !important;
left: auto;
right: auto;
margin-left: auto;
margin-right: auto;
background: none;
color: #333;
}
.php-ckeditor .sliderCaptions.innerSliderCaptions {
display: none;
}
.php-ckeditor .subMenu,
.php-ckeditor .inPageContent,
.php-ckeditor .innerPageContent {
color: #fff;
background: #1f4678;
border: 1px dotted #fff;
padding: 20px;
margin-bottom: 20px;
}
.php-ckeditor .holeNavigationRow {
position: relative;	
}
.php-ckeditor .holeArrow {
position: relative;
background: #1f4678;
padding: 10px;
margin: 10px;
}
.php-ckeditor .holeNavArrows {
position: relative;
margin-bottom: 20px;
padding: 30px;
}
.php-ckeditor .holeNavArrows .fa {
color: #ba9b30;
}
.php-ckeditor .innerPageContent {
border: none ;
}
.php-ckeditor .home-carousel .home-image {
width: 100%;
}
.php-ckeditor .home-carousel .home-image img {
width: 100%;
opacity: 1;
margin: 20px auto;
}
.php-ckeditor .testimonials {
background: #1f4678;
padding: 20px;
margin-top: 20px;
color: #fff;
}
.php-ckeditor .standardInclude.forTestimonials {
color: #fff;
border: 1px dotted #fff;	
}
.php-ckeditor .footerLogos,
.php-ckeditor .footerSubscribe,
.php-ckeditor .clubLogo, 
.php-ckeditor .footerMenu {
border: 1px solid #ba9b30;
padding: 10px;	
}
.php-ckeditor .textBox {
position: relative;
top: auto;
left: auto;
transform: none;
height: auto;
width: 100%;
padding: 20px;
text-align: center;
background: #333;
}
.php-ckeditor .homeBox.orangeBox .orangePic {
display: none;
}
.php-ckeditor .overlay {
position: relative;
opacity: 1;
top: auto;
}
.php-ckeditor .textBox h4,
.php-ckeditor .text h4 {
color: #fff;
text-transform: uppercase;
}
.php-ckeditor .sliderHolder {
margin-top: 40px;	
}
.php-ckeditor .sliderCaptions.animated {
animation-duration: none;
animation-delay: none;
-o-animation-duration: none;
-o-animation-delay: none;
-moz-animation-duration: none;
-moz-animation-delay: none;
-webkit-animation-duration: none;
-webkit-animation-delay: none;
}
.php-ckeditor .carouselThumbHolder {
color: #fff;
background: #093244;
padding: 10px;
height: 200px;
}
.php-ckeditor div#myCarouselTwo {
background: #333;
padding: 20px;
}
.php-ckeditor div#myCarouselTwo .carousel-inner {
padding-top: 20px;
}
.php-ckeditor .inPageContent h3 {
margin-top: 0;
}
.php-ckeditor .sponsorsSection a.carousel-control {
display: none !important;
}
.php-ckeditor .holeTab {
position: relative;
bottom: auto;
width: auto;
height: auto;
padding-bottom: 20px;
}
.php-ckeditor .courseName {
position: relative;
height: auto;
display: block;
bottom: auto;
width: 100%;
margin-top: 30px;
}
.php-ckeditor .holeDetails {
margin-left: 15px;
padding-bottom: 15px;
}
.php-ckeditor .verticalText {
transform: none;
-webkit-transform: none;
-ms-transform: none;
display: inline-block;
bottom: auto;
position: static;
margin: 0;
}
.php-ckeditor .andyCarousel .row {   
width: 100%;
margin: 0 auto;
}
.php-ckeditor .socialIcons em {
line-height: 10px;
padding: 14px 7px 8px 9px;
margin-top: 30px;
}
.php-ckeditor h3 {
border: none;
}
.php-ckeditor .homeThumbs a {
color: #000 !important;
}
.php-ckeditor .socialIcons {
margin-top: 5px;
display: block;
float: none;
}
.php-ckeditor .footerCopyright {
display: none;
}
.php-ckeditor .blueLogoBox {
display: none;
}
.php-ckeditor .titleRow {
margin-bottom: 40px;
}
.php-ckeditor .text {
background: #ba9b30;
text-align: center;
padding: 10px;
position: relative;
top: auto;
left: auto;
transform: none;
}
.php-ckeditor .text .fa {
padding: 3px 0 5px 9px;
}
.php-ckeditor .homeBoxTwo .picBox {
margin-top: 0;
}
.php-ckeditor #homeBoxOne {
margin-top: 20px !important;	
}
.php-ckeditor .sliderHolder a.ct-btn-scroll.ct-js-btn-scroll {
display: none;
}
.php-ckeditor .wysiwyg-editable table {
width: 100%;
margin-top: 50px;
}
.php-ckeditor table td {
text-align: center;
padding: 10px 0;
}
.php-ckeditor .inPageContent h6 a, 
.php-ckeditor .innerPageContent h6 a {
text-decoration: none !important;
background: #ba9b30;
color: #fff;
border: none;
padding: 10px 20px;
margin: 0;
font-family: 'Didact Gothic', sans-serif;
letter-spacing: 1px;
text-transform: none;
display: inline-block;
font-weight: normal;
-webkit-border-radius: 0;
color: #fff;
font-size: 14px;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.50s ease-in-out;
-moz-transition: all 0.50s ease-in-out;
transition: all 0.50s ease-in-out;
}
.php-hcapcertificate p {
word-wrap: break-word;
}
@media (min-width: 980px) {
    .php-ckeditor #header img {
    margin-top: 7px;
    }
}
/* //////////////////////// // member page information menu in backend ////////////// //// */
.body-root-information .sliderCaptions {
display: none;
}
.body-root-information .inPageContent .container {
max-width: 100%;
}
.body-class-members .inPageContent {
margin-left: auto;
left: 0;
right: 0;
background: none;
margin-right: auto;
max-width: 100%;
}
.body-class-members .mainInnerContent p {
color: #333;
}

.body-class-members .sidebar .menu-section ul {
list-style-type: none;
}
/* Suzanne's amends */
.RedCourse {background:rgba(247, 17, 1, 0.36);position: absolute;height: 95px;bottom: 0; width: 30px;}
.BlueCourse {background:rgba(1, 74, 247, 0.36);position: absolute;height: 95px;bottom: 0; width: 30px;}
.GreenCourse {background:rgba(9, 247, 1, 0.36);position: absolute;height: 95px;bottom: 0; width: 30px;}


/* anton styles */

.socialIcons a {
  display: inline-block;
  width: 45px;
  margin: 0px 6px;
  border: 2px solid #143967;
  border-radius: 50%;
  text-align: center;
  line-height: 39px;
}

.socialIcons em {
  border: none;
  font-size: 0px;
  width: auto;
  margin: 0px;
  padding: 0px;
  border-radius: 0%;
}

.socialIcons i {
  font-size: 22px;
  padding-left: 1px;
  padding-top: 9px;
}

.sliderCaptions a.ct-btn-scroll.ct-js-btn-scroll {
  font-size: 32px;
}

.body-public .homeBox [class*="editor-only"] {
  display: none;
}

.overlay > a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
  color: white;
}

.body-public .inPageContent h6 a {
  background: #90823e;
}

.body-public .inPageContent .whiteBoxes h6 a {
  background: #1f4678;
}

.overlay a {
  color: white;
}

.page-no-slider {
  padding-top: 200px;
}

@media (min-width: 0px) and (max-width: 979px) {
  .page-no-slider {
    padding-top: 125px;
  }
}

@media (min-width: 0px) and (max-width: 479px) {
  .body-class-contact .sliderCaptions {
    top: 100px;
  }
}

@media (min-width: 980px) and (max-width: 1199px) {
  .body-public .navbar-inverse .nav li a {
    text-transform: initial;
    font-size: 14px;
    padding: 20px 10px;
  }
  .body-public li.nav-level-1.current a:hover {
    text-transform: initial;
  }
}

@media (min-width: 768px) {
  .whiteBoxes {
    display: flex;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  #myNavbar #topmenu {
    overflow-y: scroll;
    height: 100vh;
  }
}

.php-login label {
  color: #333;
}

.inPageContent h5 {
  background: transparent;
  margin: 0px;
}

.inPageContent h5 a {
  padding: 7px 30px;
  display: inline-block;
  background: #90823e;
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
}

.inPageContent h5 a:hover {
  color: white;
  background: #ba9b30;
}

.body-public form .customFormLine textarea {
  width: 90%;
}

@media (min-width: 768px) {
  .whiteBox {
    padding-bottom: 90px;
  }
}

.body-public .inPageContent h6 a {
  text-transform: uppercase;
}

.body-class-members.body-contentpage .innerPageContent.forceFullWidth {
  width: 1120px !important;
  margin: 0px auto;
  left: 0px;
  right: 0px;
}

@media (min-width: 980px) and (max-width: 1199px) {
  .body-class-members.body-contentpage .innerPageContent.forceFullWidth {
    width: 890px !important;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .body-class-members.body-contentpage .innerPageContent.forceFullWidth {
    width: 718px !important;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .body-class-members.body-contentpage .innerPageContent.forceFullWidth {
    width: 100% !important;
  }
  .whiteBox h6 {
    position: relative;
    bottom: 0px;
    left: 0px;
    transform: translate(0px);
    margin-top: 10px;
  }
}

.php-cookie-usage .whiteLinks {
  display: none;
}

.php-cookie-usage #globalwrap {
  padding: 20px;
  border: 2px solid #1f4678;
margin: 120px 5px 0px 5px;
background-color: rgba(255, 255, 255, 0.90);
}

.php-cookie-usage #container {
  background: url(/images/resources/frilfordheath/admin_bg.jpg) top center no-repeat;
background-size: cover;
background-attachment: fixed;
padding-bottom: 50px;
}

@media (min-width: 768px) and (max-width: 979px) {
  .php-cookie-usage .container {
    width: 724px !important;
    margin: 0px auto;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .php-cookie-usage #globalwrap {
    overflow-x: scroll;
  }
  .php-cookie-usage #globalwrap table {
    width: 100% !important;
  }
  .php-cookie-usage table td {
    padding: 5px 2px;
    font-size: 12px;
  }
}

.php-visitoropen label {
  color: #333;
}

.arrow {
  position: absolute;
  z-index: 20;
  width: 30px;
  margin: 0px auto;
  left: 0px;
  right: 0px;
  bottom: 60px;
}

.arrow a {
  color: white;
  font-size: 34px;
}

.arrow:hover {
  cursor: pointer;
}

@media (min-width: 0px) and (max-width: 767px) {
  .arrow {
    display: none;
  }
}

.body-public .brownLoginButton {
  z-index: 1000;
}

.newIntro h3 {
  color: #fff;
}

.newIntro .courseStatus .status {
  display: none;
}

.newIntro .courseStatus .status:nth-child(1), .newIntro .courseStatus .status:nth-child(2), .newIntro .courseStatus .status:nth-child(9) {
  display: block;
}

.php-competition2 #globalwrap {
  margin-top: 100px;
  padding: 20px;
  background: #fff;
}

.php-competition2 label, .body-class-opens label {
  color: #000;
}

.body-class-members .header-wrapper .dropdown-menu li[class*="newsletters.php"] {
  display: none;
}

.socialIcons a {
  height: 45px;
}

.socialIcons a:nth-of-type(2) {
  position: relative;
}

.socialIcons a:nth-of-type(2)::after {
  opacity: 0;
  content: '';
  display: inline-block;
  width: 20px;
  height: 21px;
  background-image: url('/images/resources/frilfordheath/frilford-x-logo-hover.png');
  background-size: 20px 21px;
  position: absolute;
  top: 10px;
  left: 11px;
}

.socialIcons a:nth-of-type(2):hover::after {
  opacity: 1;
}

.socialIcons a img {
  position: relative;
  top: -2px;
}

/* end anton styles */

.php-golf_club_diary #diaryTable td, #diaryTable th {
  border: 1px solid #ddd;
  padding: 8px;
}
  
.php-golf_club_diary #diaryTable td, #diaryTable th {
  border: 1px solid #ddd;
  padding: 8px;
}

.php-golf_club_diary #diaryTable tr:nth-child(even) {
  background-color: #f2f2f2;
}

.php-golf_club_diary #diaryTable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  color: white;
}

@media (min-width: 550px) {
  .php-golf_club_diary form .buttonset label.ui-button {
    display: inline-block;
  }
  .php-golf_club_diary .form-horizontal .controls {
    margin-left: 130px;
  }
  .php-golf_club_diary .form-horizontal .control-label {
    width: 127px;
  }
  .php-golf_club_diary form.mobile-friendly fieldset > div:last-child {
    padding-left: 0px !important;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .php-golf_club_diary #diaryTable td, #diaryTable th{
    padding: 2px;
  }
  .php-golf_club_diary #globalwrap {
    padding: 20px 10px !important;
  }
}

@media (min-width: 0px) and (max-width: 549px) {
  .php-golf_club_diary form.mobile-friendly .inlinebuttonset {
    width: 200px;
  }
  .php-golf_club_diary form.mobile-friendly fieldset > div:last-child {
    padding-left: 0px !important;
  }
  .php-golf_club_diary table td, .php-golf_club_diary table th {
    font-size: 11px;
  }
  .php-golf_club_diary form.mobile-friendly #custom {
    padding-left: 0px !important;
  }
}

#teetimesframe .tbooked {
  background: rgba(31,70,120,0.6);
}


.cstatus-white, .cstatus-white h3 {
  color: white !Important;
}

/* shervon styles */
input[type*="submit"], a.btn, button.btn {
  display: inline-block;
  text-shadow: none;
  background: #90823e;
  color: #fff;
  padding: 6px 8px;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 400;
  border: none;
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
}
​
input[type*="submit"]:hover, a.btn:hover, button.btn:hover {
  background: #002d5a;
  color: #fff;
}
​
@media (min-width: 768px) and (max-width: 979px) {
  input[type*="submit"], a.btn, button.btn {
    padding: 6px 8px;
    letter-spacing: 0px;
    font-weight: 400;
  }
}
​
@media (min-width: 0px) and (max-width: 767px) {
  input[type*="submit"], a.btn, button.btn {
    padding: 6px;
    font-size: 14px;
	letter-spacing: 0px;
    font-weight: 400;
    text-transform: capitalize;
  }
}