/*
Theme Name: Devman
Theme URI: https://shtheme.com/demosd/devman
Author: Shtheme
Author URI: https://shtheme.com
Description: Devman – 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: devman

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

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/


.logo img{
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
@media (min-width: 1041px){
    .anchor_nav:has(.download_cv){
        margin-top: -7px!important;
    }
    body.logged-in .devman_tm_header{
        margin-top: 30px!important;
    }
}
@media (max-width: 1040px){
    .devman_tm_mobile_menu ul:has(.download_cv){
        display: none;
    }
}
@media (min-width: 782px) and (max-width: 1040px){
    body.logged-in .mobile_menu_inner{
        margin-top: 30px;
    }
}
@media (max-width: 781px){
    body.logged-in .devman_tm_mobile_menu:not(.animate) .mobile_menu_inner{
        margin-top: 45px;
    }
}
@media (min-width: 601px) and (max-width: 781px){
    body.logged-in .devman_tm_mobile_menu .mobile_menu_inner{
        margin-top: 45px;
    }
}
.devman_tm_header.animate .menu ul li.current  li.current_page_item > a{
    color: var(--main-color)!important;
}
.anchor_nav{
    float: left;
}
.download_cv{
    margin-left: 35px!important;
}
.devman_tm_main_title h1{
    color: #fff;
}
.elementor-editor-active img{
    opacity: 1;
}
.elementor-editor-active .elementor-element.elementor-widget-empty{
    background-color: unset!important;
}
.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;
}
.devman_tm_header .menu ul li.current > a,
.devman_tm_header .menu ul .sub-menu li.current_page_item > a,
.devman_tm_header .menu ul .sub-menu li.current-menu-item > a,
.devman_tm_header.animate .menu ul li.current > a{
    color: var(--main-color)!important;
}
@media(min-width: 1041px){
    .devman_tm_header.animate .sub-menu li a{
        color: #fff!important;
    }
}
.header-top-fixed .sub-menu li a{
    text-decoration: none;
    font-weight: 500;
    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;
    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);
}
.devman_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){
    .devman_tm_mobile_menu .sub-menu {
        margin-left: 10px!important;
        display: none!important;
    }
    .devman_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 .devman_tm_news{
    text-align: center;
}
@media (min-width: 1601px){
    .page-banner .devman_tm_news .news_inner{
        padding: 200px 20px;
    }
    .page-banner .devman_tm_news .title h1,
    .error-page h1{
        font-size: 65px;
    }
}
@media (max-width: 1600px){
    .page-banner .devman_tm_news .news_inner{
        padding: 150px 20px;
    }
    .error-page h1{
        font-size: 60px;
    }
}
@media (max-width: 768px){
    .page-banner .devman_tm_news .title h1,
    .error-page h1{
        font-size: 35px;
    }
}
.single .devman_tm_header,
.page-template:has(.blog-list) .devman_tm_header{
    border-bottom: none;
}
.devman_tm_flexbox{
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    display: flex;
    justify-content: space-between;
}
.devman_tm_flexbox .leftbox{
    width: 66.6666%;
    float: left;
}
.devman_tm_flexbox .rightbox{
    width: 30%;
    float: left;
}
@media (max-width: 1040px) {
    .devman_tm_flexbox{flex-direction: column;align-items: baseline;}
    .devman_tm_flexbox .leftbox{width: 100%;margin-bottom: 60px;}
    .devman_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;
}
.blog-news .devman_tm_news ul li {
    float: unset!important;
    margin: 0;
    width: unset!important;
}
blockquote{
    margin-top: 25px;
    margin-bottom: 25px;
    border-left: 5px solid var(--main-color);
    padding: 20px;
    font-size: 21px;
    font-style: italic;
    color: #fff;
    background-color: #0b1c77;
}
blockquote p:last-child{
    margin-bottom: 0!important;
}
.post-info {
    margin-top: 25px;
    margin-bottom: 15px;
}
.post-info span.date{
    padding-right: 20px;
}
[class^="icon-"]:before, [class*=" icon-"]:before{
    margin-left: 0;
}
.post-info span.user a{
    color: #54545f;
}
.list_inner h4.post-title a:hover{
    color: var(--main-color);
}
.rightSidebar a:hover {
    color: var(--main-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(--main-color);
    background-color: var(--main-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:1601px){
    .widget_search button {
        right: 40px;
    }
}
@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: #54545f;
}
.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: 18px;
    margin-right: 3px;
}
.rightSidebar .widget_tag_cloud ul li a,
.aon-tags .tagcloud a{
    font-size: 15px!important;
    color: #54545f;;
    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(--main-color);
    border: 1px solid var(--main-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: 20px;
    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: #0b1c77;
    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(--main-color);
    padding: 14px 48px 13px 48px;
    position: relative;
    overflow: hidden;
    background: var(--main-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;
    color: #fff;
}
h3.comment-title,
p.logged-in-as a{
    color: #fff;
}
.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(--main-color);
}
a.comment-reply-link{
    text-decoration: none;
    color: #54545f;
    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: #fff;
    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: #fff;
}
.breadcrumbs span.active {
    color: var(--main-color);
}
.blog-list h4.post-title a{
    color: #000;
    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(--main-color);
    position: relative;
    overflow: hidden;
    padding: 9px 29px;
    background-color: var(--main-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: #000;
    border: 1px solid var(--main-color);
    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(--main-color);
    color: #fff!important;
}
.pagination a.next{
    -webkit-appearance: none;
    background: url(../devman/img/right-arrow.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(../devman/img/left-arrow.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.next:hover{
    background: url(../devman/img/right-arrow-w.png) no-repeat right;
}
.pagination a.prev:hover{
    background: url(../devman/img/left-arrow-w.png) no-repeat right;
}
.pagination a.prev span,
.pagination a.next span{
    opacity: 0;
}
.pagination a.prev:hover{
    -webkit-appearance: none;
    border: 1px solid transparent;
    background: url(../devman/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(--main-color);
}
.pagination a.next:hover{
    border: 1px solid transparent;
    -webkit-appearance: none;
    background: url(../devman/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(--main-color);
}
.devman_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(--main-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(../devman/img/search.png) no-repeat right;
    background-position-x: 50%;
    background-color: var(--main-color);
    height: 60px;
    width: 60px;
    image-rendering: auto;
    background-size: 16px;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
.error-page{
    background-color: #0b1c77;
}
.error-page .news_inner{
    min-height: 800px;
}
.error-page h1{
    margin-top: 90px;
    margin-bottom: 40px;
}
.error-desc h5{
    color: #fff;
}
.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(--main-color);
    padding: 10px 20px;
    position: relative;
    overflow: hidden;
    background: var(--main-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{
    color: #fff;
    border-color: #fff!important;
    margin-right: 0!important;
    margin-left: 0!important;
}
.devman_tm_contact input[type="submit"]{
    display: block;
    text-align: center;
    border-radius: 5px;
    background-color: var(--main-color);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--font-family-extra);
    transition: all .3s ease;
    padding: 14px 40px 17px 40px;
    width: 100%;
    outline: none;
    line-height: 1.6;
}
.devman_tm_contact .devman_tm_button input[type="submit"]:hover{
    color: #000;
    background-color: #fff;
}
.devman_tm_contact div.wpcf7-response-output{
    display: inline-block;
    margin-top: 20px!important; 
    width: 100%;  
}

@media(max-width: 300px){
    .widget_search button {
        margin-left: -90px;
    }
    .devman_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;
}
.devman_tm_hero .win {
    padding: 20px;
}
.devman_tm_hero .right .image img {
    opacity: 1;
}
.elementor-editor-active .devman_tm_skills .bar_in{
    background-color: rgb(20, 46, 181)!important;
}
.elementor-editor-active.dark .devman_tm_skills .bar_in{
    background-color: #fb503b!important;
}
.rightSidebar .post-recent li span.date{
	font-size: 14px;
}
.widget_news .details h6.post_title{
	margin-top: 8px;
}
.rightSidebar .widget_categories ul li.cat-item{
	margin-bottom:8px;
}
.rightSidebar .widget_categories ul li.cat-item a{
	font-size:16px;
}
.post-info span.date, .post-info span.user{
	font-size:17px;
}
.devman_tm_modalbox .close a i{
	left: 55%;
}