/*
	Theme Name: mimawpgenesis
	Description: 
	Author: 
	Author URI: 
	Version: 
 
	Tags: 
 
	Template: genesis
	Template Version: 1.0.0
 
	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/


/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
}


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

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

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-3 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-3 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 3rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 3rem;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}





/*MIMAWP*/

body{
	position: relative;
	font-size:15px !important;
    padding-bottom: 0rem;
	background:rgba(0,0,0,1);
    font-family: 'Mulish', Helvetica, Arial, sans-serif;
	font-weight:normal;
	/* default is 1rem or 16px */
}
p,ul,li,strong{
	/*text-light 	color:#f8f9fa;*/
	color:rgba(248,249,250,.9);
	

}

h1,h2,h3{
	color: #b930b9;
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-weight:normal;
	
}
.featurette-heading {
  font-size: 2.5rem;
}

#t-home h1{
	color:white;
}

footer{
	/*#b930b9*/
	background:rgba(163,29,157,0.8);
	opacity:0.7;
	transition:0.6s ease-out;
	
}
footer:hover{
	opacity:1;
	transition:0.6s ease-in;
}
nav .fab{
	font-size:17px;
	color:white;
}
hr.featurette-divider{
	border:0;
}
.t-html-content h2{
	margin-top:1rem;
}
.t-html h2.featurette-heading{
	text-align:center;
}
.t-html h2.featurette-heading.shortcode-title{
	text-align:left;
}


.featurette-heading {
  margin-top: 1rem;
}	

.content.mb-3{
    margin-bottom: 1rem !important;
}


.t-1 .featurette-heading {
  margin-top: 5rem;
}	

.t-1 .content.mb-3{
    margin-bottom: 5rem !important;
}


h2 .text-muted{
	color: #b930b9 !important;
	opacity:1;
	display:block;
	clear:both;
}
a.text-muted{
	color:#191919 !important;
}
h1{
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.05rem;
	font-size: 43px;
}
div.t{
	
}
span.anchor{
	/*padding-anchor*/
	    position: relative;
	    bottom: 82px;
	    visibility: hidden;
}
@media (min-width: 0px) and (max-width: 767px) { 
	span.anchor{
		/*padding-anchor*/
		    bottom: 120px;
	}
}

.dropdown-item{
		opacity:0.5;
}


.dropdown-item:active, .dropdown-item.active{
	background:transparent;
	opacity:1;
	
}
.dropdown-item:hover, .dropdown-item.hover{
	background:transparent;
	opacity:1;
}
.carousel{
	min-width: 100%;
	height: 32rem;
   margin-bottom: 0rem;
	
}
#carousel-home{
	margin-top:2rem;
}



#carousel-home,#carousel-home .carousel-item{
	height: 45rem;
	
/*	
	height: 95vh;
	
	height:calc(100vh - 60px);
	//https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
    height: calc((var(--vh, 1vh) * 100)) !important;
	

    position: relative;
    top: -4rem;
    height: 100vh; 
	min-height: 100vh;
	min-height: -moz-available;
	min-height: -webkit-fill-available;
	min-height: fill-available;*/
	background:transparent;
	
}
#carousel-home .carousel-item div{
	max-height: 38rem;
	
}
#carousel-home .carousel-caption {
	padding-bottom:0;
	bottom:-2%;
}


.carousel-inner{
	
}

 .carousel-item {
   /* transition: 2s ease-out right;
	*/
}


.carousel{
	/* card h-100 justify-content-center */
	margin-top: auto;
	margin-bottom: auto;
	justify-content: center !important;
	height: 100% !important;
    display: flex;
    display: -webkit-flex; 
    		flex-wrap:wrap;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: center;
            justify-content: center;
	flex-direction: column;
	background-clip: border-box;
}

.row.featurette .col-md-5{
	margin-top: auto;
	margin-bottom: auto;
	justify-content: center !important;
	height: 100% !important;
	display: flex;
	flex-direction: column;
	background-clip: border-box;
	
}

nav.navbar{
	/*max-width: 1110px;
	margin-left:auto;
	margin-right:auto;
	
	padding-left:0px;
	padding-right:0px;
	*/
	
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
	
}
.navbar .container {
}
.sb-navbar .navbar-brand img{
	height: 4.5rem;
	max-width:245px;
}
footer{
	padding-top:3rem;
    padding-bottom: 1rem;
}

footer img{
	/*filter:invert() !important;*/
	filter:grayscale(100%);
	max-height:4rem;
	opacity:1;
}
footer a,footer a:link{
	color:white;
	opacity:0.7;
}
footer a:hover,footer a:active{
	color:white;
	opacity:1;
}

.flag-icon{
	border-radius:100%;
}
html:lang(ca) .qtranxs_short_ca,html:lang(es)  .qtranxs_short_es{
	display:none;
}


.carousel-container{
    width: auto;
      min-width: 0;
 margin-bottom: 0rem;
	max-width: 1140px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px;
}
.carousel-container .carousel-inner{
	max-width: 1140px;
	margin-left:auto;
	margin-right:auto;
	
}



#carousel-home,#carousel-euronics{
    width: auto;
      min-width: 0;
 margin-bottom: 0rem;
	max-width: 1140px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px;
}
#carousel-home .carousel-inner{
	max-width: 1140px;
	margin-left:auto;
	margin-right:auto;
	
}

#carousel-euronics h1{
	display:none;
	
}

#t-sobre-nosotros{
	margin-top:4rem;
	
	margin-bottom:0rem;
	
}


.carousel-item > img {
	object-fit: cover;
	height:100%;
	        object-position: center center;
	overflow: hidden;
}
/*
#carousel-euronics .carousel-item > img,#carousel-entorno .carousel-item > img {
    object-position: center center;
	
	
}
*/
.carousel .carousel-item {
  /*  transition-duration: 1s;*/
}
.carousel-caption {
	/*color:#5a5a5a;*/
	
}

div.header{
	display:inline-block;
}

#navbarSupportedContent{
}
#navbarSupportedContent a{
	/*color: #191919;
	opacity:0.7;*/
}

#navbarSupportedContent a:active,#navbarSupportedContent a.active,#navbarSupportedContent li.active a,#navbarSupportedContent a:hover{
	/*color: #191919;
	opacity:1;*/
}
.dropdown-menu{
	border:0;
}

img.logo{
/*filter: invert(20%) sepia(77%) saturate(2073%) hue-rotate(201deg) brightness(94%) contrast(98%);*/
	/*CSS filter generator to convert from black to target hex color https://codepen.io/sosuke/pen/Pjoqqp
	rgb(7,75,166,1); */
}
 .bg-dark{
	 padding-bottom:4rem;
 }
header.header,.bg-dark,.bg-light{
	background-color:transparent !important;
 background:rgba(0,0,0,1);
 background-repeat:none;
 background:linear-gradient(0deg, rgba(0,0,0,0.001) 0%, rgba(0,0,0,1) 52%)
 
 ; 
 background-blend-mode: overlay;

 /*   background-color: rgb(7,75,166,1);
background-image: linear-gradient(45deg, rgba(7,75,166,1) 50%, rgba(7,75,166,1) 100%);
background-position:center top;
background-size:cover;
	*/	
 }
 .bg-dark,.bg-light{
	 border-bottom:0px solid rgb(236,172,56,.8);
 	
 }

 div#t-home{
	 margin-top:1rem;
 }
 div#t-home.t-carousel{
    /* background-color: rgb(7,75,166,1);
	background-image: url("./img/overlay.svg"),linear-gradient(45deg, rgba(7,75,166,1) 50%, rgba(7,75,166,1) 100%);
	background-position:center bottom;*/
	
	background-size:cover;

  }
   div#t-home.t-carousel h1{
  	 color:rgb(255,255,255,1) !important;
	   
   }
 div#t-home.t-carousel .text-muted{
	 color:#b930b9 !important;
 	display:block;
 	clear:both;
	 
 }

 @keyframes imagebulger {
   0% {
     background-size: 100% auto;
     -webkit-background-size: 100%;
   }
   100% {
     background-size: 100.01% auto;
     -webkit-background-size: 101%;
   }
 }

 .effect-lupa{
    /* animation: imagebulger 5s infinite;*/
 }
 #t-contacto{
	 margin-bottom:8rem;
 }

 /*safari*/
 @supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
	 body{
		 text-rendering: auto !important;
	 }
 }


 .matterport-showcase iframe{
   min-height: 240px;
   margin: 16px 0;
   width: 100%; }

 @media screen and (min-width: 768px) {
 .matterport-showcase iframe {
   min-height: 360px; }}

 @media screen and (min-width: 992px) {
 .matterport-showcase iframe {
   height: 600px;
   max-width: 1068px;
   margin: 0 auto 15px; }}

 .matterport-showcase {
   text-align: center;
 }
 

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }
// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }
// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }


@media (min-width: 0px) and (max-width: 767px) { 
	#carousel-home{
		padding-left:0px;
		padding-right:0px;
	    margin-bottom: 2rem;
		
		
	}
	#carousel-home,#carousel-home .carousel-item{
		height: 28rem;
		background:transparent;
	
	}
	#carousel-home .carousel-item div{
		max-height: 19rem !important;
	
	}
	#carousel-home .carousel-caption {
		bottom:7%;
	}
	
	.carousel-caption {
		padding-bottom:0;
		right:7%;
		left:7%;
	}
	
	h1{
		font-size:1.8rem;
		
	}
	h2.featurette-heading{
		font-size:2.1rem;
	}
	#t-servicios  img{
			height:6rem;
	
	}

	#carousel-euronics .carousel-caption{
		margin-bottom:-2rem;
		
	}
	.carousel,.carousel-item{
		height: 19rem;

	}

	
	.featurette-divider {
	  margin: 2rem 0; /* Space out the Bootstrap <hr> more */
	  
	}
	.t-1 {
		margin-top:-2rem;
	}
	.t-1 .content.mb-3{
	    margin-bottom: 0rem !important;
	}
	.featurette-heading {
	  margin-top: 0rem !important;
	}	

	.content.mb-3{
	    margin-bottom: 0rem !important;
	}
	.carousel{
		/* card h-100 justify-content-center disable */
		height: auto !important;
		display: block;
	}
	#navbarSupportedContent{
		padding-bottom:2rem;
	
	}
	
 }
 
 
.navbar-toggler {
	border:0;
 }