/* styles.css */

/* General styling */
body {
    margin: 0;
    font-family: Arial, sans-serif;
}

header {
  position: relative; /* Fixes the header to the top of the viewport */
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999; /* Keeps it on top of other content */
  transition: transform 0.3s ease; /* Smoothly hides and shows */
}

header.hide {
  transform: translateY(-100%); /* Moves the header out of view */
}

a:hover {
	color: #C80000;
}

a:focus {
	color: #C80000;
}

nav {
   width: 93%;
   margin: auto;
}

#scrollToMenuButton {
  position: fixed;
  top: 0px;
  width: 100%;
  background-color: #007bff;
  padding: 25px 15px 25px 15px;
  color: white;
  border: none;
  border-radius: 5px;
  display: none; /* Hidden by default */
  cursor: pointer;
  z-index: 10000; /* Ensure button is above other content */
}

#scrollToMenuButton:hover {
  background-color: #0056b3;
}

h1, h2 {
	font-family: "Lobster";
	text-rendering: optimizelegibility;
}

h3, h4, h5, h6 {
	font-family: "Open Sans Condensed", sans-serif;
	text-rendering: optimizelegibility;
}

h1 { font-size: 140px; font-weight:normal; margin: auto; }

h2 { font-size: 140px; font-weight:normal; margin: auto; }

h3 { font-size: 34px; font-weight:normal; }

h4 { font-size: 28px; font-weight:normal; }

h5 { font-size: 22px; font-weight:normal; }

h6 { font-size: 18px; font-weight:normal; }

@media (max-width:1200px)  {
	
	h1 { font-size: 100px; font-weight:normal; }

	h2 { font-size: 100px; font-weight:normal; }

	h3 { font-size: 32px; font-weight:normal; }

	h4 { font-size: 28px; font-weight:normal; }

	h5 { font-size: 22px; font-weight:normal; }

	h6 { font-size: 18px; font-weight:normal; }
	
}

@media (max-width:990px)  {
	
	h1 { font-size: 80px; font-weight:normal; }

	h2 { font-size: 80px; font-weight:normal; }

	h3 { font-size: 30px; font-weight:normal; }

	h4 { font-size: 28px; font-weight:normal; }

	h5 { font-size: 22px; font-weight:normal; }

	h6 { font-size: 18px; font-weight:normal; }
	
}

@media (max-width:767px)  {
	
	h1 { font-size: 60px; font-weight:normal; }

	h2 { font-size: 60px; font-weight:normal; }

	h3 { font-size: 28px; font-weight:normal; }

	h4 { font-size: 24px; font-weight:normal; }

	h5 { font-size: 20px; font-weight:normal; }

	h6 { font-size: 18px; font-weight:normal; }
	
}

@media (max-width:575px)  {
	
	h1 { font-size: 50px; font-weight:normal; }

	h2 { font-size: 50px; font-weight:normal; }

	h3 { font-size: 24px; font-weight:normal; }

	h4 { font-size: 22px; font-weight:normal; }

	h5 { font-size: 18px; font-weight:normal; }

	h6 { font-size: 16px; font-weight:normal; }
	
}

.card-body h3 {
	font-family: "Lobster";
	font-size: 1.6em;
	color: #535353;
}

.fbadh2colst {
    color: white;
    text-shadow: 
        -3px -3px 3px #4e52bb,  /* Top-left shadow */
        3px -3px 3px #888888,   /* Top-right shadow */
        -3px 3px 3px #888888,   /* Bottom-left shadow */
        3px 3px 3px #888888;    /* Bottom-right shadow */
}

@media (max-width:767px)  {
	
	.fbadh2colst {
		color: white;
		text-shadow: 
			-1px -1px 1px #4e52bb,  /* Top-left shadow */
			1px -1px 1px #888888,   /* Top-right shadow */
			-1px 1px 1px #888888,   /* Bottom-left shadow */
			1px 1px 1px #888888;    /* Bottom-right shadow */
	}
	
}

p {
	font-family: "Open Sans";
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	border: 0;
}

.skiptopnav a {
	padding:8px;
	position: absolute;
	font-family: "Open Sans", cursive;
	font-weight: normal;
	font-size: 12.5px;
	top:-42px;
	left:0px;
	color:white;
	background:#BF1722;
	-webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 4000;
}

.skiptopnav a:hover {
	position:absolute;
	left:0px;
	top:0px;
	background:#000080;
	outline:0;	
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}

.skiptopnav a:focus {
	position:absolute;
	left:0px;
	top:0px;
	background:#C80000;
	outline:0;	
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}

hr {
	margin: 0rem 0;
}

img {
	display: block;
	height: auto;
	max-width: 100%;
}

.ctrimg {
	margin: auto;
}

.bts-gt-p-set-a855 {
	font-size: 25px;
}

@media (max-width:990px)  {
	
	.bts-gt-p-set-a855 {
		font-size: 20px;
	}
	
}

@media (max-width:480px)  {
	
	.bts-gt-p-set-a855 {
		font-size: 17px;
	}
	
}

.srdh1set {
	text-align: center;
}

.bts-side-set {
	display: block;
}

@media (max-width:575px)  {
	
	.bts-side-set {
		padding-left: 15px;
		padding-right: 15px;
	}
	
}

/* Parallax section */
.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ctadtvhst {
	min-height: 34vh;
}

.adbgclblk {
	background-color: #093395 !important;
}

/* Specific parallax backgrounds */
#px-content-a {
    background-image: url('../images/background-mo/a.jpg');
	height: 60vh; /* Full viewport height */
}

#px-content-b {
    background-image: url('../images/background-tb/b.jpg');
	height: 60vh; /* Full viewport height */
}

#px-content-c {
    background-image: url('../images/background-de/c.jpg');
	height: 60vh; /* Full viewport height */
}

#px-content-d {
    background-image: url('../images/background-4k/a.jpg');
	height: 35vh; /* Full viewport height */
}

#px-content-map-moorpark {
	height: 35vh; /* Full viewport height */
}

#px-content-map-redondo {
	height: 35vh; /* Full viewport height */
}


/* Media Queries for Parallax Backgrounds */
@media (min-width: 3840px) {
    #px-content-a {
        background-image: url('../images/background-4k/a.jpg');
    }
    #px-content-b {
        background-image: url('../images/background-4k/b.jpg');
    }
    #px-content-c {
        background-image: url('../images/background-4k/c.jpg');
    }
    #px-content-d {
        background-image: url('../images/background-4k/a.jpg');
    }
}

@media (min-width: 1024px) {
    #px-content-a {
        background-image: url('../images/background-de/a.jpg');
    }
    #px-content-b {
        background-image: url('../images/background-de/b.jpg');
    }
    #px-content-c {
        background-image: url('../images/background-de/c.jpg');
    }
    #px-content-d {
        background-image: url('../images/background-de/a.jpg');
    }
}

@media (min-width: 768px) {
    #px-content-a {
        background-image: url('../images/background-tb/a.jpg');
    }
    #px-content-b {
        background-image: url('../images/background-tb/b.jpg');
    }
    #px-content-c {
        background-image: url('../images/background-de/c.jpg');
    }
    #px-content-d {
        background-image: url('../images/background-de/a.jpg');
    }
}

/* Fixing Parallax Distortion on Mobile */
@media (max-width: 767px) {
    .parallax {
        background-attachment: scroll; /* Disable fixed background on mobile */
    }
}

/* HGT Settings - FB
-------------------------------------------------- */

.hgt-set-01 {
	height:1px;
}

.hgt-set-02 {
	height:2px;
}

.hgt-set-03 {
	height:3px;
}

.hgt-set-04 {
	height:4px;
}

.hgt-set-05 {
	height:5px;
}

.hgt-set-10 {
	height:10px;
}

.hgt-set-15 {
	height:15px;
}

.hgt-set-20 {
	height:20px;
}

.hgt-set-25 {
	height:25px;
}

.hgt-set-30 {
	height:30px;
}

.hgt-set-35 {
	height:35px;
}

.hgt-set-40 {
	height:40px;
}

.hgt-set-50 {
	height:50px;
}

.hgt-set-60 {
	height:60px;
}

/* FB Expand Content */

.expandcontent {
	display:block;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.expandcontent:after {
	position: absolute;
	width:70%;
	height:70%;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
	
.expandcontenttlt {
	font-family: Raleway, "Open Sans Condensed", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 17px;
	text-align:center;
	font-weight:normal;
}
	
.expandcontentcnt {
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 14px;
	text-align:left;
	font-weight:normal;
}
	
.expandcontentbr {
	padding-bottom:20px;
}

.expandimgctr {
	display:block;
    margin-left:auto;
    margin-right:auto;
}

.expandcontentbrmin {
	padding-bottom:10px;
}

.expandcontent:hover {
	transform: scale(1.1, 1.1);
}

.expandcontent:link {
	color:#606060;
}
	
.expandcontent:visited {
	color:#606060;
}

.expandcontent:hover:after {
    opacity: 1;
}

/* FB Expand Content */

.expandcontentvc2 {
	width:90%;
	height:100%;
	display:block;
	margin: auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	border: 1px solid #E2E2E2;
	position: relative;
	text-decoration:none;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	background:#FBFBFB;
}

@media (max-width:990px)  {
	
	.expandcontentvc2 {
		margin:auto;
		max-width: 50%;
	}
	
}

.expandcontentvc2:after {
	position: absolute;
	width:70%;
	height:70%;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
	
.expandcontentvc2tlt {
	font-family: Raleway, "Open Sans Condensed", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 17px;
	text-align:center;
	font-weight:normal;
}
	
.expandcontentvc2cnt {
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 14px;
	text-align:left;
	font-weight:normal;
}
	
.expandcontentvc2:hover {
	width:100%;
	height:100%;
	background:#e3f7ff;
	border: 1px solid #E2E2E2;
	text-decoration:none;
	transform: scale(1.1, 1.1);
	box-shadow: 0 1px 2px #D4D4D4;
}

.expandcontentvc2:focus {
	width:100%;
	height:100%;
	background:#e3f7ff;
	border: 1px solid #E2E2E2;
	text-decoration:none;
	transform: scale(1.1, 1.1);
	box-shadow: 0 1px 2px #D4D4D4;
}

.expandcontentvc2:link {
	color:#606060;
}
	
.expandcontentvc2:visited {
	color:#606060;
}

.expandcontentvc2:hover:after {
    opacity: 1;
}

.srdmnlk {
	font-size: .9em;
	border: 0px;
}

.srdmnlk:hover {
	background-color: #C80000;
}

.srdmnlk:focus {
	background-color: #C80000;
}

.fb-select-btn-1 {
	padding:5px;
	border:1px solid #CCC; 
	cursor:pointer;
	z-index:90;
	font-weight: normal;
	display: block;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #2d76b5;
	text-decoration: none;
	color: #FFFFFF;
}

.fb-select-btn-1:hover {
	background:#9f293f;
	color: #FFFFFF;

}

.fb-select-btn-1:focus {
	background:#9f293f;
	color: #FFFFFF;

}

.bayatsmapst {
	width: 100%;
	height: inherit;
	border: 0px solid black;
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    background-color: #133981;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}

.mn-loc-cls-ttl {
	margin: auto; 
	text-align: center;
	font-family: 'OPEN SANS CONDENSED';
	font-size: 28px;
}

.glcsdsnn {
	display: block;
}

@media (max-width:767px)  {
	
	.glcsdsnn {
		display: none;
	}
	
}

.adhourscls {
    background-color: #f7f7f7;
    padding: 20px;
    border: 1px solid #ccc;
}

.adlocatcls {
    background-color: antiquewhite;
    padding: 10px;
    border: 1px solid #ccc;
}