/**
 * Theme Name: Twenty Twenty-Four Child Theme
 * Template:   twentytwentyfour
 Author: Elena Murawski
 Description: Twenty Twenty-Four Child Theme
 Requires at least: 6.4
 Tested up to: 6.4
 Requires PHP: 7.0
 Version: 1.0
 Text Domain: twentytwentyfour
 */
 body {
--wp--preset--spacing--30: min(2.5rem, 7vw) !important;
--wp--preset--spacing--40: min(4rem, 7vw) !important;
--wp--preset--spacing--20: min(1.5rem, 7vw) !important;
}
:where(.wp-site-blocks) > * {
    margin-block-start: 0 !important;
}
h1 > a, h2 > a, h3 > a, h4 > a {text-decoration: none !important; font-style: normal !important; }
.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: 0.33rem !important;}


.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color, .has-background):hover {
    background-color: var(--wp--preset--color--custom-c-7) !important;
    border-color: #000;
}


h1.wp-block-post-title,
h1.wp-block-cat-title {font-size: 40px !important;}
@media (max-width: 500px) {
    h1.wp-block-post-title,
    h1.wp-block-cat-title {font-size: 30px !important;}     
}
@media (min-width: 768px) {
    h1.wp-block-post-title,
    h1.wp-block-cat-title {font-size: 65px !important;}     
    
    .page h1.wp-block-post-title {
      font-size: 45px !important;
    }
}

.wp-block-navigation {gap:0;}
.wp-block-navigation ul li {padding: 0.2rem 1rem 0.2rem 0 !important;}


.wp-block-image {text-align: center;}



.category-fancylist {max-width: var(--wp--style--global--wide-size) !important;border-bottom: 1px solid #000;margin: 0 !important;}
.category-fancylist:first-child {border-bottom: 0;}
.category-fancylist:last-child a:last-child {border-bottom: 1px solid #000;}

  .category-fancylist a { display: block; padding: 5px 0; text-align: center; cursor: pointer; text-decoration: none; font-style:normal; font-family: var(--wp--preset--font-family--open-sans) !important; text-align: center;border-top: 1px solid #000;}
  .category-fancylist a:hover {background: white;}
    .category-fancylist-block {display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;align-items: center;justify-content: center; gap: 1rem;}  
        .category-fancylist a figure,
        .category-fancylist a p {width: 50%; margin: 0; padding: 0;}
        .category-fancylist a p {margin-bottom: 0; padding-bottom: 0;text-transform: uppercase;}
        .category-fancylist a img {border-radius: .33rem;width: 150px;}  

@media (min-width: 700px) {
  .category-fancylist {display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;align-items: center;justify-content: center;gap: 1rem;border: 0 !important;}
  .category-fancylist-block {display:block;}
      .category-fancylist a { padding: 25px;border-radius: .33rem;border: 0 !important;width: 25%;}
      .category-fancylist a figure,
      .category-fancylist a p {width: 100%;}

}    




.category {}
  .category .category-image { text-align: left; }
    .category .category-image img {width: 100%;}
.category .wp-block-term-description p {margin-bottom: 15px;}
@media (max-width: 780px) {
  .category .category-image img {max-width: 150px;}
}

    
.relevanssi-live-search-results {
    box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15) !important;
    border-radius: .33rem !important;
}
    .ajax-search-result {}    
    .ajax-search-result p {position: relative;}
    .ajax-search-result a {font-style: normal; font-family: var(--wp--preset--font-family--open-sans) !important;text-decoration: none;}
        .search-post-tag {display: inline-block; color: #5E9B70; background: #EEF5F0; border: 1px solid #D5E8D9; padding: 5px 10px; border-radius: .33rem; text-transform: capitalize; font-size: 12px; position: absolute; right: 15px; top: 10px;}





.restricted_access_message_block {margin-top:0;margin-bottom:0;padding-top:0;padding:var(--wp--preset--spacing--30);}
.restricted_access_message_thumb_bg {display: none;}
  .restricted_access_gradient .wp-block-column,
  .restricted_access_gradient .wp-block-column .wp-block-group-wrapper,
  .restricted_access_gradient~.restricted_access_message .wp-block-group-wrapper {margin: 0 !important; padding: 0 !important;}
  
  .restricted_access_message {border-width:1px;border-radius:16px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50);}
  .restricted_access_message_block h2 {font-size: 40px !important;}
  .restricted_access_message_block .wp-block-button {margin-top:var(--wp--preset--spacing--30);}
  .restricted_access_message_block .wp-block-button a {border-radius:.33rem;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--20);}
  
  .restricted_access_message_block_has_gradient {margin-top: -10.5rem;padding-top: 0;}
    .restricted_access_gradient {background: linear-gradient(0deg, rgba(249, 249, 249,1) 0%, rgba(249, 249, 249,1) 50%, rgba(249, 249, 249,0) 100%); height: 10.5rem; position: relative;}

.single-tool .restricted_access_gradient,
.single-video .restricted_access_gradient {display: none;}

@media (max-width: 600px) {
    .video-block .restricted_access_message_block {padding-top: 0;padding-bottom: 0;}
    .restricted_access_message_block h2 {font-size: 28px !important;}
    .restricted_access_message_block ul {display: none;}
    
}



.single-video {}
.single-video .video-block .restricted_access_gradient { display: none;}

.single-video .video-block .video-wrap { display: block; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.single-video .video-block .video-wrap iframe,
.single-video .video-block .video-wrap object
.single-video .video-block .video-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 1280px; max-height: 720px;}
.single-video code {color: #619D73; background: #EEF5F0; padding: 2px; border-radius: .33rem;}

.single-video .restricted_access_message {overflow: hidden;position: relative;}
.single-video .restricted_access_message_thumb_bg { display: block;opacity: 0.2;position: absolute;left: 0;top: 0;max-width: 1280px !important;width: 100%;height: auto;}
.single-video .restricted_access_message_group {position: relative;}



.crp-list-title {}
.single .crp-list-title {font-family: var(--wp--preset--font-family--open-sans); font-size: var(--wp--preset--font-size--medium); margin-top: 0; font-weight: bold;color:var(--wp--preset--color--custom-3);}
.single .crp-list {padding-left: 0 !important; margin-bottom: var(--wp--preset--spacing--30); list-style: none;}
.single .crp-list li {padding-bottom: 15px;}
.single .crp-list li:before {content: '\002724'; display: inline-block;}
.single .crp-list li div {display: block; padding-left: 30px; position: relative; top: 0; left: 0; margin-top: -26px;} 


div.category_chat {margin-top: 30px;}


.posts_list .wp-block-post-title a {font-style: normal !important;}



.memberonly_note {display: inline-block; padding: 0 10px; border-radius: .33rem;background-color: #FBE9F7; border-color: #B25092;}
  .memberonly_note span{display: inline; font-size: var(--wp--preset--font-size--small);text-transform: uppercase;color: #B25092;}
.free_note {display: inline-block;font-size: var(--wp--preset--font-size--small);color: #74a355;}


.posttype_note {display: inline-block; padding: 0 10px; border-radius: .33rem; margin-right: 5px;background-color: #000; border-color: #000;}
.posttype_note span{display: inline;text-transform: uppercase;font-size: var(--wp--preset--font-size--small); color: #fff;}


.posts_list {}
  .posts_list li.category-pro > div.wp-block-columns {background-color: #dfe6ec !important;}
  .posts_list li.video {}
  .posts_list li.article {}  
  .posts_list li.qa {}  
  .posts_list li.tool {}  







/* MEMBER AREA */

.um-field *,
.um-account-side li a.current, .um-account-side li a.current:hover,
.um-profile.um .um-profile-meta {color: #000 !important;}

.um-field h3 {font-size: var(--wp--preset--font-size--medium); text-transform: uppercase; font-weight: bold;margin-top: -15px;}
.um .um-field-label label {font-weight: normal !important; font-size: 12px !important; text-transform: uppercase;}
.um .um-field-value {font-size: var(--wp--preset--font-size--medium) !important;}

.um-account-profile-link a { background-color: white !important; padding: 10px; margin-top: 10px; display: inline-block; font-style: normal !important; border-radius: .33rem; color: black !important;}
.um-account-profile-link a:hover {background-color: black !important;color: white !important;}


.um-profile-edit > a {color: #000 !important; padding: 5px 10px; cursor: pointer; border-radius: .33rem;}
.um-profile-edit > a:hover {background: #fff;}

.um-dropdown {border-radius: .33rem !important; box-shadow: none !important; border: none !important;}
.um-dropdown ul {background: none !important}
.um-dropdown-arr { color: #fff !important;top: 12px !important;}
.um-dropdown li a { color: #000 !important;}
.um-dropdown li a:hover { color: #B25092 !important;}

.um-profile-photo a.um-profile-photo-img {border: 0 !important;}
.um-header {border-bottom: 0 !important;}
.um-profile.um-viewing .um-field-label { border-bottom: 0 !important;}
.um-field {padding: 35px 0 0 0 !important;}


.um-page-password-reset .uimob500.um {
  margin-left: 0px !important;
}

.um-page-password-reset .um-field-block > div {
    text-align: left !important;
}

.um-page-login .um-field .um-field-area input,
.um-page-password-reset .um-field .um-field-area input  {
    box-sizing: border-box;
    font-size: 17px!important;
    width: 100%;
    height: 56px !important;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-radius: .33rem;
}

.um-page-login .um-field .um .um-form input:autofill,
.um-page-password-reset .um-field .um .um-form input:autofill  {
  -webkit-box-shadow: 0 0 0 50px #fff inset;
  -webkit-text-fill-color: #666;
}

.um-page-login .um .um-form input[type="text"]:focus,
.um-page-login .um .um-form input[type="password"]:focus,
.um-page-password-reset .um .um-form input[type="text"]:focus {
    background: #FFFEF2;
    border: 1px solid #000000 !important;
    box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.15) !important;
}

.um-page-login .um-field .um-field-area input.um-form-field.um-error,
.um-page-password-reset .um-field .um-field-area input.um-form-field.um-error  {
    border: 1px solid #FC0000 !important;
    box-shadow: 0px 0px 0px 4px rgba(255, 0, 0, 0.15) !important;
    border-radius: .33rem !important;
}

.um-page-login .um-field-error,
.um-page-password-reset .um-field-error {
    background: #FC0000;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 100px;
    font-size: 15px;
    display: inline-block;
}

.um-page-login .um-field-arrow,
.um-page-password-reset .um-field-arrow {
    color: #FC0000;
    font-size: 28px;
    line-height: 1em !important;
    left: 25px;
    margin-left: -10px;
}

.um-page-login .um-center .um-button,
 .um-page-password-reset .um-center .um-button {
    width: 100% !important;
    background: #000000 !important;
    border-radius: 100px !important;
    height: 56px !important;
}

.um-page-login .um-toggle-password,
.um-page-password-reset .um-toggle-password {
    font-size: 28px !important;
}
.um-page-login .um-toggle-password,
.um-page-password-reset .um-toggle-password {
    line-height: 2;
}

.um-page-login input[type="submit"].um-button,
.um-page-login input[type="submit"].um-button:focus,
.um-page-password-reset input[type="submit"].um-button,
.um-page-password-reset input[type="submit"].um-button:focus {
    height: 56px !important;
}

.um-page-login .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i {
    color: #000000;
}

.um a.um-button, .um a.um-button.um-disabled:active, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:hover, .um input[type=submit].um-button, .um input[type=submit].um-button:focus {background: black !important;border-radius: .33rem !important;}

.um-account-main div.um-account-heading {color: black !important;font-size: var(--wp--preset--font-size--large) !important;font-family: var(--wp--preset--font-family--montserrat); text-transform: uppercase;font-weight: normal !important;}
.um-account-main div.um-account-heading i {display: none;}

.um-form p.note {font-style: italic;}

div.um-account-subheading {box-shadow: inset 0 -1px #000;text-transform: uppercase;margin-top: var(--wp--preset--spacing--30);clear: both; padding-bottom: var(--wp--preset--spacing--10);}
div.plan {background: white; border-radius: 0.33rem; padding: 20px; margin-bottom: 20px;margin-top: 20px;}
div.plan p.row {font-size: var(--wp--preset--font-size--medium) !important;font-weight: bold;margin: 0 !important;}

.um .um-cover-add:hover, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-item-meta a, .um .um-member-less a:hover, .um .um-member-more a:hover, .um .um-member-name a:hover, .um .um-members-pagi a:hover, .um .um-profile-subnav a.active, .um .um-tip:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
  color: black !important;
}
.picker__box, .picker__nav--next:hover, .picker__nav--prev:hover, .um .um-field-group-head, .um .um-members-pagi span.current, .um .um-members-pagi span.current:hover, .um .um-profile-nav-item.active a, .um .um-profile-nav-item.active a:hover, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, .um-modal-header, .upload, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover {
  background: var(--wp--preset--color--custom-8) !important;
}

.um-account-profile-link a {width: 100%;box-sizing: border-box;border: 1px solid black;}
.um-account-side li a {border-radius: 0.33rem !important;}
.um-account-side li a.current, .um-account-side li a.current:hover {background: var(--wp--preset--color--custom-8) !important;}
.um-account-side li a.current span.um-account-title, .um-account-side li a.current:hover span.um-account-title {color: black !important;}

.um-account-main {padding: 0 0 0 3rem !important;}
div.uimob500 .um-account-main,div.uimob340 .um-account-main {padding: 3rem 0 0 0 !important;}
div.uimob800 .um-account-side ul {border: 0 !important;}

.um-account-main input {border-radius: 0.33rem !important;}
.um-button {font-style: normal !important;}

/*UM Members List*/
.um-directory .um-members-wrapper .um-members.um-members-list {display: -webkit-flex !important;display: flex !important;-webkit-flex-direction: row !important;flex-direction: row !important;flex-wrap: wrap !important;}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member {flex: 1 0 21%; margin: 1em;}


/*CLUB MEMBER SUBSCRIPTION DATA*/

#subscription_data {color: #000;}
  #subscription_data p.row { clear: both;}
    #subscription_data p.row label { display: inline-block; font-size: 12px; text-transform: uppercase; width: 170px;}
    #subscription_data p.row span {display: inline-block; }