/* general settings */

#page-container h1,
#page-container h2,
#page-container h3,
#page-container h4,
#main-content h5,
#page-container h6 {
  font-family: var(--ff-main) !important;
  color: var(--plnb-clr-heading) !important;
}
html,
body,
li,
ul,
ol,
#page-container p {
  font-family: var(--ff-main)!important;
  color: var(--plnb-clr-paragraph);
}

#page-container h1 {
  font-size: var(--plnb-fs-h1) !important;
  font-weight: var(--plnb-fw-h1) !important;
  line-height: var(--plnb-lh-h1) !important;
  letter-spacing: var(--plnb-ls-h1) !important;
}
#page-container h1.big {
  font-size: var(--plnb-fs-h1-big) !important;
  font-weight: var(--plnb-fw-h1-big) !important;
  line-height: var(--plnb-lh-h1-big) !important;
  letter-spacing: var(--plnb-ls-h1-big) !important;
}
#page-container h2 {
  font-size: var(--plnb-fs-h2)!important;
  font-weight: var(--plnb-fw-h2) !important;
  line-height: var(--plnb-lh-h2) !important;
  letter-spacing: var(--plnb-ls-h2) !important;
}
#page-container h2.big {
  font-size: var(--plnb-fs-h1)!important;
  font-weight: var(--plnb-fw-h1)!important;
  line-height: var(--plnb-lh-h1)!important;
  letter-spacing: var(--plnb-ls-h1)!important;
}
#page-container h3 {
  font-size: var(--plnb-fs-h3)!important;
  font-weight: var(--plnb-fw-h3) !important;
  line-height: var(--plnb-lh-h3) !important;
  letter-spacing: var(--plnb-ls-h3) !important;
}
#page-container h4 {
  font-size: var(--plnb-fs-h4)!important;
  font-weight: var(--plnb-fw-h4) !important;
  line-height: var(--plnb-lh-h4) !important;
  letter-spacing: var(--plnb-ls-h4) !important;
}
#main-content h5 {
  font-size: var(--plnb-fs-h5) !important;
  font-weight: var(--plnb-fw-h5) !important;
  line-height: var(--plnb-lh-h5) !important;
  letter-spacing: var(--plnb-ls-h5) !important;
}
#page-container h6 {
  font-size: var(--plnb-fs-h6)!important;
  font-weight: var(--plnb-fw-h6) !important;
  line-height: var(--plnb-lh-h6) !important;
  letter-spacing: var(--plnb-ls-h6) !important;
}

#page-container p {
  font-size: var(--plnb-fs-p)!important;
  font-weight: var(--plnb-fw-p)!important;
  line-height: var(--plnb-lh-p)!important;
  letter-spacing: var(--plnb-ls-p)!important;
}
#page-container p.small {
  font-size: var(--plnb-fs-p-small)!important;
  font-weight: var(--plnb-fw-p-small)!important;
  line-height: var(--plnb-lh-p-small)!important;
  letter-spacing: var(--plnb-ls-p-small)!important;
}
#page-container p.big {
  font-size: var(--plnb-fs-p-big)!important;
  font-weight: var(--plnb-fw-p-big)!important;
  line-height: var(--plnb-lh-p-big)!important;
  letter-spacing: var(--plnb-ls-p-big)!important;
}
#page-container p.subheading {
  font-size: var(--plnb-fs-subh)!important;
  font-weight: var(--plnb-fw-subh)!important;
  line-height: var(--plnb-lh-subh)!important;
  letter-spacing: var(--plnb-ls-subh)!important;
}
#page-container p.label {
  font-size: var(--plnb-fs-p-label)!important;
  font-weight: var(--plnb-fw-p-label)!important;
  line-height: var(--plnb-lh-p-label)!important;
  letter-spacing: var(--plnb-ls-p-label)!important;
}
/* end general settings */
.newsletter-card br:not(.success-br) {
	display: none !important;
}
.newsletter-card p.newsletter-success-message br {
	display: block !important;
}
#page-container .newsletter-card p.newsletter-success-message {
    position: absolute;
    top: 92px;
    left: 0;
    right: 0;

    margin: 0 auto !important;

    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 160% !important;

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.4s ease,
        visibility 0.4s ease;
}

#page-container .newsletter-card p.newsletter-success-message.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

body.page-id-988354 {
	width: 100vw !important;
	overflow-x: hidden !important
}
#page-container:has(.dropdown-menu-section) #main-content .et_builder_inner_content > .changelog-hero-section.et_pb_section:first-of-type {
	padding-block: 97px 0px!important;
}

.changelog-hero-section .et_pb_row {
	padding-bottom: 0px !important;
}

.changelog-section,
.changelog-section .et_pb_row {
	padding-top: 0px !important
}

.newsletter-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	border-radius: 24px;
	background-color: var(--plnb-clr-green-900);
	padding: 30px 24px 24px 24px;
}


#page-container .newsletter-card h1 {
	padding-bottom: 0 !important
}

#page-container .newsletter-card h1,
#page-container .newsletter-card p {
	color: #fff !important;
	text-align: center
}
#page-container .newsletter-card p {
	font-size: 18px !important;
	font-weight: 600 !important;
	padding: 0px !important;
}

.newsletter-card form {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 20px;
}

.newsletter-card form .inputs {
	display: flex;
	gap: 12px;
	align-items: center;
	justify-content: center;
}

.newsletter-card form .cf-turnstile {
	margin-top: -4px;
}

.newsletter-card form input {
    border-radius: 12px;
	border: 1px solid #FFF;
    background-color: var(--plnb-clr-green-900);
    height: 73px;
    display: flex;
    align-items: center;
    padding: 24px;
    color: #FFF;
    font-family: Gilroy !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 180% !important;
	width: 338px;
}

.newsletter-card form input::placeholder {
	color: #FFF;
}

.newsletter-card .customerio-acceptance {
    display: flex;
    align-items: center;
    gap: 10px;
}

.newsletter-card .customerio-acceptance span {
	color: #00B28E !important;
	font-size: 10px !important;
	font-weight: 500 !important;
	line-height: 160% !important;
}

.newsletter-card .customerio-acceptance span a {
	color: var(--plnb-clr-green-sat) !important;
	text-decoration-line: underline;
}

.newsletter-card .customerio-acceptance input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;

    width: 22.845px;
    height: 22.845px;
    flex: 0 0 22.845px;

    margin: 0;
	padding: 0px !important;

    border-radius: 5px;
    border: 1px solid var(--Midnight-Abyss-0, #FFF);
    background: transparent;

    display: grid;
    place-content: center;

    cursor: pointer;
}

/* Checkmark */
.newsletter-card .customerio-acceptance input[type="checkbox"]::before {
    content: "";
    width: 11px;
    height: 6px;
	margin-bottom: 3px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;

    transform: rotate(-45deg) scale(0);
    transition: transform 0.15s ease;
}

.newsletter-card .customerio-acceptance input[type="checkbox"]:checked::before {
    transform: rotate(-45deg) scale(1);
}

.newsletter-card button.plnb-button-tertiary {
	color: var(--plnb-clr-green-900) !important;
	background-color: #91FFD2 !important;
	padding-block: 27px !important;
	padding-inline: 12px !important;
}

.newsletter-card button.plnb-button-tertiary::after {
    all: unset;
    content: "";
    border-radius: inherit;
    position: absolute;
    inset: 0;
    outline: 6px solid rgba(33, 204, 153, 0.25) !important;
    opacity: 0;
    transition: all 0.3s;
}



.plnb-changelog-item {
	display: flex;
	padding-block: 64px;
	border-bottom: 1px solid var(--plnb-clr-neutral-900)
}


.plnb-changelog-date {
	width: 100%;
	max-width: 350px;
	font-size: var(--fs-h5) !important;
	font-weight: var(--fw-h5) !important;
	line-height: var(--lh-h5) !important;
	color: #000
}

.plnb-changelog-main {
	width: 100%;
	max-width: 800px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}


/* Base label */
.plnb-label {
    display: inline-flex;
    align-items: center;
    padding: 10;
    border: 1px solid transparent;
    border-radius: 7px;
	font-size: var(--fs-p);
	font-weight: 700;
	line-height: var(--lh-p);
    white-space: nowrap;
}

/* Labels wrapper */
.plnb-changelog-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Improvement */
.plnb-label--improvement {
    background: var(--plnb-clr-lavander-200);
    border-color: var(--plnb-clr-purple-800);
    color: var(--plnb-clr-purple-800) !important;
}

/* New */
.plnb-label--new {
    background: var(--plnb-clr-green-100);
    border-color: var(--plnb-clr-green-800);
    color: var(--plnb-clr-green-800) !important;
}

/* Fix */
.plnb-label--fix {
    background: var(--plnb-clr-red-100);
    border-color: var(--plnb-clr-red-700);
    color: var(--plnb-clr-red-700) !important;;
}

/* Analytics */
.plnb-label--analytics {
    background: var(--plnb-clr-blue-100);
    border-color: var(--plnb-clr-blue-800);
    color: var(--plnb-clr-blue-800) !important;;
}

/* Automations */
.plnb-label--automations {
    background: var(--plnb-clr-red-100);
    border-color: var(--plnb-clr-red-700);
    color: var(--plnb-clr-red-700) !important;;
}

/* Social Inbox */
.plnb-label--social-inbox {
    background: #ffe0d0;
    border-color: #f4ae87;
    color: #aa450b !important;;
}

/* Planning */
.plnb-label--planning {
    background: #F2F3F6;
    border-color: #000;
    color: #000 !important;;
}

/* Creation */
.plnb-label--creation {
    background: var(--plnb-clr-red-100);
    border-color: var(--plnb-clr-red-700);
    color: var(--plnb-clr-red-700) !important;;
}

/* Collaboration */
.plnb-label--collaboration {
    background: var(--plnb-clr-orange-100);
    border-color: var(--plnb-clr-orange-700);
    color: var(--plnb-clr-orange-700) !important;;
}

/* Approval */
.plnb-label--approval {
    background: var(--plnb-clr-blue-100);
    border-color: var(--plnb-clr-blue-800);
    color: var(--plnb-clr-blue-800) !important;;
}




.plnb-changelog-title {
	font-size: var(--fs-h2) !important;
	font-weight: var(--fw-h2) !important;
	line-height: var(--lh-h2) !important;
	color: var(--plnb-clr-neutral-900) !important;
}

.plnb-changelog-image img {
	border-radius: 24px;
}

#page-container .plnb-changelog-content p,
#page-container .plnb-changelog-content ul li,
#page-container .plnb-changelog-content ol li {
	font-size: var(--fs-p-small) !important;
	font-weight: var(--fw-p-small) !important;
	line-height: var(--lh-p-small) !important;
	color: #000 
}

#page-container .plnb-changelog-content p a {
	text-wrap: wrap;
	word-break: break-all;
}


#page-container .plnb-changelog-content img {
	border-radius: 24px;
}



#page-container #et-boc #main-content .plnb-changelog-content a:not(:has(i)) {
    display: initial;
    color: var(--plnb-clr-neutral-800);
    background-image: linear-gradient(180deg, #b9ecd5, #b9ecd5);
    border-radius: 5px;
    background-size: 100% 6px;
    background-repeat: no-repeat;
    background-position: bottom;
    transition: background 0.45s ease-in-out;
    font-weight: 600;
}
#page-container #et-boc #main-content .plnb-changelog-content a:hover {
    background-size: 100% 100%;
}


.plnb-changelog-pagination {
	margin-top: 64px;
	display: flex;
	justify-content: center;
}
.plnb-changelog-pagination a,
.plnb-changelog-pagination span {
	padding: 4px;
	color: #000;
}

.plnb-changelog-pagination .is-disabled {
	display: none
}

.plnb-changelog-pagination .is-current {
	color: #2ea3f2!important
}





.plnb-prefooter-section.new-homepage .plnb-prefooter-row {
    padding-bottom: 0px !important;
}

.plnb-prefooter-section.new-homepage .buttons-row {
    padding-block: 0 160px !important;
}
.plnb-prefooter-section.new-homepage .buttons-row .et_pb_column {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.plnb-prefooter-section.new-homepage .buttons-row .et_pb_column .et_pb_button_module_wrapper a.plnb-button-secondary {
    border: 1px solid white !important;
    color: white !important;
}

#page-container .plnb-prefooter-section.new-homepage .prefooter-text-content+p {
	color: #FFF;
    text-align: center !important;
    padding-bottom: 48px !important;
    font-size: 18px !important;
}

#page-container .plnb-prefooter-section .prefooter-text-content {
    font-size: 61px !important;
    font-weight: 700 !important;
    line-height: 65px !important;
    text-align: center;
    color: white !important;
	padding-bottom: 0;
    margin-bottom: 24px !important;
}

.newsletter-card > *:not(.newsletter-success-message) {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}

/* First phase: fade existing content out */
.newsletter-card.is-hiding > *:not(.newsletter-success-message) {
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
}

/* Success hidden initially */
.newsletter-card .newsletter-success-message {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition:
        opacity 0.4s ease,
        transform 0.4s ease,
        visibility 0.4s;
}

/* Second phase: success appears */
.newsletter-card .newsletter-success-message.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

@media (min-width: 981px) {
/* 	.newsletter-card .customerio-acceptance span a:hover {
		color: var(--plnb-clr-button-hover) !important;	
	} */
	.newsletter-card button.plnb-button-tertiary:hover::after {
		opacity: 1 !important;
	}
	
}

@media (max-width: 980px) {
	.newsletter-card button.plnb-button-tertiary {
		margin: 0px !important;
	}
}

@media (max-width: 920px) {
	.plnb-changelog-date {
		max-width: 200px;
	}
}

@media (max-width: 764px) {
	.plnb-changelog-item {
		flex-direction: column;
		gap: 24px
	}
	
	.newsletter-card .customerio-acceptance input[type="checkbox"] {
		margin-top: 5px;
	}
	.newsletter-card form {
		align-items: center;
	}
	.newsletter-card form .inputs {
		max-width: 216px;
		flex-direction: column;
		
	}
	.newsletter-card form input {
		width: 100%;
	}
	#page-container .newsletter-card p {
		font-size: 18px !important;
		max-width: 224px;
		margin: 0 auto;
	}
	
	.newsletter-card br:not(.success-br) {
		display: flex !important;
	}
}