/*	TwistingSpace specific styles
/*----------------------------------------------------*/


@import url('https://fonts.googleapis.com/css2?family=Amarante&display=swap');

.ts-titlefont {
	font-family: 'Amarante', cursive;
}

.bg-twisting {
	background-color: #193441;
}
.bg-tsdark {
	background-color: #183f41;
}
.bg-tspale {
	background-color: rgba(239, 248, 248, 0.44);
}

/* Titles */

.underlined-title {
	text-align: center;
	padding-bottom: 30px;
}

.underlined-title h1 {
	
	margin: 0;
}

.underlined-title h2 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #95a5a6;
}

.underlined-title hr {
	width: 10%;
	border-width: 3px;
	border-color: #e2f9f5;
}
.underlined-titled hr {
	width: 10%;
	border-width: 3px;
	border-color: #198572;
}
hr {
	margin: 20px auto;
	border: 10px;
    border-top: 7px solid #eee;
}

/* Navigation */

#header .navbar .nav-item a {
	font-family: 'Amarante', cursive;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 28px;
	color: rgba(212,255,204,.8);
	background: none;
}

/* Blocks */

.about {
	margin-top: 79px;
}

/* Form Validation */
#error {
	color: #FFF;
	margin-top: 5px;
	font-size:14px;
	display:none;
}
#reply #error {
color: #777;
}
.success-field {
background-color:rgba(71,164,71,0.5) !important;
}
.required-field {
background-color:rgba(245,99,99,0.5) !important;
}