/*
 * @project kickstart
 * @date 2021
 */
@charset "utf-8";

a,a:hover{color:inherit}
main p a{text-decoration:underline}

/* flexicontent overrides */
#fc_filter_form_blocker { display: none !important; }

.fancybox-bg{
    background:rgba(var(--brand_01), .5) !important;
}

/* bootstrap overrides */
@media (min-width:768px){/* md+ */ 
    p{line-height:1.8em}
}
p:last-child{margin-bottom:0;}
.btn { border-radius: 0; }
.navbar-toggle { border: 0 none; font-size: 2em; padding: 0; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; transform: scale(1.1); }
.form-control { border-radius: 0; }

/* bootstrap additions */
.bs_m_0{margin-left:-15px;margin-right:-15px;}.bs-m-0{margin-left:-15px !important;margin-right:-15px!important}

/* bootstrap collapse additions START */
.panel-title > a::after {
    content: "\f0d8";
    font-family: fontawesome;
	float: right;
}
.panel-title > a.collapsed::after {
    content: "\f0d7";
}
/* bootstrap collapse additions END */

/* bootstrap carousel overrides */
.carousel-control.right, .carousel-control.left {
	background-image: none;
	color:rgba(0, 0, 0, 0.1);
	opacity: 1;
}
.carousel-control:focus, .carousel-control:hover{
	color:rgba(0, 0, 0, 1);
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    text-shadow: none;
}
.carousel-control:hover span, .carousel-control:hover i{
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
}

main #text a{text-decoration:underline;}

/*
 * @descr carousel-fade 3.0.x
.carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; }
 */

/* form validation */
label.error {
	background-color: transparent;
	color: darkred;
	display: block;
	font-size: .75em;
	padding: .1em .5em .25em 0;
	border-top:2px solid pink;
}
label.error:before{
	content: "☝";
	font-size: 2.25em;
	margin-right: .25em;
	}
}
/*
 * @descr carousel-fade 3.3.x
 */
.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);    }
    .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

/**
 * input type number
 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

/* fa-icon in element */
.icon::before {
    display: inline-block;
    margin-right: .5em;
    font: normal normal normal 14px/1 "Font Awesome 5 Free";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-weight:900;
}