/*
Theme Name: Volta Concierge
Author: 561 Media
Version: 1.0.0
Text Domain: volta
*/

body {
	font-size: 17px !important;
}

.content-wrap p:after {
	content: '';
	display: block;
	clear: both;
}

.back-to-top {
	padding: 10px 13px;
}

.gtranslate-wrapper {
	position: fixed;
	z-index: 999;
	bottom: 2rem;
	left: 2rem;
	background-color: #fff;
	padding: 5px 5px 6px;
}

.gtranslate-wrapper .glink {
	margin: 0 5px;
}

.gtranslate-wrapper .glink img {
	width: 30px;
	height: auto;
}

.modal .modal-dialog {
	top: 50% !important;
}

.modal.in .modal-dialog {
	-webkit-transform: translate3d(0,0,0) translateY(-50%);
	transform: translate3d(0,0,0) translateY(-50%);
}

#main-header #main-nav .nav li.current-page-parent>a {
	font-weight: normal;
}

#main-header #main-nav .nav li.current-page-parent>a:after {
	border-bottom-width: 0;
}

#invest-page-section {
	padding: 50px 0;
}

#investor-page-section .btns-wrapper {
	margin-top: 30px;
}

#investor-page-section .btns-wrapper ul {
	margin: 0;
}

#main-footer .website-by {
	font-size: 14px;
	color: rgba(255, 255, 255, .5);
	margin-bottom: 5px;
}

#volta-fleet-section #vehicle-slider .carousel-control {
	top: 104px;
}

#volta-difference .item {
    align-items: end;
    display: flex;
    margin-bottom: 30px;
}

#volta-difference .icon {
    max-width: 138px;
    width: 25%;
}

#volta-difference .content {
    padding-left: 40px;
}

@media (max-width: 1199px) {
	#main-header .top-header {
		margin-bottom: 20px;
	}

	#main-header .top-header .social-links-wrapper {
		margin: 0 15px 0 0;
	}

	#main-header .header-logo img {
	    width: 330px;
	}

	#main-header-sticky-wrapper.is-sticky #main-header .header-logo img {
	    width: 280px;
	}

	#main-header #main-nav .nav li {
		padding: 0 10px;
	}
	
	.social-links-wrapper p,
	#main-header #main-nav .nav li a {
		font-size: 15px;
	}

	#main-footer #request-demo-section .section-img {
        width: calc(50% - 100px);
        left: calc(50% + 100px);
    }

    #volta-fleet-section #vehicle-slider {
        margin-bottom: 40px;
	    padding: 0 72px;
	}

	#volta-fleet-section #vehicle-slider .carousel-indicators li {
	    margin: 0 20px !important;
	}

	#volta-fleet-section #vehicle-slider .carousel-control.left {
	    left: 0;
	    right: auto;
	    margin: auto 0;
	}

	#volta-fleet-section #vehicle-slider .carousel-control.right {
	    left: auto;
	    right: 0;
	    margin: auto 0;
	}
}

@media (max-width: 991px) {
	#main-header-sticky-wrapper {
		height: 148px !important;
	}

	#main-header .header-logo img {
		width: 280px !important;
	}

	#main-header #signup-form.collapse.in .form-wrap {
		max-height: calc(100vh - 148px);
		overflow: scroll;
	}

	#how-it-works-section .videos-wrapper .video-tabs, 
	#how-it-works-section .videos-wrapper {
		text-align: center;
	}

	#volta-fleet-section #vehicle-slider .carousel-indicators li {
	    margin: 0 20px !important;
	}

	#volta-fleet-section .vehicle-wrap {
		text-align: center;
	}

	#volta-fleet-section .vehicle-wrap .car-wrap {
	    margin: 0 0 30px;
	    text-align: center;
	}

	#volta-fleet-section .vehicle-wrap .content-wrap {
		display: inline-block;
		text-align: left;
		margin-top: 0;
	}
}

@media (min-width: 768px) {
	br.on-mobile {
		display: none;
	}

	#main-header #signup-form .gform_wrapper .gfield .ginput_complex.ginput_container_address span.ginput_right+span.ginput_left, 
	#main-header #signup-form .gform_wrapper .ginput_complex span.ginput_left {
		margin-right: 0 !important;
	}

	#main-header #signup-form .gform_wrapper .ginput_complex .address_city {
		width: calc(40% - 10px) !important;
	}

	#main-header #signup-form .gform_wrapper .ginput_complex .address_state,
	#main-header #signup-form .gform_wrapper .ginput_complex .address_zip {
		width: calc(30% - 5px) !important;
		margin-left: 10px !important;
	}
}

@media (max-width: 767px) {
	body {
		font-size: 16px;
	}

	.gtranslate-wrapper {
		left: 0;
		bottom: 0;
	}

	.btn, button {
		min-width: 0 !important;
		white-space: normal;
		font-size: 16px;
	}

	#main-header #signup-form .form-wrap .section-title h3 {
		font-size: 21px;
	}

	#banner-section #main-banner .carousel-inner .item {
		height: 500px;
	}

	#banner-section #main-banner .carousel-inner .item .carousel-caption {
		top: 75px;
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	#banner-section #main-banner .carousel-inner .item .carousel-caption h1 {
		font-size: 28px;
	}

	#banner-section #main-banner .carousel-inner .item .carousel-caption h1 br {
		display: none;
	}

	#banner-section #main-banner .carousel-inner .item .carousel-caption .btn {
		min-width: 0;
	}

	#volta-fleet-section .vehicle-wrap .car-wrap {
		margin: 30px 0 15px;
	}

	.section-title h2 {
		text-align: center;
		font-size: 30px;
		line-height: 21px;
		margin-left: 0 !important;
	}

	.page-banner-section .page-title h1 {
		margin-top: 0;
	}

	.page-banner-section .banner-img {
	    height: 120px;
	    object-position: 75%;
	}

	.right-content-section,
	#contact-page-section,
	#volta-fleet-section,
	#rap-section,
	#invest-page-section {
		padding: 50px 0;
	}

    /*
	.right-content-section .content-wrap *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
		text-align: justify;
	}
	*/

	.content-wrap h1, .entry h1 {
		font-size: 42px;
		line-height: 1.1;
	}

	.content-wrap h2, .entry h2 {
		font-size: 36px;
		line-height: 1.1;
	}

	.content-wrap h3, .entry h3 {
		font-size: 25px;
		line-height: 1.1;
	}

	.content-wrap h4, .entry h4 {
		font-size: 20px;
		line-height: 1;
	}

	#how-it-works-section .videos-wrapper .video-tabs li a, 
	#how-it-works-section .videos-wrapper p {
		font-size: 18px;
	}

	#how-it-works-section .videos-wrapper .tab-content .tab-pane .btn {
		padding-left: 10px;
		padding-right: 10px;
	}

	#main-footer #request-demo-section .section-title h3 {
		font-size: 31px;
	}

	#main-footer #request-demo-section .section-title strong {
		display: inline-block;
	}

	#main-footer #chauffeur-signup-section .section-title h3 {
		font-size: 28px;
	}

	#main-footer #chauffeur-signup-section .form-wrap {
		width: auto;
	}

	#rap-section {
		font-size: 0;
	}

	#rap-section .rap-wrap {
		width: calc(50% - 8px);
		display: inline-block;
		vertical-align: top;
	}

	#rap-section .rap-wrap:nth-child(odd) {
		margin-right: 16px;
	}

	#rap-section .rap-wrap .content-wrap {
		font-size: 16px;
		letter-spacing: 0;
	}

	#rap-section .rap-wrap .content-wrap h3 {
		font-size: 20px;
	}

	#main-footer .login-register-wrapper ul li {
		width: 100%;
	}

	#main-footer .menu-wrap {
		width: 100%;
		float: none;
	}

	#main-footer .menu-wrap .widget_nav_menu {
		width: auto;
		display: block;
		float: left;
	}
}

@media (max-width: 480px) {
	#banner-section #send-invite .section-title h3 {
	    font-size: 18px !important;
	}

	#travel-page-section #images-wrapper .img-wrap img {
		width: auto;
		margin: auto;
	}
	
	.default-page-section {
	    padding: 50px 0;
	}
	
    .content-wrap h1, .entry h1 {
        font-size: 34px;
        margin-bottom: 20px;
    }	
	
	.content-wrap h2, 
	.entry h2 {
        font-size: 30px;
	    margin-bottom: 20px;
	}	
	
	.btn, button {
	    font-size: 14px;
        padding: 10px 25px;
	}
	
    #locations td {
        font-size: 14px;
    }	
    
    #volta-difference .icon {
        width: 15%;
    } 
    
    #volta-difference .content {
        padding-left: 20px;
    }  
    
    #volta-difference .content h4 {
        margin-bottom: 20px;
    }    
    
    .contact-details ul.email {
        overflow-wrap: break-word;
        word-wrap: break-word;
    }
	
}

.disclaimer {
	font-size: 12px !important;
}

#how-it-works-section .content-wrap,
.right-content-section .content-wrap {
    text-align: left;
}