/*
Theme Name: Frontis
Theme URI: https://demo.frontiswp.com/theme
Author: WP Messiah
Author URI: https://wpmessiah.com/
Description: Meet Frontis, the lightweight WordPress block theme built for speed and flexibility. Perfect for any project, Frontis offers unlimited customizability through its simple block editor, empowering you to create stunning, fast-loading websites with no hassle. Whether for a blog, business, or portfolio, Frontis provides a robust foundation that scales with your needs, while maintaining great SEO performance. Make a bold statement with Frontis, where speed meets sophistication. A Fast, Highly Customizable Block Theme for WordPress.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.1.18
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: frontis
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

html{
    scroll-behavior: smooth;
}

/* Custom Code */


.wp-block-template-part.fb-sticky-header.scrolled .frontis-blocks-is-root-container {
	background-color: #ffffff !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	transition: 0.3s ease-in-out !important;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
.fb-sticky-header.scrolled .advanced-navigation-wrapper .advanced-navigation-contents .wp-block-navigation-item {
	padding-top: 35px;
	padding-bottom: 35px;
}
body:not(.home) .black-logo,
body.home .white-logo
{
	display: none;
}
body:not(.home) .fb-sticky-header .advanced-navigation-wrapper .advanced-navigation-contents .wp-block-navigation-item__content {
	color: #D3D3D8;
}


body:not(.home) .fb-sticky-header .fb-advanced-button-wrapper .fb-advanced-button-text {
	color: #fff
}


body:not(.home) .header-area .advanced-navigation-wrapper .advanced-navigation-contents .wp-block-navigation-item__content {
	color: #fff;
}

body:not(.home) .header-area .fb-advanced-button-wrapper .fb-advanced-button-text {
	color: #fff
}

body:not(.home) .wp-block-navigation__responsive-container-open {
	color: #fff;
}
body:not(.home) .wp-block-navigation__responsive-container.is-menu-open  .wp-block-navigation-item__content {
	color: #131315 !important;
}

.fb-sticky-header.scrolled .white-logo{ 
	display: none;
}
.fb-sticky-header.scrolled .black-logo{ 
	display: block;
}
body:not(.home) .fb-sticky-header.scrolled .advanced-navigation-wrapper .advanced-navigation-contents .wp-block-navigation-item__content,
body:not(.home) .fb-sticky-header.scrolled .fb-advanced-button-wrapper .fb-advanced-button-text {
	color: #323238
}


body.wp-theme-frontis .wp-block-navigation__responsive-container.is-menu-open {
	background-color: #ffffff !important
}


.wp-block-post-navigation-link {
    background-color: transparent;
	flex-grow: initial;
}
.wp-block-post-navigation-link a{
	display: inline-flex;
	border: 1px solid #E1E3E8;
	background-color: #FAFAFA;
	border-radius: 50px;
	align-items: center;
	justify-content: center;
	font-size: 0;
	line-height: 0;
	text-indent: -9999;
	width: 57px;
	height: 57px;
	transition: 0.3s;
}
.wp-block-post-navigation-link a:hover{
	background-color: #FFE224;
	border-color: #FFE224;
	transition: 0.3s;
}
.wp-block-post-navigation-link a:before {
	content: "";
	width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}
.post-navigation-link-previous a:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M10.5 13.5L1.5 13.5M1.5 13.5L1.5 4.5M1.5 13.5L13.5 1.5' stroke='%2315171C' stroke-width='1.5'/%3E%3C/svg%3E");
}
.post-navigation-link-next a:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M4.5 1.5H13.5M13.5 1.5V10.5M13.5 1.5L1.5 13.5' stroke='%23131315' stroke-width='1.5'/%3E%3C/svg%3E");
}
.fb_post_grid_author {
    position: relative;
}
.fb_post_grid_date {
    background-color: #F15B43;
    width: 110px;
    height: 110px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -50px;
    right: 53px;
	flex-direction: column;
    gap: 10px;
}

.fb_post_grid_date:before {
	content: "";
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M14.1667 11.6667C14.3877 11.6667 14.5996 11.5789 14.7559 11.4226C14.9122 11.2663 15 11.0543 15 10.8333C15 10.6123 14.9122 10.4004 14.7559 10.2441C14.5996 10.0878 14.3877 10 14.1667 10C13.9457 10 13.7337 10.0878 13.5774 10.2441C13.4211 10.4004 13.3333 10.6123 13.3333 10.8333C13.3333 11.0543 13.4211 11.2663 13.5774 11.4226C13.7337 11.5789 13.9457 11.6667 14.1667 11.6667ZM14.1667 15C14.3877 15 14.5996 14.9122 14.7559 14.7559C14.9122 14.5996 15 14.3877 15 14.1667C15 13.9457 14.9122 13.7337 14.7559 13.5774C14.5996 13.4211 14.3877 13.3333 14.1667 13.3333C13.9457 13.3333 13.7337 13.4211 13.5774 13.5774C13.4211 13.7337 13.3333 13.9457 13.3333 14.1667C13.3333 14.3877 13.4211 14.5996 13.5774 14.7559C13.7337 14.9122 13.9457 15 14.1667 15ZM10.8333 10.8333C10.8333 11.0543 10.7455 11.2663 10.5893 11.4226C10.433 11.5789 10.221 11.6667 10 11.6667C9.77899 11.6667 9.56702 11.5789 9.41074 11.4226C9.25446 11.2663 9.16667 11.0543 9.16667 10.8333C9.16667 10.6123 9.25446 10.4004 9.41074 10.2441C9.56702 10.0878 9.77899 10 10 10C10.221 10 10.433 10.0878 10.5893 10.2441C10.7455 10.4004 10.8333 10.6123 10.8333 10.8333ZM10.8333 14.1667C10.8333 14.3877 10.7455 14.5996 10.5893 14.7559C10.433 14.9122 10.221 15 10 15C9.77899 15 9.56702 14.9122 9.41074 14.7559C9.25446 14.5996 9.16667 14.3877 9.16667 14.1667C9.16667 13.9457 9.25446 13.7337 9.41074 13.5774C9.56702 13.4211 9.77899 13.3333 10 13.3333C10.221 13.3333 10.433 13.4211 10.5893 13.5774C10.7455 13.7337 10.8333 13.9457 10.8333 14.1667ZM5.83333 11.6667C6.05435 11.6667 6.26631 11.5789 6.42259 11.4226C6.57887 11.2663 6.66667 11.0543 6.66667 10.8333C6.66667 10.6123 6.57887 10.4004 6.42259 10.2441C6.26631 10.0878 6.05435 10 5.83333 10C5.61232 10 5.40036 10.0878 5.24408 10.2441C5.0878 10.4004 5 10.6123 5 10.8333C5 11.0543 5.0878 11.2663 5.24408 11.4226C5.40036 11.5789 5.61232 11.6667 5.83333 11.6667ZM5.83333 15C6.05435 15 6.26631 14.9122 6.42259 14.7559C6.57887 14.5996 6.66667 14.3877 6.66667 14.1667C6.66667 13.9457 6.57887 13.7337 6.42259 13.5774C6.26631 13.4211 6.05435 13.3333 5.83333 13.3333C5.61232 13.3333 5.40036 13.4211 5.24408 13.5774C5.0878 13.7337 5 13.9457 5 14.1667C5 14.3877 5.0878 14.5996 5.24408 14.7559C5.40036 14.9122 5.61232 15 5.83333 15Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.83268 1.45898C5.99844 1.45898 6.15741 1.52483 6.27462 1.64204C6.39183 1.75925 6.45768 1.91822 6.45768 2.08398V2.71982C7.00935 2.70898 7.61685 2.70898 8.28518 2.70898H11.7127C12.3818 2.70898 12.9893 2.70898 13.541 2.71982V2.08398C13.541 1.91822 13.6069 1.75925 13.7241 1.64204C13.8413 1.52483 14.0003 1.45898 14.166 1.45898C14.3318 1.45898 14.4907 1.52483 14.608 1.64204C14.7252 1.75925 14.791 1.91822 14.791 2.08398V2.77315C15.0077 2.78982 15.2127 2.81065 15.4068 2.83648C16.3835 2.96815 17.1743 3.24482 17.7985 3.86815C18.4218 4.49232 18.6985 5.28315 18.8302 6.25982C18.9577 7.20982 18.9577 8.42232 18.9577 9.95398V11.714C18.9577 13.2457 18.9577 14.459 18.8302 15.4082C18.6985 16.3848 18.4218 17.1756 17.7985 17.7998C17.1743 18.4231 16.3835 18.6998 15.4068 18.8315C14.4568 18.959 13.2443 18.959 11.7127 18.959H8.28602C6.75435 18.959 5.54102 18.959 4.59185 18.8315C3.61518 18.6998 2.82435 18.4231 2.20018 17.7998C1.57685 17.1756 1.30018 16.3848 1.16852 15.4082C1.04102 14.4582 1.04102 13.2457 1.04102 11.714V9.95398C1.04102 8.42232 1.04102 7.20898 1.16852 6.25982C1.30018 5.28315 1.57685 4.49232 2.20018 3.86815C2.82435 3.24482 3.61518 2.96815 4.59185 2.83648C4.78602 2.81065 4.99185 2.78982 5.20768 2.77315V2.08398C5.20768 1.91822 5.27353 1.75925 5.39074 1.64204C5.50795 1.52483 5.66692 1.45898 5.83268 1.45898ZM4.75768 4.07565C3.92018 4.18815 3.43685 4.39982 3.08435 4.75232C2.73185 5.10482 2.52018 5.58815 2.40768 6.42648C2.38852 6.56815 2.37268 6.71815 2.35935 6.87565H17.6393C17.626 6.71732 17.6102 6.56815 17.591 6.42565C17.4785 5.58815 17.2668 5.10482 16.9143 4.75232C16.5618 4.39982 16.0785 4.18815 15.2402 4.07565C14.3843 3.96065 13.2552 3.95898 11.666 3.95898H8.33268C6.74352 3.95898 5.61518 3.96065 4.75768 4.07565ZM2.29102 10.0007C2.29102 9.28898 2.29102 8.66982 2.30185 8.12565H17.6968C17.7077 8.66982 17.7077 9.28898 17.7077 10.0007V11.6673C17.7077 13.2565 17.706 14.3857 17.591 15.2423C17.4785 16.0798 17.2668 16.5632 16.9143 16.9157C16.5618 17.2682 16.0785 17.4798 15.2402 17.5923C14.3843 17.7073 13.2552 17.709 11.666 17.709H8.33268C6.74352 17.709 5.61518 17.7073 4.75768 17.5923C3.92018 17.4798 3.43685 17.2682 3.08435 16.9157C2.73185 16.5632 2.52018 16.0798 2.40768 15.2415C2.29268 14.3857 2.29102 13.2565 2.29102 11.6673V10.0007Z' fill='white'/%3E%3C/svg%3E");
	
}


/* Blog Comment Form */
.comment-reply-title {
	margin-top: 0;
	font-size: 24px;
	font-weight: 700;
	color: #15171C;
}
.wp-block-comments {
	width: 100%;
}
.comment-respond .comment-form-comment,
.comment-respond .comment-form-author,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url
{
	margin-bottom: 30px;
}
.comment-respond .comment-form-comment textarea, 
.comment-respond .comment-form-author input, 
.comment-respond .comment-form-email input, 
.comment-respond .comment-form-url input {
	border-radius: 50px;
	border-color: #D3D3D8;
}
.comment-respond label {
    color: #15171C;
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px;
    display: inline-block;
    width: 100%;
}
.wp-block-comments .wp-block-button__link {
	height: inherit;
	margin-top: 15px;
	background-color: #FFE224;
	color: #131315;
	font-family: 'Poppins';
	font-size: 18px;
	font-weight: 600
}
.wp-block-comments-title {
    font-family: 'Poppins';
}
.comment-respond .logged-in-as,
.comment-respond .comment-notes{
    color: #15171C;
    margin-bottom: 30px;
}
.comment-respond .logged-in-as a {
	 color: #15171C;
	text-decoration: underline;
}

/* Subscribe Form */

.wp-block-frontis-blocks-fluent-form {
    width: 100%;
}
.newsletter-form .frm-fluent-form {
	margin-bottom: 0 !important;
}
.newsletter-form-wrapper .ff-t-cell {
	flex-direction: row;
}
.newsletter-form-wrapper .ff-el-group { 
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	flex-grow: 1;
	justify-content: flex-end;
}

.newsletter-form-wrapper .ff-btn-submit {
    margin: 0 !important;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
	cursor: pointer;
}

/* .newsletter-form input[type="email"] {
    background-color: transparent;
    border: 0 !important;
    padding: 10px;
    font-size: 16px;
    color: #B5B5BB;
} */
/* @media only screen and (min-width: 0px) and (max-width: 1200px){
	.fb-sticky-header .fb-advanced-button-main-wrapper {
		display: none !important;
	}
} */
/* body.home .footer-top-cta-area {
	display: none !important
} 
body.home .wp-block-template-part .frontis-blocks-is-root-container {
	padding: 0 !important
} */


/* Alignfull Compatibility */
body {
    overflow-x: hidden;
}

.entry-content > .alignfull {
    margin-left: calc( -50vw + 50%);
    margin-right: calc( -50vw + 50%);
    max-width: 100vw;
    width: 100vw;
}

.wp-block-categories.custom-style-1 {
    font-weight: bold;
    color: #0073aa;
}

.wp-block-categories.custom-style-2 {
    font-style: italic;
    color: #d54e21;
}

.fb-sticky-header > .wp-block-group {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    background: transparent;
}
.fb-sticky-header {
    position: sticky;
    top: 0;
    z-index: 999;
    transition: background 0.3s ease, top 0.3s ease-in-out;
}

.fb-sticky-header > div > div > div {
    transition: background-color 0.1s ease-in-out;
}

.fb-sticky-header.scrolled > div > div > div {
    background-color: var(--wp--preset--sticky--bg) !important;
    transition: background-color 0.1s ease-in-out;
}

body .fb-transparent-header > div > div > div{
    background: var(--wp--preset--transparent--bg) !important;
}

#fb-scroll-to-top {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 20px;
    right: 20px;
    background-color: var(--wp--preset--color--primary-800);
    color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    opacity: 0; 
    visibility: hidden;
    z-index: 999;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#fb-scroll-to-top.visible {
    opacity: 1; 
    visibility: visible; 
}
.wp-block-post-author{
    align-items: center;
}
.wp-block-post-author__avatar img{
    border-radius: 50%;
}
.subscribe-form {
    max-width: 290px;
    width: 100%;
}

.subscribe-form p {
    display: inline-flex;
    align-items: center;
    margin: 0;
}


.footer-bright .subscribe-form button svg path {
    stroke: #001514;
}

.footer-bright .subscribe-form button {
    background: #00F0E4 !important;
}

.footer-conifer .subscribe-form button {
    background: #A9E94B !important;
}

.footer-conifer .subscribe-form button svg path {
    stroke: #121B03 !important;
}

.footer-selective-yellow .subscribe-form button {
    background: #FFBE2E !important;
}

.footer-selective-yellow .subscribe-form button svg path {
    stroke: #1F1500 !important;
}

.footer-selective-blue .subscribe-form button {
    background: #8054FF !important;
}

.footer-selective-blue .subscribe-form button svg path {
    stroke: #fff !important;
}


.subscribe-form button[type="submit"] {
    position: relative;
    background: #399CFF;
    color: #fff;
    padding: 7px !important;
    border-radius: 100%;
    font-size: 18px;
    border: none;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-social-icon {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.footer-social-icon div {
    flex-shrink: 0;
}


.mc4wp-form input[type="email"]{
    position: relative;
}
.mc4wp-form input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
}
.mc4wp-form input#email {
    width: 100%;
    padding-left: 20px;
    border-radius: 50px;
    border: 1px solid #E1E3E8;
    height: 42px;
    box-sizing: border-box;
    font-size: 16px;
}

.wp-site-blocks footer {
    margin-block-start: auto;
    margin-top: auto;
}

figure {
    line-height: 0;
}

figcaption{
    line-height: 1.3;
}

body .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--primary) !important;
}

.wp-block-comment-content.has-p-2-font-size p {
    font-size: var(--wp--preset--font-size--p-2);
    margin-left: 56px;
    margin-bottom: 0;
}
.wp-block-comment-reply-link {
    text-align: right;
}


/* Shared styles for comment form inputs and textarea */
.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    border: 1px solid var(--wp--preset--color--primary-100);
    border-radius: var(--wp--preset--spacing--spacing-16);
    outline: none;
    box-shadow: none;
}

/* Focus styles for all inputs and textarea */
.comment-form-comment textarea:focus,
.comment-form-author input:focus,
.comment-form-email input:focus,
.comment-form-url input:focus {
    border-color: var(--wp--preset--color--primary-100);
    box-shadow: none;
    outline: none;
}
ol.wp-block-latest-comments {
    padding-left: 0;
}

input:focus-visible {
    outline: none;
}
.theme-accordion .theme-accordion-list {
    cursor: pointer;
}
.theme-accordion p {
    font-size:  var(--wp--preset--font-size--p-2) !important;
}
.contact-info-icon {
    flex-shrink: 0;
}
.frontis-contact-from .wpcf7-form p {
    margin: 24px 0;
}
.frontis-contact-from .wpcf7-form p label {
    font-weight: 500;
    color: var(--wp--preset--color--primary-50);
}
.frontis-contact-from .wpcf7-form p input,
.frontis-contact-from .wpcf7-form p textarea {
    border: 1px solid var(--wp--preset--color--primary-600);
    padding: 14px 16px;
    border-radius: 12px;
    color: var(--wp--preset--color--primary-50);
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
    background-color: var(--wp--preset--color--primary-700);
}
.frontis-contact-from .wpcf7-form p input:focus,
.frontis-contact-from .wpcf7-form p textarea:focus {
    outline: none;
    box-shadow: none;
}
.frontis-contact-from input.wpcf7-form-control.wpcf7-submit {
    background-color:var(--wp--preset--color--base);
    font-size: var(--wp--preset--font-size--p-1);
    color: var(--wp--preset--color--white);
    font-weight: 600;
    border-radius: 50px;
    cursor: pointer;
}
.frontis-contact-from .wpcf7-not-valid-tip {
    font-size: 14px;
}

.is-single-post-meta {
    flex-basis: fit-content !important;
    margin-right: 16px !important;
}