/*
Theme Name: UDesign Child
Theme URI: https://d-themes.com/wordpress/udesign/envato-market/
Author: Andon
Author URI: https://1.envato.market/OdObz
Description: A slick, powerful and clean theme UDesign provides an intuitive set of options to help you setup your WordPress site quickly and effectively. Flexibility is key and it has been optimized for SEO and speed. It is also responsive & mobile ready should you choose that option. The UDesign theme features include: unlimited colors, widgetized home page, over 600 fonts to choose from, WooCommerce Integration, it is also translation and multilingual ready, step by step documentation, exclusive UDesign support forum and a helpful community. Always up-to-date security and many new features are constantly added as the theme evolves.
Version: 1.0
Template: u-design
License: GNU General Public License v2 and ThemeForest license
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, responsive, one-column, two-columns, three-columns, four-columns, full-width-template, left-sidebar, right-sidebar, custom-menu, custom-background, custom-colors, custom-header, custom-logo, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready

*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* Blog_page */

.blog .main-content-wrap, .archive .main-content-wrap {
    flex-direction: row-reverse !important;
}
.blog .main-content-wrap aside#blog-sidebar, .archive .main-content-wrap aside#blog-sidebar {
    padding-left: 0;
    max-width: 25%;
    flex: 0 0 25%;
}
.blog .sidebar-fixed.sidebar-side .sidebar-content nav#block-16, .archive .sidebar-fixed.sidebar-side .sidebar-content nav#block-16 {
    padding: 0;
	background: rgba(51, 51, 51, 1);
}
.blog .main-content, .archive .main-content {
    flex: 0 0 75% !important;
    max-width: 75% !important;
}
.blog nav#block-16 form input#wp-block-search__input-1, .archive nav#block-16 form input#wp-block-search__input-1 {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #fff;
}
.blog nav#block-16 form input#wp-block-search__input-1::placeholder, .archive nav#block-16 form input#wp-block-search__input-1::placeholder {
	color: #fff;
  }
.blog nav#block-16 form, .archive nav#block-16 form {
    margin-bottom: 20px !important;
}
.blog nav#block-4 {
    padding: 0;
    border: 0;
}
.blog nav#block-4 h2, .archive nav#block-4 h2 {
    background: rgba(51, 51, 51, 1);
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 24.64px;
    padding: 15px 20px;
}
.blog .sidebar-fixed.sidebar-side .sidebar-content nav, .archive .sidebar-fixed.sidebar-side .sidebar-content nav {
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
	padding: 0;
  }
.blog nav#block-4 ul, .archive nav#block-4 ul {
    margin: 0!important;
    padding: 30px 25px!important;
    background: #fff;
}
.blog .sidebar .cat-item a, .archive .sidebar .cat-item a {
    font-size: 16px;
    font-weight: 400;
    line-height: 41.7px;
    color: #000;
}
.blog .sidebar .cat-item, .archive .sidebar .cat-item {
    color: #000;
}
.blog .page-content, .archive .page-content {
    background: #DFDFDF;
    padding: 40px 0 60px;
}
.blog .wp-block-search__inside-wrapper, .archive .wp-block-search__inside-wrapper {
    border: 0;
}
.blog .post-details a.post-date, .archive .post-details a.post-date {
    font-size: 16px;
    font-weight: 400;
    line-height: 21.7px;
    color: rgba(0, 0, 0, 50%);
    margin-bottom: 10px;
}
.blog .post-details, .archive .post-details {
    padding: 15px 20px;
    border-bottom: 7px solid rgba(51, 51, 51, 1);
}
.blog .post-title, .archive .post-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 28.01px;
    color: #000;
}
.blog .wp-block-search .wp-block-search__button, .archive .wp-block-search .wp-block-search__button {
    color: #fff;
}
.blog .post-content p, .archive .post-content p  {
    font-weight: 400;
    line-height: 28.78px;
    color: #000;
    font-size: 14px;
}
.blog .post-author .archive .post-author {
    font-size: 16px;
    font-weight: 600;
    line-height: 24.9px;
    color: #000;
}
.elementor-2753 .elementor-element.elementor-element-28ec687 {
    background: rgba(51, 51, 51, 1);
    padding: 50px 0 40px 0px!important;
}
.elementor-2753 .elementor-element.elementor-element-bc77c8f h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    line-height: 42px;
}
.elementor-2753 .elementor-element.elementor-element-bc77c8f .elementor-widget-container {
    margin: 0;
}
.blog .pagination span.page-numbers.current, .archive .pagination span.page-numbers.current {
    border: 2px solid rgba(205,4,0,1);
    color: rgba(205,4,0,1);
    font-weight: 600;
    font-size: 16px;
    height: 42px;
    width: 42px;
}
.blog .pagination a.page-numbers, .archive .pagination a.page-numbers {
    font-size: 16px;
    font-weight: 600;
    line-height: 24.9px;
    color: rgba(51, 51, 51, 1);
	width: 42px;
	height: 42px;
	border: 2px solid rgba(51, 51, 51, 1)
}
.blog .pagination span.prev.page-numbers.disabled, .archive .pagination span.prev.page-numbers.disabled  {
    color: rgba(51, 51, 51, 1);
}
.blog .pagination a.next.page-numbers, .archive .pagination a.next.page-numbers {
    border: 0;
	font-size: 21px;
}
.blog .read-more-link a, .archive .read-more-link a {
    font-size: 16px;
    font-weight: 600;
    line-height: 24.9px;
    color: rgba(205, 4, 0, 1);
}
.blog .main#main, .archive .main#main {
    padding-top: 0;
}

footer#footer .post-details {
    padding: 0;
    border-bottom: 0;
}
footer#footer a.post-date {
    color: #888888;
    margin-bottom: 0.3rem;
    font-size: 1.3rem;
    line-height: 1.4;
}
.elementor-68 .elementor-element.elementor-element-fdc3cf0 {
    padding: 67px 0px 7px 0px !important;
}
.blog .post-details:hover, .archive .post-details:hover {
    background: #CD0400;
    color: #fff;
	transition: 0.3s all;
	cursor: pointer;
}
.blog .post-details:hover a.post-date, .archive .post-details:hover a.post-date{
    color: #fff;
}
.blog .post-details:hover h3, .archive .post-details:hover h3 {
    color: #fff;
}
.blog .post-details:hover p, .archive .post-details:hover p {
    color: #fff;
}
.blog .post-details:hover a, .archive .post-details:hover a {
    color: #fff;
}
.blog .post-cats a, .archive .post-cats a {
    color: #000 !important;
    font-size: 14px;
    font-weight: 400;
}
.blog .post-cats a:hover, .archive .post-cats a:hover {
    color: #fff !important;
}
.blog .post-details:hover .post-cats a, .archive .post-details:hover .post-cats a {
    color: #fff !important;
}
.read-more-link a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.read-more-link a img.read-more-white-arrow {
    display: none;
}
.blog .post-details:hover .read-more-link a img.read-more-white-arrow, .archive .post-details:hover .read-more-link a img.read-more-white-arrow {
	display: block;
}
.blog .post-details:hover .read-more-link a img.read-more-red-arrow, .archive .post-details:hover .read-more-link a img.read-more-red-arrow {
	display: none;
}
.blog .sidebar .cat-item a:hover, .archive .sidebar .cat-item a:hover {
    color: rgba(205,4,0,1);
}



/* RESPONSIVE */

@media (max-width: 1200px) {
	
	.blog nav#block-16 form input#wp-block-search__input-1, .archive nav#block-16 form input#wp-block-search__input-1 {
		font-size: 13px;
		padding-right: 0;
	}
	.blog nav#block-4 h2, .archive nav#block-4 h2 {
		font-size: 21px;
	}
	.blog nav#block-4 ul, .archive nav#block-4 ul {
		padding: 20px 15px!important;
	}
	.blog .sidebar .cat-item a, .archive .sidebar .cat-item a {
		font-size: 15px;
		line-height: 31.7px;
	}


}

@media (max-width: 991px) {
	.blog .main-content, .archive .main-content {
		flex: 0 0 100%!important;
		max-width: 100%!important;
	}
	.blog .main-content-wrap aside#blog-sidebar, .archive .main-content-wrap aside#blog-sidebar {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.blog nav#block-4 h2, .archive nav#block-4 h2 {
		font-size: 18px;
	}
	.blog .post-title, .archive .post-title {
		line-height: 24.01px;
		margin: 10px 0;
	}
	.elementor-2753 .elementor-element.elementor-element-28ec687 {
		padding: 40px 0 30px 0px!important;
	}
	.blog .post-content p, .archive .post-content p {
		line-height: 21.78px;
	}
	.blog .post-details a.post-date, .archive .post-details a.post-date {
		margin-bottom: 0;
	}
	.elementor-68 .elementor-element.elementor-element-fdc3cf0 {
		padding: 30px 0 7px 0px!important;
	}
}