/** Global **/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: "ClintonBold";
    src: url("../font/ClintonBold.ttf"),format('truetype');
}
* {
  font-family: poppins;
}
.page-content, .entry-content, .entry-summary,.post, .page {  margin: 0 !important;}
.entry-header{display:none;}
.container{max-width:1550px;}
.pad{padding:clamp(50px, 2.1154rem + 4.4872vw, 120px) 20px;}
.pad_top{padding:clamp(50px, 2.1154rem + 4.4872vw, 120px) 20px 0;}
.pad_bottom{padding:0 20px clamp(50px, 2.1154rem + 4.4872vw, 120px);}

.home.site-header:not(.fixed) .main-navigation {	margin-block: 30px;}
.clinton{font-family:clintonbold;}

.red-icon {  width: 90px;  height: 85px;  display: flex; justify-content: center;  align-items: center;  border-radius: 15px;  background: #d52d1b;}
.red-icon.sm {  width: 60px;  height: 60px;}
.red { color: #d52d1b;}

/** Header **/
#masterhead {  background: linear-gradient(#00000070 0%, transparent 80%,transparent);  position: absolute;  width: 100%;  top: 0;  z-index: 99;  padding: 20px;}
#masterhead.fixed{position: fixed;  background: #21211c73;}
#masterhead.fixed .site-branding{max-width:100px;}
header #site-navigation .nav-menu {  background: #d52d1b;  border-radius: 30px;}
header #site-navigation .nav-menu li {  padding: 10px 30px;  text-transform: uppercase;  font-family: poppins;  font-weight: 500;  letter-spacing: 1px;  position:relative;}
header #site-navigation .nav-menu li:not(:last-child)::after {  content: '';  background: #0b233d;  height: 7px;  width: 7px;  position: absolute;  right: 0;  top: calc(50% - 3px);  border-radius: 50%;}
header #site-navigation .nav-menu li > a {  color: #fff;}
header #site-navigation .nav-menu li.current_page_item > a, header #site-navigation .nav-menu li> a:hover{  color: #0b233d;}
header .main-navigation ul ul {  background: #f4f4f4;}
header #site-navigation .nav-menu li ul a{color:#0b233d;}
header #site-navigation .nav-menu li ul a:hover {  color: #d52d1b ;}
.menu-toggle {  background: transparent;  color: #fff; font-size: 24px;  padding: 0;	border: none;}
@media(max-width:1040px){
	header #site-navigation .nav-menu {  border-radius: 0;  position: absolute;  width: 100vw;  left: 50%;  transform: translate(-50% , 20px);}
	header #site-navigation.toggled .nav-menu{	display: flex; flex-direction: column;			}
	
	.site-branding { max-width: 100px;}
	
	header #site-navigation .nav-menu li:not(:last-child)::after {content:unset;}
	#masterhead.fixed .site-branding{max-width:80px;}
	header .main-navigation ul ul {  position: unset;    background: transparent;    box-shadow: none;display: flex;    flex-direction: column;    width: 100%;}
	header #site-navigation .nav-menu li ul a{color:#fff;}
header #site-navigation .nav-menu li ul a:hover { color:#0b233d;}
	header .main-navigation ul ul a{width:100%;}
}

/** Inside **/


#acfGalleryGrid { display: grid;  grid-template-columns: repeat(3,minmax(0,1fr));  gap: 30px;}
.acfGalleryItem img {  height: 315px;	width: 100%;}
.acfGalleryItem{	border-radius:20px;	position:relative;	overflow:hidden;}
.acfGalleryTitle { position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  background: #223e5db5;  z-index: 2;  display: flex;  color: #fff;  justify-content: center;  align-items: center; pointer-events: none;  opacity:0;  transition:300ms;}
.acfGalleryItem:hover .acfGalleryTitle {  opacity: 1;}
.acfGalleryTitle::after {  width: calc(100% - 20px);  content: '';  position: absolute;  height: calc(100% - 20px);  top: 10px;  left: 10px;  border: 1px solid #fff;  border-radius: 15px;}
.acfGalleryTitle h5{font-size:clamp(22px,1.2596rem + 0.5128vw,30px);padding:15px;text-align: center;}

#acfGalleryLoadMore {  background-color: #144bc3;  color: #fff;  font-size: 18px;  font-weight: 600;  border-radius: 30px;  padding: 15px 35px;}
#acfGalleryLoadMore:hover{	background-color: #1a4a9b;  color: #ffffff;}
@media (max-width:991px){
	.acfGalleryItem img {height: 280px;}
	#acfGalleryGrid {grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media (max-width:768px){
	.acfGalleryItem img {	height: 200px;}
	#acfGalleryGrid {grid-template-columns: repeat(auto-fit, minmax(280px, 360px));}
}

.ptg-tabs { color: #fff; list-style-type: none; background: #375576;  border-radius: 15px;  font-size: 18px; font-weight: 600;}
.ptg-tab{cursor:pointer;}
.ptg-tab.is-active,.ptg-tab:hover {  color: #8ec5ff;}
.ptg-tab:not(:last-child) {  border-right: 1px solid #5c7999;}
.ptg-grid {  display: grid;  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 30px;	padding-top: clamp(30px, 1.5144rem + 1.6026vw, 55px);}
.ptg-card .ptg-link{text-decoration:none; color: #fff;}
.ptg-title {  font-size: clamp(20px,1.0385rem + 0.3846vw,24px); margin: 20px 0;}
.ptg-terms {  list-style-image: url(https://antoninstalstg.wpenginepowered.com/wp-content/uploads/2026/02/tag_icon.png);  color:#bfcbd8;}
.ptg-terms.dark {  list-style-image: url(https://antoninstalstg.wpenginepowered.com/wp-content/uploads/2026/02/tag_icon_black-1.png);  color: #233f5d;  gap:10px 40px;}

.ptg-img img {  width: 100%;  height: 270px;  object-fit: cover;  object-position: center;  border-radius: 20px;}

.single-project-head { align-items: center;  display: flex;  flex-direction: column;  justify-content: center;  min-height: 50vh;  text-align: center;  background: linear-gradient(180deg,rgba(20,20,17,0.86) 0%,rgba(97,97,97,0.36) 50%,#f4f4f4 100%),url(https://antoninstalstg.wpenginepowered.com/wp-content/uploads/2026/02/inner_banner.jpg) top center /cover no-repeat;}
.single-project-head  .project-title {  color: #fff; font-size: clamp(35px, 1.8269rem + 1.6026vw, 60px);  max-width: 1080px;}
.project-thumbnail img {  border-radius: 15px;}
.project-single-dtls {  color: #62686f;  font-size: 18px;  padding: 0 20px clamp(50px, 2.1154rem + 4.4872vw, 80px);}

.glightbox-clean h4.gslide-title {  margin: 0;  font-size: 18px;}

.contact-page-form {
  color: #fff;
  .iso-section {
    margin-top: 30px;
    &.center {
      text-align: center;
    }
  }
  p {margin-bottom: 0px}
  .wp-block-columns {gap: 20px; margin-bottom: 25px}
  .hadar {
    --stop-distance: 10px;
    background: linear-gradient(to right, #d52d1b var(--stop-distance), #363b40 var(--stop-distance));
    font-size: clamp(16px,1.0385rem + 0.3846vw,24px);
    padding-block: 5px;
    padding-inline: calc(var(--stop-distance) + 20px);
    border-radius: 10px;
    margin-bottom: 20px;
  }
  input:not([type="submit"], [type="checkbox"], [type="radio"]), textarea, select {
    width: 100%;
    border: 1px solid #acacac;
    border-radius: 30px;
    background-color: rgba(255,255,255,0);
    padding: 15px 25px;
    color: #b2b5b8;
    max-height: 90px;
	  outline:none;
  }
	input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus{
		color:#fff;
		border-color:#d52d1b;
	}
  label {
    margin-bottom: 15px;
  }
  .codedropz-upload-handler {
    border: 1px solid #acacac;
    border-radius: 30px;
    .dnd-upload-counter {
      margin-right: 10px
    }
  }
  .codedropz-upload-inner {
    font-size: clamp(16px,1.0385rem + 0.3846vw,24px);
    color: #b2b5b8;
    .cd-upload-btn {
      font-size: 18px;
      color: #b2b5b8;
      text-decoration: underline !important;
      text-underline-offset: 5px !important;
    }
  }
  input[type="submit"] {
    align-items: center;
    background-color: #144bc3;
    color: #ffffff;
    display: inline-flex;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 30px;
    padding: 15px 35px;
    border: none;
    margin-top: 20px;
	  min-width: 220px;
    &:is(:hover, :focus) {
      background-color: #1a4a9b;
      color: #ffffff;
    }
  }
  .wpcf7-spinner {position: absolute;margin-top: 30px;}
}

/** Footer **/
#colophon {  padding: 20px 20px clamp(50px, 2.4038rem + 3.2051vw, 100px);}
.f-logo img {  max-width: 50%;}
footer a{color:#fff; text-decoration:none;}
footer a:hover{color:#2a2b2f;}
.red-footer {  max-width: 1785px;  margin: auto;  background: linear-gradient(to left,#d52e1b 65%,#d52e1bba 100%),url(https://antoninstalstg.wpenginepowered.com/wp-content/uploads/2026/02/footer_bg.png) left center;  color: #fff;  background-size: auto 100%;  background-repeat: no-repeat;  padding: clamp(50px, 1.226rem + 2.8846vw, 75px) 20px 40px;  border-radius: 25px;}
.footer-inside {  max-width: 1280px;  margin: auto;}
.footer-nav a {  color: #fff;  text-transform: uppercase;  text-decoration: none;}
.footer-nav a:hover{color:#2a2b2f;}
.footer-nav {  list-style-type: none;  gap: 20px clamp(30px, 1.226rem + 2.8846vw, 75px);}
.f-icon-box svg {  background: #28292d;  width: 20px;  height: 20px;  padding: 10px;  border-radius: 50%;}
.f-icon-box {max-width: 1000px;margin: auto;  font-size: 18px;  font-weight: 500;  padding: 40px 0;}
footer .nav {  border: solid #fff;  border-width: 1px 0;}
.f-social svg {  height: 15px;  padding: 3px;  width: 15px;  background: #28292d;  border-radius: 5px;}
.copyright{color:#28292d; font-weight:500;}
.copyright a:hover{color:#fff;}
.images-grid {
  max-width: 1170px;
  margin-inline: auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:20px 30px;
  img {
    margin-bottom: 10px;
    height: 300px;
    object-fit: cover;
    border-radius: 15px;
  }
}
.featured-projects a {
	text-decoration: none;
	&:hover {
		background-color: #ddd;
	}
}