/*
Theme Name: Kellie Holoski Medical Illustrator
Theme URI: http://www.kholoski.com
Description: A custom template designed by CurlyRed for Kellie Holoski Medical Illustrator <a href="http://www.kholoski.com" target="_blank">http://www.kholoski.com</a> website.
Version: 1.0
Author: CurlyRed Inc.
Author URI: http://www.curlyred.com/
*/

@media only screen and (min-width: 960px) {

/* Color Values

BG: #fff
Black: #000
Grey: #757575
Red: #cd4124

*/

/* Fonts */

@font-face {
	font-family: "Lithos Pro Regular";
	src: url("fonts/lithospro_regular.otf");
	font-smooth: always;
}

@font-face {
	font-family: "Macarons Bold Sketch";
	src: url("fonts/macarons_bold_sketch.otf");
	font-smooth: always;
}

@font-face {
	font-family: "Open Sans Bold";
	src: url("fonts/opensans_bold.ttf");
	font-smooth: always;
}

@font-face {
	font-family: "Open Sans Regular";
	src: url("fonts/opensans_regular.ttf");
	font-smooth: always;
}

/* Basic Elements */

a:link, a:visited {
	font: normal 1em "Open Sans Regular", arial, sans-serif;
	text-decoration: none;
	color: #cd4124;
	transition: color .25s ease-in-out;
}
	
a:hover, a:visited:hover {
	text-decoration: none;
	color: #757575;
}

body { 
	font: normal 16px/20px "Open Sans Regular", arial, sans-serif;
	color: #000;
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
}

br {
	margin: 0 0 10px 0;
}

h1 {
	font: normal 1.5em "Lithos Pro Regular", arial, sans-serif;
	text-transform: uppercase;
	color: #cd4124;
	margin: 0 0 20px 0;
	padding: 0;
}

hr {
	border: none 0; 
	border-top: 1px solid #000;
	height: 2px;
	margin: 20px 0;
	padding: 0;
}

img {
	display: block;
	border: none;
}

p {
	margin: 0 0 20px 0;
	padding: 0;
}

li {
	margin: 0 0 0 15px;
	padding: 0;
}
	
ul {
	list-style-type: disc;
	margin: 15px 0;
	padding: 0;
}
	
/* Specific Elements */

#about_image {
	width: 300px;
	margin: 0 auto;
	padding: 0;
	float: right;
}

#about_text, #contact_text {
	width: 560px;
	margin: 0 auto;
	padding: 0;
	float: left;
}

#body_container {
	width: 1200px;
	margin: 0 auto;
	padding: 50px;
	text-align: left;
	position: relative;
}

#footer {
	width: 1200px;
	margin: 20px auto 0 auto;
	padding: 20px 0 0 0;
	font: normal .85em "Open Sans Regular", arial, sans-serif;
	text-transform: uppercase;
	color: #000;
	border-top: 2px solid #000;
	clear: both;
}

#footer a:link, #footer a:visited {
	font: normal 1em "Open Sans Regular", arial, sans-serif;
	text-decoration: none;
	color: #000;
	transition: color .25s ease-in-out;
}
	
#footer a:hover, #footer a:visited:hover {
	text-decoration: none;
	color: #cd4124;
}

#f_left {
	width: 260px;
	margin: 0;
	padding: 0;
	float: left;
}

#f_right {
	width: 900px;
	margin: 0;
	padding: 0;
	text-align: right;
	float: right;
}

#hamburger {
	display: none;
}

#home_clients {
	width: 1200px;
	margin: 20px auto 0 auto;
	padding: 20px 0 0 0;
	border-top: 2px solid #000;
	clear: both;
}

#home_clients h1 {
	width: 260px;
	font: normal 4em/.85em "Macarons Bold Sketch", arial, sans-serif;
	text-transform: none;
	color: #000;
	margin: 0;
	padding: 0;
}

#home_clients_left {
	width: 260px;
	float: left;
}

#home_clients_right {
	width: 900px;
	float: right;
}

#home_portfolio {
	width: 900px;
	margin: 0;
	padding: 0;
}

#home_portfolio_mobile {
	display: none;
}

#logo {
	width: 260px;
	height: 295px;
	margin: 0 auto;
	padding: 100px 0;
}

#logo img {
	width: 100%;
	height: auto;
	max-width: 260px;
	margin: 0 auto;
	padding: 0;
}

#main_left {
	width: 260px;
	margin: 0 auto;
	padding: 0;
	float: left;
	position: relative;
}

#main_right {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	float: right;
	position: relative;
}

#menu_container {
	width: 260px;
	border-top: 2px solid #000;
	margin: 15px 0 0 0;
	padding: 40px 0;
}

#mobile_footer {
	display: none;
}

#mobile_logo {
	display: none;
}

#mobile_menu_container {
	display: none;
}

/* Classes */

.button {
	width: 88px;
	font: normal .85em "Open Sans Regular", arial, sans-serif;
	color: #fff;
	background-color: #757575;
	border: 1px solid #000;
	margin: 0;
	padding: 5px;
	cursor: pointer;
	transition: background-color .25s ease-in-out;
}

.button:hover {
	background-color: #cd4124;
}

.clear:after {
  content: "";
  display: table;
  clear: both;
}

.client_slider_mobile {
	display: none;
}

.home_client {
	width: 168px;
	margin: 0;
	padding: 0;
	float: left;
}

.home_thumb {
	width: 290px;
	height: 240px;
	margin: 0 15px 15px 0;
	padding: 0;
	float: left;
}

.home_thumb:nth-child(3n) {
	margin: 0 0 15px 0;
}

/* main menu */
.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu li {
	font: normal 1.25em "Lithos Pro Regular", arial, sans-serif;
	text-transform: uppercase;
	list-style: none;
	display: block;
	margin: 0;
	padding: 0 0 50px 0;
	color: #000;
}

.menu li:last-child {
	padding: 0;
}

.menu li a {
	font: normal 1em "Lithos Pro Regular", arial, sans-serif;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #000;
	transition: color .25s ease-in-out;
}
	
.menu li a:hover {
	text-decoration: none;
	color: #cd4124;
}

/* sub-menu */
.menu ul li ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display:none;
}

.menu li ul li {
	font: normal .8em "Lithos Pro Regular", arial, sans-serif;
	text-transform: uppercase;
	list-style: none;
	display: block;
	margin: 0;
	padding: 0 0 5px 20px;
	color: #000;
}

.menu li ul li:last-child {
	padding: 0 0 0 20px;
}

.menu li ul li a {
	font: normal 1em "Lithos Pro Regular", arial, sans-serif;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #000;
	transition: all .25s ease-in-out;
}
	
.menu li ul li a:hover {
	text-decoration: none;
	color: #cd4124;
}

.portfolio_large {
  position: relative;
  width: 870px;
}

.portfolio_large li {
  margin: 0;
}

.portfolio_large img {
  width: 870px;
  height: 650px;
}

.portfolio_text {
	width: 900px;
	margin: 20px 0;
	padding: 0;
	text-align: left;
}

.portfolio_text h1 {
	font: italic 1.25em "Open Sans Bold", arial, sans-serif;
	text-transform: none;
	color: #000;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

.portfolio_text h2 {
	font: normal 1.25em "Open Sans Regular", arial, sans-serif;
	text-transform: none;
	color: #000;
	margin: 0;
	padding: 0;
	float: left;
}

.portfolio_text p {
	clear: both;
}

.portfolio_text br {
	margin: 0;
}

.portfolio_thumb {
	margin: 20px auto 0 auto;
	padding: 20px 0 0 0;
	border-top: 2px solid #000;
}

.social {
  	height: 30px;
  	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	opacity: .5;
	transition: opacity .25s ease-in-out;
}

.social:last-child {
	margin: 0;
}

.social img {
	width: auto;
	height: 100%;
	max-height: 30px;
}

.social:hover {
  	opacity: 1;
}

.textarea {
	width: 268px;
	font: normal .85em "Segoe Semilight", arial, sans-serif;
	background-color: #fff;
	border: 1px solid #000;
	margin: 0;
	padding: 5px;
}

.textfield {
	width: 268px;
	font: normal .85em "Segoe Semilight", arial, sans-serif;
	background-color: #fff;
	border: 1px solid #000;
	margin: 0;
	padding: 5px;
}

.textarea, .textfield {
	margin: 0 0 5px 0;
}

.thumb {
  float: left;
  width: 60px;
  height: 60px;
  margin: 0 24px 24px 0;
  cursor: pointer;
}

.thumb img {
  width: 60px;
}

.thumb:nth-child(11n) {
	margin: 0;
}

/* Contact Form 7 Plugin */

.wpcf7-not-valid-tip {
	font-size: 0.9em !important;
	margin: 0 0 0 10px !important;
	color: #757575 !important;
	display: inline !important;
}

.wpcf7-response-output {
	font-size: 0.9em !important;
	color: #757575 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wpcf7-mail-sent-ok {
	border: none !important;
}

.wpcf7-validation-errors {
	border: none !important;
}

/* End */

}