/*
 * Globals
 */


/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}

/* link colors */
a:link 		{ color: rgba(255, 255, 255, 1); }
a:visited 	{ color: rgba(255, 255, 255, 1); }
a:hover 	{ color: rgba(255, 255, 255, 0.9); }
a:active 	{color:  rgba(255, 255, 255, 1); }

/*
 * Base structure
 */

body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .25);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .25);
}

.cover-container {
  max-width: 100%;
}

/*
 * Header
 */

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: #000;
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(0, 0, 0, .25);
}

.nav-masthead .active {
  color: #D20A2C;
  border-bottom-color: rgba(0, 0, 0, .25);
}

/*-- Text on the main box */
.about {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 13pt;
	color: #fff;
	font-style:normal;
	/*font-weight:lighter;*/
	margin: 0 auto;
    padding-bottom: 5px;
	text-align: justify;
    text-justify: inter-word;
}

.quote {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	color: #fff;
	font-style:italic;
	font-weight:lighter;
	margin: 0 auto;
	padding-bottom: 5px;
	text-align: justify;
	text-justify: inter-word;
}

  .contact-head {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 32pt;
	color: #fff;
	font-style:normal;
	font-weight:bold;
	margin: 0 auto;
	padding-bottom: 5px;
	line-height: 1;
	text-align: left;
	text-justify: inter-word;
}

  .contact-body {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 20pt;
	color: #fff;
	font-style:normal;
	font-weight:normal;
	margin: 0 auto;
	padding-bottom: 5px;
	line-height: 1.3;
	text-align: justify;
	text-justify: inter-word;
}
  
.full-width-content .container.grid-container {
  padding-left: 0;
  padding-right: 0;
}

.row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 0;
}

/* Front page */

#f-container {
	width: inherit;
	height: inherit;
}

/* Desktop front page */

#front-page-logo{
	width: 26%;
	position:absolute;
	top: 40%;
	transform:translateY(-55%);
	-webkit-transform: translateY(-55%);
	-o-transform: translateY(-55%);
	-ms-transform: translateY(-55%);
	-moz-transform: translateY(-55%);
	left: 50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}

#enter-button,
#red-dot {
	width: 3%;
	position: absolute;
	top: 57%;
	transform:translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	left: 50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}

/* Mobile front page */	
	
#mb-front-page-logo{
	width: 62%;
	position:absolute;
	top: 40%;
	transform:translateY(-55%);
	-webkit-transform: translateY(-55%);
	-o-transform: translateY(-55%);
	-ms-transform: translateY(-55%);
	-moz-transform: translateY(-55%);
	left: 50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}

#mb-enter-button,
#mb-red-dot {
	width: 12%;
	position: absolute;
	top: 56%;
	transform:translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	left: 50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}

#front-page-logo:hover,
#mb-front-page-logo:hover {
	cursor:pointer;
}

#enter-button,
#mb-enter-button {
	z-index: 1;
}

#red-dot,
#mb-red-dot {
	z-index: 2;
}

#red-dot:hover,
#mb-red-dot:hover {
	opacity: 0;
	cursor:pointer;
	-webkit-transition: opacity .7s;
    -moz-transition:    opacity .7s;
    -ms-transition:     opacity .7s;
    -o-transition:      opacity .7s;
    transition:         opacity .7s;
}