/* 
Theme Name: GH
Theme URI: https://github.com/elementor/hello-theme/
Description: GM is a child theme of Hello Elementor, created by Elementor team
Author: Fresh Pies
Author URI: https://www.freshpies.co.uk/
Template: hello-elementor
Version: 1.2.2
*/

/* TEST TEST HTB HTB HTB */

/*GLOBAL*/

.aspect--1-1, .aspect--1-1 img {
	object-fit: cover;
	aspect-ratio: 1/1;
}

.aspect--16-9 , .aspect--16-9 img {
	object-fit: cover;
	aspect-ratio: 16/9;
}

.aspect--4-3 , .aspect--4-3 img {
	object-fit: cover;
	aspect-ratio: 4/3;
}

.elementor-icon-list-text, body .elementor p a {
      text-underline-offset: 0.25em;
}

/*Header*/
.home section:not(.she-header) #logo, .home section:not(.she-header) .gm-icon-burger {
  fill:#ffffff;
}

header .she-header {
	background:#ECECEC;
}

body header .she-header #logo, header .she-header svg.gm-icon-burger, 
body.elementor-page header #logo:hover, body.elementor-page header svg.gm-icon-burger:hover, body:not(.elementor-page) header #logo, body:not(.elementor-page) header svg.gm-icon-burger {
	fill: var(--e-global-color-primary)!important;
}


body header .she-header #logo:hover, body header .she-header svg.gm-icon-burger:hover  {
  fill:#404040!important;
}




@media screen and (max-width:1024px) and (min-width:1024px){
  #stickyheaders .elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-16d80cc {
      width: 74%;
  }
}

.constrained-width.elementor-section.elementor-section-boxed > .elementor-container  {
	max-width:1000px;
}

.vertical-heading-holder .elementor-widget-wrap {
  padding-left: 0 !important;
}

/*Fix for vh issue on iPhone*/
@media screen and (max-width:768px){
	.full-height {
		padding: 0;
		margin: 0;
		overflow: hidden;
		width: 100vw;
		max-height: 95vh;
		height: 100vh !important;
		height: var(--app-height) !important;
		justify-content: center;
		display: flex;
	}
}

/* hide scrollbar */

.jet-engine-gallery-grid::-webkit-scrollbar {
	display: none;
  }
  
  .jet-engine-gallery-grid, .jet-listing-grid__items {
		  -ms-overflow-style: none; /* for Internet Explorer, Edge */
	  scrollbar-width: none; /* for Firefox */
  }
  
  
  .jet-engine-gallery-grid .jet-engine-gallery-grid__item  {
  
	  flex: unset;
	  flex-shrink: 0;
	  padding:1px;
  }
  
  .jet-engine-gallery-grid__item-wrap {
	  
  }
  
  .jet-engine-gallery-grid__item img.jet-engine-gallery-grid__item-img {
	  display:flex;
	  align-self: flex-start;
	  min-height:450px;
	  height:450px;
	  width:auto;
  }
  
  #home-hero .jet-listing-grid__item {
	  padding:0;
  }
  .scrollbar .handle {
	  width: 200px; /* overriden if dynamicHandle: 1 */
	  height: 100%;
	  cursor:pointer;
  }
  
  
  @media (max-width:768px) {
	  .scrollbar .handle {
	  width: 100px; /* overriden if dynamicHandle: 1 */
	  }
	  .jet-engine-gallery-grid__item img.jet-engine-gallery-grid__item-img {
  
	  min-height:250px;
	  height:250px;
  }
  }
  
  body:not(.single) .offscreen-grid-slider-wrap:not(.offscreen-grid-slider-fullwidth) .scrollbar, body:not(.single) .offscreen-grid-slider-wrap-second:not(.offscreen-grid-slider-fullwidth) .scrollbar, body:not(.single) .offscreen-grid-slider-wrap-third:not(.offscreen-grid-slider-fullwidth) .scrollbar {
	  max-width:1000px;
	  margin-right:20px;
  }
  
  .vertical-title-section .scrollbar {
	  max-width:905px;
  }
  
  .geolocation-hidden {
	  display:none;
  }
  
  
  
  .scrollbar.white { height: 6px; 
	  background: rgba(255,255,255,0.5);
  }
  
  .scrollbar.white .handle {
	  background: #fff;
  }
  
  .scrollbar.dark { height: 6px; 
	  background: rgba(0,0,0,0.1);
  }
  
  .scrollbar.dark .handle {
	  background: #182744;
  }
  
  
  .offscreen-grid-slider .jet-listing-grid__item {
  
	display: flex;
	flex-direction: column;
	align-items: center;
	  max-width:100%;
		  transition: opacity 0.2s ease;
  }
  
  @media (min-width:1024px) {
  .offscreen-grid-slider-wrap:not(.offscreen-grid-slider-fullwidth) .offscreen-grid-slider .jet-listing-grid__items, .offscreen-grid-slider-wrap-second:not(.offscreen-grid-slider-fullwidth) .offscreen-grid-slider .jet-listing-grid__items, .offscreen-grid-slider-wrap-third:not(.offscreen-grid-slider-fullwidth) .offscreen-grid-slider .jet-listing-grid__items {
	  padding-right: calc((100vw - 1060px)/2);
  }
  }
  
  @media (max-width:1023px) {
  .offscreen-grid-slider .jet-listing-grid__items {
	  padding-right: 50px;
  }
  }
  
  @media (max-width:768px) {
  .offscreen-grid-slider .jet-listing-grid__items {
	  padding-right: 15px;
  }
  }
  
  .offscreen-grid-slider-wrap > .elementor-container, .offscreen-grid-slider-wrap-second > .elementor-container, .offscreen-grid-slider-wrap-third > .elementor-container  {
	  margin-left:0;
	  margin-right:0;
	  max-width:100%!important;
  }
  
  
  .offscreen-grid-slider-wrap .nextPage, .offscreen-grid-slider-wrap .prevPage {
	  opacity:0;
  }
  
  .offscreen-grid-slider-wrap:hover .nextPage, .offscreen-grid-slider-wrap:hover .prevPage {
	  opacity:1;
  }
  
  .offscreen-grid-slider-wrap .elementor-widget:not(:last-child){
	margin-bottom: 10px;
  }
  
  .offscreen-grid-slider-wrap.offscreen-grid-slider-fullwidth .elementor-widget:not(:last-child){
	margin-bottom: 0;
  }
  
  .offscreen-grid-slider.col-3 .jet-listing-grid__item {
	  width:340px;
  }
  
  .offscreen-grid-slider.col-2 .jet-listing-grid__item {
	  width:495px;
  }
  
  .offscreen-grid-slider.col-1 .jet-listing-grid__item {
	  height:auto;
	  margin-bottom:10px;
	  margin-right:20px;
	  padding:0;
  }
  
  @media (min-width:1024px) {
  .offscreen-grid-slider.col-1 .jet-listing-grid__item {
	  min-width:915px;
  }
  }
  
  .offscreen-grid-slider.col-1 .jet-listing-grid__item.jet-equal-columns>.elementor {
	  min-width:100%;
  }
  
  
  @media (max-width:768px) {
	  .offscreen-grid-slider.col-2 .jet-listing-grid__item {
	  width:350px;
  }
  
  .offscreen-grid-slider.col-1 .jet-listing-grid__item {
	  min-width:65vw;
	  }
  }
  
  .nextPage, .prevPage {
	  position:absolute;
	  top:42%!important;
	  z-index:5;
	  transition: all 0.3s ease;
  }
  
  .nextPage:hover {
	  transform: translatex(5px);
		  cursor:pointer;
  }
  
  .prevPage:hover {
	  transform: translatex(-5px);
		  cursor:pointer;
  }
  
  .nextPage {
	  right:20px;
  }
  
  .prevPage {
	  left:20px;
  }
  
  
  
  @media (min-width:1024px) {
  .push-section-left {
	  padding-left: calc((100% - 1000px)/2);
  }

  .push-section-right{
    padding-right: calc((100% - 1000px)/2);
  }
  }
  
  @media (max-width:1024px) {
  .push-section-left {
	  padding-left: 50px;
  }

  .push-section-right {
	  padding-right: 50px;
  }
  }
  
  @media (max-width:768px) {
  .push-section-left {
	  padding-left: 20px;
  }

  .push-section-right {
	  padding-right: 20px;
  }
  }
  
  
  .offscreen-grid-slider .jet-listing-grid__items {
  display:grid;
  grid-auto-flow: column;
	   
  }
  
  @media (max-width:768px) {
  .nextPage, .prevPage {
	  display:none!important;
  }
  }

  /* override elementor animations */


.animated {
  -webkit-animation-duration: 0.65s;
  animation-duration: 0.65s;
}

.fadeInLeft {
  animation-name: newfadeInLeft!important;
}

.fadeInRight {
  animation-name: newfadeInRight!important;
}

.fadeInDown {
  animation-name: newfadeInDown!important;
}

.fadeInUp {
  animation-name: newfadeInUp!important;
}


@keyframes newfadeInDown {
from {
  opacity: 0;
  transform: translate3d(0, -20px, 0)
}
to {
  opacity: 1;
  transform: none;
}
}

@keyframes newfadeInLeft {
from {
  opacity: 0;
  transform: translate3d(-10px, 0, 0)
}
to {
  opacity: 1;
  transform: none
}
}

@keyframes newfadeInRight {
from {
  opacity: 0;
  transform: translate3d(20px, 0, 0)
}
to {
  opacity: 1;
  transform: none;
}
}

@keyframes newfadeInUp {
from {
  opacity: 0;
  transform: translate3d(0, 20px, 0)
}
to {
  opacity: 1;
  transform: none;
}
}

.slideInLeft {
  animation-name: NewslideInLeft!important;
}

@keyframes NewslideInLeft {
from {
  transform: translate3d(-75%,0,0);
opacity: 0.9;
  visibility: visible;
}
to {
opacity: 1;
  transform: translate3d(0,0,0);
}
}

.pt-none .elementor-widget-wrap {
  padding-top: 0 !important;
}

/*Home*/

.dialog-close-button.dialog-lightbox-close-button {
  margin: 0;
  padding: 10px;
  background-color: var(--e-global-color-primary);
  right: 0;
  top: 0;
  position: fixed;
  color: white;
}

#home-hero .elementor-column {
  max-width: 1000px;
  margin: 0 auto;
}

#hero-social {
  position: absolute;
  right: 0px;
  bottom: 20px;
}

#hero-insta-holder {
  padding-right: 15px;
}

@media screen and (max-width:1400px){
  #hero-insta-holder {
    padding-right: 55px;
  }
}

@media screen and (max-width:1024px){
  #hero-insta-holder {
    padding-right: 60px;
  }
}

#hero-insta-holder {
  z-index: 50;
}

@media screen and (max-width:768px){
  #hero-insta-holder {
    display: none;
}
}

#hero-text{
  width: 100% !important;
}

.elementor-18 .elementor-element.elementor-element-7876d66 > .elementor-background-overlay {
  background: radial-gradient(56.65% 137.68% at 100% 0%, rgba(64, 64, 64, 0.5) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(57.87% 166.52% at -3.13% 131.55%, rgba(255, 144, 131, 0.6) 0%, rgba(0, 0, 0, 0) 100%), rgba(37, 37, 37, 0.5);
}

.dialog-close-button.dialog-lightbox-close-button {
  margin: 0;
  padding: 10px;
  background-color: var(--e-global-color-primary);
  right: 0;
  top: 0;
}

@media screen and (max-width:768px){
  p.elementor-icon-box-description {
    display: none;
  }
}

@media (min-width:1100px) {
  .push-left-box {
    padding-top:50px;
    padding-left: calc((100vw - 1000px)/2);
    padding-right:125px;
    padding-bottom:50px;
  }
  .push-right-box {
      padding-top:50px;
    padding-right: calc((100vw - 1000px)/2);
      padding-left:125px;
    padding-bottom:50px;
  }
  }
  
  @media (min-width:1380px) {
  .push-left-box {
    padding-left: 200px;
    }
  .push-right-box {
  padding-right: 200px;
  }
  }
  
  @media (max-width:1100px) {
  .push-left-box, .push-right-box {
    padding: 50px;
  }
  }

  .testimonial-name {
    margin-bottom: 10px !important;
}

.jet-slick-dots li {
  border-radius: 0 !important;
  width: 25px!important;
  height: 4px!important;
}

.home-clients-grid .swiper-wrapper {
	height: 8.5vw;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
	
}

div#quote-mark {
  margin: 0;
}

.home-clients-grid .swiper-wrapper .swiper-slide {
        flex: 1 1 150px;

	width:16.67%!important;
    }

.home-clients-grid img {
	padding-right:60px;
}

@media (min-width:480px) and (max-width:1024px) {

  .home-clients-grid .swiper-wrapper .swiper-slide {
          flex: 1 1 80px;
    }
  }
  
  @media (max-width:480px) {
  .home-clients-grid .swiper-wrapper {
    height: 50vw;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
  }
  
  .home-clients-grid .swiper-wrapper .swiper-slide {
          flex: 1 1 80px;
          width:33.33%!important;
      }
    .home-clients-grid img {
    padding:0 20px;
  }
  }
  
  
  
  .home-clients-grid .swiper-wrapper .swiper-slide {
    background-color:  #ffffff;
    position:            relative;
  }
  
  .home-clients-grid .swiper-wrapper .swiper-slide img {
    filter:              grayscale(100%) contrast(1) blur(0);
    mix-blend-mode:      multiply;
    object-fit:          cover;
    position:            relative;
    width:               100%;
  }
  
  .home-clients-grid .swiper-wrapper .swiper-slide::before {
    background-color: #404040;
    bottom:              0;
    content:             '';
    height:              100%;
    left:                0;
    mix-blend-mode:     screen;
    position:            absolute;
    right:               0;
    top:                 0;
    width:               100%;
    z-index:             1;
  }

  span.swiper-pagination-bullet.swiper-pagination-bullet {
    margin: 0 !important;
    height: 4px !important;
    width: 25px;
    border-radius: 0;
}


#crafted-space .elementor-widget-wrap.elementor-element-populated.elementor-motion-effects-parent, #crafted-space .elementor-widget-wrap.elementor-element-populated.e-swiper-container {
  padding-left: 0;
}

@media screen and (min-width:769px){
  #crafted-space-col .elementor-widget-wrap.elementor-element-populated {
    padding-right: 0;
  }
}

@media screen and (max-width:768px){
  #crafted-space-col .elementor-widget-wrap.elementor-element-populated {
    padding-top: 0;
  }
}

.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 30px;
}

#map-holder .elementor-widget-wrap.elementor-element-populated {
  padding: 0;
}

#address p {
  margin-bottom: 0;
}

#booking-details {
  margin-bottom: 30px;
}

.jet-map-message, .elementor-element.elementor-element-b437da6.elementor-widget.elementor-widget-jet-map, #map-holder .elementor-widget-container {
  height: 100% !important;
}

div#part-of {
  margin: 0;
}

#footer-logo{
  fill:white;
  width: 245px;
}

#footer-links p {
  margin: 0;
}

#footer-links a{
  color: white;
  text-decoration: none;
}

#footer-links a:hover{
  color: var(--e-global-color-primary);
}

#features-left {
  padding-right: 40px;
}

#features-right {
  padding-left: 40px;
}

@media screen and (max-width:1023px){
  #features-left, #features-right{
    width: 100%;
    padding: 0;
  }
}

#services .listing .elementor-column-gap-wide>.elementor-column>.elementor-element-populated{
  padding: 0;
}

#services-col-left{
  padding-right:25px;
}

#services-col-right{
  padding-left:25px;
}

@media screen and (max-width:768px){
  #services-col-left{
    padding-right:10px;
  }
  
  #services-col-right{
    padding-left:10px;
  }  

  #services-col-right, #services-col-left{
    width: 50% !important;
  }

  #services-col-right .elementor-widget-wrap.elementor-element-populated {
    margin-top: 0;
}
.elementor-widget-icon-box .elementor-widget-container {
  min-height: 150px;
}
}

@media screen and (max-width:768px) and (min-width:450px){
.elementor-widget-icon-box .elementor-widget-container {
  min-height: 150px;
}
}

.elementor-element-b0003ba .elementor-widget-wrap.elementor-element-populated {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width:450px){
  #services-col-left{
    padding-right:5px;
  }
  
  #services-col-right{
    padding-left:5px;
  }  

}

#gallery .elementor-pagination-position-outside .swiper-container{
  padding-bottom: 0;
}

/*arrow hover*/

.jet-listing-grid__item .hover-overlay-arrow:before, .jet-listing-grid__item .hover-overlay-arrow:after, .jet-listing-grid__item .hover-arrow a:before, .jet-listing-grid__item .hover-arrow a:after {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:'';
	opacity:0;
	z-index:1;
}

.jet-listing-grid__item :before {
	transition:all 0.3s ease;
}

.jet-listing-grid__item .hover-overlay-arrow:after, .jet-listing-grid__item .hover-arrow a:after {
	transition:all 0.5s ease;
}

.jet-listing-grid__item .hover-overlay-arrow:before {
	background-color: rgba(206, 200, 196, 0.35);
}


.jet-listing-grid__item .hover-overlay-arrow:after, 
.jet-listing-grid__item .hover-arrow a:after  {
		/*background-image: url('https://www.gravitymedia.com//wp-content/uploads/2022/06/GM-icon-arrow-right-gold.svg');*/
	background-position:center center;
	background-repeat:no-repeat;
	background-size:35px 35px;
	transform: translatex(-5px);
}

.jet-listing-grid__item:hover .hover-overlay-arrow:before, 
.jet-listing-grid__item:hover .hover-arrow:before {
	opacity: 1;
} 

.jet-listing-grid__item:hover .hover-overlay-arrow:after, .jet-listing-grid__item:hover .hover-arrow:after {
	opacity: 1;
	transform: translatex(0px);
} 

.gm-icon-arrow-right:not(footer button .gm-icon-arrow-right), .gm-icon-arrow-left:not(.jet-popup-action-button__icon .gm-icon-arrow-left) {
  width: 35px !important;
  height: 35px !important;
  padding: 10px;
  background: #EBEBE9;
  border-radius: 999px;
}

.elementor-swiper-button-next:after, .elementor-swiper-button-prev:after{
  width: 35px !important;
  height: 35px !important;
  padding: 10px;
  background: #EBEBE9;
  border-radius: 999px;
  content: url(https://www.gravityhouse.london//wp-content/uploads/2022/06/GM-icon-arrow-right-brown2.svg);
  line-height: 0;
}

.elementor-swiper-button-next i, .elementor-swiper-button-prev i{
  display: none;
}

.elementor-swiper-button-prev:after{
  transform: rotate(180deg);
}

.jet-listing-grid__slider-icon.next-arrow.slick-arrow svg, .jet-listing-grid__slider-icon.prev-arrow.slick-arrow svg {
  display: none;
}

.jet-listing-grid__slider-icon.next-arrow.slick-arrow:after, .jet-listing-grid__slider-icon.prev-arrow.slick-arrow:after {
  content: url(https://www.gravityhouse.london//wp-content/uploads/2022/06/GM-icon-arrow-right-brown2.svg);
  z-index: 999;
  width: 25px;
  transform: rotate(180deg);
}

.swiper-slide.swiper-slide {
  width: 100% !important;
}

@media screen and (max-width:768px){
.jet-popup-action-button:not(.jet-popup-1163 .jet-popup-action-button) {
  right: 27px;
  position: relative;
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-de14995.ang-section-padding-wide.single-project-section.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default .jet-popup-action-button, section.elementor-section.elementor-top-section.elementor-element.elementor-element-de14995.ang-section-padding-wide.single-post-section.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default .jet-popup-action-button {
  right: 0;
}
}

@media screen and (max-width:1024px) and (min-width:1024px){
  .ipad-column-fix .elementor-container{
      flex-wrap: nowrap;
  }
}

#crown-image section.elementor-section.elementor-inner-section.elementor-element.elementor-element-1b4b9e9.elementor-section-boxed.ang-section-padding-initial.elementor-section-height-default.elementor-section-height-default {
  margin: 0;
}