/**
Theme Name: crta
Author: CRTA Team
Author URI: https://www.crta.rs/
Description: 
Version: 1.0.0
License: 
License URI: 
Text Domain: crta

*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:300,400,600,700,800|Roboto+Condensed:400,700|Roboto+Mono:400,500,700|Roboto+Slab:400,500,600,700,800,900|Roboto:300,400,500,700,900&display=swap');



body {
    font-family: 'Roboto', sans-serif;
    color: #000000;
}

a {
    color: #f37020;
}

p {
    text-align: justify;
}

article h2 {
    font-size: 24px;
}

/*colors*/
.crta-light-orange {
    color: #f37020;
}

.crta-dark-orange {
    color: #f37021;
}

.crta-gray {
    color: #eaeaea;
}

.crta-black {
    color: #000000 !important;
}

.crta-bg-light-orange {
    background-color: #f37020;
}

.crta-bg-dark-orange {
    background-color: #f37021;
}

.crta-bg-gray {
    background-color: #eaeaea;
}

.video-holder {
    display: inline-block;
    position: relative;
    padding-bottom: 60%;
    width: 100%;
}
.video-holder iframe {
    height: 100% !important;
    position: absolute;
    top: 0; left: 0;
    width: 100% !important;
}

label > span.wpcf7-form-control-wrap input:focus,
label > span.wpcf7-form-control-wrap textarea:focus,
.form-control:focus {
    border-color: #f37021;
    box-shadow: 0 0 0 0.2rem rgba(243,112,33,.25);
}

label > span.wpcf7-form-control-wrap input:focus,
label > span.wpcf7-form-control-wrap textarea:focus {
    outline-color: #f37021;
}

.wp-caption-text {
    font-size: 80%;
    font-style: italic;
}

div.wp-caption {
    width: 100% !important;
}

div.wp-caption img {
    width: 100%;
}

/*special case of underlined first few letters*/
div.underlined-custom div.fl-module-content.fl-node-content h3 > span.fl-heading-text {
    position: relative;
}
span.crta-line {
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 5px;
    background-color: #f37021;
    top: 33px;
}

div.postimg img {
    width: 100%;
    height: auto;
}

#back-to-top {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 60px;
    height: 60px;
    background-color: rgba(243,112,32,.5);
    border-radius: 50%;
    z-index: 1000;
    text-align: center;
}

#back-to-top:hover {
    background-color: rgba(243,112,32,.8);
}

#back-to-top i {
    color: #ffffff;
    font-size: 35px;
    padding-top: 19%;
}


/*
*
* HEADER STYLES
*
*/
header {
    background-color: #ffffff;
}

.promo-header {
    background-color: #000000;
    color: #ffffff;
    font-size: 10px;
    font-weight: 300;
}

.promo-header > div.container > div.row > div:first-child > span:nth-child(2) {
    margin-left: 30px;
}

/*content of pseudo element is defined in header.php <style> tag*/
.promo-header > div.container > div.row > div:first-child > span:first-child::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    bottom: 2%;
    left: 15px;
    cursor: pointer;
}

.promo-header > div.container span.close-btn {
    color: #000000;
    background-color: #ffffff;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 1px;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 1px;
}

.promo-header span.our-init{
    position: relative;
    top: -5px;
    left: 2px;
}

.promo-header .award-link a{
    color: #ffffff;
    left: 10px;
    position: relative;
    top: 4px;
    font-weight: 300;
}

.promo-header .all-initiatives-promo {
    display: none;
    width: 100%;
}

.promo-header .all-initiatives-promo .init {
    width: 12.5%;
}

.promo-header .all-initiatives-promo .init img {
    width: 100%;
    height: auto;
}

.promo-header .all-initiatives-promo a.show-more-link {
    color: #ffffff;
    font-size: 10px;
    font-weight: 300;
    text-decoration: underline;
    margin-bottom: 20px;
    display: block;
}

.fixed {
    position: fixed;
    top: 0;
}

header#header{
    font-family: 'Roboto Condensed', sans-serif;
    width: 100%;
}


header nav.navbar {
    position: relative;
}

header #navbarright a {
    color: rgba(0,0,0,1);
    position: relative;
}


/* SOCIAL ICONS BAR */
header #navbarright #social-menu-top {
    font-size: 15px;
}

header #navbarright #social-menu-top li {
    margin-left: 0;
}

header #navbarright #social-menu-top li a {
    padding-left: 2px;
}

header #navbarright #social-menu-top li:not(:last-child) a:hover {
    color: #f37020;
}

header #navbarright #social-menu-top li:last-child {
    position: relative;
    margin-right: 5px;
}

header #navbarright #social-menu-top li:last-child a,
header #navbarright #social-menu-top li:last-child span {
    font-size: 12px;
    font-weight: 900;
}

header #navbarright #social-menu-top li:last-child a {
    padding-top: .6rem;
}

header #navbarright #social-menu-top li:last-child > a::before {
    display: inline-block;
    font-size: 15px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f7a2";
    position: absolute;
    top: 20%;
    left: -70%;
}

header #navbarright #social-menu-top li:last-child > a::after {
    display: inline-block;
    font-size: 15px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107";
    position: absolute;
    top: 20%;
    right: -10%;
}

header #navbarright #social-menu-top li:nth-last-child(-1n+2):hover {
    cursor: pointer;
}

header #navbarright #social-menu-top li:last-child:hover > a::after {
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    transform-origin: center center;
}

header #navbarright #social-menu-top li:last-child:hover > div {
    display: block;
}

header #navbarright #social-menu-top li:last-child div {
    display: none;
    top: 35%;
    opacity: .5;
}



/* MAIN MENU */
header #main-menu {
    position: relative;
}

header #navbarright #main-menu-content ul.navbar-nav > li {
    font-size: 16px;
    position: relative;
}

header #navbarright #main-menu-content ul.navbar-nav > li:not(:last-child) {
    margin-top: 2px;
}

header #navbarright #main-menu-content ul.navbar-nav > li:not(:first-child) {
    margin-left: 15px;
}

header #navbarright #main-menu-content > ul.navbar-nav > li > a {
    padding: .1rem .6rem;
    text-transform: uppercase;
}

header #navbarright #main-menu-content ul.navbar-nav > li:not(:last-child) > a:hover {
    color: #f37020;
}

header #navbarright #main-menu-content ul.navbar-nav > li:not(:last-child) > a:hover::after {
    content: "";
    position: absolute;
    bottom: -25%;
    left: 25%;
    width: 30%;
    height: 0.5rem;
    border-top: 3px solid #f37020;
}

header #navbarright #main-menu-content ul.navbar-nav > li:last-child > a:hover {
    background-color: #f37020;
    color: #ffffff;
}

header #navbarright #main-menu-content ul.navbar-nav > li.current-menu-item:not(:last-child) > a,
header #navbarright #main-menu-content ul.navbar-nav > li.current-menu-parent:not(:last-child) > a {
    border-bottom: 3px solid #f37020;
}

header #navbarright #main-menu-content ul.navbar-nav > li.current-menu-item:last-child a {
    background-color: #f37020;
    color: #ffffff;
}

header #navbarright #main-menu-content ul.navbar-nav > li > ul.sub-menu a {
    text-decoration: none;
}

header #navbarright #main-menu-content ul.navbar-nav > li.current-menu-item:last-child ul.sub-menu a {
    background-color: transparent;
    color: initial;
}

header #navbarright #main-menu-content ul.navbar-nav {
    position: relative;
}

header #navbarright #main-menu-content ul.navbar-nav li.menu-item-has-children:not(:nth-last-child(-1n+2))::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107";
    position: absolute;
    bottom: 8%;
    left: -5px;
}

header #navbarright #main-menu-content ul.navbar-nav li:last-child {
    border: 2px solid #f37020;
    border-radius: 3px;
}

header #navbarright #main-menu-content ul.navbar-nav li ul.sub-menu li:last-child {
    border: none;
}

header #navbarright #main-menu-content ul.navbar-nav > li:last-child a {
    color: #f37020;
    height: 100%;
}
/*TO DO */
.bottom-shadow::after {

}

/*
*
* SUB-MENU
*
*/
header #navbarright #main-menu-content ul.navbar-nav li ul.sub-menu {
    display: none;
    list-style: none;
}

header #navbarright #main-menu-content ul.navbar-nav li.current-menu-item ul.sub-menu,
header #navbarright #main-menu-content ul.navbar-nav li.current-menu-parent ul.sub-menu {
    display: flex;
    position: absolute;
    padding-left: 0;
    margin-bottom: 0;
    flex-direction: row;
    left: auto;
}

header #navbarright #main-menu-content ul.navbar-nav#menu-mainmenu li.current-menu-item:nth-child(2) ul.sub-menu,
header #navbarright #main-menu-content ul.navbar-nav#menu-mainmenu li.current-menu-parent:nth-child(2) ul.sub-menu {
    left: -545%;
}

header #navbarright #main-menu-content ul.navbar-nav li:last-child ul.sub-menu {
    right: 0;
}

header #navbarright #main-menu-content ul.navbar-nav li ul.sub-menu li a {
    font-size: 1rem;
    white-space: nowrap;
}

header #navbarright #main-menu #main-menu-content ul.navbar-nav > li > ul.sub-menu li.menu-item-object-category.current-menu-item a,
header #navbarright #main-menu #main-menu-content ul.navbar-nav > li > ul.sub-menu li.menu-item-object-page.current-menu-item a,
header #navbarright #main-menu #main-menu-content ul.navbar-nav > li > ul.sub-menu li.menu-item-object-monitoring_media.current-menu-item a,
header #navbarright #main-menu #main-menu-content ul.navbar-nav > li > ul.sub-menu li.menu-item-object-gradjani_imaju_moc_kategorije.current-menu-item a {
    text-decoration: underline;
}

/*
*
* MOBILE MENU
*
*/
header nav.navbar div.lang-mob {
    font-size: 26px;
}

header nav.navbar div.lang-mob > li {
    position: relative;
}

header nav.navbar div.lang-mob > li > a {
    position: relative;
    margin-left: 40px;
}

header nav.navbar div.lang-mob > li > a::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f7a2";
    position: absolute;
    left: -30px;
}

header nav.navbar div.lang-mob > li > a::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107";
    position: absolute;
    right: -20px;
}

header nav.navbar div.lang-mob > li > div {
    display: none;
    right: 0;
}
/*Hamburger*/
header div.hamburger a {
    color: #000000;
    padding: 0;
    font-size: 26px;
}
/*mobile menu*/
header #mobmenuwrap {
    display: none;
}

header ul.mobile-nav,
header ul.mobile-nav ul.sub-menu {
    list-style: none;
}

header ul#menu-mobilemenu.mobile-nav li,
header ul#menu-mobilemenuen.mobile-nav li {
    margin-bottom: 8px;
}

header ul.mobile-nav a {
    color: #000000;
    text-align: center;
}

header ul.mobile-nav li > a > span {
    font: 400 35px 'Roboto Condensed', sans-serif;
    display: inline-flex;
    align-items: center;
    position: relative;
}

header ul#menu-mobilemenu.mobile-nav > li:last-child > a > span,
header ul#menu-mobilemenuen.mobile-nav > li:last-child > a > span {
    color: #f37021;
    border: 2px solid #f37021;
    border-radius: 2px;
    background-color: #ffffff;
    font-weight: 700;
    padding: 5px 15px;
}

header ul.mobile-nav > li.menu-item-has-children > a > span::after {
    font-size: 25px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105";
    position: absolute;
    right: -25px;
}

header ul.mobile-nav ul.sub-menu {
    display: none;
    padding: 0;
}

header ul.mobile-nav ul.sub-menu a > span {
    font-size: 18px;
}

header #mobmenuwrap #menu-socialmenu.navbar-nav > li,
header #mobmenuwrap #menu-socialmenuen.navbar-nav > li {
    width: 25%;
    text-align: center;
}

header #mobmenuwrap #menu-socialmenu.navbar-nav > li.nav-item:nth-last-of-type(-n+2),
header #mobmenuwrap #menu-socialmenuen.navbar-nav > li.nav-item:nth-last-of-type(-n+2) {
    display: none;
}

header #mobmenuwrap #menu-socialmenu.navbar-nav .nav-link span,
header #mobmenuwrap #menu-socialmenuen.navbar-nav .nav-link span {
    font: 400 30px 'Roboto Condensed', sans-serif;
    color: rgba(0,0,0,1);
}


/*
*
* MAIN SECTION STYLES
*
*/
/*HOME PAGE*/
div.mobile-home-page-top-imgs .fl-photo-content,
div.mobile-home-page-top-imgs .fl-photo-content img {
    width: 100%;
}
/*SECTION HEADERS*/
h1.custom-h2-after::after,
h2.custom-h2-after::after,
h1.fl-heading::after,
h2.fl-heading::after {
    content: ':';
    position: absolute;
    color: #f37021;
}

/*ABOUT US*/
div#services span.fl-button-text,
div#team span.fl-button-text,
div#support-us span.fl-button-text {
    position: relative;
}

div#services span.fl-button-text::after,
div#team span.fl-button-text::after,
div#support-us span.fl-button-text::after {
    display: inline-block;
    font-size: 15px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105";
    position: absolute;
    top: 10%;
    right: -20%;
}
/*Services*/

div#services .fl-post-grid-image {
    padding-top: 0;
}

div#services .crta-post-grid-title-wrapper,
div#services .fl-post-grid-content {
    padding-left: 50px;
    padding-right: 50px;
}

div#services .crta-post-grid-title-wrapper {
    padding-top: 50px;
}

div#services .fl-post-grid-content {
    padding-top: 10px;
    padding-bottom: 50px;
}

div#services .fl-post-column:nth-child(2) .fl-post-grid-content {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}

div#volonteer .fl-module-photo,
div#services .fl-module-photo {
    height: 300px;
}

div#home-page-our-themes .fl-module-heading,
div#volonteer .fl-module-heading,
div#services .fl-module-heading {
    height: 150px;
}

div#services div.fl-rich-text {
    height: 350px;
}
/*Team*/
/*div#team-archive h2 {
    font: 700 45px 'Roboto Condensed',sans-serif;
    margin-top: 100px;
}*/

div#team-archive h1:not(.h1-as-h2),
div#team-archive h3 {
    font-size: 27px;
    font-weight: 900;
}

div#team-archive div.postimg {
    position: relative;
}

div#team-archive div.postimg a {

}

div#team-archive div {
    text-align: left;
    color: #000000;
    font-family: 'Roboto Condensed',sans-serif;
}
div#team-archive div.team-member-data div:not(:last-child) {
    font-weight: 700;
}

div#team-archive div.postimg img {
    display: block;
}

.gray-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: #000000;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    opacity: .1;
}

div#team-archive div.postimg div.img-overlay {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    border: 8px solid rgba(243, 112, 33, .7);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
div#team-archive div.postimg div.img-overlay div.team-archive-name-underline {
    width: 40px;
    height: 5px;
    background-color: rgba(243, 112, 33, .7);
}

div#team-archive div.postimg:hover img {
    opacity: .3;
    filter: blur(2px);
}

div#team-archive div.postimg:hover div.img-overlay {
    opacity: 1;
}

div#team-archive div.singlepost div.pcont p {
    line-height: 25px;
}

div#team-archive div.singlepost div:last-child div:last-child a {
    color: #f37021;
    text-decoration: none;
}
/*Donators*/
div#donators img {
    filter: grayscale(1);
}

div#donators img:hover {
    filter: grayscale(0);
}

/*Report*/
div#report div.report-links div.fl-html {
    display: inline-block;
}
div#report div.report-links a {
    font: 700 45px 'Roboto Condensed', sans-serif;
    color: #000000;
    text-decoration: none;
    line-height: .7;
    vertical-align: middle;
}

div#report div.report-links a:not(:last-child)::after {
    content: '-';
}

div#report div.report-links:last-child a:last-child {
    border-bottom: 5px solid #f37021;
}

/*
*
* MEDIA PAGE
*
*/
#archive div.post-title h3 {
    font: 700 27px 'Roboto Condensed', sans-serif;
}

div.explanation {
    font-size: 14px;
}

#archive div.video-content iframe {
    width: 100%;
}

/*
*
* IZBORI (GNS) STYLES  ***START***
*
*/
/*PRIJAVI NEPRAVILNOST PAGE*/
div.prijavi-nepravilnost-page-first a:hover {
    color: #f37020;
}

div.prijavi-nepravilnost-page-second a:hover {
    color: #6baea1;
}

div.prijavi-nepravilnost-page-third a:hover {
    color: #b0c45b;
}

div.prijavi-nepravilnost-page-fourth a:hover {
    color: #ef952b;
}

.h3-hover a span:hover {
    opacity: .5;
}

/*PRAVNI OKVIR PAGE*/
div#pravni-okvir div.laws-links p {
    /*border: 1px solid red;*/
}

#pravni-okvir div.laws-links p::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105";
    margin-right: 5px;
    color: #f37021;
}
/*POSMATRACKE MISIJE PAGE*/
div.posmatracke-misije-tab {
    position: relative;
    text-align: center;
    background-color: #ffffff;
    border-radius: 50%;
    width: 267px;
    height: 267px;
    box-shadow: 0 0 0 13px #f37021 inset;
}

div.posmatracke-misije-tab div {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

div.posmatracke-misije-tab div:first-child {
    top: 30%;
}

div.posmatracke-misije-tab div:last-child {
    top: 55%;
}

#posmatracke-misije-tabs-primary .fl-row-custom-height.fl-row-align-center .fl-row-content-wrap {
    align-items: normal;
}@

#posmatracke-misije-tabs-primary > div.fl-module-content > div.fl-tabs > div.fl-tabs-labels {
    background-color: #eaeaea;
}

#posmatracke-misije-tabs-primary > div.fl-module-content > div.fl-tabs > div.fl-tabs-labels > a.fl-tabs-label {
    width: 25%;
    opacity: .5;
    background-color: #ffffff;
    padding: 0;
}

#posmatracke-misije-tabs-primary .fl-tabs-label h3 {
    font: 700 30px 'Roboto Condensed',sans-serif;
}

#posmatracke-misije-tabs-primary .fl-tabs-label h3.d-inline {
    font-size: 37px;
    border-bottom: 6px solid #000000;
}

#posmatracke-misije-tabs-primary > div.fl-module-content > div.fl-tabs > div.fl-tabs-labels > a.fl-tabs-label.fl-tab-active {
    background-color: #eaeaea;
    opacity: 1;
}

#posmatracke-misije-tabs-primary a.fl-tabs-label.fl-tab-active h3.d-inline {
    border-bottom-color: #f37021;
}

/*sub-tabs*/
#posmatracke-misije-tabs-primary div.sub-tabs div.fl-tabs-labels a.fl-tabs-label:not(:last-child) {
    margin-right: 50px;
}

#posmatracke-misije-tabs-primary div.sub-tabs div.fl-tabs-labels a.fl-tabs-label:first-child {
    margin-left: 30px;
}

#posmatracke-misije-tabs-primary div.sub-tabs div.fl-tabs-labels a.fl-tabs-label.fl-tab-active {
    border-bottom: 5px solid #f37021 !important;
}
/*PREPORUKE PAGE */
#preporuke-top a.fl-button span.fl-button-text::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105";
    margin-left: 10px;
}

#preporuke-legend strong {
    text-decoration: underline;
}

#preporuke-legend div.fl-col-content > div.fl-col-group > div:last-child div.fl-col-content div:nth-child(2) div.fl-rich-text,
#preporuke-legend div.fl-col-content > div.fl-col-group > div:last-child div.fl-col-content div:nth-child(3) div.fl-rich-text,
#preporuke-legend div.fl-col-content > div.fl-col-group > div:last-child div.fl-col-content div:nth-child(4) div.fl-rich-text {
    position: relative;
}
/*content of before element is in header <style>*/
#preporuke-legend div.fl-col-content > div.fl-col-group > div:last-child div.fl-col-content div:nth-child(2) div.fl-rich-text::before,
#preporuke-legend div.fl-col-content > div.fl-col-group > div:last-child div.fl-col-content div:nth-child(3) div.fl-rich-text::before,
#preporuke-legend div.fl-col-content > div.fl-col-group > div:last-child div.fl-col-content div:nth-child(4) div.fl-rich-text::before {
    position: absolute;
    left: -40px;
    top: 3px;
}



/*#preporuke-legend strong::after {}*/

/*
*
* IZBORI (GNS) STYLES  ***END***
*
*/
/*DOGADJAJI*/
#archive div.event-acf {
    font: 400 22px 'Roboto Condensed', sans-serif;
}

#archive div.event-acf i {
    font-size: 16px;
}

#archive div.event-acf > div:first-child > span:not(:last-child) {
    text-transform: uppercase;
}
/*INITIATIVES*/
#archive[data-cat=initiative] p,
#archive[data-cat=initiative-en] p {
    text-align: center;
}

#archive[data-cat=initiative] nav div[role=tablist] a.active,
#donators a.fl-tabs-label.fl-tab-active,
#archive[data-cat=initiative-en] nav div[role=tablist] a.active {
    border-bottom: 3px solid #f37020 !important;
    color: #000000;
}

/*BLOG PAGE*/
#archive div.post-meta {
    font-size: 9px;
}

#single-blog div.post-meta span i,
#single-publication div.post-meta span i,
#archive div.post-meta span i {
    font-size: 3px;
}

#archive div.posts article > div {
    height: 100%;
}

#archive div.post-meta span:not(:last-child) {
    font-weight: 900;
}

#archive div.post-title h2 {
    font: 700 45px 'Roboto Condensed', sans-serif;
}

#archive div.post-excerpt p {
    color: #444444;
    font-size: 14px;
}


#archive div.posts article > div > div > div:last-child a {
    font-size: 18px;
    text-decoration: none;
}

#archive div.posts article > div > div > div:last-child div:last-child span {
    font-size: 12px;
    font-weight: 900;
    line-height: 11px;
}

#single-blog div.related-posts a {
    text-decoration: underline;
}

/*#archive div.posts article > div > div > div:last-child {
    border: 1px solid red;

}*/

.blog-icon img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
}
/*SINGLE BLOG*/
#single-blog aside div.author-box span img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
}

/*CONTACT PAGE*/
div#contact-contact-data i {
    color: #000000;
}
div#contact-contact-data a,
div#contact-contact-data span {
    color: #f37021;
    white-space: nowrap;
}

div#contact-form label {
    font-weight: 300;
    font-size: 12px;
    position: relative;
}

div#contact-form label span {
    color: #f37021;
}


/*
*
* SUPPORT US PAGE
*
*/

/*
*
* BOTTOM INITIATIVES STYLES
*
*/
div.bottom-initiatives {
    font-size: 10px;
}

div.bottom-initiatives > div > div:first-child {
    font-weight: 900;
}

div.bottom-initiatives > div > div:last-child a {
    text-decoration: underline;
    font-weight: 500;
    color: #000000;
}

div.bottom-initiatives .init {
    width: 15%;
}

div.bottom-initiatives .init:not(:last-child) {
    margin-right: 4%;
}

div.bottom-initiatives .init img {
    width: 100%;
    height: auto;
}

/*
*
* FOOTER STYLES
*
*/
footer {
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #000000;
    color: #ffffff;
}


footer a.nav-link,
footer a {
    color: #ffffff;
    padding-top: .2rem;
}

footer a:hover {
    color: rgba(255,255,255,.5);
}

footer div.info {
    font-family: 'Roboto', sans-serif;
}

footer div.info div.description {
    font-size: 13px;
    opacity: .5;
}

footer div.footer-nav {
    margin-top: 60px;
}

footer div.footer-nav,
footer div.footer-nav h2.ftitle {
    font-size: 20px;
}

footer div.footer-nav > div > div:nth-child(4) li,
footer div.footer-nav > div > div:nth-child(5) h2 {
    margin-bottom: 1.5rem;
}

footer div.footer-nav ul li a {
    font-weight: 400;
    padding-right: 0;
    padding-left: 0;
}

footer div.footer-nav > div > div:last-child ul li:not(:nth-last-child(2)) a {
    padding-right: 1.5rem;
}

footer div.footer-nav h2.ftitle {
    padding: .3rem 0;
}

footer div.footer-nav > div > div:first-child ul li:first-child a,
footer div.footer-nav > div > div:nth-child(4) ul li a,
footer div.footer-nav h2.ftitle {
    font-weight: 700;
}

footer div.footer-nav ul {
    list-style: none;
    padding: 0;
}

footer div.footer-nav ul li a:hover span,
footer div.footer-nav > div > div:nth-child(4) ul li ul.sub-menu li a:hover span,
footer div.footer-nav > div > div:first-child ul li:first-child a span,
footer div.footer-nav > div > div:nth-child(4) ul li a span,
footer div.footer-nav h2.ftitle span {
    border-bottom: 1px solid;
}

footer div.footer-nav > div > div:nth-child(4) ul li ul.sub-menu li {
    margin-bottom: 0px;   
}

footer div.footer-nav > div > div:nth-child(4) ul li ul.sub-menu li a span {
    border-bottom: 0px;
    font-weight: normal;
}

footer div.footer-nav .social-icons-footer ul li:first-child a > span {
    border: none;
}

footer div.footer-nav .social-icons-footer {
    font-size: 19px;
}

footer div.footer-nav .social-icons-footer ul li {
    display: inline-block;
}

footer div.footer-nav .social-icons-footer ul li:nth-child(5) {
    display: none;
}

footer div.footer-nav .social-icons-footer h2.ftitle {
    width: 40%;
}

footer div.footer-nav .social-icons-footer div.menu-socialmenu-container {
    width: 60%;
}

footer div#footer-line {
    width: 100%;
    margin: 0 auto;
}

footer p.copyright {
    font: 300 11px 'Open Sans', sans-serif;
}

footer a.site-map {
    font: 700 12px 'Open Sans Condensed', sans-serif;
    border-bottom: 1px solid rgba(255,255,255,.5);
    text-decoration: none;
}

/*
*
* SHARED STYLES
*
*/
main {
    margin-top: 100px;
    margin-bottom: 100px;
}

iframe {
    width: 100%;
}

div.pcont img {
    width: 100%;
    height: auto;
}

a,
a:hover {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

article.post a,
article.post a:hover {
    color: #f37020;
    text-decoration: none;
    font-weight: bold;
}


h1.custom-h2,
h2.custom-h2 {
    font: 700 45px 'Roboto Condensed',sans-serif;
}

h3.custom-h3 {
    font: 700 27px 'Roboto Condensed',sans-serif;
}

h2.underlined,
h3.underlined,
div.underlined div.fl-module-content.fl-node-content {
    position: relative;
}

h1.underlined::before,
h2.underlined::before,
h3.underlined::before,
div.underlined div.fl-module-content.fl-node-content::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 5px;
    background-color: #f37021;
    bottom: -10px;
}

h2.underlined::before {
    bottom: -15px;
}

div.post-meta {
    font-size: 9px;
}

div.post-meta a {
    color: #000000;
    text-decoration: none;
}

div.post-meta span:not(:last-child) {
    font-weight: 900;
}

.filters select,
.filters label {
    font: 13px 'Roboto Condensed',sans-serif;
}

.filters label {
    display: flex;
    align-items: center;
}

/*Support us*/
/*pseudo element content defined in header.php in head*/
div#support-us div.underline-bottom-middle::before {
    position: absolute;
    right: -85px;
    bottom: -156%;
}
/* Contact page and footer */
div.contact-data i {
    margin-right: 3px;
}

div.contact-data div:first-child i {
    vertical-align: top;
    margin-top: 1%;
}

div.contact-data span {
    font-weight: 300;
}

div.contact-data span span {
    display: inline-block;
}

div.contact-data span span span:nth-child(2) {
    display: block;
}
/*some links color*/
div#volonteer p a,
div.support-us-page div.fl-rich-text p a,
div#media-contact-content p a {
    color: #f37021;
}
div#services p,
div#volonteer p {
    /*text-align: justify;*/
}

/*
*
*  BANNER STYLES
*
*/
.banner-top {
    background-color: #000;
    color: #fff;
    z-index: 1000;
}

.banner-top .fl-countdown::after {
    content: 'DO IZBORA 2020.';
    width: 100%;
    display: block;
    text-align: center;
    font-size: 25px;
    color: #f37021;
    height: 20px;
    font-weight: 900;
    letter-spacing: 2px;
}

.banner-top div.count-en .fl-countdown::after {
    content: 'UNTIL 2020 ELECTIONS';
}

.banner-top .fl-countdown-number {
    position: relative;
    font-weight: 900;
}

.banner-top .fl-countdown-number:not(:last-child)::before,
.banner-top .fl-countdown-number:not(:last-child)::after {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f111";
    position: absolute;
    right: -15px;
    bottom: 0;
    font-size: 11px;
    line-height: 35px;
    color: #f37021;
}

.banner-top .fl-countdown-number::before {
    top: 0;
}

.banner-top .fl-countdown-unit-label{
    display: none;
}

/*
*
*  Akademija Demokratije
*
*/
body#ad-prijava div.ui-datepicker {
    font-size:14px;
}

body#ad-prijava .spinner-holder {
    position: absolute;
    z-index: 3;
    top: 30%;
    left: 50%;
    width: 50px;
    height: 50px;
}
body#ad-prijava .spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto;
}

body#ad-prijava .double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #8ED2C7;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
  
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

body#ad-prijava .double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
body#ad-prijava  div.active-content {
    opacity: .1;
    transition: all .3s ease;
}

img.logo-on-scroll{
    height: 45px;
}

/*
*
*   MEDIA QUERY
*
*/
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .container {
        max-width: 768px;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .container {
        max-width: 99%;
    }

    .grid-sizer {
        width: 50%;
    }
    /*POSMATRACKE MISIJE*/
    div.posmatracke-misije-tab {
        max-width: 170px;
        max-height: 170px;
        height: 170px;
        /*width: 30vw;*/
        /*height: calc(30vw * 1);*/
        box-shadow: 0 0 0 7px #f37021 inset;
    }

    #posmatracke-misije-tabs-primary .fl-tabs-label h3 {
        font: 700 20px 'Roboto Condensed',sans-serif;
    }

    #posmatracke-misije-tabs-primary .fl-tabs-label h3.d-inline {
        font-size: 27px;
        border-bottom: 4px solid #000000;
    }

    #posmatracke-misije-tabs-primary .fl-row-content-wrap {
        min-height: 300px;
    }
    /*END POSMATRACKE MISIJE*/

    footer div.footer-nav .social-icons-footer h2.ftitle,
    footer div.footer-nav .social-icons-footer div.menu-socialmenu-container {
        width: 100%;
    }

    .banner-top {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        top: 54px;
    }

    .banner-top .fl-countdown::after {
        font-size: 32px;
        height: 27px;
    }
}
@media (min-width: 880px) {
    header #navbarright #main-menu-content ul.navbar-nav > li > a > span {
        font-size: 20px;
    }
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    header nav.navbar a.logo-main img.logo {
        max-width: 275px;
        position: absolute;
        bottom: -3rem;
        left: 0;
    }

    div.border-rl {
        border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6;
    }

    div#support-us div.underline-bottom-middle {
        position: relative;
    }
    div#support-us div.underline-bottom-middle::after {
        position: absolute;
        width: 40px;
        height: 5px;
        background-color: #ffffff;
        left: 50%;
        margin-left: -20px;
    }

    .grid-sizer {
        width: 33.333%;
    }

    div.bottom-initiatives .init {
        width: 9%;
    }

    #posmatracke-misije-tabs-primary .fl-row-content-wrap {
        min-height: 400px;
    }

}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .container{
        max-width: 1440px;
    }

    header #navbarright #main-menu-content ul.navbar-nav > li:not(:first-child) {
        margin-left: 40px;
    }

    header #navbarright #main-menu-content ul.navbar-nav#menu-mainmenu li.current-menu-item:nth-child(2) ul.sub-menu,
    header #navbarright #main-menu-content ul.navbar-nav#menu-mainmenu li.current-menu-parent:nth-child(2) ul.sub-menu {
        left: -335%;
    }

    div#volonteer .fl-module-photo,
    div#services .fl-module-photo {
        height: 300px;
    }

    div#home-page-our-themes .fl-module-heading,
    div#volonteer .fl-module-heading,
    div#services .fl-module-heading {
        height: 110px;
    }

    div#services div.fl-rich-text {
        height: 250px;
    }

     /*POSMATRACKE MISIJE PAGE*/
    div.posmatracke-misije-tab {
        max-width: 267px;
        max-height: 267px;
        height: 267px;
        box-shadow: 0 0 0 13px #f37021 inset;
    }

    #posmatracke-misije-tabs-primary .fl-tabs-label h3 {
        font: 700 30px 'Roboto Condensed',sans-serif;
    }

    #posmatracke-misije-tabs-primary .fl-tabs-label h3.d-inline {
        font-size: 37px;
        border-bottom: 6px solid #000000;
    }
}

@media (min-width: 1440px) {
    footer div#footer-line {
        width: 85%;
    }
}




/* PRIJAVI NEPRAVILNOST */
#prijavi-nepravilnost-page div.fl-post-feed-terms,
#prijavi-nepravilnost-page span.fl-sep-term {
    display: inline-flex;
    align-items: center;
}
#prijavi-nepravilnost-page div.fl-post-feed-terms {
    font-size: 9px;
    text-transform: uppercase;
}

#prijavi-nepravilnost-page div.fl-post-feed-terms span i {
    font-size: 3px;
    margin: 0 2px;
}

/* izborni ciklusi */

#posmatracke-misije-tabs-primary .owl-nav{
    font-size: 50px;
}

#posmatracke-misije-tabs-primary .owl-nav .owl-prev{
    position: absolute;
    top: 35%;
    left: 0;
    outline-color: transparent !important;
}

#posmatracke-misije-tabs-primary .owl-nav .owl-next{
    position: absolute;
    top: 35%;
    right: 0;
    outline-color: transparent !important;
}

#posmatracke-misije-tabs-primary .owl-nav button span{
    height: 40px;
    background-color: #f37021;
    color: #ffffff;
    width: 40px;
    display: block;
    line-height: 31px;
}

body .fl-builder-content .fl-node-5df22a87f051b .fl-tabs-label.fl-tab-active{
    background-color: transparent;
}

.tabs-izborni-ciklus div.fl-tabs-labels a.fl-tabs-label:first-child{
    margin-left: 30px;
}

#posmatracke-misije-tabs-primary .fl-post-column .fl-post-grid-post{
    height: auto !important;
    min-height: 600px;
}

#posmatracke-misije-tabs-primary .fl-post-column .fl-post-grid-post.category-publication-en.tag-elections-2020{
    height: auto !important;
    min-height: 1170px;
}

.sub-tabs-izborni-ciklus div.fl-tabs-labels a.fl-tabs-label.fl-tab-active{
    border-bottom: 5px solid #f37021 !important;
}

.sub-tabs-izborni-ciklus div.fl-tabs-labels a.fl-tabs-label:first-child{
    margin-left: 30px;
}

.sub-tabs-izborni-ciklus div.fl-tabs-labels a.fl-tabs-label:not(:last-child){
    margin-right: 50px;
}

.sub-tabs-izborni-ciklus a.fl-button span{
    text-transform: uppercase;
}

.gray-bg > .fl-module-content.fl-node-content{
    background-color: #eaeaea;
    padding: 20px;
}

#posmatracke-misije-tabs-primary .fl-tabs-panel .fl-builder-content.fl-builder-template.fl-builder-layout-template{
    background-color: #eaeaea;
}

#posmatracke-misije-tabs-primary .fl-tabs-panel .fl-tabs-label.fl-tab-active{
    border-bottom: 5px solid #f37021 !important;
}

#posmatracke-misije-tabs-primary .fl-tabs-panel a.fl-tabs-label:first-child{
    margin-left: 30px;
}

#posmatracke-misije-tabs-primary .fl-tabs-panel a.fl-tabs-label:not(:last-child){
    margin-right: 50px;
}

.top-footer-logos img{
    height: 150px;
}

.top-footer-logos > .row{
    align-items: center;
    justify-content: space-between;
}

.top-footer-logos > .row a{
    top: -50px;
    position: relative;
}

.description.mb-5,
.logo-footer.mb-4{
    margin-bottom: 0 !important;
}

.logo-footer.mb-4{
    height: 0;
}



footer .description.mb-5 > p{
    font-size: 16px;
    text-align: left;
    margin-bottom: 0;
    top: 15px;
    position: relative;
}

html[lang="en-US"] footer .description.mb-5 > p{
    top: 35px;
}

footer .contact-data{
    top: 0;
}

html[lang="en-US"] footer .contact-data{
    top: 30px;
}

#menu-footer-about-us{
    position: relative;
    left: -20px;
}

body.page-id-34479 main,
body.page-id-34516 main{
    margin-top: 50px;
}

@media screen and (max-width: 1024px) {
  .mobile-rhed {
    width: 100%;
    position: relative;
    max-width: 100%;
    min-width: 100%;
    text-align: left !important;
    padding-top: 15px;

  }

  #menu-footer-about-us{
    left: 0;
  }

  .margin-top-mobile{
    margin-top: 50px;
  }

  .woocommerce-terms-and-conditions-wrapper{
    display: flex;
    flex-direction:column;
  }

  .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions{
    order: 2;
  }
}

@media screen and (max-width: 768px){
   footer .info{
    display: block;
   }

   footer .logo-footer,
   footer .description{
    max-width: 100%;
    text-align: center;
   }

   #header .logo-small{
    height: 75px;
   }
}

/* donacije */

#customer_details .col-1,
#customer_details .col-2{
    max-width: none;
}

#order_comments_field{
    display:block;
}

.woocommerce form .woocommerce-billing-fields .form-row{
   display: block;
}

.woocommerce-billing-fields{
    max-width:800px;
    margin: 0 auto;
}

#billing_anonim_donation_field .woocommerce-input-wrapper input,
#billing_anonim_donation_field .woocommerce-input-wrapper label{
    display: inline;
}

.two-col-donation .left-col{
    border: 1px solid #eee;
    padding-top: 20px;
}

.two-col-donation .fl-row-content-wrap .fl-row-content .fl-col-group > .fl-col > .fl-col-content > .fl-module > .fl-module-content{
    margin: 0 20px;
}

.wcdp-divider-arrow,
.woocommerce-additional-fields,
.woocommerce-billing-fields > h3,
form.checkout.woocommerce-checkout > h3,
table.shop_table.woocommerce-checkout-review-order-table,
#payment .wc_payment_methods,
.woocommerce-privacy-policy-text,
#wcdp_va_amount > label,
#billing_recurring_donation_field,
#billing_donation_purpose_field,
#billing_donation_phone_field span.optional,
#billing_newsletter_field span.optional,
#ppform a.btn-black{
    display: none;
}

#ppform input.button{
    background-color: #f37021;
  width: 200px;
  color: #ffffff;
}

#billing_newsletter_field{
    padding-bottom: 0;
    margin-bottom: 0;
}

.woocommerce-checkout #payment{
    background: none;
    border-radius: 0;
}

.woocommerce-checkout #payment div.form-row{
    padding: 0;
    margin-top: 15px;
}

.woocommerce #payment #place_order{
    background-color: #f37021;
    width: 100%;
}

#wcdp_amount{
    display: inline-flex;
    align-content: space-between;
  flex-wrap: wrap;
}

.wcdp-row>.wcdp_options>li{
    width: 60px;
    height: 60px;
  display: inline-flex;
  margin: 0 5px;
}

.wcdp_options>li>input:checked+label:after{
    content:none;
}

#wcdp-donation-amount{
    width:100%;
    padding: 0;
    height: 30px;
}

#wcdp_label_custom_amount{
    width: 66px;
}

.woocommerce form .form-row input.input-text,
.woocommerce-billing-fields .select2-container--default .select2-selection--single{
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    border-bottom: 1px solid #eee;
}

.woocommerce form .woocommerce-billing-fields .form-row{
    padding-bottom: 15px
}

.woocommerce form .woocommerce-billing-fields label{
    margin-bottom: 0;
}

body .pp-dual-button-content .pp-dual-button-1 a.pp-button.button-donate.active,
body .pp-dual-button-content .pp-dual-button-2 a.pp-button.button-donate.active{
    background-color: #f37021;
    border-color: #f37021;
    color:#ffffff;
}

body .pp-dual-button-content .pp-dual-button-1 a.pp-button.button-donate{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body .pp-dual-button-content .pp-dual-button-2 a.pp-button.button-donate{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body .pp-dual-button-content .pp-dual-button-inner{
    float:none !important;
}

.pp-dual-button-content.clearfix{
    text-align:center;
}

#wcdp_va_amount{
    text-align:center;
}

#paymaster_form{
    text-align:center;
}

#menu-item-21046 > .sub-menu{
    left: -117px !important;
}

/* live blog */

.live-blog-arch .f-left{
    float:left;
}

.live-blog-arch .f-right{
    float:left;
}

.live-blog-arch .row.posts.col-10.r-side{
    padding-left: 50px;
    border-left: 1px dotted grey;
}

.live-blog-arch a.crta-dark-orange,
#archive.live-blog-arch div.posts article > div > div > div:last-child a.crta-dark-orange{
    font-size: 14px;
}

.live-blog-arch .r-side{
    position: relative;
}

.live-blog-arch .r-side > .col-12,
.live-blog-arch .r-side > .col-12 > .live-blog-subtitle{
    position: unset;
    margin-top: -3px;
    margin-bottom: 10px;
}

.live-blog-arch .live-blog-subtitle .circle-inner{
    background: #f37021;
    left: -10px;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
}

.live-blog-arch .r-side > article:before{
    content: "";
    display: block;
    border: 1px solid #f37021;
    border-radius: 18px;
    width: 12px;
    height: 12px;
    top: 11%;
    left: -57px;
    position: absolute;
    background: #f37021;
}

@keyframes circle {
    0% {
        transform: scale(1);
        opacity: 0
    }

    25% {
        opacity: 1
    }

    100% {
        transform: scale(1.5);
        opacity: 0
    }
}

.live-blog-arch .live-blog-subtitle .circle-inner:before{
    content: "";
    display: block;
    border: 1px solid #f37021;
    border-radius: 20px;
    width: 26px;
    height: 26px;
    top: -3px;
    left: -3px;
    position: absolute;
    animation: circle 2s ease-in-out .2s infinite;
}

#archive.live-blog-arch div.post-meta{
    font-size: 12px;
}

.live-blog-arch .live-blog-subtitle .orange-part{
    color: #f37021;
}


.live-blog-arch article > .col-md-12.crta-bg-white > .f-right{
    background-color: #ffffff;
    box-shadow: 3px 5px 11px rgb(0 0 0 / 0.2);
}

.live-blog-arch a.page-numbers{
    color: #f37021;
    margin: 0 15px;
}

.home-live-blog a.fl-button:hover{
    opacity: 0.8;
}

.home-live-blog .live-blog-arch .row.posts.col-10.r-side{
    max-width: 100%;
}

.home-live-blog .live-blog-arch .live-blog-subtitle .circle-inner{
    top: -105px;
}