/**
 * Theme Name:  SBYAaristo
 * Template:    twentytwenty
 * Description: Child of TwentyTwenty
 * Version:     1.0
 */
body.custom-background {
  background-size: cover !important;
  background-repeat: no-repeat !important;
	background-position: center;
	color: white !important;
}
/*
div#sbyaaristo-bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
  //background-image: url("/wp-content/uploads/new.sarasotabayyachting.org/2025/06/theKraken-resized-darkened-scaled.jpg");
	background-image: url("/wp-content/uploads/new.sarasotabayyachting.org/2025/05/theKraken.jpg");
	background-image: url("/wp-content/uploads/new.sarasotabayyachting.org/2025/05/theKraken.jpg");
  background-size: cover !important;
  background-repeat: no-repeat !important;
	background-position: center;
  //animation: zoomIn 5s ease infinite;
	//transform: scale(1.4);
	transition: all 5s;
}
 */

header#site-header {background-color:transparent}
header.entry-header {background-color:transparent !important}
footer#site-footer {background-color:transparent}
div.site-title a {
  font: 4rem 'Exxxited',sans-serif;
  color: #d22c48;
}
div.site-description {display: none;}
button.nav-toggle span.toggle-text {color: #d22c48 !important;}

article#post-2 header.entry-header {display: none;}
article#post-2 div.post-inner {padding-top: 0;}

@font-face {
    font-family: 'Exxxited';
    src: url('/wp-content/themes/sbyaaristo/fonts/ExxxitedDemoRegular-0vBX4.otf') format('woff2');
    font-weight: normal;
    font-style: normal;
}

div.centered {
  margin: 0;
  padding: 0;
  width: 100%;
  display: grid;
  place-items: center;
}

div.front-page-title {
  margin: 0 0 2rem 0;
  animation: announce 1s ease-in 1;
  width: 100% !important;
}
div.front-page-title p {font: bold italic 2.5rem 'Cardo',sans-serif;
  /*color: color(from #fdfbf4 srgb r g b / .5);*/
  color: white;
  margin: 0 0 0 0;
  padding: 0;
}
div.front-page-title p.front-page-acro {
  font: 16rem 'Exxxited',sans-serif;
  padding: 0;
}
div.front-page-title div.front-page-title1 {
  padding-left: 2rem;
  margin-top: -3rem;
}
div.front-page p.front-page-text {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}

div.menu-modal.active {opacity: 0.7; background-color: #c9d8e4;}
li.menu-item div.modal-menu a {padding-top: 1rem; padding-bottom: 1rem;}
li.menu-item div.ancestor-wrapper a {padding-top: 1rem; padding-bottom: 1rem;}
div.menu-modal-inner {background: transparent;}
div.ancestor-wrapper {color: #e22658;}

//.entry-content {max-width: fit-content !important;}
.entry-content p {color: white;}
h1.entry-title {color: white;}
.singular .entry-header {padding: 1rem 0 !important;}
.post-inner {padding-top: 0 !important;}
.bg-white {opacity: 0.7; background-color: #0f49549c;}
.bg-transparent td {
	background-color: transparent;
	font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif;
	font-weight: bold;
	font-size: 21px;
}
.bg-white a {color: white;}
.bg-white a:visited {color: pink;}
//div.footer-credits p.contact-us {color: white; margin: 1.2rem 0 0;}
//div.footer-credits p.contact-us a {color: inherit; text-decoration: inherit;}
//p.privacy-policy {color: white;}
//p.privacy-policy a {text-decoration: none;}

@keyframes fadeInOpacity {0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes zoomIn {0% {scale: 50%} 50% {scale: 150%} 100% {scale: 100%}}
@keyframes announce {
  0% {scale: 0%}
  50% {scale: 150%;}
  100% {scale: 100%;}
}


/*  D E S K T O P  */
@media screen and (max-width: 1200px) {
	.entry-content p {font-size: 2rem;}
  div.header-navigation-wrapper {
    background: linear-gradient(#a3a9b5 0%, transparent 100%);
    padding: 0.2rem;
    border-radius: 0.8rem;
  }
	.header-inner {padding: 2.8rem 0 0 0;}
	h1.entry-title {font-size: 6rem;}
}
/*  L A R G E   T A B L E T  */
@media screen and (max-width: 991px) {
}
/*  M E D I U M    T A B L E T  */
@media screen and (max-width: 767px) {
}
/*  P H O N E S  */
@media screen and (max-width: 479px) {
	.entry-content p {font-size: 1.4rem !important;}
	div.front-page-title p.front-page-acro {font-size: 15rem !important;}
	h1.entry-title {font-size: 5rem;}
}
@media screen and (min-width: 700px) {
	div.footer-credits p.contact-us {margin: 0 0 0 2.4rem;}
}