/*
 Theme Name:   GeneratePress Child - Event Solutions
 Theme URI:    https://wpquik.com
 Description:  Custom Child theme for Event Solutions by Usama Masood (@WPQuik.com)
 Author:       Usama Masood
 Author URI:   https://usamamasood.com
 Template:     generatepress
 Version:      0.1
*/

/* GeneratePress Site CSS */ /* Sidebar */
.inside-right-sidebar ul.wp-block-categories-list {
	display: flex;
	flex-direction: column;
	row-gap: 0.3em;
	list-style: none;
	margin-left: 0.1em;
	margin-bottom: 0;
}

.inside-right-sidebar ul.wp-block-categories-list li a {
	color: var(--contrast);
}

.inside-right-sidebar ul.wp-block-categories-list li a:hover {
	color: var(--base);
}

/** Custom CSS for What-we-do heading **/

.custom-what-we-do-heading {
	  display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5em;
    text-align: center;
}

@media (max-width: 768px) {
	.sidebar.is-right-sidebar {
		margin-top: 60px;
	}
} /* End GeneratePress Site CSS */


/*** Custom CSS For Homepage Form ***/
#gform_wrapper_1 {
    max-width: 530px;
    margin: 0 auto;
}

#gform_1 input {
    padding: 25px 15px;
}

#gform_wrapper_1 .gform_fields {
    row-gap: 16px;
}

/** second form styling **/
#gform_wrapper_2 {
    max-width: 650px;
    margin: 0 auto;
}

#gform_2 input {
    padding: 25px 15px;
}

#gform_wrapper_2 .gform_fields {
    row-gap: 16px;
}


/** Header Navigation border bottom **/
.inside-header {
    border-bottom: 2px solid white;
}

.svg-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  width: max-content;
  position: absolute;
  top: 50px;
  left: 10px;
  z-index: 10;
	row-gap: 5px
}
.svg-icon svg {
  width: 30px;
  height: 30px;
  fill: white;
  transition: transform 2.5s ease-in-out;
}


/** rotate single arrow icon **/
.rotate-on-loop {
  transition: transform 3s ease-in-out;
  display: inline-block;
}


/** icons container wrapper **/
.icon-container-wrapper {
	  position: relative;
    min-height: 200px;
    min-width: 100px;
}

/** Oval shape - Meet the Team **/
.word-with-oval {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.word-with-oval::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%; /* Adjust size */
  height: 120%;
  background: url('/wp-content/uploads/2025/05/Img.svg') no-repeat center center;
  background-size: contain;
  transform: translate(-50%, -50%);
  z-index: -1;
}

/** 3-stars icon set styling **/
.star-cluster {
  position: relative;
  width: 130px; /* enough space for layout */
  height: 80px;
}

.star {
  position: absolute;
  animation-timing-function: linear;
}

/* First large star on the left */
.star-left {
  width: 60px;
  height: 60px;
  left: 0;
  top: 0;
}

/* Second large star slightly lower and right */
.star-lower {
  width: 60px;
  height: 60px;
  left: 65px;
  top: 50px;
}

/* Small star, aligned vertically with first, but smaller */
.star-small {
	width: 35px;
    height: 35px;
    left: 130px;
    top: 13px;
}

/** OUR CLIENTS section - Custom star alignment **/
.our-clients .star-cluster {
	top: -110px;
	left: -110px;
}

.our-clients .star-lower {
	left: 35px;
}

.our-clients .star-small {
	left: 0;
}

/** Footer stars grid 3x3 styling override **/
.footer-main-container .svg-grid-container {
	left: auto;
	right: 70px;
	top: 40px;
	row-gap: 0;
}

.footer-main-container .svg-icon svg {
	width: 15px;
	height: 15px;
}


/** Request a quote - header button vertical align **/
.main-navigation .gb-text-8b98dc8d {
    margin: 0;
}


@media only screen and (max-width: 768px) {
  
	.svg-grid-container .svg-icon svg {
			width: 20px;
			height: 20px;
	}
	
	/** REQUEST A QUOTE BUTTON fix for mobile **/
	.gb-text-8b98dc8d {
    padding: 1rem;
	}
	
}


/** Gravity Form Contact-Us page styling **/
.contact-us-custom-styling_wrapper p.gform_required_legend {
    display: none;
}

.contact-us-custom-styling_wrapper.contact-us-custom-styling_wrapper  input {
    padding: 27px 15px;
    border-radius: 6px;
    color: #1d3145!important;
}

.contact-us-custom-styling_wrapper.gform-theme--foundation .gform_fields {
  grid-row-gap: 20px;
column-gap: 20px;
}

body .contact-us-custom-styling_wrapper ::placeholder,
body .contact-us-custom-styling_wrapper ::-webkit-input-placeholder,
body .contact-us-custom-styling_wrapper input[placeholder] {
    color: #808080;
    font-size: 15px;;
}

.contact-us-custom-styling_wrapper input[type="submit"] {
    width: 100%!important;
    background-color: var(--accent)!important;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
    text-transform: uppercase!important;
		color: #fff!important;
}

/** confirmation message box **/
.gform_confirmation_message {
    text-align: center;
    margin-top: 100px;
    background: #f99d17;
    padding: 20px;
    border-radius: 6px;
}

#team.case-study-page .word-with-oval {
	background-size: cover;
    padding: 30px;
}

#services.case-study-page .word-with-oval {
	background-size: cover;
    padding: 40px;
}

/** WHITE LINE SEPARATOR - 80% WIDTH **/
.white-80pc-line {
	width: 80%;
    margin: 60px auto;
    border-top: 1px solid #fff;
}

/** Outline text heading **/
.outline-text-white {
	-webkit-text-stroke: 1px white;
    color: transparent !important;
}

/** fixing blog color **/
.archive .gb-text-85eaa2f7 a,
.blog .gb-text-85eaa2f7 a {
    color: var(--accent);
}

.archive .gb-text-85eaa2f7 a:hover,
.blog .gb-text-85eaa2f7 a:hover {
    color: #fff;
}

/** button color fix **/
.blog .gb-text-103374aa,
.archive .gb-text-103374aa {
    background-color: #1d3145;
    color: var(--accent);
}

.blog .gb-text-103374aa:hover,
.archive .gb-text-103374aa:hover {
    background-color: var(--accent);
    color: #10142c;
}

.blog .gb-text-ab802542 a:hover,
.archive .gb-text-ab802542 a:hover {
    color: var(--accent);
}

/** Padding top on Archive pages **/
.archive #content,
.error404 #content,
.search .site-content {
    padding-top: 160px;
}


/** Margin top fix for single Past event **/
.pastevent-template-default .entry-content {
    margin-top: 0;
}

ul.list-with-margin-top-10 li {
	margin-top: 10px;
}

/** FOOTER RECENT POSTS STYLING **/
.footer-recent-posts-widget {
    margin-left: 0;
}

.footer-recent-posts-widget li {
    border-bottom: 1px solid #eaeaea4a;
    padding: 13px 0;
    border-style: dashed;
    line-height: 1.5;
    font-size: 16px;
}

.footer-recent-posts-widget li a:hover {
    color: var(--accent);
}

.footer-recent-posts-widget li:first-child {
    padding-top: 0;
}

.footer-recent-posts-widget li:last-child {
    border-bottom: none;
}

.no-margin-left {
	margin-left: 0;
}

/** Company Heading fix - mobile only **/
@media only screen and (max-width: 767px) {
    .page-id-4455 .custom-what-we-do-heading img {
        display: block;
        margin: 0 auto;
    }
}


@media only screen and (min-width: 768px) {
	/** Awards container timeline **/
	#awards-main-container {
	  position: relative;
	}

	#awards-main-container::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: calc(16%);
	  width: 1px;
	  background-color: #ffffff;
	  z-index: 1;
	}
}