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


/* INSIGHTS POST TABS */

.blog-tabs{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-bottom:30px;
}

.blog-tab{
font-family:Montserrat;
font-size:17px;
padding:8px 20px;
border:1px solid #999;
color:#999;
cursor:pointer;
transition:0.3s;
}

.blog-tab.active{
border-color:#0c0d0e;
color:#0c0d0e;
}


/* GRID */

.ajax-post-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}


/* TABLET */

@media(max-width:1024px){

.ajax-post-grid{
grid-template-columns:repeat(2,1fr);
}

}


/* MOBILE */

@media(max-width:767px){

.ajax-post-grid{
grid-template-columns:1fr;
}

.blog-tabs{
justify-content:center;
}

}


/* PAGINATION */

#ajax-pagination{
margin-top:40px;
display:flex;
gap:10px;
}

.ajax-page{
padding:6px 12px;
border:1px solid #ccc;
text-decoration:none;
color:#333;
cursor:pointer;
}