/*
 Theme Name:   Artalk Duo
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

@import url('https://fonts.googleapis.com/css2?family=Saira:wght@100..900&display=swap');
@import url("/inc/css/animate.min.css");

a {
	text-decoration: none;
	font-weight: 700;
}
/* Navbar */
.nav-link {
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
}
.nav-link:hover {
	color: rgba(255, 255, 255, 0.85);
}
.nav-link:active {
	color: rgba(255, 255, 255, 0.75);
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
	color: rgba(255, 255, 255, 0.75);
}
.dropdown-item {
	text-transform: uppercase;
}

.dropdown-item:hover,
.dropdown-item:focus {
	background-color: #000;
	color: #fff;
}
.small {
	font-size: 85%;
}
.x-small {
	font-size: 75%;
}
.xx-small {
	font-size: 65%;
}

.fw-black {
	font-weight: 900;
}

.logo {
	height: 40px;
}
.cover {
	position: relative;
	margin-top: 36px;
	height: 50vh;
	min-height: 250px;
	background-color: #000;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.cover-title {
	position: absolute;
	bottom: 30px;
	font-size: 48px;
	background-color: #ba0c2f;
	color: #fff;
	padding: 4px 8px 4px 8px;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: 900;
	letter-spacing: -0.05rem;
	float: left;
	line-height: 100%;
}

body .booked-calendar .booked-appt-list .timeslot {
	margin: 6px;
}

.booked-calendar .booked-appt-list .timeslot .timeslot-people button .button-text, body .booked-appt-list .timeslot .timeslot-title{
	display: none!important;
}
body .booked-appt-list .timeslot.has-title.timeslot-count-hidden .timeslot-time {
    padding-top: 0;
}

.has-error label {
	color: red !important;
}
.has-success {
	color: green;
}
.help-block {
	color: red;
	font-size: 85%;
}
label {
    color: #999;
    font-size: 0.85rem;
    font-weight: 700;
}
::placeholder {
    color: #ccc !important;
    opacity: 0.5;

    /* Chrome, Firefox, Opera, Safari 10.1+ */
    /* Firefox */
}

:-ms-input-placeholder {
    color: #ccc !important;

    /* Internet Explorer 10-11 */
}

::-ms-input-placeholder {
    color: #ccc !important;

    /* Microsoft Edge */
}
.form-control {
    font-weight: 600;
}

@media (max-width:480px)  { 
	/* smartphones, Android phones, landscape iPhone */
	.nav-link {
		font-size: 200%;
	}
	.cover-title {
		font-size: 36px;
	}
}