/*
Theme Name: Alliance for Common Good
Author: GALCSIK GYOZO
Author URI: https://www.galcsikgyozo.hu/
Description: A weboldal az Alapjogokért Központ megbízásából. Probléma esetén vegye fel a kapcsolatot a fejlesztővel.
Version: 0.1.0-beta
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: acg2021
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {
	font-family: 'Minion Pro';
	src: url('fonts/MinionPro-BoldIt.woff2') format('woff2'),
		 url('fonts/MinionPro-BoldIt.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Minion Pro';
	src: url('fonts/MinionPro-Bold.woff2') format('woff2'),
		 url('fonts/MinionPro-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

:root {
	--color-white: #FFFFFF;
	--color-light-gray: #F5F5F5;
	--color-dark-gray: #1A1919;
	--color-black: #000000;
	
	--color-light-bronze: #D3BF9C;
	--color-bronze: #AB9162;
	--color-dark-bronze: #6B6461;
	
	--rgba-shade: rgba(0,0,0,.03);
	
	--big-shadow: 0 0 30px 0 rgba(0,0,0,0.15);
	--small-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}

body {
	background-color: var(--color-white);
	
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	line-height: 30px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Minion Pro', serif;
	font-weight: bold;
	
	letter-spacing: -0.010em;
	line-height: 1.1;
	
	margin-bottom: 30px;
}

h1, .h1 { font-size: 46px; }
h2, .h2 { font-size: 36px; }
h3, .h3 { font-size: 28px; }
h4, .h4 { font-size: 24px; }
h5, .h5 { font-size: 22px; }
h6, .h6 { font-size: 18px; }

p {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 30px;
}

p:last-child {
	margin-bottom: 0;
}

p > img {
	max-width: 100%;
	width: auto !important;
	height: auto !important;
}

img {
	vertical-align: baseline !important;
}

.color-white { color: var(--color-white); }
.hover-color-white:hover { color: var(--color-white) !important; }
.bg-color-white { background-color: var(--color-white); }
.hover-bg-color-white:hover { background-color: var(--color-white) !important; }

.color-light-gray { color: var(--color-light-gray); }
.hover-color-light-gray:hover { color: var(--color-light-gray) !important; }
.bg-color-light-gray { background-color: var(--color-light-gray); }
.hover-bg-color-light-gray:hover { background-color: var(--color-light-gray) !important; }

.color-dark-gray { color: var(--color-dark-gray); }
.hover-color-dark-gray:hover { color: var(--color-dark-gray) !important; }
.bg-color-dark-gray { background-color: var(--color-dark-gray); }
.hover-bg-color-dark-gray:hover { background-color: var(--color-dark-gray) !important; }

.color-black { color: var(--color-black); }
.hover-color-black:hover { color: var(--color-black) !important; }
.bg-color-black { background-color: var(--color-black); }
.hover-bg-color-black:hover { background-color: var(--color-black) !important; }

.color-light-bronze { color: var(--color-light-bronze); }
.hover-color-light-bronze:hover { color: var(--color-light-bronze) !important; }
.bg-color-light-bronze { background-color: var(--color-light-bronze); }
.hover-bg-color-light-bronze:hover { background-color: var(--color-light-bronze) !important; }

.color-bronze { color: var(--color-bronze); }
.hover-color-bronze:hover { color: var(--color-bronze) !important; }
.bg-color-bronze { background-color: var(--color-bronze); }
.hover-bg-color-bronze:hover { background-color: var(--color-bronze) !important; }

.color-dark-bronze { color: var(--color-dark-bronze); }
.hover-color-dark-bronze:hover { color: var(--color-dark-bronze) !important; }
.bg-color-dark-bronze { background-color: var(--color-dark-bronze); }
.hover-bg-color-dark-bronze:hover { background-color: var(--color-dark-bronze) !important; }

.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-110 { margin-top: 110px; }
.mt-120 { margin-top: 120px; }

.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-110 { margin-bottom: 110px; }
.mb-120 { margin-bottom: 120px; }

.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-80 { padding-top: 80px; }
.pt-90 { padding-top: 90px; }
.pt-100 { padding-top: 100px; }
.pt-110 { padding-top: 110px; }
.pt-120 { padding-top: 120px; }

.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }
.pb-110 { padding-bottom: 110px; }
.pb-120 { padding-bottom: 120px; }


blockquote {
	padding: 15px 30px;
	border-left: 3px solid var(--color-bronze);
	margin-bottom: 30px;
}

a {
	color: var(--color-bronze);
	text-underline-offset: 4px;
}

a:hover {
	color: var(--color-dark-bronze);
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	
	flex-wrap: wrap;
	max-width: 100%;
	
	padding: 15px 30px;
	border-radius: 24px;
	
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
	
	color: var(--color-white);
	background-color: var(--color-black);
	text-decoration: none !important;
	
	border: 0;
	outline: none;
	
	transition: all 0.3s linear;
}

.button:hover {
	color: var(--color-white);
	background-color: var(--color-dark-bronze);
}

.button.white { color: var(--color-black); background-color: var(--color-white); }
.button.white:hover { color: var(--color-black); background-color: var(--color-light-bronze); }

.button.black { background-color: var(--color-black); }
.button.black:hover { background-color: var(--color-bronze); }

.button.light-gray { color: var(--color-black); background-color: var(--color-light-gray); }
.button.light-gray:hover { color: var(--color-black); background-color: var(--color-light-bronze); }

.button.dark-gray { background-color: var(--color-dark-gray); }
.button.dark-gray:hover { background-color: var(--color-black); }

.button.light-bronze { background-color: var(--color-light-bronze); }
.button.light-bronze:hover { background-color: var(--color-bronze); }

.button.bronze { background-color: var(--color-bronze); }
.button.bronze:hover { background-color: var(--color-light-bronze); }

.button.dark-bronze { background-color: var(--color-dark-bronze); }
.button.dark-bronze:hover { background-color: var(--color-black); }

.form-control {
	padding: 24px 30px;
	min-height: 70px;
	
	font-size: 18px;
	
	color: var(--color-black);
	border-radius: 35px;
	border: 0;
}

.form-control:focus {
	color: var(--color-black);
	border-color: var(--color-bronze);
	box-shadow: 0 0 0 .2rem var(--color-light-bronze);
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #898989 !important;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
	color: #898989 !important;
}

input::placeholder, textarea::placeholder {
	color: #898989 !important;
}

.search-input-group {
	position: relative;
}

.search-input-group > .input-search {
	padding-right: 72px;
}

.search-input-group > .button-search {
	position: absolute;
	top: 0;
	right: 0;
	
	height: 100%;
	padding: 0 24px;
	
	font-size: 24px;
	color: #1A1919;
	
	background: none;
	box-shadow: none;
	border: 0;
}

.search-input-group > .button-search:hover {
	color: var(--color-black);
	opacity: 0.6;
}


.topbar {
	position: fixed;
	z-index: 50;
	top: 0;
	left: 0;
	
	display: block;
	width: 100%;
	
	background-color: var(--color-white);
	box-shadow: var(--big-shadow);
}

.topbar__logo img {
	height: 46px;
}

.topbar__menu ul {
	display: flex;
	
	padding: 0;
	margin: 0;
}

.topbar__menu ul li {
	display: inline;
	font-weight: bold;
	
	margin-left: 30px;
	font-size: 16px;
}

.topbar__menu ul li a {
	color: var(--color-black);
	text-decoration: none;
	
	transition: all 0.3s linear;
}

.topbar__menu ul li a:hover {
	color: var(--color-bronze);
	text-decoration: none;
}

body.customize-support .topbar {
	top: 32px;
}

.topbar__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	height: 100px;
}

main {
	margin-top: 100px;
	min-height: calc(100vh - 475px - 100px);
}

main.front-page > section {
	padding: 70px 0;
}

main.front-page > section.front-page__introduction {
	padding: 120px 0;
}

main.front-page > section.front-page__our-vision, main.front-page > section.front-page__our-mission {
	padding: 120px 0;
}

main.front-page > section.front-page__our-vision-extended {
	padding: 120px 0;
}

main.front-page > section.front-page__our-vision {
	background-image: url('static/europe-outline-bronze.png');
	background-size: auto 100%;
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

main.front-page > section.front-page__our-mission {
	background-image: url('static/icons-bg-outline.png');
	background-size: auto 80%;
	background-position: calc(100% - 30px) 50%;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

main.page {
	padding: 120px 0;
}

.post-thumbnail {
	width: 100%;
	height: 50vh;
	
	min-height: 380px;
	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.media-gallery-item {
	display: block;
	width: 100%;
	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	
	border: 1px solid #979797;
}

.media-gallery-item::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.mission-icons {
	text-align: center;
}

.mission-icons-image {
	width: auto;
	height: 100px;
	margin-bottom: 50px;
	
	min-width: 100px;
}

.organizations-logo {
	display: block;
	width: 100%;
	
	margin-bottom: 10px;
	
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: transparent;
	
	transition: all 0.3s linear;
}

a.organizations-logo:hover {
	background-color: var(--rgba-shade);
}

.organizations-logo::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.organizations-label {
	text-align: center;
	font-size: 14px;
}

.press-article:not(:last-of-type) {
	padding-bottom: 70px;
	margin-bottom: 70px;
	border-bottom: 1px solid var(--color-light-bronze);
}

.wp-pagination > span, .wp-pagination > a {
	margin: 11px;
}

.tag-cloud-link::before {
	content: "#";
	display: inline;
}

.tag-cloud-link {
	zoom: 120%;
	margin-right: 10px;
	margin-bottom: 20px;
	font-weight: bold;
}

.footer__contact-logo-holder {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer__logo img {
	max-height: 80px;
}

.footer__copy-nav-holder {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer__nav ul {
	display: flex;
	justify-content: center;
	
	padding: 0;
	margin: 0;
}

.footer__nav ul li {
	display: inline;
	
	margin-left: 30px;
}
	

.footer__lang__menu ul {
	display: flex;
	justify-content: center;
	
	padding: 0;
	margin: 0;
}

.footer__lang__menu ul li {
	display: inline;
	
	margin: 0 15px;
}


@media (max-width: 1199px){
	main.front-page > section.front-page__our-vision {
		background-position: 20% 0;
	}
	main.front-page > section.front-page__our-mission {
		background-position: 120% 50%;
	}
}

@media (max-width: 991px){
	.topbar__container {
		height: 76px;
	}
	
	.topbar__logo img {
		height: 36px;
	}
	
	main {
		margin-top: 76px;
	}
	
	main.front-page > section.front-page__our-vision {
		background-position: -10% 0;
	}
	
	main.front-page > section.front-page__our-mission {
		background-position: 150% 50%;
	}
	
	.intro-row .intro-col {
		margin-bottom: 30px;
	}
	
	.intro-row .intro-col:last-of-type {
		margin-bottom: 0;
	}
}

@media (max-width: 782px){
	body.customize-support .topbar {
		top: 46px;
	}
}

@media (max-width: 767px){
	h1, .h1 {
		font-size: 28px;
	}
	
	h2, .h2 {
		font-size: 26px;
	}
	
	h3, .h3 {
		font-size: 24px;
	}
	
	h4, .h4 {
		font-size: 22px;
	}
	
	h5, .h5 {
		font-size: 20px;
	}
	
	h6, .h6 {
		font-size: 18px;
	}
	
	main.front-page > section.front-page__introduction, main.front-page > section.front-page__our-vision, main.front-page > section.front-page__our-vision-extended, main.front-page > section.front-page__our-mission {
		padding: 80px 0;
	}
	
	main.front-page > section.front-page__our-mission {
		background-image: none !important;
	}
	
	main.page {
		padding: 80px 0;
	}
	
	.mission-icons .mission-icons-col {
		margin-bottom: 50px;
	}
	
	.mission-icons .mission-icons-col:last-of-type {
		margin-bottom: 0;
	}
	
	.mission-icons-image {
		margin-bottom: 20px;
	}
	
	.footer__contact-logo-holder {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	
	.footer__copy-nav-holder {
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}
	
	.footer__logo {
		margin-top: 40px;
	}
	
	.footer__nav ul {
		margin-bottom: 15px;
	}
	
	.footer__nav ul li {
		margin: 0 15px 15px;
	}
}

@media (max-width: 600px){
	.topbar {
		position: absolute;
	}
}

@media (max-width: 575px){
	main.front-page > section.front-page__our-vision {
		padding-bottom: 150%;
		background-size: auto 50%;
		background-position: 70% 100%;
	}
}