/*
CTC Separate Stylesheet
Updated: 2026-04-01 12:31:24
Theme Name: Agency Elementor Child
Theme URI: https://testerwp.com/agency-elementor-free-theme/
Template: agency-elementor
Author: wptexture
Author URI: https://testerwp.com/
Description: Agency WordPress Theme. Agency Elementor is a clean, minimal, free e-commerce WordPress theme made for e-commerce, beauty products, fashion & clothing store, Smart home products, sports, toy shops, gadgets stores, jewellery shops, grocery, clothing, electronics, furniture, retail, digital products, decorative gifts stores and preferably ideal for any type of online store websites. Biz eCommerce is a beautiful, fast, lightweight, responsive, extremely customizable theme. The theme options panel is too easy to use, and the theme is also fully responsive to each & every device like Mobile, iPads etc. Furthermore, It also offers features such as tabbed product carousel, ribbon, product carousel featured banner, etc. Agency Elementor theme is so responsive that it works on every device such as mobile, desktop, iPods, etc. And we have ensured that your new store looks amazing everywhere.
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,grid-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,wide-blocks,block-editor-patterns,block-editor-styles,block-themes,buddyPress,custom-background,custom-colors,custom-header,custom-logo,custom-menu,editor-style,featured-image-header,featured-images,flexible-header,footer-widgets,front-page-posting,full-width-template,microformats,post-formats,rtl-language-support,sticky-post,style-variations,template-editing,theme-options,threaded-comments,translation-ready,blog,e-commerce,education,entertainment,food-and-drink,holiday,news,portfolio
Version: 2.1.1775046684
*/

.single-post-page {
    padding: 80px 0;
    background: #fff;
}

.single-post-content {
    background: #fff;
}

.single-post-article {
    background: #ffffff;
    border-radius: 18px;
    padding: 32px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.site-sidebar .widget {
    background: #ffffff;
    border-radius: 18px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.single-post-article h1,
.single-post-article h2,
.single-post-article h3 {
    line-height: 1.2;
    color: #1f2a44;
}

.single-post-article p {
    font-size: 17px;
    line-height: 1.8;
    color: #5f6675;
}

@media (max-width: 991px) {
    .single-post-article {
        padding: 24px;
    }
}

.elementskit-meta-categories span span a {
    color: #de9d46 !important;
}

.post-items h2.entry-title a:hover {
    color: #de9d46 !important;	
}

.elementskit-post-image-card:hover .entry-title a {
    color: #de9d46 !important;	
}

.blog-detail .post-meta li i, a:hover {
    color: #de9d46 !important;	
}

.elementskit-infobox:hover .elementskit-btn {
    color: #de9d46 !important;	
}

.archive-page {
    padding: 80px 0;
    background: #f8f9fc;
}

.archive-header {
    margin-bottom: 40px;
}

.archive-header .page-title {
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    color: #1f2a44;
    margin-bottom: 12px;
}

.archive-description {
    font-size: 17px;
    line-height: 1.7;
    color: #667085;
    max-width: 720px;
}

.archive-posts .post,
.archive-posts article {
    background: #ffffff;
    border-radius: 18px;
    padding: 24px;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.archive-posts .post:hover,
.archive-posts article:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.08);
}

.site-sidebar .widget {
    background: #ffffff;
    border-radius: 18px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.archive-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    margin: 0 6px;
    padding: 0 14px;
    border-radius: 12px;
    background: #ffffff;
    color: #1f2a44;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

.archive-pagination .page-numbers:hover,
.archive-pagination .page-numbers.current {
    background: #1f2a44;
    color: #ffffff;
}

@media (max-width: 991px) {
    .archive-page {
        padding: 60px 0;
    }

    .archive-header .page-title {
        font-size: 30px;
    }
}

.blog-2 .post-content {
    border: none !important;
}

.post-img {
    border-radius: 20px !important;
}

.read-more {
    padding: 10px 30px 10px 30px !important;
    background-color: #f0ecec !important;
	color: #de9d46 !important;
}

.read-more:hover {
    padding: 10px 30px 10px 30px !important;
    background-color: #f0ecec !important;
}

.blog-item .date span {
	color: #fff !important;
}

.blog-item .date {
    background-color: #de9d46 !important;
    color: #fff !important;
    border-radius: 10px;
}

.date p span {
	margin: 0 !important;
}

.blog-item:hover .date {
    background-color: #de9d46 !important;
}

/* scrollbar */

/* Scrollbar breedte */
::-webkit-scrollbar {
    width: 10px;
}

/* Track (achtergrond) */
::-webkit-scrollbar-track {
    background: #f1f3f8;
    border-radius: 10px;
}

/* Scrollbar zelf */
::-webkit-scrollbar-thumb {
    background: #de9d46;
    border-radius: 10px;
    transition: background 0.3s ease;
}

/* Hover effect */
::-webkit-scrollbar-thumb:hover {
    background: #de9d46;
}

/* Contact */

.cf7-modern {
  max-width: 760px;
  margin: 0 auto;
  padding: 32px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);
}

.cf7-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.cf7-field {
  margin-bottom: 20px;
}

.cf7-field label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}

.cf7-modern .cf7-input {
  width: 100%;
  padding: 14px 16px;
  font-size: 15px;
  line-height: 1.5;
  color: #111827;
  background: #f9fafb;
  border: 1px solid #d1d5db;
  border-radius: 14px;
  box-sizing: border-box;
  transition: all 0.25s ease;
}

.cf7-modern textarea.cf7-input {
  min-height: 160px;
  resize: vertical;
}

.cf7-modern .cf7-input:focus {
  outline: none;
  background: #ffffff;
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

.cf7-button-wrap {
  margin-top: 8px;
}

.cf7-modern .cf7-button,
.cf7-modern input[type="submit"] {
  width: 100%;
  padding: 15px 20px;
  border: none;
  border-radius: 14px;
  background: #de9d46 !important;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.25s ease;
}

.cf7-modern .cf7-button:hover,
.cf7-modern input[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22);
}

.cf7-modern .wpcf7-not-valid-tip {
  margin-top: 6px;
  font-size: 13px;
  color: #dc2626;
}

.cf7-modern .wpcf7-response-output {
  margin-top: 18px !important;
  padding: 12px 14px !important;
  border-radius: 12px;
  font-size: 14px;
}

.ekit-wid-con .ekit-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus, .ekit-wid-con .ekit-form form textarea:focus {
    border-color: #de9d46 !important;
}

.cf7-modern .cf7-input:focus {
    box-shadow: 0 0 0 4px rgb(235 201 37 / 12%) !important;
}

.cf7-modern .cf7-button:hover, .cf7-modern input[type="submit"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 0 4px rgb(235 201 37 / 12%) !important;
}

@media (max-width: 768px) {
  .cf7-row {
    grid-template-columns: 1fr;
  }

  .cf7-modern {
    padding: 22px;
  }
}

.page-content .search-form .search-submit {
	background-color: #de9d46 !important;
}

input[type=search]:focus {
    border-color: #de9d46 !important;
}