/*!
Theme Name: gulaidgroup
Theme URI: 
Author: Icon
Author URI: 
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gulaidgroup
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

gulaidgroup is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.contact-us-right .wpcf7{
    margin-top: 2.5rem;
}
.wpcf7-not-valid{
    border-color:red!important;
    background: #ffe1e1;
}
.wpcf7-not-valid-tip{
    position: relative; top: -6px; margin-bottom: 10px;
}
.wpcf7-response-output{
    padding:20px!important
}
.wpcf7-form .btn{
    line-height: normal;
}

/* required styling for newsletter */
.footer .newsletter .wpcf7-form-control-wrap{
    width: 100%
}
.footer .newsletter input {
    width: 100%!important; border-radius: 0;
}
.footer .newsletter .wpcf7-not-valid{
    border:1px solid red!important
}
.footer .newsletter .wpcf7-not-valid-tip{
    display: none!important;
}
.newsletter-widget form{
    position: relative;
}
.footer .newsletter .invalid .wpcf7-response-output{
    display: none!important;
}
.footer .newsletter .sent .wpcf7-response-output{
    position: absolute;
    left: 0;
    margin: 0 !important;
    width: 100%;
    top: 0;
    color: #46b450;
    background: #fff;
}
.addtoany_share_save_container {
    margin-top: 3rem!important;
    margin-bottom: 8rem!important;
    display: flex;
    gap: 1rem;
    align-items: center;
  }
  
.addtoany_share_save_container .addtoany_header {
    font-family: NeueHaasDisplayMedium, sans-serif;
    margin: 0;
  }


  .cf7 {
    margin-top: 2.5rem;
  }
  
  .input-field {
    margin-bottom: 1rem;
    height: 47px;
    width: 100%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-radius: 0;
  }
  
  .select-field {
    margin-bottom: 1rem;
    height: 47px;
    width: 100%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity));
    background-color: transparent;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(161 168 177 / var(--tw-text-opacity));
    border-radius: 0;
  }
  
  .textarea-field {
    margin-bottom: 1rem;
    height: 144px;
    width: 100%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 0;
  }

.home-portfolio .img-text-section .left h2{
font-size:40px;
text-transform:uppercase;
margin-bottom: 2rem;
}
.home-portfolio .img-text-section.mission .left p{
line-height:24px;
max-width:480px;
margin-bottom: 4rem;
}

.filter-widget{
background:#fff; padding:48px 37px; position:relative;
-webkit-clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px));
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px));
}
.filter-widget h2{
font-size:20px;margin-bottom: 3rem;
}
.filter-widget .reset{
font-size:17px; color:#DEDEDE; position:absolute; right:37px; top:50px; text-transform:uppercase;font-family: "NeueHaasDisplayBold", serif; cursor:pointer;
transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;}
.filter-widget .reset:hover{ color:#cca665;}
.filter-widget h3{
font-size:14px; color:#5D8A76; margin-bottom:30px;
}
.filter-widget .toggle{
margin-bottom:50px;}

.styled-checkbox {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
  padding-top:2px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.styled-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border:1px solid #DCDCDC;
}

/* On mouse-over, add a grey background color */
.styled-checkbox:hover input ~ .checkmark {
  background-color: #f0f0f0;
}

/* When the checkbox is checked, add a blue background */
.styled-checkbox input:checked ~ .checkmark {
  background-color: #cca665;
  border-color:#cca665;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.styled-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.styled-checkbox .checkmark:after {
  left: 4.5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-logos-list{
display:flex;
flex-wrap:wrap;
gap:20px;
}
.p-logos-list li{
width:calc(33.3% - 20px)}
.p-logos-list li a{
background:#fff; height:322px; cursor:pointer; display:flex; padding:27px 16px 16px;flex-wrap: wrap;justify-content: center;
-webkit-clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px));
  clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px));
}
.p-logos-list li a .label{ align-self:flex-start; color:#5D8A76; font-size:14px;}
.p-logos-list li a .img{ align-self:center;width: 100%;}
.p-logos-list li a .img img{ max-width:200px; margin:0 auto; width:100%;}
.p-logos-list li a .arrow{ align-self:flex-end; margin-left:auto;width: 26px;
height: 26px;border: 1px solid #CECECE; background:url(./assets/img/p-arrow-right.svg) no-repeat center center;
transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-logos-list li a:hover .arrow{ border-color:#000;}
.filter-btn {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  display:none;
}
.filter-btn svg {
  width: 26px;
}
.filter-close{
float: right;
  width: 20px;
  height: 20px;
  display:none;
}


@media(max-width:1024px){
.filter-widget .reset{ position:static;color: #cca665;}
.filter-close{ display:block;}
.filter-btn{ display:flex;}
.filter-widget{
position: fixed;
  left: 0px;
  top: 0px;
  z-index: 100; overflow:auto;
  height: 100%;
  width: 90%;
  --tw-translate-x: -120%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;}
}
.filter-shown .filter-widget {
  transition: all .5s cubic-bezier(.25,.46,.45,.94);
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.video-cta-sec iframe{
pointer-events: none;
}
.sectors-pb-adjust{ padding-bottom: 4rem;}

@media(min-width:1025px){
.our-portfolio-content{ display:flex; flex-wrap:wrap; gap:20px;}
.our-portfolio-content .left{ width:29%;}
.our-portfolio-content .right{ width:calc(71% - 20px);}
}
@media(max-width:768px){
.p-logos-list li { width: calc(50% - 10px);}
.sectors-pb-adjust{ padding-bottom: 0;}

}
@media(max-width:480px){
.p-logos-list li { width: 100%;}
.home-portfolio .left{ padding-right:0!important;}
.filter-widget{ width:100%;}
}


@media(min-width:1280px){
.header .container .main-navigation ul li {
    margin-left: 2.5rem;
  }
.home-portfolio{ background:url(./assets/img/get-in-touch-bg-home.svg) no-repeat right bottom;}
    .post .thumbnail.h-adjust-1 img{ height: 495px;}
    .post .thumbnail.h-adjust-2 img{ height: 269px;}
    .post .thumbnail.h-adjust-3 img{ height: 364px;}
}