/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button {
    border-radius: 100px;
}


/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.section {
    padding: 8rem 0 7rem;
    text-align: center;
}

.footer {
    padding: 6rem 0 2rem 0;
    background-color: grey;
    color: white;
    text-align: center;
}

.copyright {
    background: white;
    text-align: center;
    padding: 0.5em 0;
}

.section-heading,
.section-description {
    margin-bottom: 1.2rem;
}


/* Hero –––––––––––––––––––––––––––––––––––––––––––––––––– */

.phones {
    position: relative;
}

.tasak {
    position: relative;
    max-width: 95%;
    margin: auto;
}

.hero {
    margin: 5rem 0 -2rem;
}


/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.values {
    background-image: url('../images/values-bg.jpg');
    background-size: cover;
    color: #fff;
    padding-bottom: 5rem;
}

.value-multiplier {
    margin-bottom: .5rem;
    color: #11DFC7;
}

.value-heading {
    margin-bottom: .3rem;
}

.value-description {
    opacity: .8;
    font-weight: 300;
}


/* Help
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.get-help {
    border-bottom: 1px solid #ddd;
}


/* Categories
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.categories {
    background-image: url('../images/values-bg.jpg');
    background-size: cover;
    color: #fff;
}

.categories .section-description {
    margin-bottom: 4rem;
}


/* Mobilemenu */
.mobilenav {
        display: block;
        width: 100%;
        height: 6.5rem;
        background: #fff;
        z-index: 99;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

/* Lenti menü */

.menulenti {
    text-align: center;
}

ul.menulenti {
    margin: 0 auto;
}

ul.menulenti li {
    display: inline;
    text-align: center;
    padding: 0 10px;
}

.menulenti a {
    color: aliceblue
}

.menulenti a:hover {
    color: black
}

.navbar,
.navbar-spacer {
    display: none;
}


/* ul.menulenti li {list-style: none;margin: 0; float:left; padding-left: 20px;} */


/* Saját stílusok */

img {max-width: 100%;}
#fizetendo {
    color:brown;
    font-weight: 600;
    margin-bottom: 2em;
}
#megjegyzes {display: none;}


/* Bigger than 550 */

@media (min-width: 550px) {
    .section {
        padding: 12rem 0 11rem;
    }
    .hero {
        padding-bottom: 1rem;
        text-align: left;
        margin: 0 0 -2rem;
    }
    .tasak {
        display: block;
    }
    .hero-heading {
        font-size: 2.4rem;
        z-index: 999;
    }
}


/* Bigger than 750 */

@media (min-width: 750px) {
    .hero {
        padding: 22rem 0 0rem;
        margin: 0 0 -17rem;
    }
    .hero-heading {
        font-size: 2.6rem;
        z-index: 999;
    }
    .section {
        padding: 10rem 0 15rem;
        margin: 0 0 -5rem;
    }
    .section-description {
        max-width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
    .tasak {
        top: -14rem;
        right: 5rem;
        bottom: -20rem;
    }
    .categories {
        padding: 15rem 0 8rem;
    }
    .ma5menu__toggle {display: none !important;}
    .navbar,
    .navbar-spacer {
        display: block;
        width: 100%;
        height: 6.5rem;
        background: #fff;
        z-index: 99;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }
    .navbar-spacer {
        display: none;
    }
    .mobilenav {
        display: none;
    }
    .navbar>.container {
        width: 100%;
    }
    .navbar-list {
        list-style: none;
        margin-bottom: 0;
    }
    .navbar-item {
        position: relative;
        float: left;
        margin-bottom: 0;
    }
    .navbar-link {
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .2rem;
        margin-right: 35px;
        text-decoration: none;
        line-height: 6.5rem;
        color: #222;
    }
    .navbar-link.active {
        color: #33C3F0;
    }
    .has-docked-nav .navbar {
        position: fixed;
        top: 0;
        left: 0;
    }
    .has-docked-nav .navbar-spacer {
        display: block;
    }
    /* Re-overiding the width 100% declaration to match size of % based container */
    .has-docked-nav .navbar>.container {
        width: 80%;
    }
}


/* Bigger than 1000 */

@media (min-width: 1000px) {
    .section {
        padding: 15rem 0 15rem;
    }
    .hero {
        padding: 22rem 0 0rem;
        margin: 0 0 -26rem;
    }
    .hero-heading {
        font-size: 3.0rem;
        z-index: 999;
    }
    .tasak {
        top: -20rem;
        bottom: -20rem;
        max-height: 615px;
    }
    .phone+.phone {
        top: -14rem;
        max-height: 570px;
    }
    /* Navbar */
    .navbar+.docs-section {
        border-top-width: 0;
    }
    
}


/* Youtube videó */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Popover */

.popover.open {
    display: block;
    z-index: 99;
}

.popover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    top: 92%;
    left: -50%;
    -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, .1));
    -moz-filter: drop-shadow(0 0 6px rgba(0, 0, 0, .1));
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, .1));
}

.popover-item:first-child .popover-link:after,
.popover-item:first-child .popover-link:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.popover-item:first-child .popover-link:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.popover-item:first-child .popover-link:before {
    border-color: rgba(238, 238, 238, 0);
    border-bottom-color: #eee;
    border-width: 11px;
    margin-left: -11px;
}

.popover-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.popover-item {
    padding: 0;
    margin: 0;
}

.popover-link {
    position: relative;
    color: #222;
    display: block;
    padding: 8px 20px;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.0rem;
    font-weight: 600;
    text-align: center;
    letter-spacing: .1rem;
}

.popover-item:first-child .popover-link {
    border-radius: 4px 4px 0 0;
}

.popover-item:last-child .popover-link {
    border-radius: 0 0 4px 4px;
    border-bottom-width: 0;
}

.popover-link:hover {
    color: #fff;
    background: #33C3F0;
}

.popover-link:hover,
.popover-item:first-child .popover-link:hover:after {
    border-bottom-color: #33C3F0;
}


}