.bg-origami { background-color: #f0f1EC; }

.bg-tan { background-color: #bebba5; }

.bg-charcoal { background-color: #474747; }

.bg-pgblk { background-color: #2e2e2e; }

.bg-acapulco { background-color: #326577; }

.bg-splash { background-color: #2a5465; }

.bg-lilac { background-color: #7c5c82; }

.bg-royal { background-color: #5c425c; }

.bg-forest { background-color: #717E3E; }

.color-origami { color: #f0f1EC; }

.color-tan { color: #bebba5; }

.color-charcoal { color: #474747; }

.color-pgblk { color: #2e2e2e; }

.color-acapulco { color: #326577; }

.color-splash { color: #2a5465; }

.color-lilac { color: #7c5c82; }

.color-royal { color: #5c425c; }

.color-forest { color: #717E3E; }

.banner-translucent { background-color: rgba(46, 46, 46, 0.9); transition: .2s ease all; }

.banner-translucent:hover { background-color: #5c425c; opacity: .8; transition: .2s ease all; }

.banner-translucent-2 { background-color: rgba(240, 241, 236, 0.9); transition: .2s ease all; }

.banner-translucent-2:hover { background-color: #bebba5; opacity: .8; transition: .2s ease all; }

.w-xs-25 { width: 25%; }

.w-xs-50 { width: 50%; }

.w-xs-75 { width: 75%; }

.w-xs-100 { width: 100%; }

@media (min-width: 576px) { .w-sm-25 { width: 25% !important; } .w-sm-50 { width: 50% !important; } .w-sm-75 { width: 75% !important; } .w-sm-100 { width: 100% !important; } }

@media (min-width: 768px) { .w-md-25 { width: 25% !important; } .w-md-50 { width: 50% !important; } .w-md-75 { width: 75% !important; } .w-md-100 { width: 100% !important; } }

@media (min-width: 992px) { .w-lg-25 { width: 25% !important; } .w-lg-50 { width: 50% !important; } .w-lg-75 { width: 75% !important; } .w-lg-100 { width: 100% !important; } }

@media (min-width: 1200px) { .w-xl-25 { width: 25% !important; } .w-xl-50 { width: 50% !important; } .w-xl-75 { width: 75% !important; } .w-xl-100 { width: 100% !important; } }

html, body { min-height: 100%; position: relative; }

body { background-color: #f0f1ec !important; }

.site { display: flex; min-height: 100vh; flex-direction: column; }

.site-content { flex: 1; }

.mh-100px { max-height: 100px; width: auto; }

.mh-200px { max-height: 100px; width: auto; }

.logo-initials { height: 100px; width: 100px; }

.topnav { text-decoration: none; color: #2a5465; }

.active.topnav { text-decoration: underline; color: red; }

#current-page { color: #5c425c; }

.contactButton { background: transparent; border: none; text-decoration: underline; }

.contactButton:hover { color: #326577; opacity: .6; }

.vroom:hover { animation: shake 0.5s; animation-iteration-count: infinite; }

@keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); } }

.bounce-right:hover { -webkit-animation: bounce-right 2s infinite; animation: bounce-right 2s infinite; animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

@keyframes bounce-right { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); }
  40% { transform: translateX(-30px); }
  60% { transform: translateX(-15px); } }

.thwack:hover { animation: hit 2s; animation-iteration-count: infinite; }

@keyframes hit { 0% { transform: rotate(0deg); }
  30% { transform: rotate(0deg); }
  40% { transform: rotate(-10deg); }
  50% { transform: rotate(10deg); }
  70% { transform: rotate(-10deg); }
  80% { transform: rotate(10deg); }
  100% { transform: rotate(0deg); } }

body { font-family: 'Open Sans', sans-serif; }

h1 { font-family: 'Fredericka the Great', sans-serif; }

@media (max-width: 761px) { h1 { font-size: 2rem !important; } }

h2 { font-family: 'Amatic SC', sans-serif; }

a { color: #326577 !important; text-decoration: underline !important; }

a:hover { color: #326577; opacity: .6; }

/*text-sizing*/
.text-65 { font-size: 65px; line-height: 65px; }

.text-45 { font-size: 45px; line-height: 45px; }

.text-35 { font-size: 35px; line-height: 35px; }

.text-24 { font-size: 24px; line-height: 24px; }

.text-20 { font-size: 20px; line-height: 20px; }

.text-14 { font-size: 14px; line-height: 14px; }

.amatic { font-family: 'Amatic SC', sans-serif; }

.fred { font-family: 'Fredericka the Great', sans-serif; }

.openSans { font-family: 'Open Sans', sans-serif; }

.oswald { font-family: 'Oswald', sans-serif; }

@media screen and (min-width: 576px) { .text-sm-65 { font-size: 65px !important; line-height: 65px !important; } .text-sm-45 { font-size: 45px !important; line-height: 45px !important; } .text-sm-35 { font-size: 35px !important; line-height: 35px !important; } .text-sm-24 { font-size: 24px !important; line-height: 24px !important; } .text-sm-20 { font-size: 20px !important; line-height: 20px !important; } .text-sm-14 { font-size: 14px !important; line-height: 14px !important; } .amatic-sm { font-family: 'Amatic SC', sans-serif !important; } .fred-sm { font-family: 'Fredericka the Great', sans-serif !important; } .openSans-sm { font-family: 'Open Sans', sans-serif !important; } .oswald-sm { font-family: 'Oswald', sans-serif !important; } }

@media screen and (min-width: 769px) { .text-md-65 { font-size: 65px !important; line-height: 65px !important; } .text-md-45 { font-size: 45px !important; line-height: 45px !important; } .text-md-35 { font-size: 35px !important; line-height: 35px !important; } .text-md-24 { font-size: 24px !important; line-height: 24px !important; } .text-md-20 { font-size: 20px !important; line-height: 20px !important; } .text-md-14 { font-size: 14px !important; line-height: 14px !important; } .amatic-md { font-family: 'Amatic SC', sans-serif !important; } .fred-md { font-family: 'Fredericka the Great', sans-serif !important; } .openSans-md { font-family: 'Open Sans', sans-serif !important; } .oswald-md { font-family: 'Oswald', sans-serif !important; } }

@media screen and (min-width: 993px) { .text-lg-65 { font-size: 65px !important; line-height: 65px !important; } .text-lg-45 { font-size: 45px !important; line-height: 45px !important; } .text-lg-35 { font-size: 35px !important; line-height: 35px !important; } .text-lg-24 { font-size: 24px !important; line-height: 24px !important; } .text-lg-20 { font-size: 20px !important; line-height: 20px !important; } .text-lg-14 { font-size: 14px !important; line-height: 14px !important; } .amatic-lg { font-family: 'Amatic SC', sans-serif !important; } .fred-lg { font-family: 'Fredericka the Great', sans-serif !important; } .openSans-lg { font-family: 'Open Sans', sans-serif !important; } .oswald-lg { font-family: 'Oswald', sans-serif !important; } }

@media screen and (min-width: 1141px) { .text-xl-65 { font-size: 65px !important; line-height: 65px !important; } .text-xl-45 { font-size: 45px !important; line-height: 45px !important; } .text-xl-35 { font-size: 35px !important; line-height: 35px !important; } .text-xl-24 { font-size: 24px !important; line-height: 24px !important; } .text-xl-20 { font-size: 20px !important; line-height: 20px !important; } .text-xl-14 { font-size: 14px !important; line-height: 14px !important; } .amatic-xl { font-family: 'Amatic SC', sans-serif !important; } .fred-xl { font-family: 'Fredericka the Great', sans-serif !important; } .openSans-xl { font-family: 'Open Sans', sans-serif !important; } .oswald-xl { font-family: 'Oswald', sans-serif !important; } }

.read-more { position: absolute; bottom: 2px; left: 2px; }

.dec-none { text-decoration: none !important; }

.right-gutter-text { text-overflow: ellipsis; transform: rotate(90deg); }

/*pretty elements*/
.sizer-y { text-align: center; min-width: 200px; transform: rotate(-90deg); /* Legacy vendor prefixes that you probably don't need... */ /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

.hero-hp-1 { min-height: 500px; }

.btn-primary { border-style: dashed !important; border-color: #2e2e2e !important; background-color: #bebba5 !important; color: #2e2e2e !important; font-size: 1.8rem !important; }

.btn-primary:hover { border-style: dashed !important; border-color: #bebba5 !important; background-color: #2e2e2e !important; color: #bebba5 !important; }

.hp-cards { display: block; min-height: 150px; }

.left-gutter { position: absolute; min-height: 100%; top: 0; bottom: 0; width: 35px; }

@media screen and (min-width: 768px) { .left-gutter { position: absolute; min-height: 100%; top: 0; bottom: 0; border-right: 1px dashed; border-right-color: #5c5425; width: 35px; } .right-gutter { position: absolute; right: 0; min-height: 100%; top: 0; bottom: 0; border-left: 1px dashed; border-left-color: #5c5425; width: 35px; } }

/*custom borders*/
.border-horizontal-dash-bottom { border-style: none none dashed none; border-bottom-color: #5c425c; border-bottom-width: 1px; }

.border-horizontal-dash-top { border-style: dashed none none none; border-top-color: #5c425c; border-top-width: 1px; }

.border-all-dash { border-style: dashed; border-radius: 10px; border-color: #5c5425; border-width: 1px; }

.outline-offset { outline-offset: 8px; }

.img-border-round { border-radius: 10px; }

.grid-container { width: 100%; padding-top: 100%; position: relative; }

.grid-card-img { object-fit: cover; }

/*# sourceMappingURL=styles.css.map */