/*
 Theme Name:   Dyad Child
 Description:  Brasil-Latino Blog Child
 Author:       8works
 Author URI:   httpw://8works.de
 Template:     dyad
 Version:      1.0
 Text Domain:  dyad-child
*/

#masthead {
	background-color: rgba(255,255,255,.93);
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

/* Header */
.site-branding {
	width: 100%;
	max-width: 1360px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.site-branding .shop-btn {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	color: white;
	text-shadow: none;
	justify-content: center;
	padding: 10px 20px;
	border-radius: 50px;
	background-color: #39942b;
	margin-left: 10px;
}
.site-branding .shop-btn:hover {
	background-color: #41a831;
}
.site-branding .shop-btn .btn-icon {
	margin-right: 11px;
}
.site-branding .shop-btn .btn-icon svg {
	vertical-align: sub;
}
.site-branding .search-form {
	border-radius: 50px;
    overflow: hidden;
    border: 1px solid #ddd;
	background-color: rgba(255 ,255, 255, .8);
	display: flex;
    justify-content: space-between;
	margin-left: 10px;
}
.site-branding .search-form label {
	flex: 1 1 90%;
    max-width: 90%;
}
.site-branding .search-field:focus, .site-branding .search-field:target, .site-branding .search-field:active {
	background-color: white;
}
.site-branding .search-field {
	width: 100%;
	border: none;
	background-color: unset;
	color: #4a545b;
}
.site-branding .search-form .search-btn-custom {
	position: relative;
}
.site-branding .search-form .search-btn-custom .search-submit {
	border: none;
	background-color: unset;
	padding: 0;
    width: 40px;
}
.site-branding .search-form .search-btn-custom .search-icon {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	height: 26px;
    width: 26px;
    pointer-events: none;
}

.site-branding .col-logo .logo-subtext {
	display: block;
	font-size: 10px;
	color: black;
    text-shadow: none;
    max-width: 420px;
}
.site-branding .col-logo img {
    max-width: 300px;
}
@media (min-width: 1400px) {
	.site-branding .col-logo {
		max-width: 50%;
	}
	.site-branding .search-field {
		min-width: 350px;
	}
}
@media (max-width: 1400px) {
	.site-branding .col-logo {
		max-width: 30%;
	}
	.site-branding {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (max-width: 960px) {
	.site-branding .col-auto {
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
}
.site-branding .search-field::-webkit-input-placeholder {
	color: #c3c3c3;
}
.site-branding .row {
	justify-content: space-between;
}

/* NAvigation */
#site-navigation {
	width: 100%;
	max-width: 100%;
	display: block;
	margin-top: 15px;
	background-color: #39942b;
}
#site-navigation #primary-menu {
	text-align: center;
}
@media (max-width: 960px) {
	#site-navigation .primary-menu {
		background-color: #292c2f;
	}
}
#site-navigation .menu-toggle {
	position: relative;
	top: 0;
	right: 0;
}
#site-navigation ul li {
	text-transform: none;
	padding: 0;
	margin: 0;
}
#site-navigation ul li a {
	padding: 10px 20px 12px 20px;
	font-size: 19px;
	letter-spacing: 0.5px;
}
#site-navigation ul li a:hover {
	background-color: #41a831;
}
.nav-menu {
	text-align: left;
}
.nav-menu .page_item {
	padding: 10px 0;
}
.row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.col-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}