/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Navigation
# Content
## Custom Element
### Accordion
# Gravity Forms
# Footer
# Media - Max
# Media - Min
--------------------------------------------------------------*/
:root {
  --white: #fff;
  --black: #000;
  --navy: #141631;
  --white-off: #C5CBD3;
  --maroon: #670c25;
  --pink: #d21459;
  --orange: #ff7b00;
  --orange-burnt: #a72c1e;
  --orange-alt: #eb4c39;
  --yellow: #ffaa00;
  --shadow: rgba(16, 24, 40, 0.05) 0px 6px 15px -2px;

  --font-primary: 'Roboto Flex', sans-serif;
  --font-h1: 56px;
  --font-body: 18px;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
.screenreader-only {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
.d-none{
  display: none!important;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header .elementor-widget-off-canvas .e-off-canvas .e-off-canvas__content {
  margin-right: 20px;
  margin-top: 30px;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html{
  font-size: var(--font-body);
  font-family: var(--font-primary);
}
p {
    margin-block-start: 0;
    margin-block-end: 0;
}
/*h1{
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: var(--font-h1);
}*/

.roboto-flex-<uniquifier> {
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.btn{
  position: relative;
  display: inline-block;
  padding: 15px 28px 13px 28px;
  font-size: 18px!important;
  line-height: normal!important;
  font-weight: 600!important;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  text-align: center;
  border: 0;
  text-decoration: unset !important;
  overflow: hidden;
  border-radius: 999px;

  background: var(--yellow);
  color: var(--navy);
  box-shadow: 0 8px 8px 0 rgba(255, 60, 0, 0.25)!important;
  
  &:hover,
  &:focus{
    color: var(--black);
    background-color: var(--white);
    border-color: var(--black);
  }
}
.btn .icon{
  padding-left: var(--padding-left);
  padding-right: var(--padding-right);
}

/*--------------------------------------------------------------
# Gravity forms
--------------------------------------------------------------*/
.gform_required_legend{
  display: none!important;
}
.gform-body .gform_fields {
  row-gap: 18px!important;
}
.gfield_required .gfield_required_asterisk{
  font-size: 16px;
  color: var(--black);
}
.gform-body label.gfield_label,
.gform-body legend.gfield_label{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: var(--black);
}
.gform-body input[type="text"], .gform-body input[type="number"], .gform-body input[type="email"], .gform-body input[type="url"], .gform-body input[type="password"], .gform-body input[type="search"], .gform-body input[type="reset"], .gform-body input[type="tel"], .gform-body input[type="date"], .gform-body select, .gform-body textarea {
  text-align: left !important;
  line-height: normal !important;
  padding: 15px 20px !important;
  font-size: 16px !important;
  font-family: inherit !important;
  border: none !important;
  box-shadow: none !important;
  height: unset !important;
  outline: none !important;
  border-radius: 12px !important;
  border: 1px solid var(--black)!important;
  background: var(--white)!important;
}
#book .gform_wrapper.gform-theme--foundation form .gform-footer .gform_button[type="submit"]{
  position: relative;
  display: inline-block;
  padding: 15px 28px 13px 28px;
  font-size: 18px!important;
  line-height: normal!important;
  font-weight: 600!important;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  text-align: center;
  border: 0;
  text-decoration: unset !important;
  overflow: hidden;
  border-radius: 999px;

  background: var(--yellow);
  color: var(--navy);
  box-shadow: 0 8px 8px 0 rgba(255, 60, 0, 0.25)!important;
  
  &:hover,
  &:focus{
    color: var(--black);
    background-color: var(--white);
    border-color: var(--black);
  }
}
#book .gform-footer{
  justify-content: center;
}

/*--------------------------------------------------------------
# Media - MAX
@media only screen and (min-width: 769px) and (max-width: 992px) {}
--------------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
  :root {
    --font-h1: 52px;
  }
}

@media only screen and (max-width: 992px) {
  :root {
    --font-h1: 45px;
  }
}
/*--------------------------------------------------------------
# Media - MIN
--------------------------------------------------------------*/
@media only screen and (min-width: 993px) {

  
}