/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.4.1636290870
Updated: 2021-11-07 13:14:30

*/

@font-face { 
	font-family: ifan; 
	src: url(https://ifanourakis.gr/wp-content/uploads/2021/11/UbuntuMono-Regular.ttf); 
}

:root {
	--dark-gray:#303030;
	--primary:#6EC1E4;
	--font:ifan;
}


.grid-container {
    margin-bottom: 20px;
    display: grid;
    background-color: white;
    grid-template-columns: auto auto auto auto;
    padding: 20px;
}
.grid-item {
    cursor: pointer;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 10px;
}
.grid-item:hover {
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
	z-index:999;
}

#client-header {
    font-weight: bold;
    color: var(--dark-gray);
    font-size: 1.8em;
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    text-align: center;
    padding: 0;
    margin: 20;
}
#client-text {
    color: var(--dark-gray);
    font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
	font-size: 1.2em;
    padding: 0;
    margin: 0;
}
/*google-maps*/
.google-maps{
	height:300px;
}
/*nav-menu*/
.nav-menu-container {
  list-style-type: none;
  	margin: 0;
  	padding: 0;
  	overflow: hidden;
	display:flex;
	float:right;
}

.nav-menu-item {
	display:block;
	color: #303030;
	font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;
	letter-spacing:2px;
	font-weight:500;
	font-size:20px;
 	text-align: center;
  	padding: 10px 10px;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	transition:all 0.2s ease;
}

	#hamburger-icon{
		display:none;
		-webkit-tap-highlight-color: transparent;
		tap-highlight-color: transparent;
	}

@media only screen and (max-width: 1024px) {
	.nav-menu-item{
		padding: 0 0;
	}
	.nav-menu-container{
		display:none;
		flex-direction:column;
		float:none;
		color:red;
	}
	#hamburger-icon{
		float:right;
		margin-right:5px;
		display:block;
	}
}

.nav-menu-item:hover {
 	color: var(--primary);
	transform:scale(1.05);
}

ul,ol{
	font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;
}