/* CSS for admin */


.btn_small
{
    padding: 1px 5px;
}

button:focus
{
    outline: none;
}

.sp-replacer
{
    padding: 2px;
}

.sp-preview
{
    width: 20px;
    height: 15px;
    margin-right: 2px;
}

.sp-dd
{
    line-height: 10px;
}

.btn_small_icon
{
    padding: 4px 3px 4px 3px;
    height: 20px;
    line-height: 0;
}

.btn_small_icon > span
{
    font-size: 1.2em;
    line-height: 0;
}

#div_main_content_main_container
{
    padding : 10px;
}


/* Select Layout Dialog */
.demo_layout_section
{
    padding: 10px;
    /* border: 1px solid black; */
}

/* Select Layout Dialog Ends*/

#div_right_panel_info
{
    background: #FFFFFF;
    width: 300px;
    position: fixed;
    top: 0;
    right: -310px;
    height: 100%;
    z-index: 1001;
    box-shadow: 0px 0px 20px 0px #5e5e5e;
    transition: 400ms;
}

#div_right_panel_info.show
{
    right: 0px;
}

#div_right_panel_info .top-banner
{
    min-height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #e0e0e0;
    padding-left: 15px;
    padding-top: 4px;
}

#div_right_panel_info:not(.show) .top-banner.btn-container-hidden
{
    top : 50px;
}

#div_right_panel_info:not(.show) .top-banner.btn-container-hidden button
{
        
}

#div_right_panel_info:not(.show) .top-banner.btn-container-hidden button:hover
{

}

#div_right_panel_info .bottom-banner
{
    min-height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #e0e0e0;
    padding-left: 15px;
    padding-top: 4px;
}

#div_right_panel_info:not(.show) .bottom-banner.btn-container-hidden
{
    bottom : 50px;
}

#div_right_panel_info:not(.show) .bottom-banner.btn-container-hidden button
{
    
}

#div_right_panel_info:not(.show) .bottom-banner.btn-container-hidden button:hover
{

}

#div_right_panel_info .top-banner button,
#div_right_panel_info .bottom-banner button
{
    position: relative;    
    padding-left: 20px;
}

#div_right_panel_info .top-banner button > .span-icon,
#div_right_panel_info .bottom-banner button > .span-icon
{
    position: absolute;
    top: 50%;
    left: 2px;
    /* line-height: 20px; */
    font-size: 16px;
    transform: translateY(-50%);
}

#div_right_panel_info:not(.show) .top-banner.btn-container-hidden button,
#div_right_panel_info:not(.show) .bottom-banner.btn-container-hidden button
{
    display: block;    
    left : -25px;
    transform: translateX(-20px);
    transition: 300ms;
    margin-bottom: 5px;
}

#div_right_panel_info:not(.show) .top-banner.btn-container-hidden button:hover,
#div_right_panel_info:not(.show) .bottom-banner.btn-container-hidden button:hover
{
    transform: translateX(-100%);
}

#div_right_panel_info #btn_show_hide_div_right_panel_info
{
    background: #00276c;
    border: none;
    padding: 2px 7px;
    border-radius: 20px;
    position: absolute;
    left: 0;
    top: 7px;
    color: white;
    box-shadow: 0px 0px 3px 5px #e0e0e0;
    transform: translateX(-100%);
    transition: 400ms;
    height: 22px;
    z-index: 1;
}

#div_right_panel_info.show #btn_show_hide_div_right_panel_info
{
    transform: translateX(-70%);
}

#div_right_panel_info #btn_show_hide_div_right_panel_info > span
{
    position: relative;
    left: -4px;
    transform: rotate(180deg);
    transition: 400ms;
    font-size: 1.4em;
    line-height: 0;
}

#div_right_panel_info.show #btn_show_hide_div_right_panel_info > span
{
    left: 0px;
    transform: rotate(0deg);
}

#div_right_panel_info #div_right_panel_info_main_content_container
{
    overflow: auto;
    overflow-x: hidden;
}

#div_right_panel_info #div_right_panel_info_main_content_container #div_right_panel_info_main_content
{
    padding: 5px;
}

.div_setting_section
{
    box-shadow: 0px 0px 6px #787878;
    padding: 6px;
    border-radius: 5px;
    margin-top: 15px;
}

#div_property_select_image_container
{
    display: flex;
    column-gap: 5px;
    row-gap: 5px;
    flex-wrap: wrap;    
    padding-top: 15px;
    padding-bottom: 3px;
}

#div_property_select_image_container > div
{
    flex-basis: calc(33.33% - 3.33px);
    position: relative;
    margin-bottom: 2px;
}

#div_property_select_image_container > div:not(:first-child):not(.image_outline_visible):hover
{
    outline: 2px solid blue;
}

#div_property_select_image_container > div > img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.div-btn-move-block-layout-3
{
    display: inline-block;
    min-height: 24px;
    min-width: 29px;
    vertical-align: middle;
    position: relative;
    top: 7px;
    margin-top: -7px;
}

.div-btn-move-block-layout-3 .icon-btn-block-move
{
    position: absolute;
    right: 0;
    top: 0;
    margin-left: 0px;
    transition: 300ms;
}

.div-btn-move-block-layout-3 .icon-btn-block-move:first-child
{
    z-index: 1;
}

.div-btn-move-block-layout-3 .icon-btn-block-move-left
{
    transform: rotate(0deg) translateX(0%);        
}

.div-btn-move-block-layout-3:hover .icon-btn-block-move-left,
.div-btn-move-block-layout-3.show-move-buttons .icon-btn-block-move-left
{
    transform: rotate(0deg) translateX(-100%);    
}

.div-btn-move-block-layout-3 .icon-btn-block-move-right
{
    transform: rotate(180deg) translateX(0%);                
}

.div-btn-move-block-layout-3:hover .icon-btn-block-move-right,
.div-btn-move-block-layout-3.show-move-buttons .icon-btn-block-move-right
{
    transform: rotate(180deg) translateX(-100%);   
}

.div-btn-move-block-layout-3 .icon-btn-block-move-up
{
    transform: rotate(90deg) translateX(0%);            
}

.div-btn-move-block-layout-3:hover .icon-btn-block-move-up,
.div-btn-move-block-layout-3.show-move-buttons .icon-btn-block-move-up
{
    transform: rotate(90deg) translateX(-100%);    
}

.div-btn-move-block-layout-3 .icon-btn-block-move-down
{
    transform: rotate(270deg) translateX(0%);        
}

.div-btn-move-block-layout-3:hover .icon-btn-block-move-down,
.div-btn-move-block-layout-3.show-move-buttons .icon-btn-block-move-down
{
    transform: rotate(270deg) translateX(-100%);     
}

/* CSS for admin ends */

.fixed_dialog
{
    position: fixed;
    top : 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
}

.dialog_btn_save, .dialog_btn_save:hover, .dialog_btn_save:active, .dialog_btn_save:focus, .dialog_btn_save:visited
{
    border: 1px solid #003eff!important;
    background: #007fff!important;
    color: #ffffff!important;
}


#div_image_editor_container
{
    /* display: none; */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0,0.46);
    z-index: 10;
    transform: scale(0);
    transition: 300ms;
}

#div_image_editor_container.show
{
    transform: scale(1);
}

#div_image_editor_container #div_image_editor
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    max-width: 800px;
    max-height: 700px;
    z-index: 1;
    background-color: #FFFFFF;
    border-radius: 1em;
    overflow: hidden;
}

#div_image_preview_container
{
    /* display: none; */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0,0.82);
    z-index: 10;
    /* transform: scale(0); */
    transform: translateX(-100%);
    transition: cubic-bezier(0.22, 0.61, 0.36, 1) 400ms;
}

#div_image_preview_container.show
{
    /* transform: scale(1); */
    transform: translateX(0);
}

#div_image_preview_container > img
{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 900px;
    max-height: 700px;
}

#div_front_end_panel_section_parent
{
    /* padding-bottom : 20px; */
}

#div_front_end_panel_section
{
    
}

/* Layout 1 CSS */
.div_layout_content_main_container
{
    position : relative;
}

.div_layout_content_main_container [id^="div_edit_layout_button_container-"]
{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-color: #f4f4f4;
    box-shadow: -1px 1px 3px #a7a7a7;
    line-height: 0;
    padding: 1px 2px;
    border-radius: 0px 0px 0px 7px;
}

.div_layout_content_main_container [id^="div_edit_layout_bottom_button_container-"]
{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-color: #f4f4f4;
    box-shadow: -1px -1px 3px #a7a7a7;
    line-height: 0;
    padding: 1px 2px;
    border-radius: 7px 0px 0px 0px;
}

.div_layout_content_main_container [id^="div_edit_layout_top_left_button_container-"]
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #f4f4f4;
    box-shadow: -1px -1px 3px #a7a7a7;
    line-height: 0;
    padding: 1px 2px;
    border-radius: 0px 0px 7px 0px;
}

.div_layout_content_main_container [id^="div_edit_layout_button_container-"] button,
.div_layout_content_main_container [id^="div_edit_layout_bottom_button_container-"] button
{
    padding: 0;
    background: none;
    border: none;
}

.div_layout_content_main_container [id^="div_edit_layout_button_container-"] button span,
.div_layout_content_main_container [id^="div_edit_layout_bottom_button_container-"] button span
{
    font-size: 1.5em;
}

.div_layout_content_main_container [id^="div_edit_layout_button_container-"] button[id^="btn_remove_layout-"] span
{
    color: #ce1717;
}

.div_layout_content_main_container [id^="div_edit_layout_bottom_button_container-"] button[id^="btn_insert_new_layout_below-"] span
{
    color : #4caf50;
}

.div_layout_1
{
    padding: 5px 3px;
}

/* Layout 1 CSS Ends*/


/* Layout 2 CSS */

.div_layout_2
{
    display: flex;
    column-gap: 2%;
    row-gap: 25px;
    flex-wrap: wrap;
    padding: 7px 3px;
}

.div_layout_2 .block_1
{
    flex-basis: 33%;
}

.div_layout_2 .block_2
{
    flex-basis: 65%;
}

/* Layout 2 CSS Ends*/


/* Layout 3 CSS */

.div_layout_3
{
    display: flex;
    column-gap: 10px;
    row-gap: 10px;
    flex-wrap: wrap;
    padding: 7px 3px;
}

.div_layout_3 .block_child_4
{
    flex-basis: calc(25% - 7.5px);  
    box-shadow: 0px 0px 5px #989898;
    /* border-radius: 5px; */
}

.div_layout_3 .block_child_4 [id^="div_img-"]
{
    display: block;
    width: 100%;
    background: #EEEEEE;
    position: relative; 
}

.no-image-block
{
    position: relative;
    background-color: #9e9e9e;
    height : 200px;
}

.no-image-block .span-temp-text
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.div_layout_3 .block_child_4 .no-image-block
{
    height : 200px;
    /* border-radius: 5px 5px 0px 0px; */
}

.demo-img-panel.panel-2 > .no-image-block
{
    height : 300px;
    /* border-radius: 7px 0px 0px 7px; */
}

/* 
.div_layout_3 .block_child_4 [id^="div_img-"] .span-temp-text
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */


.div_layout_3 .block_child_4 .div_block_text_panel
{
    padding : 5px;
}

/* .demo-img-panel.panel-2 > img, */
.div_layout_4 .div_layout_4_block_container .block_img img,
.div_layout_3 .block_child_4 [id^="div_img-"] > img
{
    /* border-radius: 7px 0px 0px 7px; */
    width: 100%;
    min-height: 100px;
    object-fit: cover;
}

/* Layout 3 CSS Ends*/


/* Layout 4 CSS */

.div_layout_4
{
    display: flex;
    row-gap: 20px;
    flex-direction: column  ;
    padding: 7px 3px;
}

.div_layout_4 .div_layout_4_block_container
{
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 0px 5px #989898;
    /* border-radius: 5px; */
}

.div_layout_4 .div_layout_4_block_container .block_img
{
    flex-basis: 40%;     
}

.div_layout_4 .div_layout_4_block_container .block_img img
{
    width: 100%;
}

.div_layout_4 .div_layout_4_block_container .block_text
{
    flex-basis: 60%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top : 5px;
    padding-bottom : 5px;
}

/* Layout 4 CSS Ends*/

/* Layout 5 CSS */

.div_layout_5
{

}

/* Layout 5 CSS Ends */

/* LAyout other CSS */

div[id^="div_layout_parent-"]
{
    /* padding : 5px 0; */
    background-color: white;
    margin-bottom: 10px;
}

div[id^="div_layout_parent-5-"]
{
    padding : 0;
    font-family: 'Lato';
    /* min-width: 300px; */
    position: relative;
}

.layout_5-text-1, .layout_5-text-2
{
    font-family: 'Lato';
    position: relative;
    z-index: 1;
}

div[id^="div_layout_parent-5-"].background_image
{
    box-shadow: 0px 0px 10px #292929;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    /* background-attachment: fixed; */
}

[id^="div_slider-div_layout_parent-"] 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* outline: 1px solid black; */
    background-size: cover;
    background-position-x: 50%;
    background-position-y: 50%;
}

[id^="div_slider-div_layout_parent-"] [id^="btn_prev_image-div_layout_parent-"],
[id^="div_slider-div_layout_parent-"] [id^="btn_next_image-div_layout_parent-"]
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    outline: none!important;
    border: none!important;
}

[id^="div_slider-div_layout_parent-"] [id^="btn_prev_image-div_layout_parent-"]
{
    left : 20px;
    padding: 0px 7px 0px 6px;
}

[id^="div_slider-div_layout_parent-"] [id^="btn_next_image-div_layout_parent-"]
{
    right: 20px;
    padding: 0px 6px 0px 7px;
}


div[id^="div_layout_parent-5-"] .div_layout_content_main_container
{
    padding: 80px 0;
}

div[id^="div_layout_parent-5-"].background_image .div_layout_content_main_container
{
    position: relative;    
}

/* div[id^="div_layout_parent-5-"].background_image .div_layout_content_main_container:before
{
    content : '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.46);
    z-index: 1;
} */

div[id^="div_layout_parent-5-"].background_image .div_layout_content_main_container > div.container
{
    position: relative;
    z-index: 2;
}

div[id^="div_layout_parent-5-"] .div_layout_content_main_container [id^="div_edit_layout_button_container-"]
{
    border-radius: 0px 0px 0px 7px;    
}

div[id^="div_layout_parent-5-"] .div_layout_content_main_container [id^="div_edit_layout_bottom_button_container-"]
{
    border-radius: 7px 0px 0px 0px;
}

/* Demo Image Panel */


.demo-img-panel
{
    display: block;
    width: 100%;
    position: relative;
}

.demo-img-temp-text
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.text-panel
{
    padding : 5px;
}

.demo-border-dotted
{
    border: 1px dotted;
    padding: 3px;
}

.highlight_element
{
    cursor: pointer;
    outline: 1px dotted #000000;
}

.highlight_element_stick
{
    outline: 1px solid #08a9b7;
    /* padding-left: 5px; */
    /* padding-right: 5px; */
}

.layout_highlight
{
    /* outline: 1px solid #dedede; */
    /* outline: 1px solid #6000ff; */
    outline: 2px solid #6000ff;
    min-height: 70px;
}

[id^="text-"]
{
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
}

[id^="text-"].text_edit_allowed:hover
{
    outline: 1px solid #009688;
}

[id^="text-"] [id^="div_text_edit_option_container-"]
{
    position: absolute;
    top: -1px;
    left: 0;
    padding: 2px;
    background-color: #FFFFFF;
    z-index: 1;
    opacity: 0;
    transform: translateY(-100%);
    outline: 1px solid #009688;
    line-height: 0;
    border-radius: 7px 7px 0px 0px;
}

[id^="text-"].text_edit_allowed:hover [id^="div_text_edit_option_container-"]
{
    opacity: 1;  
}

[id^="div_img-"]
{
    position: relative;
}

[id^="div_img-"] [id^="div_img_edit_options-"]
{
    position: absolute;
    top : 0;
    left: 0;
    background: #FFFFFF;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 0;
    box-shadow: 1px 1px 6px #909090;
    /* border-radius: 7px 0px 7px 0px; */
    border-radius: 0px 0px 7px 0px;
}

.icon_button
{
    background: #e6e6e6;
    border: none;
    line-height: 0;
    margin-left: 5px;
    border-radius: 50%;
    position: relative;
    padding: 12px;
}

.icon_button.icon_button_small
{
    padding: 10px;
}

.icon_button.button_for_align
{
    vertical-align: middle;
    padding: 15px 16px;
}

.icon_button span
{
    font-size: 1.25em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.icon_button.icon_button_small span
{
    font-size: 0.85em;
}

.upload-btn-color-1
{
    background: #03a9f4;
    color: #FFFFFF;
}

.img-edit-btn-color-1
{
    background-color: #3f51b5;
    color: #FFFFFF;
}

.remove-btn-color-1
{
    background-color: #e90000;
    color: #FFFFFF;
}

.add-btn-color-1
{
    background-color: #4caf50;
    color: #FFFFFF;
}

[id^="div_btn_more_info_container-3-"]
{
    text-align: center;   
    padding: 5px; 
}

[id^="div_btn_more_info_container-4-"]
{
    padding: 6px 5px;    
}

[id^="btn_more_info-3-"],
[id^="btn_more_info-4-"]
{
    display: inline-block;
    line-height: 1em;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 1.1em;
    text-decoration : none!important;
}

[id^="btn_more_info-"]
{
    position: relative;
    /* word-break : break-all; */
}

[id^="btn_more_info-"] [id^="div_btn_edit_options-"]
{
    position: absolute;
    top: 0;
    right: 0;
    line-height: 0;
    transform: translate(0, -100%);
    opacity: 0;
}

[id^="btn_more_info-"]:hover [id^="div_btn_edit_options-"]
{
    opacity: 1;
}

.image_outline_visible
{
    outline: 3px solid #ff5722;
    border-radius: 10px;
    overflow: hidden;
}

.btn_nav_custom_page
{
    position : relative;
}

.btn_nav_custom_page > [id^="div_edit_nav_button-"]
{
    position: absolute;
    right: 0;
    bottom: 0;
    /* transform: translateY(100%); */
    /* transform: translateY(50%); */
    opacity: 0;
    line-height: 0;
}

.btn_nav_custom_page:hover > [id^="div_edit_nav_button-"]
{
    opacity: 1;
    /* z-index: 15; */
    z-index: 5000;
}

/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) 
{
    .div_layout_3 .block_child_4 [id^="div_img-"]
    {
        height : 200px;
    }

    .div_layout_3 .block_child_4 .no-image-block
    {
        height: 200px;
    }

    .div_layout_3 .block_child_4 [id^="div_img-"] > img
    {
        /* border-radius: 6px 6px 0px 0px; */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }     
}

/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) 
{
     
}

/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) 
{
     
}

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) 
{
    .div_layout_3 .block_child_4 [id^="div_img-"]
    {
        height : 250px;
    }

    .div_layout_3 .block_child_4 .no-image-block
    {
        height: 250px;
    }
}


/* Extra small devices (portrait phones, less than 576px) */


/* Large devices (desktops, less than 1200px) */
@media only screen and (max-width: 1199.98px) 
{
    .div_layout_3 .block_child_4
    {
        flex-basis: calc(33.3% - 6.5px);
    }
}

/* Medium devices (tablets, less than 992px) */
@media only screen and (max-width: 991.98px) 
{
    .div_layout_4 .div_layout_4_block_container .block_img
    {
        flex-basis: 50%;
    }

    .div_layout_4 .div_layout_4_block_container .block_text
    {
        flex-basis: 50%;
    }  
         
}

/* Small devices (landscape phones, less than 768px) */
@media only screen and (max-width: 767.98px) 
{
    .div_layout_2
    {
        column-gap: normal;
    }

    .div_layout_2 .block_1, .div_layout_2 .block_2
    {
        flex-basis: 100%;
    }

    .div_layout_3 .block_child_4
    {
        flex-basis: calc(50% - 5px);
    }

    .div_layout_4 .div_layout_4_block_container .block_img,
    .div_layout_4 .div_layout_4_block_container .block_text
    {
        flex-basis: 100%;
    }    
}

@media only screen and (max-width: 575.98px) 
{
    .div_layout_3 .block_child_4
    {
        flex-basis: 100%;
    }     
}

.container
{
    width : 100%;
    margin-left : auto;
    margin-right : auto;
}

@media only screen and (min-width: 768px)
{
    .container 
    {
        max-width: 750px;
    }
}

@media only screen and (min-width: 992px)
{
    .container 
    {
        max-width: 970px;
    }
}

@media only screen and (min-width: 1200px)
{
    .container 
    {
        max-width: 1170px;
    }
}


.div_layout_slider
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.div_layout_slider:not(:hover) .owl-nav
{
    opacity: 0;
}

.div_layout_slider .owl-nav
{
    transition: opacity 300ms;
    position: absolute;
    top: 50%;
    color: white;
    width: 100%;
    transform : translateY(-50%);
}

.div_layout_slider .owl-nav .owl-prev
{
    float: left;
    margin-left: 20px;
}

.div_layout_slider .owl-nav .owl-next
{
    float: right;
    margin-right: 20px;
    
}

.div_layout_slider .owl-nav .owl-prev,
.div_layout_slider .owl-nav .owl-next
{
    font-size: 1.5em;
    line-height: 0;
    background-color: rgba(0,0,0, 0.55);
    padding: 5px 7px;
    border-radius: 50%;
}

.div_layout_slider img
{
    object-fit: cover;
}

#div_slider_image_order
{

}

#div_slider_image_sortable
{

}

#div_slider_image_sortable div
{
    display: inline-block;
    width: 82px;
    height : 82px;
    position: relative;
    margin-right: 5px;
}

#div_slider_image_sortable div img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ------------- Layout 6 */

.div_facility_banner .div_facility_banner_container_root
{
    padding: 10px 10px;
    /* border: 1px solid black; */
    background-color: #efefef;
    box-shadow: 0 0 3px #878787;
    margin-bottom: 10px;

}

.div_facility_banner .div_facility_banner_container
{
    display: flex;
    flex-wrap: wrap;
    gap : 10px 15px;
    justify-content: center;
}

.div_facility_banner .div_facility_banner_container .div_facility_content
{
    /* max-width: 250px; */
    background-color: #e7e7e7;
    /* padding: 6px; */
    padding: 6px 10px 8px 10px;
    border-radius: 15px;
}

.div_facility_banner .div_facility_banner_container .div_facility_content_image
{
    width: 100px;
    height: 100px;
    /* width: 90px; */
    /* height: 90px; */
    margin : 0 auto;
    position: relative;
    /* outline: 1px solid; */
}

.div_facility_banner .div_facility_banner_container .div_facility_content_image img
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform : translate(-50%, -50%);
    /* max-width: calc(100% - 10px); */
    /* max-height: calc(100% - 10px); */
    max-width: 90%;
    max-height: 90%;
}

.div_facility_banner .div_facility_banner_container .div_facility_content_title
{
    text-align: center;
    max-width: 100px;
    /* outline: 1px solid; */
    /* margin-top: 10px; */
    max-height : 63.5px;
    overflow: hidden;
}

.div_facility_banner .div_facility_banner_container .div_facility_content_title span
{
    /* font-size: 1.1em; */
    /* font-weight: 600; */
    letter-spacing: 0.5px;
    line-height: 20px;
    display: inline-block;
}

.div_facility_banner.layout_highlight:after 
{
    content: 'Facilities Banner (Facilities Info Appears Here)';
    display: block;
    text-align: center;
    font-size: 2em;
    /* line-height: 144px; */
    /* padding: 50px 10px; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.div_facility_banner.layout_highlight
{
    min-height: 124px;
}

[id^="div_layout_parent-6-"].hide-facility-text .div_facility_content_title
{
    display: none;
}

/* Layout 6 code -----------*/


.layout5_text_width_bg
{
    display:inline-block;
}

.div_banner_slider_image_container_style
{
    position : relative;
}

.text_banner_slider_image_description_style, .div_slider_image_description_for_editing
{
    position: absolute;
    z-index: 1;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFF;
    padding: 1px 20px;
    font-size: 1.2em;
    letter-spacing: 0.25px;
    border-radius: 4px;
}

.div_slider_image_description_for_editing > p
{
    margin : 0px;
}

.text-underline 
{
    text-decoration: underline;
}

.class_remove_box_shadow
{
    box-shadow: none !important;
}


#div_layout_5-text-2-slide_text-container
{
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    margin-top: 5px;
    margin-bottom: 3px;
}

.input_layout_5-text-2
{
    resize: none;
    min-height: 52px;
}

.div-input_layout_5-text-2
{
    display: flex;
    column-gap: 2px;
}

.force_hide_element
{
    display : none !important;
}