/* ---------------------------- FONTS ------------------- */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i&display=swap&subset=latin-ext');
@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../webfonts/DINNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/DINNextLTPro-Regular.otf')  format('opentype'),
        url('../webfonts/DINNextLTPro-Regular.woff') format('woff'),
        url('../webfonts/DINNextLTPro-Regular.ttf')  format('truetype'),
        url('../webfonts/DINNextLTPro-Regular.svg#DINNextLTPro-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../webfonts/DINNextLTPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/DINNextLTPro-Black.otf')  format('opentype'),
        url('../webfonts/DINNextLTPro-Black.woff') format('woff'),
        url('../webfonts/DINNextLTPro-Black.ttf')  format('truetype'),
        url('../webfonts/DINNextLTPro-Black.svg#DINNextLTPro-Black') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bw Glenn Slab';
    src: url('../webfonts/BwGlennSlab-Regular.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/BwGlennSlab-Regular.otf')  format('opentype'),
        url('../webfonts/BwGlennSlab-Regular.woff') format('woff'),
        url('../webfonts/BwGlennSlab-Regular.ttf')  format('truetype'),
        url('../webfonts/BwGlennSlab-Regular.svg#BwGlennSlab-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bw Glenn Slab';
    src: url('../webfonts/BwGlennSlab-Medium.eot?#iefix') format('embedded-opentype'),  
         url('../webfonts/BwGlennSlab-Medium.otf')  format('opentype'),
         url('../webfonts/BwGlennSlab-Medium.woff') format('woff'), 
         url('../webfonts/BwGlennSlab-Medium.ttf')  format('truetype'), 
         url('../webfonts/BwGlennSlab-Medium.svg#BwGlennSlab-Medium') format('svg'); 
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bw Glenn Slab';
    src: url('../webfonts/BwGlennSlab-Bold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/BwGlennSlab-Bold.otf')  format('opentype'),
        url('../webfonts/BwGlennSlab-Bold.woff') format('woff'),
        url('../webfonts/BwGlennSlab-Bold.ttf')  format('truetype'),
        url('../webfonts/BwGlennSlab-Bold.svg#BwGlennSlab-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bw Glenn Slab';
    src: url('../webfonts/BwGlennSlab-MediumItalic.eot?#iefix') format('embedded-opentype'),  
         url('../webfonts/BwGlennSlab-MediumItalic.otf')  format('opentype'),
         url('../webfonts/BwGlennSlab-MediumItalic.woff') format('woff'), 
         url('../webfonts/BwGlennSlab-MediumItalic.ttf')  format('truetype'), 
         url('../webfonts/BwGlennSlab-MediumItalic.svg#BwGlennSlab-MediumItalic') format('svg'); 
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Bw Glenn Slab';
    src: url('../webfonts/BwGlennSlab-BlackItalic.eot?#iefix') format('embedded-opentype'),  
         url('../webfonts/BwGlennSlab-BlackItalic.otf')  format('opentype'),
         url('../webfonts/BwGlennSlab-BlackItalic.woff') format('woff'), 
         url('../webfonts/BwGlennSlab-BlackItalic.ttf')  format('truetype'), 
         url('../webfonts/BwGlennSlab-BlackItalic.svg#BwGlennSlab-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
} 
/* ------------- Main setup ----------- */
html, body{
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}
.btn-success{
    background-color: rgba(93,182,70,1);
    border-color: rgba(93,182,70,1);
}
.form-control:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 0px;
    background-color: rgb(255,255,255);
}
button:focus,
.btn:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: -webkit-focus-ring-color auto 0px;
}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus{
    box-shadow: none;
    outline:none;
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus{
    box-shadow: none;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: initial;
}
a{
    color:rgba(0,130,61,1);
}
a:hover{
    color:rgba(93,182,70,1);
    text-decoration: none;
}
article.container{
    padding-right: 0;
    padding-left: 0;
}
.breadcrumb{
    display: block;
    background-color:transparent;
    font-weight: 600;
    padding: .2rem 0;
    margin-bottom: 0;
    font-size: 0.7rem;
}
.breadcrumb a{
    color: rgb(165,165,165);
}
.breadcrumb-item{
    display: inline;
}
.breadcrumb-item+.breadcrumb-item {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    padding-left: .2rem;
}
.breadcrumb-item+.breadcrumb-item::before{
    font-family: 'Bw Glenn Slab';
    content: "»";
    color: rgb(165,165,165);
    padding-right: .2rem;
}
audio{
    display: block;
    width: 100%;
    border-radius: 0;
}
html .form-control::-webkit-input-placeholder { color:rgb(0,130,61); }
html .form-control:-moz-placeholder { color:rgb(0,130,61); }
html .form-control::-moz-placeholder { color:rgb(0,130,61); }
html .form-control:-ms-input-placeholder { color:rgb(0,130,61); }

/* ---------------- Header -------------*/
header{
    position: fixed;
    top:0;
    background-color: rgb(255,255,255);
    z-index:999;
    left:0;
    right:0;
    transition:top .4s ease-in-out;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    /*-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);*/
}
header *{
    transition:none !important;
}
header.scroll-hide{
    top:-6.5rem;
}

/* ---------------- Search -----------------*/
#search_full{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:rgba(0, 95, 45, 0.9);
    z-index: 9999;
}
#search_full form{
    height: 100%;
}

#search_full .close{
    opacity: 1;
    font-size: 2rem;
    position: absolute;
    right: 0;
    padding: 20px 15px;
}


/* ---------------- Navigation ----------- */
a.nav-link,
span.nav-link{
    color:rgba(0,130,61,1) !important;
    font-weight: 600;
    text-transform: uppercase;
}
.navbar a.dropdown-item{
    color:rgba(0,130,61,1) !important;
    font-weight: 600;
    padding: 0.35rem .5rem;
    padding-bottom: 0.35rem;
}
.navbar-nav .nav-link{
    padding-left: 10px;
}
a.nav-link:hover,
span.nav-link:hover,
.navbar a.dropdown-item:hover{
    color:rgba(93,182,70,1) !important;
    background-color: rgb(243,243,243);
}
.navbar{
    padding: 12px 1rem 12px 1rem;
}
.navbar-nav{
    margin-top: 5px;
}
.navbar-nav .dropdown-toggle::after{
    display: none;
}
.navbar-nav .dropdown-menu{
    margin-top:0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    border: none;
}

.navbar-brand{
    padding-top: .1rem;
    padding-bottom: .1rem;
}
.navbar-toggler{
    border:none;
    padding: .75rem;
    margin-right: -.75rem;
    position: absolute;
    right: 0;
    top:1rem;
}
.navbar-toggler span {
    width: 2rem;
    height: 5px;
    background-color: #333;
    margin: 5px 0;
    transition: 0.4s;
    -ms-transform:none;
    -webkit-transform:none;
    transform: none;
    display: block;
}

.navbar-toggler span {opacity: 0;}
.navbar-toggler span:first-of-type {
    -ms-transform: rotate(-45deg) translate(-0.5rem, 0.5rem);
    -webkit-transform: rotate(-45deg) translate(-0.5rem, 0.5rem);
    transform: rotate(-45deg) translate(-0.5rem, 0.5rem);
    opacity: 1;
}  
.navbar-toggler span:last-of-type {
    -ms-transform: rotate(45deg) translate(-0.5rem, -0.5rem);
    -webkit-transform: rotate(45deg) translate(-0.5rem, -0.5rem);
    transform: rotate(45deg) translate(-0.5rem, -0.5rem);
    opacity: 1;
}
.navbar-toggler.collapsed span{
    -webkit-transform:none;
    -ms-transform:none;
    transform: none;
    display: block;
    opacity: 1;
}

.dropdown-toggle::after{
    border:none;
    font-family: "Font Awesome 5 Free";
    color:rgba(0,130,61,1);
    content: "\f078";
    font-weight: 900;
    font-size: 0.7rem;
    margin-left: 0.2rem;
    vertical-align: initial;
}
/* ---------------- Search form ----------- */
#nav-form{
    position: absolute;
    right:3rem;
    top:2rem;
}
#nav-form form{
    height: 100%;
}
#nav-form form input{
    width: 0;
    padding: 0;
    border: 0;
    transition: 0.4s;
}
#nav-form form input.show{
    width: 6rem;
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
}
#nav-form #search-btn{
    font-size: 1.3rem;
    vertical-align: bottom;
    cursor: pointer;
    color: rgba(0,130,61,1);
    padding: 8px 6px;
}
/* ---------------- Social incons ----------- */
#nav-social{
    margin-right: 35px;
    margin-top: 5px;
}
#nav-social a{
    font-size: 1.6rem;
    padding: .6rem;
    display: inline-block;
}
#nav-social a:last-of-type{
    padding-right: 0;
}
#nav-social .fa-youtube{
    font-size: 26px;
    vertical-align: -2px;
}
/* ---------------- Language selection ----------- */
#lang-container{
    position: absolute;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
    color: rgba(0,130,61,1);
    font-weight: 600;
    left: -47px;
    top: -3px;
    padding-top: 63px;
}
#lang-container a{
    padding: 10px;
    display: none;
    background-color: rgb(255,255,255);
}
#lang-container a.active{
    display: block;
    background-color: transparent;
    padding-bottom: 34px;
    position: absolute;
    top: 0;
}
#lang-container a.show{
    display: block;
}
#lang-list{
    display: none;
    position: absolute;
    left:.5rem;
    top: 3.45rem;
    z-index: 1;
}
#lang-list.show{
    display: block;
}
#lang-list a{
    display: block;
    background-color: rgba(255,255,255,1)
}
/* ---------------- Slider ---------------------*/
main {
    padding-top: 6.2rem;
}
.carousel-indicators{
    margin-bottom: 2rem;
}
.carousel-indicators li{
    width: 9px;
    margin-left: 2px;
    margin-right: 2px;
    background-color: transparent;
    padding: 10px 5px;
    position: relative;
}
.carousel-indicators li:before{
    content: "";
    width: 9px;
    height: 9px;
    background-color: transparent;
    border: 1px solid rgba(93,182,70,1);
    border-radius: 50%;
    display: block;
    top: 6px;
    left: 5px;
    position: absolute;
}
.carousel-indicators li.active:before{
    background-color: rgba(93,182,70,1);
}
main .carousel-control-prev, 
main .carousel-control-next{
    display: none;
}
main .carousel-item{
    padding-top:calc(50% + 268px);
    overflow: hidden;
}

main .carousel-item img{
    position: absolute;
    top:0;
    left:-15%;
    object-fit: cover;
    height: 100%;
    width: auto !important;
}

main .carousel-item.slider_text::after{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top:0;
    right: 0;
    background: rgba(0,0,0,1);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

main .carousel-caption{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 33px;
    padding-bottom: 7.5rem;
    z-index: 10;
    color: #fff;
    text-align: left;
    height: 100%;
}
main .carousel-caption div{
    height: 100%;
    flex-direction: column;
    position: relative;
    display: flex;
    align-content: stretch;
}
main .carousel-caption div span{
    width: 100%;
    display: block;
    flex-grow: 1;
    border-left: 2px solid rgba(255,255,255,1);
    border-right: 2px solid rgba(255,255,255,1);
}
main .carousel-caption div span:first-of-type{
    border-top: 2px solid rgba(255,255,255,1);
}
main .carousel-caption div b{
    border-right: 2px solid rgba(255,255,255,1);
    margin-bottom: 0;
    padding: 1.5rem 5rem 0 0;
    border-bottom: 2px solid rgba(255,255,255,1);
    font-family: 'DIN Next LT Pro';
    font-size: 8vw;
    line-height: 1.115;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* Limit the text block to three lines */
    -webkit-line-clamp: 5;
}
main .carousel-caption a{
    position: absolute;
    bottom: -6.5rem;
    right: 0;
    text-transform: uppercase;
    font-size: .8rem;
}

/* --------------------- Featured post -----------------*/
.featured{
    padding: 15px;
    margin:0 auto;
}
.featured h1{
    padding:0.8rem 0;
    font-family: 'Bw Glenn Slab';
    font-style: italic;
    font-weight: 600;
    color:rgb(93,182,70);
    font-size: 5vw;
    line-height: 1;
}
.featured img{
    width: 100%;
}
.featured h1 b,
.featured h1 strong{
    display: block;
    font-size: 8vw;
    font-weight: 900;
    color:rgb(93,182,70);
    line-height: 1.5;
}
#issue1 h1,
#issue2 h1{
    color:rgb(103,103,103);
}

#issue1 .btn-success,
#issue2 .btn-success{
    background-color: rgba(93,182,70,1);
    border-color:rgba(93,182,70,1);
    color:rgba(255,255,255,1);
    font-weight: 600;
    text-transform: uppercase;
    float: right;
}
#issue1 .btn-success:hover,
#issue2 .btn-success:hover{
    color: rgba(230,230,230,1);
    background-color:rgba(2,105,51,1);
    border-color: rgba(230,230,230,1);
    font-weight: 600;
}

/* --------------- hot topics ----------------*/
#hot-topics{
    padding-top:40px;
    padding-bottom: 40px;
    margin:0 auto;
    font-family: 'DIN Next LT Pro';
    font-weight: 400;
    overflow: hidden;
}
#hot-topics > div{
    padding: 1.26rem 0 1.26rem 23vw;
    background-color: rgb(232,232,232);
    border-radius: 4px;
    position: relative;
}
#hot-topics span{
    color: rgb(206,65,85);
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
    position: absolute;
    top:50%;
    left:16vw;
    transform:rotate(-90deg) translateY(-70%) translateX(28%);
    -ms-transform:rotate(-90deg) translateY(-70%) translateX(28%);
    -webkit-transform:rotate(-90deg) translateY(-70%) translateX(28%);
}
#hot-topics > div:before{
    content: "";
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0.2rem;
    width: 15.6vw;
    height: 15.6vw;
    background-image: url(/img/flash.svg);
    background-size: cover;
}
#hot-topics .badge{
    font-size: 0.9rem;
    border-radius: 19px;
    padding: 6px 14px;
    text-transform: uppercase;
    margin: 3px;
    font-weight: normal;
    /*white-space: pre-wrap;*/
    text-align: left;
    width: auto;
    line-height: 1.3;
}
#hot-topics .badge-danger{
    background-color: rgb(206,65,85);
}


/* --------------- actual ----------------*/
#actual{
    padding-top: 0.5rem;
}
#actual h1{
    font-family: 'Bw Glenn Slab';
    font-weight: 400;
    color:rgb(232,232,232);
    font-size: 3.2rem;
    margin-bottom: 8px;
}
#actual article{
    padding-bottom: 1rem;
}
#actual article a{
    position: relative;
    display: block;
}
#actual article .badge{
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    top:5px;
    left:4px;
    text-transform: uppercase;
    color: #fff;
    background-color: rgb(0,95,45);
    font-weight: 600;
    padding: 4px 6px;
    border-radius: 0;
}
#actual img{
    border-radius: 4px;
    object-fit: cover;
    height: auto;
    width: 100% !important;
    max-height: 50vw;
}
#actual article[data="catid-4"] img,
#articles article[data="catid-4"] img{
    object-fit: contain;
    max-height: 55vw;
    background-color: #f3f3f3;
}
#actual h2{
    margin-top:0.4rem;
    margin-bottom: 0.8rem;
    font-weight: 600;
    font-size: 1.05rem;
    color: rgb(0,130,61);
}
#actual span,
#actual time{
    font-family: 'Bw Glenn Slab';
    font-weight: 400;
    color:rgb(203,203,203);
    font-size: 0.9rem;
}
#actual span i{
    font-size: 0.8rem;
    color: rgb(0,130,61);
    margin: 0 6px; 
}
/* -------------------- Facebook -----------------*/
#facebook .row{
    margin-top: -1rem;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    background-color: rgb(250,250,250);
}
#facebook .row .col{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 1rem;
    background-color: rgb(255,255,255);
}
#facebook i{
    padding: 0.8rem 1rem;
    background-color: #4267b2;
    color: #fff;
    border-radius: 50%;
    margin-bottom: 8px;
}
#facebook article a{
    display: block;
}
#facebook h2{
    color:rgb(0,0,0);
    font-size: 0.9rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* Limit the text block to three lines */
    -webkit-line-clamp: 3;
    margin-bottom: 1rem;
}
#facebook img{
    border-radius: 4px;
    object-fit: cover;
    height: 81vw;
    width: 100% !important;
}

/* -------------------------------- President ---------------*/
#president .col{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
#president #profile_full img{
    width:51vw;
    height: 51vw;
    border-radius: 50%;
    margin-bottom: -25px;
}
#president #president_text{
    position: relative;
    padding-top: 2rem;
    padding-bottom: 1.5rem;
    padding-left:1rem;
    border: 2px solid rgb(93,182,70);
    border-top:none;
    margin-bottom: 5rem;
}
#president #president_text:after{
    content:"";
    position: absolute;
    top:0;
    right:0;
    width: 42%;
    background-color: rgb(93,182,70);
    height: 2px;
}
#president #president_text h2{
    margin: 0;
    font-family: 'Bw Glenn Slab';
    font-weight: 700;
    color:rgb(93,182,70);
    font-size: 8vw;
}
#president #president_text h3{
    margin: 0;
    font-family: 'Bw Glenn Slab';
    font-weight: 400;
    color:rgb(103,103,103);
    font-size: 5.2vw;
}
#president #president_text a{
    margin-right: -2px;
    margin-top: 2.5rem;
}
/* ------------------------- Links ---------------*/
#links{
    background-color: rgb(0,95,45);
    margin-top: 3rem;
}
#links.black{
    background-color: rgb(51,51,51);
}
#links ul{
    padding-left: 0;
    margin-bottom: 0;
}
#links li{
    list-style: none;
    padding-bottom: 1rem;
}
#links li > a{
    display: inline-block;
    color:rgb(255,255,255);
    text-transform: uppercase;
}
#links.black li > a{
    color:rgb(226,226,226);
}
#links li div a{
    display: block;
    color:rgb(150,220,132);
}
#links.black li div a{
    color:rgb(159,159,159);
}

/* ------------------------ Newsletter -----------------*/
#newsletter{
    padding-top: 3rem;
    padding-bottom: 3rem;
    display: none;
}
#newsletter .col{
    padding-top: .5rem;
    padding-bottom: .5rem;
}
#newsletter .form-control{
    border:none;
    border-bottom: 1px solid rgb(192,192,192);
    color:rgb(0,95,45);
    border-radius: 0;
    padding-left: 2px;
}

/* ------------------------ Footer ----------------------*/
footer{
    background-color: rgb(51,51,51);
    color:rgb(192,192,192);
    padding-top: 2rem;
    padding-bottom: 2rem;
}
footer a{
    display: inline-block;
    color:rgb(192,192,192);
}
footer a:hover{
    color:rgb(255,255,255);
}

/* --------------------------------------------------------- Pages --------------------------------*/
/* ------------------------ Article ----------------------*/
.article_featured_img{
    /*object-fit: cover;
    height: auto;
    width: 100% !important;
    max-height: 594px;*/

    object-fit: cover;
    height: auto;
    max-width: 100% !important;
    max-height: 594px;
    margin: 0 auto;
    display: block;
}
.foto_source{
    display: block;
    font-family: 'Bw Glenn Slab';
    font-weight: 400;
    color: rgb(203,203,203);
    font-size: 0.9rem;
    padding-top: 3px;
}
#article {
    padding-top:1rem;
}
#article article > img{
    width: 100%;
    height: auto;
}
#article h1{
    padding-top: 2rem;
    padding-bottom: .6rem;
    margin-bottom: 0;
    font-family: 'Bw Glenn Slab';
    font-weight: 600;
    font-style: italic;
    font-size: 1.9rem;
    color: rgb(0,130,61);
    word-break: break-word;
}
#article h2{
    margin-top:0.5rem;
    margin-bottom: 0.8rem;
    font-family: 'Bw Glenn Slab';
    font-weight: 600;
    font-style: italic;
    font-size: 1.05rem;
}
#article #article_data{
    min-height: 2rem;
    line-height: 2rem;
    vertical-align: bottom;
    margin-bottom: 2.2rem;
}
#article #article_data span,
#article #article_data time{
    font-family: 'Bw Glenn Slab';
    font-weight: 400;
    padding-right: 5px;
    color:rgb(203,203,203);
    vertical-align: text-top;
}
#article #article_data span{
    padding-left: 9px;
    border-left: 1px solid rgb(203,203,203); 
}
#tags{
    margin-top:.5rem;
}
#tags .badge{
    background-color: rgb(93,182,70);
    color: rgb(255,255,255);
    border-radius: 0;
    padding: 4px 7px;
    margin-right: 2px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.9rem;
}
#article #article_data span i{
    font-size: 0.8rem;
    color: rgb(0,130,61);
    margin: 0 6px; 
}
#article #article_data .fb-like{
    margin-left: .5rem;
    float: right;
}
#article #article_content{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
    line-height: 1.4;
}
/* #article :not(.special) #article_content p:first-of-type{
    font-family: 'Bw Glenn Slab';
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.3;
    padding-bottom: .6rem;
} */
#article #article_content blockquote{
    font-family: 'Bw Glenn Slab';
    font-weight: 600;
    font-style: italic;
    font-size: 1.4rem;
    color: rgb(93,182,70);
    padding-left: 40px;
    margin-top: 3rem;
    margin-bottom: 2.6rem;
    line-height: 1.25;
    position: relative;
}
#article #article_content iframe {
    width: 100%;
    height: 52vw;
    max-width: 760px;
    max-height: 437px;
    display: block;
}
#article #article_content .video_container iframe{
    width: 100%;
    height: 52vw;
    border-radius: 8px;
    margin: 3rem auto;
    max-width: 790px;
    max-height: 470px;
    display: block;
}
#live_video .video_container iframe{
    width: 100%;
    height: 52vw;
    max-width: 1090px;
    max-height: 620px;
    margin: 1rem auto;
    display: block;
}
.mw-hd{
    max-width: 1920px;
    margin: 0 auto;
}
#article #article_content .fb-comments iframe{
    margin: 0 auto;
}
#article #article_content .fb-video iframe {
    margin: 0 auto;
    max-height: none;
}
#article #article_content img{
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    /*margin: 3rem auto;*/
    display: block;
}

#article #actual h1{
    font-family: 'Bw Glenn Slab';
    color: #e8e8e8;
    font-weight: 400;
}
.video_container,
.audio_container{
    margin-bottom: 10px;
}


/* ------------------------ Profil ----------------------*/
#profil {
    padding-top:1rem;
}
#profil .profil_pic{
    max-width: 347px;
    margin-left:auto;
    margin-right: auto;
}
#profil .profil_img{
    object-fit: cover;
    width: 317px;
    height: 398px;
    max-width: 100%;
}
#profil article > img{
    width: 100%;
    height: auto;
}
#profil_data h1{
    display: inline-block;
    font-family: 'Bw Glenn Slab';
    font-size: 1.6rem;
    font-style: italic;
    color: rgb(255,255,255);
    position: absolute;
    top:-65px;
    left: 0;
    right: 0;
    width: 347px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
    margin: 0 auto;
}
#profil_data h1 span{
    padding: 8px 8px;
    background-color: rgba(41, 128, 18, 0.7);
    line-height: 1.95;
}
.jelenlet{
    margin-top: 2.5rem;
    margin-bottom: 2rem;
}
.jelenlet p{
    margin: .3rem;
    font-weight: 600;
    color: rgb(86,86,86);
}
.jelenlet p a{
    color: rgb(86,86,86);
}
#profil .org_contact_details{
    padding: 17px 21px;
}
#profil .org_contact_details > div.phone a{
    font-size: 1.1rem;
    font-weight: 400;
}
#profil .org_contact_details > div .fab{
    font-size: 1.5rem;
    padding-right: 1rem;
}
#profil #profil_content iframe{
    width: 100%;
    height: 52vw;
    border-radius: 8px;
    margin: 3rem auto;
    max-width: 790px;
    max-height: 446px;
    display: block;
}
#profil #profil_content img{
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 3rem auto;
    max-width: 790px;
    display: block;
}
#article #actual h1{
    font-family: 'Bw Glenn Slab';
    color: #e8e8e8;
    font-weight: 400;
}

/* ------------------------- Doc page ------------------------*/
#doc h1{
    font-size: 1.5rem;
    font-style: italic;
    color: rgb(93,182,70);
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
}
#doc #actual article{
    padding-bottom: 2rem;
}
#doc #actual article h2{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    color: rgb(255,255,255);
    padding: 1.5rem .5rem 1rem 1rem;
    font-weight: 400;
    margin-bottom: 0;
    background: rgba(0,0,0,0.8);
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
}
 /* ------------------------ Actual_page ----------------------*/
#actual_page #actual h1{
    font-size: 3rem;
    margin-bottom: 1rem;
}
#actual_page #actual_categories{
    margin-bottom: 1rem;
}
#actual_page #actual_categories .badge{
    border: 2px solid rgb(0,130,61);
    border-radius: 12px;
    text-transform: uppercase;
    font-family: 'DIN Next LT Pro';
    font-size: 1rem;
    font-weight:400;
    padding: 0.5rem 0.8rem 0.3rem 0.8rem;
    margin-right: 6px;
    margin-bottom: 6px;
}
#actual_page #actual_categories .badge.active,
#actual_page #actual_categories .badge:hover{
    background-color: rgb(0,130,61);
    color:rgb(255,255,255);
}

#actual_search{
    background-color: rgb(232,232,232);
    padding: 46px 0px;
    margin-top: 45px;
    margin-bottom: 45px;
}
#actual_search .form-control{
    position: relative;
    background-color: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgb(192,192,192);
}
#actual_search .input-group-addon{
    position: absolute;
    right: 0;
    bottom: 0;
}
#actual_search .input-group-addon i{
    font-size: 13px;
    color: rgb(122,122,122);
    padding-bottom: 11px;
}
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active{
    background-color: rgba(93,182,70,1) !important;
    border-color: rgba(93,182,70,1) !important;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{
    color: #ededed !important;
}
/* ------------------------- Organization page --------------------*/
#organization_page #links{
    margin-top: 4rem;
}
.full_size{
    margin: 0 -15px;
    padding: 15px;
}

.breadcrumbs{
    font-family: 'Bw Glenn Slab';
    color: rgb(86,86,86);
    font-size: 2.8vw;
    font-weight: 600;
    font-style: italic;
    padding: 0.5rem 0;
}
.breadcrumbs a,
.breadcrumbs a:hover{
    color: rgb(86,86,86);
}
#organization h1{
    padding-top: 1.5rem;
    padding-bottom: .5rem;
    font-family: 'Bw Glenn Slab';
    color: rgb(93,182,70);
    font-size: 1.8rem;
    font-weight: 600;
    font-style: italic;
}
#organization h2{
    padding-top: 15px;
    padding-bottom: 14px;
    margin-bottom: 0;
    font-size: 1.25rem;
    border-top:1px solid rgb(232,232,232);
}
#organization h2:last-of-type{
    border-bottom:1px solid rgb(232,232,232);
}
#organization h2 a{
    color: rgb(130,130,130);
}
#organization h2 a:hover{
    color: rgb(93,182,70);
}
.org_member .org_member_more{
    margin-bottom: 0;
    padding-top:6px;
    padding-bottom: 10px;
    border-top: 1px solid rgb(232,232,232);
}
.org_member .org_member_more:last-of-type{
    border-bottom: 1px solid rgb(232,232,232);
}
.org_member .org_member_more a{
    
    font-size: 1.2rem;
    font-weight: 600;
    color: rgb(130,130,130);
}
.org_member .org_member_more a:hover{
    color: rgb(93,182,70);
}
.org_contact_details{
    background-color: rgb(93,182,70);
    color:rgb(255,255,255);
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
}
.org_contact_details > div{
    padding: 0.5rem 0;
    border-bottom: 1px solid rgb(2,105,51);
}
.org_contact_details > div:last-of-type{
    border-bottom: none;
}
.org_contact_details > div.phone span{
    vertical-align: baseline;
}
.org_contact_details > div.phone a{
    font-size: 2rem;
    font-weight: 900;
    vertical-align: baseline;
}
.org_contact_details > div > div{
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 75px);
}
.org_contact_details > div > div *{
    color:rgb(255,255,255);
    font-weight: 400;
    overflow-wrap: break-word;
}
.org_contact_details > div > div p{
    max-width: 100%;
    display: block;
}
.org_contact_details > div > div p:last-of-type{
    margin-bottom: 0;
}
.org_contact_details > div.social{
    padding-top: 1rem;
    padding-bottom: 0;
}
.org_contact_details span{
    display: inline-block;
    vertical-align: top;
    color: rgb(2,105,51);
    min-width: 71px;
    font-weight: 900;
}

.org_description{
    padding: 1.5rem 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-style: italic;
}
#organization .org_members{
    padding: 25px 30px 15px 30px;
    background-color: rgb(232,232,232);
    font-family: 'Bw Glenn Slab';
}
#organization .org_members h2{
    font-family: 'Bw Glenn Slab';
    color: rgb(86,86,86);
    font-size: 1.35rem;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-left: 5px;
    padding-right: 5px;
}
.org_member{
    border-radius: 2px;
    background-color: rgb(255,255,255);
    padding: 10px;
    padding-bottom: 22px;
    margin-bottom: 40px;
    position: relative;
    margin-left:-15px;
    margin-right:-15px;
    height: calc(100% - 40px);
}
.org_member > div{
    display: inline-block;
    vertical-align: top;
}
.org_member .profile{
    width: 90px;
}

.org_member .profile img{
    width: 78px;
    height: 78px;
    border-radius: 50%;
    margin-right: 12px;
    object-fit: cover;
    object-position: top;
}
.org_member .org_member_details{
    width: calc(100% - 94px);
}
.org_member .org_member_details .omd_email {
    overflow-wrap: break-word;
}
.org_member h3{
    font-family: 'Bw Glenn Slab';
    font-size: 1.8rem;
    font-weight: 700;
    color: rgb(93,182,70);
}
.org_member h3 a{
    color: rgb(93,182,70);
}
.org_member a,
.org_member a:hover{
    color:rgb(103,103,103);
}
.org_member .org_member_more{
    position: absolute;
    right: 10px;
    bottom: -26px;
    background-color: rgb(93,182,70);
    padding: 12px;
    border-radius: 4px;
}

/* -------------------------- Documents page --------------------*/
#documents .doc_list{
    padding: 20px 15px 0px 15px;
    background-color: rgb(232,232,232);
}
#documents .doc_list p{
    margin: 0;
}
#documents .doc_list a{
    font-weight: 700;
    display: block;
    background-color: rgb(255,255,255);
    color: rgb(93,182,70);
    padding: 13px;
    border-radius: 4px;
    margin-bottom: 40px;
    position: relative;
}
#documents .doc_list a:after {
    position: absolute;
    display: block;
    font-family: "Font Awesome 5 Free";
    content: "\f1c1";
    font-weight: 400;
    font-size: 20px;
    color: rgb(255,255,255);
    background-color: rgb(93,182,70);
    right: 10px;
    bottom: -25px;
    padding: 2px 10px;
    border-radius: 4px;
}
#documents .doc_list a:hover{
    color: rgb(0,130,61);
}
#documents .doc_list h3{
    padding-top: 2rem;
    padding-bottom: .8rem;
    font-family: 'Bw Glenn Slab';
    color: rgb(93,182,70);
    font-size: 1.3rem;
    font-weight: 400;
    font-style: italic;
    padding-left: 0.4rem;
}

/* ---------------------------- Audio controller --------------------*/
.audio_container b{
    display: block;
    font-size: 1.1rem;
    margin-bottom: .8rem;
}

/* --------------- badge colors ---------------*/

#actual_categories .badge.kategoria_1{
    background-color: rgb(255,255,255) !important;
    border-color: rgb(242,108,79) !important;
}
#actual_categories .badge.kategoria_2{
    background-color: rgb(255,255,255) !important;
    border-color: rgb(253,185,19) !important;
}
#actual_categories .badge.kategoria_3{
    background-color: rgb(255,255,255) !important;
    border-color: rgb(0,189,210) !important;
}
#actual_categories .badge.kategoria_4{
    background-color: rgb(255,255,255) !important;
    border-color: rgb(5,132,154) !important;
}
#actual_categories .badge.kategoria_5{
    background-color: rgb(255,255,255) !important;
    border-color: rgb(93,182,70) !important;
}

.badge.kategoria_1,
#actual_categories .badge.kategoria_1:hover,
#actual_categories .badge.kategoria_1.active{
    background-color: rgb(242,108,79) !important;
}
.badge.kategoria_2,
#actual_categories .badge.kategoria_2:hover,
#actual_categories .badge.kategoria_2.active{
    background-color: rgb(253,185,19) !important;
}
.badge.kategoria_3,
#actual_categories .badge.kategoria_3:hover,
#actual_categories .badge.kategoria_3.active{
    background-color: rgb(0,189,210) !important;
}
.badge.kategoria_4,
#actual_categories .badge.kategoria_4:hover,
#actual_categories .badge.kategoria_4.active{
    background-color: rgb(5,132,154) !important;
}
.badge.kategoria_5,
#actual_categories .badge.kategoria_5:hover,
#actual_categories .badge.kategoria_5.active{
    background-color: rgb(93,182,70) !important;
}

/* -------------------------- FB comment --------------------*/
.fb-comments iframe{
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

/* --------------------------- Index csapat filter ---------------------*/
.csapat{
    display: none;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 52px;
    padding-bottom: 52px;
    background-position: center center;
    background-size: cover;
    color:rgb(255,255,255);
}
.csapat h1{
    font-family: 'Bw Glenn Slab';
    font-weight: 900;
    font-style: italic;
    font-size: 3.18rem;
    margin-bottom: 1.5rem;
}
.csapat p{
    font-size: 1.4rem;
    margin-bottom: 2.2rem;
}
.csapat .form-control{
    background-color: transparent;
    border-radius: 0;
    border:none;
}
.csapat .btn-success{
    text-transform: uppercase;
}
.csapat .bootstrap-select .dropdown-toggle{
    background-color: rgb(123,192,65);
    border-radius: 0;
    border:2px solid rgb(255,255,255);
    color: rgb(255,255,255);
    opacity: .7;
}
.csapat .bootstrap-select .dropdown-toggle::after{
    color: rgb(255,255,255);
    transform: scale(1.5);
}
.csapat .bootstrap-select .dropdown-menu{
    border-radius: 0;
    border-color: rgb(255, 255, 255);
    margin-top: -1px;
    padding-top: 0;
    padding-bottom: 0;
}
.csapat .bootstrap-select.show .dropdown-toggle,
.csapat .bootstrap-select.active .dropdown-toggle{
    opacity: 1;
}
.csapat .bootstrap-select .dropdown-toggle:focus, 
.csapat .bootstrap-select>select.mobile-device:focus+.dropdown-toggle,
.csapat .bootstrap-select .dropdown-menu li a{
    box-shadow: none;
    outline:0 auto -webkit-focus-ring-color!important;
}
.csapat .bootstrap-select .dropdown-item:focus, 
.csapat .bootstrap-select .dropdown-item:hover{
    background-color: rgba(123,192,65,.85);
    color: rgb(255,255,255);
}
.csapat .bootstrap-select .dropdown-item.active, 
.csapat .bootstrap-select .dropdown-item:active,
.csapat .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    background-color: rgb(123,192,65);
    color: rgb(255,255,255);
}

.csapat .bootstrap-select .bs-searchbox .form-control{
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

/* ------------------------- Onk 2020 filter -------------------*/
#onk2020{
    background-image: url('/img/onk_2020.jpg');
}
/* ------------------------- Onk 2020 page -------------------*/
.jeloltek_page #jeloltek{
    padding-bottom: 35px;
}
.jeloltek_page #jeloltek h1{
    font-family: 'Bw Glenn Slab';
    font-weight: 400;
    font-size: 1.8rem;
    font-style: italic;
    color: rgb(93,182,70);
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
    text-align: center;
}

.jeloltek_page #jeloltek h2{
    font-family: 'Bw Glenn Slab';
    font-weight: 400;
    font-size: 1.6rem;
    font-style: italic;
    color: rgb(93,182,70);
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
    border-bottom: 1px solid rgb(93,182,70);
}
.jeloltek_page #jeloltek h3{
    font-family: 'Bw Glenn Slab';
    font-weight: 400;
    font-size: 1.6rem;
    font-style: italic;
    color: rgb(93,182,70);
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
}
.jeloltek_page #jeloltek article{
    margin-bottom: 2rem;
    text-align: center;
}
.jeloltek_page #jeloltek article img{
    margin: 0 auto;
    min-width: 100%;
    object-fit: cover;
    min-height: 330px;
    max-height: 330px;
}
.jeloltek_page #jeloltek .info{
    width: calc(100% - 30px);
    max-width: 318px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    left: 0;
    right: 0;
    color: rgb(255,255,255);
    padding: 1.5rem 1rem .7rem 1rem;
    font-weight: 400;
    margin-bottom: 0;
    background: rgba(0,0,0,0.8);
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
}
.jeloltek_page #jeloltek .info span{
    width: 100%;
    display: block;
    font-weight: 500;
}
.jeloltek_page #jeloltek .info span.name{
    width: auto;
    position: relative;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    z-index: 1;
}
.jeloltek_page #jeloltek .info span.name:before{
    content: "";
    position: absolute;
    bottom:4px;
    left:-12px;
    right: -12px;
    height: 10px;
    background-color: rgb(35,153,68);
    z-index: -1;
}
/* ------------------------- Parlament 2020 filter -------------------*/
#parl2020{
    background-image: url('/img/parl_2020.jpg');
    padding-top: 33px;
    padding-bottom: 62px;
}
#parl2020 h1{
    color: rgb(0,166,81);
}
#parl2020 p{
    color: rgb(103,103,103);
}
#parl2020 .bootstrap-select .dropdown-toggle,
#parl2020 .bootstrap-select .dropdown-item:focus, 
#parl2020 .bootstrap-select .dropdown-item:hover,
#parl2020 .bootstrap-select .dropdown-item.active, 
#parl2020 .bootstrap-select .dropdown-item:active, 
#parl2020 .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    background-color: rgb(0,166,81);
    opacity: 1;
}
#parl2020 #bs-select-2 .dropdown-item:focus,
#parl2020 #bs-select-2 .dropdown-item:hover,
#parl2020 #bs-select-2 .dropdown-item:active,
#parl2020 #bs-select-2 .dropdown-item.active{
    background-color: rgb(229,229,229);
    color:rgb(145,145,145);
}
#parl2020 .bootstrap-select .dropdown-toggle[data-id="parl_filter_megyek"],
#parl2020 .bootstrap-select .dropdown-toggle[data-id="parl_filter_megyek"] .filter-option-inner-inner{
    background-color: rgb(229,229,229);
    color:rgb(145,145,145);
}
#parl2020 .bootstrap-select .dropdown-toggle[data-id="parl_filter_megyek"]::after{
    color:rgb(145,145,145);
}
#parl2020 .btn-success {
    background-color: rgb(0,166,81);
    border-color: rgb(0,166,81);
    width: 100%;
    padding: 11px;
}
#parl2020 .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    padding: 5px 8px;
}

/* ------------------------- Parlament 2020 page -------------------*/
#parlamenti #jeloltek h2{
    border-bottom: none;
    color: rgb(0,166,81);
    font-size: 1.2rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-style: normal;
}

/* ------------------------- Kongresszus registracios from ------------*/
#kongress_press_registration{
    max-width: 620px;
    margin: 40px auto;
}
#kongress_press_registration .form-control{
    height: calc(2.8em + .75rem + 2px);
    border-radius: 1rem;
    background-color: transparent;
}
#kongress_press_registration textarea.form-control{
    height: auto;
}

  

#kongress_press_registration .btn{
    padding: 1.375rem 1.25rem;
    font-weight: bold;
    border-radius: 1rem;
}
#kongress_press_registration hr{
    background-color: #1e7e34;
    margin: 25px 0;
}
#add_people,
.remove_people{
    color: #565656;
    margin-right: 50px;
    font-weight: bold;
    cursor: pointer;
}
#add_people i,
.remove_people i{
    font-style: normal;
    background-color: #565656;
    color: #FFF;
    padding: 0 5px;
    border-radius: 50%;
    font-size: 1.2rem;
}
.remove_people{
    color: #ed1c24;
    display: block;
    text-align: right;
    margin-right: 0px;
    margin-bottom: -20px;
}
.remove_people i{
    background-color: #ed1c24;
}
/* -------------------- Kiadvanyok -------------*/
#print h1{
    margin-top: 1.3rem;
    margin-bottom: 1.2rem;
}
#print article h3{
    font-size: 1.05rem;
    padding-top: 0.8rem;
    font-weight: 700;
    text-align: left;
}
#print article{
    text-align: center;
    padding-bottom: 3.5rem;
}
#print article img{
    object-fit: contain;
    min-height: 224px;
    max-height: 224px;
    max-width: 313px;
    object-position: bottom;
    border-radius: 0;
}
#print article:after{
    content: "";
    position: absolute;
    margin-left: 15px;
    margin-right: 15px;
    top:43px;
    left: 0;
    right: 0;
    height: 190px;
    border-radius: 4px;
    background-color: rgb(232,232,232);
    z-index: -1;
}

/* ---------------------- Kereso oldal ------------------*/
#advanced_search{
    background-color: rgb(232,232,232);
    padding: 46px 0px;
    margin:10px -15px 30px -15px;
}
#advanced_search .form-control{
    position: relative;
    background-color: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgb(192,192,192);
}
#advanced_search .input-group-addon{
    position: absolute;
    right: 0;
    bottom: 0;
}
#advanced_search .input-group-addon i{
    font-size: 13px;
    color: rgb(122,122,122);
    padding-bottom: 11px;
}

#search_result{
    margin-left: -15px;
    margin-right: -15px;
}

#profiles{
    padding: 32px 15px 2px 15px;
    background-color: rgb(232,232,232);
    /*font-family: 'Bw Glenn Slab';*/
}
#profiles .org_member{
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 10px;
}
#profiles .org_member .org_member_more{
    right: 10px;
    bottom: -18px;
    background-color: rgb(93,182,70);
    padding: 8px 12px;
}
#profiles .org_member h3{
    padding-top: 1rem;
}

#articles{
    padding-top: 3rem;
}
#articles article{
    padding-bottom: 1rem;
}
#articles article a{
    position: relative;
    display: block;
}
#articles article .badge{
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    top:5px;
    left:4px;
    text-transform: uppercase;
    color: #fff;
    background-color: rgb(0,95,45);
    font-weight: 600;
    padding: 4px 6px;
    border-radius: 0;
}
#articles img{
    border-radius: 4px;
    object-fit: cover;
    height: auto;
    width: 100% !important;
    max-height: 50vw;
}
#articles h2{
    margin-top:0.4rem;
    margin-bottom: 0.8rem;
    font-weight: 600;
    font-size: 1.25rem;
    color: rgb(0,130,61);
}
#articles span,
#articles time{
    font-family: 'Bw Glenn Slab';
    font-weight: 400;
    color:rgb(203,203,203);
    font-size: 0.9rem;
}
#articles span i{
    font-size: 0.8rem;
    color: rgb(0,130,61);
    margin: 0 6px; 
}

@media (min-width: 360px) {
    /* ---------------- Search form ----------- */
    #nav-form form input.show{
        width: 8rem;
    }
}
@media (min-width: 364px) {
    /* ---------------- Search form ----------- */
    #profil_data h1{
        margin: 0 auto;
    }
    #profil_data h1 span{
        padding: 8px 16px;
    }
}
@media (max-width: 575.98px) {
    main .carousel-item{
        width:95%;
        -ms-transform:translateX(100%);
        -webkit-transform:translateX(100%);
        transform: translateX(100%);
        display: block;
        border-right:5vw solid rgb(255,255,255);
        z-index:100;
        transition:-webkit-transform .6s ease-in-out;
        transition:transform .6s ease-in-out;
        transition:transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
    }
    main .carousel-item.active{
        position:relative;
        -ms-transform:translateX(0);
        -webkit-transform:translateX(0);
        transform: translateX(0);
        z-index:200;
        /*border-right:5vw solid rgb(0,0,0);*/
    }
    main .carousel-item.carousel-item-from{
        z-index:50;
        transition: none;
    }
    main .carousel-item.carousel-item-from-d-right{
        z-index:110;
        transition: none;
    }
    main .carousel-item.carousel-item-left{
        -ms-transform:translateX(-100%);
        -webkit-transform:translateX(-100%);
        transform: translateX(-100%);
        z-index:100;
    }
    main .carousel-item.carousel-item-next{
        transform: translateX(0);
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        z-index:200;
    }
    main .carousel-item.carousel-item-right{
        -ms-transform:translateX(100%);
        -webkit-transform:translateX(100%);
        transform: translateX(100%);
    }
    main .carousel-item.carousel-item-right.carousel-item-prev{
        animation-name: carousel-from-right;
        animation-duration: .6s;
        animation-timing-function: ease-in-out;
    }
    main .carousel-item.carousel-item-to-d-right.active{
        transition: none;
    }
    /*main .carousel-item.carousel-item-prev{
        transition: none;
    }*/

    @keyframes carousel-from-right{
        0% {
            -ms-transform:translateX(-100%);
            -webkit-transform:translateX(-100%);
            transform: translateX(-100%);
        }
        1% {
            -ms-transform:translateX(-100%);
            -webkit-transform:translateX(-100%);
            transform: translateX(-100%);
        }
        100% {
            -ms-transform:translateX(0);
            -webkit-transform:translateX(0);
            transform: translateX(0);
        }
    }


}

@media (min-width: 575.98px) {
    /* ------------- Main setup ----------- */
    .container,
    article.container{
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .breadcrumbs{
        font-size: 0.9rem;
    }
    /* ---------------- Slider ----------- */
    main .carousel-item{
        padding-top:55%;
        overflow: hidden;
        width:100%;
    }
    main .carousel-item img{
        position: absolute;
        top:-2rem;
        left:0;
        object-fit: cover;
        height: auto;
        width: 100% !important;
    }
    main .carousel-item.slider_text::after{
        content: "";
        position: absolute;
        height: 100%;
        width: 50%;
        top:0;
        right: 0;
        background: rgba(0,0,0,1);
        background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        opacity: 0.8;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }
    main .carousel-caption{
        padding-left: calc(50% + 30px);
        padding-bottom: 5.5rem;
    }
    main .carousel-caption div b{
        font-size: 4vw;
    }
    main .carousel-caption a{
        bottom: -3.5rem;
    }

    /* ------------------- Featured ---------------------*/
    #issue1 .btn-success,
    #issue2 .btn-success{
        float: none;
        font-size: 0.9rem;
    }
    .featured{
        padding: 1.8rem 18px;
        margin: 0 auto;
    }
    .featured h1{
        font-size: 2.4vw;
        position: absolute;
        top:50%;
        left:37px;
        -ms-transform:translateX(-65%);
        -webkit-transform:translateY(-65%);
        transform: translateY(-65%);
        width: calc(100% - 47px);
    }
    .featured h1 b,
    .featured h1 strong{
        font-size: 3vw;
    }
    .featured .btn{
        position: absolute;
        bottom:0;
        left:37px;
        /*right:1rem;*/
    }
    /* --------------- hot topics ----------------*/
    #hot-topics > div{
        padding: 1.15rem 0 1.15rem 150px;
    }
    #hot-topics > div:before {
        left: 0.5rem;
        width: 100px;
        height: 100px;
    }
    #hot-topics span{
        left:60px;
        transform:rotate(0deg) translateY(-50%) translateX(0%);
        -ms-transform:rotate(0deg) translateY(-50%) translateX(0%);
        -webkit-transform:rotate(0deg) translateY(-50%) translateX(0%);
    }
    /* --------------- actual ----------------*/
    #actual img,
    #articles img{
        height: calc((100vw - 60px) / 2* 0.594202899);
    }
    #actual .article_footer,
    #articles .article_footer{
        position: absolute;
        bottom: 2rem;
    }
    /* -------------------- Facebook -----------------*/
    #facebook .row{
        background-color: transparent;
        margin-right: -15px;
        margin-left: -15px;
        padding: 0;
    }
    #facebook .row .col{
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 1rem;
        background-color: rgb(255,255,255);
    }
    #facebook i{
        padding: 0.8rem 1rem;
        background-color: #4267b2;
        color: #fff;
        border-radius: 50%;
    }
    #facebook h2{
        color:rgb(0,0,0);
        font-size: 0.9rem;
        margin-bottom: 425px;
    }
    #facebook img{
        position: absolute;
        bottom:15px;
        right:15px;
        left:15px;
        width:calc(100% - 30px) !important;
        max-height: 420px;
        min-height: 192px;
    }
    /* -------------------------------- President ---------------*/
    #president #profile_full img{
        object-fit: cover;
        height: auto;
        width: 100% !important;
        max-height: 336px;
        border-radius: 0;
        margin-bottom: 0;
    }
    #president .col::after{
        content: "";
        position: absolute;
        height: 100%;
        width: calc(100% - 1rem);
        top:0;
        left: 0;
        background: rgba(0,0,0,1);
        background: linear-gradient(90deg, rgba(0,0,0,0) 0%,  rgba(0,0,0,0) 25%, rgba(0,0,0,1) 100%);
        opacity: 0.5;
        filter: alpha(opacity=50); /* For IE8 and earlier */
    }
    #president #president_text{
        position: absolute;
        top:0;
        bottom: 0;
        right: 0;
        margin-top:auto;
        margin-bottom: auto;
        margin-right: 4rem;
        width: calc(50% - 3rem);
        height: 7rem;
        z-index: 3;
        text-align: right;
        padding-right: 22px;
        transform: translateY(-15%);
    }
    #president #president_text h2{
        font-size: 1.8rem;
        color:rgb(255,255,255);
    }
    #president #president_text h3{
        font-size: 1rem;
        color:rgb(93,182,70);
    }
    #president #president_text a{
        margin-right: -22px;
    }
    /* ------------------------ Links -------------*/
    #links .row .col-12 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    /* ------------------- actual ----------------------*/
    #actual article,
    #articles article{
        padding-bottom: 3.8rem;
    }
    #actual article:nth-last-child(1):nth-child(odd),
    #articles article:nth-last-child(1):nth-child(odd){
        display: none;
    }

    #actual_search{
        padding: 46px 18px;
    }
    /* ------------------------ Article ------------*/
    #article #article_content blockquote{
        padding-left: 109px;
        padding-right: 50px;
        margin-top: 3rem;
        margin-bottom: 2.6rem;
        line-height: 1.25;
        font-size: 1.4rem;
    }
    #article #article_content blockquote::before{
        position: absolute;
        content: '';
        width: 77px;
        height: 54px;
        background-image: url('/img/quote.svg');
        background-size: contain;
        background-repeat: no-repeat;
        top: 3px;
        left: 3px;
    }
    /* ----------------------- Kereso ----------------*/
    #profiles .org_member .profile img{
        margin-left: 9px;
    }
    #profiles .org_member h3 {
        padding-top: 1.6rem; 
        padding-left: 1.6rem; 
    }

}

@media (min-width: 768px) {
    /* ------------- Main setup ----------- */
    .breadcrumb{
        padding: .8rem 0 .4rem 0;
        font-size: 0.65rem;
    }
    .breadcrumb-item+.breadcrumb-item {
        padding-left: .4rem;
    }
    .breadcrumb-item+.breadcrumb-item::before{
        padding-right: .4rem;
    }
    .container {
        max-width: 100%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .full_size{
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    #search_full .close{
        padding: 20px 1.5rem;
    }
    /* ---------------- Navigation ----------- */
    .navbar-nav{
        padding-right: 7rem;
        font-size: 0.95rem;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .6rem;
        padding-left: .6rem;
    }
    .navbar .dropdown-menu.show{
        display: none;
    }
    .navbar-nav .dropdown-menu{
        visibility: hidden;
        display: block;
        min-width: auto;
        padding: .5rem 0;
        opacity: 0;
        margin-top:0;
        border-radius: 0;
        background-color: transparent;
        border:none;
        transition: opacity 0.5s, visibility 0.5s !important;
    }
    .navbar-nav .dropdown-menu .dropdown-container{
        background-color: rgb(255,255,255);
        margin-top: 27px;
        padding: .8rem 0.9rem;
        border: 1px solid rgba(0,0,0,.25);
    }
    .navbar-nav .dropdown-menu .dropdown-container:after{
        content: '';
        display: block;
        position: absolute;
        top: 24px;
        left: 21px;
        width: 15px;
        height: 12px;
        background-image: url(/img/menu_up_arrow.svg);
        background-size: cover;
    }
    li.dropdown:hover > .dropdown-menu {
        visibility: visible;
        opacity: 1;    
    }
    /* ---------------- Search form ----------- */
    #nav-form{
        right: 0;
    }
    /* ---------------- Slider ----------- */
    
    main .carousel-item{
        padding-top:45%;
    }
    main .carousel-item img{
        top:-5rem;
    }
    main .carousel-caption{
        padding-right: calc(5% + 15px);
    }
    main .carousel-caption div b{
        font-size: 3.7vw;
    }
    main .carousel-caption a{
        font-size: .9rem;
    }
    /* ------------------- Featured ---------------------*/
    #issue1 .btn-success,
    #issue2 .btn-success{
        font-size: 1rem;
    }
    .featured{
        padding: 1.8rem 1.5rem;
    }
    /* ------------------- President -------------------*/
    #president #president_text{
        width:calc(40% - 3rem);
    }
    #president .col::after{
        background: linear-gradient(90deg, rgba(0,0,0,0) 0%,  rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%);
    }
    /* --------------------------------------------------- Pages --------------------------------------------*/
    /* ------------------------ Article ----------------------*/
    
    #article .container,
    #profil .container{
        max-width: 860px;
    }
    #article article > img{
        object-fit: cover;
        height: auto;
        width: 100% !important;
        max-height: 400px;
    }
    #article #article_content blockquote{
        padding-right: 230px;
    }


    /* ------------------------- Organization page --------------------*/
    #organization, #documents{
        max-width: 800px;
    }
    
    #organization .org_members h2{
        padding-left: 20px;
        padding-right: 20px;
    }
    .org_member{
        margin-left: 0px;
        margin-right: 0px;
    }
    /* ------------------------ Profil -------------------------------*/

    #profil_data h1{
        padding-left: 0;
        padding-right: 0;
        top: 19px;
        left:-84px;
        position: relative;
        width: auto;
    }
    #profil_data h1 span{
        padding: 8px 16px 8px 75px;
    }
    #profil_data h1 span:before{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 43px;
        width: 43px;
        background-image: url('/img/profil_icon.svg');
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    /* ------------------------- Doc page -------------------------*/
    #doc_page .doc_list{
        padding: 30px;
    }
    #doc_page .doc_list a{
        padding: 20px 28px;
        margin-bottom: 40px;
    }
    /* --------------------------- Index onk2020 ---------------------*/
    .csapat{
        padding-top: 80px;
        padding-bottom: 112px;
    }

    /* --------------------------- Kereso --------------------*/
    #profiles{
        padding: 32px 25px 2px 25px;
    }
    #advanced_search{
        padding: 46px 18px;
        margin:10px 0 30px 0;
    }
    #search_result{
        margin-left: 0;
        margin-right: 0;
    }
    #profiles .org_member .org_member_more{
        right: 15px;
    }

}
@media (min-width: 860px) {
    
    #organization > h1,
    .org_member_more{
        margin-left: -26px;
        margin-right: -26px;
    }
    .navbar-nav{
        font-size: 1rem;
    }
    #profiles .org_member .org_member_more{
        right: 45px;
    }
}
@media (min-width: 992px) {
    /* ------------- Main setup ----------- */
    .container {
        max-width: 100%;
        padding-left: 35px;
        padding-right: 35px;
    }
    .full_size{
        margin-left: -1.8rem;
        margin-right: -1.8rem;
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }
    #search_full .close{
        padding: 20px 35px;
    }
    /* ---------------- Search form ----------- */
    #nav-form{
        right:12rem;
    }
    /* ---------------- Slider ----------- */
    main .carousel-item{
        padding-top:35%;
    }
    main .carousel-item img{
        top:-8rem;
    }
    main .carousel-caption{
        padding-right: calc(10% + 30px);
    }
    main .carousel-caption div b{
        font-size: 3.3vw;
    }
    /* ------------------- Featured ---------------------*/
    .featured img{
        object-fit: cover;
        height: auto;
        width: 100% !important;
        max-height: 313px;
    }
    /* ------------------- actual ----------------------*/
    #actual article:nth-last-child(1):nth-child(odd),
    #articles article:nth-last-child(1):nth-child(odd){
        display: block;
    }
    /* ------------------- President -------------------*/
    #president #president_text{
        width:calc(35% - 3rem);
    }
    #president .col::after{
        background: linear-gradient(90deg, rgba(0,0,0,0) 0%,  rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%);
    }
    /* ------------------------ Links -------------*/
    #links .row .col-12 {
        padding-bottom: 1rem!important;
    }
    /* ------------------------ Newsletter -----------------*/
    #newsletter button{
        width: 100%;
    }

    #onkormanyzati #jeloltek h1{
        font-size: 3.2rem;
    }
    #onkormanyzati #jeloltek h2{
        font-size: 2.2rem;
    }
    #profiles{
        padding: 32px 40px 2px 40px;
    }

    #actual img,
    #articles img{
        height: calc((100vw - 130px) / 3 * 0.594202899);
    }

}
@media (min-width: 1200px) {
    /* ------------- Main setup ----------- */
    .container {
        max-width: 1160px;
    }
    .container-fluid{
        max-width: 1160px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
    }
    /* ---------------- Navigation ----------- */
    .navbar-nav > li > a{
        text-transform: uppercase;
    }
    /* ---------------- Slider ----------- */
    
    main .carousel-item{
        padding-top:42%;
    }
    main .carousel-item img{
        top:-12rem;
    }
    main .carousel-caption{
        padding-top: 20px;
        padding-left: 60.5%;
        padding-right: 21.4%;
        padding-bottom: 4.5rem;
    }
    main .carousel-caption div{
        max-height: 21rem;
        height: 15.5vw;
        top: 50%;
        transform: translate(0, -59%);
    }
    main .carousel-caption div span{
        border-left: 3px solid rgba(255,255,255,1);
        border-right: 3px solid rgba(255,255,255,1);
    }
    main .carousel-caption div span:first-of-type{
        border-top: 3px solid rgba(255,255,255,1);
    }
    main .carousel-caption div b{
        border-right: 3px solid rgba(255,255,255,1);
        padding: 1.5rem 1rem .5rem 0;
        border-bottom: 3px solid rgba(255,255,255,1);
        font-size: 2vw;
        font-weight: 600;
    }
    main .carousel-caption a{
        bottom: -3.5rem;
        font-size: 1rem;
    }
    /* ------------------- Featured ---------------------*/
    .featured h1{
        font-size: 23px;
    }
    .featured h1 b,
    .featured h1 strong{
        font-size: 34px;
    }
     /* ------------------- President -------------------*/
    #president #president_text{
        width:calc(33% - 3rem);
    }
    #president .col::after{
        background: linear-gradient(90deg, rgba(0,0,0,0) 0%,  rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
    }
    /* ------------------------ Article --------------*/
    #article{
        padding: 0;
    }
    /* --------------------------- Kereso --------------------*/
    #profiles{
        padding: 32px 40px 2px 40px;
    }
    #profiles .org_member{
        margin-left: 21px;
        margin-right: 21px;
    }

    #actual img,
    #articles img{
        height: 204px;
    }

}
@media (min-width: 1920px) {
    #carousel {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }
    main .carousel-caption div b{
        font-size: 38px;
    }

}


@media (min-width: 576px) and (max-width: 767.98px) { 
    /* ------------- Main setup ----------- */
    .safari_600 .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .safari_600 .container .row{
        display: block;
    }
    .safari_600 .featured .row{
        display: block;
        height: 100%;
    }
    .safari_600 .container .row .col-sm-6{
        display: inline-block;
        width: calc(50% - 4px);
        vertical-align: top;
    }
    .safari_600 .featured .row .col-sm-6{
        display: inline-block;
        width: calc(50% - 4px);
        vertical-align: top;
        height: 100%;
    }
    .safari_600 .featured h1{
        margin-top: 2vw;
        position: relative;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        top:0;
    }
    .safari_600 .featured .btn {
        margin-top: 1vw;
        position: relative;
    }
}