/*
Theme Name: Amazing Grace
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;
}
#footer .links ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.withImage.without{
  min-height: fit-content;
}
.imageText {
  opacity: 0; /* Start invisible */
  transform: translateX(-100%); /* Start off-screen to the left */
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.imageText.animate {
  opacity: 1; /* Fully visible */
  transform: translateX(0); /* Move to the original position */
}
.animatesection {
  opacity: 0; /* Start invisible */
  transform: translateY(50px); /* Start below its original position */
  transition: opacity 1.5s ease, transform 1.5s ease;
}

.animatesection.animate {
  opacity: 1; /* Fully visible */
  transform: translateY(0); /* Move to original position */
}
#header .options #navigation .topNavi {
  position: relative;
}
#header .options #navigation .topNavi .menu-item-has-children:hover .sub-menu{
  display: block;
}
#header .options #navigation .topNavi .menu-item-has-children .sub-menu {
  flex-wrap: wrap;
  position: absolute;
  z-index: 9999999;
 display: none;
  border-radius: 2.5em;
}
#header .options #navigation ul.sub-menu li{
  display: block;
  width: 100%;
  margin: 0;
}
#header .options #navigation ul.sub-menu li a{
  padding: 10px 5px;
  display: block;
  background-color: #FDBD27;
}
#header .options #navigation ul.sub-menu li a:hover{
  background: #263981;
  color: #fff;
}
#mainWrapper select{
  display: block;
  margin: 0;
  padding: 12px 17px;
  width: 100%;
  height: 50px;
  font-family: "sauna-new", Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #293D89;
  border-radius: 40px;
  border: 4px solid #293D89;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 0.8em;
}
#mainWrapper .nf-form-content .list-select-wrap .nf-field-element>div{
  background: none !important;
  border: none;
  
}