gwp/css/styles.css

@import 'animate.css';

@font-face {
  font-display: swap;
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/playfair-display-v36-latin-regular.woff2') format('woff2'); 
}

@font-face {
  font-display: swap;
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/playfair-display-v36-latin-600.woff2') format('woff2'); 
}

@font-face {
  font-display: swap;
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/playfair-display-v36-latin-800.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/playfair-display-v36-latin-900.woff2') format('woff2'); 
}

@font-face {
  font-family: 'Handlee';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/handlee-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/handlee-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/handlee-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/handlee-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/handlee-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/handlee-v12-latin-regular.svg#Handlee') format('svg'); /* Legacy iOS */
}
.handlee {
  font-family: 'Handlee', cursive;
}
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/amatic-sc-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/amatic-sc-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/amatic-sc-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/amatic-sc-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/amatic-sc-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/amatic-sc-v22-latin-regular.svg#AmaticSC') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/amatic-sc-v22-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/amatic-sc-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/amatic-sc-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/amatic-sc-v22-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/amatic-sc-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/amatic-sc-v22-latin-700.svg#AmaticSC') format('svg'); /* Legacy iOS */
}
.amatic {
  font-family: 'Amatic SC', cursive;
}
.scrolled-down{
  transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
  transform:translateY(0); transition: all 0.3s ease-in-out;
}
nav .form-control {
  background-color: transparent;
}
nav .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
footer .form-control {
  background-color: transparent;
}
footer .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.carousel-caption {
  background-color: rgba(0, 0, 0, 0.5);
}
.carousel-item img {
  object-fit: cover;
  object-position: top;
  height: 50vh;
  overflow: hidden;
}
.outline {
  line-height: 1.8em;
}
.outline ol {
  list-style-type: upper-roman;
}
.outline ol ol {
  list-style-type: upper-alpha;
}
.outline ol ol ol {
  list-style-type: decimal;
}
.outline ol ol ol ol {
  counter-reset: list;
}
.outline ol ol ol ol > li {
  list-style: none;
}
.outline ol ol ol ol > li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
}
.outline ol ol ol ol ol {
  counter-reset: list;
}
.outline ol ol ol ol ol > li {
  list-style: none;
}
.outline ol ol ol ol ol > li:before {
  content: counter(list, decimal) ") ";
  counter-increment: list;
}
table.costs tr.border-top {
  border-top: 2px solid !important;
}

/***********************************************************
################### Site Migration #########################
************************************************************/

::selection { 
  background-color: var(--wp--preset--color--tirtiary); 
}
a {
  position: relative;
}
a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--wp--preset--color--tirtiary);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
a:hover::before {
  transform: scaleX(1);
}
.wp-block-site-logo a::before,
.wp-block-site-title a::before {
  display: none;
}
.no-padding {
  margin-block-start: 0;
}
.wp-block-site-title {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 3px;
}
.wp-block-site-title a:hover {
  color: var(--wp--preset--color--tirtiary) !important;
}
.wp-block-navigation-item a:hover {
  color: var(--wp--preset--color--tirtiary) !important;
}
.current-menu-item a {
  color: var(--wp--preset--color--tirtiary) !important;
}
.wp-block-navigation__submenu-container {
  background-color: var(--wp--preset--color--contrast);
}
.wp-block-navigation .wp-block-navigation-item {
  background-color: var(--wp--preset--color--contrast);
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
  color:var(--wp--preset--color--base);
  background-color: var(--wp--preset--color--contrast);
  font-size: 18px;
}
.wp-element-button:hover, .wp-block-button__link:hover {
  border-color: var(--wp--preset--color--primary-dark);
}
footer ul li {
  margin-block-start: 0;
  list-style: none;
}
footer .wp-block-query {
  margin-block-start: 0;
  padding-top: 0;
}
footer .wp-block-query ul.wp-block-post-template {
  padding-top: 0 !important;
}
footer .wp-block-query ul.wp-block-post-template .wp-block-post-date {
  font-weight: 200;
}
.wp-social-link {
  background: none;
}
.page-id-11 ul li {
  list-style: none;
}
.list-style-none {
  list-style: none;
}

/***********************************************************
#################### Gravity Forms #########################
************************************************************/


.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
  background-color:#006837 !important;
}
.gform_wrapper .gform_footer input[type=submit]:hover {
  border: 1px solid #484c57 !important;
  background-color: #002314 !important;
}