@import url('https://fonts.googleapis.com/css?family=Roboto');

@import url('https://fonts.googleapis.com/css?family=Lily+Script+One');

@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

* { font-family: 'Roboto', sans-serif; scroll-behavior: smooth; }

.form-control:focus { border-color: #ced4da; box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25); }

figure {
  position: relative;
}
figure img {
  display: block;
  /* removes trailing whitespace */
}

figcaption {
  position: absolute;
  bottom: 88%;
  width: 290px;
  margin: 0;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 200%;
  text-transform: capitalize;
  left: 0;
  text-align: left;
}
figcaption span {
  color: white;
  background: #dc3545;
  /* fallback */
  background: rgba(220, 53, 69, 0.7);
  padding: .5em;
}

figcaption2 {
  position: absolute;
  bottom: 88%;
  width: 290px;
  margin: 0;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 200%;
  text-transform: capitalize;
  right: 0;
  text-align: right;
}
figcaption2 span {
  color: white;
  background: #000000;
  /* fallback */
  background: rgba(0, 0, 0, 0.7);
  padding: .5em;
}

.destination {
    position:absolute;
    z-index:-1;
    left:0;
    margin-top:-207px;/* height of nav*/
}

/* Review Stars Select */
	
.starrating > input {display: none;}  /* Remove radio buttons */

.starrating > label:before { 
  content: "\f005"; /* Star */
  margin: 2px;
  font-size: 2em;
  font-family: FontAwesome;
  display: inline-block; 
}

.starrating > label
{
  color: #222222; /* Start color when not clicked */
}

.starrating > input:checked ~ label
{ color: #FFD700 ; } /* Set yellow color when star checked */

.starrating > input:hover ~ label
{ color: #FFD700 ;  } /* Set yellow color when star hover */



.myBorderTop { border-top: 1px solid #e5e5e5; }
.myBorderRight { border-right: 1px solid #e5e5e5; }
.myBorderBottom { border-bottom: 1px solid #e5e5e5; }
.myBorderLeft { border-left: 1px solid #e5e5e5; }
.main-site-colour { background-color: #210070; }
	
.main-heading-colour { color: #210170; }
	
.main-link-colour { color: #009CA6; }

a.footer-link:hover { color: #FFFFFF; }

.navbar-dark .navbar-nav .nav-link { color: #FFFFFF; }

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { color: #009CA6; }

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #009CA6 !important; }

.dropdown-menu a{ color: #111111 !important; }

.dropdown-menu a:hover{ background: #210070 !important; color: #009CA6 !important; }

.dropdown-item.active, .dropdown-item:active {
  color: #009CA6 !important;
  text-decoration: none !important;
  background-color: #210070 !important;
}

.card-header:first-child {
  border-radius: 0;
}

.icon-nav-active { color: #009CA6; font-size: 1.2em; }

a.top-nav-active:link { color: #0056b3; }

a.top-nav-active:visited { color: #0056b3; }

a.top-nav-active:hover { color: #0056b3; }

a.top-nav-active:active { color: #0056b3; }

a.footer-nav-active:link { color: #009CA6; }

a.footer-nav-active:visited { color: #009CA6; }

a.footer-nav-active:hover { color: #009CA6; }

a.footer-nav-active:active { color: #009CA6; }

.card-img-bottom-border { border-bottom: 1px solid #dfdfdf; }

.nobreak { white-space:nowrap; }

@media (max-width: 575.98px) { 

.copyright-align-left { text-align: center; }
.copyright-align-right { text-align: center; }

h3.newsletter-h3-size { font-size:1.5em; }
	
.logo { font-family: 'Lily Script One', cursive; font-size: 1.25em; }
	
.very-top-nav-mobile { display: none; }
	
.size-chart-computer  { display: none; }
	
}

@media (min-width: 575.99px) { 

.copyright-align-left { text-align: left; }
.copyright-align-right { text-align: right; }

h3.newsletter-h3-size { font-size:2em; }
	
.logo { font-family: 'Lily Script One', cursive; font-size: 1.5em; }
	
.very-top-nav { display: none; }
	
.size-chart-mobile  { display: none; }
	
.my-sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }


	
}

/* NAV ----------- */

/* To hide "navbar-text-toHide class" on Desktops and laptops ----------- */
@media only screen
and (min-device-width : 0px)
and (max-device-width : 1020px) {
    .navbar-text-toHide { display: none; }
}
	
/* To hide "navbar-text-top class" on Desktops and laptops ----------- */
@media only screen
and (min-width : 1024px) {
    .navbar-text-top { display: none; }
	.navbar-sm-mobile { display: none; }
}
	
@media only screen
and (min-device-width : 321px)
and (max-device-width : 1019px) {
    .navbar-text-toHide { display: none; }
	.navbar-sm-mobile { display: none; }
	.navbar-text-top { margin-left: -2px; }
}
	
/* For margin adjustment on mobile phones ----------- */
@media only screen
and (max-width : 320px) {
	.navbar-text-top { display: none; }
}