/*!
Theme Name: Elementor Theme
Theme URI: http://underscores.me/
Author: Christos Boukouvalas
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: elementor_theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Elementor Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* RESET STYLES FOR EVERYTHING */
html,
body {
	border: none;
	margin: 0;
	padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
	border: none;
	font-size: inherit;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	text-align: inherit;
}
blockquote::before,
blockquote::after {
	content: "";
}
a,
a:hover,
a:active,
a:focus,
a:visited{
	text-decoration: none;
}
ul{
	list-style:none;
}
img{
	max-width: 100%;
	height: auto;
}
input,
button,
button:hover,
button:active,
button:focus{
	outline: 0;
}
input[type="file"]{
	overflow-x: hidden;
}


/* Aboutnet 26/8/2020 */
html {
	--soft-blue: #57b8ff;
	--hard-blue: #2176ae;
	--darken-blue: #002a49;
	--site-white: #ffffff;
	--soft-white: #eeeeee;
	--soft-grey: #bbbbbb;
	--soft-black: #333333;
	--default-orange: #f09819;
	--default-yellow: #edde5d;
	--soft-grey-blue: #f0f8ff;
}

input:active,
input:focus{
	border: 2px solid var(--soft-blue);
}

.event-cyrcle-date{
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.8);
	color: var(--site-white);
	z-index: 20;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.event-cyrcle-date > p{
	font-size: 2.1rem;
	line-height: 1;
	margin-bottom: 0;
}

.event-cyrcle-date > p + p {
	font-size: 1.2rem;
}

.secondary-header-color,
.secondary-header-image,
.event-custom-inner-header-color,
.event-custom-inner-header-image{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.tribe-events-single .event-content > *:not(:last-child){
	margin-bottom: 2rem;
}

.event-custom-inner-header-color{
	background-color: var(--hard-blue);
	z-index: 0;
	opacity: 0.8;
}
.event-custom-inner-header-image{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	filter: blur(10px);
	z-index: -1;
}

.event-details .direction-button{
	border: 1px solid var(--soft-grey);
	transition: all 0.25s;
}

.event-details .direction-button:hover{
	color: var(--soft-white);
	background-color: var(--soft-blue);
	border: 1px solid var(--soft-blue);
}

.single-tribe_events .calendar-links .tribe-events-cal-links{
	margin-bottom: 0;
}

.single-tribe_events .calendar-links .tribe-events-cal-links a{
	color: var(--soft-blue);
	font-weight: bold;
	transition: all 0.25;
}

.single-tribe_events .calendar-links .tribe-events-cal-links a:not(:first-child){
	margin-left: 1rem;
}

.single-tribe_events .calendar-links .tribe-events-cal-links a:hover{
	color: var(--hard-blue);
}

.event-bottom-meta{
	border-top: 1px solid var(--soft-grey);
}

.event-details .text-details i,
.event-tags i,
.event-social-share i:first-child{
	color: var(--soft-blue);
}
.event-details .text-details h6 > span{
	position:absolute;
	left: 0;
	top: calc(150%);
	border-top: 2px solid var(--default-orange);
	width: 50%;
}

.button-area .event-link{
	padding: 16px 32px;
	background-color: var(--soft-white);
}

.button-area .event-link.blue-button{
	background-color: var(--soft-blue);
	color: var(--site-white);
	transition: all 0.5s;
}

.button-area .event-link.blue-button:hover{
	background-color: var(--hard-blue);
}
.grid-single-event-container,
.row-single-event-container{
	margin: 10px;
}
.subscription_plans .single-subscription-plan,
.row-single-event-container,
.row-single-event-container .event-info-container,
.grid-single-event-container,
.search-events-container article.tribe_events,
.archive-events-container article.tribe_events,
.tribe-events-single .event-details,
.tribe-events-single .event-content{
	-webkit-box-shadow: 0px 0px 10px 1px rgba(102,102,102,1);
	-moz-box-shadow: 0px 0px 10px 1px rgba(102,102,102,1);
	box-shadow: 0px 0px 10px 1px rgba(102,102,102,1);
}

div.fc-view-container div.fc-content-skeleton td.fc-day-top.fc-wed.fc-today > span{
	background-color:#f09819;
}

#custom-login-area{
	display:inline-block;
	text-align:center;
	color: var(--site-white);
	transition: all 0.25s;
}

#custom-login-area:hover{
	color: var(--soft-blue);
}

#custom-login-area i{
	font-size: 24px;
}
#custom-login-area p{
	margin-top: 4px;
}

.row_carousel .swiper-container{
	padding-bottom: 200px;
}
.swiper-slide{
	transition: all 0.5s;
	transition-timing-function: ease-in-out;
}
.background-layer  {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.row-single-event-container .background-layer
{
	min-height: 350px;
}
.grid-single-event-container .background-layer{
	min-height: 400px;
}
#swiper-row-like{
	min-height:550px;
}
.swiper-custom-button-prev,
.swiper-custom-button-next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 4rem;
	height: 4rem;
	background: var(--soft-white);
	color: var(--site-white);
	border-radius: 50%;
	z-index: 10;
	outline: 0;
}
#swiper-row-like .swiper-custom-button-prev,
#swiper-row-like .swiper-custom-button-next{
	top: 30%;
}
.swiper-custom-button-prev i,
.swiper-custom-button-next i{
	font-size: 2rem;
}
.swiper-custom-button-prev{
	left: -6rem;
}
.swiper-custom-button-next{
	right: -6rem;
}
#swiper-row-like .event-single-slide.event-single-slide{
	min-height:550px;
}
.event-info-container{
	background-color: var(--site-white);
	bottom: 0;
	right: 7.5%;
	width: calc( 2 * 100% / 3 );
	transition: all 0.5s;
	transition-timing-function: ease-in-out;
	opacity: 0;
}
#swiper-row-like .swiper-slide-active .event-info-container{
	transform: translateY(50%);
	opacity: 1;
}

.event-featured-image-as-background{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:400px;
}
@media only screen and (max-width: 1622px) {
	#swiper-row-like .swiper-custom-button-prev,
	#swiper-row-like .swiper-custom-button-next,
	.swiper-custom-button-prev,
	.swiper-custom-button-next{
		position: absolute;
		top: 100%;
	}
	.swiper-custom-button-prev{
		left: 0;
	}
	.swiper-custom-button-next{
		right: 0;
	}
}
.swiper-slide-active .slide-data-info{
	transform: translateY(50%);
	opacity: 1;
}

/* Woocommerce */
.woocommerce table {
	max-width: 750px;
	width: 100%;
	border-collapse: collapse;
	margin:50px auto;
}

/* Zebra striping */
.woocommerce table tr:nth-of-type(odd) {
	background: #eee;
}

.woocommerce table th {
	background: var(--hard-blue);
	color: white;
	font-weight: bold;
}

.woocommerce table td,
.woocommerce table th {
	padding: 10px;
	border: 1px solid #ccc;
	text-align: left;
	font-size: 18px;
}

#order_comments_field .woocommerce-input-wrapper{
	width: 100%;
}
.woocommerce-notice--success{
	background-color: #28a745;
	color: var(--soft-white);
}
.woocommerce-notice--success,
.woocommerce-error li{
	padding: 2rem;
	font-size: 1.25rem;
	font-style: italic;
	font-weight: bold;
}

.woocommerce div.product.elementor .elementor-product-subscription .quantity+.button{
	margin-left: 0;
}

.post-type-archive-product ul.products > li{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.post-type-archive-product ul.products > li > .woocommerce-loop-product__link > img{
	margin: 0 auto;
}


a.checkout-button{
	display: inline-block;
	color: var(--soft-blue);
	background: var(--soft-white);
	border: 2px solid var(--soft-blue);
	padding: 1rem 2rem;
	transition: all 0.5s;
}

.wc-proceed-to-checkout a.checkout-button:hover{
	color: var(--soft-white);
	background-color: var(--soft-blue);
}

/* Forms */
.select2-container .select2-selection--single{
	height: auto;
}
span.select2-container .select2-selection--single .select2-selection__rendered,
[type=text],
[type=email],
[type=url],
[type=tel],
select,
textarea {
	outline: none;
	display: block;
	padding: .5rem;
	background: transparent;
	vertical-align: middle;
	width: 100%;
	max-width: 100%;
	border-radius: 4px;
	font-size: .95rem;
	line-height: 1.15;
}
[type=text]:focus,
[type=email]:focus,
[type=url]:focus,
[type=tel]:focus,
select:focus,
textarea:focus {
	outline: none;
	border: 2px solid var(--soft-blue);
}
label {
	font-weight: 600;
	font-size: .9rem;
	display: block;
	margin: .5rem 0;
}

.single-subscription-plan .purchase-button{
	color: var(--soft-black);
	background-color: var(--soft-white);
	border: 2px solid var(--soft-white);
	border-radius: 2px;
	padding: 15px 30px;
	transition: all 0.25s;
	text-transform: uppercase;
	font-weight: 500;
}

.single-subscription-plan .purchase-button:hover{
	color: var(--site-white);
	background-color: var(--soft-blue);
	border: 2px solid var(--soft-blue);
}
.single-subscription-plan .top-info{
	min-height: 200px;
}
.single-subscription-plan .top-info .color-overlay{
	z-index: -2;
}
.single-subscription-plan .top-info .image-overlay{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
	opacity: 0.1;
}

.single-subscription-plan .top-info .image-overlay,
.single-subscription-plan .top-info .color-overlay{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all 0.25s;
}

.single-subscription-plan:hover .top-info{
	color: var(--site-white);
}

.single-subscription-plan:hover .top-info .image-overlay{
	background-image: url('../../uploads/2020/07/boat-3480914_1920.jpg');
}
.single-subscription-plan:hover .top-info .color-overlay{
	background-color: var(--default-orange);
}

.single-subscription-plan .top-info .line{
	position: absolute;
	border: 2px solid var(--default-orange);
	background-color: var(--default-orange);
	width: 25%;
	top: 0;
	transition: all 0.25s;
}

.single-subscription-plan:hover .top-info .line{
	border-color: var(--site-white);
	background-color: var(--site-white);
}

.single-subscription-plan .plan-info li{
	border-top: 1px solid var(--soft-white);
	padding: 15px 25px;
}

.single-subscription-plan .plan-info li:last-child{
	border-bottom: 1px solid var(--soft-white);
}

.single-subscription-plan .top-info .info-price{
	color: var(--soft-blue);
	transition: all 0.25s;
}

.single-subscription-plan:hover .top-info .info-price{
	color: var(--site-white);
}

#searchform.filters input,
#searchform.filters select,
#searchform.filters button{
	padding:4px;
	border: 2px solid var(--soft-white);
	border-radius: 2px;
	height: 100%;
	width: 100%;
	font-size: 0.95rem;
	font-weight: normal;
	transition: all 0.5s;
}
#searchform.filters input,
#searchform.filters select{
	color: var(--soft-black);
	background-color: var(--site-white);
}
#searchform.filters input:focus,
#searchform.filters select:focus{
	border-color: var(--soft-blue);
}
#searchform.filters button{
	border-color: var(--soft-blue);
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.event-info-container{
		left:7.5%;
		right:7.5%;
		width: auto;
	}
}
.price-plan-toggler{
	font-size: 1.25rem;
	color: var(--soft-blue);
}
.swiper-pagination .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background-color: var(--default-orange);
}
#swiper-price-plan-1 .swiper-button-next,
#swiper-price-plan-2 .swiper-button-next{
	right: 0;
}
#swiper-price-plan-1 .swiper-button-prev,
#swiper-price-plan-2 .swiper-button-prev{
	left: 0;
}
#swiper-price-plan-1 .swiper-button-next,
#swiper-price-plan-2 .swiper-button-next,
#swiper-price-plan-1 .swiper-button-prev,
#swiper-price-plan-2 .swiper-button-prev{
	opacity: 0;
	transition: all 0.25s;
}
#swiper-price-plan-1:hover .swiper-button-next,
#swiper-price-plan-2:hover .swiper-button-next,
#swiper-price-plan-1:hover .swiper-button-prev,
#swiper-price-plan-2:hover .swiper-button-prev{
	opacity: 1;
}