:root 
{
--heading-color: #181B0E;
--body-color: #181B0E;
--accent-color: #0A23F4;
--white-color: #ffffff;
--light-color1: #F4F7EA;
--light-color2: #EAEDE0;
--dark-bg: #181B0E;
--white-bg: #ffffff;
--light-bg: #EAEDE0;

/* font-family */
--body-font: "Inter", sans-serif;
--heading-font: "Libre Franklin", sans-serif;
}


.wp-block-search__inside-wrapper {
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
  max-width: 100%;
  position: relative;
}
.wp-block-search__label{
  color: var(--heading-color);
}
.wp-block-search__label {
  width: 100%;
}
.wp-block-search .wp-block-search__label {
  font-weight: 600;
  display: none;
}
.wp-block-search .wp-block-search__button {
  background: transparent;
  border: 0;
  padding: 0;
  color: #32373c;
  margin-left: 0;
  word-break: normal;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  position: absolute;
  right: 45px;
  top: -25px;
  width: 20px;
  color: transparent;
}

.wp-block-search .wp-block-search__button:after {
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Crect width='50' height='50' rx='25' fill='%230A23F4'/%3E%3Cpath d='M34.7748 33.6875L29.9656 28.8793C31.3595 27.2058 32.0546 25.0594 31.9062 22.8865C31.7579 20.7136 30.7775 18.6815 29.1691 17.2131C27.5607 15.7446 25.448 14.9527 23.2707 15.0022C21.0933 15.0517 19.0188 15.9387 17.4787 17.4787C15.9387 19.0188 15.0517 21.0933 15.0022 23.2707C14.9527 25.448 15.7446 27.5607 17.2131 29.1691C18.6815 30.7775 20.7136 31.7579 22.8865 31.9062C25.0594 32.0546 27.2058 31.3595 28.8793 29.9656L33.6875 34.7748C33.7589 34.8462 33.8437 34.9028 33.937 34.9415C34.0302 34.9801 34.1302 35 34.2312 35C34.3321 35 34.4321 34.9801 34.5254 34.9415C34.6187 34.9028 34.7034 34.8462 34.7748 34.7748C34.8462 34.7034 34.9028 34.6187 34.9415 34.5254C34.9801 34.4321 35 34.3321 35 34.2312C35 34.1302 34.9801 34.0302 34.9415 33.937C34.9028 33.8437 34.8462 33.7589 34.7748 33.6875ZM16.558 23.4736C16.558 22.1058 16.9636 20.7688 17.7235 19.6315C18.4834 18.4943 19.5635 17.6079 20.8271 17.0844C22.0908 16.561 23.4813 16.4241 24.8228 16.6909C26.1643 16.9577 27.3965 17.6164 28.3637 18.5836C29.3308 19.5507 29.9895 20.783 30.2563 22.1244C30.5231 23.4659 30.3862 24.8564 29.8628 26.1201C29.3393 27.3837 28.453 28.4638 27.3157 29.2237C26.1784 29.9836 24.8414 30.3892 23.4736 30.3892C21.6401 30.3872 19.8823 29.6579 18.5858 28.3614C17.2893 27.0649 16.5601 25.3071 16.558 23.4736Z' fill='%23F4F7EA' stroke='%23F4F7EA'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


.widget select, 
.widget input,
.wp-block-categories select {
  padding: 15px 24px !important;
  padding-left: 24px !important;
  height: 60px !important;
  width: 100%;
  transition: all 0.4s;
  border-radius: 50px !important;
  background-color: var(--light-color1) !important;
  border: 1px solid var(--light-color1);
}
.wp-block-search__inside-wrapper input{
  padding: 18px 60px 18px 30px !important;
  height: 60px !important;
  width: 100%;
  transition: all 0.4s;
  border-radius: 50px !important;
  background-color: var(--light-bg) !important;
}
.wp-block-search__inside-wrapper input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: var(--heading-color);
  opacity: 1;
}

.wp-block-search__inside-wrapper input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: var(--heading-color);
  opacity: 1;
}

.wp-block-search__inside-wrapper input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: var(--heading-color);
  opacity: 1;
}

.wp-block-search__inside-wrapper input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--heading-color);
  opacity: 1;
}

.wp-block-search__inside-wrapper input::-ms-input-placeholder{ /* Microsoft Edge */
  color: var(--heading-color);
  opacity: 1;
}

.wp-block-search__inside-wrapper input::placeholder { /* Most modern browsers support this now. */
  color: var(--heading-color);
  opacity: 1;
}
.widget h2, 
.wp-block-search__label {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
}
.widget ul ul {
  padding-left: 20px;
  border-left: 1px solid rgba(2, 2, 30, 0.1);
  margin-top: 10px;
}
.widget ul li {
  font-size: 18px;
  line-height: 1;
  font-weight: normal;
  padding-bottom:20px ;
  position: relative;
  color: var(--heading-color);
}
.widget ul li:first-child {
  padding-top: 0;
}
.widget ul li:last-child {
  border: none;
  padding-bottom: 0;
}
.widget a, 
.widget ul li a {
  color: var(--heading-color);
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0px;
}
.widget a:hover {
  color: #0A23F4;
}


.widget_rss .rssSummary {
  margin: 12px 0;
  line-height: 30px;
  color: var(--heading-color);
}

 .widget p, 
 .widget strong {
  color: var(--heading-color);
}

.wp-caption img{
  width: 100%;
  height: 100%;
}

.nice-select .current {
  color: var(--heading-color);
  word-break: break-all;
  overflow: hidden;
  width: 100%;
  display: block;
  font-weight: 400;
  font-size: 16px;
}

.widget select, 
.wp-block-categories select {
  appearance: none;
  -webkit-appearance: none;
  max-width: 100%;
  width: 100%;
  cursor: pointer;
  padding: 15px 24px!important;
  padding-right: 35px!important;
  color: var(--heading-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23212121'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='1'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E");
  background-position-x: 97%;
  background-position-y: 55%;
  background-repeat: no-repeat;
}
.wp-block-categories{
  margin-bottom: 24px;
}
select:focus-visible {  
  outline: none;
}
.widget-area .nice-select {
  line-height: 35px;
  padding: 8px 15px!important;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}
/* calendar */
div#calendar_wrap {
  display: flex;
  flex-direction: column-reverse;
}
table{
  width: 100%;
  margin: 0 0 1.5em;
}

#wp-calendar #today a {
  color: var(--accent-color);
}

#wp-calendar #today {
  background-color: #EFF0F4;
}

#wp-calendar th {
  background-color: #EFF0F4;
}

#wp-calendar caption {
  caption-side: top;
  text-align: center;
  color: var(--heading-color);
  font-weight: 700;
  padding: 14px 0;
}

table thead tr:first-child,
table tbody tr:first-child {
  border-top: 1px solid #dcdcdc;
}

table thead tr,
table tbody tr {
  border-bottom: 1px solid #dcdcdc
}

table thead tr th,
table thead tr td,
table tbody tr th,
table tbody tr td {
  border-right: 1px solid #dcdcdc;
  padding: 10px;
  background: #fff;
  font-size: 16px;
  color: var(--heading-color);
}

.widget table td.has-calendar-link a {
  color: #fff;
}

table thead tr th:first-child,
table thead tr td:first-child,
table tbody tr th:first-child,
table tbody tr td:first-child {
  border-left: 1px solid #dcdcdc;
}

table tfoot tr td#prev,
table tfoot tr td#next {
  content: var(--accent-color);
  padding: 15px;
}

table tfoot tr td#prev a,
table tfoot tr td#next a {
  color: var(--accent-color);
}

table tfoot tr td#prev a:hover,
table tfoot tr td#next a:hover {
  color: var(--accent-color);
}

.wp-calendar-table td, .wp-calendar-table th {
  text-align: center;
  font-size: 14px;
}

#wp-calendar caption {
  caption-side: top;
  text-align: center;
  color: var(--heading-color);
  font-weight: 700;
  padding: 14px 0;
  font-size: 14px;
  margin-top: -43px;
}
.wp-calendar-nav-prev a {
  font-size: 14px;
  position: relative;
  z-index: 7;
}
/* end calendar */
#commentform .logged-in-as, #commentform .logged-in-as a {
  color: var(--heading-color);
  font-weight: 450;
  font-size: 16px;
  line-height: 28px;
}

h2.nof-title,
.page--content h1, 
.page--content h2,
.page--content h3,
.page--content h4, 
.page--content h5,
.page--content h6,

h1.wp-block-heading,
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading,

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6,

.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6{
  margin-bottom: 24px;
}
.blog-content p{
  margin-bottom: 30px;
}
.page--content h1, 
.wp-block-site-title,
h1.wp-block-heading, 
.blog-content h1,
.comment-content h1{
  font-size: 40px;
  line-height: 48px;
  color: var(--heading-color);
}
.page--content h2, 
h2.wp-block-post-title,
.wp-block-comments-title,
h2.wp-block-heading,
.comment-content h2{
  font-size: 28px;
  line-height: 38px;
}
.page--content h3, 
h3.inner-title, 
h3.wp-block-heading, 
.blog-content h3,
.comment-content h3{
  font-size: 30px;
  line-height: 40px;
}
.page--content h4, 
h4.wp-block-heading, 
.blog-content h4,
.comment-content h4{
  font-size: 22px;
}
.page--content h5, 
.blog-content h5,
.comment-content h5{
  font-size: 18px;
}
.page--content h6{
  font-size: 16px;
}

.page--content ul, 
.page--content ul {
  margin-bottom: 30px;
  margin-top: 30px;
  padding-left: 20px;
}
.page--content ul ul, 
.page--content ol ol, 
.page--content ol ul, 
.page--content ul ol {
  margin-top: 15px;
}
.page--content ol, 
.page--content ol {
  margin-bottom: 30px;
}
.page--content ul>li, 
.page--content ul>li,
.blog-content ul>li,
.comment-content ul>li{
  color: var(--heading-color);
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: 0px;
  position: relative;
  margin-bottom: 15px;
}


.page--content ol {
  margin-left: 0;
  padding-left: 37px;
}
.page--content ol li, 
.page--content ol li,
.comment-content ol>li,
.blog-content ol>li{
  padding-left: 0;
  color: var(--heading-color);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.2px;
  position: relative;
  margin-bottom: 15px;
}
blockquote, 
.wp-block-quote.is-large, 
.wp-block-quote.is-style-large {
  color: var(--heading-color);
  font-weight: 400;
  line-height: 32px;
  padding-left: 50px;
  font-size: 19px;
  position: relative;
  padding-right: 54px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 30px;
  border-radius: 5px;
  border-left: 5px solid #101415!important;
  background-color: var(--light-bg);
}
blockquote p {
  
  margin: 0 !important;
  color: #2920D2;
}
.blog-details blockquote p{
  font-size: 26px!important;
  font-size: 26px!important;
}
pre {
  background: #eee;
  font-family: var(--heading-font);
  line-height: 1.6;
  margin-bottom: 1.5em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}


.post-navigation {
  padding: 40px 0;
  margin-top: 24px;
  border-top: 1px solid #E3E3EC;
  border-bottom: 1px solid #E3E3EC;
}

.blog-comment-area {
  margin-top: 40px;
}


.comment-respond {
  opacity: 1;
  padding: 0;
  margin-top: 40px;
  border-radius: 10px;
 
}
@media (max-width: 991px) {
  .comment-respond {
    margin-top: 40px;
  }
}
.category-block {
  margin-top: 0px !important;
}
/* .category-block {
  margin: 15px 0px 45px 0px;
} */

.has-light-green-cyan-background-color {
  background-color: transparent !important;
  padding: 0 !important;
}

.has-pale-pink-background-color {
  background-color: transparent !important;
  padding: 0;
  margin: 0 !important;
}

.has-black-border-color {
  border-color: transparent !important;
  padding: 0 !important;
}

.wp-block-group {
  padding: 0 !important;
  background-color: transparent !important;
}

.wp-block-post-author {
  margin-bottom: 10px;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
  border: none;
}


.widget form.wpcf7-form {
  display: block;
}
.wp-block-post-date {
  box-sizing: border-box;
  margin-bottom: 10px;
}

.blog-content .has-small-font-size, 
.blog-content .has-large-font-size, 
.blog-content .has-x-large-font-size{
  font-size: 16px!important;
  margin-bottom: 24px;
}

.blog-content a{
  font-weight: 700;
  color: var(--heading-color);
}

:where(.wp-block-columns) {
  margin-bottom: 1.1em!important;
}

.wp-block-button__link {
  color: #fff !important;
}

.wp-block-button {
  margin-bottom: 10px;
}

ul.blocks-gallery-grid li:after {
  content: none;
}


.comment-list .post-comment {
  border-bottom: 1px solid rgba(0, 26, 61, 0.1) !important;
  padding-bottom: 20px;
}
.comment-list .post-comment {
  padding-left: 120px;
  background: transparent;
  border-radius: 10px;
  display: flex;
  transition: 0.4s;
}

.comment-list  .post-comment{
  display: flex;
  flex-direction: column;
  position: relative;
  border-bottom: 1px solid #377cfd24;
}

.comment-list .comment-avater {
  position: absolute;
  left: 0px;
}

.wp-block-latest-comments__comment:last-child {
  margin-bottom: 0;
}
ol.wp-block-latest-comments {
  padding-left: 0px;
  margin: 0;
}

.wp-block-comment-author-name.has-small-font-size{
  margin-bottom: 10px;
}
.wp-block-file{
  margin: 15px 0;
}
.wp-block-file .wp-block-file__button{
  color: var(--white-color);
}

span.tag-links-title {
  margin-right: 15px;
  font-weight: 600;
  color: var(--heading-color);
}

.wp-block-pullquote {
  padding: 2em 0;
  padding: 0;
  background-color: transparent!important;
  border-color: transparent!important;
}

.wp-block-pullquote.is-style-solid-color blockquote {
  max-width: 100%;
}

.social-tag .col-xl-auto.text-xl-end{
  display: flex;
  align-items: center;
  gap: 15px;
}
ul.social-links li{
  display: inline-block;
  margin-right: 14px;
}


.uxora-blog-btn{
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  transition: all 0.4s;
  padding: 19px 30px;
  border-radius: 50px;
  border: 2px solid var(--heading-color);
  color: var(--heading-color);
}
.uxora-blog-btn:hover{
  color: #F4F7EA;
  background-color: #0A23F4;
  border: 2px solid #0A23F4;
}
.uxora-blog-btn i {
  font-weight: normal;
  font-size: 22px;
  margin-left: 8px;
  transition: all 0.4s;
  font-weight: 400!important;
}
.btn-icon{
  position: relative;
  overflow: hidden;
}

.uxora-blog-btn .button-icon-hide i {
  top: 0;
}
.blog-icon-show, 
.blog-icon-hide{
  transition: all 0.4s;
}
.blog-icon-hide{
    position: absolute;
    transform: translateX(-30px);
    top: 0;
  }
  .blog-icon-show{
      transform: translateX(0);
  }
  .uxora-blog-btn:hover .blog-icon-hide{
      transform: translateX(0);
  }
  .uxora-blog-btn:hover .blog-icon-show{
      transform: translateX(30px);
  }
  .uxora-main-blockquote{
    padding: 30px;
    border-radius: 30px;
    border-left: 0!important;
  }
  .uxora-main-blockquote p{
    color: var(--heading-color);
    font-size: 21px;
    font-weight: 600;
    line-height: 30px;
  }