/* To customise GEN Theme styles, rename this file style.css and add custom styles below */

.site-header {
	background-color: white;
}

.page-intro .intro-content {
    text-align: center;
    max-width: 760px;
    padding: 20px 10px;
    margin: 0 auto;
    background-color: rgb(0, 109, 173,0.9);
}

.page-intro .entry-subtitle, .page-intro .entry-title, .page-intro p {
    color: #fff;
}

.site-header .wrap {
    padding: 5px 0;
}

/*give more space for the footer*/
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
    width: 240px;
}

@media only screen and (max-width: 1025px) {
	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
        width: 200px;
    }
}

@media only screen and (max-width: 1005px) {
	.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
        width: 100%;
    }
}

/*full width content in pages and posts*/
.full-width-content .content {
    max-width: 100%;
		text-align: justify;
}

/*remove the arrow from main page*/
.page-intro.show-arrow .arrow {
    display: none;
}

/*what's happening in GEN Europe adapt height manually
align buttons down always*/
.widget-gen-list-items .entry .entry-content p {
	height: 200px;
}

@media only screen and (max-width: 480px) {
    .widget-gen-list-items .entry .entry-content p {
        height: inherit;
    }
}

/*Align buttons in Top footer in different widths*/
.text-wrap-geneu {
	margin-bottom: 20px;
	height: 207px;
}

@media only screen and (max-width: 1520px) {
	.text-wrap-geneu {
		margin-bottom: 20px;
		height: 260px;
	}
}

@media only screen and (max-width: 1025px) {
	.text-wrap-geneu {
		margin-bottom: 20px;
		height:100%
	}
}

/*All titles and body to Montserrat instead of Ubuntu*/
h1, h2, h3, h4, h5, h6, body {
    font-family: Montserrat,sans-serif;
	
}

h3, h4 {
    font-weight: 700 !important;
}

/*remove all featured images from pages and posts*/
.header-featured-image{
	display:none;
}

/*background lotus for GEN Logo*/
.site-header {
    background: url(https://gen-europe.org/wp-content/uploads/2020/04/large-logo-fragment_transparency_50.png) no-repeat;
    background-repeat: no-repeat;
    background-size: 80% 270%;
    background-position-x: center;
    background-position-y: 57%;
}

/*leaflet map sizes*/
.leaflet-map {
    height: 650px !important;
}

@media only screen and (max-width: 600px) {
    .leaflet-map {
        height: 200px !important;
    }
}

/* center top right widget and top menu area*/
.site-header .widget-area {
    padding-top: 60px;
}

@media only screen and (max-width: 1023px) {
    .site-header .widget-area {
        padding-top: 60px;
        top: -4px;
    }
}

.site-top-menus {
    top: 20px;
    right: -12px;
}

.site-top-menus .menu-item {
    font-family: Montserrat,sans-serif;
    font-size: 16px;
    font-weight: 500;
}

@media only screen and (max-width: 550px) {
    .site-top-menus {
        top: 0;
        right: 0;
        flex-wrap: nowrap;
    }
    .site-top-menus .menu-item {
        font-family: Montserrat,sans-serif;
        font-size: 14px;
        font-weight: 500;
    }
}

#gen-language-flag-img {
    width: 25px;
    left: 2px;
}

/*post headers align left when mobile*/
@media only screen and (max-width: 1023px) {
    .full-width-content .content {
        max-width: 100%;
        text-align: left;
    }
}

/*Separate home button from text*/
#home-button{
	margin-top:20px;
}