/*
Theme Name: Astra Child
Theme URI: 
Description: Astra Child Theme
Author: Lukasz Matyjaszczyk
Author URI:
Template: astra
Version: 1.0.0
*/

.button{
	transition: all .3s;
}

:root {
  --gray: #A9B0CB;
  --blue: #0274be;
}

.custom_cars_loop{
	position: relative;
}

.custom_cars_loop .owl-nav{
	position: absolute;
	z-index: 2;
	top: 50%;
	margin-top:  -20px;
	
}

.car-slide{
	margin-right: 30px;
	border: 1px solid var(--gray);
	position: relative;
}



.car-slide a{
	color: inherit;
	padding: 40px;
	display: block;
	
}

.car-slide .photobox{
	height: 300px;
	padding: 0px;
}

.car-slide .photobox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
} 

.car-slide  .contentbox{
	min-height: 220px;
	padding-top: 30px;
}

 .functions{
	margin-top: 15px;
	min-height: 113px;
}

 .functions .function{
	display: inline-flex;
	align-items: center;
	margin-right: 15px;
}

.functions .function.upper span{
	display: inline-block;
}

.functions .function.upper span::first-letter {
    text-transform: uppercase;
	
}

.functions .function span{
	padding-left: 8px;
	font-size: 12px;
}

.functions .function img{
	height: 15px; 
	width: auto;
	opacity: 0.6;
	filter: grayscale(1);
}

.functions.-bigger {
	min-height: 0;
}

.functions.-bigger .function{
	margin-right: 20px;
	margin-bottom: 14px;
}

.functions.-bigger .function span{
	padding-left: 12px;
	font-size: 16px;
}

.functions.-bigger .function img{
	height: 20px; 
	box-shadow: none;
}

.car-slide  .contentbox  .pricebox{
	display: flex;
}

.car-slide  .contentbox  .pricebox .price{
	width: 50%;
	display: flex;
  align-items: center;
}

.car-slide  .contentbox  .pricebox .price span{
	color: var(--blue);
}

.car-slide  .contentbox  .pricebox .button-box{
	width: 50%;
	text-align: right;
}

.car-slide  .contentbox  .pricebox .button-box .button{
	border: 1px solid var(--blue);
	display: inline-block;
}

.car-slide  a:hover .button{
	background-color: #fff;
	border: 1px solid var(--blue);
	color: var(--blue);
	
}

.car-slide .title{
	color: var(--blue);
}

.custom_cars_loop .owl-dots{
	margin-top: 30px;
	text-align: center;
}

.custom_cars_loop .owl-dots .owl-dot{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid var(--gray);
	background-color: white;
	margin-right: 10px;
}

.custom_cars_loop .owl-dots .owl-dot.active{
	border: 1px solid var(--blue);
	background-color: var(--blue);
}

body.single-car{
	background-color: #fff;
}
 
.car-content-wrapper{
	display: flex; 
	gap: 60px;
}

.car-gallery{
	flex: 1;
}


.car-details{
	flex: 3;
}

.car-header{
	margin-bottom: 30px;
	color: var(--blue);
}

.car-header h1{
	color: var(--blue);
}

.car-details h2{
	margin-bottom: 30px;
	color: var(--blue);
}

body.single-car .ast-container{
	max-width: 100%;
	flex-wrap: wrap;
}

body.single-car .ast-container article{
	width: 100%;
}

body.single-car  .other_cars{
	width: 100%;
	margin-top: 15px;
	margin-bottom: 100px;
	padding: 40px;
}

body.single-car .car{
	padding: 40px;
}

.other_cars h2{
	color: var(--blue);
	margin-bottom: 40px;
}

.pricebox_car{
	border: 1px solid var(--gray);
	padding: 30px;
	display: flex;
	align-items: center;
	margin-top: 60px;
}

.pricebox_car h5{
	color: var(--blue);
	margin-bottom: 15px;
}

.pricebox_car .pricelist{
	width: calc( 100% - 400px ); 
	padding-right: 30px;
}

.pricebox_car .pricelist .price{
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 5px;
}

.pricebox_car .middle{
	width: 200px;
	padding-right: 30px;
}

.pricebox_car .right{
	width: 200px;
}

.pricebox_car .right .button{
	display: inline-block;
	cursor: pointer;
	border: 1px solid var(--blue);
}

.pricebox_car .right .button:hover{
	background-color: #fff;
  border: 1px solid var(--blue);
  color: var(--blue);
}

.book_car_outer{
	padding: 40px;
	width: 100%;
	display: none;
}

.book_car_outer.show{
	display: block;
}

.book_car{
	display: flex; 
	flex-wrap: wrap;
	width: 100%;
	padding: 40px;
	border: 1px solid var(--gray);
}

.book_car .order_data{
	width: calc( 50% - 30px );
	margin-right: 30px;
}

.book_car .order_data .tt{
	margin-bottom: 20px;
}

.book_car .package{
	width: calc( 50% - 30px );
}

.tt{
	color: var(--blue);
}

.frow{
	position: relative;
	width: 100%;
}

.frow + .frow{
	margin-top: 15px;
}

.frow.dates{
	display: flex;
	gap: 30px;
}

.frow.dates .date{
	width: 33%;
}

.frow.dates  .prices_per_day{
	width: 33%;
}

.prices_per_day{
	display: block;
	
	
}

.prices_per_day p{
	display: inline-flex;
	background-color: var(--blue);
	color: #fff;
	height: 40px;
	align-items: center;
	margin-top: 26px;
	padding: 0 15px; 
}

.prices_per_day p strong{
	margin-left: 5px;
}

.place .lab{
	margin-bottom: 10px;
	display: block;
}

.places{
	display: flex;
	gap: 30px;
}

.places.u-hidden{ 
	display: none;
}

.package_table{
	display: block;
	margin-top: 30px;
}

.package_table p{
	margin-bottom: 0;
}

.package_table .line{
	display: flex;
	margin-bottom: 15px;
}

.package_table .line .desc{
	width: calc( 100% - 300px );
}

.package_table .line .opt1{
	width: 150px;
	text-align: center;
}

.package_table .line .opt2{
	width: 150px;
	text-align: center;
}

.package_table .line .opt_double{
	width: 300px;
	text-align: center;
}

.package_table .line .opt_double .wpcf7-list-item{
	margin-left: 0;
	margin-right: 0;
	width: 150px;
}

.package_table .line .opt_double .wpcf7-list-item .wpcf7-list-item-label{
	display: block;
	width: 100%;
	text-align: center;
}

.package_table .line-deco{
	height: 1px;
	width: 100%;
	background-color: var(--gray);
	margin-bottom: 15px;
}

.wpcf7-list-item{
	margin-left: 0;
	margin-right: 15px;
}

.package_table .line .negative  svg, .package_table .line .positive  svg{
	width: 20px;
	height: 20px;
	fill: red;
	margin-top: 5px;
}

.package_table .line .positive  svg{
	fill: green;
}

.book_car .personal_data{
	width: 100%;
	border-top: 1px solid var(--gray);
	padding-top: 30px;
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
}

.book_car .personal_data .tt{
	margin-bottom: 20px;
	width: 100%;
}

.personal_data .personal_left{
	width: calc( 50% - 30px );
	margin-right: 60px;
}

.personal_data .personal_right{
	width: calc( 50% - 30px );
}
.personal_data .wpcf7-textarea{
	resize: none;
	height: 244px;
}

.order_summary{
	width: 100%;
}

.rodo{
	width: 100%;
}

.wpcf7-submit{ 
	margin-top: 15px;
}

.order_summary{
	background: #ededed;
	padding: 30px;
	width: 100%;
	margin-bottom: 30px;
}

.order_summary p{
	margin-top: 15px;
	margin-bottom: 0;
}

.order_summary span.summary_price{
	margin-right: 60px;
	position: relative;
	white-space: nowrap;
  display: inline-block;
  margin-bottom: 15px;
}

.order_summary span::after{
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: 20px;
	background: var(--gray);
	right: -30px;
	top: 2px;
}

.order_summary span:last-child::after{
	display: none;
}

.order_summary span.blue{
	color: var(--blue);
	font-weight: bold;
}

@media all and (width < 880px) {
  .car-slide .photobox{
	  height: 60vw;
  }
  
  .car-slide{
	  margin-right: 10px;
  }
  
 
}

@media (max-width: 1199px){
	.book_car .order_data{
		width: 100%;
		margin-right: 0;
	}
	
	.book_car .package{
		width: 100%;
		margin-top: 30px;
	}
}

@media (max-width: 1024px){
	body.single-car .car {
	  padding: 10px;
	  margin-top: 40px;
	}
	
	body.single-car .other_cars, .book_car_outer{ 
		padding: 10px;
	}
	
	.book_car{
		padding: 30px;
	}
	
	body.single-car .other_cars{
		margin-bottom: 70px;
	}
	
	.car-content-wrapper{
		gap: 0;
		flex-wrap: wrap;
	}
	
	.car-details{
		width: 100%;
		flex: initial;
		margin-top: 40px;
	}
	
	.car-gallery{
		width: 100%;
		flex: initial;
	}
}

@media (max-width: 767px){
	.pricebox_car{
		flex-wrap: wrap;
	}
	
	.pricebox_car .pricelist {
	  width: 100%;
	  padding-right: 0px;
	}
	.pricebox_car .middle {
	  width: 100%;
	  padding-right: 0px;
	  margin-top: 30px;
	  margin-bottom: 30px;
	}
	
	.pricebox_car .right {
	  width: 100%;
	}
}

@media all and (width < 600px) {
	
	.frow.dates{
		gap: 0;
		flex-wrap: wrap;
	}
	
	.frow.dates .date{
		width: 100%;
	}
	
	.frow.dates .prices_per_day{
		width: 100%;
	}
	
	.prices_per_day p{
		margin-top: 10px;
	}
	
	.places{
		gap: 0;
		flex-wrap: wrap;
	}

	.package_table .line .desc{
		width: calc( 100% - 150px );
		font-size: 12px;	
	}

	.package_table .line .opt_double {
	  width: 150px;
	}

	.package_table .line .opt1{
		font-size: 12px;
		width: 75px;
	}	
	.package_table .line .opt2{
		font-size: 12px;
		width: 75px;
	}

	.package_table .line .opt_double .wpcf7-list-item{
		width: 75px;
	}
	.package_table .line .opt_double .wpcf7-list-item .wpcf7-list-item-label{
		font-size: 12px;
	}
	.personal_data .personal_left , .personal_data .personal_right{
	  width: 100%;
	  margin-right: 0px;
	}

	.order_summary span::after{
		display: none;
	}

	.order_summary span.summary_price{
		margin-right: 0;
		display: block;
	}


}

@media all and (width < 500px) {
	.car-slide a{
		padding: 20px;
	}
	
	.car-slide .contentbox .pricebox{
	  flex-wrap: wrap;
	}
	
  .functions{
		min-height: 0;
		margin-bottom: 30px;
	}
	
	
	.car-slide .contentbox .pricebox .price {
	  width: 100%;
	}
	
	.car-slide .contentbox .pricebox .button-box {
	  width: 100%;
	  margin-top: 30px;
	}
}