/*
Theme Name: Sinatra Child
Template: sinatra
Author: Sinatra Team
Description: Sinatra is a lightweight and highly customizable multi-purpose theme that makes it easy for anyone to create their perfect website. You can use it for any type of website from blogs, businesses, online shops, creatives, hotels, restaurants, startups and more. With Sinatra you get the perfect blend of performance, modern design and powerful, yet simple to use options. Works perfectly with the new block editor (Gutenberg) and your favorite plugins such as: WooCommerce, JetPack, page builders, SEO plugins and others. It comes with microdata integration, unlimited colors, multiple layouts, pre-built demo websites and so much more. It's also translatable and built with best SEO practices. Try Sinatra theme today on https://try.sinatrawp.com
Tags: two-columns,right-sidebar,left-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,sticky-post,editor-style,threaded-comments,translation-ready,custom-colors,featured-images,full-width-template,microformats,theme-options,e-commerce
Version: 1.3.1728934054
Updated: 2024-10-14 15:27:34

*/

body .header__logo,
body .footer__logo
{
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	z-index: 10;
}

body footer .nav-bottom-wrapper
{
    margin-top: 25px;
}

body footer .nav-bottom-wrapper .vertical-nav .footer__logo-text
{
    color: #44d62c;
    text-transform: uppercase;
	font-weight: 700;
}

body footer .nav-bottom-wrapper
{
    margin: unset !important;
}

body footer .nav--desk .nav > .nav__li > .nav__a
{
	letter-spacing: 0.1em;
	text-transform: capitalize;
	font-weight: 500;
}

body .nav-bottom-wrapper .vertical-nav .footer__logo-text.text
{
	margin-bottom:unset;
	padding: 10px 16px;
}

body .footer__logo .footer__logo-text.text
{
    margin: 20px 0px;
}

body i.dashicons
{
    font-size: 32px;
}

body .social-media-wrapper
{
    display: flex;
    gap: 30px;
	margin-bottom:20px;
}

body footer .footer__logo .social-media-wrapper a.social-media-link
{
    color: #fff;
}

@media only screen and (max-width: 767px)
{
	body .social-media-wrapper
	{
		justify-content: center;
	}
	
	body footer .nav-bottom-wrapper .vertical-nav .footer__logo-text
	{
		text-align:center;
	}
}

@media only screen and (min-width: 768px)
{
	body .nav-bottom-wrapper
	{
		display:flex;
		/* gap:20px; */
	}
	
	body .nav-bottom-wrapper .vertical-nav .nav.main-nav
	{
		flex-direction: column;
		display: flex;
	}
}

body .deep-footer
{
	padding-bottom: 0;
	padding-top: 1rem;
}

@media only screen and (min-width: 768px)
{
	body .footer__frame
	{
		align-items: flex-start;
		justify-content: space-between;
	}
	
	body .nav-bottom-wrapper
	{
    	flex-wrap: wrap;
		justify-content:end;
	}
}

@media only screen and (max-width: 1023px)
{
	body #footer__nav-wrapper ul.nav.main-nav
	{
    	align-items: flex-end;
	}
}

@media only screen and (min-width: 1024px)
{
	body footer .nav-bottom-wrapper
	{
		margin-top: 50px;
	}
}

@media only screen and (max-width: 767px)
{
	body #footer__nav-wrapper ul.nav.main-nav
	{
        align-items: center;
    }
}

body .newsletter-signup-form label.wpforms-field-label
{
    display: none!important;
}

body .newsletter-signup-form button.wpforms-submit
{
    cursor: pointer!important;
    appearance: none!important;
    border-radius: 3px!important;
    background-position: center bottom!important;
    background-repeat: repeat-x!important;
    outline: none medium!important;
    padding: 5px 15px!important;
    text-align: center!important;
    color: rgb(255, 255, 255)!important;
    font-size: 14px!important;
    border-style: solid!important;
    border-color: rgb(68, 214, 44);
    font-family: Arial!important;
    border-width: 5px!important;
    white-space: normal!important;
	background: unset!important;
    background-color: rgb(68, 214, 44)!important;
    border-color: rgb(68, 214, 44)!important;
}

body .newsletter-signup-form button.wpforms-submit:hover
{
	background-color: rgb(50, 180, 35)!important;
	border-color: rgb(50, 180, 35)!important;
}