/*GENERAL STYLES*/

.CodeMirror-wrap .CodeMirror-scroll {
  height: 600px;
}

/* Colours to change */

:root {
  --bg: #e7e9e8;
  --headerbackground: #1F2A69;
  --bordercolor: #1F2A69;
  --footerbackground: #1F2A69;
  --footertextcolor: #FFFFFF;
  --buttonbackground: #1F2A69;
  --pagelink: #052A75;
  --pagelinkactive: #000;
  --navnotactive: #FFFFFF;
  --navactive: #C2D6FD;
  --hamburgerline: #fff;
  --tableheaderbg: #1F2A69;
  --tableheadercolor: #fff;
  --mobilenavnotactive: #fff;
  --mobilenavactive: #C2D6FD;
  --logowidth: 70px;
  --bodyfont: 'Georgia', serif;
}

body {
  background-color: var(--bg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  font-family: var(--bodyfont);
  line-height: 28px;
}

#globalwrap {
    background: rgba(255,255,255,0.8);
    margin-bottom: 20px;
  margin-top: 40px;
    padding: 20px;
  border: 1px solid var(--bordercolor);
}

.php-index #leftcontent > div, .php-index #rightcontent > div {
  border: 1px solid var(--bordercolor);
  background: rgba(255,255,255,0.8);
}

.php-index[onload*="document"] #globalwrap {
  border: 1px solid var(--bordercolor);
}

@media (min-width: 0px) and (max-width: 767px) {
  #globalwrap {
    border: 1px solid var(--bordercolor);
  }
  .php-index #leftcontent > div, .php-index #rightcontent > div {
    border: 1px solid var(--bordercolor);
  }
  .php-index[onload*="document"] #globalwrap {
    border: 1px solid var(--bordercolor);
  }
}

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

a:hover {
    text-decoration: none;
    color: var(--pagelinkactive);
}

/* buttons */

h5 a, a.btn, button.btn, input[type*="submit"], .gallery-image .ss-controls a, .gallery-image .nav-controls a {
  display: inline-block;
  padding: 8px 12px;
  background: var(--buttonbackground);
  color: white;
  border-radius: 0px;
  text-shadow: none;
  font-size: 16px;
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
}

h5 a:hover, a.btn:hover, button.btn:hover, input[type*="submit"]:hover, .gallery-image .ss-controls a:hover, .gallery-image .nav-controls a:hover, h5 a:focus {
  color: #fff;
  background: #000;
}

h5 a {
  border-radius: 6px;
  padding: 10px 20px;
}

h6 a {
  display: inline-block;
  padding: 8px 12px;
  background: transparent;
  color: var(--buttonbackground);
  border: 2px solid var(--buttonbackground);
  border-radius: 0px;
  text-shadow: none;
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
}

h6 a:hover {
  color: #fff;
  background: var(--buttonbackground);
}

/* header and nav colours */

.main-navigation {
    background: var(--headerbackground);
    margin-bottom: 20px;
}

.navbar-inverse .nav > li > a,
.navbar-inverse .nav > li > a {
    font-size: 16px;
    text-transform: uppercase;
    color: var(--navnotactive);
}

.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
    color: var(--navactive);
}

.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 {
    color: var(--navactive);
    background: transparent;
    box-shadow: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.nav-level-2.current a {
  	color: var(--navactive);
}

.open > .dropdown-menu {
    background-image: linear-gradient(#43474d, #43474d);
  	min-width: 200px;
}

.dropdown-menu > li > a {
  color: var(--navnotactive);
}

.dropdown-menu > li > a:hover {
    color: var(--navactive);
    background-color: #43474d ;
    background-image: none
}

.navbar-inverse .nav-collapse .dropdown-menu > li.current > a {
  color: var(--navactive);
}

.navbar .nav li ul.dropdown-menu > li {
    margin: 0;
    display: block;
    float: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  	padding:6px 12px;
}

#hamburger-icon .line {
	background: var(--hamburgerline);
}

/* members page borders */

#latestcomp,
#upcomingcomps,
#previouscomps,
#fpmessagediv,
#admin_dash,
.announcements,
#myupcoming,
#myteetimes,
.news,
.members-mobile-scoreentry,
#halloffame {
    border: 1px solid var(--bordercolor);
}

/* table colours */

thead {
    background: var(--tableheaderbg);
    color: var(--tableheadercolor);
}

thead a {
    color: white;
}

thead a:hover {
    color: white;
}

/* footer colours */

.footer-outerborder {
    background: var(--footerbackground);
    color: var(--footertextcolor);
}

.copywrite p {
    color: #fff;
}

/* mobile menu colours */

@media (min-width: 0px) and (max-width: 979px) {
	.navbar-inverse .nav-collapse .nav > li > a,
    .navbar-inverse .nav-collapse .dropdown-menu a {
        color: var(--mobilenavnotactive);
        text-align: center;
    }
    .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: transparent;
        color: var(--mobilenavactive);
    }
}

#login {
    padding: 20px 40px;
    text-align: center;
}

.php-weatherfg .image-day {
    background: #87CEEB;
}

.php-messages .well-large {
    padding: 0px;
}

.php-halloffame h1 {
    font-size: 24.5px;
}

.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;
}

#dirbar a {
  color:white;
}

/*HEADER*/

.navbar-inverse .navbar-inner {
    background: transparent;
    border: none;
    box-shadow: none;
    margin-left: 10px;
    float: right;
}

#header .main-logo a {
    z-index: 100;
    position: relative;
}

.main-logo img {
    width: var(--logowidth);
    padding: 5px 20px;
}

#header .main-logo img {
    float: left;
}

.navbar .nav {
    margin: 20px 10px;
}

.club-maincontent {
    padding: 20px;
}

.menu-trigger {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    z-index: 100;
    width: 75px;
    height: 80px;
    color: #FFF;
    border: none;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 0;
}

#hamburger-icon .line {
    display: block;
    height: 4px;
    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: 15px;
    width: 50%;
}

#hamburger-icon .line.line-2 {
    top: 25px;
    width: 50%;
}

#hamburger-icon .line.line-3 {
    top: 35px;
    width: 50%;
}

.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%;
}


/*MAIN CONTENT*/

.teetimesholder th,
#memteetimes th,
.teetimesholder thead tr {
    border: #706862 1px solid;
}

table.teetimesholder td {
    border-right: 1px #43474d 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;
}

#leftcontent > div,
#rightcontent > div {
    background: #f5f5f5;
    padding: 20px;
    margin-bottom: 20px;
  position: relative;
}

#globalwrap .adminWrapper table.admin thead th,
#globalwrap .adminWrapper table.admin thead td {
    color: white!important;
}

.inner-page .container {
    background: none;
    margin-left: -20px;
}

/*FOOTER*/

.footer-left,
.ig-logo {
    padding: 25px 0px;
}

.ig-logo {
    text-align: right;
}

.body-root-roundmgmt\.php #ui-datepicker-div {
    display: none;
}

.gr-textarea-btn {
    display: none;
}


/*Responsive Styles (@media)*/

@media (min-width:979px) and (max-width: 3000px) {
    .menu-trigger {
        display: none;
    }
}

@media (max-width: 1600px) {}


/* Ipad Landscape */

@media (max-width: 1200px) {
    .main-logo img {
        padding: 5px 10px;
    }
    .navbar .nav > li > a {
        padding: 10px 7px 10px;
    }
}


/* Ipad Portrait */

@media (max-width: 979px) {
    navbar .nav {
        margin: 31px 0px 0px 21px;
    }
    .navbar-inverse .navbar-inner {
        float: none;
    }
    .navbar-inverse .navbar-inner {
        margin-left: 0px;
    }
    .navbar .nav > li > a {
        padding: 0px;
    }
    .navbar-inverse .btn-navbar {
        color: #ffffff;
        text-shadow: none;
        background-color: transparent;
        background-image: none;
        margin: 20px 35px 20px 0px;
    }
    navbar {
        margin-top: -90px;
        padding-bottom: 36px;
        margin-right: 20px;
    }
    #leftcontent,
    #rightcontent {
        padding-top: 20px;
    }
    .header-wrapper .navbar-inverse .nav > li {
        display: block;
    }
    .nav li {
        padding-top: 10px;
    }
    body.php-viewround table {
        font-size: 13px;
    }
    .php-viewround .table th,
    .table td {
        padding: 5px;
    }
    
    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
        padding: 0px;
    }
}


/* Mobile Phone */

@media (max-width: 767px) {
    body {
        padding: 0 0;
    }
    .ig-logo {
        text-align: center;
    }
    #globalwrap .teebooking #date_form .tabs li.current a {
        background: white!important;
    }
    .copywrite,
    .ig-logo {
        padding: 5px 5px;
    }
    #login fieldset {
        transform: translateX(0px);
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom,
    .navbar-static-top {
        margin-left: 0px;
        margin-right: 0px;
    }
    .navbar-inverse .navbar-inner {
        float: none;
    }
  
  .footer-left{
    text-align:center;
  }
  .php-weatherfg .nav-tabs a {
  font-size:12px;
  }
  .footer-left {
	  padding: 10px 20px;
  }
}

.body-class-members .nav-menu-information .dropdown-menu .nav-menu-information {
	display: none;
}

/* sticky footer */

@media (min-width: 768px) {
  html {
    position: relative;
    min-height: 100%;
  }
  body {
   margin-bottom: 120px; 
  }
  .footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 83.3333px;
  }
}

/* home page tweaks */

.php-index #globalwrap {
  background: transparent;
  padding: 0px;
  border: none;
}

/* additional tweaks */

.php-halloffame .hallOfFame > div:nth-child(3) {
  padding-left: 20px;
}

@media (min-width: 980px) and (max-width: 1199px) {
  .navbar-inverse .nav > li > a, .navbar-inverse .nav > li > a {
    text-transform: capitalize;
  }
  .php-knockout #globalwrap {
    overflow-x: scroll;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .php-analysis .pull-left {
    float: none;
  }
  .php-analysis .pull-right {
    float: none;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .php-hcaplist .btn-group + .btn-group {
    margin-left: 0px;
    margin-top: 10px;
  }
}

@media (min-width: 0px) and (max-width: 979px) {
  .body-class-members #globalwrap {
    overflow-x: scroll;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .php-hcaplist .btn-group {
    display: block;
    width: 200px;
  }
  .php-hcaplist .btn-group .btn {
    margin: 6px 0px;
    display: block;
  }
  .php-competition .btn-group {
    display: block;
    width: 200px;
  }
  .php-competition .btn-group .btn {
    margin: 6px 0px;
    display: block;
  }
  .php-hcaplist .btn-group + .btn-group {
    margin-left: 0px;
  }
  #globalwrap .btn-group .btn:first-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  #globalwrap .btn-group .btn:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .hcaplist > p:last-child a.btn {
    margin: 6px 0px;
  }
  .php-roundmgmt .dateperiods {
    width: 100%;
    float: none;
    text-align: left;
  }
  .php-analysis .pull-left {
    float: none;
  }
  .php-analysis .pull-right {
    float: none;
  }
  .php-analysis .btn-group {
    width: 200px;
    display: block;
  }
  .php-analysis .btn-group .btn {
    margin: 6px 0px;
    display: block;
  }
  .table th, .table td {
    padding: 2px;
    font-size: 12px;
  }
}

/* tee time fixes */

@media (min-width: 768px) {
  .php-teelogin #globalwrap .row {
    width: 100%;
    margin-left: 0px;
  }
  .php-teelogin #globalwrap .row .span6:first-child {
    width: 48%;
    margin-left: 0px;
  }
  .php-teelogin #globalwrap .row .span6:last-child {
    width: 48%;
    margin-left: 2%;
  }
}

/* tee time home page fixes */

.php-index #globalwrap > .global {
  background: rgba(255,255,255,0.8);
  padding: 20px;
}

.php-index #globalwrap > .global #myupcoming {
  border: none;
  box-shadow: none;
}

/* no pin page */

.php-index[onload*="document"] #globalwrap {
  padding: 20px;
  background: rgba(255,255,255,0.8);
}

.php-index[onload*="document"] #globalwrap > .global {
  padding: 0px;
  background: transparent;
}

/* visitor tee login */

@media (min-width: 768px) {
  .php-teelogin #globalwrap .row {
    width: 100%;
    margin-left: 0px;
  }
  .php-teelogin #globalwrap .row .span6:first-child {
    width: 48%;
    margin-left: 0px;
  }
  .php-teelogin #globalwrap .row .span6:last-child {
    width: 48%;
    margin-left: 2%;
  }
}

.teebooking #paymentbar {
  float: none;
  text-align: right;
  width: auto;
}

@media (min-width: 0px) and (max-width: 767px) {
  .teebooking #paymentbar {
    margin-top: 15px;
    text-align: left;
  }
  .teebooking #cancelbar {
    float: none;
  }
}

/* visitor booking */

@media (min-width: 768px) {
  .body-class-visitorbooking #globalwrap table {
    width: 100%;
  }
}

.body-class-visitorbooking #globalwrap table td > a {
  width: 100%;
  display: block;
  padding: 3px 0px;
  margin: 0px;
}

@media (min-width: 768px) and (max-width: 979px) {
  .body-class-visitorbooking #globalwrap .pricegroup table tr {
    display: table-row;
  }
  .body-class-visitorbooking #globalwrap .pricegroup table td {
    padding: 8px;
    float: none;
    display: table-cell;
  }
}

.php-boardcomps .row {
  margin-left: 0px;
}

.php-boardcomps .row .span12 {
  width: 100%;
  margin-left: 0px;
}

/* r and a */

@media (min-width: 980px) {
  .navbar .nav {
    margin: 42px 10px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

h1 {
  font-size: 40px;
  line-height: 50px;
}

h2 {
  font-size: 30px;
  line-height: 40px;
}

h3 {
  font-size: 26px;
  line-height: 36px;
}

h4 {
  font-size: 22px;
  line-height: 32px;
}

h5 {
  font-size: 20px;
  line-height: 30px;
}

h6 {
  font-size: 16px;
  line-height: 28px;
  color: var(--buttonbackground);
}

.maincontent table th {
  padding: 6px;
  border: 2px solid var(--buttonbackground);
  text-align: left;
}

.maincontent table td {
  padding: 6px;
  border: 2px solid var(--buttonbackground);
}

/* forms */

.members-page-main form fieldset > .customFormLine > label {
  margin-top: 10px;
}

.members-page-main form input {
  background: #eee;
  border-radius: 0px;
  border: 1px solid var(--buttonbackground);
  height: 30px;
  width: 80%;
  text-align: center;
}

.members-page-main form textarea {
  background: #eee;
  border-radius: 0px;
  border: 1px solid var(--buttonbackground);
  height: 90px;
  width: 80%;
  text-align: center;
}

.members-page-main form select {
  background: #eee;
  border-radius: 0px;
  border: 1px solid var(--buttonbackground);
  height: 30px;
  width: 80%;
  box-sizing: content-box;
  text-align: center;
}

@media (min-width: 0px) and (max-width: 767px) {
  .members-page-main form input {
    width: 80%;
  }
  .members-page-main form textarea {
    width: 80%;
  }
  .members-page-main form select {
    width: 80%;
  }
}

.members-page-main form img.ui-datepicker-trigger {
  display: none;
}

.members-page-main form input[type*="submit"] {
  width: auto;
  height: auto;
  background: var(--buttonbackground);
  color: #fff;
  margin-top: 20px;
  border: none;
  padding: 10px 15px;
  border-radius: 0px;
}

.members-page-main form input[type*="submit"]:hover {
  background: #000;
  color: #fff;
}

.members-page-main form input[type*="radio"] {
  width: auto;
  margin: 0px;
}

.members-page-main form input[type*="checkbox"] {
  width: auto;
  margin: 0px;
}

.members-page-main label {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .gallery-image .nav-controls a.next {
    margin-left: 10px;
    margin-bottom: 10px;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .gallery-image .controls {
    height: auto;
    width: 260px;
    margin: 0px auto 10px;
  }
  .gallery-image div.ss-controls {
    float: none;
  }
  .gallery-image .controls a {
    width: 202px;
    margin-top: 10px;
    text-align: center;
  }
  .gallery-image div.nav-controls {
    float: none;
  }
  .container {
    margin: 0px 10px;
  }
}

.menu-trigger {
  top: 25px;
}

#hamburger-icon .line.line-1 {
  top: 30px;
}

#hamburger-icon .line.line-2 {
  top: 40px;
}

#hamburger-icon .line.line-3 {
  top: 50px;
}

#gallery .image-wrapper, #gallery .image-wrapper img {
  width: 100%;
  height: auto;
}

.php-index #fpmessagediv a#closefpmessage {
  display: none;
}

.body-class-members.body-contentpage .galleryInner {
  width: 100% !important;
  height: auto !important;
}

.header-wrapper .container {
  position: relative;
}

.shop-button {
  position: absolute;
  top: 43px;
  right: 0px;
  z-index: 22;
}

.shop-button a {
  display: inline-block;
  padding: 6px 20px;
  text-transform: capitalize;
  border-radius: 6px;
  background: var(--navactive);
  color: var(--headerbackground);
  transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
}

.shop-button a:hover, .shop-button a:focus {
  background: #000;
  color: #fff;
}

@media (min-width: 1200px) {
  .navbar-inverse .nav > li > a, .navbar-inverse .nav > li > a {
    font-size: 15px;
    text-transform: capitalize;
  }
}

@media (min-width: 980px) and (max-width: 1199px) {
  .shop-button a {
    text-transform: capitalize;
  }
  .navbar-inverse .nav > li > a {
    font-size: 13px;
    padding: 10px 9px;
  }
}

@media (min-width: 980px) {
  .navbar-inner {
    margin-right: 70px;
  }
}

@media (min-width: 0px) and (max-width: 979px) {
  .menu-trigger {
    top: 50px;
  }
  .shop-button {
    top: 15px;
  }
}

#fpmessagediv img {
  width: 100%;
  max-width: 450px;
}

.php-index #globalwrap .weatherMini {
  position: absolute;
  top: 2px;
  right: 2px;
}

.php-index #globalwrap .weatherMini i {
  font-size: 24px;
}

/* landing page */

.body-class-home.body-public {
  margin-bottom: 0px;
}

.body-class-home.body-public .header-wrapper {
  display: none;
}

.body-class-home.body-public .footer {
  display: none;
}

.body-class-home.body-public .container {
  width: auto;
}

.body-class-home.body-public #globalwrap {
  border: none;
  margin: 0px;
  background: transparent;
  padding: 0px;
}

.landing-page-wrapper {
  background: url('/images/resources/randagc/landing-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  position: relative;
  height: 100vh;
  width: 100%;
}

.body-class-landing_page #global > br {
  display: none;
}

.landing-logo {
  position: absolute;
  top: 10%;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 172px;
}

.landing-login {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  right: 0px;
  margin: 0px auto;
  text-align: center;
}

.landing-login a {
  display: inline-block;
  color: #231F20;
  border: 2px solid #231F20;
  padding: 12px 30px;
  font-size: 28px;
  line-height: 28px;
  transition: all 300ms ease-in-out;
}

.landing-login a:hover {
  color: #fff;
  border-color: #fff;
}

.landing-footer {
  position: absolute;
  bottom: 60px;
  left: 10px;
  right: 10px;
  text-align: center;
  font-size: 18px;
}

.landing-footer a {
  color: #000;
}

.landing-footer p {
  margin-bottom: 0px;
  color: #000;
}

.landing-ig {
 position: absolute;
  bottom: 10px;
  left: 0px;
  right: 0px;
  text-align: center;
}

.landing-ig img {
  width: 120px;
}

@media (min-height: 600px) and (max-height: 799px) {
  .landing-logo {
    top: 10px;
  }
}

@media (min-height: 0px) and (max-height: 599px) {
  .landing-logo {
    top: 10px;
    width: 100px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .landing-page-wrapper {
    height: calc(100vh - 62px);
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  body {
    padding: 0px;
  }
  .landing-logo {
    width: 80px;
  }
  .landing-page-wrapper {
    background-position: bottom;
    height: calc(100vh - 62px);
  }
  .body-class-home.body-public .container {
    margin: 0px;
  }
  .landing-footer {
    bottom: 10px;
    font-size: 16px;
  }
  .landing-ig {
    position: relative;
    background: #2f3438;
    padding: 30px 0px;
    top: calc(100vh - 62px);
  }
}

@media (min-width: 0px) and (max-width: 480px) {
  .lf-line {
    font-size: 0px;
    display: block;
    height: 0px;
  }
}

@media (min-width: 0px) and (max-width: 767px) and (orientation: landscape) {
  .landing-logo {
    width: 70px;
  }
  .landing-login a {
    padding: 2px 30px;
    font-size: 20px;
  }
}

.php-prefs table#contact_prefs_table {
  display: none;
}

.php-prefs #global form input[type*="submit"] {
  display: none;
}

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

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

.body-public .header-wrapper .shop-button {
  display: none;
}

.php-prefs #global > form:nth-of-type(1) .contact-contain:nth-of-type(1), .php-prefs #global > form:nth-of-type(1) .contact-contain:nth-of-type(2), .php-prefs #global > form:nth-of-type(1) .contact-contain:nth-of-type(3) {
  display: none;
}

/* new pages */

.body-contentpage.body-class-members #globalwrap {
  padding: 0px 0px 50px;
  border: none;
  margin: 0px;
  background: #fff;
}

.body-contentpage.body-class-members #global > br {
  display: none;
}

.body-contentpage.body-class-members #global > a {
  width: 1170px;
  margin: 0px auto;
  display: block;
}

.body-contentpage.body-class-members .main-navigation {
  margin: 0px;
}

.body-contentpage.body-class-members .container.content-wrapper {
  width: 100%;
}

.members-page-image {
  position: relative;
}

.mpi-title {
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  margin: 0px auto;
  text-align: center;
  transform: translateY(-50%);
}

.mpi-title h1 {
  color: #fff;
  margin: 0px;
}

.mp-page-space {
  width: 1170px;
  margin: 60px auto;
  text-align: center;
}

.mp-page-space ul {
  margin: 0px 0px 10px;
}

.mp-page-space ul li {
  line-height: 28px;
  list-style: none;
}

.mp-page-space ul li::before {
  content: '\f111';
  font-family: 'FontAwesome';
  font-size: 7px;
  margin-right: 6px;
  color: #1F2A69;
  position: relative;
  top: -3px;
}

.mp-page-space ol {
  margin: 0px 0px 10px;
}

.mp-page-space ol li  {
  line-height: 28px;
  list-style-position: inside;
}

.mp-row.three-equal, .mp-row.two-equal, .mp-row.four-equal {
  display: flex;
}

.mp-row .mpr-col {
  flex: 1 1 0;
  margin: 15px 0px;
}

.mp-row.two-equal .mpr-col:nth-child(1) {
  margin-right: 15px;
}

.mp-row.two-equal .mpr-col:nth-child(2) {
  margin-left: 15px;
}

.mp-row.three-equal .mpr-col:nth-child(2) {
  margin: 15px;
}

.mp-row.four-equal .mpr-col:nth-child(2), .mp-row.four-equal .mpr-col:nth-child(3) {
  margin: 15px;
}

.mpr-col h5 {
  margin: 0px;
}

.mpr-col h5 a {
  display: block;
  border-radius: 6px;
  text-align: center;
  padding: 15px 10px;
}

.inserted-block {
  position: relative;
  margin: 15px 0px;
}

.body-contentpage .added-section-remove, .body-contentpage .added-section-move-up, .body-contentpage .added-section-move-down {
  display: none;
}

@media (min-width: 768px) {
  .body-contentpage.body-class-members {
    margin-bottom: 84px;
  }
}

@media (min-width: 980px) and (max-width: 1199px) {
  .mp-page-space {
    width: 940px;
  }
  .body-contentpage.body-class-members #global > a {
    width: 940px;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .mp-page-space {
    width: 724px;
  }
  .body-contentpage.body-class-members #global > a {
    width: 724px;
  }
  h5 a {
    font-size: 13px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .mpr-col .wysiwyg-editable, .mpr-col .wysiwyg-editable h5 {
    height: 100%;
  }
  .mpr-col .wysiwyg-editable h5 a {
    height: calc(100% - 30px);
  }
}

@media (min-width: 0px) and (max-width: 979px) {
  .navbar-inverse .nav > li > a {
    text-transform: capitalize;
    font-weight: 400;
    padding: 5px 0px;
  }
  .nav-collapse .dropdown-menu a {
    padding: 4px 0px;
    font-weight: 400;
  }
  .navbar .nav {
    margin: 0px 10px 20px;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .members-page-image img {
    min-height: 200px;
    object-fit: cover;
  }
  .dropdown-menu > li > a {
    white-space: wrap;
  }
  .mp-page-space {
    width: auto;
    margin: 60px 20px;
  }
  .mp-row.three-equal, .mp-row.two-equal, .mp-row.four-equal {
    flex-direction: column;
  }
  .mp-row.two-equal .mpr-col:nth-child(1) {
    margin: 10px 0px;
  }
  .mp-row.two-equal .mpr-col:nth-child(2) {
    margin: 10px 0px;
  }
  .mp-row .mpr-col {
    margin: 10px 0px;
  }
  .mp-row.three-equal .mpr-col:nth-child(2) {
    margin: 10px 0px;
  }
  .body-contentpage.body-class-members .container.content-wrapper {
    margin: 0px;
  }
  .body-contentpage.body-class-members #global > a {
    width: auto;
    margin: 0px 20px;
  }
  .mpi-title h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .mp-page-space img {
    max-width: 450px;
    width: 100%;
  }
  .additional-boxes .inserted-block {
    margin: 0px;
  }
  .additional-boxes .inserted-block .inner-full-added {
    margin: 30px 0px;
  }
}

.nivo-controlNav-Wrapper {
  display: none;
}

.php-index #fpmessagediv h5 a  {
  width: 280px;
  font-size: 13px;
}

/* custom template editor */

.php-ckeditor .navbar-inverse .navbar-inner {
  margin: 0px;
  float: none;
  background: #171717;
  padding: 5px 0px;
}

.php-ckeditor .inserted-block {
  padding: 30px 0px;
}

.php-ckeditor .content-wrapper {
  margin-top: 100px;
}

.php-ckeditor .extra-nav {
  position: fixed;
  top: 44px;
  background: #171717;
  padding: 5px 0px;
  width: 100%;
  z-index: 100;
}

.php-ckeditor .extra-nav a {
  display: inline-block;
  padding: 5px 10px;
  background: #1F2A69;
  margin-right: 5px;
  color: #fff;
  font-size: 13px;
}

.php-ckeditor .extra-nav a:hover, .php-ckeditor .extra-row a:focus {
  background: #fff;
  color: #1F2A69;
  cursor: pointer;
}

.php-ckeditor .extra-nav-tooltip i {
  color: #1F2A69;
  font-size: 24px;
  margin-left: 5px;
  position: relative;
  top: 4px;
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
}

.php-ckeditor .extra-nav-tooltip i:hover {
  color: #fff;
  cursor: help;
}

.php-ckeditor .extra-nav-tooltip-text {
  display: block;
  color: #fff;
  margin-top: 10px;
  height: 0px;
  opacity: 0;
  font-size: 14px;
  visibility: hidden;
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
}

.php-ckeditor .extra-nav-tooltip:hover .extra-nav-tooltip-text {
  height: 58px;
  opacity: 1;
  visibility: visible;
}

.php-ckeditor.no-extra-nav .extra-nav {
  display: none;
}

.added-section-remove, .added-accordion-remove {
  position: absolute;
  top: -2px;
  right: 0px;
  width: 30px;
  height: 30px;
}

.added-section-remove .asr-cross, .added-accordion-remove .asr-cross {
  width: 30px;
  height: 2px;
  background: #f00;
  content: '';
  display: inline-block;
}

.added-section-remove:hover, .added-section-remove:focus, .added-accordion-remove:hover, .added-accordion-remove:focus {
  cursor: pointer;
}

.added-section-remove .asr-cross-1, .added-accordion-remove .asr-cross-1 {
  transform: rotate(45deg);
  position: absolute;
  top: 13px;
  left: 0px;
}

.added-section-remove .asr-cross-2, .added-accordion-remove .asr-cross-2 {
  transform: rotate(-45deg);
  position: absolute;
  top: 13px;
  left: 0px;
}

.added-section-move-up, .added-accordion-move-up {
  position: absolute;
  top: -2px;
  right: 100px;
  font-size: 24px;
  width: 30px;
  height: 30px;
  text-align: center;
}

.added-section-move-up:hover, .added-accordion-move-up:hover {
  cursor: pointer;
}

.added-section-move-down, .added-accordion-move-down {
  position: absolute;
  top: -2px;
  right: 50px;
  font-size: 24px;
  width: 30px;
  height: 30px;
  text-align: center;
}

.added-section-move-down:hover, .added-accordion-move-down:hover {
  cursor: pointer;
}

.php-ckeditor .wysiwyg-editable {
  border: 2px dashed #000;
}

.php-ckeditor .header-wrapper {
  display: none;
}

.php-ckeditor .additional-boxes .inserted-block:first-child .added-section-move-up {
  display: none;
}

.php-ckeditor .additional-boxes .inserted-block:last-child .added-section-move-down {
  display: none;
}

.php-ckeditor.no-extra-nav .extra-nav {
  display: none;
}