/* @override 
	https://www.wolflinsquare.com/wp-content/themes/b5st/theme/css/b5st.css */

@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Slab:wght@700&display=swap');




body,html {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
		background-color: #f9f8f5;
		font-family: 'Roboto', sans-serif;
		color: #28292b;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,.display-1,.display-2,.display-3,.display-4 {
	font-family: 'Roboto Slab', serif; font-weight: 700;
}

.slab {
	font-family: 'Roboto Slab', serif; font-weight: 700;
}

.regular {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

a{color:#bf5700;text-decoration:none;}
a:hover{color:#28292b;}

a.hero-button {
	color: #fff !important;
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	padding: 1.25rem;
	background-color: #bf5700;
	border: none;
	border-radius: 8px;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
}

a.hero-button:hover {
	color: #fff !important;
	text-decoration: none;
	border: 1px solid #fff;
}

.btn-primary.hero-button-outline {
    color: #bf5700 !important;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    padding: 1.25rem;
    background-color: #fff;
    border: 1px solid #bf5700;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
}

.btn-primary.hero-button-outline:hover {
    color: #fff !important;
    text-decoration: none;
    border: 1px solid #fff;
    background-color: #bf5700;
}

@media (max-width: 768px) {
    .hero-button-outline,.hero-button {
        display: block;
        width: 100%;
        margin-bottom: 1rem; /* Adjust the space between buttons */
    }

    .mt-5.pt-2 {
        display: flex;
        flex-direction: column;
        gap: 1rem; /* Space between buttons */
    }
}

a.btn-outline-dark{color:#28292b !important;border-color:#28292b !important; border-radius: 0 !important; font-family: 'Roboto Slab', serif;
	font-weight: 700; text-transform: uppercase;
}
a.btn-outline-dark:hover {
	background-color:#28292b !important; color: #fff !important;
}

button.accordion-button {
	background-color: #e9cf84 !important;
	color: #000 !important;
}

button.accordion-button.collapsed {
	background-color: #fff !important;
}

.orange {
	color: #bf5700;
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
}

.gform_wrapper .gform_footer .gform_button {
  color: #fff !important;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  padding: 1.25rem;
  background-color: #bf5700;
  border: none;
	border-radius: 8px;
  margin: 0;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.gform_wrapper .gform_footer .gform_button:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: #000;
}



/* Navbar */


/* Bootstrap Navbar Primary Menu */

/* Default navbar */
.navbar {
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Navbar after scroll */
.navbar.scroll-bg {
  background-color: #000 !important;
  color: #fff !important;
}

.navbar.scroll-bg .nav-link,
.navbar.scroll-bg .navbar-brand,
.navbar.scroll-bg svg {
  color: #fff !important;
  fill: #fff !important;
}

.logo-default,
.logo-scrolled {
  transition: opacity 0.3s ease;
}

.navbar.scroll-bg .logo-default {
  display: none !important;
}

.navbar.scroll-bg .logo-scrolled {
  display: inline-block !important;
}

/* Default toggler icon */
.navbar-toggler {
  border: none;
  transition: all 0.3s ease;
}

/* Change the icon color on scroll */
.navbar.scroll-bg .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23c5c5c5' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-nav .nav-link {
  color: #000000 !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: #555555 !important;  /* Optional hover/focus state */
}



/* Index | Home */

.hero-home {
		position: relative;
		height: 660px;
		background: #f5f5f5 url('../images/wolflin-square-amarillo-tx.jpg'); 
		background-size: cover;
		background-position: left center;
		background-repeat: no-repeat;
		overflow: hidden;
		color: #fff;
	}

.about-us {
	background-color: #f9f8f5;
	height: auto;
	padding: 90px 0;
}

.about-us-picture {
	width: 100%;
	height: auto;
	border: 8px solid #fff;
	width: [object Object]px; 
	height: [object Object]px;  
	box-shadow: 0 2px 4px rgba(102, 102, 102, 0.5)  ; 
	-webkit-box-shadow: 0 2px 4px rgba(102, 102, 102, 0.5)  ; 
	-moz-box-shadow: 0 2px 4px rgba(102, 102, 102, 0.5)  ;
}

.ecosystem {
	background-color: #fff;
	height: auto;
	padding: 90px 0;
}

.ecosystem-picture {
	width: 320px;
	height: auto;
	display: block;
  margin-left: auto;
  margin-right: auto;
}

.emdash {
	width: 30px;
	height: auto;
	margin-right: 16px;
}

.hero-arrow {
	display: none;
}


/* keep it mobile friendly by only applying these styles for larger viewports */
@media only screen and (min-width: 641px) {
	
	
	.hero-arrow {
		display: block;
		position: absolute;
		bottom: 0;
		right: 50px;
	}
	
	.about-us h2, .ecosystem h2 {
		font-size: 31px;
	}

}




.hero-wolfin-square-logo {
	width: 250px;
	height: auto;
}

.asset {
	padding: 90px 0;
	background-color: #fff;
}

.shops {
	padding: 90px 0;
	background-color: #fff;
}

.shop {
	min-height: 200px;
	padding: 30px 20px 10px 20px;
}

.shop-icon {
	height: 60px;
	width: auto;
}

.site-content {
	padding: 60px 0;
}

.site-content img {
	display: none;
}

.site-content h1,.site-content .h1,.site-content h2,.site-content .h2,.site-content h3,.site-content .h3,.site-content h4,.site-content .h4,.site-content h5,.site-content .h5 {
	margin: 0 0 1em 0;
}


p.underline {
	text-decoration: none;
  position: relative;
}

p.underline::after {
  position: absolute;
  content: '';
  display: block;
  height: 1px;
  width: 20%;
  background: #dedede;
  bottom: -4px;
	margin: 0 auto;
	left: 0;
	right: 0;
}





/* Footer */

.footer {
	background: #f9f8f5 !important;
	padding: 60px 0 40px 0;
}

.footer a {
	color:  #010101;
	font-weight: 700;
	text-decoration: none;
}

.footer a:hover	{
	text-decoration: underline;
}

.wolfin-square-star {
	height: 14px;
	width: auto;
}

.wolfin-square-logo {
	width: 200px;
	height: auto;
}

.social {
	height: 24px;
	width: auto;
}


/*!
 * b5st v1.0 | Unicence
 */
.site-header-image {
  display: block;
  margin: auto; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  clear: both;
  display: block; }

.wp-block-cover-text p {
  padding: 1.5em 16px; }

@media screen and (min-width: 768px) {
  .wp-block-cover-text p {
    padding: 1.5em 0; } }

ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
  padding: 0 16px; }

header h2 a {
  color: rgba(0, 0, 0, 0.9);
  text-decoration: none; }
  header h2 a:hover {
    text-decoration: underline; }

.has-drop-cap:not(:focus):first-letter {
  float: left;
  font-size: 8.4em;
  line-height: .68;
  font-weight: 100;
  margin: .05em .1em 0 0;
  text-transform: uppercase;
  font-style: normal; }

.long-read {
  font-size: clamp(1em, calc(0.625em + 1vw), 1.25em);
  line-height: inherit; }

.more-link {
  display: block;
  margin-bottom: 1rem; }

.wp-block-code {
  padding: 0.5em 1em;
  margin: 0 0 1.5rem; }

.entry-content ul:not(.blocks-gallery-grid),
.entry-content ol {
  margin: 0 auto 1.5em auto;
  max-width: 720px;
  list-style-position: outside; }

.entry-content li {
  margin-left: 0em; }

.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
  margin: 0 auto; }

.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {
  margin-left: 0; }

.wp-block-quote {
  margin-left: 16px;
  margin-right: 16px;
  padding: 0; }

.wp-block-quote > * {
  margin-left: 1rem; }

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
  margin: 36px auto;
  padding: 0; }

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
  font-size: 13px;
  font-size: 0.8125rem; }

@media screen and (min-width: 768px) {
  .wp-block-quote {
    margin: 48px auto; } }

.wp-block-pullquote > p:first-child {
  margin-top: 0; }

.wp-block-pullquote.alignright {
  margin-left: 2rem; }

.wp-block-pullquote.alignleft {
  margin-right: 2rem; }

.wrap-md {
  width: 100%;
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
  padding-right: .75rem;
  padding-left: .75rem; }

.wrap-lg {
  width: 100%;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-right: .75rem;
  padding-left: .75rem; }

.entry-content > .alignwide,
.wp-block-image.alignwide,
.wp-block-gallery.alignwide {
  width: 100vw;
  max-width: 1100px;
  margin: 1.5em 0 1.5em 50%;
  transform: translateX(-50%); }

.entry-content > .alignwide > img {
  width: 1320px; }

.entry-content > .alignfull,
.wp-block-image.alignfull,
.wp-block-gallery.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin: 1.5em 0 1.5em 50%;
  transform: translateX(-50%); }

.entry-content > .alignfull > img {
  width: 100vw; }

.wp-block-columns {
  padding-right: 1rem;
  padding-left: 1rem; }

.wp-block-separator {
  margin: 3em auto;
  padding: 0; }

.wp-block-group > .wp-block-group__inner-container > * {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto; }

.wp-block-group > .wp-block-group__inner-container > .alignwide {
  width: 100vw;
  max-width: 1100px;
  margin: 1.5em 0 1.5em 50%;
  transform: translateX(-50%); }

.wp-block-group > .wp-block-group__inner-container > .alignfull {
  width: 100vw;
  max-width: 100vw;
  margin: 1.5em 0 1.5em 50%;
  transform: translateX(-50%); }

.wp-block-group.has-background > .wp-block-group__inner-container > :first-child {
  margin-top: 0; }

.wp-block-group.has-background > .wp-block-group__inner-container > .alignfull {
  width: calc( 100% + 60px);
  max-width: calc( 100% + 60px);
  position: relative;
  left: -30px; }

img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	width: 100%;
  max-width: 100%;
  height: auto; }

.attachment-post-thumbnail {
  margin-bottom: 1.5em; }

.wp-block-image img {
  display: block; }

.wp-block-image.alignleft,
.wp-block-image.alignright {
  width: 100%; }

.wp-block-image.alignfull img {
  width: 100vw; }

.wp-block-image .alignleft img,
.wp-block-image .alignright img,
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption {
  max-width: 100%;
  width: 100%; }

.wp-block-image .alignfull,
.wp-block-gallery.alignfull {
  width: 100vw; }

.wp-block-image .alignright,
.wp-block-image .alignleft,
.wp-block-gallery.alignright,
.wp-block-gallery.alignleft {
  max-width: calc((720px / 2) - 16px); }

.wp-block-image .alignright,
.wp-block-gallery.alignright {
  margin-left: 2rem; }

.wp-block-image .alignleft,
.wp-block-gallery.alignleft {
  margin-right: 2rem; }

.wp-block-embed.type-video > .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; }

.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.wp-block-video video {
  max-width: 720px; }

.wp-block-table {
  overflow-x: auto;
  margin: 1.5rem0; }

.wp-block-table table {
  border-collapse: collapse; }

.wp-block-table td, .wp-block-table th {
  padding: .5em; }

#comments,
#reply-title {
  margin-top: 1.5rem;
  margin-bottom: 1rem; }

.comment-list,
.comment-list ul {
  padding-left: 0; }

.comment-list li {
  padding: 1rem; }

.comment-meta {
  margin-bottom: 1rem; }

.comment-list,
.comment-list .children {
  list-style-type: none; }

.comment {
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }
  
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

main {
  flex: 1 0 auto; }