/*
File:			custom.css
Description:	Custom styles for Thesis
More Info:		http://diythemes.com/thesis/rtfm/custom-css/
*/

.custom .menu-main-container {background-color:#6C211E; }

#sidebar_1 { background-color:#e2e2e2; }
/*.custom #content_box .no_sidebars { width:80%; margin-left:10%; }*/
/*body.custom { background: #93cabc url('images/bg-ornate.gif'); }*/
/*body.custom { background: #ee5f25 url('images/bg-red-orange.jpg'); background-repeat: repeat-x; }*/
/*body.custom { background: #ee5f25 url('images/bg-6925635.jpg');  }*/
.custom #page { border-left: 1px solid #cecece; border-right: 1px solid #cecece; }
.custom #content { width: 79.2em; }
.custom .no_sidebars #content { width: 100%; }

.custom .sidebar h3 { font-size: 20px; line-height: 26px; font-variant: normal; text-transform: uppercase; letter-spacing: 0; }
.custom .post_box, .custom .teasers_box, .custom .full_width #content_box .page { margin: 1em 2.3em 0 4.0em; }	
.post_box { padding-top: 1em; }

.custom h1 { font-size: 18pt; margin-bottom:24px; border-bottom: 1px solid #6C211E; }
.custom h1.home { font-size: 24pt; line-height: 30pt; text-align:center; border-bottom: 1px solid #6C211E;}
.custom h2 { font-size:17pt; border-bottom: 1px solid #6C211E; font-weight:normal; }
.custom h1#logo {
    margin-bottom: 0px;
}

.indent { margin-left:60%; }
p.indent { margin-top:-15px;  }

#swooshlist { list-style: none; margin-left: 0; padding-left: 0; } 
#swooshlist li { padding-left: 40px; background-image: url(http://emmelinechang.com/wp-content/uploads/2012/08/bullet.png); background-repeat: no-repeat; background-position: 0 .2em; margin-bottom: 20px; padding-bottom:5px; font-size: 14pt; line-height: 1.2; }
.highlight { color:#CA1C20; font-weight:bold; }

ul.heart { list-style-type: none; }

.heart li {
     background:url(http://emmelinechang.com/wp-content/uploads/2014/03/heart.gif) no-repeat left top ; 
     padding-left: 30px; /* the width of your image + some space */
     margin: 10px 0px;
}
hr { padding: 0; border: none; border-top: 1px solid #CA1C20; color: #CA1C20; text-align: center; margin-top:20px; margin-bottom:20px; }
hr:after { content: "§"; display: inline-block; position: relative;  top: -0.7em;   font-size: 1.1em; padding: 0 0.25em; background: #fff; }

/* Custom Header Rightside */
.custom .rightside { float:right; font-size:1.35em; line-height:1.45em; margin-right:.8em; margin-top:-160px; width:236px;}

/* Social Media Icons */
.custom .socialmedia { float:right; margin-top:-305px; }
.custom .socialmedia a { opacity: 0.85; } 
.custom .socialmedia a:hover { opacity: 1.0; }

.shadow  { -moz-box-shadow: 2px 2px 3px #000; -webkit-box-shadow: 2px 2px 3px #000; box-shadow: 2px 2px 3px #000; border: 0; }

a.writing-rollover { display: block; width: 313px; height: 64px; text-decoration: none; background: url("http://emmelinechang.com/wp-content/uploads/2012/10/writing-rollover.png"); float:right; margin-right:55px; }
a.writing-rollover:hover { background-position: -313px 0; }
.displace { position: absolute; left: -5000px;}
a.coaching-rollover { display: block; width: 317px; height: 64px; text-decoration: none; background: url("http://emmelinechang.com/wp-content/uploads/2012/10/coaching-rollover.png"); float:left; }
a.coaching-rollover:hover { background-position: -317px 0; }

/* help the 1sc forms look better */
.custom .exploratory form input { margin-bottom:10px; }

/* MAILCHIMP */
.custom #mc_embed_signup { background: transparent; }
.custom #mc_embed_signup .mc-field-group { min-height:20px; }
.custom #mc_embed_signup .mc-field-group input { padding: 3px 0; }
.custom #mc_embed_signup div.response { margin: .1em; 0; padding: 0; font-weight: normal; float: left; top: -1.6em; z-index: 1;  font-size:11px;  background:#fff; }
.custom #mc_embed_signup div.mce_inline_error {
    background-color: #fff;
    color:green;
    font-size:11px;
    font-weight: normal;
    margin: 0 0 1em;
    padding: 2px;
    z-index: 1;
}
/*  new work to make mobile friendly 4/15
.format_text img,
.format_teaser img,
.format_text iframe,
.format_text object {
	max-width: 100%
}

.format_text img,
.format_teaser img {
	height: auto
}

*/

/** RESPONSIVE STYLES **/
/* @media (max-width: 985px) {
#container { width: 98%; }
#header { background-size:98%; }
}
*/
@media (max-width: 600px) {
  .custom .menu li { font-size:30px; }
   #swooshlist li { font-size: 20pt; } 
.format_text { font-size: 2.5em; }
.custom h1.home { font-size:40px; line-height:1.5; }
.custom .sidebar h3 { font-size:30px; line-height:1.5; }
li.widget { font-size:2.5em; }
}

@media (max-width: 300px) {
  .custom .menu li { font-size:40px; }
}