/*
Theme Name: AUTOENVENTOS 
Theme URI: http://davidboyero.com
Description: Starter theme para wordpress
Version: 1.0
Author: David Boyero
Tags: dark, clean, events

*/
 

/*************  DEMO STYLES ****************/

.grecaptcha-badge {opacity:0}

.black { border: var(--black)} 
.ora   { border: var(--ora)}
 
.item { padding:3em 0; margin:0; background:hsla(var(--brand-second),1); color: #fff; }
 

/* -------------------------------- 
HEADER STYLES
-------------------------------- */

.container, .main-content {
  position:relative;
  height:100%;
  width:100%; 
  background-repeat:   no-repeat;
  background-position: top center;
}


.container {left:0;}

header           { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; background: transparent; }
.header-logo img { display: block; margin:0 auto; padding:0; width: 220px; padding:var(--space-s) 0; }


@media only screen and (max-width: 512px) { 

.header-logo img { width: 200px; }

} 


/* -------------------------------- 
HOME STYLES
-------------------------------- */

.scroll-down-link {
  position: relative;
  -webkit-animation: fade_move_down 1.4s ease-in-out infinite;
  -moz-animation:    fade_move_down 1.4s ease-in-out infinite;
  animation:         fade_move_down 1.4s ease-in-out infinite;
}

  @keyframes fade_move_down {
    0%   { top:-10px; opacity: .3  }
    50%  { opacity: 1;  }
    100% { top:10px; opacity: .3 }
  }
}


.backimg    {
background-repeat:   no-repeat;
background-position: top center;
position:            relative;
z-index:             1; 
margin:              0;
width:               100%;
overflow:            hidden;
}
 
.back-cars {
background-image: url('images/back.jpg');
background-repeat:   no-repeat;
background-position: top center;
background-size: contain;
} 


.backimg--padding {
  padding: var(--space-xxxl) 0;
}

.backimg--vh {
  background-position: center center;
  height: 100vh;
}

.backimg__title {
  font-size: var(--text-xxxl);
  font-weight: 600;
}

 
@media only screen and (max-width: 768px) {  

.back-cars { background-image: url('images/back-800.jpg'); }

}  

@media only screen and (max-width: 512px) {  

.backimg__title {  font-size: var(--text-xxl); }
 
}


/* -------------------------------- 
PAGE
-------------------------------- */

.section--page {
display:             flex;
background:          hsla(var(--brand),.9); 
background-size:     cover;
width:               100%;
background-position: center center;
position:            relative;
z-index:             1; 
margin:              0;
padding:             var(--space-huge) 0 var(--space-xxl);
/**/
padding:             0;
height:              100vh;
}

.section--page__title {
  background:transparent; 
  padding: var(--space-l) 0;
  max-width: var(--grid-maxWidth);
  margin-bottom:-80px;
  position: relative;
  z-index: 2;border-top: 4px solid hsla(var(--brand-second),1);
}

.section--page__content { 
  position:relative;
  z-index:1; 
  padding:var(--space-l) 0 var(--space-xxl);
  margin-top: 80px;
}
 

  
@media only screen and (max-width:768px) {

.section--page           { background-position: center top; height:400px }
.section--page__title    { margin-bottom:-140px; max-width: 90%; }
.section--page__content  { margin-top: 140px; }

} 


/* -------------------------------- 
INDEX CURSOS
-------------------------------- */



.block--services > *  { margin:calc(var(--space-l) / 2); }
.block--services > *  { width: calc( 50% - var(--no-gutter)) }

.services--card ul     { margin: 0; list-style-image: url('images/dot.svg'); }
.services--card small  { display: block;}

.services--card         { border:1px solid hsla(var(--light),.07); position: relative; display: flex; padding:var(--space-xl); }
.services--card_img img { display: block; margin:0 auto; width: 100%; max-width: 80px; min-width: 80px; }
.services--card_text    { padding:0 var(--space-m); }
.services--card_text h4 { text-transform: uppercase; font-size: var(--text-s); margin-bottom: var(--space-s) }

.services--card_text li { color:hsla(var(--light),.9); }

@media only screen and (max-width:768px) {

.services--card         { display: block; padding:var(--space-l);}
.services--card_img img { margin:0 auto var(--space-m); }

}

@media only screen and (max-width:512px) { 

.block--services > *    { width: calc( 100% - var(--no-gutter)) }
.services--card_text    { padding:0; }


}


/* -------------------------------- 
PATTERNS DIVIDERS
-------------------------------- */

.pattern-half { bottom:0; left: 0; position: absolute; display: block; width: 50%; height: 12vh; }

.divider--tl,
.divider--tr,
.divider--bl,
.divider--br { position: absolute; display: block; width: 50%; height: 60px; }

.divider--tl { top:0; left: 0; }
.divider--tr { top:0; right: 0; }
.divider--bl { bottom:0; left: 0; }
.divider--br { bottom:0; right: 0; }


/* -------------------------------- 
FOOTER
-------------------------------- */

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: hsla(var(--brand-second),.5);
  color:hsl(var(--light));
  padding:var(--space-xs);
  display: block;
  opacity:0;
  text-decoration: none;
  line-height: 0;
  z-index: 9999;
}


#return-to-top.is-fixed { opacity:.8; }
#return-to-top:hover    { opacity:1; background: hsla(var(--brand-second),1);}



footer {  padding:var(--space-xl) 0; margin: 0; color:hsla(var(--light),.8); background:hsla(var(--dark),.2);  position: relative;  }

img[alt=logo-footer]   { display:block; margin: 0 auto; width:220px; }  
.where                 { margin:var(--space-s) 0 0; font-size: var(--text-xxs); color:hsla(var(--dark),.6); } 


.footer--menu              {  list-style: none; margin:0 auto; padding:0; display: flex; justify-content:center; }
.footer--menu li           { margin: 0; }
.footer--menu li > a       { display: block; padding:var(--space-s); color:hsla(var(--light),.4); font-size: var(--text-xxs); }
.footer--menu li > a:hover { color:hsla(var(--light),1); }
 
.footer-legal { padding: var(--space-s);  }
 
/********************** Menu iconos sociales */

.menu--social       { list-style: none; display:flex; justify-content:center;margin:0; padding: 0;}
.menu--social li a  { font-size:var(--text-xs); display:flex; align-items:center; padding:var(--space-xs); color:hsla(var(--dark),.4); }
.menu--social li i  { font-size:var(--text-xl); line-height:var(--heading-line-height); }

.menu--social li a.social-facebook:hover    { color:#0077b5; } 
.menu--social li a.social-instagram:hover   { color:#f94877; }
.menu--social li a.social-twitter:hover     { color:#1da1f2; }
.menu--social li a.social-linkedin:hover    { color:#0077b5; } 
.menu--social li a.social-pinterest:hover   { color:#bd081c; } 
.menu--social li a.social-youtube:hover     { color:#ff0000; }
.menu--social li a.social-spotify:hover     { color:#1db954; }
.menu--social li a.social-whatsapp:hover    { color:#128c7e; } 



.section--privacy h1, 
.section--privacy h2, 
.section--privacy h3, 
.section--privacy h4, 
.section--privacy h5, 
.section--privacy h6  { 
  text-transform: uppercase;
  font-family: var(--font-secondary); 
  color:#fff;
  background:#fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;  
}

.section--privacy p,
.section--privacy li { color:hsla(var(--light),.5); font-weight: 300; }

.section--privacy h3 { font-size: var(--text-m) }

@media only screen and (max-width:768px) {

 

}
 
 



@media only screen and (max-width: 512px) { 

}



/* -------------------------------- 
404 PAGE
-------------------------------- */



@media print{

*{background:transparent!important;color:black!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
@page{margin:.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
.hide-on-print{display:none!important}
.print-only{display:block!important}

}