@charset "UTF-8";

body {
  background-color: #edeaea; 
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

/* Home page */
.home {
	margin-top: 50px;
	margin-bottom: 50px
}
p.Hp {
	color: darkcyan;
}
/* End Home page */


@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@media (print), (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

article, footer, header, main, nav, section {
  display: block; }

h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.5;
  font-weight: 400;
  font-family: "Playfair Display", Arial, serif; }

.Nbar{
	background-color: #C9D4D4;
}
.main {
	margin-top: 20px;
	margin-bottom: 20px;
}
footer {
	background-color: #a9b8b8;
	color:#666;
	font-size: 85%;
}
.copyright {
	font-size: 80%;
	color: #3F3972;
}
.d-block {
  display: block !important; 
}
#map {
        height: 400px;  /* The height is 400 pixels */
        width: 100%;  /* The width is the width of the web page */
}
#mapAll {
        height: 500px;  /* The height is 400 pixels */
        width: 100%;  /* The width is the width of the web page */
}
.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}
/* ***** Main top images fade up*/
.inline-photo {
  box-shadow: 1em 1em 2em .25em rgba(0,0,0,.3);
  opacity: 0;
  transform: translateY(5em);
  transition: transform 2.5s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  max-width: 100%;
  width: 100%;
  will-change: transform, opacity;
}
.inline-photo.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}



.tidetimes-widget {
  min-height: 20px;
  width: 280px;
  border: solid 1px #c5d4e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  color: #3d3c3c;
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
}

.tidetimes-widget a {
  border: 0px;
  color: #4f4d4b;
  text-decoration: none;
}

.tidetimes-widget > h1.tidetimes-title {
  color: #4f4d4b;
  font-size: 16px;
  line-height: 16px;
  padding: 0 0 5px;
  margin: 0;
  letter-spacing: -0.25px;
}

.tidetimes-widget p.tidetimes-disclaimer, .tidetimes-widget p.tidetimes-cite {
  color: #807c78;
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 20px;
  margin: 0 0 13px;
}

.tidetimes-widget p.tidetimes-disclaimer > a, .tidetimes-widget p.tidetimes-cite > a{
  text-decoration: underline;
}

.tidetimes-widget .tidetimes-forecast-date a {
  color: #2b6399;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 3px;
  font-weight: 600;
}

.tidetimes-widget .tidetimes-date-for {
  display: none;
}

.tidetimes-widget  p.tidetimes-cite {
  font-size: 10px;
}

.tidetimes-widget .tidetimes-times dl {
}

.tidetimes-widget .tidetimes-times dl dd {
  margin: 10px 0;
}

.tidetimes-widget .tidetimes-times dl dd dl{
  margin: 0;
}

.tidetimes-widget .tidetimes-times dl dd dt, .tidetimes-widget .tidetimes-times dl dd dd {
  display: inline-block;
  margin: 0 0 5px;
}

.tidetimes-widget .tidetimes-times dl dd dt {
  width: 70px;
}

.tidetimes-widget .tidetimes-times dl dd dd {
  margin-left: 10px;
  width: 140px;
  font-weight: bold;
}

.tidetimes-widget .hi {
  color: #4f4d4b;
}

.tidetimes-widget .low {
  color: #2b6399;
}

.tidetimes-widget .tidetimes-logo {
  display: block;
  height: 60px;
  width: 220px;
  background: url('http://tidetimes.co.uk/assets/logo.svg') center bottom no-repeat #fff;
  background-size: 100%;
  margin-top: 3px;
  text-indent: -99999px;
}
/* dropdown submenu */
/* ============ desktop view ============ */
@media all and (min-width: 768px) {  /* 768 pix = Bootstrap med; 992 px = lg */
	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	
/* ============ desktop view .end// ============ */
/* ============ small devices ============ */
@media (max-width: 767px) {   /* 767 pix = Bootstrap med; 991 px = lg */
	.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
	}
}	
/* ============ small devices .end// ============ */
/* END dropdown submenu */

/* ***** For 3x1 ratio video*/
.ratio-3x1 {  /* 3x1 video  */
	--bs-aspect-ratio: calc(1 / 3 * 100%);
	max-width: 1920px;
}
/* ***** END 3x1 ratio video*/