/*
Theme Name: Basement Conversions UK
Theme URI: https://basementquotes.co.uk
Author: Tauseef Shakeel
Description: A custom Bootstrap-based WordPress theme for Basement Conversions UK.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: basement-conversions-uk
*/

body {
  font-family: system-ui, sans-serif;
}



/* colors */

.hero-sec p, .cta-sec p, .cta-sec h2, .footer-sec h3, .footer-sec h4, .footer-sec p, .hero-work h1, .hero-work p, .special-sec .bi-arrow-right:hover, .special-sec a:hover, .srvs-cta a, .home-cta .btn-light, .blog-main .btn-link:hover
{
	color: #FFFFFF !important;
}

p, .menu-sec ul li a, .hero-sec .card-body p, .benefits-head p, .offer-sec ul li, .info-sec a, .step-body ul li
{
	color: #6C7C93 !important;
}

h1,h2,h3,h4,h5,h6, .hero-sec h3, .hero-sec .card-body label, .benefits-sec h2, .testi-box .b-head, .special-sec .bi-arrow-right, .steps-sec .bi, .special-sec a, .blog-main a, .single-cntnt a, .blog-main .mb-2
{
	color: #1D2530 !important;
}

.benefits-box .bi, .about-box .bi, .steps-head .fas, .steps-body .fas, .benefit-box .fas, .offer-box .list-unstyled .fas, .stats-main h3, .value-box .bi, .vet-box .bi, .special-sec .bi-award, .info-sec .bi, .quote-sidebar .bi, .benefit-sec .bi
{
	color: #EAB600 !important;
}

.stats-sec
{
	background: #FFFFFF !important;
}

.steps-head .bg-light, .offer-2
{
	background: #F485251A !important; 
}

.nav-btn a, .hero-sec .card-body button, .srvs-cta a, .special-sec a:hover, .quote-form .btn-primary, .single-sidebar a, .home-cta .btn-light, .blog-main .btn-link:hover
{
	    background: #EAB600 !important;
}

.blog-main .btn-link:hover
{
	border: none !important;
}

.cta-sec, .footer-sec
{
	background: #233B5C !important; /* footer color */
}

.hero-work
{
	background: #315381 !important;
}




/* font-size */


.hero-sec .card-body label, .hero-sec .card-body input, .hero-sec .card-body button, .steps-body ul li, .value-box .value-box p, .vet-box p, .form-label, .quote-form .btn-primary, .submit-para
{
	font-size: 14px !important;
}

.portfolio-box p, .steps-head p, .info-sec h3, .quote-form p
{
	font-size: 16px !important;
}

.benefits-head p, .portfolio-sec p, .testi-main p, .about-head p, .cta-sec p, .benefit-sec .bene-para, .value-sec .mb-5, .vet-sec .mb-5, .vet-box h6, .special-sec p, .quote-sec .lead, .steps-sec p, .quote-form h5
{
	font-size: 18px !important;
}

.hero-work p, .offer-box h4, .offer-2 h4
{
	font-size: 20px !important;
}

.steps-head h3, .steps-head .fas, .step-hdr
{
	font-size: 24px !important;
	    
}

.benefit-sec h2
{
	font-size: 30px !important; 
}

.benefits-sec h2, .portfolio-sec h2, .testi-main h2, .about-head h2, .cta-sec h2, .benefit-sec h2, .offer-sec h2, .stats-main h3, .mission-sec h2, .value-sec h2, .vet-sec h2, .special-sec h2
{
	font-size: 36px !important; 
}

.about-box .bi, .benefit-box .fas
{
	    font-size: 40px !important;
}

.hero-work h1
{
	font-size: 48px !important;
}

p, .hero-sec .card-body label
{
	font-weight: 400 !important;	
}

.quote-form h2, .steps-head h3, .quote-form h5, .cta-sec a
{
	font-weight: 600 !important;
}

.stats-main h3, .hero-sec .card-body button, .quote-form .btn-primary
{
	font-weight: 700 !important;
}



/* padding */


.steps-head, .offer-box, .offer-2, .stats-main, .value-sec .card-body, .vet-sec .card-body, .step-hdr, .step-body
{
	padding: 24px !important;
}

.hero-sec .card-body, .benefits-box .card-body, .benefit-box .card
{
	    padding: 32px !important;
}

.stats-sec
{
	padding: 48px !important;
}

.value-sec p
{
	margin-bottom: 64px !important;
}

.benefits-sec, .portfolio-sec, .testi-sec, .about-sec, .cta-sec, .hero-work, .steps-sec, .benefit-sec, .offer-sec, .mission-sec, .value-sec, .vet-sec, .special-sec, .quote-sec
{
	padding: 80px !important;
}





/* header */


.menu-sec
{
	list-style: none !important;
}

.menu-sec ul li a
{
    text-decoration: none;
    padding: 0px 15px;
    font-size: 16px;
	font-weight: 500;
}

.nav-btn a, .single-sidebar a
{
	    border: unset;
    padding: 6px 12px;
}

.custom-logo {
    mix-blend-mode: multiply;
    background-color: transparent;
    width: 180px !important;
    height: auto !important;
    object-fit: contain;
}



/* home-page */

.hero-sec
{
	padding: 128px 0px !important;
}

.hero-sec h1
{
	line-height: 1;
	color: #FFFFFF !important;
}

.hero-sec .card-body input, .quote-form input
{
	padding: 8px 12px;
}

.hero-sec .card-body button, .quote-form button
{
	border: unset !important;
	padding: 10px 12px !important;
}

.bi-building::before, .bi-award::before, .bi-clock-history::before, .quote-form .btn-primary
{
	margin-bottom: 15px ! IMPORTANT;
}

.hero-work .mx-auto
{
	max-width: 100% !important;
}

.home-cta .btn-light
{
	border: unset !important;
}

/* cta sec */


.cta-sec a, .special-sec a
{
	    font-size: 14px;
    padding: 12px 32px;
font-weight: normal;
}

.cta-sec p
{
	margin-bottom: 32px;
}




/* services */

.hero-work p
{
	margin: 0px 290px ;
}

.steps-head
{
	border-bottom: 0;
    background: #FFFFFF;
	border-radius: 8px !important;
}

.steps-body
{
	padding: 0px 24px 24px 24px !important;
	border-radius: 8px !important;
}

.steps-body ul, .value-box p
{
	margin-bottom: 0px !important;
}

.steps-sec .card
{
	margin-top: 48px !important;
}

.offer-2
{
	margin-top: 24px !important;
}

.srvs-cta a, .special-sec a
{
	    border: unset;
}



/* about */

  .bi-check-circle::before, .bi-heart::before, .bi-people::before, .bi-shield-check::before
{
    margin-bottom: 12px;
}

.special-sec a
{
	    border-color: #e2e5e9;
	    background: #FFFFFF;
}

.step-body ul li
{
	margin-bottom: 8px ;
}

.step-body ul
{
	    padding-left: 14px !important;
}

.step-body .small-para
{
	font-size: 12px !important;
}

.quote-form .form-select
{
	    font-size: .875rem !important;
    padding: 8px 12px !important;
}


/* blogs */

.blog-main .btn-link
{
	    border: 1px solid #233B5C !important;
	color: #233B5C !important;
    padding: 8px 16px !important;
    margin: 0px 15px 20px 15px;
    font-size: 14px;
}

/* footer sec */

.footer-sec
{
	margin-top: 0px !important;
}

.footer-sec ul li, .offer-box ul li
{
	margin-bottom: 8px !important;
}


.blog-main img {
    height: 240px;
    width: 100%;
}

.single-main img {
    height: 500px !important;
}

.single-cntnt a
{
	text-decoration: none;
}

/* responsive */

@media (min-width: 992px) and (max-width: 1366px)
{
	.menu-sec 
	{
		    padding: 16px 0px;
	}
	
	.menu-sec li
	{
		padding: 8px 0px;
	}
	
	.hero-work p 
	{
	    margin: 0px 12px;
	}
}


@media (min-width: 768px) and (max-width: 991px)
{
	
	.menu-sec 
	{
		    padding: 16px 0px;
	}
	
	.menu-sec li
	{
		padding: 8px 0px;
	}
	
	
	.benefits-sec, .portfolio-sec, .testi-sec, .about-sec, .cta-sec, .hero-work, .steps-sec, .benefit-sec, .offer-sec, .mission-sec, .value-sec, .vet-sec, 		.special-sec, .quote-sec 
	{
    	padding: 80px 0px !important;
	}
	
	.hero-work p {
    margin: 0px 12px;
	}
}


@media (max-width: 767px)
{
	
	.menu-sec 
	{
		    padding: 16px 0px;
	}
	
	.menu-sec li
	{
		padding: 8px 0px;
	}
	
	.hero-sec 
	{
    padding: 85px 12px !important;
	}
	
	.hero-sec h1 
	{
    font-size: 36px;
    line-height: 1.25;
	}
	
	.stats-main p, .quote-form .btn-primary
	{
		font-size: 14px !important;
	}
	
	.hero-sec .card-body p, .portfolio-sec p, .benefit-sec h5
	{
		font-size: 16px !important;
	}
	
	.hero-sec p 
	{
    font-size: 18px;
	}
	
	.hero-sec h3
	{
    font-size: 24px;
	}
	
	.hero-sec .card-body, .benefits-box .card-body, .benefit-box .card {
    padding: 24px !important;
	}
	
	.benefits-sec, .portfolio-sec, .testi-sec, .about-sec, .cta-sec, .hero-work, .steps-sec, .benefit-sec, .offer-sec, .mission-sec, .value-sec, .vet-sec, 		.special-sec, .quote-sec 
	{
    padding: 80px 12px !important;
	}
	
	.benefits-sec h2, .portfolio-sec h2, .testi-main h2, .about-head h2, .cta-sec h2, .benefit-sec h2, .offer-sec h2, .stats-main h3, .mission-sec h2, 			.value-sec h2, .vet-sec h2, .special-sec h2 {
    font-size: 30px !important;
	}
	
	.hero-work h1, .quote-sec h1 {
    font-size: 36px !important;
	}
	
	.hero-work p {
    font-size: 18px !important;
	}
	
	.hero-work p {
    margin: 0px 12px;
	}
	
	.stats-sec {
    padding: 24px !important;
	}
	
	.stats-main {
    padding: 0px !important;
	}
	
	.bi-award::before
	{
		margin-bottom: 24px !important;
		   
	}
	
	.special-sec .bi-award
	{
		 font-size: 60px ! IMPORTANT;
	}
	
	.quote-form label
	{
		font-size: 14px !important;
	}
}