BODY {
    font-family: arial, helvetica, clean, sans-serif;
}

.font-primary {
    font-family: 'Source Serif Pro', serif;
}

H1 {
    font-weight: 500;
}

SECTION.border-bottom {
    border-bottom: 5px solid #f1f1f1 !important;
}

SECTION.background-image-green {
    /* background: url('../img/green-bg.jpg') no-repeat center top; */
    background-size: cover;
    border-top-color: #abc1af !important;
    border-bottom-color: #abc1af !important;
}

.uppercase {
    text-transform: uppercase;
}

.vertical-align {
    display: flex;
    flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
    display: flex;
    align-items: center;     /* Align the flex-items vertically */
    justify-content: center; /* Optional, to align inner flex-items
                              horizontally within the column  */
}


.form-control.required {
    border: 1px solid #f00;
}

.form-control.warning {
    border: 1px dotted #f00;
}

.icon-featured.icon-featured-small {
    line-height: 40px;
    height: 40px;
    width: 40px;
    font-size: 1.2em;
}


/* LOADER */
.loading-overlay {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9abaf5+0,175ba4+100 */
    background: #ffffff !important; /* Old browsers */
  }

.bounce-loader {
    position: absolute;
    width: 485px !important;
    margin-left: -242px !important;;
    margin-top: -126px !important;;
}




/* LOADER VÉGE */


/* HEADER */
#header .header-body {
    border-bottom: 5px solid #abc1af !important;
}

/* HEADER VÉGE */


/* MENU */



/* MENU VÉGE */

/* SLIDER */
.tparrows {
    top: 40% !important;
}

.tp-caption {

    font-weight: normal;
    font-style: italic;
}

.slider-container {
    background: #c4bf6c;
}

.slider-container .tp-opacity-overlay {
    background: #000;
    opacity: 0.0;
}

.heading.heading-middle-border::before {
    border-color: #dceabf;
}


/* SLIDER VÉGE */

/* LOGO */


/* LOGO VÉGE */

/* CONTACT */
#contact .heading-middle-border H2 {
    background: #f7f7f7 !important;
}

#contact .heading.heading-middle-border::before {
    border-color: #ccc;
}


/* CONTACT VÉGE */

/* FOOTER */
#footer-pic {
    height: 400px;
}

#footer {
    border-top: none;
}

#footer .footer-copyright {
    background: #3e4a3e;
}

/* FOOTER VÉGE */

/* === cikk tartalom === */
.article-header {
    height: 400px;
    margin-bottom: 50px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-attachment: fixed;
}

.article-header H1 {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 100px;
    color: #fff;
    font-size: 5em;
}



.article-content .youtube {
    max-width: 100%;
}

.article-content FIGURE {
    display: block;
    border: 1px solid #eee;
    padding: 10px;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.article-content FIGURE IMG {
    max-width: 100%;
    height: auto;
}

.article-content FIGCAPTION {
    text-align: center;
}

.article-content .article-gallery-holder {
    padding: 10px;
    border: 1px solid #eee;
}

.article-content .article-gallery-holder .owl-nav {
    height: 30px;
    margin: 10px 0 0 0;
    position: relative;
    font-size: 14px;
}

.article-content .article-gallery-holder .owl-nav .owl-prev {
    position: absolute;
    left: 0;
}

.article-content .article-gallery-holder .owl-nav .owl-next {
    position: absolute;
    right: 0;
}

.article-content A {
    text-decoration: underline;
}

.article-content IMG {
    max-width: 100%;
}

.article-content IMG.float-left,
.article-content FIGURE.float-left {
    margin-right: 10px;
}

.article-content IMG.float-right,
.article-content FIGURE.float-right {
    margin-left: 10px;
}

.article-content FIGURE IMG {
    float: none !important;
}

/* === cikk tartalom vége === */

/* form */
.pform label.required::after {
    display: none;
}

.pform .form-control.warning {
    border: 1px dotted #dc3545;
}

.pform .form-control.required {
    border: 1px solid #dc3545;
}

.pform SPAN.warning {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    background-color: #dc3545;
    color: #FFF;
    padding: 3px 5px;
    float: right;
    margin: 10px 0 0 0;
}

.pform .form-check SPAN.warning {
    display: none;
}

.pform LABEL.required {
    color: #dc3545;
}

#photo-preview.active {
    width: 300px;
    height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* form vége */

/* poll */
.poll-content P {
    color: #fff !important;
}

.poll-submit {
    background: rgba(8, 80, 154, 1);
    padding: 10px 0 0 0;
    display: inline-block;
    width: 100%;
    z-index: 1000;
}

.poll-submit .alert {
    min-height: 60px;
    line-height: 40px;
}

.poll-option {
    cursor: pointer;
}

.poll-option.active {
    border: 1px solid #f00;
    background: #ffe4e4;
}

.poll-option.active .poll-option-btn {
    background: #fff;
    color: #08509a;
}

/* poll vége */

/* calendar */
.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
    text-align: center;
    margin-top: 10px;
    color: #fff;
}
/* calendar vége */



/* lg */
@media(min-width: 992px) {

}


/* md */
@media(max-width:991px), print {



    #header .header-nav-main nav > ul {
        padding-top: 0;
        padding-bottom: 0;
    }

    HTML.sticky-header-active #header .header-nav-main nav > ul {
        margin-top: 0;
    }

    #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
        min-height: 40px;
        line-height: 40px;
    }



}

/* sm */
@media (max-width: 767px), print {
    .form-control:not(.form-control-sm):not(.form-control-lg) {
        font-size: 16px;
        margin-bottom: 5px;
    }


}

/* xs */
@media (max-width: 575px) {

    .heading.heading-border {
        text-align: center !important;
    }


    #content-container.container {
        padding-left: 5px;
        padding-right: 5px;
    }


    .card-body {
        padding-left: 5px;
        padding-right: 5px;
    }

    .bounce-loader {
        position: static;
        max-width: 80%;
        margin: 50px auto;
    }


}