/*
Theme Name: Inspiro Child
Theme URI: https://www.wpzoom.com/free-wordpress-themes/inspiro-lite/
Author: WPZOOM
Author URI: https://www.wpzoom.com/
Description: Inspiro is a professional & lightweight photo and video-focused WordPress theme with a modern design. Packed with features including a fullscreen area that supports Vimeo, YouTube & self-hosted video background, Page Builder integration, Inspiro is perfect for showing off your photography and video portfolio. Moreover, the theme is compatible with WooCommerce and popular Page Builders such as Elementor, Beaver Builder. The theme is fully GDPR-compliant and doesn't use any external Google Fonts. All fonts are locally hosted. Learn more and check out our powerful PREMIUM version at https://www.wpzoom.com/themes/inspiro/
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, e-commerce, wide-blocks, portfolio, blog, custom-background, featured-image-header, full-width-template, theme-options, block-styles, block-patterns
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: inspiro
Template: inspiro

*/
body {
  overflow-x: hidden;
}

/* Header */

@media (min-width: 1024px) {
  body.inspiro--with-page-nav .navbar-toggle {
    display: none;
  }
}

#site-navigation {
  background: white;
  color: #444;
  padding: 10px 0;
}

.headroom--unpinned #site-navigation {
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
}

.custom-logo-link {
  max-width: 200px;
}

.custom-logo-link img {
  vertical-align: middle;
}

.headroom--unpinned #site-navigation .custom-logo-link {
  max-width: 150px;
}

.navbar-toggle .icon-bar {
  background-color: #444;
}

/* Footer */

.site-footer .wp-block-heading {
  margin: 0 0 10px 0;
  font-size: 20px;
}

.site-footer .widget a {
  color: #333;
}

.site-footer .widget a:hover {
  color: #333;
  text-decoration: underline;
}

.site-footer .widget_block {
  margin-bottom: 0;
}

.entry-content ul li {
  list-style-position: outside;
}

/* Page header */

body.home .entry-header {
  display: none;
}

/* Portfolio */

.wpzoom-blocks_portfolio-block_show-more {
  display: none;
}

.wpzoom-blocks_portfolio-block .wpzoom-blocks_portfolio-block_show-more-view-all-wrap {
  justify-content: center;
}

/* Project slider */
.has-header-image.home.blog .custom-header,
.has-header-image.inspiro-front-page .custom-header,
.has-header-video.home.blog .custom-header,
.has-header-video.inspiro-front-page .custom-header {
  display: block !important;
  height: auto;
}

.project-slider {
  position: relative;
  width: 100%;
  height: 40vh;
  background: black;
  overflow: hidden;
  margin-top: 78px;
}

.project-slider .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin-bottom: 70px;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 3;
  color: white;
}

.project-slider .content .site-title {
  font-size: 60px;
  font-weight: 700;
  color: white;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.project-slider .slider:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  opacity: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.project-slider .slider .slide-image {
  position: relative;
  width: 100%;
  height: 40vh;
}

.project-slider .slider .slide-image img {
  height: 100%;
  left: 0;
  object-fit: cover;
  top: 0;
  transform: none;
  width: 100%;
}

.project-slider .swiper-button-next:after,
.project-slider .swiper-button-prev:after {
  color: white;
  font-size: 20px;
}

/* About us grid */
.wp-block-columns.about-us-grid {
  align-items: stretch !important;
  margin: 15px 0;
}
.wp-block-columns.about-us-grid .wp-block-column {
}

.wp-block-columns.about-us-grid .wp-block-column .wp-block-group {
  padding: 30px;
  height: 100%;
}

.wp-block-gallery figure.wp-block-image a {
  text-decoration: none;
}

.wp-block-gallery figure.wp-block-image figcaption.wp-element-caption {
  text-decoration: none;
  font-size: 16px;
  line-height: 1.2;
}

figure.wp-block-gallery.has-nested-images.logos .wp-block-image {
  margin-top: auto !important;
  margin-bottom: auto !important;
  padding: 8px;
}