/*
Theme Name:     Fable child
Description:    
Author:         
Template:       Fable

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../Fable/style.css");

.whiteimg {

padding:8px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:white;
}

.imgshdw {
    -webkit-box-shadow: 3px 3px 3px #7C7C7C;
    box-shadow: 3px 3px 3px #7C7C7C;
    }

img {

max-width: 100%;
height: auto;
}

.imgupleft {margin: 0 20px 20px 0;}
.imgupright {margin: 0 0 20px 20px;}
.imgdownright {margin: 20px 0 0 20px;}
.imgdownleft {margin: 20px 20px 0 0;}
.img20 {margin: 20px;}
.img20zero {margin-top: 20px; margin-bottom: 20px;}
.imgzero20 {margin-left: 20px; margin-right:20px;}

.right_half {float:right; width:50%; line-height:1.5em;}
.left_half {float:left; width:50%; line-height:1.5em;}

#main-footer { background-color:white; }

#logo { float: left; margin: 0 48px 25px 10px; }

#top-menu { padding-top: 37px; }

#top-menu a:hover { color: #AB877D; }

#et-social-icons {padding-top: 30px; }

.mobsocial {display:none;}

.home .entry-title h1 {display:none;}

.home .entry-title {height:160px!important;}

#main-footer  a {color:#995732;}

.left_home{float:left; width:40%; line-height:1.5em;}

.et-box-content {line-height:24px !important; color:black !important;}

.tagline {
	font-family: 'Raleway';
	font-size: 50px;
	text-align: center;
	margin: 50px 0px;
}

h2.subtag {
	font-size:24px; 
	color: #381b00;
	text-align: center;
	margin-bottom:30px;
	}

.menutable table {
	border:0px;
	margin-bottom: 50px;
	margin-top:10px;
	width:500px;	
}

.menutable table tr, .menutable table td {
	border:none;
	vertical-align:top;
	border-bottom: 1px solid black;
}

.menutxt {margin: 10px 10% 30px 10%; line-height:1.5em;}

#footer-info { color: #B89E88; }
#footer-info a { color: #9e9e9e; }
#footer-info a:hover { color: #111; text-decoration: none; }

@media only screen and ( max-width: 767px ) {
.left_home{float:none; width:100%;}
.right_half {float:none; width:100%;}
#logo { float: none; margin: 10px 0px; }
.tagline {font-size: 30px;}
.mobsocial {display:block; padding-bottom: 50px;}
}