/* accordion for Suzanne */
.accordion {
background-color: #eee;
color: #99516e;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
font-weight: bold;
text-transform: uppercase;
outline: none;
font-size: 13px;
transition: 0.4s;
letter-spacing: 0.5px;
margin-bottom: 10px;
}

.accordion.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
content: '\002B';
color: #99516e;
font-weight: bold;
float: right;
font-size: 24px;
margin-left: 5px;
}

.accordion.active:after {
  content: "\2212";
}

.inPageContent .panel {
padding: 0 20px;
background-color: #fff;
max-height: 0;
overflow: hidden;
transition: max-height 0.8s ease-out;
}

/* ///////////// //////////////////// //////////STANDARD STYLES FOR MOST PROJECTS /////// //////////////// ///// */
* {
box-sizing: border-box;
}
#outerborder { /* this was only public body but extended to all because of footer */
overflow-x: hidden;
overflow-y: auto;
}
#container {
min-height: calc(100vh - 50px); /* 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: 'Montserrat', sans-serif;
color: #000;
font-size: 16px;
line-height: 26px;
}
.body-public p {
font-size: 15px;
line-height: 29px;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Crimson Pro', serif;
letter-spacing: 1px;
color: rgba(96, 38, 62, 0.88);
font-weight: normal;
}
.inPageContent h2 {
color: #213464;
}
a:link,
a:visited {
color: #82163c;
outline: 0;
text-decoration: none;
}
a:hover,
a:active,
a:focus {
color: #333;
outline: 0;
text-decoration: underline;
}
hr {
border-top: 1px solid #e1e1e1;
}
/* TABLES */
.whoTable td img {
padding-bottom: 15px;
}
.body-public .wysiwyg-editable table {
width: 100%;
}
.body-public .wysiwyg-editable table td {
border: 1px dotted #8e3f5f;
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 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: #82163c;
}
.body-public form input[type="submit"] {
background: #82163c;
border: none;
color: #efefef;
text-transform: uppercase;
padding: 10px 20px;
margin-top: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.body-public form .customFormRadioItem {
background: #efefef;
padding: 5px 10px;
display: block;
width: 100%;
}
.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 h6 a, 
.body-public h5 a,
.body-public form input[type="submit"], 
#globalwrap .map_popup_form input[type=submit] {
background: #8e3f5f !important;
color: #eecb52 !important;
text-decoration: none !important;
padding: 8px 10px;
margin: 20px 20px 20px 0;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
display: inline-block;
font-weight: normal;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-transition: all 0.80s ease-in-out;
-moz-transition: all 0.80s ease-in-out;
transition: all 0.80s ease-in-out;
font-size: 13px;
}
.body-public h5 a {
background: none !important;
color: #8e3f5f !important;
border: 1px solid #8e3f5f;
}
h6 a:hover,
h5 a:hover,
.body-public form input[type="submit"]:hover,
#globalwrap .map_popup_form input[type=submit]:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;	
}
#mainHomeSection h5,
#mainHomeSection h6 {
display: inline-block;
}
/* ////////////////// ///////////// // SUB MENU HORIZONTAL /////////////////// ////// */
.subMenu {
background: #8e3f5f;
text-align: center;
}
.subMenu ul {
margin: 0;
padding: 7px 0 7px 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: '-';
padding: 0 7px;
color: #fff;
}
.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: #fff;
letter-spacing: 0.5px;
font-weight: normal;
}
.body-public .subMenu .menu-section li.current a,
.body-public .subMenu .menu-section li a:hover {
color: #eecb52;
}
/* ////////////// ///////////// /// SLIDER CAPTIONS ////////// ///////////////// //// */
.sliderCaptions {
text-align: center;
position: absolute;
width: 100%;
margin-left: auto;
margin-right: auto;
left: 0;
top: 52%;
z-index: 9;
right: 0;
}
.sliderCaptions img {
width: 100px;
margin-bottom: 5px;
}
.sliderCaptions h1 {
color: #fff;
font-size: 42px;
letter-spacing: 1px;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
line-height: normal;
margin-bottom: 0;
font-weight: normal;
margin-top: 0;
}
.sliderCaptions h2 {
color: #fff;
font-family: 'Crimson Pro', serif;
font-weight: bold;
font-size: 32px;
letter-spacing: 3px;
text-shadow: 1px 1px 1px #000;
margin-bottom: 0;
margin-top: 0;
}
.sliderCaptions.innerSliderCaptions {
top: 120px;
}
/* ANIMATIONS FOR CAPTIONS TO SLIGHTLY DELAY AND THEN SCROLL ARROW & TEXT TO SLIDE-UP AND ARROW HEARTBEAT */
.sliderHolder a.ct-btn-scroll.ct-js-btn-scroll {
position: absolute;
bottom: 15%;
z-index: 9;
width: 100px;
text-align: center;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
color: #fff;
letter-spacing: 1px;
font-size: 14px;
text-decoration: none !important;
}
.sliderHolder .fa.fa-chevron-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;
}
/* ////////////// //////////// /// MAIN SLIDER & INNER SLIDER ///////////////// //////////////// // */
 .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 {
display: none !important;
width: 12px;
right: auto;
bottom: 5%;
left: auto;
z-index: 10;
}
.body-public .sliderHolder .nivo-controlNav a {
background: transparent;
border: 1px solid #fff;
width: 8px;
height: 8px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.body-public .sliderHolder .nivo-controlNav a.active {
background: #fff;
}
.nivo-directionNav {
display: none !important;
}
.sliderHolder.innerSliderHolder .nivo-directionNav {
display: none !important;
}
.sliderHolder .nivo-caption {
background: rgba(255, 255, 255, 0.75) !important;
}
.sliderHolder .nivo-caption h4 {
font-size: 16px;
line-height: 28px;
}
/* /////////////// //// ////////// WEATHER & COURSE STATUS ///////////////// ///////////////// */
.newOpenButton {
position: fixed;
bottom: 0;
left: 0;
z-index: 99999;
background: rgba(0, 0, 0, 0.76);
font-size: 20px;
color: #eecb52;
cursor: pointer;
padding: 15px;
}
#weatherDiv {
color:#fff;
background: rgba(146, 74, 104, 0.88);
text-align:justify;
float:left;
width:auto;
/*height:80px;*/
overflow:hidden;
padding:10px;
}
.openButton{
float: left;
background: rgba(0, 0, 0, 0.76);
/*height: 100px;*/
font-size: 20px;
color: #eecb52;
cursor: pointer;
padding: 15px;
}
.fa-chevron-left {
}
em.fa.fa-cloud {
display: inline-block;
}
em.fa.fa-info-circle {
display: inline-block;
margin-left: 10px;
}
.newOpenButton em.fa:hover {
color: #b16483;
}
.Button .fa {
font-size: 32px;
color: #cedc00;
}
.andyWeatherAndCourseStatusButton {
position: fixed;
bottom: 0;
left: 0;
z-index: 9;
background: rgba(0, 0, 0, 0.6);
padding: 10px;
font-size: 13px;
}
span.float-right.close-weather-and-course-status {
margin-left: 20px;
position: absolute;
right: 10px;
}
.andyWeatherAndCourseStatusButton a {
color: #fff !important;
letter-spacing: 1px;
cursor: pointer;
}
span.float-right.close-weather-and-course-status .fa {
font-size: 18px !important;
color: #cedc00;
cursor: pointer;
}
.andyShowWeatherAndCourseStatus {
width: 320px;
left: -320px;
position: fixed;
bottom: 0;
overflow-y: hidden;
/*height: 80px !important;*/
z-index: 999;
overflow-x: hidden;
-webkit-transition: all 0.90s ease-in-out;
-moz-transition: all 0.90s ease-in-out;
transition: all 0.90s ease-in-out;
padding-bottom: 55px;
}
.andyShowWeatherAndCourseStatus h3 {
display: none;
}
.weathers {
color: #fff;
display: inline-block;
width: 190px;
padding: 0 10px 5px 0;
font-size: 13px !important;
float: left;
margin-right: 5px;
margin-left: 0;
}
.afterWeather {
display: none;
}
.body-public #weatherDiv .tooltip {
left: 70% !important;
}
.afterWeather + h3 + p {
float: left;
}
.weatherDate,
.weatherTemp {
float: right;
color: #eecb52;
font-size: 14px;
margin-top: 17px;
}
.weatherDate {
margin-right: 4px;
}
.weatherTemp {

}
.weatherTemp:after {
content: '-';
margin: 0 10px;
}
.courseStatusAndWeather h3 {
display: none;
}
.body-public span.updatedate b {
display: none;
}
.body-public span.updatedate {
color: #fff;
font-size: 11px !important;
line-height: 20px;
display: inline-block;
padding: 2px 15px 2px 20px;
margin-top: 0;
font-weight: normal;
letter-spacing: 1px;
}
.body-public span.updatedate:last-of-type {
color: #eecb52 !important;
padding-top: 10px !important;
}

/* ////////// //////////////////// /// MAIN CONTENT DIV HOMEPAGE ///////////// ////////////// ///   */
div#mainHomeSection {
padding: 80px 0 20px 0;
background: url(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/home_bg.jpg) top center no-repeat;
background-size: cover;
}
#mainHomeSection a {
font-style: italic;
font-size: 17px;
letter-spacing: 1px;
font-family: 'Crimson Pro', serif;
}
div#mainHomeSection h2 {
color: #213464;
font-size: 38px;
margin-top: 0;
margin-bottom: 20px;
letter-spacing: 0;
}
.shadowDiv {
-webkit-box-shadow: 7px 7px 0px 0px rgba(34,48,84,1);
-moz-box-shadow: 7px 7px 0px 0px rgba(34,48,84,1);
box-shadow: 7px 7px 0px 0px rgba(34,48,84,1);
}
/*placement of blocks start*/
div#mainHomeSection .row-fluid {
margin-bottom: 100px;
}
iframe#ytplayer {
width: 100%;
margin-bottom: -10px;
}
.shadowDiv.trophy {
position: absolute;
margin-top: -50px;
}
.historyDiv {
padding-top: 100px;
text-align: center;
}
.hospitalityText,
.introDivText {
padding-left: 25px;
padding-top: 15px;
}
.hospitalityText p,
.introDivText p {
width: 80%;
}
div#mainHomeSection .hospitalityDiv {
margin-bottom: 70px;
}
.shadowDiv.chipPic {
margin-top: -100px;
}
/* ANIMATIONS MAIN BLOCK HOME */
.fadeInRight,
.fadeInLeft {
animation-duration: 2s;
animation-delay: 0s;
-o-animation-duration: 2s;
-o-animation-delay: 0s;
-moz-animation-duration: 2s;
-moz-animation-delay: 0s;
-webkit-animation-duration: 2s;
-webkit-animation-delay: 0s;
}
.fadeInUp {
animation-duration: 2s;
animation-delay: 0.5s;
-o-animation-duration: 2s;
-o-animation-delay: 0.5s;
-moz-animation-duration: 2s;
-moz-animation-delay: 0.5s;
-webkit-animation-duration: 2s;
-webkit-animation-delay: 0.5s;
}
.rotateInUpLeft,
.rotateInUpLeft {
animation-duration: 1.5s;
animation-delay: 0.5s;
-o-animation-duration:1.5s;
-o-animation-delay: 0.5s;
-moz-animation-duration: 1.5s;
-moz-animation-delay: 0.5s;
-webkit-animation-duration: 1.5s;
-webkit-animation-delay: 0.5s;	
}
.fadeIn {
animation-duration: 4s;
animation-delay: 0.5s;
-o-animation-duration:4s;
-o-animation-delay: 0.5s;
-moz-animation-duration: 4s;
-moz-animation-delay: 0.5s;
-webkit-animation-duration: 4s;
-webkit-animation-delay: 0.5s;
}
/* ////////////////////////////// //// INNER PAGE ///////////////////////////////// ///////  */
.inPageContent {
padding: 60px 0 40px 0;
background: url(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/inner_bg_2.jpg) top center no-repeat;
}
h2#innerPageTitle {
padding-top: 20px;
font-size: 48px;
color: #213464;
margin-bottom: 30px;
}
.inPageContent h4 {
font-family: 'Crimson Pro', serif;
color: #666;
font-size: 24px;
font-style: italic;
padding-bottom: 15px;
line-height: 32px;
}
.downloadsBox {
margin: 40px 0 20px 0;
}
.downloadsBox a {
background: #efefef url(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/downloadIcon.png) 98% center no-repeat;
background-size: 30px;
display: block;
padding: 10px;
margin-bottom: 10px;
font-size: 13px;
text-decoration: none !important;
}
.downloadsBox a:hover {
background: #8e3f5f url(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/downloadIcon.png)98% center no-repeat;
background-size: 30px;
color: #fff;
}
/* ////////// //////////////////// /// TESTIMONIALS SLIDER ///////////// ////////////// ///   */
.testimonials {
background: url(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/testimonials_left.jpg) top center no-repeat;
background-size: cover;
text-align: center;
padding: 50px 20px 60px 20px;
}
.testimonials .galleryInner.nivoInner {
height: auto !important;
max-width: 100% !important;
padding-bottom: 60px;
background: none;
margin-left: auto;
margin-right: auto;
}
.testimonials .galleryWrapperNivo img {
display: none !important;
}
.testimonials .nivo-caption {
background: none;
font-size: 22px;
line-height: 34px;
font-family: inherit;
position: relative;
font-style: italic;
color: #666;
font-family: 'Crimson Pro', serif;
margin: 0 auto;
}
.testimonials pre {
background: none;
border: none;
font-size: 14px;
font-family: inherit;
color: #efefef;
}
.testimonials .nivo-caption p {
font-size: 22px;
line-height: 32px;
}
.testimonials .galleryWrapperNivo .nivo-directionNav {
display: block !important;
width: 120px;
position: absolute;
bottom: 40px;
transform: translatex(-50%);
left: 50%;
}
.testimonials .galleryWrapperNivo .nivo-directionNav a {
width: 40px;
height: 40px;
}
.testimonials a.nivo-prevNav {
background: url(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/testimonialsLeft.png) center center no-repeat;
background-size: 40px;
}
.testimonials a.nivo-nextNav {
background: url(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/testimonialsRight.png) center center no-repeat;
background-size: 40px;
}
.testimonials .nivo-controlNav-Wrapper {
display: none;
position: relative;
margin-top: 30px;
}
.testimonials .nivo-controlNav-Wrapper .nivo-controlNav a {
width: 10px;
height: 10px;
margin: 0px 3px;
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;
}
.testimonials h4 {
color: #213464;
font-size: 38px;
font-style: normal;
padding-bottom: 15px;
}
/* ////////// ///////////////////////  HOLE TOUR STYLES /////////////// ////////////////////  */
.inPageContent iframe{
max-width: 100%;
}
.body-public .menu-section h2 {
display: none;
}
.holeNavigation .menu-section {
display: inline-block;
position: relative;
width: auto;
margin: 0 auto;
}
.holeNavigation ul {
margin: 0;
}
.body-public .menu-section li {
list-style-type: none;
}
.holeNavigation a {
color: #666;
text-transform: uppercase;
display: inline-block;
padding: 0;
font-weight: normal;
font-size: 18px;
text-decoration: none !important;
}
.holeNavigation a:hover {
color: #8e3f5f;
text-decoration: underline !important;
}
.holeNavigation a:after {
display: none;
}
.holeNavigation ul li:first-child:before {
display: none;
}
.body-public .holeNavigation .menu-section li a {
margin: 0;
}
.body-public .holeNavigation .menu-section li.current a {
color: #8e3f5f;
text-decoration: underline !important;
}
.body-public .holeNavigation .menu-section li:before {
content: "-";
padding: 0 10px;
color: #666 !important;
text-decoration: none !important;
}
/* HOLE STATS */
table.holeStatsTable {
width: 450px !important;
}
.holeStatsTable td {
padding: 0 !important;
text-align: left !important;
border: none !important;
letter-spacing: 1px;
font-size: 14px !important;
}
.statContainer {
margin: 10px 0;
}
.holestats {
margin: 20px 0 10px 0;
}
.statCircle {
height: 17px;
width: 17px;
display: inline-block;
line-height: 17px;
margin-right: 5px;
}
.blackCircle {
background: #060606;
}
.greyCircle {
background: #e5e5e5;
}
.yellowCircle {
background: #fff000;
}
.redCircle {
background: #ff0000;
}
.courseThumbnailsDiv {
margin-top: 40px;
}
.courseThumbnailsDiv .shadowDiv {
display: inline-block;
margin: 10px;
-webkit-box-shadow: 5px 5px 0px 0px rgba(34,48,84,1);
-moz-box-shadow: 5px 5px 0px 0px rgba(34,48,84,1);
box-shadow: 5px 5px 0px 0px rgba(34,48,84,1);
}
.courseThumbnailsDiv img {
width: 150px;
}
/* //////// /////////////////// ///////////////////  GOOGLE MAPS STYLES  ///////// ///////////// ////////////////// */
div#map_container {
width: 100% !important;
height: 550px !important;
color: #000;
}
#globalwrap .map_popup_form input[type=submit] {
background: #8e3f5f !important;
transition: 0.7s;
}
#globalwrap .map_popup_form input[type=submit]:hover {
background: rgba(96, 38, 62, 0.88) !important;
}
.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 #8e3f5f !important;
}
#globalwrap .map_popup_form input[type=text] {
height: 35px !important;
}
.gm-style-iw-d {
padding: 0 5px !important;
}
.googleMapHolder .map_popup a {
color: #82163c;
}
.googleMapHolder .map_popup a:hover {
color: #eecb52;
}
/* ///////////////////// ////////  BIG FOOTER ///////////////////////////// //////////// ////// */
.bigAddressFooter {
background: url(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/blueFooter_bg.jpg) top center no-repeat;
background-size: cover;
}
.addressFooter {
text-align: center;
padding: 50px 20px 50px 20px;
background: none;
background-size: cover;
color: #fff;
font-size: 28px;
line-height: 48px;
}
img.langford {
width: 150px;
margin: 20px;
}
img.jp {
width: 80px;
margin: 20px;
}
img.demelza {
width: 120PX;
MARGIN: -20px 10PX 0 20px;
}
img.leonard {
WIDTH: 150PX;
MARGIN: 0 20PX;
}
.addressFooter h2 {
color: #fff;
font-weight: normal;
font-size: 36px;
margin-top: 30px;
}
.telephoneAndMail {
margin-top: 20px;
font-size: 15px;
line-height: 38px;
letter-spacing: 1px;
}
.telephoneAndMail a {
color: #fff;
text-decoration: underline;
}
.telephoneAndMail a:hover {
color: #eecb52;
text-decoration: none;
}
.breaker {
padding: 0 15px;
}
.socialIcons em {
border: 2px solid;
color: #eecb52;
width: 55px;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 10px 7px 10px 13px;
margin: 25px 3px;
-webkit-transition: all 0.50s ease-in-out;
-moz-transition: all 0.50s ease-in-out;
transition: all 0.50s ease-in-out;
}
.socialIcons em.fa-facebook {
padding: 10px 15px 10px 17px;
}
.socialIcons em.fa-twitter {

}
.socialIcons em.fa-youtube {
}
.socialIcons em:hover {
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
em.fa.fa-envelope {
padding: 10px 0 12px 6px;
}
/*  //////////////////// ///// /// FRONT END VERY BOTTOM FOOTER /////////////////////// /////// */
.footer {
background: rgba(96, 38, 62, 0.88);
color: #efefef;
padding: 10px;
height: 50px;
letter-spacing: 1px;
font-size: 12px;
}
a.igLogo img {
width: 85px;
float: right;
}
/* ///////////////////////// //// /// 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(96, 38, 62, 0.88);
border-color: rgba(96, 38, 62, 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 {
display: none;
}
.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: #eecb52;
}
.inPageContent .nivo-directionNav {
position: absolute;
right: -15px;
bottom: 38px;
display: block !important;
width: 118px;
}
.inPageContent .galleryWrapperNivo a {
background: #000;
}
.inPageContent a.nivo-prevNav {
background: url(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/inPageSliderLeft.jpg) center center no-repeat;
background-size: cover;
width: 44px;
height: 38px
}
.inPageContent a.nivo-nextNav {
background: url(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/inPageSliderRight.jpg) center center no-repeat;
background-size: cover;
width: 44px;
height: 38px
}

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

/* /////////  MIN WIDTH 1200PX ///////////////   */
@media (min-width: 1200px) {
	              .happyGolfers {
				  margin-left: -60px;
				  }
}
/* //////////  MAX 1199PX ///////////////// //  */
@media (max-width: 1199px) {
	              
}
/* // ////////   768 - 1199 // /////  ///////   */
@media (min-width: 768px) and (max-width: 1199px) {
	 
}
/* ///////// /// 980 - 1199 ///// //// /////    */
@media (min-width: 980px) and (max-width: 1199px) {
	      .holeNavigation a:before {
          padding: 0 7px;
          }
		  .shadowDiv.trophy {
          margin-top: -70px;
          }
		  div#mainHomeSection .hospitalityDiv {
          margin-bottom: 100px;
          }
		  .shadowDiv.chipPic {
          margin-top: -50px;
          }
		  div#mainHomeSection .historyDiv {
          padding-top: 100px;
          margin-bottom: 50px;
          text-align: center;
          }
}
/* /// /////   768 - 979  ///// / /// */
@media (min-width: 768px) and (max-width: 979px) {
     .container {
	 width: auto !important; /* get more horizontal space 768 to 979 */	 
	 }
	 .holeNavigation a:before {
     padding: 0 6px;
     }
	 .breakerTwo {
	 display: block;
     font-size: 0;
     height: 0;
	 }
	 img.langford {
     width: 110px;
     }
     img.jp {
     width: 50px;
     }
     img.demelza {
     width: 70PX;
     MARGIN: 0 10PX 0 20px;
     }
     img.leonard {
     WIDTH: 100PX;
     }
	 .hospitalityText, .introDivText {
     padding-left: 5px;
     padding-top: 0;
     }
	 .hospitalityText p, .introDivText p {
     width: 100%;
     }
	 .body-public h6 a, .body-public h5 a {
	 padding: 5px 10px;
     margin: 0px 10px 20px 0;
	 }
	 .shadowDiv.trophy {
     margin-top: -60px;
	 }
	 div#mainHomeSection .historyDiv {
     margin-bottom: 60px;
     }
	 .shadowDiv.chipPic {
     margin-top: -10px;
     }
	 #mainHomeSection a {
     font-size: 16px;
	 }
	 #mainHomeSection p {
     font-size: 14px;
	 }
	 .body-public .holeNavigation .menu-section li:before {
     content: "-";
     padding: 0 8px;
	 }
}
/* //// MAX WIDTH 979 ///// //// */
@media (max-width: 979px) {
	.inPageContent	{
    padding: 60px 20px 40px 20px;
	}
	.holeNavigationRow {
     width: 100%;
	 }
	div#mainHomeSection {
    padding: 80px 20px 0 20px;
    }
}
/* //// ///// MIN WIDTH 980 ///// //// ///////  */
@media (min-width: 980px) {
	#globalwrap {
    padding-top: 0;
    }
	.nivo-directionNav {
    display: block !important;
    }
	.sliderHolder a.nivo-prevNav {
     width: 25px !important;
     height: 47px !important;
     background: url(https://GOLFCLUBNAME.designmode.intelligentgolf.co.uk/images/resources/northhants/sliderLeftSmall.png) center center no-repeat !important;
     left: 5%;
     }
     .sliderHolder a.nivo-nextNav {
     width: 25px !important;
     height: 47px !important;
     background: url(https://GOLFCLUBNAME.designmode.intelligentgolf.co.uk/images/resources/northhants/sliderRightSmall.png) center center no-repeat !important;
     right: 5%;
     }
}
/* ///// //// MIN WIDTH 768 /// ////////// /   */
@media (min-width: 768px) {
	.moveRight768AndAbove {
	float: right !important;	
	}
	.removeMarginLeft768AndAbove {
	margin-left: 0 !important;
	}
	.footerBadge767AndLess {
	display: none;	
	}
}
/* //// MAX WIDTH 767 ///// //// */
@media (max-width: 767px) {
     a.igLogo img {
    float: none;
	padding-top: 10px;
    }
	.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 */
    }
	li.menu-section-east-hole-10 a,
    li.menu-section-west-hole-10 a	{
    clear: left;
    }
	.holeNavigation {
    text-align: center;
    }
	.body-public .holeNavigation .menu-section li a {
    display: inline-block;
    width: 35px;
    float: left;
    margin: 7px;
    margin: 5px;
    padding: 7px;
    background: rgba(96, 38, 62, 0.88);
    color: #ffffff;
    }
	.body-public .holeNavigation .menu-section li a:hover {
    color: #fff;
    background: #38547e;
    text-decoration: none !important;
    }
	.body-public .holeNavigation .menu-section li.current a {
    color: #fff;
    background: #38547e;
    text-decoration: none !important;
     }
	.holeNavigation li:before {
	display: none;
	}
	iframe#ytplayer {
    width: 100%;
	}
	.breaker {
	display: block;
    font-size: 0;
    height: 0;
	}
	.footerBadge768AndMore {
	display: none;
	}
	a.footerBadge767AndLess {
    margin-top: 50px;
    display: inline-block;
    }
	div#mainHomeSection {
    padding-top: 40px;
    }
	.shadowDiv {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	margin-top: 20px;
    }
   .shadowDiv.trophy {
    position: relative;
	margin-top: 20px;
    }
    div#mainHomeSection .row-fluid {
    margin-bottom: 20px;
    }
	.shadowDiv img {
    width: 100%;
    max-width: 100%;
   }
   .courseThumbnailsDiv .shadowDiv img {
    width: 150px;
    }
	.courseThumbnailsDiv {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding-top: 20px;
    padding-bottom: 20px;
    }
	.inPageContent iframe {
    width: 100%;
	}
   .historyDiv {
    padding-top: 0;
   }
   #mainHomeSection .picToHideOnSmallScreen {
   display: none;
   }
   /*.bigText p {
	font-size: 30px;
    font-family: 'Crimson Pro', serif;
    text-align: center;
    line-height: 52px;
    color: #8e3f5f;
    padding-bottom: 20px;
	padding-top: 20px;
   }
   .bigText p:first-letter {
	font-size: 68px;   
   }*/
   div#mainHomeSection h2 {
   font-size: 48px;
   padding-top: 10px;
   line-height: normal;
   }
   .hospitalityText p, .introDivText p {
    width: 100%;
    }
	.hospitalityDiv {
	text-align: center;
	}
	.hospitalityText,
    .introDivText	{
    padding-left: 0;
    padding-top: 15px;
    }
	.rowFive {
    text-align: center;
    }
   .wow {
	/*CSS transitions*/
	-o-transition-property: none !important;
	-moz-transition-property: none !important;
	-ms-transition-property: none !important;
	-webkit-transition-property: none !important;
	transition-property: none !important;
	/*CSS transforms*/
	-o-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	/*CSS animations*/
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	}
	.pdfDownloadsBox a {
    background: rgba(128, 56, 85, 0.18);
    padding: 10px;
    margin-bottom: 15px;
	}
	h2#innerPageTitle {
    padding-top: 50px;
    margin-bottom: 20px;
    font-size: 38px;
	}
	p.leadOutText {
    font-size: 20px;
    padding-bottom: 10px;
    line-height: 30px;
   }
   .testimonials {
    padding: 50px 10px 60px 10px;
    }
	.testimonials .nivo-caption {
	width: 100%;
	}
}
/* /////////   480 - 767 ////////////////   */
@media (min-width: 481px) and (max-width: 767px) {
     	
}
/* //// MAX WIDTH 480 ///// ////  //// ///  */
@media (max-width: 480px) {
    .menu-trigger {
	width: 68px;
    padding: 0;
	}
	li.menu-section-east-hole-7 a, li.menu-section-east-hole-13 a,
    li.menu-section-west-hole-7 a, li.menu-section-west-hole-13 a	{
    clear: left;
    }
	li.menu-section-east-hole-10 a,
    li.menu-section-west-hole-10 a	{
    clear: none;
    }
	.holeNavigation a {
    margin: 5px;
    }
	.sliderCaptions h2 {
    font-size: 24px;
    }
	.sliderCaptions {
	top: 57%;
	}
    .sliderCaptions h1 {
    font-size: 28px;
    padding: 5px 10px;
    }
	.body-public .menu-section li::after {
    display: none;
    }
	.subMenu {
	padding: 10px;
	}
	.body-public .subMenu .menu-section li a {
    margin: 10px;
    display: block;
    border: 1px solid #fff;
    padding: 10px;
	}
	img.langford {
    display: block;
    margin: 10px auto;
    }
    img.jp {
    display: block;
    margin: 50px auto 0 auto;
    }
    img.demelza {
    display: block;
    margin: 10px auto;
    }
    img.leonard {
    display: block;
    margin: 40px auto 20px auto;
    }
	div#mainHomeSection h2 {
    font-size: 38px;
    }
	.body-public h6 a,
	.body-public h5 a {
	 margin: 0 10px 0 0;	
	}
	.courseThumbnailsDiv .shadowDiv {
    display: block;
    margin: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }
	.courseThumbnailsDiv .shadowDiv img {
    width: 250px;
    margin: 30px auto;
    display: block;
    }
	.inPageContent iframe {
    height: 350px;
    }
	table.holeStatsTable {
    width: 310px !important;
	margin-bottom: 20px;
    }
	.holeStatsTable td {
    letter-spacing: 0;
    }
	.whoTable td {
    padding: 0 !important;
    font-size: 11px !important;
    background: #efefef;
    border: 1px #fff solid !important;
   }
   .whoTable td img {
    max-width: 60px !important;
    }
}
/* height media query to fit everything on mobile landscape */
@media (min-height: 0px) and (max-height: 399px) {
  .sliderCaptions {
   top: 40%;
  }
  .sliderCaptions img {
  width: 60px;
  margin-bottom: 0;
  }
  .sliderCaptions h1 {
  font-size: 30px;
  }
  .sliderCaptions h2 {
  font-size: 18px;
  margin: 0 !important;
  }
  .andyShowWeatherAndCourseStatus,
  .newOpenButton  {
  display: none !important;
  }
}


/* TOP BAR */
.clubTitle {
display: none;
}
.body-public .clubTitle {
display: inline-block;
color: #fff;
font-weight: normal;
font-size: 24px;
}
.memberLoginButton {
display: none;
}
.body-public .memberLoginButton {
display: inline-block;
position: absolute;
top: 17px;
right: 110px;
z-index: 11;
}
.memberLoginButton a {
color: #eecb52;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
-webkit-transition: all 0.50s ease;
-moz-transition: all 0.50s ease;
-o-transition: all 0.50s ease;
transition: all 0.50s ease;
}
.memberLoginButton a:hover {
color: #fff;
text-decoration: none;	
}

/* ///////  ///////////////////   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 {
background: #8e3f5f;
}
#header .logoLink img {
width: 50px;
float: left;
margin-top: 5px;
margin-right: 20px;
position: absolute;
z-index: 99;
}
.body-public #header .logoLink img {
left: 50px;
margin-top: 18px;
}
.navbar .nav {
margin: 0;
}
.navbar-inverse .navbar-inner {
background: rgba(142, 63, 95, 0.90);
min-height: 60px;
}
.body-public .navbar-inverse .navbar-inner {
min-height: 0;
}
.navbar-inverse .nav li a {
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: none;
color: #efefef;
padding: 20px 14px;
text-decoration: none;
}
li.nav-level-1.current a,
li.nav-level-1.current a:hover {
background: rgba(96, 38, 62, 0.88);
}
.navbar-inverse .nav li a:hover {
color: #eecb52;
}
li.nav-level-1.nav-menu-login_page a,
#logoutbtn {
color: #eecb52;
}
.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(96, 38, 62, 0.88);
color: #efefef;
}
.dropdown-menu {
margin: 0;
list-style: none;
background-color: rgba(96, 38, 62, 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 #efefef;
}
.navbar-inverse .nav .dropdown-menu > li > a {
border-bottom: 1px dotted #efefef;
padding: 10px;
clear: both;
color: #efefef;
}
.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(96, 38, 62, 0.88);
background-image: none;
color: #eecb52;
}
/* 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;
}
.menu-trigger {
outline: 0;
position: absolute;
right: 0;
top: 0;
background-color: #38547e;
z-index: 0;
width: 75px;
height: 60px;
color: #efefef;
border: none;
padding: 10px;
text-transform: uppercase;
border-radius: 0;
}
#hamburger-icon .line {
display: block;
background: #efefef;
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: 18px;
width: 40%;
}
#hamburger-icon .line.line-2 {
top: 28px;
width: 50%;
}
#hamburger-icon .line.line-3 {
top: 38px;
width: 50%;
}
/* //////////////////////////////// //////////////  OFF CANVAS MENU ////////////////////////// /// */
.body-public .navbar-fixed-top {
position: fixed;
}
.body-public .navbar-fixed-top .navbar-inner {
padding: 0;
text-align: center;	
}
.body-public .nav-collapse {
overflow: auto;
}
.body-public .navbar #myNavbar .nav {
margin-top: 0;
margin-bottom: 20px;
border-bottom: 1px solid #743a47;
padding-bottom: 20px;
}
.body-public div#myNavbar {
width: 0;
overflow-x: hidden !important;
overflow-y: auto !important;
position: fixed;
z-index: 1;
height: 100% !important;
top: 0;
right: 0;
padding-top: 120px;
transition: 0.5s;
background: rgba(142, 63, 95, 0.90);
}
#myNavbar .closebtn {
display: none;
}
.body-public #myNavbar .closebtn {
display: inline-block;
color: #fff;
position: absolute;
top: 0;
right: 0;
font-size: 56px;
margin-left: 0;
padding: 17px;
text-decoration: none !important;
}
.body-public .navbar .nav {
width: 260px;
}
.body-public .navbar .nav li {
float: none;
}
.logoLinkOffCanvas {
display: none;
}
.body-public .logoLinkOffCanvas img {
width: 60px;	
}
#myNavbar .memberLoginButton {
display: none;
}
.body-public .navbar-inverse .nav-collapse .nav li a {
padding: 7px 14px;
margin: 5px 30px 5px 10px;
font-size: 13px;
text-align: right;
}
.body-public .navbar-inverse .nav-collapse .nav li a:hover {
color: #eecb52 !important;
background: none;
}
.body-public li.nav-level-1.current a,
.body-public li.nav-level-1.current a:hover {
color: #eecb52 !important;
background: none;
}
.body-public .nav li {
padding-top: 0;
}
.body-public .navbar-inverse .nav-collapse .nav > li > a.moredown, 
.body-public.navbar-inverse .nav-collapse .dropdown-menu a.moredown {
background: transparent;
}
.body-public .navbar-inverse .nav li.moredown.dropdown.nav-level-1.nav-haslevel-2.open a.moredown,
.body-public .navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
background: transparent;
}
/* drop down in off canvas */
.body-public .open > .dropdown-menu {
position: relative;
background: transparent;
width: 200px;
padding-top: 0;
margin: 0 0 30px 20px;
}
.body-public .dropdown-menu {
background: transparent;
width: 200px;
padding-top: 0;
margin: 0 0 30px 20px;	
}
.body-public .navbar .nav > li > .dropdown-menu:before,
.body-public .navbar .nav > li > .dropdown-menu:after {
display: none;
}
.body-public .navbar-inverse .nav .dropdown-menu > li > a {
border-bottom: none;
background: transparent;
font-size: 12px;
width: 100%;
margin: 2px 30px 2px 0;
padding: 5px 10px;
clear: both;
color: #efefef;
text-transform: none;
}
.body-public .navbar-inverse .nav .dropdown-menu > li > a:after {
content: '-';
margin: 0 0 0 10px;
}
.body-public .navbar-inverse .nav .dropdown-menu > li > a:hover {
color: #eecb52;
}
.body-public .navbar-inverse .nav li.moredown.dropdown.nav-level-1.nav-haslevel-2.active.top-menu-active a.moredown,
.body-public .navbar-inverse .nav li.dropdown.active > .dropdown-toggle {
background: transparent;
color: #eecb52;
}
.body-public .navbar-inverse .nav .dropdown-menu > li.nav-level-2.current > a {
background: transparent;
color: #eecb52;
}
/* social icons in off-canvas */
#myNavbar .socialIcons {
display: none;
}
.body-public #myNavbar .socialIcons {
display: block;
width: 210px;
text-align: right;
margin-right: 25px;
}
.body-public #myNavbar .socialIcons em.fa-facebook,
.body-public #myNavbar .socialIcons em.fa-twitter {
padding: 10px 10px 12px 12px;
font-size: 20px !important;
width: 50px;
}

/* MEDIA QUERIES NAVBAR */
@media (min-width: 768px) and (max-width: 979px) {
	                       .body-public .memberLoginButton {
                           right: 90px;
						   }
						   .body-public .clubTitle {
                           font-size: 20px;
						   }
}
@media (min-width: 980px)  {
                            .menu-trigger {
                            display: none;
                            }
							.body-public .menu-trigger {
							display: inline-block !important;
							}
							.navbar-inverse .nav .dropdown-menu li.nav-level-2.current a {
                            color: #eecb52 !important;
                            }
							div#myNavbar {
                            margin-left: 70px;
                            }
}
@media (max-width: 979px) {
                            .navbar-inverse .btn-navbar {
                            color: #efefef;
                            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: 90px;
	                        padding-bottom: 30px;
                            }
	                        .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
                            color: #efefef;
                            padding: 10px 12px;
                            font-size: 11px;
                            font-weight: normal;
                            margin: 0 20px;
                            background: rgba(96, 38, 62, 0.88);
							border-bottom: none !important;
                            }
							.body-public .navbar-inverse .nav-collapse .nav > li > a,
                            .body-public .navbar-inverse .nav-collapse .dropdown-menu a {
							background: none;	
							}	
	                        .navbar-inverse .nav-collapse .nav > li > a.moredown, .navbar-inverse .nav-collapse .dropdown-menu a.moredown {
	                        background: rgba(96, 38, 62, 0.88) url(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/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: #eecb52 url(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/menuDownToggle2.png) right 15px center no-repeat;
							color: rgba(96, 38, 62, 0.88);
                            font-weight: bold;
                            }
	                        .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(96, 38, 62, 0.88) url(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/menuUpToggle.png) right 15px center no-repeat;
                            }
							.body-public .navbar-inverse .nav li.moredown.dropdown.nav-level-1.nav-haslevel-2.active.top-menu-active.open a.moredown,
                            .body-public .navbar-inverse .nav li.dropdown.active.open > .dropdown-toggle	{
							background: rgba(96, 38, 62, 0.88);	
							}
	                        .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(96, 38, 62, 0.88)  url(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/menuUpToggle.png) right 15px center no-repeat;
                            }	
	                        .navbar-inverse .nav .dropdown-menu > li.nav-level-2.current > a {
                            background-color: #eecb52;
                            color: rgba(96, 38, 62, 0.88);
                            font-weight: bold;
                            }
	                        #myNavbar {
                            z-index: 11;
                            background: #8e3f5f;
	                        }
							.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: #eecb52;
                            color: rgba(96, 38, 62, 0.88);
                            font-weight: bold;
                            }
							#header .logoLink img {
                            left: 50%;
                            transform: translateX(-50%);
							}
}
@media (max-width: 767px) {
                            .body-public .menu-trigger {
                             width: 65px;
                             height: 57px;
                             }
							 .body-public .clubTitle {
                             font-size: 16px;
                             float: left;
                             margin-left: 50px;
                             margin-top: 7px;
                             }	
                             .body-public #header .logoLink img {
                             left: 25px;
                             margin-top: 12px;
	                         width: 30px;
							 }
}	
@media (min-width: 481px) and (max-width: 767px) {
	                         .body-public .memberLoginButton {
                             top: 13px;
                             right: 80px;
                             }
                             .body-public .memberLoginButton a {
                             font-size: 11px;
                             font-weight: normal;
                             }	
}
@media (min-width: 481px) {
	                        #myNavbar .memberLoginButton {
							display: none;
							}							
}
@media (max-width: 480px) {
	                       .body-public .memberLoginButton {
							display: none;   
						   }
                           .body-public #myNavbar .memberLoginButton {
							display: inline-block;
                            right: 40px;
                            top: 70px;
                            width: 160px;
							}
							.body-public #myNavbar .memberLoginButton a {
							font-weight: normal;
							padding: 6px 12px;
							display: inline-block;
                            border: 1px solid #eecb52;
							transition: all 0.5s;
                            -webkit-transition: all 0.5s;
                            -moz-transition: all 0.5s;
							}
							.body-public #myNavbar .memberLoginButton a:hover {
							border: 1px solid #fff;
							color: #fff;
							-webkit-border-radius: 15px;
                            -moz-border-radius: 15px;
                            border-radius: 15px;
							}
}
/* stop javascript off canvas script affecting members pages*/
.body-class-members #mynavbar, 
body:not(.body-public) #myNavbar {
width: 100% !important;
}
.body-class-members .menu-trigger,
body:not(.body-public) .menu-trigger {
z-index: 99;
}
/* ///////////////////////////////////  VARIOUS CMS TWEAKS /////////////////////////////////// ////// //////////// /////////////////////////////////////// /// GENERALLY DON'T NEED TO TOUCH /////////// /////////////////// ////////////////////// ///////// /////////////////////////// ///////////////////////// //////// */
#diaryTable.table {
display: block;
overflow-x: auto;
}
.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;
}
.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;
}
body.body-class-setcoursestatus form input[name="loginword"] {
height: 38px;
}
/* media queries members that generally don't need touching */
@media (max-width: 979px) {
    body.php-viewround table {
    font-size: 13px;
    }
    .php-viewround .table th, .table td {
     padding: 5px 0;
    }
	#globalwrap .teebooking #date_form .tabs li.current a {
     background: #4f925a !important;
     color: #fff;
	 margin: 0;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
	table.table.nametable {
    font-size: 11px !important;
    }
	table.nametable .btn.button {
    font-size: 11px !important;
    padding: 5px !important;
    }
}
@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;	
	}
}
/* ////// ////////////////////////////// //////////////////////// //////////////////// ///////////////////// /////////// //////////////////// END OF STYLES FOR MEMBERS PAGES THAT GENERALLY DO NOT NEED TO TOUCH ///////////////// ////// ///// / ////////////////////////////////////////////// ////////////////////////////////// //////////////////////////////////////////// ///////////////// ////////////////////////// ////////////////// */

/*-----------------------------------------------------------------
                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;
}
.Black {
        background: #000;
        color: #fff;
}


/* ///////////////// MEMBERS HOME PAGE ///////////////// */
.body-class-members h3 {
text-transform: uppercase;
font-weight: normal;
padding-bottom: 10px;
border-bottom: 1px dotted #8e3f5f;
}
.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 #8e3f5f;
}
/* ///////////////////////////////// ///////////////  LOGIN PAGE ///////////////////////////////////// */
.body-loginpage #login {
padding: 20px 20px;
border: 2px solid #8e3f5f;
text-align: center;
}
#login h3 {
color: rgba(96, 38, 62, 0.88);
text-transform: uppercase;
margin-bottom: 30px;
}
#login .controls input.btn {
background: #8e3f5f;
color: #efefef;
}
/* ////////////////////// /////////////////// /////// NEWSBOX CMS HOMEPAGE //////////// ////////////// ///////  */
.newsbox a:link,
.newsbox a:visited,
.news-summary a.read-more:link,
.news-summary a.read-more:visited {
background: #8e3f5f;
color: #efefef;
display: inline-block;
text-transform: uppercase;
text-decoration: none !important;
padding: 5px 12px;
margin: 10px 0 20px 0;
}
.newsbox a:hover,
.news-summary a.read-more:hover {
background: rgba(96, 38, 62, 0.88);
}
/* ////////////////////// /////////////////// /////// NEWS PHP FRONT-END ////////////// ////////////// ///////  */
.body-public .news-item {
border-bottom: 1px dotted rgba(96, 38, 62, 0.88);
margin-bottom: 20px;
padding-bottom: 20px;
}
.body-public .news-item .media-heading {
color: rgba(96, 38, 62, 0.88);
}
.body-public p.news-date {
font-size: 12px;
}
.body-public .news-summary a.read-more {
background: #8e3f5f;
color: #efefef;
font-family: 'Crimson Pro', serif;
font-size: 12px !important;
padding: 5px 10px;
text-transform: uppercase;
margin-top: 20px;
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#taglist a span {
color: #82163c !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 {
background: url(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/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: 50px;
}
body.body-class-members.body-root-home.body-nav-current-1.php-index .footer {
margin-top: 0;
}
 /* 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: 100px 0px 0px 0px;
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: #eecb52;
border: none;
color: #efefef;
}
/* ///////////// ////////////// //////////// 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(96, 38, 62, 0.88);
color: #efefef;
}
.table th {
font-weight: normal;
}
table thead a:link,
table thead a:visited {
color: #efefef;
text-decoration: underline;
font-size: 13px;
}
table thead a:hover {
color: #eecb52;
text-decoration: none;
}
/*for my golf - directory table */
table.table.nametable {
font-size: 13px;
}
/* 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 #8e3f5f !important;
background: #8e3f5f;
color: #efefef;
}
.body-class-members .uploadTarget:hover {
background: rgba(96, 38, 62, 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(96, 38, 62, 0.88);
border-right: 1px solid #767676;
color: #fff !important;
}
.body-class-members .breadcrumbsWrapper p.breadcrumbs a {
color: #82163c !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: #82163c;
}
.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-class-opens .navbar-inner .container,
.php-login .navbar-inner .container,
.body-loginpage .navbar-inner .container,
.php-news .navbar-inner .container,
.php-competition .navbar-inner .container,
.php-teelogin .navbar-inner .container,
.php-visitoropen .navbar-inner .container,
.php-sagepay .navbar-inner .container,
body[class^='body-class-setcoursestatus'] .navbar-inner .container,
.body-class-visitorbooking .navbar-inner .container,
.scrolled .navbar-inner .container {

}
/* ///////////// ////////////  IF NEED TO TARGET JUST FRONT END SYSTEM PAGES : logo ////////////// /////////////  */
.body-class-opens #header a.logoLink.publicLogo img,
.php-login #header a.logoLink.publicLogo img,
.body-loginpage #header a.logoLink.publicLogo img,
.php-news #header a.logoLink.publicLogo img,
.php-competition #header a.logoLink.publicLogo img,
.php-teelogin #header a.logoLink.publicLogo img,
.php-visitoropen #header a.logoLink.publicLogo img,
.php-sagepay #header a.logoLink.publicLogo img,
body[class^='body-class-setcoursestatus'] #header a.logoLink.publicLogo img,
.body-class-visitorbooking #header a.logoLink.publicLogo img,
#header .scrolled a.logoLink.publicLogo img {

}
/* ///////////////////// IF NEED TO TARGET UST FRONT END SYSTEM PAGES : menu trigger button //////// */
.body-class-opens .menu-trigger,
.php-login .menu-trigger,
.body-loginpage .menu-trigger,
.php-news .menu-trigger,
.php-competition .menu-trigger,
.php-teelogin .menu-trigger,
.php-visitoropen .menu-trigger,
.php-sagepay .menu-trigger,
body[class^='body-class-setcoursestatus'] .menu-trigger,
.body-class-visitorbooking .menu-trigger,
.scrolled .menu-trigger {

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

}
/* ///////////////////// IF NEED TO TARGET JUST FRONT END SYSTEM PAGES : menu trigger button //////// */
.body-class-opens a.bookTeeButton,
.php-login a.bookTeeButton,
.body-loginpage a.bookTeeButton,
.php-news a.bookTeeButton,
.php-competition a.bookTeeButton,
.php-teelogin a.bookTeeButton,
.php-visitoropen a.bookTeeButton,
.php-sagepay a.bookTeeButton,
body[class^='body-class-setcoursestatus'] a.bookTeeButton,
.body-class-visitorbooking a.bookTeeButton,
.scrolled a.bookTeeButton  {

}
/* ///////////////////// 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(https://sundridge.designmode.intelligentgolf.co.uk/images/resources/sundridge/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: #8e3f5f;
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(96, 38, 62, 0.88) !important;
}
.php-ckeditor #header img {
width: 60px;
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: #eecb52;
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;
padding-bottom: 40px;
}
.php-ckeditor .sliderCaptions h1,
.php-ckeditor .sliderCaptions h2 {
color: #333;
text-shadow: none;
}
.php-ckeditor .inPageContent,
.php-ckeditor .sliderHolder,
.php-ckeditor .bigAddressFooter,
.php-ckeditor #mainHomeSection,
.php-ckeditor .testimonials,
.php-ckeditor .standardInclude,
.php-ckeditor .subMenu {
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 .addressFooter {
background: #223466;
padding: 50px 0;
color: #fff;
}
.php-ckeditor .wow {
/*CSS transitions*/
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
/*CSS transforms*/
-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
/*CSS animations*/
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
.php-ckeditor .shadowDiv {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.php-ckeditor .shadowDiv.trophy,
.php-ckeditor .shadowDiv.chipPic {
position: relative;
margin-top: 0;
}
.php-ckeditor em.animated.fa.fa-chevron-down.heartBeat,
.php-ckeditor .newOpenButton {
display: none;
}
.php-ckeditor .socialIcons em.fa-facebook {
padding: 10px 10px 10px 15px;
}
.php-ckeditor .socialIcons em.fa-twitter {
padding: 9px;
}
.php-ckeditor .wysiwyg-editable table {
width: 100%;
margin-top: 50px;
}
.php-ckeditor table td {
text-align: center;
padding: 10px 0;
}
@media (min-width: 980px) {
    .php-ckeditor #header img {
    margin-top: 0;
    }
	#globalwrap #date_form .picker input[type=text] {
    margin-bottom: 0;
    }
	#globalwrap #date_form .picker {
	color: #fff;
	}
}
/* //////////////////////// // member page information menu in backend ////////////// //// */
.body-root-information .sliderHolder,
.body-root-information .sliderCaptions,
.body-root-information .subMenu {
display: none;
}
.body-root-information .inPageContent .container {
max-width: 100%;
}
.body-class-members.body-root-home .inPageContent .container {
max-width: 100%;
}
.body-class-members .inPageContent {
margin-left: auto;
padding: 20px;
left: 0;
right: 0;
background: none;
margin-right: auto;
max-width: 100%;
}
/* accordion styles for php-ckeditor */
.php-ckeditor .panel {
padding: 20px;
background-color: transparent;
max-height: 100%;
overflow: visible;
}
.php-ckeditor .accordion {
color: #fff;
background: #99516e;
padding: 10px;
cursor: auto;
}

/* end andy styles */

/* anton styles */

h2.clubTitle {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
}

.body-public .navbar-inverse .nav-collapse .nav li a {
  font-size: 16px;
}

.body-public .navbar-inverse .nav .dropdown-menu > li > a {
  font-size: 14px;
}

.body-public #myNavbar .socialIcons em.fa-instagram {
  padding: 10px 10px 12px 12px;
  font-size: 20px;
  width: 50px;
}

.body-class-home.body-public .introDiv h5 a {
  background: #38547e !important;
  color: white !important;
  border: #38547e !important;
}

.body-class-home.body-public .introDiv h6 a {
  background: #8e3f5f !important;
  color: #eecb52 !important;
}

.inPageContent ul li {
  font-size: 15px;
  line-height: 29px;
}

.addressFooter h2 {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 28px;
}

.body-contentpage .sliderHolder > br {
  display: none;
}

@media (min-width: 0px) and (max-width: 399px) {
  .body-public .clubTitle {
    font-size: 11px;
  }
}

a {
  font-weight: bold;
}

.body-public .subMenu .menu-section li a {
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
}

.footer-images img {
  margin: 20px;
}

img.langford {
  width: 240px;
}

img.jp {
  width: 120px;
}

.body-class-heritage .span4 .shadowDiv {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

@media (min-width: 1200px) {
  .body-class-heritage .span4 .shadowDiv img {
    margin-top: 60%;
    -webkit-box-shadow: 7px 7px 0px 0px rgba(34,48,84,1);
-moz-box-shadow: 7px 7px 0px 0px rgba(34,48,84,1);
box-shadow: 7px 7px 0px 0px rgba(34,48,84,1);
  }
}

@media (min-width: 980px) and (max-width: 1199px) {
  .body-class-heritage .span4 .shadowDiv img {
    margin-top: 120%;
    -webkit-box-shadow: 7px 7px 0px 0px rgba(34,48,84,1);
-moz-box-shadow: 7px 7px 0px 0px rgba(34,48,84,1);
box-shadow: 7px 7px 0px 0px rgba(34,48,84,1);
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .body-class-heritage .span4 .shadowDiv img {
    margin-top: 180%;
    -webkit-box-shadow: 7px 7px 0px 0px rgba(34,48,84,1);
-moz-box-shadow: 7px 7px 0px 0px rgba(34,48,84,1);
box-shadow: 7px 7px 0px 0px rgba(34,48,84,1);
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  /*.body-class-heritage .span4 .shadowDiv img {
    display: none;
  }*/
  .body-class-heritage .span4 .shadowDiv:first-child img {
    display: block;
  }
  .body-class-heritage .span4 .shadowDiv.show-pic img {
    display: block;
  }
  .body-class-heritage .span4 > br {
    display: none;
  }
  .body-class-heritage .shadowDiv img {
    max-width: 500px;
  }
}

.body-class-club_logo .inPageContent img {
  margin-right: 20px;
}

@media (min-width: 0px) and (max-width: 767px) {
  .body-class-club_logo .inPageContent img {
    float: none !important;
  }
}

h5 a.west {
  background: #38547e !important;
  color: white !important;
  border: #38547e;
}

h5 a.east {
  background: #8e3f5f !important;
  color: #eecb52 !important;
}

.shadowDiv > br {
  display: none;
}

h2#innerPageTitle {
  line-height: 54px;
}

.nivo-caption h4 {
  line-height: 34px;
}

.body-class-tuition h2 img {
  margin-right: 15px;
}

.body-public.php-news #taglist {
  display: none;
}

.body-class-open_competitions .subMenu .menu-section .menu-section-opens-redirect > a {
  color: #eecb52;
}

.inner-home-wrapper .historyDiv {
  padding-top: 0px;
}

.inner-home-wrapper div#mainHomeSection .row-fluid {
  margin-bottom: 70px;
}

@media (min-width: 980px) and (max-width: 1199px) {
  #mainHomeSection img {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .body-public .clubTitle {
    font-size: 16px !important;
  }
  #mainHomeSection img {
    width: 100%;
  }
}

.shadowDiv.trophy {
  margin-top: 0px;
}

.historyDiv {
  padding-top: 0px;
}

.body-class-heritage .span4 .shadowDiv img {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin-bottom: 30px;
}

.inPageContent {
  padding-top: 30px;
}

@media (min-width: 0px) and (max-width: 480px) {
  .body-public h6 a, .body-public h5 a {
    margin: 10px 10px 10px 0px;
  }
  .body-public table td p {
    font-size: 12px;
  }
  .body-class-contact_us table td a {
    word-break: break-word;
  }
}

@media (min-width: 0px) and (max-width: 979px) {
  .body-class-tuition .inPageContent h2 img {
    display: block;
    padding-bottom: 20px;
  }
}

.php-newsletters #globalwrap {
  font-size: 14px;
}

.body-public .navbar-fixed-top .navbar-inner {
  min-height: 100px;
}

.scrolled.body-public .navbar-fixed-top .navbar-inner {
  min-height: 60px;
}

.body-public .clubTitle {
  display: none;
}

.body-public #header .logoLink img {
  transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -webkit-transition: all 400ms ease-in-out;
}

.body-public #header .logoLink img.no-scroll {
  left: 0;
  right: 0;
  margin: 0px auto;
  top: 10px;
  width: 300px;
}

.body-public.scrolled #header .logoLink img.no-scroll {
  opacity: 0;
}

.body-public #header .logoLink img.scroll-logo {
  left: 0;
  right: 0;
  margin: 0px auto;
  top: 10px;
  width: 80px;
  opacity: 0;
}

.body-public.scrolled #header .logoLink img.scroll-logo {
  opacity: 1;
}

@media (min-width: 768px) and (max-width: 979px) {
  .body-public #header .logoLink img.no-scroll {
    width: 250px;
    margin: 0px;
    left: 20px;
    transform: translate(0,0);
  }
  .body-public #header .logoLink img.scroll-logo {
    width: 70px;
    margin: 0px;
    left: 20px;
    transform: translate(0,0);
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .body-public #header .logoLink img.no-scroll {
    width: 180px;
    margin: 0px;
    left: 20px;
    transform: translate(0,0);
  }
  .body-public #header .logoLink img.scroll-logo {
    width: 50px;
    margin: 0px;
    left: 20px;
    transform: translate(0,0);
  }
}

.body-public[class*="php-"] #header .logoLink img.no-scroll {
  width: 180px;
  opacity: 0;
}

.body-public[class*="php-"] #header .logoLink img.scroll-logo {
  width: 100px;
  opacity: 1;
}

.scrolled.body-public[class*="php-"] .navbar-fixed-top .navbar-inner {
  min-height: 100px;
}

.body-class-members .no-scroll {
  display: none;
}

.footer-sgolf img {
  width: 100px;
}

.footer .span3 {
  text-align: right;
}

.body-public .footer-sgolf img {
  display: none;
}

.header-book {
  position: absolute;
  right: 250px;
  top: 17px;
  z-index: 11;
}

.header-book a {
  color: #eecb52;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: all 0.50s ease;
  -moz-transition: all 0.50s ease;
  -o-transition: all 0.50s ease;
  transition: all 0.50s ease;
}

.header-book a:hover {
  color: #fff;
  text-decoration: none;
}

.body-class-members .header-book {
  display: none;
}

@media (min-width: 480px) and (max-width: 767px) {
  .header-book {
    top: 13px;
    right: 200px;
  }
  .header-book a {
    font-size: 11px;
    font-weight: 400;
  }
}

@media (min-width: 0px) and (max-width: 479px) {
  .header-book {
    top: 13px;
    right: 80px;
  }
  .header-book a {
    font-size: 11px;
    font-weight: 400;
  }
}

.body-class-visitorbooking #header .logoLink img.no-scroll {
  width: 180px;
  opacity: 0;
}

.body-class-visitorbooking #header .logoLink img.scroll-logo {
  width: 100px;
  opacity: 1;
}

.new-public-footer {
  padding: 100px 0px;
  background-image: url('/images/resources/sundridge/footer-background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.npf-top-row {
  display: grid;
  gap: 20px;
}

.npftl-col {
 margin-right: 20px;
}

.npftl-col a {
  color: #fff;
}

.npftl-col a:hover, .npftl-col a:focus {
  color: #eecb52;
  text-decoration: none;
  
}

.npftl-col p {
  margin: 0px 0px 2px;
}

.npft-links {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 1;
  grid-row-end: 1;
  display: flex;
}

.npft-logos {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}

.npftl-grid .wysiwyg-editable {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 20px;
  align-items: center;
}

.npft-social {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 2;
}

.npft-social a {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  margin-right: 10px;
  color: #000;
}

.npft-social a:hover, .npft-social a:focus {
  background: #eecb52;
}

.npft-social a em {
  position: relative;
  left: 2px;
}

.npf-vert {
  margin: 0px 6px;
}

.new-public-footer em.fa.fa-envelope {
  padding: 0px;
}

.npf-contact {
  margin-top: 40px;
  color: #fff;
}

.npf-policies {
  margin-top: 30px;
  color: #fff;
}

.npf-policies a {
  color: #fff;
}

.npf-policies a:hover, .npf-policies a:focus {
  color: #eecb52;
  text-decoration: none;
}

@media (min-width: 768px) and (max-width: 979px) {
  .npftl-grid .wysiwyg-editable {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .new-public-footer .container {
    margin: 0px 20px;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .new-public-footer {
    padding: 40px 0px;
  }
  .new-public-footer .container {
    margin: 0px 20px;
  }
  .npft-logos {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
  }
  .npft-social {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 3;
    grid-row-end: 3;
  }
  .npftl-col a {
    font-size: 14px;
  }
  .npf-policies a {
    display: block;
  }
  .npftl-grid .wysiwyg-editable {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .npf-vert {
    display: block;
    opacity: 0;
    height: 2px;
  }
}

/* end anton styles */

.webcam-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.webcam-container iframe,
.webcam-container object,
.webcam-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}