/**
 * CSS for Lenovo Calendar Events
 */

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 * Fonts
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*@font-face {
  font-family: Gotham-Black;
  src: url(../fonts/Gotham-Black.otf);
}

@font-face {
  font-family: Gotham-Bold;
  src: url(../fonts/Gotham-Bold.otf);
}

@font-face {
  font-family: Gotham-Book;
  src: url(../fonts/Gotham-Book.otf);
}

@font-face {
  font-family: Gotham-Medium;
  src: url(../fonts/Gotham-Medium.otf);
}*/

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 * General HTML
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.single-rsvp-calendar {
	/* font-family: 'Gotham Book', Arial, Helvetica, sans-serif !important; */
	min-height: 100vh;
	background-color: #ffffff !important;
}

.single-rsvp-calendar #page {
	background-color: #ffffff;
}

.single-rsvp-calendar #masthead {
	display: none;
}

.single-rsvp-calendar #rsvp_calendar_section {
	border: 3px solid #ccc;
	border-radius: 8px;
	padding: 10px;
}

.single-rsvp-calendar main {
	padding-top: 0;
	padding-bottom: 0;
}

.single-rsvp-calendar aside {
	display: none;
}

.single-rsvp-calendar footer {
	display: none;
}

.single-rsvp-calendar #rsvp_calendar_title h1 {
	font-size: 4rem;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.single-rsvp-calendar #date_section,
.single-rsvp-calendar #time_section,
.single-rsvp-calendar #location_section {
	vertical-align: top !important;
	min-height: 260px;
}

.single-rsvp-calendar #date_section h3,
.single-rsvp-calendar #time_section h3,
.single-rsvp-calendar #location_section h3 {
	text-align: center;
	text-transform: uppercase;
}

.single-rsvp-calendar #date_section p,
.single-rsvp-calendar #time_section p,
.single-rsvp-calendar #location_section p {
	font-size: 1.5rem;
}

.single-rsvp-calendar #rsvp_calendar_description {
	margin-top: 2em;
	margin-bottom: 3em;
	font-size: 150%;
	letter-spacing: 2px;
}

.single-rsvp-calendar .justify-content-center > img {
	margin: 0 auto;
	display: block;
}

.single-rsvp-calendar .justify-content-center > p {
	text-align: center;
}

.single-rsvp-calendar button,
.single-rsvp-calendar a.button {
	padding: 15px;
	font-size: 1.25em;
	width: 97%;
	/* min-height: 85px; */
	text-transform: uppercase;
	display: block;
	margin: 10px auto;
}

.single-rsvp-calendar #rsvp_button,
.single-rsvp-calendar #decline_button {
	font-size: 2em;
}

.single-rsvp-calendar #add_gcalendar_button,
.single-rsvp-calendar #add_outlook_button {
	padding-top: 25px;
	padding-bottom: 20px;
}

.single-rsvp-calendar button:odd,
.single-rsvp-calendar a.button:odd {
	margin-left: 0;
}

.single-rsvp-calendar button:even,
.single-rsvp-calendar a.button:even {
	margin-left: 0;
}

.single-rsvp-calendar select {
	appearance: auto !important;
	-webkit-appearance: auto !important;
	-moz-appearnce: auto !important;
	-ms-appearance: auto !important;
	-o-appearance: auto !important;
}

.single-rsvp-calendar .forminator-label {
	font-size: 1rem !important;
	/* font-family: 'Gotham Bold', Arial, Helvetica, sans-serif !important; */
	margin-bottom: 5px !important;
}

.single-rsvp-calendar .forminator-field {
	margin-bottom: 20px;
}

@media screen and (max-width: 700px) {
	.single-rsvp-calendar .container {
		max-width: 100%;
		margin: 0 !important;
		padding: 0 !important;
	}

	.single-rsvp-calendar #add_gcalendar_button,
	.single-rsvp-calendar #add_outlook_button {
		font-size: 90% !important;
	}
}