/*
Theme Name:     Foxiz child
Template:      	foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Make your modifications to Foxiz in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */
.rbct > *{
	margin-bottom:0.5rem;
}
body:not(.home) a {
  --hyperlink-color: #1e73be;
}
/* START: FONTS */
@font-face {
  font-family: "FiraSans";
  src: url("./assets/fonts/FiraSansBGR-Light.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "FiraSans";
  src: url("./assets/fonts/FiraSansBGR-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "FiraSans";
  src: url("./assets/fonts/FiraSansBGR-Bold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "FiraSans";
  src: url("./assets/fonts/FiraSansBGR-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}

/* Overwrites the existing theme and Elementor fonts except icons */
body,
*:not(i, .ab-icon) {
  font-family: "FiraSans", serif !important;
}
.entry-content a:hover {
  text-decoration: underline !important;
  text-decoration-line: underline;
}

.search .grid-container{
 flex-flow:row wrap;
}
.search .meta-inner{
 display:none;
}

.main-menu > li > a,
.more-col .widget-heading,
.elementor-widget-wp-widget-nav_menu h5,
.woocommerce-MyAccount-navigation {
  font-family: "FiraSans", sans-serif;
  letter-spacing: 1px;
}

/* END: FONTS */

/* Header */
.header-banner-section {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-size: cover;
  background-position: 50% 65%;
}
.header-flags {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  justify-content: flex-end;
  padding-block: 0.2rem;
}
.header-lang-bar__flag-link {
  padding-right: 0.7rem;
}
.header-lang-bar__flag-link.flag-link-active,
.header-lang-bar__flag-link:hover {
  color: var(--g-color, #0a467b);
}
.header-lang-bar__flag-link:not(:last-child) {
  position: relative;
}
.header-lang-bar__flag-link:not(:last-child):before {
  /* border-right: 1px solid currentColor; */
  content: "";
  position: absolute;
  top: 30%;
  right: 0;
  height: 10px;
  width: 1px;
  background-color: #000;
}
header .menu-item a > span {
  font-size: 1.1rem;
}
.header-lang-bar__flag-link:last-child {
  padding-right: 0;
}
.header-banner-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  cursor: pointer;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.header-banner-section__logo-box {
  --size: 7rem;
  display: flex;
  align-items: center;
  width: var(--size);
  height: var(--size);
}
.header-banner-section__logo-box:first-child {
  --size: 8rem;
}
.header-banner-section__logo-box:first-child img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.header-banner-section__text-box {
  display: block;
  margin-right: auto;
}
.header-banner-section__country-name,
.header-banner-section__site-name {
  letter-spacing: 0.5px;
}
.header-banner-section__country-name {
  display: block;
  width: max-content;
  font-size: 2rem;
  font-weight: 600;
}
.header-banner-section__site-name {
  font-size: 1.6rem;
  font-weight: 400;
}

/* UIN Search Form */
.uin-search-form-container {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.uin-search-form {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.uin-search-form *{
  margin-bottom: 0.5rem;
}
.uin-search-response-container{
  display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.uin-search-form-container input[type="submit"]{
	font-size:0.95rem;
}

/* Search Form */
.textwidget {
  background-color: #eeeeee;
}
.local-search-container {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin: 0 0.75rem 0 0.75rem;
}
.focused-form {
  display: flex !important;
  align-items: center;
  flex-direction: column;
  align-content: center;
}
.focused-form .search-field {
  background-color: #eeeeee;
  border: 1px solid rgb(75, 75, 75);
  padding: 0.3125rem;
  margin: 0.3125rem 0;
  width: 100%;
}
.focused-form input[type="submit"] {
  width: 100%;
  background-color: #0a467b;
}
.focused-form input[type="submit"]:hover {
  box-shadow: none;
}
.local-search-radio-container {
  display: flex;
  flex-direction: column;
  align-content: center;
}

/* Search Results Page */
.search-form-submit input[type="submit"] {
  font-size: 1rem;
}
.search-header:before {
  background-image: none !important;
}
/* Gallery Page */
figcaption:not(:empty):before {
  display: none;
}
/* Search Highlight */
.rbct mark,
mark {
  background-color: #ff08;
  padding: 0;
  margin: 0;
}

/* Sidebar */

.sidebar-inner .widget {
  margin-bottom: 1rem;
}
.heading-layout-1 .heading-title:after,
.heading-layout-c1 .heading-title:after {
  display: none !important;
}
[class*="elementor-widget-wp-widget"] .elementor-widget-container > h5,
.w-sidebar .widget-heading {
  margin: 0;
}
.heading-layout-1 .heading-title,
.heading-layout-c1 .heading-title {
  width: 100%;
  padding: 0.75rem 0.75rem;
  background-color: #becbd8;
  border-radius: 0.3125rem;
}
.sidebar-wrap .rb-section ul .menu-item {
  padding: 0.1rem 0.75rem;
  background-color: #eeeeee;
}

.sidebar-inner .widget_nav_menu ul .menu-item > a {
  font-size: 1rem;
  font-weight: 400;
}
.sidebar-wrap figure {
  width: 100% !important;
}
.local-search-container input[type="submit"] {
  font-size: 1rem;
}

/* Footer */
.custom-footer {
  margin-top: 3rem;
}
.custom-footer__menu-bar {
  padding: 0.6rem 1rem;
  background-color: #cee6fb;
}
.custom-footer__menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  list-style: none;
}
.custom-footer__menu-item {
  display: flex;
}
.custom-footer__menu-item a:link,
.custom-footer__menu-item a:visited {
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}
.custom-footer__menu-item a:hover,
.custom-footer__menu-item a:active {
  color: var(--g-color, #333);
}
.custom-footer__address-bar {
  padding: 0.8rem;
  background-color: #0a467b;
  color: #fff;
  text-align: center;
}
.custom-footer__address-bar address {
  font-size: 1rem;
  font-style: normal;
}

/* Calendar Plugin */
.thc-calendar thead .thc-calendar-row {
  background-color: #becbd8;
  color: var(--heading-color, inherit);
  font-weight: 600;
}

.thc-calendar caption {
  font-size: 1.2rem;
  font-weight: 600;
}

.all-page-attachments {
  list-style: none;
}

.all-page-attachments a {
  text-decoration: underline;
}
.rb-container,
.rb-wide-container,
.rb-small-container {
  max-width: 1400px;
}

/* Single Page */
.hentry img {
  padding: 1rem;
}
.optimal-line-length:not(.without-sidebar) .s-ct-wrap:not(.has-lsl) {
  max-width: none;
}
.single-meta {
  margin-bottom: 0px;
}
.s-feat-outer {
  margin-bottom: 10px;
}
.single-page-margin-top {
  margin-top: 1rem;
}
.single-page .page-header.hidden {
  display: none;
}
.s-title {
  text-align: center;
  margin-bottom: 0px;
}

/* START: Accessibility styles overwrites */

*:focus-visible,
input:focus-visible {
  outline: 2px solid var(--g-color) !important;
}

/* Search results page */
.search-form-input .search-field:focus-visible {
  outline: none !important;
}

.search-form-submit:focus-within {
  background-color: var(--g-color);
  color: #fff;
}
/* Breadcrumb */
.breadcrumb-inner{
	font-size:1rem;
}
/* Categories */
.blog-wrap {
  margin-top: 0;
}
/* Categories News (bottom left section on the home page) */
.published{
	font-size:14px;
}
.home .p-content .published {
  margin-left: 1rem;
  display: block;
  font-size:14px;
}
.bottom-border .block-inner > *:before {
  max-width: 80%;
}
.section-categories-news a:link,
.section-categories-news a:visited {
  /* Used !important because I had issues with overriding the parent theme's styles */
  text-decoration: none !important;
}
#uid_fa7744a a.p-url::before {
  display: inline;
  content: "•";
  margin-right: 5px;
}
.section-categories-news a:hover,
.section-categories-news a:active {
  text-decoration: underline !important;
}

/* END: Accessibility styles overwrites */
/* The section with the links with blue or yellow border-left */
.section-categories-news .elementor-icon {
  display: none;
}

.top-accessibility-link {
  position: absolute;
  top: -1000em;
  left: 6px;
  height: auto;
  width: auto;
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 23px 14px;
  background: #f0f0f1;
  color: #2271b1;
  z-index: 100000;
  line-height: normal;
  text-decoration: none;
}

.top-accessibility-link:focus-visible {
  top: 7px;
  background: #f0f0f1;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}

/* Main Categories Section */
.category-list .hidden {
  display: none;
}

.show-more {
  display: block;
  cursor: pointer;
  color: blue;
  text-decoration: underline;
}

.subcat-wrap {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-around;
    flex-direction: column;
    align-items: baseline;
}
.subcat-wrap > * {
  font-size: 1rem;
}
.category-link-blue .elementor-icon {
  color: #0059a9 !important;
}
.blog-wrap .entry-title a {
  color: #0059a9 !important;
}
.subcat-heading-custom {
  font-size: 1.4rem !important;
}
.category-link-yellow .elementor-icon {
  color: #f8dc55 !important;
}
.sub-cat-item a {
  font-weight: 400;
  color: #0059a9 !important;
}

.rbct
  a:not(.p-url):not(button):not(.p-category):not(.is-btn):not(.table-link):not(
    .table-link-depth
  ):not(.wp-block-button__link):not(.wp-block-file__button),
.elementor-widget-text-editor p a {
  text-decoration-line: none;
}
.rb-container a span:hover,
.rb-container a:hover {
  text-decoration: underline;
}
header .rb-container a span:hover,
header .rb-container a:hover {
  text-decoration: none;
}

/* Sitemap Page */
.wsp-container ul {
  margin-top: 0.5rem;
}

.wsp-container ul > li {
  margin-left: 1rem;
}

.wsp-container ul > li > a {
  font-weight: 400 !important;
  font-size: 15px !important;
}

/* Messages Section */
.messages-carousel-section .swiper-slide-inner {
  position: relative;
}
.elementor-image-carousel-caption a {
  font-size: 1rem;
}

.messages-carousel-section .elementor-image-carousel-caption {
  position: absolute;
  top: 12%;
  right: 8%;
  width: 40%;
  height: 80%;
  font-size: 0.8rem;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 1rem 0.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  text-align: left !important;
}

.messages-carousel-section .elementor-image-carousel-caption::before {
  content: none;
  display: none;
}

.messages-carousel-section .swiper-pagination {
  bottom: 0 !important;
}

/* 500px */
@media only screen and (max-width: 31.25em) {
  .messages-carousel-section .elementor-image-carousel-caption {
    position: static;
    font-size: 0.6rem;
    width: 100%;
  }

  .messages-carousel-section .swiper-slide {
    display: flex;
    flex: 1 0 100%;
    flex-direction: column;
  }

  .messages-carousel-section .elementor-swiper-button-prev,
  .messages-carousel-section .elementor-swiper-button-next {
    top: 25% !important;
    transform: translateY(-25%) !important;
  }

  .messages-carousel-section .swiper-pagination {
    bottom: -1.4rem !important;
  }
}

/* News Column */
@media only screen and (min-width: 768px) {
  .news-column .p-url {
    margin-left: 1rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .news-column .p-url {
    max-width: 200px;
  }
}

@media (max-width: 64em) {
  .sidebar-inner {
    max-width: 100%;
  }
}
/* 1100px */
@media only screen and (max-width: 68.75em) {
  .header-banner-section__logo-box {
    --size: 6.4rem;
  }
  .header-banner-section__logo-box:first-child {
    --size: 8rem;
  }
}
/* 900px */
@media only screen and (max-width: 56.25em) {
  .header-banner-section__country-name {
    font-size: 1.4rem;
  }
  .header-banner-section__site-name {
    font-size: 1.1rem;
  }
  .subcat-wrap {
    display: flex;
    flex-flow: row wrap;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .sub-cat-item {
    display: block;
  }
  .sub-cat-item a {
    white-space: break-spaces !important;
  }
}
/* 600px */
@media only screen and (max-width: 37.5em) {
  .header-banner-section__country-name {
    font-size: 1.2rem;
  }
  .header-banner-section__site-name {
    font-size: 1rem;
  }
}
/* 400px */
@media only screen and (max-width: 25em) {
  .header-banner-section__logo-box {
    --size: 4.4rem;
  }
  .header-banner-section__logo-box:first-child {
    --size: 4.4rem;
  }

  .header-banner-section__logo-box:first-child {
    margin-right: 0.4rem;
  }
  .header-banner-section__logo-box:last-child {
    margin-left: 0.4rem;
  }
  .header-banner-section__country-name {
    font-size: 1rem;
  }
  .header-banner-section__site-name {
    font-size: 0.8rem;
  }
}

/* 320px */
@media only screen and (max-width: 20em) {
  .header-banner-section__country-name {
    font-size: 0.8rem;
  }

  .header-banner-section__site-name {
    font-size: 0.7rem;
  }
}