body {background-color: #E5E5D5; color: #343A40; height: 100vh; font-family: 'Roboto', sans-serif; }
#app { min-height: 100%; display: flex; flex-direction: column; }
.clickable { cursor: pointer; }
.no-underline { text-decoration: none !important; }
.sibling-border + .sibling-border { border-top: 1px solid #ccc; padding-top: 1rem; }
.link-unstyled, .link-unstyled:link, .link-unstyled:hover { color: inherit; }
.w-min-content { width: min-content; }
.w-max-content { width: max-content; }
.clear-right { clear: right; }
.clear-left { clear: left; }
.clear-both { clear: both; }

h1, h2, h3, h4, h5, h6 { font-family: 'Unna', 'Bodoni', 'Playfair Display', sans-serif; }
iframe, object, embed { max-width: 100%; max-height: 100%; }

/* ------------------------------------------------------------------------------------------ */
/* google maps */
.gm-svpc div img { position: relative !important; } /* Force position to show pegman */

/* ------------------------------------------------------------------------------------------ */
/* boostrap customizations */
@media only screen and (min-width : 1200px) { .container-fluid { max-width: 1400px; min-width: 70vw; } }
@media only screen and (min-width : 768px)  { .column-count-sm-2 { column-count: 2; } }
@media only screen and (min-width : 992px)  { .column-count-md-2 { column-count: 2; } .column-count-md-3 { column-count: 3; } }
@media only screen and (min-width : 1200px) { .column-count-lg-4 { column-count: 4; } }
@media (max-width: 767.98px) { .figure { min-width: 100%; } .figure > div { margin: auto; } }
.break-avoid { break-inside: avoid; }
.card-body img:not(.img-fluid) { max-width: 100%; height: auto; }
a, a:active {color: #5472BF; }
a:hover { color: #4C76BF; }
a.clickable-card, a.clickable-card:hover, a.clickable-card:active { color: inherit; text-decoration: none; }
a.light-link, a.light-link:active { color: #A4BEFF; }
a.light-link:hover { color: #4C76BF; }
a.fade-link, a.fade-link:active { color: rgba(255,255,255,.5); }
a.fade-light-link:hover { color: rgba(255,255,255,.75); }

.btn-primary        { background-color: #4C76BF; border-color: #6A91F2; }
.btn-primary:hover  { background-color: #384C80; border-color: #324472; }
.btn-primary:focus, .btn-primary.focus { background-color: #4C76BF; box-shadow: 0 0 0 .2rem rgba(255, 76, 128, 1); }
.btn-primary.disabled, .btn-primary:disabled { background-color: #7F7F7F; border-color: #727272 }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle
{ background-color: #4C76BF; border-color: #6A91F2 }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus
{ box-shadow: 0 0 0 .2rem rgba(112, 152, 255, 0.5); }
.btn:focus, .btn.focus, .page-link:focus { box-shadow: 0 0 0 0.2rem rgba(84, 114, 191, 0.75); }

.pagination { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
.page-item.active .page-link { background-color: #5472BF; border-color: rgba(112, 152, 255, 0.5); }
.page-link { color: #5472BF;}
.page-link:hover { color: #384C80; background-color: #E8EEFF; border-color: rgba(84, 114, 191, 0.75); }

.list-group-item.active { background-color: #5472BF; border-color: rgba(112, 152, 255, 0.5); }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #4C76BF; }

/*
form-control:focus, .custom-file-input:focus ~ .custom-file-label { border-color: #69AF00; box-shadow: 0 0 0 0.2rem rgba(105, 175, 0, 0.25); }

.input-group-text { background-color: #f7f7f7;}

.modal-open nav.navbar { padding-right: 21px !important; }
.nav-item.active a.nav-link { font-weight: bold; color: #6e6f6e !important; }
.nav-item a.nav-link.active { font-weight: bold; color: #6e6f6e !important; }
*/

/* ------------------------------------------------------------------------------------------ */
/* font-awesome customizations */
i.fab.btn-lg { line-height: inherit; width: 48px; }

/* ------------------------------------------------------------------------------------------ */
/* bootstrap popover customizations */
.popover { max-width: 500px; }

/* ------------------------------------------------------------------------------------------ */
/* tinymce customizations */
.form-group.input-group > .tox.tox-tinymce { border-radius: .25em; }

/* ------------------------------------------------------------------------------------------ */
/* tagify customizations */
.ehl-tags-look .tagify__dropdown__item{ display: inline-block; border-radius: 3px; padding: .3em .5em; border: 1px solid #CCC; background: #F3F3F3; margin: .2em; font-size: .85em; color: black; transition: 0s; }
.ehl-tags-look .tagify__dropdown__item--active{ color: black; }
.ehl-tags-look .tagify__dropdown__item:hover{ background: lightyellow; border-color: gold; }

/* ------------------------------------------------------------------------------------------ */
/* Floating labels */
.has-float-label { position: relative; }
.has-float-label > label { pointer-events: none; position: absolute; left: 0; top: 0; cursor: text; font-size: 75%; opacity: 1; -webkit-transition: all .2s; transition: all .2s; top: -.5em; left: 0.75rem; z-index: 3; line-height: 1em; padding: 0 1px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 80%; text-align: left; }
/* .has-float-label > label::after { content: " "; display: block; position: absolute; background: white; height: 2px; top: 50%; left: -.2em; right: -.2em; z-index: -1; } */
.has-float-label > label::after { content: " "; display: block; position: absolute; background: white; bottom: 3px; top: 0; left: -.2em; right: -.2em; z-index: -1; }
.has-float-label .form-control::-webkit-input-placeholder { opacity: 1; -webkit-transition: all .2s; transition: all .2s; }
.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder { opacity: 0; }
.has-float-label:not(.has-float-label-pinned) .form-control:placeholder-shown:not(:focus) + label { font-size: 100%; opacity: .5; top: .75em; line-height: calc(1em + 1px); }
.input-group .has-float-label { display: table-cell; }
.input-group .has-float-label .form-control { border-radius: 0.25rem; }
.input-group .has-float-label:not(:last-child) .form-control { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.input-group .has-float-label:not(:first-child) .form-control { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; }

.has-float-label .form-control:not(:focus)::placeholder { opacity: 0; }

.has-float-label input:first-child:nth-last-child(2), .has-float-label textarea:first-child:nth-last-child(2)  { border-top-right-radius: .25em; border-bottom-right-radius: .25em; }

/* ------------------------------------------------------------------------------------------ */
/* site css */
i.ehl-fa-overlay { left: 0px; color: #F00; }

.ehl-font-icon { width: 48px; line-height: inherit; border-radius: unset; }
.ehl-font-icon > svg { height: 1em; }

.ehl-linkicon { width:1.2em; text-align: center; }
.ehl-over-sticky-1 { z-index: 1021; }
.ehl-over-sticky-2 { z-index: 1022; }
.ehl-bg-dark { background-color: #384C80; }

.ehl-footer { margin-top: auto; }

@media only screen and (min-width : 800px) { .ehl-nav-right { position: absolute; right: 0; } }
.ehl-top-right { top: 0; right: 0; }
.ehl-top-center { top: 0; left: 50%; transform: translateX(-50%); }
.ehl-top-offset { top: 4em; }
.ehl-bottom-center { bottom: 0; left: 0; right: 0; }
.ehl-bottom-right { bottom: 0; right: 0; }
.ehl-absolute-edge { top: 0; bottom: 0; right: 0; left: 0; }

.ehl-rounded-0-top { border-top-left-radius: 0; border-top-right-radius: 0; }

.ehl-breadcrumb { border-top-left-radius: 0; border-top-right-radius: 0; float: left; clear: both; }
.ehl-breadcrumb:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.ehl-blurred-edge { position: relative; }
.ehl-blurred-edge:before { z-index: 1; border-radius: .1em; display:block; content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 1px 1px rgba(255,255,255,0.75); -webkit-box-shadow:inset 0px 0px 1px 1px rgba(255,255,255,0.75); box-shadow:inset 0px 0px 1px 1px rgba(255,255,255,0.75); }
.ehl-blurred-edge img { border-radius: calc(.1em + 2px); }

.ehl-staff-card { }
.ehl-staff-card figure { width: 40%; }

.ehl-blog-tag { display: inline-flex; text-transform: lowercase; margin: 0 0 0.25em 0.25em; }
.ehl-blog-tag a { text-transform: lowercase; border-radius: 1em; text-decoration: none; background-color: #4C76BF; width: 100%; color: white; padding: 0.05em 0.75em; }
.ehl-blog-tag a:hover { background-color: #384C80; }

.ehl-social-bar { white-space: nowrap; }
.ehl-social-bar i { border-radius: 0px; }
.ehl-social-bar { border-radius: 12px; overflow: hidden; }

.ehl-gold { color: gold; text-shadow: 0px 0px 2px #444444; }

.ehl-settlement-lists ul > li:first-child { font-weight: bold; }
.ehl-settlement-lists ul > li:first-child + li { font-style: italic; }

.ehl-map-iframe-w-100 { line-height: 0px; margin: -1.25rem; height: 520px; }
.ehl-map-iframe-w-100 > iframe { width: 100%; height: 100%; }

.ehl-child-no-right-border > input { border-color: #dee2e6; border-right: 0px; }

.ehl-video-thumb { position: relative; padding-bottom: 57.5%; background-image: linear-gradient(to bottom right, rgba(56, 76, 128, 0.3), rgba(56,76,128,0.5)); }
.ehl-video-thumb img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.ehl-thumb { position: relative; padding-bottom: 57.5%; }
.ehl-thumb img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.ehl-card-fade { overflow: hidden; position: relative; }
.ehl-card-fade::after { pointer-events: none; content: ''; right: 0px; height: 3rem; position: absolute; left: 0px; bottom: 0px; background: linear-gradient(#FFFFFF00, #FFFFFFFF 1.5rem); }
.ehl-card-fade-link { z-index: 1; position: absolute; bottom: 0; left: 0px; right: 0px; text-align: center; padding: 15px 0px 0px 0px; }
.ehl-card-fade-link::after { content: ' read more '; }


.ehl-blog-preview { max-height: 21rem; padding-bottom: 2.5rem; }
@media (max-width: 767.98px) { .ehl-blog-preview { min-height: 29rem; } }
.ehl-blog-preview img { max-height: 17rem; }
.ehl-figure-mw-50 figure:first-of-type { max-width: 45% !important; }

.ehl-call-button { position: fixed; bottom: 10px; left: 10px; /* left: 50%; transform: translate(-50%, 0%); */ background: #FFFFFFF4; padding: 5px 13px; text-align: center; font-size: xx-large; border-radius: 50%; border: 1px solid #4C76BF44; z-index: 1030; }
@media only screen and (min-width : 800px) { .ehl-call-button { display: none; } }

.ehl-big-button {
	box-shadow: -7px 9px 5px -6px #000000;
	background:linear-gradient(to bottom, #093c7a 5%, #ffffff 100%);
	background-color:#093c7a;
	border-radius:7px;
	border:2px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:24px;
	padding:19px 55px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ffffff;
}
.ehl-big-button:hover {
	background:linear-gradient(to bottom, #ffffff 5%, #093c7a 100%);
	background-color:#ffffff;
}
.ehl-big-button:active {
	position:relative;
	top:1px;
}