@import url('variables.css');

@font-face {
    font-family: Avenir;
    src: url(/_fonts/AvenirLTStd-Black.otf);    
}

@font-face {
    font-family: Avenir-light;
    src: url(/_fonts/AvenirLTStd-Book.otf);
}

body {
    font-family:Avenir-light;
    font-size:15px;
    color:var(--navy);
    line-height:inherit;
    font-weight:inherit;
}

#coreContent {
    height: auto;    
}

.container{
    /*max-width:1200px;*/
    max-width:100%;
}



.greenCurvedButton{
    background-color:var(--dirtygreen);
    color:white !important;
    padding:5px 30px 5px 30px;
    border-radius:15px;
    text-decoration:none !important;
    font-size:15px !important;    
}

.discountblock {
    padding: 10px;
    margin-right: 15px;
    width: 300px;
    height: 300px;
}
.discountblock h3{
    font-size:1.3em;
}

.dirtygreen {
    background-color: var(--dirtygreen) !important;
    color: var(--white) !important;
}

.dirtygreen a {
    color: var(--white) !important;
}

.navyBlock a {
    color:var(--white) !important;
}

table.checkListTable {
    width: 100%;
    border-spacing: 30px;
    border-collapse:unset;
}


.checkListTable th{
    text-align:center;
}

.checkListTable td{
    height:30px;
    background-color:white;
    padding:5px;
    min-width:50px;
    color:var(--navy);
}




.restrictedPopupBox {
    background-color: var(--navy);
    color: white;
    width: 80%;
    height: auto;
    padding: 30px;
    text-align: left;
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


#pnRestrictedAccess .card {
    color: var(--navy);
    text-align: center;
}

#pnRestrictedAccess .card .card-body {
    margin-left: auto;
    margin-right: auto;
}


    .restrictedPopupBox h1 {
        color: white;
        margin-bottom: 30px;
    }

.centerMe{
    margin-left:auto;
    margin-right:auto;
}
.CTA_Button1 {
    border: 1px var(--navy) solid;
    display: block;
    border-radius: 15px;
    padding: 0px 15px 0px 15px;
    text-align: center;
    color: var(--navy) !important;
    text-decoration: none !important;
    margin-bottom: 15px;
    width: 250px;
}

    .CTA_Button1:hover {
        background-color: var(--grey);
    }

    #overlay {
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.85); /* Black background with opacity */
    z-index: 9998; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}


/* gutter was causing issue with sub nav */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x:0px;
}

.greenline{
    height:1px;
    border-bottom:2px var(--green) solid;
    margin-top:10px;
    margin-bottom:10px;
}

a, a:hover, a:active, a:visited, a:focus {
    text-decoration: none;
    color: var(--black);
}

a:hover {
    color: var(--green);
    font-weight:bold;
    cursor:pointer;
}

.RHSContentSection a, .newsPanel a {
    color:var(--dirtygreen);
    text-decoration:underline;
    font-weight:bold;    
}

.list_2_header td a{
    color:var(--white);
}


#bannerlink a, .homepageCTA a, .seemorelink a, #homepageBottomNav a, #homepageBecomeAMember a,
.prodAction a, .category a
{
    text-decoration: none;
}

.formInputRow input, .formInputRow select {    
    background-color:var(--lightgreen);
}

div, p, td, li, label {
    font-size: 1em;
    line-height: 2em;
    font-weight: normal;
}

.alert {
    border-radius:0px;
}

.alert-info{
    background-color:var(--grey);    
    border:0px;
}

.bigger{
    font-size:1.2em;
}

#pnTopPageBanner{
    position:relative;
}
    #pnTopPageBanner img {
        width:100%;
        margin:0px;
    }

    #pnTopPageBanner .headliner{
        color:white;
        display:block;
        position:absolute;
        bottom:50px;
        left:120px;
        font-size:3em;
        font-weight:bold;
    }

    #pagecontent {
        min-height: 200px;
        position:relative;
        overflow:hidden;
    }


#rhsFloatingButtons {
    position: fixed;
    right: 0px;
    z-index: 2;
    top:500px;    
}

#pnJoinNow a, #pnBuyIrishPeaks a, #pnRegisterAwardNow a {
    display: block;
    width: 150px;
    background-color: var(--navy);
    color: white;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 20px;
    border: 2px white solid;
}


.bootbox {
    padding-top:30px;
    padding-bottom:30px;
}

.bootboxdanger {
    color:red;
}

.bootboxsuccess{
    color:var(--green);
}

footer {
    background-color: var(--navy);
    color: var(--white);
    font-family: Avenir-light;
    /*
        position: fixed;
    bottom: 0;
        */
}

    footer a {
        color: var(--white) !important;
    }

        footer a:hover {
            color: var(--grey) !important;
        }

#lynamlecturelink a{
    display:block;
    border:2px white solid;
    padding:5px;
}

    #lynamlecturelink a:hover {
        background-color: var(--white);
        color: var(--navy) !important;
        
    }
.nav-link {
    color:var(--navy);
}

h1{
    color:var(--green);
}

h2 {
    color:var(--navy);
    text-align:left;
}

h5 {
    margin: 1em 0px 1em 0px;
}

h1, h2, h3, h4, h5 {
    font-family:Avenir!important;
    font-weight:bold!important;
} 


.greenHeading {
    font-family: Avenir;
    font-weight: bold;
    color: var(--green)!important;
}

.navyHeading {
    font-family: Avenir;
    font-weight: bold;
    color: var(--navy) !important;
}

.navyBlock{
    background-color:var(--navy)!important;
    color:var(--white)!important;
}

.dirtyGreenBlock{
    background-color:var(--dirtygreen)!important;
    color:var(--white)!important;
}

.greenBlock {
    background-color:var(--green)!important;
    color:var(--white)!important;
}

.teamTopMenu {
    display: flex;
}

.selectionBox {
    width: 14%;
    height: 120px !important;
    padding: 20px !important;
    text-align: center;
}

.selectionBox:hover {
    height: 140px !important;
}

    .selectionBox a {
        color: White;
    }

.selectedBox {
    height: 140px !important;
}


.s13{
    font-size:13px;
}

.s15{
    font-size:15px;
}

.s24 {
    font-size:24px;
}

.s26{
    font-size:26px;
}


.btn {
    border: none;
    border-radius: 0px;
    text-transform: uppercase;
}

.btn.btn-primary {
    background-color:var(--navy);
}

.btn.btn-primary:hover{
    background-color:var(--dirtygreen);
}

.btn.btn-third {
    background-color: var(--green);
    color:var(--white);
}
    .btn.btn-third:hover{
        background-color:var(--dirtygreen);
    }


.btn-schemereg{
    background-color: var(--dirtygreen);
    color:var(--green) !important;
    text-decoration:none !important;
    font-family:Avenir;
    text-transform:none;
    font-size:22px;
}    

    .btn-schemereg:hover {
        color: var(--white) !important;
    }

a.btn-schemereg:visited {
    color: var(--green);
}

    .btnsmaller {
        font-size: .7em;
        padding: 5px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .balancepanel {
        width: 400px;
        margin-right: 100px;
        margin-left: auto;
    }

.clubAccountBtn {
    background-color:var(--green);
    padding:10px;
    width:100%;
    display:block;
    color:white;
    text-align:center;
    width:90%;
    margin-left:auto;
}

.clubAccountBtn:hover {
    color: var(--dirtygreen);
}

.balance_BAD {
    background-color: #ff0000;
    color: white;
    display: block;
    padding: 10px;
    font-weight:bold;
}

.balance_GOOD {
    background-color: white;
    color: var(--green);
    display: block;
    padding: 10px;
    font-weight: bold;
}

.memberTotals {
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

#lbBalanceMessage {
    display:block;
    margin-top:0px;
}

    #lbBalanceMessage h3 {
        text-align: left;
        margin-top: 0px;        
    }

.totalsbox .row
{
    width:100% !important;
    background-color:white;
}

.buttonPanel .row {
    background-color: transparent;
    width:80%;
}

    .buttonPanel .row > * {
        padding: 0px;
        margin: 0px;        
    }

a.btn-secondary
{
    color:white;
    text-decoration:none;
}

.buttonPanel .btn-secondary {
    background-color:var(--navy);
    font-size:.7em;
    color:white;
    width:97%;
    padding:5px 0px 5px 0px;
    text-transform:none;
}

    .buttonPanel .btn-secondary:hover{
        background-color:var(--dirtygreen);
    }

    .totalsbox .headline {
        background-color: var(--dirtygreen);
        color: white;
        font-size: 1.2em;
        font-weight: bold;
    }

.totalsbox .highlight{
    font-weight:bold;
}

.topcontrols h2 {
    color: var(--dirtygreen);
    text-align: left;
    font-weight: bold;
}

.topcontrols .btn-primary{
    background-color:var(--dirtygreen);
    color:white;
}


.totalsbox .nonTable
{
    background-color:transparent;
}

.totalsbox h4{
    font-weight:bold;
    color:var(--dirtygreen);
    font-size:1.1em;
}

.searchbox{
    text-align:left;
}

    .searchbox .row {
        background-color: var(--green);
        border-radius: 30px;
        height: auto;
        padding: 10px;
        width: 800px !important;
    }

.searchbox .form-control{
    border-radius:0px;
    height:1.9em;
    font-size:1em;
}


.searchbtn {
    font-size:2em;
    font-weight:bold;
    color:var(--dirtygreen);
}

.width90 {
    width: 90% !important;
}

.searchbtn:hover
{
    color:white;
}

.searchfilter {
   
}

.searchfilter .label{
    padding-top:11px;
}

.searchfilter .label, .searchfilter .inputter{
    background-color:var(--grey);
}
.searchfilter .form-control{
    background-color:var(--white);
    margin-top:4px;
}

.emphasis{
    color: var(--green);
    font-weight:bold;
}

h4{
    color:var(--green);
    font-weight:bold;
}

.clubTitle {
    margin-left: 50px;
    margin-top: 20px;
}

.newsPanel {
    background-color: var(--grey);
    padding: 10px 100px 10px 100px;
}

    .newsPanel table {
        background-color: white;
    }

        .newsPanel table td {
            border: 1px solid #dddddd;
        }


#coresection {
    display: flex;
    width:100%;
}

.LHSPageMenu {
    background-color: var(--dirtygreen);
    color: var(--white);
    /*width: 280px;*/
    width:15%;
    padding: 15px;
}

.RHSContentSection {
    width: 85%;
    min-height: 400px;
}

.subDropDownMenuHeading {
    color:white;
    font-weight:bold;
    text-decoration:underline;
}


@media (max-width:820px)
{
    .removeColumnOnSmallerScreens {
        display:none;
    }


    .LHSPageMenu {
        width: 25%;
    }

    .RHSContentSection {
        width: 75%;
    }

    .balancepanel {
        margin-right: 10px;
    }

    .memberTotals {
        width: 90%;
    }

    .searchbox .row {
        padding: 20px;
        width: 100% !important;
    }



}

.activitiesList  {
    height: 200px;
}


@media (max-width: 768px) {
    .activitiesList  {        
        height:auto;
    }


    .teamTopMenu {
        display: none;
    }

    .discountblock {
        padding: 10px;
        margin-right: 15px;
        width: 100%;
        height: auto;
    }



    .CTA_Button1 {
        width: 220px;
    }

    #pnJoinNow, #pnBuyIrishPeaks{
        display:none;
    }

    #pnTopPageBanner .headliner {
        top:5px;
        bottom: 10px;
        left: 10px;
        font-size: 1.2em;
    }

    #coresection {
        display: block;
    }

    .LHSPageMenu {
        width: 100%;        
        max-height:300px;        
        overflow: auto;
        padding:0px;
    }

    .RHSContentSection {
        width:100%;
    }

    #mobileLHSSelector {
        width: 100%;
        background-color: var(--black);
        padding: 10px;
        padding-top:15px;
        position: sticky;
        top: 0px;             
    }

    #coreLHSMenu {
    }

    .balancepanel {        
        margin-right: 10px;
    }

    #lbBalanceMessage {        
        margin-top: 5px;
    }

    .memberTotals {
        width: 100%;
        margin-left: 0px;
    }

    .searchbox .row {
        padding: 20px;
        width: 100% !important;
    }

    .searchbox .form-control {
        height: 2.2em;        
    }

    .searchbtn{
        font-size:1.5em;
        display:block;
        padding-top:10px;
    }

    .newsPanel {
        padding: 10px;
    }

}