/*
Theme Name: Ikreate FSE
Theme URI: https://ikreatethemes.com/wordpress-themes/ikreate-fse-full-site-editing-wordpress-theme/
Author: ikreatethemes
Author URI: https://ikreatethemes.com/
Description: Ikreate FSE is a fast and clean multi-purpose free WordPress theme, designed for various business-related websites. You can utilize this theme to launch a business, showcase your services, and enhance your website without the need for any coding experience. Ikreate FSE boasts 25+ pattern blocks and pre defind templates, providing users with additional design options for their website. Ikreate FSE is also responsive, browser compatible, SEO-friendly, RTL compatible, speed-optimized, and translation-ready. These elements ensure that your website is easily accessible, user-friendly, and search engine optimized, facilitating your target audience in finding your company online. If you encounter any issues while using our theme, you can refer to our theme documentation or reach out to our friendly support staff at [https://ikreatethemes.com/support/].
Version: 1.0.5
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Text Domain: ikreate-fse
Tags: full-site-editing, one-column, flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

*,
*::before,
*::after {
  box-sizing: inherit;
}

/* .widget a:not(.wp-block-button__link),
.entry-summery a:not(.wp-block-button__link),
.entry-content a:not(.wp-block-button__link),
a {
  text-underline-offset: 5px;;
  text-decoration: underline;
} */

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

/** Section Title **/
.super-title {
  line-height: 1;
  color: var(--wp--preset--color--secondary);
  position: relative;
}

.super-title:before,
.super-title:after {
  content: "";
  height: 2px;
  width: 25px;
  position: absolute;
  background-color: var(--wp--preset--color--secondary);
  top: 8px;
}

.super-title:before {
  right: calc(100% + 20px);
  background-image: -webkit-gradient(linear, right top, left top, from(var(--wp--preset--color--secondary)), color-stop(130%, transparent));
  background-image: -o-linear-gradient(right, var(--wp--preset--color--secondary), transparent 130%);
  background-image: linear-gradient(to left, var(--wp--preset--color--secondary), transparent 130%);
  background-color: transparent;
}

.super-title:after {
  left: calc(100% + 20px);
  background-image: -webkit-gradient(linear, left top, right top, from(var(--wp--preset--color--secondary)), color-stop(130%, transparent));
  background-image: -o-linear-gradient(left, var(--wp--preset--color--secondary), transparent 130%);
  background-image: linear-gradient(to right, var(--wp--preset--color--secondary), transparent 130%);
  background-color: transparent;
}

.text-left.super-title:before {
  display: none;
}

.text-right.super-title:after {
  display: none;
}


/** How it Works **/
.how_it_works .step_block .step_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 30px;
}

.how_it_works .step_block .step_item:last-child {
  margin-bottom: 0;
}

.how_it_works .step_block .step_item::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
  width: 6px;
  height: calc(100% + 100px);
  background-color: var(--wp--preset--color--primary);
}

.how_it_works .step_block .step_item:first-child::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -5px;
  transform: translateX(-50%);
  width: 15px;
  height: 15px;
  background-color: var(--wp--preset--color--primary);
  border-radius: 15px;
}

.how_it_works .step_block .step_item:first-child::before {
  top: 0;
}

.how_it_works .step_block .step_item:last-child::before {
  height: 50%;
  top: 0;
}

.how_it_works .step_block .step_item:nth-child(2n) {
  flex-direction: row-reverse;
}

.how_it_works .step_block .step_item .step_number {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 100%;
  background: var(--wp--preset--color--wwhite);
  border: 5px solid var(--wp--preset--color--primary);
}
.how_it_works .step_number h2 {
  color: var(--wp--preset--color--primary);
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 5px solid var(--wp--preset--color--primary);
  border-radius: 100%;
}


/** Blog Posts **/
.wp-block-post-author{
  display: flex;
  align-items: center;
}
.wp-block-post-author::after{
  content: "";
  width: 8px;
  border: 1px solid;
  margin-left: 8px;
}
.wp-block-post-author .wp-block-post-author__avatar {
  margin-right: 10px;
}
.wp-block-post-author .wp-block-post-author__avatar img{
  border-radius: 100%;
}


.video_calltoaction_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.video_calltoaction_wrap .box-shadow-ripples {
  position: absolute;
  z-index: 99;
  width: 80px;
  height: 80px;
  font-size: 30px !important;
  color: var(--wp--preset--color--wwhite);
  text-align: center;
  background: var(--wp--preset--color--primary);
  border-radius: 50%;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 0 0 16px rgba(255, 255, 255, 0.5);
}

.video_calltoaction_wrap .box-shadow-ripples:before {
  position: absolute;
  content: "";
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  border-radius: 50%;
  box-shadow: 0 0 rgba(255, 255, 255, 0.2), 0 0 0 16px rgba(255, 255, 255, 0.2), 0 0 0 32px rgba(255, 255, 255, 0.2), 0 0 0 48px rgba(255, 255, 255, 0.2);
  animation: ripples 1s linear infinite;
  animation-play-state: running;
  opacity: 1;
  visibility: visible;
  transform: scale(0.8);
  z-index: 0;
}

.video_calltoaction_wrap .box-shadow-ripples:hover:before {
  animation-play-state: paused;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

@keyframes ripples {
  to {
      box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.2), 0 0 0 32px rgba(255, 255, 255, 0.2), 0 0 0 48px rgba(255, 255, 255, 0.2), 0 0 0 64px rgba(255, 255, 255, 0);
  }
}


.ikreate-fse-page-content{
  margin: 0;
  padding:20px;
  border-radius: 0 0 8px 8px;
  background-color: #fafafa;
}

/** Navigation Menu **/
.wp-block-navigation__container{
    gap: 0;
}

.header-default .wp-block-navigation .wp-block-navigation-item a{
    padding: 25px 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--wp--preset--color--wwhite);
}

.header-default .wp-block-navigation .wp-block-navigation-item.current-menu-item>a,
.header-default .wp-block-navigation .wp-block-navigation-item:hover{
    background: var(--wp--preset--color--secondary);
}

.wp-block-navigation .has-background, 
.wp-block-navigation .has-background{
    padding: 0;
    margin: 0;
}

.header-default .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container,
.header-default .wp-block-navigation .wp-block-navigation-submenu{
    border: 0;
}
.header-default .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item>a{
    padding: 15px 20px;
}
.header-default .wp-block-navigation .wp-block-navigation__submenu-icon{
    margin-left: -15px;
    margin-right: 15px;
    font-size: 25px;
    transition: all .3s ease-in-out;
    transform: rotate(-90deg);
    background: transparent;
}
.header-default .wp-block-navigation-item.wp-block-navigation-submenu:hover .wp-block-navigation__submenu-icon{
    transform: rotate(0deg);
}


/** Footer Area **/
.footer-default .wp-block-navigation .wp-block-navigation .wp-block-navigation-item {
    padding-bottom: 12px;
    align-items: flex-start;
}
.footer-default .wp-block-navigation .wp-block-navigation .wp-block-navigation-item:before {
    content: "\f12a";
    font-family: "dashicons";
    color: var(--wp--preset--color--wwhite);
    margin-right: 5px;
}
.footer-default .wp-block-navigation .wp-block-navigation .wp-block-navigation-item:last-child{
    padding-bottom: 0;
}
.footer-default .wp-block-navigation .wp-block-navigation .wp-block-navigation-item a{
    font-weight: 500;
    text-transform: capitalize;
}
.footer-default .wp-block-navigation .wp-block-navigation .wp-block-navigation-item a:hover{
    color: var(--wp--preset--color--secondary);
}

/** Button **/
.wp-block-button.is-style-outline .wp-block-button__link:hover{
    border-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--secondary);
    -webkit-box-shadow: 0px 3px 24px 0px 3px 24px rgba(19, 143, 129, 0.2);
    box-shadow: 0px 3px 24px rgba(19, 143, 129, 0.2);
}

/** Read More Button **/
.wp-block-read-more,
.is-style-default.wp-block-read-more{
    border: 1px solid var(--wp--preset--color--primary);
    background-color: transparent;
    color: var(--wp--preset--color--primary);
}
.wp-block-read-more:hover,
.is-style-default.wp-block-read-more:hover{
    border-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--secondary);
    -webkit-box-shadow: 0px 3px 24px 0px 3px 24px rgba(19, 143, 129, 0.2);
    box-shadow: 0px 3px 24px rgba(19, 143, 129, 0.2);
}

/** Categories list **/
.is-style-default.wp-block-rss,
.is-style-default.wp-block-latest-posts,
.wp-block-archives-list.is-style-default,
ol.wp-block-categories-list, 
ul.wp-block-categories-list{
    padding: 0;
    list-style-type: none;
}

.is-style-default.wp-block-rss li,
.is-style-default.wp-block-latest-posts li,
.wp-block-archives-list.is-style-default li,
.wp-block-categories-list li{
    padding: 6px 0;
    list-style-type: none;
}


.box-shadow {
  background-color: #fafafa;
}

/**
 * Sidebar ( Widget Area )
*/
.widget-area .wp-block-group{
    background-color: #fafafa;
    padding:15px;
    border-radius: 8px;
}

ol.is-style-sidebar-widget, 
ul.is-style-sidebar-widget{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

/** Team Area */

/** Contact 7 Form **/
select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    box-sizing: border-box;
    font-size: var(--wp--preset--font-size--normal);
    width: 100%;
    background:#f0f0f0;
    border: 1px solid transparent;
    line-height: 1.5;
    padding:12px;
    border-radius: 5px;
}

select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    border: 1px solid var(--wp--preset--color--primary);
}

textarea {
    height: 150px;
    padding: 15px;
    font-family: var(--wp--preset--font-family--exo);
}

.wpcf7 input[type="submit"]{
    padding: 16px 32px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    background-color: var(--wp--preset--color--primary);
    font-weight: var(--wp--custom--typography--font-weight--bold);
    color: var(--wp--preset--color--wwhite);
    border: 1px solid var(--wp--preset--color--wwhite);
}
.wpcf7 input[type="submit"]:hover{
  background-color: var(--wp--preset--color--secondary);
}


/** Patterns Contact Form **/
.contactform input[type="text"],
.contactform input[type="email"],
.contactform input[type="url"],
.contactform input[type="password"],
.contactform input[type="search"],
.contactform input[type="number"],
.contactform input[type="tel"],
.contactform input[type="range"],
.contactform input[type="date"],
.contactform input[type="month"],
.contactform input[type="week"],
.contactform input[type="time"],
.contactform input[type="datetime"],
.contactform input[type="datetime-local"],
.contactform input[type="color"],
.contactform textarea {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid var(--wp--preset--color--secondary);
    background: none;
    padding-left: 0;
    padding-right: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

.contactform .wpcf7 input[type="submit"],
.contactform .wpcf7 input[type="button"] {
    float: right;
    border-radius: 0;
    text-transform: uppercase;
}

/** Post List Layout */


/** Pagination **/
.wp-block-query-pagination {
    background-color: #fafafa;
    padding: 15px;
    margin: 1rem 0;
    border-radius: 5px;
}
.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next{
  margin: 0;
}
.wp-block-query-pagination-numbers .page-numbers{
  padding: 6px;
}

/**
 * Single Post & Details
*/
.post-meta.wp-block-template-part {
  padding:15px 0;
}
.post-meta .wp-block-post-author__avatar {
  margin-right: 0.5em;
  display: flex;
}
.post-meta .wp-block-post-author__avatar img{
  border-radius: 50%;
  border: 1px solid var(--wp--preset--color--primary);
  padding: 2px;
}
.post-meta .wp-block-post-author__name {
  text-transform: capitalize;
}

/** Post Navigation **/
.ikreate-fse-post-navigation{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    gap: 1rem;
    padding: 15px;
    border-radius: 8px;
    background-color: #fafafa;
}
.ikreate-fse-post-navigation .post-navigation-link-previous{
    display: flex;
    justify-content: flex-start;
    text-align: left;
}
.ikreate-fse-post-navigation .post-navigation-link-next{
    display: flex;
    justify-content: flex-end;
    text-align: right;
}

/** Comments List **/
.wp-block-comments-query-loop{
    padding: 15px;
    border-radius: 8px;
    background-color: #fafafa;
}
.wp-block-comments-query-loop .wp-block-comments-title{
    margin: 0;
}
.wp-block-comment-author-name a{
  text-transform: capitalize;
}
.wp-block-comments-query-loop .wp-block-comment-template .comment-body{
    padding: 15px;
    margin-bottom: 15px;
    background-color: #f0f0f0ba;
    border-radius: 8px;
}
.wp-block-comments-query-loop .wp-block-comment-template .comment-body p{
    margin: 8px 0;
}
.wp-block-comment-template ol {
    padding-left: 1rem;
}
.wp-block-comment-reply-link{
    background-color: var(--wp--preset--color--secondary);
    padding: 0 12px;
    border-radius: 4px;
    font-size: 15px;
}
.wp-block-comment-reply-link a{
    color: var(--wp--preset--color--wwhite);
}
.wp-block-post-comments-form .comment-reply-title {
    font-size: 22px;
}
.wp-block-post-comments-form #cancel-comment-reply-link{
  font-size: 16px;
}
.wp-block-post-comments-form .comment-form p.logged-in-as,
.wp-block-post-comments-form .comment-form p.comment-notes{
    margin: 5px 0
}



/**
 * 404
*/
.error404 .wp-block-search__inside-wrapper{
  max-width: 70%;
  margin: 30px auto;
}
.error404 .wp-block-search__inside-wrapper input[type="search"]{
  background-color: transparent;
  border-radius: 0;
}
  
/**
 * Footer Area
*/
footer.footer-header{
  margin-top: 0;
}

/**
 * Footer Copyright
*/
.copyright a{
  color: var(--wp--preset--color--secondary);
}