/*!
Theme Name: The Digital Department
Theme URI: https://www.thedigitaldepartment.ie/
Author: Vishwajeet Singh
Author URI: https://vishwajeetsinghshrinet.github.io/portfolio/
Description: The Digital Department provides professional web development, ecommerce solutions, and digital marketing services for businesses in Cork and across Ireland. We work with service businesses, professional firms, and B2B companies to improve their online presence, generate leads, increase sales, and enhance visibility across both Google search and modern AI search platforms. Our services include website design, ecommerce development, SEO, paid advertising, AI search marketing, and lead generation — supporting companies that want to grow through high-performance digital strategies.
Version: 1.0.0
*/

:root {
  --full-spacing: 100px;
  --half-spacing: 50px;
  --no-spacing: 0px;
}

.top-margin {
  margin-top: var(--full-spacing);
}

.bottom-margin {
  margin-bottom: var(--full-spacing);
}

.equal-margin {
  margin-top: var(--full-spacing);
  margin-bottom: var(--full-spacing);
}

.top-padding {
  padding-top: var(--full-spacing);
}

.bottom-padding {
  padding-bottom: var(--full-spacing);
}

.equal-padding {
  padding-top: var(--full-spacing);
  padding-bottom: var(--full-spacing);
}

.half-top-margin {
  margin-top: var(--half-spacing);
}

.half-bottom-margin {
  margin-bottom: var(--half-spacing);
}

.half-equal-margin {
  margin-top: var(--half-spacing);
  margin-bottom: var(--half-spacing);
}

.half-top-padding {
  padding-top: var(--half-spacing);
}

.half-bottom-padding {
  padding-bottom: var(--half-spacing);
}

.half-equal-padding {
  padding-top: var(--half-spacing);
  padding-bottom: var(--half-spacing);
}

.no-top-margin,
.no-top-margin * {
  margin-top: var(--no-spacing);
}

.no-bottom-margin,
.no-bottom-margin * {
  margin-bottom: var(--no-spacing);
}

.no-margin,
.no-margin * {
  margin: var(--no-spacing);
}

.no-top-padding,
.no-top-padding * {
  padding-top: var(--no-spacing);
}

.no-bottom-padding,
.no-bottom-padding * {
  padding-bottom: var(--no-spacing);
}

.no-padding,
.no-padding * {
  padding: var(--no-spacing);
}

.text-uppercase {
	text-transform: uppercase !important;
}

.main-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.main-content.double-list ul{
	display:grid !important;
	grid-template-columns:repeat(2,1fr) !important;
	column-gap:30px !important;
	row-gap:5px !important;
}

.main-content ul li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 15px;
    line-height: 1.5;
}


.main-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background-image: url("/wp-content/uploads/2026/09/Icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.main-content.light-icon ul li::before {
	background-image: url("/wp-content/uploads/2026/09/light-icon.svg") !important;
}

.yel-btn .elementor-button {
transition:
box-shadow 0.35s ease,
filter 0.35s ease !important;
box-shadow: none !important;
transform: none !important;
}

.yel-btn .elementor-button:hover {
box-shadow:
0 10px 23px rgba(0, 0, 0, 0.10),
0 0 0 1px rgba(255, 210, 0, 0.20),
0 0 12px rgba(255, 210, 0, 0.40),
0 0 28px rgba(255, 200, 0, 0.28),
0 0 50px rgba(255, 190, 0, 0.18),
0 0 75px rgba(255, 180, 0, 0.10) !important;
filter: brightness(1.02) !important;
transform: none !important;
}

.yel-btn .elementor-button:active {
box-shadow:
0 5px 12px rgba(0, 0, 0, 0.10),
0 0 10px rgba(255, 210, 0, 0.35),
0 0 23px rgba(255, 200, 0, 0.22),
0 0 40px rgba(255, 190, 0, 0.12) !important;
filter: brightness(1.01) !important;
transform: none !important;
}

/* BLUE BUTTON */

.blu-btn .elementor-button {
transition:
box-shadow 0.35s ease,
filter 0.35s ease !important;
box-shadow: none !important;
transform: none !important;
}

.blu-btn .elementor-button:hover {
box-shadow:
0 10px 23px rgba(0, 0, 0, 0.10),
0 0 0 1px rgba(0, 102, 204, 0.20),
0 0 12px rgba(0, 102, 204, 0.40),
0 0 28px rgba(0, 102, 204, 0.28),
0 0 50px rgba(0, 102, 204, 0.18),
0 0 75px rgba(0, 102, 204, 0.10) !important;

filter: brightness(1.02) !important;
transform: none !important;
}

.blu-btn .elementor-button:active {
box-shadow:
0 5px 12px rgba(0, 0, 0, 0.10),
0 0 10px rgba(0, 102, 204, 0.35),
0 0 23px rgba(0, 102, 204, 0.22),
0 0 40px rgba(0, 102, 204, 0.12) !important;
filter: brightness(1.01) !important;
transform: none !important;
}

.contact-box .elementor-image-box-content{
	border-left:1px solid #0066CC;
	padding-left:15px;
}

.contact-box .elementor-image-box-title{
	margin-top:0;
}

.num-counter{
	width:60px;
	height:60px;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
}

@media (max-width: 1850px) {
  :root {
    --full-spacing: 80px;
    --half-spacing: 45px;
  }
	
	.main-content ul li {
    padding-left: 28px;
    margin-bottom: 14px;
}

.main-content ul li::before {
    top: 4px;
    width: 18px;
    height: 18px;
}
}

@media (max-width: 1439px) {
  :root {
    --full-spacing: 70px;
    --half-spacing: 40px;
  }
}

@media (max-width: 1199px) {
  :root {
    --full-spacing: 60px;
    --half-spacing: 35px;
  }
}

@media (max-width: 1023px) {
  :root {
    --full-spacing: 50px;
    --half-spacing: 30px;
  }
}

@media (max-width: 767px) {
  :root {
    --full-spacing: 50px;
    --half-spacing: 30px;
  }
	
	.main-content ul li {
    padding-left: 26px;
    margin-bottom: 14px;
}

.main-content ul li::before {
    top: 3px;
    width: 16px;
    height: 16px;
}
	
.main-content.double-list ul{
	grid-template-columns:1fr !important;
}
	
	.contact-box .elementor-image-box-content{
	border-left:0px solid #0066CC;
	padding-left:0px;
}

.contact-box .elementor-image-box-title{
	margin-top:15px;
}
}