/* Fonts:
font-family: 'Ubuntu', sans-serif;
font-family: 'Permanent Marker', cursive;
font-family: 'Alfa Slab One', cursive;
font-family: 'Open Sans', sans-serif;
*/

/* Colours:
blue pine - #324851
green?? - #86AC41
darker green - #34675C


tealy blue - 20b2aa
lightened 10% - 3ACCC4
darkened 10% - 079991
darkened 20% - 007F77


new green - 40ae2d

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
	font-family: 'Open Sans', sans-serif;
	margin-top: -5px;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 20px;
	margin-bottom: 5px;
}

h2 {
	color: #20b2aa;
}

h6 {
	font-weight: bold;
}

a {
	color: #079991;
}

a:hover {
	color: #007F77;
	text-decoration: none;
}

/*

=============  $NAV   ====================================================================

*/
nav {
	box-shadow: 0px 1px 5px -1px #111;
	-webkit-box-shadow: 0px 1px 5px -1px #111;
	-moz-box-shadow: 0px 1px 5px -1px #111;
}

.navbar-brand {
	 height: 60px;
	 padding: 0;
	 margin: 0;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #fff;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .nav-item:visited .nav-link {
    color: #fff;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item:active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link {
    color: #20b2aa;
    outline: none;
}

/* for dropdown only - change the color of dropdown */
.navbar-custom .dropdown-menu {
    background-color: rgba(0,0,0,0.6);
    margin-top: 0;
}
.navbar-custom .dropdown-item {
    color: #fff;
}
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus,
.navbar-custom .dropdown-item:active {
    color: #bbb;
    background-color: rgba(3,3,3,0.1);
}

.dropdown:hover .dropdown-menu {
	display: block;
}

.dropdown-header {
	color: #20b2aa;
}

.strong {
	font-weight: 700;
}

.page-title {
	bottom: 2%;
	left: 2%;
	right: 2%;
	position: absolute;
	z-index: 8;
}

.footer {
	/*background-color: #000 !important;*/
}

.btn  {
	border-radius: 0;
}

.btn-main, .btn-main:hover, .btn-main:active, .btn-main:visited, .btn-main:focus,
.btn-slider, .btn-slider:hover, .btn-slider:active, .btn-slider:visited, .btn-slider:focus {
	background-color: #20b2aa;
	color: white;
}

.btn-main:hover {
	background-color: #079991;
}

.btn-main-o, .btn-main-o:active, .btn-main-o:visited, .btn-main-o:focus {
	color: #20b2aa;
	background-color: transparent;
	border: 2px solid #20b2aa;
}

.btn-main-o:hover {
	color: white;
	background-color: #20b2aa;
}

.btn-slider {
	background-color: #20b2aa;
	font-size: 2em;
	/*font-weight: bold;*/
	box-shadow: 1px 1px 8px black;
	border:none;
}

.btn-slider:hover {
	background-color: #079991;
}

.carousel {
	margin-top: -110px;
}

.carousel-item {
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}


.slider-overlay {
	bottom: 5%;
	left: 2%;
	right: 2%;
	position: absolute;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	/*background-color: rgba(0,0,0,0.2);*/
}

.slider-action {
	bottom: 5%;
	left: 2%;
	right: 2%;
	position: absolute;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
}

.shadow {
	text-shadow: 1px 1px 8px black;
	color: white;
}

.bg-overlay-light {
	background-color: rgba(255,255,255,0.5) !important;
	padding: 20px;
	/*width: max-content;*/
}

.bg-overlay-dark {
	background-color: rgba(0,0,0,0.2) !important;
	padding: 20px;
	width: 100%;
}

@media (min-width: 768px) { 
.bg-overlay-dark {
	width: 50%;
} }

.hp-video-strip {
	padding-top: 8rem !important;
	padding-bottom: 8rem !important;
}

.card, .card-img-top, .card-img, .card-header {
	border-radius: 0;
}

.no-border
{
	border: none !important;
}

/*@media (max-width: 575.98px) { 
.card-img-overlay {
	position: relative !important;
	display: block;
	padding-top: 30px;
	margin-top: -130px;
} }*/

@media (min-width: 1600px) { 
.d-xxl-none {
	display: none !important;
	} }

.text-main {
	color: #20b2aa;
}

.em {
	font-style: italic;
}

.display-6 {
	font-size: 2.5rem; 
}

.jumbotron {

}

.list-terms {
	font-size: small;
	list-style-type: none;
}

.list-terms li:before  {
	content: '*';
  	position: absolute;
  	margin-left: -10px;
}

.list {
	list-style-type: circle;
}

.list-angle {
	list-style-type: none;
}

.list-angle li:before {
  content: '\00BB';
  position: absolute;
  margin-left: -20px;
}

.highlight {
	font-family: "Alfa Slab One", cursive;
	font-size: 1.2em;
	padding: 10px;
}

.blockquote-footer {
	font-family: 'Open Sans', sans-serif;
	padding-top: 10px;
}


.footer-link {
	color: #fff;
}

.footer-link:hover {
	color: #20b2aa;
}

/*#instafeed {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  
  a {
    position: relative;
    width: 50%;
    
    @media only screen and (min-width: $lg) {
      width: 25%
    }
    
    img {
      display: block;
      width: 100%;
      height: 100%;
    }
  }
}*/

.carousel-control-next, .carousel-control-prev {
	margin-bottom: 60px;
}

@media (min-width: 576px) { 
.card-columns {
	column-count: 2;
 }
}

@media (min-width: 992px) { 
.card-columns {
	column-count: 3;
 }
}

/*

=============  $IMG styles   ====================================================================

*/
.photo-credit {
	bottom: 2%;
	right: 2%;
	position: absolute;
	z-index: 100;
	color: #fff;
	padding: 0;
	margin: 0;
}

/*

=============  $FOOTER   ====================================================================

*/

.footer hr {
	background-color: #4d4d4d;
	margin-top: 15px;
  	margin-bottom: 15px;
}

hr  {
  border: 0;
  clear:both;
  display:block;
  width: 96%;               
  background-color:#ccc;
  height: 1px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.hidden
{
	display:none;
}