/*
Theme Name:     William M. Shields P.C. Theme
Theme URI:      http://www.jellyflea.com/
Description:    Child theme for the Hardy Theme 
Author:         JellyFlea Creative, Kyle W. Henderson
Author URI:     http://www.jellyflea.com
Template:       hardy
Version:        1.1
*/
@import url("../hardy/style.css");

body {
background-image: url('images/straws.png');
}

#header #logo {
max-width:440px;
}

#homeMessage {
background:#2c2220;
color:#fff;
}

#pageHead {
background:#2c2220;
}

.home .slideshow .details h2 span {
color:#333;
text-shadow:none;
}

.home .slideshow .details p {
color:#333;
}

.text {
padding:10px;
background:url('images/opacity-60.png');
border-top:3px solid #fbaa28;
}

#pageHead h1 {
color:#fff;
}

.wp-caption img {
border:1px solid #ccc;
padding:7px;
}

.wp-caption-text {
text-align:center;
font-size:0.8em;
}

#footer {
background:#2c2220;
color:#fff;
}

.children_pages_list li {
border:1px solid #ccc;
padding:7px !important;
text-align:center !important;
background:#f1f1f1 !important;

}

.children_pages_list li.current_page_item {
background:#2c2220 !important;
}

.children_pages_list li.current_page_item a {
color:#fff !important;
}

.children_pages_list li a {
color:#2c2220;
}

.payment-form label {
display:inline-block;
width:200px;
}

.column .wp-caption {
max-width:100%;
}

input {
max-width:90%;
}

input[type="number"] {
    background-color: #fafafa;
    padding: 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #6a6a6a;
    border: 1px solid rgba(0,0,0,.05);
    border-bottom: 2px solid rgba(0,0,0,.1);
    background: #f7f7f7;
    font-size: .9em;
    -webkit-appearance: none;
}

/*//////////////////////////////////////////////////////////////////// 
//  12 - Media Queries
////////////////////////////////////////////////////////////////////*/

/* iPad Landscape */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

}

/* iPad Portrait */

@media only screen and (max-width: 975px) {	
	#header #logo {
	width:auto;
	}
}

@media only screen and (max-width: 870px) {		
	#header #logo {
	float:none;
	margin:0 auto;
	}

	#mainNav { 
	position:relative;
	margin:20px auto;
	}	
}

@media only screen and (max-width: 768px) and (orientation:portrait) {		
	
}

/*layouts smaller than 600px, iPhone and mobiles*/
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {
	#header #logo {
	width:100%;
	margin-top:8px;
	}
}

/* iPhone Landscape */
@media screen and (max-width: 480px) and (orientation: landscape) {
	
}

/* iPhone Portrait */
@media screen and (max-width: 480px) and (orientation: portrait) {
		
}