/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a blazing fast and lightweight WordPress theme built with the latest web technologies. It was built with the Gutenberg editor in mind and has a lot of options that makes it extendable and customizable. You can easily create any type of website, such as business agency, shop, corporate, education, restaurant, blog, portfolio, landing page and so on. It works like a charm with popular WordPress page builders, including Elementor, Beaver Builder, Visual Composer and Brizy. Since it is responsive and adaptive, translation ready, SEO optimized and has WooCommerce built-in, you will experience an easy build and even an increase in conversions.
Tags: blog,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,buddypress,rtl-language-support,news
Version: 2.0.92.1742889108
Updated: 2025-03-25 07:51:48

*/

#header [data-row*=middle] { 
    border-bottom: 4px solid #29333c !important;
}
.post .entry-meta .meta-categories {
    font-size: 0;
}
.post-category-badge > a, .post .meta-categories a, .ctm-post-category-badge > a {
    background: #2872fa;
    padding: 5px 8px;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
}
.ctm-post-tag-badge > a {
    background: transparent;
    /* color: var(--theme-heading-color, var(--theme-heading-2-color, var(--theme-headings-color))); */
    border: 1px solid #c9cbcd;
    padding: 5px 8px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 3px;
}
.ctm-post-tag-badge, .ctm-post-category-badge{
    display: inline-block   ;
}
.hp-post-grid article.wp-block-post {
    background: var(--wp--preset--color--palette-color-8);
    padding: 20px 16px;
}
.hp-post-grid .ct-dynamic-media {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}
.hp-post-grid .ct-dynamic-media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.editors_picks_posts_wrapper .editors_picks_posts h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    transition: 0.3s;
}
.editors_picks_posts_wrapper .editors_picks_posts {
    margin-bottom: 16px;
}
.editors_picks_posts_wrapper .editors_picks_post-date {
    font-size: 13px;
    font-weight: 400;    
}
.editors_picks_posts_wrapper a:hover .editors_picks_post_title {
    color: #2872fa;
}
div#world-clock .time-date-container{
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    background: #2872fa;
    color: #fff;
    padding: 8px 12px;
    border-radius: 3px;
}
#sidebar .ct-sidebar {
    border-left: 1px solid #29333c4a;
    padding-left: 16px;
}
.archive.category article.post img {
    aspect-ratio: 16 / 9 !important;
}
.wp-block-column .hp-banner-posts-grid {
    grid-template-columns: 45% auto;
}
.hp-banner-posts-grid .hp-post-grid-1 {
    grid-column: 1 / span 1;
}
.hp-banner-posts-grid .hp-post-grid-2 {
    grid-column: 2;
    grid-row: 1 / span 3;
}

.post .entry-meta[data-type*=slash] li:not(:last-of-type):after {
    content: "";
}
.post .entry-meta .meta-categories[data-type="pill"] a {
    background: transparent;
    color: var(--theme-heading-color, var(--theme-heading-2-color, var(--theme-headings-color)));
    border: 1px solid #c9cbcd;
    padding: 5px 8px;
}
.post .entry-meta .meta-categories:not(:last-child) {
    margin-bottom: 10px;
    margin-right: 0px;
}
/* Hamburger menu styles */
#offcanvas .ct-panel-inner .ct-panel-actions .ct-toggle-close {
    margin-left: unset;
    top: 20px;
}
#offcanvas .ct-panel-inner .ct-panel-content .ct-panel-content-inner {
    padding-top: 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    gap: 0px;
    height: auto;
}
#offcanvas .ct-panel-inner .ct-panel-content .ct-panel-content-inner .ct-search-box {
    margin-left: auto;
}
#offcanvas .ct-panel-inner .ct-panel-actions {
    padding-top: 20px;
}
#offcanvas .ct-panel-inner .ct-panel-content .ct-panel-content-inner .ct-color-switch {
    margin-left: auto;
}
[data-header*="type-1"] #offcanvas .ct-panel-inner:before {
    content: '';
    width: 100%;
    position: absolute;
    height: 150px;
    background: #000;
}
nav.mobile-menu.menu-container.has-submenu {
    height: calc(100% - 157px);
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: none;
}
#offcanvas .ct-panel-inner .ct-panel-content nav.mobile-menu {
    margin-bottom: 0;
}
#offcanvas .ct-panel-inner .ct-panel-content [data-id="widget-area-1"] {
    width: 100%;
    position: relative;
    top: 5px;
}
.is-style-wide.wp-block-separator:not(.is-style-dots) {
    height: 1px;
}
html[data-color-mode="dark"] form.ct-search-form input, html[data-color-mode="dark"] form.ct-search-form button {
    color: #fff !important;
    border-color: #fff !important;
}
html[data-color-mode="dark"] #offcanvas .ct-panel-inner .ct-panel-content .ct-panel-content-inner .ct-color-switch svg {
    fill: #ffffff;
}
#offcanvas .ct-panel-inner .ct-panel-content .ct-panel-content-inner nav.mobile-menu ul > li.menu-item {
    border-bottom: 1px solid #e1e8ed57;
}
body.home .post-category-badge > a:not(:first-child), body.author article.entry-card .entry-meta a:not(:first-child)  {
    display: none;
}
.sidebar-category-list > li > a {
    display: none;
}
.sidebar-category-list ul.children {
    padding-left: 0;
}
.single .entry-header .meta-categories[data-type="pill"] {
    display: block;
}


/* Editor's picks style start */
.page-template-editor-picks #main-container #main {
    padding: 80px 20px 60px;
}
.ep-posts-wrapper .ep-meta-badges .cateogory-badge a {
    background: #2872fa;
    padding: 5px 8px;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
}
.ep-posts-wrapper .ep-post-thumbnail a {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
    display: inline-block;
}
.ep-posts-wrapper .ep-post-thumbnail a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ep-posts-wrapper .ep-post-title a {
    color: var(--wp--preset--color--palette-color-4);   
}
.ep-posts-wrapper .ep-post-title h2 {
	font-size: clamp(18px, 0.875rem + ((1vw - 3.2px) * 0.469), 20px);
    line-height: var(--theme-line-height);
}
.ep-posts-wrapper .ep-post-date .editors_picks_post-date {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 12px;
    margin-bottom: 0px;
}
.ep-posts-wrapper {
    padding: 0px 10px 30px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #e0e5ebcc;
}
.editor-picks-title {
    font-size: 30px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
}
.ep-posts-wrapper .ep-meta-badges .tags-badge a {
    padding: 5px 8px;
    background: #fff;
    border: 1px solid #c9cbcd;
    color: var(--theme-heading-color, var(--theme-heading-2-color, var(--theme-headings-color)));
    border-radius: 3px;
    line-height: 20px;
    margin-bottom: 5px;
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
}
.ep-posts-wrapper .ep-post-title a:hover {
    color: var(--theme-link-initial-color);
}
/* Editor's picks style end*/

.hm-video-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: -15px;
    margin-left: -15px;
}

.hm-video-row .hmvideo-col {
    width: 50%;
    padding: 15px;
}
.yt-video-container {
    position: relative;
    width: 100%;
    padding-top: 56.50%;
}
.yt-video-container iframe{
	width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ct-social-box a:hover span svg {
    fill: var(--theme-link-initial-color);
}
.single .ct-comments-container .comment-form .gglcptch {
    order: 1;
}
.single .ct-comments-container .comment-form .form-submit {
    order: 2;
}

.single-post .addtoany_content.addtoany_content_bottom { margin-bottom: 24px; }





/* Responsive Styles */
@media screen and (min-width: 768px){
    #footer div[data-row="bottom"] .ct-container {
        --grid-template-columns: 3fr 2fr 1fr;
    }
}
@media screen and (min-width: 980px){
    #footer div[data-row="bottom"] .ct-container {
        --grid-template-columns: 4fr 2fr 1fr;
    }
}
@media screen and (min-width: 1100px){
    #footer div[data-row="bottom"] .ct-container {
        --grid-template-columns: 4fr 4fr 1fr;
    }
}
@media screen and (min-width: 1220px){
    #footer div[data-row="bottom"] .ct-container {
        --grid-template-columns: 5fr 4fr 1fr;
    }
}

@media screen and (min-width: 768px){
    header#header [data-row*=middle] .ct-container {
        min-height: 50px !important;
    }
    .hide-on-desktop{
        display: none;
    }   
	header.ct-header div[data-items="primary"] p {
    font-size: 22px;
    padding: 10px 0 !important;
    display: inline-block;
		margin-bottom: 0;
    }
		header#header .ct-container {
    padding-top: 5px;
    padding-bottom: 5px; 
    }
}
@media screen and (max-width: 767px){
    .hide-on-mobile{
        display: none;
    }
    .hm-video-row .hmvideo-col {
        width: 100%;
    }
}