/*
 Theme Name:   Bopea Child
 Theme URI:    https://flixlandia.com.br
 Description:  Tema filho para Bopea
 Author:       Michelle Modesto
 Author URI:   https://gaturama.com.br
 Template:     bopea
 Version:      1.0.0
*/

/* ---------------------------------
   CSS customizado do tema filho
--------------------------------- */

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_image {
    width: auto !important;
	max-width: 100% !important;
	object-fit: cover !important;
	min-height: 100% !important;
	max-height: 100% !important;	
}


#submit {
  border: #ff4444;
  background-color: #ff4444;
  color: black;
}

.btn {
  background-color: #ff4444 !important;
  color: #000;
}

.btn:hover {
  background-color: #ff1414;
  color: #000;
}

.wp-block-quote p {
	margin-block-end: 0 !important;
}

.wp-block-quote {
	border-left: .25em solid #ff4444 !important;
}

.stories-home .jl_imgin {
  width: 220px !important;
  height: auto !important;
  aspect-ratio: 412 / 618 !important;
  object-fit: contain !important;
}

.stories-home .jl_imgl {
  width: 220px !important;
  height: auto !important;
  aspect-ratio: 412 / 618 !important;
  object-fit: contain !important;
}

.stories-home .jl_imgw {
  width: 220px !important;
  height: auto !important;
  aspect-ratio: 412 / 618 !important;
  object-fit: contain !important;
}

.stories-home .jl_cgrid_layout {
  width: 220px !important;
  height: auto !important;
  aspect-ratio: 412 / 618 !important;
  object-fit: contain !important;	
}

.stories-home .swiper-slide {
  max-width: 220px !important;
  width: 220px !important;
  height: auto !important;
  aspect-ratio: 412 / 618 !important;
  object-fit: contain !important;
}	

.stories-home .slide-inner {
  max-width: 220px !important;
  width: 220px !important;
  height: auto !important;
  aspect-ratio: 412 / 618 !important;
  object-fit: contain !important;
}	

.stories-home .jl_cs_classic {
  max-width: 220px !important;
  width: 220px !important;
  height: auto !important;
  aspect-ratio: 412 / 618 !important;
  object-fit: contain !important;
}	

.stories-home .swiper-wrapper {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content: center;
}

.stories-home .swiper-container {
	width: 1160px !important;
	margin: 0 auto !important;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content: center;
}