//* GLOBAL *//


 
 



@booknowpath: url(/booking/v3/css/whitelabel/roxy/);


@bodybg: rgb(248, 248, 248);
@contbg:none;
@linkcol: #006271;
@linkhovcol:#000;
@maintxcol: #000;

@borders:none;

@btncol: rgba(0, 98, 113, 0.6);
@btnbor: rgba(0, 98, 113, 0.6);
@btntx: #fff;
@btncolhv: rgba(0, 98, 113, 1);
@btnborhv: rgba(0, 98, 113, 1);
@btntxhv: #fff;

@btnselcol:#fa4617;
@btnselbor:#fa4617;
@btnseltx: #F5F6F8;
@btnselcolhv: #FFCF24;
@btnselborhv: #fa4617;
@btnseltxhv: #F5F6F8;

@btncolrev:#000000;
@btnborrev:#fff;
@btntxrev: #000;
@btncolrevhv: #000;
@btnborrevhv: #000;
@btntxrevhv: #fff;

@optbg:#fff;
@optx:#000;

@dobtncol: rgba(0, 98, 113, 0.6);
@dobtnbor: rgba(0, 98, 113, 0.6);
@dobtntx: #fff;
@dobtncolhv: rgba(0, 98, 113, 1);
@dobtnborhv: rgba(0, 98, 113, 1);
@dobtntxhv: #fff;

@btncolhn: #fff;
@btnborhn: #fff;
@btntxhn: #333;
@btncolhhn: #cdcdcd;
@btnborhhn: #cdcdcd;
@btntxhhn: #333;

@btntry:#000;
@btntrybor:cyan;

@subheads:#000;

@plholdcol:#a8a8a8;

@mesnegtx:red;
@mespostx:#5aa016;

@hdrmaxwidth: 800px;
@hdralign: center;
@hdrbg: rgb(0, 98, 113);

@gicobg:#fff;


//** start these have been added for the v4c mod **//

@backbtncol: #fff;
@backbtnbor: #fff;
@backbtntx: #000;
@backbtncolhv: rgb(0, 98, 113);
@backbtnborhv: #fff;
@backbtntxhv: #fff;

//** end these have been added for the v4c mod **//


input[type="submit"] {
    white-space: normal;
    line-height: normal;
}


@import "../layoutc.less";

 @font-face {
    font-family: 'josefinsans';
    src: url('josefinsans.ttf') format('truetype');
}

@font-face {
    font-family: 'bellefair';
    src: url('bellefair.ttf') format('truetype');
}


body {
    //**   background-image: url("gfx/belfry.jpg"); **//

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    font-family: josefinsans, sans-serif;
    letter-spacing:2px;
}

 
    h1, h2, .sechd { font-family: bellefair, serif; line-height:normal; font-weight:normal; text-transform: capitalize; letter-spacing:2px; color:#000; }

    h1 { font-size:2.6em; }
    h2 { font-size:2em;  }

        .hd2 { padding:20px; }

    .sechd { font-size:1.4em; }
 

        .bnlogo { width:125px; position:absolute; left:50%; padding:0; top:10px; transform:translateX(-50%); }

           input.dobtn, input.optbtn, input.backbtn, input.dobtnb, input.timebtn, input.backbtn { 
                                                                    -webkit-border-radius:0;
                                                                    -moz-border-radius:0;
                                                                    border-radius:0;
                                                                    font-family: bellefair, serif;
                                                                    font-weight:normal;
                                                                    font-size:1.1em; 
                                                                }

         input.timebtn { font-size:1.2em; }
          
 
        .pignose-calendar,.pignose-calendar-header { font-weight:normal; font-size:0.7em; font-family:bellefair, serif; color:#000; }

        .closebtn { position: absolute;
                    top:-3px;
                    right:-3px;
                    cursor: pointer;
                    font-size:1.4em;
                    font-weight:bold;
                    background:#aa1d1d;
                    color:#fff;
                    border-radius:4px;
                    padding:4px;
                    width:27px;
                    height:27px;
                    text-align:center;
        }

        input.frmtran { border:1px solid #cdcdcd; background:rgba(255,255,255,1); padding:15px; width:100%; margin:20px 0; font-size:1.4em; color:#000; text-align:center; font-family: bellefair, serif; font-weight:normal;
                        -webkit-border-radius:0;
                        -moz-border-radius:0;
                        border-radius:0;
                       }

         input.frms, textarea.frms { border:1px solid #cdcdcd;
                                     background:#fff;
                                     color:#000;
                                     font-family: bellefair, serif;
                                     font-weight:normal;
                                     font-size:1.1em;
                                   }

        .logcol { filter: brightness(0.7); }


        .dropb { -webkit-border-radius:0;
                 -moz-border-radius:0;
                 border-radius:0; 
                 background: @optbg;
                 border:1px solid #cdcdcd;
                 padding-right:10px;
                 margin:10px 0;
               }

        select.opts, select.optsm { background:@optbg;
                                    border: transparent;
                                    padding:15px 20px 15px 10px;
                                    cursor: pointer;
                                    font-size:1em;
                                    line-height: normal;
                                    color: @optx;
                                    font-weight:normal;
                                    width:100%;
                                    font-family:josefinsans, serif; 
                                }



        .plmin { background:rgba(0, 98, 113, 0.6); border:none; display:inline-block; padding:1px 10px 3px 10px;  margin:0; color:#fff; font-weight:bold; font-size:3em; 
                    -webkit-border-radius:0;
					-moz-border-radius:0;
					border-radius:0; 
                    min-width:60px;
                    line-height:1em;
                } 

        .plmin:hover { background:rgba(0, 98, 113, 1); }

       	input.pqty { display:inline-block; background:#fff; border:1px solid #cdcdcd; color:#000;  font-size:2em;  line-height:normal; font-weight:normal; 
	                    -webkit-border-radius:0;
					    -moz-border-radius:0;
					    border-radius:0;  
                        font-family:josefinsans, serif; 
       			    } 


        .gico a { color:#000; 
                  -webkit-border-radius:0;
				  -moz-border-radius:0;
				  border-radius:0;
                  vertical-align:top;
                  letter-spacing:0px;
                }


        .gico a img { padding-bottom:20px; }


        .actselect { background:rgba(0, 98, 113, 0.6);
                     font-weight: normal;
                     -webkit-border-radius:0;
                     -moz-border-radius:0;
                     border-radius:0;
                     margin:10px 0;
                     padding:10px;
                   } 

         .gico a:hover .actselect  { background:rgba(0, 98, 113, 1); }

         .confbx { border-bottom:1px solid rgba(0,0,0,0.2); text-align:left; }

 
        .slider { background: rgba(0,0,0,0.2); }

        .slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 36px;
            height: 36px;
            border-radius:50%;
            border:2px solid #fff;
            background:#006271;
            cursor: pointer;
        }


        .sldurmins { font-size:1.4em; font-weight:normal; letter-spacing:normal; }
        .sldurcost { font-size:1.2em; font-weight:normal; letter-spacing:normal; }


        .addonsbx { background: rgba(255,255,255,1); letter-spacing:normal; }
        .activsico { padding:0 20px 0 0; }

        input.rembtn { background:#aa1d1d;
                       color:#fff;
                       border: 1px solid #aa1d1d;
                       padding:4px 5px 2px 5px; 
                    }

        input.rembtn:hover {
            cursor: pointer;
            background: @dobtncolhv;
            border: 1px solid @dobtnborhv;
            color: @dobtntxhv;
        }


        .confbx svg { filter:brightness(0.2); }
 

        .activsinf { font-size:0.9em; word-break: break-word; }


        
    




@media screen and (max-width:700px) {

 

    .menubx {
        padding: 25px 15px;
    }


    h1, h2, .sechd {
        letter-spacing: 1px;
    }

    h1 {
        font-size: 1.8em;
    }

    h2 {
        font-size: 1.4em;
    }

    .confbx { padding:15px 65px 15px 10px; }

    .activsico { padding:0 0 20px 0; }

  

}