/*
Theme Name: Carey Group
Version: 1.0
Author: Cloud Three
Author URI: https://cloudthree.com.au/
*/
 
.alignnone {
margin: 5px 20px 20px 0;
}
 
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
 
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
 
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
 
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
 
a img.alignnone {
margin: 5px 20px 20px 0;
}
 
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
 
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
 
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
 
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
 
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
 
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
 
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
 
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
 
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
 
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
 
/* ninja forms preset */
 
.ninja-forms-form-wrap .ninja-forms-error-msg {
color: #ff0000;
margin-bottom: 5px;
}
 
.ninja-forms-form-wrap .ninja-forms-required-items {
margin-bottom: 5px;
font-weight: bold;
}
 
.ninja-forms-form .text-wrap input,
.ninja-forms-form .textarea-wrap textarea,
.ninja-forms-form .list-dropdown-wrap select {
font-size: 14px;
padding: 10px 10px;
border: 1px solid #cccccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #ffffff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
}
 
.ninja-forms-form .submit-wrap input {
line-height: 41px;
text-align: center;
background-color: #ffffff;
padding: 0 32px;
border: 2px solid #cccccc;
-webkit-transition: background-color 0.3s, color 0.3s;
-moz-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
cursor: pointer;
font-size: 14px;
}
 
.ninja-forms-form .submit-wrap input:hover {
color: #ffffff;
background-color: #cccccc;
}
.nf-form-fields-required {
  display: none;
}
.content {
  position: relative;
  border-radius: var(--section-radius) var(--section-radius) 0 0;
  margin-top: calc(var(--section-radius) * -1);
  z-index: 1;
  will-change: transform;
}
.desc p a.linkBtn{
  display: inline-block;
}
.content.forInsight img
{
display: block;
width: 100%;
border-radius: 10px;
margin-bottom: 45px;
}
.videoClip {
  position: relative;
  display: block;
  margin: auto;
}

.videoClip img {
  display: block;
}

/* dark overlay */
.videoClip::before {
  /* content: "";
  z-index: 999;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-40%, -50%);
 width: 0;
 height: 0;
 border-left: 18px solid #000;
 border-top: 12px solid transparent;
 border-bottom: 12px solid transparent;
 pointer-events: none; */
}

/* play button circle */
.videoClip::after {
  content: "WATCH THIS VIDEO";
  position: absolute;
  top: 80%;
  left: 50%;
  width: 210px;
  height: 70px;

  transform: translate(-50%, -50%);
  transition: .25s;

  color: #fff;
  font-weight: bold;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320zM252.3 211.1C244.7 215.3 240 223.4 240 232L240 408C240 416.7 244.7 424.7 252.3 428.9C259.9 433.1 269.1 433 276.6 428.4L420.6 340.4C427.7 336 432.1 328.3 432.1 319.9C432.1 311.5 427.7 303.8 420.6 299.4L276.6 211.4C269.2 206.9 259.9 206.7 252.3 210.9z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 56px;
  background-position: left center;

  padding-left: 40px;
}

/* play triangle */
.videoClip span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  width: 0;
  height: 0;
  border-left: 18px solid #000;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  pointer-events: none;
}
.imageCards .card .image img{
  max-width: auto;
  min-height: 321px;
  width: auto;
  max-width: none;
  height: 321px;
}
.nf-progress-container{
  margin-bottom: 20px;
}
.pikaday__container
{
  margin-bottom: 20px;
}
.contactForm .fields .linkBtn
{
  position: relative;
  display: table;
  font-family: 'Figtree', sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin: 29px 0;
  color: #fff;
  background: #2576A7;
  border: 1px solid #2576A7;
  border-radius: 30px;
  padding: 12.7px 25px 10.7px;
  cursor: pointer;
  outline: none;
  letter-spacing: 0.2px;
  text-align: center;
  min-width: 138px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.nf-breadcrumbs li a
{
  position: relative;
  display: table;
  font-family: 'Figtree', sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin: 29px 0;
 color: #2576A7;
  background: transparent;
  border: 1px solid #2576A7;
  border-radius: 30px;
  padding: 12.7px 25px 10.7px;
  cursor: pointer;
  outline: none;
  letter-spacing: 0.2px;
  text-align: center;
  min-width: 138px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.contactForm .fields .linkBtn:hover {
  background-color: #3986b9;
  color: #fff;
}
.contactForm .nf-form-cont{
  width: 100%;
}
.contactForm .nf-field-label label{
  font-weight: 500;
}
.nf-progress-container{
  position: relative;
}
.nf-progress-container:before{
  display: block;
  content:"Progress";
  position: absolute;
  top: -30px;
}
.nf-progress-container, .nf-progress
{
  border-radius: 30px;
}

.narrowText .centered{
  margin: 29px auto;
  width: auto;
}
.experience .right ul li h4{
  display: inline-block;
}
.experience .right ul li div
{
  display: flex;
}
#intro .list-select-wrap .nf-field-element::after{
  display: none;
}
#intro .nf-field-container{
  margin-bottom: 0;
}
#intro .ninja-forms-form-wrap *{
  display: flex;
  justify-content: end;
}
#intro .nf-form-fields-required{
  display: none;
}
#intro .nf-error-msg
{
  position: absolute;
  width: 100%;
  top: 60px;
}
.staff li .image h6 span{
  display: block;
}
.wp-block-button__link{
  position: relative;
    display: table;
    font-family: 'Figtree', sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin: 29px 0;
    color: #fff;
    background: #2576A7;
    border: 1px solid #2576A7;
    border-radius: 30px;
    padding: 12.7px 25px 10.7px;
    cursor: pointer;
    outline: none;
    letter-spacing: 0.2px;
    text-align: center;
    min-width: 138px;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
         
  
}
p:has(.wp-block-button__link) {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.wp-block-button__link:hover{
  background-color: #3986b9;
  color: #fff;
}

@media only screen and (max-width : 991px) {
  #intro .left .fields{
    position: absolute;
    width: 93%
  }
  
}
@media only screen and (max-width : 767px) {
  #intro .left .fields{
    max-width: 100%;
    position: relative;
  }
  .companies .logos li img{
    max-width: 200px;
  }
  .companies .logos
  {
    display: flex;
    flex-wrap: wrap;
  }
  #mainWrapper .videoClip::before{
    font-size: 1.75em;
    top: 20%;
  }
  .wp-block-button__link{
    margin: auto;
  }
  .companyContainer{
    text-align: center;
  }
}
@media only screen and (max-width : 600px) {
  #intro .ninja-forms-form-wrap nf-cells{
   flex-wrap: wrap; 
  }
  #intro .ninja-forms-form-wrap .nf-cell{
    width:100% !important;
  }
  #intro .ninja-forms-form-wrap *{
  
  }
  #intro .left .fields .textbox{
    border: none;
  }
  #intro .left .fields .textbox,  #intro .left .fields select{
    border: 1px solid #C3C2CE !important;
    border-radius: 40px;
    margin: 10px 0;
    background: none !important;  
    text-align: left;
    padding: 15px;
  }
  #intro .left .nf-before-form-content, #intro .left  .nf-after-form-content, #intro .left .nf-mp-header, #intro .left .nf-mp-footer{
    width: 0;
  }
  #intro .ninja-forms-form-wrap .nf-cell * {
    width:100%;
    flex-wrap: wrap;
  }
  .list-select-wrap:after{
    display: none;
  }
   #intro .left .fields select{
  
  }
  #mainWrapper .videoClip::before{
    display: none;
  }
  .videoClip::after{
    top: 55%;
    left: 50%;
    text-indent: -999px;
    content: "";
    width: 0;
    padding-left: 56px;
  }
}