/*
Theme Name: Unchain Ukraine
Theme URI: https://example.com/twenty-twenty-one-child/
Description: Twenty Twenty-One Child Theme
Author: Anonymous
Author URI: -
Template: twentytwentyone
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-column, responsive-layout
Text Domain: unchain ukraine
*/ 

main {
	//background: aqua !important;
}

:root {
	--white: #ffffff;
	--light-color: #E6E3E0;
	--blue-color: #214FF3;
	--light-blue-color: rgb( 33, 79, 243, 0.05);
	--light-blue-color-hover: rgb( 33, 79, 243, 0.1);
	--yellow-color: #EDD16A;
}

@media (max-width: 991.98px) { 
	
	.show-phone {
		display: block !important;
	}
	.hide-phone {
		display: none !important;
	}
	
 }

@media (min-width: 992px) {
	
	.show-phone {
		display: none !important;
	}
	.hide-phone {
		display: block !important
	}
	
 }

#colophon .site-name {
	text-transform: none !important;
	font-size: var(--global--font-size-xs) !important;
}

.site-name {
	width: 100% !important;
	margin-right: 0px !important;
}

.site-name .col-md-4 > * {
	max-width: 80%
}

.wpcf7-form input {
	margin-bottom: calc(0.5 * var(--global--spacing-vertical)) !important;
	width: 100% !important;
}

.wpcf7-form textarea {
	max-height: calc(4 * var(--global--spacing-vertical)) !important;
}

.wpcf7-form .wpcf7-submit {

color: #fff;
background-color: var(--blue-color) !important;
border-color: var(--blue-color) !important;
display: inline-block;
font-weight: 400;
line-height: 1.5;

text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-family: "Gilroy-Bold";
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.wpcf7-form .wpcf7-submit:hover {
	color: #fff !important;
	background-color: var(--blue-color) !important;
}

.uu-logo {
	width: 60px;
}

.nav-link:not(.active) {
	background: var(--light-blue-color) !important;
}

.nav-link:not(.active):hover {
	background: var(--light-blue-color-hover) !important;
}

.nav-link:focus {
	background: var(--blue-color) !important;
	text-decoration: none !important;
}

.nav-item {
	margin-right: calc(0.5 * var(--global--spacing-horizontal));
}

.nav-item:last-of-type {
	margin-right: 0px !important;
}


@font-face {
  font-family: "Gilroy-Extrabold";
  src: url('fonts/Gilroy-Extrabold.woff2');
}

@font-face {
  font-family: "Gilroy-Bold";
  src: url('fonts/Gilroy-Bold.woff2');
}

@font-face {
  font-family: "Gilroy-Semibold";
  src: url('fonts/Gilroy-Semibold.woff2');
}

@font-face {
  font-family: 'Gilroy-Medium';
  src: url('fonts/Gilroy-Medium.woff2');
}

@font-face {
  font-family: 'Gilroy-Regular';
  src: url('fonts/Gilroy-Regular.woff2');
}

h1, h2, h3, h4, h5, h6, a, button {
	font-family: "Gilroy-Bold" !important;
}

p {
	font-family: 'Gilroy-Medium' !important;
}

html, body {
	background: var(--light-color) !important;
}

img {
	border-radius: 0px !important;
}

.card {
	margin-bottom: calc(0.8 * var(--global--spacing-vertical));
	background: var(--white);

	position: relative;
	padding: 32px 32px 38px;
	border-color: rgb(255, 255, 255);
	box-shadow: rgb(0 0 0 / 12%) 8px 26px 92px;
	border-radius: 6px;
	transition: box-shadow 0.2s ease-out 0s, background-color 0.2s ease-out 0s;
}

iframe {
	box-shadow: rgb(0 0 0 / 12%) 8px 26px 92px;
}

.card-title {
	font-size: var(--global--font-size-lg)
}

.card-text {
	font-size: var(--global--font-size-xs)
}



#stay-informed .card-text {
	min-height: 0px;
	margin-bottom: calc(1 * var(--global--spacing-vertical));
}

#masthead {
	display: none;
}

.spacer.large {
	height: calc(6 * var(--global--spacing-vertical));
}

.spacer.medium {
	height: calc(3 * var(--global--spacing-vertical));
}

.spacer.small {
	height: calc(2 * var(--global--spacing-vertical));
}

.spacer.extra-small {
	height: calc(1 * var(--global--spacing-vertical));
}

.spacer.xxs {
	height: calc(0.5 * var(--global--spacing-vertical)) !important;
	margin: 0px !important;
}

.entry-content .img-thumbnail {
	padding: 0px;
	border: none;
	width: 100%;
	max-height: calc(1 * var(--global--spacing-vertical));
	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
	object-fit: contain;
	object-position: left center;
	background: var(--white);
}

.entry-content .card-text {
	min-height: calc(7 * var(--global--spacing-vertical));
}

.nav-item {
	
	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
	
}

@media (max-width: 767.98px) { 
	

.nav-item {
	width: 100% !important;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
			margin-bottom: calc(0.5 * var(--global--spacing-vertical));
		
				margin-right: 0px !important;
			
}

.card {
	padding: 16px 16px 16px;
}

.nav-item a {
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
}

}

/* demonstrations */

#protest table {
	border: none !important;
	border-collapse:separate;
	border-spacing:0 calc(1 * var(--global--spacing-vertical));

}

td {
	margin-bottom: calc(0.8 * var(--global--spacing-vertical));
	background: var(--white);
	font-family: 'Gilroy-Medium' !important;
	position: relative;
	padding: 32px 32px 38px !important;
	border: none !important;
	box-shadow: rgb(0 0 0 / 12%) 8px 26px 92px;
	border-radius: 6px;
	transition: box-shadow 0.2s ease-out 0s, background-color 0.2s ease-out 0s;
	font-size: var(--global--font-size-xs)
}

tr:first-of-type {
	display: none !important;
}

tr > td {
  padding-bottom: 1em;
}

tr {
  border-spacing: 5em;
  border: none !important;
}

td b {
	font-family: "Gilroy-Bold" !important;
}

td b, td a {
	display: block;
}

input:not([type=submit]), form textarea {
	padding: 1rem 21px !important;
	border: none !important;
	border-radius: 5px !important;
	color: black !important;
	font-size: 12pt !important;
	background: #f2f2f2 !important;
	line-height: 1 !important;
	box-shadow: none !important;
	font-family: 'Gilroy-Medium' !important;
}

select {
	cursor: pointer;
	padding: 1rem 21px !important;
	border: none !important;
	border-radius: 5px !important;
	color: black !important;
	font-size: 12pt !important;
	//background: #f2f2f2 !important;
	line-height: 1 !important;
	box-shadow: none !important;
	font-family: 'Gilroy-Medium' !important;
}

select option {
	background: #f2f2f2 !important;
}



#search, #search-donate-money, #search-2 {
	
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

#send-supplies #search-2 {
	margin-bottom: calc(1 * var(--global--spacing-vertical));
}

.donate-search {
	margin-bottom: calc(1 * var(--global--spacing-vertical));
}

.center-element {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 360px;
}

.donate-search p, .donate-search select {
	margin: auto;
	text-align: center;
}

.donate-search select {
	width: 100%;
}

td a {
		background-color: #0d6efd !important;
		margin-top: calc(1 * var(--global--spacing-vertical));
		border-color: #0d6efd;
		display: block;
		font-weight: 400;
		line-height: 1.5;
		color: var(--white);
		text-align: center;
		width: fit-content !important;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		background-color: transparent;
		border: 1px solid transparent;
		padding: .375rem .75rem !important;
		font-size: 1rem;
		border-radius: .25rem;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}