/*!
Theme Name: Doob
Theme URI: https://rainbowthemes.net/themes/doob/
Author: Rainbow-Themes
Author URI: http://rainbowit.net/
Description: Smart, Powerful, and Unlimited Customizable WordPress Theme.
Version: 2.0.6
License: Envato Marketplaces Split License
License URI: https://themeforest.net/licenses/standard
Text Domain: doob
Tested up to: 6.7
Requires PHP: 7.4
Tags: business, corporate, e-commerce, portfolio.


Doob is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */


input[type=url] {
    font-size: 16px;
    font-weight: 400;
    height: auto;
    line-height: 28px;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 15px;
    outline: none;
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius);
    color: var(--color-body);
}

.wpcf7-form-control.wpcf7-acceptance label {
	display: flex;
  align-items: center;
  gap: 15px; 
}

.wpcf7-form-control.wpcf7-acceptance input[type=checkbox], 
.wpcf7-form-control.wpcf7-acceptance input[type=radio] {
    opacity: 1;
    position: absolute;
    left: 0;
	width: 20px;
	background: transparent!important;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label {
		padding-left: 20px;
}

.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"] {
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 2px solid #555;
  border-radius: 4px;
  cursor: pointer;
	padding: 0!important;
}

.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"]:checked {
  background-color: #4CAF50; 
}

/* Shaziya Code */
.home-banner .list-icon, .home-about .split-list{
	display:none;
}
.clltoaction-style-default.style-7 .content .subtitle{
	max-width:fit-content;
}
.contact-page .single-service, .contact-page .service{
	height:100%;
}
.home-working .rainbow-section-gap{
	padding:0px !important;
}
.home-services .single-service, .home-services .service{
	height:100%;
}
.brand-style-2{
	align-items:center;
}
.services-services .service .image img{
	width:100%;
	height:200px;
}
.client-logo [title]::after {
    content: attr(title);
    display: block;
    color: #ffffff;
    font-size: 16px;
    margin-top: 5px;
    position: absolute;
    top: 75%;
    width: 100%;
    text-align: center;
    background: #042736;
	text-transform: uppercase;
}
.section-title .subtitle{
	background-color: #cccccc;
}
.rainbow-footer-widget .wp-block-heading{
	text-transform:capitalize;
}
.rainbow-footer-widget .wp-element-button{
	background: linear-gradient(95deg, var(--color-gradient-1) 15%, var(--color-gradient-2) 45%, var(--color-gradient-3) 75%, var(--color-gradient-4) 100%) 95% / 200% 100%;
	border:none;
}
.rainbow-footer-widget .wp-element-button:hover{
	background: linear-gradient(95deg, var(--color-gradient-1) 15%, var(--color-gradient-2) 45%, var(--color-gradient-3) 75%, var(--color-gradient-4) 100%) 95% / 200% 100%;
	border:none;
	color:#ffffff;
	-webkit-filter: brightness(125%); 
    filter: brightness(125%);
}
.rainbow-header.sticky, .doob-header.sticky, .header-default, .header-default.header-transparent, body.active-light-mode .rainbow-header.sticky{
	background-color:#ffffff !important;
	box-shadow: var(--shadow-lighter);
}
.mainmenu-nav .mainmenu > li > a{
	color:#0f0f11;
}
.footer-style-default{
	background:#042736;
}
.social-default li a{
	background:#094060;
}
.case-studies .filter-button-default button{
	background-color: #8eac83;
	color:#ffffff;
	margin:5px;
}
.case-studies .filter-button-default button.is-checked{
	background-color:#042736;
}
.case-studies .rn-pagination ul.page-numbers li .current{
	background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-secondary) 100%) 95% / 200% 100%;
}
/* .case-studies .rn-filterable-portfolios .col-lg-4{
	height:100%;
} */
.popup-mobile-menu .inner{
	background-color:#ffffff;
}
.popup-mobile-menu .mainmenu-item li a{color:#0f0f11;}
.popup-mobile-menu .inner .header-top, .popup-mobile-menu .mainmenu-item li + li{
	border-bottom:1px solid #0f0f1180;
	border-color: #0f0f1180;
}
.menutrigger{
	background:#062c3d;
}
/* .teams, .teams .elementor-widget-container, .teams .rainbow-team, .teams .inner{
	height:100%;
} */
.teams .elementor-widget-container{
	height:450px;
}
body{background:#ffffff;}
.rainbow-gradient-circle, .rainbow-gradient-circle.theme-pink{
	display:none;
}
.rainbow-portfolio-details .content-left .single-list-wrapper .single-list label{
	color:#000;
}
.rainbow-section-gap{
	padding:60px 0px!important;
}
.root-header-transparent .breadcarumb-style-1{
	padding:150px 0px !important;
	padding-bottom:0px !important;
}
.ekit-wid-con .elementskit-clients-slider .single-client img{
	height:80px;
	object-fit:contain;
}
.header-style-one.sticky{
	z-index:999999;
}
.slot{
    animation: spin 10s linear infinite;
    transform-origin: center;
}

.rn-filterable-portfolios .card-image img{
	height:350px;
	object-fit:contain;
}

.rainbow-portfolio-details .thumbnail img{
	height:450px;
	object-fit:cover;
}

/* .rn-filterable-portfolios .rn-filterable-portfolio-item, .rn-filterable-portfolios .rn-filterable-portfolio-item .rainbow-card{
	height:100%;
}
.rn-filterable-portfolios{
	height:500px;
} */

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


@media only screen and (max-width: 767px) {
	.banner-title-custom{
		    position: initial !important;
	}
	.service-tab .nav-item{
	width:100%;
	text-align:center;
}
}