/*
 Theme Name:   DC Site Services
 Description:  Agencium Child Theme
 Theme URI:	   https://demo.artureanec.com/themes/agencium
 Author:       Hotbox Studios
 Author URI:   https://demo.artureanec.com
 Template:     agencium
 Version:      1.0.3
 License: GNU  General Public License version 3.0
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Text Domain:  agencium-child
*/

body {
	color: #fff;
	font-family: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;
}
.top-bar {
	display: none !important;
}
.elementor a {
	color: #f0644d;
}
.icon-dev1:before {
	content: 'sdadads';
}
.page-header-area .header .header-menu-container .main-menu > li.menu-item-3680 ul.sub-menu {
	width: 285px !important;
}
.page-header-area .header .header-menu-container .main-menu > li.menu-item-6462 ul.sub-menu {
	width: 285px !important;
}
.footer_logo img {
	margin-bottom: 10px;
}
.sb_instagram_header  {
	display: none
}
.footer-wrapper {
	margin-top: 3rem
}

.elementor-widget-agencium_testimonial_carousel.show-corner-icon-yes .elementor-widget-container:before {
	content: '';
	background: url('/wp-content/uploads/2026/01/dc_inv.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 90px;
	height: 90px;
}

.sticky-active .logo-link img {
	max-height: 70px;
	width: auto;
}
.footer_links {
	font-size: 13px;
	padding-top: 180px;
	text-align: right;
}
.footer .footer_links a {
	color: #fff;
}



.body-container, 
.edit-post-visual-editor .editor-styles-wrapper {
	background-image: none !important
}
.service-listing-wrapper.service-grid-listing .service-item .service-item-icon {
	background: url(/wp-content/uploads/2026/01/dc_inv.svg);
	background-repeat: no-repeat;
	background-size: 40px;
	width: 40px;
	height: 40px;
	position: relative;
	transition: .4s ease-in-out;
}
.service-listing-wrapper.service-grid-listing .service-item:hover .service-item-icon {
	transform: rotate(224deg);
}


.service-listing-wrapper.service-grid-listing .service-item .service-item-icon i {
	display: none;
}
.service-listing-wrapper.service-grid-listing .service-item:hover .service-item-icon {
	content: " ";
}

#wpforms-submit-6593 {
	border: 1px solid #f45343;
	padding: 10px;
}


.single-agencium_service .page-title-box .page-title{
	max-width: 900px;
}

.content-wrapper .elementor-image-gallery .gallery .gallery-item .gallery-icon:after {
	content: none !important;
}

.page-id-6709 h1.page-title {
	padding-top: 50px !important
}

.acf-galleries-grid{
	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 18px;
	margin: 0 2rem;
}
.acf-gallery-card{
	display:block;
	text-decoration:none;
}
.acf-gallery-thumb{
	border-radius: 10px;
	overflow:hidden;
	height: 200px
}
.acf-gallery-thumb img{
	width:100%;
	height:180px;
	object-fit:cover;
	display:block;
	transition: transform .18s ease;
}
.acf-gallery-card:hover .acf-gallery-thumb img{
	transform: scale(1.03);
}
.acf-gallery-meta{
	padding-top: 10px;
}
.acf-gallery-title{
	font-weight: 600;
}
.acf-gallery-year{
	opacity: .75;
	margin-top: -7px;
}
a.acf-gallery-card {
	color: #fff !important
}
a.acf-gallery-card  .acf-gallery-year {
	color: #fff !important
}


@media (max-width: 800px)
{
	.logo-link img {
		width: 80px !important
	}
	.body-container {
		padding-top: 60px !important
	}
}

@media only screen and (min-width: 1021px) {
.body-container .page-title-container h1.page-title, .body-container .page-title-container .page-title-wrapper .page-title-box, .edit-post-visual-editor__post-title-wrapper .editor-post-title {
	font-size: 77px !important;	
}
}








/* Simple responsive thumbnail grid */
.acf-gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, 140px);
	gap: 14px;
	justify-content: center;
	margin: 0 2rem;
}
.acf-gallery-item{
	display:block;
	border-radius: 10px;
	overflow:hidden;
}
.acf-gallery-item img{
	width:100%;
	height:140px;
	object-fit:cover;
	display:block;
	transition: transform .18s ease;
}
.acf-gallery-item:hover img{
	transform: scale(1.03);
}

/* Lightbox */
.acf-lightbox{
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	padding: 40px;

	background: rgba(0,0,0,.35);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .25s ease, visibility .25s ease;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.acf-lightbox{ background: rgba(0,0,0,.78); }
}

.acf-lightbox.is-open{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.acf-lightbox img{
	display: block;
	max-width: 92vw;
	max-height: 88vh;
	width: auto;
	height: auto;
	object-fit: contain;

	opacity: 0;
	transform: scale(.975);
	transition: transform .25s ease, opacity .25s ease;
}

.acf-lightbox.is-open img{
	opacity: 1;
	transform: scale(1);
}

.acf-lightbox{
	align-items: center !important;
	justify-content: center !important;
}

.acf-lightbox img{
	align-self: center !important;
}
.acf-lightbox{
	align-items: center !important;
	justify-content: center !important;
}

.acf-lightbox img{
	align-self: center !important;
}

/* When open, animate image in */
.acf-lightbox.is-open img{
	opacity: 1;
	transform: scale(1);
}

/* Buttons */
.acf-lightbox__close,
.acf-lightbox__prev,
.acf-lightbox__next{
	position:absolute;
	width:44px;
	height:44px;
	border:0;
	border-radius: 999px;
	background: rgba(255,255,255,.14);
	color:#fff;
	font-size: 26px;
	line-height: 44px;
	cursor:pointer;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.acf-lightbox__close{ top:14px; right:14px; }

.acf-lightbox__prev{
	left:14px;
	top:50%;
	transform: translateY(-50%);
}

.acf-lightbox__next{
	right:14px;
	top:50%;
	transform: translateY(-50%);
}

.acf-lightbox__close:hover,
.acf-lightbox__prev:hover,
.acf-lightbox__next:hover{
	background: rgba(255,255,255,.20);
}

/* Optional: hide arrows on tiny screens (swipe still works) */
@media (max-width: 480px){
	.acf-lightbox__prev, .acf-lightbox__next{ display:none; }
}



.content-wrapper {
	margin: 0px auto 50px !important;
	max-width: 1380px;
}

.acf-lightbox img{
	opacity: 0;
	transform: scale(.975);
	transition: transform .25s ease, opacity .25s ease;
}

.acf-lightbox.is-open img{
	opacity: 1 !important;
	transform: scale(1) !important;
}

body .acf-lightbox.is-open img{
	opacity: 1;
	transform: scale(1);
}

.extra_logo {
text-align: center;
display: flex;
justify-content: center;
}
.extra_logo img {
	width: 150px;
	margin: 30px 10px 0 10px;
}

.body-container .page-title-container .page-title-row, .edit-post-visual-editor__post-title-wrapper {
	padding-top: 100px
}
@media (max-width: 1021px)
{
	.body-container .page-title-container .page-title-row, .edit-post-visual-editor__post-title-wrapper {
		padding-top: 0;
	}
}
@media only screen and (max-width: 901px) {
	.page-title-container .page-title-additional {
		display: none
	}
}

@media (min-width: 1201px)
{
	.page-id-6709 .content-wrapper {
		padding-top: 200px
	}
}

@media only screen and (max-width: 901px) {
	.page-title-container .page-title-row {
		height: auto;
	}
}


.page-title-additional-image {
	right: 0;
	max-width: 35%;
	margin-bottom: 30px;
	max-width: 19vw;
}


#silktide-wrapper {
	--focus: 0 0 0 2px #ffffff, 0 0 0 4px #000000, 0 0 0 6px #ffffff;
	--boxShadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
	--fontFamily: Helvetica Neue, Segoe UI, Arial, sans-serif;
	--primaryColor: #f45343;
	--backgroundColor: #ffffff;
	--textColor: #000000;
	--backdropBackgroundColor: #00000033;
	--backdropBackgroundBlur: 0px;
	--cookieIconColor: #000000;
	--cookieIconBackgroundColor: #FFFFFF;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	pointer-events: none;
	border: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400
}

#silktide-backdrop-global {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: auto;
	border: 0;
	display: none
}

#silktide-wrapper a {
	all: unset;
	display: inline-block;
	color: var(--primaryColor);
	text-decoration: underline
}

#silktide-wrapper a:hover {
	cursor: pointer;
	color: var(--textColor)
}

#silktide-wrapper #silktide-banner button:focus,
#silktide-wrapper #silktide-cookie-icon:focus,
#silktide-wrapper #silktide-modal button:focus,
#silktide-wrapper a:focus {
	outline: 0;
	border-radius: 5px
}

#silktide-banner:focus,
#silktide-wrapper #silktide-cookie-icon:focus {
	border-radius: 50%
}

#silktide-wrapper .st-button {
	color: var(--backgroundColor);
	background-color: var(--primaryColor);
	border: 2px solid var(--primaryColor);
	padding: 10px 20px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	border-radius: 5px
}

#silktide-banner,
#silktide-banner a,
#silktide-modal {
	background-color: var(--backgroundColor)
}

#silktide-wrapper .st-button--primary:hover,
#silktide-wrapper .st-button--secondary {
	background-color: var(--backgroundColor);
	color: var(--primaryColor)
}

#silktide-wrapper .st-button--secondary:hover {
	background-color: var(--primaryColor);
	color: var(--backgroundColor)
}

#silktide-banner {
	pointer-events: auto;
	box-sizing: border-box;
	padding: 32px;
	border-radius: 5px;
	border: 0;
	position: fixed;
	bottom: 16px;
	right: 16px;
	width: 600px;
	max-width: calc(100% - 32px);
	opacity: 0;
	animation: 350ms ease-out .3s forwards silktide-slideInDown
}

#silktide-banner.center {
	top: 50%;
	left: 50%;
	bottom: auto;
	right: auto;
	position: fixed;
	transform: translate(-50%, calc(-50% - 20px));
	animation: 350ms ease-out forwards silktide-slideInDown-center
}

#silktide-banner.bottomLeft {
	bottom: 16px;
	left: 16px;
	position: fixed
}

#silktide-banner.bottomCenter {
	bottom: 16px;
	left: 50%;
	position: fixed;
	transform: translate(-50%, -20px);
	animation: 350ms ease-out forwards silktide-slideInDown-bottomCenter
}

#silktide-banner .preferences {
	display: flex;
	gap: 5px;
	border: none;
	padding: 0;
	background-color: transparent;
	color: var(--primaryColor);
	cursor: pointer;
	font-size: 16px
}

#silktide-banner .preferences span {
	display: block;
	white-space: nowrap;
	text-decoration: underline
}

#silktide-banner .preferences:after {
	display: block;
	content: '>';
	text-decoration: none
}

#silktide-banner p {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 15px;
	color: #000
}

#silktide-banner a {
	display: inline-block;
	color: var(--primaryColor);
	text-decoration: underline
}

#silktide-banner a.silktide-logo {
	display: block;
	fill: var(--primaryColor);
	margin-left: auto;
	width: 24px;
	height: 24px
}

#silktide-banner .actions {
	display: flex;
	gap: 16px;
	flex-direction: column;
	margin-top: 24px
}

#silktide-banner .actions-row {
	display: flex;
	gap: 16px;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex-grow: 1
}

#silktide-modal {
	display: none;
	pointer-events: auto;
	width: 800px;
	max-width: 100%;
	max-height: 100%;
	border: 0;
	opacity: 0;
	animation: 350ms ease-out forwards silktide-slideInUp-center;
	flex-direction: column;
	padding: 30px;
	border-radius: 5px;
	box-sizing: border-box
}

#silktide-modal header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	gap: 16px
}

#silktide-modal h1 {
	font-size: 24px;
	font-weight: 500;
	margin: 0
}

#silktide-modal .modal-close {
	display: inline-flex;
	border: 0;
	padding: 10px;
	cursor: pointer;
	background: var(--backgroundColor);
	color: var(--primaryColor)
}

#silktide-modal .modal-close svg {
	fill: var(--primaryColor)
}

#silktide-modal section {
	flex: 1;
	overflow-y: auto;
	margin-top: 32px;
	padding-right: 7px
}

#silktide-modal section::-webkit-scrollbar {
	display: block;
	width: 5px
}

#silktide-modal section::-webkit-scrollbar-thumb {
	background-color: var(--textColor);
	border-radius: 10px
}

#silktide-modal p {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 15px;
	color: #000;
}

#silktide-modal fieldset:last-of-type,
#silktide-modal p:last-of-type {
	margin: 0
}

#silktide-modal fieldset {
	padding: 0;
	border: none;
	margin: 0 0 32px
}

#silktide-modal legend {
	padding: 0;
	margin: 0 0 10px;
	font-weight: 700;
	font-size: 16px;
	color: #000;
}

#silktide-modal .cookie-type-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 24px
}

#silktide-modal .switch {
	flex-shrink: 0;
	position: relative;
	display: inline-block;
	height: 34px;
	width: 74px;
	cursor: pointer
}

#silktide-modal .switch:focus-within {
	outline: 0;
	box-shadow: var(--focus);
	border-radius: 25px
}

#silktide-modal .switch input {
	opacity: 0;
	position: absolute
}

#silktide-modal .switch__pill {
	position: relative;
	display: block;
	height: 34px;
	width: 74px;
	background: var(--textColor);
	border-radius: 25px
}

#silktide-modal .switch__dot {
	position: absolute;
	top: 2px;
	left: 2px;
	display: block;
	height: 30px;
	width: 30px;
	background: var(--backgroundColor);
	border-radius: 50%;
	transition: left 150ms ease-out
}

#silktide-modal .switch__off,
#silktide-modal .switch__on {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
	color: var(--backgroundColor);
	position: absolute;
	top: 7px;
	right: 8px;
	transition: right 150ms ease-out, opacity 150ms ease-out
}

#silktide-modal .switch__off {
	opacity: 1
}

#silktide-modal .switch__on {
	opacity: 0
}

#silktide-modal .switch input:checked+.switch__pill {
	background: var(--primaryColor)
}

#silktide-modal .switch input:checked~.switch__dot {
	left: calc(100% - 32px)
}

#silktide-modal .switch input:checked~.switch__off {
	right: calc(100% - 32px);
	opacity: 0
}

#silktide-modal .switch input:checked~.switch__on {
	right: calc(100% - 34px);
	opacity: 1
}

#silktide-modal .switch input:disabled+.switch__pill {
	opacity: .65;
	cursor: not-allowed
}

#silktide-modal footer {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 24px
}

@media (min-width:600px) {

	#silktide-banner .actions,
	#silktide-modal footer {
		flex-direction: row;
		align-items: center
	}
}

#silktide-modal footer a {
	margin-left: auto
}

.privacy-policy #silktide-cookie-icon {
	display: flex !important
}

#silktide-cookie-icon {
	position: fixed;
	bottom: 10px;
	left: 10px;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	padding: 0;
	border: none;
	background-color: var(--cookieIconColor);
	cursor: pointer;
	box-shadow: 0 0 6px 0 #0000001a;
	pointer-events: auto;
	animation: .3s ease-in-out forwards silktide-fadeIn
}

#silktide-cookie-icon.bottomRight {
	left: auto;
	right: 10px
}

#silktide-cookie-icon svg {
	fill: var(--cookieIconBackgroundColor)
}

#silktide-backdrop {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--backdropBackgroundColor);
	backdrop-filter: blur(var(--backdropBackgroundBlur));
	pointer-events: all
}

@keyframes silktide-fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes silktide-slideInDown {
	from {
		opacity: 0;
		transform: translateY(-20px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes silktide-slideInDown-center {
	from {
		opacity: 0;
		transform: translate(-50%, calc(-50% - 20px))
	}

	to {
		opacity: 1;
		transform: translate(-50%, -50%)
	}
}

@keyframes silktide-slideInDown-bottomCenter {
	from {
		opacity: 0;
		transform: translate(-50%, -20px)
	}

	to {
		opacity: 1;
		transform: translate(-50%, 0)
	}
}

@keyframes silktide-slideInUp-center {
	from {
		opacity: 0;
		transform: translate(0, 20px)
	}

	to {
		opacity: 1;
		transform: translate(0, 0)
	}
}

#silktide-wrapper .st-button.reject-all {
	border: 2px solid var(--primaryColor);
	background-color: #fff;
	color: var(--backgroundColor);
}

#silktide-wrapper .st-button.preferences-save,
#silktide-wrapper .st-button.reject-all {
	background-color: var(--backgroundColor);
	border: 2px solid var(--primaryColor);
	color: var(--primaryColor)
}



@media (max-width:768px) {
	.page-id-6681 .elementor-image-gallery {
		min-height: 360px;
	}
}

/* Elementor Basic Gallery: prevent parent collapsing on mobile */
@media (max-width: 767px) {
  .elementor-image-gallery .gallery,
  .elementor-image-gallery .gallery-item,
  .elementor-image-gallery .gallery-icon,
  .elementor-image-gallery .gallery-icon a {
	height: auto !important;
	min-height: 1px;
  }

  .elementor-image-gallery img {
	display: block;
	width: 100%;
	height: auto !important;
  }
}

@media (max-width: 767px) {
 .page-id-6681 .elementor-image-gallery {
	flex: 0 0 auto;
	min-height: 40px; /* just needs to be non-zero */
  }
}