/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor Child Theme
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 1.0.0
	Template: hello-elementor
*/

/* =Theme customization starts here
------------------------------------------------------- */
button {
  	outline: none !important;
}

html, body {
	overflow-x: hidden !important;
}

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

  --subheading-font-family: var(--e-global-typography-7832c09-font-family), sans-serif;
  --subheading-size: 12px;
  --subheading-line-height: 18px;
  --subheading-colour: var( --e-global-color-text );
  --subheading-font-weight: 600;

  --body-size: 16px;
  --body-line-height: 24px;
  --body-font-family: var(--e-global-typography-39fe56d-font-family), sans-serif;
  --body-colour: var( --e-global-color-text );

  --link-colour: var(--e-global-color-456e3ff);
  --link-hover-colour: var( --e-global-color-a0c7d27 );
  --link-size: var(--body-size);
  --link-font-family: var(--body-font-family);
  --link-font-weight: 400;

  --container-bg-colour: var(--e-global-color-accent);
  --container-padding: 40px;
  --container-border-radius: 0;

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

}

.oo-author-bio__container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  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);
	text-transform: uppercase;
	letter-spacing: 2.4px;
}

.oo-author-bio__content{
  display: flex;
  flex-direction: column;
  gap: 16px;
  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) !important;
}