/*!
Theme Name: DrBaboli
Theme URI: http://underscores.me/
Author: 1Pouria
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: drbaboli
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

body {
	background-color: #F8F8F8;
	margin: 0px;
	font-family: 'IRANSansWeb', sans-serif;
	font-size: 0.9em;
}

li>a {
	text-decoration: none;
}

a {
	text-decoration: none;
	color: #22CDBE;
	position: relative;
}

p, h3, h4, h5, h6 {
	line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
	cursor: default;
}

#StRow {
	margin-top: 190px;
}

.site-content a:not(.btn):before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #22CDBE;
	visibility: hidden;
	border-radius: 5px;
	transform: scaleX(0);
	transition: .35s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.site-content a:hover:not(.btn):before, .site-content a:focus:not(.btn):before {
	visibility: visible;
	transform: scaleX(1);
}

/* posts style */

.square-post {
	/* margin: 1rem; */
	width: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 25px;
	border: solid 1px #47C2E4;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.19);
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.square-post::after {
	content: "";
	display: block;
	padding-top: 100%;
}

.square-post>.link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
}

.square-post>.link {
	opacity: 0;
	z-index: 1;
}

.square-post.video>.link {
	transition-duration: 400ms;
	background-color: rgba(40, 40, 40, 0.3);
	background: radial-gradient(circle, rgba(40, 40, 40, 0) 30%, rgba(40, 40, 40, 0.37) 100%);
}

.square-post.video>.link:hover {
	opacity: 1;
}

.square-post>.post-image {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	object-fit: cover;
	object-position: center;
	transform: scale(1);
	transition: transform 500ms 400ms;
	transition-timing-function: ease;
}

.square-post>.link:hover+.post-image {
	transition: transform 4.5s;
	transition-timing-function: ease-out;
	transform: scale(1.15);
}

.square-post>.play {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
}

.square-post>.play>.icon {
	position: relative;
	color: rgba(255, 255, 255, 0.7);
	font-size: 6rem;
	margin: auto;
	/* text-shadow: -2px 6px 5px #ffffff; */
	/* -webkit-text-fill-color: white; */
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #47C2E4;
	transition: all 650ms;
}

.square-post>.link:hover~.play>.icon {
	color: #47C2E4 !important;
}

.square-post>.content {
	background-color: rgba(255, 255, 255, 0.93);
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0 15px;
	top: calc(100% - 4rem);
	transition: all 900ms;
}

.square-post>.content>h2 {
	color: #47C2E4;
}

.square-post>.link:hover~.content {
	top: 0%;
}

/* =========== TopNav Menu ============ */

header.site-header {
	width: 100%;
	z-index: 210;
	position: absolute;
	top: 0;
	left: 0;
}

.headerBackground {
	background: rgb(56, 210, 187);
	background: linear-gradient(120deg, rgba(56, 210, 187, 0.5) 0%, rgba(0, 151, 219, 0.4) 75%);
}

.topNav ul {
	list-style: none;
	margin: 0;
	padding-right: 0;
}

.topNav li {
	color: #fff;
	display: block;
	float: left;
	padding: 1rem;
	position: relative;
	text-decoration: none;
	transition-duration: 0.5s;
	min-width: max-content;
}

html[dir="rtl"] .topNav li {
	float: right;
}

.topNav li a {
	color: #fff;
}

.topNav li:hover {
	background: rgba(34, 205, 191, 0.7);
	cursor: pointer;
}

.topNav li:focus-within {
	background: rgba(34, 205, 191, 0.7);
}

.topNav li:focus-within a {
	outline: none;
}

.topNav ul li ul {
	visibility: hidden;
	opacity: 0;
	min-width: 5rem;
	position: absolute;
	margin-top: 1rem;
	left: 0;
	/* display: none; */
	animation-name: fadeOutM;
	animation-duration: 0.3s;
	width: fit-content;
}

html[dir="rtl"] .topNav ul li ul {
	right: 0;
}

.topNav ul li:focus-within>ul, .topNav ul li ul:focus {
	visibility: visible;
	opacity: 1;
	display: block;
	animation-name: fadeInM;
	animation-duration: 0.72s;
	height: auto;
}

.site-header .section-top .custom-logo {
	transition: opacity 0.4s;
	height: 120px !important;
	width: auto !important;
	margin: 10px 0;
}

/* fixed header */

.site-header .section-top {
	height: 140px;
	overflow: hidden;
	transition: height 0.8s;
}

.site-header.sticky-now .section-top {
	height: 45px;
}

.site-header.sticky-now {
	transition: background-color 0.4s;
	background-color: rgba(0, 0, 0, 0.35);
}

.site-header.sticky-now .section-top .custom-logo {
	opacity: 0;
}

.site-header.sticky-now .section-top #SocialPlaceH {
	height: auto;
}

.site-header {
	/* transition : background-color 0.4s; */
}

.site-header.fix {
	position: fixed;
}

@media screen and (min-width: 576px), screen and (hover: none) {
	.topNav ul li:hover>ul, .topNav ul li ul:hover {
		visibility: visible;
		opacity: 1;
		display: block !important;
		animation-name: fadeInM;
		animation-duration: 0.73s;
		height: auto;
	}
}

.topNav ul li ul li {
	clear: both;
	width: 100%;
}

.sub-menu {
	z-index: 199;
	/* transition: all 0.5s; */
}

.sub-menu li {
	background-color: rgba(0, 0, 0, 0.3);
}

.sub-menu {}

.menu-item-has-children .menu-item-has-children .sub-menu {
	background-color: rgba(0, 0, 0, 0.2);
	margin-right: 100%;
	margin-top: -25px;
}

.menuButton {
	cursor: pointer;
	z-index: 251;
	background-color: #47C2E4;
	border: none;
	color: white;
	padding: 14px;
	text-align: center;
	text-decoration: none;
	display: block;
	right: calc(50% - 23px);
	top: -25px;
	position: absolute;
	font-size: 24px;
	border-radius: 50%;
	width: 46px;
	height: 46px;
	transition-property: transform, opacity;
	transition-duration: 0.5s;
	transition-delay: 0.4s;
	transition-timing-function: ease-in-out;
	box-shadow: 0px 3px 10px 1px #007bff9c;
	transform: scale(0);
}

.menuButton i {
	position: absolute;
	left: 12px;
	top: 12px;
	transition: all 0.6s 0.9s !important;
	opacity: 0;
}

.menuButton:hover {
	box-shadow: 0px 2px 5px 1px #007bff9c;
}

@media screen and (min-width: 576px) and (max-width: 768px) {
	.topNav li {
		padding: 0.57rem !important;
	}
}

@media screen and (max-width: 576px) {
	/* info part */
	#Info .content {
		margin-top: -145px;
	}
	#Info .content>h3 {
		margin-top: 60px;
		margin-bottom: -15px;
		text-align: center;
	}
	#Info .image {
		z-index: 1;
		height: 240px !important;
	}
	#Info .image>img {
		-webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
		mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
	}
	/* about part image*/
	.blur-loading-img.fix-about .main-image {
		max-height: unset !important;
	}
	/* fixed header mobile*/
	.site-header.sticky-mobile .menuButton {
		position: fixed;
		top: 10px;
		transform: translateY(-100px);
	}
	.site-header.sticky-mobile .menuButton.show {
		transform: translateY(0px);
	}
	.site-header.sticky-mobile .topNav>ul {
		position: fixed;
		width: 90%;
		margin: 0px;
		padding: 10px;
		top: 70px;
	}
	.site-header.fix {
		position: absolute;
	}
	.topNav .menuButton {
		transform: scale(1);
	}
	.topNav .menuButton .icon-menu {
		opacity: 1;
	}
	.topNav.open .menuButton .icon-menu {
		opacity: 0 !important;
		transform: rotate(45deg);
	}
	.topNav .menuButton .icon-close {
		opacity: 0 !important;
		transform: rotate(-45deg);
	}
	.topNav.open .menuButton .icon-close {
		opacity: 1 !important;
		transform: rotate(0deg);
	}
	.topNav>ul {
		overflow: hidden;
		background-color: #333333;
		animation-name: BtUpM;
		animation-duration: 0.8s;
		animation-fill-mode: forwards;
	}
	.topNav.open {
		position: relative;
	}
	.topNav.open ul {
		display: block;
		text-align: right;
		margin: 0 1rem !important;
	}
	.topNav.topNav.open>ul {
		max-height: calc(100vh - 100px);
	}
	.topNav.open>ul {
		animation-name: BtDownM;
		animation-duration: 1.1s;
	}
	.topNav.open .sub-menu .dropbtn {
		display: block;
		width: 100%;
		text-align: right;
	}
	.topNav li {
		float: none !important;
	}
	.topNav ul li ul {
		position: relative;
		height: 0px;
	}
	.topNav li .icon {
		float: left;
	}
	.site-header .section-top .custom-logo {
		height: 85px !important;
		margin-top: 25px;
		margin-right: -10px;
	}
	/* wordpress fix */
	.topNav li.menu-item-has-children::after {
		position: absolute;
		left: 10px;
		top: 20px
	}
}

.topNav ul>li.active, .topNav ul>li.current-menu-item {
	border-bottom: solid 3px #22CDBE;
}

/*END =========== TopNav Menu ============ */

/*=========== Aniamtion ============ */

@keyframes fadeInM {
	0% {
		opacity: 0;
		transform: scaleY(0.7) translateY(-30px);
	}
	100% {
		opacity: 1;
		transform: scaleY(1);
	}
}

@keyframes fadeOutM {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateY(15px);
		display: none;
	}
}

@keyframes BtDownM {
	0% {
		transform: translateY(-400px)scale(0.1);
		border-radius: 50%;
	}
	40% {
		transform: translateY(0px) scale(0.1);
		border-radius: 50%;
	}
	100% {
		transform: translateY(0px) scale(1);
		border-radius: 0%;
	}
}

@keyframes BtUpM {
	0% {
		opacity: 1;
		transform: translateY(0px) scale(1);
		border-radius: 0%;
	}
	30% {
		opacity: 1;
		transform: translateY(0px) scale(0.1);
		border-radius: 50%;
	}
	100% {
		transform: translateY(-400px) scale(0.1);
		border-radius: 50%;
		opacity: 0;
		display: none;
	}
}

@keyframes smoothZoom {
	0% {
		transform: scale(1)
	}
	30% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1.2)
	}
}

/*END =========== Aniamtion ============ */

/*=========== Utility ============ */

.border-top {
	border-top: solid 1px #dee2e6;
}

.border-white {
	border-color: #fff!important;
}

.border-light {
	border-color: rgba(255, 255, 255, 0.6)!important;
}

.scrollStyle-A::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(240, 240, 240, .3);
	border-radius: 10px;
	background-color: rgb(56, 56, 56);
}

.scrollStyle-A::-webkit-scrollbar {
	width: 10px;
	background-color: rgb(56, 56, 56);
}

.scrollStyle-A::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(240, 240, 240, .3);
	background-color: #555;
}

.social-button {
	color: #fff !important;
	position: relative;
	overflow: visible;
	width: 1.8rem;
	height: 1.8rem;
	font-size: 1.8rem;
	text-align: center;
	margin: 10px 0.5rem;
	padding: 0;
	display: inline-block;
	cursor: pointer !important;
}

.social-button>.icon {
	transform: scale(1);
}

.social-button:hover>.icon {
	transform: scale(1.1);
}

.social-button>.bg {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	background: #47C2E4;
	visibility: hidden;
	border-radius: 50%;
	transform: scale(0)translateY(2px);
	transition: .45s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.social-button:hover>.bg, .social-button:focus>.bg {
	visibility: visible;
	transform: scale(1.4)translateY(2px);
}

.social-button.color-instagram>.bg {
	background: #002eb2;
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}

.social-button.color-telegram>.bg {
	background: #0088cc;
}

/* fix FontAwsome loading */

.fab, .fas, .fa, .far {
	opacity: 0 !important;
	transition: opacity 230ms;
}

.shadow-base {
	box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.19);
}

.border-radius-base {
	border-radius: 25px;
}

.btn {
	border: none;
	background: none;
	display: inline-block;
}

.secondary-btn {
	font-size: 1rem;
	background-color: #47C2E4;
	color: #fff !important;
	border: solid 2px #00C8FF;
	border-radius: 1.8rem;
	padding: 0.3rem 0.85rem;
	margin: 5px;
	transition: all 250ms linear
}

.secondary-btn>.icon, .secondary-btn>i {
	margin-right: 7px;
	margin-left: 4px;
}

.secondary-btn:hover {
	background-color: rgba(255, 255, 255, 0.8);
	color: #47C2E4 !important;
	/* border-width: 5px; */
}

.primary-btn {
	font-size: 1rem;
	background-color: #22CDBE;
	color: #fff !important;
	border: solid 2px #22CDBE;
	border-radius: 1.8rem;
	padding: 0.3rem 0.85rem;
	margin: 5px;
	transition: all 250ms linear
}

.primary-btn>.icon, .primary-btn>i {
	margin-right: 7px;
}

.primary-btn:hover {
	background-color: rgba(255, 255, 255, 0.8);
	color: #22CDBE !important;
}

.h-100 {
	height: 100% !important;
}

.w-100 {
	width: 100% !important;
}

.color-primary {
	color: #22CDBE !important;
}

.color-secondary {
	color: #29C0E9 !important;
}

.color-light {
	color: #F8F8F8 !important;
}

.background-light {
	background-color: #F8F8F8 !important;
}

.background-white {
	background-color: #FFF !important;
}

/*END=========== Utility ============ */

.blur-loading-img {
	display: block;
	overflow: hidden;
}

.blur-loading-img.fix-about {
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.blur-loading-img>.blur-thumbnail, .blur-loading-img .main-image {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	top: 0;
	bottom: 0;
	object-fit: cover;
}

.blur-loading-img .blur-thumbnail {
	filter: blur(19px);
	transform: scale(1.1);
}

.blur-loading-img.fix-about .main-image {
	max-height: 60vw;
}

.circle-detail-btn {
	cursor: default;
	position: relative;
	border-radius: 50%;
	background-color: #fff;
	border: solid 5px #22CDBE;
	display: block;
	overflow: hidden;
	padding: 15%;
	margin: auto;
	max-width: 200px;
	transition: background-color 1s linear;
}

.circle-detail-btn::after {
	content: "";
	display: block;
	margin-bottom: 100%;
}

.service-tile:hover .circle-detail-btn, .service-tile:hover:focus .circle-detail-btn {
	background-color: #22CDBE;
	border-color: #47C2E4;
}

.circle-detail-btn .icon {
	width: 70%;
	height: 70%;
	transition: transform 0.8s ease;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.service-tile:hover .circle-detail-btn .icon {
	transform: translate(0, -8px);
}

.service-tile {
	cursor: default !important;
	width: 100%;
	padding: 0.75rem 2rem;
}

.service-tile>.title {
	margin-bottom: 10px;
	font-size: 1.5em;
	text-align: center;
	color: #22CDBE !important;
}

.service-tile::before {
	content: "";
	display: block;
	/* padding-bottom: 100%; */
}

.service-tile>.detail-text {
	text-align: center;
	color: #818C9A !important;
}

#SocialPlaceH {
	height: 100%;
}

#SocialPlaceH .btn {
	float: right;
}

html[dir=rtl] #SocialPlaceH .btn {
	float: left;
}

#SocialPlaceF .btn {
	float: right;
}

html[dir=rtl] #SocialPlaceF .btn {
	float: left;
}

html[dir="rtl"] .lan {
	direction: ltr;
}

.lan {
	direction: rtl;
}

.lan .title {
	color: #C2C2C2 !important;
}

#FirstSlide {
	width: 100%;
	height: 520px;
	background: url('images/FirstSlideImage-min.jpg?v=3');
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 65vh;
	max-height: 100vh;
	margin-top: -8px;
	border-bottom-right-radius: 21vw;
	border-bottom-left-radius: 8vw;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}

#DetailService {
	min-height: 150px;
	margin-top: 1.75rem;
	margin-bottom: 1rem;
}

#About>.body>.row {
	max-height: max-content;
	min-height: 57vh;
}

#About>.body {
	background-color: #fff;
	overflow: hidden;
}

#About>.body>.row>.image {
	min-height: 450px;
}

#About>.body>.row>.content p {
	text-align: justify;
	margin-bottom: 3.5rem;
}

#About>.body>.row>.content {
	min-height: max-content;
}

#ContinueReadingAbout {
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 1rem 0;
	background-color: #22CDBE;
	color: #fff;
	font-weight: bold;
}

#ContinueReadingAbout:hover {
	background-color: #21e4d4;
}

#Social>.body {
	background-image: url('images/social-bg-min.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

#Social>.body>.row {
	max-height: max-content;
	min-height: 290px;
}

#Social>.body>.row>.content {
	background-color: rgba(71, 194, 228, 40%);
	color: #fff !important;
}

#Social>.body>.row>.content>h3 {
	font-size: 1.5rem;
}

#Social>.body>.row>.content>p {
	font-weight: bold;
}

#Info {
	box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.14);
}

#Info .image {
	overflow: hidden;
	min-height: 350px;
}

#Info .image>img {
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: cover;
	object-position: center;
	position: absolute;
	margin: 0
}

#Info p {
	text-align: justify;
	font-size: 1.2rem;
}

#Info h3 {
	font-size: 1.85rem;
	text-align: start;
}

#Info .part {
	min-height: 300px;
}

#Info>#FirstPart {
	background-color: rgb(239, 239, 239);
}

#Info>#FirstPart>.content {
	background-color: rgb(255, 255, 255);
	background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100%);
	;
}

#Info>#FirstPart>.image {
	min-height: 36.3vw;
	/* height: 100%;  in mobile * minus margin */
}

#Info>#SecondPart {
	background-color: #15C2B3;
}

#Info>#SecondPart>.content {
	background-color: #15C2B3;
	background: linear-gradient(90deg, #15C2B3 0%, #12B3D4 100%);
	;
}

#Info>#SecondPart>.image {
	min-height: 33.5vw;
}

#Info>#SecondPart>.image>img {
	object-position: left;
}

#Info>#ThirdPart {
	background-color: #F7FBFA;
}

#Info>#ThirdPart>.content {
	background-color: #F7FBFA;
	background: linear-gradient(90deg, #BCD6E1 0%, #F7FBFA 100%);
	;
}

#Info>#ThirdPart>.image {
	min-height: 33.5vw;
}

#Info>#ThirdPart>.image>img {
	object-position: right;
}

#googleMap {
	border: 2px solid #47C2E4;
	width: 100%;
	height: 324px;
}

/* aos custom animation */

[data-aos="anim-fade-left"] {
	opacity: 0;
	transform: translate(50px, 0);
	transition-property: opacity, transform;
}

[data-aos="anim-fade-left"].aos-animate {
	opacity: 1;
	transform: translate(0, 0);
}

[data-aos="anim-fade-right"] {
	opacity: 0;
	transform: translate(-50px, 0);
	transition-property: opacity, transform;
}

[data-aos="anim-fade-right"].aos-animate {
	opacity: 1;
	transform: translate(0, 0);
}

input.form-control, select.form-control, textarea.form-control {
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border: 1px solid #ccc;
	border-radius: 1.25rem;
	box-sizing: border-box;
	margin-top: 6px;
	margin-bottom: 16px;
	resize: vertical;
	transition: border-color .15s ease-in-out;
}

.form-control:focus {
	background-color: #fff;
	border-color: #22CDBE !important;
	outline: 0;
}

.form-control::placeholder {
	color: #C2C2C2;
}

.submit-btn {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.75rem;
	padding-right: 1.75rem;
}

#ContactSection form {
	max-width: 480px;
	margin: 0 auto;
}

#ContactUs {
	margin-bottom: 70px;
}

#Footer {
	width: 100%;
	min-height: 210px;
	background-color: #103B57;
	color: #fff;
}

#Footer hr {
	width: 100%;
	border-color: #C2C2C2 !important;
	border-style: inset;
}

#Footer .copyright {
	text-align: left;
	text-align: end;
	color: #C2C2C2;
}

.title-r {
	padding: 7px;
}

/* wordpress fix */

.topNav li.menu-item-has-children::after {
	content: "\f0d7";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	margin-right: 3px;
}

.f18{
    font-size: 18px !important;
}

/* Post Style */

.entry-header>.entry-title {
	text-shadow: -4px 3px 5px rgba(0, 200, 255, 0.4);
}

.post-thumbnail img {
	max-height: 350px !important;
	min-height: 100px !important;
	max-width: 100%;
	width: 100% !important;
	object-fit: contain;
}

.blur-loading-img.post-thumbnail-in {
	position: relative;
	min-height: 250px;
	max-height: 400px;
	height: 50vh;
}

.blur-loading-img .hold-center {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
}

.blur-loading-img .hold-center .main-image {
	position: relative !important;
	width: unset !important;
	height: unset !important;
	max-height: 100%;
}

.post-separator {
	height: 1rem;
	background-color: #f8f8f8;
	border-radius: 0.5rem;
	margin-top: 10px;
}

.grecaptcha-logo, .grecaptcha-badge {
	visibility: collapse !important;
}

.comment-form-comment textarea#comment {
	max-width: 100% !important;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}