/*

Theme Name: AZ Computer Guru Theme
Theme URI: http://www.azcomputerguru.com
Author: Arizona Computer Guru
Author URI: http://azcomputerguru.com;

Description: A custom theme for ACG Customers
Version: 1.0

*/

/* Reset */

html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td{
margin: 0;
padding: 0;
border: 0;
}

*{
margin: 0px;
padding: 0px;
border: 0px;
font-family: inherit;
font-size: inherit;
line-height: inherit;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

*:before,
*:after{
box-sizing: inherit;
}

a,
a:visited{
color: inherit;
}

article,
aside,
footer,
header,
nav,
section,
main{
display: block;
}

img{max-width:100%;}

/* Variable Colors */

:root{
	--color1:#fff;
	--color2:#6C875A;
	--color3:#4b5e3f;
	--color4:#;
	--color5:#;
}


/* Top-level styles */

*{transition: all 0.2s ease;}

html{
  scroll-behavior: smooth;
  font:18px/1.4em Segoe UI, sans-serif;
}
body{
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
}
h1{font-size:2rem;}
h2{font-size:1.6rem;}
h3{font-size:1.2rem;}
h1,h2,h3{
  line-height:1em;
  margin-bottom:1rem;
  font-weight:normal;
}
p{margin-bottom:1rem;}


/* Structure elements */

.wrapper{margin:0 auto 0 auto;}
.flexwrap{display:flex;}

[class*='box-']{}

.box-10{width:10%;}
.box-20, .box-5{width:20%;}
.box-25, .box-4{width:25%;}
.box-30{width:30%;}
.box-40{width:40%;}
.box-50, .box-2{width:50%;}
.box-60{width:60%;}
.box-66{width:66.666666%;}.box-70{width:70%;}
.box-75{width:75%;}
.box-80{width:80%;}
.box-90{width:90%;}
.box-1{width:100%;}
.box-3{width:33.3333333%;}
.box-6{width:16.666666%;}
.box-7{width:14.285714%;}
.box-8{width:12.5%;}
.box-9{width:11.111111%;}


/* Outer Wrapper */

.outer-wrapper{
	width:75%;
	margin:0 auto 0 auto;
}

/* Above Header */

.above-header{
	width:100%;
	background:var(--color2);
	min-height:4rem;
}

.above-header .flexwrap > div{
	flex:1;
}

.above-header .searchform{
	padding-top:1.2rem;
}

.cart-link{
	text-align:right;
}
.cart-link a{
	color:#fff;
	text-decoration:none;
	line-height:4rem;
}

/* Header */

header{
	background:url(http://clients.computerguru.me/ps/wprebuild/wp-content/uploads/2024/06/ps-mainbanner.jpg) top center no-repeat;
	background-size:cover;
	padding:1rem;
}
header .logo{
    width:100%;
    margin:1rem auto 1rem auto;
	color:var(--color1);
	font-weight:bold;
	font-size:3rem;
	line-height:1em;
	text-shadow: 2px 2px 10px #000000;
}
header .logo span{
	font-size:.8em;
}
header .flexwrap{
  flex-direction:row;
  justify-content:space-between;
}
header .flexwrap > div{
  flex:1;
}
header .flexwrap .logo-wrap{
  flex:2;
  padding:2rem;
}
header .phone-number{
    text-align:right;
    font-size:2rem;
    line-height:1.2em;
    color:var(--font2);
    padding:1rem;
}
header .logo{}
header .logo a{
  color:var(--color1);
  text-decoration:none;
  display:block;
}
header .logo a img{
  width:100%;
}
header .flexwrap .header-right{
	padding-left:2rem;
}
.header-right{
  padding-right:1rem;
  text-align:right;
  flex:1;
}
.header-right h2 a{
	color:#fff;
	text-decoration:none;
	font-size:1.6rem;
	line-height:12rem;
	font-weight:bold;
	text-shadow: 2px 2px 10px #000000;
}

/* Navigation */

nav{
    background:var(--color2);
}

nav .mobile-icon{display:none;}

nav ul li{
  width:50%;
}
nav .menu{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
}
nav .menu li{
  list-style-type:none;
  line-height:1.2rem!important;
  position:relative;
  flex: fit-content;
}
nav .menu li a{
  display:block;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  color:var(--color1);
  font-size:.8rem;
  padding:1rem 0 1rem 0;
  text-shadow: 1px 1px 1px #000000;

}
nav .menu li:hover{
	background:#9CB08F;
}
nav .menu .sub-menu{
  display:none;
  background:#fff;
  border:4px var(--color2) solid;
	border-top:0;
}
nav .menu li:hover .sub-menu{
  display:block;
  position:absolute;
  left:0;
  top:4rem;
  width:15rem;
  z-index:100;
  margin-top:-20px;
}
nav .menu .sub-menu li{
	flex:none;
	width:100%;
}
nav .menu .sub-menu li a{
  display:block;
  width:100%;
  font-size:.9em;
  text-transform:none;
  text-align:center;
  text-shadow:none;
  color:#000;
}
nav .menu .sub-menu li:hover a{
  background:!important;
  color:!important;
}
.mobile-menu-icon{
  display:none;
  width:100%;
  background:;
  padding:1rem;
  position:fixed;
  bottom:0;
}
.mobile-menu-icon .line{
  width:25px;
  height:5px;
  background-color:;
  margin:5px auto 5px auto;
}
.close{
  display:none;
  width: 32px;
  height: 32px;
  text-align:center;
  margin:2px auto 2px auto;
}
.close:hover{opacity: 1;}
.close:before, .close:after{
  position:absolute;
  text-align:center;
  content: ' ';
  height: 32px;
  width: 2px;
  background-color:;
}
.close:before{transform: rotate(45deg);}
.close:after{transform: rotate(-45deg);}


/* Feature area */

.home .feature{
  text-align:center;
}

.feature .wrapper{
  width:100%;
}
.feature .widget{
    
}
.feature h2{
    color:var(--font2);
    line-height:1em;
}
.feature .widget > h2{
    font-size:4rem;
}
.feature h2.subtitle{
    font-size:2rem;
    font-weight:bold;
}

.feature .more-link{
  display:inline-block;
  width:15%;
  margin:8rem 1rem 1rem 1rem;
  color:var(--font2);
  font-size:2rem;
  line-height:2rem;
  border:2px solid;
  border-radius:50px;
  -moz-border-radius:50px;
  -webkit-border-radius:50px;
}
.feature .more-link:hover, .feature .more-link.primary{
  background:var(--primary);
  border:2px var(--primary) solid;
}
.feature .more-link.primary:hover{
  background:var(--font2);
  color:var(--primary);
  border:2px var(--font2) solid;
}

/* Columns: Upper */

.columns-upper{
	background:;
	text-align:center;
}
.columns-upper .widget{
	padding:2rem 0 2rem 0;
}
.columns-upper .more-link{
	background:var(--color6);
	width:28%;
	padding:0.5rem;
	margin:2rem auto 2rem auto;
	border:2px solid;
}
.columns-upper .more-link:hover{
	background:;
	border:2px solid;
}

/* Global content area */

article{
  background-color:var(--articlebgcolor)!important;
  margin-bottom:1rem;
}

/* Front page template */


main > .flexwrap{
  flex-direction:row;
  justify-content:space-between;
}
main > .flexwrap > article{flex:3;}
main > .flexwrap > aside{}

> section > h2, article .title, footer h2{
  font-size:3rem;
  line-height:1.5em;
  padding-top:1.5rem;
  font-weight:normal;
  text-transform:uppercase;
  text-align:center;
}
.front-page{}
.front-page .title{
	display:none;
}
.front-page h2{
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#4d4d4d;
	text-transform:none!important;
}

.front-page article{
  margin:0 auto 0 auto;
}


.front-page .box-wrapper{
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  margin:0 0 2rem 0;
}

.front-page .boxes{
	width:100%;
}
.front-page .boxes:nth-of-type(1){background:url(http://clients.computerguru.me/ps/wprebuild/wp-content/uploads/2024/06/stress.jpg) top center no-repeat;background-size:cover;}
.front-page .boxes:nth-of-type(2){background:url(http://clients.computerguru.me/ps/wprebuild/wp-content/uploads/2024/06/pain.jpg) top center no-repeat;background-size:cover;}
.front-page .boxes:nth-of-type(3){background:url(http://clients.computerguru.me/ps/wprebuild/wp-content/uploads/2024/06/relaxation.jpg) top center no-repeat;background-size:cover;}
.front-page .boxes.testimonials{background:url(http://clients.computerguru.me/ps/wprebuild/wp-content/uploads/2024/06/footsteps.jpg) top center no-repeat;background-size:cover;color:#fff;text-align:center;padding:1rem;height:auto;}

.front-page .boxes .box{
	background:rgba(255, 255, 255, 0.75);
	padding:2rem;
  margin:1rem;
  min-height:30rem;
}

.front-page .boxes .box h2{
	font-size:2rem;
	line-height:1.2em;
	color:#000;
}

.front-page .boxes .box p{
	font-size:.9rem;
	line-height:1.8em;
	font-weight:100;
	text-align:center;
}

.front-page .boxes .more-link{
	width:35%;
	font-size:1rem;
	background:var(--color2);
	color:#fff;
	border:none;
	border-radius:50px;
	--moz-border-radius:50px;
	--webkit-border-radius:50px;
	padding:0.5rem;
	text-transform:capitalize;
	font-weight:bold;
}

.front-page .boxes.testimonials h2{
	color:#fff;
}

.front-page .boxes .testimonial{
	background:rgba(255, 255, 255, 0.75);
	padding:1rem;
	text-align:center;
	flex:1;
	height:auto;
	margin:4rem 0.5rem 0 0.5rem;
	color:#000;
	line-height:2em;
}

/* Page template */

.page .title, .page article h2{
  text-transform:capitalize;
  font-size:2.4rem;
  line-height:1.6em;
  font-family: "Dosis", sans-serif;
  font-optical-sizing: auto;
  font-weight:200;
  font-style: normal;
}
.page .title{
  color:;
  font-size:3em;
  font-weight:400;
  margin-top:1em;
}
.page h2{
  color:;
  font-size:2.5em;
}
.page h3{
	font-size:1.4rem;
	line-height:1.4em;
}
.page iframe{
  width:100%;
  height:50vh;
}

.page .articleimg{
	float:left;
	margin:0 1rem 1rem 0;
	border:5px #e2e2e2 solid;
	width:15%;
}

.page br{
	display:none;
}

/* Post template */

.single-post article{
  min-height:50vh;
}
.single-post .title{
  color:;
  font-size:3em;
  text-align:center;
  text-transform:capitalize;
  line-height:2em;
}
.post-featured-img{
  display:block;
  margin:2rem auto 2rem auto;
  max-width:50%;
}

.post-wrapper{
  padding:1rem 0 1rem 0;
}

/* Sidebars / Widgets */

.sidebar .widget{
  padding:1rem;
  min-width:20rem;
  margin:0 1rem 1rem 0;
  background:var(--sidebarwidgetbgcolor);
  color:var(--sidebarfontcolor);
}
.sidebar ul li{
  list-style-type:none;
  width:100%;
}
.sidebar ul li a{
  display:block;
  text-decoration:none;
  line-height:2rem;
}
.sidebar ul li:hover a{
  background:;
  color:;
  padding-left:0.5rem;
}

/* Below Content */

.below-content{}
.below-content .widget{
	position:relative;
}
.below-content .section-heading{
	position:absolute;
	top:0;
	font-size:2rem;
	width:100%;
	line-height:75px;
	text-align:center;
	text-transform:uppercase;
	background:rgba(0, 0, 0, 0.75);
}

/* Category */

main.category .post-wrapper .flexwrap, .search .post-wrapper .flexwrap{
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

main.category .post-wrapper .flexwrap article{
  margin:0.5rem;
  padding:1rem 1rem 5rem 1rem;
  background:var(--color2)!important;
  color:#fff;
  position:relative;
}

main.category .post-wrapper .flexwrap article:hover{
  background:#7ca063!important;
}

main.category .post-wrapper .flexwrap article h1{
  font-size:1.4rem;
  line-height:1.2em;
}

main.category .post-wrapper .flexwrap article .more-link{
  background:#fff;
  color:var(--color2);
  position:absolute;
  bottom:0;
  width:90%;
  line-height:1em;
  padding:0.5em;
}


/*Careers Category */

.category-21{}

.category-21 .post-wrapper{
    flex:2;
}
.category-21 .sidebar, .single .sidebar{
    flex:1;
    background:#efefef;
}
.category-21 .sidebar input, .category-21 .sidebar textarea, .category-21 .sidebar select{
    width:100%!important;
}
.category-21 main.category .post-wrapper .flexwrap{
    display:flex;
	flex-wrap:wrap;
}
main.category .post-wrapper .flexwrap article{
    
}
.category-21 .more-link, .single .sidebar .more-link{
    background:var(--color2);
    color:#fff;
}

main input, main textarea, main select{
    border:1px #efefef solid!important;
}

.single .sidebar{
	flex:2;
}
.single article{
	flex:3;
	padding-right:1rem;
}

/* Footer */

footer{
  width:100%;
  background:var(--color2);
  color:#fff;
}
footer .widget{
  padding:4rem 0 4rem 0;
}
footer input:hover,
footer input:active,
footer textarea:hover,
footer textarea:active,{
  opacity:1;
}
footer input[type="button"]{
  display:block;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  padding:1.4rem;
  margin:1rem auto 1rem auto;
  border:2px solid;
  cursor:pointer;
}
footer input[type="button"]:hover{
  background:;
}

/* Copyright section */


.credit{
  text-align:center;
	background:;
}
.credit p{
  font-size:.9rem;
  line-height:3em;
  margin:0px;
}

/* Global extras */


.clearfix{
  clear:both!important;
  float:none!important;
  width:0px!important;
  height:0px!important;
  margin:0px!important;
  padding:0px!important;
}

.more-link{
  display:block;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  padding:1.4rem;
  margin:1rem auto 1rem auto;
  max-width:100%;
}
.more-link:hover{
  background:;
}

.alignleft{
	float:left;
	margin:1rem 0rem 1rem 1rem;
}
.aligncenter{
	display:block;
	margin:1rem auto 1rem auto;
}
.alignright{
	float:right;
	margin:1rem 1rem 1rem 0;
}

.nf-form-wrap input, .nf-form-wrap textarea{
  width:100%;
  background:rgba(0, 0, 0, 0.75);
  margin-bottom:2rem;
  font-size:2rem;
  text-transform:uppercase;
  color:;
  padding:2rem;
  border:0px;
  border-bottom:3px solid;
  opacity:0.6;
}

.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
  background: var(--color2)!important;
  color: #fff!important;
}


/* Landing Page 2025 */

.breakout{
  background: var(--color2);
  padding: 1rem;
  border: 2px var(--color3) solid;
  margin: 2rem auto 2rem auto;
}
.breakout h2{
    color:var(--color1);
    text-align:center;
}
.breakout li{
list-style-position:inside;
color:#fff;
}

.reviews{
    background:#fff;
    padding:1rem;
}

.page-template-page-landingpage .feature{
    background:url(https://www.bestmassageintucson.com/wp-content/uploads/2025/11/peaceful-spirit-tucson-massage.png) top center no-repeat;
    background-size:cover;
}
.page-template-page-landingpage .feature .widget{
    color:#fff;
    text-align:center;
    text-shadow:1px 1px 5px #000000;
}
.page-template-page-landingpage .feature .widget .flexwrap{

}
.page-template-page-landingpage .feature .widget .flexwrap > div{
    flex:1;
    padding:4rem 2rem 4rem 2rem;
}
.page-template-page-landingpage .feature .widget .flexwrap > div:nth-of-type(1){

}
.page-template-page-landingpage .feature .widget .flexwrap > div:nth-of-type(2){
    background:rgba(0,0,0,0.25);
    font-style:italic;
    font-size:1rem;
    line-height:1.5em;
}
.page-template-page-landingpage .feature h2{
    text-transform:uppercase;
    font-size:3.5rem;
    text-shadow:1px 1px 10px #000000;
}
.page-template-page-landingpage .feature h2 div{
    display:block;
    font-size:7rem;
    line-height:1.5em;
}
.page-template-page-landingpage .title{
    display:block;
	font-size:3.5rem;
    text-align:center;
    margin-top:0.5em;
}
.landingpage-servicebox h2{
	color:#fff;
}
.ready-banner{
    width:100%;
    background:var(--color2);
    color:#fff;
}
.ready-banner a{
    display:block;
    text-align:center;
    text-decoration:none;
    font-size:2rem;
    line-height:3em;
    text-shadow:0px 0px 0px;
    border:2px var(--color2) dashed;
}
.ready-banner:hover{
    background:var(--color3);
}
.landingpage-servicebox{
	flex:1;
    padding:1rem;
    background:var(--color2);
    color:#fff;
    margin:0.5rem;
}
.landingpage-servicesbox img{
	width:100%!important;
}
.landingpage-servicebox .more-link{
	font-size:1rem;
    background:#fff;
    color:var(--color2);
}
.landingpage-servicebox .more-link:hover{
    background:var(--color3);
    color:#fff;
}

/* Staff Page */

.staff-flex{
	display:flex;
	flex-wrap:wrap;
}
.staff-flex > div{
	flex-basis: 33.33%;
  	padding: 10px;
    padding-bottom: 10px;
}
.staff-flex .staff-member{
	clear: both;
  	display: block;
	max-height:25rem;
	overflow:scroll;
  	padding-bottom: 10px;
  	border-bottom: 1px #efefef solid;
  	margin-bottom: 10px;
	font-weight:normal!important;
	font-size:1rem!important;
}
.staff-flex .staff-member h2{
	width: 100% !important;
	font-size: 2em !important;
	text-transform: uppercase !important;
	color: #fff !important;
	background: #6b8858 !important;
	font-weight: 400 !important;
	text-align: center !important;
	padding: 10px !important;
}

.staff-flex .staff-member img{
	float:left;
	margin:0 1rem 1rem 0;
	width:30%;
}



/* Massage Page */

.third-box-container {
	margin: 50px -3px;
	display: flex;
	align-items: stretch;
	justify-content: center;
}

.third-box {
	margin: 0 3px;
	font-size: 28px;
	color: white;
	width: 100%;
	height: 310px;
	padding: 0.75em;
	position: relative;
  }


.lp-button {
  border-radius: 1000px;
  background-color: #6b8858;
  color: white;
  font-size: 24px;
  padding: 0.25em 1em;
  display: block;
  margin: 1em auto 0.5em;
  width: fit-content;
  text-decoration:none;
}
.lp-button:hover {
  background-color: #6b885866;
  color: white;
}

.third-box-container {
  margin: 50px -3px;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.third-box {
  margin: 0 3px;
  font-size: 28px;
  color: white;
  width: 100%;
  height: 310px;
  padding: 0.75em;
  position: relative;
}
.third-box:hover {
  color: white;
}
.third-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(107,136,88);
  background: linear-gradient(180deg, rgba(107,136,88,1) 0%, rgba(107,136,88,0.23573179271708689) 70%);
}
.third-box:hover::before {
  background: rgb(107,136,88);
  background: linear-gradient(180deg, rgba(107,136,88,1) 0%, rgba(107,136,88,0.23573179271708689) 70%);
}
.third-box > * {
  position: relative
}

.text-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, .5);
}
.text-lightbox:not(.active) {
  display: none;
}
.text-lightbox__header-close-button {
  position: absolute;
  top: 0.7em;
  right: 0.7em;
  color: #565656;
  font-size: 38px;
  border: 0;
  background: none;
  cursor: pointer;
}
.text-lightbox__header-close-button:hover,
.text-lightbox__header-close-button:focus {
}

.text-lightbox__content {
  width: 1260px;
  max-width: calc(100% - 100px);
  height: auto;
  max-height: calc(100% - 100px);
  overflow-y: auto;
  background-color: white;
  box-sizing: border-box;
  padding: 50px;
  position: relative;
  overscroll-behavior: contain;
}

.text-lightbox__content h1 {
  color: #6b8858;
}
.text-lightbox__content h2 {
  text-transform: none !important;
}
.text-lightbox__content .green-bold {
  font-weight: 700;
  color: #6b8858;
}
.text-lightbox__content .optionbox.two > div {
  min-height: 0;
}

.text-lightbox__content > :first-child {
  margin-top: 0;
}

.text-lightbox__content .text-lightbox__header-close-button + *:nth-child(2) {
  margin-top: 0;
}


.lp-pricing-table {
  width: 100%;
  margin-top: 3em;
}
.lp-pricing-table th {
  color: #6b8858;
  font-size: 28px;
  font-weight: 400;
  text-align: center;
  padding-bottom: 0.5em;
}
.lp-pricing-table td:first-child {
  width: 500px;
  max-width: 100%;
}
.lp-pricing-table td:not(:first-child) {
  text-align: center;
  font-size: 28px;
}
.lp-pricing-table tr:first-child td:nth-child(2n),
.lp-pricing-table tr:nth-child(2) td:nth-child(2n + 3) {
  background-color: #D3DBCE;
}

/* Acupuncture Page */

.lp-staff-gallery {
	display: flex;
	justify-content: start;
}
.lp-staff-gallery__staff {
	width: 200px;
	max-width: 100%;
	margin-right: 10px;
}
.lp-staff-gallery__staff img {
	width: 100%;
	height: 342px;
	object-fit: cover;
	object-position: center;
}
.lp-staff-gallery__staff p {
	font-weight: 700;
	margin-top: 20px;
	text-align: center;
}
.lp-button {
	border-radius: 1000px;
	background-color: #6b8858;
	color: white;
	font-size: 24px;
	padding: 0.5em 1.5em;
	display: block;
	margin: 40px auto 0;
	width: fit-content;
}
.lp-button:hover {
	background-color: #6b885866;
	color: white;
}
.category table.colors_backgroundlight + table td{
border:1px #000 solid;
margin:0.5rem;
padding:0.5rem;
text-align:center;
height:10rem;
line-height:2rem;
}
.category a.subcategory_link::before{
display:none!important;
}

/* Chiropractor Page */

.page-id-101 .flexwrap.box-wrapper .boxes{
	flex:1;
}
.page-id-101 .flexwrap.box-wrapper .boxes .box{
	background: rgba(255, 255, 255, 0.75);
  	padding: 2rem;
  	margin: 1rem;
  	min-height: 30rem;
}
.page-id-101 .flexwrap.box-wrapper .boxes .box p{
	font-size: 1rem;
  	line-height: 3em;
  	font-weight: 100;
  	text-align: center;
}

.page-id-101 .boxes:nth-of-type(1){
	background:url(https://www.bestmassageintucson.com/wp-content/uploads/2025/07/tucson-chiropractor-office.jpg) top center no-repeat;
	background-size: cover;
}
.page-id-101 .boxes:nth-of-type(2){
	background:url(https://www.bestmassageintucson.com/wp-content/uploads/2025/07/peaceful-spirit-tucson-chiropractor.jpg) top center no-repeat;
	background-size: cover;
}
.page-id-101 .boxes:nth-of-type(3){
	background:url(https://www.bestmassageintucson.com/wp-content/uploads/2025/07/tucson-chiropractor-peaceful-spirit.jpg) top center no-repeat;
	background-size: cover;
}

.page-id-101 .breakout{
	padding:1rem;
	border:#000;
	background:var(--color2);
	color:var(--color1);
}

.page-id-101 .breakout img{
	border:4px #fff solid;
}

/* WooCommerce Stuff */

.gift-cards-fields input, .gift-cards-fields textarea, .gift-cards-fields select{
	display:block;
	background:#eeeeee;
	padding:0.5rem;
	width:100%;
}

.woocommerce .title{
	padding-top:2rem;
}




/* =========================================
   WooCommerce Block Checkout – Field Styling
   ========================================= */

/* Localized box sizing */
.wp-block-woocommerce-checkout *,
.wp-block-woocommerce-checkout *::before,
.wp-block-woocommerce-checkout *::after {
    box-sizing: border-box;
}

/* Form rows */
.wp-block-woocommerce-checkout .wc-block-components-text-input,
.wp-block-woocommerce-checkout .wc-block-components-select,
.wp-block-woocommerce-checkout .wc-block-components-textarea {
    margin-bottom: 1rem;
}

/* Labels */
.wp-block-woocommerce-checkout label {
    display: block;
    margin-bottom: 0.35rem;
    line-height: 1.2;
    font-weight: 500;
}

.wc-block-components-form.wc-block-checkout__form{
    display:flex;
    flex-wrap:wrap;
}
.wc-block-components-form.wc-block-checkout__form fieldset{
    width:50%;
    padding:1rem;
    border:1px #000 solid;
    margin:1rem 0 1rem 0;
}
.wc-block-components-form.wc-block-checkout__form fieldset:nth-of-type(1){
    width:100%;
}
.wc-block-components-form.wc-block-checkout__form > div{
    
}

/* Inputs */
.wp-block-woocommerce-checkout input[type="text"],
.wp-block-woocommerce-checkout input[type="email"],
.wp-block-woocommerce-checkout input[type="tel"],
.wp-block-woocommerce-checkout input[type="password"],
.wp-block-woocommerce-checkout select,
.wp-block-woocommerce-checkout textarea {
    width: 100%;
    margin: 1rem auto 0.5rem auto;
    padding: 0.55em 0.65em;
    line-height: 1.4;
    background:#efefef;
}

/* Textareas */
.wp-block-woocommerce-checkout textarea {
    resize: vertical;
    min-height: 90px;
}

/* Prevent baseline misalignment */
.wp-block-woocommerce-checkout input,
.wp-block-woocommerce-checkout select,
.wp-block-woocommerce-checkout textarea {
    vertical-align: middle;
}

/* Validation states */
.wp-block-woocommerce-checkout .is-invalid input,
.wp-block-woocommerce-checkout .is-invalid select,
.wp-block-woocommerce-checkout .is-invalid textarea {
    border-color: #c0392b;
}

.wp-block-woocommerce-checkout .is-valid input,
.wp-block-woocommerce-checkout .is-valid select,
.wp-block-woocommerce-checkout .is-valid textarea {
    border-color: #27ae60;
}

/* Checkbox / radio alignment */
.wp-block-woocommerce-checkout input[type="checkbox"],
.wp-block-woocommerce-checkout input[type="radio"] {
    margin-right: 0.35em;
    vertical-align: middle;
}

.wp-block-woocommerce-checkout .wc-block-components-checkbox__label,
.wp-block-woocommerce-checkout .wc-block-components-radio-control__label {
    display: inline-block;
    line-height: 1.4;
    vertical-align: middle;
}

/* Inline fields (name, address split) */
.wp-block-woocommerce-checkout .wc-block-components-address-form {
    gap: 1rem;
}

/* Error messages under fields */
.wp-block-woocommerce-checkout .wc-block-components-validation-error {
    margin-top: 0.4rem;
    line-height: 1.3;
}

.wc-block-components-checkbox__mark {
  width: 1rem;
  height: 1rem;
}

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator.wp-block-woocommerce-checkout-terms-block{
    padding:1rem;
    margin:1rem auto 1rem auto;
}

.wc-block-checkout__actions_row{}
.wc-block-checkout__actions_row button{
    display:block;
    width:20rem;
    font-size:1.5rem;
    padding:1rem;
}

.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block {
  display: block;
  width: 100%;
  border: 1px #000 solid;
  padding: 1rem;
  margin:1rem 0 1rem 0;
}

.wp-block-woocommerce-checkout-order-summary-block{
  display: block;
  width: 100%;
  border: 1px #000 solid;
  padding: 1rem;
}

.wc-block-components-checkout-order-summary__content > div{
    padding:1rem;
    border:1px #000 solid;
    margin:1rem;
}

@media (max-width:1200px){
.lp-staff-gallery {
flex-wrap:wrap;
}
.lp-staff-gallery__staff{
flex:50%;
width:auto;
margin:0px;
padding:5px;
}
}

@media (max-width:1200px){

.third-box-container{
flex-wrap:wrap;
}
.third-box{
margin-bottom:1rem;
}
.lp-pricing-table h1, .lp-pricing-table th, .lp-pricing-table td:not(:first-child){
font-size:1rem!important;
}


}


/* Google Fonts */

  

/* Media Queries / Responsive */


@media (min-width:2500px){.wrapper{;}}
@media (max-width:1920px){
	html{font-size:16px;}
	header .header-right h2 a{
		font-size:1.4rem;
	}
.page-template-page-landingpage .feature h2{
    font-size:2.5rem;
}
.page-template-page-landingpage .feature h2 div{
    font-size:5rem;
}
}
@media (max-width:1600px){
  html{font-size:15px;}
}
@media (max-width:1400px){html{font-size:14px;}}
@media (max-width:1250px){
  html{font-size:12px;}
}

@media (orientation:portrait) and (max-width:1200px){

  html{font-size:16px;}
  body{overflow-x:hidden;padding-bottom:4rem;}
  .wrapper{width:100%;z-index:1;}
  .outer-wrapper{width:100%;}
	.above-header .flexwrap > div{text-align:center!important;}
  header, main, footer{padding:0.5rem 1rem 0.5rem 1rem;}
  header{padding-top:1rem;}
  .flexwrap{display:block;}
.feature .wrapper{
  width:100%;
}
.feature .widget:first-child h2{
  font-size:1.8rem;
}
.feature .widget:first-child p{
  width:80%;
}
	.feature .more-link{
		width:80%;
	}
.feature .widget:first-child h2:first-of-type{
  margin-top:10vh;
}
  .feature h2{
    font-size:1.4rem;
    line-height:1em;
  }
  .feature h2:first-of-type{
    margin-top:4vh;
  }
.feature .widget:last-child p{
	font-size:1rem;
	line-height:1.4rem;
	margin:0!important;
	padding:0.5rem;
}

nav{
	min-height:4rem;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	border-top:3px var(--color3) solid;
  z-index:100;
}
nav .mobile-icon{
	display:block;
	text-align:center;
	width:100%;
	height:auto;
	color:#fff;
	line-height:4rem;
	font-weight:bold;
	font-size:2rem;
}
nav > div > ul{
	display:none!important;
	padding-bottom:4rem;
}
nav:active > div > ul, nav:hover > div > ul{
	display:block!important;
}
nav > div > ul > li{
	width:100%;
}
nav > div > ul > li > a{
	text-align:left!important;
	padding:0 0 0 2rem!important;
	line-height:3rem;
}
nav > div > ul > li:hover > a{
	border-left:5px var(--color3) solid;
}
  main{padding:0;}
  .front-page article{
    width:100%;
  }
  section > h2, article .title, footer h2{
    font-size:1.6rem;
  }
  footer{
    padding-top:2vh;
  }
  .category .post-wrapper .flexwrap{
    display:block!important;
  }
  .category article{
    width:95%;
    max-width:100%;
    margin:1rem auto 1rem auto;
  }
.below-content .section-heading{
	font-size:1rem;
	line-height:1.4rem;
}

.front-page .boxes{
	padding:1rem!important;
	height:auto!important;
}

.front-page .box-wrapper{
  display:block!important;
}

  footer{
    position:static!important;
    z-index:1;
  }
  footer h2{
    font-size:2rem!important;
  }
  footer input, footer textarea{
    margin-bottom:1rem;
    font-size:1.2rem;
    text-transform:uppercase;
    color:;
    padding:0.5rem;
    border:0px;
    border-bottom:3px #000000 solid;
    opacity:0.6;
  }
  footer textarea{max-height:8vh;}

  header .logo{
	text-align:center;
  }

  header .flexwrap .logo-wrap{
	padding:0;
  }

  header .flexwrap > div:nth-of-type(2){
	display:none;
  }

  header .flexwrap .header-right{
	padding:0!important;
	text-align:center;
  }

  .header-right h2 a{
	line-height:4rem;
  }

  main article{
	padding:0 2rem 0 2rem;
  }

  .sidebar{padding-left:0px;}
  [class*='box-']{width:100%;}
  .credit p{line-height:1.4em;}
  .page-template-page-landingpage .feature .widget .flexwrap > div{
      padding:0;
  }
  .page-template-page-landingpage .feature h2,
  .page-template-page-landingpage .feature h2 span{
      font-size:3rem!important;
      padding:4rem 1rem 4rem 1rem!important;
      margin:0!important;
  }
  .page-template-page-landingpage .feature .widget .flexwrap > div:nth-of-type(2){
      padding:1rem!important;
  }
  .page-template-page-landingpage .feature .widget p{
      width:100%;
  }
  .ready-banner a{
      font-size:1.4rem;
  }
  .page-template-page-landingpage .title,
  .page .title, .page article h2{
      font-size:2rem;
  }
  .page-template-page-landingpage .breakout{
      display:none;
  }
	.staff-flex{
		flex-direction:column;
	}
}
