/*
	Theme Name: v215 Child
	Template:v215
*/

:root {
	--lightgrey: #b3b3b3;
	--darkgrey: #3c3942;
	--red: #d61d0d;
	--blue: #2861af;
}

#header .header-cta span {background: var(--darkgrey); padding: 12px 24px; border: 2px solid var(--darkgrey); color: white; transition: .5s; border-radius: 5px;}
#header .header-cta span:hover {background: var(--red); border-color: var(--red);}

.title-area h2 {font-size: 120px; line-height: 130px; font-weight: 300 !important; color: var(--lightgrey); text-align: left;}
.title-area {padding: 30px 0;}
#title-abstract .jawn_text_block {max-width: 1000px;}
#title-abstract .jawn_text_block span {font-weight: 400;}


.blog-grid {gap: 20px; display: grid;grid-template-columns: 1fr 1fr 1fr;}
.blog-grid .post {background: #e4e4e4;}
.blog-grid .post-img {transition: .5s;background-size:cover;background-position:center;padding-bottom:50%;}
.blog-grid .post-text {background-color: #e4e4e4; padding:24px;}
.blog-grid .post-text h3 {font-size:20px;line-height:26px;color: var(--darkgrey);}
.blog-grid .post-text p {color: var(--darkgrey); font-size:16px;line-height:25px;}
.blog-grid a:hover .post-img {filter: brightness(.5);}
.blog-grid a:hover h3 {color: var(--blue);}
.archive .blog-grid {grid-template-columns: 1fr 1fr 1fr 1fr;}
.archive .blog-holder-outer {padding-top: 20px;}

.single-post #content > .content-inner{max-width: 800px;margin: 0 auto}
.single-post .title-area{display: none}
.single-post .post-image img{border-radius: 5px; margin-bottom:20px}
.single-post .post-title{
	margin-bottom: 20px;
    font-size: 35px;
    line-height: 42px;
}
.single-post .post-content h2{margin-top: 10px; margin-bottom: 15px}

.blog-grid .post-img {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.blog-grid .post-text, .blog-grid .post{
	border-radius: 5px;
}
.single-post .post-title {
	margin-bottom: 0;align-content}

.category-list a {display: block;}
.category-list a:not(:last-child) {margin-bottom: 5px;}
.category-list a:hover {color: var(--red);}

.recent-blog-list a {display: block;}
.recent-blog-list a:not(:last-child) {margin-bottom: 20px;}
.recent-blog-list a:hover {color: var(--red);}

.in-stock-equipment-grid img {width: 100%; aspect-ratio: 4 / 3;object-fit: contain;}
.in-stock-equipment-grid h3 {text-align: center;}
.in-stock-equipment-grid h3 a {padding-top: 10px;display: inline-block;color: #3c3942;font-size: 30px; line-height: 40px;}
.in-stock-equipment-grid h3 a:hover {color: var(--blue);}
.in-stock-equipment-grid .image:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(40, 97, 175, .5); opacity: 0; transition: .5s;}
.in-stock-equipment-grid .image:hover:before {opacity: 1;}
.in-stock-equipment-grid .image {position: relative;display: block;}
.in-stock-equipment-grid p {text-align: center;font-size: 16px;line-height: 24px;}

.in-stock-equipment-grid .grid-gutter {width:30px;}
.in-stock-equipment-grid .post-item {width:calc(33.33% - 20px);margin-bottom:30px;}
.in-stock-equipment-grid {margin-top: 30px;}
.filters .ui-group button {background: #404040;outline: 0;border: 2px solid #404040;padding: 5px 20px;color: white;font-family: inherit;font-size: 13px;line-height: 23px;cursor: pointer;text-transform: uppercase;font-weight: 700; transition: .5s;}
.filters .ui-group button:hover, .filters .ui-group button.is-checked {background: var(--blue); border-color: var(--blue);}
.filters .ui-group button:not(:last-child) {margin-right: 10px;}
.filters .ui-group h3 {font-size: 25px;line-height: 35px;}
.filters {display: flex;gap: 75px;text-align: left;}
.filters .ui-group {display: flex;gap: 25px; align-items: center;}

.single-in-stock-equipment .post-title, .single-in-stock-equipment .post-image {display: none;}
.single-in-stock-equipment .post-content {padding-top: 0;}
.single-in-stock-equipment #hero h2 {font-size: 40px;line-height: 50px;}
.single-in-stock-equipment #hero h3 {font-size: 25px;line-height: 35px;}
.single-in-stock-equipment #hero h4 {font-size: 18px;line-height: 28px; margin-top: 7px; color: var(--blue);}
.single-in-stock-equipment #hero .product-availability {display: grid ; grid-template-columns: repeat(4, 1fr); gap: 30px;}
.single-in-stock-equipment #hero .product-availability p {font-size: 16px;line-height: 26px; margin-bottom: 0;}
.single-in-stock-equipment #hero .product-availability p strong {display: block;}
.single-in-stock-equipment #hero .jawn_button:not(:last-child) {margin-right: 10px;}
.single-in-stock-equipment #hero ul {margin-top: 10px;}
/* .single-in-stock-equipment #hero ul li:before {content: '◆';margin-right: 10px;} */
.single-in-stock-equipment #hero .jawn_image .inner {width: 100%;}
.single-in-stock-equipment #hero img {width: 100%; aspect-ratio: 1 / 1;object-fit: contain;background: white;}
.single-in-stock-equipment #hero li:not(:last-child) {margin-bottom: 6px;}
.single-in-stock-equipment #hero {background: #F5F5F5;padding: 75px 0;}
.single-in-stock-equipment #content > * > .container {max-width: unset !important;}
.single-in-stock-equipment .blog-holder-outer {padding: 0;}
/* .single-in-stock-equipment #specs .jawn_col_inner-inner {display: grid;grid-template-columns: 1fr 4fr;}
.single-in-stock-equipment #specs .jawn_col-inner > *:nth-child(odd) {background: #f5f5f5;}
.single-in-stock-equipment #specs .jawn_col-inner {border: 1px solid #ddd;}
.single-in-stock-equipment #specs .jawn_text_block {padding: 20px;}
.single-in-stock-equipment #specs h4 {font-size: 18px;} */
.single-in-stock-equipment .listing ul li:not(:last-child) {margin-bottom: 10px;}
.single-in-stock-equipment .listing h3 {margin-bottom: 10px;color: var(--blue);}
.single-in-stock-equipment #specs .jawn_text_block:first-child {border-right: 1px solid #ddd;}
.single-in-stock-equipment #form input:not([type="submit"])::placeholder, .single-in-stock-equipment #form textarea::placeholder {color: #777;}
.single-in-stock-equipment #form input:not([type="submit"]):focus, .single-in-stock-equipment #form textarea:focus {box-shadow: 0 0 0 2px #0d0d0d;}
.single-in-stock-equipment #form input:not([type="submit"]), .single-in-stock-equipment #form textarea {font-size: 16px;line-height: 26px;font-family: inherit; background: #eee;border: none;padding: 12px;border-radius: 0; box-shadow: none; color: #0d0d0d;}
.single-in-stock-equipment #form input[type="submit"] {cursor: pointer;background-color: var(--darkgrey);color: white;border: 2px solid var(--darkgrey) !important;transition: 500ms;border-radius: 5px;padding: 12px 24px;font-size: 14px;line-height: 24px;text-transform: uppercase;font-weight: 700;}
.single-in-stock-equipment #form input[type="submit"]:hover {background-color:transparent!important;color:var(--darkgrey)!important;}
.single-in-stock-equipment #form .gform_fields {grid-row-gap: 0px;}
.single-in-stock-equipment #form form {max-width: 900px;margin: auto;}
.single-in-stock-equipment #form .gform-footer {margin-top: 0;}
.single-in-stock-equipment #form input[type="file"] {padding: 6px 12px;}
.single-in-stock-equipment #form {padding-left: 30px; padding-right: 30px;}
.single-in-stock-equipment #form label.gfield_label {visibility: hidden;position: absolute;z-index: -9999;height: 0;width: 0;}
.single-in-stock-equipment #form h2 {font-size: 45px;line-height: 55px;text-transform: none;}
.single-in-stock-equipment #form::before {content: ""; display: block; height: 150px; margin-top: -150px; visibility: hidden;}
.single-in-stock-equipment #form {position: relative;scroll-margin-top: 0;}
/* .single-in-stock-equipment #form .jawn_col:first-child a {color: #333;}
.single-in-stock-equipment #form .jawn_col:first-child a:hover {color: var(--orange);}
.single-in-stock-equipment #form .jawn_col:first-child p {margin-bottom: 5px;}
.single-in-stock-equipment #form input:not([type="submit"]):not([type="checkbox"]), .single-in-stock-equipment #form textarea, .single-in-stock-equipment #form select {width: 100%;font-size: 16px; border-radius: 0;background: #eee;border: 0;padding: 12px;font-family: inherit;color: black;}
.single-in-stock-equipment #form .gform_fields {grid-row-gap: 0;}
.single-in-stock-equipment #form .gform_footer {margin: auto;display: block;margin-top: 0px;padding-top: 0;}
.single-in-stock-equipment #form input:not([type="submit"])::placeholder, .single-in-stock-equipment #form textarea::placeholder {color: #555;}
.single-in-stock-equipment #form .gform_submission_error {font-family: inherit;}
.single-in-stock-equipment #form .validation_message {margin-bottom: 15px;}
.single-in-stock-equipment #form input[type="submit"] {border-radius: 0; color: white; border: 2px solid var(--blue); cursor: pointer;line-height: 48px;transition: .5s;background: var(--blue);font-size: 16px;line-height: 48px;padding-left: 30px;padding-right: 30px;font-weight: 700;}
.single-in-stock-equipment #form input[type="submit"]:hover {background: transparent; color: var(--blue);}
.single-in-stock-equipment #form input:not([type="submit"]):focus, .single-in-stock-equipment #form textarea:focus {box-shadow: 0 0 0 3px var(--blue);}
.single-in-stock-equipment #form h2 {margin-bottom: 15px; font-size: 40px; line-height: 50px;}
.locations .inner {display: grid;grid-template-columns: 1fr 1fr;gap: 15px 30px;}
.salesforce_w2l_lead .w2llabel{font-weight: bold;}
.single-in-stock-equipment #form input, .single-in-stock-equipment #form select, .single-in-stock-equipment #form textarea {margin-bottom: 15px;} */
/* .single-in-stock-equipment #config ul {column-count: 3;gap: 75px;margin-top: 15px;}
.single-in-stock-equipment #config ul li:not(:last-child) {margin-bottom: 7px;} */
/* .single-in-stock-equipment #form {padding-top: 125px;margin-top: -125px;} */

.single-post .wp-block-button a {display: inline-block; margin-bottom: 20px;}


.team-by-topic .filter-set h6 {display: flex;flex-wrap: wrap;text-align: center;gap: 10px;justify-content: center;font-size: 22px;line-height: 26px;margin-bottom: 30px;}
.team-by-topic .filter-set h6 span {transition: .5s;cursor: pointer;border: 1px solid;padding: 10px 12px 5px 12px;display: grid;align-items: center;}
.team-by-topic .active, .team-by-topic span:hover {color: white; background: var(--darkgrey); border-color: var(--darkgrey) !important;}
@media (max-width: 1023px) {
.team-by-topic #team-grid {grid-template-columns: 1fr 1fr;}
.team-by-topic .hover-bio p {color: #fff;font-size: 16px;line-height: 22px;}
}
@media (max-width: 767px) {
.team-by-topic #team-grid {grid-template-columns: 1fr;}
.team-by-topic .hover-bio p {color: #fff;font-size: 16px;line-height: 22px;}
}

#team-grid {display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;}
#team-grid img {width: 100%;}
#team-grid h3 {font-size: 30px; line-height: 40px;}
.team-member:hover .hover-bio-wrap, .team-member:focus .hover-bio-wrap {transform:none;}
.team-member-top {position:relative;overflow:hidden;}
.hover-bio-wrap {position:absolute;inset:0;display:flex;align-items:center;background-color:rgb(51 51 51 / 80%);padding:20px;transform:translateY(100%);transition:transform 500ms;}
.hover-bio p {color:#fff;}
.hover-bio .jawn_button {margin-top:10px;}
.team-member-bottom {margin-top:10px;}
.team-member-bottom p {color:var(--blue);}
.teammember-wrap {margin-top:100px;margin-bottom:100px;display:grid;grid-template-columns:1fr 2fr;grid-gap:30px;}
@media (min-width: 1001px) {
	#team-grid .hover-bio p {font-size: 16px; line-height: 25px;}
}

@media (max-width: 1300px) and (min-width: 1024px) {	
	#team-grid .hover-bio p {margin-bottom: 0;}
	#team-grid img {height: 425px; object-fit: cover;}
}
@media (max-width: 1100px) and (min-width: 1001px) {	
	#team-grid .hover-bio p {font-size: 16px;}
	#team-grid .hover-bio-wrap {display: block;}
	#team-grid .hover-bio .jawn_button {width: 100%;text-align: center; display: inline-block;padding: 0; font-size: 15px;}
	#team-grid img {height: 400px;}
}
@media (max-width: 767px) {
	#team-grid .team-member img {height: 450px; object-fit: cover;}
	#team-grid .hover-bio p {font-size: 16px; line-height: 25px; margin-bottom: 0 !important;}
	#team-grid .hover-bio .jawn_button {width: 100%;text-align: center; display: inline-block;padding: 0; font-size: 15px;}
}

.lds-ellipsis-wrap {padding-bottom: 50px;}
.lds-ellipsis {display:inline-block;position:relative;width:80px;height:80px;position: absolute; left: 50%; transform: translateX(-50%);}
.lds-ellipsis div {position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#000;animation-timing-function:cubic-bezier(0,1,1,0);}
.lds-ellipsis div:nth-child(1) {left:8px;animation:lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {left:8px;animation:lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {left:32px;animation:lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {left:56px;animation:lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

#footer .widget:not(:last-child) {margin-bottom:20px;}
#footer .widget_title {margin-bottom: 0;}
#footer .col-4 p {font-size: 15px; line-height: 25px;margin-bottom: 0;}
#footer .col-4 strong {font-size: 18px; line-height: 28px;}
.footer-social i {transition: .5s; font-size: 18px;line-height: 34px;background: var(--darkgrey);width: 34px;color: white;border-radius: 5px;}
.footer-social {text-align: center;max-width: 153px;}
.footer-social a:not(:last-child) {margin-right: 7px;}
.footer-social a:hover i {background: var(--blue);}

@media (max-width: 1500px) and (min-width: 1250px) {
	.container-1400 .container {max-width: 1200px;}
}

@media (max-width: 1500px) {
	#team-grid .hover-bio p {font-size: 13px;line-height: 20px;}
}

@media (max-width: 1249px) {
	#header .header-bottom .menu-item a {padding: 0 10px;font-size: 16px;}
	#header:not(.scrolled) .header-bottom .logo-holder {height: 90px;align-self: center;}
	
	#footer .footer-top p {font-size: 14px;line-height: 24px;}
	#footer .jawn_button {line-height: 35px;}
}

@media (max-width: 1100px) {
	#header .header-bottom .menu-item a {padding: 0 8px; font-size: 15px;}
	#header:not(.scrolled) .logo-holder {height: 80px;align-self: center;}
	
	#team-grid .hover-bio p {font-size: 12px;line-height: 16px;}
}

@media (max-width: 1023px) {
	#mobile-header {background: white;}
	#header .header-cta {margin-top: 12px;margin-bottom: 5px;}
	
	.title-area h2 {font-size: 80px;line-height: 90px;}
	
	.in-stock-equipment-grid h3 a {font-size: 24px;line-height: 30px;}
	
	.single-in-stock-equipment #hero .product-availability {gap: 20px;}
	.single-in-stock-equipment #hero .product-availability p {font-size: 13px; line-height: 20px;}
	
	.blog-grid {grid-template-columns: 1fr 1fr;}
	.blog-grid .post-text {padding: 15px;}
	
	#footer .col-4 strong {font-size: 15px;line-height: 25px;}
	#footer .footer-top p {font-size: 11px;line-height: 18px;}
}

@media (max-width: 767px) {
	.title-area h2 {font-size: 42px;line-height: 52px;}
	
	#title-abstract h1 {font-size: 24px; line-height: 34px;}
	
	.single-in-stock-equipment #hero h2 {font-size: 34px;line-height: 44px;}
	.single-in-stock-equipment #hero .jawn_button:not(:last-child) {margin-right: 10px;margin-bottom: 10px;}
	.single-in-stock-equipment #hero .product-availability {;grid-template-columns: repeat(2, 1fr);gap: 10px;}
	.single-in-stock-equipment #hero .product-availability p {font-size: 15px;line-height: 22px;}
	.single-in-stock-equipment .jawn-gallery {height: unset !important;display: grid;grid-template-columns: 1fr 1fr;gap: 4px;}
    .single-in-stock-equipment .jawn-gallery .gutter-sizer {display: none;}
    .single-in-stock-equipment .jawn-gallery .gallery-image {position: unset !important;width: auto !important;height: auto !important;margin-bottom: 0 !important;}
    .single-in-stock-equipment .jawn-gallery a {position: relative;width: 100%;height: 100%;display: block;}
    .single-in-stock-equipment .jawn-gallery img {display: block !important;aspect-ratio: 1 / 1;object-fit: cover;height: 100%;width: 100%;}
    .single-in-stock-equipment .jawn-gallery .gallery-hover h4 {font-size: 13px;line-height: 16px;}
    .single-in-stock-equipment .jawn-gallery .gallery-hover p {font-size: 11px;line-height: 16px;}
	.single-in-stock-equipment #form .jawn_col:first-child {margin-bottom: 30px;}
	.single-in-stock-equipment #form h2 {font-size: 30px;line-height: 40px;}
	
	.blog-grid {grid-template-columns: 1fr;}
	
	.filters .ui-group {display: grid;gap: 10px;width: 100%;}
	.in-stock-equipment-grid .post-item {width: 100%;}
	
	#team-grid .hover-bio p {font-size: 13px;line-height: 16px;}
	
	#cta .jawn_button:not(:last-child) {margin-right: 0 !important;margin-bottom: 10px;}
	
	#footer .col-4 strong {font-size: 18px;line-height: 28px;}
	#footer .footer-top p {font-size: 18px;line-height: 28px;}
	#footer .jawn_button {line-height: 45px;}
	#footer .footer-social {margin: auto;}
	#footer .col-1 {text-align: center;}
	#footer .footer-col {padding: 0;}
	
	.jawn_text_block h3, .jawn-itr h3 {font-size: 30px; line-height: 40px;}
}