/*
Theme Name: Valno
Theme URI: https://shtheme.com/demosd/valno
Author: Vergatheme
Author URI: http://shtheme.com
Description: Valno is a fully responsive WordPress Theme with a minimal and clean design. This theme is perfect for building an awesome website for Portfolio, Agency, Photograpy and Blog. It comes with function ready for use and well commented. Valno have multiple layouts everyone clean and fully optimized.
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: Valno

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,
    body.logged-in header:not(.fixed-top) #menu{
        top: 32px;
    }
}
#page-content article a h3 + h3{
    margin-bottom: 25px;
    font-size: 26px;
}
/*-------- Comment-----------*/
.comment-form-cookies-consent,
.required-field-message{
    display: none;
}
#comments .comment-author a{
    text-transform: capitalize;
}
.comment-form #comment-form input.btn-alt:hover{
    background-color: #222;
    transition: all .4s ease;
}
.comment-form #comment-form input.btn-alt{
    padding: 0;
    padding-right: 30px;
    padding-left: 30px;
    height: 55px;
    line-height: 53px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    display: inline-block;
    overflow: hidden;
    outline: none;
    border: none;
    border-radius: 0;
    font-weight: bold;
    color: white;
    position: relative;
    background: #87c6bd;
    transition: all .4s ease;
    margin-top: 25px;
}
.logged-in-as a{
    text-decoration: none;
}
.comment-respond .comment-title{
    margin-bottom: 30px;
}
.comment-respond form p.logged-in-as{
    margin-bottom: 35px;
}
.nav-tabs li{
    font-size:  26px;
}
#comments .comment h3 ul {
    display: inline;
}
.comment{
    position: relative;
}
.comment-date li{
    margin-top: 15px;
}
#comments .comment h3{
    margin-bottom: 15px;
}
.comment-reply-link{
    padding: 6px 15px;
    border: 1px solid #87c6bd;
    position: absolute;
}
@media(min-width:541px){
    .comment-reply-link{
        right: 15px;
        top: 0px;
    }
    .comment-title:has(#cancel-comment-reply-link) {
        width: 100%;
        display: inline-flex;
    }
    .comment-title:has(#cancel-comment-reply-link) > a{
        margin-left: 5px;
        line-height: 19px;
        border-bottom: none;
    }
    #cancel-comment-reply-link{
        position: absolute;
        right: 0;
    }
    .comment-title:has(#cancel-comment-reply-link) > a:hover,
    .comment-title:has(#cancel-comment-reply-link) > a:focus {
        border-bottom: none;
    }
}
@media(max-width:540px){
    .comment img.avatar{
        margin-bottom: 25px;
    }
    #comments .comment h3 {
        margin-bottom: 80px;
    }
    .comment-reply-link{
        margin-top: 20px;
    }
    .comment-title:has(#cancel-comment-reply-link) > a{
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
#cancel-comment-reply-link{
    font-size: 16px;
    padding: 6px 15px;
    border: 1px solid #87c6bd;
}
/*-------- 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: #87c6bd;
    color: #fff;
    z-index: 2;
    border: none;
    border: 1px solid #87c6bd;
}
.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 #87c6bd;
}
.pagination-style li a:hover {
    background: #87c6bd;
    color: #fff;
}
/*-------- Social Share -----------*/
span.stArrow span.stHBubble, 
span.st_instagram_hcount span.stButton_gradient{
    padding-bottom: 17px;
}
#share .share-icons span.stButton{
    margin-top: 15px;
}
/*----  Sidebar --------*/
.sidebar .widget-wrapper h5{
    font-size: 22px;
}
.post-header .post-date.right ul.categories ul.post-categories{
    text-align: left;
}
.sidebar .widget_categories ul li a{
    color: #9B9BA3;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
}
.sidebar .widget_categories ul li a:hover{
    color: #87c6bd;
}
.sidebar .widget_tag_cloud ul li a:hover{
    color: #fff;
    background: #222;
    border: 1px solid #222;
}
.sidebar .widget_tag_cloud ul li{
    display: inline-block;
    margin-bottom: 22px;
}
.sidebar .widget_tag_cloud ul li a{
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 14px !important;
    line-height: 24px;
    letter-spacing: 1px;
    border: 1px solid #87c6bd;
    padding: 9px;
    background: #87c6bd;
    font-weight: bold;
}
.sidebar:not(.left) .widget_tag_cloud ul li a{
    margin-right: 6px;
}
aside.left .widget_tag_cloud ul li a {
    margin-left: 6px;
    margin-right: 0;
}
/*---- End Sidebar --------*/
/*-- Search with no result ---*/
.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 #87c6bd !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: #87c6bd;
    margin-top: -50px;
    padding: 0;
    letter-spacing: 0;
}
.search-custom form button:hover{
    background: #87c6bd;
    color: #fff;
}
.search-no-result{
    padding-top: 15px;
}
.search-no-result .form-control:focus{
    -webkit-box-shadow: unset;
    box-shadow:unset;
}
/*-------- Contact -----------*/
.contact-form span.wpcf7-not-valid-tip{
    margin-bottom: 25px;
    color:#54595F;
}
div.wpcf7-validation-errors{
    border: 2px solid #54595F;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
/*-------- End Contact -----------*/
dl.gallery-item,
div.gallery.gallery-size-thumbnail{
    display: none;
}
#page-content .project-header .meta-info ul > span {
    display: inline-block;
    line-height: 24px;
    padding: 0 5px 5px 0;
}
.dialog-widget.dialog-lightbox-widget.dialog-type-buttons.dialog-type-lightbox.elementor-lightbox{
    display: none!important;
}
@media (max-width: 500px){
    .elements-page h1.big + h2.big{
        font-size: 36px;
    }
    .elements-page h2.big + h1{
        font-size: 32px;
    }
    .elements-page h1 + h2{
        font-size: 28px;
    }
}
@media (max-width: 400px){
    .blog-standard article.post-full-width h3 ul{
        display: inherit;
    }
}
@media (max-width: 280px){
    #page-content.home-wrap .container{
        max-width: 89%;
    }
    #page-content .simple-text h1.heading-line{
        font-size: 22px;
    }
    header nav.navbar-basic #menu-basic .menu-holder ul li.submenu ul.sub-menu li{
        text-align: center;
    }
    .pagination-style .current a {
        margin-bottom: 10px;
    }
    .post-header .page-header-title h1.big {
        font-size: 40px;
    }
    #page-content .page-header .page-header-title h1 {
        padding: 45px 10px;
    }
    .elements-page .container {
        padding-left: 0;
        padding-right: 0;
    } 
	.archive.category .page-header-title h1.big,
	.archive.tag .page-header-title h1.big{
		font-size:26px;
	}
	
}