/*
 Theme Name:   Twenty Twenty-Two child
 Theme URI:    http://impactglobaltalent2.local/wp-admin/themes.php?theme=twentytwentytwo
 Description:  TwentyTwenty-Two Child Theme
 Author:       Simon Agustin / IGT
 Author URI:   http://impactglobaltalent2.local
 Template:     twentytwentytwo
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentytwo-child
*/

/* Typography */

@font-face {
  font-family: "FuturaPTBold";
  src: url("./fonts/FuturaPTBold.otf");
  font-weight: 700;
}

@font-face {
  font-family: "FuturaPTDemi";
  src: url("./fonts/FuturaPTDemi.otf");
  font-weight: 600;
}

@font-face {
  font-family: "sofiapro-light";
  src: url("./fonts/sofiapro-light.otf");
  font-weight: normal;
}

@font-face {
  font-family: "Lato-Heavy";
  src: url("./fonts/Lato-Heavy.ttf");
  font-weight: normal;
}

@font-face {
  font-family: "Montserrat-Bold";
  src: url("./fonts/Montserrat-Bold.otf");
  font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: FuturaPTBold !important;
}

.special-font {
  font-family: FuturaPTDemi !important;
}

p,
li,
label,
textarea {
  font-family: sofiapro-light !important;
}

a,
button,
.uagb-button__link {
  font-family: Lato-Heavy !important;
}

.metric-title {
  font-size: 4.375rem;
  font-family: Montserrat-Bold !important;
}

label {
  font-size: 24px;
}

/* General Styles */

#page {
    display: flex;
    flex-direction: column;
	min-height: 100vh;
}
.admin-bar #page{
	min-height: calc(100vh - 32px);
}
#page .site-content{
    flex-grow: 1;
}


.wp-site-blocks > * + * {
  margin-top: 0;
}

.btn-width,
.btn-width a{
  width: 285px !important;
/* 	width: 100%; */
}

.btn-container {
  padding-top: 50px;
}

.logo-container {
  justify-content: space-between !important;
  flex-direction: column;
}

.feedback-client {
  margin-bottom: 0;
  font-weight: 600;
  width: 100%;
}

.section-2-container {
  padding: 0 !important;
}

.section-2,
.section-3 {
  margin: 0;
}

/* .section-3-container .uagb-container-inner-blocks-wrap {
  flex-direction: column-reverse !important;
} */

.uagb-tm__author-name::before,
.feedback-client::before {
  border-top: 4px solid #09670c;
}

.number-background {
  background: #09670c;
  color: #fff;
}

.metric-title,
.metric-description {
  margin-top: 0;
  color: #ffff !important;
}

.metric-row-container article {
  background: transparent !important;
}

.metric-description::before {
  max-width: 20%;
  display: block;
  content: "";
  border-top: 2px solid #fff;
  padding-bottom: 20px;
  margin: auto;
}

.metric-container .uagb-container-inner-blocks-wrap {
  display: block !important;
  text-align: center;
}

.section-3-container {
  padding: 0 !important;
}

.number-background {
  margin: 0;
  width: 30px !important;
  align-self: start;
  text-align: center;
  border-radius: 25px;
}

.uagb-tm__author-name::before,
.feedback-client::before {
  max-width: 100%;
  display: block;
  content: "";
  padding-bottom: 20px;
  margin: auto;
}

.uagb-container-inner-blocks-wrap {
  --inner-content-custom-width: 100% !important;
}

.uagb-post__excerpt {
  padding: 10px;
}

.testimonial-grid .uagb-post__inner-wrap {
  max-width: 300px;
}

.testimonial-grid {
  justify-items: center;
}

.roles-list {
  list-style-type: none;
  text-align: center;
  padding-left: 0;
}

.help-container > div:first-of-type {
  gap: 50px !important;
}

.testimonial-grid  {
	row-gap: 50px !important;
}

@media only screen and (min-width: 600px) {
  .wp-block-cover__inner-container {
    padding: 0 50px;
  }

  .logo-container {
    flex-direction: row;
  }
  .help-container {
    max-width: 70% !important;
  }

  .testimonial-grid,
  .help-container {
    row-gap: 50px !important;
  }
	
  .help-container > div:first-of-type {
	gap: 100px !important;
  }

  .testimonial-grid .uagb-post__inner-wrap {
    max-width: 400px;
  }
}

@media only screen and (min-width: 768px) {
  .testimonial-grid,
  .metric-row-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
  }

  .section-spacing {
    max-width: 80% !important;
  }
  .metric-row-container {
    row-gap: 0 !important;
  }
	
  .metric-title {
	font-size: 6.25rem;
  }
}

@media only screen and (min-width: 976px) {
  .testimonial-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
  }

  .metric-row-container {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center;
  }

  .wp-block-uagb-image,
  .wp-block-uagb-image__figure,
  img {
    height: 100% !important;
  }

  .uagb-block-d45e8bf7.uagb-buttons__outer-wrap .uagb-buttons__wrap {
    justify-content: center;
    align-items: center;
  }

  .help-container {
    max-width: 100% !important;
    column-gap: 50px !important ;
  }

  .section-2-container .uagb-container-inner-blocks-wrap {
    flex-direction: column !important;
  }

  .close-btn a {
    font-size: 1.5625rem;
	color: #fff;
    text-decoration: none;
  }

  .special-font {
    font-size: 2.5rem;
  }
	
	#closeBtn {
    padding: 10px 100px;
  }
}

@media only screen and (max-width: 1023px) {
  .uagb-buttons__wrap {
    justify-content: center !important;
    align-items: center !important;
  }
}

@media only screen and (min-width: 1024px) {
  .section-2-container .uagb-container-inner-blocks-wrap,
  .section-3-container .uagb-container-inner-blocks-wrap {
    flex-direction: row !important;
  }

  .section-spacing .uagb-container-inner-blocks-wrap {
	display: flex;
	flex-direction: column !important;
  }	
	
  .section-3 {
    text-align: left !important;
  }

  .section-2 {
    text-align: right !important;
  }

  .wp-block-uagb-image,
  .wp-block-uagb-image__figure,
  img {
    height: 100% !important;
  }

  .wp-site-blocks .alignfull {
    margin-top: 0;
  }

  .testimonial-grid,
  .metric-row-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
  }

  .testimonial-grid .uagb-post__inner-wrap {
    max-width: 300px;
  }

  .wp-block-uagb-post-grid {
    justify-content: center;
  }
}

@media only screen and (min-width: 1200px) {
  .logo-container {
    align-content: flex-start;
  }

  .logo-wide img {
    width: 233px !important;
  }

  .header-wide {
    text-align: left;
    max-width: 700px;
  }
  .wp-block-site-logo {
    padding-top: 50px;
  }

  .wp-container-6.wp-block-group,
  #wp--skip-link--target {
    margin-top: 0;
  }

  .btn-container {
    align-items: flex-start !important;
  }

  .uagb-blockquote__tweet-button {
    display: none;
  }

  .uagb-testimonial-details {
    display: flex;
    flex-direction: column;
  }

  .uagb-tm__desc {
    padding-bottom: 20px;
  }

  .container-width {
    padding: 100px !important;
  }

  .banner-container {
    padding: 0 100px !important;
  }

  .section-2 {
    text-align: right !important;
  }

  .section-3-p {
    margin-top: 0;
  }

  .feedback-statement {
    margin: 0;
  }

  .feedback-company {
    margin-top: 0;
    font-style: italic;
  }

  .wp-block-uagb-container {
    padding: 0;
  }

  .wp-container-2 {
    justify-content: space-between !important;
  }

  .paragraph-width {
    max-width: 40%;
  }

  .quote-mark {
    position: absolute;
    height: 20% !important;
    top: -60px;
    left: -30px;
  }

  .roles-container {
    line-height: 2.5;
  }

  .metric-container .uagb-container-inner-blocks-wrap {
    display: flex;
    flex-direction: column;
  }

  .uagb-post__inner-wrap {
    align-self: center;
  }

  .help-container {
    max-width: 100% !important;
    column-gap: 100px !important;
  }
}

@media only screen and (min-width: 1790px) {
  .section-spacing {
    max-width: 70% !important;
  }

  .help-container {
    max-width: 70% !important;
  }
}

.is-layout-constrained.wp-block-group.has-primary-background-color.has-background {
  display: none;
}

.wp-block-spacer {
  height: 0 !important;
}

body .is-layout-flow > * + * {
  margin: 0 !important;
}

#footer .col-full:after {
  overflow: hidden;
}

.logo {
  position: absolute;
  top: 0;
}

input,
textarea {
  padding-left: 10px !important;
  padding-right: 0 !important;
}

.form-container {
  background: #fff;
  max-width: 900px;
  min-width: 300px;
  border-radius: 10px;
  padding: 50px !important;
}

.name-row {
  display: flex;
}

/* Modal */

#fluentform_3_success.ff-message-success {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(34, 34, 34, 0.3);
  display: flex;
  top: 0;
  left: 0;
  border: 0;
  margin-top: 0;
}

.confirmation-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  background: white;
  border-radius: 25px;
  padding: 0px 30px;
}

.confirmation-container p {
  padding: 50px 25px;
  margin: 0;
  text-align: center;
}

.close-btn {
  padding: 10px 50px !important;
  border-color: #09670c;
  align-self: center;
  margin-bottom: 50px;
  max-width: 100%;
  cursor: pointer;
  border: hidden;
}

.fluentform .ff-el-is-error .ff-el-form-control {
  border-color: initial;
}

.fluentform .ff-el-is-error .text-danger {
  font-size: 15px;
}

/* Removes arrows from input field */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.uagb-post-pagination-wrap {
  display: none;
}

.feedback-statement {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}

.roles-container {
	margin-left: 0px !important;
    margin-right: 0px !important;
}

/* body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1;
}

html, body { height: 100%;}

body > footer {
  position: sticky;
  top: 100vh;
} */

main {
	padding-bottom: 200px;
}

body {
	position: relative !important;
	height: 100%;
	min-height: 100vh;
	max-height: 100%;
}

footer {
	position: absolute;
    width: 100%;
    bottom: 0;
	left: 0;
    z-index: 99;
	overflow: hidden;
}

time, .taxonomy-category, .wp-block-post-author__name {
	display: none;
}

/* .wp-block-template-part {
	padding-top: 100px;
} */

..wp-block-group.wp-container-2 {
	flex-wrap: wrap !important;
}

.feedback-group {
	width: 100%;
}

.feedback-statement {
	text-align: left;
}

.wp-block-post-title {
	padding-top: 100px;
}