/*
Theme Name: CineFX
Theme URI: https://effethemes.site/cinexfx
Author: Effe Themes
Author URI: https://effethemes.site
Description: CineFX is an immersive one-page template tailor-made for movie streaming services. Designed to cater to cinephiles and movie streaming enthusiasts, this WordPress theme boasts a sleek and intuitive interface that offers users a seamless and captivating experience.
Requires at least: 6.0
Tested up to: 6.4.3
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cinefx
Tags: grid-layout, full-site-editing, custom-menu, custom-header, custom-logo, editor-style, featured-images, full-width-template, template-editing, entertainment
*/

*,
*::before,
*::after {
  box-sizing: inherit; 
}

html {
  scroll-behavior: smooth;
}

a {
  color: var(--wp--preset--color--custom-main-color);
  text-decoration: none;
}

a:hover {
  opacity: 0.8;
}

h1.has-background, 
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
  margin: 0 !important;
}

/* Carousel */

.wp-block-lcb-logo-carousel {
  padding: var(--wp--preset--spacing--0) !important;
}

.wp-block-lcb-logo-carousel.custom-carousel .alcb__logo-image img {
  height: 15rem;
  width: 11rem;
  border-radius: 1rem;
}

/* Pricing Table */

.pricing-table > div {
  width: 100%;
}

.pricing-table {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* FAQ */

.wp-block-faq-block-for-gutenberg-faq {
  padding: 20px 0;
}

.wp-block-faq-block-for-gutenberg-faq .question {
  padding: 0;
  font-size: 100%;
}

.faq-css {
  border-bottom: 1px solid #333;
}

.wp-block-faq-block-for-gutenberg-faq .answer {
  padding-top: 20px !important;
}

/* Search Page */

.search-input > div > input {
  padding: 0 1rem;
}

@media only screen and (max-width: 991px) {
  .swiper-slide {
    min-width: auto !important;
  }

  .pricing-table > div {
    max-width: 100% !important;
  }
}

/* Blog Page */

.post-title-head {
  margin-block-start: var(--wp--preset--spacing--0) !important;
}

/* Responsive Design */

@media only screen and (max-width: 1280px) {
  .pricing-table > div {
    max-width: 40%;
  }

  .pricing-2-button {
    width: 100% !important;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-columns {
    flex-direction: column;
  }

  .hero-columns > div > div > h2,
  .hero-columns > div > div > h3,
  .hero-columns > div > div > p {
    color: #fff !important;
  }

  .hero-bg-image {
    background-image: url('./assets/images/hero-mobile-background.png');
  }

  .hero-bg-image > img {
    opacity: 0 !important;
  }

  footer {
    flex-direction: column;
    flex-wrap: wrap !important;
    text-align: center !important;
  }

  .footer-payments-method {
    text-align: center !important;
  }

  .footer-payments-method > figure {
    display: block !important;
    margin-inline-start: var(--wp--preset--spacing--0) !important;
    float: none !important;
  }
}

@media only screen and (max-width: 600px) {
  body {
    --wp--preset--spacing--80: 2.5rem !important;
  }

  .header-logo {
    width: 100%;
    justify-content: center !important;
  }

  .header-menu {
    flex-direction: row-reverse;
    justify-content: center;
    margin-bottom: var(--wp--preset--spacing--40) !important;
    padding-right: var(--wp--preset--spacing--60) !important;
  }

  .header-menu-button {
    justify-content: center !important;
  }

  .responsive-menu-icon > button {
    transform: scale(1.5);
  }

  .hero-button > div > a {
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--60) !important;
  }

  .hero-text-description {
    padding: var(--wp--preset--spacing--0) !important;
  }
}