@charset "UTF-8";
/* CSS Document */

/* body */

body{
	float:none;
	background-color:#FFFFFF;
	padding:0;
	border:0;
	margin:0 auto;
	font-family: 'Eina03-Regular', Helvetica, Arial, sans-serif;
	font-size: 16px;
	overflow-x: hidden;
	-webkit-font-smoothing: subpixel-antialiased;
}

h1 {
	font-family:'Eina04W03-SemiBold', Helvetica, Arial, sans-serif;
	font-size: 150%;
	letter-spacing: 1px;
	line-height: 2em;
}

h2 {
	font-family:'Eina04W03-SemiBold', Helvetica, Arial, sans-serif;
	font-size: 100%;
	letter-spacing: 1px;
	line-height: 1.5em;
}



p {
	font-family:'Eina03-Regular', Helvetica, Arial, sans-serif;
	letter-spacing: 0px;
	margin:0;
	-webkit-font-smoothing: subpixel-antialiased;
}

/* font family */

@font-face{
	font-family: 'Eina03-Regular';
	src: url("../fonts/Eina03-Regular.woff2") format('woff2'),
	     url("../fonts/Eina03-Regular.woff") format('woff');
	font-weight: normal;
	font-display: swap;
}

@font-face{
	font-family: 'Eina04W03-SemiBold';
	src: url("../fonts/Eina04W03-SemiBold.woff2") format('woff2'),
	     url("../fonts/Eina04W03-SemiBold.woff") format('woff');
	font-weight: normal;
	font-display: swap;
}

/* "container" starts */

.container{
		background-color:#FFFFFF;
		height:100%;
		border:0;
		margin-bottom:40px;
	}

	/* "header" starts */

		.header{
			width:100%;
			height:100%;
			background-color:#FFFFFF;
		}

		.adamdanielbest_logo{
			text-align:center;
			color:#000000;
			margin-bottom:64px;
			padding-top:16px;
			padding-left:3px;

		}

	/* "global_navigation" starts */

		.global_navigation{
				font-size:30px;
				color:#29b695;
				text-decoration:none;
				padding-right:12px;
				padding-left:14px;
				display:inline;
				background-color:#FFFFFF;
			}

		.project_link{
				font-size:30px;
				color:#29b695;
				text-decoration:none;
				padding-right:12px;
				padding-left:14px;
				display:inline;
			}

		a.project_link:hover{
			color:#999999;
			}

		a.project_link:focus{
			color:#999999;
			}

		.about_me_link{
				font-size:30px;
				color:#29b695;
				text-decoration:none;
				padding-right:12px;
				padding-left:14px;
				display:inline;
			}

		a.about_me_link:hover{
			color:#999999;
			}

		a.about_me_link:focus{
			color:#999999;
			}

		.connect_link{
				font-size:30px;
				color:#29b695;
				text-decoration:none;
				padding-right:12px;
				padding-left:14px;
				display:inline;
			}

		a.connect_link:hover{
			color:#999999;
			}

		a.connect_link:focus{
			color:#999999;
			}

	/* "global_navigation" ends */


	/* "line_break" starts */

	.line_break{
		height:4px;
		width:100%;
		background-color:#CCCCCC;
		margin-top:50px;}

	/* "line_break" ends */

/* "header" ends */

/* --------------------projects home page styling starts-------------------- */

/* "project_home" starts */

	/* "project_thumbnails" starts */


	#project_thumbnail {
		float: left;
		background-color: #FFFFFF;
		padding:10px;
		margin-right:10px;
		margin-left:10px;
		margin-bottom:20px;
		border-bottom:solid;
		border-bottom-width:4px;
		border-bottom-color:#CCCCCC;
		width:330px;
		height:210px;
		background-image: url("../images/pre_loader.gif");
	}

	.wrapper {
		overflow:hidden;
		margin:0 auto;
		width:600px;
	}

	#project_image {
		float: left;
		background-color: #FFFFFF;
		padding:10px;
		margin-right:10px;
		margin-left:10px;
		margin-bottom:15px;
		border-bottom:solid;
		border-bottom-width:4px;
		border-bottom-color:#CCCCCC;
		width:900px;
		height:630px;
	}

	/* "project_thumbnails" ends */



/* "project_home" ends */

/* --------------------projects home page styling ends-------------------- */

/* --------------------projects page styling starts-------------------- */

/* "project_title" starts */

.project_title{
	padding-top:32px;
	padding-bottom:12px;}

	/* "project_title_large" starts */

	#project_title_large{
		font-size:24px;
		color:#999999;
	}

	/* "project_title_large" starts */

/* "project_title" ends */

/* "project_image" starts */

#project_image {
		float: left;
		background-color: #FFFFFF;
		padding:10px;
		margin-right:10px;
		margin-left:10px;
		margin-bottom:15px;
		border-bottom:solid;
		border-bottom-width:4px;
		border-bottom-color:#CCCCCC;
		width:900px;
		height:630px;
	}

/* "project_image" ends */

/* "project_description" starts */

	#project_description{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		padding-left:10px;
		padding-bottom:30px;
		color:#999999;
	}

/* "project_description" ends */

/* "project_description_link" starts */

	#project_description_link{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		padding-bottom:30px;
		padding-right:10px;
		color:#29b695;
		text-decoration:none;
	}

/* "project_description_link" ends */

/* "project_credit" starts */

	#project_credit{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		padding-right:10px;
		padding-bottom:30px;
		color:#999999;
		font-style:italic;
	}

/* "project_credit" ends */


/* "project_credit_link" starts */

	#project_credit_link{
		font-weight:bold;
		text-decoration:none;
		color:#999999;
	}

/* "project_credit_link" ends */



/* "project_info_top" starts */

	.project_info_top{
		padding-bottom:20px;
		padding-top:15px;
		margin-left:40px;
		margin-right:40px;
	}

		/* "project_info_icon" starts */

		#project_info_icon {

				width:22px;
				height:22px;
				position: relative;
				float: center;
				background-image:url(../images/project_info_icon.jpg);
				background-repeat:no-repeat;
				background-size: 22px 22px;
				background-position:center;
				display:block;
				padding-bottom:20px;

		}

		/* "project_info_icon" ends */

		/* "project_info_title" starts */

		#project_info_title {
			color:#999;
			font-size:15px;

		 }

		/* "project_info_title" ends */

/* "project_info_top" ends */

/* "project_info_bottom" starts */

.project_info_bottom{
		margin-left:40px;
		margin-right:40px;
		max-width:900px;
	}

		/* "project_info_copy" starts */

		#project_info_copy {
			color:#999;
			font-family:Helvetica, Arial, sans-serif;
			font-size:12px;
			line-height:16px;

		 }

		/* "project_info_copy" ends */

/* "project_info_bottom" ends */

/* "keyline" starts */

	#keyline{
		height:2px;
		font-size:1px;
		width:100%;
		background-color:#CCC;
		display:block;

	}

/* "keyline" ends */

/* "project_navigation" starts */

	.previous_button {

			width:12px;
			height:20px;
			position: relative;
			background: #FFFFFF;
			float: left;
			margin-right:10px;
			padding:20px;
			background-image:url(../images/prev_button.jpg);
			background-repeat:no-repeat;
			background-size: 12px 20px;
			background-position:center;
			display:block;

	}

	.previous_button:hover {

			width:12px;
			height:20px;
			position: relative;
			background: #FFFFFF;
			float: left;
			margin-right:10px;
			padding:20px;
			background-image:url(../images/prev_button_hover.jpg);
			background-repeat:no-repeat;
			background-size: 12px 20px;
			background-position:center;

	}

	a.previous_button:focus{
			width:12px;
			height:20px;
			position: relative;
			background: #FFFFFF;
			float: left;
			margin-right:10px;
			padding:20px;
			background-image:url(../images/prev_button_hover.jpg);
			background-repeat:no-repeat;
			background-size: 12px 20px;
			background-position:center;
			}

	.home_button {

			width:25px;
			height:20px;
			position: relative;
			background: #FFFFFF;
			float: left;
			margin-right:10px;
			padding:20px;
			background-image:url(../images/home_button.jpg);
			background-repeat:no-repeat;
			background-size: 25px 20px;
			background-position:center;
			display:block;

	}

	.home_button:hover {

			width:25px;
			height:20px;
			position: relative;
			background: #FFFFFF;
			float: left;
			margin-right:10px;
			padding:20px;
			background-image:url(../images/home_button_hover.jpg);
			background-repeat:no-repeat;
			background-size: 25px 20px;
			background-position:center;

	}

	a.home_button:focus{
			width:25px;
			height:20px;
			position: relative;
			background: #FFFFFF;
			float: left;
			margin-right:10px;
			padding:20px;
			background-image:url(../images/home_button_hover.jpg);
			background-repeat:no-repeat;
			background-size: 25px 20px;
			background-position:center;
			}

	.next_button {

			width:12px;
			height:20px;
			position: relative;
			background: #FFFFFF;
			float: left;
			padding:20px;
			background-image:url(../images/next_button.jpg);
			background-repeat:no-repeat;
			background-size: 12px 20px;
			background-position:center;
			display:block;

	}

	.next_button:hover {

			width:12px;
			height:20px;
			position: relative;
			background: #FFFFFF;
			float: left;
			padding:20px;
			background-image:url(../images/next_button_hover.jpg);
			background-repeat:no-repeat;
			background-size: 12px 20px;
			background-position:center;

	}

	a.next_button:focus{
			width:12px;
			height:20px;
			position: relative;
			background: #FFFFFF;
			float: left;
			padding:20px;
			background-image:url(../images/next_button_hover.jpg);
			background-repeat:no-repeat;
			background-size: 12px 20px;
			background-position:center;
			}

/* "project_navigation" ends */

/* "credits" starts */

	.credits {
		width:280px;
		color:#999999;
		font-family:Helvetica, Arial, sans-serif;
		font-size:12px;
		line-height:16px;
	}

	#credits_link {
		color:#29b695;
		font-family:Helvetica, Arial, sans-serif;
		font-size:12px;
		line-height:16px;
		text-decoration:none;
	}

/* "credits" ends */

/* --------------------projects page styling ends-------------------- */



/* --------------------about me page styling starts-------------------- */

/* "about_me" starts */

		/* "about_me_copy" starts */

			.about_me_copy{
			font-size:20px;
			line-height:24px;
			color:#29b695;
			padding-bottom:50px;
			padding-top:42px;
		}

		/* "about_me_copy" ends */

		/* "connect_link_2" starts */

		.connect_link_2{
			font-size:23px;
			color:#29b695;
			text-decoration:none;
		}


		a.connect_link_2:hover{
			color:#999999;
		}

		/* "connect_link" ends */

		/* "download_cv" starts */

		a.download_cv_button {
			color: #FFFFFF;
			background-color:#000000;
			text-decoration: none;
			display: block;
			vertical-align: middle;
			width:160px;
			height:44px;
			border-radius:4px;
			filter: drop-shadow(0 0 1px #000000);
			margin-bottom: 8px;

		}

		a.download_cv_button:hover {
			color: #000000;
			background-color:#88B0CD;
		}

		a.download_cv_button:focus {
			color: #000000;
			background-color:#7091A8;
		}

		a.download_cv_button:active {
			color: #FFFFFF;
			background-color:#7091A8;
			filter: none;
		}

		a#download_cv_copy{
			text-decoration:none;
			color:#666666;
			font-size:12px;
			padding-bottom:20px;
		}

		h2.button_h2{
			line-height: 43px !important;
		}

		/* "download_cv" ends */

	/* "about_me" ends */

/* --------------------about me page styling ends-------------------- */



/* --------------------connect page styling starts-------------------- */

/* "connect" starts */

		/* "connect_copy" starts */

			.connect_copy{
			font-size:26px;
			color:#000000;
			padding-bottom:20px;
			padding-top:51px;
		}

		/* "connect_copy" starts */

		/* "connect_buttons" starts */

		.connect_buttons_row_1 {

			width: 145px;
			position: relative;
			clear: both;

        }

        .email_button {

			width:40px;
			height:40px;
			position: relative;
			background: #CCCCCC;
			float: left;
			margin-right:10px;
			border-bottom:solid;
			border-bottom-color:#999999;
			border-bottom-width:4px;
			background-image:url(../images/email_icon.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;
			display:block;

        }

		.email_button:hover {

			width:40px;
			height:40px;
			position: relative;
			background: #999999;
			float: left;
			margin-right:10px;
			border-bottom:solid;
			border-bottom-color:#666666;
			border-bottom-width:4px;
			background-image:url(../images/email_icon_hover.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;

        }



        .phone_button {

			width:40px;
			height:40px;
			position: relative;
			background: #666666;
			float: left;
			margin-right:10px;
			border-bottom:solid;
			border-bottom-color:#333333;
			border-bottom-width:4px;
			background-image:url(../images/phone_icon.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;
			display:block;

        }

		.phone_button:hover {

			width:40px;
			height:40px;
			position: relative;
			background: #CCCCCC;
			float: left;
			margin-right:10px;
			border-bottom:solid;
			border-bottom-color:#666666;
			border-bottom-width:4px;
			background-image:url(../images/phone_icon_hover.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;
			display:block;

        }

		.linkedin_button {

			width:40px;
			height:40px;
			position: relative;
			background: #006699;
			float: left;
			border-bottom:solid;
			border-bottom-color:#01486d;
			border-bottom-width:4px;
			background-image:url(../images/linkedin_icon.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;
			display:block;

        }

		.linkedin_button:hover {

			width:40px;
			height:40px;
			position: relative;
			background: #999999;
			float: left;
			border-bottom:solid;
			border-bottom-color:#666666;
			border-bottom-width:4px;
			background-image:url(../images/linkedin_icon_hover.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;
			display:block;

        }

		#connect_subcopy{

			font-family:Helvetica, Arial, sans-serif !important;
			font-size:12px;
			color:#999999;
			text-decoration:none;
			width:300px;
			padding-top:5px;}

		#connect_subcopy:hover{

			font-family:Helvetica, Arial, sans-serif !important;
			font-size:12px;
			color:#999999;
			text-decoration:none;
			padding-top:5px;}

		.connect_buttons_row_2 {

			width: 90px;
			position: relative;
			clear: both;

        }

		.twitter_button {

			width:40px;
			height:40px;
			position: relative;
			background: #59c8e4;
			margin-right:10px;
			border-bottom:solid;
			border-bottom-color:#459bb1;
			border-bottom-width:4px;
			background-image:url(../images/twitter_icon.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;
			display:block;

        }

		.twitter_button:hover {

			width:40px;
			height:40px;
			position: relative;
			background: #999999;
			float: left;
			margin-right:10px;
			border-bottom:solid;
			border-bottom-color:#666666;
			border-bottom-width:4px;
			background-image:url(../images/twitter_icon_hover.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;

        }

		.pinterest_button {

			width:40px;
			height:40px;
			position: relative;
			background: #666666;
			float: left;
			margin-right:10px;
			border-bottom:solid;
			border-bottom-color:#993333;
			border-bottom-width:4px;
			background-image:url(../images/pinterest_logo.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;
			display:block;

        }

		.pinterest_button:hover {

			width:40px;
			height:40px;
			position: relative;
			background: #CCCCCC;
			float: left;
			margin-right:10px;
			border-bottom:solid;
			border-bottom-color:#666666;
			border-bottom-width:4px;
			background-image:url(../images/pinterest_logo_hover.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;
			display:block;

        }

		.instagram_button {

			width:40px;
			height:40px;
			position: relative;
			background: #6f4f3d;
			float: left;
			margin-right:10px;
			border-bottom:solid;
			border-bottom-color:#50382b;
			border-bottom-width:4px;
			background-image:url(../images/instagram_icon.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;
			display:block;

        }

		.instagram_button:hover {

			width:40px;
			height:40px;
			position: relative;
			background: #999999;
			float: left;
			margin-right:10px;
			border-bottom:solid;
			border-bottom-color:#666666;
			border-bottom-width:4px;
			background-image:url(../images/instagram_icon_hover.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;
			display:block;

        }

		.soundcloud_button {

			width:40px;
			height:40px;
			position: relative;
			background: #f47e20;
			float: left;
			margin-right:10px;
			border-bottom:solid;
			border-bottom-color:#c8681b;
			border-bottom-width:4px;
			background-image:url(../images/soundcloud_icon.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;
			display:block;

        }

		.soundcloud_button:hover {

			width:40px;
			height:40px;
			position: relative;
			background: #999999;
			float: left;
			margin-right:10px;
			border-bottom:solid;
			border-bottom-color:#666666;
			border-bottom-width:4px;
			background-image:url(../images/soundcloud_icon_hover.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;
			display:block;

        }

		.spotify_button {

			width:40px;
			height:40px;
			position: relative;
			background: #83bc35;
			float: left;
			border-bottom:solid;
			border-bottom-color:#669933;
			border-bottom-width:4px;
			background-image:url(../images/spotify_icon.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;
			display:block;

        }

		.spotify_button:hover {

			width:40px;
			height:40px;
			position: relative;
			background: #999999;
			float: left;
			border-bottom:solid;
			border-bottom-color:#666666;
			border-bottom-width:4px;
			background-image:url(../images/spotify_icon_hover.jpg);
			background-repeat:no-repeat;
			background-size: 40px 40px;
			background-position:center;
			display:block;

        }

		/* "connect_buttons" ends */

/* "connect" ends */

/* --------------------connect page styling ends-------------------- */


/* "container" ends */

/* TESTING */