/*
Theme Name: ERA - LGBTI Equal Rights Association for Western Balkans and Turkey
Author: Fit.al
Author URI: https://fit.al/
Version: 1.0
Text Domain: era
*/

input#user_login {
    border-radius: 0px !important;
    border-color: lightgray !important;
}

:root {
    --pink: #EF4B89;
}
a {text-decoration: none;}

*, *::before, *::after {
    transition: 300ms linear !important;
    outline: none;
}
button {
    border: none;
    background:none;
}

/**************************** OTHER ******************************/
header.header ul,
footer.footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.socials a,
.footer-copyright p,
.footer-copyright a,
.partner-item .partner-name a {color: white;}

ul.socials,
ul#menu-main-menu {
    align-items: center;
    gap:20px;
}

ul.socials a:hover,
.main-header-menu ul a:hover,
.footer-copyright a:hover,
#search-btn,
.user-login,
#open-menu,
#close-menu {color: var(--pink) !important;}

.main-header-menu,
.main-header-search-user,
.partner-item .partner-name {
    display: flex;
    align-items: center;
}

.title {
    margin: 50px 0;
    text-align: center;
}

blockquote {
    padding: 10px;
    border-right: 5px solid black;
}

.page-featured-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.top-header,
.footer-bottom {
    background-color: black;
    padding: 10px 0;
}

a.read-more {
    background-color: var(--pink);
    color: white;
    padding: 5px 10px;
    white-space: nowrap;
}
a.read-more:hover {background-color: black;}

.job-intership-btn {
    gap: 20px;
    margin: 40px 0;
}
.job-intership-btn .wp-block-button__link {
    color: white !important;
    background-color: black;
}
.job-intership-btn .wp-block-button__link:hover {background-color: var(--pink);}
.page-jobs-and-interships .title,
.page-instructions-online-resource-center .title {display: none;}
.sidebuttons {border-left: 1px solid lightgray;}

.about-us-wide-banner .wp-block-cover {padding: 50px 0;}
.about-us-wide-banner ul {
    list-style: disc;
    padding-left: 20px;
}
.page-contact form {
    margin: 0 auto;
    width: max-content;
}
.page-contact p {margin: 0;}
.page-contact input,
.page-contact textarea {
    border: 1px solid lightgray;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
}
.page-contact input {
    height: 40px;
    line-height: 0;
}
.page-contact textarea {height: 100px;}

/***************************** HEADER *****************************/
header.header {position:relative;}
.header-home .menu-item-home {display: none;}
.main-header {
    padding: 20px 0;
    border-bottom: 1px solid rgb(236, 236, 236);
}
.main-header-logo {
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
}
.main-header-logo img {
    width: 140px;
    height: auto;
}
.main-header-menu {
    justify-content: end;
    padding: 0px;
}
.main-header-menu li {height: max-content;}
.main-header-menu ul a {
    text-transform: uppercase;
    color: black;
    font-weight: 600;
    display: flex;
    width: 100%;
}
.menu-item-has-children {position: relative;}
.menu-item-has-children:hover > ul.sub-menu {display: block;}

ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: max-content;
    height: max-content;
    display: none;
    z-index: 999;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    background-color: white;
}

ul.sub-menu ul.sub-menu {
    top: -1px !important;
    left: 100% !important;
    box-shadow: none;
    border: 1px solid lightgray;
}

ul.sub-menu li {padding: 15px 20px;}

.main-header-menu ul .donate-menu a {
    background-color: var(--pink) !important;
    color: white !important;
    padding: 10px 15px;
    border-radius: 3px;
    margin-right: 5px;
}
.donate-menu a::after {
    content: "\2b";
    padding-left: 5px;
    margin-left: 5px;
    border-left: 1px solid white;
}

.main-header-search-user {
    gap: 10px;
    justify-content: end;
    padding: 0;
}
.main-header-search-user a, #search-btn {font-size: 25px;}

#rmp_menu_trigger-4252 {width:max-content !important;}
button#rmp_menu_trigger-4252.is-active {
    position: absolute;
    top: 0;
    right: 0;
    height: max-content;
    padding: 20px;
}

.btn-hide-mobile, .page-contact > .title {display: none;}

div#search-tab {
    padding: 30px;
	background-color:white;
    border-bottom: 1px solid rgb(236, 236, 236);
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	z-index:99;
	display:none;
	height:max-content;
}
.search-content {
	display:flex;
	gap:20px;
}

a.rmp-menu-item-link {margin-bottom: 10px;}
button#rmp_menu_trigger-4252, button#rmp_menu_trigger-4252 *,
.responsive-menu-pro-inner::before, .responsive-menu-pro-inner::after{
    transition: 0ms !important;
}

/*********************************** HOMEPAGE ************************************/
.homepage-carousel,
.homepage-carousel .item {
    height: 500px;
}
.homepage-carousel figure,
.homepage-carousel img {
    height: 100%;
    width: 100% !important;
}
.homepage-carousel img {
    object-fit: cover;
    object-position: top;
}
.view-more-news {
    background-color: var(--pink);
    color: white !important;
    padding: 10px 20px;
    width: max-content;
    margin: 50px auto;
    display: block;
}
.view-more-news:hover {background-color: black;}

.sidebuttons-homepage {padding: 50px 0;}
.sidebuttons-homepage .our-work-page-btns {
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
}

.donate-homepage {gap: 0;}
.donate-homepage .wp-block-cover {min-height: 100%;}
.donate-homepage-text {padding: 50px;}
.owl-programs {
    position: relative;
    margin-top: 30px;
}
.program-item {
    background-color: lightgray;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 150px;
    height: 100%;
}
.program-item .program-item-title {
    font-size: 20px;
    color: black !important;
    font-weight: 600;
}
.owl-nav {
    position: absolute;
    left: -2%;
    width: 104%;
    top: calc(50% - 12.5px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}
.owl-stage-outer {z-index: 2;}
.nav-button {
    height: 25px;
    font-size: 20px;
    color: white;
    display: flex;
    align-items: center;
}
/**************************** ORGANISATIONS - WORKERS - PUBLICATIONS - DOCUMENTS - NEWS **********************************/
.all-organisations,
.all-workers-taxonomy,
.all-publications #datafetch,
.all-documents,
.all-countries,
.all-news,
.all-publications-home,
.all-related-publications{
    gap: 50px;
    width: 100%;
}

.archive-organisation,
.archive-worker,
.archive-publication,
.archive-document,
.archive-country,
.archive-news,
.archive-programs {
    border: 1px solid lightgray;
    padding: 20px;
    position: relative;
    background-color: white;
}
.archive-organisation::before,
.archive-worker::before,
.archive-publication::before,
.archive-document::before,
.archive-country::before,
.archive-news::before,
.archive-programs::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    z-index: -1;
    top: 15px;
    left: 15px;
}
.archive-organisation:hover::before,
.archive-worker:hover::before,
.archive-publication:hover:before,
.archive-document:hover::before,
.archive-country:hover::before,
.archive-news:hover::before,
.archive-programs:hover::before  {
    background-color: #ef4c891a;
}

/*********************************************/

.workers-taxonomy-steering-board img,
.single-worker-img img{
    width: 100%;
    height: auto;
}

.archive-organisation img,
.archive-worker img {
    height: 150px;
    object-fit: cover;
}

.archive-organisation p,
.archive-worker p.worker-title,
.archive-document p.archive-document-title {
    color: black;
    font-weight: 500;
    text-align: center;
}

.archive-organisation img,
.workers-taxonomy-steering-board .archive-worker img {
    width: 100%;
    object-fit: cover;
}

/*************************** ORGANIZATION ************************/
.all-organisations {grid-template-columns: repeat(5,1fr);}
.archive-organisation p {margin-top: 20px;}

/*************************** WORKER ****************************/
.all-workers-taxonomy {grid-template-columns: repeat(3, 1fr);}
.archive-worker {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    text-align: center;
}
.archive-worker img {width: auto;}

.workers-taxonomy-steering-board .all-workers-taxonomy {grid-template-columns: repeat(4,1fr);}
.workers-taxonomy-steering-board .archive-worker {display: block;}
.workers-taxonomy-steering-board .archive-worker img {height: auto;}
.workers-taxonomy-steering-board .worker-info {margin-top: 15px;}

.single-worker {padding: 75px 0;}
.single-worker-img {border-right: 1px solid lightgray;}

.single-worker-desc {padding: 0 30px;}
.single-worker-desc p {text-align: justify;}

.single-worker-email {color: black;}
.single-worker-email:hover,
p.single-worker-position {color: var(--pink);}

/*************************** PUBLICATION ****************************/
.archive-publication-filter {
    background-color: #f3f3f3;
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid lightgray;
}
.archive-publication-filter input,
.archive-publication-filter select {
    height: 40px;
    border: 1px solid lightgray;
    padding: 5px;
}
#publications-filter {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
}
.publications-filter-btn {background-color: lightgray;}
.publications-filter-btn:hover {
    color: white;
    background-color: var(--pink);
    border-color: var(--pink);
}
.all-searched-tags {
    margin-bottom: 30px;
    gap: 30px;
}
.searched-tag {
    background-color: black;
    color: white;
    padding: 5px 10px;
    font-size: 14px;
}
.searched-tag:hover {background-color: var(--pink);}

.all-publications #datafetch,
.all-related-publications {grid-template-columns: repeat(3,1fr);}
.archive-publication {position: relative;}
.archive-publication img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.archive-publication-title {
    color: black;
    text-align: center;
    margin: 0;
	font-size:18px;
    padding-top: 20px;
    font-weight: 600;
}
.archive-publication-type {
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 5px 10px;
    background-color: var(--pink);
    color: white;
}
.archive-publication-meta {
	color:var(--pink);
	text-align:center;
	padding:20px 0;
}
.archive-publication-read-more {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    padding: 10px;
    text-align: center;
    background-color: black;
    color: white !important;
}


.single-publication-img {margin-bottom: 25px;}
.single-publication-img img {
    width: 100%;
    height: auto;
}
.single-publication-tag {
    padding: 10px 0;
    margin: 10px 0;
    border-bottom: 1px solid lightgray;
}
.single-publication-files {
    background-color: var(--pink);
    padding: 10px;
	margin-left: -10px;
	border-bottom:none;
}
.single-publication-files:hover {background-color:black;}
.single-publication-files, .single-publication-files a {color: white !important;}

.single-publication-img-tags {border-right: 1px solid lightgray;}

.single-publication-tag a {color: black;}
.usaid-disclaimer {margin-top: 75px;}
.usaid-disclaimer .usaid-logo {border-right: 1px solid lightgray;}

.all-publications-home {grid-template-columns:repeat(3,1fr);}

/**************************** DOCUMENTS ******************************/
.all-documents {grid-template-columns: repeat(3,1fr);}
.archive-document-btns {justify-content: space-around;}
.archive-document {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url(/wp-content/uploads/2023/01/document-bg.png);
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 50px;
}
.archive-document-btn {
    background-color: black;
    color: white !important;
    padding: 5px 20px;
}
.archive-document-btn:hover {background-color: var(--pink);}

/**************************** COUNTRIES ******************************/
.all-countries {grid-template-columns: repeat(3,1fr);}
.archive-country {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    gap: 50px;
}
.archive-country-title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0;
    text-align: center;
}
.archive-country-title,
.archive-country-read-more {
    z-index: 2;
}
.archive-country-read-more {
    background-color: var(--pink);
    color: white !important;
    padding: 5px 30px;
}
span.archive-country-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffffe3;
    z-index: 1;
}
.single-country a,
.page-jobs-and-interships a {color: var(--pink);}

.single-country-org {grid-template-columns: repeat(2,1fr);}

.single-country-org,
.single-country-publications,
.single-country-news {
    gap: 20px;
    margin-top: 20px;
}
.single-country-org-item,
.single-country-publication-item,
.single-country-news-item {
    padding: 10px;
    border: 1px solid lightgray;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.single-country-org-item-img,
.single-country-publication-item-img,
.single-country-news-item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    opacity: 0;
    z-index: 1;
}
.single-country-org-item p,
.single-country-publication-item p,
.single-country-news-item p {z-index: 2;}

.single-country-org-item:hover .single-country-org-item-img,
.single-country-publication-item:hover .single-country-publication-item-img,
.single-country-news-item:hover .single-country-news-item-img  {opacity: 0.1;}
.single-country-org-item:hover a,
.single-country-publication-item:hover a,
.single-country-news-item:hover a {color: black;}

/********************************* NEWS ***********************************/
.all-news {grid-template-columns: repeat(3,1fr);}
.archive-news {padding:0;}
.archive-news-content {
	padding:0 20px;
	height:300px;
	display:flex;
	flex-direction:column;
	justify-content:start;
} 
.news-homepage .archive-news-content {height:280px;}
.archive-news img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.archive-news-type {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    background-color: var(--pink);
    color: white;
}
.archive-news-read-more {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    padding: 10px;
    text-align: center;
    background-color: black;
    color: white !important;
}
.archive-news-title {
    color: black;
	font-size:18px;
    text-align: center;
    margin: 0;
    padding-top: 20px;
    font-weight: 600;
}
.archive-news-excerpt {
	color:grey;
	text-align:left;
	margin:0;
	font-size:14px;
}
.archive-publication-year,
.archive-news-date {
	margin:0;
	color:var(--pink);
	padding: 10px 0;
	font-weight:400;
}

.single-news-img {
    position: relative;
    margin-bottom: 25px;
}
.single-news-img img {
    width: 100%;
    height: auto;
}
span.single-news-date {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: var(--pink);
    color: white;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
}
span.single-news-date .day {font-size: 25px;}

.single-news-tag {
    padding: 10px 0;
    margin: 10px 0;
    border-bottom: 1px solid lightgray;
}
.single-news-tag:last-child{border:none;}

.single-news-img-tags {border-right: 1px solid lightgray;}
.single-news-tag a {color: black;}
.news-pagination {
    margin-top: 50px;
    text-align: center;
	display:flex;
	justify-content:center;
	align-content:center;
	gap:10px;
}
.news-pagination a.page-numbers, .news-pagination span.current {
	display:flex;
	justify-content:center;
	align-items:center;
	width:35px;
	height:35px;
	border-radius:35px;
	color:white;
}
.news-pagination a.page-numbers {background-color:var(--pink);}
.news-pagination span.current {background-color:black;}
.news-pagination a.next,.news-pagination a.prev {width:90px;}

.single-news-related {margin-top:30px;}
.single-news-related h4 {padding:10px 0;}
.archive-news-related img {height:150px;}
.archive-news-related-content {
	text-align:center;
	padding:0 10px;
}
.archive-news-related a.archive-news-read-more {
	display:block;
	position:unset;
}
.archive-news-related:last-child {margin-bottom: 0 !important;}

.all-publications .pagination {
	justify-content:center;
	margin-top:50px;
}
.all-publications .page-numbers {
	background-color:var(--pink);
	color:white !important;
	padding:10px 15px;
	margin:0 5px;
}

/******************************** PROGRAMS *********************************/
.archive-programs img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.archive-programs-title {
    color: black;
    text-align: center;
    margin: 0;
    padding-top: 20px;
    font-weight: 600;
}
.archive-programs-read-more {
    width: max-content;
    padding: 5px 20px;
    display: block;
    margin: 20px auto 0 auto;
    text-align: center;
    background-color: black;
    color: white !important;
}
.archive-programs-read-more:hover {background-color: var(--pink);}
.archive-programs-donate {
    background-color: var(--pink);
    font-size: 25px;
    display: block;
    margin: 30px auto;
    color: white !important;
    width: max-content;
    padding: 10px 30px;
}
.archive-programs-donate:hover {background-color: black;}

/********************************* LOGIN ***********************************/
.tml-login form {
    display: grid;
    grid-template-areas: 'user pass''remember submit';
    gap: 20px;
}
.tml-log-wrap {grid-area: user;}
.tml-pwd-wrap {grid-area: pass;}
.tml-rememberme-wrap {
    display: flex;
    align-items: center;
    grid-area: remember;
    gap: 10px;
    accent-color: var(--pink);
}
.tml-submit-wrap {grid-area: submit;}
.tml-button {
    background-color: var(--pink);
    color: white;
    float: right;
    padding: 10px 40px;
}

.tml-login form div {margin: 0 !important;}
.tml-login form input {
    height:40px;
    border: 1px solid lightgray;
    padding: 0 10px;
}

.tml-links {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    display: flex;
    gap: 20px;
}
.tml-links a {color: black;}

/********************************* FOOTER ***********************************/
footer.footer {
    margin-top: 75px;
    border-top: 5px solid black;
}
.footer-partners-logo {padding: 20px 0;}
.partner-item {position: relative;}
.partner-item img {
    height: 100px;
    object-fit: contain;
}
.partner-item .partner-name {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    background-color: black;
    opacity: 0;
    text-align: center;
}
.partner-item:hover .partner-name {opacity: 1;}

/******** SUBSCRIBE FOOTER ********/
.subscribe-footer {
    background-color: var(--pink);
    padding: 30px 0;
    border-bottom: 1px solid;
}
.subscribe-footer input[type="email"] {width: 100%;}
.sub-form-socials {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.subscribe-footer input {
    height: 40px;
    border: 1px solid white;
    padding: 0 10px;
}
.subscribe-footer input[type="submit"] {
    background-color: black;
    color: white;
    border-color: black;
}
.mc4wp-form-fields {
    display: flex;
    align-items: center;
    gap: 10px;
}
.sub-socials i {font-size: 25px;}
.owl-partners button i {color:black !important;}

/******************************************** OPTIMIZATION ********************************************/
@media (max-width:1400px){
    .archive-document {padding: 20px;}
}

@media (max-width:1200px){
    ul.sub-menu {
        position: unset;
        width: unset;
        height: unset;
        display: block;
        box-shadow: none;
        background-color: unset;
        border: none !important;
    }
    #menu-main-menu > li > a {border-bottom: 1px solid white;}

	#rmp-container-4252 {
		min-width:100%;
		max-width:100%;
	}
	ul#menu-main-menu {display:none !important;}
    #menu-main-menu a {color: white;}
    .all-organisations {grid-template-columns: repeat(4,1fr);}
    .all-documents {grid-template-columns: repeat(2,1fr);}
    #publications-filter {grid-template-columns: repeat(3,1fr);}
}

@media (max-width:1000px){
    .all-organisations {grid-template-columns: repeat(3,1fr);}
    .all-countries {grid-template-columns: repeat(2,1fr);}
    .single-country .col-lg-9 {border: none !important;}
    .single-country-img img {width: 100% !important;}
    .single-country-org, .single-country-publications, .single-country-news {
        display: grid !important;
        grid-template-columns: repeat(2,1fr);
    }
    #publications-filter, .all-publications #datafetch, .all-related-publications {grid-template-columns: repeat(2,1fr);}
}

@media (max-width:800px){
    .top-header .container {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .wp-block-spacer {height: 25px !important;}
    .wp-block-columns {margin: 0;}
    .title {margin: 25px 0;}
    .donate-homepage {flex-wrap: wrap-reverse !important;}
    .donate-homepage .wp-block-cover {min-height: 250px;}
    .all-organisations, .all-workers-taxonomy, .all-publications #datafetch, .all-documents, .all-countries, .all-news, .all-related-publications {gap: 25px;}
    .workers-taxonomy-steering-board .all-workers-taxonomy, .all-workers-taxonomy {grid-template-columns: repeat(2,1fr);}
    .all-organisations {grid-template-columns: repeat(2,1fr);}
    .archive-document-btns {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    .our-work-page-btns {
        display: grid !important;
        grid-template-columns: repeat(3,1fr);
    }
    .sidebuttons, .usaid-disclaimer img {border: none !important;}
    .our-work-page-btns a {text-align: center;}
    .single-country a {word-break: break-word;}

    .single-news-img-tags, .single-publication-img-tags {flex-direction: column;}
    .single-news-all-tags,
    .single-publication-all-tags {
        border: none !important;
        padding: 0 !important;
    }
    .archive-publication-filter input, .archive-publication-filter select {width: 100%;}
    .usaid-disclaimer {
        flex-direction: column;
        margin-top: 25px;
        padding-top: 25px;
        border-top: 1px solid lightgray;
    }
}

@media (max-width:600px){
	.main-header-logo img {width: 150px;}
    .top-header-titulli {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .sidebuttons-homepage .our-work-page-btns {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .all-news, .all-publications #datafetch, .all-publications-home, .all-related-publications {
		grid-template-columns: 1fr;
		padding:0 20px;
	}
    .sub-form-socials, .footer-copyright-socials{
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .single-news, .single-publication {margin-top: 25px !important;}
    .footer-copyright {font-size: 12px;}
}

@media (max-width:450px){
    .owl-programs .owl-nav {
        position: absolute;
        left: -9%;
        width: 118%;
    }
    .all-workers-taxonomy {grid-template-columns: 1fr;}
    .all-organisations, .all-workers-taxonomy, .all-publications #datafetch, .all-documents, .all-countries, .all-news {gap: 40px;}
    .homepage-carousel, .homepage-carousel .item {height: 200px;}
    .page-featured-image img {height: 200px;}
    .archive-document-btns {
        gap: 10px;
        font-size: 12px;
    }
    .page-archive-countries img {height: 150px !important;}
    .archive-publication-filter {padding: 15px;}
    #publications-filter {gap: 15px;}
    #publications-filter {grid-template-columns: 1fr;}
    .all-countries {grid-template-columns: 1fr;}
    .wpcf7-submit {margin-bottom: 0 !important;}
}