/*Author: Mika Lintula 2021*/

/*Overall site start*/

@font-face {
	font-family: myFirstFont;
	src: url(Staatliches-Regular.ttf);
	
 }
 
 * {
	font-family: myFirstFont;
	letter-spacing: 1px;
 }


body
{
    margin:0px auto 0px auto;
	background: linear-gradient(135deg, #000A1E 30%,#052c4e 60%, #000A1E 100%);
	/*background: linear-gradient(135deg, #00112f,#073762 50%,#000d2b );*/
	padding: 0px;
}

main{
    
	background-image: url("images/linnablues1l.png");
	background-repeat:no-repeat;
    background-size: 70vh;
    background-position: center left;
	background-position-x: 10vh;
	z-index: 1;
}

a
{
	text-decoration: none;
	color: white;
}

a:hover
{	 
	color:#bb6e22;
}

p
{
	color:#fafcfd;
}

h3
{
	color: #bb6e22;
	padding: 10px 0px 10px 0px;
}

hr{
	color: black;
	width: 65%;
	margin: 50px auto 50px auto;
	border-bottom: solid 5px;
}

.row{
	height: 100%;
	margin-bottom: 5vh;
	margin-top:5vh;
}

.col{
	height:100%;
	margin:0;
	padding:0;
}

/*Navigation bar styling start----------------------------*/

.nav-link.disabled{
	text-decoration: line-through;
}

.navbar
{
    /*background-color: #000d2b;*/
    background: linear-gradient( #00112f 30%,  #00112fde 73%, #00112f00 100%);
}

.navbar li 
{
    margin: 0px 0px 0px 0px;
    float: right;
}

.navbar li a 
{
    display: block;
    color: white;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
}

.navbar li a:hover:not(.active) 
{
    color:#FFFFFF;
    /*background-color: #0E6098;*/
	background: radial-gradient( #116fad,  #00112f00 80% );
}

.active 
{
    /*background-color: #0E6098;*/
	background: radial-gradient( #0e6198,  #00112f00 70% );
}

.navbar-collapse
{
	max-width: 20rem;
	padding-left: 0.5rem;
	margin-left: 0.2rem;
}

.lng-link
{
	font-size: 0.75rem;
	color:#073762;
}

/*Navigation bar styling over------------------------------*/

.header-container{
	max-width: 100%;
	padding: 100px 0px 60px 0px;
	text-align: center;
}

.page-container {
	position: relative;
	min-height: 100vh;
}

/*footer styling start*/
.page-footer {
    /*background-color: #000D2B;*/
    background: linear-gradient(to top,#00112f 10%,  #00112f60 73%, #00112f00 100%);
	bottom:0;
	height:8rem;
	z-index: 2;
}

/* .page-footer::after{
	background-image: linear-gradient(to bottom, transparent 0%, white 100%);
} */

.page-footer p{
	color:white;
	text-align:center;
	padding-top : 3vh;
}
/*footer styling over*/

/* Horizontal list setting/styling start*/
.horizontal-list{
	padding: 0px 0px 0px 10px;
}

.horizontal-list ul{
	list-style-type: none;
	padding-left:0px;
	height: 30px;
	width: 100%;
}

.horizontal-list li{
	overflow: hidden;
	display: inline;
	color:#fafcfd;
	padding:0px 20px 0px 0px;
	text-align: left;
}

/* Horizontal list setting/styling over*/

/*Overall site over------------------------------------------------------------*/

/*Contact page stuff ------------------------------------*/

.contact-img-col img {
	border-radius: 100px 0px 0px 100px;
	padding: 0;
	max-height: 20rem;
	max-width: 100%;
	object-fit:scale-down;
	border-radius: 50px 0 0 50px;
}

.contact-info-col{
	/* background-color: #00112f; */
	background: linear-gradient(to right, #00112f, #00112f00);
	border-radius: 0px 100px 100px 0px;
	padding: 0px 20px 0px 20px;
}

.contact-info-col p, h4{
	padding: 0px 0px 0px 0px;
}

.col-md-auto
{
	padding:0;
}


/*Projects page stuff ----------------------------------------------*/

.project-section-header{
	padding: 20px 0px 20px 0px;
	text-align: center;
	color: #bb6e22;
	background:  radial-gradient( #011b47,  #00112f00 80% );
	border-radius: 16px 16px 16px 16px;
}

.project-image img{
	max-width: 80%;
	max-height: 300px;
	border-radius: 16px 16px 16px 16px;
}

.project-image.project-info{
	background-color: chartreuse;
	max-width: 80%;
	max-height: 100%;
}

.project-cont{
	
	border-color: #010b1d;
	border-width: 10px;
	border-style:solid;
	border-radius: 16px 16px 16px 16px;  
} 

.project-links li{
	padding: 10px;
}


/*mobile versio modifications-----------------------------------*/

@media (max-width: 650px) {
	
    
    body
    {
        margin:0px auto 0px auto;
        background: linear-gradient(135deg, #000A1E ,#052c4e 50%, #000A1E);
        /*background: linear-gradient(135deg, #00112f,#073762 50%,#000d2b );*/
    	padding: 0px;
    }

    main{
        background-image: url("images/linnablues1l.png");
        background-repeat: no-repeat;
        background-size: 70%;
        background-position-x: -100px;
        background-position-y: 10%; 
    }
    
    .navbar
    {
        background-color: #000d2b;
        background: linear-gradient( #00112f 90%,   #00112f00 100%);
    }
    .header-container{
        padding-top: 50px;
    }

	.contact-img-col img {
		border-radius: 20px 20px 20px 20px;
		padding: 0;
	}

    .contact-info-col{
        margin: 10px 15px 10px 15px;
        padding: 10px 15px 10px 15px;
    }
}


colors{
	/*body*/ 	background-color:#0e6098;
	/*NavBar*/	background-color:#000d2b;
	/*Footer*/	background-color:#001626;
	/*TxtBGT1*/	background-color:#00112f;
	/*TxtBGT2*/	background-color:#073762;
	/*Header3*/	background-color:#bb6e22;
	/*Text*/	background-color:#fafcfd;
}