/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
	--header-height: 70px;
	--themecolor: #b00e16;
	--themecolorrgba: 176, 14, 22;
}

.header-size-custom #logo img {
	height: 70px;
	margin: 10px 0px;
	max-width: 300px;
}

.timeline{
	>div {
	  font-size: 1em;
	  line-height: 1.75em;
	  border-top: 3px solid;
	  border-image: linear-gradient(to right, var(--themecolor) 0%, var(--themecolor) 100%);
	  border-image-slice: 1;
	  border-width: 3px;
	  margin: 0;
	  padding: 80px 40px;
	  counter-increment: section;
	  position: relative;
	  //color: $black;
		
		.titulo{
			line-height: 120% !important;
		}
		
	  //numbers
	  .icon {
		//content: counter(section);
		position: absolute;
		border-radius: 10px;
		padding: 10px;
		//height: 2em;
		//width: 2em;
		background-color:var(--themecolor);
		text-align: center;
		//line-height: 1.25em;
		color: white;
		font-size: 1.5em;
	  }
	}
	//odd number borders
	>div:nth-child(odd) {
	  border-right: 3px solid;
	  padding-left: 0;

	  .icon {
		left: 100%; 
		margin-left: -20px;
	  }
	}
	//even number borders
	>div:nth-child(even) {
	  border-left: 3px solid;
	  padding-right: 0;

	  .icon {
		right: 100%; 
		margin-right: -20px;
	  }
	}
	//handle first and last
	>div:first-child {
	  border-top: 0;
	  border-top-right-radius:0;
	  border-top-left-radius:0;
	}
	>div:last-child {
	  border-bottom-right-radius:0;
	  border-bottom-left-radius:0;
	}
}

#instagram-photos{
	.grid-item{
		img{
			padding:10px;
		}
	}
}

.anchor{
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden;
}