/* @group CSS Reset - DO NOT TOUCH */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: normal;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

blockquote.paddingleft {
	float: left;
	margin-right: 3% !important;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong, b {
	font-weight: bold;
}

em {
	font-style: italic;
}

sup {
	font-size: 75%;
	vertical-align: baseline;
}

small {
	font-size: 0.714em; /* 10px */
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: normal;
	margin-bottom: 1.5rem;
}

/* h1 {
	font-size: revert;
}

h2 {
	font-size: revert;
}

h3 {
	font-size: revert;
}

h4 {
	font-size: revert;
}

h5 {
	font-size: revert;
}

h6 {
	font-size: revert;
} */

p {
	margin-bottom: 1.5rem;
}

.table {
	background: #fff;
	font-size: 16px;
}

th {
	font-weight: bold;
}

/* @end */


/* General Styles */
body {
    /*background: #fefeef;*/
	/* background: #fef8fb; */
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 24px;
	color: #383838;
}

.roboto-condensed {
	font-family: 'Roboto Condensed', sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

.container-fluid {
	max-width: 1350px;
}

/* Bootstrap custom collapse horizontally */
.collapsing.width {
	-webkit-transition-property: width, visibility;
	transition-property: width, visibility;
	width: 0;
	height: auto;
}

a {
	color: #383838;
	/* color: #d2232a; */
	/* font-weight: bold; */
}

a:hover {
	color: #0f0f0f;
	/* color: #6e0004; */
}

.pink-bg {
    /*background: #ffe2bc;*/
	background: #fde9f1;
	color: #7c152f;
}

input[type=submit], .btn {
	color: #fff;
	font-weight: bold;
}

input[type=submit]:hover, .btn:hover {
	color: #fff;
}

a.btn {
	font-size: 1rem;
}


/* Header */
.navbar-brand img {
	width: 200px;
	height: auto;
}

.navbar-light .navbar-nav .nav-link {
	color: #383838;
}

.navbar-light .navbar-nav .nav-link:hover {
	color: #0f0f0f;
}

.navbar-light .navbar-toggler {
	/* border-color: rgba(210, 35, 42, .5); */
}


/* Content */
.big-img {
	background: url(/canadaevents/wp-content/themes/yah/images/homepage-hero.webp) no-repeat top left;
	background-size: cover;
	min-height: 450px;
}

.big-img-vows {
	background: url(images/bg4.jpg) no-repeat top center;
	background-size: cover;
	min-height: 450px;
}

.home-event-info {
    background: rgba(255, 255, 255, 0.8);
    margin: 10px 0;
	padding: 1em;
}

.logo img {
  width: 100%;
  max-width: 400px;
}

.wp-caption {
	margin: 20px auto;
	max-width: 100%;
}

.wp-caption img {
	width: 100% !important;
	height: auto;
}

.wp-caption-text {
	font-size: 0.667em;
	color: #888;
	line-height: normal;
}

.post-entry {
	border-bottom: 1px solid #ddd;
}

.post-entry h4 {
	margin-bottom: 0;
}

.post-entry .date {
	font-size: 0.667em; /* 12px */
	color: #888;
}

#carouselSponsors .carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

#carouselSponsors .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

#carousel .carousel-item {
	text-align: center;
}

#carousel .carousel-item img {
	max-height: 480px;
}

#carousel .carousel-indicators {
	bottom: auto;
	top: 15px;
}

#carousel .carousel-control-next-icon, #carousel .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
}

#carousel .carousel-control-next, #carousel .carousel-control-prev {
    opacity: 1;
}

#vfbp-form-1 #vfbField8 .vfb-control-label {
	display: none;
}

#vfbp-form-1 .btn {
	font-weight: bold;
	font-size: 24px;
	background: #28a745;
	border-color: #28a745;
}

#vfbp-form-1 .btn:hover, #vfbp-form-1 .btn:active {
	background: #218838;
	border-color: #1e7e34;
	color: #fff;
}

#vfbp-form-1 .vfb-required-asterisk {
	color: red;
}

.attendees ol {
    list-style-type: decimal;
    margin-left: 1em;
}


/* Footer */
.waves {
	background: url(images/wave-bg.png) repeat-x;
	height: 66px;
}

.disclaimer {
	background: #2c2c2c;
	color: #fff;
	font-size: 0.9rem; /* 12px */
}

.disclaimer .fab {
	font-size: 2.222em; /* 40px */
}

.disclaimer a {
	color: #fff;
}

.disclaimer a:hover {
	color: #dc3545;
}

.email-bug {
	z-index: 500;
	top: 200px;
	right: 15px;
}

.email-tab {
	background: #DA212F;
	color: #fff;
}

.email-tab:hover {
	background: #b71c24;
}

.email-tab .fas {
	font-size: 30px;
}

.email-tab p {
	font-size: 0.667em; /* 12px */
	line-height: normal;
}

.emailBugContent form {
	width: 325px;
}

/*.emailBugContent .btn-primary {
    background: yellow;
    border-color: yellow;
    color: #383838;
}*/

.email-bug a, .email-bug a:hover {
	color: #fff;
	text-decoration: none;
}

.emailBugContent p, .emailBugContent .response, .emailBugContent#mc_embed_signup div.mce_inline_error {
	font-size: 0.778em; /* 14px */
	line-height: normal;
}

.grecaptcha-badge {
	display: none;
}


@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 1rem;
		padding-right: 1rem;
	}
    
    .big-img {
        background-position: top center;
    }
}

@media (max-width: 576px) {
	.big-img img, .big-img-vows img {
		width: 100%;
		height: auto;
		margin-top: 1rem;
	}
	
	.email-bug {
		display: none;
	}
	
	a.btn {
		font-size: 1em;
	}
	
	.wpcf7 input, .wpcf7 textarea {
		width: 100%;
	}
	
	#carousel .carousel-item img {
		width: 100%;
	}
}