/* Karen Lee Sobol main style sheet */ 

@import url(reset.css);

/* General Styles */
body {
	width: 100%;
	font-family: 'Montserrat', sans-serif;
}

h1 {
	color: #3A74B0;
	font-weight: 700;
}

.header_box h1,
.title_container h1 {
	text-transform: uppercase;
}

/* Head */
.nav_search_box {
	overflow: hidden;
}

		.nav_box ul li {
			display: inline;
		}

			.nav_box ul li a {
				color: #7C95A5;
				font-weight: 700;
				text-transform: uppercase;
			}

		.search_field {
			border: none;
			background-color: #eee;
			height: 25px;
			vertical-align: middle;
		}

		.search_submit {
			height: 25px;
			vertical-align: middle;
		}

/* Foot */
.footer_container {
	text-align: center;
	margin-top: 50px;
}

	.footer_box {

	}

	.designer_box {
		font-size: 9px;
	}

/* Home */
.home_main_image_container {
	text-align: center;
}

/* Work */
.work_main_container {
	overflow: hidden;
}

	.work_list_container {
		overflow: hidden;
	}

	.work_thumb_box,
	.work_top_thumb_box {
		float: left;
	}

		.work_thumb_box img,
		.work_top_thumb_box img {
			object-fit: cover;
		}

		.work_thumb_box h2,
		.work_top_thumb_box h2 {
			color: #7C95A5;
			text-transform: uppercase;
			font-weight: 700;
		}

	.work_container {
		overflow: hidden;
	}

		.work_box h1,
		.work_info_box,
		.work_description_box {
			color: #414141;
		}

		.work_box h1 {
			font-style: italic;
		}

		.work_nav_box {
			overflow: hidden;
		}

			.work_prev_box{
				float: left;
				margin-left: 20px;
			}

			.work_next_box {
				float: right;
				margin-right: 20px;
			}

				.work_prev_box a,
				.work_next_box a {
					font-weight: 700;
					color: #000;
					font-size: 25px;
				}

	.work_sibling_box {
		overflow: hidden;
	}

		.work_sibling_thumb_box img {
			object-fit: cover;
		}

	.fab,
	.fas {
		font-family: 'FontAwesome';
		font-size: 30px;
		color: #000;
	}

/* News */
.news_main_container {
	overflow: hidden;
}

		.news_item_box {
			border-bottom: 1px solid #3A74B0;
		}

			.news_item_box h2 {
				color: #7C95A5;
			}

			.news_video_box {

			}

			.news_pdf_box {
				margin: 10px 0;
			}

				.news_pdf_box a {
					color: #7C95A5;
				}

				.fa.fa-file-text-o {
					font-size: 30px;
				}

			.news_date_box {
				color: #7C95A5;
				font-weight: 400;
			}

			.news_main_text_box {
				color: #414141;
			}

				.news_main_text_box em {
					font-style: italic;
				}

				.news_main_text_box strong {
					font-weight: bold;
				}

/* Contact */
.contact_container {
	overflow: hidden;
}

	.contact_form_row label {
		color: #7C95A5;
		font-weight: 500;
	}

	.contact_form_row input {
		background-color: #F2F2F2;
		border: none;
		height: 30px;
		width: 100%;
	}

	.contact_form_row textarea {
		background-color: #F2F2F2;
		border: none;
		width: 100%;
	}

	.contact_submit {
		border: none;
		background-color: #7C95A5;
		color: #fff;
		padding: 10px 20px;
		font-weight: 700;
		font-size: 16px;
		cursor: pointer;
		float: right;
	}

/* About */
.about_main_container {
	overflow: hidden;
}

	.about_bio_image_box {
		float: left;
	}

		.about_main_text_box p {
			margin-bottom: 15px;
			font-size: 14px;
		}

		.about_main_text_box strong {
			color: #7B93A3;
			font-weight: 700;
		}

/* Search Results */
.search_results_main_container {
	overflow: hidden;
}

	.search_results_list_container {
		overflow: hidden;
	}

		.search_result_box {
			float: left;
		}

			.search_result_box img {
				object-fit: cover;
			}

/* ***************** MEDIA QUERIES ***************** */
@media only screen and (max-width: 499px) {
	h1 {
		font-size: 18px;
	}
	
	/* Head */
	.logo_container {
		margin: 20px 0 0 2%;
	}

		.logo_container img {
			max-width: 60%;
		}

	.nav_search_box {
		margin: 15px 2% 40px 2%;
		float: left;
	}
	
			.nav_box ul li {
				margin-right: 10px;
			}
	
				.nav_box ul li a {
					font-size: 14px;
				}
	
		.search_box {
			float: right;
			margin-top: 10px;
		}
	
	/* home */
	.home_main_image_container {
		width: 98%;
		margin: 0 auto;
	}
	
		.home_main_image_container img {
			width: 100%;
		}	
	
	/* Work */
	.work_main_container {
		width: 98%;
		margin: 0 auto 0 1%;
	}
	
		.work_list_container {
			margin-left: 1%;
		}
	
		.work_thumb_box,
		.work_top_thumb_box {
			width: 42vw;
			height: 42vw;
		}

		.work_thumb_box {
			margin: 0 4% 20px 0;
		}

		.work_top_thumb_box {
			margin: 0 4% 60px 0;
		}
	
			.work_thumb_box img,
			.work_top_thumb_box img {
				height: 100%;
				width: 100%;
			}
	
			.work_thumb_box h2,
			.work_top_thumb_box h2 {
				font-size: 15px;
			}
	
			.work_box {
				margin-bottom: 20px;
			}

				.work_box img {
					max-width: 100%;
				}

				.work_box h1 {
					font-weight: 400;
					font-size: 18px;
					margin-bottom: 3px;
				}
	
				.work_info_box {
					font-size: 14px;
					margin-bottom: 6px;
				}
	
				.work_description_box {
					font-size: 12px;
				}
	
			.work_sibling_box {
				border-top: 1px solid #3A74B0;
				margin: 20px 0 0 1%;
				padding-top: 10px;
			}
	
				.work_sibling_thumb_box {
					width: 20vw;
					height: 20vw;
					float: left;
					margin: 0 3% 10px 0;
				}
	
					.work_sibling_thumb_box img {
						width: 100%;
						height: 100%;
					}
	
	/* News */
	.news_main_container {
		width: 98%;
		margin: 0 auto 0 1%;
	}
	
		.news_item_box {
			margin-bottom: 30px;
			padding-bottom: 30px;
		}

			.news_item_box img {
				max-width: 100%;
			}

			.news_item_box h2 {
				font-size: 18px;
				margin-bottom: 5px;
			}

			.news_date_box {
				font-size: 14px;
				margin: 10px 0 5px 0;
			}

			.news_main_text_box {
				font-size: 13px;
			}
	
	/* Contact */
	.contact_container {
		margin: 0 auto;
		width: 98%;
	}
	
		.contact_form_row {
			margin-bottom: 15px;
		}
	
			.contact_form_row label {
				font-size: 15px;
			}
	
	/* About */
	.about_main_container {
		width: 98%;
		margin: 0 auto;
	}
	
		.about_bio_image_box {
			margin-right: 2%;
		}

			.about_bio_image_box img {
				max-width: 100%;
				margin-bottom: 10px;
			}
	
		.about_main_text_box {
			width: 98%;
		}
	
			.about_main_text_box strong {
				font-size: 16px;
			}
	
	.about_lower_art_container {
		width: 98%;
		margin: 0 auto;
	}

		.about_lower_art_container img {
			max-width: 100%;
		}
	
	/* Search Results */
	.search_results_main_container {
		overflow: hidden;
		width: 98%;
		margin: 0 auto;
	}

	.search_results_list_container {
		margin-left: 1%;
	}
	
		.search_result_box {
			width: 42vw;
			height: 42vw;
			margin: 0 4% 20px 0;
		}

			.search_result_box img {
				width: 100%;
				height: 100%;
			}
}
	
@media only screen and (min-width: 500px) and (max-width: 999px) {
	h1 {
		font-size: 18px;
	}
	
	/* Head */
	.logo_container {
		margin: 20px 0 0 2%;
	}

		.logo_container img {
			max-width: 50%;
		}

	.nav_search_box {
		margin: 15px 0 40px 2%;
	}

		.nav_box {
			float: left;
			margin-right: 3%;
		}

			.nav_box ul li {
				margin-right: 9px;
			}

				.nav_box ul li a {
					font-size: 16px;
				}

		.search_box {
			float: left;
		}
	
	/* home */
	.home_main_image_container {
		width: 98%;
		margin: 0 auto;
	}
	
		.home_main_image_container img {
			width: 100%;
		}	
	
	/* Work */
	.work_main_container {
		width: 98%;
		margin-left: 1.5%;
	}
	
		.work_thumb_box,
		.work_top_thumb_box {
			width: 28vw;
			height: 28vw;
		}

		.work_thumb_box {
			margin: 0 3% 20px 0;
		}

		.work_top_thumb_box {
			margin: 0 3% 60px 0;
		}
	
			.work_thumb_box img,
			.work_top_thumb_box img {
				height: 100%;
				width: 100%;
			}
	
			.work_thumb_box h2,
			.work_top_thumb_box h2 {
				font-size: 17px;
			}
	
		.work_container {
			width: 98%;
			margin-right: 1%;
		}
	
			.work_box {
				margin-bottom: 20px;
			}

				.work_box img {
					max-width: 100%;
				}

				.work_box h1 {
					font-weight: 400;
					font-size: 18px;
					margin-bottom: 3px;
				}
	
				.work_info_box {
					font-size: 14px;
					margin-bottom: 6px;
				}
	
				.work_description_box {
					font-size: 12px;
				}
	
			.work_sibling_box {
				border-top: 1px solid #3A74B0;
				padding-top: 10px;
				margin: 0 3% 10px 0;
			}
	
				.work_sibling_thumb_box {
					width: 9vw;
					height: 9vw;
					float: left;
					margin: 0 2% 15px 0;
				}
	
					.work_sibling_thumb_box img {
						width: 100%;
						height: 100%;
					}
	
	/* News */
	.news_main_container {
		width: 98%;
		margin: 0 1% 0 auto;
	}
	
		.news_item_box {
			margin-bottom: 30px;
			padding-bottom: 30px;
		}

			.news_item_box img {
				max-width: 100%;
			}

			.news_item_box h2 {
				font-size: 18px;
				margin-bottom: 5px;
			}

			.news_date_box {
				font-size: 14px;
				margin: 10px 0 5px 0;
			}

			.news_main_text_box {
				font-size: 13px;
			}
	
	/* Contact */
	.contact_container {
		margin: 0 auto;
		width: 98%;
	}
	
		.contact_form_row {
			margin-bottom: 15px;
		}
	
			.contact_form_row label {
				font-size: 15px;
			}
	
	/* About */
	.about_main_container {
		width: 98%;
		margin: 0 auto;
	}
	
		.about_bio_image_box {
			margin-right: 2%;
		}

			.about_bio_image_box img {
				max-width: 100%;
				margin-bottom: 10px;
			}
	
		.about_main_text_box {
			width: 98%;
		}
	
			.about_main_text_box strong {
				font-size: 16px;
			}
	
	.about_lower_art_container {
		width: 98%;
		margin: 0 auto;
	}

		.about_lower_art_container img {
			max-width: 100%;
		}
	
	/* Search Results */
	.search_results_main_container {
		overflow: hidden;
		width: 98%;
		margin: 0 auto;
	}
	
		.search_result_box {
			width: 43vw;
			height: 43vw;
			margin: 0 4% 20px 0;
		}

			.search_result_box img {
				width: 100%;
				height: 100%;
			}
}

@media only screen and (min-width: 1000px) {
	body {
		padding: 0 0.5%;
	}
	
	h1 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	
	/* Head */
	.logo_container {
		margin: 20px 0 0 1.5%;
	}

		.logo_container img {
			max-width: 35%;
		}
	
	.nav_search_box {
		margin: 15px 0 40px 1.5%;
	}
	
		.nav_box {
			float: left;
			margin-right: 5%;
		}
	
			.nav_box ul li {
				margin-right: 30px;
			}
	
				.nav_box ul li a {
					font-size: 18px;
				}
	
		.search_box {
			float: left;
		}
	
	/* Work */
	.work_main_container {
		margin-left: 1.5%;
	}
	
		.work_list_container {
			overflow: hidden;
		}
	
		.work_thumb_box,
		.work_top_thumb_box {
			width: 16vw;
			height: 16vw;
		}

		.work_thumb_box {
			margin: 0 1% 20px 0;
		}

		.work_top_thumb_box {
			margin: 0 1% 55px 0;
		}
	
			.work_thumb_box img,
			.work_top_thumb_box img {
				height: 100%;
				width: 100%;
			}
	
			.work_thumb_box h2,
			.work_top_thumb_box h2 {
				font-size: 17px;
			}
	
		.work_container {
			margin-left: 1.5%;
		}
	
			.work_box {
				float: left;
				width: 57%;
				margin-right: 9vw;
			}

				.work_box img {
					max-width: 100%;
				}

				.work_box h1 {
					font-weight: 400;
					font-size: 18px;
					margin-bottom: 3px;
				}
	
				.work_info_box {
					font-size: 14px;
					margin-bottom: 6px;
				}
	
				.work_description_box {
					font-size: 12px;
				}
	
			.work_sibling_box {
				float: left;
				border-left: 1px solid #3A74B0;
				padding-left: 1vw;
				width: 32%;
			}
	
				.work_sibling_thumb_box {
					width: 5vw;
					height: 5vw;
					float: left;
					margin: 0 10px 10px 0;
				}
	
					.work_sibling_thumb_box img {
						width: 100%;
						height: 100%;
					}
	
	/* News */
	.news_main_container {
		width: 50%;
		margin: 0 0 0 10%;
	}
	
		.news_item_box {
			margin-bottom: 30px;
			padding-bottom: 30px;
		}

			.news_item_box h2 {
				font-size: 18px;
				margin-bottom: 5px;
			}

			.news_date_box {
				font-size: 14px;
				margin: 10px 0 5px 0;
			}

			.news_main_text_box {
				font-size: 13px;
			}
	
	/* Contact */
	.contact_container {
		margin-left: 1.5%;
		width: 40%;
	}
	
		.contact_form_row {
			margin-bottom: 30px;
		}
	
			.contact_form_row label {
				font-size: 15px;
			}
	
	/* About */
	.about_main_container {
		width: 75%;
		margin: 0 auto 0 15%;
	}
	
		.about_bio_image_box {
			margin-right: 2%;
			float: left;
		}
	
		.about_main_text_box {
			width: 50%;
		}
	
			.about_main_text_box strong {
				font-size: 16px;
			}
	
	.about_lower_art_container {
		float: left;
	}
	
	/* Search Results */
	.search_results_main_container {
		overflow: hidden;
	}
	
		.search_result_box {
			width: 16vw;
			height: 16vw;
			margin: 0 1% 20px 0;
		}

			.search_result_box img {
				width: 100%;
				height: 100%;
			}
}