/*
Theme Name: Matelick
Theme URI: https://shtheme.com/demosd/matelick
Author: Vergatheme
Author URI: http://shtheme.com
Description: Matelick is a fully responsive WordPress Theme designed with a creative and clean design. Matelick focuses on design and the simplicity to use. You can mixing pre-designed block to create a unique and personal design. All the code is well commented and Vergatheme will answer you at all your questions. This theme have different layouts and is perfect for building Corporate, Portfolio, Agencies and Small Business Websites. It comes with 6 types of home pages and 6+ types of Header.
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: matelick

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.
*/




@media screen and (min-width: 768px){
    body.logged-in header.fixed{
        top: 32px;
    }
}
@media screen and (min-width: 1501px){
    header.fixed{
        margin-left: -750px!important;
    }
}
@media screen and (min-width: 1920px){
    header.fixed.full-width {
        margin-left: -960px!important;
    }
}
.menu-holder{
    display: inline-flex;
}
.menu-holder li.search{
    margin-top: 4px;
}
/*-------- Social Share -----------*/
span.stArrow span.stHBubble, 
span.st_instagram_hcount span.stButton_gradient{
    padding-bottom: 17px;
}
#share .share-icons span.stButton{
    margin-top: 15px;
}
div.share-icons{
    display: none !important;
}
div.share-icons.open{
    display: block !important;
}
/*-------- Comment-----------*/
.comment-form-cookies-consent,
.required-field-message{
    display: none;
}
#comments .comment-author{
    text-transform: capitalize;
    font-size: 16px;
}
.comment-form input.btn-alt:hover{
    background-color: #2979FF;
    color: white;
    transition: all .4s ease;;
}
.comment-form input.btn-alt{
    height: 40px;
    line-height: 40px;
    margin-top: 6px;
    font-weight: 400;
    background-color: transparent;
    border: 1px solid #2979FF;
    color: #2979FF;
    transition: all .4s ease;
    text-transform: uppercase;
    border-radius: 2px;
    padding-right: 30px;
    padding-left: 30px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: "Roboto", sans-serif;
    display: inline-block;
    overflow: hidden;
    outline: none;
}
.comment-respond form p.logged-in-as{
    margin-bottom: 30px;
}
.nav-tabs li.comment-title{
    font-size:  24px;
}
.comment-respond:has(.logged-in-as) .comment-title:last-child{
    margin-bottom: 20px!important;
}
.nav-tabs .comment-title:last-child{
    margin-bottom: 30px;
}
.comment h3{
    position: relative;
}
#comments .comment h3 span,
.comment-date{
    display: inherit;
    margin-top: 15px;
}
#comments .comment h3 span.comment-btn a:before{
    content: none;
}
#comments .comment h3 span.comment-btn a.comment-reply-link{
    padding: 4px 12px;
    border: 1px solid #2979FF;
    position: absolute;
    font-size: 16px;
}
#cancel-comment-reply-link{
    font-size: 16px;
    border: 1px solid #2979FF;
    text-transform: none;
}
.comment-title:has(#cancel-comment-reply-link) > a{
    font-size: 16px;
}
@media(min-width:541px){
    .comment-reply-link{
        right: 0px;
        top: 0px;
    }
    .comment-title:has(#cancel-comment-reply-link) {
        width: 100%;
        display: inline-flex;
    }
    #cancel-comment-reply-link{
        position: absolute;
        right: 0;
    }
}
@media(max-width:540px){
    .comment img.avatar{
        margin-bottom: 15px;
    }
    #comments .comment h3 {
        margin-bottom: 95px;
    }
    .comment-reply-link{
        margin: 10px 0 30px 0;
    }
    #comments .nav-tabs > li > a{
        margin-bottom: 5px;
        padding-left: 0;
    }
    #cancel-comment-reply-link{
       padding: 7px 12px; 
    }
}
/*-------- Pagination -----------*/
.pagination-style {
    padding-left: 0;
    margin-top: 30px;
    list-style: none;
}
.pagination-style li{
    display: inline-block;
    margin: 0 5px;
}
.pagination-style .current a{
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #2979FF;
    color: #fff;
    z-index: 2;
    border: none;
    border: 1px solid #2979FF;
}
.pagination-style li a{
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #111;
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-color: #fff;
    z-index: 2;
    border: 1px solid #2979FF;
}
.pagination-style li a:hover {
    background: #2979FF;
    color: #fff;
}
.pagination-style a {
    margin-bottom: 10px;
}
.classic-pagination{
    margin-left: -5px;
}
/*-------- End pagination -----------*/
/*-------- Sidebar -----------*/
.sidebar .widget_categories ul li a{
    color: #888B8D;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 34px;
    letter-spacing: 0;
    margin-bottom: 9px;
    font-weight: 300;
}
.sidebar .widget_categories ul li a:hover{
    color: #2979FF;
}
.sidebar .widget_tag_cloud ul li a:hover{
    color: #2979FF;
}
.sidebar .widget_tag_cloud ul li{
    display: inline-block;
    margin-bottom: 22px;
}
.sidebar .widget_tag_cloud ul li a{
    color: #888B8D;
    font-family: "Roboto", sans-serif;
    font-size: 14px !important;
    line-height: 24px;
    margin: 9px 0;
    border: 1px solid #d1d2d3;
    padding: 6px;
    border-radius: 2px;
    font-weight: 300;
}
.sidebar .widget_tag_cloud ul li a{
    margin-right: 6px;
}
/*-------- End Sidebar -----------*/
/*----- Search with no result ----*/
#news.page:has(.search-custom.search-no-result){
    padding: 25px 120px 120px 120px;
}
.search-form input{
    border-radius: 0;
}
.search-custom h4 {
    text-align: justify;
    line-height: 45px;
    margin-bottom: 5%;
}
.search-custom form input {
    max-width: 100% !important;
    background: #f5f5f5 !important;
    border: 1px solid #2979FF !important;
    font-size: 18px !important;
    color: #7a7a7a !important;
    padding: 10px 20px !important;
    height: 50px;
}
.search-custom form button{
    border-radius: 0 !important;
    color: #fff;
    font-size: 16px;
    height: 50px;
    position: relative;
    width: 53px;
    cursor: pointer;
    float: right;
    background: #2979FF;
    margin-top: -50px;
    padding: 0;
    letter-spacing: 0;
}
.search-custom form button:hover{
    background: #2979FF;
    color: #fff;
}
.search-no-result{
    padding-top: 15px;
}
.search-no-result .form-control:focus{
    -webkit-box-shadow: unset;
    box-shadow:unset;
}
/*-- End search with no result ---*/
@media screen and (max-width: 1500px){
    .share-icons.open span.st_facebook_hcount{
        top: -130px;
        position: absolute;
    }
    .share-icons.open span.st_twitter_hcount {
        top: -180px;
        position: absolute;
    }
    .share-icons.open span.st_instagram_hcount {
        top: -230px;
        position: absolute;
    }
    .share-icons.open span.st_linkedin_hcount {
        top: -280px;
        position: absolute;
    }
}
@media (max-width: 480px){
    #page-content #slider-video .local-video video{
        left: 0;
    }
    #news.page:has(.search-custom.search-no-result) {
        padding: 25px;
    }
}
@media (max-width: 280px){
    #menu-responsive-classic .menu-button{
        margin-top: -42px !important;
        position: relative;
        z-index: 998;
    }
    .page-template-home-business .menu-button,
    .page-template-home-creative .menu-button{
        margin-top: -42px !important; 
        position: relative;
        z-index: 998;
    }
    #post-wrap span.date,
    #page-content #news .single-news article span.date{
        margin-bottom: 8px;
    }
}
dl.gallery-item{
    display: none;
}

h6.rl-title{
    margin-bottom: 5px;
}
.works-filter h4{
    display: inline-block;
}
.elementor-widget-bdevs-services .margin-leftright-null.flex-order-md .pt-services-style-6{
    padding-top: 0;
}
.last-works-2 span{
    text-transform: uppercase;
}
form.wpcf7-form #contact-form input{
    margin-bottom: 30px!important;
}
form.wpcf7-form #contact-form textarea {
    margin-bottom: -17px!important;
}
#contact-form span.wpcf7-not-valid-tip{
    color: #54595F;
    margin-left: 2px;
}
form.wpcf7-form #contact-form input + span.wpcf7-not-valid-tip{
    margin-bottom: 40px;
    margin-top: -20px;
}
form.wpcf7-form #contact-form textarea + span.wpcf7-not-valid-tip{
    margin-top: 20px;
}
div.wpcf7-validation-errors{
    border: 2px solid #54595F;
    margin-left: 0;
    margin-right: 0;
}
@media (min-width: 1024px){
    div.wpcf7-validation-errors{
        margin-top: -65px;
    }
}
@media (max-width: 1023px){
    div.wpcf7-validation-errors{
        margin-top: -15px;
    }
}
@media (max-width: 280px){
    div.wpcf7-validation-errors{
        margin-top: -35px;
    }
}
header nav.navbar #menu.minimal.open, 
header nav.navbar #sidemenu.minimal.open, 
header nav.navbar #menu-classic.minimal.open{
    min-height: 100vh;
}
.elementor a.btn-alt{
    padding-bottom: 41px;
}
#post-wrap span.author,
#post-wrap span.info{
    color:#4e495c;
}
blockquote + h1{
    margin-bottom: 20px;
}
.elements-page h1+h2{
    font-size: 46px!important;
    margin-bottom: 35px!important;
}
.elements-page h2+h3{
    font-size: 42px;
    margin-bottom: 15px;
}
.elements-page h3+h4{
    font-size: 38px;
}
.elements-page h4+h5{
    font-size: 34px;
}
.elements-page h5+h6{
    font-size: 30px;
}
aside.sidebar form .form-input span.form-button{
    height: 38.8px;
    line-height: 38.8px;
}