:root {
	--font-size: 1.2rem;
}

/* find a CB..  */ 
/*Styling for the page and the tabs */ 

/* Styling the tabs - adding the rounded */ 
.et_pb_tab_0, .et_pb_tab_1 {
	border-radius:12px 12px 0 0;	
}

.gm-style{
	font-family: 'Poppins' !Important;	
}

/* the following is for the Gravity form */ 
.gform_description {
	display:flex; 
	flex-flow: row; 
	margin-bottom: 30px;
}

p.contactDetails {
	display: flex;
	flex-flow: row;
	width: 70%;
}

#find-a-cb {
	opacity: 1;
	-webkit-transition: .25s all ease;
	-moz-transition: .25s all ease;
	-ms-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
} 

.closeButton {
	font-size: xx-large;
	position: absolute;
	top: 0;
	right: 0;
}

#contact-a-cb {
	border-radius:20px;
	padding: 20px 10vw;
	opacity: 1;
	-webkit-transition: .25s all ease;
	-moz-transition: .25s all ease;
	-ms-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}

.et_pb_row_3.et_pb_row{
	border-radius:25px;
}

.hideElement {
	display:none;
}

.scheme-icon {
	display: inline-flex; 
}

.scheme-dcc_level_zero, .scheme-dcc_level_one,.scheme-dcc_level_two, .scheme-dcc_level_three {
	background:white; 
	/* padding:12px; */
	border-radius:12px;
	color:#532a45;
	padding:0 !Important;
}



#find-a-cb {
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 10px;
	gap: 10px;
}

.autocomplete.ica {
	color: var(--ica-secondary);
	font-weight: 700;
	font-size: large;
}

#CB-Choice{
	border:3px solid var(--ce-primary);
	padding:3px;
	font-size:large;
}

.CB-Location-Search, .CB-Name-Search {
	/* padding-top: 30px; */ 
	width: 100%;
	text-align: center;
}

#cb-header { text-align: center; }
.ce #cb-header h2 { color: var(--ce-primary); }
.ica #cb-header h2 { color: var(--ica-secondary); }
.icb #cb-header h2 { color: var(--icb-secondary); }
.iot #cb-header h2 { color: var(--iot-primary); }
.maritime #cb-header h2 { color: var(--maritime-secondary); }
.ca #cb-header h2 { color: var(--advisor-primary); }
#name-input.ica, #name-input.icb, #address-input.ica, #address-input.icb { color: var(--ica-secondary); }
#address-input.iot { color: var(--iot-primary); }
#address-input.maritime { color: var(--maritime-primary);}
#address-input.ca { color: var(--advisor-primary); }
.ce input::placeholder { color: var(--ce-primary); }
#address-input.iot::placeholder { color: var(--iot-primary); opacity: 0.8; }
#address-input.maritime::placeholder { color: var(--maritime-primary); }
#name-input.ca::placeholder, #address-input.ca::placeholder { color: var(--advisor-primary);}
#name-input.ica::placeholder, #address-input.ica::placeholder { color: var(--ica-secondary);}
#name-input.dcc::placeholder, #address-input.dcc::placeholder { color: var(--dcc-primary);}


#address-input, #name-input {
	display: flex;
	justify-content: center;
	flex-grow: 1;
	text-align: center;
	font-size: var(--font-size);
	font-weight: bold;
	border: none;
	border-radius: 30px;
}

#inputArea {
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	justify-content: center;
	margin: 0 auto;
	border: 2px solid;
	min-width: fit-content;
	width: 50%;
	border-radius: 25px;
}

#address-input.ce::placeholder {
	color: var(--ce-primary);
	opacity: 0.8;
}

#address-input.ica::placeholder,
#address-input.icb::placeholder {
	color: var(--ica-secondary);
	opacity: 0.8;
}

#address-submit, #name-submit {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid;
	border-radius: 25px 25px 25px 25px;
	margin: 0;
	font-weight: bold;
	width: 150px;
	height: 40px;
	font-size: var(--font-size);
}

#address-submit:hover {
	cursor: pointer;
}

#address-submit.ce, #name-submit.ce {
	border-color: var(--ce-primary);
	background-color: var(--ce-primary);
	color: white;
}

#name-submit.ica, #address-submit.ica {
	border-color: var(--ica-primary);
	background-color: var(--ica-primary);
	color: var(--ica-secondary);
}

#name-submit.icb, #address-submit.icb {
	border-color: var(--icb-primary);
	background-color: var(--icb-primary);
	color: white;
}

#name-submit.iot, #address-submit.iot {
	border-color: var(--iot-primary);
	background-color: var(--iot-primary);
	color: white;
}

#name-submit.maritime, #address-submit.maritime {
	border-color: var(--maritime-primary);
	background-color: var(--maritime-primary);
	color: white;
}

#name-submit.ca, #address-submit.ca {
	border-color: var(--advisor-primary);
	background-color: var(--advisor-primary);
	color: white;
}

#address-submit.dcc, #name-submit.dcc {
	border-color: var(--dcc-primary);
	background-color: var(--dcc-primary);
	color: white;
}

#cb_geo_locate {
	font-weight: bold;
	font-size: 1.1rem;
}


#geo_locate_notification.ce {
	color: var(--ce-primary);
}

#geo_locate_notification.ica,
#geo_locate_notification.icb {
	color: var(--ica-secondary);
}

#geo_locate_notification.iot {
	color: var(--iot-primary);
}

#geo_locate_notification.maritime {
	color: var(--maritime-primary);
}

#geo_locate_notification.ca {
	color: var(--advisor-primary);
}



/* map funcitons */
div#cb_map_and_results {
	width: 100%;
	padding:1%;
}

div#cb_map {
	width: 100%;
}

#cb_results_area {
	display: flex;
	flex-flow: row nowrap;
	gap: 10px;
}

#iasme-map-canvas {
	min-width: 300px;
	width: 100%;
	height: 700px; 
}

.gm-style .gm-style-iw-tc {
	display:none !Important;
}

span.cbHeader {
	font-size:xx-large;
}

.infoContainer {
	display: grid;
	column-gap: 30px;
	row-gap: 5px;
	padding-top: 10px;
	/* width: 30vw; */
}

.marker{
	grid-column: 1;
	font-size: xx-large;
}

.address, .url, .schemes, .distance, .values, .contact {
	font-size: large;
	font-weight: bold;
	padding-bottom: 5px;
	grid-column: 2;
}

.contact {
	cursor: pointer;	
}

.schemeColumn {
	margin-left: 40px !important;
	gap: 10px;
}

.scheme-icon {
	padding: 2px 10px;
	border-radius: 25px;
	font-weight: bold;
}

.scheme-ce {
	background-color: var(--lozenge-ce-bg);
	color: var(--lozenge-ce-txt);
}

.scheme-ceplus {
	background-color: var(--lozenge-ceplus-bg);
	color: var(--lozenge-ceplus-txt);
}

.scheme-ca {
	background-color: var(--lozenge-advisor-bg);
	color: var(--lozenge-advisor-txt);
}

.scheme-ica {
	background-color: var(--lozenge-ica-bg);
	color: var(--lozenge-ica-txt);
}

.scheme-icb {
	background-color: var(--lozenge-icb-bg);
	color: var(--lozenge-icb-txt);
}

.scheme-iot {
	background-color: var(--lozenge-iot-bg);
	color: var(--lozenge-iot-txt);
}

.scheme-maritime {
	background-color: var(--lozenge-maritime-bg);
	color: var(--lozenge-maritime-txt);
}

.CB-tag {
	background-color: green;
	border-radius: 8px;
	color: #FFFFFF;
	font-size: 14px;
	padding: 10px 15px;
	position: relative;
}

.CB-tag .highlight {
	background-color:gold !Important;	
}

.CB-tag::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid green;
}

.DCC-tag {
	background-color: #532a45;
	border-radius: 13px;
	color: #FFFFFF;
	font-size: 12px;
	padding: 10px;
	position: relative;
}

.DCC-tag .highlight {
	background-color:#532a45 !Important;	
}

.DCC-tag::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #532a45;
}


/* Address name autocomplete */

.autocomplete {
	display: flex;
	position: relative;
	width: 100%;
}

.autocomplete-items {
	position: absolute;
	border-bottom: none;
	border-top: none;
	z-index: 999;
	top: 50px;
	left: 0;
	right: 0;
	display: inline-grid;
	grid-template-columns: repeat(2, 50%);
	grid-gap: 1px;
	max-height: 700px;
	width: 30vw;
	border: 2px solid var(--ce-primary);
	overflow-y: auto;
	overflow-x: hidden;
	background: white;
	border-radius: 25px;
	padding: 10px;
}

.autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #fff;
	font-weight:700;
	font-size: large;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
	background-color: #e0e0e0; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
	background-color: DodgerBlue !important; 
	color: #ffffff; 
}