/*
 Theme Name:   ClarendonTwentyThree Child
 Theme URI:    https://clarendonland.com
 Description:  Custom GeneratePress child theme
 Author:       Brand Perspective
 Author URI:   https://brandperspective.co.uk
 Template:     generatepress
 Version:      0.1
*/

/*** GENERAL ***/
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: var(--wp--preset--color--white);
}

/*** HEADER ***/
.site-header {
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 30, 98, 0.2);
  box-shadow: 0 0 8px 0 rgba(0, 30, 98, 0.2);
}

/*** HOME PAGE ***/
.home-hero {
  height: calc(100vh - 76px) !important;
}

.home-hero h1 {
  text-shadow: 0 0.1rem 0.875rem rgba(42, 61, 69, 0.3);
}

/*** LINGS & BUTTONS ***/

a,
button,
input:focus,
input[type="button"],
input[type="submit"],
textarea:focus,
.wp-block-button__link {
  transition: all 0.2s ease-in-out;
}

:where(.is-layout-flex) {
  gap: 1.5em;
}

a.wp-block-button__link.wp-element-button,
input[type="submit"] {
  padding: 0.75rem 1rem;
  border-radius: 4px;
  border: 1px solid var(--accent);
}

a.wp-block-button__link.wp-element-button:hover {
  text-decoration: none;
  border: 1px solid var(--contrast-2);
}

div.wp-block-button.is-style-outline
  > .wp-block-button__link.wp-element-button {
  border: 1px solid var(--base-3);
  padding: 0.75rem 1rem;
}

div.wp-block-button.is-style-outline
  > .wp-block-button__link.wp-element-button:hover {
  background-color: var(--accent);
  border: 1px solid var(--accent);
}

/*** PROJECTS ***/
.project-card {
  -webkit-box-shadow: 0 0.1rem 0.875rem rgba(3, 35, 102, 0.2);
  box-shadow: 0 0.1rem 0.875rem rgba(3, 35, 102, 0.2);
}

/*** ANIMATIONS ***/
.slide-in-top {
  -webkit-animation: slide-in-top 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-top 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-2-6 9:9:5
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

/*** GRAVITY FORMS ***/

.form-card {
  -webkit-box-shadow: 0 3px 30px rgba(3, 35, 102, 0.2) !important;
  box-shadow: 0 3px 30px rgba(3, 35, 102, 0.2) !important;
}

.form-card {
  border-top-width: 5px;
  border-top-style: solid;
  border-image: linear-gradient(to right, #019de0 0, #032366 100%) 1;
}

.form-card:hover {
  box-shadow: 0 3px 35px rgba(3, 35, 102, 0.4) !important;
}

.gform_wrapper .gform_required_legend {
  display: none;
}

.gform_wrapper.gravity-theme .gfield_label {
  font-weight: 400 !important;
}

body
  .gform_wrapper
  .gform_body
  .gform_fields
  .gfield
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="image"]):not([type="file"]),
body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"],
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
  color: #2a3d45;
  border: 1px solid #e8e9eb;
  padding: 0.5rem 1rem;
  background: #e8e9eb;
  border-radius: 4px;
  width: 100%;
}

body
  .gform_wrapper
  .gform_body
  .gform_fields
  .gfield
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="image"]):not([type="file"]):hover,
body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"]:hover,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:hover {
  color: #2a3d45;
  border: solid 1px #032366;
}

body .gform_wrapper.gravity-theme .gfield textarea.large {
  height: 160px;
}

body .gform_wrapper.gravity-theme .gform_footer,
body .gform_wrapper.gravity-theme .gform_page_footer {
  padding: 16px 0 0;
}

.grecaptcha-badge {
  z-index: 99999;
  display: block !important;
}

/*** FLUENT FORMS ***/

.fluentform,
.fluentform button,
.fluentform input,
.fluentform textarea,
.fluentform label {
  font-family: proxima-nova;
  color: var(--contrast);
}

.fluentform .ff-btn {
  padding: 0.75rem 1rem;
  border-radius: 4px;
  border: 1px solid var(--accent);
}
form#fluentform_1 .ff-btn:focus,
form#fluentform_1 .ff-btn:hover {
  box-shadow: none;
  opacity: 1;
}
form#fluentform_1 .ff-btn-submit {
  background-color: var(--accent);
  border: 1px solid var(--accent);
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.15em;
  transition: 0.2s ease;
}
form#fluentform_1 .ff-btn-submit:hover {
  background-color: var(--contrast-2);
  border: 1px solid var(--contrast-2);
}