/* 
Theme Name: Chinese Medicine Clinic
Description: A child theme of the Regina Lite theme.
Author: Mutually Web Design
Author URI: https://www.mutually.ie
Template: regina-lite 
Version: 1.0.0 
Text Domain: chinese-medicine-clinic
*/

/***** General *****/

body {
	max-width: 1920px;
	margin: auto;
}
#page-header .title {
    display: inline-block;
    background: rgba(255, 0, 0, 0.58);
    padding: 3px 15px 5px;
    border-radius: 5px;
	line-height: 1.2;
}
.wp-block-separator {
    margin: 40px 0 55px;
    width: 100%;
    height: 1px;
    background: #ccc;
}
h1 { line-height: 1.2; }
:focus { outline: none; }
h2, h3 { line-height: 1.2; }
#blog h3, .single h3 { font-size: 26px; }
#blog h4, .single h4, #blog h5, .single h5, #blog h6, .single h6 { font-size: 22px; }
h2, h3, h4, h5, h6 { font-weight: 700; }
h4, h5, h6 { line-height: 1.3; }
h2, #blog .post .title { font-weight: 700; }
.page-template-default .col-md-8 { width: 100%; }

/* Theme colours */
.icon-list li, .icon-list.grey li:before, a, p a, .button.outline,
.google-map .content .company, #sub-header .social-link-list li a:hover,
#sub-header .social-link-list li a:focus,
#navigation ul .current-menu-item a, #navigation ul li a:hover,
#navigation ul li a:focus, #breadcrumb ul li a:hover, #breadcrumb ul li a:focus,
#footer .widget a:hover, #footer .widget a:focus, #footer a a:hover,
#footer a a:focus, #footer .link-list a:hover, #footer .link-list a:focus,
#footer .social-link-list li a:hover, #footer .social-link-list li a:focus,
#sub-footer .link-list li a:hover, #sub-footer .link-list li a:focus,
#services-block .service .icon, #blog .post .title a:hover, #blog .post .title a:focus,
#blog .post #post-navigation a:hover, #blog .post #post-navigation a:focus,
#blog .post #share-post .social li.email a, #blog .post #post-author .content .social li a:hover,
#blog .post #post-author .content .social li a:focus, #blog #related-posts .post a .inner .date,
#sidebar .recent-posts li a:hover, #sidebar .recent-posts li a:focus,
#sidebar .categories li a:hover, #sidebar .categories li a:focus,
#sidebar .comments li a:hover, #sidebar .comments li a:focus, #sidebar .recent-posts li:before,
#sidebar .categories li:before, #sidebar .comments li:before,
#sidebar .comments li a, #comments-list ul.comments li.comment .content .meta,
.contact-social li a:hover, .contact-social li a:focus,
.medic .medic-meta .inner .social li a:hover, .medic .medic-meta .inner .social li a:focus,
.medic .medic-description .position, #sidebar .other-services li a:hover,
#sidebar .other-services li a:focus, #sub-header a:hover, #sub-header a:focus,
#sidebar .widget.widget_regina_lite_recent_posts li:before,
#sidebar .widget.widget_regina_lite_categories li:before,
#sidebar .widget.widget_regina_lite_recent_comments li:before,
#sidebar .widget ul li a:hover, #sidebar .widget ul li a:focus,
#header #logo:hover a span.logo-title, #header #logo:focus-within a span.logo-title {
	color: rgba(255, 0, 0, 0.67);
}

.back-to-top { color: #c74f4f; }

#blog #related-posts .post a:hover .date { color: #fff; }

.button.white, .button.white.outline:hover, .button.white.outline:focus {
	color: rgba(255, 0, 0, 0.67) !important;
}

::-moz-selection { background: rgba(255, 0, 0, 0.67); }

::selection, .button, .button.outline:hover, .button.outline:focus,
.button.dark:hover, .button.dark:focus, hr, .google-map .marker .icon,
#navigation .nav-search-box .search-btn, #modal-overlay #appointment-modal,
#call-out, #services-block .service:hover .icon, #team-block .team-member .hover,
#home-testimonials, #blog .post .post-tags li a:hover, #blog .post .post-tags li a:focus,
#blog #related-posts .post a:hover .inner, #blog #related-posts .post a:focus .inner,
#sidebar .search.widget .search-btn, #sidebar .tags li a:hover, #sidebar .tags li a:focus,
.ui-datepicker-header, #related-team .team-member .hover, #sidebar .related-doctors .doctor a:hover,
#sidebar .related-doctors .doctor a:focus, .accordion ul li a,
#sidebar .widget.widget_search .search-btn, #sidebar .widget.widget_tag_cloud a:hover,
#sidebar .widget.widget_tag_cloud a:focus, #footer .widget #wp-calendar caption,
#sidebar .widget #wp-calendar caption, #respond #button {
	background: rgba(255, 0, 0, 0.67);
}

.mt-blogpost-wrapper.owl-theme .owl-controls .owl-buttons div,
.nav-menu-search button.icon { background-color: rgba(255, 0, 0, 0.67); }

.button.outline, #services-block .service .icon { border: 2px solid rgba(255, 0, 0, 0.67); }

#respond .comment-form input[type="text"]:focus,
#respond .comment-form input[type="email"]:focus,
#respond .comment-form input[type="url"]:focus,
#respond .comment-form textarea:focus { border: 1px solid rgba(255, 0, 0, 0.67); }

input[type="text"]:focus, textarea:focus,
.nav-menu-search input#search { border-color: rgba(255, 0, 0, 0.67); }

#navigation ul li a:hover, #navigation ul li a:focus,
#navigation ul .current-menu-item a { border-bottom: 2px solid rgba(255, 0, 0, 0.67); }

/* Accordion */
.c-accordion__title {
	padding-right: 0;
	padding-left: 2.5rem;
	line-height: 1.2;
	margin-bottom: 16px;
	font-size: 24px;
}
.c-accordion__title:after {
	right: unset;
	left: 0;
}
.c-accordion__content {
	padding-left: 2.5rem;
	margin-bottom: 24px;
}
.wp-block-image .alignleft { margin-bottom: 1em; }
.owl-theme .owl-controls .owl-buttons div { text-transform: capitalize; }
.c-accordion__title { font-size: 18px; }

/***** End General *****/

/***** Front page *****/

/* Call out */
#call-out i {
	font-size: 22px;
	font-style: italic;
}

/* Our Services */
#services-block .service { margin-top: 90px; }
#services-block .service .icon {
	margin-top: -76px;
	width: 170px;
	height: 170px;
	background-size: cover !important;
	position: relative;
	overflow: hidden;
	border: none;
}
#services-block .service .icon:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
#services-block .service:hover .icon:after {
	background: rgba(255, 0, 0, 0.3);
}
#services-block .service .icon-acup {
	background: url("images/acupuncture-small.jpg") no-repeat !important;
}
#services-block .service .icon-herb {
	background: url("images/herbal-medicine-small.jpg") no-repeat !important;
}
#services-block .service .icon-mass {
	background: url("images/tuina-massage-small.jpg") no-repeat !important;
}
#services-block .service .icon-cup {
	background: url("images/cupping-therapy-small.jpg") no-repeat !important;
}

/* Carousel */
.home-carousel {
	background: #fbfbfb;
	padding: 110px 0;
	text-align: center;
}
.home-carousel hr { margin: 5px 0 50px; }
.home-carousel img {
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.home-carousel img:hover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#fancybox_crl-wrap {
	position: fixed !important;
	top: 50% !important;
	transform: translateY(-50%);
}
#fancybox_crl-left_,
#fancybox_crl-right_ {
    height: 70px !important;
    width: 15% !important;
	margin-top: -35px !important;
}
#fancybox_crl-left_ span,
#fancybox_crl-right_ span {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#fancybox_crl-left_:hover span,
#fancybox_crl-right_:hover span {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
#fancybox_crl-left_ span {
	left: 19px !important;
	right: auto;
}
#fancybox_crl-right_ span {
	right: 19px !important;
	left: auto;
}
#fancybox_crl-title { display: none !important; }

/* Testimonials */
#home-testimonials .testimonials .icon { color: rgba(255, 255, 255, 0.8); }
#testimonials-slider .bx-wrapper .bx-viewport {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	background: none;
	border: none;
}

/* News Section */
.mt-blogpost-wrapper img { border-radius: 100%; }
.mt-blogpost-wrapper .caption { margin-top: 10px; }
.mt-blogpost-wrapper h4 a {
    font-size: 20px;
    font-weight: 600;
}

/***** End Frontpage *****/

/* Our Services page */

.wp-block-media-text .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content { align-self: start; }

/* Blog */

#blog .post .comments { display: none; }
.addtoany_header {
	font-size: 18px;
	font-weight: 600;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 30px !important;
}
#blog #related-posts { margin-bottom: 100px; }
#blog #related-posts h3 {
	font-weight: 600;
	margin-bottom: 26px;
}

/* Contact page */

.wpgmza_map, #wpgmza_map {
	margin: 30px auto 44px;
	padding-bottom: 50px;
	border-bottom: 1px solid #e6e6e6;
}
.wpcf7-form { margin-top: 36px; }
.wpcf7-form p { margin-bottom: 20px; }
input, textarea {
	cursor: text !important;
	padding: 10px !important;
	border: 1px solid #bfbfbf !important;
	font-size: 16px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}
textarea {
	resize: vertical;
	min-height: 250px;
	max-height: 450px;
}
input:focus, input:active,
textarea:focus, textarea:active {
	border-color: #717171 !important;
	background: #fbfbfb;
}
input:not([type="submit"]) {
	width: 100%;
	height: 46px;
}
input[type="submit"] {
	cursor: pointer !important;
    font-size: 14px;
    text-transform: uppercase;
    border-color: #929292 !important;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
	background: #333;
	border-color: #333 !important;
	color: #fff;
}

/* Sidebar & Footer */

#sidebar .widget_recent_entries li {
	line-height: 24px !important;
	margin-bottom: 14px;
}
#sidebar .widget_recent_entries li a {
	display: inline-block;
}
#sidebar .widget_recent_entries li .post-date {
	display: block;
	font-size: 14px;
} 
#sidebar .widget ul li a {
	color: rgba(255, 0, 0, 0.67);
	font-weight: 600;
}
#sidebar .eircode-info { font-weight: 700; }
#sidebar .widget [class^=nc-icon],
#footer .widget [class^=nc-icon] {
    font-size: 12px;
    margin-right: 5px;
    top: 0!important;
    left: 0!important;
}
#footer .widget a:hover,
#sub-footer a:hover { color: #c74f4f; }
#sub-footer a { color: #d2d2d2; }

/***** Media Queries *****/

@media screen and (max-width: 1200px) {
	.mobile-nav-btn,
	.mobile-nav-btn:focus :before {
	    font-size: 24px;
	    color: #696969 !important;
	}
}

@media screen and (max-width: 767px) {
	#footer .col-md-3:not(:nth-child(4)) { margin-bottom: 30px; }
}
@media screen and (max-width: 600px) {
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		margin-top: 30px;
		padding: 0;
	}
	.wp-block-separator { margin: 24px 0 40px; }
}

@media screen and (max-width: 500px) {
	#sub-header .social-link-list li { margin: 0 10px 0; }
	#sub-header .social-link-list .nc-icon-glyph { font-size: 26px; }
	.contact-bar { display: none; }
	.markup-format img.alignleft {
		float: none;
		margin: 0;
	}
}

@media screen and (max-width: 440px) {
	#call-out {
		margin-bottom: 46px;
		padding: 20px 15px 26px;
	}
	h1 { font-size: 26px; }
	h2 { font-size: 23px; }
	h3 { font-size: 20px; }
	h4, h5, h6 { font-size: 18px; }
	#services-block { margin-bottom: 70px; }
	#services-block > .service-4 > .service { margin-bottom: 60px !important; }
	.home-carousel { padding: 70px 0; }
	.bg-block, .bg-block-white { padding: 70px 0 40px; }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
	.wp-block-image .alignleft {
		float: none;
		margin: 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
	.owl-carousel .owl-wrapper { width: 100% !important; }
	.owl-carousel .owl-item { width: 33.333333% !important; }
}