.sp-page-title  {
    background-position-y: 10%;
    padding: 75px 0px;
    margin-top: 33px;

}
.sp-page-title .sp-page-title-heading, .sp-page-title h2 {
    font-size: 50px;
    text-align: center;
}

div#sp-logo {
    position: fixed;
    z-index: 999;
    width: 10%;
    padding: 0;
    margin: 0;
}

div#sp-logo img {
    width: auto;
    height: auto;
    max-width: 100%;
}

div#sp-logo2 {
    z-index: 999;
    position: absolute;
    width: 10%;
    padding: 0;
    margin: 0;
}

.logo-mobile #sp-logo {
    width: auto;
}



@media (max-width: 991px) {
    #sp-logo .logo img {
    height: 80px;
}
}

#offcanvas-toggler > .fa {
    color: #fff;
}

#sp-topmenu {
  position: fixed;
  width: 100%;
  z-index: 997;
  padding: 3px;
}

#sp-header {
    left: 0;
    position: relative;
    top: 32px;
    width: 100%;
    z-index: 99;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
}
#sp-header.header-sticky  {
    z-index: 998;
}
@media (max-width: 991px) {
#sp-header  {
    top: 0;
    background: #1f1f20;
    color: #fff;
}
#sp-header.header-sticky {
    top: 0px;
}
}
/*--------------TOPMENU Styling------------------*/

#sp-top2 .sp-module {
    float: right;
}
#sp-top2 {
    text-align: right;
    padding-top: 0px; 
    font-weight: 600;
    padding: 0;
}

#sp-top2 ul.social-icons {
    margin: 0px;
}

#sp-top2 ul {
    float: right; 
    margin-bottom: 0;
}
#sp-top2 ul li {
    float: left;
    list-style-type: none;
    margin: 0px 15px 0px 7px;
    text-align: right;
    padding-top: 2px;
}
#sp-top2 ul li a {
    font-size: 13px;
    text-transform: uppercase;
    text-align: right;
    color: #BCBEC0;
}

#sp-top2 ul li a.rq-button {
    background: #ca402d;
    color: #fff;
    padding: 8px 10px;
}

#sp-top2 ul li a.rq-button:hover {
    background: #ca402d;

} 


#sp-left .module {
    background: #efefef;
    padding: 15px;
    margin: 0 0 15px 0;
    border-radius: 10px;
}

#sp-left .module ul li ul {
    margin-left: 20px;
    font-size: 14px;
    font-style: italic;
}
#sp-left .module ul li ul li, #sp-left .module ul li ul li a {
    padding: 0px 4px;
}

#sp-left .module {
  margin-top: 50px;
}
#sp-left .module:first-child {
  margin-top: 0;
}
#sp-left .module #sp-left .module-title {
  margin: 0 0 20px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1;
}
#sp-left .module ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#sp-left .module ul >li {
  display: block;
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: 300ms;
  transition: 300ms;
}
#sp-left .module ul >li >a {
  display: block;
  padding: 5px 0;
  line-height: 36px;
  padding: 2px 0;
  -webkit-transition: 300ms;
  transition: 300ms;
  color: #000;
  cursor: pointer;
}
#sp-left .module ul >li >a:hover {
  background: none;
  color: #c30000;
}
#sp-left .module ul >li >a:before {
  font-family: FontAwesome;
  content: "\f105";
  margin-right: 8px;
}
#sp-left .module ul >li:last-child {
  border-bottom: none;
}

#ls-membres .sppb-article-meta,
#ls-visiteurs .sppb-article-meta, 
#ls-privilege .sppb-article-meta  {
    display: none;
}

#sp-bottom3 {
    text-align: right;
}

.mod-sppagebuilder .sppb-btn-primary {
    color: white;
    background: #e21f26;
    border-color: #bd181e;
    cursor: pointer;
}

.mod-sppagebuilder a.sppb-btn-primary:hover,
#sp-bottom1 a.sppb-btn-primary:hover {
    background: #ff131d;
    color: white;
    border-color: #d00c14;
}

/*-------Options GGGolf------*/


.message {
    background: #fff;    
    border-radius: 5px;
    float: left;
    margin: 0px 25px 25px 0px;
    padding: 25px;
    width: 100%;
}

.calendarMenu.calendarMenuTop {
    background: #238c3d;
    display: block;
    float: left;
    position: relative;
    width: 100%;
    border-radius: 5px 5px 0px 0px;
}

.calendarNavTools {
    padding-bottom: 10px;
    }

.calendarNav {
}

.calendarNav .calendarNavPrev a, .calendarNav .calendarNavNext a, .calendarNav .calendarNavCur a  {
    border-radius: 5px;
    border: 1px solid white;
    color: white;
    margin: 0;
    padding: 8px 10px;
}

.calendarNav .calendarNavPrev a:before {
    content: "\f137";
    font-family: FontAwesome;
    margin-right: 5px;
}

.calendarNav .calendarNavNext a:after {
    content: "\f138";
    font-family: FontAwesome;
    margin-left: 5px;
}

.calendarMenu div select {
    display: inline;
}

.calendarNavDate {
    width: auto;
    clear: both;
    margin: auto;
}

.calendarNavFilter {
    width: 100%;

}

.calendarNavFilter {
    color: white;
}

.calendarNavLinks {
    margin-bottom: 5px;
    padding: 5px;
}
.calendarNavLinks div {
}

table.calendarMain_menu {
    float; right;
       width: 100%; 
}

.calendarMain {
    width: 100%;
    border-radius: 0px 0px 5px 5px;
    border: 0;
    margin-bottom: 40px;
}
.calendarMain th,.calendarMain td {
    padding: 16px 10px 10px 10px;
}



table.autogrid {
    font-weight: 400;
    border-radius: 4px;
}

.dayOfWeek {text-align: center;
font-size: 18px;
color: white;
font-weight: 400;
background-color: #2e2e2e;
text-transform: uppercase;
font-family: "Overlock SC";
}


.calendarMain tr:last-child td:first-child {
    border-radius: 0px 0px 0px 5px;
}

.calendarMain tr:last-child td:last-child {
    border-radius: 0px 0px 5px 0px;
}

.currentMonth, 
.otherMonth {
    text-align: left;
    color: #151515;
    font-size: 14px;
    font-weight: 300;
    text-align: right;
    border-right: 1px solid #e0e0e0;
    padding: 5px 10px 0px 10px;
    }

td.calendarDay {
    vertical-align: top;
    height: 80px;
    background-color: #ffffff;
    text-align: center;
    color: #000;
    padding: 5px;
    line-height: 20px;
    font-size: 14px;
    border-right: 1px solid #e0e0e0;
    border-bottom:  1px solid #e0e0e0;
}

.calendarMain tr:last-child td.calendarDay{
    border-bottom:0;
}

.calendarMain tr td.calendarDay:last-child{
    border-right:0;
}
td.calendarDay:first-child, .currentMonth:first-child, .otherMonth:first-child {
  border-left: 1px solid #ddd;
}
td.calendarDay:first-child,
.currentMonth, .otherMonth {
     background-color: #ffffff;
 }

td.calendarDay div {
    border: 0px solid #ddd;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 3px;
    width: auto;
    font-weight: 400;
    padding-left: 8px ;
    line-height: 20px;
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
}

td.calendarDay a {
    display: block;
    border-radius: 5px;
    padding: 4px 8px;
    background: url(../images/green.jpg) repeat-y left top #fff;
    font-weight: 400;
    font-size: 14px;
    width: calc(100% + 8px);
    margin-left: -8px;
    margin-top: -4px;
    margin-bottom: -4px;
    box-shadow: none;
    cursor: pointer;
    color: #000;
    box-shadow: inset 0px 0px 1px 0px #a9a9a9;
    }

    td.calendarDay a:hover {
        background:  url("../images/green.jpg") repeat-y left top #018442;
        filter: blur; /* IE6-9 */
        transition: all 300ms ease-out;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
    }

@media (min-width: 650px) {
    td.calendarDay {
        height: 100px;
    }
}
/* VERSION 1*/
/*-------Calendar GREEN Event------*/
        .cZ.sN.tX.aC, td.calendarDay .calendarGreen {
            background: url("../images/green.jpg") repeat-y left top #f5f5f5;
            color: #000;
        }

        .cZ.sN.tX.aC a, td.calendarDay .calendarGreen a {
            background: url("../images/green.jpg") repeat-y left top #c9ebda;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cZ.sN.tX.aC a:hover, td.calendarDay .calendarGreen a:hover {
            background-color: #018442;
            color: #fff;
        }
        .cZ.sN.tX.aC :hover, td.calendarDay .calendarGreen :hover{
            background: #018442;
            color: #fff;
        }

        /*-------Calendar PINK Event------*/
        .cB.sB.t0.aC, td.calendarDay .calendarPink {
            background: url("../images/pink.jpg") repeat-y left top #f5f5f5;
            color: #000;
            border: 0;
        }

        .cB.sB.t0.aC a, td.calendarDay .calendarPink a {
            background: url("../images/pink.jpg") repeat-y left top #ffd9ec;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cB.sB.t0.aC a:hover, td.calendarDay .calendarPink a:hover {
            background-color: #ff42a2;
            color: #fff;
        }



        /*-------Calendar LIMEGREEN Event------*/
        .cZ.sB.t6.aC, td.calendarDay .calendarLimegreen {
            background: url("../images/limegreen.jpg") repeat-y left top #f5f5f5;
            color: #000;
        }

        .cZ.sB.t6.aC a, td.calendarDay .calendarLimegreen a {
            background: url("../images/limegreen.jpg") repeat-y left top #e0f3cc;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cZ.sB.t6.aC  a:hover,td.calendarDay .calendarLimegreen a:hover {
            background-color: #69ac21;
            color: #fff;
        }
        .cZ.sB.t6.aC  :hover, td.calendarDay .calendarLimegreen :hover{
            background: #69ac21;
            color: #fff;
        }
        /*-------Calendar BLUE Event------*/
        .cG.sB.t8.aC, td.calendarDay .calendarBlue {
            background: url("../images/blue.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center;
        }

        .cG.sB.t8.aC a, td.calendarDay .calendarBlue a {
            background: url("../images/blue.jpg") repeat-y left top #e5f0fc;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cG.sB.t8.aC a:hover, td.calendarDay .calendarBlue a:hover {
            background-color:#398AE6 ;
            color: #fff;
        }
        .cG.sB.t8.aC :hover, td.calendarDay .calendarBlue :hover{
            background:#398AE6 ;
            color: #fff;
        }

        /*-------Calendar LIGHTBLUE Event------*/
        .cG.sB.t4.aC, td.calendarDay .calendarLightblue {
            background: url("../images/lightblue.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center
        }

        .cG.sB.t4.aC a, td.calendarDay .calendarLightblue a{
            background: url("../images/lightblue.jpg") repeat-y left top #cff2ff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center
        }
        .cG.sB.t4.aC a:hover, td.calendarDay .calendarLightblue a:hover {
            background-color:#398AE6 ;
            color: #fff;
            text-align: center
        }
        .cG.sB.t4.aC :hover,td.calendarDay .calendarLightblue :hover{
            background:#398AE6 ;
            color: #fff;
            text-align: center
        }

        /*-------Calendar ORANGE Event------*/
        .cG.sB.t0.aC, td.calendarDay .calendarOrange {
            background: url("../images/orange.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center
        }

        .cG.sB.t0.aC a, td.calendarDay .calendarOrange a {
            background: url("../images/orange.jpg") repeat-y left top #ffd5ab;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center
        }
        .cG.sB.t0.aC a:hover,td.calendarDay .calendarOrange a:hover {
            background-color: #FF7F00;
            color: #fff;
            text-align: center
        }


        /*-------Calendar YELLOW-ORANGE Event------*/
        .cB.sB.tX.aC, td.calendarDay .calendarYellorange {
            background: url("../images/yellorange.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center
        }
        .cB.sB.tX.aC a, td.calendarDay .calendarYellorange a {
            background: url("../images/yellorange.jpg") repeat-y left top #ffe5ad;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center
        }
        .cB.sB.tX.aC a:hover,td.calendarDay .calendarYellorange a:hover {
            background-color: #feae00;
            color: #fff;
            text-align: center
        }


        /*-------Calendar TEAL Event------*/
        .cR.sB.t0.aC,td.calendarDay .calendarTeal {
            background: url("../images/teal.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center
        }

        .cR.sB.t0.aC a, td.calendarDay .calendarTeal a {
            background: url("../images/teal.jpg") repeat-y left top #e1f6f1;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center
        }
        .cR.sB.t0.aC a:hover, td.calendarDay .calendarTeal a:hover {
            background-color: #37C4A4;
            color: #fff;
            text-align: center
        }

        /*-------Calendar RED Event------*/
        .cB.sB.t2.aC, td.calendarDay .calendarRed {
            background: url("../images/red.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center;
        }

        .cB.sB.t2.aC a,td.calendarDay .calendarRed a {
            background: url("../images/red.jpg") repeat-y left top #ffd7d7;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cB.sB.t2.aC a:hover, td.calendarDay .calendarRed a:hover; {
            background-color: #ff0000;
            color: #000;
            text-align: center;
        }


        /*-------Calendar INDIGO Event------*/
        .cB.sN.t0.aL, td.calendarDay .calendarIndigo {
            background: url("../images/indigo.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center;
        }

        .cB.sN.t0.aL a, td.calendarDay .calendarIndigo a {
            background: url("../images/indigo.jpg") repeat-y left top #d9dfe7;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cB.sN.t0.aL a:hover, td.calendarDay .calendarIndigo a:hover  {
            background-color: #00295d;
            color: #fff;
            text-align: center;
        }

 
        /*-------Calendar MY EVENTS Event------*/
        .cR.sN.tX.aC, td.calendarDay .calendarBlack  {
            background: url("../images/black.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center;
            }

        .cR.sN.tX.aC a, td.calendarDay .calendarBlack a {
            background: url("../images/black.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center
            }
        .cR.sN.tX.aC a:hover, td.calendarDay .calendarBlack a:hover {
            background-color: #000;
            color: #fff;            
            text-align: center
        }

 /*-------Calendar PURPLE Event------*/
        .cZ.sN.tX.aR, td.calendarDay .calendarPurple {
            background: url("../images/purple.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center;
        }

        .cZ.sN.tX.aR a, td.calendarDay .calendarPurple a {
            background: url("../images/purple.jpg") repeat-y left top #f2eaff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cZ.sN.tX.aR a:hover, td.calendarDay .calendarPurple a:hover {
            background-color: #00295d;
            color: #fff;
            text-align: center;
        }


 /*-------Calendar LILAC Event------*/
        .cZ.sN.t4.aR, td.calendarDay .calendarLilac {
            background: url("../images/lilac.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center;
        }

        .cZ.sN.t4.aR a,  td.calendarDay .calendarLilac a{
            background: url("../images/lilac.jpg") repeat-y left top #f2eaff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cZ.sN.t4.aR a:hover, td.calendarDay .calendarLilac a:hover {
            background-color: #cfb5ff;
            color: #fff;
            text-align: center;
        }


 /*-------Calendar BRIGHT YELLOW Event------*/
        .cG.sB.tX.aL, td.calendarDay .calendarBrightyellow {
            background: url("../images/brightyellow.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center;
        }

        .cG.sB.tX.aL a, td.calendarDay .calendarBrightyellow a{
            background: url("../images/brightyellow.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cG.sB.tX.aL a:hover,td.calendarDay .calendarBrightyellow a:hover {
            background-color: #00295d;
            color: #fff;
            text-align: center;
        }

/*-------Calendar GREY Event------*/
        .cB.sB.t4.aC, td.calendarDay .calendarGrey {
            background: url("../images/grey.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center;
        }

        .cB.sB.t4.aC a, td.calendarDay .calendarGrey a {
            background: url("../images/grey.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cB.sB.t4.aC a:hover, td.calendarDay .calendarGrey a:hover {
            background-color: #555555;
            color: #fff;
            text-align: center;
        }


        .message span {
            display: inline;
            width: auto;
        }

div .cG, div td .cG a {
    color: #212121;
}

span.cR.sB.t2.aC {
    background: #ff000021;
    padding: 10px;
    border: 1px solid #da2929;
    border-radius: 5px;
    width: auto;
    font-size: 15px;
    font-weight: 500;
    color: #ce0000;
}



tr.autogridTitle, tr.autogridTools {
    background: #2e2e2e;
    color: white;
    font-family: "Roboto";
    font-weight: 300;
    border-radius: 5px 0px 0px;
}

table.autogrid-grid thead > tr.autogridTools > th {
    border-radius: 5px 5px 0 0;
    border: none;
}

table.autogrid-grid thead > tr.autogridTitle > th {
    border-bottom: none;
    font-weight: 300;
    font-size: 20px;
    padding: 5px;
    text-align: center;
    font-family: 'Overlock SC', sans-serif;
}

table.autogrid-grid thead > tr.autogridTitle > th a {
    color: white;
    background: #2ba84a;
    padding: 10px;
    width: auto;
    display: inline-block;
    border-radius: 5px;
    }

table.autogrid-grid thead > tr.autogridTitle > th a:hover {
    background: #32c356;
}

table.autogrid-grid thead > tr.autogridTitle > th a:before {
    content: "\f067";
    font-family: "FontAwesome";
    margin-right: 5px;
}

table.autogrid-grid thead > tr.autogridHeader > th {
    background: #484848;
    color: white;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Overlock SC', sans-serif;
}

table.autogrid.autogrid-form.dataTable {
    border: 1px solid whitesmoke;
    padding: 0px 15px;
    border-radius: 5px;
}

table.autogrid-grid tr td {
    font-size: 14px;
    font-weight: 400;
    border-bottom  : 1px solid #f1f1f1;
    padding: 5px 0px;
}

table.autogrid-grid tr th:first-child, table.autogrid-grid tr td:first-child {
    padding-left: 5px;
}

table.autogrid-grid tr th:last-child, table.autogrid-grid tr td:last-child {
    padding-right: 5px;
}

tr.autogridOdd {
    background: #fff;
}

tr.autogridEven:hover, 
tr.autogridOdd:hover {
    background: #ececec;

}
.table td, .table th {
    border: 0;
}

.autogrid-grid img {
    margin: auto;
}

.autogrid-grid tr.autogridTools img {
    float: right;
    margin: 5px;
}
.autogrid-grid a.btn.btn-xs.btn-more {
    color: #fff;
    padding: 2px 5px;
    margin-left: 2px;
    cursor: pointer;
    background: rgb(37,142,61); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(37,142,61,1) 0%, rgba(43,168,74,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(37,142,61,1) 0%,rgba(43,168,74,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(37,142,61,1) 0%,rgba(43,168,74,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258e3d', endColorstr='#2ba84a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.alert.alert-notice {
    background: #ffff0040;
    border-radius: 5px;
    border: 1px solid #e6e600;
}


.tt-player.tt-player-nomobile tbody tr td:first-child {
    text-align: center;
}

.teetime-title.tt-line.teetimesTitle {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 400;
}

a.ttCancelFoursome.tt-cancel-btn {
    cursor: pointer;
    background: #2ba84a;
    padding: 7px 10px;
    border-radius: 5px;
    color: white;
}
a.ttCancelFoursome.tt-cancel-btn:before {
    font-family: "FontAwesome";
    content:"\f056";
    margin-right: 5px;
}

input.ttSubmit, input.pgSubmit {
    cursor: pointer;
    background: #2ba84a;
    padding: 7px 10px;
    border-radius: 5px;
    color: white;
    border-style: none;
    margin: 0;
}

input.ttSubmit:hover, input.pgSubmit:hover {
    background: #35ce5b;
}

.pg-line input[type="text"]:not(.form-control), 
.pg-line input[type="email"]:not(.form-control),
.pg-line input[type="url"]:not(.form-control), 
.pg-line input[type="date"]:not(.form-control), 
.pg-line input[type="password"]:not(.form-control), 
.pg-line input[type="search"]:not(.form-control), 
.pg-line input[type="tel"]:not(.form-control),
.pg-line input[type="number"]:not(.form-control), 
.pg-line select:not(.form-control) {
    width: auto;
}

.pg-hole-info input {
    margin: auto;
}

.pg-line .pg-tournament-line {
    padding-left: 30%;
}

@media only screen and (max-width: 455px){
.pg-line .pg-tournament-line {
    padding-left: 0%;
}
}

@media (max-width: 649px){
       td.calendarDay {
        background: whitesmoke;
        border: 0;
        padding: 0;
        margin: 0px;
        padding-bottom: 10px;
        height: auto;
        border-radius: 0;
    }

    td.calendarDay:first-child, 
    .currentMonth, 
    .otherMonth {
        border: none;
        margin: 0;
    }

    td.calendarDay:before {
        background: #353535;
        padding: 5px;
        border-radius: 5px 5px 0 0;
        color: white;
        text-transform: uppercase;
        font-weight: 400;
    }

    td.calendarDay div {
        margin: 5px 15px;
        padding:15px 5px;
        font-size: 18px;
    }
    td.calendarDay div a {
        font-size: 18px;
        margin: -15px -5px;
        padding: 15px 5px;
        width: auto;
     }


    form.tt-form.dcPrevention {
    padding: 10px;
}
}

#ls-visiteurs a.sppb-readmore,#ls-privilege a.sppb-readmore, #ls-membres a.sppb-readmore  {
    display: none;
}

form#ci-subscribe-form {
    background: transparent !important;
}