/*
Theme Name: Auto4You
Theme URI: https://cormo.pl
Author: Cormo
Author URI: http://cormo.pl/
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Rajdhani:400,500,700&subset=latin-ext');
 
body, html { margin: 0 !important; padding: 0; background: #FFF; font: 500 18px/1.4 Rajdhani, Helvetica, sans-serif; }
img { max-width: 100%; height: auto; }

h1, h2, h3, h4, .h1, .h2, .h3, .h4 { font-weight: 700; }

.navbar-dark .navbar-brand { font-weight: 700; }
.navbar-dark .navbar-nav .nav-link { color: #fff; }

.bg-dark { background: #101010 !important; }

body.admin-bar .fixed-top { top: 32px; }
body.admin-bar .carousel, body.admin-bar .content { margin-top: -32px; }
body.admin-bar .content { padding-top: 90px; }


.content { background: #e5e4e2; min-height: 100vh; padding-top: 60px; }
.carousel-item { height: 100vh; background: #ddd; background-size: cover; background-position: 50% 50%; }

.header { background-size: cover; background: #404040; text-shadow: 1px 1px 5px rgba(0,0,0,0.4) }

.navbar-brand { letter-spacing: 4px; background-image: linear-gradient(to right,#b5b5b5 0,#e8e4e5 12%,#e0e0e0 45%,#f1f1f1 50%,#cbc7c8 55%,#b9b5b6 88%,#c3c3c3 100%); color:transparent !important; background-clip:text; -webkit-background-clip:text; }

.navbar-dark .navbar-nav .nav-item.phone .nav-link { background-image: linear-gradient(to right,#b5b5b5 0,#e8e4e5 12%,#cbc7c8 45%,#f1f1f1 50%,#e0e0e0 55%,#b9b5b6 88%,#c3c3c3 100%); background-clip:text; color: transparent; font-weight: 700;-webkit-background-clip:text; }
.navbar-dark .navbar-nav .nav-item.phone .nav-link:before { content: ''; background: url(img/phone.svg) no-repeat center center; transition: transform 0.6s; width: 1em; height: 1em; display: inline-block; vertical-align: middle; margin-right: 0.15em; }
.navbar-dark .navbar-nav .nav-item.phone:hover .nav-link:before { transform: rotate(40deg); }

@media screen and (max-height: 600px) {
	.carousel-item { height: 600px; }
}

@media screen and (min-width: 1200px) {
	.carousel-item .h1 { font-size: 4rem; line-height: 1; }
	.carousel-item .h2 { font-size: 3.5rem; line-height: 1; }
}