/*
Theme Name:     Alpaca Child Theme
Theme URI: 	    https://alpaca.loftocean.com/demo5/
Description:    Alpaca child theme for user customization
Author:         Loft.Ocean
Author URI:     https://www.loftocean.com
License: 		GNU General Public License v2 or later
License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
Tags: 			full-width-template, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, threaded-comments, translation-ready
Template:       alpaca
Text Domain: 	alpaca-child
Domain Path:    /languages/
Version:        1.0
Requires PHP:   5.6
Tested up to:   5.7
*/

/** Add your styles below * */

:root .light-color {
  --color-textes: #514e4d !important;
  --color-white: #ffffff !important;
  --color-red: #e02e2b !important;
  --color-bg: #eeeae1 !important;

  --color-btn-primary: #e8473a !important;
  --color-btn-secondary: #ffffff !important;

  --size-title1: 55px !important;
  --size-title2: 45px !important;
  --size-title3: 20px !important;

  --fw-title: bold !important;
  --fw-texte: 400 !important;

  --ff-title: "Poppins" !important;
  --ff-text: "Bree Serif" !important;

  --content-width: 100% !important;
}

.cta-text p,
p.section-sub-title {
  color: #514e4d !important;
}

.home-widget.call-to-action figure.cta-img:after {
  background: transparent !important;
  content: none !important;
  display: none !important;
}

/* #### GLOBAL #### */

.site-content {
  /* min-height: calc(100vh - 195px) !important; */
}

/* #### TYPO #### */

h1,
h2,
h3,
h4,
h5,
.entry-title a {
  font-weight: var(--fw-title) !important;
  text-transform: uppercase !important;
}

.meta-item.post-date a {
  font-family: var(--ff-text);
  color: var(--color-textes) !important;
  font-size: 17px !important;
}

.meta-item.author-name a {
  text-transform: uppercase !important;
  font-size: 17px !important;
  font-weight: 400 !important;
}

.posts .cat-links a {
  text-transform: uppercase !important;
  font-family: var(--ff-text);
  font-size: 17px !important;
}

.footer-bottom .menu a,
.site-header-main a {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.wpml-ls-display {
  text-transform: uppercase !important;
}

.cta-text p {
  font-size: 17px !important;
  letter-spacing: 0.85px !important;
  line-height: 23px !important;
}

.read-more-btn span {
  color: var(--color-btn-primary);
  font-size: 14px !important;
}

/* #### BUTTON #### */

.site-content .button:not(.lo-button) {
}

.button {
  cursor: pointer !important;
  font-family: var(--ff-title);
  font-size: 14px !important;
  border-radius: 200px !important;
  animation: none !important;
}

.home-cta-1 .button:not(.lo-button) {
  background-color: var(--color-btn-primary);
  color: var(--color-btn-secondary);
}
.home-cta-1 .button:not(.lo-button):hover {
  background-color: var(--color-btn-secondary);
  color: var(--color-btn-primary);
}

.home-cta-2 .button:not(.lo-button) {
  background-color: var(--color-white);
  color: var(--color-red);
}
.custom-button
  .no-touch
  .home-widget.custom-content
  .section-content
  h1
  a:hover,
.no-touch .home-widget.custom-content .section-content h2 a:hover,
.no-touch .home-widget.custom-content .section-content h3 a:hover,
.no-touch .home-widget.custom-content .section-content h4 a:hover,
.no-touch .home-widget.custom-content .section-content h5 a:hover,
.no-touch .home-widget.custom-content .section-content h6 a:hover,
.no-touch .home-widget.custom-content .section-content p:not([class]) a:hover {
  text-decoration: none !important;
}

.article-content a {
  border-radius: 200px !important;
}

.home-cta-3 a.button:not(.lo-button),
.custom-content a.button:not(.lo-button) {
  color: var(--color-btn-primary);
}

/* #### HEADER #### */

.site-header-main .primary-menu a,
.site-header-main .btn-label,
.wpml-ls-legacy-list-horizontal {
  color: var(--color-white);
  font-family: var(--ff-title);
  font-weight: var(--fw-texte);
}
.site-header-main .sub-menu a {
  color: var(--color-textes);
}

.overlay-header .header-img.intro-animation.animated .header-img-container {
  opacity: 1 !important;
}

.header-img {
  background-color: var(--color-textes);
}

.wpml-ls-legacy-list-horizontal {
  position: absolute !important;
  right: 50px !important;
}

.site-header .menu-toggle:before {
  color: var(--color-white);
}

li.menu-item-type-taxonomy a {
  text-transform: none !important;
}
li.menu-item-type-taxonomy a::first-letter {
  text-transform: uppercase !important;
}


/* #### FOOTER #### */

.site-footer .footer-bottom {
  padding: 0 !important;
  background-color: var(--color-textes) !important;
  min-height: 116px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.site-footer .footer-bottom .container {
  flex-direction: row-reverse !important;
  justify-content: space-between !important;
}
.site-footer .footer-bottom .container .footer-logo {
  flex-grow: unset !important;
}
.site-footer .footer-bottom .container .footer-logo a {
  width: 130px !important;
}
.site-footer .footer-bottom .container .widget_nav_menu {
  flex-grow: 1 !important;
}

.footer-bottom .widget_nav_menu > div {
  display: flex !important;
  justify-content: flex-end !important;
}

.footer-bottom .menu {
  margin: 0 !important;
  color: var(--color-white) !important;
  font-family: var(--ff-title);
  font-weight: 400 !important;
}

@media screen and (max-width: 1119px) {
  .footer-bottom .menu {
    margin: 25px auto !important;
  }

  .footer-bottom .widget_nav_menu > div {
    justify-content: center !important;
  }
}

/* #### SCROLLING TEXT SECTION #### */

/* html:not(.change-to-color-scheme-dark)
  #loftocean-homepage-widget-rolling-text-3.light-color {
  color: var(--color-white);
} */

.rolling-text span {
  color: var(--color-white);
}

/* #### HOMEPAGE #### */

.home-widget .section-title {
  text-transform: uppercase !important;
}

.rolling-custom {
  min-width: 4000px !important;
  height: 230px !important;
  overflow: visible;
  position: relative !important;
  transform: translateX(-50%) !important;
  background-color: var(--color-textes);
}
.rolling-custom span {
  color: var(--color-white);
}

/* - Call to action  -- */

@media screen and (min-width: 800px) {
  .home-cta-1 img {
    /* margin: 0 !important;
    margin-left: auto !important; */
  }
}

.home-cta-1 .cta-text p,
.home-cta-1 .cta-text h2 {
  color: var(--color-white) !important;
}

.home-cta-1 .cta-text h2 {
  letter-spacing: 2.75px !important;
  font-weight: bold !important;
}
/* - Featured Category -- */

.home h5 {
  font-size: 45px !important;
}

.home .section-sub-title {
  opacity: 1 !important;
}

.featured-categories a {
  background-color: transparent !important;
  overflow: visible !important;
}
.featured-categories .catwidget {
  gap: 25px !important;
  justify-content: space-between !important;
}
.featured-categories .catwidget .cat {
  width: 14% !important;
  overflow: visible !important;
}

.alpaca-widget_cat .cat-bg {
  transform: scale(1) !important;
}

.alpaca-widget_cat .category-name {
  padding: 0 !important;
}

@media screen and (max-width: 1080px) {
  .featured-categories .catwidget {
    gap: 50px 25px !important;
  }

  .alpaca-widget_cat .cat-bg {
    transform: scale(1) !important;
  }

  .featured-categories .catwidget .cat {
    width: 25% !important;
  }
}
@media screen and (max-width: 800px) {
  .featured-categories .catwidget {
    gap: 70px 2.5% !important;
  }

  .featured-categories .catwidget .cat {
    width: 40% !important;
  }

  .alpaca-widget_cat .cat a {
    height: 215px !important;
  }
}

.alpaca-widget_cat .category-name {
  top: 115% !important;
  color: black !important;
  overflow: visible !important;
  font-size: var(--size-title3);
  font-family: var(--ff-title);
}

/* #### ARTICLES #### */



.articles-listes {
  width: 100% !important;
}

.blogue-cadre {
  border: 1px solid var(--color-textes) !important;
  padding: 50px !important;
  border-radius: 2px !important;
  text-align: justify !important;
}

@media screen and (max-width: 750px) {
  .blogue-cadre {
    padding: 20px 15px !important;
  }
}


blockquote::before {
  content: none !important;
}

.featured-img {
 background: transparent !important;
}

.category-video .header-img-container,.category-video-en .header-img-container {
  display: none !important;
}



/* - Featured Category -- */

/* #### CATEGORY #### */

h1.entry-title,
h1.archive-title {
  font-family: var(--ff-title);
  font-weight: bold !important;
  font-size: 55px !important;
  text-transform: uppercase !important;
}
@media screen and (max-width: 450px) {
  h1.entry-title,
  h1.archive-title {
    font-size: calc(var(--size-title1) - 50%) !important;
  }
}

.site-content:not(.with-sidebar-right) .header-img .featured-img-container {
  background-image: url(https://404mag.mlbwdev.com/wp-content/uploads/2021/11/header-background.jpg) !important;
}

/* #### LISTING  #### */
.jet-listing-grid__items {
  justify-content: space-between !important;
}

@media screen and (max-width: 1007px) {
  .jet-listing-grid__items {
    justify-content: center !important;
  }
}

.jet-listing-grid__item {
  /* gap: 10px !important;
  justify-items: left !important; */
  max-width: 542px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  padding: 25px !important;
  margin: 0 !important;
  gap: 5px !important;
}
.jet-listing-grid__item div {
  margin: 0 !important;
}

.jet-listing-grid__item .jet-listing-dynamic-field__inline-wrap {
  margin: 0 !important;
}
/* .jet-listing-grid__items {
  gap: 50px !important;
} */
/* .jet-listing-grid__item {
  width: 50% !important;
} */

/* .jet-listing-dynamic-field-block {
  margin: 0 !important;
} */

.magazine-listing-img {
}

.magazine-listing-title .jet-listing-dynamic-field__inline-wrap,
.jet-listing-dynamic-field__content {
  display: inline-block !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  font-size: 20px !important;
  font-weight: var(--fw-title);
}

.magazine-listing-link {
  display: inline-block !important;
  /* border-radius: 200px !important; */
  text-transform: uppercase !important;
  font-size: 80% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.magazine-listing-link a {
  /* border: 2px solid var(--color-red) !important; */
  padding: 0 15px !important;
  font-size: 14px !important;
  color: var(--color-btn-primary);
}
.magazine-listing-link a:hover {
  color: var(--color-white);
}

.magazine-listing-date {
  color: var(--color-red) !important;
  font-size: 17px !important;
  font-weight: var(--fw-title);
}

/* #### CUSTOM SINGLE MAGAZINE #### */

.single-magazine .flex-container {
  display: flex !important;
  align-items: center !important;
}

.single-magazine .flex-left {
  min-width: 40% !important;
}
.single-magazine .thumbnail img {
  box-shadow: 0px 3px 25px #00000059 !important;
  animation: 1s ease-out slide-in-custom;
}

@keyframes slide-in-custom {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(0px);
  }
}

.single-magazine .content {
  padding-left: 10% !important;
}

.single-magazine .magazine-excerpt {
  line-height: 1.3 !important;
  font-family: var(--ff-text);
}

.single-magazine .magazine-title {
  font-family: var(--ff-title);
  font-weight: var(--fw-title);
  font-size: 45px !important;
  text-transform: uppercase;
  color: var(--light-text-color);
}
.single-magazine .magazine-title p {
  margin: 0 !important;
}
.single-magazine a.magazine-pdf.button {
  background-color: var(--color-red);
  color: var(--color-white);
}

.single-magazine .magazine-date {
  color: var(--color-red) !important;
  font-size: 21px !important;
  font-weight: var(--fw-title);
}

@media screen and (max-width: 850px) {
  .single-magazine .flex-container {
    flex-direction: column !important;
  }
  .single-magazine .content {
    padding-left: 0% !important;
    padding-top: 75px !important;
  }

  .single-magazine .magazine-title {
    font-size: 25px !important;
  }

  .single-magazine {
    /* margin-top: -60px !important; */
  }
}

/* CONTACT */

#gform_submit_button_3,
#gform_submit_button_2 {
  color: var(--color-btn-primary);
  border-color: var(--color-btn-primary) !important;
}
#gform_submit_button_3:hover,
#gform_submit_button_2:hover {
  color: var(--color-white);
  background-color: black !important;
  border-color: black !important;
}