/* Base styles for the tab menu */

.admin-posts .instructions.notice.notice-info {
   margin: 0px;
   max-width: 75%;
   padding: 15% 0%;
}

.toplevel_page_featured-posts a.wp-first-item {
   display: none !important;
}

.admin-posts .instructions.notice.notice-info p {
   margin: 0px !important;
   padding: 0px !important;
}

.admin-news-items.normal,
.admin-featured-items.normal {
   background-color: #2271b1 !important;
   color: #fff;
}

.admin-featured-items {
   border-color: #81d742;
}

.tab-content {
   padding: 20px;
   border: 1px solid #ddd;
   border-top: none;
}

/*  ///////////////  Data table   ////////////////  */

.admin-posts .admin-posts-container table {
   width: 100%;
   margin: 24px 0;
   table-layout: auto !important;
   border-radius: 20px;
}

.admin-posts .admin-posts-container table thead {
   background: #f9f7f3;
   text-transform: uppercase !important;
}

.admin-posts .admin-posts-container table th:first-child {
   border-radius: 20px 0px 0px 0px;
}
.admin-posts .admin-posts-container table th:last-child {
   border-radius: 0px 20px 0px 0px;
}

.admin-posts .admin-posts-container table tbody tr {
   background-color: white !important;
   border-bottom: 1px solid #e9ecee !important;
}
.admin-posts .admin-posts-container table tbody tr:last-child td:first-child {
   border-radius: 0px 0px 0px 20px;
}

.admin-posts .admin-posts-container table tbody tr:last-child td:last-child {
   border-radius: 0px 0px 20px 0px;
}

.admin-posts .admin-posts-container table tbody td {
   vertical-align: middle !important;
   padding: 16px 24px;
   font-size: 14px !important;
   line-height: 14px;
   font-family: 'Avenir Roman', Helvetica, Arial, Lucida, sans-serif;
   color: #000 !important;
   border-bottom: 1px solid;
   border-color: #e9ecee;
}
.admin-posts .admin-posts-container table tbody td:not(:first-child) {
   text-align: center;
}

.admin-posts .admin-posts-container table thead th:not(:first-child) {
   text-align: center;
}

.admin-posts .admin-posts-container table tbody td a {
   font-family: 'Avenir Roman', Helvetica, Arial, Lucida, sans-serif;
   color: #000 !important;
}
.admin-posts .admin-posts-container table tbody td:first-child a:hover {
   color: #4399b5 !important;
}
.admin-posts-container {
   max-width: 75%;
}

.admin-posts-container .post-order-save-btn-container {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.admin-posts-container .post-order-save-btn-container .admin-fet-post_count {
   padding: 5px 5px;
   cursor: pointer;
   color: #4399b5 !important;
   font-weight: 500;
}

.apartment_order_save,
.nic-cpt-save-btn,
.admin-posts-container .post-order-save-btn-container .nic-post-save,
.admin-posts-container .post-order-save-btn-container .feature-post-save {
   padding: 16px 24px !important;
   line-height: 13px !important;
   font-size: 13px !important;
   font-weight: 600 !important;
   color: #4399b5 !important;
   background: transparent !important;
   border: 2px solid #4399b5 !important;
   border-radius: 20px !important;
   text-transform: uppercase;
   transition: background-color 0.3s;
}

.nic-select-post {
   border-radius: 20px;
   background-color: #f9f7f3;
   padding: 20px 100px 20px 20px;
   width: fit-content;
}

.nic-cpt-checkboxes {
   margin-bottom: 10px;
}

.apartment_order_save:hover,
.nic-cpt-save-btn:hover,
.admin-posts-container .post-order-save-btn-container .nic-post-save:hover,
.admin-posts-container .post-order-save-btn-container .feature-post-save:hover {
   color: #fff !important ;
   background-color: #4399b5 !important;
}
.admin-posts .admin-posts-container table th {
   vertical-align: middle !important;
   font-size: 14px !important;
   font-weight: bold;
   line-height: 14px;
   padding: 18px 24px;
   font-family: 'Avenir Roman', Helvetica, Arial, Lucida, sans-serif;
   color: #015676;
}
.admin-posts .admin-posts-container table td {
   vertical-align: middle !important;
   font-size: 14px !important;
}
.admin-posts .admin-posts-container table .count,
.admin-posts .admin-posts-container table .post-type,
.admin-posts .admin-posts-container table .post-order {
   text-align: center !important;
   text-transform: uppercase !important;
}

.admin-posts .admin-posts-container table .post-order input[type='number'] {
   max-width: 60px !important;
   text-align: center !important;
   border-radius: 20px;
   border-color: #e5e5e5 !important;
}

.admin-posts .admin-posts-container table .post-edit a {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   text-transform: uppercase;
   font-weight: 500;
   color: #015676 !important;
}

.admin-posts .admin-posts-container table .post-edit a::before {
   content: url('https://lakenona1dev.wpenginepowered.com/wp-content/uploads/2024/05/edit-2.svg');
   width: 14px;
   display: flex;
   height: auto;
   align-items: center;
   justify-content: center;
}

.cat-limit-error {
   color: #f00;
   margin-top: 5px;
   border: 1px solid #f00;
   padding: 5px;
   border-radius: 5px;
}

/* .admin-posts-error {
    display: none;
} */

.feature-post-save {
   margin: 10px 0;
   padding: 10px 20px;
   background-color: #0073aa;
   color: white;
   border: none;
   cursor: pointer;
   text-align: center;
   display: block;
}

/* error message */
.admin-posts-error p {
   color: #f00;
}

.admin-posts .admin-posts-container .wp-list-table .post-order .error-field {
   border-width: 1px;
   border-style: solid;
   border-color: #f00 !important;
}

input#acf-field_6646fd9d16508,
input#acf-field_6646fe4d16509,
input#acf-field_6646ff5e467a3,
input#acf-field_6646ffdc870b8 {
   pointer-events: none;
   opacity: 0.5;
}

.notice-warning {
   border-left-color: #ff0202;
}

/* /////// things to do settings page ////////// */

#wpbody {
   background-color: #fff !important;
}

#wpwrap {
   background-color: #fff !important;
}

.wrap-text-thingstodo h1 {
   font-size: 40px;
   font-weight: 400;
   margin: 0;
   padding-top: 40px;
   line-height: 1.3;
   color: #015675;
   padding-bottom: 20px;
}

.wrap-text-thingstodo p {
   font-size: 18px;
   font-weight: 400;
   margin: 0;
   padding-top: 20px;
   line-height: 1.3;
   color: #015675;
   padding-bottom: 20px;
}

.wrap-text-thingstodo .rent-desc {
   padding-top: 0;
   padding-bottom: 50px;
}

.admin-news-items,
.admin-featured-items {
   padding: 5px 5px;
   cursor: pointer;
   color: #4399b5 !important;
   font-weight: 500;
   user-select: none;
   /* transition: border-bottom 0.1s ease;  */
}

.admin-news-items.normal,
.admin-featured-items.normal {
   background-color: #0000 !important;
   color: #fff;
   user-select: none;
}

.admin-news-items.active,
.admin-featured-items.active {
   border-bottom: 2px solid #e2523b;
   pointer-events: none;
   user-select: none;
}

ul.admin-featured-tabs {
   border-bottom: 2px solid #e9ecee;
}

ul.admin-featured-tabs li {
   margin-bottom: -2px;
   letter-spacing: 1px;
   text-transform: uppercase;
   padding-bottom: 10px;
}

.admin-featured-tabs {
   display: flex;
   row-gap: 16px;
   column-gap: 16px;
   flex-wrap: wrap;
   list-style-type: none;
   padding: 0;
   margin: 0;
   width: 90% !important;
   padding-top: 16px;
}

.instructions.notice.notice-info {
   visibility: hidden; /* Hide the original content */
   position: relative;
}

.admin-posts .instructions.notice.notice-info p::before {
   content: url('/wp-content/uploads/2024/05/Group-12.svg');
   visibility: visible;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.ln-jouney-posts-container .instructions.notice.notice-info p::before {
   content: url('/wp-content/uploads/2024/07/click_arrow.svg');
   visibility: visible;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.ln-jouney-posts-container .instructions.notice.notice-info {
   visibility: visible;
   position: relative;
   border: none;
   box-shadow: none;
   margin-top: 150px;
}

.ln-jouney-posts-container .instructions.notice.notice-info p {
   text-align: center;
   font-family: 'Avenir Roman', Helvetica, Arial, Lucida, sans-serif;
   color: #4399b5 !important;
   font-weight: 500;
}

.admin-posts .instructions.notice.notice-info.dont-have-tabs p::before {
   content: url('/wp-content/uploads/2024/05/Group-12-1.svg');
   visibility: visible;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.notice.notice-warning.is-dismissible p::before {
   content: url('/wp-content/uploads/2024/05/info-circle.svg');
   position: absolute;
   top: 7px;
   left: 5px;
}

.notice.notice-warning.is-dismissible p {
   padding-left: 25px;
}

.toplevel_page_apartment-order-settings .admin-posts-error,
.toplevel_page_new-in-community .admin-posts-error,
.featured-sections_page_things-to-do-slider-home .admin-posts-error,
.featured-sections_page_things-to-do-slider-rent .admin-posts-error,
.featured-sections_page_things-to-do-grid .admin-posts-error,
.featured-sections_page_world-class-amenities-slider .admin-posts-error {
   position: absolute;
   top: 30px;
   right: 9%;
}

.toplevel_page_apartment-order-settings .notice,
.toplevel_page_new-in-community .notice,
.featured-sections_page_things-to-do-slider-home .notice,
.featured-sections_page_things-to-do-slider-rent .notice,
.featured-sections_page_things-to-do-grid .notice,
.featured-sections_page_world-class-amenities-slider .notice {
   padding-right: 12px !important;
   position: relative;
   border-radius: 10px;
   margin-top: 20px;
   border-color: #e2523b;
   border-left-width: 1px !important;
}

.toplevel_page_apartment-order-settings .notice.notice-success {
   border-color: #00ff00;
   padding-right: 12px !important;
   position: absolute;
   top: 140px;
   border-radius: 10px;
   margin-top: 20px;
   border-left-width: 1px !important;
   width: fit-content;
}

.toplevel_page_apartment-order-settings .notice.notice-success p {
   font-size: 13px;
   font-weight: 400;
   margin: 0 15px 0 0;
   padding-top: 10px;
   line-height: 1.3;
   color: #015675;
   padding-bottom: 10px;
}

.user-journeys-dropdown-container {
   margin-top: 20px;
}

#news-content-preloader {
   text-align: center;
   margin-top: 150px;
}

#news-content-preloader img {
   width: 500px;
}

/* Town center styles */

.town-center-wrap .town-center-heading {
   font-size: 40px;
   font-weight: 400;
   margin: 0;
   padding-top: 40px;
   line-height: 1.3;
   color: #015675;
   padding-bottom: 10px;
}

.town-center-wrap h2 {
   font-size: 25px;
   font-weight: 400;
   margin: 0;
   padding-top: 20px;
   line-height: 1.1;
   color: #015675;
   padding-bottom: 20px;
}

.town-center-wrap .town-center-desc {
   font-size: 14px;
   font-weight: 400;
   margin: 0;
   line-height: 1.1;
   color: #015675;
   padding-bottom: 10px 0px;
}

.town-center-wrap .button-primary {
   padding: 16px 24px !important;
   line-height: 13px !important;
   font-size: 13px !important;
   font-weight: 600 !important;
   color: #4399b5 !important;
   background: transparent !important;
   border: 2px solid #4399b5 !important;
   border-radius: 20px;
   text-transform: uppercase;
   transition: background-color 0.3s;
}

.town-center-wrap .button-primary:hover {
   color: #fff !important ;
   background-color: #4399b5 !important;
}

.town-center-wrap .form-table {
   border-collapse: separate;
   border-spacing: 0;
   margin: 20px 0;
   font-size: 18px;
   text-align: left;
   border: 1px solid #ddd;
   border-radius: 20px;
   overflow: hidden;
   width: auto;
}

.town-center-wrap .form-table th,
.form-table td {
   padding: 12px;
   border-bottom: 1px solid #ddd;
}

.town-center-wrap .form-table th {
   background-color: #f9f7f3;
   color: #333;
   font-weight: bold;
   text-align: center;
   vertical-align: middle !important;
   width: 300px;
   overflow: hidden;
}

.town-center-wrap .form-table td {
   background-color: #fff;
   text-align: center;
   display: flex;
   flex-direction: column;
   max-width: 300px;
   gap: 16px;
   margin-bottom: 0 !important;
}
/*
.town-center-wrap .form-table tbody {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
} */

/* Responsive Styling */
@media (max-width: 600px) {
   .town-center-wrap .form-table,
   .form-table th,
   .form-table td {
      display: block;
      width: auto;
   }

   .town-center-wrap .form-table th {
      background-color: #f8f9fa;
      color: #333;
   }

   .town-center-wrap .form-table th,
   .form-table td {
      padding: 10px 0;
      border: none;
   }

   .town-center-wrap .form-table tr {
      margin-bottom: 10px;
   }

   .town-center-wrap .form-table td {
      text-align: left;
      padding-left: 50%;
      position: relative;
   }
}

/* ************************************************************ */
/* *********** Events Calendar Manager Settings Page ***********  */
/* ************************************************************ */
.ln-settings-event-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   background: #f6f6f6;
   padding: 18px 24px;
   border-radius: 12px;
   margin: 24px 0;
   gap: 24px;
}

.ln-event-settings-main-heading {
   font-size: 40px !important;
   font-weight: 400 !important;
   margin: 0 !important;
   padding-top: 10px !important;
   line-height: 1.3 !important;
   color: #015675 !important;
   padding-bottom: 8px !important;
}

.ln-settings-event-grid .event-section {
   background-color: white;
   padding: 0 12px 12px 12px;
   border: 1px solid #c3c4c7;
}

.ln-settings-event-grid .event-section h2 {
   margin-bottom: 0;
   border: 1px solid #c3c4c7;
   background: #f9f7f3;
   padding: 12px;
   border-radius: 14px;
   color: #015676;
   font-weight: 600;
   line-height: 22px;
}

.ln-settings-event-grid .event-section p.mb-30 {
   margin-bottom: 20px;
}

.ln-settings-event-grid .ln-settings-no-events-txt {
   color: red;
   font-weight: 500;
   margin: 0;
}

.ln-settings-event-grid .ln-settings-event-ul-wrapper {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.ln-settings-event-grid .ln-settings-event-ul-wrapper > li {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0;
}

.ln-event-settings-sub-heading {
   margin-top: 0px !important;
   font-size: 16px;
   margin-bottom: 0;
   font-weight: 500;
   line-height: 22px;
}

.ln-settings-event-flex-buttons {
   display: flex;
   gap: 16px;
   align-items: center;
}

.ln-settings-event-flex-buttons .ln-settings-event-view-all-btn {
   height: 100%;
}

.ln-settings-event-view-all-btn,
.ln-settings-event-save-btn {
   padding: 16px 24px !important;
   line-height: 13px !important;
   font-size: 13px !important;
   font-weight: 600 !important;
   color: #4399b5 !important;
   background: transparent !important;
   border: 2px solid #4399b5 !important;
   text-transform: uppercase;
   transition: background-color 0.3s;
   border-radius: 28px !important;
}

.ln-settings-event-view-all-btn:hover,
.ln-settings-event-save-btn:hover {
   background-color: #4399b5 !important;
   color: #fff !important;
}

.ln-settings-event-grid .ln-settings-warning-msg {
   color: #ff1868;
}

@media screen and (max-width: 1200px) {
   .ln-settings-event-grid {
      grid-template-columns: repeat(2, 1fr);
   }
}

@media screen and (max-width: 980px) {
   .ln-settings-event-grid {
      grid-template-columns: 1fr;
   }
}

/* sliders pages */

.sliders_page_home-page-slider .slider-image img,
.sliders_page_tc-page-slider .slider-image img,
.sliders_page_tc-page-gallery-slider .slider-image img,
.sliders_page_tc-page-lake-nona-slider .slider-image img {
   width: 100%;
   margin-bottom: 20px;
   border-radius: 15px;
   height: 280px;
   object-fit: cover;
}

.sliders_page_tc-page-slider .form-table,
.sliders_page_tc-page-lake-nona-slider .form-table,
.sliders_page_tc-page-gallery-slider .form-table,
.sliders_page_home-page-slider .form-table {
   border-top: 1px solid #d3d3d3;
}

.sliders_page_tc-page-gallery-slider .form-table th,
.sliders_page_tc-page-lake-nona-slider .form-table th,
.sliders_page_tc-page-slider .form-table th,
.sliders_page_home-page-slider .form-table th {
   display: none;
}

.sliders-wrap h1 {
   font-size: 40px;
   font-weight: 400;
   margin: 0;
   padding-top: 40px;
   line-height: 1.3;
   color: #015675;
   padding-bottom: 20px;
}

.sliders-form h2 {
   font-size: 20px;
   font-weight: 500;
   margin: 0;
   line-height: 1.3;
   color: #015675;
   text-transform: uppercase;
   padding-bottom: 20px;
}

.sliders-form p {
   font-size: 18px;
   font-weight: 400;
   margin: 0;
   line-height: 1.3;
   color: #868686;
   padding-bottom: 20px;
}

.ln-backend-slider-images-container {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   column-gap: 20px;
   row-gap: 20px;
}

.ln-backend-slider-images-container .slider-image {
   border: 1px solid #cac7c7e7;
   border-radius: 20px;
   padding: 10px;
}

.sliders-field-wrapper {
   display: grid;
}

.sliders-field-wrapper label {
   font-size: 12px;
   font-weight: 400;
   margin: 0;
   line-height: 1.3;
   color: #000000;
}

.sliders-field-wrapper input {
   border-radius: 20px;
   border-color: rgb(179, 179, 179);
   padding: 5px 10px;
}

.sliders-field-wrapper button {
   max-width: 200px;
   border-radius: 20px !important;
   margin: 10px auto !important;
   padding: 0px 20px !important;
}

.sliders-control-buttons {
   margin-top: 20px;
}

.sliders-control-buttons button {
   padding: 0px 20px !important;
   border-radius: 20px !important;
}

.sliders-form .submit .button-primary {
   padding: 10px 20px !important;
   border-radius: 20px !important;
}

.remove-slider-image-item {
   display: flex;
   justify-content: flex-end;
   margin-bottom: 8px;
}

.remove-slider-image-item .slider-remove-icon {
   border: 2px solid #e34848;
   color: #e34848;
   border-radius: 100%;
   cursor: pointer;
   width: 20px;
   height: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.remove-slider-image-item .slider-remove-icon img {
   width: 12px !important;
   height: 12px !important;
   display: block;
   margin: 0 !important;
}

.remove-slider-image-item.slider-btn-disabled {
   opacity: 0.5;
}

.remove-slider-image-item.slider-btn-disabled .slider-remove-icon {
   cursor: no-drop;
}

/* get into lake nona slider */
.slide-container {
   background: #f9f7f3;
   padding-top: 10px;
   border-radius: 20px;
   margin: 20px 0;
}

.get-in-slider-header {
   font-size: 40px!important;
    font-weight: 400!important;
    margin: 0!important;
    padding-top: 40px!important;
    line-height: 1.3!important;
    color: #015675!important;
    padding-bottom: 20px!important;
}

.slide-dis-box {
   padding: 10px;
}

.slide-container h2 {
   padding: 5px 5px;
   cursor: pointer;
   color: #4399b5 !important;
   font-weight: 500;
   user-select: none;
   font-size: 30px;
}

.slide-container label {
   font-size: 14px !important;
   font-weight: bold;
   line-height: 14px;
   font-family: 'Avenir Roman', Helvetica, Arial, Lucida, sans-serif;
   color: #015676;
   display: block;
   margin-bottom: 5px;
   margin-top: 5px;
}

.slide-container input {
   border-radius: 20px;
   border-color: #e5e5e5 !important;
}

.tc-getln-image .image-preview {
   margin-top: 20px;
   max-width: 300px;
   border-radius: 20px;
}

.slide-container .form-table tbody tr:last-child td {
   border-bottom: 0px!important;
}
/***leasing opportunities settings***/
.LN-leasing-oppurtunities-settings h1 {
	font-size: 40px;
    font-weight: 400;
    margin: 0;
    line-height: 1.3;
    color: #015675;
    padding-bottom: 20px;
}
.LN-leasing-oppurtunities-settings h3 {
    color: #015675;
}
.LN-leasing-oppurtunities-settings ul.ln-lo-category-list {
    display: flex;
    flex-direction: column;
}

.LN-leasing-oppurtunities-settings ul.ln-lo-category-list li {
    display: grid;
    grid-template-columns: 200px 100px;
}

#leasing-opportunities-container li {
    display: grid;
    grid-template-columns: 0px 200px 100px;
}

.ln-lo-posts-lists input[type=checkbox] {
	opacity:0;
}

.LN-leasing-oppurtunities-settings ul.ln-lo-category-list li input, #leasing-opportunities-container .ln-lo-post-order {
    width: 100% !important;
    max-width: 60px !important;
    text-align: center !important;
    border-radius: 20px;
    border-color: #e5e5e5 !important;
}

.LN-leasing-oppurtunities-settings .button {
    padding: 6px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #4399b5 !important;
    background: transparent !important;
    border: 2px solid #4399b5 !important;
    border-radius: 20px !important;
    text-transform: uppercase;
    transition: all 0.3s;
}

.LN-leasing-oppurtunities-settings .button:hover {
	color: #fff !important;
    background-color: #4399b5 !important;
}

.LN-leasing-oppurtunities-settings .nav-tab {
    border: none;
    user-select: none;
}

.LN-leasing-oppurtunities-settings .nav-tab:first-child {
    margin-left: 0;
}

.LN-leasing-oppurtunities-settings .nav-tab.nav-tab-active {
    border-bottom: 2px solid #e2523b;
}

#leasing-opportunities-container .tab-content {
    border-top: 1px solid #ddd;
	margin-top: -1px;
}
