/*
 Theme Name:   Noosa
 Theme URI:    http://miclub.com.au
 Description:  MiClub Custom Theme
 Author:       Vee
 Author URI:   http://miclub.com.au
 Version:      1.0.0
 License:      Copyright 2017 - MiClub
 License URI:  http://miclub.com.au
 Tags:         custom, responsive-layout
 Text Domain:  miclub
*/

/*
 * ======================  LIVE CHANGES GO HERE  ======================
 * Please make sure that you place a timestamp with your name whenever
 * this file is edited. If your change is a result of a ticket please
 * include the ticket number in the comment.
 */

#navigation .nav-inner .nav {
	max-width: 650px;
}

.logged-in #navigation .nav-inner .nav {
	width: 720px;	
}

#navigation .nav-inner .buttons {
	z-index: 9999;
}

@media screen and (max-width: 1360px) {
	/*#navigation .nav-inner .nav ul {
	    width: 500px;
    	float: left;
	}*/
	
	.logged-in #navigation .nav-inner .nav ul {
	    width: 720px;
    	float: left;
	}
}

@media screen and (max-width: 1200px) {
	#navigation .nav-inner .nav ul {
	    /*width: 380px;*/

	}
	
	.logged-in #navigation .nav-inner .nav ul {
	    width: 720px;
	}
}

.nsLink:hover {
	cursor: pointer;
}

#course-conditions{
	display: none;
}


.page-template-page-golf-news #main .members-news{
    flex-wrap: wrap;
}
.page-template-page-golf-news #main .members-news .post{
    margin-right: 2%;
}
.page-template-page-golf-news #main .members-news p.btn{
    width: 100%;
    text-align: center;
}

/* Homepage - Video */

.home .cover-video,
.page-template-template-home-new .cover-video {
    height: 100%;
    background: #000000;
    position: relative;
    max-height: calc(100vh - 79px);
    min-height: 400px;
    width: 100%;
    overflow: hidden;
    margin-top: 79px;
}
@media screen and (max-width: 820px) {
    .home .cover-video,
    .page-template-template-home-new .cover-video {
        height: auto;
        min-height: unset;
    }
}

.home .cover-video .overlay,
.page-template-template-home-new .cover-video .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
}

.home .cover-video .container,
.page-template-template-home-new .cover-video .container {
    position: absolute;
    top: 30%;
    left: 20%;
    right: 20%;
    width: 60%;
    color: #ffffff;
}
@media screen and (max-width: 820px) {
    .home .cover-video .container,
    .page-template-template-home-new .cover-video .container {
        top: 35%;
    }
}

.home .cover-video a.fancybox-inline,
.page-template-template-home-new .cover-video a.fancybox-inline {
    background: #810626;
    color: #ffffff;
    border: 1px solid #ffffff;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 16px 30px;
    opacity: 1;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 600;
    text-decoration: none;
    margin: 0 auto;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: auto;
    bottom: 20%;
    width: 280px;
    opacity: 0.9;
}

/* Light Theme */

.light-theme {

}

.light-theme #navigation {
    background: #fff;
}

.light-theme #navigation .nav-inner .nav ul li a {
    color: #000;
}

#navigation {
    background: #fff;
}
#navigation .nav-inner .nav ul li a {
    color: #000;
}
#navigation .nav-inner .nav ul li a.arrow-down-nav i.arrow {
    display: inline-block;
    border: solid #000;
    border-width: 0 2px 2px 0;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
#navigation .nav-inner .nav ul li ul.sub-menu {
    background: #eee;
    padding: 5px 0!important;
}
#navigation .nav-inner .nav ul li ul.sub-menu li {
    padding: 4px 10px;
}
#navigation .nav-inner .nav ul li ul.sub-menu li:hover {
    background: #000;
}
#navigation .nav-inner .nav ul li ul.sub-menu li:hover a {
    color: #fff;
}


#navigation .nav-inner .buttons a {
    background: #d3d3d3;
    color: #000;
}
#navigation .nav-inner .buttons a:hover {
    background: #000;
    color: #fff;
}
#navigation .nav-inner .nav ul li {
    font-size: 16px;
}
#navigation .nav-inner .left-menu #hamburger .hamburger-icon:before,
#navigation .nav-inner .left-menu #hamburger .hamburger-icon:hover:before {
    background: #000;
}
#navigation .nav-inner .left-menu #hamburger a,
#navigation .nav-inner .left-menu #hamburger .hamburger-icon:hover a {
    background: #000;
}

#navigation .nav-inner .left-menu #hamburger .hamburger-icon:after,
#navigation .nav-inner .left-menu #hamburger .hamburger-icon:hover:after {
    background: #000;
}
body #menu.flyout .menu-holder,
body #menu.flyout .menu-holder ul {
    background: #eee;
}
body #menu.flyout .menu-holder ul li.current_page_item, 
body #menu.flyout .menu-holder ul li.current-menu-ancestor {
    background: transparent;
}
body #menu.flyout .menu-holder ul li.current_page_item > a, 
body #menu.flyout .menu-holder ul li.current-menu-ancestor > a {
    color: #000;
    font-weight: 600;
}
body #menu.flyout .menu-holder .buttons a {
    background: #d3d3d3;
    border: 1px solid #d3d3d3;
    color: #000;
}
body #menu.flyout .menu-holder ul li a {
    color: #000;
}
body #menu.flyout .menu-holder ul li:hover {
    background: transparent;
}
body #menu.flyout .menu-holder ul li:hover > a {
    color: #000;
}
body #menu.flyout .menu-holder ul li ul.sub-menu {
    background: transparent; 
}
body #menu.flyout .menu-holder ul li.menu-item-has-children.open > a {
    background: #222;
    color: #000;
}
body #menu.flyout .menu-holder ul li.menu-item-has-children .sub-menu li.current_page_item a {
    color: #000;
    padding: 10px 20px;
}
body #menu.flyout .menu-holder ul li.menu-item-has-children .sub-menu li {
    padding: 0 20px;
}
body #menu.flyout .menu-holder ul li a {
    padding: 24px 20px;
}
body #menu.flyout .menu-holder ul li .arrow-down-nav .arrow {
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: all 0.3s ease;
    margin-right: 20px;
}
body #menu.flyout .menu-holder ul li.menu-item-has-children.open a {
    background: transparent;
}
body #menu.flyout .menu-holder ul li:hover .arrow-down-nav .arrow {
    border: solid #000;
    border-width: 0 2px 2px 0;
    padding: 3px;
}
body #menu.flyout .menu-holder ul li.menu-item-has-children:hover .sub-menu li a {
    color: #000;
}
body #menu.flyout .menu-holder ul li.menu-item-has-children .sub-menu li a {
    padding: 18px 20px;
}

/*Home*/
.home .cover-video a.fancybox-inline, 
.page-template-template-home-new .cover-video a.fancybox-inline {
    background: #fff;
    color: #000;
    border: 1px solid #ffffff;
    transition: all .3s ease;
}
.home .cover-video a.fancybox-inline:hover, 
.page-template-template-home-new .cover-video a.fancybox-inline:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}
.section .cta .overlay:hover a .border .title {
    background: #000;
}
.home #fancybox-wrap #fancybox-content {
    background: #fff !important;
    border: 0;
    padding: 0;
    text-align: center;
}

.home .cover-video, .page-template-template-home-new .cover-video {
    margin-bottom: 2px;
}


/*Buttons*/
a.btn,
.section .container .row .gform_wrapper form .gform_footer input[type=submit], .section .container .row .gform_wrapper form .gform_footer input[type=button] {
    background: #000;
    background: #000;
    border: 2px solid #000;
}
.section .container .row .gform_wrapper form .gform_footer input[type=submit]:hover, .section .container .row .gform_wrapper form .gform_footer input[type=button]:hover,
a.btn:hover {
    background: #fff;
    border: 2px solid #000;
    color: #000;
    opacity: 1;
}
.home #main .ugb--has-background-image .ugb-content-wrapper .btn {
    background: transparent;
    border: 2px solid #fff;
}
.home #main .ugb--has-background-image .ugb-content-wrapper .btn:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #000;
}

/*General Pages*/
.section.intro .container .third-one-col h1:after {
    background: #2d2d2d;
}
.single-course .hole-nav a {
    color: #000;
    background: #eee;
}

/*Tables*/
.section .split.content .container table tr th {
    background-color: #2d2d2d;
}
.single-course .hole-nav ul li.current a {
    background: #2d2d2d;
    color: #fff;
}
.single-course .hole-nav a:hover {
    background: #d0d0d0;
}
.page-template-page-public-news .members-news .post .date, .page-template-page-golf-news .members-news .post .date, .page-template-page-news-php .members-news .post .date, .page-template-template-home .members-news .post .date {
    background: #000;
}
.page-template-page-public-news .members-news .post .post-content p.read_more_link a, .page-template-page-golf-news .members-news .post .post-content p.read_more_link a, .page-template-page-news-php .members-news .post .post-content p.read_more_link a, .page-template-template-home .members-news .post .post-content p.read_more_link a {
    color: #000;
}

/*Members*/
.news .posts .post .date, .news .posts .archive-item .date, .news .archives-wrap .post .date, .news .archives-wrap .archive-item .date {
    background: #000;
}
.news .posts .post .post-content p.read_more_link a, .news .posts .post .archive-content p.read_more_link a, .news .posts .archive-item .post-content p.read_more_link a, .news .posts .archive-item .archive-content p.read_more_link a, .news .archives-wrap .post .post-content p.read_more_link a, .news .archives-wrap .post .archive-content p.read_more_link a, .news .archives-wrap .archive-item .post-content p.read_more_link a, .news .archives-wrap .archive-item .archive-content p.read_more_link a {
    color: #000;
}
#sidebar .btns .btn-members {
    transition: all 0.3s ease;
    background: #000;
    color: #ffffff;
    border: 1px solid #000;
}
#sidebar .btns .btn-members:hover {
    transition: all 0.3s ease;
    background: #fff;
    color: #000;
    border: 1px solid #000;    
}
.news .post-nav a {
    color: #000;
    text-transform: uppercase;
}
.news .posts .members-news .post .post-content h3 a, .news .posts .members-news .archive-item .post-content h3 a, .news .archives-wrap .members-news .post .post-content h3 a, .news .archives-wrap .members-news .archive-item .post-content h3 a {
    color: #000;
}
.page-template-prodGen #main .column .panel .portalLink a {
    color: #000;
    text-decoration: underline !important;
}
body #menu.flyout .menu-holder ul li {
    border-bottom: 1px solid #777;
}

/*Footer*/
#footer-container #footer {
    background: #eaeaea;
    color: #000;
}
#footer-container #footer .col h5 {
    color: #000;
}
#footer-container #footer a {
    color: #000;
}
#footer-container #copyright {
    background: #000;
}

.home #main {
    margin-top: -30px;
}
.instagram {
    background-color: #f0f0f0;
    padding: 50px 0 0 0;
}

/*Login*/
.page-template-prodGen.login-page #main .section .container .login .left form {
    background: #eee;
}

.page-template-prodGen.login-page #main .section .container .login .left form input[type=submit] {
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 25px;
    text-decoration: none;
    border-radius: 4px;
    box-sizing: border-box;
    opacity: 1;
    transition: all 0.3s ease;
    background: #000;
    border: 2px solid #000;
}
.page-template-prodGen.login-page #main .section .container .login .left form input[type=submit]:hover {
    background: #fff;
    border: 2px solid #000;
    color: #000;
    opacity: 1;
}.page-template-prodGen.login-page #main .section .container .login .left form input {
    border: 1px solid #333;
}

.page-template-prodGen.login-page #main .section .container .login .left form span {
    color: #000;
}
.page-template-prodGen.login-page #main .section .container .login .left form a {
    color: #000;
}
#navigation {
    box-shadow: 0 0 1px rgba(0,0,0,.4);
}

/* booking page button colours ticket #496319 */
.page-template-prodGen .event-nav .ui-button.ui-widget, .page-template-prodGen .event-editdays a, .page-template-prodGen a.btn{
    background: #d3d3d3 !important;
    border-color: #d3d3d3;
    color: #000;
}
.page-template-prodGen .event-nav .ui-button.ui-widget .ui-icon{
    filter: brightness(0);
}
.page-template-prodGen .event-nav .ui-button.ui-widget:hover, .page-template-prodGen .event-nav .ui-button.ui-widget.ui-state-active, .page-template-prodGen .event-editdays a:hover, .page-template-prodGen a.btn:hover{
    background: #000 !important;
    color: #fff;
    border-color: #000 !important;
}
.page-template-prodGen .event-nav .ui-button.ui-widget:hover .ui-icon{
    filter: brightness(1);
}


/* fixing login page issue */
.page-template-prodGen.login-page #main .section .container .login .left{
    position: relative;
    margin-top: 0;
    margin-bottom: 100px;
}


/* Video banner */
#banner.vimeo-banner {
	max-height: 100vh;
	height: auto;
	overflow: hidden;
	margin-top: 79px;
}
#banner.vimeo-banner .embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
#banner.vimeo-banner .embed-container iframe,
#banner.vimeo-banner .embed-container object,
#banner.vimeo-banner .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page-content.member-view .records-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.single-course #main {
    margin-top: 50px;
}
.single-course .col.two {
    display: flex;
    flex-wrap: wrap;
}
.single-course .col.two .img-wrapper {
    width: 50%;
}
.single-course .col.two img {
    max-width: 600px; 
    width: 100%;
    height: auto;
}
.single-course .col.two .hole-stats {
    width: 50%;
}
.single-course .bottom-content {
    margin-top: 50px;
}
@media (max-width: 600px ) {
    .single-course .col.two .hole-stats {
        width: 100%;
        margin-top: 0;
    }
    .single-course .col.two .img-wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 820px) {
    .page-template-prodGen.login-page #main .section .container .login .left form {
        width: 100%;
        padding: 90px 40px 40px;
    }
}

.portalLink a {
    cursor: pointer;
}

/* Changing Member Directory Styling */
.page-template-prodGen #memberSearch #mainLayout .ui-panel.mainBoxTp, 
.page-template-prodGen #memberSearch #mainLayout .ui-panel.mainBoxTp:last-of-type, 
.page-template-prodGen #memberSearch #mainLayout .ui-datatable-tablewrapper tr th{
    background:#EBEBEB;
}

.page-template-prodGen #memberSearch #mainLayout .ui-panel-title, 
.page-template-prodGen #memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content p, 
.page-template-prodGen #memberSearch #mainLayout .ui-datatable-tablewrapper tr th{
    color:#212529;
}

.page-template-prodGen #memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch input,
.page-template-prodGen #memberSearch #mainLayout .ui-datatable-tablewrapper tr th, 
.page-template-prodGen #memberSearch #mainLayout .ui-datatable-tablewrapper tr td{
    border: 1px solid #212529;
}

.page-template-prodGen #memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch .ui-button.ui-state-active, 
.page-template-prodGen #memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch button.ui-button, 
.page-template-prodGen #memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #alphaList a:hover{
    transition: all 0.3s ease;
    background:#000;
    color:#fff;
    border: 1px solid #000;
}

.page-template-prodGen #memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch .ui-button:hover, 
.page-template-prodGen #memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch button.ui-button:hover{
    background:#fff;
    color:#000;
}
/* END Changing Member Directory Styling */

/* Styling Header/Footer - Done by Geoff on 30 October 2025 for ticket 588422 */
.col-2{
    width:45%;
    float:left;
    padding:10px;
}

#footer .col-1-4 img{
    width:100%;
}

#footer .col-1-4 li{
    list-style:none;
}

#footer .col-1-4{
    width:25%;
    float:left;
    padding:10px;
}

#footer .col-2-4{
    width:50%;
    float:left;
    padding:10px;
}

#footer .col-3-4{
    width:75%;
    float:left;
    padding:10px;
}

#navigation .nav-inner .nav ul li a.arrow-down-nav{
    right:-5px;
}

#navigation .nav-inner .nav ul li a{
    padding:46px 10px;
}

#navigation.shrink .nav-inner .nav ul li a{
    padding:25px 10px;
}

@media screen and (max-width:640px){
    #footer .col-1-4{
        width:100%;
    }
    #footer .col-2-4{
        width:100%;
    }
    #footer .col-3-4{
        width:100%;
    }
}

@media screen and (max-width:1200px){
    #navigation .nav-inner .nav ul li a{
        padding:35px 10px;
    }
}

@media screen and (max-width:1400px){
    #navigation .nav-inner.guests .buttons{
        width:200px;
        padding: 15px 0 0;
    }

    #navigation.shrink .nav-inner.guests .buttons{
        padding: 15px 0 0;
    }

    #navigation.shrink .nav-inner.guests .buttons a{
        padding:5px 15px;
        height:auto;
    }
}
/* END Styling Header/Footer */