@font-face {
  font-family:'Dancing Script';
  font-style:normal;
  font-weight:400 700;
  src:url('/wp-content/themes/ellenchaputart/fonts/DancingScript.ttf') format('truetype');
}
@font-face {
  font-display:swap;
  font-family:'Poppins';
  font-style:normal;
  font-weight:400;
  src:url('/wp-content/themes/ellenchaputart/fonts/Poppins-Regular.ttf') format('truetype');
}
@font-face {
  font-display:swap;
  font-family:'Poppins';
  font-style:italic;
  font-weight:400;
  src:url('/wp-content/themes/ellenchaputart/fonts/Poppins-Italic.ttf') format('truetype');
}
@font-face {
  font-display:swap;
  font-family:'Poppins';
  font-style:normal;
  font-weight:500;
  src:url('/wp-content/themes/ellenchaputart/fonts/Poppins-Medium.ttf') format('truetype');
}
@font-face {
  font-display:swap;
  font-family:'Poppins';
  font-style:italic;
  font-weight:500;
  src:url('/wp-content/themes/ellenchaputart/fonts/Poppins-MediumItalic.ttf') format('truetype');
}
@font-face {
  font-display:swap;
  font-family:'Poppins';
  font-style:normal;
  font-weight:600;
  src:url('/wp-content/themes/ellenchaputart/fonts/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
  font-display:swap;
  font-family:'Poppins';
  font-style:italic;
  font-weight:600;
  src:url('/wp-content/themes/ellenchaputart/fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
}
:root {
  --bold:600;
  --boxShadow:0px 0px 10px rgba(46, 126, 134, .1);
  --dancingScript:'Dancing Script', Verdana, Helvetica, Arial, sans-serif;
  --darkTeal:#3E575F;
  --poppins:'Poppins', Verdana, Helvetica, Arial, sans-serif;
  --teal:#2E7E86;
  --wp--preset--font-size--small:12px;
  --wp--preset--font-size--medium:16px;
  --wp--preset--font-size--large:20px;
  --wp--preset--font-size--x-large:24px;
}
@keyframes enter {
  from {
    opacity:0;
    transform:translateY(.5rem);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}
a {
 color:#FF5E6C;
 font-weight:var(--bold);
}
#container {
  background-color:rgba(215, 250, 255, .8);
  background-image:url('/wp-content/uploads/2024/10/watercolor-bg.png');
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover;
  margin-top:0;
  padding:1rem;
  position:relative;
}
em { font-style:italic; }
.enter { animation:enter 1s ease; }
.entry-content { text-wrap:pretty; }
.entry-content ul {
  list-style:revert;
  padding:revert;
}
.entry-content li { margin-bottom:1rem; }
figcaption {
  font-weight:500;
  margin-top:16px!important;
}
footer {
  margin-top:72px;
  padding:0 1rem;
  text-align:center;
}
footer p { margin-bottom:1rem; }
#gallery .stk-img-wrapper { box-shadow:var(--boxShadow); }
.gslide-title { font-style:italic; }
h1, .h1 {
  animation:enter 1s ease;
  color:var(--teal);
  font-family:var(--dancingScript);
  font-size:4rem;
  font-weight:400;
  line-height:1;
  margin-bottom:2rem;
}
h2, .h2 {
  font-size:1.5rem;
  font-weight:500;
  line-height:1.4;
  margin-bottom:1.5rem;
}
header.header, #hero, .entry-content {
  margin:auto;
  max-width:900px;
}
header#header #separator-large,
  header#header #separator-small,
  header#header #separator-blue {
  display:block;
  fill:rgba(215, 250, 255, .5);
}
header#header #separator-large,
  header#header #separator-blue {
  height:5rem;
  width:100%;
}
header#header #separator-large {
  filter:blur(4px);
  stroke:rgba(178,255,255, 0.3);
  stroke-width:12px;
}
header#header #separator-small {
  bottom:0;
  filter:blur(16px);
  height:2.5rem;
  position:absolute;
  stroke:rgba(255,255,255, 0.5);
  stroke-width:24px;
  width:110%;
}
header#header .stk-separator__bottom { position:relative; }
header#header .stk-separator__bottom::after {
  background:linear-gradient(to top, rgba(215, 250, 255, .8), transparent);
  bottom:0;
  content:'';
  display:block;
  height:30px;
  position:absolute;
  width:100%;
}
header#header .stk-separator__wrapper {
  overflow:hidden;
  position:relative;
}
#hero {
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  justify-content:center;
}
#hero #name-container { line-height:1; }
#hero #name-container #name {
  color:#FF5E6C;
  display:block;
  font-family:var(--dancingScript);
  font-weight:600;
  font-size:4rem;
}
#hero #name-container #title {
  color:var(--teal);
  font-family:var(--poppins);
  font-weight:500;
  display:block;
  font-size:1.6rem;
  letter-spacing:1px;
  margin-left:3.9rem;
  margin-top:-.25rem;
}
#hero #contact-container { text-align:center; }
#hero #contact-container #phone {
  color:var(--teal);
  display:block;
  font-weight:var(--bold);
}
#hero #contact-container #email { display:block; }
#hero-container { padding:1rem; }
html, body {
  color:var(--darkTeal);
  font-family:var(--poppins);
  line-height:1.75;
}
.mb-0 { margin-bottom:0!important; }
nav {
  font-size:1.25rem;
  letter-spacing:1px;
  padding:1rem;
}
nav ul {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
nav ul .menu-item { transition:transform .1s ease; }
nav ul .menu-item:hover { transform:translateY(-1px); }
nav ul .menu-item.current-menu-item a,
  nav ul .menu-item a:hover { color:#FF5E6C; }
nav ul .menu-item a {
  color:var(--teal);
  font-weight:var(--bold);
  padding:1rem;
  text-decoration:none;
}
p { margin-bottom:1.5rem; }
p.has-medium-font-size { margin-bottom:36px; }
p.has-medium-font-size strong { font-weight:var(--bold); }
p.has-small-font-size strong { font-weight:500; }
#responsive-menu-btn {
  display:flex;
  justify-content:flex-end;
  padding:1rem;
  position:sticky;
  top:0;
  z-index:100;
}
#responsive-menu-btn.closed #close-icon { display:none; }
#responsive-menu-btn.opened { background:#fff; }
#responsive-menu-btn.opened #open-icon { display:none; }
#responsive-menu-btn svg { fill:var(--darkTeal); }
.shadow { box-shadow:var(--boxShadow); }
.stk-block-image img { transition-duration:.2s!important; }
strong { font-weight:var(--bold); }
table {
  font-size:1.25rem;
  margin:auto;
  width:auto!important;
}
table tr td { border:none!important; }
table tr td:first-of-type { padding:0 1rem 0 0; }
table tr td:last-of-type { padding:0 0 0 1rem; }
ul.col-count-2 {
  column-count:2;
  gap:2rem;
}
ul.col-count-2 li { break-inside:avoid-column; }
.wp-block-stackable-button { transition:transform .1s ease!important; }
.wp-block-stackable-button:hover { transform:scale(1.01)!important; }
#wrapper {
  background-attachment:fixed;
  background-blend-mode:overlay;
  background-color:#b6f2ff;
  background-image:url(/wp-content/uploads/2024/09/Sea_Turtles_web.jpg);
  background-position:81% 22%;
  background-repeat:no-repeat;
  background-size:cover;
}
@media only screen and (max-width:991px) {
  nav.closed { display:none; }
  nav.opened {
    background:#fff;
    padding-top:0;
    position:sticky;
    top:64px;
    z-index:100;
  }
  nav.opened ul {
    flex-direction:column;
    text-align:right;
  }
}
@media only screen and (min-width:576px) {
  #container,
    #hero-container { padding:1rem 2rem; }
}
@media only screen and (min-width:992px) {
  :root {
    --wp--preset--font-size--small:14px;
    --wp--preset--font-size--medium:20px;
    --wp--preset--font-size--large:26px;
    --wp--preset--font-size--x-large:32px;
  }
  #container { padding:1rem 4rem; }
  footer { margin-top:96px; }
  h1, .h1 { font-size:5rem; }
  h2, .h2 { font-size:1.5rem; }
  header#header #separator-large,
    header#header #separator-blue { height:14rem; }
  header#header #separator-small { height:10rem; }
  #hero { justify-content:space-between; }
  #hero #contact-container { text-align:right; }
  #hero #name-container #name { font-size:4.5rem; }
  #hero #name-container #title {
    font-size:1.75rem;
    margin-left:4.7rem;
  }
  #hero-container { padding:4rem 4rem 1rem; }
  main { margin-top:-6rem; }
  nav {
    font-size:1rem;
    letter-spacing:1px;
    padding:0;
    position:sticky;
    top:0;
    z-index:2;
  }
  nav.closed { display:block; }
  nav .menu-main-menu-container { text-align:center; }
  nav ul {
    background:#fff;
    border-bottom-left-radius:24px;
    border-bottom-right-radius:24px;
    box-shadow:var(--boxShadow);
    display:inline-flex;
    flex-wrap:wrap;
    justify-content:center;
    margin-left:auto;
    margin-right:auto;
    padding:1rem;
  }
  #responsive-menu-btn { display:none; }
  #wrapper { background-position:50% 22%; }
}