@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lumanosimo&family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&display=swap');
body {
    line-height: 1.3em;
    text-align: left;
    letter-spacing: 0;
    font-weight: 400;
   font-size: 1rem;
    font-family: Montserrat, sans-serif;

}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

a:link {
	color: #25316B;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #25316B;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
}


h1 {margin: 0px auto 20px auto;font-size: 2rem;font-weight: 500;}
h2 {font-size: 1.8rem;font-weight: 500;}
h3 {font-size:1.6rem;font-weight: 500;}
h4 {font-size: 1.4rem;font-weight: 500;}
h5 {font-size: 1.2rem;font-weight: 500;}
h6 {font-size: 1.1rem;font-weight: 500;}

.headbg { background:#1A2759 !important;}
.bannerhome {background-image: url("../images/headerbg.jpg"); background-size: cover; background-repeat:no-repeat; background-position: top center; min-height: 300px; color: #fff;}
.bannerhome .logo    {background-image: url("../images/wristbandresortslogo.png"); background-size: contain; background-repeat:no-repeat; background-position: top center; min-height: 80px}
.banner {background-size: cover; background-repeat:no-repeat; background-position: center center; min-height: 200px;}
.tagline    {position:absolute; bottom: 10px; font-weight: 700; font-size:1.5rem; line-height: 1.8rem;  text-shadow: 1px 2px #1A2759;}
.tagline .top    {font-family: Lumanosimo}

.sitecolour	{color: #1A2759!important;}
.sitecolour1	{color: #0186E6!important;}
.sitecolour2	{color: #FF376B!important;}

.btn    {border-radius: 40px;font-size: 0.8rem; font-weight: 600}
.btn-sitecolour		{background:#1A2759; color:#ffffff !important; padding-left: 10px; padding-right: 10px;}
.btn-sitecolour1	{background:#0186E6; color:#ffffff !important;padding-left: 10px; padding-right: 10px;}
.btn-sitecolour2	{background:#FF376B; color:#ffffff !important; padding-left: 14px; padding-right: 14px; }
.btn-sitecolour2:hover	{background:#0186E6; color:#ffffff !important; }

.bg1	{background:#1A2759; color:#ffffff !important;}
.bg2	{background:#0186E6; color:#ffffff !important;}
.bg3	{background:#FF376B; color:#ffffff !important;}
.bg4	{background:#EFF5FB; color:#000000}
.bg2 a	{color:#ffffff !important;}
.bg2 a.btn-light	{color:#25316B !important;}


#nav .logo {width:250px; height:80px; transition: all linear .3s; background-image: url("../images/weblogo.png"); background-size: contain; background-repeat:no-repeat; background-position: center center}
.navbar    {color:#FFF; padding: 0 !important; z-index: 3000 }
.navbar-collapse.collapse, .navbar-collapse.collapsing, .navbar-nav .dropdown-menu {background-color: #1A2759;  border-radius: 10px;}
.navbar a    {color:#FFF;}
.navbar-nav .nav-link    {padding-left:16px !important; padding-right:16px !important; }
.navbar-brand {width:130px;}
.freephonehome {font-size: 1.3rem; line-height: 1.5rem}
.freephone {font-size: 1.1rem; line-height: 1.3rem; padding-top: 10px; padding-bottom: 10px;color: #fff}

.card    {border-radius: 0 !important}
.card-img-top   {border-radius: 0 !important}
.card-footer    {background: transparent; border-top: 0; margin-bottom: 8px;}
.whyallinc .card-footer    {background-color:transparent!important; border: 0 !important; padding: 0 !important; }
.login    {}
.destination    {min-height: 300px;}
.destination h5    {padding-top: 100px; color:#fff;font-size: 1.9rem; text-shadow: 1px 2px #1A2759;}
.imgbutton    {position: absolute; bottom:10%;left: 0;right: 0;margin: auto}
.tri-img    {position:absolute; right:0px; background-repeat: no-repeat; background-size: contain; width:180px; height:180px; }
.tri-img.kids    { background-image:  url('../images/tri-kidsholiday.png'); }
.tri-img.family    { background-image:  url('../images/tri-familyholiday.png'); }
.tri-img.city    { background-image:  url('../images/tri-city.png'); }
.tri-img.ten    { background-image:  url('../images/tri-top10.png'); }
.testimonial .quote    {font-size: 2.4rem; color:#0186E6; text-align: end }
.enquire    {background-image:  url('../images/enquire.jpg');background-size: contain; background-repeat:no-repeat; background-position: bottom right}

.footer	{ background:#1A2759; color:#FFF; font-size:0.9rem}
.footer	ul{margin:0;padding:0;list-style:none}
.footer li {padding:3px 0;}
.footer .links li{border-bottom:1px solid #364E87;padding:3px 0;}
.footer a:hover{color:#39C5FF}
.footer a {color:#FFF!important;}
.footer .footerlogo {width: 170px}

@media only screen and (min-width:576px) {
.bannerhome	{min-height:300px;}
}

@media only screen and (min-width:768px) {

.bannerhome	{min-height:400px;}
.tagline    { bottom: 30px; font-weight: 600; font-size:1.6rem; line-height: 2rem;}
.destination    {min-height: 400px;}
.destination h5    {padding-top: 120px; color:#fff;font-size: 1.9rem; }
.tri-img    {width:190px; height:190px;}

}
@media only screen and (min-width:992px) {
.bannerhome	{height:500px;}
.navbar-collapse.collapse, .navbar-collapse.collapsing, .navbar-nav .dropdown-menu {background-color:transparent;}
.navbar-nav .nav-link    {padding-left:8px !important; padding-right:8px !important; }
.tagline    { bottom: 30px; font-weight: 600; font-size:1.9rem; line-height: 2.5rem;}
.destination    {min-height: 290px;}
.destination h5    {padding-top: 100px; color:#fff;font-size: 1.6rem; }
.tri-img    {width:140px; height:140px;}
.resortimg2    {height: 200px;}
.enquire    {background-image: none}
.footer .links li{border-bottom:0;}
}
@media only screen and (min-width:1200px) {
.bannerhome {background-position: top center; min-height: 500px}
.navbar-nav .nav-link    {padding-left:16px !important; padding-right:16px !important; }
.tagline    { bottom: 30px; font-weight: 600; font-size:1.9rem; line-height: 2.5rem;}
.destination    {min-height: 350px;}
.destination h5    {padding-top: 120px; color:#fff;font-size: 1.9rem; }
.tri-img    {width:140px; height:140px;}
.enquire    {background-image:  url('../images/enquire.jpg');background-size: contain; background-repeat:no-repeat; background-position: bottom right}
.resortimg2    {height: 240px;}
}
@media only screen and (min-width:1400px) {

.bannerhome {background-position: center center; min-height: 670px}
.tagline    { bottom: 30px; font-weight: 600; font-size:2.3rem; line-height: 2.9rem;}
.destination    {min-height: 400px;}
.destination h5    {padding-top: 150px; color:#fff;font-size: 1.9rem; }
.tri-img    {width:140px; height:140px;}
.resortimg2    {height: 280px;}
}