/* 
Theme Name:		ETAVIS theme
Theme URI:		https://www.prikee.eu/
Description:	ETAVIS theme is a child theme of Hello Elementor, created by Prikee Design team
Author:			József Prikler
Author URI:		https://www.prikee.eu/
Template:		hello-elementor
Version:		1.0.0
Text Domain:	hello-elementor-child
License:		GNU General Public License v3 or later.
License URI:	https://www.gnu.org/licenses/gpl-3.0.html
Tags:			flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
-------------------------------------------------------------- */ 

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# General
	## Generic styles
	## Buttons and links
# Navigation
# Forms
# Pagination and navbar
# Typography
# Cards styling
# Tables
# Sections Styling
    ## About Section
    ## Portfolio Section
    ## Contact Section
    ## Team Section
    ## Subscribe Section
# Footer
# Blog
	## Content
	## Sidebar
	## Attachment Page
# Responsive
--------------------------------------------------------------*/

/* Bug Repair */
.slick-loading .slick-list {
    background: #fff url(./assets/images/ajax-loader.gif) center center no-repeat
}
/*
.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main {
    padding: 0 10px;
}*/
.page-header .entry-title {
    margin-top: 40px;
}

.elementor-widget.elementor-align-left .elementor-icon-list-item, .elementor-widget.elementor-align-left .elementor-icon-list-item a,
.elementor-widget.elementor-widget-icon-list .elementor-icon-list-item, .elementor-widget.elementor-widget-icon-list .elementor-icon-list-item a {
    align-items: baseline;
}
.elementor-widget.elementor-align-left .elementor-icon-list-item .elementor-icon-list-icon {
    margin-top: 3px;
}
.elementor-widget.elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-icon {
    margin-top: 3px;
}

.elementor-widget.elementor-align-left .elementor-icon-list-item a.mail-link span, 
.elementor-widget.elementor-widget-icon-list .elementor-icon-list-item a.mail-link span {
    display: flex;
}

/* Navigation */

.plus-nav-icon-menu {
    vertical-align: initial;
}
.home .breadcrumbs {display: none;}
#breadcrumbs .current .current_tab_sec {color:#27282f !important; font-weight: 500;}
#breadcrumbs .current:hover .current_tab_sec {color:#27282f !important;}

#scrolltop-button a {padding: 10px 10px 10px 10px;}
#scrolltop-button .elementor-icon-wrapper {max-height: 40px;}


/* Forms */
.adatvedelem label {
    margin-top: -7px;
    margin-left: 3px;
}


/* Typography */
h1::after{
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto 0 0; /* This will center the border. */
    width: 60px; /* Change this to whatever width you want. */
    padding-top: 20px; /* This creates some space between the element and the border. */
    border-bottom: 3px solid #3085D6; /* This creates the border. Replace black with whatever color you want. */
}


a {
    display: inline-block;
    position: relative;
}

#content a:not(.button-link-wrap, .elementor-icon.mail-link, [data-vp-filter]),
#content .contact a .elementor-icon-list-text {
    color: #3085D6;
}
#content a:not(.button-link-wrap, .elementor-icon.mail-link, [data-vp-filter]):hover,
#content .contact a:hover .elementor-icon-list-text {
    color: #d3df0e;
}
#content a:not(.button-link-wrap, .elementor-icon.mail-link, .contact .mail-link, [data-vp-filter])::after {
    left: 0;
}
#content a:not(.button-link-wrap, .elementor-icon.mail-link, .contact .mail-link, [data-vp-filter])::after,
#content .contact a span.elementor-icon-list-text::after {
    content: '';
    position: absolute;
    bottom: 0px;
    display: flex;
    width: 100%;
    height: 1px;
    background-color: #3085D6;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
#content a:not(.button-link-wrap, .elementor-icon.mail-link, [data-vp-filter]):hover::after,
#content .contact a:hover span.elementor-icon-list-text::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}


main ul {margin-bottom: .9rem}
main li::marker {
    content: '\f0c8';
    font-size: 0.7em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #3085D6;
}
main li {
  margin-bottom:10px;
  padding-left: 10px;
}


/* Footer / Header */
footer, footer a, #top-contact a {
    color: #FFFFFF;
}
footer a:hover, footer li a:hover, #top-contact a:hover, #top-contact li a:hover .elementor-icon-list-text {
    color: #E5F20D;
}

footer .contact a > span.elementor-icon-list-text::after, 
footer a span span.elementor-icon-list-text::after, 
footer .cpright a::after, 
#top-contact a span span.elementor-icon-list-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    display: flex;
    width: 100%;
    height: 1px;
    background-color: #3085D6;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
#top-contact a span span.elementor-icon-list-text::after {
    bottom: -2px;
}

footer .contact a:hover > span.elementor-icon-list-text::after, 
footer a:hover span span.elementor-icon-list-text::after, 
footer .cpright a:hover::after, 
#top-contact a:hover span span.elementor-icon-list-text::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

footer h4::after {
    background: #3085D6!important;
    content: '';
    position: absolute;
    height: 2px;
    width: 40px;
    left: 0;
    bottom: 0;
}

/* Sections Styling */
.head-bg-blue .sub-heading {background-color: #3085D6; display: inline-block;}
.head-bg-yellow .sub-heading {background-color: #E5F20D; display: inline-block;}
.head-bg-black .sub-heading {background-color: #27282f; display: inline-block;}
.head-bg-grey .sub-heading {background-color: #E0E0E0; display: inline-block;}
.head-bg-white .sub-heading {background-color: #FFFFFF; display: inline-block;}
/* .rolunk .sub-heading {background-color: #27282f; display: inline-block;} */
.testimonial-list.testimonial-style-1 .testimonial-featured-image {display: none;}

#content .vp-portfolio__item-meta .vp-portfolio__item-meta-category > a {color: #E0E0E0;}
#content .vp-portfolio__item-meta .vp-portfolio__item-meta-title > a {color: #FFFFFF;}
#content .vp-filter__style-default .vp-filter__item.vp-filter__item-active a {
    background-color: #3085D6;
}

/* Glass morphism  */
.glass-morphism {
    backdrop-filter: grayscale(0.4) blur(20px) !important;
}

/* Small devices (landscape phones, 360px and up) */
@media (min-width: 360px) {

}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /*.site-footer .footer-inner, 
    .site-footer:not(.dynamic-footer), 
    .site-header .header-inner, 
    .site-header:not(.dynamic-header), 
    body:not([class*=elementor-page-]) .site-main {
        max-width: 1280px;
    }
    .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main {
        max-width: 1280px;
    }*/
    #content {font-size: 19px;}
}


/* Extra large devices (large desktops, 1340px and up) */
@media (min-width: 1340px) {
    /*.site-footer .footer-inner, 
    .site-footer:not(.dynamic-footer), 
    .site-header .header-inner, 
    .site-header:not(.dynamic-header), 
    body:not([class*=elementor-page-]) .site-main {
        max-width: 1280px;
    }
    .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main {
        max-width: 1280px;
    }*/
}