/*
 Theme Name:   Rezidence na Vyhlídce
 Theme URI:    https://www.rezidencenavyhlidce.cz
 Description:  Šablona pro developerský projekt.
 Author:       Cobradesign
 Author URI:   https://www.cobradesign.cz/
 Template:     hello-elementor
 Version:      1.0
 Text Domain:  elementor-hello-child
*/


/***********************
        GENERAL
***********************/

body .elementor-section.elementor-section-boxed > .elementor-container
{
	padding: 0 25px;
}

#lokalita .elementor-tabs-content-wrapper
{
	min-height: 225px;
}

.contact-us-tab .widget-shortcode
{
	display: inline-grid;

	width: 50%;
	padding-top: 20px;
	padding-right: 50px;
}

.contact-us-tab #custom_html-2 span,
.contact-us-tab #custom_html-2 p
{
	display: block;

	margin-bottom: 15px;
}

.contact-us-tab #custom_html-2 p::before
{
	position: relative;
	top: 2px;

	display: inline-block;

	width: 20px;
	height: 20px;
	margin-right: 10px;

	content: '';

	background-image: url(./image/icons/ico_people.svg);
	background-size: 20px;
}

.contact-us-tab #custom_html-2 a
{
	color: #fff;
	border-bottom: 1px solid transparent;
}

.contact-us-tab #custom_html-2 a:hover
{
	border-bottom: 1px solid #fff;
}

.contact-us-tab #custom_html-2 span.phone::before
{
	position: relative;
	top: 2px;

	display: inline-block;

	width: 20px;
	height: 20px;
	margin-right: 10px;

	content: '';

	background-image: url(./image/icons/ico_phone.svg);
	background-size: 20px;
}

.contact-us-tab #custom_html-2 span.email::before
{
	position: relative;
	top: 2px;

	display: inline-block;

	width: 20px;
	height: 20px;
	margin-right: 10px;

	content: '';

	background-image: url(./image/icons/ico_email.svg);
	background-size: 20px;
}

.elementor-item-anchor.elementor-item-active:after
{
	position: absolute;
	bottom: 13px;
	left: calc(50% - 10px);

	display: block;

	width: 0;
	height: 0;

	content: '';
	-webkit-transition: 0s;
	        transition: 0s;

	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
}


/***********************
       COMPONENTS
***********************/

/*** TABS MODULE ***/

.elementor-tabs .elementor-tabs-wrapper
{
	padding-bottom: 30px;
}

.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title
{
	padding: 0 35px 0 0 !important;
}

.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:last-child
{
	padding-right: 0 !important;
}

.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:hover
{
	background-color: rgba(121, 167, 194, 0.25);
}

.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active:after,
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-title.elementor-active:after
{
	position: absolute;
	bottom: -15px !important;
	left: calc(50% - 10px) !important;

	display: block;

	width: 0 !important;
	height: 0 !important;

	content: '';

	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}

.elementor-widget-container .elementor-tabs .elementor-tabs-wrapper
{
	display: flex;

	gap: 34px;
}

.elementor-widget-container .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title,
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-title
{
	position: relative;

	display: inline-flex;

	padding: 10px 0 !important;

	border: 0 !important;
	border-top: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
}

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:before
{
	display: none;
}

.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-content
{
	border-style: none !important;
}

.elementor-tabs-content-wrapper .elementor-tab-mobile-title.elementor-active:after
{
	transform: rotate(180deg);
}

body .elementor-widget-tabs .elementor-tab-content
{
	padding: 0;
}

/*** GALLERY MODULE ***/

#galerie .elementor-gallery__titles-container a
{
	margin: 0 17px 35px 17px;
	padding: 0 !important;
}

body #galerie a.elementor-item.elementor-gallery-title
{
	position: relative;

	display: block;

	padding: 5px 0 !important;

	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

body #galerie a.elementor-item.elementor-gallery-title:hover
{
	background-color: rgba(121, 167, 194, 0.25);
}

body #galerie a.elementor-item.elementor-gallery-title:before,
body #galerie a.elementor-item.elementor-gallery-title::after
{
	display: none;
}

#galerie a.elementor-item.elementor-gallery-title.elementor-item-active:after
{
	position: absolute;
	bottom: -15px;
	left: calc(50% - 10px);

	display: block;

	width: 0;
	height: 0;

	content: '';

	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
}


/***********************
     MEDIA QUERIES
***********************/


/*** MAX WIDTH ***/

@media only screen and (max-width: 767px)
{
	.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title
	{
		width: 100%;
		margin-bottom: 20px;

		border-top: 1px solid #fff !important;
		border-bottom: 1px solid #fff !important;
	}

	.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title
	{
		position: relative;

		padding: 10px 0;
	}

	.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title:after
	{
		position: absolute;
		top: calc(50% - 5px);
		right: 0;

		display: block;

		width: 0;
		height: 0;

		content: '';

		border-width: 10px 10px 0 10px !important;
		border-style: solid;
		border-color: #fff transparent transparent transparent;
	}

	.contact-us-tab .widget-shortcode
	{
		width: 100%;
		padding-right: 0;
	}

	.elementor-widget-container .elementor-tabs .elementor-tabs-wrapper
	{
		display: none;
	}

	.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-title.elementor-active:after
	{
		left: calc(100% - 20px) !important;
	}

	.elementor-tabs .elementor-tabs-content-wrapper
	{
		border-bottom: 0 !important;
	}

	.elementor-widget-container .elementor-gallery__titles-container
	{
		display: block;
	}

	.elementor-widget-container .elementor-gallery__titles-container a
	{
		margin: 0 0 20px 0 !important;
	}

	#galerie a.elementor-item.elementor-gallery-title.elementor-item-active:after
	{
		top: calc(50% - 5px);
		left: calc(100% - 20px);
	}
}


/*** MIN WIDTH ***/

@media only screen and (min-width: 768px)
{
	.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title
	{
		display: none;
	}
}