/*
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:16px !important;
padding-bottom: 0rem;
/* default is 1rem or 16px */
}
h1,h2{
color: #074ba6;
}
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;
}
h2 .text-muted{
color: #ecac38 !important;
opacity:1;
}
a.text-muted{
color:#074ba6 !important;
}
h1{
font-weight: 400;
line-height: 1;
letter-spacing: -.05rem;
font-size: 50px;
}
div.t{
}
span.anchor{
/*padding-anchor*/
position: relative;
bottom: 66px;
visibility: hidden;
}
@media (min-width: 0px) and (max-width: 767px) {
span.anchor{
/*padding-anchor*/
bottom: 82px;
}
}
.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:1rem;
}
#carousel-home,#carousel-home .carousel-item{
height: 38rem;
/*
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;*/
}
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: 3.5rem;
}
footer{
background: #074ba6;
padding-top:3rem;
padding-bottom: 3rem;
}
footer img{
filter:invert() !important;
max-height: 3rem;
}
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-electrodomesticos hr,#t-servicios hr,#t-nosotros hr,#t-historia hr{
display:none;
}
#t-electrodomesticos{
margin-top:4rem;
margin-bottom:2rem;
}
#t-nosotros{
margin-bottom:0rem;
}
#t-historia{
}
#t-servicios img{
height:7rem;
}
.carousel-item > img {
object-fit: cover;
height:100%;
object-position: top 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 a{
color: #074ba6;
opacity:0.7;
}
#navbarSupportedContent a:active,#navbarSupportedContent a.active,#navbarSupportedContent li.active a,#navbarSupportedContent a:hover{
color: #074ba6;
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); */
}
header.header,.bg-dark,.bg-light{
background:rgb(255,255,255,1) !important;
/* 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:8px;
}
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:#ecac38 !important;
}
// 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;
}
h1{
font-size:2.3rem;
}
h2.featurette-heading{
font-size:2.3rem;
}
#t-servicios img{
height:6rem;
}
.carousel-caption {
padding-bottom:0;
right:7%;
left:7%;
}
#carousel-euronics .carousel-caption{
margin-bottom:-2rem;
}
.carousel,.carousel-item{
height: 19rem;
}
#carousel-home,#carousel-home .carousel-item{
height: 28rem;
}
.featurette-divider {
margin: 2rem 0; /* Space out the Bootstrap <hr> more */
}
}
.navbar-toggler {
border:0;
}