/* 
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Description: Twenty Twenty Child 
Theme Author: Otvos Laszlo-Gabriel
Template: twentytwenty 
Author URL: http://yourdomain.com
Version: 1.0.0 
Text Domain: twentytwenty-child 
*/
html
{
	background:#fff;
}

body
{
	font-family: 'Varela Round', sans-serif;
	background: #fff;
}

.custom-logo-link
{
	max-width: 170px;
}

.svg-icon,
.svg-icon path
{
	fill: #2ecc71!important;

}

 .primary-menu > li > a
{
	color: #333 !important;
	text-decoration: none;
}

 .primary-menu > li > a:hover
{
	color: #2ecc71 !important;
}

.toggle
{
	outline: none!important;
}

.toggle .toggle-text
{
	display: none;
}

.primary-menu-wrapper + .header-toggles
{
	margin-left: 0;
}

.header-inner 
{
	padding: 1.8rem 0!important;
}

.header-inner .toggle-wrapper::before
{
 display: none;
}

.site-logo.dark
{
 display: none;
}

.search-modal .search-field
{
	background: none !important;
	outline: none !important;
}
.wp-block-button__link
{
	outline: none;
	border: 0 none !important;
	border-radius: 5px !important;
	cursor: pointer;
	display: inline-block;
	padding: 5px 10px !important;
	font-family: 'Varela Round', sans-serif !important;
	text-transform: uppercase;
	transition-timing-function: linear;
	transition: all .2s;
	margin: 0 auto;
	color: #fff!important;
	background: #3498db!important;
}
.wp-block-button__link:hover
{
	background: #258cd1!important;
	text-decoration: none!important;
}
 .primary-menu .current-menu-item a,
 header.sticky .primary-menu .current-menu-item a
{
	color: #2ecc71!important;
	text-decoration: none!important;
}
header.sticky .site-logo
{
	display: none;
}
header.sticky .site-logo.dark
{
	display: block;
}
header.sticky
{
	position: fixed!important;
	top:0;
	width: 100%;
    background: rgba(0,0,0,.8)!important;
    z-index: 999;
}

header.sticky  .primary-menu > li > a
{
	color: #fff !important;
}

#wpadminbar + .skip-link + header.sticky
{
	top: 32px;
}

.footer-widgets-outer-wrapper
{
	border-bottom: none!important;
}

.footer-nav-widgets-wrapper
{
	background: #404140;
	color:#999 !important;
}

.footer-nav-widgets-wrapper .widget-title
{
	color: #2ecc71!important;
	font-size: 18px!important;
}

footer
{
	border-top: 1px solid #373837;
	background-color: #343534 !important
}

.footer-top
{
	border: none;
	padding: 0!important;
}

.social-menu
{
	margin: 1.5rem 0!important;
	border-top: 1px solid #3c3d3c;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}

ul.social-icons
{
	width: 100% !important;
}

.social-menu li
{
    margin: 1.5rem 0 0 1rem !important;
}

.social-icons a
{
	background: transparent !important;
	border:2px solid #2ecc71 !important;
}

.social-icons a:hover
{
	background: #2ecc71 !important;	
}

.social-icons a:hover .svg-icon path
{
	fill: #fff!important;
}

.footer-widgets-wrapper p
{
	font-family: 'Varela Round', sans-serif!important;
	font-size: 16px!important; 
}

.footer-copyright
{
	float: none;
	display: block;
	font-size: 13px!important;
	color:#999 !important;
	font-weight: 400 !important;
}

.footer-credits
{
	display: block!important;
}

.mobile-search-toggle
{
	display: none !important;
}

.to-the-top
{
	position: fixed;
    right: 0;
    bottom: 0;
     z-index: 99;
   	padding: 20px;
   	color:#fff !important;
    background: #008cba;
    border-top-left-radius: 10px;
}

.to-the-top span
{
	color: #fff!important;
	font-weight: 700;
}

#site-footer
{
	    padding: 3.3rem 0!important;
}

.nav-toggle .toggle-icon svg
{	
	display: none !important;
}
.nav-toggle .toggle-icon
{
	height: 4px;
	width: 3.5rem;
	background: #404140;
	position: relative;
	overflow: visible;
	border-radius: 1px;
}
.nav-toggle .toggle-icon::before,
.nav-toggle .toggle-icon:after
{
	height: 4px;
	content:"";
	width: 3.5rem;
	left: 0;
	background: #404140;
	position: absolute;
	border-radius: 1px;
}

.nav-toggle .toggle-icon::before
{
	top: -10px;
}

.nav-toggle .toggle-icon::after
{
	bottom: -10px;
}

.menu-modal,.menu-modal-inner
{
	background: #222;
}


.menu-modal .social-menu
{
	border: none!important;

}

.modal-menu li
{
	border: none;

	border-bottom: 1px dotted rgba(0,0,0,.15);
	border-color:  rgba(0,0,0,.15)!important;
}

.close-nav-toggle .svg-icon polygon
{
	fill: #2ecc71!important;
}

.close-nav-toggle svg
{
	width: 2.6rem !important;
	height: 2.6rem !important;
}

header.sticky .nav-toggle .toggle-icon,
header.sticky .nav-toggle .toggle-icon::before,
header.sticky .nav-toggle .toggle-icon:after
{
	background: #fff;
}
.modal-menu a
{
	color:#fff!important;	
}
.modal-menu .current-menu-item a
{
	color:#2ecc71!important;;	
}
@media screen and ( min-width: 1000px){
	.nav-toggle-wrapper
	 {
	 	display: none;
	 }
}
@media screen and (min-width: 1280px){
	.section-inner {
	    max-width: 120rem;
	}	 
}

@media screen and (max-width: 1000px) {
	.header-titles-wrapper
	{
		justify-content:  flex-start!important;
	}
	.header-titles-wrapper
	{
		padding: 0;
	}
}	

