/* 
Theme Name: NCRE - Hello Elementor Child Theme
URI: https://github.com/elementor/hello-theme/
Description: NCRE custom over the Hello Elementor Child Theme
Author: NCRE
Author URI: https://ncrealestate.com.au/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
*/



/*
*
* ---------------- COLOURS SUMMARY ---------------
*
* NCRE Grey - #343232
* NCRE White - #ffffff
* NCRE Light Grey - #f5f7fa ??????????
* NCRE Yellow - #f9e21a
*
* Font headline - Roboto
*
* SECTIONS:
* General
*
*/




/* ADDED BY CHILD THEME HEADER FILE
 * 
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
*
*/

/*--------------------START TEXT AND HEADINGS--------------------*/ 

body {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #333333;
  font-size: 1.125rem;
}



p {
  line-height: 1.6;
}

.ncre-lead-in-text {
  font-weight: 300;
  font-style: normal;
  color: #343232;
  font-size: 2rem;
}

h1, .elementor-widget h1, h1.elementor-heading-title {
  font-size:4.0rem;
  line-height: 1.125;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 0px;
  margin: 0px;
}

h2, .elementor-widget h2, h2.elementor-heading-title {
  font-size:3.0rem;
  line-height: 1.125;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
  padding-top: 0px;
  margin: 0px;
}

h3, .elementor-widget h3, h3.elementor-heading-title {
  font-size:2rem;
  line-height: 1.3;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-style: normal;
  padding-top: 0px;
  margin: 0px;
}

h4, .elementor-widget h4, h4.elementor-heading-title {
  font-size:1.5rem;
  line-height: 1.3;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 0px;
  margin: 0px;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #343232;
}

.comments-area a, .page-content a {
text-decoration: none;
color:inherit;
}


/*--------------------END TEXT AND HEADINGS--------------------*/



/*--------------------START NCRE REVERSE SECTION--------------------*/ 

.ncre-section-reverse {
  background-color: #343232;
}

.ncre-section-reverse,
.ncre-section-reverse h1,
.ncre-section-reverse h2,
.ncre-section-reverse h3,
.ncre-section-reverse h4,
.ncre-section-reverse h5,
.ncre-section-reverse h6,
.ncre-section-reverse p,
.ncre-section-reverse .elementor-widget-text-editor,
.ncre-section-reverse .elementor-widget-text-editor .ncre-lead-in-text{
  color: #ffffff;
}

.ncre-section-reverse .elementor-divider-separator {background: #ffffff;}


.ncre-section-reverse .elementor-button, .ncre-section-reverse .elementor-button:visited  {
  border: 2px solid #ffffff;
  color: #ffffff;
}

.ncre-section-reverse .elementor-button:focus, .ncre-section-reverse .elementor-button:hover {
  color: #343232;
  background-color: #343232;
  border: 2px solid #ffffff;
}

.ncre-section-reverse .elementor-icon, .ncre-section-revers .elementor-icon-list-icon {
	color: #ffffff;
	fill:#ffffff;
}

/*--------------------END NCRE CHANGE REVERSE SECTION--------------------*/ 



/*--------------------START BUTTONS --------------------*/

/* Override default elementor button */
[type=button],
[type=submit],
button,
.sca-single-item-container [type=button],
.sca-single-item-container [type=submit],
.sca-single-item-container button,
.sca-single-item-container .sca-single-item-back a,
.sca-single-item-container .sca-single-item-back a:visited {
  display: inline-block;
  font-weight: 600;
  line-height: 1;
  background-color: transparent;
  border: 2px solid #343232;
  font-size: 1.125rem;
  padding: 0.75rem 1.5rem;
  border-radius: 999px;
  color: #343232;
  fill: transparent;
  text-align: center;
  transition: all .3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-decoration: none;
}

[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover,
.sca-single-item-container .sca-single-item-back a:hover,
.sca-single-item-container .sca-single-item-back a:focus {
  background-color: #343232;
  color: #ffffff;
  text-decoration: none;
}

/* NCRE default button */
.elementor-button, .elementor-button:visited  {
  display: inline-block;
  font-weight: 600;
  line-height: 1;
  background-color: transparent;
  border: 2px solid #343232;
  font-size: 1.125rem;
  padding: 12px 24px;
  border-radius: 5px;
  color: #343232;
  fill: transparent;
  text-align: center;
  transition: all .3s;
}

.elementor-button:focus, .elementor-button:hover {
  color: #ffffff;
  background-color: #343232;
  border: 2px solid #343232;
}

/* NCRE reverse button */
.ncre-reverse-button .elementor-button, .ncre-reverse-button .elementor-button:visited {
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  fill: transparent;
}

.ncre-reverse-button .elementor-button:focus, .ncre-reverse-button .elementor-button:hover {
  color: #343232;
  background-color: #ffffff;
  border: 2px solid #ffffff;
}

/* NCRE yellow button solid */
.ncre-yellow-button .elementor-button, .ncre-yellow-button .elementor-button:visited {
  background-color: #f9e21a;
  border: 2px solid #f9e21a;
  color: #ffffff;
  fill: transparent;
}

.ncre-yellow-button .elementor-button:focus, .ncre-yellow-button .elementor-button:hover {
  color: #f9e21a;
  background-color: transparent;
  border: 2px solid #f9e21a;
}

/* NCRE yellow reverse button solid */
.ncre-yellow-reverse-button .elementor-button, .ncre-yellow-reverse-button .elementor-button:visited {
  background-color: #f9e21a;
  border: 2px solid #f9e21a;
  color: #343232;
  fill: transparent;
}

.ncre-yellow-reverse-button .elementor-button:focus, .ncre-yellow-reverse-button .elementor-button:hover {
  color: #f9e21a;
  background-color: transparent;
  border: 2px solid #f9e21a;
}

/*--------------------END BUTTONS --------------------*/



/*--------------------START DEFAULT ELEMENTOR CONTAINER --------------------

.elementor[data-elementor-post-type="page"] .e-con.e-parent {
  padding: 5% 10%;
}

.elementor[data-elementor-post-type="page"] .e-con.e-parent.ncre-no-padding {
  padding: 0% 0%;
}

.elementor[data-elementor-post-type="page"] .e-con.e-parent:first-of-type {
  position: relative;
  z-index: 1;
  padding-top: calc(5% + 100px);

}

@media (max-width: 767px) {
  .elementor[data-elementor-post-type="page"] .e-con.e-parent.ncre-no-padding {
  padding: 0% 0%;
  }
}

/*--------------------END DEFAULT ELEMENTOR CONTAINER --------------------*/



/*--------------------START NCRE CHANGE GRADIENT DIVIDERS--------------------*/ 

/*
.elementor-divider {
  padding-block-start: 10px !important;
  padding-block-end: 10px !important;
}

.elementor-divider-separator {
  position: static;
  display: block;
  height: 3px;
  width: 100%;
  max-width: 100px !important;
  background: #f9e21a;
  border-block-start: 0 !important;
}
*/

/*--------------------END NCRE CHANGE GRADIENT DIVIDERS--------------------*/ 









/*--------------------START MISC--------------------*/ 

.undo-link-style {
  position: static !important; /* Remove relative positioning */
  color: inherit !important; /* Inherit color from parent */
  text-decoration: underline !important; /* Restore default underline behavior */
}

.undo-link-style::before {
  content: none !important; /* Remove the pseudo-element */
}

.undo-link-style:hover::before {
  transform: none !important; /* Disable the hover effect */
}

/* Elementor linked images */ 
.elementor-widget-image a img {
  transition: transform 0.3s ease-in-out, filter 0.5s ease-in-out 0.15s;
}

.elementor-widget-image a img:hover {
  transform: translateY(-15px);
}

h1.entry-title {
    display:none;
}

.elementor-icon, .elementor-icon-list-icon {
	color: #f9e21a;
	fill: #f9e21a;
}

/*--------------------END MISC--------------------*/ 



/*--------------------START NCRE HEADER--------------------*/

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999; /* Ensure the header stays above other elements */
}

/* Force menu down below admin bar when in admin mode */
body.admin-bar header {
    margin-top: 32px;
}

.ncre-header {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #343232;
  border-bottom: 3px solid #f9e21a;
}

.ncre-header h1, .ncre-header .elementor-widget h1, .ncre-header h1.elementor-heading-title  {
  text-align: center;	
}

/* Default image background settings, can be overridden locally in the widget editor */
.ncre-header[style*="background-image"],
.ncre-header .elementor-background-overlay[style*="background-image"] {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

#ncre-header {
  padding: 15px 50px;
  background-color: #343232;
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
  min-height: 85px;
}

#ncre-header a, #ncre-header a:visited {
  color: #ffffff;
  font-weight: 600;
}

#ncre-header a:hover, #ncre-header a:focus {
  color: #f9e21a;
  font-weight: 600;
}

#ncre-header .elementor-icon-list-items {
  padding-right: 20px;
}

#ncre-header a svg {
  color: #ffffff;
  fill: #ffffff;
}

/*--------------------END NCRE HEADER--------------------*/ 



/*--------------------START NCRE HERO BANNER / PAGE--------------------*/ 

.ncre-hero-banner,
.ncre-hero-page,
.ncre-hero-project {
	margin-top: 70px; /* so full media area is visible */
	min-height: 1000px;
	/*background-attachment: fixed;*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	border-bottom: 3px solid #f9e21a;
	--overlay-opacity: 0.3; /* Targeting Elementor */
}
.ncre-hero-banner::before,
.ncre-hero-page::before,
.ncre-hero-project::before {
  background-color: #343232;
  --background-overlay: ''; /* Targeting Elementor - Required */
}

.ncre-hero-banner {
	min-height: 1000px;
}

.ncre-hero-page {
	min-height: 100vh;
}

.ncre-hero-project {
	min-height: 80vh;
}

.ncre-hero-banner.e-con.e-flex>.e-con-inner,
.ncre-hero-banner.e-con.e-con-full, /* Full page container */
.ncre-hero-page.e-con.e-flex>.e-con-inner,
.ncre-hero-page.e-con.e-con-full, /* Full page container */
.ncre-hero-project.e-con.e-flex>.e-con-inner,
.ncre-hero-project.e-con.e-con-full /* Full page container */{
	/* override defaults */
	display: flex;
    justify-content: center;
    align-items: center;
}

.ncre-hero-banner.e-con.e-con-full, /* Full page container */
.ncre-hero-page.e-con.e-con-full /* Full page container */ {
	background-color: #343232;
}

/* set default overlay */
.ncre-hero-banner::before,
.ncre-hero-page::before,
.ncre-hero-project::before {
    background-color: #000000;
    opacity: 0.5;
}

/* Ensure content stays above the overlay */
.ncre-hero-banner > *,
.ncre-hero-page > *,
.ncre-hero-project > * {
    position: relative;
    z-index: 2;
}

.ncre-hero-banner p,
.ncre-hero-banner h1,
.ncre-hero-banner h2,
.ncre-hero-banner h3,
.ncre-hero-banner h4,
.ncre-hero-page p,
.ncre-hero-page h1,
.ncre-hero-page h2,
.ncre-hero-page h3,
.ncre-hero-page h4 {
  color: #ffffff;
}

.ncre-hero-banner p,
.ncre-hero-banner h1,
.ncre-hero-banner h2,
.ncre-hero-banner h3,
.ncre-hero-banner h4 {
  text-align: center;
}

/*--------------------START NCRE HERO BANNER--------------------*/ 



/*--------------------START NCRE DROPDOWN MENU--------------------*/ 

#ncre-header .elementor-menu-toggle {
/*  margin: 0 auto;   force centre-align */
/*  background-color: #ffffff;   background colour for toggle icon */
/*  border-width: 1px;   border for toggle icon */
/*  border-radius: 30px;   change to round border */
}

/* Menu toggle button. Specific selector to override Elementor defaults*/
#ncre-header .elementor-menu-toggle svg.e-font-icon-svg {
  color: #ffffff;
  fill: #ffffff;	
}

#ncre-header .elementor-menu-toggle:hover svg.e-font-icon-svg {
  color: #f9e21a;
  fill: #f9e21a;
}

/* dropdown menu background */
#ncre-header .elementor-nav-menu--dropdown {
	color: #343232;
	background-color: #f9e21a;
}

#ncre-header .elementor-nav-menu--dropdown a {
	color: #343232;
}

/* dropdown menu background hover */
#ncre-header .elementor-nav-menu--dropdown .elementor-item:hover, #ncre-header .elementor-nav-menu--dropdown .elementor-item:focus {
	color: #f9e21a;
	background-color: #343232;
}

/* dropdown menu background active */
#ncre-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
	color: #f9e21a;
	background-color: #343232;
}

/* dropdown icon size */
#ncre-header {
  --nav-menu-icon-size: 30px;
}

/* dropdown distance from top */
#ncre-header .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown,
#ncre-header .elementor-nav-menu__container.elementor-nav-menu--dropdown {
	margin-top: 18px !important;
}

/* toggle distance from side */
#ncre-header .elementor-widget-container {
}

/*--------------------END NCRE DROPDOWN MENU--------------------*/ 





/*--------------------START NCRE SOCIAL ICONS--------------------*/

/* note footer specific adjustments */

.elementor-social-icon svg {
  color: #ffffff;
  fill: #ffffff;		
}

.elementor-social-icon:hover, .elementor-social-icon:hover svg {
  color: #343232;
  fill: #343232;	
}

.elementor-social-icon {
    background-color: #ffffff;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #ffffff;
}

.elementor-social-icon:hover {
  color: #343232;
  fill: #343232;
  background-color: #ffffff;	
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #ffffff;
}

.elementor-social-icon {
  --icon-size: 25px;
  --icon-padding: .5em;
}

/* Footer specific social icons */
#ncre-footer .elementor-social-icon svg {
  color: #343232;
  fill: #343232;	
}

#ncre-footer .elementor-social-icon:hover, #ncre-footer .elementor-social-icon:hover svg {
  color: #ffffff;
  fill: #ffffff;
  background-color: #343232;
}

/*--------------------END NCRE SOCIAL ICONS--------------------*/ 



/*--------------------START NCRE FOOTER--------------------*/ 

#ncre-footer {
  padding: 90px 50px 200px 50px;
  background-color: #343232;
  color: #ffffff;
  border-top: 2px solid #ffffff;
}

#ncre-footer a, #ncre-footer a:visited {
  color: #ffffff;
  font-weight: 600;
}

#ncre-footer a:hover, #ncre-footer a:focus {
  color: #f9e21a;
  font-weight: 600;
}

#ncre-footer .elementor-icon-list-items, #ncre-footer .elementor-widget-social-icons {
  padding-right: 20px;
}

#ncre-footer .elementor-icon-list-items a svg {
  color: #ffffff;
  fill: #ffffff;
}

#ncre-footer h2,
#ncre-footer h3,
#ncre-footer h4 {
  color: #ffffff;
  font-weight: 600;
  padding: 0.75rem 0rem;
}

/* NCRE page jump */
#ncre-page-jump {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}


#ncre-page-jump .elementor-icon {
  color: #343232;
  fill: #343232;
}

#ncre-page-jump .elementor-icon i, 
#ncre-page-jump .elementor-icon svg {
/*  display: block;
  position: relative; */
  padding: 0.5rem;
  border: 2px solid #f9e21a;
  border-radius: 999px;
  background-color: #f9e21a
}


/* NCRE yellow reverse button solid */
.ncre-yellow-reverse-button .elementor-button, .ncre-yellow-reverse-button .elementor-button:visited {
  color: #343232 !important;
}

#ncre-footer .ncre-yellow-reverse-button .elementor-button:hover , #ncre-footer .ncre-yellow-reverse-button .elementor-button:focus {
  color: #f9e21a !important;
}

/* Footer credits */
.ncre-footer-credit {
  color: #ffffff;
  font-size: 0.9rem;
}

.ncre-footer-credit a,
.ncre-footer-credit a:visited {
  color: #ffffff;
  font-size: 0.9rem;
  text-decoration: none;
}

.ncre-footer-credit a:hover,
.ncre-footer-credit a:focus {
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: underline;
}

.ncre-footer-nav {
  padding-bottom: 2rem;
}

.ncre-footer-nav .elementor-nav-menu a,
.ncre-footer-nav .elementor-nav-menu a:visited {
  padding: 0.5rem 0rem;
  color: #ffffff;
  text-decoration: none;
  font-size: 0.9rem;
}

.ncre-footer-nav .elementor-nav-menu a:hover,
.ncre-footer-nav .elementor-nav-menu a:focus {
  padding: 0.5rem 0rem;
  color: #ffffff;
  text-decoration: underline;
  font-size: 0.9rem;
}

.ncre-footer-nav-inline {

}

.ncre-footer-nav-inline .elementor-nav-menu a,
.ncre-footer-nav-inline .elementor-nav-menu a:visited {
  padding: 0.5rem 1.5rem 0.5rem 0rem;
  color: #ffffff;
  text-decoration: none;
  font-size: 0.9rem;
}

.ncre-footer-nav-inline .elementor-nav-menu a:hover,
.ncre-footer-nav-inline .elementor-nav-menu a:focus {
  padding: 0.5rem 1.5rem 0.5rem 0rem;
  color: #ffffff;
  text-decoration: underline;
  font-size: 0.9rem;
}

/*--------------------END NCRE CHANGE FOOTER--------------------*/ 




/*--------------------START NCRE PROJECT BLOCK--------------------*/ 



/* Layout & container */
.ncre-project-block {
  padding: 30px;
  min-height: 340px;
  background: linear-gradient(90deg, #7b1fa2 0%, #e91e63 100%); /* Fallback gradient */
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  --overlay-opacity: 0.4; /* Targeting Elementor */
  --background-transition: 0.5s; /* Targeting Elementor */
}

.ncre-project-block:hover, 
.ncre-project-block:focus {
  --overlay-opacity: 0; /* Targeting Elementor */
}

.ncre-project-block::before {
  background-color: #343232;
  --background-overlay: ''; /* Targeting Elementor - Required */
}

/* Overlay */
.ncre-project-block .elementor-background-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.35);
  pointer-events: none;
}

.ncre-project-block h2 {
  text-transform: uppercase;
  font-size: 2.4rem;
  color: #ffffff;
}

.ncre-project-block p {
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 700;
}

/* Button styling */
.ncre-project-block .elementor-button,
.ncre-project-block .elementor-button:visited {
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  fill: transparent;
}

.ncre-project-block .elementor-button:focus,
.ncre-project-block .elementor-button:hover {
  color: #343232;
  background-color: #ffffff;
  border: 2px solid #ffffff;
}

/*--------------------END NCRE PROJECT BLOCK--------------------*/ 


/* Anchor link offset for project pages */
#project_about,
#project_features,
#project_master_plan,
#project_gallery,
#project_contact {
  scroll-margin-top: 100px;
}

#project_enquire .elementor-icon, #project_enquire .elementor-icon-list-icon {
	color: #343232;
	fill: #343232;
}

#project_enquire .elementor-view-framed .elementor-icon {
    background-color: transparent;
    border: 3px solid #343232;
    color: #343232;
    padding: .5em;
}

#project_about .elementor-icon, #project_about .elementor-icon-list-icon {
	color: #343232;
	fill: #343232;
}

.ncre-hero-project {
  min-height: 80vh;
}




/*--------------------START NCRE TEAM CARD--------------------*/ 

.ncre-team-card {
  padding: 30px;
  min-height: 500px;
  --overlay-opacity: 0.3; /* Targeting Elementor */
  border:1px solid #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: end;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.ncre-team-card.e-con.e-flex {
  flex: 1 1 calc(50% - 20px);
  --background-transition: 0.8s; /* Targeting Elementor */
}

@media screen and (max-width: 768px) {	
.ncre-team-card.e-con.e-flex {
  flex: 1 1 100%;
}		
}

.ncre-team-card:hover, 
.ncre-team-card:focus {
  --overlay-opacity: 0; /* Targeting Elementor */
}

.ncre-team-card::before {
  background-color: #343232;
  --background-overlay: ''; /* Targeting Elementor - Required */
}

/* Background image defaults (overrides fallback gradient if set) */
.ncre-team-card[style*="background-image"],
.ncre-team-card .elementor-background-overlay[style*="background-image"] {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.ncre-team-card h2 {
  font-size: 1.8rem;
  color: #ffffff;
}


.ncre-team-card p {
  color: #ffffff;
  font-weight: 700;
}


.ncre-team-card a,
.ncre-team-card a:visited {
  color: #ffffff;
  font-weight: 700;
}

.ncre-team-card a:hover,
.ncre-team-card a:focus {
  color: #f9e21a;
  font-weight: 700;
}








































































/*--------------------START GRAVITY FORMS--------------------*/ 

/* Style the form wrapper */
.gform_wrapper.gravity-theme {

}

/* Style field labels */
.gform_wrapper.gravity-theme .gfield_label {
    font-weight: 400;
    color: #00534c;
    margin-bottom: 20px;
	font-size:1.125rem;
}

.gform_wrapper.gravity-theme .gfield_checkbox label,.gform_wrapper.gravity-theme .gfield_radio label {
  font-size:1.125rem;
}

/* Style text inputs and text areas */
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input[type="url"],
.gform_wrapper.gravity-theme textarea {
  width: 100%;
  padding: 15px 30px 15px 30px; /* Top, Right, Bottom, Left */
  border: 2px solid #00534c;
  border-radius: 15px;
  margin-bottom: 20px;
  font-size:1.125rem;
}

/* Style placeholder text for specified inputs within .gform_wrapper.gravity-theme */
.gform_wrapper.gravity-theme input[type="text"]::placeholder,
.gform_wrapper.gravity-theme input[type="email"]::placeholder,
.gform_wrapper.gravity-theme input[type="url"]::placeholder,
.gform_wrapper.gravity-theme textarea::placeholder {
    color: #00534c;     
	font-weight: 400;
	font-size:1.125rem;
}

/* Custom style for checkboxes */
  .gform_wrapper.gravity-theme .gfield_checkbox input[type="checkbox"] {
  width: 25px; /* Set width */
  height: 25px; /* Set height */
  -webkit-appearance: none; /* Remove default appearance for WebKit browsers */
  -moz-appearance: none; /* Remove default appearance for Firefox */
  appearance: none; /* Remove default appearance */
  border: 2px solid #00534c;
  border-radius: 4px;
  background-color: #ffffff;
  cursor: pointer;
}

.gform_wrapper.gravity-theme .gfield_checkbox .gchoice {
margin-bottom: 15px;
}

/* Style checked state */
.gform_wrapper.gravity-theme .gfield_checkbox input[type="checkbox"]:checked {
    background-color: #00534c;
    color: #ffffff;
}

.gform_wrapper.gravity-theme .gfield_checkbox {
margin-bottom: 20px;	
}

/* Style checkboxes and radio buttons */
.gfield_checkbox input[type="checkbox"],
.gfield_radio input[type="radio"] {
    margin-right: 20px;
	font-size:1.125rem;
}

/* Style the submit button */
.gform_button {
	font-weight: 700;
    background-color: #ffffff;
    color: #00534c;
    padding: 10px 20px;
    border: 2px solid #00534c;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
}
.gform_button:hover {
	color: #ffffff;
    background-color: #00534c;
}

/* Style error messages */
.validation_message {
    color: #d9534f;
    font-weight: bold;
}
.gfield_error input,
.gfield_error select,
.gfield_error textarea {
    border-color: #d9534f;
}

/*--------------------END GRAVITY FORMS--------------------*/ 



/*
*
* ---------------- MEDIA SCREENS SUMMARY ---------------
*
* SCREENS:
* max-width: 1024px - Tablet view
* max-width: 768px - Phone landscape view
* max-width: 480px - Phone portrait view
* min-width: 1440px - larger screens greater than 1440px
* min-width: 1920px - larger screens greater than 1920px
*
* SECTIONS:
* General
*
*/



/* ---------------- MEDIA SCREENS max-width: 1024px --------------- */
/* screens below 1025px*/
@media screen and (max-width: 1024px) {

} /* END screens below 1025px*/
/* ---------------- END MEDIA SCREENS max-width: 1024px --------------- */





/* ---------------- MEDIA SCREENS max-width: 768px --------------- */
/* END screens below 769px*/
@media screen and (max-width: 768px) {

h1, .elementor-widget h1, h1.elementor-heading-title {
  font-size:3.0rem;
}

h2, .elementor-widget h2, h2.elementor-heading-title {
  font-size:2.4rem;
}

h3, .elementor-widget h3, h3.elementor-heading-title {
  font-size:1.8rem;
}

h4, .elementor-widget h4, h4.elementor-heading-title {
  font-size:1.35rem;
}	
	

}
/* ---------------- END MEDIA SCREENS max-width: 768px --------------- */





/* ---------------- MEDIA SCREENS max-width: 480px --------------- */
/* screens below 481px*/
@media screen and (max-width: 480px) {
	
}  /* END screens below 481px*/
/* ---------------- END MEDIA SCREENS max-width: 480px --------------- */





/* ---------------- MEDIA SCREENS min-width: 1440px --------------- */
/* screens above 1440px*/
@media screen and (min-width: 1440px) {

}  /* END screens above 1440px*/
/* ---------------- END MEDIA SCREENS min-width: 1440px --------------- */





/* ---------------- MEDIA SCREENS min-width: 1920px --------------- */
/* screens above 1920px*/
@media screen and (min-width: 1920px) {

}  /* END screens above 1920px*/
/* ---------------- END MEDIA SCREENS min-width: 1920px --------------- */