/*
Theme Name: Foliox
Theme URI: https://shtheme.com/demosd/foliox
Author: Shtheme
Author URI: https://shtheme.com
Description: Foliox – Personal Portfolio WordPress is for many purpose. It’s creative, minimal and clean design. It has all of the features of the business website. It’s suitable for any startup business, companies, agencies, and freelancers which need a professional way to showcase their projects and services with 100% super responsive experience.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: foliox

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/




.logo img{
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
@media (min-width: 782px) and (max-width: 1040px){
    body.logged-in .mobile_menu_inner{
        margin-top: 30px;
    }
}
@media (max-width: 781px){
    body.logged-in .foliox_tm_mobile_menu:not(.animate) .mobile_menu_inner{
        margin-top: 45px;
    }
}
.elementor-editor-active .elementor-element.elementor-widget-empty{
    background-color: unset;
}
.header-top-fixed .sub-menu.reversed{
    left: auto;
    right: 100%;
}
.header-top-fixed .sub-menu{
    display: block!important; 
    position: absolute;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    margin: 0px;
    list-style-type: none;
    line-height: 1;
    padding: 15px 0px;
    margin-top: 10px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    background-color: #432d92;
    padding-left: 10px;
}
.header-top-fixed .sub-menu li{
    margin: 0px;
    width: 100%;
    position: relative;
}
.header-top-fixed .sub-menu li a{
    text-decoration: none;
    font-weight: 500;
    padding: 8px 20px;
    display:block;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    line-height: 28px;
    font-size: 14px!important;
}
.header-top-fixed .sub-menu li a:hover{
    border-radius: 0;
}
.header-top-fixed li:hover > ul{
    opacity: 1;
    visibility: visible;
    margin-top: 0px;
}
.header-top-fixed .sub-menu ul{
    left: 100%;
    top: 0;
    transform: translateY(-20px)
}
.header-top-fixed ul > li.menu-item-has-children{
    display: inline-block;
    position: relative;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.header-top-fixed .main-menu a{
    white-space: nowrap;
}
.header-top-fixed .sub-menu .sub-menu{
    transform: translateY(-15px);
}
.foliox_tm_header .sub-menu li a{
    padding: 10px 0px 10px 0px!important;
}
@media (min-width:1400px){
    .header-top-fixed .sub-menu {
        min-width: 210px;
    }
}
@media (max-width:1040px){
    .foliox_tm_mobile_menu .sub-menu {
        margin-left: 10px!important;
        display: none!important;
    }
    .foliox_tm_mobile_menu .anchor_nav li.menu-item-has-children:hover > .sub-menu {
        display: block!important; 
    }
}
.page-banner .news_inner{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.page-banner .foliox_tm_news{
    text-align: center;
}
@media (min-width: 1601px){
    .page-banner .foliox_tm_news .news_inner{
        padding: 200px 20px;
    }
    .page-banner .foliox_tm_news .title h1,
    .error-page h1{
        font-size: 65px;
    }
}
@media (max-width: 1600px){
    .page-banner .foliox_tm_news .news_inner{
        padding: 150px 20px;
    }
    .error-page h1{
        font-size: 60px;
    }
}
@media (max-width: 768px){
    .page-banner .foliox_tm_news .title h1,
    .error-page h1{
        font-size: 35px;
    }
}
.single .foliox_tm_header,
.page-template:has(.blog-list) .foliox_tm_header{
    border-bottom: none;
}
.foliox_tm_flexbox{
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    display: flex;
    justify-content: space-between;
}
.foliox_tm_flexbox .leftbox{
    width: 66.6666%;
    float: left;
}
.foliox_tm_flexbox .rightbox{
    width: 30%;
    float: left;
}
@media (max-width: 1040px) {
    .foliox_tm_flexbox{flex-direction: column;align-items: baseline;}
    .foliox_tm_flexbox .leftbox{width: 100%;margin-bottom: 60px;}
    .foliox_tm_flexbox .rightbox{width: 100%;}
}
.news_inner.blog-news{
    background-color: #fff;
}
.blog-news .thumb img{
    border-radius: 12px;
}
.blog-news .blog_single_details .descriptions p {
    margin-bottom: 20px;
}
blockquote{
    margin-top: 25px;
    margin-bottom: 25px;
    border-left: 5px solid var(--extra-color);
    padding-left: 25px;
    font-size: 21px;
    font-style: italic;
    color: #fff;
}
.post-info {
    margin-top: 25px;
    margin-bottom: 15px;
}
.post-info span.date{
    padding-right: 20px;
}
.post-info span.date:after {
    position: relative;
    content: "|";
    color: #7d7789;
    left: 12px;
    font-size: 12px;
    top: -2px;
}
.list_inner h4.post-title a:hover{
    color: var(--extra-color);
}
.rightSidebar a:hover {
    color: var(--extra-color);
}
.widget_search .wp-block-search__label{
    display: none;
}
.widget_block {
    margin: 25px 0px;
    width: 100%;
    float: left;
}
.rightSidebar{
    margin-top: 15px;
}
.widget_search input{
    height: 60px;
    border-radius: 10px;
    padding-left: 15px;
}
.widget_search button{
    border: 1px solid var(--extra-color);
    background-color: var(--extra-color);
    text-transform: capitalize;
    top: 40px;
    right: 20px;
    z-index: 2;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px;
    color: #fff;
    font-size: 16px;
}
@media(min-width: 1041px){
    .widget_search button{
        position: absolute;
    }
}
@media(max-width: 1040px){
    .widget_search button{
        margin-left: -40px;
    }
}
.rightbox.rightSidebar .wp-block-group__inner-container h2,
.rightbox.rightSidebar h2.aon-title{
    font-size: 24px;
}
.rightbox.rightSidebar h2.aon-title{
    margin-bottom: 30px;
}    
.rightSidebar  .post-recent li{
    margin: 0px 0px 25px 0px;
    width: 100%;
    float: left;
    list-style: none;
}
.rightSidebar  .post-recent li .list_inner{
    width: 100%;
    float: left;
    position: relative;
    display: flex;
}
.rightSidebar  .post-recent li .list_inner .image{
    width: 85px;
    min-width: 85px;
    height: 85px;
    min-height: 85px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    margin-right: 10px;
}
.rightSidebar  .post-recent li .list_inner .image .main{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    transform: scale(1) translateZ(0);
}
.rightSidebar a{
    color: var(--main-color);
}
.rightSidebar .widget_categories ul li,
.rightSidebar .widget_tag_cloud ul li{
    list-style: none;
}
.rightSidebar .widget_tag_cloud ul li{
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 3px;
}
.rightSidebar .widget_tag_cloud ul li a,
.aon-tags .tagcloud a{
    font-size: 15px!important;
    color: var(--main-color);
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 8px 25px 10px 25px;
}
.rightSidebar .widget_tag_cloud ul li a:hover,
.aon-tags .tagcloud a:hover{
    color: #fff;
    background-color: var(--extra-color);
    border: 1px solid var(--extra-color);
}
.rightSidebar .gallery ul li{
    list-style: none;
    margin: 0px 0px 5px 0px;
    float: left;
    width: 33.3333%;
    padding-left: 5px;
}
.rightSidebar .gallery ul li .list_inner {
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    position: relative;
}
.rightSidebar .gallery ul li .list_inner .image {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.rightSidebar .gallery ul li .list_inner .image .main {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    transform: scale(1) translateZ(0);
}
.rightSidebar .gallery ul li .list_inner img{
    max-width: 100%;
    width: 100%;
    height: 89px!important;
    clear: both;
    float: left;
    position: relative;
    border-radius: 5px;
}
.aon-tags{
    display: inherit;
}
.aon-tags .tagcloud li{
    list-style: none;
    margin-bottom: 10px;
    display: inline-block;
}
.stButton .stButton_gradient{
    height: 21px !important;
}
.st_instagram_hcount .stButton_gradient{
    padding: 0!important;
}
.st_instagram_hcount .stArrow{
    line-height: 21px!important;
}
.post-social-icons .stMainServices{
    width: 22px!important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.post-social-icons .stButton .chicklets{
    width: 20px;
    overflow: hidden;
    display: -webkit-inline-box;
    height: 20px;
    line-height: 21px;
}
.post-social-icons{
    float: right;
}
.post-area-tags{
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    margin-top: 30px;
}
.aon-bd-title{
    margin-bottom: 20px;
    margin-right: 10px;
}
h3.comment-title{
    font-size: 28px;
    margin-bottom: 25px;
    margin-top: 0;
}
.clear#comment-list{
    margin-top: 60px;
}
.comment-form-cookies-consent,
.required-field-message{
    display: none;
}
.cm-respond{
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    background-color: #3a2b71;
    padding: 40px;
    border-radius: 12px;
}
form input.form-control,
form textarea.form-control{
    width: 100%!important;
    border-radius: 10px!important;
    padding: 25px !important;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,.05)!important;
    border: none;
    font-size: 18px;
    color: #6f6b80!important;
    letter-spacing: 0px;
}
form input.form-control{
    height: 60px!important;
    margin-bottom: 20px;
}
form button.site-button{
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    border-radius: 50px;
    border: 2px solid var(--extra-color);
    padding: 14px 48px 13px 48px;
    position: relative;
    overflow: hidden;
    background: var(--extra-color);
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0px;
    word-wrap: break-word;
    height: auto;
    margin-top: 10px;

}
p.logged-in-as{
    margin-bottom: 10px;
}
p.logged-in-as a{
    color: var(--main-color);
}
.comment-list li{
    list-style: none;
}
.comment-list li img.avatar{
    border-radius: 50%;
}
.comment-list li .comment-info cite{
    font-size: 24px;
}
a.comment-reply-link:hover {
    color: #fff;
    background-color: var(--extra-color);
}
a.comment-reply-link{
    text-decoration: none;
    color: var(--main-color);
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px 15px;
}
@media(min-width: 500px){
    .comment-list li img.avatar{
        position: absolute;
    }
    .comment-body:has(img.avatar) .comment-info{
        padding-left: 100px;
    }
    .comment-body{
        position: relative;
    }
    a.comment-reply-link{
        position: absolute;
        top: 0;
        right: 0;
    }
}
@media(max-width: 499px){
    a.comment-reply-link{
        margin-top: 20px;
    }
    .comment-list li img.avatar{
        margin-bottom: 20px;
    }
    .comment-list .comment-info .comment-date + p{
        margin-top: 10px;
    }
    .post-social-icons {
        margin-left: 20px;
        margin-top: -3px;
    }
    .cm-respond{
        padding: 20px;
    }
}
#cancel-comment-reply-link{
    text-decoration: none;
    color: var(--main-color);
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 12px 15px;
    width: auto;
    font-size: 15px;
    position: absolute;
    right: 0px;
}
.comment-respond h3{
    position: relative;
}
.comment-respond h3 a{
    color: #fff;
}
@media(max-width: 600px){
    #cancel-comment-reply-link{
        margin-top: 50px;
    }
    .comment-respond:has(#cancel-comment-reply-link) h3{
        margin-bottom: 80px;
    }
    .comment-respond h3:has(small a[style="display:none;"]){
        margin-bottom: 17px!important;
    }
}
.breadcrumbs a{
    color: var(--main-color);
}
.breadcrumbs span.active {
    color: var(--extra-color);
}
.blog-list h4.post-title a{
    color: #fff;
    font-size: 32px;
}
.blog-list h4.post-title{
    margin-bottom: 15px;
}
@media (max-width: 768px){
    .blog-list h4.post-title a{
        font-size: 26px;
    }
}
.blog-list .sx-post-readmore{
    margin-top: 20px;
}
.blog-list .sx-post-readmore a{
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    border-radius: 50px;
    border: 2px solid var(--extra-color);
    position: relative;
    overflow: hidden;
    padding: 9px 29px;
    background-color: var(--extra-color);
}
.pagination{
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    margin-top: 50px;
    position: relative;
}
.pagination li{
    list-style: none;
    display: inline-block;
}
.pagination li a{
    color: #fff;
    border: 1px solid #37357c;
    text-align: center;
    margin-right: 8px;
    padding: 11px 15px;
    border-radius: 30px !important;
    font-weight: 500;
    width: 50px;
    height: 50px;
    display: inline-block;
}
.pagination li.active a,
.pagination li a:not(.next,.prev):hover{
    border: 1px solid transparent;
    background: var(--extra-color);
    color: #fff!important;
}
.pagination a.next{
    -webkit-appearance: none;
    background: url(../foliox/img/right-arrow-w.png) no-repeat right;
    background-position-x: 50%;
    image-rendering: auto;
    background-size: 12px;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
.pagination a.prev{
    -webkit-appearance: none;
    background: url(../foliox/img/left-arrow-w.png) no-repeat right;
    background-position-x: 50%;
    image-rendering: auto;
    background-size: 12px;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
.pagination a.prev span,
.pagination a.next span{
    opacity: 0;
}
.pagination a.prev:hover{
    -webkit-appearance: none;
    border: 1px solid transparent;
    background: url(../foliox/img/left-arrow-w.png) no-repeat right;
    background-position-x: 50%;
    image-rendering: auto;
    background-size: 12px;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    background-color: var(--extra-color);
}
.pagination a.next:hover{
    border: 1px solid transparent;
    -webkit-appearance: none;
    background: url(../foliox/img/right-arrow-w.png) no-repeat right;
    background-position-x: 50%;
    image-rendering: auto;
    background-size: 12px;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    background-color: var(--extra-color);
}
.foliox_tm_news .news_list:has(.search-custom) {
    margin-top: 38px
}
.leftbox .news_list:first-child{
    margin-top: 40px;
}
.search-custom form{
    margin-top: 30px;
    margin-bottom: 30px
}
.search-custom form input{
    border: 1px solid #eee;
}
.search-custom form button{
    border: 1px solid var(--extra-color);
    color: #fff!important;
    font-size: 16px;
    position: relative;
    height: 60px;
    width: 60px;
    cursor: pointer;
    float: right;
    margin-top: -80px;
    padding: 0;
    letter-spacing: 0;
    background-color: #fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.search-custom form button{
    width: 100%;
    display: block!important;
    padding: 8px 12px;
    -webkit-appearance: none;
    background: url(../foliox/img/search.png) no-repeat right;
    background-position-x: 50%;
    background-color: var(--extra-color);
    height: 60px;
    width: 60px;
    image-rendering: auto;
    background-size: 16px;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
.error-page .news_inner{
    min-height: 800px;
}
.error-page h1{
    margin-top: 90px;
    margin-bottom: 40px;
}
.error-page a{
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    border-radius: 10px;
    border: 2px solid var(--extra-color);
    padding: 10px 20px;
    position: relative;
    overflow: hidden;
    background: var(--extra-color);
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0px;
    word-wrap: break-word;
    height: auto;
    margin-top: 50px;
}
.dialog-widget.dialog-lightbox-widget.dialog-type-lightbox.elementor-lightbox{
    display: none!important;
}
span.wpcf7-not-valid-tip{
    color: #fff;
    margin-top: 10px;
    margin-bottom: 15px;
}
div.wpcf7-response-output{
    border-color: #fff!important;
    margin-right: 0!important;
    margin-left: 0!important;
}
.foliox_tm_contact input[type="submit"]{
    font-family: var(--font-family-extra)!important;
    color: #fff;
    display: inline-block;
    background-color: var(--extra-color);
    padding: 18px 43px;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: auto;
    text-transform: capitalize;
    font-weight: normal;
    height: 66px;
}
.foliox_tm_contact .foliox_tm_button input[type="submit"]:hover{
    color: #000;
    background-color: #fff;
}
.foliox_tm_contact div.wpcf7-response-output{
    display: inline-block;
    margin-top: 20px!important; 
    width: 100%;  
}
.foliox_tm_subscribe div.wpcf7-response-output{
    margin-top: -40px;
}
@media(max-width: 300px){
    .foliox_tm_subscribe .field input[type="text"]{
        padding-left: 15px;
    }
    .foliox_tm_subscribe .field input[type="submit"]{
        padding: 0px 15px;
    }
    .widget_search button {
        margin-left: -90px;
    }
    .foliox_tm_about .big_image img {
        max-width: 260px;
    }
}
.elementor-editor-active .progress_inner span.label {
    opacity: 1;
}
.elementor-editor-active .progress_inner span.number {
    margin-top: -20px;
    position: unset;
}
.foliox_tm_button a.anchor:hover {
    color: #000;
}
@media(min-width:1601px){
	.widget_search button {
		right: 40px;
	}
}
.wp-block-group h2.wp-block-heading {
    position: relative;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: 500;
    letter-spacing: 4px;
    text-transform: uppercase;
}
.widget_block.widget_search label.wp-block-search__label {
    display: none;
}
.widget_block .wp-block-search .wp-block-search__inside-wrapper {
    position: relative;
}
.widget_block .wp-block-search .wp-block-search__input {
    width: 100%;
    padding: 10px;
    border: 0;
    background: #f4f5f7;
    margin-bottom: 0;
    border-radius: 0px;
}
.widget_block .wp-block-group .wp-block-group__inner-container ul li {
    margin-bottom: 20px;
    color: #040b11;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 28px;
}
.widget_block .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    color: #040b11;
    border: 0;
    padding: 10px;
    cursor: pointer;
    font-size: 15px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts__list.wp-block-latest-posts li {
    margin-bottom: 20px;
    color: #040b11;
    font-size: 16px;
    line-height: 1.5em;
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 40px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-posts__list.wp-block-latest-posts li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px dashed #cccccc;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment {
    color: #040b11;
    font-size: 16px;
    line-height: 1.5em;
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 40px;
}
.widget_block .wp-block-group .wp-block-group__inner-container .wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px dashed #cccccc;
}
.sidebar_widget.widget.widget_block.widget_search .wp-block-search__button-outside .wp-block-search__inside-wrapper {
    margin: 0px 0px;
}
.sidebar__widget .wp-block-group__inner-container .wp-block-latest-comments {
    padding-left: 0rem;
}
.wp-block-group ol.wp-block-latest-comments {
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 0px;
}