/*
Theme Name: Metrosert
Theme URI: 
Author: Magick Design
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: metrosert
Tags: 

Metrosert is a derivative work of the code from the
Twenty Twenty-Two WordPress Theme, which is licensed GPLv2.
*/

/* Fallback for deprecate variables.
---------------------------------------------------------------------------- */
:root {
  --wp--custom--spacing--small: var(--wp--preset--spacing--30, clamp(1.5rem, 5vw, 2rem));
  --wp--custom--spacing--medium: var(--wp--preset--spacing--50, clamp(2.5rem, 8vw, 4rem));
  --wp--custom--spacing--large: var(--wp--preset--spacing--60, clamp(2.5rem, 8vw, 6rem));
  --wp--custom--spacing--outer: max(1.25rem, 4vw);
}

html {
  scroll-behavior: smooth;
}

body {
  -moz-osx-font-smoothing: var(--wp--custom--typography--font-smoothing--moz, auto);
  -webkit-font-smoothing: var(--wp--custom--typography--font-smoothing--webkit, auto);
}

a {
  text-decoration-style: var(--wp--custom--elements--link--static--text-decoration-style, solid);
  text-decoration-thickness: var(--wp--custom--elements--link--text-decoration-thickness, 1px);
  text-underline-offset: var(--wp--custom--elements--link--text-underline-offset, 0.25ch);
}

a:hover,
a:focus {
  text-decoration-style: var(--wp--custom--elements--link--interactive--text-decoration-style, dashed);
}

:where(.wp-site-blocks *:focus) {
  outline-width: 1px;
  outline-style: solid;
}

a:active {
  text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
  text-decoration: underline;
  text-decoration-style: solid;
}

nav .wp-block-pages-list__item.wp-block-navigation-item.menu-item-home {
  display: none;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
  padding-top: var(--wp--custom--spacing--outer);
  padding-bottom: var(--wp--custom--spacing--large);
  padding-right: var(--wp--custom--spacing--outer);
  padding-left: var(--wp--custom--spacing--outer);
}

/*
 * --------------------------------------------------------
 *  Custom - blocks
 * --------------------------------------------------------
 */

/* Table
----------------------------------------------------------*/
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: var(--wp--custom--blocks--core-table--variant-stripes--color--background, var(--wp--preset--color--tertiary));
}

/* Template Part Block
----------------------------------------------------------*/

/* Temporary fix until template-part blocks support spacing */

footer.wp-block-template-part:not([style*="margin-top"]) {
  margin-top: 0;
}

/* Quote - 'Plain' variation
----------------------------------------------------------*/
blockquote:is(.is-style-plain) {
  border: none;
  padding-left: 0;
}

/* Search Block
----------------------------------------------------------
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
	border-color: var(--wp--custom--elements--input--border--color);
	border-radius: var(--wp--custom--elements--button--border--radius);
	border-width: var(--wp--custom--elements--input--border--width);
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
	border-color: transparent;
}
.wp-block-search .wp-block-search__input {
	border-radius: var(--wp--custom--elements--button--border--radius);
}
*/

/* Image
----------------------------------------------------------*/
.wp-block-image[style*="-radius"]:not([style*="overflow"]) {
  overflow: hidden;
}

/*
 * --------------------------------------------------------
 *  Custom - experimental
 * --------------------------------------------------------
 */

.block-editor-block-list__block.wp-block.is-default-size.wp-block-site-logo .components-resizable-box__container,
.wp-block-site-logo.is-default-size img {
  max-height: 42px !important;
  height: auto !important;
  width: auto !important;
}

.wp-block-search__input[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Ensure default logo works well on light and dark backgrounds
----------------------------------------------------------*/
.wp-block-site-logo img[src*="extendify-demo-"] {
  filter: var(--wp--preset--duotone--primary-foreground);
}

/*
 * Remove all animations, transitions and smooth scroll
 * for people that prefer not to see them.
 */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/*
 * Matching caret and focus outline colors.
 */
input,
textarea {
  caret-color: inherit;
  outline-color: inherit;
}

/*
 * Adds offset for sticky header overlap
 */

.sticky-header-offset-container .entry-content > .wp-block-group {
  scroll-margin-top: var(--wp--preset--spacing--60);
}

/*
Posts grid
*/

.post-item {
  transition: all 0.3s ease;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.post-item:hover {
  transform: translateY(-5px);
  box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.1);
}

.wp-block-query-pagination {
  margin-top: 2rem;
}

.wp-block-query-pagination .page-numbers {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  margin: 0 0.25rem;
  border: 1px solid var(--wp--preset--color--custom-dark-blue);
  color: var(--wp--preset--color--custom-dark-blue);
  text-decoration: none;
  border-radius: 4px;
}

.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination .page-numbers:hover {
  background-color: var(--wp--preset--color--custom-dark-blue);
  color: #fff;
}

.blogpost-cover img {
  object-position: 50% 30% !important;
}

/*
Search icon
*/

button.wp-block-search__button.has-icon.wp-element-button {
  background-color: var(--wp--preset--color--white);
  padding: 10px;
  margin-left: 2px;
  border-color: transparent;
}

.search-icon {
  color: var(--wp--preset--color--custom-dark-blue);
}

/* 
Submenu styling 


.wp-block-navigation__submenu-container.dropdown-menu-start.wp-block-navigation-submenu {
  border-top: 2px solid var(--wp--preset--color--custom-dark-blue);
  margin-top: 5px;
}

*/
.notification-bar {
    text-align: center;
    background-color: rgb(0, 64, 113);
    color: white;
    font-family : Helvetica;
    line-height: 23px;
    font-weight: 700;
    font-size: 20px;
    z-index: 9999;
    padding: 25px 0;
    width: 100%;
    position: relative;
}

.notification-bar a{
  color: white;
}

.notification-bar a:hover{
  color: white;
}

.notification-bottom{
  color: rgb(0, 64, 113);
  background-color: white;
}