/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*Menu styles*/
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link{
    border-radius: 99px;
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: 60px;
    border-radius: 99px;
}
.ast-builder-menu-1 .menu-item:hover > .menu-link{
    border-radius: 99px;
}

/* Contact styles */
.wpforms-container input.wpforms-field-medium{
	max-width:100%!important;
}
#contact-form div.wpforms-container-full input[type=text], 
#contact-form .wpforms-container input[type=email], 
#contact-form div.wpforms-container-full textarea {
	border: 2px solid black;
	border-radius:15px;
}
#contact-form div.wpforms-container-full .wpforms-field-label{
	font-family: 'Mali';
}
#contact-form div.wpforms-container-full button[type=submit]{
	background-color: #D90101;
	color: white;
	border-radius:10px;
	font-family: 'Mali';
	padding: 15px 25px;
	height:auto;
}

#contact-form div.wpforms-container-full button[type=submit]:hover{
	background-color:#FF9202;
	background:#FF9202;
}

#contact-form div.wpforms-container-full button[type=submit]:focus:after{
	display:none;
}

/*Kutyák styles*/
.dogs-container {
    max-width: min(100%,1200px);
    margin: 70px auto;
    width: 100%;
}
.dogs-container h1 {
    font-family: "Modak", sans-serif;
    font-size: 80px;
    color: #000;
    font-weight: 300;
	line-height: 75px;
}
span.red {
    color: var(--e-global-color-primary);
}
p.subtitle {
    color: var( --e-global-color-6fc3c14 );
    font-family: "Mali", Sans-serif;
    font-weight: 600;
    font-size: 32px;
    margin: 30px 0;
	line-height: 50px;
}
.category-filters {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 50%;
    margin: 70px auto;
}
.category {
    border: 2px solid var(--e-global-color-primary);
    border-radius: 15px;
    padding: 17px 20px;
}

.category p {
    margin-bottom: 0;
    font-family: 'Mali';
    font-weight: 600;
}
.category a {
    color: var(--e-global-color-primary);
    text-decoration: none;
}
.category a:hover{
	color: #fff;
}
.category:hover {
    background-color: var(--e-global-color-primary);
}
.category:hover a {
    color: #fff;
}
.category.active-button{
	background-color: var(--e-global-color-primary);
}
.category.active-button a{
	color: #fff;
}
.dogs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	margin: 50px 0;
	flex-wrap:wrap;
	row-gap: 40px;
}
img.dog-image {
    height: 280px;
    width: 280px;
    object-fit: cover;
	border-radius: 15px;
}
.overlay {
    height: 280px;
    width: 280px;
    position: absolute;
    background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.5));
    border-radius: 15px;
}
.dog-desc {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: -60px;
	align-items:center;
}
p.name {
    font-family: "mali";
    color: #fff;
    font-weight: 600;
    font-size: 22px;
	z-index:99;
	margin-bottom:0;
}
a.more-button {
   border: 2px solid var(--e-global-color-f427f29);
    padding: 10px 15px;
    color: #fff;
    font-family: 'Mali';
    font-weight: 600;
    text-decoration: none;
    border-radius: 99px;
	z-index:99;
}

/*Kutya styles*/
#page .site-content {
    background-color: #fff;
}
.dog-profile {
    display: flex;
    flex-direction: row;
	margin: 70px 0;
}
.profile-pic {
    margin-right: 30px;
}
.profile-pic img {
    max-width: 500px;
}
p.dog-name {
    font-size: 40px;
    font-weight: 700;
    margin: 30px 0;
	color: #d90101;
}
p.dog-details {
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0;
}
.post-gallery {
    text-align: center;
    margin: 30px 0 70px;
}
.dog-data h3 {
    margin: 30px 0 15px;
    font-family: 'Mali';
    font-size: 22px;
    font-weight: 600;
}
/*Blog styles */
.blog-container {
    margin: 70px auto;
    width: 100%;
}
.blog-header {
    margin: 70px 0;
}
.blog-container h1{
	font-family: "Modak", sans-serif;
    font-size: 80px;
    color: #000;
    font-weight: 300;
	line-height: 75px;
}
span.red {
    color: #d90101;
}
.blog-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.posts {
    margin-right: 70px;
}
.post {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
	margin: 50px 0;
	/*border: 2px solid black;*/
	box-shadow: 0px 1px 20px rgb(0 0 0 / 40%);
	/*box-shadow: 5px 5px 5px rgba(0,0,0,0.3);*/
    border-radius: 15px;
}
.post:nth-child(even) {
    flex-direction: row-reverse;
}
.post-image {
    min-width: 400px;
    height: 400px;
    background-position: center;
    background-size: cover;
	
}
.post:nth-child(odd) .post-image {
	border-radius: 15px 0 0 15px;
}
.post:nth-child(odd) .post-content h2{
	color: #d90101;
}
.post:nth-child(odd) .post-content .read-more a{
	background-color: #d90101;
}
.post:nth-child(even) .post-image {
	border-radius: 0 15px 15px 0;
}
.post:nth-child(even) .post-content h2{
	color: #ff9202;
}
.post:nth-child(even) .post-content .read-more a{
	background-color: #ff9202;
}
.post .post-content-inner {
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.post-content p {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
/*Post styles*/
header.entry-header h1.entry-title {
    font-size: 80px;
    font-family: 'Modak';
    font-weight: 400;
}

/*Sidebar styles*/
.sidebar-main {
    width: 100%;
    height: 100%;
	text-align:center;
}
.sidebar-main h3.wp-block-heading {
    font-size: 30px;
}
ul.wp-block-categories-list.wp-block-categories li a,
ul.wp-block-archives-list.wp-block-archives li a{
    font-size: 18px;
    font-weight: 500;
    color: black;
    text-decoration: none;
}
p.wp-block-tag-cloud a {
    color: black;
    font-size: 16px!important;
    text-decoration: none;
}

/*Responsive*/
@media (max-width:992px){
	.category-filters{
		width:80%;
		justify-content: space-around;
	}
	.dogs{
		justify-content: center;
	}
	.dog{
		margin:20px;
	}
	.profile-pic img {
    max-width: 300px;
	}
}
@media(max-width:576px){
	.category-filters{
		width:100%
	}
	.dog-profile {
		flex-direction: column;
		align-items: center;
	}
	.dog-data {
    text-align: center;
	}
}