/*
Theme Name:   Elementor Child
Description:  Child Theme to add RTOData functions
Author:       Dave Spencer
Author URI:   http://noosawebdesign.com.au
Template:     hello-elementor
*/



#registration-form label,
#details-form label,
.contact-form label {
	line-height: 2;
	font-weight: bold;
}

#registration-form label:has(+ input:required)::before, 
#registration-form label:has(+ select:required)::before {
  content: '*';
  color: red;
  font-weight: 700;
  margin-right: 4px;
}

#registration-form select,
#details-form select {
	padding: 15px;
	background-color: transparent;
}

#registration-form textarea,
#details-form textarea {
	padding: 15px;
	background-color: transparent;
	color: #000;
	border: 1px solid #c0c0c0;
}
.registration-form ol {
  margin-left: 0px !important;
  padding-left: 20px;
  margin-bottom: 10px;
}
	

body .rtodata-highlight {
	outline-style: solid;
	outline-width: 2px;
	outline-color: #F89E1C;
}

body .rtodata-process {
	outline-style: solid;
	outline-width: 1px;
	outline-color: blue;
}

body .rtodata-inherit {
	outline-style: inherit;
	outline-width: inherit;
	outline-color: inherit;
}

body .rtodata-hidden {
	display: none;
}

body .fa-asterisk {
	color: #c63114;
	float: right;
	margin-top: 6px;
}

body .text-alert {
	color: #F89E1C;
}

body .text-success {
	color: green;
}

body .text-process {
	color: #c63114;
}

body .ui-widget-content a {
  color: #c36;
}

body .ui-widget-content a:hover {
  color: inherit;
}

.registration-form input[type="date"] {
  width: 100%;
  padding: 5px 10px;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #4e4e4e;
}


/* Bootstrap */

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.form-control {
	line-height: 2;
	height: auto;
	font-size: 16px;
	margin-bottom: 6px;
	-webkit-min-logical-width: calc(100% - 16px);
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row::after, .row::before {
  display: table;
  content: " ";
}

.row::after {
  clear: both;
}

.col-lg-3, .col-md-4, .col-md-8, .col-sm-6, .col-xs-2, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-12 {
	width: 100%;
	float: left;
}

.col-xs-2 {
	width: 16.66666667%;
	float: left;
}

.col-xs-4 {
	width: 33.3333333%;
	float: left;
}

.col-xs-5 {
	width: 41.66666667%;
	float: left;
}

.col-xs-6 {
	width: 50%;
	float: left;
}

.col-xs-7 {
	width: 58.33333333%;
	float: left;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

@supports (-webkit-touch-callout: none) {
	#registration-form input[type=date] {
		width: 95%;
  	}
}

@media (min-width: 768px) {
	.col-sm-6 {
	    width: 50%;
	    float: left;
	}
}

@media (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}
	.visible-xs {
		display: block !important;
	}
	
	#details-form .lln-row {
		font-size: 9px;
	}
	#registration-form input[type=date] {
		background-color: #fff;
		height: 48px;
  	}
  	input[type='date']:invalid:before {
  		content: attr(placeholder);
  		width: 100%;
	}
}

@media (min-width: 992px) {
	.col-md-4 {
    	width: 33.33333333%;
    	float: left;
	}
	.col-md-8 {
    	width: 66.66666666%;
    	float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-3 {
		width: 25%;
		float: left;
	}
}