/* 
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
*/

/* Add your custom styles here */
form#ajax-filter-form{
    display: flex;
    gap:30px;
    margin-bottom: 30px;
}
form#ajax-filter-form select{
    border-radius: 20px 20px 20px 0;
    border-color: #DDDDDD;
    padding: 9px 20px;
    color: #242423;
    font-size: 16px;
	appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
form#ajax-filter-form select:hover,form#ajax-filter-form .search-box input:hover{
	background-color:#F5F1EE;
}
form#ajax-filter-form .search-box,form#ajax-filter-form .select-box{
	position: relative;
   width: calc((100% - 60px) / 3);
}
form#ajax-filter-form .select-box .elementor-icon{
	position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
	transition: ease all 0.5s;
  pointer-events: none;
}
form#ajax-filter-form .select-box .elementor-icon svg{
	height:0.35em;
}
form#ajax-filter-form .select-box.open .elementor-icon svg{
  transform: rotate(180deg);
	transition: ease all 0.5s;
}
form#ajax-filter-form .search-box input{
    border-radius: 20px 20px 20px 0;
    border-color: #DDDDDD;
    width: 100%;
    padding: 9px 20px;
    color: #242423;
    font-size: 16px;
    position: relative;
}
form#ajax-filter-form .search-box span{
    position: absolute;
    width: 20px;
    height: 20px;
    right: 20px;
    top:12px;
}

form#ajax-filter-form .select-box:nth-child(2){
	display:none;
}


.post-filter .post-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:30px;
}
.post-filter .post-list .single-post{
    background:#F5F1EE;
    border-radius: 20px 20px 20px 0;
    width: calc((100% - 60px) / 3);
    display: flex;
    flex-direction: column;
}
.post-filter .post-list .post-thumbnail img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
}
.post-filter .post-list .post-details{
    padding: 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.post-filter .post-list .post-date{
    background: #242423;
    border-radius: 20px 20px 20px 0;
    font-family: "Neue Gothama", Sans-serif;
    font-weight: 500;
    color: #F5F1EE;
    margin-bottom: 0;
    margin-top: -5px;
    font-size: 15px;
    line-height: 25px;
    padding: 3px 12px;
    display: inline-block;
    align-self: flex-start;
}
.post-filter .post-list h3{
    margin: 16px 0 20px;
}
.post-filter .post-list h3 a{
    color: #242423;
    font-family: "Neue Gothama", Sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
}
.post-filter .post-list .post-excerpt{
    font-family: "Neue Gothama", Sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: auto;
}
.post-filter .post-list .read-more{
    background-color: #E2C72B;
    font-family: "Neue Gothama", Sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 23px;
    fill: #282828;
    color: #282828;
    border-radius: 40px 40px 40px 0px;
    padding: 16px 32px 16px 32px;
    display: inline-flex;
    gap: 5px;
    margin-top: 30px;
    align-self: flex-start;
}
.post-filter .post-list .read-more:hover{
    background-color: #E44229;
    color: #fff;
}
.post-filter .post-list .read-more:hover svg{
    color: #fff;
    fill: #fff;
}
.post-filter .pagination{
    padding: 45px 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.post-filter .pagination a{
    font-family: "Neue Gothama", Sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #282828;
    text-transform: uppercase;
}
.post-filter .pagination a.current{
    background: #960000;
    border-radius: 4px;
    padding: 3px 13px;
    color: #fff;
}
.prev-link svg,.next-link svg{
    height: 0.9em;
    position: relative;
    top: 2px;
	transition: ease all 0.5s;
}
.next-link:hover svg{
	position: relative;
	right:-10px
}
.prev-link:hover svg{
	position: relative;
	left:-10px
}
.next-link svg{
    margin-left: 20px;
}
.prev-link svg{
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    margin-right: 20px;
}
@media (max-width: 1024px){
    .post-filter .post-list .single-post{
    width: calc((100% - 30px) / 2);

}
}
@media (max-width: 768px){
    .post-filter .post-list .single-post{
    width: 100%;
}
form#ajax-filter-form{
    flex-direction: column;
    gap:20px;
}
form#ajax-filter-form select, form#ajax-filter-form .search-box, form#ajax-filter-form .select-box{
    width: 100%;
}
}