@charset "utf-8";
/* Hojas de estilo
Autor:         MIGUEL SOLORIO MEDINA
Sitio Web:     Fundimex 2021
Módulo:        _caroucel.html
Actualización: Octubre 2020
-------------------------------------------------------*/

.sec_banner {
    background: var(--navbar2_bg);
    color: var(--navbar2_text);
	padding: 0px 0px 0px 0px;
    height: 700px;
    }

		.sec_banner h1 {
            color: var(--navbar2_text);
            width: 100%;
            text-align: center;
            padding: 10px 20px 10px 20px;
        	}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class 
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */

.carousel-item {
  	background: #eee;
	}
.carousel-item:hover {
  	cursor: grab;
	}
	
.carousel-caption {
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	top: 0;
  	bottom: 0;
	}
	
.carousel-caption h2{
	font-family: var(--font_encabezado);
	font-size: 60px ;
	}
.carousel-caption p{
	font-family: var(--font_anuncio);
	font-size: 36px ;
	}
	
.carousel-caption a{
	font-family: var(--font_anuncio);
	font-size: 24px ;
	}	
	
	
.carousel-caption h2,
.carousel-caption p.lead {
  	text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
	}

.carousel-indicators li {
  	width: 0.75rem;
  	height: 0.75rem;
  	border-radius: 100%;
  	align-self: center;
  	transition: all 0.6s ease-in-out;
	}

.carousel-indicators li.active {
  	width: 1rem;
  	height: 1rem;
	}

.carousel-control-prev,
.carousel-control-next {
  	top: 50%;
  	transform: translateY(-50%);
  	width: 3rem;
 	 height: 3rem;
  	border: 2px solid #fff;
  	border-radius: 100%;
	}

.carousel-control-prev {
  left: 5%;
	}
.carousel-control-next {
  right: 5%;
	}

.carousel-control-prev:hover,
.carousel-control-next:hover{
  background: #000;
  color: #000;
	}
	

	@media (max-width:900px){
       	.carousel-caption h2{
			font-size: 50px ;
			}
		.carousel-caption p{
			font-size: 30px ;
			}
		.carousel-caption a{
			font-size: 20px ;
			}    	
		}	
	
	@media (max-width:700px){
       	.carousel-caption h2{
			font-size: 40px ;
			}
		.carousel-caption p{
		font-size: 24px ;
		}
		.carousel-caption a{
			font-size: 16px ;
			}    	
		
		.carousel-control-prev,
		.carousel-control-next {
		  	width: 2rem;
		  	height: 2rem;
			}
	    }
	
	@media (max-width:500px){
       		.carousel-caption h2{
				font-size: 30px ;
				}
			.carousel-caption p{
				font-size: 18px ;
				}
    		.carousel-caption a{
			font-size: 14px ;
			}    	
		
		}