/*

Theme Name: Healing River Acupuncture Centre
Theme URI: https://healingriveracupuncture.ca/
Author: Healing River Acupuncture Centre
Author URI: https://healingriveracupuncture.ca/
Description: Registered Acupuncture Clinic in Richmond BC
Version: 1.0.0
Template: pro

*/

/*
rgb(145, 168, 208) - PANTONE SERENITY BLUE
rgb(125, 148, 188) - BLUE HOVER
rgb(85, 85, 85) - GREY
*/


/*Blog*/
.post-template-default.single-post, .blog{background:#eee!important}
.post-template-default.single-post .x-main.left{width:100%}

/*Blog Archive*/
.blog .x-main{column-count:3;}
.blog article{margin-top:20px; break-inside: avoid;}
.blog .entry-wrap{padding:20px;}
.blog .entry-title{font-size:25px!important}
.blog .more-link{font-size:18px!important}
.blog .x-pagination{column-span:all; margin:50px auto}
@media(max-width:1000px){.blog .x-main{column-count:2;}}
@media(max-width:650px){.blog .x-main{column-count:1;}}

/*Typography*/
p, table th, table td{font-weight:300; color:#555;}
table th{font-weight:700}


/*HR Image*/
.hr-img{width:100%; max-width:50%;}
@media (max-width:800px){.hr-img{max-width:100%; display:block; float:none; margin-left:0;}}

/*cta*/
.cta .x-btn:hover{border:3px solid #fff; box-shadow:0 2px 8px rgba(0,0,0,0.3), 0 1px 6px rgba(0,0,0,0.2) inset; background:transparent;}
.cta .x-btn{color:rgb(125, 148, 188); background:#fff; border:3px solid #fff; box-shadow:0 2px 8px rgba(0,0,0,0.3); text-shadow:none;}
.cta .x-bg-layer-upper-color {background: -moz-linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);
background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}

.about-profile img{
  max-width:147px; width:50%;
  border-radius:5px;
}
@media(max-width:400px){
  .about-profile{display:block;}
}

.content a{font-weight:bold;}


/*no photoswipe captions on front*/
  .photoswipe-gallery-caption{display:none;}
  
/*wordpress gallery style*/
.gallery .gallery-item {
    float:none!important;
    padding:0!important;
    overflow:hidden;
  }
.gallery-caption{display:none!important;}
.gallery-item{margin:1% 1% -0.6% 0!important;
  display:inline-block; 
  border:2px solid transparent!important; 
  transition:all 0.3s ease; 
  overflow:hidden; 
  width:auto!important;border-radius:0;}
.gallery-item:hover{
  border:2px solid rgb(124,175,20)!important; 
  transform: scale(1.05);
}
.gallery {margin: 0 auto; 
  text-align:center; 
  position:relative;
}



/*Simple PhotoSwipe*/
  .pswp__bg{background:rgba(0,0,0,0.9)!important;}
  .pswp__caption{background:#03a315!important;}
  .pswp__caption__center{
    font-weight:bold!important; 
    font-size:16px!important; 
    text-shadow:0 1px 2px #000; 
    color:#fff!important;}
  .gallery > br{display: none;}
  .pswp{z-index:9999;}



  .gallery img{
    width: 100%;
    max-width:150px!important;
    height: auto;
    opacity:1; transform: scale(1); 
    transition: opacity 0.3s, transform 0.3s; 
    border-radius:0;
  }
  .x-portfolio .entry-content{padding:0!important;}
  .gallery {
    padding:0;
    float:none!important;
     clear:none!important;
     display:block;
    margin:0 auto!important;
    left:0.5%;
    width:100%!important;
  	max-width: 1000px !important;
    text-align:center!important;
    position:relative!important;
  }

/*Table Style*/
table th, table td {border-top:none!important; border-bottom: 1px solid rgba(0,0,0,0.1);}

/*Modal Toggle*/
.x-anchor-toggle{display:block;}


/*contact form*/
/*remove duplicate error messages*/
.screen-reader-response {display: none;}
/*contact form error message*/
.wpcf7-not-valid-tip {font-size: 15px; top: -10px;}

.quote-form{font-size:18px; font-weight:300; max-width:350px; margin:0 auto;}
a, input, a:focus, input:focus, a:active, input:active{outline:none!important}
select, input, textarea{font-size:18px!important;font-weight:300;color:#000; border-color:rgb(145, 168, 208)!important}
select:active, input:active, textarea:active,
select:focus, input:focus, textarea:focus{border-color:rgb(125, 148, 188)!important}
input[type="submit"]:active, input[type="submit"]:focus{background:rgb(125, 148, 188)!important}
textarea {height:7em;}
select {padding:0 0.65em!important;}
.wpcf7-not-valid-tip{font-size:10px;color:#b00;position:relative; top:-18px;right:15px;float:right;}
textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {color: #000!important;}
textarea:-moz-placeholder, input:-moz-placeholder {color: #000!important;}
textarea::-moz-placeholder, input::-moz-placeholder {color: #000!important;}
textarea:-ms-input-placeholder, input:-ms-input-placeholder {color: #000!important;}

input[type="submit"], .x-btn{
    font-weight:bold!important; text-transform:uppercase;padding:15px 20px!important;line-height:auto;width:100%;
}

/*background colors*/
body{background:#222!important}
.x-section:nth-child(even){background:#fafafa!important}
.x-section:nth-child(odd){background:#f3f3f3!important}

/*desktop menu*/
.x-bar{width:100%!important;}

/*header top*/
.header-top a{color:rgba(255,255,255,0.8); transition:color 0.3s; margin-left:15px;}
.header-top a:hover{color:rgba(255,255,255,1)}
.header-top i{margin-bottom:7px;margin-right:12px; color:#fff!important;}
.top-map{margin-right:11px;}
.top-map span:after{content:"3571 Chatham St #105"}
.top-phone span:after{content:"604-277-5550"}
.top-book span:after{content:"Book Appointment"}
.top-book {border:2px solid rgba(255,255,255,0.8); padding: 5px; border-radius:5px; transition:all 0.3s!important;}
.top-book:hover{background:rgba(255,255,255,1); color:rgb(145,168,208)!important; border-color:rgba(255,255,255,1); transition:all 0.3s!important;}
@media(max-width:600px){.top-map span:after{content:"Map"}}
@media(max-width:450px){.top-phone span:after{content:"Call"}}
@media(max-width:350px){.top-book span:after{content:"Book Now"}}


/*mobile menu*/
.x-off-canvas-content{padding:60px 0 0!important}
.x-off-canvas-content .x-currently-active, .x-off-canvas-content a:hover{background:rgb(125, 148, 188)!important}

footer .menu-phone, footer .menu-map, footer .menu-email, footer .menu-book, footer .menu-facebook{display:none!important;}
/*(604) 277-5550
#105-3571 Chatham Rd
*/

/*mobile and desktop only*/
@media(max-width:767px){.mobile-only{display:block!important} .desktop-only{display:none!important;}}
@media(min-width:768px){.mobile-only{display:none!important;} .desktop-only{display:block!important;}}

/*footer*/

footer a{color:rgba(255,255,255,0.8); display:inline-block; transition:color 0.3s;}
footer a:hover{color:#fff;}
.footer-nap i{margin-right:5px;margin-bottom:5px;margin-left:0px;}
.footer-nap a{text-indent:-10px; margin-left:22px;}
@media(max-width:850px){
  footer .x-bar-container{display:block; width:100%;
  text-align:center; margin:0 auto!important;}
  footer .x-bar-content{display:block!important;}
}

/*scroll to top anchor*/
.x-scroll-top{color:rgb(0, 0, 0)!important; border-color: rgb(0, 0, 0)!important; z-index:9999;}
.x-scroll-top:hover{opacity:1; cursor:pointer;}


/*hr reviews*/
	.hr-review-container{text-align:center;}
	.hr-review-container > .stars{transform:scale(1.5)}

	.stars{font-size: 0; display: block;}
	.stars-0{
		background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iODMuNjY3cHgiIGhlaWdodD0iNzkuNjY3cHgiIHZpZXdCb3g9Ii0zNC44MzMgLTE1Mi44MzMgODMuNjY3IDc5LjY2NyINCgkgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzQuODMzIC0xNTIuODMzIDgzLjY2NyA3OS42NjciIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0RERERERCIgZD0iTTIuNzQtMTQ4LjM1OGwtOS42OTMsMTkuNjUzbC0yMS42ODcsMy4xNjJjLTMuODg5LDAuNTY0LTUuNDQ4LDUuMzU4LTIuNjI3LDguMTA0bDE1LjY5LDE1LjI4OQ0KCWwtMy43MTEsMjEuNTk5Yy0wLjY2OCwzLjkwMywzLjQ0Myw2LjgyNyw2Ljg4Nyw1LjAwM0w3LTg1Ljc0N2wxOS40LDEwLjE5OGMzLjQ0MywxLjgxMSw3LjU1Ni0xLjEsNi44ODgtNS4wMDNsLTMuNzExLTIxLjU5OQ0KCWwxNS42OS0xNS4yODljMi44MTktMi43NDYsMS4yNjItNy41NDEtMi42MjktOC4xMDRsLTIxLjY4Ny0zLjE2MmwtOS42OTItMTkuNjUzQzkuNTIzLTE1MS44NjEsNC40OTEtMTUxLjkwNSwyLjc0LTE0OC4zNTh6Ii8+DQo8L3N2Zz4NCg==');
	background-size: 18px;
	background-repeat:repeat-x;
	height: 18px;
	  width:90px;
		color: #ddd;
		position:relative;
		display:inline-block;
	}
	.stars-1{
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iODMuNjY3cHgiIGhlaWdodD0iNzkuNjY3cHgiIHZpZXdCb3g9Ii0zNC44MzMgLTE1Mi44MzMgODMuNjY3IDc5LjY2NyINCgkgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzQuODMzIC0xNTIuODMzIDgzLjY2NyA3OS42NjciIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0U2QzY1OCIgZD0iTTIuNzQtMTQ4LjM1OGwtOS42OTMsMTkuNjUzbC0yMS42ODcsMy4xNjJjLTMuODg5LDAuNTY0LTUuNDQ4LDUuMzU4LTIuNjI3LDguMTA0bDE1LjY5LDE1LjI4OQ0KCWwtMy43MTEsMjEuNTk5Yy0wLjY2OCwzLjkwMywzLjQ0Myw2LjgyNyw2Ljg4Nyw1LjAwM0w3LTg1Ljc0N2wxOS40LDEwLjE5OGMzLjQ0MywxLjgxMSw3LjU1Ni0xLjEsNi44ODgtNS4wMDNsLTMuNzExLTIxLjU5OQ0KCWwxNS42OS0xNS4yODljMi44MTktMi43NDYsMS4yNjItNy41NDEtMi42MjktOC4xMDRsLTIxLjY4Ny0zLjE2MmwtOS42OTItMTkuNjUzQzkuNTIzLTE1MS44NjEsNC40OTEtMTUxLjkwNSwyLjc0LTE0OC4zNTh6Ii8+DQo8L3N2Zz4NCg==);
	background-size: 18px;
	height: 18px;
		background-repeat:repeat-x;
	position: absolute;
	left:0;
	overflow: hidden;}

	.hr-reviews{
	  margin-top:30px;
		text-align:center;
		color:#777;
		column-count:2;
		column-gap:0;
		line-height:150%;
		font-size:16px
	}
	@media(max-width:800px){.hr-reviews{column-count:1}}

	.hr-reviews>div{
		break-inside:avoid;
		background:rgba(0,0,0,0.02);
	  border:8px solid #fff;
		padding:20px;
		border:1px solid #eee;
	  border-radius:10px;
		display:inline-block;
	  font-weight:300;
	  margin:8px;
	}
	.hr-reviews h5{font-size:24px; margin-top:0; line-height:120%;}
	.hr-reviews .review-author{font-weight:bold;}