/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
html, body {
	max-width: 100%;
	overflow-x: hidden;
}

/* css for read more toggle on home page*/

.readmoretoggle .elementor-tab-title.elementor-active::before {
	content: 'Read Less';
	font-family:proxima-soft-condensed, sans-serif;
	font-size: 1.2em;
	font-weight: 600;

	color: #F05423;
}

.readmoretoggle .elementor-toggle-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column-reverse;

}

.readmoretoggle .elementor-tab-title.elementor-active a{
	display:none;
} 

.dp {
	list-style: none;
	padding-left: 1em !important
}
.dp li::before {
	content: "•";
	color: #F05423;
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em ;
}

/* author bio component */
.oo-author-bio{
  --heading-font-family: var( --e-global-typography-text-font-family ), Sans-serif;
  --heading-size: 24px;
  --heading-line-height: 32px;
  --heading-colour: var( --e-global-color-secondary );
  --heading-font-weight: 600;

  --subheading-font-family: var( --e-global-typography-text-font-family ), Sans-serif;
  --subheading-size: 18px;
  --subheading-line-height: 28px;
  --subheading-colour: #F05423;
  --subheading-font-weight: 600;

  --body-size: 1.2em;
  --body-line-height: 24px;
  --body-font-family: var( --e-global-typography-text-font-family ), Sans-serif;
  --body-colour: var( --e-global-color-text );

  --link-colour: #F05423;
  --link-hover-colour: #005177;
  --link-size: var(--body-size);
  --link-font-family: var(--body-font-family);
  --link-font-weight: 600;

  --container-bg-colour: #f9fafb;
  --container-padding: 40px;
  --container-border-radius: 12px;

}
@media (max-width: 480px) {
  .oo-author-bio {
    --container-padding: 24px 16px;
  }

}

.oo-author-bio__container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: var(--container-padding);
  background: var(--container-bg-colour);
  border-radius: var(--container-border-radius);
}
.oo-author-bio__header{
  display: flex;
  align-items: center;
  gap: 24px;
}
.oo-author-bio__title{
  gap: 8px;
  display: flex;
  flex-direction: column;
}

.oo-author-bio__avatar {
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  border-radius: 50%;
  object-fit: cover;
  position: relative;
  overflow: hidden;
}
.oo-author-bio__avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oo-author-bio__name {
  font-weight: 600;
  font-size: var(--heading-size);
  line-height: 1.var(--heading-line-height);
  color: var(--heading-colour);
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
}
.oo-author-bio__role {
  font-size: var(--subheading-size);
  line-height: var(--subheading-line-height);
  color: var(--subheading-colour);
  font-family: var(--subheading-font-family);
  font-weight: var(--subheading-font-weight);
}

.oo-author-bio__content{
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}

.oo-author-bio__text {
  font-family: var(--body-font-family);
  font-size: var(--body-size);
  line-height: var(--body-line-height);
  color: var(--body-colour);
}

.oo-author-bio__link {
  color: var(--link-colour) !important;
  text-decoration: none;
  font-size: var(--link-size);
  font-family: var(--link-font-family);
  font-weight: var(--link-font-weight);
  transition: 0.2s;
}

.oo-author-bio__link:hover {
  color: var(--link-hover-colour);
}

/* Responsive bio videos */
.oo-author-bio-full .oo-responsive-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
	max-width: 800px;
}

.oo-author-bio-full .oo-responsive-video > iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  display: block;
}