/*
	Theme Name: Horning Wedding
	Description: Sledgehammer Base Theme w/ Bootstrap 5.3.3
	Version: 3.3.0
	Author: Sledgehammer Creative

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* ----------FONTS---------- */
/* https://gwfh.mranftl.com/fonts */
/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/shbase/fonts/open-sans-v35-latin-regular.woff2') format('woff2');
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/shbase/fonts/open-sans-v35-latin-italic.woff2') format('woff2');
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/shbase/fonts/open-sans-v35-latin-700.woff2') format('woff2');
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/wp-content/themes/shbase/fonts/open-sans-v35-latin-700italic.woff2') format('woff2');
}

/* ----------BASE STYLES---------- */
:root {
	--bgcolor: #111111;
  --gray: #e5e5e5;
  --primary-color: #a29486;
  --accent-color: #f2f2f2;
  --text: #f2f2f2;
  --inputs: #2d2d2d;
  --labels: #f2f2f2;
}

body {
	background-color: var(--bgcolor);
	min-height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', 'Trebuchet MS', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: var(--text);
	line-height: 1.6;
}
p, ul, ol {
  font-size: 1rem;
	margin-bottom: 1rem;
}
a, a:link, a:visited {
	color: var(--primary-color);
	font-weight: 700;
	text-decoration: none;
	transition: all 0.4s ease !important;
}
a:hover, a:active, a:focus {
	color: var(--accent-color);
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6, .heading {
	margin: 0 0 1rem 0;
	font-weight: 700;
	color: var(--text);
	line-height: 1.2;
}
h1 {font-size:2rem;}
h2 {font-size:1.5rem;}
h3 {font-size:1.375rem;}
h4 {font-size:1.125rem;}
h5 {font-size:1rem;}
h6 {font-size:.875rem;}
@media (min-width : 768px) {
	h1 {font-size:3.25rem;}
	h2 {font-size:2rem;}
	h3 {font-size:1.5rem;}
	h4 {font-size:1.375rem;}
	h5 {font-size:1.125rem;}
	h6 {font-size:1rem;}
	p, ul, ol {font-size: 1.125rem;}
}

/* ---Buttons--- */
button, a.btn-primary, a.btn-secondary, a.btn-outline {
  display: inline-block;
  margin: 7px 0;
	padding: 14px;
  vertical-align: middle;
  border: none;
	border-radius: 5px;
  font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
  transition: all 0.4s ease;
}
button:hover, button:active, button:focus,
a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus {
  box-shadow: none;
}
button, a.btn-primary {
	background-color: var(--primary-color);
	color: var(--bgcolor);
}
button:hover, button:active, button:focus,
a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus {
	background-color: var(--accent-color);
	color: var(--bgcolor);
}
.btn-close {
	background-color: var(--gray);
	opacity: 1;
}
.btn-close:hover {
	opacity: 1;
}

/* ---Misc Sitewide--- */
/* Image Placeholders */
.ratio > * {
	/*bootstrap overrides */
  top: inherit;
  left: inherit;
  width: inherit;
	height: inherit;
}
.ratio {
  position: relative;
  aspect-ratio: 3 / 2;
}
.ratio .featured {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
}
.ratio .wrapper {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: var(--gray);
}
.ratio .wrapper img {
  width: 110px;
  height: auto;
  opacity: .6;
  transition: all 0.4s ease;
}
.ratio .wrapper img:hover {
  opacity: 1;
}

/* ---Slick Carousels--- */
.slick-track {
	display: flex;
	align-items: center;
}
.slick-arrow {
	display: block;
	position: absolute;
	top: 35%;
  margin: 0;
  padding: 0;
  background-size: 32px;
  width: 32px;
  height: 32px;
  transform: translate(0, -40%);
  font-size: 0;
  line-height: 0;
  color: transparent;
  border: none;
  border-radius: 50%;
  outline: none;
  z-index: 999;
  cursor: pointer;
}
.slick-prev {
	left: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M19.13 21.44c.58.59.58 1.54 0 2.12-.59.58-1.54.59-2.12 0l-6.5-6.49a1.49 1.49 0 0 1 0-2.12l6.5-6.5a1.49 1.49 0 0 1 2.12 0c.58.59.58 1.53 0 2.12L13.69 16l5.44 5.44Z' style='fill:%23231f20'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  border:none;
}
.slick-next {
	right: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M12.57 10.56c-.58-.59-.58-1.54 0-2.12.59-.58 1.54-.59 2.12 0l6.5 6.49c.59.59.59 1.53 0 2.12l-6.5 6.5c-.58.59-1.54.59-2.12 0-.58-.59-.58-1.53 0-2.12L18.01 16l-5.44-5.44Z' style='fill:%23231f20'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  border:none;
}
.slick-autoplay-toggle-button {
	position: absolute;
  top: 5px;
  left: 5px;
  margin: 0;
  padding: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  z-index: 999;
}
.slick-autoplay-toggle-button .btn-pause, .slick-autoplay-toggle-button .btn-play {
  background-size: 32px;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
}
.slick-autoplay-toggle-button .btn-pause {
	display: block;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 32 32'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23231f20%7d%3c/style%3e%3c/defs%3e%3cpath d='M14 12v8c0 1.11-.89 2-2 2s-2-.89-2-2v-8c0-1.11.89-2 2-2s2 .89 2 2ZM22 12v8c0 1.11-.89 2-2 2s-2-.89-2-2v-8c0-1.11.89-2 2-2s2 .89 2 2Z' class='cls-1'/%3e%3c/svg%3e");
}
.slick-autoplay-toggle-button .btn-play {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M22.89 15.99c0 .53-.28 1.01-.72 1.29l-9 5.5c-.47.28-1.05.29-1.52.03-.48-.27-.77-.77-.77-1.31v-11c0-.54.29-1.04.77-1.31.47-.27 1.06-.26 1.52.02l9 5.5c.44.28.72.76.72 1.28Z' style='fill:%23231f20'/%3e%3c/svg%3e");
}
.slick-dots {
  position: absolute;
  bottom: 25%;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  z-index: 999;
}
.slick-dots li {
  display: inline-block;
  line-height: 1;
  margin: 0 3px;
}
.slick-dots li button {
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.slick-dots li.slick-active button {
  background-color: var(--accent-color);
}
@media (min-width : 768px) {
  .slick-prev, .slick-next {
    top: 40%;
  }
  .slick-dots, #slider .slick-autoplay-toggle-button {
    bottom: 15%;
  }
}

/* ----------HEADER---------- */
header .container {
	position: relative;
	background-color: var(--bgcolor);
}
.logo {
	display: block;
	width: auto;
	height: 100px;
}
.int-header h1 {
  position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
  color: #fff;
  z-index: 99;
}

/* ----------SLIDER---------- */
#slider img {
    max-height: calc(100vh - 160px);
    width: auto;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
    border: 5px solid var(--text);
}

/* ----------CONTENT---------- */
main {
	position: relative;
	background-color: var(--bgcolor);
}
.modal-body {
	display: flex;
	align-items: center;
	justify-content: center;
}
.gallery img.img-fluid {
    border: 5px solid var(--text);
}

/* ----------FOOTER---------- */
footer {
	position: relative;
	background-color: var(--gray);
	color: var(--text);
}
#menu-footer-navigation {
	padding: 0;
	margin: 0;
}
#menu-footer-navigation li {
	padding: 0;
	display: inline-block;
	list-style: none;
}
#menu-footer-navigation a, #menu-footer-navigation a:link, #menu-footer-navigation a:visited {
	display: inline-block;
	font-size: .875rem;
	color: var(--text);
	transition: all 0.4s ease !important;
}
#menu-footer-navigation a:hover, #menu-footer-navigation a:active, #menu-footer-navigation a:focus {
	color: var(--text);
	opacity: .7;
	text-decoration: none;
}
#menu-footer-navigation .nav-link {
  padding: 0 5px;
}

/* ----------FORMS---------- */
form .small {font-size: .875rem}
.grecaptcha-badge {z-index: 9 !important;}
.gform-theme--foundation .gform_fields {row-gap: 20px !important;}
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: var(--labels) !important;
}
.gform_confirmation_message {
  text-align: center !important;
  margin-top: 30px !important;
  font-size: 2rem !important;
  color: var(--primary-color) !important;
}
.gform-theme--framework .gform_validation_errors {
	background-color: var(--text) !important;
}
.gform-field-label--type-sub {
	color: var(--labels) !important;
}
.gform-theme--framework .gfield_description:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	color: var(--text) !important;
}
.gform_wrapper input, .gform_wrapper textarea {
	background-color: var(--inputs) !important;
  border: 1px solid #606060 !important;
  box-shadow: none !important;
  border-radius: 5px !important;
  color: var(--labels) !important;
}
.gform_wrapper select {
	background-color: var(--inputs) !important;
	border: none !important;
  box-shadow: none !important;
  border-radius: 5px !important;
  color: var(--labels) !important;
}
.gform-theme--framework .gform-field-label--type-inline:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	color: var(--labels) !important;
}
.gform-theme--framework input[type="radio"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
	background-color: var(--primary-color) !important;
}
.gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_filename,
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_filesize {
	color: var(--text) !important;
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area {
	background-color: #000 !important;
}
.gform_drop_instructions {
	color: var(--text) !important;
}
.gform_wrapper .datepicker {
	color: var(--labels) !important;
}
.gform_wrapper .charleft {
	color: var(--labels) !important;
}
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--simple .dashicons::before {
	--gf-local-color: var(--primary-color) !important;
}
.gform_wrapper input[type="submit"].gform_button {
	padding: 14px 21px !important;
	background-color: var(--primary-color) !important;
	border: none !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: var(--bgcolor) !important;
}
.gform_wrapper input[type="submit"].gform_button:hover, .gform_wrapper input[type="submit"].gform_button:active, .gform_wrapper input[type="submit"].gform_button:focus {
	background-color: var(--accent-color) !important;
	color: var(--bgcolor) !important;
}
/* Form Placeholders */
::placeholder {
	color: var(--gray);
	opacity: 1;
}

/* ----------WP CORE---------- */
.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail {
	max-width: 100%;
	height: auto;
}
.wp-block-image {
	margin:25px 0;
}
.wp-block-image figcaption {
	text-align: left;
	font-size: .875em;
}
.wp-block-image img {
	height: auto;
}
 .wp-block-buttons {
   margin-bottom: 15px;
 }
.wp-block-button__link {
	margin: 7px 0;
	padding: 14px;
	background-color: var(--primary-color);
	font-size: 1rem;
	font-weight: 700;
	color: #fff !important;
	line-height: 1;
	border: none;
	border-radius: 5px;
}
.wp-block-button__link:hover {
	background-color: #ed8555;
	color: #fff;
}
.wp-block-search__button {
	margin: 0 0 0 5px;
}

/* ----------MENU ANIMATIONS---------- */
@media (min-width: 992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}
@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}
@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}
.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

/* ----------ACCESSIBILITY---------- */
@media screen and (prefers-reduced-motion) {
* {transition:none !important; transition-duration: 0s !important;}
}
* a:focus-visible, * button:focus-visible {
  outline: 3px solid #0000ff !important;
}
.skip-link {
  display: block;
  position: absolute !important;
  transform: translateY(-100%);
  overflow: hidden;
  margin-left: -100px;
  padding: 5px 0;
  background-color: var(--bgcolor);
  width: 200px !important;
  font-weight: 700;
  color: var(--primary-color);
  text-align: center;
  left: 50%;
  z-index: 999;
}
.skip-link:focus {
  transform: translateY(0%);
}

/* ----------PRINT---------- */
@media print {
	blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]::after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]::after,a[href^="#"]::after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}
}