/*
 Theme Name:   UnderStrap Child
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/

/* COLOR PALETTE
 *
 * RED DARK		#750411
 * RED NORMAL	#c10b20
 * RED LIGHT	#ff2942
 *
 * GREEN DARK	#007519
 * GREEN NORMAL	#0cc233
 *
 * GREY DARKER	#1E2124
 * GREY DARK	#242422
 * GREY NORMAL	#bdbdb1
 * GREY LIGHT	#dadada
 */

:root {

}

*::selection {
	background-color:#cdcdcd;
	color:#ffffff;
}
*::-moz-selection {
	background-color:#cdcdcd;
	color:#ffffff;
}
*::-webkit-selection {
	background-color:#cdcdcd;
	color:#ffffff;
}

html {
	overflow-x:hidden;
}
body {
	font-family:"Roboto";
	font-weight:400;
}

/* Style Resets */
a, button, ul, #navigation {
	border-radius:2px !important;
}

/* BA Styles */
.dark-version {
	background-color:#242422 !important;
}
.text-dark {
	color:#242422 !important;
}
.bg-gradient-white {
	background:rgb(255,255,255);
	background:linear-gradient(195deg, #ffffff 0%, #ffffff 100%);
	opacity:1;
}
.bg-gradient-ba {
	background:rgb(26,28,40);
	background:linear-gradient(25deg, rgba(5,5,5,0.8) 0%, rgba(26,28,40,0.1) 100%);
	opacity:1;
}
nav .nav-hr-line {
	padding-bottom:10px;
	border-bottom:1px dashed rgba(255, 255, 255, 0.4);
}
nav .container {
	display:block !important;
}
nav .top-nav {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
nav .bottom-nav {
	display:block;
}
.nav-link {
	text-transform:uppercase;
	font-weight:600 !important;
}
#main-menu li {
	margin-right:30px;
}
#main-menu li:last-of-type {
	margin-right:0;
}
#footer-menu li.nav-item a.nav-link {
	color:#ffffff;
	opacity:0.8;
}
#footer-menu li.nav-item a.nav-link:hover
	opacity:1;
}

.btn-primary {
	background-color:#c10b20;
}
.btn-primary:hover {
	background-color:#ff2942;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn.bg-gradient-primary:not(:disabled):not(.disabled).active,
.btn.bg-gradient-primary:not(:disabled):not(.disabled):active,
.show>.btn.bg-gradient-primary.dropdown-toggle {
	background-color:#750411;
}
.btn-primary.focus,
.btn-primary:focus,
.btn.bg-gradient-primary.focus,
.btn.bg-gradient-primary:focus {
	background-color:#c10b20;
}
.btn-outline-primary {
	color:#c10b20;
	border-color:#c10b20;
}
.btn-outline-primary:hover {
	color:#ff2942 !important;
	border-color:#ff2942;
}
.btn-check:checked+.btn-outline-primary,
.btn-check:active+.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
	border-color:#750411;
	background-color:transparent !important;
}
.btn-check:checked+.btn-outline-primary:focus,
.btn-check:active+.btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
	color:#c10b20;
	border-color:#c10b20;
}
.bg-gradient-primary {
	background-image:linear-gradient(195deg, #ff2942 0%, #c10b20 100%);
}
.btn-primary,
.btn.bg-gradient-primary {
	box-shadow:0 3px 3px 0 rgba(255, 41, 66, 0.15), 0 3px 1px -2px rgba(255, 41, 66, 0.2), 0 1px 5px 0 rgba(255, 41, 66, 0.15);
}
.btn-primary:hover,
.btn.bg-gradient-primary:hover {
	box-shadow:0 14px 26px -12px rgba(255, 41, 66, 0.4), 0 4px 23px 0 rgba(255, 41, 66, 0.15), 0 8px 10px -5px rgba(255, 41, 66, 0.2);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn.bg-gradient-primary:not(:disabled):not(.disabled).active,
.btn.bg-gradient-primary:not(:disabled):not(.disabled):active,
.show>.btn.bg-gradient-primary.dropdown-toggle {
	background-color:red !important;
}
.btn {
	box-shadow:none !important;
}
.btn-primary .btn-inner--text,
.btn-primary .btn-inner--icon {
	color:#ffffff;
}

/* Text Styles */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family:"Montserrat";
	color:#1E2124;
}
p {
	font-weight:400;
	color:#333333;
}
a { color:#c10b20; }
a:hover { color:#ff2942; }
a.red-light { color:#ff2942; }
a.red-light:hover { color:#c10b20; }
a.grey { color:#bdbdb1; }
a.grey:hover { color:#ff2942; }
a.dark { color:#242422; }
a.dark:hover { color:#ff2942; }
hr.text-deco {
	width:50px;
	height:0;
	opacity:1;
	border:none;
	border-top:2px solid #c10b20;
	display:inline-block;
	vertical-align:-10px;
	margin-right:5px;
}
hr.vertical.light { background-color:#dadada; opacity:0.1; height:90%; }
hr.vertical.dark { background-color:#bdbdb1; opacity:0.1; height:90%; }
.font-roboto { font-family:"Roboto"; }
.font-montserrat { font-family:"Montserrat"; }
.text-100 { font-weight:100; }
.text-200 { font-weight:200; }
.text-300 { font-weight:300; }
.text-400 { font-weight:400; }
.text-500 { font-weight:500; }
.text-600 { font-weight:600; }
.text-700 { font-weight:700; }
.text-800 { font-weight:800; }
.text-900 { font-weight:900; }
.text-red-dark { color:#750411; }
.text-red-normal { color:#c10b20; }
.text-red-light { color:#ff2942; }
.text-green-dark { color:#007519; }
.text-green-normal { color:#0cc233; }
.text-grey-dark { color:#242422; }
.text-grey-normal { color:#bdbdb1; }
.text-grey-light { color:#dadada; }
.border-red-dark { border-color:#750411 !important; }
.border-red-normal { border-color:#c10b20 !important; }
.border-red-light { border-color:#ff2942 !important; }
.border-green-dark { border-color:#007519 !important; }
.border-green-normal { border-color:#0cc233 !important; }
.border-grey-dark { border-color:#242422 !important; }
.border-grey-normal { border-color:#bdbdb1 !important; }
.border-grey-light { border-color:#dadada !important; }
.min-height-50 { min-height:50px !important; }
.underline { text-decoration:underline; }
.badge { border-radius:2px; }
.max-width-150 { max-width:150px !important; }
.max-width-250 { max-width:250px !important; }
.height-150 { height:150px !important; }
.spacer-line { background-color:#c10b20; height:6px; }

/* Mobile Navbar Override */
.navbar.navbar-transparent .navbar-collapse.collapsing,
.navbar.navbar-transparent .navbar-collapse.show {
	background:#1E2124 !important;
	z-index:999 !important;
}
.navbar.navbar-transparent .navbar-collapse.collapsing a,
.navbar.navbar-transparent .navbar-collapse.show a {
	color:#ffffff !important;
}

/* Fade Override */
.fadeIn1 { animation-duration:.5s; }
.fadeIn2 { animation-duration:.75s; }
.fadeIn3 { animation-duration:1s; }
.fadeIn4 { animation-duration:1.25s; }
.fadeIn5 { animation-duration:1.5s; }

/* toTop Button */
a.toTop {
	position:fixed;
	display:none;
	width:50px;
	height:50px;
	background-color:#000000;
	border:1px solid #444444;
	z-index:99999;
	right:20px;
	bottom:20px;
	border-radius:25px;
	color:#ffffff !important;
	font-size:24px;
	text-align:center;
	padding-top:6px;
}

/* Sticky Navigation */
.sticky {
	background-color:#ffffff;
	position:fixed !important;
	top:-80px !important;
	z-index:999 !important;
	width:100%;
	padding-top:18px;
	padding-bottom:15px;
	box-shadow:0 -5px 15px rgba(0,0,0,0.15) !important;
}
@media (max-width:576px) {
	.sticky {
		top:-16px !important;
		padding-bottom:0;
	}
}
.sticky-img {
	width:75% !important;
}
.sticky .nav-link {
	color:#444 !important;
}
.sticky-logo-wrapper {
	display:none;
	position:absolute;
	top:-10px;
}

/* Glidejs Fade */
.glide__fade .glide__slides { 
  transform:none !important; 
  width:auto !important;
  display: grid; 
  grid-template-areas: 'slide';
}
.glide__fade .glide__slide {
  position: relative; 
  opacity: 0; 
  transition: opacity 0.5s ease; 
  grid-area: slide;
}
.glide__fade .glide__slide--active {
  z-index:1; 
  opacity:1;
}

/* Glidejs Cars */
.glide-cars .glide__slides {
	padding:0;
}
.glide-cars .glide__slide {
	display:flex;
	justify-content:center;
}
.glide-cars .glide__arrow {
	background-color:rgba(255,255,255,0.6);
	color:#666666;
	border-radius:2px !important;
	border:none;
	margin-top:60px;
	box-shadow:none;
	border:1px solid #cdcdcd;
}
.glide-cars .glide__arrow:hover {
	background-color:rgba(255,255,255,1);
}
.glide-cars .glide__arrow.glide__arrow--left {
	left:-40px;
}
.glide-cars .glide__arrow.glide__arrow--right {
	right:-40px;
}
.glide-cars .data-wrapper {
	background-color:#ffffff;
	margin:3%;
	padding:5%;
	border-radius:2px;
	width:100%;
	border:1px solid #cdcdcd;
}
.glide-cars .data-wrapper .car-img-wrapper {
	background-repeat:no-repeat !important;
	background-position:center center !important;
	width:100%;
	height:250px !important;
	border-radius:2px;
}
.glide-cars .data-wrapper .car-focus .car-focus-sub .border-wrapper {
	border:1px solid #cdcdcd;
	border-radius:2px;
	padding:3px;
}
.glide-cars .data-wrapper .car-focus .car-focus-sub .border-wrapper .material-icons-outlined {
	display:block;
	padding:8px;
}

/* Glidejs Rating */
.glide-rating .glide__slides {
	padding:0;
}
.glide-rating .glide__slide {
	text-align:center;
}
.glide-rating .data-wrapper {
	background-color:rgba(0,0,0,0.4);
	margin:3%;
	padding:3% 6% 3% 6%;
	border-radius:5px;
	width:97%;
	border:1px solid #c10b20;
}
.glide-rating .glide__arrow {
	background-color:rgba(255,255,255,0.05);
	color:#cdcdcd;
	border-radius:2px !important;
	border:none;
	margin-top:20px;
	box-shadow:none;
}
.glide-rating .glide__arrow:hover {
	background-color:rgba(0,0,0,0.4);
}
.glide-rating .glide__arrow.glide__arrow--left {
	left:-40px;
}
.glide-rating .glide__arrow.glide__arrow--right {
	right:-50px;
}