/*
 Theme Name:   Twenty Twenty-Four
 Description:  Twenty Twenty-Four Child Theme
 Author:       n-frames LLC
 Author URI:   https://n-frames.com
 Description: Twenty Twenty-Four is designed to be flexible,
 versatile and applicable to any website. Its collection of templates and patterns tailor to different needs,
 such as presenting a business,
 blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process,
 is fully compatible with the site editor,
 and takes advantage of new design tools introduced in WordPress 6.4.
 Template:     twentytwentyfour
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.1 License: GNU General Public License v2 or later
License URI: http: //www.gnu.org/licenses/gpl-2.0.html
Tags:         Tags: one-column,
custom-colors,
custom-menu,
custom-logo,
editor-style,
featured-images,
full-site-editing,
block-patterns,
rtl-language-support,
sticky-post,
threaded-comments,
translation-ready,
wide-blocks,
block-styles,
style-variations,
accessibility-ready,
blog,
portfolio,
news
 Text Domain:  twentytwentyfourchild
*/
.form-label{
  font-weight: 500 !important;
}
body {
  margin: 0;
  --wp--style--global--content-size: 991px !important;
  --wp--style--global--wide-size: 1280px;
}
main a{
  color: var(--wp--preset--color--contrast) !important;
  text-decoration: underline;
}
a.wp-element-button{
  color: var(--wp--preset--color--base) !important;
  min-width: 100px;
  display: inline-block;
  text-align: center;
}
a:hover{
  text-decoration: none;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
  display: block;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.thumb {
    max-width: 100%;
    height: auto;
    border: 1px solid #000;
    float: right;
}
ul.thumb-Images{
    padding-left: 0;
}
ul.thumb-Images li {
    vertical-align: top;
    height: 120px;
}

.img-wrap {
    position: relative;
    display: inline-block;
    font-size: 0;
}
.img-wrap .close {
    position: absolute;
    top: -2px;
    left: -15px;
    z-index: 100;
    padding: 5px 2px 2px;
    color: red;
    font-weight: bolder;
    cursor: pointer;
    opacity: .5;
    font-size: 23px;
    line-height: 10px;
    border-radius: 50%;

}
.thumb-Images .img-wrap .close{
  top: 2px;
  left: 5px;
}

.img-wrap:hover .close {
    opacity: 1;
    color: #ff0000;
}
.v-wrap .close{
  font-size: 22px;
  color: #ff0000;
  cursor: pointer;
}
.v-wrap .close svg{
  width: 26px;
  height: 26px;
  rotate: 45deg;
}
.FileNameCaptionStyle {
    font-size: 12px;
}
.hiden-file-count{
    background-color: #fff;
    position: absolute;
    width: calc(100% - 155px);
    height: 30px;
    bottom: 5px;
    left: 120px;
    padding-top: 5px;
    padding-left: 10px;
}
.multi-select-container {
    display: inline-block;
    position: relative;
}

.multi-select-menu {
    position: absolute;
    left: 0;
    top: 0.8em;
    z-index: 1;
    float: left;
    min-width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
}

.multi-select-menuitem {
    display: block;
    font-size: 0.875em;
    padding: 0.6em 1em 0.6em 30px;
    white-space: nowrap;
}

.multi-select-legend {
    font-size: 0.875em;
    font-weight: bold;
    padding-left: 10px;
}

.multi-select-legend + .multi-select-menuitem {
    padding-top: 0.25rem;
}

.multi-select-menuitem + .multi-select-menuitem {
    padding-top: 0;
}

.multi-select-presets {
    border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
    position: absolute;
    margin-top: 0.25em;
    margin-left: -20px;
}

.multi-select-button {
    display: inline-block;
    font-size: 0.875em;
    padding: 0.2em 0.6em;
    max-width: 16em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -0.5em;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    cursor: default;
}

.multi-select-button:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0.4em 0 0.4em;
    border-color: #999 transparent transparent transparent;
    margin-left: 0.4em;
    vertical-align: 0.1em;
}

.multi-select-container--open .multi-select-menu {
    display: block;
}

.multi-select-container--open .multi-select-button:after {
    border-width: 0 0.4em 0.4em 0.4em;
    border-color: transparent transparent #999 transparent;
}

.multi-select-container--positioned .multi-select-menu {
    /* Avoid border/padding on menu messing with JavaScript width calculation */
    box-sizing: border-box;
}

.multi-select-container--positioned .multi-select-menu label {
    /* Allow labels to line wrap when menu is artificially narrowed */
    white-space: normal;
}
.grid-item img {
  width: 100%;
  height: 100%;
}
.grid-item h4 {
  position: absolute;
  bottom: -8px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #000;
  width: 100%;
  padding: 5px;
}
.grid-item .btn-create{
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
}
.grid-item .btn-create svg{
  fill: #6c757e;
  width: 25%;
}
.grid-item .btn-create:hover svg{
  fill: #fff;
}
.grid-item .btn-create-album svg{
  fill: #6c757e;
  width: 50%;
}
.wp-block-image img {
  box-sizing: border-box;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
.wp-block-image .is-style-rounded img, .wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img {
  border-radius: 9999px;
}
.wp-block-image.is-style-rounded img, .wp-block-image.is-style-rounded .wp-block-image__crop-area, .wp-block-image.is-style-rounded .components-placeholder {
  border-radius: var(--wp--preset--spacing--20);
}
.wp-container-core-group-is-layout-8.wp-container-core-group-is-layout-8.wp-container-core-group-is-layout-8.wp-container-core-group-is-layout-8 > * + * {
  margin-block-start: 0;
  margin-block-end: 0;
}
.wp-container-core-columns-is-layout-1.wp-container-core-columns-is-layout-1 {
  flex-wrap: nowrap;
  gap: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60);
}
.wp-container-core-columns-is-layout-2.wp-container-core-columns-is-layout-2 {
  flex-wrap: nowrap;
  gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
}
ul.is-style-checkmark-list {
  list-style-type: "\2713";
}
ul.is-style-checkmark-list li {
  padding-inline-start: 1ch;
}
.grid-item p {
  position: absolute;
  bottom: -10px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #000;
  width: 100%;
  padding: 5px 10px;
}
.btn-add-item{
  rotate: 45deg;
  /*border: 2px solid #000 !important;*/
  border-radius: 50% !important;
}
.list-event{
  column-gap: 20px;
}

.splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.splide__slide {
  opacity: 0.6;
}

.splide__slide.is-active {
  opacity: 1;
}
#main-carousel .splide__slide img {object-fit: contain;}
#main-carousel .splide__track {padding-left: 0px;padding-right: 0px;margin-bottom: 50px; overflow: visible !important;}
#main-carousel .splide__slide {width: calc((100%)/1);height: 100%;margin-right: 0px;}
#main-carousel .splide__slide > img {display: inline;}
#main-carousel .splide__list {transform: translateX(0%);aspect-ratio: 1.7777777777777777;}
@media screen and (max-width: 640px) {
  #main-carousel {}
  #main-carousel .splide__track {padding-left: 0px;padding-right: 0px;}
  #main-carousel .splide__slide {width: calc((100%)/1);height: 100%;margin-right: 0px;}
  #main-carousel .splide__slide > img {display: inline;}
  #main-carousel .splide__list {transform: translateX(0%);aspect-ratio: 1.7777777777777777;}
}
#thumbnail-carousel {}
#thumbnail-carousel .splide__track {padding-left: 0px;padding-right: 0px; margin-top: 15px;}
#thumbnail-carousel .splide__slide {width: 104px;height: 58px;margin-right: 10px;border-radius: 10px; overflow: hidden;}
#thumbnail-carousel .splide__slide > img {display: inline;}
#thumbnail-carousel .splide__list {transform: translateX(0px);}
@media screen and (max-width: 640px) {
  #thumbnail-carousel {}
  #thumbnail-carousel .splide__track {padding-left: 0px;padding-right: 0px;}
  #thumbnail-carousel .splide__slide {width: 66px;height: 38px;margin-right: 0.7rem;}
  #thumbnail-carousel .splide__slide > img {display: inline;}
  #thumbnail-carousel .splide__list {transform: translateX(0px);}
}
.splide__arrow{
  background-color: #fff !important;
  box-shadow: 0px 0px 5px rgb(0 0 0 / 27%);
}
.splide__arrow--prev svg{
  transform: scaleX(1) !important;
}
.splide__arrow--next svg{
  transform: scaleX(-1) !important;
}
.splide__arrow svg{
  margin-top: 5px;
  height: 2em !important;
  width: 2em !important;
  fill: #000;
}
.splide__track--nav>.splide__list>.splide__slide.is-active{
  border-width: 0 !important;
}
.splide__arrow--prev{
  left: calc(60px - 1em) !important;
  opacity: 1 !important;
}
.splide__arrow--next{
  right: calc(60px - 1em) !important;
  opacity: 1 !important;
}
#main-carousel .splide__track ul li p{
  padding-top: 10px;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  background-color: transparent;
  border-width: 1px;
  color: #000 !important;
  border-style: solid;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover{
  color: var(--wp--preset--color--base) !important;
  background-color: var(--wp--preset--color--contrast);
}
.wp-container-core-columns-is-layout-3.wp-container-core-columns-is-layout-3{
  gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
}
.author{
  display: flex;
  gap: 10px;
  align-items: center;
}
.author .avatar{
  width: 42px;
  height: 42px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #fff;
}
.author .avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.iframevideo, .videoplayer{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
/*.videoplayer{
  height: auto;
}*/
.ms-options-wrap > button:focus, .ms-options-wrap > button, .ms-options-wrap > .ms-options .ms-selectall{
  font-size: inherit !important;
}
.ms-options-wrap > .ms-options > ul input[type="checkbox"]{
  top: 10px !important;
}
.item *{
font-size: 0.9rem !important;
}
#list_video .item{position: relative;}
#list_video .item #remove_video{
  position: absolute;
  top: 15px;
  right: 0;
}
#add_video, #remove_video{float: right;}
#add_video svg, #remove_video svg{ width: 24px; height: 24px;}
#remove_video{rotate: 45deg;}
#flr-blocks-login-form, #flr-blocks-reset-pass-request-form{
  max-width: 500px;
  margin: 0 auto;
}
.heading{
  border-radius: 20px;
}
.member_page .heading{
  background-color: #F1EEDC;
  background-image: url('assets/images/heading_member.svg');
}
.member_page .entry-content.has-background{
  background-image: url('assets/images/bg_member.svg');
}
.photo_page .heading{
  background-color: #F5E8DD;
  background-image: url('assets/images/heading_photo.svg');
}
.photo_page .entry-content.has-background{
  background-image: url('assets/images/bg_photo.svg');
}
.resource_page .heading{
  background-color: #D6DAC8;
  background-image: url('assets/images/heading_resource.svg');
}
.resource_page .entry-content.has-background{
  background-image: url('assets/images/bg_resource.svg');
}
.event_page .heading{
  background-color: #D9DBE3;
  background-image: url('assets/images/heading_event.svg');
}
.event_page .entry-content.has-background{
  background-image: url('assets/images/bg_event.svg');
}
.com_page .heading{
  background-color: #E3E1D9;
  background-image: url('assets/images/heading_com.svg');
}
.com_page .entry-content.has-background{
  background-image: url('assets/images/bg_com.svg');
}
.pac-container, .ui-timepicker-container{
  z-index: 10000 !important;
}
#mainphoto .splide__track--fade>.splide__list>.splide__slide{
  max-height: 600px !important;
}
.event-des{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#createEventModal .btn-close{
  width: 10px;
  height: 10px;
}
.wp-block-heading a{
  text-decoration: none;
}
.ui-timepicker-container{
  border-color: #dee2e6 !important;
}
.custom-file-button input[type=file] {
  margin-left: -2px !important;
}

.custom-file-button input[type=file]::-webkit-file-upload-button {
  display: none;
}

.custom-file-button input[type=file]::file-selector-button {
  display: none;
}

.custom-file-button:hover label {
  background-color: #dde0e3;
  cursor: pointer;
}
.ui-timepicker .ui-menu-item{
  text-align: left !important;
}
:where(.wp-site-blocks *:focus){
  outline-width: 0px !important;
}
.cap_meta{
    display: flex;
    justify-content: space-between;
}
.btn-change{
  position: relative;
  bottom: 40px;
  left: calc(100% - 80px);
}
#homeimage + p{
  display: none;
}
@media screen and (max-width: 768px){
    .is-layout-flex > .wp-block-column {
        width: 100% !important;
        flex-basis: 100% !important;
    }
    .wp-container-core-columns-is-layout-1.wp-container-core-columns-is-layout-1{
        flex-wrap: wrap-reverse !important;
    }
    .wp-container-core-columns-is-layout-2.wp-container-core-columns-is-layout-2{
        flex-wrap: wrap !important;
    }
    p.cap_meta{
        font-size: 12px;
    }
    .splide__arrow--prev{
        left: 1rem !important;
    }
    .splide__arrow--next{
        right: 1rem !important;
    }
    /*#main-carousel  .splide__slide, #mainphoto .splide__slide{
        width: 100% !important;
        text-align: center;
    }
    #main-carousel .splide__slide img{
        width: auto !important;
      height: 100% !important;
      max-width: 100%;
    }
    #mainphoto .splide__slide img{
    width: 100% !important;
      height: auto !important;
      max-width: 100%;
    }*/
}


.member-wrapper {
        max-width: 500px;
        margin: 0px auto;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
        color: #222;
    }
    .member-wrapper p.desc {
        text-align: left;
        margin-bottom: 20px;
    }
    .member-wrapper form {
        display: flex;
        flex-direction: column;
        gap: 5px;
        text-align: left;
    }
    .member-wrapper label {
        font-weight: 600;
    }
    .member-wrapper input[type="text"],
    .member-wrapper input[type="email"],
    .member-wrapper input[type="password"] {
        width: 100% !important;
        margin-bottom: 10px !important;
        margin-top: 5px !important;
        position: relative !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: block !important;
        padding: 0.375rem 0.75rem !important;
        font-size: 1rem !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;
        color: #212529 !important;
        background-color: #fff !important;
        background-clip: padding-box !important;
        border: 1px solid #ced4da !important;
        -webkit-appearance: none !important;
        -moz-appearance: none!important;
        appearance: none !important;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    }
    .member-actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.9rem;
    }
    .member-wrapper input[type="submit"] {
        background: #111;
        color: white;
        padding: 0.375rem 0.75rem!important;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        margin-top: 10px;
    }