/*
 Theme Name:   GeneratePress child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* GeneratePress Site CSS */ 
#info-block > div:nth-child(2) > div.absolute.bg-white.simple-text.p-12.top-1\/2.left-1\/2.transform.-translate-x-1\/2.-translate-y-1\/2 > p{font-size:15px !important;}
.main-navigation a {
	letter-spacing: 1px;
}

.featured-image img, .post-image img {
	border-radius: 8px;
}

.drop-shadow {
	box-shadow: 0px 0px 20px rgba(200, 200, 200, 0.2);
}

.round-top-corners img {
	border-radius: 8px 8px 0px 0px;
}

.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a {
	color: var(--accent);
	border: 3px;
	border-style: solid;
	line-height: 36px;
	border-radius: 2px;
	margin-left: 20px;
	transition: all 0.6s ease 0s;
}

.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a:hover {
	color: var(--accent-hover);
}
 /* End GeneratePress Site CSS */

.m-b-0{
	margin-bottom: 0;
}
h2{
	font-size: clamp(2rem,4.1vw,2.5rem);
}
.main-font-h1{
	font-size: clamp(3.925rem,6vw,4.8rem);
}
.button-skew {
   
    transform: skew(-10deg);
}
.skew {
    transform: skew(-10deg);
}
.skew span,  .skew p {
    transform: skew(10deg) !important;
}
.button-skew span,  .button-skew p {
    transform: skew(10deg) !important;
}
.is_stuck {
	background: #fff;
}
.button-skew-primary {
    background-color: #3730a3;
    border-width: 1px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #0000000d;
    color: #fff !important;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 1.5rem;
    padding: 0.5rem 1.5rem;
	  text-transform: uppercase;
}
.button-skew-outline { 
    border-color: #3730a3; 
    border: solid  1px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #0000000d;
    color: #3730a3;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 1.5rem;
    padding: 0.5rem 1rem;
		  text-transform: uppercase;

}
@media (max-width: 1080px){
	.display-n{
	display: none;
}
}
.text-pop-up-hover-top {
    animation: text-pop-down .45s cubic-bezier(.47,0,.745,.715) both;
}
.text-pop-up-hover-top:hover {
    animation: text-pop-up-top .5s cubic-bezier(.25,.46,.45,.94) both;
}

/*Hover effect */
@keyframes text-pop-up-top  {
	0% {
    text-shadow: none;
    transform: translateY(0);
    transform-origin: 50% 50%;
}
100% {
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #ccc, 0 3px 0 #ccc, 0 4px 0 #ccc, 0 5px 0 #ccc, 0 6px 0 #ccc, 0 7px 0 #ccc, 0 8px 0 #ccc, 0 9px 0 #ccc, 0 50px 30px rgba(0,0,0,.3);
    transform: translateY(-5px);
    transform-origin: 50% 50%;
}
}
@keyframes text-pop-down  {
	0% {
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #ccc, 0 3px 0 #ccc, 0 4px 0 #ccc, 0 5px 0 #ccc, 0 6px 0 #ccc, 0 7px 0 #ccc, 0 8px 0 #ccc, 0 9px 0 #ccc, 0 50px 30px rgba(0,0,0,.3);
    transform: translateY(-5px);
    transform-origin: 50% 50%;
	}
	100% {
    text-shadow: none;
    transform: translateY(0);
    transform-origin: 50% 50%;
}
}

.bg-greige-white:hover {
    background-color: #f7f3ed;
}


.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}

.rounded-md {
    border-radius: 0.375rem;
}
@media (max-width: 768px){
	.d-none{
	display: none;
}
}

svg {
 width: 95%;
 height: 95%;
}

.button-skew-out:before {
    background: linear-gradient(180deg,transparent 90%,#fff 0);
    bottom: 0;
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    inset: 0 0 0 0;
    transition: transform .3s ease;
    z-index: -1;
}
.button-skew-out:before {
    transform: scaleX(0);
    transform-origin: bottom right;
}
.button-skew:before, .loadSkew:before {
    background: linear-gradient(180deg,transparent 90%,#372fa2 0);
    bottom: 0;
    color: #fff;
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    inset: 0 0 0 0;
}

.button-skew:hover:before {
    transform: scaleX(1);
    transform-origin: bottom left;
}
.button-skew-primary:before {
    background: linear-gradient(180deg,transparent 90%,#fff 0);
    bottom: 0;
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    inset: 0 0 0 0;
    transition: transform .3s ease;
    z-index: -1;
}

.button-skew-primary:before {
    transform: scaleX(0);
    transform-origin: bottom right;
}

/****/
#generate-slideout-menu > div > div.gb-container.gb-container-ea1b8c46 > div > a.gb-button.gb-button-e122b562.button-skew {color:white;}

#main > div > div.overflow-hidden.pt-16.pb-12 > div > div > div.col-span-8.sm\:col-span-3.row-span-1.md\:col-span-4.px-8.md\:px-0.lg\:pr-4.lg\:pt-4.flex.flex-col.justify-center.md\:block > div.block.md\:hidden.mb-4 > div.flex.gap-4.items-end > h2 {
    font-size: clamp(2rem, 4.1vw, 2.5rem);
    width: 65%;
}

.single-projects-screen .p-10, .carousel__viewport .p-10 {
    padding: 50px 30px;
}

@media screen and (max-width: 800px) {
	.gb-container.gb-container-ea1b8c46.display-n{display:none !important;}
    .simple-text {
        font-size: 14px !important;
				line-height: 14px !important;
    }
	.single-projects-screen .px-8, .carousel__viewport .px-8{
		padding:0px 20px;
	}
.single-projects-screen .subtitle, .carousel__viewport .subtitle {
	font-size: 1.2rem;}
	.single-projects-screen .description-text, .carousel__viewport .description-text {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1rem;
}
.single-projects-screen .p-10, .carousel__viewport .p-10 {
    padding: 1.5rem 1.1rem;
}
.single-projects-screen .button-skew label, .single-projects-screen .button-skew p, .single-projects-screen .button-skew span, .carousel__viewport .button-skew label, .carousel__viewport .button-skew p, .carousel__viewport .button-skew span {
    display: block;
	font-size: 0.9rem;}
	.single-projects-screen .text-3xl, .carousel__viewport .text-3xl {
    font-size: 1.5rem;
    line-height: 2.25rem;
}
	
.single-projects-screen .project-properties, .carousel__viewport .project-properties {
    gap: 1.2rem;
}
.single-projects-screen .h-6, .carousel__viewport .h-6 {
    height: 1.1rem;
}
	
.single-projects-screen .button-skew-primary, .carousel__viewport .button-skew-primary {
    padding: 0.1rem 1.5rem;
}
.single-projects-screen .mt-5, .carousel__viewport .mt-5 {
    margin-top: 1.2em;
}
#main > div > div.overflow-hidden.pt-16.pb-12 > div > div > div.col-span-8.sm\:col-span-3.row-span-1.md\:col-span-4.px-8.md\:px-0.lg\:pr-4.lg\:pt-4.flex.flex-col.justify-center.md\:block > div.block.md\:hidden.mb-4 > div.flex.gap-4.items-end > h2{font-size:25px}
#masthead > div > div.gb-container.gb-container-ea1b8c46.display-n{display:none !important;}
.single-projects-item .site.grid-container .site-content, .main-projects-screen .site.grid-container .site-content {
    padding: 80px 0 0 0;
}
}

/*Contact Form 7*/
    .contact-form-container {
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
    }

    .contact-form-field-half {
      width: 50%;
      box-sizing: border-box;
      padding-right: 10px;
      float: left;
    }

    .contact-form-field-half label {
      width: 100%;
    }

    .contact-form-field-half input {
      width: calc(100% - 10px);
      padding: 8px;
      box-sizing: border-box;
      margin-top: 5px;
    }

    .contact-form-field,
    .contact-form-field label {
      width: 97%;
    }

    .contact-form-field input,
    .contact-form-field select,
    .contact-form-field textarea {
      width: 100%;
      padding: 8px;
      box-sizing: border-box;
      margin-top: 5px;
    }

    .contact-form-field-submit {
      width: 100%;
      max-width: 200px;
    }

    .contact-form-field {
      clear: both;
      margin-bottom: 15px;
    }

    .contact-form-field label::before {
      content: '* ';
      color: red;
    }

    .contact-form-field input[required]::placeholder::before {
      content: '';
    }

.contact-form-field-submit {
  width: 100%;
  padding: 8px; 
  box-sizing: border-box;
  max-width: none;
}

//Responsables link
.single-projects-screen .text-indigo-800, .carousel__viewport .text-indigo-800 {
    font-size: 19px;
}


.gb-image-f99d0e78{
    left: 0px !important;
    position: static !important;
}