/* 
Theme Name: Hyphen - Digital Experience
Theme URI: https://www.hyphen.pt
Description: Hyphen - Digital Experience 
Author: digiUP 
Author URI: https://www.digiup.me
Template: hello-elementor
Version: 1.0.1
Text Domain: hyphen
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

body {
    overflow-x: hidden;
}

.logo-header img {
    width: 237px!important;
}

span.lime-green {
    color: #9EEA0C;
}

span.blue {
    color: #0624D5;
}

.rectangle.white {
    background-color: white;
}

.rectangle.lime-green {
    background-color: #9EEA0C;
}

header.sticky-header {
    --header-height: 90px;
    --opacity: 0.97;
    --shrink-me: 0.80;
    --sticky-background-color: #fff;
    --transition: .3s ease-in-out;

    transition: background-color var(--transition),
                background-image var(--transition),
                backdrop-filter var(--transition),
                opacity var(--transition);
}
header.sticky-header.elementor-sticky--effects {
    background-color: var(--sticky-background-color) !important;
    background-image: none !important;
    opacity: var(--opacity) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
header.sticky-header > .elementor-container {
    transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
    min-height: calc(var(--header-height) * var(--shrink-me))!important;
    height: calc(var(--header-height) * var(--shrink-me));
}
header.sticky-header .elementor-nav-menu .elementor-item {
    transition: padding var(--transition);
}
header.sticky-header.elementor-sticky--effects .elementor-nav-menu .elementor-item {
    padding-bottom: 10px!important;
    padding-top: 10px!important;
}
header.sticky-header > .elementor-container .logo img {
    transition: max-width var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
    max-width: calc(100% * var(--shrink-me));
}

a.links_box_lime_green{
	font-family: Galano Grotesque;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.25px;
	text-decoration-line: underline;
	color: #0624D5;
}

.lime-green-box p {
    margin-bottom: 0 !important;
}


.lime-green-box .elementor-widget-wrap.elementor-element-populated {
    height: 191px;
    width: 520px;
	right: 0;
    position: absolute;
}

.caixa_preta_opacity {
	position: absolute;
    width: 368px !important;
    height: 283px;
    left: 6px;
    top: 237px;
}

.caixa_preta_opacity_mobile {
    position: absolute;
    width: 375px !important;
    height: 283px;
    left: 0px;
    top: 265px;
}
/*Header*/

.elementor-element-fb0ebeb {
    margin-left: 109px;
}
/*
.elementor-element-b91aead {
    background: linear-gradient(to left, rgb(255, 255, 255) 50%, rgb(6 36 213) 50%);
}*/

.extendable-box--left:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    z-index: 0;
    background-color: #9EEA0C;
}

.opportunity {
    background-color: #D6D2BA44;

    margin-bottom: 30px;
}

.elementor-948 .elementor-element.elementor-element-1f44a15 .elementor-grid::before {
    content: 'Share: ';
    color: black;
    font-size: 18px;
    vertical-align: bottom;
}

.zohoul {
    padding: 0 0 0 20px;
}

/* form zoho opportunities */

.inp {
  position: relative;
  margin: auto;
  width: 100%;
  border-radius: 0;
  overflow: hidden;
}
.inp .label {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  transform-origin: 0 0;
  transform: translate3d(0, 0, 0);
  transition: all 0.2s ease;
  pointer-events: none;
}
.inp .focus-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  z-index: -1;
  transform: scaleX(0);
  transform-origin: left;
}
.inp input {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  border: 0;
  font-family: inherit;
  padding: 11px 12px 0 12px;
  height: 50px;
  font-size: 18px;
  font-weight: 400;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0,0);
  color: #808285;
  transition: all 0.15s ease;
  margin-bottom: 22px;
  border: 1.5px solid #808285;

}
.inp input:hover {

}
.inp input:not(:-moz-placeholder-shown) + .label {
  color: rgba(0, 0, 0, 0.5);
  transform: translate3d(0, -12px, 0) scale(0.75);
}
.inp input:not(:-ms-input-placeholder) + .label {
  color: rgba(0, 0, 0, 0.5);
  transform: translate3d(0, -12px, 0) scale(0.75);
}
.inp input:not(:placeholder-shown) + .label {
  color: rgba(0, 0, 0, 0.5);
  transform: translate3d(0, -12px, 0) scale(0.75);
}
.inp input:focus {
  background: rgba(0, 0, 0, 0);
  outline: none;
  box-shadow: inset 0 -2px 0 #0624D5;
}
.inp input:focus + .label {
  color: #0624D5;
  transform: translate3d(0, -12px, 0) scale(0.75);
}
.inp input:focus + .label + .focus-bg {
  transform: scaleX(1);
  transition: all 0.1s ease;
}

.spark2dzoho-submit-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 40px;
    width: 150px;
    height: 72px;
    background: #9EEA0C;

    font-family: Galano Grotesque;
    font-style: normal;
    font-weight: 600!important;
    font-size: 24px!important;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0.245455px;
    text-decoration-line: underline!important;
    color: #0624D5!important;
    border:0px;
}

.checkbox-gdpr {
    margin-bottom: 40px;
    margin-top: 30px;
}

.textarea-zoho {
    margin-top: 20px;
}

.button-cv-upload {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 14px 40px;
    /* Hyphen-Lime-Green */
    background: #9EEA0C;

    font-family: Galano Grotesque;
    font-style: normal;
    font-weight: 600!important;
    font-size: 16px!important;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.245455px;
    text-decoration-line: underline!important;
    color: #0624D5!important;
    border:0px;
    margin-top:5px;
}

.button-cv-upload:hover {
    background-color: #C5F26D!important;
    cursor: pointer;
} 

.form-group .col-35 {
    width: 35%;
} 

.form-group .col-5 {
    width: 5%;
} 

.form-group .col-60 {
    width: 58%;
    float: right;
} 

.form-group .col-35,
.form-group .col-5,
.form-group .col-60,
.form-group .col-50 {
    display: inline-grid;
}

.form-group .col-50 {
    width: 50%;
    padding-right:16px;
} 

.form-group .col-50.last {
    float: right;
    padding-right:0px;
    padding-left:16px;
} 

.elementor-widget-text-editor a {
    color: #0624D5;
    text-decoration: underline;
}

.job-title {
    color: #000!important;
    font-size: 26px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0.35px;
}

.job-title-container {
    padding: 15px 0px 0px 20px;
}

.city-container {
    padding: 0px 0px 0px 20px;
}

.city {
    color: #000!important;
    font-size: var( --e-global-typography-4fe631b-font-size );
    font-weight: var( --e-global-typography-4fe631b-font-weight );
    line-height: var( --e-global-typography-4fe631b-line-height );
    letter-spacing: var( --e-global-typography-4fe631b-letter-spacing );
}

.textarea-zoho-container label {
    width: 100%;
}


.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-21d2f55 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-team .elementor-slide-heading,
.slider-team .swiper-pagination-bullets {
    display:none;
}

.photo-button.current-member .elementor-background-overlay {
    opacity:0!important;
}

.photo-button.current-member .elementor-widget-heading,
.photo-button.current-member .elementor-widget-text-editor{
    visibility:hidden;
}

.white-link a {
    color:white;
}

.dialog-close-button {
    background-color: #9EEA0C;
    padding: 10px;
    border-radius: 50%;
}

.opportunity-home .elementor-element-populated {
    overflow: hidden;
}

.opportunity-home img {
    -webkit-transition: 0.4s ease; transition: 0.4s ease; 
}

.opportunity-home:hover img {
    -webkit-transform: scale(1.08); 
    transform: scale(1.08);
}

.elementor-kit-7 .elementor-button:hover {
    background-color: #C5F26D!important;
    text-decoration: none!important;
}

.content-checkbox {
    width: 98%;
    float: right;
}

.content-checkbox a {
    color:#0624D5;
    text-decoration: underline;
}

.formas {
    width: auto!important;
}

.link-blue a {
    color:#0624D5;
    text-decoration: underline;
}

.button-arrow .elementor-widget-container {
    background-color: transparent!important;
}

.button-arrow .elementor-widget-container .elementor-icon {
    background-color: white;
    padding: 9px!important;
}

.photo-button:hover h2 {
    text-decoration: underline;
}

.inp input {
    color: #333334;
}

.great-experiences .elementor-icon-box-icon {
    margin-top: 5px;
}

@media (max-width: 767px){
	
	.form-group .col-60 .inp {
    	margin-top: 27px !important;
	}

	.form-group .col-35 {
		width: 80%;
	}
	.form-group .col-60 {
		width: 100% !important;
	}
	
	.form-group .col-5 {
   		width: 18%;
	}
	
	.form-group .col-50,
    .form-group .col-50.last {
        width: 100%;
        padding-right:0px;
        padding-left:0px;
    } 
	
	button.spark2dzoho-submit-button.spark2dzoho-button {
		width: 100%;
		font-size: 18px !important;
		line-height: 24px !important;
		text-align: center;
		letter-spacing: 0.245455px !important;
		padding: 20px;
	}
	
	h2.elementor-heading-title.elementor-size-default.titulo_post {
		font-size: 24px !important;
		line-height: 32px;
		letter-spacing: 0.354545px;
	}
	
	h3.elementor-heading-title.elementor-size-default.cidade_post {
		font-size: 20px !important;
		line-height: 27px !important;
		letter-spacing: 0.25px !important;
	}
	
	p.elementor-heading-title.elementor-size-default.descricao_post {
		font-size: 20px !important;
		line-height: 28px !important;
		letter-spacing: 0.25px !important;
		margin-top: 17px;
	}
	
	.elementor-20 .elementor-element.elementor-element-0069437 > .elementor-element-populated {
   		margin: 20px 0px 20px 40px !important;
	}
	
	.elementor-20 .elementor-element.elementor-element-4f3aab0 > .elementor-widget-container {
		margin: 0px 0 0px 0px;
		float: left;
		margin-left: 40px;
	}
	
	.elementor-20 .elementor-element.elementor-element-4f3aab0 .elementor-button {
		font-size: 18px;
		font-weight: 600;
		line-height: 24.5px;
		letter-spacing: 0.25px;
		margin-bottom: 50px;
	}
	
	.caixa_preta_opacity_mobile {
		position: absolute;
		width: 100% !important;
		height: 283px;
		left: 0px;
		top: 265px;
	}
	
	
    .hyphen-logo {
        position: inherit!important;
    }

    .elementor-widget-icon-box .elementor-icon-box-wrapper {
      display: flex;
      flex-direction: row;
    }

    .elementor-widget-icon-box .elementor-icon-box-icon {
      flex: 0 0 auto;
      margin-left: 0px !important;
      margin-right: 14px !important;
    }

    .elementor-nav-menu__align-center .elementor-nav-menu {
        border-left: 2px solid #9eea0c;
        border-bottom: 2px solid #9eea0c;
        padding-top: 25px;
    }

    .white-boxes:before {
        position:absolute;
        z-index:-1;
        top:0;
        left:0;
        width:100%;
        height: 95%;
        content: "";
        background-color: #0624d5;
    } 

    .quote-right .elementor-icon:before {
        position: absolute;
        z-index: 0;
        top: 27px;
        right: 15px;
        width: 85px;
        height: 85px;
        content: "";
        background-color: #0624d5;
    }

    .quote-left .elementor-icon:before {
        position: absolute;
        z-index: 0;
        top: 53px;
        left: 15px;
        width: 85px;
        height: 85px;
        content: "";
        background-color: #0624d5;
    }

@media (min-width: 768px){
	.elementor-20 .elementor-element.elementor-element-0069437 {
		width: 68%;
	}

	.elementor-20 .elementor-element.elementor-element-4f3aab0 > .elementor-widget-container {
    	margin: 0 !important;
	}


}

.slider-team .elementor-swiper-button {
    background-color: #99e412;
    border-radius: 50%;    
    top:25%;
}


