@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

.au-light-blue-theme {
    --au-primary: #75A8BD;
    --au-secondary: #D0E1E9;
    --au-dark: #629CB4;
    --au-highlight: #E5F1F6;
}  
.au-light-purple-theme {
    --au-primary: #867CBA;
    --au-secondary: #EBE9F3;
    --au-dark: #75649F;
    --au-highlight: #D7D3E8;
}
.au-green-theme {
    --au-primary: #73C0AC;
    --au-secondary: #f1f8f5;
    --au-dark: #73C0AC;
    --au-highlight: #DCEFEA;
}
.au-dark-blue-theme {
    --au-primary: #75A8BD;
    --au-secondary: #D0E1E9;
    --au-dark: #515050;
    --au-highlight: #D0E1E9;
}
.au-yellow-theme {
    --au-primary: #E8B04E;
    --au-secondary: #FCF3E4;
    --au-dark: #E8B04E;
    --au-highlight: #E8B04E;
}
.au-dark-purple-theme {
    --au-primary: #75649F;
    --au-secondary: #E3E0EC;
    --au-dark: #75649F;
    --au-highlight: #E3E0EC;
}
.au-red-theme {
    --au-primary: #EA6E4E;
    --au-secondary: #F9D3CA;
    --au-dark: #EA6E4E;
    --au-highlight: #F2A895;
}

/* General styles */

* {
    box-sizing: border-box;
}

html {
    color: #54565a;
    font-family: "Inerta", sans-serif;
    font-size: 18px;
    line-height: 1.37;
    font-weight: 400;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    padding: 0;
}

div.au-inner-container {
    margin: 5% auto;
}

@media all and (max-width: 920px) {
    div.au-inner-container {
        margin: 10px auto;
    }
}

.single h1 {
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    color: var(--au-primary);
}

/* Au Text card */
div.au-text-card {
    padding: 20px 56px;
    border-radius: 4px;
    border: 1px solid #D8D8D8;
    background: rgba(153, 148, 162, 0.06);
    position: relative;
}
div.au-text-card p {
	position: relative;
	z-index: 2;
}

div.au-text-card > div {
    margin: 15px 0;
}
div.au-text-card-colored {
	background: var(--au-highlight);
	border: none;
}
div.au-text-card-colored p a {
	color: var(--au-primary) !important;
}
h2.au-text-card-title {
	text-align: center;
	font-size: 30px;
}
@media (max-width: 490px) {
	div.au-text-card {
		padding: 20px;
	}
	div.au-text-card p, div.au-text-card ul li {
		font-size: 16px;
	}
	div.au-text-card .au-text-card-title p {
		font-size: 24px;
	}
}

/* Au Cover Image  */
.au-cover-image {
    display: block;
    display: block;
    margin-top: -142px;
    transform: translateX(1px);
    width: 100%;
}

@media all and (max-width: 920px){
    .au-cover-image {
        display: block;
    }
}
/* 
.au-subtitle {
    display: block;
    font-size: 50px;
    line-height: 110%;
    font-weight: 400;
} */

/* .au-text > div {
    margin: 15px 0;
}
 */
/* Au Full Width Text */
div.au-colored-background-text {
    padding: 60px 30px !important;
    margin: 120px 0 !important;
    background-color: var(--au-secondary);
	width: 100vw !important;
}
.acf-block-preview div.au-colored-background-text {
	width: 100% !important;
}
.au-colored-background-text p {
    max-width: 800px;
    margin: auto;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 122%;
}
@media all and (max-width: 650px) {
	div.au-colored-background-text {
	    padding: 30px 10px !important;
	    margin: 60px 0 !important;
	    background-color: var(--au-secondary);
	}
    .au-colored-background-text p {
        font-size: 16px;
    }
}
div.au-zigzag {
  width: 100%;
  position: relative;
  clip-path: polygon(
    0% 10%, 15% 0%, 30% 10%, 45% 0%, 60% 10%, 75% 0%, 90% 10%, 100% 0%,
    100% 90%, 90% 100%, 75% 90%, 60% 100%, 45% 90%, 30% 100%, 15% 90%, 0% 100%
  );
  margin: 80px 0;
}
@media (max-width: 768px) {
  div.au-zigzag {
      clip-path: polygon(
          0% 10%, 25% 0%, 50% 10%, 75% 0%, 100% 10%,
          100% 90%, 75% 100%, 50% 90%, 25% 100%, 0% 90%
      );
  }
}
div.au-text-wrapper {
  padding: 30px 20px;
  text-align: center;
  margin: auto;
}
div.au-text-wrapper p {
	margin: 15px auto;
}
div.au-full-background {
    background-color: var(--au-primary);
}
div.au-semi-transparent {
    background-color: var(--au-secondary);
}
.au-text-dark,
.au-text-dark h1,
.au-text-dark h2,
.au-text-dark h3,
.au-text-dark h4, 
.au-text-dark h5,
.au-text-dark h6,
.au-text-dark p {
    color: #515050;
}
.single-content .content a,
.single-content .content p a {
	color:var(--au-primary);
	transition: all .3s linear;
}
.single-content .content .au-text-dark p a:hover {
	text-decoration:none;
}
.au-text-light,
.au-text-light h1,
.au-text-light h2,
.au-text-light h3,
.au-text-light h4, 
.au-text-light h5,
.au-text-light h6,
.au-text-light p {
    color: #fff;
}
.au-text-colored,
.au-text-colored h1,
.au-text-colored h2,
.au-text-colored h3,
.au-text-colored h4, 
.au-text-colored h5,
.au-text-colored h6,
.au-text-colored p {
    color: var(--au-primary);
}
.au-font-small p {
    font-size: 18px;
}

.au-font-large p {
    font-size: 35px; 
}
.au-title p {
    text-align: center;
    font-size: 38px;
    margin-bottom: 20px;
}
.au-line-decoration {
    width: 190px;
    height: 1px;
    margin: 20px auto;
	background-color: var(--au-dark);
}
.au-text-colored .au-line-decoration {
	background-color: var(--au-dark);
}
.au-text-light .au-line-decoration {
	background-color: #fff;
}
.au-text-dark .au-line-decoration {
	background-color: #515050;
}

@media (max-width: 650px) {
    .au-font-small p {
        font-size: 16px;
    }

    .au-font-large p {
        font-size: 18px;
    }
    .au-title p {
        font-size: 24px;
    }
}

/* Au Card List */
ul.au-highlighted-text,
ol.au-highlighted-text {
	padding-left: 0 !important;
}
.au-highlighted-text-item {
    border-radius: 18px 18px 0px 18px;
    background: #E5F1F6;
    padding: 30px;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    display: grid;
    background-color: var(--au-highlight);
}
.numbered-marking .au-highlighted-text-item {
    display: flex;
    align-items: center; 
}
.numbered-marking .number {
    margin-right: 20px;
}
.unnumbered-marking .au-highlighted-text-item {
    display: flex;
    align-items: center;
}
.unnumbered-marking .au-highlighted-text-item .circle {
    min-width: 18px;
    min-height: 18px;
    border-radius: 50%;
    background-color: transparent;
	border: 1.5px solid #515050;
    margin-right: 10px;
}
.au-highlighted-text-item p {
    margin: 0;
}
li.au-highlighted-text-item:not(:last-child) {
	margin-bottom: 8px !important;
}
ul.au-numeric-list {
    list-style-type: none;
    counter-reset: list-counter !important;
}
li.au-numeric-item {
    position: relative;
}
li.au-numeric-item:not(:last-child) {
    margin-bottom: 60px;
}
li.au-numeric-item::before {
    content: counter(list-counter) !important;
    font-size: 96px;
    counter-increment: list-counter !important;
    position: absolute;
    left: -16%;
    top: 50%; 
    transform: translateY(-50%); 
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: transparent; 
    display: flex; 
    justify-content: center; 
    align-items: center;
/*     z-index: -1; */
	z-index: 1;
    color: var(--au-secondary);
    border: 8px solid var(--au-secondary);
}
.au-numeric-item-title p {
	font-size: 50px !important;
	line-height: 110%;
	z-index: 2;
	position: relative;
}
.au-numeric-item-text p {
	font-size: 18px;
	z-index: 2;
	position: relative;
}
@media (max-width: 768px) {
	.au-numeric-item-title p {
		font-size: 36px !important;
	}
}
@media (max-width: 490px) {
	.au-highlighted-text-item {
		font-size: 16px;
	}
	.single-content .content ul.au-highlighted-text {
		padding-left: 0;
	}
	.single-content .content ol.au-highlighted-text {
		padding-left: 0;
	}
	.numbered-marking .number {
	  margin-right: 10px;
	}
	.au-highlighted-text-item {
		padding: 20px;
	}
	.unnumbered-marking .au-highlighted-text-item .circle {
		min-width: 15px;
  		min-height: 15px;
		margin-right: 15px;
	}
	.au-numeric-item-title p {
		font-size: 24px !important;
	}
	.au-numeric-item-text p {
		font-size: 16px !important;
	}
}
@media (max-width: 390px) {
	.unnumbered-marking .au-highlighted-text-item .circle {
		height: 12px;
	}
}

/* Au Quote */
div.au-quote {
    margin: 10% 0;
    position: relative;
    font-size: 1em;
    position: relative;
    padding: 30px 15px;
    text-align: center;
    transform: translateX(1px);
}
div.au-quote::before {
    content: '«';
    font-size: 150px;
    font-weight: bold;
    position: absolute;
    top: -50px;
    left: -30px;
    z-index: -1;
    color: var(--au-secondary);
}
div.au-quote::after {
    content: '»';
    font-size: 150px;
    font-weight: bold;
    position: absolute;
    bottom: 30px;
    right: 0px;
    z-index: -1;
    color: var(--au-secondary);
}
span.au-quote-author p {
	text-align: right;
  	margin-right: 10%;	
}
div.au-quote-details {
	display: flex;
	margin-right: 0;
 	margin-left: auto;
  	align-items: center;
  	font-size: 0.9em;
  	width: fit-content;
}
.au-quote-details div {
	text-align: left;
}
.au-quote-details div p:first-child {
	margin-bottom: 0;
}

div.au-quote-details img {
	display: block;
	width: 60px;
	height: 60px;
	margin-right: 15px;
}
.au-decoration-line {
    color: var(--au-dark);
}

@media all and (max-width: 920px) {
    li.au-numeric-item::before {
        left: -50px;
		top: 70px;
        font-size: 50px;
        height: 70px;
        width: 70px;
        border-width: 4px !important;
    }
    li.au-numeric-item p {
        margin-left: 10px;
    }
    div.au-quote::before {
        left: 30px;
    }
}
@media all and (max-width: 620px) {
    .au-numeric-item::before {
        height: 50px;
        width: 50px;
        font-size: 30px;
    }
	.au-numeric-item-title p {
		font-size: 30px;
	}
    .au-quote {
        font-size: 1.4em;
    }
    .au-quote::before {
        top: -80px;
    }
    .au-quote::before, .au-quote::after {
        font-size: 150px;
    }
}
@media (max-width: 490px) {
	li.au-numeric-item::before {
		left: -35px;
		font-size: 35px;
		height: 50px;
		width: 50px;
		top: 30px;
     }
	 div.au-quote::before {
		left: -10px;
		font-size: 100px;
		top: -20px;
	 }
	div.au-quote::after {
		font-size: 100px;
		bottom: 60px;
	}
	div.au-quote p {
		font-size: 16px;
	}
}

/* Au Paper Notes */
.my-notebook {
	background-image: url("https://ed-era.com/wp-content/uploads/2024/10/paper-bg.svg")!important;
	background-size: 100% auto;
	background-repeat: repeat;
	background-position: top center;
	padding: 40px 86px 20px 56px !important;
	line-height: 37px;
	margin-bottom:60px!important;
	font-size: 20px;
}
.au-green-theme .my-notebook {
	background-image:url('https://ed-era.com/wp-content/uploads/2024/11/paper-bg.svg')!important
}
.au-red-theme .my-notebook {
	background-image:url('https://ed-era.com/wp-content/uploads/2025/06/group-2563.svg')!important
}

.my-notebook ul {
	margin-top: 0;
	margin-bottom: 0;
}
.my-notebook p + p {
  margin-bottom: 50px;
}
.my-notebook p:has(a) {
	margin-bottom: 0;
}
.my-notebook p a {
	color: var(--au-primary) !important;
	font-weight: 700 !important;
}
@media (max-width: 720px) {
	.my-notebook {
		line-height: 35px;
	}
}
@media (max-width: 650px) {
  .my-notebook {
    background-size: 650px auto;
    background-repeat: repeat;
    background-position: top center;
    padding: 37px 40px 37px 20px !important;
    line-height: 33px;
    font-size: 18px;
  }
.my-notebook ul,.my-notebook ol {
	margin-top: 32px!important;
}
.my-notebook ul li,.my-notebook ol li {
	margin-bottom: 0px!important;
}
}

/* Au Bubbles */
.au-bubble-container {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.au-bubble-item {
	border: 2px solid var(--au-primary);
  	text-align: center;
	margin: 5px 10px 5px 0;
	padding: 10px;
	height: fit-content;
	font-size: 16px;
	
	width: 180px;
	height: 70px;
	font-size: 16px;
	
	display: flex;
    align-items: center;
    justify-content: center;
}
.au-bubble-item p {
	margin: 0;
}
.au-light .au-bubble-item p {
	color: #fff;
}
.au-dark .au-bubble-item p {
	color: #515050;
}
.au-solid-bg .au-bubble-item {
	background: var(--au-primary);
}
.au-radius-var-1 .au-bubble-item {
	border-radius: 300px;
}
.au-radius-var-2 .au-bubble-item {
	border-radius: 16px;
}
.au-wrap {
	flex-wrap: wrap;
}
.au-no-wrap {
	flex-wrap: nowrap;
}

@media (max-width: 800px) {
	.au-bubble-container,
	.au-no-wrap {
		flex-wrap: wrap;
	}
	.au-bubble-item {
		height: auto;
  		min-height: 50px;
		width: 220px;		
	}
}
@media (max-width: 490px) {
	.au-bubble-item {
		max-width: 160px;
	}
}
/* Au Image Text */
.au-image-text {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 15px auto 30px !important;
}
.au-image-text .au-text p {
	margin: 0;
}
.au-left {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    max-width: 50%; 
}

.au-image img {
    max-width: 100%;
    height: auto;
}
.au-right {
    flex: 1;
    min-width: 200px;
}
.au-image-text-title {
    font-weight: bold;
    margin-bottom: 0;
}
.au-image-text-title * {
    margin-bottom: 0!important;
}
.au-row-reverse {
	flex-direction: row-reverse;
}
@media (max-width: 420px) {
    .au-left {
        flex-basis: 50px !important;
    }
    .au-right .au-text {
        font-size: 16px;
    }
	.au-image-text-title h2 {
		font-size:20px;
	}
}

/* Au Features */
div.au-feature-card {
	padding: 30px 50px !important;
	border-radius: 4px;
	margin: 20px auto 60px;
}

.au-feature-title-row {
	display: flex;
	align-items: center;
}
.au-feature-card-title p {
	font-size: 30px;
	margin: 0;
	margin-left: 20px;
	font-weight: 600;
	color: var(--au-primary);
}
div.au-feature-card-grey {
	background: rgba(153,148,162,0.06);
	border: 1px solid #D8D8D8;
}
.au-feature-card-colored {
	background: var(--au-secondary);
}

.au-feature-card-image img {
	max-width: 80px;
}
.au-feature-item {
	display: flex;
	gap: 15px;
	margin-top: 30px;
}
.au-feature-image {
	flex: 1;
	position: relative;
}
.au-feature-image img {
	position: absolute;
	top: 50px;
	max-width: 120px;
}
.au-feature-content {
	flex: 4;
}
.au-feature-padding-img img {
	left: -60%;
}
.au-feature-title {
	font-size: 22px;
	margin-bottom: 10px;
}
.au-feature-title p {
	margin: 0;
}
.au-feature-bubble {
	background: var(--au-primary);
	border-radius: 22px;
	padding: 5px 15px;
	width: fit-content;
}
.au-feature-content p a {
	color: var(--au-primary) !important;
}
.au-light-blue-theme .au-feature-bubble p,
.au-light-purple-theme .au-feature-bubble p,
.au-green-theme .au-feature-bubble p, 
.au-dark-blue-theme .au-feature-bubble p,
.au-dark-purple-theme .au-feature-bubble p {
	color: #fff;
}
.au-yellow-theme .au-feature-bubble p {
	color: #000;
}
@media (min-width: 840px) {
	div.au-feature-card {
		width: 100%;
  		max-width: 824px;
	}
}
@media (max-width: 768px) {
	.au-feature-card-title p {
		font-size: 34px;
	}
	.au-feature-card-image img {
		max-width: 60px;
	}
}
@media (max-width: 680px) {
	div.au-feature-card {
		padding: 30px 15px !important;
	}
	.au-feature-image img {
		max-width: 100px;
	}
}
@media (max-width: 490px) {
	div.au-feature-card {
		width: 95% !important;
	}
	div.au-feature-card {
		padding: 20px !important;
	}
	.au-feature-card-title p {
		font-size: 20px;
	}
	.au-feature-card-image img {
		max-width: 50px;
	}
	.au-feature-text p {
		font-size: 16px;
	}
	.au-feature-title p {
		font-size: 18px;
	}
	.au-feature-item {
		flex-direction: column;
	}
	.au-feature-image img {
		position: static;
		max-width: 80px;
	}
	.au-feature-image {
		flex: 1;
	}
	.au-feature-content {
		flex: 1;
	}
}