/*
Theme Name: Constol
Theme URI: https://shtheme.com/demosd/constol
Author: Shtheme
Author URI: https://shtheme.com
Description: Constol – Business and Consultation WordPress theme. It is the Perfect Financial, Consulting & Professional Business WordPress. Constol is best suited for corporate website like Financial Advisor, Accountant, Consulting Firms, insurance, loan, tax help, Investment firm etc. This is a business theme that is help full for online presence for Corporate Business and Financial Firms.
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: constol

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




:root{
  --themecolor:#FF3147;
  --primary:#021738;
}
body.logged-in .header__one:not(.header__four) .header__top{
    margin-top: 30px;
}
body.logged-in header.header-fixed .header__bottom{
    margin-top: 30px;
}
header .logo img{
    max-width: 100%;
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    height: auto;
}
@media(max-width:600px){
    .single .container,
    .blog .container{
        padding-right: var(--bs-gutter-x,1.5rem);
        padding-left: var(--bs-gutter-x,1.5rem);
    }  
    .page-template-blog-grid-two .container{
        padding-right: var(--bs-gutter-x,1.5rem);
        padding-left: var(--bs-gutter-x,1.2rem);
    } 
}     
.header__bottom .area .menu ul li ul li.active {
    background-color: var(--themecolor);
    color: #fff;
}
.sidebar .sidebar-widget,
.blog .sidebar__relatedpost,
.blog .sidebar__comment,
.blog .sidebar__author,
.page .blog--classic .blog__item{
    margin-bottom: 24px;
}
.blog .sidebar__relatedpost{
    margin-top: 24px;
}
.page .blog--classic .sidebar .sidebar-widget{
    margin-bottom: 48px;
}
.page-template-blog-grid-two div.row.g-4.justify-content-center{
    margin-right: -18px;
}
.page-template-blog-grid-two div.sidebar{
    margin-left: -18px;
}
.sidebar .sidebar__recentpost .body ul li{
    padding: 20px 30px;
    margin-block: 0;
}
.sidebar .widget_categories ul li{
    padding: 15px;
    border-bottom: 1px solid #ecf0f3;
    padding-inline: 30px;
    text-align: right;
}
.sidebar .widget_categories ul li a{
    float: left;
}
.sidebar .widget_categories ul li:last-child{
    border-bottom: none;
}
.sidebar .widget_categories ul li a:hover{
    color: var(--themecolor);
}
.sidebar .widget_tag_cloud .tagcloud{
    padding: 30px 30px 7px 30px;
}
.sidebar .widget_tag_cloud ul li a{
    padding: 8px 12px;
    border: 1px solid #ecf0f3; 
    font-size: 16px!important;
}
.sidebar .widget_tag_cloud ul li{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 23px;
}
.sidebar .widget_tag_cloud ul li a:hover{
    background-color: var(--themecolor);
    border-color: var(--themecolor);
    color: #fff;
}
.sidebar .head h5{
    margin-bottom: 0;
}
.stButton .stButton_gradient{
    height: 21px !important;
    margin-top: 6%;
}
.blog-share-icon .stButton_gradient+.stArrow {
    margin-top: 7%;
}
.blog .social-link-list > span{
    margin-right: -5px;
}
.comment-form-cookies-consent,
.required-field-message{
    display: none;
}
p.logged-in-as{
    margin-bottom: 0;
}
#cancel-comment-reply-link{
    border: 2px solid var(--themecolor);
    background: var(--themecolor);
    color: #fff;
    padding: 8px 18px;
    border-radius: 2px;
    font-size: 14px;
    position: absolute;
}
.comment-respond .head{
    position: relative;
}
@media(min-width: 1200px){
    #cancel-comment-reply-link{
        right: 30px;
        top: 20px;
    }
}
@media (min-width:992px) and (max-width: 1199px){
    .comment-respond .head{
        margin-bottom: 60px;
    }
    .comment-respond .head:has(small a[style="display:none;"]){
        margin-bottom: unset!important;
    }
    #cancel-comment-reply-link{
        top: 108px;
        right: 30px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    #cancel-comment-reply-link{
        right: 30px;
        top: 20px;
    }
}
@media (min-width: 501px) and (max-width: 767px){
    .comment-respond .head{
        margin-bottom: 60px;
    }
    .comment-respond .head:has(small a[style="display:none;"]){
        margin-bottom: unset!important;
    }
    #cancel-comment-reply-link{
        top: 92px;
        right: 30px;
    }
}
@media (max-width: 500px){
    .comment-respond .head{
        margin-bottom: 60px;
    }
    .comment-respond .head:has(small a[style="display:none;"]){
        margin-bottom: unset!important;
    }
    #cancel-comment-reply-link{
        top: 133px;
        right: 20px;
    }
}
@media (max-width: 540px){
    .sidebar__relatedpost .body ul li{
        margin-bottom: 15px;
    }
    .sidebar__relatedpost .body ul li:last-child{
        margin-bottom: 0;
    }
}
.pagination .page-item.active a{
    background-color: var(--themecolor);
    border-color: var(--themecolor);
}
.pagination .page-item a:hover{
    border-color: var(--themecolor);
}
/*-- Search with no result ---*/
.search-form input{
    border-radius: 0;
    line-height: 40px;
}
.search-custom h4 {
    text-align: justify;
    line-height: 45px;
    margin-bottom: 5%;
}
.search-custom form input {
    width: 100% !important;
    background: #f5f5f5 !important;
    border: 1px solid transparent !important;
    font-size: 18px !important;
    color: #7a7a7a !important;
    padding: 10px 35px !important;
}
.search-form  button{
    border: none;
    color: #fff;
    font-size: 16px;
    height: 62px;
    position: relative;
    width: 62px;
    cursor: pointer;
    float: right;
    background: var(--themecolor);
    margin-top: -62px;
    padding: 0;
    letter-spacing: 0;
}
/*-- End search with no result ---*/
form br{
    display: none;
}
input.wpcf7-submit:hover{
    color: #fff;
    background-color: var(--primary)!important;
}
input.wpcf7-submit{
    background: var(--themecolor)!important;
}
#contact-form{
	text-align:center;
}
#contact-form input.wpcf7-submit{
    width: auto;
}
.callAaction__form input.wpcf7-submit{
	width:auto;
}
.callAaction__form textarea{
	margin-bottom:20px!important;
}
.callAaction__form span.wpcf7-not-valid-tip{
	margin-top: -20px;
	margin-bottom:20px;
}
.callAaction__form input.wpcf7-submit{
	margin-bottom:0;
}
.callAaction__form span.ajax-loader{
	position:absolute;
}
.appointment form .appointment__item input#name{
    padding-top: 9px;
}
.appointment form .appointment__item select{
    color: var(--primary);
    font-weight: 700;
    padding-left: 0;
    padding-top: 10px;
    margin-left: -3px;
}
.appointment form div .row{
    margin-bottom: -25px;
}
.appointment form div .row p {
    display: none;
}
.appointment__item span.wpcf7-not-valid-tip {
    margin-top: 10px;
    margin-bottom: 20px;
}
.teamMember__memberDetails form input{
    margin-bottom: 10px;
}
.teamMember__memberDetails form input.wpcf7-submit{
    margin-top: 20px;
	width:auto!important;
}
.teamMember__memberDetails div.wpcf7-validation-errors{
        margin-top: -30px;
    } 
@media(max-width: 600px){
	.teamMember__memberDetails form #email{
		margin-top:15px;
	}
	.teamMember__memberDetails form:has(.wpcf7-not-valid-tip) textarea{
		margin-bottom:5px;
	}
}
.teamMember__memberDetails div.wpcf7-validation-errors,
.callAaction__form div.wpcf7-validation-errors,
.appointment form div.wpcf7-validation-errors{
    border: 2px solid #333;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.contact__form div.wpcf7-validation-errors{
	border: 2px solid #333;
}
@media(max-width:992px){
	.contact__form div.wpcf7-validation-errors{
		margin-left: 0;
		margin-right: 0;
	}
}
@media(max-width:1199px){
	.contact__form div.wpcf7-validation-errors{
		width: 100%;	
	}
}
@media(min-width:1200px){
	.contact__form div.wpcf7-validation-errors{
		margin-left: 0;
		margin-right: 0;
		width: 80.5%;
	}
}
.contact__form div.wpcf7-validation-errors{
    margin-top: -15px;
} 
.contact__form span.wpcf7-not-valid-tip{
    text-align: left;
	margin-top:10px;
}
.contact__form textarea + span.wpcf7-not-valid-tip{
	margin-top:5px!important;
}
@media (min-width: 576px){
	.teamMember__single .teamMember__memberDetails form input {
		width: 100%;
		margin-bottom: 10px;
	}
	.callAaction__form form input, .callAaction__form form .custom-select {
		width: 100%;
	}
	.contact__form form input {
		width: 100%;
	}
    .callAaction__form div.wpcf7-validation-errors{
        margin-top: 20px;
    }  
	.cta-top{
		margin-bottom: -20px;
	}
	.contact-top{
		margin-bottom: 10px;
	}
	#contact-form input.wpcf7-submit{
		margin-top: 20px;
	}
}
@media(max-width: 575px){    
    .callAaction__form div.wpcf7-validation-errors{
        margin-top: 15px;
    }
    .callAaction__form form .cta-top {
        margin-bottom: -15px;
    }
	.ct-row-top{
		margin-bottom: 30px;
	}
	.callAaction__form form input.wpcf7-submit{
		margin-top:4px;
	}
	.callAaction__form form:has(.wpcf7-not-valid-tip) input.wpcf7-submit{
		margin-top:0;
	}
	.contact-top{
		margin-bottom: 15px;
	}
	#contact-form input.wpcf7-submit{
		margin-top: 25px;
	}
}
.teamMember__memberInfo-content li br{
    display: none;
}
.teamMember__memberDetails .section__wrapper > p,
.teamMember__memberDetails .section__wrapper .row > p,
.teamMember__memberDetails .section__wrapper .row .feature__item > p,
.teamMember__memberDetails .section__wrapper .row .feature__item .feature__inner > p {
    display: none;
}
.service__content .section__wrapper > p,
.service__content .section__wrapper .row > p,
.service__content .section__wrapper .row .feature__item > p,
.service__content .section__wrapper .row .feature__item .feature__inner > p {
    display: none;
}
.service__content h4{
    margin-bottom: 10px;
}

.blog nav:has(.pagination){
    text-align: center;
    margin-top: 50px;
}
.pagination{
    display: unset;
}
.pagination li{
    display: inline-block;
}
.sidebar__comment .thumb img{
    border-radius: 50%;
}
@media(min-width:300px){
    .sidebar__comment .content__top{
        position: relative;
    }
    .sidebar__comment .comment-reply-link{
        top: 0px;
        right: 0;
        position: absolute;
    }
}
a[rel="author"]:hover{
    color: var(--themecolor);
}
@media (min-width: 992px){
    .jobs__search form input:not(.lab-btn){
        width: calc(80% - 20px)!important;
    }
    .jobs__search form input.lab-btn{
        width: 20%!important;
    }
}
@media(max-width:300px){
    .work__content p {
        max-width: 100%;
    }
    .work__two .work__inner {
        max-width: 100%;
        height: 255px;
    }
}
.sidebar .sidebar__search form button {
	height: 56px;
    width: 56px;
    background-color: #F2F6F9;
	right: 0px;
}
.blog__content blockquote p:first-child{
	width:inherit;
	padding-left:0;
}
.sidebar .sidebar__recentpost.widget_news ul li .content h6 + span,
.footer__wrapper .content span.date,
.sidebar__comment ul li .content__top h6 + span{
	font-size:13px;
}
.sidebar__comment ul li .content__top .name h6 {
	font-size: 22px!important;
}
span.date{
	text-transform:capitalize;
}
.section__wrapper .justify-content-center .sidebar__comment .head h2,
.section__wrapper .justify-content-center .comment-respond .head h2{
	margin-bottom:0;
}
.service__single .service__content .feature.feature__two.py-4{
	padding-top:0!important;
	padding-bottom:0!important;
}
.service__single .service__content .teamMember__content h4 + p{
	margin-bottom: 0;
}
.service__single .sidebar .sidebar__helps .body ul li {
	margin-block:0;
}
@media (min-width: 992px){
	.service.service__single.padding-tb{
		padding-bottom: 0;
	}
}
.teamMember__single .teamMember__memberDetails .feature.feature__two.py-4{
	padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.teamMember__single .teamMember__memberDetails div.wpcf7{
	margin-top: -25px;
}
.blog--single h2.comment-title{
	font-size:28px;
}
@media(max-width:1199px){
	.header__bottom .area .menu ul li ul li a{
		border-bottom:none;
		padding: 8px 20px;
	}
	.header__bottom .area .menu ul li ul li a{
		margin-left: 15px;
	}
	.header__bottom .area .menu ul li ul li ul li a{
		margin-left: 30px;
		padding: 8px 20px;
	}
	.header__bottom .area .menu > a.lab-btn{
		display:none;
	}
}
.testimonial__author .rating i.un-rate{
    color: #ddd;
}
.elementor-widget-container hr{
    background-color: currentColor!important;
}
.service__single .sidebar .widget_recent_service > div.head {
    display: none;
}
footer ul.footer-socials{
    margin-top: 30px;
}
footer .footer__gallery a{
    display: inline-block;
    margin: 2px 5px;
    width: calc(100% / 3 - 14px);
    overflow: hidden;
}
footer .footer__gallery a:hover img{
    transform: scale(1.1);
}
@media(min-width: 600px){
    footer .footer__gallery .f-gallery{
        margin-left: -5px;
    }
}
@media(max-width: 599px){
    footer .footer__gallery .f-gallery{
        margin-left: 5px;
    }
}
.elementor .banner__five video {
	max-width:unset!important;
	width:unset!important;
}
.sidebar__search.widget_block.widget_search, .sidebar__search.widget_block, .sidebar-widget.sidebar__search.widget_block, .sidebar-widget.sidebar__recentpost.widget_block, .sidebar-widget.sidebar__recentpost.widget_block{
    display:none!important;
}