/*
Theme Name: FalconPress
Theme URI: https://www.famethemes.com/themes/onepress/
Author: Your Name
Author URI: http://yourwebsite.com
Description: FalconPress is a child theme of OnePress. OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. The theme overall is an elegant and classic one, a fine example of Bootstrap 4 WordPress theme which compatibility with latest version of WooCommerce. (Live preview : https://demos.famethemes.com/onepress)
Version: 1.0.0
Template: onepress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* *************************** Header - Start ************************************ */
#nav-toggle.nav-is-visible span:before,
#nav-toggle.nav-is-visible span:after {
  background: #fff;
}

@media screen and (max-width: 430px) {
  .site-branding {
    width: 72vw;
  }
}

#nav-toggle span:before,
#nav-toggle span:after {
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #fff;
}
#nav-toggle span {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -2px;
  -webkit-transition: rotate 0.2s, translate 0.2s;
  -moz-transition: rotate 0.2s, translate 0.2s;
  transition: rotate 0.2s, translate 0.2s;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #fff;
}

.onepress-menu a {
  color: #4472c4;
}

/* *************************** Header - End ************************************ */

/* *************************** Main - Start ************************************ */

/* *************************** Page header ************************************ */
.page-header .entry-title,
.page-header .page-title {
  text-transform: none;
  color: #60708b !important;
  font-size: 26px;
  letter-spacing: unset;
}

.page-header {
  padding: 23px 0px;
}

/* *************************** Breadcrumbs ************************************ */
.breadcrumbs {
  display: none;
}
/* *************************** Headings ************************************ */
h2.wp-block-heading {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 1.5rem;
}

h3.wp-block-heading {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 1.5rem;
}
.sub-head {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 2rem;
}

/* *************************** Hero ************************************ */
h2.hero-large-text,
.hero-small-text p {
  color: #000;
  opacity: 0.65 !important;
  max-width: 1000px;
  font-style: unset;
}
h2.hero-large-text {
  font-size: 22pt;
  text-align: left;
}
.hero-small-text p {
  font-size: 14pt;
}

.hero__content_disable .hcl2-content {
  padding-right: 50px;
}

.hero__content_disable p {
  color: #6d6d6d;
}

.hero__content_disable h1 {
  text-transform: none;
  letter-spacing: 0.15px;
  font-size: 2.5rem;
}
.col-md-12.col-lg-5.hero-image {
  height: 0;
  position: absolute;
  right: 50px !important;
  top: -60px;
  max-width: 34% !important;
}

@media (max-width: 1199px) {
  .hero-content-style2 .hcl2-content {
    text-align: left;
    padding: 2.125rem 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .hero-content-style2 .hcl2-content h1 {
    font-size: 2.1rem;
  }
  .hero-content-style2 .hcl2-content p {
    font-size: 15pt;
  }
}

@media (max-width: 991px) {
  .hero__content.hero-content-style2 .hcl2-content {
    text-align: center;
    padding-right: 0.5rem;
  }
}

/* *************************** Testimonials ************************************ */
@media screen and (max-width: 767px) {
  .card-deck-wrapper .section-testimonials .card-deck {
    margin-bottom: 0;
  }
  .section-testimonials .card {
    margin-bottom: 1.75rem;
  }
}
.tes_image {
  float: right !important;
  max-width: 150px;
  display: flex;
  justify-content: flex-end;
}

.tes_author {
  margin-bottom: 10px !important;
}
.tes_author cite {
  font-size: inherit;
  font-style: normal;
  float: right !important;
  text-align: right;
  color: #333;
  font-weight: normal;
}
blockquote::before {
  background: url(/wp-content/uploads/2024/05/left-quote-og.svg);
  background-size: auto;
  content: "";
  width: 2.5em;
  height: 1.75em;
  background-size: cover;
  position: absolute;
  top: 1.7rem;
  left: 0.25em;
}

blockquote.card-text {
  margin: 20px 0;
  margin-left: 26px;
}
.section-testimonials .card-block {
  background-color: #e4eaf3;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  border-radius: 10px;
}
.section-testimonials .card-deck {
  margin-bottom: 1.75rem;
}

.section-testimonials .card {
  border: 1px solid #999999;
  border-radius: 10px;
}

.entry-content blockquote {
  padding: 20px 36px 20px 63px;
  position: relative;
  background: #f8f9f9;
  border-left: 0;
  font-style: italic;
}
blockquote cite {
  font-style: normal;
  margin-bottom: 0px;
  font-size: inherit;
  color: #333;
}

.wp-block-quote {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wp-block-quote p {
  order: 1;
}

.wp-block-quote cite {
  order: 2;
  align-self: flex-end;
}

@media (min-width: 768px) {
  .card-deck {
    margin-bottom: 1.75rem;
    display: flex;
    flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }

  .card-deck .card:not(:last-child) {
    margin-right: 15px;
  }

  .card-deck .card {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}

/* *************************** Service blocks ************************************ */
.section-services .service-item {
  background: #ffffff;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  transition: all 100ms ease-out 0s;
  border-radius: 10px;
}
.section-services .service-item .service-content p {
  margin: 0px;
  font-size: inherit;
  color: #333333;
}

.section-services .service-item .service-title {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  color: #333333;
  font-size: inherit;
  font-weight: 700;
}

/* left align homepage blocks on phones */
@media screen and (max-width: 720px) {
  .section-services .service-item .service-content {
    text-align: left;
    overflow: auto;
  }
  .section-title-area h2 {
    text-align: left;
  }
}

/* *************************** Section ************************************ */
.section-title-area .section-subtitle {
  color: #aaaaaa;
  font-size: 12pt;
  display: inline-block;
  position: relative;
  margin-bottom: 13px;
  margin-bottom: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 2px;
}

@media screen and (min-width: 940px) {
  .section-title-area .section-subtitle {
    font-size: 12pt;
  }
}

.section-inverse,
.section-inverse p,
.section-inverse li {
  color: #ffffff;
}
.section-title {
  font-size: 1.5em !important;
  color: #333333;
  margin-bottom: 1.5rem;
}
.section-desc {
  max-width: 960px;
}
.section-title-area {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* *************************** About ************************************ */
.section-about .section-title-area {
  margin-bottom: 0;
}
.section-about ul {
  list-style: none;
}

.section-about ul li,
.section-about ol li {
  margin: 8px 0;
  color: #60708b;
  font-weight: 700;
}

.section-desc {
  margin-top: 0;
}

.section-about .row > div {
  margin-top: 0px;
}

.section-title-area {
  margin-bottom: 30px;
  text-align: center;
}

.section-title-area .section-title {
  font-size: 1.5em !important;
  color: #333333;
  margin-bottom: 1.5rem;
}

/* *************************** Contact ************************************ */
.section-contact .address-contact .address-content {
  display: block;
  padding-left: 45px;
  font-style: italic;
  line-height: 2;
  font-style: unset;
  opacity: 0.75;
  font-size: 11pt;
}
.contact-form {
  padding-right: 5vw;
}
.section-contact .address-contact .address-content {
  font-size: 1.15rem;
  line-height: 1.5rem;
  margin-bottom: 30px;
}
.section-contact h3 {
  font-size: 1.25rem;
  font-weight: 700;
}
.address-box h3 {
  margin-bottom: 30px;
}
.fa-stack {
  margin-right: 5px;
}
.contact-numbers {
  padding: 30px 0 10px 30px;
  height: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  transition: all 100ms ease-out 0s;
  background-color: #e4eaf3;
  border-radius: 10px;
}

.contact-numbers:hover {
  box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09);
}

/* *************************** Forms ************************************ */
div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-label,
div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-sublabel {
  text-transform: unset;
  font-size: inherit;
  letter-spacing: 0;
  font-weight: unset;
  color: #333333;
}
div.wpforms-container .wpforms-form button[type="submit"] {
  width: 150px;
  text-align: center;
  display: block;
  background: #f39c25;
  color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  margin-top: 20px;
}

div.wpforms-container .wpforms-form button[type="submit"]:hover {
  width: 150px;
  text-align: center;
  display: block;
  background: #f5a748;
  color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  margin-top: 20px;
}
.wpforms-container textarea.wpforms-field-small {
  min-height: 30px !important;
}

div.wpforms-container .wpforms-form .wpforms-field input[type="date"],
div.wpforms-container .wpforms-form .wpforms-field input[type="datetime"],
div.wpforms-container .wpforms-form .wpforms-field input[type="datetime-local"],
div.wpforms-container .wpforms-form .wpforms-field input[type="email"],
div.wpforms-container .wpforms-form .wpforms-field input[type="month"],
div.wpforms-container .wpforms-form .wpforms-field input[type="number"],
div.wpforms-container .wpforms-form .wpforms-field input[type="password"],
div.wpforms-container .wpforms-form .wpforms-field input[type="range"],
div.wpforms-container .wpforms-form .wpforms-field input[type="search"],
div.wpforms-container .wpforms-form .wpforms-field input[type="tel"],
div.wpforms-container .wpforms-form .wpforms-field input[type="text"],
div.wpforms-container .wpforms-form .wpforms-field input[type="time"],
div.wpforms-container .wpforms-form .wpforms-field input[type="url"],
div.wpforms-container .wpforms-form .wpforms-field input[type="week"],
div.wpforms-container .wpforms-form .wpforms-field select,
div.wpforms-container .wpforms-form .wpforms-field textarea {
  background-color: #f8f9f9;
  font-size: 1.125rem;
}

/* adjust form column to full width on smaller screens */
@media only screen and (max-width: 767px) {
  .wpforms-container .wpforms-one-half,
  .wpforms-container .wpforms-three-sixths,
  .wpforms-container .wpforms-two-fourths {
    width: calc(100%);
    margin-left: 0 !important;
  }
}

/* *************************** Technology ************************************ */
body .technology-col img {
  max-width: 75%;
}
@media (max-width: 1940px) {
  body .technology-6-cols .technology-col {
    width: 8%;
  }
}

@media (max-width: 940px) {
  body .technology-6-cols .technology-col {
    width: 16.666% !important;
    .footer-content {
      flex-direction: column-reverse;
    }
  }
}

@media (max-width: 767px) {
  body .technology-6-cols .technology-col {
    width: 25% !important;
  }
}

@media (max-width: 480px) {
  body .technology-6-cols .technology-col {
    width: 50% !important;
  }
}
/* *************************** Clients ************************************ */
.client-col img,
.technology-col img {
  max-width: 100%;
  filter: grayscale(1);
}

.alberta {
  max-width: 80% !important;
}
.collegeofnewcaledonia {
  max-width: 40% !important;
}

.kpmg {
  max-width: 60% !important;
}

.healthstream {
  max-width: 80% !important;
}

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

.forces {
  max-width: 90% !important;
}

.ecswire {
  max-width: 35% !important;
}

.cityofnanaimo {
  max-width: 100% !important;
}

.bentonpud {
  max-width: 60% !important;
}

.ibm {
  max-width: 50% !important;
}

.enbridge {
  filter: grayscale(1) !important;
  max-width: 90% !important;
}

.washingtonstateuniversity {
  max-width: 90% !important;
}

.advancial {
  max-width: 80% !important;
}

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

.hsas {
  max-width: 60% !important;
}

.princerupertportauthority {
  max-width: 80% !important;
}

.progresslogo {
  max-width: 80% !important;
}
/* end client logos */
/* homepage tech logos - keep this in additional css*/
.powerbi {
  max-width: 50% !important;
}

.typescript {
  max-width: 40% !important;
}

.netcore {
  max-width: 40% !important;
}

.graphql {
  max-width: 40% !important;
}

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

.github {
  max-width: 40% !important;
}

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

.visualstudio {
  max-width: 40% !important;
}

.vuejs {
  max-width: 40% !important;
}

.bootstrap {
  max-width: 40% !important;
}

.bitbucket {
  max-width: 40% !important;
}

.angular {
  max-width: 50% !important;
}

.cypress {
  max-width: 40% !important;
}

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

.docker {
  max-width: 50% !important;
}

.jenkins {
  max-width: 60% !important;
}

.azure {
  max-width: 40% !important;
}

.mysql {
  max-width: 40% !important;
}

.openai {
  max-width: 40% !important;
}

.sendgrid {
  max-width: 40% !important;
}

.elasticsearch {
  max-width: 40% !important;
}

.python {
  max-width: 40% !important;
}

.sonarqube {
  max-width: 40% !important;
}

.postgresql {
  max-width: 40% !important;
}

.php {
  max-width: 60% !important;
}

.kubernetes {
  max-width: 40% !important;
}

.sqlserver {
  max-width: 50% !important;
}

.react {
  max-width: 50% !important;
}

.mongodb {
  max-width: 25% !important;
}

.css3html5js {
  max-width: 60% !important;
}

.java {
  max-width: 40% !important;
}

/* *************************** Meet the team ************************************ */
.img-gk {
  margin: 0;
}

.leadership .card {
  border: none;
  margin-bottom: 24px;
}

.leadership .card p {
  border: none;
  margin-bottom: 0px;
}

.testimonial-block blockquote {
  padding: 20px 36px 0px 63px;
  position: relative;
  background: none;
  border-left: 0;
  font-style: italic;
  /*height: 100%;*/
  /*border-radius:10px;*/
  margin: 0;
}
.testimonial-block {
  background: #e4eaf3;
  border-radius: 10px;
  height: 100%;
}
.testimonial-block .company {
  padding: 0px 36px 0px 63px;
}
.testimonial-block blockquote p {
  margin-bottom: 1rem;
}

@media (max-width: 600px) {
  .leadership .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 25% auto !important;
  }

  .leadership
    .wp-block-media-text.is-stacked-on-mobile
    .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }

  .leadership
    .wp-block-media-text.is-stacked-on-mobile
    .wp-block-media-text__content {
    grid-column: 2;
    grid-row: 1;
  }

  .bio figure {
    max-width: 30vw;
  }
}

/* *************************** Our capabilities ************************************ */
.areoi-strip {
  padding: 3rem;
}
.aeroi-strip p {
  max-width: 960px;
}
.areoi-strip ul {
  list-style: none;
  margin: 0 auto 1.5rem auto;
}

.areoi-strip ul li,
.areoi-strip ol li {
  margin: 8px 0;
  color: #60708b;
}
.card-wrap {
  margin: 1rem 0;
}
.card-footer {
  display: none;
}
.card-header {
  padding: 0;
}
.enterprise-software {
  height: 100%;
  background-color: #f8f9f9;
}
.digital-commerce {
  height: 100%;
  background-color: #f8f9f9;
}
.web-design {
  height: 100%;
  background-color: #f8f9f9;
}
.container-applications {
  height: 100%;
  background-color: #f8f9f9;
}

.enterprise-software,
.container-applications,
.web-design,
.digital-commerce {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}
.enterprise-software:hover,
.container-applications:hover,
.web-design:hover,
.digital-commerce:hover {
  box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09);
}
.enterprise-software img,
.container-applications img,
.web-design img,
.digital-commerce img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* bootsrap block strips - less padding on small devices */
@media only screen and (max-width: 767px) {
  .areoi-strip {
    padding: 2rem 0;
  }
}

/* *************************** AI ************************************ */
.section-services .col-sm-6.col-lg-6.clearleft.wow.slideInUp:last-child {
  width: 100%;
}
.logo-redtail img {
  width: 70%;
}

.ai-blocks .col {
  padding: 2rem;
}
.ai-blocks img {
  width: 80%;
  padding-left: 3rem;
}
.ai-blocks h2.wp-block-heading {
  margin-top: 0;
  margin-bottom: 2rem;
}
.ai-blocks .row,
.ai-benefits .row {
  align-items: center;
}
.ai-benefits img {
  width: 90%;
}
.ai-benefits h2 {
  margin-bottom: 2rem;
}
.ai-overview img {
  width: 80%;
}
.ai-overview ul li {
  list-style-type: disc;
  color: #333 !important;
}
.ai-overview .col {
  padding-right: 2rem;
}
.ai-card .card-header {
  display: none;
}
.ai-card {
  background: #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  height: 100%;
}
.ai-card:hover {
  box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09);
}
.ai-card img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
}
.ai-card mark {
  padding-left: 0;
}

/* *************************** Main - End ************************************ */

/* *************************** Footer - Start ************************************ */
#footer_copyright {
  color: #fff;
}
div#footer-1 {
  color: #fff;
  max-width: 800px;
}
.footer-widget p {
  color: #fff;
}
.footer-content {
  width: 100%;
  box-sizing: border-box;
}

.site-footer .site-info {
  text-align: left;
}

.footer-links {
  list-style: none;
  padding-left: 0;
  display: inline-flex;
  margin-bottom: 0;
}

.footer-links li {
  margin-right: 0.75rem;
}

#footer-widgets .row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-column p {
  text-align: center;
  color: #ffffff;
  font-weight: normal;
  font-size: 1.25rem;
}
.footer-column a {
  color: #ffffff;
  text-decoration: underline;
  padding: 0;
}

#footer_copyright {
  text-align: left;
  position: absolute;
  bottom: 0;
}

#footer_copyright p {
  margin-bottom: 0;
}
#footer_logo {
  text-align: right;
}

@media (max-width: 767px) {
  #footer_copyright {
    margin-top: 30px;
    color: #fff;
    position: static;
  }
  .footer-content {
    flex-direction: column-reverse;
  }
}
@media (max-width: 640px) {
  #footer_copyright {
    margin-top: 30px;
    color: #fff;
  }
}

@media (max-width: 480px) {
  #footer_copyright {
    margin-top: 30px;
    color: #fff;
  }
}
.site-footer .btt a i {
  margin-left: 12px;
}

#footer-widgets .sidebar .widget a {
  color: #f3c525;
  font-size: inherit;
}

.footer-content p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}

.footer-column h2,
.footer-column h3 {
  margin-top: 0;
  color: #fff;
}

.footer-content .copyright-subtext {
  font-weight: normal;
  margin-bottom: 0px;
}

/* *************************** Footer - End ************************************ */

/* ai page */
.section-services .col-sm-6.col-lg-6.clearleft.wow.slideInUp:last-child {
  width: 100%;
}

.logo-redtail img {
  width: 70%;
}

.ai-blocks .col {
  padding: 2rem;
}

.ai-blocks img {
  width: 80%;
  padding-left: 3rem;
}

.ai-blocks h2.wp-block-heading {
  margin-top: 0;
  margin-bottom: 2rem;
}

.ai-blocks .row,
.ai-benefits .row {
  align-items: center;
}

.ai-benefits img {
  width: 90%;
}

.ai-benefits h2 {
  margin-bottom: 2rem;
}

.ai-overview img {
  width: 80%;
}

.ai-overview ul li {
  list-style-type: disc;
  color: #333 !important;
}

.ai-overview .col {
  padding-right: 2rem;
}

.ai-card .card-header {
  display: none;
}

.ai-card {
  background: #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  height: 100%;
}

.ai-card:hover {
  box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09);
}

.ai-card img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
}

.ai-card mark {
  padding-left: 0;
}

/* hide yoast breadcrumb div */
.breadcrumbs {
  display: none;
}

/* capabilities industry cards  */
.industry-card {
  background: #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  height: 100%;
}

.industry-card:hover {
  box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09);
}

.industry-card img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
}

.industry-card mark {
  padding-left: 0;
}

/* heading styles */
h2.wp-block-heading {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 1.5rem;
}

h3.wp-block-heading {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 1.5rem;
}

.section-title {
  color: #333333;
  margin-bottom: 1.5rem;
}

/* for Quick Facts on meet the team page to match H2*/
.sub-head {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 2rem;
}

/* bootstrap block strips - our capabilities*/
.areoi-strip {
  padding: 3rem;
}

.aeroi-strip p {
  max-width: 960px;
}

.areoi-strip ul {
  list-style: none;
  margin: 0 auto 1.5rem auto;
}

.areoi-strip ul li,
.areoi-strip ol li {
  margin: 8px 0;
  color: #60708b;
}

.card-wrap {
  margin: 1rem 0;
}

.card-footer {
  display: none;
}

.card-header {
  padding: 0;
}

.enterprise-software {
  height: 100%;
  background-color: #f8f9f9;
}

.digital-commerce {
  height: 100%;
  background-color: #f8f9f9;
}

.web-design {
  height: 100%;
  background-color: #f8f9f9;
}

.container-applications {
  height: 100%;
  background-color: #f8f9f9;
}

.enterprise-software,
.container-applications,
.web-design,
.digital-commerce {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}

.enterprise-software:hover,
.container-applications:hover,
.web-design:hover,
.digital-commerce:hover {
  box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09);
}

.enterprise-software img,
.container-applications img,
.web-design img,
.digital-commerce img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* bootsrap block strips - less padding on small devices */
@media only screen and (max-width: 767px) {
  .areoi-strip {
    padding: 2rem 0;
  }
}

/* bullet styling */
.section-about ul {
  list-style: none;
}

.section-about ul li,
.section-about ol li {
  margin: 8px 0;
  color: #60708b;
  font-weight: 700;
}

/* homepage - sections*/
.section-desc {
  margin-top: 0;
}

.section-about .row > div {
  margin-top: 0px;
}

.section-title-area {
  margin-bottom: 30px;
  text-align: center;
}

.section-title-area .section-title {
  font-size: 1.5em !important;
  color: #333333;
  margin-bottom: 1.5rem;
}

/* homepage - client logos - keep this in additional css*/

/* homepage - tech logos */
.technology-col img {
  max-width: 100%;
}

.technology-col .technology-name {
  font-weight: normal;
  font-size: 0.75rem;
  position: absolute;
  bottom: 0px;
  margin-bottom: 20px;
}

.technologies-wrapper {
  align-items: stretch;
}

body .technology-6-cols .technology-col {
  width: 15%;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 30px;
}

body .technology-col img {
  max-width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* meet the team - Gary/Kris image */
.img-gk {
  margin: 0;
}

/* meet the team - leadership cards */
.leadership .card {
  border: none;
  margin-bottom: 24px;
}

.leadership .card p {
  border: none;
  margin-bottom: 0px;
}

/* meet the team - testimonials */
.testimonial-block blockquote {
  padding: 20px 36px 0px 63px;
  position: relative;
  background: none;
  border-left: 0;
  font-style: italic;
  /*height: 100%;*/
  /*border-radius:10px;*/
  margin: 0;
}

.testimonial-block {
  background: #e4eaf3;
  border-radius: 10px;
  height: 100%;
}

.testimonial-block .company {
  padding: 0px 36px 0px 63px;
}

.testimonial-block blockquote p {
  margin-bottom: 1rem;
}

/* section testimonials - homepage*/
.section-testimonials .card-block {
  background-color: #e4eaf3;
  border-radius: 10px;
}

.section-testimonials .card {
  border: 1px solid #999999;
  border-radius: 10px;
}

.section-testimonials .card-deck {
  margin-bottom: 1.75rem;
}

/* smaller font and no bold on tes name*/
.tes_author cite {
  font-weight: normal;
}

/* homepage and meet the team - testimonials */
blockquote::before {
  background: url(https://falconsoftware.wpengine.com/wp-content/uploads/2024/05/left-quote-og.svg);
  background-size: auto;
  content: "";
  width: 2.5em;
  height: 1.75em;
  background-size: cover;
  position: absolute;
  top: 1.7rem;
  left: 0.85em;
}

/* testimonial images homepage - should stay in additonal css for easy adjustment */
.tes_image img.microsoft {
  width: 90%;
  filter: invert(50%);
}

.tes_image img.kpmg {
  width: 50%;
  filter: invert(50%);
}

.tes_image img.ibm {
  width: 50%;
  filter: invert(50%);
}

.tes_image img.ministry {
  filter: invert(50%);
}

.tes_image img.commercetools {
  filter: invert(50%);
}

/*homepage hero  */
.hero__content_disable .hcl2-content {
  padding-right: 50px;
}

.col-md-12.col-lg-5.hero-image {
  height: 0;
  position: absolute;
  right: 50px !important;
  top: 6px;
  max-width: 100% !important;
  /*opacity: .75;*/
}

/* form styling start */
div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-label,
div.wpforms-container .wpforms-form .wpforms-field .wpforms-field-sublabel {
  text-transform: unset;
  font-size: inherit;
  letter-spacing: 0;
  font-weight: unset;
  color: #333333;
}

div.wpforms-container .wpforms-form button[type="submit"] {
  width: 150px;
  text-align: center;
  display: block;
  background: #f39c25;
  color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  margin-top: 20px;
}

div.wpforms-container .wpforms-form button[type="submit"]:hover {
  width: 150px;
  text-align: center;
  display: block;
  background: #f5a748;
  color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  margin-top: 20px;
}

/* adjust form column to full width on smaller screens */
@media only screen and (max-width: 767px) {
  .wpforms-container .wpforms-one-half,
  .wpforms-container .wpforms-three-sixths,
  .wpforms-container .wpforms-two-fourths {
    width: calc(100%);
    margin-left: 0 !important;
  }
}

/* form styling ends */
/* page header */
.page-header .entry-title,
.page-header .page-title {
  text-transform: none;
  color: #60708b !important;
  font-size: 26px;
}

.page-header {
  padding: 23px 0px;
}

/* footer */
.footer-column p {
  font-weight: normal;
}

.footer-column a {
  padding: 0px;
}

.footer-column h2 {
  margin-top: 0;
  color: #fff;
}

.footer-column h3 {
  margin-top: 0;
  color: #fff;
}

div#footer-1 {
  color: #fff;
  max-width: 800px;
}

#footer-widgets .sidebar .widget a {
  color: #f3c525;
  font-size: inherit;
}

.footer-content p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}

.footer-content .copyright-subtext {
  font-weight: normal;
  margin-bottom: 0px;
}

.footer-links {
  list-style: none;
  padding-left: 0;
  display: inline-flex;
  margin-bottom: 0;
}

/* contact us - contact number blocks */
.contact-numbers {
  padding: 30px 0 10px 30px;
  height: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  transition: all 100ms ease-out 0s;
  background-color: #e4eaf3;
  border-radius: 10px;
}

.contact-numbers:hover {
  box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09);
}

/* homepage - service blocks */
.section-services .service-item {
  background: #ffffff;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  transition: all 100ms ease-out 0s;
  border-radius: 10px;
}

.section-services .service-item .service-content p {
  margin: 0px;
  font-size: inherit;
  color: #333333;
}

.section-services .service-item .service-title {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  color: #333333;
  font-size: inherit;
  font-weight: 700;
}

/* left align homepage blocks on phones */
@media screen and (max-width: 720px) {
  .section-services .service-item .service-content {
    text-align: left;
    overflow: auto;
  }

  .section-title-area h2 {
    text-align: left;
  }
}

body p {
  font-family: "Roboto";
  color: #333333;
  font-style: normal;
  font-size: 18px;
  font-size: 1.125rem;
}

.onepress-menu a {
  font-family: "Roboto";
  font-style: normal;
  font-size: 16px;
  text-transform: none;
  font-size: 1rem;
}

.hero__content_disable .hero-large-text,
.hero__content_disable .hcl2-content h1,
.hero__content_disable .hcl2-content h2,
.hero__content_disable .hcl2-content h3 {
  font-family: "Arimo";
  color: #60708b;
  font-style: italic;
  font-weight: 700;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.entry-header .entry-title,
body .section-title-area .section-title,
body .section-title-area .section-subtitle,
body .hero-content-style1 h2 {
  font-family: "Arimo";
  font-style: normal;
  letter-spacing: 0px;
  text-transform: none;
}

.hero__content_disable {
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
}
.hero__content_disable h1,
.hero__content_disable h2,
.hero__content_disable h3,
.hero__content_disable h4,
.hero__content_disable h5,
.hero__content_disable h6 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.hero__content_disable a.btn {
  margin: 10px 10px 20px 0px;
  margin: 0.625rem 0.625rem 1.25rem 0rem;
}
.hero__content_disable p {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.hero__content_disable h1 {
  text-transform: none;
  letter-spacing: 0.15px;
  font-size: 2.5rem;
}

/* Ensure the html and body take up the full height of the viewport */
html,
body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

/* Make the #page container fill the available space */
#page {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Ensure the main content area grows to fill the space between the header and footer */
#content {
  flex: 1;
}

.onepress-menu ul {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #ffffff;
  font-size: 16px;
  transition: all 0.2s ease;
}

/* Remove border radius when first menu item is hovered */
.onepress-menu ul li:first-child a:hover {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.onepress-menu ul li a {
  color: #333;
  background-color: unset;
  font-size: 16px;
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 10px 20px;
  font-weight: 500;
  position: relative;
  display: block; /* Ensure block-level for proper spacing */
}
.onepress-menu a.disabled {
  pointer-events: none;
}

/* Create invisible bold version to reserve space */
.onepress-menu ul li a::before {
}
.onepress-menu ul li a:hover {
  background-color: #f0f4f8;
  color: #2f5496;

  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.menu-item-has-children > a::after {
  content: "›";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  font-size: 13px;
  margin-left: 6px;
  transition: transform 0.3s ease;
  transform-origin: center;
  color: #fff;
}

.menu-item-has-children:hover > a::after,
.menu-item-has-children.focus > a::after {
  transform: rotate(90deg);
}

/* Normal text span - visible by default */
.onepress-menu ul li a .text-normal {
  font-weight: 500;
  color: #222;

  opacity: 1;
  transition: opacity 0.2s ease;
}

/* Bold text span - invisible by default, positioned absolutely to overlay */
.onepress-menu ul li a .text-bold {
}

/* On hover: hide normal text, show bold text */
.onepress-menu ul li a:hover .text-normal {
  opacity: 0;
}

.onepress-menu ul li a:hover .text-bold {
  opacity: 1;
}

.entry-content li {
  margin-left: 0;
  margin-bottom: 6px;
}

.reality-cols .row {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

.reality-cols .col {
  flex: 1 1 45%;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  padding: 0 1.5rem;
  margin: 2rem 0;
}

.typical-agency {
  background-color: #fbeaea;
  border: 1px solid #f5c6cb;
}

.falcon-services {
  background-color: #eafaf1;
  border: 1px solid #d0e6d8;
}
.typical-agency h3,
.falcon-services h3 {
  display: flex;
  align-items: center;
}

.typical-agency h3::before,
.falcon-services h3::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 0.5rem;
  vertical-align: middle;
  flex-shrink: 0;
}

.typical-agency h3::before {
  background-image: url("/wp-content/themes/falconpress/assets/images/red_x.png");
}

/* assitional css export */
.falcon-services h3::before {
  background-image: url("/wp-content/themes/falconpress/assets/images/green_check.png");
}

/* existing classes edited */
.section-padding {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.wp-block-heading.section-title {
  margin-top: 0;
}
.footer-widgets.section-padding {
  padding: 3rem 0rem 2.1875rem;
}
/* new classes */
.wp-block-list.blue-list {
  list-style: none;
  margin: 0 auto 1.5rem auto;
}
.wp-block-list.blue-list li {
  margin: 8px 0;
  color: #60708b;
  font-weight: 700;
}
#primary {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.entry-content {
  margin-bottom: 0;
}
.green-box {
  border: solid 1px #d0e6d8;
  padding: 1.5rem;
  border-radius: 10px;
  background-color: #eafaf1;
}
.green-box .wp-block-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.green-box .wp-block-list li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 1rem;
  color: #333333;
}
.green-box .wp-block-list li::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("/wp-content/uploads/2025/06/Green-check-mark-25x25-1.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.red-box {
  border: solid 1px #f5c6cb;
  padding: 1.5rem;
  border-radius: 10px;
  background-color: #fbeaea;
}
.red-box .wp-block-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.red-box .wp-block-list li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 1rem;
  color: #333333;
}
.red-box .wp-block-list li::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("/wp-content/uploads/2025/06/Red-X-mark-25x25-1.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .green-box {
    margin-top: 1rem;
  }
}
.cta-top {
  border: 1px solid #2f5496;
  border-radius: 10px;
  display: flex;
  padding: 0.75rem;
  width: fit-content;
}
.cta-top p {
  margin-bottom: 0;
}
.cta-top .wp-block-image {
  margin-bottom: 0;
}

/*FAQS */
/* FAQ Question Styling */
.schema-faq-question {
  cursor: pointer;
  color: #0073e6; /* Blue color for links */
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25em 0;
  /* border-bottom: 1px solid #eee;*/
  font-weight: 400;
  font-size: 1.3rem;
  margin-bottom: 0;
}
.schema-faq-question:hover,
.schema-faq-question.active {
  color: #005bb5; /* Darker blue on hover */
  font-weight: 700; /* Bold on hover */
}

/* Chevron Icon */
.schema-faq-question::after {
  /* content: "▾";  */
  transition: transform 0.3s ease;
  font-size: 0.8em;
  margin-left: 10px;
}

/* Rotate arrow when open */
.schema-faq-question.active::after {
  transform: rotate(180deg); /* Rotate to up arrow */
}

/* FAQ Answer Styling */
.schema-faq-answer {
  display: none;
  padding: 0.5em 0;
  color: #333;
  line-height: 1.6;
}

/* Container spacing */
.schema-faq {
  max-width: 100%;
  margin: 1rem 0;
}

.faq .section-title {
  margin-bottom: 0;
  color: #607088;
  font-size: 1.4rem !important;
  margin-top: .5rem;
}

body.page-id-1656 #block-22 {
  display: none;
}