/* === FORMs === */
.form-group {margin-bottom:1.0rem;padding:0.4em;} 
.form-group textarea {line-height:1.6;max-width:100%;min-width:100%;min-height:180px;height:180px;}
.form-group .error-hint {color:#d00;display:none;font-size:0.85rem;line-height:1.2;}
.form-group .error-hint.show {display:inline;}

.field {display:block;width:100%;position:relative;}
.form-control {font-size:1.2em;color:#000;outline:0;height:auto;box-shadow:none;border: 1px solid #dbdbdb;border-width:0 0 1px 0;border-radius:0em;}
.form-group:not(.select-placeholder-container) .form-control {padding:1rem 1rem 0.5rem 1rem;}

.placeholder-label           {padding:0 0.4em;top:1.2em;left:.5em;  line-height:1.2;opacity:1;position:absolute;z-index:3;background:#fff;pointer-events:none;transition:0.2s ease all;}
.placeholder-label-selectbox {padding:0 0.4em;top:1.2em;left:0.6em;line-height:1.2;opacity:1;position:absolute;z-index:3;background:#fff;pointer-events:none;transition:0.2s ease all;}

.form-control.double-label ~ .placeholder-label,
.form-control.has-value ~ .placeholder-label,
.form-control:focus ~ .placeholder-label{top:-0.8em;font-size:0.8em;line-height:1.5;opacity:1;}
.form-control:focus {color:#000;box-shadow:none;border-color:#ddd;}

.select-placeholder-container.select-has-value .placeholder-label,
.select-placeholder-container.select-has-value .placeholder-label-selectbox,
.select-placeholder-container:focus .placeholder-label-selectbox {top:-0.8em;font-size:0.8em;line-height:1.5;opacity:1;}

.form-group .bootstrap-select .btn {height: 63px;color: #000;background-color: #fff;padding:1em 2em 0.8em 1em;border:1px solid #dbdbdb;border-radius:0.3em;}
.form-group .bootstrap-select .dropdown-menu.show {background-color:#f9f9f9;z-index:1029;}
.form-group .bootstrap-select .dropdown-header {color:#000;}
.form-group .bootstrap-select .dropdown-header .text {font-size:1.3rem;font-weight:normal;}

.form-group.placeholder-container .bootstrap-select .btn {padding:1.2em 0.7em 0.8em 0.7em;}

.form-group textarea {max-width:100%;min-width:100%;min-height:100px;max-height:400px;}

input:read-only.form-control {
  background: transparent;
  color: #ccc;
}

/* === FORMs === */

/* ----------- MODAL ----------- */

.modal .modal-header img {width:120px;}

/* === google maps === */
.map-container {position:relative;}
#map-canvas {min-height:550px;}
#map-canvas * {border: 0 none;}

@media all and (max-height: 700px) {
  #map-canvas {min-height:350px;}
}
/* === google maps - END === */

/* === item block - post === */
.item-block .more {color:#5e5e5e;font-weight: 500;}
.item-block .more {transition: color .7s;}
.item-block .more:hover {color:#a3704f;}
.item-block .more svg {width:20px;height:20px;transition: transform .3s;margin-left:10px;}
.item-block .more:hover svg {transform: translateX(5px);}
.item-block .date {font-size: .85em;}
.item-block:hover a .itemTitle {color:#a3704f;}
/* === item block - post - END === */


/* === banner-item - block-shadow === */
.banner-shadow .item-block,
.block-shadow {padding: 2rem;box-shadow: 0 6px 25px rgb(0 0 0 / 7%);}
.block-shadow.banner {background: #fff;display:flex;flex-direction: column;}
.block-shadow.banner .btn {margin-top: auto;width: max-content;}
.block-shadow.banner .text {margin-bottom: 1.5rem;text-align: center;font-size:1rem;height: 3.5rem;}
.block-shadow.banner .icon {margin-left: auto;margin-right: auto;margin-bottom: 1.5rem;}
.block-shadow.banner .icon svg {width:75px;height:75px;}
/* === banner-item - block-shadow - END === */


/* ==== Checkbox - radio ==== */
.checkbox label:after,
.radio label:after {content: '';display: table;clear: both;}
.checkbox .cr,
.radio .cr {position: relative;display: inline-block;border: 2px solid #dbdbdb;border-radius: .25em;width: 1.3em;height: 1.3em;margin-right: .5em;cursor: pointer;}
.radio .cr {border-radius: 50%;}
/* .checkbox .cr .cr-icon,
.radio .cr .cr-icon {position: absolute;font-size: .8em;line-height: 0;top: 50%;left: 20%;} */
.checkbox .cr .cr-icon svg {width:1.7rem;height:1.7rem;}
.radio .cr .cr-icon {margin-left: 0.04em;}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {display: none;}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {transform: scale(2) rotateZ(-20deg);opacity: 0;transition: all .3s ease-in;}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {transform: scale(1) rotateZ(0deg);opacity: 1;}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {opacity: .5;}

/**** radio button 2 style ****/
.radio-label {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;user-select: none;}
.radio-label input {position: absolute;opacity:0 !important;cursor: pointer;}
.radio-label .checkmark {position: absolute;top: 6px;left: 0;height: 20px;width: 20px;background-color: #eee;border-radius: 50%;display:flex;transition: background-color .5s;}
.radio-label .checkmark > span,
.radio-label .checkmark > div {position:relative;margin:auto;}
.radio-label .checkmark > span {display: flex;align-items: center;justify-content: center;}
.radio-label:hover input:not([disabled]) ~ .checkmark {background-color: #ccc;}
.radio-label input:checked ~ .checkmark,
.radio-label:hover input:checked ~ .checkmark {background-color: #a3704f;}
.radio-label input ~ .checkmark > span > span,
.radio-label input ~ .checkmark > div > div {width: 8px;height: 8px;border-radius: 50%;transition: background-color .5s;}
.radio-label input ~ .checkmark > span > span {position: absolute;}
.radio-label:hover input:not([disabled]) ~ .checkmark > span > span,
.radio-label input:checked ~ .checkmark > span > span,
.radio-label:hover input:not([disabled]) ~ .checkmark > div > div,
.radio-label input:checked ~ .checkmark > div > div {background-color: #fff;}
/* ==== CHECKBOX - RADIO END ==== */
.form-group > .radio,
.form-group > .checkbox {overflow: hidden;}


/* === imageContainer === */
.imageContainer img {width:100%;height:100%;object-fit: contain;}
.imageContainer.image-cover img {width:100%;height:100%;object-fit: cover;}

/* === imageContainer - END === */


/* OVERFLOW TEXT */
.text-ellipsis-1 {overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}
.text-ellipsis-2 {overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.text-ellipsis-3 {overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;}


.path svg {width:20px;height:20px;}