/*
Theme Name: Gutenify Exosphere Child
Theme URI: https://gutenify.com/themes/gutenify-exosphere
Template: gutenify-exosphere
Author: Codeyatri
Author URI: https://gutenify.com
Description: Gutenify Exosphere is modern block-based theme where you can build your own unique looking website by using WordPress Blocks Editor. Gutenify Exosphere is a multipurpose block based free theme, the theme is built in accordance of Full Site Editing features introduced in WordPress 5.9, which means that all the aspects including colors, typography, and the layout of every single page on your site can be customized to suit your need.The true efficiency of Gutenify Exosphere Theme lies in its customizability with combination of Gutenify Plugin. With Gutenify Plugin you can create different customized template, you can also use its in-built template kits and then further customize them according to your needs. Furthermore, using different blocks in combination of Gutenify Plugin’s solid additional blocks, each website will garner an exhibit look. With strong typography, and simple design, we want to achieve unique look for every website. Gutenify Plugin offers a wide variety of flexible and easy to use blocks which will make your website in combination with truly unique spectacle. You can create. A single-page website, a blog, a Exosphere website, a portfolio, a construction site, or an bizlite site, Gutenify Corporate with Gutenify Plugin will help you create something unique which you can truly call yours.Official Support Forum: https://gutenify.com/contact/
Tags: full-site-editing,portfolio,e-commerce
Version: 1.0.1.1753949271
Updated: 2025-07-31 08:07:51

*/

/**/
.wp-block-columns.are-vertically-aligned-center.has-background-secondary-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-8351d469.wp-block-columns-is-layout-flex
 {
    box-shadow: 0px 0px 12px #0009 !important;
}

/**/
.wp-block-media-text.is-stacked-on-mobile.is-vertically-aligned-center.has-border-color.has-background-secondary-border-color.has-background-secondary-background-color.has-background {
    min-height: 350px !important;
}
.wp-block-media-text.is-stacked-on-mobile.is-vertically-aligned-top.is-image-fill-element.has-border-color.has-background-secondary-border-color.has-background-secondary-background-color.has-background {
    min-height: 350px !important;
}
.wp-block-media-text.is-stacked-on-mobile.is-vertically-aligned-top.has-border-color.has-background-secondary-border-color.has-background-secondary-background-color.has-background {
    min-height: 350px !important;
}

/**/
a.wp-block-navigation-item__content.a :hover {
    color: #e92b2b !important;
}

/*Image Position
img.wp-image-1348 {
    object-position: 6% !important;
}

img.wp-image-1349 {
    object-position: 5% !important;
}

img.wp-image-1778 {
    object-position: 11% !important;
}

img.wp-image-1779 {
    object-position: 34% !important;
}

img.wp-image-1359 {
    object-position: 33% !important;
}

img.wp-image-1467 {
    object-position: 2% !important;
}

/*overlay on image upon hover //Not Working/ Need as the media and text in wp doesn't support it


figure#hover-overlay6{
	position: relative !important;
	display: inline-block !important;
}

figure#hover-overlay6::after{
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	background: rgba(0, 0, 0, 0.5) !important;
	opacity: 1 !important;
	transition: opacity 1.3s ease !important;
	border-radius: 20px;
}

figure#hover-overlay6:hover::after{
	position: relative !important;
	display: inline-block !important;
}
*/

/**/
.wp-block-group.alignwide.is-layout-grid.wp-container-core-group-is-layout-200e37f5.wp-block-group-is-layout-grid
.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow
.wp-block-media-text.is-stacked-on-mobile.has-background {
    box-shadow: 0 0 18px #c5c5c5 !important;
}


/*Services Carousel*/
/*Carousel Swiper Button*/
.cb-button-prev.swiper-button-prev {
    color: white !important;
}

.cb-button-next.swiper-button-next {
    color: white !important;
}

.wp-block-group.alignwide.has-border-color.has-background-background-color.has-background.wp-container-content-8d1725e3.is-layout-grid.wp-container-core-group-is-layout-2f0ee399.wp-block-group-is-layout-grid {
    height: 300px !important;
}

/*Carpusel Container Height*/

.swiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden
  .cb-wrapper.swiper-wrapper
  .wp-block-columns.has-border-color.has-background-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
  height: 275px !important;
}


.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-d68d370f.wp-block-columns-is-layout-flex {
    height: 325px !important;
}

/*Background image reduction for carousel*/
.gutenify-section-32a0e4d0-aa77-11ef-8fd4-e91825962fdc.wp-block-cover.alignfull 
.wp-block-cover__image-background.wp-image-2138.size-large {
    height: 85% !important;
}


.gutenify-section-32a0e4d0-aa77-11ef-8fd4-e91825962fdc.wp-block-cover.alignfull {
    background: #f8f8f8 !important;
}

/*Navigation Menu Items Upon hover*/
.wp-block-navigation .wp-block-navigation-item__content {
  position: relative;
  display: inline-block;
  padding: 4px 15px;
  color: black !important;
  background-color: transparent;
  overflow: hidden;
  border-radius: 0;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

.wp-block-navigation .wp-block-navigation-item__content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
	color: #E12828 !important;
  height: 4px; 
  background: #E12828;
  transform: translateX(-50%);
  transition: width 0.3s ease-in-out;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: #E12828 !important;
}

.wp-block-navigation .wp-block-navigation-item__content:hover::after {
  width: 70%;
}

/*Hover effect in the body content's headers*/
.wp-block-heading.has-red-hat-display-font-family.has-normal-font-size a:hover {
    color: #E12828 !important;
}

.wp-block-heading.has-text-align-center.has-foreground-color.has-text-color.has-link-color.has-red-hat-display-font-family.has-big-font-size.wp-elements-bb20e18a3ca0798309dff7b2743a4818 a:hover {
	color: #E12828 !important;
}


/*Active Menu Item*/
.wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
  position: relative;
  display: inline-block;
  padding: 4px 15px;
  color: #E12828 !important;
  background-color: transparent;
  overflow: hidden;
  border-radius: 0;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

.wp-block-navigation .current-menu-item .wp-block-navigation-item__content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 70%;
  height: 4px; 
	color: #E12828 !important;
  background: #E12828 !important;
  transform: translateX(-50%);
}


/*Navigation Menu Button Upon hover*/
.is-style-outline.wp-block-button.is-style-outline--2 > a.wp-block-button__link.has-foreground-color.has-text-color.has-link-color.has-red-hat-display-font-family.wp-element-button {
  display: inline-block;
  line-height: 1.6;
  color: inherit;
  border: 2px solid currentColor;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.is-style-outline.wp-block-button.is-style-outline--2 > a.wp-block-button__link.has-foreground-color.has-text-color.has-link-color.has-red-hat-display-font-family.wp-element-button:hover {
  color: #E12828 !important;
  border-color: #E12828 !important;
}



/**/
.wp-block-columns.has-background-secondary-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-28747e1f.wp-block-columns-is-layout-flex{
	height: 275px !important;
}

/*Team Carousel*/
.wp-block-cover.is-light .wp-block-cover__image-background.wp-image-1250 {
  height: 70%;
  border-radius: 20px;
}

/*Mobile View*/
/*Nav Bar button*/
@media (max-width: 1015px) {
.nav-button-contain.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
    display: none !important;
	}}
	
/*footer*/
@media (max-width: 565px) {
	.wp-container-content-a7057f16 {
    grid-column: span 4 !important;
    grid-row: span 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}
	
.wp-block-columns.alignwide.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex 
.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
    flex: 0% !important;
}
	
.wp-container-core-group-is-layout-200e37f5 {
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}

}

.wp-container-core-group-is-layout-82764ef8 > .alignwide {
    max-width: 100% !important;
}

/*Hover Effects*/
.wp-block-media-text__content .wp-block-heading.has-alexandria-font-family.has-normal-font-size a:hover {
    color: #cf2e2e !important;
}

.wp-block-group.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex
.wp-block-heading.has-text-align-left.has-foreground-color.has-text-color.has-link-color.has-alexandria-font-family.has-big-font-size.wp-elements-5a47303b277deb414047e7b8def6aa2b
a:hover {
    color: #cf2e2e !important;
}

.wp-block-buttons.is-content-justification-left.is-layout-flex.wp-block-buttons-is-layout-flex
.wp-block-button 
.wp-block-button__link.has-foreground-color.has-background-background-color.has-text-color.has-background.has-link-color.has-regular-font-size.has-text-align-center.has-custom-font-size.wp-element-button:hover {
    background-color: #333 !important;
    color: #fff !important;
    text-decoration: none;
    transition: all 1s ease;
}

.wp-block-buttons.is-content-justification-left.is-layout-flex.wp-block-buttons-is-layout-flex
.is-style-fill.wp-block-button 
.wp-block-button__link.has-background-color.has-vivid-red-background-color.has-text-color.has-background.has-link-color.has-regular-font-size.has-custom-font-size.wp-element-button:hover {
    background-color: #fff !important;
    color: #cf2e2e !important;
    border: 2px solid #a6212e !important;
    transition: all 1s ease;
}

.wp-block-buttons.is-content-justification-center.is-layout-flex.wp-block-buttons-is-layout-flex
.wp-block-button 
.wp-block-button__link.has-background-color.has-vivid-red-background-color.has-text-color.has-background.has-link-color.has-border-color.has-background-border-color.wp-element-button:hover {
    background-color: #fff !important;
    color: #cf2e2e !important;
    border: 2px solid #cf2e2e !important;
    transition: all 1s ease;
}

.wp-block-buttons.is-content-justification-center.is-layout-flex.wp-block-buttons-is-layout-flex
.is-style-outline.wp-block-button.is-style-outline--15
.wp-block-button__link.has-background-color.has-text-color.has-link-color.has-border-color.has-background-border-color.wp-element-button:hover {
    background-color: #cf2e2e !important;
    color: #fff !important;
    border-color: white !important;
    transition: all 1s ease;
}

.wp-block-buttons.is-content-justification-left.is-layout-flex.wp-block-buttons-is-layout-flex
.is-style-fill.wp-block-button 
.wp-block-button__link.has-background-color.has-vivid-red-background-color.has-text-color.has-background.has-link-color.has-border-color.has-background-border-color.wp-element-button:hover {
    background-color: transparent !important;
    color: #cf2e2e !important;
    border: solid #cf2e2e !important;
    transition: all 1s ease;
}

.wp-block-buttons.is-horizontal.is-content-justification-center.is-layout-flex.wp-block-buttons-is-layout-flex
.is-style-outline.wp-block-button.is-style-outline--8
.wp-block-button__link.has-background-color.has-text-color.has-link-color.has-border-color.has-background-border-color.wp-element-button:hover {
    background-color: #cf2e2e !important;
    color: #fff !important;
    border-color: white !important;
    transition: all 1s ease;
}

.wp-block-buttons.is-content-justification-center.is-layout-flex.wp-block-buttons-is-layout-flex
.wp-block-button__link.has-foreground-color.has-background-background-color.has-text-color.has-background.has-link-color.has-text-align-center.wp-element-button:hover {
    background-color: #cf2e2e !important;
    color: #fff !important;
    border-color: white !important;
    transition: all 1s ease;
}

.wp-block-buttons.is-content-justification-center.is-layout-flex.wp-block-buttons-is-layout-flex
.wp-block-button__link.has-foreground-color.has-background-background-color.has-text-color.has-background.has-link-color.wp-element-button:hover {
    background-color: #cf2e2e !important;
    color: #fff !important;
    border-color: white !important;
    transition: all 1 ease;
}

/*Footer Icon hover effect*/
.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow > .wp-block-image.aligncenter.size-full.is-resized img {
  transition: transform 0.3s ease;
}

.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow > .wp-block-image.aligncenter.size-full.is-resized:hover img {
  transform: scale(1.2);
}


/**/
@media (max-width: 900px) {
  .wp-block-navigation .wp-block-navigation__responsive-container-content 
  ul.wp-block-navigation__container 
  li.wp-block-navigation-item 
  a {
    text-align: center !important;
    display: block;
  }
}

/*Button Hover Effect on Contact Form*/
.wpforms-submit {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background: #cf2e2e;
    color: white;
    border: 2px solid white;
    border-radius: 10px;
    cursor: pointer;
    transition: all 1s ease;
	box-shadow: 0 0 18px #c5c5c5;
}

.wpforms-submit:hover {
    background: white;
    color: #cf2e2e;
    border: 2px solid #cf2e2e;
	box-shadow: 0 0 18px #c5c5c5;
}


/*Nav Bar CSS fix in Mobile and Table View*/
@media (max-width: 900px) and (min-width: 767px) {
  .has-text-color.is-responsive.items-justified-right.wp-block-navigation.is-content-justification-right.is-layout-flex.wp-container-core-navigation-is-layout-d445cf74.wp-block-navigation-is-layout-flex {
    float: right;
  }

.nav-menu.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
  flex: 0 0 81% !important;
  max-width: 81% !important;
}

}

/* Partners Logo CSS fix in Mobile and Table View*/
@media (max-width: 555px) {
  .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28b55a6e.wp-block-columns-is-layout-flex 
  > .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
    flex: 20% !important;
  }
	
	.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex
	> .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
		flex: 40% !important;
	}
	
	h2.wp-block-post-title.has-extra-large-font-size.has-alexandria-font-family {
    text-align: center !important;
	}
	
	.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow > .has-foreground-color.has-text-color.has-link-color.has-red-hat-display-font-family.has-regular-font-size.wp-elements-2c4cdbd2fa4fd6c1bef1a9c0dce24d60{
		text-align: center !important;
	}

	}
}

@media (min-width: 556px) and (max-width: 780px) {
  .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28b55a6e.wp-block-columns-is-layout-flex 
  > .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
    flex: 30% !important;
  }
}

/*Social Icon Adjustment for differentg view*/
@media (min-width: 1250px) {
  .wp-block-group.alignwide.is-layout-constrained.wp-container-core-group-is-layout-82764ef8.wp-block-group-is-layout-constrained {
    max-width: 60% !important;
}