@charset "UTF-8";
/*
Theme Name:  Cera Child
Theme URI:   http://www.themosaurus.com/cera-child
Author:      Themosaurus
Author URI:  http://www.themosaurus.com
Description: Cera Child is a child theme for Cera based on Underscores and Bootstrap 4. It makes good use of the Customizer, allowing multiple color, typography and layout options to build a tailor-made website.
Template:    cera
Version:     1.1.1
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cera-child
Tags:        one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, buddypress, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, sticky-post, threaded-comments, rtl-language-support, translation-ready, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Cera is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Its stylesheet borrows concepts from various established methodologies promoting code reuse above
all. Files and directories are structured and named after SMACSS. Helper classes have been made
with OOCSS in mind and finally, the namming convention tries to narrow the gap with BEM.

This stylesheet follow the basic principles of CSS Guidilines http://cssguidelin.es/
*/
/**
 * CONTENTS
 *
 * VARIABLES
 * Variables.....................Globally-available variables and config (custom and from vendors).
 *
 * TOOLS
 * Mixins........................Useful mixins.
 * Functions.....................Useful functions.
 * Placeholders..................Useful placeholders.
 *
 * BASE
 * Accessibility.................Affecting the overall accessibility (Screen readers & co).
 * Headings......................H1–H6 styles.
 * Copy..........................Copy elements styles.
 *
 * LAYOUT
 * Alignements...................Positionning content elements.
 * Clearings.....................Clear all wrappers & regions.
 * Containers....................Constraining elements.
 * Regions.......................Define a global layout architecture for several components.
 * Sidebars......................Sidebars styles.
 * Wrappers......................Wrapping elements.
 *
 * COMPONENTS
 * Breadcrumb....................Breadcrumb styles.
 * Buttons.......................Buttton component styles.
 * Captions......................Caption of gallery and media components.
 * Cards.........................Card components for various posts items.
 * Comments......................Comments thread styles.
 * Embedded......................Embedded contents (iframe, object, emoji, etc.).
 * Forms.........................All form components.
 * Galleries.....................Gallery and gallery-item components.
 * Infinite scroll...............Infinite scroll styles.
 * Hero..........................Hero component styles.
 * Media.........................Bootstrap Media component styles.
 * Menus.........................Menu and content navigation styles.
 * Navigation....................Main navigation component.
 * Pagination....................Post navigation, Pager & Pagination.
 * Posts.........................Posts archive & single styles.
 * Sections......................Visual region components.
 * Tables........................Tables styles.
 * Widgets.......................Widget styles.
 *
 * PLUGINS
 * Add to any....................Social and sharing plugin.
 * Autocomplete for Relevanssi...Add autocomplete functionnality to Relevanssi plugin.
 * Bbpress.......................Forum plugin.
 * Buddypress....................User profile & community plugin.
 * Contact form 7................Custom form plugin.
 * The Events Calendar...........Events creation & management.
 * Features......................Important blocs like services or values.
 * Gravity forms.................Custom form plugin.
 * Mailchimp for wp..............Mailchimp integration plugin.
 * Ninja Forms...................Custom form plugin.
 * Our team......................Team member plugin.
 * Projects......................Projects/Portfolio plugin.
 * Testimonials..................Testimonial plugin.
 * Woo-plugins...................Common styles form plugins by Woothemes (Grid, utilities, etc.).
 * Yarpp.........................Related posts plugin.
 * Yoast SEO.....................SEO plugin.
 * Woocommerce...................King of WordPress e-commerce plugin.
 *
 * STATES
 * JS............................Styles applied to components using JavaScript.
 * No-js.........................Styles applied to components when JavaScript is disabled.
 * Slideout......................Styles applied to components using Slideout.js.
 * Grimlock fallback.............Styles applied to components whithout Grimlock activated..
 *
 * TRUMPS
 * Animations....................Custom keyframes animations and transitions stuff.
 * Background....................Extend Boostrap background utilities.
 * Borders.......................Border utilities.
 * Box...........................Box display utilities (Display, sizes and overflow).
 * Positions.....................Positions and depth utilities.
 * Text..........................Text utilities.
 */
/**
 * Add your customizations below this line.
 */
/*------------------------------------*\
    #VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    #TOOLS
\*------------------------------------*/
/*------------------------------------*\
    #BASE
\*------------------------------------*/
/**
 * Headings
 */
/**
 * Copy
 */
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * Alignements
 */
/**
 * Clearings
 */
/**
 * Containers
 */
/**
 * Regions
 */
/**
 * Sidebars
 */
/**
 * Wrappers
 */
/*------------------------------------*\
    #COMPONENTS
\*------------------------------------*/
/**
 * Breadcrumb
 */
/**
 * Buttons
 */
/**
 * Captions
 */
/**
 * Cards
 */
/**
 * Comments
 */
/**
 * Embedded
 */
/**
 * Forms
 */
/**
 * Galleries
 */
/**
 * Infinite scroll
 */
/**
 * Hero
 */
/**
 * Media
 */
/**
 * Menus
 */
/**
 * Posts
 */
/**
 * Navigation
 */
/**
 * Sections
 */
/**
 * Pagination
 */
/**
 * Posts
 */
/**
 * Sections
 */
/**
 * Tables
 */
/**
 * Widgets
 */
/*------------------------------------*\
    #PLUGINS
\*------------------------------------*/
/**
 * Add to any
 */
/**
 * Autocomplete for Relevanssi
 */
/**
 * Bbpress
 */
/**
 * Buddypress
 */
/**
 * Contact form 7
 */
/**
 * The Events Calendar
 */
/**
 * Features
 */
/**
 * Gravity forms
 */
/**
 * Mailchimp for wp
 */
/**
 * Ninja Forms
 */
/**
 * Our team
 */
/**
 * Projects
 */
/**
 * Testimonials
 */
/**
 * Woo-plugins
 */
/**
 * Yarpp
 */
/**
 * Yoast SEO
 */
/**
 * Woocommerce
 */
/*------------------------------------*\
    #STATE
\*------------------------------------*/
/**
 * JS
 */
/**
 * NO-JS
 */
/**
 * Slideout
 */
/**
 * Grimlock fallback
 */
/*------------------------------------*\
    #TRUMPS
\*------------------------------------*/
/**
 * Animations
 */
/**
 * Background
 */
/**
 * Borders
 */
/**
 * Box
 */
/**
 * Positions
 */
/**
 * Text
 */

/*# sourceMappingURL=style.css.map */


.public-page{
    display: flex;
    margin: 0px auto;
}

.public-page #site{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    flex-direction: column;
    min-height: 100vh;
}

.public-page header{
    width: 50%;
    display: flex;
    justify-content: center;
    height: 180px;
}

.public-page .bsp-login-container{
    max-width: 550px;
}

.public-page #buddypress{
    max-width: 800px;
    margin: auto;
}

.public-page #buddypress > p{
    display: none;
}

.public-page #buddypress legend{
    font-size: 1rem;
}

.public-page #buddypress .standard-form#signup_form div.submit{
    margin-bottom: 40px;
}

#public-container{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#logo-wrapper{
    width: 50%;
    flex: 0 1 50%;
    padding-top: 40px;
    min-width: 300px;
}

.bsp-widget.bsp-login-container{
    width: 60%;
    margin-top: 30px;
}

/* BUTTON */
.meta-bdt-button-wrapper{
}
.meta-bdt-slide-btn-icon{
    background-color: #48465B;
    margin-left: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 80px;
    transition: all .3s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.meta-bdt-prime-slider-button-text{
    font-size: 18px;
    color: #444;
    font-family: "Geologica", Sans-serif;
}


.meta-bdt-slide-btn-icon svg {
    transform: rotate(0);
    transition: all 300ms ease;
    z-index: 1;
}

.meta-bdt-slide-btn-icon svg * {
    stroke: #fff
}

.meta-bdt-slide-btn:hover .meta-bdt-slide-btn-icon {
    transform: scale(1.1) translateX(5px)
}

.meta-bdt-slide-btn:hover .meta-bdt-slide-btn-icon::after {
    transform: translate(-50%, -50%) scale(1)
}

.meta-bdt-slide-btn:hover .meta-bdt-slide-btn-icon svg {
    transform: rotate(360deg)
}

.meta-bdt-slide-btn .meta-bdt-slide-btn-icon::after {
    content: '';
    position: absolute;
    background-color: #00AFEF;
    transition: all 300ms ease;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 105%;
    height: 105%;
    border-radius: 50%
}


/* META CHECKBOX 1 */
  .meta-checkbox-1 input[type="checkbox"] {
    appearance: none;
    background-color: #dfe1e4;
    border-radius: 72px;
    border-style: none;
    flex-shrink: 0;
    height: 20px;
    margin: 0;
    position: relative;
    width: 30px;
  }

  .meta-checkbox-1 input[type="checkbox"]::before {
    bottom: -6px;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
  }

  .meta-checkbox-1 input[type="checkbox"],
  .meta-checkbox-1 input[type="checkbox"]::after {
    transition: all 100ms ease-out;
  }

  .meta-checkbox-1 input[type="checkbox"]::after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 14px;
  }

  .meta-checkbox-1 input[type="checkbox"] {
    cursor: default;
  }

  .meta-checkbox-1 input[type="checkbox"]:hover {
    background-color: #c9cbcd;
    transition-duration: 0s;
  }

  .meta-checkbox-1 input[type="checkbox"]:checked {
    background-color: #4daae8;
  }

  .meta-checkbox-1 input[type="checkbox"]:checked::after {
    background-color: #fff;
    left: 13px;
  }

  .meta-checkbox-1 :focus:not(.focus-visible) {
    outline: 0;
  }

  .meta-checkbox-1 input[type="checkbox"]:checked:hover {
    background-color: #3aa0e4;
  }


#uas-approval-container ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#uas-approval-container ul li{}
#uas-approval-container ul li strong{}

.upk-meta-content h3.upk-title{
    font-size: 20px;
}

.upk-maple-grid .upk-meta-meta{
    flex-direction: column;
    align-items: flex-start !important;
    gap: 5px;
}

.upk-maple-grid .upk-meta-meta > div:before {
    display: none;
}

.upk-blog-date .upk-blog-date{
    margin-top: 10px;
}

.upk-maple-grid .upk-meta .upk-blog-date i{
    margin: 3px 10px 0px 0px !important;
}

.upk-maple-grid .upk-meta-content .upk-title{
    margin: 0px !important;
    font-size: 20px;
}

.upk-maple-grid .upk-img{
    filter: grayscale(100%);
    transition: all 0.5s ease;
}
.upk-maple-grid .upk-img:hover{
    filter: grayscale(0%);
}

.is-member-event{
    width: 50px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.is-member-event img{}

.elementor-widget.elementor-widget-off-canvas{
    z-index: 1035 !important;
}

body.admin-bar .e-off-canvas{
    top: 32px;
}

.uas_name{
    display: block;
}
.uas_occupation{

}
.uas_action{

}
.uas_action a{
    display: inline-block;
    margin-right: 10px;
}

.uas-skip-btn{
    color: #a0a0a0;
    border-bottom: 1px solid transparent;
}
.uas-skip-btn:hover{
    border-bottom: 1px solid;
}

.meta-event-meta-box{
    padding: 1rem !important;
}
.meta-event-meta-box-inner{
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    border-right: 1px solid;
    padding-right: 50px;
}
.meta-event-meta-box-inner:last-child{
    border-right: 0px !important;
}
.meta-event-meta-box-inner p{
    margin: 0px;
}

/* =======================
   ВИДЖЕТ: Последние посты
   Разметка шорткода:
   .meta-side-list
     .meta-side-list__heading
     ul.meta-side-list__items
       li.meta-side-card
         a.meta-side-list__thumb > img
         a.meta-side-list__title
   ======================= */

/* Обёртка блока */
.widget .meta-side-list {
  color: #48465b;
}

/* ===== Заголовок блока — как в "Последних темах" ===== */
.widget .meta-side-list__heading{
  position: relative;
  margin: 0 0 14px;
  padding: 14px 0 12px 18px;           /* слева место под голубую полоску */
  font-size: 22px;
  line-height: 1.25;
  font-weight: 800;
  color: #48465b;
  border-bottom: 1px solid #e7ecef;    /* тонкая серая линия */
  background: transparent;
}
.widget .meta-side-list__heading::before{
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 2px;
  background: #00afef;                 /* голубая вертикальная полоса */
}

/* ===== Список карточек ===== */
.widget .meta-side-list__items{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 16px;                            /* интервал между карточками */
}

/* Карточка */
.widget .meta-side-card{
  background: #f0f3f4;
  border-radius: 12px;
  padding: 16px;
  color: #48465b;
}

/* Превью "вровень" с краями и скруглением 10px сверху */
.widget .meta-side-card .meta-side-list__thumb{
  display: block;
  margin: -16px -16px 0;                /* упираем в края карточки по бокам и сверху */
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.widget .meta-side-card .meta-side-list__thumb img{
  display: block;
  width: 100%;
  height: auto;
}

/* Заголовок под картинкой */
.widget .meta-side-card .meta-side-list__title{
  display: block;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.3;                      /* чуть плотнее */
  font-weight: 800;
  color: #48465b;
  text-decoration: none;
}
.widget .meta-side-card .meta-side-list__title:hover{
  text-decoration: underline;
}

/* На всякий — прячем то, чего в новой карточке нет */
.widget .meta-side-list__meta,
.widget .meta-side-list__avatar{
  display: none !important;
}
.widget .meta-side-list__heading::before{
  content: "";
  position: absolute;
  left: 0;                         /* в край виджета */
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 2px;
  background: #00afef;
}

/* Список карточек */
.widget .meta-side-list__items{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  row-gap: 16px;
}

/* Карточка */
.widget .meta-side-card{
  background: #f0f3f4;
  border-radius: 10px;
  padding: 16px;
  color: #48465b;
  overflow: hidden;                /* чтобы фото «вровень» не вылезало */
}

/* Превью: «вровень» с краями карточки, без скруглений у фото */
.widget .meta-side-card .meta-side-list__thumb{
  display: block;
  margin: -16px -16px 0;           /* упираем сверху и по бокам в края карточки */
  line-height: 0;                   /* убираем возможные пробелы вокруг img */
}
.widget .meta-side-card .meta-side-list__thumb img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;                 /* по требованию — без скруглений у изображения */
}

/* Заголовок поста под картинкой */
.widget .meta-side-card .meta-side-list__title{
  display: block;
  margin-top: 12px;                 /* не упирается в картинку */
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;
  color: #48465b !important;        /* базовый цвет */
  text-decoration: none;
}
.widget .meta-side-card .meta-side-list__title:hover{
  color: #00afef !important;        /* при наведении — голубой */
  text-decoration: underline;
}

/* Служебное — прячем то, что не нужно в этом виджете */
.widget .meta-side-list__meta,
.widget .meta-side-list__avatar{
  display: none !important;
}

/* На всякий случай — ссылки внутри карточки наследуют цвет */
.widget .meta-side-card a{
  color: inherit;
}


/* ===== Корневой футер ===== */
#meta-footer{
  position:relative;
  display:block;
  width:100%;
  margin:0 !important;
  box-sizing:border-box;
  background:#fff;
  border:none !important;
  box-shadow:none !important;

  /* убираем лишний воздух, чтобы не было серой полосы снизу */
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Внутренний контейнер (белая часть с логотипом/меню) */
#meta-footer .meta-footer__container{
  margin:0 auto;
  padding:0 var(--meta-gutter); /* только тут отступы сверху/снизу */
  box-sizing:border-box;
}

@media (max-width:768px){
  #meta-footer .meta-footer__container{ padding:0 var(--meta-gutter); }
}
@media (max-width:480px){
  #meta-footer .meta-footer__container{ padding:0 var(--meta-gutter); }
}

/* ===== Секции Elementor растягиваем ===== */
#meta-footer .elementor-section.elementor-top-section,
#meta-footer .elementor-section.elementor-section-stretched{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(-50vw + 50%) !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
}

/* У последних элементов — без хвостов */
#meta-footer .elementor-section:last-of-type,
#meta-footer .elementor-widget:last-child,
#meta-footer .elementor-container:last-child{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
#meta-footer p:last-child{ margin-bottom:0 !important; }

/* ===== СИНЯЯ ПЛАШКА (последняя секция футера) ===== */
#meta-footer .meta-footer__bar{
  background:#00aeef !important;
  color:#fff;
  border:none !important;
  box-shadow:none !important;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(-50vw + 50%) !important;
  margin-top:0 !important;
  margin-bottom:0 !important;

  min-height:110px; /* высота плашки */
  padding-top:0 !important; /* убрали воздух */
  padding-bottom:0 !important;
  display:flex;
  align-items:center;

  /* рабочий вариант с фиксированными отступами по линии логотипа */
  padding-left:var(--meta-gutter) !important;
  padding-right:var(--meta-gutter) !important;
}

/* ——— КОПИРАЙТ В СИНЕЙ ПЛАШКЕ: строго влево ——— */
#meta-footer .meta-footer__bar .elementor-container{
  display:flex !important;
  justify-content:flex-start !important;  /* по оси X влево */
  align-items:center !important;          /* по оси Y по центру */
  text-align:left !important;
  padding:0 !important;
  margin:0 !important;
  width:100%;
}

/* Гасим любые центрировки от Elementor/UIkit внутри плашки */
#meta-footer .meta-footer__bar .elementor-column,
#meta-footer .meta-footer__bar .elementor-widget,
#meta-footer .meta-footer__bar .elementor-widget-container{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
#meta-footer .meta-footer__bar .elementor-widget.elementor-align-center,
#meta-footer .meta-footer__bar .uk-text-center,
#meta-footer .meta-footer__bar .bdt-text-center{
  text-align:left !important;
}

/* Если копирайт — это Text Editor, убираем у него авто-отступы */
#meta-footer .meta-footer__bar .elementor-widget-text-editor{
  margin:0 !important;
}

/* (опционально) если у копирайта есть класс, зафиксируем им */
#meta-footer .meta-footer__copyright{
  margin:0 !important;
  text-align:left !important;
}

/* 2) Любой внутренний контейнер плашки — строго влево (и на desktop, и на mobile) */
#meta-footer .meta-footer__bar .elementor-row,
#meta-footer .meta-footer__bar .e-con,
#meta-footer .meta-footer__bar .e-con-inner{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  margin:0 !important;              /* убираем margin:auto */
  text-align:left !important;
  width:100%;
}

/* 3) Сам виджет копирайта — без центрирования/отступов */
#meta-footer .meta-footer__bar .elementor-widget,
#meta-footer .meta-footer__bar .elementor-widget-container{
  text-align:left !important;
  margin:0 !important;
  padding:0 !important;
}
#meta-footer .meta-footer__bar .elementor-widget.elementor-align-center,
#meta-footer .meta-footer__bar .elementor-align-center,
#meta-footer .meta-footer__bar .elementor-tablet-align-center,
#meta-footer .meta-footer__bar .elementor-mobile-align-center{
  text-align:left !important;
}

/* 4) На всякий случай: заголовок/текст внутри копирайта — без внутренних отступов */
#meta-footer .meta-footer__bar .elementor-heading-title,
#meta-footer .meta-footer__bar .elementor-text-editor{
  margin:0 !important;
  padding:0 !important;
}

/* ===== Mobile fix: логотип меньше и не прилипает к верху ===== */
@media (max-width: 767px){
  /* даём небольшой «воздух» белой зоне футера */
  #meta-footer .meta-footer__container{
    padding-top:16px !important;
    padding-bottom:16px !important;
  }

  /* если у виджета стоит класс meta-footer__logo */
  #meta-footer .meta-footer__logo img{
    max-height:28px !important;   /* подправь на 24–32 по вкусу */
    height:auto !important;
    width:auto !important;
  }

  /* fallback: если класс не задан, шлёпаем по первому Image в футере */
  #meta-footer .meta-footer__container .elementor-widget-image:first-of-type img{
    max-height:30px !important;
    height:auto !important;
    width:auto !important;
  }
}


.approval-count{
    font-size: 1.5rem;
}

ul.events-by-city{
    padding: 0px;
    margin: 0px;
}

ul.events-by-city li{
    display: inline-block;
    margin-top: 10px;
}

ul.events-by-city li a{
    background: #00afef;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    position: relative;
}

.event-count{
    background: #fff;
    color: #00afef;
    border-radius: 50%;
    width: 25px;
    display: block;
    padding: 3px 0px;
    position: absolute;
    top: -8px;
    right: -11px;
    height: 25px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #00afef;
    font-size: 0.8rem;
}

#buddypress:not(.youzer).bps-active #members-dir-search{
    display: block !important;
}

.xprofile-events{
    margin: 20px 0px;
}

.xprofile-event{
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.xprofile-event-date{
    width: 200px;
}

.xprofile-event-meta{
    width: 150px;
    flex-shrink: 0;
}

.xprofile-event-meta p{
    margin: 0px;
}
.xprofile-event-meta-date{
    font-weight: bold;
}

.xprofile-event-image{
    width: 150px;
    flex-shrink: 0;
}

.xprofile-event-image img{
    width: 150px;
    border-radius: 10px;
}

.xprofile-event-data{
    flex-grow: 1;
}

.xprofile-event-meta-venue{
    margin: 0px;
    font-weight: bold;
}

#elementor-library-3,
.no-padding{
    padding: 0px !important;
}