/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Bob Corraro
*/
@font-face {
    font-family: 'Caviar Dreams';
    src: url('https://www.vincenzobuzzerio.it/wp-content/themes/BobBuzzTheme/font/CaviarDreams.woff2') format('woff2'),
        url('CaviarDreams.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caviar Dreams';
    src: url('https://www.vincenzobuzzerio.it/wp-content/themes/BobBuzzTheme/font/CaviarDreams-Italic.woff2') format('woff2'),
        url('https://www.vincenzobuzzerio.it/wp-content/themes/BobBuzzTheme/font/CaviarDreams-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Caviar Dreams';
    src: url('https://www.vincenzobuzzerio.it/wp-content/themes/BobBuzzTheme/font/CaviarDreams-BoldItalic.woff2') format('woff2'),
        url('https://www.vincenzobuzzerio.it/wp-content/themes/BobBuzzTheme/font/CaviarDreams-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}




div#timeline > div {
    padding: 6%;
}
span.timeline-year {
    margin-bottom: .5em;
}


/*** Correzioni BOB MOBILE *****/

@media (max-width:768px) {
	
	.titolone_pagina * {
		MARGIN: 0 AUTO  !important;
		text-align: center !important;
	}

	.titolone_pagina img {
		height: 45px;
	}

	nav#mobile-header > div .site-logo {
		display: flex;
		justify-content: center;
	}

	nav#mobile-header img.is-logo-image {height: 30px; }

	nav#mobile-header {
	padding-top: 1em !important;
	}
		nav#mobile-header.is_stuck {
	padding-top: 0 !important;
	}
}
/* 1) RESET */
* {box-sizing: border-box;margin: 0; padding: 0;}

H2, h3 {    font-family: 'Caviar Dreams', serif !important;font-weight: bold;}

nav.rank-math-breadcrumb p {
    margin: 40px 0 0;
    font-size: 1.5rem;
}

.main-navigation .main-nav ul li a,
.menu-toggle, .main-navigation .menu-bar-item > a{
    font-weight: bold;
}

/* body #page {padding: 0 15px;} */


/* Pagina di manutenzione */
.page-id-6 .entry-content {margin: 0 auto}


/* Padding su grid */

body .is-layout-grid > div {
    padding: 3% 5%;
}

/* HEADER */

nav#site-navigation {padding: 0px 40px 0px 40px}

header.entry-header {
    min-height: 100px;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
}
h1.entry-title {
    text-align: center;
}

/*** LOOP PORTFOLIO ***/

.gb-loop-item h3 a {text-decoration:none !important;color:white;padding:8px}

/*** SINGLE PORTFOLIO ***/

.wp-block-group.blocco_titolo {
    margin: 10vh 0;
}
.portfolio_hero {
    border-radius: 15px;
    border: 5px solid white;
}
.single-portfolio video.bob_ig_stories, 
.single-portfolio video.bob_ig_reels {
      width: 100%;
	  aspect-ratio: 9 / 16; /* Mantiene proporzione verticale */
	  object-fit: cover; /* Ritaglia eventuale overflow */
	/*  border-radius: 10px;  solo per estetica */
	  display: block;
}



.single-portfolio figure.post_preview_media.post_preview_media_video {
    text-align: center;
}

.single-portfolio .bob_anteprima_ig__actions,
.single-portfolio .bob_anteprima_ig__footer,
.single-portfolio .bob_anteprima_ig__header {display: none;}

.single-portfolio div#right-sidebar {display: none;}
.single-portfolio div#primary {width: 100%;max-width:1300px;margin: 0 auto;}

.contenuto-hero figure {
    width: 110px;
    margin: 0 5% 5% 0;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.single-portfolio .featured-image.page-header-image-single.grid-container.grid-parent {display:none}


figcaption.wp-element-caption {
    color: #7d381a;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold !important;
    font-family: 'Hammersmith One', sans-serif;
    line-height: 1.2;
}

/*** HOME ***/

p.has-text-align-center.has-x-large-font-size > a {
    text-decoration: none;
}
 
.destinazione a {position:relative}


.destinazione.box a img {
    transition: .3s ease;
    opacity: 1;
    width: 100%;
    object-fit: contain;
    padding: 25%;
    height: 100%;
    
}
.destinazione.box.box_logo a img { padding: 20%;}

.destinazione:hover img {
    transition: .2s ease;
    margin-top: 0;
    transform: scale(.5) translateY(-3em);


}
.destinazione a span {
    margin-top: 0;
    transform: translateY(1em);
    transition: .3s;
    opacity: 0;
    height: 0;
    position:absolute;
    bottom: 0;
        color: white;
    font-family: 'Hammersmith One', sans-serif;
}
.destinazione:hover a span {
    opacity: 1;
    height: auto;
    transform: translateY(-2em);
}

@media(max-width:767px) {
	/* START media query */
	/* .hero__scacchi{display:none} */	

	/*******
	SCACCHI
	********/
	
	.destinazione a span {
		height: 45px;
        transform: translateY(0);
        display: flex;
        justify-content: center;
        align-items: center;
	}
	
	.box_logo a {		
		background-color: white;
		border:3px solid #d2b893;
		margin-top: 15px;
	}
	.box_logo a span {color: #7d371a;}
	
	.box:not(.destinazione) {display: none !important;}
/*	body.page-id-521 #mobile-header {display: none !important;} */
	/* body.page-id-521 #page {margin-top: 20px;} */
	.heading {text-align: center;}
	
	.box a span {
		line-height: 1.4;
		margin: 5px 10px 10px;
		font-size: 14px;
	}	
	
    .destinazione img {
        transition: .2s ease;
        margin-top: 0;
        transform: scale(.5) translateY(-3em);
    
    }

    .destinazione a span {
        opacity: 1;
        height: auto;
        transform: translateY(0);

    }
    
    .destinazione:hover a span {
    opacity: 1;
    height: auto;
    transform: scale(1.1);
}

	
	 /* END media query */

}

@media(min-width:769px) {
	/* START media query */

	/* Timeline */

	
	.timeline__item.timeline__item--top {
		bottom: -36px;
	}
	
	/* Scacchi Home DESKTOP */

	.box.attivo a,
	.box.attivo.destinazione {color: #7d371a;background-color: #bf5a30 !important;} /* colore del box di partenza e destinazione quando passi con il mouse */

	.box.attivo {
	    background-color:  #ffc7ae !important;
	  transition: all 0.3s ease;
	}
	
	/*	.hero__scacchi__mobile {display:none} */
	
	.hero__scacchi .hero-container .heading {
	    align-items: baseline;
	    padding-right: 10%;
	    
	}
	/* Titoli Scacco */
	.box a span {
		margin-top:15px;
		padding: 3%;
        line-height: 1;
	}
	
 	/* END media query */
}



.menu-toggle .gp-icon+.mobile-menu {display:none}

body div .is-layout-flex {gap: 15px;}


/* MENU nascosto su Home con scacchi */
.page-id-521 nav#site-navigation,
.page-id-521 .main-navigation.is_stuck {
    display: none !important;
}


.hero-container .heading h1.titolo_home {font-size: 27px !important;margin-bottom: 10px;font-weight: 800;}
.hero-container .heading span.sottotitolo_home {
    font-size: 18px;
}

/* FIX altezza bottone */
.wp-block-group.scacco_animato a.wp-block-button__link {
    height: 100%;
    display: flex;
    justify-content: center;
    padding: 0;
    align-items: center;
}

.wp-block-group.scacco_animato .wp-block-buttons, .wp-block-group.scacco_animato .wp-block-button {
    height: 100%;
}
/* Verde sui CONTATTI */

.wp-block-group.scacco_animato.link_contattami:hover > div .wp-block-group {
    background: #4a9425;
}

/* 2) CONTAINER GENERALE */


body .navigation-branding img,
body .site-logo.mobile-header-logo img {
    padding: 0;
/*min-height: 100px; */
}

nav#mobile-header > div .site-logo.mobile-header-logo {
    order: 2;
}
@media (max-width: 768px) {
    #mobile-header {
		padding: 0 15px 0;
    }
	nav#mobile-header > div .site-logo.mobile-header-logo {margin-left:0}
	
	.slideout-navigation.main-navigation .main-nav ul li ul li a {line-height: 35px;}
}

button.menu-toggle {
    background: #7c3421;
    color: white !important;
    border-radius: 6px;
	border: 1px solid #ceb28c;
}

/* FIX content troppo largo 
.entry-content {
    max-width: 1260px;
    margin: 0 auto ;
}
*/

section {
    margin: 2em auto;
}

a.smooth-scroll {
    background: rgba(0,0,0,.25);
    display: flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    color: #ceb28e;
    border-radius: 100%;
}

a.smooth-scroll:hover {
    color: white;
}

.hero__scacchi .hero-container {
  padding: 2%;
	max-width: 1300px;margin:0 auto
}
.wp-block-image.scacco_animato_immagine {
    width: 100%;
}

.scacco_animato > div {
    position: relative;
}

/* 3) GRID CONTAINER */
.hero-container .hero-grid {
    display: grid;
	grid-template-columns: repeat(5, minmax(21vh, 1fr));
    gap: 1%;
    max-width: 110vh;
    margin: 0 auto;
    box-sizing: border-box;
}

/* 4) HEADLINE = 3 COLONNE IN ALTO A SINISTRA */
.hero-container .heading {
  font-size: 1.8rem;
  line-height: 1.2;
  color: #4a1f0f;
  align-self: end;
  min-height: 100%; /* FIX altezza sballata */   
	display: flex;
    margin: 1px;
    align-items: center;
    /* background: red; */
    grid-row: 1;
}

.hero__scacchi .hero-container .heading  {
	grid-area: 1 / 1 / auto / 4;
    flex-flow: column wrap;
	justify-content: center;
}

/* 5) BOX GENERICI */
.hero-container .box {
  display: flex;
  align-items: center;
  justify-content: center;
	font-family: 'caviardreams', sans-serif !important;
  text-align: center;
  color: #4a1f0f;
	aspect-ratio: 1;
	transition: all 0.9s ease;
}

#loghetti .swiper-slide {
    height: 118px;
}

#loghetti .swiper-slide figure {
    /* background: red; */
    /* border: 1px solid red; */
    height: 100%;
    object-fit: cover;
    justify-content: center;
    display: flex;
    padding: 1em;
}

#loghetti .swiper-slide figure img {
    object-fit: contain;
	height:100%;
}

body div #loghetti .swiper-button-next:after,
body div #loghetti  .swiper-button-prev:after {color:black;}
 
.box.bianco {
  background: #fff;
  color: #000;
}

.box.marrone {
  background: #7d371a;
  color: #fff;
}

.box.beige {
  background: #f4ede5;
  color: #000;
}
.box.beige.beige_chiaro_1 {
  background: hsl(34deg 40% 68% / 30%);
}
.box.beige.beige_chiaro_2 {
  background: hsl(34deg 40% 68% / 15%);
}
.box a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	font-weight: bold;
    color: white;
    text-decoration: none;
    font-size: .9rem;
	padding: 0 6%;
	flex-flow:column wrap;
	text-transform:uppercase;
}

.hero-container .box {
    border: 5px solid #fff;
/*    box-shadow: 7px 25px 57px rgb(223 218 213); */
  /*  border-radius: 12px; */
}

.hero-container .box:nth-child(odd) {
    border: 3px solid #fff;
    box-shadow: 7px 25px 57px rgb(223 218 213);
}
.hero-container .box.marrone {background-color:#7d371a}

.hero-container .box.bianco {background-color: hsl(0deg 0% 100% / 60%);}

/*
.hero-container .box.bianco {background-color:white}
*/

/* 7) LOGO e icone */
.hero-container .logo img,
.hero-container .whatsapp img {
  max-width: 80%;
  height: auto;
}

/*************

************/

header#header {
    position: sticky;
    top: 0;
    z-index: 2;
}

/***********

**************/

section.scacchiera {
	  display: grid;
  		grid-template-columns: repeat(8, 1fr);
  	gap: 2vmin;
    /*gap: clamp(1vmin, 2vw, 2vmin);*/
    padding: clamp(2vmin, 4vw, 4vmin);
    justify-content: center
}

section.scacchiera > div,
.scacco_animato {
	width: 100%;
    aspect-ratio: 1 / 1;
	position: relative;
}

.scacco_animato > div h3 {
    transform: scale(1);
    opacity: 1;
    margin-top: 1em;
    width: 100%;
    position: absolute;
    bottom: 0;
    margin-bottom: 5px;
    font-size: 1.4rem;
	transform: scale(1); opacity:1;margin-top: 1em;
	width: 100%;position: absolute;
}

.scacco_animato .wp-block-group__inner-container {padding:0}




.scacco_animato * {transition: .7s; animation-timing-function: ease-out;} 
.scacco_animato > div .wp-block-group {
	bottom: 0;padding: 1em;
	width: 100%;left: 0;position: absolute;opacity:0; transform:translateY(1em);
	justify-content: center;
}
.scacco_animato > div .wp-block-group img {
	transform: scale(1.3);
	}
.scacco_animato > div p {
	opacity: 0;transform: translateY(-10%);
	font-size: 1.2em;
    font-weight: bold;
}
.scacco_animato > div {
    display: flex;
    flex-flow: column wrap;
    height: 100%;
    justify-content: center;
}
.scacco_animato:hover > div * {transition: .5s;animation-timing-function: ease-in;}
.scacco_animato:hover > div h3 {transform: scale(0); opacity:0;margin-top: 1em;}

.scacco_animato:hover > div .wp-block-image figure  {
	    transform: scale(.5) translateY(-50%);
}
.scacco_animato > div .wp-block-image figure.fluttua {
	transform: translateY(0%); transform-origin: 0% 0%;
}

/* Scacchi fluttuanti -- Stand By */
.scacco_animato:hover > div .wp-block-image.fluttua  {
		  animation-name: fluttua;animation-duration: 2s;animation-timing-function:linear;animation-iteration-count: infinite;
}
.scacco_animato:hover > div .wp-block-image figure.fluttua  {
	    transform: rotate(-45deg) scale(.5) translateX(-140px);
}


.scacco_animato:hover > div .wp-block-group a {background-color:transparent;color: white !important;}
.scacco_animato:hover > div .wp-block-group {background: #7c3421;opacity:1; transform:translateY(0);height: 100%;}
.scacco_animato:hover > div .wp-block-group.contattami {background: #7c3421;}

.scacco_animato:hover > div p {opacity: 1; transform: translateY(-20%);}

@keyframes fluttua {
  0% {
    transform: translateY(-4%);
  }
	50% {
    transform: translateY(-6%);
  }

  100% {
    transform: translateY(-4%);
  }
}



.box_1 {
    grid-area: 1 / 3;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
	/* START Media Query */
	.hero-container .hero-grid {
		grid-template-columns: repeat(3, minmax(10vh, 1fr));
	}
	
	.hero__scacchi .hero-container .heading {grid-area: 1/1 /1/4;min-height: 140px;}
	
	.box_11 {
		grid-area: 2 / 2;
	}
	.box_4 {
		grid-area: 3/1;
	}
	.box_2 {
		grid-area: 3/3;
	}

	.box_8 {
		grid-area: 4/2;
	}

	.box_14 {
		grid-area: 5/1;
	}

	.box_18 {
		grid-area: 5/3;
	}
	/* END Media Query */
}

.box_logo a {
    color: #7d371a;
}


/* ================
   Carosello infinito full-width
   su galleria Gutenberg
   ================ */

/* =========
   Carosello infinito per Gutenberg Gallery
   ========= */
.wp-block-gallery.is-style-bob__carosello_infinito {
  /* full-width vero */
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;   /* nasconde ciò che esce */
  gap: var(--gap, 40px);
  position: relative;

  /* variabili personalizzabili */
  --gap: clamp(16px, 4vw, 48px);
  --item-w: clamp(120px, 12vw, 200px);
  --dur: 40s;

  /* animazione infinita */
  animation: bob-scroll var(--dur) linear infinite;
}

/* neutralizza regole Gutenberg */
.wp-block-gallery.is-style-bob__carosello_infinito.has-nested-images figure.wp-block-image {
  margin: 0 !important;
  flex: 0 0 auto;
  width: var(--item-w) !important;
  max-width: none !important;
}
.wp-block-gallery.is-style-bob__carosello_infinito.has-nested-images figure.wp-block-image img {
  display: block;
  width: 100%;
  height: auto;
}



/* animazione della track */
@keyframes bob-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* accessibilità */
@media (prefers-reduced-motion: reduce) {
  .wp-block-gallery.is-style-bob__carosello_infinito {
    animation: none;
  }
}

/* SWIPER SLIDER - CAROUSEL */

body div .swiper-button-next:after,
body div .swiper-button-prev:after {
    color: white;
}
.swiper-button-next, .swiper-button-prev {
    text-shadow: 0px 0px 10px #000000;
}


/*****
 LOOP LOGHI
 ******/

figure#loop_loghi {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;

}


figure#loop_loghi figure {

	margin-bottom: 0 !important;
    height: 142px;
    border: 5px solid #f4ede5;
    padding: 1%;
}

/*****
 SERVIZI
 ******/



.wp-block-image.pezzo_in_quadrato {
    aspect-ratio: 1/1;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
	background: #f4ede5;
}

.wp-block-image.pezzo_in_quadrato figure img {
    height: 121px !important;
}
.wp-block-image.pezzo_in_quadrato + .pezzo_in_quadrato_titolo {
    margin: 20px auto;
}
 .pezzo_in_quadrato_titolo {
       background: #f4ede5;
    font-size: 26px;
    min-height: 100px;
    margin: 0px auto 20px;
    display: flex
;
    flex-flow: column wrap;
    justify-content: center;
}

#blocco__servizi .wp-block-image .alignright {
    margin-top: 0;
}


/******************
TIMELINE
*******************/



/* ----------- Struttura base ----------- */
/* ----------- Struttura base (Quasi invariata) ----------- */
.main-timeline {
    padding: 20px 0;
    position: relative;
}

/* Cerchi decorativi in alto e in basso (Invariati) */
.main-timeline::before,
.main-timeline::after {
    content: "";
    height: 40px;
    width: 40px;
    background-color: #e7e7e7;
    border-radius: 50%;
    border: 10px solid #303334;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -15px;
    z-index: 2;
}

.main-timeline::after {
    top: auto;
    bottom: 15px;
}

.main-timeline .timeline {
    /* Il padding clamp() è già un'ottima tecnica moderna! */
    padding: clamp(40px, 6vw, 90px) 0;
    margin-top: -30px;
    position: relative;
    z-index: 1;
}

/* * ----------- Bolle decorative (Invariate) ----------- 
 * L'uso di position:absolute per elementi puramente decorativi
 * come questi è corretto e non necessita di modifiche.
*/

/* Bordo evento lato sinistro (default / dispari) */
.main-timeline .timeline::before,
.main-timeline .timeline::after {
    content: "";
    height: 100%;
    width: 50%;
    border-radius: 110px 0 0 110px;
    border: 15px solid #f5ede4;
    border-right: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.main-timeline .timeline::after {
    height: calc(100% - 30px);
    width: calc(50% - 12px);
    border-color: var(--contrast-2);
    left: 12px;
    top: 15px;
}

/* Alternanza a destra (PARI) */


.main-timeline .timeline:nth-child(even) .title,
.main-timeline .timeline:nth-child(even) .description{text-align:right;}

.main-timeline .timeline:nth-child(even)::before {
    left: auto;
    right: 0;
    border-radius: 0 110px 110px 0;
    border: 15px solid #f5ede4;
    border-left: none;
}

.main-timeline .timeline:nth-child(even)::after {
    left: auto;
    right: 12px;
    border-radius: 0 100px 100px 0;
    border: 15px solid var(--contrast-2);
    border-left: none;
}

/* * ===================================================================
 * ----------- Refactoring Contenuto (Desktop) -----------
 * Qui avviene la modifica principale: via float e position:absolute
 * per il layout, dentro Flexbox.
 * ===================================================================
*/

.main-timeline .timeline-content {
    /* 1. Trasformiamo il contenitore in un layout Flex */
    display: flex;
    
    /* 2. Centriamo verticalmente anno e contenuto */
    align-items: center;
    width: 100%;

    /* MODIFICA: Invertiamo la direzione di default (righe dispari) */
    flex-direction: row-reverse;
}

.main-timeline .timeline-year {
    color: var(--contrast);
    font-size: 2rem;
    font-weight: 600;
    
    /* 3. Rimosso position:absolute, top, transform, display. */
    
    /* 4. Assegniamo una larghezza fissa del 50% */
    width: 50%;
    
    /* MODIFICA: Allineiamo a destra per le righe dispari */
    padding-left: 0;
  /*  padding-right: 10%; */
    flex-shrink: 0; /* Evita che l'anno si restringa */
}

.main-timeline .content {
    color: #595959;
    
    /* 6. Rimosso float:right, display: inline-block. */

    /* 7. Assegniamo una larghezza fissa del 50% */
    width: 50%;
    flex-shrink: 0; /* Evita che il contenuto si restringa */
}

.main-timeline .title {
    color: var(--contrast);
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}

.main-timeline .description {
    font-size: 18px;
    margin: 0;
}

.main-timeline .timeline-content {padding: 0 5em;}

/* ----------- Alternanza (PARI) con Flexbox ----------- */

.main-timeline .timeline:nth-child(even) .timeline-content {
    /* MODIFICA: Le righe pari ora usano la direzione 'row' (anno a sinistra) */
    flex-direction: row;
}

.main-timeline .timeline:nth-child(even) .content {
    /* 9. Rimosso float: left */
    /* (nessun'altra regola necessaria) */
}

.main-timeline .timeline:nth-child(even) .timeline-year {
    /* 10. Rimosso left/right: auto */

    /* MODIFICA: Allineiamo a sinistra per le righe pari */
    padding-left: 0;
    padding-right: 0;
    
    /* Stile colore (invariato) */
    color: var(--contrast);
}

.main-timeline .timeline:nth-child(even) .title {
    color: var(--contrast);
}

	.main-timeline .timeline:nth-child(odd) .timeline-year {text-align: right;}


/* * ===================================================================
 * ----------- Refactoring Responsive (Mobile) -----------
 * Sotto i 767px, passiamo a un layout verticale (stacked)
 * per garantire leggibilità ed evitare sovrapposizioni.
 * ===================================================================
*/




@media screen and (max-width: 1200px) {
    /* Stili decorativi (invariati) */
    .main-timeline .timeline:after {
        border-radius: 88px 0 0 88px;
    }
    .main-timeline .timeline:nth-child(even):after {
        border-radius: 0 88px 88px 0;
    }
}


@media screen and (max-width: 768px) {
    
	body div .is-layout-flex {gap: 10px;}
	
    .main-timeline .timeline-year,
    .main-timeline .timeline:nth-child(even) .timeline-year {
        font-size: 25px;
    }

    /* * 16. La larghezza 'width: 68%' non è più necessaria,
     * il contenuto è già 100% wide e centrato.
    */
    .main-timeline .timeline {
        padding: 10px 20px 15px 20px;
    }

    .main-timeline .title {
        font-size: 18px;
    }
		
	
	body .main-timeline .timeline-content {flex-direction: column !important;}
	body .main-timeline .timeline .timeline-year,
	body .main-timeline .timeline-content > div {
		width: 100%;
		text-align: left ;

	}
	body .main-timeline .timeline:nth-child(odd) * {text-align: right !important;}

	body .main-timeline .timeline {
			padding: 5em 0;
		}
	.main-timeline .timeline:nth-child(even) .title,
	.main-timeline .timeline:nth-child(even) .description{text-align:left;}
	
	.main-timeline .timeline-content {
		padding:0 1.8em;
	}

}