/* 
Theme Name:		 Carcoop Site ( Shapely Child Theme )
Description:	 Easy affordable rent to own car
Author:			 Mary Grace Dayao
Template:		 shapely
Version:		 1.0.0
Text Domain:	 shapely-child
*/


/*
    Add your custom styles here
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i&display=swap');


body{
	background-color: #FFF;
	font-family: 'Montserrat', sans-serif !important;
}

p{
    line-height: 25px;
}

.pl-6{
	padding-left: 6rem!important
}

.pl-0{
	padding-left: 0px!important
}

.colGreen{
	color:#6fc200;
}

.header-callout, .entry-meta{
	display: none !important
}

.primary-color{
	color: #6fc200
}

.btn-primary_black:hover{
	border:1px solid #000;
	background-color: transparent;
    color: #000;
    text-decoration: none}

.bg_green{
	background-color: #6fc200;
}

.bg_white{
	background-color: #FFF;
}

section{
	padding: 0 !important;
	overflow: initial !important;
}

nav{
	background-color: transparent !important;
}

.btn_primary{
	border: 1px solid #6fc200;
    padding: 5px 25px;
    color: #000;
    border-radius: 20px;
    margin: 15px 0;
}

.btn_primary:hover{
	background-color: #6fc200;
    color: #fff;
    text-decoration: none
}

.content hr{
	width: 100% !important;
	max-width: 100% !important;
	height: 1px !important
}

.shadow{
	-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}


select {
	height: 35px !important;
}

.btn-primary_black{
	margin-top: 25px !important;
	   background-color: #000;    margin-top: 20px;    border-radius: 30px;
	   color: #FFF
}


input[type="text"], input[type="search"], input[type="email"], input[type="tel"] {
    background: #ffffff;
    border: 1px solid #d8d8d8;
    width: 100%;
    height: 35px;
    padding-left: 20px;
    font-weight: 500;
    margin-bottom: 0px;
    border-radius: 4px;
}



.widget.widget_recent_entries ul li a:focus, .widget.widget_recent_entries ul li a:hover, a, a:visited{
/*	color: #6fc200; */
       color: #000
}

/*.nav-container{
	display: none !important
}
*/




.post-content{
	margin-bottom: 0 !important
}

.w-50{
	width: 50% !important
}

.w-40{
	width: 40% !important
}



.w-30{
	width: 30% !important
}

.float-left{
	float: left !important
}

.small{
	font-size:11px;
}


.small2{
	font-size:12px;
	line-height:23px;
} 


.small3{
	font-size: 14.5px;
    line-height: 25px;
}

footer {
	/*margin-top: 100px;*/
    padding: 50px 0 30px;
    font-size: 15px
}

.position-relative{
	position: relative !important;
}

.bg-blue{
	background-color: #0b274a
}




.car_fleet1 div > div > .elementor-animation-grow:hover + .car_callout1 div > div >figure > figcaption{
	-webkit-filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
      filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
} 

.sp-testimonial-free-section .sp-tfree-client-image img{
	border: 2px solid #6bbe00
}

.tfree-client-testimonial p{
	font-size: 13px;
	font-style: italic;
}

.location_blog_con {
  
    min-height: 455px;
}
.homepage_blog .eael-entry-title{
    font-weight: 800 !important;
    font-size: 18px;
    margin-bottom: 15px;
}

.homepage_blog .eael-grid-post-excerpt{
	padding-bottom: 20px;
}

.homepage_blog .eael-grid-post-excerpt > p{
	height: 150px;
}


.homepage_blog .eael-post-elements-readmore-btn, .blog_con_btn{
    background-color: #6fc200;
    padding: 10px 25px;
    color: #000 !important;
    border-radius: 20px;
    margin: 15px 0
}


.homepage_blog article:hover .eael-entry-thumbnail > img,  .location_blog_con:hover .location_blog_con_img > img{
	transform: scale(1.6);
    transition: all .2s cubic-bezier(0.4, 0, 1, 1);
}

.homepage_blog article:hover .eael-entry-thumbnail,  .location_blog_con:hover .location_blog_con_img{
	height: 300px;
      transition: all .2s ease-in-out; 
}

.homepage_blog article:hover .eael-grid-post-excerpt p,  .location_blog_con:hover .blog_con .row{
	display: none;
    transition: all .2s ease-in-out; 
}

.homepage_blog article:hover, .location_blog_con:hover {
	cursor: pointer;
}

.homepage_blog article:hover .eael-entry-wrapper, .location_blog_con:hover .blog_con{
	background-color: #6fc200;
	padding: 20px 30px;

} 

.homepage_blog article:hover .eael-entry-wrapper header{
	margin-bottom: 30px
}


.homepage_blog article:hover .eael-entry-title a,  .location_blog_con:hover .blog_con > h4{
    color: #FFF !important;
    font-size: 25px;
    line-height: 30px;
}

.homepage_blog article:hover .eael-post-elements-readmore-btn, .location_blog_con:hover .blog_con_btn{
	background-color: #000000;
    color: #fff !important;
}

.location_blog_con:hover .blog_con_btn{
	margin-top: 0px !important
}

.location_blog2{
    height: 580px !important;
}

.location_blog2 .blog_con > h4{
	    height: 20px;
}

.location_blog2:hover .blog_con > h4{
	    height: 140px;
}

/*
#colophon .widget{
	margin-bottom: 15px !important
}*/


.menu-footer-menu-container ul li{
	margin-bottom: 5px !important;
	border-bottom: initial !important;
	padding-bottom: 0px !important
}

.menu-footer-menu-container ul li a{
	color:#FFF !important;
}

.menu-footer-menu-container ul li a:hover{
	color: #6fc200 !important;
}

.home_header{
	position: fixed;
	z-index: 3;
	padding: 0px 10px;
    left: 0;
    right: 0;
}

.custom-logo-link img{
	width: 250px; 
}

.navi_top_menu {
	margin-top: -25px !important;
	position: absolute;
    right: 30px;
}

.navi_top_menu > li, .navi_top_menu > a {
	display: inline-block;
	list-style: none !important;
	padding:10px 10px;	
	font-size:12px;
	color:#6fc200;
	text-transform: uppercase;
}


.navi_top_menu > li:last-child {
	padding:0px !important;	
	padding-left: 15px
}

.navi_top_menu li{
	float: right !important;
}

.topbtn_menu_sub{
	margin-left: 20px;
	width: 300px;
/*	top:-25px;*/
}

.topbtn_menu_sub  div:first-child{
    border-bottom-left-radius: 10px;
    padding: 3px 0px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #000;
    height: 55px;
}

.topbtn_menu_sub  div:last-child{
	border-bottom-right-radius: 10px;
    padding: 3px 0px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #000;
    height: 55px;
}

#main-menu {
	/*width: 100% !important;*/
	position: absolute;
    right: 0;
	display: inline-block;
}

#main-menu > li{
	display: inline-block;
	color: #FFF;
	padding:15px 15px 0px 15px;
	font-size: 11px;
	text-transform: uppercase;
}

.main-navigation .menu li a {
    font-size: 12px;

}

#main-menu > li > a{
	color: #FFF;
	display: inline-block;
}

#main-menu > li > a:hover{
	text-decoration: none;
    color: #6fc200;
}

.post-content .entry-content .post-title{
	display: none 
}


.calcu_head{
	background-color: #5aa316;
    color: #FFF;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    font-size: 12px;
}
.car_fleet > div > div > img:hover + .ourFleet > div > div > .car_callout > div > div > figure >img{
	-webkit-filter: grayscale(100%) brightness(50%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8) !important;
    filter: grayscale(100%) brightness(50%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8) !important;
}


.location_icon > i{
    font-size: 20px;
    color: #6fc200;
}

.search_car{
	width: 100%;height: 200px;   background-size: contain;    background-position: center;
    background-repeat: no-repeat;
}

.form-switch > .toggle {
	width: 100% !important;
	height: 35px !important
} 


.form-switch > .toggle > .toggle-group > .toggle-handle {
	min-width: 120px !important;
} 

.form-switch > .toggle > .toggle-group > .toggle-on {
	text-align: left;
	border-color: transparent !important;
	background-color: #6fc200;
} 


.wizard > .steps{
	background-image: url(assets/images/wizardpinline.png);
	background-repeat: no-repeat;
    background-position: center;
    margin-top: 40px;
}




.wizard > .steps .current::before{
    content: url(assets/images/car_iconwizard.png);
    position: absolute;
    top: -35px;
    left: 68px;
}

.expensesCon{
	width: 100%
}

.expensesCon_2nd{
	width: 100%
}


.blogHeader{
/*	top:-352px !important;*/
}

.blogContentA{
/*	margin-top: 45%*/
}

.home_header_blog{
	background-color: #0b274a;
	margin-bottom: 50px;
    padding-bottom: 45px;
    background-image: url(assets/images/header.png);
    background-size: cover;
    background-position: center;
}

.shapely-content{
	text-align: justify;
	margin-top: 30px;
}

#pageHeader{
	margin-top: -30px;
}

.btnBlog{
    font-size: 14px;
    font-weight: 500 !important;
    border-radius: 45px;
    padding: 5px 25px 5px 25px;
}

.btnBlog > i{
	font-size: 27px;
    margin-left: 5px;
}

.btnBlog > span{
	position: relative;
    top: -6px;
}

.btnBlog.btn-outline-success {
    color: #6fc200 !important;
    border: 2px solid #6fc200 !important;
}

.btnBlog.btn-success{
	background-color: #6fc200 !important;
	border-color: transparent!important; 
	color: #000 !important;
    box-shadow: 0px 6px 10px -7px #6fc200 !important;
}

.btnBlog.btn-success:hover{
	background-color: #5fad00 !important;
	color:#FFF !important;
}

.btnBlog.btn-outline-success:hover{
	color: #000 !important;
    border: 2px solid #000 !important;
    background-color: transparent !important;
}
.blogContentA  > .widget {
    margin-bottom: 40px;
    background-color: #fafafa;
    padding: 5px 20px;
    border-radius: 3px;
	-webkit-box-shadow: -2px 4px 7px -1px rgba(222,222,222,1);
	-moz-box-shadow: -2px 4px 7px -1px rgba(222,222,222,1);
	box-shadow: -2px 4px 7px -1px rgba(222,222,222,1);
}

.blogContentA  > .widget.widget_recent_entries ul li, .blogContentA  > .widget.widget_archive ul li, .blogContentA  > .widget.widget_categories ul li{
	padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
}

.blogContentA  > .widget.widget_search .search-form > input#s:hover, .blogContentA  > .widget.widget_search .search-form > input#s:focus, .blogContentA  > .widget_product_search .woocommerce-product-search > input.search-field:hover, .blogContentA  > .widget_product_search .woocommerce-product-search > input.search-field:focus, textarea:hover, textarea:focus, input[type="text"]:hover, input[type="search"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="tel"]:focus{
	border-color: #6fc200;
	background-color:#FFF;
}

.blogContentA  > .widget.widget_search .search-form > input,.blogContentA  > .widget.widget_search .search-form > button[type="submit"].searchsubmit {
	    border: 1px solid #bdbdbd;
}
.blogContentA  > .widget.widget_search input[type="text"]:hover + button[type="submit"].searchsubmit{
	color: #6fc200;
    border-color: #6fc200 !important;
}


.blogContentA  > .widget.widget_search .search-form > button[type="submit"].searchsubmit{
	color: #bdbdbd;
	border-left: 1px solid #bdbdbd !important;
}

.blogContentA  > .widget .widget-title {
    font-size: 20px;
    color: #757575;
}


.pagination span:not( .dots ), .woocommerce-pagination ul.page-numbers span.page-numbers, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .pagination a:hover, .pagination .active a, .pagination .active:hover a {
    background: #6fc200;
    color: #fff;
    border-color: #6fc200;
}

.btn-filled:hover, .btn:visited:hover{
	background: #6fc200 !important;
    border-color: #6fc200 !important;
}


.attachment-shapely-full{
	position: absolute;
	opacity: 0;
}

.shapely-related-posts .shapely-related-post-title a{
	padding: 2px 10px !important;
    text-align: center;
    font-size: 15px;
}

.attachment-shapely-featured{
	display: none
}

#enquiryForm .wpcf7-mail-sent-ok{
	display: none !important
}

.pagination a, .pagination span{
	border-radius: 50px !important;
}


input[type="submit"], button[type="submit"]{
    background-color: #6fc200 !important;
    padding: 0px 25px;
    color: #000 !important;
    border-radius: 20px !important;
    margin: 15px 0;
    line-height: 40px !important;
    font-size:15px !important;
    font-weight: 600;
    border: 2px solid #6fc200;
    max-width: initial;
    width: initial;
    height: initial;
    font-size: 15px;
    line-height: 45px !important;
}


/* Absolute Center Spinner */
.page-carcoop-loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.page-carcoop-loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(11, 39, 74, 0.5);
}

/* :npage-carcoop-loadingot(:required) hides these rules from IE9 and below */
.page-carcoop-loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.page-carcoop-loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
}

.carcoop-loader {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #6fc200;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}


.btnPrevPre {
    padding: 0px 25px;
    color: #000 !important;
    border-radius: 20px !important;
    margin: 15px 0;
    line-height: 40px !important;
    font-size:15px !important;
    font-weight: 600;
    max-width: initial;
    width: initial;
    height: initial;
    font-size: 15px;
    line-height: 45px !important;
}

#pre_qualify_form .error{
	border: 1px solid #f46b6b;
    background-color: #ff9393;
}

#pre_qualify_form label.error{
    color: #f24a4a;
    font-size: 12px;
    background-color: transparent !important;
	border: 0px solid #f46b6b !important;
}

#pre_qualify_form .btn-success:hover {
	color: #FFF !important;
	outline: none !important;
	border-color: transparent;
}

#pre_qualify_form .btn-secondary:hover{
	color: #FFF !important;
	outline: none !important;
	border-color: transparent;
}


/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.main-navigation .menu li a{
	color: #FFF
}

.main-navigation .menu li a:hover, .main-navigation .menu li:hover > a, .main-navigation .menu > li:hover:after{
	color: #6fc200
}


.main-navigation.outOfSight.fixed.scrolled{
    background-color: #081f3f !important;
    padding: 0;
}

.main-navigation.outOfSight.fixed.scrolled img{
	width: 160px !important;
}

.main-navigation.outOfSight.fixed.scrolled  .navi_top_menu {
	display: none !important
}



.main-navigation.outOfSight.fixed.scrolled  .ccLogo, .main-navigation.outOfSight.fixed.scrolled  .ccMainMenu {
	margin-top: 0px;
}

.ccLogo, .ccMainMenu{
	margin-top: 45px;
}

.ccLogo {
	padding-left: 0px !important;
}

@media (max-width: 530px){
	.homeBTN{
		width:100% !important;
	}	
  
  	.navi_top_menu{
   		display:none  !important
  	}
}

@media (max-width: 991px){
	.mobTopMenu{
		display: inline-block !important;
	}

	.ccMainMenu{
		margin-top: 0px;
	}

	.ccLogo{
		margin-top: 10px
	}

}

@media (max-width: 992px){


	.navi_top_menu{
		display: none 
	}

	#site-navigation > .container{
		width: 100% !important;
		max-width: 100% !important;
		margin: 0;
		padding: 0
	}

	.home_header {
		position: relative;
		background-color: #081f3f !important;
/*     	padding-bottom: 30px; */
	}

	.main-container{
		margin-top: -80px;
		padding: 0px 
	}

	nav img{
	    width: 170px !important;
	    position: absolute;
	    top: 35px;
	    left: 20px;
	}

	#site-navigation{
		padding: 0px !important
	}

	#pageHeader{
	    margin-top: -85px;
	}

	.ccBurger{
		position: relative;
		top: 20px;
    	right: 10px;
	}

	.topbtn_menu_sub div:first-child, .topbtn_menu_sub div:last-child{
		height: 40px;
	}
}

@media (max-width: 767px){
   .aboutGirkIMG{
   		position:relative !important;
    	top:0 !important;
    	margin-bottom: -24px;
  } 
}

@media (max-width: 600px){
	.topbtn_menu_sub{
		margin-left: 0px;
	}
}

#sp-testimonial-free-135 .testimonial-text{
   display: inline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 24px;     /* fallback */
   max-height: 48px;      /* fallback */
   -webkit-line-clamp: 1; /* number of lines to show */
   -webkit-box-orient: vertical;
}
#sp-testimonial-free-135 .testimonial-text > span {
    display: inline;
    padding-right: 10px;
}

#sp-testimonial-free-135 {
    min-height: 330px;
}

#sp-testimonial-free-135 .testimonial-read-more{
    display: block !important;
    list-style: none !important;
    font-size: 12px;
    color: #6fc200
}


.referral-form .wpcf7-not-valid-tip {
    margin-top: 0px !important;
}

/* .page-id-2229 #menu {
    display: none !important;
}

.page-id-2229 .navi_top_menu a {
    display: none !important;
} */

.page-template-template-new-home-no-header #menu {
    display: none !important;
}

.page-template-template-new-home-no-header .navi_top_menu a {
    display: none !important;
}

.elementor-870 .elementor-element.elementor-element-f0692de .eael-contact-form-7 .wpcf7-not-valid-tip {
    padding-top: 30px;
}

.wpcf7-form .random-math label {
    margin-bottom: 0px !important;
}

.car_callout1 div > div >figure > figcaption, .car_callout2  div > div >figure > figcaption, .car_callout3  div > div >figure > figcaption, .car_callout4  div > div >figure > figcaption {
    position: absolute; 
    top: 22px;
    left: 0;
    right: 0; 
    margin: auto !important;
    color: #FFF !important;
    font-size: 12px !important;

}