/* -----------------------------------------------------------------------------
// This file contains styles that are specific to the Investissement Page .
// -----------------------------------------------------------------------------
*/

/* General */
.investissement-content {
    padding-left: 30px;
    padding-right: 30px;	
}

.default-content-1, .default-content-1--item, .default-content-1--item__image {
	position: relative;
}
.creative-bg {
	@include abs-pos(auto, auto,auto, auto);
	background-color: $blue;
	z-index: -1;
	pointer-events: none;
	display: block;	
}
.creative-bg--1 {
	width: 200px;
	height: 400px;
	top: 0;
	left: auto;
	right: -30px;
}	
.creative-bg--2 {
    width: 180px;
    height: 320px;
    top: 0;
    left: -30px;
}
.default-content-1--item__image {
	img {
		width: 100%;
	}
}
.default-content-1--item {
	    padding: 80px 0;
	h1 {
		font-family: $brownlight-font;
		color: #A5A7CC;
		@include font-size-rem(24px);
	}
	.default-content-1--item__caption {
		margin-bottom: 25px;
	}
		.default-content-1--item__description {
			margin-top: 50px;

			ul {
				list-style-type: none;
				&.dashed {
					li {
						position: relative;
						padding-left: 10px;
						&:before {
						    content: "-";
						    text-indent: -5px;
						    position: absolute;
						    left: 0;
						    top: -2px;
						    font-size: 22px;						
						}
					}
				}
				li {
					list-style: none;
					@include font-size-rem(16px);
					color: #6A6A6A;
					line-height: 22px;
					
				}
			}
		}	
}

span.default-content-1--item__title {
	@include abs-pos(20px, auto, auto, 20px);
	font-family: $brownbold-font;
    color: $white;
}


/* Responsive */

@include breakpoint(sm_up) {
	.default-content-1--item {
		padding: 140px 0;
		h1 {
			@include font-size-rem(37px);
			line-height: 42px;
		}		
	}
	.investissement-content {
	    padding-left: 70px;
	    padding-right: 70px;
	}		
	.creative-bg--1 {
		width: 200px;
		height: 450px;
		top: -8%;
		left: 40%;
	}	
	.creative-bg--2 {
	    width: 180px;
	    height: 320px;
	    top: 0;
	    left: -3%;
	}	
}

@include breakpoint(md_up) {
	.default-content-1--item {
		padding: 120px 0;
	}	
	.default-content-1--item {

		.default-content-1--item__description {
			margin-top: 100px;
		}		
	}
	.creative-bg--1 {
		left: 35%;
		top: 0;
	}		
}
@include breakpoint(lg_up) {
	.default-content-1--item {
		padding: 182px 0;
	}	
	.default-content-1--item {
		.default-content-1--item__description {
			margin-top: 200px;
		}		
	}	
	.creative-bg--1 {
		height: 450px;
	}
	.creative-bg--2 {
	    width: 180px;
	    height: 380px;
	    left: 9%;
	}	
}
@media (min-width: 1441px)  {
	.default-content-1--item {
		h1 {
			@include font-size-rem(60px);
			line-height: 69px;
		}
	}
	.creative-bg--1 {
		width: 251px;
		height: 588px;
		left: 35%;
	}		
	.creative-bg--2 {
	    width: 212px;
	    height: 616px;
	    top: -20%;
	    left: 13%;
	}		
}