/*
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.6.1666729377
Updated: 2022-10-25 20:22:57

1. Header navigation

*/

/*1. header nav*/
header {
position: fixed;
  z-index: 99;
  width: 100%;
  max-width: 100% !important;
  overflow: hidden;
  padding: 10px 300px !important;
}
.site-header {
	padding: 0px 0px;
}
.site-logo {
    margin: 0px !important;
}
.site-header {
	background: #fff !important;
	box-shadow: 0px 0px 10px #888888;
}
.site-header, .site-main, .widget-area, .site-footer {
	padding: 0px;
}
.site-logo .custom-logo {
	width: 200px !important;
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button), .primary-navigation a:link, .primary-navigation a:visited {
	color: var( --e-global-color-text );
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	text-decoration: none;
	background: none !important;
	border-bottom: 1px solid rgb(114, 190, 68);
}
.primary-navigation a:hover {
	color: rgb(114, 190, 68);
	border-bottom: 1px solid rgb(114, 190, 68);
	text-decoration: none;
}
a {
	background: none;
}
.primary-navigation a {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
	padding: 10px 0px !important;
}
.primary-navigation > div > .menu-wrapper {
	column-gap: 30px;
}
.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child {
	text-decoration: none !important;
}
/*end header nav*/


.btn-cta {
	width: 60% !important;
}
.btn-cta-2 {
	width: 50% !important;
}
.btn-cta-3 {
	width: 20% !important;
}
footer {
	display: none;
}

.menu-button-container #primary-mobile-menu {
	color: var( --e-global-color-text );
}
/*responsive*/
@media only screen and (max-width: 1600px) {
	header {
	  padding: 10px 180px !important;
	}
}
@media only screen and (max-width: 1440px) {
	header {
	  padding: 10px 115px !important;
	}
}
@media only screen and (max-width: 1280px) {
	header {
	  padding: 10px 80px !important;
	}
}
@media only screen and (max-width: 1024px) {
	header {
	  padding: 10px 30px !important;
	}
}
@media only screen and (max-width: 1024px) {
	header {
	  padding: 10px 30px !important;
	}
}
@media only screen and (max-width: 936px) {
	header {
	  padding: 10px 30px !important;
		height: 102px;
	}
	.primary-navigation {
		position: absolute;
		top: 15px;
	}
	.menu-button-container {
		display: flex;
	}
	.primary-navigation-open .primary-navigation > .primary-menu-container {
		position: fixed;
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}
	.primary-navigation > .primary-menu-container {
		position: fixed;
		visibility: hidden;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
		padding-left: var(--global--spacing-unit);
		padding-right: var(--global--spacing-unit);
		padding-bottom: var(--global--spacing-horizontal);
		background-color: var(--global--color-background);
	}
	.primary-navigation > .primary-menu-container {
		height: 35vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		border-bottom: 2px solid transparent;
		box-shadow: 0px 0px 10px #888888;
	}
	.primary-navigation > div > .menu-wrapper li {
		display: block;
		position: relative;
		width: 100%;
	}
	.primary-navigation-open .primary-navigation {
		width: 100%;
		position: fixed;
		z-index: 2;
	}
	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
		position: absolute;
		padding-top: calc(0.5 * var(--global--spacing-vertical));
		margin-top: 0;
		top: 15px;
	}
	.site-logo .custom-logo {
		width: 120px !important;
	}
	
}
@media only screen and (max-width: 600px) {
	header {
		height: 70px;
	}
	.btn-cta, .btn-cta-2, .btn-cta-3 {
		width: 40% !important;
	}
	.primary-navigation {
		top: 5px;
	}
	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
		top: 5px;
	}
}