/* ///////////// ANDY CUSTOM CSS ///////////// */
/* CLIENT REQUESTED CHANGES 6.7.2019 and 8.7.2019*/
p.speech {
background: rgba(255, 255, 255, 0.68);
color: #6c1a26;
padding: 40px;
}
p.speech:before {
content: open-quote;
font-size: 82px;
position: absolute;
margin-left: -30px;
margin-top: -5px;
}
p.speech:after {
content: close-quote;
font-size: 82px;
position: absolute;
margin-left: 10px;
margin-top: 25px;
}
.mainInnerContent table a {
word-break: break-word;
}
.mainInnerContent table h4, .mainInnerContent table h5, .mainInnerContent table h6 {
padding: 10px 0;
}
.body-public .wysiwyg-editable table td {
vertical-align: text-top;
}
span.westMemberLogin {
font-size: 12px;
font-family: 'Work Sans', sans-serif;
position: absolute;
background: #6c1a26;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-left: 30px;
margin-top: 40px;
display: inline-block;
padding: 8px 12px;
text-transform: uppercase;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}
span.westMemberLogin a {
color: #fff;
}
span.westMemberLogin:hover {
background: #99293a;  
}
.innerSubMenu.westCourseHoles.holeMenuAtTop a {
display: inline-block;
width: 35px;
float: left;
margin: 8px;
padding: 7px;
background: rgba(255, 255, 255, 0.59);
color: #6c1a26;
}
.innerSubMenu.westCourseHoles.holeMenuAtTop a:hover {
background: #6c1a26;
color: #fff;
}
.innerSubMenu.westCourseHoles.holeMenuAtTop a:before {
display: none;
}
.innerSubMenu.westCourseHoles.holeMenuAtTop .menu-section {
display: inline-block;
position: relative;
width: auto;
margin: 0 auto;
text-align: center;
}
.innerSubMenu.westCourseHoles.holeMenuAtTop .menu-section li.menu-section-west-hole-10 a,
.innerSubMenu.westCourseHoles.holeMenuAtTop .menu-section li.menu-section-hole-10 a {
clear: left;
}
/* fix for ipad mini? inner page fixed slider only taking up half page - but check other devices etc after fix !*/
div#sectionOne.andyInnerSlider {
position: absolute !important;
}
/* for suzanne */
.mainInnerContent td.bronze {
background: #c45d31;
}
.mainInnerContent td.silver {
background: #999999;
}
.mainInnerContent td.gold {
background: #d4a31c ;
}
.mainInnerContent td.platinum {
background: #808080;
}
/* ///////////  PRE LOADER FOR ROYAL ASHDOWN ///////////   */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(/images/resources/royalashdown/Royal%20Ashdown-Logo-new-small.png) center no-repeat #ffffff;
}
.body-class-members .se-pre-con {
 display: none;
}
/* ///////////// //////////////////// //////////STANDARD STYLES FOR MOST PROJECTS /////// //////////////// ///// */
* {
box-sizing: border-box;
}
.body-public #outerborder {
overflow-x: hidden;
overflow-y: auto;
}
.body-public .nav .nav-menu-competition\.php {
display: none;
}
#globalwrap {
position: relative;
}
.body-public #globalwrap {
padding-top: 0;
}
/* //////// GENERIC CUSTOMISATIONS /////////// */
div#globalwrap {
min-height: calc(100vh - 10px);
}
body {
padding: 0;
margin: 0;
font-family: 'Work Sans', sans-serif;
font-size: 15px;
line-height: 26px;
}
body.body-class-home.body-public {
/*overflow-y: hidden;  HIDE FOR DEVELOPMENT ONLY */
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Playfair Display', serif;
letter-spacing: 1px;
color: #592433;
line-height: normal;
}
h3 {
padding-bottom: 20px;
font-size: 20px;
border-bottom: 1px dotted;
}
.mainInnerContent h3 {
color: #d0b377;
border-bottom: 1px dotted #d0b377;
}
.mainInnerContent h4,
.mainInnerContent h5,
.mainInnerContent h6 {
color: #fff;
padding: 10px;
}
h4 {
color: #333;
}
.mainInnerContent h5,
.mainInnerContent h6 {
display: inline-block;
font-weight: normal;
font-family: 'Work Sans', sans-serif;
font-size: 15px;
}
a:link,
a:visited {
color: #793145;
outline: 0;
text-decoration: none;
}
a:hover,
a:active,
a:focus {
color: #4c202d;
outline: 0;
}
.mainInnerContent a {
color: #d0b377;
}
.mainInnerContent a:hover {
color: #efefef;
}
/* TABLES */
.body-public .wysiwyg-editable table {
width: 100%;
}
.body-public .wysiwyg-editable table td {
border: 1px dotted #190e11;
padding: 10px 5px;
text-align: center;
}
/* FORMS */
.mainInnerContent form {
text-align: left;
}
.body-public form .customFormLine input {
height: 40px;
width: 100%;
margin-bottom: 20px;
background: #efefef;
}
.body-public form .customFormLine textarea {
height: 100px;
width: 100%;
background: #efefef;
}
.body-public form .customFormLine {
color: #b99863;
}
.body-public form input[type="submit"] {
background: #b99863;
border: none;
color: #fff;
text-transform: uppercase;
padding: 10px 20px;
margin-top: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* /////////////////////////// /// HOME PAGE CAPTIONS /////////////// ////////////// */
.andyHomeSliderCaptions {
position: absolute;
top: 30px;
text-align: center;
width: 100%;
z-index: 6;
}
.andyHomeSliderCaptions h1 {
color: #fff;
font-size: 50px;
font-weight: normal;
}
.andyHomeSliderCaptions h2 {
color: #fff;
font-weight: normal;
}
/* ////////////////////////// //// COURSE STATUS // ///////////////// ////////////// */
.courseStatusButton,
.courseStatusOpen {
color: #d0b377;
background: rgba(0, 0, 0, 0.5019607843137255);
padding: 9px 40px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.courseStatusOpen {
left: 20px;
z-index: 999;
bottom: 130px;
position: absolute;
}
.courseStatusButton {
cursor: pointer;
position: absolute;
left: 20px;
bottom: 20px;
z-index: 999;
background: rgba(0, 0, 0, 0.5);
}
.courseStatusButton:hover {
background: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.20s ease-in;
-moz-transition: all 0.20s ease-in;
transition: all 0.20s ease-in;
}
.close-course-status {
cursor: pointer;
margin-left: 20px;
color: #efefef;
right: 10px;
position: absolute;
top: 8px;
}
.courseStatusOpen p:first-of-type {
display: inline-block;
margin: 0;
}
.courseStatusOpen h3,
.body-public .courseStatusOpen br {
display: none;
}
.body-public span.updatedate b {
display: inline;
font-weight: normal;
color: #e9ebe2;
font-size: 15px;
}
.body-public span.updatedate:last-of-type:before {
content: "/";
color: #fff;
padding-right: 10px;
}
/* //////////////////// /////////  SCROLL DOWN HOME SLIDER ////// //////// ///////// */
.andyHomeMainSlider a.ct-btn-scroll.ct-js-btn-scroll {
margin-right: auto;
bottom: 100px;
width: 120px;
z-index: 99;
left: 0;
right: 0;
position: absolute;
display: inline-block;
margin-left: auto;
color: #fff;
letter-spacing: 1px;
text-decoration: none !important;
}
.andyHomeMainSlider .la.la-angle-down {
display: block;
font-size: 52px;
width: 52px;
margin: 0 auto;
}
.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;
}
/* ////////  TOP 100 ICONS /// */
img.topHundred {
position: absolute;
bottom: 28px;
right: 20px;
z-index: 9;
}
/* ////////////////////////// //// HOME PAGE SLIDER ///////////////// ////////////// */
.body-public .andyHomeMainSlider {
background: #fff;
margin-top: 0;
text-align: center;
position: relative;
width: 100vw !important;
height: auto !important;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.andyHomeMainSlider .galleryInner.nivoInner.nivoSlider {
height: 100vh !important;
width: 100vw !important;
}
.andyHomeMainSlider .galleryWrapperNivo img {
height: 100vh !important;
width: 100% !important;
object-fit: cover;
}
.nivo-directionNav,
.nivo-controlNav-Wrapper {
display: none !important;
}
/* ////////////////////////// ///////  HOME PAGE SECTIONS ROYAL ASHDOWN //////////////// ///////////// /// */
.homeSectionTwo,
.homeSectionThree,
.homeSectionFour,
.newsletterSubscribe {
position: relative;
width: 100vw !important;
height: 100vh !important;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.homeSectionTwo img,
.homeSectionThree img,
.homeSectionFour img {
width: 100%;
height: 100vh !important;
object-fit: cover;
position: absolute;
z-index: -1;
}
.homeTextRight,
.homeTextLeft {
height: 100vh !important;
background: rgba(0, 0, 0, 0.4392156862745098);
width: 50%;
float: right;
z-index: 10;
padding: 100px 50px 50px 50px;
color: #fff;
}
.homeTextLeft {
float: none; /* float left was causing firefox to be gre background on courses section on homepage */
}
.homeTextRight h1,
.homeTextLeft h1 {
color: #fff;
font-weight: normal;
font-size: 58px;
}
.homeTextRight h2,
.homeTextLeft h2{
color: #d0b377;
font-size: 24px;
font-style: italic;
font-weight: normal;
}
a.pinkButton,
h5 a {
display: inline-block !important;
color: #fff !important;
padding: 10px 15px;
margin: 20px 20px 0 0;
letter-spacing: 1px;
font-size: 14px;
text-transform: uppercase;
background-image: linear-gradient(to right, #6c1a26 50%, #822331 50%);
background-size: 200% 100%;
background-repeat: no-repeat;
background-position: bottom left;
overflow: hidden;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
h5 a {
margin: 0;
}
a.goldButton,
h6 a {
display: inline-block!important;
color: #000 !important;
padding: 10px 15px;
margin: 20px 0 0 0;
letter-spacing: 1px;
font-size: 14px;
text-transform: uppercase;
background-image: linear-gradient(to right, #d0b377 50%, #e8ca8c 50%);
background-size: 200% 100%;
background-repeat: no-repeat;
background-position: bottom left;
overflow: hidden;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
a.pinkButton:hover,
a.goldButton:hover,
h5 a:hover,
h6 a:hover {
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
background-position: bottom right;
}
h6 a {
margin: 0;
}
a.goldButton:hover,
h6 a:hover {
color: #000 !important;
}
a.ct-btn-scroll.ct-js-btn-scroll.goUp {
z-index: 99;
position: absolute;
display: inline-block;
top: 45%;
left: 0;
right: 0;
width: 40px;
margin-left: auto;
margin-right: auto;
color: #efefef;
}
a.ct-btn-scroll.ct-js-btn-scroll.goDown {
z-index: 99;
position: absolute;
display: inline-block;
bottom: 45%;
left: 0;
right: 0;
width: 40px;
margin-left: auto;
margin-right: auto;
color: #efefef;
}
a.ct-btn-scroll.ct-js-btn-scroll.goDown,
a.ct-btn-scroll.ct-js-btn-scroll.goUp {
display: inline;
font-size: 40px;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
a.ct-btn-scroll.ct-js-btn-scroll.goDown:hover,
a.ct-btn-scroll.ct-js-btn-scroll.goUp:hover {
color: #ccc;
}
.under980ArrowText {
display: none;
}
/* //////// //////////////////// ////// NEWSLETTER SUBSCRIBE SECTION //////////////// /////// */
.newsletterSubscribe {
text-align: center;
background: url(/images/resources/royalashdown/footer_bg.jpg) top center no-repeat;
background-size: cover;
height: auto !important;
padding: 50px 20px 90px 20px;
color: #fff;
}
.newsletterSubscribe h1 {
color: #d0b377;
text-transform: uppercase;
font-weight: normal;
font-family: 'Work Sans', sans-serif;
margin-bottom: 40px;
}
#customform_1 fieldset#thankyou {
width: 440px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
position: relative;
}
#customform_1 label {
position: absolute;
top: 10px;
left: 10px;
color: #ababab;
}
#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: 10px;
background: #6c1a26;
padding: 10px;
display: inline-block;
}
.body-public #customform_1 #thankyou .customFormLine input {
height: 40px;
width: 310px;
margin-bottom: 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #efefef;
float: left;
}
#customform_1 #thankyou #custom_1_submit {
margin-bottom: 1em;
width: 130px;
margin-top: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
float: left;
background-image: linear-gradient(to right, #6c1a26 50%, #822331 50%);
background-size: 200% 100%;
background-repeat: no-repeat;
background-position: bottom left;
overflow: hidden;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
#customform_1 #thankyou #custom_1_submit:hover {
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
background-position: bottom right;
}
#customform_1 #thankyou br {
display: none;
}
#customform_1 div#thankyou p {
background: #6c1a26;
padding: 10px;
display: inline-block;
margin-top: 30px;
}
.socialIcons {
padding: 10px 0 40px 0;
}
.socialIcons img {
padding: 10px 5px;
}
span.footerLine {
margin: 0 20px;
}
/* ////////// ///////////////////////  HOLE TOUR + INNER PAGE STYLES /////////////// ////////////////////  */
.andyInnerSlider .galleryInner.nivoInner.nivoSlider {
position: fixed;
z-index: -1;
}
.holeContainer,
.innerContainer {
text-align: center;
padding-top: 90px;
color: #fff;
margin-bottom: 100px;
}
.mainHoleContent,
.mainInnerContent {
margin-left: auto;
margin-right: auto;
background: rgba(0, 0, 0, 0.56);
padding-bottom: 60px;
}
.headingAndStats,
.innerHeader {
background: url(/images/resources/royalashdown/hole_bg.png)top center no-repeat;
padding-bottom: 20px;
}
.innerHeader {
padding-bottom: 20px;
}
.mainInnerContent {
padding: 20px 40px 60px 40px;
}
.mainInnerContent p {
margin: 15px 0;
line-height: 28px;
}
.holeContainer h1,
.innerContainer h1 {
padding-top: 0;
padding-bottom: 20px;
margin-top: 0;
color: #fff;
font-weight: normal;
font-size: 68px;
}
.embed-container { 
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%;
margin-left: auto;
margin-right: auto;
width: 90%;
} 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.player .vp-sidedock, .player .vp-sidedock .sidedock-inner {
display: none !important;
}
.player .vp-title .vp-title-header {
display: none !important;
}
.statContainer {
display: inline;
margin: 0 20px;
}
.statCircle {
height: 13px;
width: 13px;
border-radius: 50%;
display: inline-block;
font-size: 1px;
line-height: 22px;
margin-right: 5px;
}
.whiteCircle {
background: #fff;
}
.yellowCircle {
background: #fff000;
}
.redCircle {
background: #ff0000;
}
.proTip h2,
.mainInnerContent h2 {
color: #d0b377;
font-weight: normal;
font-style: italic;
padding: 20px 10px 10px 10px;
}
.mainInnerContent h2  {
padding-bottom: 30px;
}
.proTip p {
padding: 0 80px;
}
/* ////////////////////// ////// /// INNER SUB MENU STYLES ////////////// ///////// /// //////  */
.innerSubMenu h2 {
display: none;
}
.innerSubMenu ul {
margin: 0;
}
.innerSubMenu li {
list-style-type: none;
display: inline;
}
.innerSubMenu a {
color: #d0b377;
text-transform: uppercase;
display: inline-block;
padding: 7px 0;
}
.innerSubMenu a:before {
content: "|";
padding: 0 20px;
color: #d0b377 !important;
}
.innerSubMenu ul li:first-child a:before {
display: none;
}
.innerSubMenu li.current a,
.innerSubMenu a:hover {
color: #efefef;
}
/* ///////////////////////// //// /// CONTACT PAGE MAP //////////////// //////////////// /////  */
/* //////////////  GOOGLE MAPS STYLES  ////////////// */
div#map_container {
width: 100% !important;
height: 575px !important;
color: #333;
}
#globalwrap .map_popup_form input[type=submit] {
background: #6c1a26 !important;
transition: 0.7s;
}
#globalwrap .map_popup_form input[type=submit]:hover {
background: #d0b377 !important;
}
.gm-style .gm-style-iw-c {
line-height: 24px !important;
border-top: 10px solid #6c1a26 !important;
}
#globalwrap .map_popup_form input[type=text] {
height: 35px !important;
}
.gm-style-iw-d {
padding: 0 5px !important;
}
.mainInnerContent .map_popup a {
color: #6c1a26;
}
.mainInnerContent .map_popup a:hover {
color: #d0b377 ;
}
/* ///////////////////////// //// /// PROFESSIONALS PAGE ////////////// //////////////// /////  */
body.body-class-professionals .mainInnerContent h2 {
padding: 0;
text-align: center;
font-size: 26px !important;
}
body.body-class-professionals .mainInnerContent h3 {
text-align: center;
font-weight: normal;
font-size: 16px;
}
/* ///////////////////////// //// /// HOLE BY HOLE GALLERY //////////// //////////////// /////  */
/* ////////////  GALLERY //////////////  */
#gallery div.ss-controls .play,
.body-public div#thumbs div.top,
#gallery div.caption-container,
#gallery div.controls {
display: none;
}
#gallery div.slideshow img {
border: none;
}
.body-public #thumbs ul.thumbs li.selected a.thumb {
background: none;
}
.body-public #thumbs a.thumb {
padding: 0;
border: none;
position: relative;
transition: 0.9s;
}
.body-public .pull-right.gallery-image, .body-public .pull-left.gallery-thumbs {
width: 100%;
float: none;
margin-left: auto;
margin-right: auto;
}
.body-public .pull-left.gallery-thumbs {
margin-top: 15px;
}
body[class*="west_hole"] .embed-container {
padding-bottom: 0;
height: auto;
}
/* ///////////////////////// //// /// EXTRA FADE PAGE ///////////////// //////////////// /////  */
.backgroundFade {
background: url(/images/resources/royalashdown/clientFade.png) bottom center no-repeat;
background-size: 100%;
position: relative;
width: 100vw !important;
height: 100vh !important;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
min-height: 700px;
}
.backgroundFade.westBackgroundFade {
background: url(/images/resources/royalashdown/westGreenFeesFade.png) bottom center no-repeat;
background-size: 100%;
}
.body-class-members .backgroundFade.westBackgroundFade {
left: auto;
margin-left: auto;
right: auto;
margin-right: auto;
max-width: 100%;
}
.mainInnerContent.fadePage {
padding-bottom: 0;
}
.innerContainer.fadePage {
margin-bottom: 0;
}
/* /// /////////////////////////// // SIDEBAR PAGE ///////////// //////////////// ////////////   */
.mainInnerContent .span8 {
text-align: left;
padding-right: 50px;
}
.mainInnerContent .span4 {
text-align: left;
}
/* ///////////////////////////// /// FOOTER /////////////////////////////////// //////////////  */
.footer {
background: #0a0b0a;
color: #fff;
height: 40px;
font-size: 13px;
padding: 7px;	
}
.footerAddress a:link,
.footerAddress a:visited {
color: #fff;
}
.footerAddress a:hover {
text-decoration: underline;
color: #efefef;
}
.footer img.darkIntelligentGolfLogo {
width: 90px;
}
/* /////////////// //////////// // MEDIA QUERIES START ////////////////// /////////////////////// ////////////  */

/* /////////  MIN WIDTH 1200PX ///////////////   */
@media (min-width: 1200px) {
      .backgroundFade {
      min-height: 700px;	  
      }
    span.westMemberLogin {
    font-size: 16px;
    }
}
@media (min-width: 1500px) {
      .backgroundFade {
      min-height: 900px;	  
      }
}
/* //////////  MAX 1199PX ///////////////// //  */
@media (max-width: 1199px) {
       body.body-class-professionals .mainInnerContent h3 {
	   height: 60px;
	   } 
}
/* // ////////   768 - 1199 // /////  ///////   */
@media (min-width: 768px) and (max-width: 1199px) {
	      img.topHundred {
          bottom: 60px;
          }
          .innerSubMenu.westCourseHoles a:before {
          padding: 0 10px;
          }	
          .courseStatusButton, .courseStatusOpen {
           bottom: 60px;
           }
}
/* ///////// /// 980 - 1199 ///// //// /////    */
@media (min-width: 980px) and (max-width: 1199px) {
	      .backgroundFade {
		  min-height: 600px;	  
		  }
}
/* /// /////   768 - 979  ///// / /// */
@media (min-width: 768px) and (max-width: 979px) {
     .container {
	 width: auto !important; /* this makes all .containers go to 100% width early */	 
	 }
	 .backgroundFade {
     min-height: 400px;	  
     }
}
/* //// MAX WIDTH 979 ///// //// */
@media (max-width: 979px) {
	.homeTextRight,
    .homeTextLeft {
    width: 100%;
    float: none;
    padding: 130px 70px 50px 70px;
    }
	.homeTextRight p,
	.homeTextLeft p {
    font-size: 16px;
    line-height: 28px;
	}
	a.ct-btn-scroll.ct-js-btn-scroll.goDown {
	top: auto;
    bottom: 0;
    left: 0;
    right: auto;
    width: 50%;
	text-align: center;
    background: rgba(0, 0, 0, 0.6);
	border-right: 1px solid #5b5858;
    }
	a.ct-btn-scroll.ct-js-btn-scroll.goUp {
    top: auto;
	bottom: 0;
    left: auto;
    right: 0;
    width: 50%;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    }
	a.ct-btn-scroll.ct-js-btn-scroll.goDown,
    a.ct-btn-scroll.ct-js-btn-scroll.goUp {
	font-size: 16px;	
	}
	.under980ArrowText {
    display: inline-block;
	font-size: 16px;
	padding: 10px;
    }
	span.footerLine {
    display: block;
    margin: 0;
    line-height: 12px;
    color: transparent;
    }
	.holeContainer,
    .innerContainer	{
	margin-bottom: 0;
	}
    span.westMemberLogin {
    margin-left: auto;
    left: 0;
    width: 140px;
    top: 10px;
    z-index: 999;
    right: 0;
    margin-right: auto;
    }
}
/* //// ///// MIN WIDTH 980 ///// //// ///////  */
@media (min-width: 980px) {
     .body-public #globalwrap {
     padding-top: 0;
     }
	 .innerHeader {
     height: 165px;
	 }
}
/* ///// //// MIN WIDTH 768 /// ////////// /   */
@media (min-width: 768px) {
	.body-public .pull-right.gallery-image, .body-public .pull-left.gallery-thumbs {
    width: 80%;
    float: none;
    margin-left: auto;
	margin-right: auto;
    }
}
/* //// MAX WIDTH 767 ///// //// */
@media (max-width: 767px) {
	.andyHomeSliderCaptions h1 {
    font-size: 38px;
	margin-right: 10px;
    margin-left: 10px;
    }
    .andyHomeSliderCaptions h2 {
    font-size: 20px;
    }
	img.topHundred {
	width: 200px;	
	}
	.homeTextRight,
    .homeTextLeft {
	padding: 80px 30px 10px 30px;	
	}
	.homeTextRight h1,
    .homeTextLeft h1 {
    font-size: 38px;
    }
    .homeTextRight h2,
    .homeTextLeft h2{
    font-size: 22px;
    }
	.homeTextRight p,
    .homeTextLeft p {
    font-size: 14px;
	line-height: 26px;
    }
	.homeTextRight a.goldButton,
	.homeTextLeft a.pinkButton,
    .homeTextRight a.pinkButton,
	.homeTextLeft a.goldButton	{
	font-size: 12px;
    padding: 7px 12px;	
	}
	.homeTextRight a.pinkButton,
	.homeTextLeft a.goldButton {
	margin-right: 10px;	
	}
	.holeContainer,
    .innerContainer	{
	background: rgba(0, 0, 0, 0.46);	
	}
	.mainHoleContent,
    .mainInnerContent  {
	background: none;
	}
	.headingAndStats,
    .innerHeader	{
    background: none;
    }
	.statContainer {
    display: block;
    margin: 10px 20px;
    }
	.innerSubMenu li {
    display: block;
    }
	.innerSubMenu a {
    display: block;
    background: rgba(255, 255, 255, 0.18823529411764706);
    margin: 10px 20px;
    padding: 10px;
    text-transform: uppercase;
    }
	.innerSubMenu a:before {
	display: none;
	}
	.mainInnerContent h2 {
    padding-bottom: 30px;
    font-size: 24px;
    padding: 0;
    }
	.mainInnerContent {
    padding: 20px 15px 60px 15px;
    }
	.mainInnerContent .span8 {
    padding-right: 0;
    }
	.footer {
    height: 110px;
    text-align: center;
    padding: 15px;
    }
	body.body-class-professionals .span4 {
    border-bottom: 1px dotted #efefef;
    margin-bottom: 70px;
    padding-bottom: 20px;
    }
	.innerSubMenu.westCourseHoles a {
    display: inline-block;
    width: 35px;
    float: left;
    margin: 8px;
	padding: 7px;
	background: rgba(255, 255, 255, 0.59);
    color: #6c1a26;
	}
	.innerSubMenu.westCourseHoles .menu-section {
     display: inline-block;
     position: relative;
     width: auto;
     margin: 0 auto;
     text-align: center;	
	 }
	 .innerSubMenu.westCourseHoles li {
     display: inline;
     }
	 .innerSubMenu.westCourseHoles a:hover {
     background: #6c1a26;
	 color: #fff;
     }
    .innerSubMenu.westCourseHoles.holeMenuAtTop a {
     margin: 8px 6px;
     }
    .andyHomeSliderCaptions {
    top: 90px;
    }
}
/* /////////   480 - 767 ////////////////   */
@media (min-width: 480px) and (max-width: 767px) {
     	.backgroundFade {
        min-height: 350px;	  
        }
		.holeContainer h1,
        .innerContainer h1	{
        font-size: 48px;
	    }
		li.menu-section-west-hole-10 a,
        li.menu-section-hole-10 a {
		clear: left;
		}
       /*.courseStatusOpen {
        max-width: 230px;
       }*/
}
/* //// MAX WIDTH 480 ///// ////  //// ///  */
@media (max-width: 480px) {
    .menu-trigger {
	width: 68px;
    padding: 0;
	}
	.courseStatusOpen {
	width: 95%;	
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 999;
    bottom: 45%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    }
    .body-public .courseStatusOpen br {
	display: block;
	}
	.body-public span.updatedate:last-of-type:before {
    display: none;
    }
	.andyHomeMainSlider a.ct-btn-scroll.ct-js-btn-scroll {
    bottom: 80px;
    font-size: 14px;
	}
	.andyHomeMainSlider .la.la-angle-down {
    font-size: 32px;
	width: 32px;
	}
	img.topHundred {
	width: 150px;	
	}
	.homeTextRight,
    .homeTextLeft {
	padding: 70px 20px 10px 20px;	
	}
	.homeTextRight h1,
    .homeTextLeft h1 {
    font-size: 28px;
    }
    .homeTextRight h2,
    .homeTextLeft h2{
    font-size: 20px;
    }
	.homeTextRight p,
    .homeTextLeft p {
    font-size: 14px;
	line-height: 20px;
    }
	a.ct-btn-scroll.ct-js-btn-scroll.goDown,
    a.ct-btn-scroll.ct-js-btn-scroll.goUp {
	font-size: 14px;	
	}
	.under980ArrowText {
    display: inline-block;
	font-size: 14px;
	padding: 5px;
    }
	.newsletterSubscribe h1 {
    font-size: 28px;
	padding-top: 50px;
    }
	#customform_1 fieldset#thankyou {
    width: 280px;
    }
	.body-public #customform_1 #thankyou .customFormLine input {
    width: 280px;
	}
	#customform_1 #thankyou #custom_1_submit {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
	float: none;
	}
	.holeContainer h1,
    .innerContainer h1	{
    font-size: 28px;
	}
	.proTip p {
    padding: 0 20px;
    }
	.backgroundFade {
    min-height: 350px;	  
    }
	#globalwrap .map_popup_form input[type=submit] {
    font-size: 12px;
    padding: 10px 5px;
    }
	li.menu-section-west-hole-10 a,
    li.menu-section-hole-10 a,
    .innerSubMenu.westCourseHoles.holeMenuAtTop .menu-section li.menu-section-west-hole-10 a,
    .innerSubMenu.westCourseHoles.holeMenuAtTop .menu-section li.menu-section-hole-10 a {
    clear: none;
	}
	li.menu-section-west-hole-7 a,
	li.menu-section-west-hole-13 a,
    li.menu-section-hole-7 a,
	li.menu-section-hole-13 a {
	clear: left;
	}
   .courseStatusButton {
    left: 0;
    width: 230px;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    bottom: 50%;
    }
}
/* ///////  ///////////////////  ////////////////////// /////////////////////////////// ////////////////////////////// //////////////////////////////////////////////// ANDY NAVBAR CSS ////////////////////////////////// /////////////////////////////////////////////////////////////// / ////////// //////////////////// //////////// /// */
div#header {
/*min-height: 77px;  removing this style might mess up navbar etc on other system pages */
}
/* off canvas on front end pages */
.body-public .navbar-fixed-top {
position: fixed !important;
}
.body-public .navbar-inverse .navbar-inner {
background: none;
padding: 0;
}
.body-public .navbar #myNavbar .nav {
margin-top: 0;
padding-bottom: 0;
}
.body-public .menu-trigger {
background-color: #6c1a26;
height: 70px;
}
.body-public .menu-trigger.active {
background-color: transparent;
}
.body-public #hamburger-icon .line.line-1 {
top: 25px;
width: 40%;
}
.body-public #hamburger-icon .line.line-2 {
top: 35px;
width: 50%;
}
.body-public #hamburger-icon .line.line-3 {
top: 45px;
width: 40%;
}
.body-public #myNavbar {
display: none;
right: 0;
height: 600px !important;
background: rgba(108, 26, 38, 0.91) url(/images/resources/royalashdown/rafgc-logo-small.png) 190px 90px no-repeat;
background-size: 70px;
width: 320px;
position: fixed;
margin-left: 0;
}
.body-public .navbar-inner .container {
width: auto;
}
.body-public #topmenu {
padding: 200px 50px 30px 20px;
}
.body-public .navbar .nav {
width: 100%;
}
.body-public .navbar .nav > li {
width: 100%;
text-align: right;
}
.body-public .navbar-inverse .nav li a {
background-color: transparent !important;
background-image: linear-gradient(to right, transparent 50%, #441316 50%);
background-size: 200% 100%;
background-repeat: no-repeat;
background-position: bottom left;
overflow: hidden;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
font-size: 15px;
padding: 8px 10px;
margin: 0;
width: 240px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
color: #fff;
font-weight: normal;
}
.body-public li.nav-level-1.current a {
color: #c88b95;
background: #441316 !important;
}
.body-public .navbar-inverse .nav li a:hover,
.body-public li.nav-level-1.current a:hover {
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
background-position: bottom right;
color: #c88b95;
padding-right: 20px;
}
.nav-menu-members_login a span {
    font-size: 18px;
}
.body-public li.nav-level-1.current a:hover {
padding-right: 10px;
}
.body-public li.nav-level-1.nav-menu-book_online a {
font-size: 18px;
margin-top: 10px;
}
/* end of off canvas */
#header img {
width: 60px;
float: left;
margin-top: 5px;
margin-right: 20px;
position: absolute;
z-index: 99;
}
.body-public #header img {
margin-left: 20px;
margin-top: 5px;
margin-right: auto;
}
.navbar .nav {
margin: 15px 0px;
}
.navbar-inverse .navbar-inner {
background: #793145;
min-height: 90px;
border: none;
box-shadow: none;
}
.navbar-inverse .nav li a {
font-size: 14px;
text-shadow: none;
color: #fff;
padding: 20px 14px;
text-decoration: none;
}
li.nav-level-1.current a,
li.nav-level-1.current a:hover {
background: #592433;
}
.navbar-inverse .nav li a:hover {
color: #dcb681;
}
li.nav-level-1.nav-menu-login_page a,
#logoutbtn {
color: #e1bd85;
}
.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: #592433;
color: #ffffff;
}
.dropdown-menu {
margin: 0;
list-style: none;
background-color: #592433;
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 #883249;
}
.navbar-inverse .nav .dropdown-menu > li > a {
border-bottom: 1px dotted #883249;
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: #592433;
background-image: none;
color: #e1bd85;
}
/* fade in dropdown menu */
.open > .dropdown-menu {
pointer-events: auto;
opacity: 1;
}
/* ///////////////////////////////////////    NAVBAR STYLES ALREADY IN ADMIN PANEL /////////////////////// /////  */
.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 {
display: block;
background: white;
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 .line.line-1 {
top: 20px;
width: 40%;
}
#hamburger-icon .line.line-2 {
top: 30px;
width: 50%;
}
#hamburger-icon .line.line-3 {
top: 40px;
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 {
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 {
opacity: 0;
}
#hamburger-icon.active .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;
                            }
							.body-public .menu-trigger {
							display: block;
							}
                            div#myNavbar {
                            margin-left: 70px;
                            }
							.navbar-inverse .nav .dropdown-menu li.nav-level-2.current a {
                            color: #e5a2b4 !important;
                            }
}
@media (max-width: 979px) {
                            .navbar-inverse .btn-navbar {
                            color: #ffffff;
                            text-shadow: none;
                            background-color: transparent;
                            background-image: none;
                            margin: 20px 35px 20px 0px;
                            }
                            .body-class-members .header-wrapper .navbar-inverse .nav > li {
                            display: block;
                            }
                            .body-class-members .nav li {
                            padding-top: 10px;
                            }
							.navbar-fixed-top {
	                        margin: 0;
	                        }
	                        .navbar #myNavbar .nav {
                            margin-top: 70px;
	                        padding-bottom: 30px;
                            }
	                        .body-class-members .navbar-inverse .nav-collapse .nav > li > a,
							.body-class-members .navbar-inverse .nav-collapse .dropdown-menu a {
                            color: #fff;
                            padding: 10px 15px;
                            font-size: 16px;
                            font-weight: normal;
                            margin: 0 20px;
                            background: #551c2c;
                            }
	                        .navbar-inverse .nav-collapse .nav > li > a.moredown, .navbar-inverse .nav-collapse .dropdown-menu a.moredown {
	                        background: #592433 url(/images/resources/royalashdown/menuDownToggle2.png) 98% 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: #222 url(/images/resources/royalashdown/menuDownToggle2.png) 98% 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: #592433 url(/images/resources/royalashdown/menuUpToggle.png) 98% 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: #592433 url(/images/resources/royalashdown/menuUpToggle.png) 98% center no-repeat;
                            }	
	                        .navbar-inverse .nav .dropdown-menu > li.nav-level-2.current > a {
                            background: #222;
                            }
	                        #myNavbar {
                            z-index: 11;
                            background: rgb(121, 49, 69);
	                        }
							#header img {
                            width: 40px;
                            margin-top: 0;
                            margin-left: 5px;
                            }
}
/* /////////////// //////// menu scroll mobile landscape /////////////// ///////  */
@media (min-width: 480px) and (max-width: 767px) {
       .body-public #myNavbar {
       height: 100vh !important;
       overflow-y: auto !important; 
       background-color: #6c1a26;
       }
      .body-public .navbar #myNavbar .nav {
       background: #6c1a26;
       }
}
/* /////////////// //////// max width 480px for off canvas /////////////// ///////  */
@media (max-width: 480px) {
        .body-public #myNavbar {
        background: rgba(108, 26, 38) url(/images/resources/royalashdown/rafgc-logo-small.png) top 90px right 50px no-repeat;
		background-size: 70px;
		height: 100vh !important;
		width: 100%;
		z-index: 99;
		}
		.body-public .navbar-inverse .nav li a {
		float: right;
		}
}
/* ///////////////////////////////////  VARIOUS CMS TWEAKS /////////////////////////////////// ////// //////////// /////////////////////////////////////// /// GENERALLY DON'T NEED TO TOUCH /////////// /////////////////// ////////////////////// ///////// /////////////////////////// ///////////////////////// /////////////////// ////////////////////////////// ////////// */
.hcapsig .dropdown-menu {
background-color: #dedfde;  
}
div#cluetip {
width: auto !important; /* visitor booking pop up element inline style was 200px */
}
.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;
}
.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;
border: 1px solid #DBB21C;
box-shadow: 0px 1px 2px 0px #000001b3;
background: #f5f5f5;
}
.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 #container > .container:after {
display: none;
}
.php-ckeditor body.nav-visible #container > .container:after {
display: none;
}
.php-ckeditor .home-slider, .php-ckeditor .inner-slider {
pointer-events: auto;
}
.php-ckeditor .home-slider .nivoSlider:before, .php-ckeditor .inner-slider .nivoSlider:before {
display: none;
}
.php-ckeditor .nav-collapse {
position: relative;
}
.php-ckeditor .nav-collapse span {
color: #666 !important;
}
.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;
}
.php-ckeditor .home-slider, .php-ckeditor .inner-slider {
width: 100% !important;
height: auto !important;
margin: 0 auto !important;
left: 0;
right: 0; 
}
.php-ckeditor .home-slider .galleryInner.nivoInner.nivoSlider[style],
.php-ckeditor .inner-slider .galleryInner.nivoInner.nivoSlider[style],
.php-ckeditor .full-width {
width: 100% !important;
height: auto !important;
left: 0;
right: 0;
margin: 0 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;
}
.php-ckeditor div#topSliderCaptions {
position: relative;
padding-top: 50px;
width: 100%;
top: auto;
}
.php-ckeditor .andyTopSlider {
margin-top: 30px;
}
/* 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;
}
body.body-class-setcoursestatus form input[name="loginword"] {
height: 38px;
}
/* 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: #793145 !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;	
	}
}
/* ////// ////////////////////////////// //////////////////////// //////////////////// ///////////////////// /////////// //////////////////// ANDY SYSTEM PAGES TO CUSTOMISE ///////////////// ////// ///// / ////////////////////////////////////////////// ////////////////////////////////// //////////////////////////////////////////// ///////////////// ////////////////////////// ////////////////// */
/* ///////////////////////////////// ///////////////  LOGIN PAGE ///////////////////////////////////// */
.body-loginpage #login {
padding: 20px 20px;
border: 2px solid #CCC;
text-align: center;
}
#login h3 {
color: #793145;
text-transform: uppercase;
margin-bottom: 30px;
}
#login .controls input.btn {
background: #793145;
color: #fff;
}
/* ////////////////////// /////////////////// /////// NEWS PHP FRONT-END ////////////// ////////////// ///////  */
.body-public .news-item {
border-bottom: 1px dotted #6c1a26;
margin-bottom: 20px;
padding-bottom: 20px;
}
.body-public .news-item .media-heading {
color: #793145;
}
.body-public p.news-date {
font-size: 12px;
}
.body-public .news-summary a.read-more {
background: #b99863;
color: #fff;
padding: 5px 10px;
margin-top: 20px;
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#taglist a span {
color: #efefef !important;
text-decoration: underline;
}
/* ////////////////////////////// /////////////////////// //////////////////////////////// /////////////////////////// ////////////////////////// ///////////////////   MEMBERS PAGES BACKGROUNDS ETC ///////////////////// ////// ///////// ////////////////////// //////////////////////////////////////////// ///////////////////////////// //////////// */
.body-class-members,
body:not(.body-public) {
background: #4c202d;
}
/* #container bg cms */

.php-ckeditor h1, .php-ckeditor h2, .php-ckeditor h3, .php-ckeditor h4, .php-ckeditor h5, .php-ckeditor h6, .php-ckeditor p { color: black;}
.body-class-members #container { background: #eee !important;}

.php-login #container, .body-loginpage #container { 
  	background: #4c202d url(/images/thumbs/slideshow/royalashdown/1500x831/0-0-0-0/1/1_8.jpg) top center no-repeat;
  	background-size: cover;
 	background-attachment: fixed;
 	padding-bottom: 50px;
}

body:not(.body-public) #container, .body-class-opens #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 {
 	background: #4c202d url(/images/resources/royalashdown/new_system_bg.jpg) top center no-repeat;
 	background-size: cover;
 	background-attachment: fixed;
 	padding-bottom: 50px;
 	}

body:not(.body-public) #container,
.body-class-opens #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 {
 background: #4c202d url(/images/resources/royalashdown/AshdownBG1.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 footer bg */
.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 {
/* same as front end footer on Royal Ashdown */
}
/* 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 0px 0px 0px;
background-color: rgba(255, 255, 255, 0.8);
-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);
min-height: calc(100vh - 147px);
}


/* 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: #592433;
border: none;
color: #fdfcfd;
}
/* ///////////// ////////////// //////////// 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: #fff;
}
/* /////////////////////// /////////// /////  PHP CK EDITOR /////////////// ///////////// ///// ///////////  */
.ig-wysiwyg-editor-navbar .navbar-inverse .navbar-inner {
background: #36141e !important;
}
.php-ckeditor #header img {
width: 60px;
margin: 0 20px;
}
.php-ckeditor div#topSliderCaptions h1,
.php-ckeditor div#topSliderCaptions h2 {
color: #4c202d;
}
.php-ckeditor a.btn.btn-danger, a.btn.btn-success {
color: #fff;
background: #793145;
}
.php-ckeditor a.btn.btn-primary.ajaxbutton {
background: #5e8848;
color: #fff;
text-shadow: none;
border: none;
}
.php-ckeditor a#wysiwyg_rich_button {
background: #793145;
color: #fff;
text-shadow: none;
border: none;
}
.php-ckeditor a#wysiwyg_html_button {
background: #9f445d;
color: #fff;
text-shadow: none;
border: none;
}
.php-ckeditor .embed-container {
padding: 20px;
margin: 20px;
background: #00000036;
height: auto;
}
.php-ckeditor .andyHomeMainSlider,
.php-ckeditor .homeSectionTwo,
.php-ckeditor .homeSectionThree,
.php-ckeditor .homeSectionFour,
.php-ckeditor .newsletterSubscribe {
margin-top: 20px;
border: 1px dotted #4c202d;
padding: 20px;
color: #fff;
max-width: 100% !important;
left: auto;
right: auto;
margin-left: auto;
margin-right: auto;
background: none;
}
.php-ckeditor .innerContainer,
.php-ckeditor .mainInnerContent,
.php-ckeditor .innerHeader {
background: none;
}
.php-ckeditor .innerContainer {
border: 1px dotted #793145;
padding: 20px;
margin-top: 20px;
}
.php-ckeditor .backgroundFade {
display: none;
}
.php-ckeditor .wysiwyg-editable table {
width: 100%;
margin-top: 50px;
}
.php-ckeditor div#sectionOne.andyHomeMainSlider {
padding: 40px 20px;
position: relative !important;
  color: black;
}
.php-ckeditor .homeTextRight,
.php-ckeditor .homeTextLeft {
height: 100% !important;
background: #0000001f;
width: 50%;
padding: 50px
}
.php-ckeditor .homeSectionTwo img,
.php-ckeditor .homeSectionThree img,
.php-ckeditor .homeSectionFour img {
width: 50%;
height: 100% !important;
position: initial;
}
.php-ckeditor .andyHomeSliderCaptions,
.php-ckeditor .holeContainer {
position: relative;
top: 0;
padding: 20px;
border: 1px dotted #4c202d;
background: none;
margin-top: 20px;
}
.php-ckeditor .headingAndStats,
.php-ckeditor .mainHoleContent {
background: none;
}
.php-ckeditor .courseStatusButton,
.php-ckeditor .ct-btn-scroll {
position: relative;
display: none !important;
}
.php-ckeditor img.topHundred {
position: relative;
float: right;
width: 200px;
} 
.php-ckeditor .homeTextLeft {
float: left;
}

@media (min-width: 980px) {
    .php-ckeditor #header img {
    margin-top: 10px;
    }
}
 /* ///////////// GENERIC TABLES - DO SPECIFIC STYLES FRONT-END TO OVERRIDE THESE /////////// ///////////  */
thead {
background: #592433;
color: white;
}
.table th {
font-weight: normal;
}
table thead a {
color: #ba8090;
}
/* specific for Royal ashdown bcoz of transparent background 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 #592433 !important;
background: #592433;
color: #fff;
}
.body-class-members .uploadTarget:hover,
.body-class-members .uploadTarget.hover {
background: #7e3348;
}
.php-slideshow_edit form fieldset legend {
font-size: 16px;
color: #fff;
}
/* website templates page etc - styles / header page */
.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: #592433;
border-right: 1px solid #767676;
color: #fff !important;
}
.body-class-members .breadcrumbsWrapper p.breadcrumbs a {
color: #793145 !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: #592433;
}
.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;
}

.php-slideshow_admin .slideshow {
        column-count: 3;
}

/* HIDE COMPETITION ITEMS FROM MAIN RA SITE */

.body-class-members .navbar .nav li ul.dropdown-menu li.nav-menu-roundmgmt\.php {
  display: none;
}

.body-class-members .navbar .nav li ul.dropdown-menu li.nav-menu-analysis\.php {
  display: none;
}

.body-class-members .navbar .nav li ul.dropdown-menu li.nav-menu-hcaprecord\.php {
  display: none;
}

.body-class-members .navbar .nav li ul.dropdown-menu li.nav-menu-hcapcertificate\.php {
  display: none;
}

.body-class-members .navbar .nav li ul.dropdown-menu li.nav-menu-messages\.php {
  display: none;
}

.body-class-members .navbar .nav li ul.dropdown-menu li.nav-menu-search\.php {
  display: none;
}

.body-class-members .navbar .nav > li.nav-menu-competition\.php {
  display:none;
}

.body-class-members #latestcomp, .body-class-members #upcomingcomps, .body-class-members #previouscomps, .body-class-members #halloffame, .body-class-members #myupcoming, .body-class-members #fpmessagediv, .body-class-members #myteetimes, .members-mobile-scoreentry {
  display:none;
}

.body-class-members #multisite {
  text-align:center;
}

.body-class-members #multisite h3 {
  text-align:left;
}

.body-class-members #multisite .multi-btn {
    font-size: 12px;
    font-family: 'Work Sans', sans-serif;
    background: #6c1a26;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    padding: 8px 12px;
    text-transform: uppercase;
  	margin:10px;
    color:white;
}

.body-class-members #multisite .multi-btn a {
  color:white;
}

.body-class-members #topmenu ul#nav li.nav-menu-roundmgmt\.php {
 	display:none;
}

/* anton styles */

.body-class-members #globalwrap table tbody td.tgroup {
  background-color: #ddb2b2;
}

.body-class-members .tbooked {
  background-color: #ddb2b2;
  font-weight:bold;
}

.body-class-members .navbar .nav {
  float: right;
}

span.westMemberLogin {
  display: none;
}

.andyHomeSliderCaptions h1, .andyHomeSliderCaptions h2, .holeContainer h1, .innerContainer h1 {
  text-shadow: 1px 1px #000;
}

.php-ckeditor table tbody td {
  color: black;
}

#teetimesframe tbody a[href*="course=1"] {
  display: none;
}

.php-login #container, .body-loginpage #container {
  background: url('/images/resources/royalashdown/login-bg.jpg');
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

@media (min-width: 0px) and (max-width: 767px) {
  .courseStatusOpen {
    bottom: 0px;
    width: 95%;
    line-height: 22px;
  }
}

.body-public .courseStatusOpen br {
  display: inline;
}

.body-public span.updatedate:last-of-type::before {
  display: none;
}

@media (min-width: 1200px) {
  .courseStatusOpen {
    bottom: 25px;
    width: 70%;
  }
}

@media (min-width: 980px) and (max-width: 1199px) {
  .courseStatusOpen {
    width: 60%;
    bottom: 40px;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .courseStatusOpen {
    width: 50%;
    bottom: 40px;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .courseStatusOpen {
    bottom: 80px;
  }
}

@media (min-width: 0px) and (max-width: 979px) {
  .body-class-webcam iframe {
    width: 100% !important;
  }
}

@media (min-width: 768px) {
  .body-public #myNavbar {
    height: auto !important;
  }
}

thead a:link {
  color: #e1bd85;
}

/* end anton styles */

/* Main Site style fixes */
.body-class-members #rightcontent {
  margin-left:0px;
}

#leftcontent div:nth-child(3) a.button {
  font-size: 12px;
  background: #6c1a26;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  padding: 8px 12px;
  text-transform: uppercase;
  margin: 10px;
  color: white;
}