html {
  	overflow-x: hidden;
}

.sparky_page_container p a {
	font-family: 'Libre Franklin', sans-serif;
	text-transform: uppercase;
}

p.arrow > a::before {
	content: "\f30b";
	font-family: 'Font Awesome 5 Free';
	margin-right: 10px;
}

.btn, a.btn, button.btn, a.sparky_button, p.readmore a.btn {
	background: #fff;
	border: 2px solid var(--sparkycolor2);
	border-radius: 23px;
	color: var(--sparkycolor2);
	font-family: 'Libre Franklin', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	padding: 5px 20px;
	transition: all 0.3s;
}

.btn:hover, a.btn:hover, button.btn:hover, a.sparky_button:hover, p.readmore a.btn:hover {
	background: #fff;
	border: 2px solid var(--sparkycolor3);
	color: var(--sparkycolor3);
	transition: all 0.3s;
}

.form-control {
	padding: 10px 20px;
	line-height: 1.8;
}

/* logorow */

.logorow {
	box-shadow: 0 0 50px rgb(0, 0, 0, 0.1);
}

.logorow .sparky_container > .sparky_cell {
	padding-top: 7px;
	padding-bottom: 5px;
}

.logorow .sparky_container .sparky_cell:nth-child(2) {
	padding-top: 0;
	padding-bottom: 0;
}

.logorow ul.menu > li > a, .logorow ul.menu > li > span {
	text-transform: uppercase;
}

.logorow ul.menu > li ul ul {
	left: calc(200px - 10px);
}

.logorow ul.menu ul > li > a:hover, .logorow ul.menu ul > li > span:hover {
	font-weight: 700;
}

.logorow .nav-collapse.opened ul.menu > li ul ul {
	left: 0;
}

.logorow .sparky_logo_image img {
	max-height: 48px;
}

.mp_top1 .sparky_page_container > .sparky_cell {
	padding-top: 10px;
    padding-bottom: 10px;
}

.mp_top1 p {
	margin: 0;
	font-size: 14px;
}

/* carouselrow */

.carouselrow > .sparky_container > .sparky_cell {
	padding: 0;
}

.carouselrow .contents {
	border-left: 5px solid var(--sparkycolor2);
	padding-left: 50px !important;
	left: calc((100vw - 1070px) / 2) !important;
}

.carouselrow .contents h2 {
	padding: 0;
}

.flickity-page-dots {
	text-align: right !important;
	padding-right: 30px !important;
}

.flickity-page-dots .dot {
	border: 2px solid var(--sparkycolor4);
	background: transparent !important;
	opacity: 1 !important;
}

.flickity-page-dots .dot.is-selected {
	width: 12px !important;
	height: 12px !important;
	background: var(--sparkycolor2) !important;
	border: 2px solid var(--sparkycolor2);
}

/* contentrow */

.sparky_home .sparky_cell.content_sparky {
	padding-bottom: 0;
}

.featuredrow.sparky_page_row {
	overflow: visible;
	margin-top: -15px;
}

.featuredrow .sparky_col0 {
	background: var(--sparkycolor4);
}

.featuredrow .sparky_col1 {
	background: var(--sparkycolor5);
}

.featuredrow .sparky_col2 {
	background: var(--sparkycolor2);
}

.featuredrow > .sparky_page_container > .sparky_cell:nth-child(1) {
	margin-top: -150px;
	z-index: 1;
}

.featuredrow > .sparky_page_container > .sparky_cell:nth-child(2) {
	margin-top: -75px;
	z-index: 1;
}

.featuredrow p a {
	color: #fff;
}

.featuredrow p a:hover {
	color: var(--sparkycolor2);
}

.factsrow > .sparky_page_container > .sparky_cell:nth-child(1) {
	background: rgba(233, 224, 219, 0.8);
}

.factsrow > .sparky_page_container > .sparky_cell:nth-child(2) {
	background: rgba(233, 224, 219, 0.6);
}

.factsrow > .sparky_page_container > .sparky_cell:nth-child(3) {
	background: rgba(233, 224, 219, 0.4);
}

.factsrow > .sparky_page_container > .sparky_cell:nth-child(4) {
	background: rgba(233, 224, 219, 0.2);
}

.clubrow {
	background: var(--sparkycolor6);
}

.sparky_page_row figure.club_pic_container {
	margin-left: -100px;
}

.sparky_page_row .sparky_col0 figure.club_pic_container {
	margin-left: 0;
	margin-right: -100px;
	text-align: right;
}

/* lightbox */

#responsivelightbox {
	margin-top: 50px;
}

/* blog */

.blog-items .blog-item {
	margin: 30px 0;
}

h2 a:hover {
	color: var(--sparkycolor2);
}

@media (min-width: 768px) {
	.content_sparky.sparkle9 {
		padding-right: 50px;
	}
}

.mp_right {
	margin: 30px 0;
}

.mp_right .moduletable {
	margin-bottom: 30px;
}

.newsflash-title a {
	color: var(--sparkycolor3);
    font-weight: 400;
}

.newsflash-title a:hover {
	color: var(--sparkycolor2);
}

.newsflash-title a::before {
	display: block;
    float: left;
	content: "\f30b";
	font-weight: 700;
    font-family: 'Font Awesome 5 Free';
    margin: 0 10px 30px 0;
}

/* team */

.team_row > .sparky_page_container > .sparky_cell {
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	background: var(--sparkycolor2);
}

/* pricing */

.pricing_row > .sparky_page_container > .sparky_cell {
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.price {
	color: var(--sparkycolor2);
	padding-bottom: 0;
}

/* portfolio */

.portfolio_row > .sparky_page_container > .sparky_cell {
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* searchrow */

.searchrow {
	color: #fff;
	padding: 15px 0;
}

.searchrow .mp_user2 {
	padding-top: 40px;
}

.searchrow h3 {
	color: #fff;
	padding-bottom: 0;
}

.searchrow p {
	margin-bottom: 0;
	opacity: 0.8;
}

.searchrow .input-group {
	justify-content: flex-end;
	margin-bottom: 0;
}

.searchrow .form-control {
	background: transparent;
    border: 0;
    color: #fff;
}

.searchrow .form-control::placeholder {
	color: #fff;
	opacity: 0.7;
}

.searchrow .form-control:focus, .searchrow button.btn:focus {
	box-shadow: none;
}

.searchrow button.btn {
	background: transparent;
    border: 0;
    color: var(--sparkycolor3);
}

.searchrow button.btn:hover, .searchrow button.btn:hover::after {
	color: var(--sparkycolor2);
}

.searchrow button.btn::after {
	content: "\f30b";
	color: #fff;
	font-family: 'Font Awesome 5 Free';
	margin-left: 10px;
}

/* socialrow */

.socialrow i {
	background: #fff;
	border-radius: 50%;
	color: var(--sparkycolor3);
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
}

.socialrow i:hover {
	color: var(--sparkycolor2);
}

.socialrow .sparky_page_row figure img {
	margin-bottom: 0;
}

/* bottomrow */

.bottomrow {
	color: #fff;
	font-family: 'Libre Franklin', sans-serif;
	padding: 15px 0 50px;
}

.bottomrow h3 {
	color: #fff;
	font-family: 'Libre Franklin', sans-serif;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

.bottomrow p, .bottomrow ul li a {
	opacity: 0.8;
}

.bottomrow ul li a:hover {
	opacity: 1;
}

.bottomrow .mp_bottom2.sparky_cell,
.bottomrow .mp_bottom3.sparky_cell {
	padding-top: 35px;
}

/* footerrow */

.footerrow {
	color: #fff;
	padding-bottom: 50px;
}

.footerrow p {
	margin: 0;
}

.footerrow a {
	color: #fff;
}

.footerrow a:hover {
	color: var(--sparkycolor2);
}

/* required for page builder powered modules (search, user, etc.) */

.moduletable .sparky_page_container {
	display: flex;
}

.moduletable .sparky_page_container > .sparky_cell {
    display: flex;
    flex-direction: column;
}

.moduletable .has-text-align-right {
    text-align: right;
}

.sparky_social_icons {
	color: rgb(204, 204, 204);
}

.sparky_social_icons a {
    color: inherit;
    padding: 0 10px;
}

.bottomrow .sparky_social_icon1 {
    padding-left: 0;
}

ul li, ol li {
    margin: 0 0 10px 0;
    padding: 0;
}

/* custom classes */

.bgcolor2 {
	background: var(--sparkycolor2);
}

.bgcolor3 {
	background: var(--sparkycolor3);
}

.bgcolor4 {
	background: var(--sparkycolor4);
}

.bgcolor5 {
	background: var(--sparkycolor5);
}

.bgcolor6 {
	background: var(--sparkycolor6);
}

/* responsive */

.nav-toggle {
    background: url(../images/tinynav.png);
    background-size: 42px 84px;
    margin-top: 10px;
    float: none;
}

@media (max-width: 1024px) {

	.hot_swipe_carousel_slides .contents {
		width: 100% !important;
	}

}

@media (max-width: 991px) {

	.logorow nav:not(.opened) ul.menu {
		display: none;
	}

	.hot_swipe_carousel_slides .contents {
		top: 15% !important;
		left: 5% !important;
		width: 90% !important;
	}

	.hot_swipe_carousel_slides .contents h2 {
		font-size: 40px !important;
	}

	.carouselrow .contents {
		padding-left: 15px !important;
	}

	.portfolio_row h2 {
		font-size: 28px;
		word-break: break-all;
	}

	.searchrow .input-group {
		justify-content: flex-start;
	}

	.searchrow button.btn {
		color: #fff;
	}

}

@media (max-width: 767px) {

	.logorow .sparky_container > .mp_logo,
	.logorow .sparky_container > .mp_top1 {
		width: 40% !important;
	}

	.logorow .sparky_container > .sparky_cell:nth-child(2) {
		width: 20% !important;
		text-align: center;
	}

	.logorow .sparky_container > .sparky_cell {
		padding: 5px;
	}

	.featuredrow > .sparky_page_container > .sparky_cell:nth-child(1),
	.featuredrow > .sparky_page_container > .sparky_cell:nth-child(2) {
		margin-top: 0;
	}

	.hot_swipe_carousel_slides .contents {
		left: 0 !important;
		background: transparent !important;
		padding: 15px !important;
	}

	.hot_swipe_carousel_slides .contents h2 {
		font-size: 24px !important;
	}

	.flickity-page-dots {
		bottom: 100px !important;
	}

	.socialrow figure,
	.socialrow .sparky_social_icons,
	.bottomrow h3,
	.bottomrow p,
	.bottomrow ul.menu,
	.footerrow p,
	.searchrow  {
		text-align: center !important;
	}

	.searchrow .input-group {
	    justify-content: center;
	}

}

@media (max-width: 414px) {

	.logorow .sparky_container > .mp_logo {
		width: 70% !important;
	}

	.logorow .sparky_container > .mp_top1 {
		width: 100% !important;
	}

	.logorow .sparky_container > .mp_top1 .sparky_page_row {
		margin: 0;
	}

	.logorow .sparky_container > .mp_top1 p {
		text-align: center;
	}

	.logorow .sparky_container > .sparky_cell:nth-child(2) {
		width: 30% !important;
	}

	.factsrow .sparky_cell, .featuredrow .sparky_cell {
		margin-bottom: 0;
	}

	.sparky_page_row figure.club_pic_container {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

}

/* For DEMO purposes only. Can be safely deleted */

.sparky_settings {
    position: fixed;
    z-index: 9999;
    top:70%;
    padding: 0 5px;
    background: #000;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    line-height: 1.4;
}

.sparky_settings:hover {
    background: #000;
}

.settings_content {
    display: none;
    float: left;
    padding-right: 15px;
    height: 28px;
}

.settings_content span {
    display: inline-block;
    width: 28px;
    height: 28px;
    border:3px solid #333;
    border-radius: 19px;
}

.settings_content span:hover {
    border:3px solid #fff;
}

.settings_content span.style1 {
    background: #539cbf;
}

.settings_content span.style2 {
    background: #A499B3;
}

.settings_content span.style3 {
    background: #A44200;
}

.settings_content span.style4 {
    background: #A3A3A3;
}

.settings_content a {
    text-decoration: none;
}

.settings_cog {
    float: left;
    width: 30px;
    height: 28px;
}

.sparky_settings i {
    font-size: 28px;
    color: #eee;
}