/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: martin arnedo
*/

/* 
01. General 
02. MDAM
03. CV
04. Contactar
05. Home
06. Blog


zzz. Moviles





@import url('../../../node_modules/bulma/css/bulma.min.css');
*/

/* 01. General */
strong {color: white;}
p {margin-bottom: 10px;}

main#content{padding-bottom:80px;}



/* Blog */
.nv-overlay {
    background: linear-gradient(45deg, rgba(38,116,232,0.85), rgba(171,70,236,0.85)); 
    opacity: unset;

}

[tabindex="-1"]:focus,
input:read-write:focus,
select:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid transparent;
}

[tabindex="-1"]:focus,
input:read-write:focus,
select:focus,
textarea:focus {
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    border-image: linear-gradient(45deg, rgba(38, 116, 232, 0.85) 50%, rgba(171, 70, 236, 0.85) 50%) 1;
}
form input[type="submit"], form button:not(.search-submit)[type="submit"], form *[value*="ubmit"], #comments input[type="submit"] {padding: 30px 35px 50px 35px;}
form input[type="submit"]:hover, form button:not(.search-submit)[type="submit"]:hover, form *[value*="ubmit"]:hover, #comments input[type="submit"]:hover {color:#2e2e2e;}

/*blog base*/
ul.nv-meta-list {
    margin-left: 0;
    font-style: italic;
}

.button, .button.button-secondary, .is-style-secondary .wp-block-button__link{padding: 6px 20px 0px 20px;}
.button.button-secondary:hover, .button:hover, .is-style-secondary .wp-block-button__link:hover{color:#2e2e2e;}
/* scroll */


::-webkit-scrollbar {/* scroll lateral */  
    background:#2b2b2b; /* color del fondo del area de desplazamiento */
    width: 4px;
}

::-webkit-scrollbar-thumb {/* color de la barra */
    background: linear-gradient(45deg, rgba(38,116,232,0.9), rgba(171,70,236,0.9) 30%,rgba(38,116,232,0.9));
}

::-webkit-scrollbar-thumb:hover { /* color en degradado cuando pasamos por encima */
    background: linear-gradient(45deg,  rgba(171,70,236,0.9) 50%,rgba(38,116,232,0.9));
}
/*Header*/
.nv-title-tagline-wrap {
    font-family: 'nothing';
  }

/* 02. mdam */
.martinArnedo {
    width: 360px;
    top: 110px;
    position: fixed;
}

a.hablamos {
    padding: 20px;
    border: 1px solid #fff;
    color: #fff;
}

a.hablamos:hover {
    padding: 20px;
    border: 1px solid #fff;
    color: #222;
    background-color: rgba(255,255,255,0.9);
}

.hablamosz {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 40px;
}

/* 03. cv */
.accordion-header.toggle.is-active {cursor: pointer;}
.accordion-header.toggle {cursor: grabbing;}
.cv{margin-bottom:0;}
.sub-heading {
    text-transform: capitalize;
    font-style: oblique;
  }
/*#hoy{margin-left:-30px;}*/
.is-mdam{background: linear-gradient(45deg, rgba(171,70,236,0.9) 30%,rgba(38,116,232,0.9));}

.tag.is-mdam-v {
    background: rgba(171,70,236,0.9);
    color: white;
}
.tag.is-mdam-b {
    background: rgba(38,116,232,0.9);
    color: white;
}
.tag.is-mdam{color:#fff;}
/*
.accordion-body.is-hidden {display: none;}*/

/*--*/
/* encabezado timeline */
.timeline.is-centered .timeline-header {
    display: block;
    width: 100%;
    /*align-self: center;*/
    margin:0 auto;
}

.timeline-header {
    min-width: 4em;
    max-width: 13em;
    word-wrap: normal;
    text-align: center;
    justify-content: center;
}

header.timeline-header {
    padding-top: 20px;
    padding-bottom: 30px;
}

/* estilos bloque */
.bloque-timeline .timeline {
    width: calc(50% + 17px);
    float: left;
    position: relative;
}

.timeline .timeline-item .timeline-content {padding: 1em 0 0 2em;}

.bloque-timeline .timeline.der{
    padding-bottom: 30px;
    float: right;
    margin-right: -16px;
}

.bloque-timeline .timeline.izq {
    text-align: right;
    margin-left: -16px;
    padding-bottom: 30px;
    border-right: 1px solid #fff;
}

.bloque-timeline .timeline.der{
    border-left: 1px solid #fff;
}

.accordion {
  padding-left: 30px;
  padding-right: 30px;
}

/* oculta el cuerpo del acordeón por defecto */
.accordion-body { display:none;}

/* fecha */
p.heading {padding: 0 30px 0 30px;}

/* icono */
.accordion-header .material-icons { vertical-align:middle;}

/* Estilos CSS para el título */
        
.accordion-header:hover { cursor: pointer;} /* Cambiar el cursor al pasar el ratón por encima */
        
/* acordeón abierto */
.accordion-body.show { display: block;}

.timeline .timeline-item .timeline-marker.is-primary {
  background-color: #00d1b2 !important;
  border-color: #00d1b2 !important;
}
/* etiquetas izquierdas a la derecha */
.tags.left{float:right}
/* puntos */

.material-icons{
    font-size: 18px;
    padding:5px
}

.timeline-marker.is-icon.r {left: 0px;}

.timeline-marker.is-icon.iz{right:0px;}


.timeline-marker.is-icon.iz {margin-right: -29px;}

.timeline .timeline-item .timeline-marker{
  position: absolute;
  color:#fff;
  background: #333;
  border: 1px solid #fff; 
  border-radius: 100%;
  content: "";
  display: block;
  height: 30px;
  width: 30px;
  transform: translateX(-50%);
  top: 0;
}

.timeline .timeline-item::before{
  content: "";
 /* background-color: #fff; */
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
}

/*footer timeline*/
a.cv-in {color: #fff;}

/* one drive */
p.certz {text-align: justify;}

div#onedrive {
    height: 100px;
    width: 100px;
}

.onedrive {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
}
div#onedrive{margin-bottom:10px;}
.burbuja {
    position: absolute;
    /*display: none;*/
   /* background-color: #222;*/
    color: #fff;
    padding: 10px;
    /*border: 1px solid white;*/
    border-radius: 0px;
    z-index: 200;
    animation: aparecer 0.5s ease-in-out forwards; 
    float:left;
    margin-left:100px;
    margin-top:-70px;
}
img.drivez {padding-left: 5px;}
@keyframes aparecer {
    0% {
        opacity: 0;
        transform: translateX(-100%); /* Inicialmente fuera del contenedor */
    }
    100% {
        opacity: 1;
        transform: translateX(0); /* Se desplaza hacia el contenedor */
    }
}

/* skills */

span.elementor-progress-text {background: linear-gradient(45deg, rgba(171,70,236,0.9) 30%,rgba(38,116,232,0.9));}
.elementor-progress-text{padding-right:15px;}

div#sss { direction: rtl; text-align:right;}



/* XX titulos*/
h1.title.entry-title{color:#fff;}


/* XY formularios */


.wpcf7-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, label, textarea {width:100% !important;}

.columns.fullz {
    display: table;
    width: 100%;
    margin: 0;
}

.columns.enviar{float:right;}
.wpcf7-spinner{float:left;}

input.wpcf7-form-control.wpcf7-submit.has-spinner.botonz { 
    padding: 15px 35px 16px 35px;
    border: 1px solid #fff;
    color: #fff;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.botonz:hover {
    padding: 15px 35px 16px 35px;
    border: 1px solid #fff;
    color: #222;
    background-color: rgba(255,255,255,0.9)
}

.st0.st1.st2, .st0.st1.st3  {font-family: 'Roboto-Regular';}

/* XYZ Menu iconos pie */
.footerz{
	border-bottom: 5px solid #fff;
    position: fixed;
    bottom: 0px;
	margin:0 auto;	
}

div#parrillaz {
    position: fixed;
    bottom: 0px;
	border-bottom: 4px solid transparent; 
  	border-image: linear-gradient(to right, rgba(171,70,236,1), rgba(38,116,232,1), rgba(171,70,236,1));
  	border-image-slice: 1;
}

.backzz {
  	position: fixed !important;
  	bottom: /*-14*/ 0px;
  	margin: 0 auto;
}

#backxzz{
		background:linear-gradient(45deg, rgba(38,116,232,0.9) 10%,rgba(171,70,236,0.9), rgba(38,116,232,0.9)) !important;
		border-radius: 10px 10px 0 0;
}

iconz {
    margin-bottom: -12px !important;
}


/* 04 . Contactar */

span.wpcf7-not-valid-tip {text-transform: none;}

/* 05. Home */
h6.homeTitle, h1.homeTitle {
    font-size: 100px;
    margin: 0 auto;
}

.labelHola, .labelSoy {color: #fff;} 

.labelMdam {
    
    background: linear-gradient(90deg, rgba(38,116,232,0.9) 10%, rgba(171,70,236,0.9), rgba(38,116,232,0.9));
    -webkit-background-clip: text; /* Clip de fondo para navegadores webkit */
    -webkit-text-fill-color: transparent; /* Relleno del texto transparente para navegadores webkit */
    
}



.labelHola:after{content:"Hola.";}
.labelHola:hover:after{content:"Contactar";}
.labelSoy:after{content:"Soy";}
.labelSoy:hover:after{content:"cv";}
.labelMdam:after{content:"Martin Arnedo";}
.labelMdam:hover:after{content:"Sobre mi";}


.animar {
	-webkit-animation:animar .6s cubic-bezier(0.2, 0.6, 0.2, 1);
	-moz-animation:animar .6s cubic-bezier(0.2, 0.6, 0.2, 1);
	animation:animar .6s cubic-bezier(0.2, 0.6, 0.2, 1);
	-webkit-animation-fill-mode:backwards;
	-moz-animation-fill-mode:backwards;
	animation-fill-mode:backwards;
}


@-webkit-keyframes animar {
	0% {opacity: 0;-webkit-transform: translateY(100%);}
	100% {opacity: 1;-webkit-transform: translateY(0%);}	
}

@keyframes animar {
	0% {opacity: 0;transform: translateY(30vh);} 
	100% {opacity: 1;transform: translateY(0%);}	
}

/* - Delays - */
.delay02 { -webkit-animation-delay: .2s; animation-delay: .2s;}
.delay04 { -webkit-animation-delay: .4s; animation-delay: .4s;}
.delay06 { -webkit-animation-delay: .6s; animation-delay: .6s;}
.delay08 { -webkit-animation-delay: .8s; animation-delay: .8s;}
.delay10 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay12 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}

/* - Hovers - */
.hoverMDAM, .hoverMDAM- {
	transition: all .4s cubic-bezier(0.2, 0.6, 0.2, 1);
}
.hoverMDAM:hover {
	margin-left: 20px;
	transition: all .4s cubic-bezier(0.2, 0.6, 0.2, 1);	
}
.hoverMDAM-:hover {
	margin-left: -20px;
	transition: all .4s cubic-bezier(0.2, 0.6, 0.2, 1);	
}


/* 06. Blog */

.widgetDia {
    border: 1px solid #fff;
    padding: 20px;
}

h2 {
    text-align: left;
    font-family: 'Roboto';
}

.contentWidget, .buttonWidget {padding-bottom: 20px;}
.buttonWidget {text-align: center;}


/* zzz . Moviles */

@media (max-width: 576px) {

    /* mdam */
    .martinArnedo {
        width:100%;
        position: static;
    }

    /* cv */
    .timeline.is-centered {float: left; text-align: left;}
    .bloque-timeline .timeline.izq{text-align:left;margin-left:0;}
    .accordion{padding-right:20px;}
    .bloque-timeline .timeline{width:100%}
    .timeline-marker.is-icon.iz{left:0px;margin-right:0;}
    .bloque-timeline .timeline.izq{Border-right:0; border-left:1px solid #fff;margin-left:16px;}
    footer.timeline-header {float: left;}
    div#hs{ direction: rtl; text-align:right;}

    /* contactar */
    .column{padding:1.75rem;}
    .columns.fullz {
        display: table;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        margin: 0;
    }
    input.wpcf7-form-control.wpcf7-submit.has-spinner.botonz {
        margin-right: 28px;
    }
    .columns.formz {padding: 1.75rem;text-align: justify;}

    /* home */
    h6.homeTitle, h1.homeTitle {
        font-size: 69px;
        margin: 0 auto;
    }
    .labelMdam {background: #fff;
        -webkit-background-clip: text; /* Clip de fondo para navegadores webkit */
        -webkit-text-fill-color: transparent; /* Relleno del texto transparente para navegadores webkit */
        }
    /* footer */
    #backxzz {height:70px;}
}