/*
Theme Name: JoyfulAbode
Theme URI: http://onestarrynight.com
Description: Custom WP Theme for JoyfulAbode
Author: Sarah Vincent
Author URI: http://onestarrynight.com
*/

#text-52 {clear:left;margin-top:80px;}

.even {margin:20px auto;padding:20px 20px 5px 20px;width:95%;clear:both;background:#c9e4e9;}

.even .alignleft {width:150px;  background:#fff;border:4px solid #fff;}

/*  SECTIONS  */

.section {clear: both;padding: 0px;margin: 0px;}


/*  COLUMN SETUP  */

.col {display: block;float:left;margin: 1% 0 1% 1.6%;}

.col:first-child { margin-left: 0; }



/*  GRID OF TWO    */



.span_2_of_2 {width: 100%;}

.span_1_of_2 {width: 49.2%;}



/*  GRID OF THREE  */



.span_3_of_3 {width: 100%;}

.span_2_of_3 {width: 66.1%;}

.span_1_of_3 {width: 32.2%;}



/*  GRID OF FOUR  */



.span_4_of_4 {width: 100%;}

.span_3_of_4 {width: 74.6%;}

.span_2_of_4 {width: 49.2%;}

.span_1_of_4 {width: 23.8%;}



/*  GRID OF FIVE */



.span_5_of_5 {width: 100%;}

.span_4_of_5 {width: 79.68%;}

.span_3_of_5 {width: 59.36%; }

.span_2_of_5 {width: 39.04%;}

.span_1_of_5 {width: 18.72%;}





/*  GRID OF SIX */



.span_6_of_6 {width: 100%;}

.span_5_of_6 {width: 83.06%;}

.span_4_of_6 {width: 66.13%;}

.span_3_of_6 {width: 49.2%;}

.span_2_of_6 {width: 32.26%;}

.span_1_of_6 {width: 15.33%;}



/*  GRID OF EIGHT */



.span_8_of_8 {width: 100%;}

.span_7_of_8 {width: 87.3%;}

.span_6_of_8 {width: 74.6%;}

.span_5_of_8 {width: 61.9%;}

.span_4_of_8 {width: 49.2%;}

.span_3_of_8 {width: 36.5%;}

.span_2_of_8 {width: 23.8%;}

.span_1_of_8 {width: 11.1%;}





/*  GROUPING  */



.group:before, .group:after {content:"";display:table;}

.group:after {clear:both;}

.mobile4 {width:134px !important; margin:0 20px;float:left;}


.sf-bg-instgram {
    background: #93A73B !important;
}

.sf-bg-facebook {
    background: #A842AA !important;
}

.sf-bg-google {
    background: #E76B2F !important;
}

.sf-bg-pinterest {
    background: #D13D58 !important;
}

.sf-bg-twitter {
    background: #44B1C3 !important;
}

.sf-bg-youtube {
background: #EDB500 !important; 
}

.sf-widget-holder a, .sf-widget-holder a:link,.sf-widget-holder a:active { color: #fff !important;}

.specialawesome {border:5px solid #A5D006; padding:8px; margin:10px auto;font-size:1.2em}

.etsy-shop-listing-table {position:relative; margin:0 auto !important;width:566px;}
/* best year ever */

#bestyear {width: 85%; margin: 0 auto; position: relative;font-size:1.4rem; font-weight:300;}
.page-id-2114 .post h2 {text-align:center !important; text-transform:uppercase !important; letter-spacing:1.5px !important;font-size:2.8rem !important; padding:20px 0 10px 0;font-weight:normal !important; line-height:3rem;}
.page-id-2114 .post h3 {text-align:center !important; text-transform:uppercase !important; letter-spacing:1.5px !important;font-size:1.6rem !important;padding:20px 0 10px 0; font-weight:300 !important;line-height:2.0rem;}
.page-id-2114 .post h4 {line-height:2.5rem}
.bestvid {margin:40px auto; position:relative; width:640px;}

/* sdd clutter free */

#clutterfree {width: 85%; margin: 0 auto; position: relative;font-size:1.4rem; font-weight:300;}
.page-id-2408 .post h2 {text-align:center !important; text-transform:uppercase !important; letter-spacing:1.5px !important;font-size:2.8rem !important; padding:20px 0 10px 0;font-weight:normal !important; line-height:3rem;}
.page-id-2408 .post h3 {text-align:center !important; text-transform:uppercase !important; letter-spacing:1.5px !important;font-size:1.6rem !important;padding:20px 0 10px 0; font-weight:300 !important;line-height:2.0rem;}
.page-id-2408 .post h4 {line-height:2.5rem}
.bestvid {margin:40px auto; position:relative; width:640px;}

/* basics */

.date-wrap {
    font-size: 16px;
    width: 68px;
    padding: 8px 0px;
    background-color: #80ab0e;
}

.date-wrap span {
    margin-right: 0px !important;
    display: block;
    line-height: 0.8em;
    text-align: center;
    text-transform: uppercase;
    font-family: Arial;
}

.month {
    letter-spacing: 2px;
    color: #FFF; margin-left: 3%;
}

.day {
    font-size: 2.3em;
    margin-top: 1px;
    font-weight: 700;
    color: #FFF;
}


.year {
    margin-top: 0.1em;
    font-size: 0.9em;
    letter-spacing: 2px;
    color: #FFF;margin-left: 5%;
}


.home #text-2 {margin-top:45px}
.home #sidebar {margin-left:10px;}

.page #text-2 {margin-top:35px}
.single-post #text-2, .error404 #text-2, .archive #text-2, .search #text-2 {margin-top:35px}

#sidebar #recent-posts-2 ul li {padding:5px 0; position:relative;}

#protectederror {margin:20px auto; position:relative; max-width:600px}

.page-id-1124 .dap_product_links_table {width:95%; position:relative; margin:0 auto}

.page-id-1050 #smallfeature,.page-id-1050 #footer {display:none}
.page-id-1050 #nosidebarcontent {margin-top:0px}

.page-id-1124 #smallfeature,.page-id-1124 #footer {display:none}
.page-id-1124 #nosidebarcontent {margin-top:0px}

.page-id-1200 #smallfeature,.page-id-1200 #footer {display:none}
.page-id-1200 #nosidebarcontent {margin-top:0px}

.page-id-2114 #smallfeature,.page-id-2114 #footer {display:none}
.page-id-2114 #nosidebarcontent {margin-top:0px}

.page-id-2116 #smallfeature,.page-id-2116 #footer {display:none}
.page-id-2116 #nosidebarcontent {margin-top:0px}

.page-id-2172 #smallfeature,.page-id-2172 #footer {display:none}
.page-id-2172 #nosidebarcontent {margin-top:0px}

.page-id-2173 #smallfeature,.page-id-2173 #footer {display:none}
.page-id-2173 #nosidebarcontent {margin-top:0px}

.page-id-2174 #smallfeature,.page-id-2174 #footer {display:none}
.page-id-2174 #nosidebarcontent {margin-top:0px}

.page-id-2175 #smallfeature,.page-id-2175 #footer {display:none}
.page-id-2175 #nosidebarcontent {margin-top:0px}

.page-id-2130 #smallfeature,.page-id-2130 #footer {display:none}
.page-id-2130 #nosidebarcontent {margin-top:0px}

.page-id-2118 #smallfeature,.page-id-2118 #footer {display:none}
.page-id-2118 #nosidebarcontent {margin-top:0px}

.page-id-2119 #smallfeature,.page-id-2119 #footer {display:none}
.page-id-2119 #nosidebarcontent {margin-top:0px}

.page-id-2120 #smallfeature,.page-id-2120 #footer {display:none}
.page-id-2120 #nosidebarcontent {margin-top:0px}

.page-id-2121 #smallfeature,.page-id-2121 #footer {display:none}
.page-id-2121 #nosidebarcontent {margin-top:0px}

.page-id-2126 #smallfeature,.page-id-2126 #footer {display:none}
.page-id-2126 #nosidebarcontent {margin-top:0px}

.page-id-2127 #smallfeature,.page-id-2127 #footer {display:none}
.page-id-2127 #nosidebarcontent {margin-top:0px}

.page-id-2128 #smallfeature,.page-id-2128 #footer {display:none}
.page-id-2128 #nosidebarcontent {margin-top:0px}

.page-id-2129 #smallfeature,.page-id-2129 #footer {display:none}
.page-id-2129 #nosidebarcontent {margin-top:0px}

.page-id-1191 #smallfeature,.page-id-1191 #footer {display:none}
.page-id-1191 #nosidebarcontent {margin-top:0px}

.page-id-1198 #smallfeature,.page-id-1198 #footer {display:none}
.page-id-1198 #nosidebarcontent {margin-top:0px}

.page-id-2408 #smallfeature,.page-id-2408 #footer {display:none}
.page-id-2408 #nosidebarcontent {margin-top:0px}


*{margin:0; padding:0;}

body {
	background:#fff;
	font-family: 'Roboto', sans-serif; font-weight:300;
	font-size: 1em;
	color:#252525;
	}

.widget {margin:0 0 51px 0; background:#fff; -webkit-border-radius: 4px;border-radius: 4px;padding:10px;}	

h1 {font-size: 1.8em;}
h2 {font-size: 1.6em; line-height:1.5em;}
h3 {font-family: 'Roboto', sans-serif; font-weight:300; font-size:1.6em; color:#d13c59; }
h4 {font-size: 1.2em; font-weight:bold}

p { line-height: 125%; }
p.alert { background: #fff386; border-left: 1px solid #fca429; padding:10px 12px 10px 12px; }
p.guest { background: #e0f394; border-left: 1px solid #a5d007; padding:10px 12px 10px 12px; }

ol{padding-left:40px;position:relative;}


img{ border: none; max-width:100%;height: auto;}
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }


.post img.nr_img {padding: 0 !important;}

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a{color:#28a5b7;text-decoration:none;}
a:hover {color:#1294a7}




/* container */

#spacer {height:30px}

#container {
	width: 1231px;
	margin: 90px auto 60px auto;
	padding:0;
	min-height: 100%;
height: auto !important;
height: 100%;
	}
	
/* header */

#thetop {position:fixed; width:100%; height: 95px; background:#fff; border-bottom:2px solid #7fab0e;z-index: 999;}
.shrink#thetop{height:50px !important;}
.shrink #header img {width:200px; height:auto; padding-top:10px;}
.shrink .menu-header {padding:5px 0 0 50px;font-size: 16px;}
#header { float:left; margin-left:50px;}
#header img {width:400px; height:auto; padding-top:10px;}

.home #feature {width:100%; height:300px;background:url(https://joyfulabode.com/wp-content/themes/joyful/img/greenbgfull.png);margin:75px 0 0 0;text-align:center;}
.home #featurecontent {position:relative;max-height:300px; width:100%;}
.home .emily {position:relative; padding-top:73px; float:left;}
.home #featureform {width: 800px; position:relative; margin:0 auto;padding:15px 0 0 0;font-size:1.1em;font-family: 'Roboto', sans-serif; font-weight:300;}
.home .featureform {background:url(https://joyfulabode.com/wp-content/themes/joyful/img/transparentbg.png);-webkit-border-radius: 4px;border-radius: 4px;padding:6px;height:260px;}
.home #featureform h3 {text-align:center;font-size:2.5em;}
.home .featureinput {float:left;font-size: 15px;font-family: 'Roboto', sans-serif; font-weight:300;text-transform:uppercase;padding: 6px;width:150px; height:20px;color:#d13c59; border:1px solid #d13c59;margin:30px 10px 0 10px;}
.home #featurecontent #af-body-1952446773 {padding-top:10px;width:525px; margin:0 auto; position:relative;}
.home .featuresubmit {float:left; }

#asseenon {width:100%; height: 60px; background:#d13c59; padding:10px 0;margin-bottom:16px;}
.asseenon {max-width:1231px; margin:0 auto; position:relative; padding-top:10px;}
.asseenon img {margin:0 15px}


#smallfeature {width:100%; height:160px;background:url(https://joyfulabode.com/wp-content/themes/joyful/img/greenbgfull.png);margin:75px 0 16px 0;border-bottom:2px solid #7fab0e;}
#smallfeaturecontent {position:relative;max-height:130px; width:100%;}
#smallfeatureform {width: 800px; position:relative; margin:0 auto;padding:5px 0 0 0;font-size:0.9em;font-family: 'Roboto', sans-serif; font-weight:300;text-align:center;}
.smallfeatureform {background:url(https://joyfulabode.com/wp-content/themes/joyful/joyful/transparentbg.png);-webkit-border-radius: 4px;border-radius: 4px;padding:6px;height:130px;margin-top:5px;}
#smallfeatureform h3 {text-align:center;font-size:1.2em;margin-bottom:-12px;font-weight:400;}
.smallfeatureinput {float:left;font-size: 12px;font-family: 'Roboto', sans-serif; font-weight:300;text-transform:uppercase;padding: 6px;width:120px; height:15px;color:#d13c59; border:1px solid #d13c59;margin:7px 10px 0 10px;}
.smallfeatureform #af-body-1952446773 {padding-top:10px;width:420px; margin:0 auto; position:relative;}
.smallfeaturesubmit {float:left; height:60px; width:auto;margin-top:-5px;}
/* main menu */

#asseenon {width:100%; height: 60px; background:#d13c59; padding:10px 0;margin-bottom:16px;}
.asseenon {max-width:1231px; margin:0 auto; position:relative; padding-top:10px;}

.menu-header {    font-size: 18px;font-family: 'Roboto', sans-serif; font-weight:500;text-transform:uppercase;padding: 20px 0 0 50px;float:left;  position:relative;}

.menu-header .sub-menu {padding:6px; background:#fff;margin-top:10px;}

.menu-header ul, .menu-header li {list-style-type:none}


.menu-header li,
    div.menu li {
    float: left;
    position: relative;
}
 
.menu-header ul ul {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    float: left;
    width: 180px;
    z-index: 99999;
}

.menu-header a {
    color: #7fab0e;
    display: block;
    line-height: 41px;
    padding: 5px 10px 0 10px;
    text-decoration: none;
    
}



.menu-header ul li:hover > ul {
    display: block;
}

.menu-header ul ul a {

    line-height: 1em;
    padding: 5px;
    width: 160px;
    height: auto;
}


.menu-header ul li.current_page_item > a,
.menu-header ul li.current-menu-ancestor > a,
.menu-header ul li.current-menu-item > a,
.menu-header ul li.current-menu-parent > a {
    color: #28a5b7;
}

.secondary-header {    text-align:center;font-size: 18px;font-family: 'Roboto', sans-serif; font-weight:500;text-transform:uppercase;width:100%; height: 30px; background:#d13c59; padding:10px 0;margin:85px 0 0 0;position:relative;}

.secondary-header ul {position:relative; margin:0 auto; width:50%;padding-top:5px !important;}

.secondary-header li+li:before {
    content: "\2605";
    padding: 0 10px;color:#fff; position: absolute;  
    top: 4px;  
    margin: 0 0 0 -17px ;    
    vertical-align: middle;
    display: block;
}

.secondary-header ul, .secondary-header li {list-style-type:none;}


.secondary-header li,
    div.menu li {
    float: left;
    position: relative; 
}
 
.secondary-header ul ul {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    float: left;
    width: 180px;
    z-index: 99999;
}

.secondary-header a {
    color: #fff;
    display: block;
    line-height: 25px;
    padding: 5px 20px 0 20px;
    text-decoration: none;text-align:center;
    
}



.secondary-header ul li:hover > ul {
    display: block;
}

.secondary-header ul ul a {

    line-height: 1em;
    padding: 5px;
    width: 160px;
    height: auto;
}


.secondary-header ul li.current_page_item > a,
.secondary-header ul li.current-secondary-ancestor > a,
.secondary-header ul li.current-secondary-item > a,
.secondary-header ul li.current-secondary-parent > a {
    color: #28a5b7;
}



/* content */
.page-id-1191 .nr_related_placeholder,.page-id-1198 .nr_related_placeholder,.page-id-1124 .nr_related_placeholder,.page-id-1050 .nr_related_placeholder,.page-id-1200 .nr_related_placeholder,.page-id-1187 .nr_related_placeholder,.page-id-1393 .nr_related_placeholder {display:none}
.page-id-1191 .post h3 {font-size:1.3em;text-align:center;}
.page-id-1191 .price {color:#de7f25;font-size:1.3em;font-family: 'Roboto', sans-serif; font-weight:300;text-align:center;}

#da-slider {margin-top: -10px !important; margin-bottom:40px !important}

#nosidebarcontent {
	float:none;width:1231px;margin-top:-40px;
	}

#nosidebarcontent .post {margin:-40px 0 0 0 ;padding:0;background:none;-webkit-border-radius: 0;border-radius: 0;line-height: 1.1em;}



#content {
	float:left;
	width:800px;margin-right:50px;margin-top:-40px;
	}

.page #content {background:#fff;position:relative; margin:0 auto;width:900px;}

.post {
	margin:0 0 20px 0;padding:20px 0;-webkit-border-radius: 4px;border-radius: 4px;line-height: 1.1em; border-bottom:4px solid #80ab0e;
	}

.post small {font-family: 'Roboto', sans-serif; font-weight:300;font-size:11px; color:#d13c59; text-transform:uppercase;}
	

.post .title{
	    text-transform: uppercase; line-height: 1em;text-align: left;margin-left: 84px;font-size: 30px;
font-family: "Roboto",Arial,Helvetica,sans-serif;
font-weight: 700;
letter-spacing: normal;margin-top:-2.5em;
	}
	
.post h2 a{
	color: #28a5b7;
	text-decoration: none;
	}

.post h2 {line-height:1.8em;}

.post h3{
	font-family: 'Roboto', sans-serif; font-weight:400; font-size:1.6em; color:#d13c59; margin:30px 0 10px 0;   line-height:1.8em;
	}

.post h4{
	font-family: 'Roboto', sans-serif; font-weight:300; font-size:1.4em;color:#d13c59; margin:30px 0 10px 0; line-height:1.8em;
	}
.thecategory a{font-family: 'Roboto', sans-serif; font-weight:300; font-size:1em !important;color:#d13c59;}
.thecategory {font-family: 'Roboto', sans-serif; font-weight:300; font-size:1em !important;margin-left:84px; clear:both;margin-top:6px;}
.postwraptop {height:80px}
.line {width:100%; height:1.5px; background:#D1D2D4;margin:6px 0 30px 0;clear:both;}
.post ul {margin-left:30px; line-height: 125%;}

.post ol {margin-left:30px; line-height: 125%;}

.post li {margin-left:10px; line-height: 125%; padding-bottom:14px;}

.fancyexcerpt {font-family: 'Roboto', sans-serif; font-weight:300; font-size:0.813em;background:#fff;}
.fancyexcerptcontent {position:relative; padding:6px;}
.wmle_post_title {font-family: 'Roboto', sans-serif; }

.entry p{margin:12px 0;}
.entry {font-size:1.2em}
.topentry p{margin:12px 0;}
.topentry {font-size:1.2em}
.postthumb {float:left; margin-right:25px;width:275px;}
.read-more {text-align:center;font-family: 'Roboto', sans-serif; font-weight:400; font-size:1.2em; color:#d13c59;padding-top:20px;}

.postmetadata{
	clear: both;
	font-size: 18px;font-family: 'Roboto', sans-serif; font-weight:300;text-transform:uppercase; background: #ffa429;line-height:24px;	color:#fff;
	padding:6px;
	margin: 50px 0 20px 0;
	}
	
.postmetadata a{color:#fff;}

.navigation {
	font-size:22px;font-family: 'Roboto', sans-serif; font-weight:300;text-transform:uppercase; 
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;clear:both;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}



/* sidebar */

#searchbox {margin-top: 1.5px;
vertical-align: top;width: 185px;
padding: 6px 8px;
height: 31px;
font-size: 14px;
box-sizing: border-box;
background-color: #FFF;
border: 1px solid #000;
margin-right: 5px;font-style: normal;
text-transform: none;
font-weight: 400;
letter-spacing: normal;color: #4E504E;line-height: 1em;
background: transparent none repeat scroll 0% 0%;}

#searchsubmit {border: medium none;
border-radius: 0px;
color: #88CFD3;
font-size: 18px;
font-style: normal;
font-family: couturebold,"Century Gothic",Helvetica,Arial,sans-serif;
text-transform: uppercase;
font-weight: 400;
letter-spacing: normal;
width: 80px;
height: 31px;
background: transparent url("https://joyfulabode.com/wp-content/themes/joyful/img/1searchbutton.png") no-repeat scroll center center;
text-indent: -99999px;
padding: 0px !important;
margin: 0px;
cursor: pointer;
padding-bottom: 1px !important;}

#sidebar {
	font-family: verdana, arial, tahoma;
	font-size:15px;
	width:350px;
	float:left;
	margin:-35px 0 0 16px;
	padding: 0;
	
	}

#sidebar h2{
	font-size:24px;font-family: 'Roboto', sans-serif; font-weight:400;
	color: #fff;	background:#d13c59; width:100%; padding:4px 10px;margin: -45px 0 20px -10px;
	text-align:center;
}


#sidebar p {margin:0; padding: 0 6px 0 12px;}

#sidebar img {padding: 0; margin: 0;}

#sidebar ul {
	margin:12px;
	padding:0;
	}

#sidebar ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#sidebar ul ul {
	margin:14px 0;
	padding:0;
}

#sidebar ul ul li {
	list-style-type: none;
	}

#sidebar ul ul ul{
	margin: 0;
	padding: 0;
}

#sidebar ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}



/* comments */


#comments {padding-bottom:20px;}

ol.commentlist li.alt {background: #fefad5;}

ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }

ol.commentlist li { }

ol.commentlist li.alt { }

ol.commentlist li.bypostauthor {}

ol.commentlist li.byuser {}

ol.commentlist li.comment-author-admin {}

ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }

ol.commentlist li.comment div.comment-author {}

ol.commentlist li.comment div.vcard { font:normal 16px georgia,times,serif; }

ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }

ol.commentlist li.comment div.vcard cite.fn a.url {}

ol.commentlist li.comment div.vcard img.avatar { border:1px solid #28a5b7; padding:4px; float:right; margin:0 0 1em 1em; }

ol.commentlist li.comment div.vcard img.avatar-32 {}

ol.commentlist li.comment div.vcard img.photo {}

ol.commentlist li.comment div.vcard span.says {}

ol.commentlist li.comment div.commentmetadata {}

ol.commentlist li.comment div.comment-meta { font-size:13px; }

ol.commentlist li.comment div.comment-meta a { color:#ccc; }

ol.commentlist li.comment p { font-size:1em; margin:0 0 1em; }

ol.commentlist li.comment ul { font-size:1em; list-style:square; margin:0 0 1em 2em; }

ol.commentlist li.comment div.reply { font-size:11px; }

ol.commentlist li.comment div.reply a { font-weight:bold; }

ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }

ol.commentlist li.comment ul.children li {}

ol.commentlist li.comment ul.children li.alt {}

ol.commentlist li.comment ul.children li.bypostauthor {}

ol.commentlist li.comment ul.children li.byuser {}

ol.commentlist li.comment ul.children li.comment {}

ol.commentlist li.comment ul.children li.comment-author-admin {}

ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #f56990; margin:0 0 .25em .25em; }

ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #ffa429; margin:0 0 .25em .25em; }

ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #ffec3e; margin:0 0 .25em .25em; }

ol.commentlist li.comment ul.children li.depth-5 {}

ol.commentlist li.comment ul.children li.odd {}

ol.commentlist li.even { background:#fff; }

ol.commentlist li.odd { background:#feffe9; }

ol.commentlist li.parent { border-left:5px solid #a5d006; }

ol.commentlist li.thread-alt { border-bottom:10px solid #e1e1e1;}

ol.commentlist li.thread-even {border-bottom:10px solid #e1e1e1;}

ol.commentlist li.thread-odd {border-bottom:10px solid #e1e1e1;}

ol.commentlist li.pingback {padding: 12px; line-height: 14pt;}
ol.commentlist li.pingback div.comment-author {}
ol.commentlist li.pingback div.vcard {}
ol.commentlist li.pingback div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard cite.fn a.url {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {font-size:13px;}
ol.commentlist li.pingback div.comment-meta a {color:#ccc;}
ol.commentlist li.pingback div.reply {font-size:11px; }
ol.commentlist li.pingback div.reply a {font-weight:bold; }

ul li{padding-bottom:6px}


#reply-title {font-size:22px;font-family: 'Roboto', sans-serif; font-weight:300;}
.domestics {padding:6px 6px 0 6px;background:#fff; margin:16px 0; text-align:center;height:15px;font-size:22px;}
.postnavigation {padding:6px;background:#fff; margin:16px 0; text-align:center;height:25px;font-size:18px;}

.logged-in-as {padding:8px 0; font-size:12px;}



#respond p {padding: 0 0 10px 0;}
#respond {background:#fff; padding:6px;}
#respond .comment-form-comment label {display: none}

#respond label {padding: 0 10px 10px 0; color:#ffa429;font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px;}
#respond textarea {width:700px; border:2px solid #7fab0e; margin-bottom:25px;margin-top:10px;}
#respond #author{width:400px;border: 2px solid #7fab0e; padding:6px;margin-left:11px;  }
#respond #email{width:400px;border: 2px solid #7fab0e; padding:6px; margin-left:10px;  }
#respond #url{width:400px;border: 2px solid #7fab0e; padding:6px;  }
#submit {font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px; color:#fff; background:#7fab0e;text-transform:uppercase;padding: 6px;text-decoration: none;}


#content textarea {border: 2px solid #7fab0e; padding:6px;}


#dapsidebarlogin label {margin: 15px 10px 0 0; position:relative;color:#7fab0e;font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px;}
#dapsidebarlogin input{width:60%;border: 2px solid #7fab0e; padding:6px;color:#7fab0e;font-family: 'Roboto', sans-serif;font-weight:300;font-size:1em;margin-bottom:4px;float:right}
#dapsidebarlogin .submit {font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px; color:#fff; background:#7fab0e;text-transform:uppercase;padding: 6px;text-decoration: none;width:100%; text-align:center;}
#dap-loginlogout-widget-2 #daplogout {font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px; color:#fff; background:#7fab0e;text-transform:uppercase;padding: 6px;text-decoration: none;width:100%; text-align:center;}
#dapsidebarlogin .rememberme {width:25px; height:25px; border: 2px solid #7fab0e;padding:6px;color:#7fab0e;float:left;margin-right:6px;}
#dapsidebarlogin .contain {margin-bottom:6px;position:relative; }
#daplogout {font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px; color:#7fab0e; background:#fff;text-transform:uppercase;padding: 6px;text-decoration: none;border: 2px solid #7fab0e; padding:6px;width:100%; text-align:center;}

#daploginpage {position:relative; margin: 0 auto; width:500px;}

#wpcf7-f9316-p439-o1 {width:500px; margin: 0 auto;}

#wpcf7-f9316-p439-o1 input{width:300px;border: 2px solid #7fab0e; padding:6px;color:#7fab0e;font-family: 'Roboto', sans-serif;font-weight:300;font-size:1em;margin-bottom:4px;float:left}
#wpcf7-f9316-p439-o1 label {padding: 15px 0 0 0; position:relative;color:#7fab0e;font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px;}
#wpcf7-f9316-p439-o1 .wpcf7-submit {font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px; color:#fff; background:#7fab0e;text-transform:uppercase;padding: 6px;text-decoration: none;width:100%; text-align:center;}

#wpcf7-f9316-p439-o1 textarea{width:500px;border: 2px solid #7fab0e; padding:6px;color:7fab0e;font-family: 'Roboto', sans-serif;font-weight:300;font-size:1em;margin-bottom:4px;float:left}

#shopfreebies input{width:100%;border: 2px solid #7fab0e; padding:6px;color:7fab0e;font-family: 'Roboto', sans-serif;font-weight:300;font-size:1em;margin-bottom:4px;float:left}
#shopfreebies label {padding: 15px 0 0 0; position:relative;color:#7fab0e;font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px;}
#shopfreebies .submit {font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px; color:#fff; background:#7fab0e;text-transform:uppercase;padding: 6px;text-decoration: none;width:415px; text-align:center;margin:0 auto; position:relative;}
#shopfreebies {width:400px; margin:0 auto}

#errorpagefreebies input{width:100%;border: 2px solid #7fab0e; padding:6px;color:7fab0e;font-family: 'Roboto', sans-serif;font-weight:300;font-size:1em;margin-bottom:4px;float:left}
#errorpagefreebies label {padding: 15px 0 0 0; position:relative;color:#7fab0e;font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px;}
#errorpagefreebies .submit {font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px; color:#fff; background:#7fab0e;text-transform:uppercase;padding: 6px;text-decoration: none;width:415px; text-align:center;margin:0 auto; position:relative;}
#errorpagefreebies {width:400px;}

#ssderrorpage input{width:100%;border: 2px solid #7fab0e; padding:6px;color:7fab0e;font-family: 'Roboto', sans-serif;font-weight:300;font-size:1em;margin-bottom:4px;float:left;width:400px;}

#stuff input {color: #7fab0e;border: 2px solid #7fab0e;padding: 6px;height: 22px;vertical-align: middle; background: #fff;width:250px;font-size: 16px;font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;}




	
/* misc */

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #F0FFF0;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;max-width: 96% !important;

}

.wp-caption p.wp-caption-text {

margin:15px;
}


p img {
padding: 0;
max-width: 100%;
}


img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}




/* footer */

#footer {

	clear: both;font-size: 20px;font-family: 'Roboto', sans-serif; font-weight:300;
	width: 100%; height:auto;max-width:1250px; margin:60px auto 0 auto; position:relative;
	}
	
.footer-non-spanning-col h2{
	font-size:24px;font-family: 'Roboto', sans-serif; font-weight:400;
	color: #fff;	background:#d13c59; width:100%; padding:4px 10px;margin: -45px 0 20px -10px;
	text-align:center;
}
.footer-non-spanning-col {
    width: 252px;
    margin: 0 20px;
    float: left;
    
background:#fff; -webkit-border-radius: 4px;border-radius: 4px;padding:10px;}

.footer-spanning-col {
    clear: both;
}

#footer ul {
	margin:12px;
	padding:0;
	}

#footer ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#footer ul ul {
	margin:14px 0;
	padding:0;
}

#footer ul ul li {
	list-style-type: none;
	}

#footer ul ul ul{
	margin: 0;
	padding: 0;
}

#footer ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

#belowfooter p{padding:14px 0;margin: 0; text-align:center;}

#footermenu {border-top:2px solid #7fab0e;height:40px; padding:10px 0; text-align:center;}

#footercontent {padding:20px 0 40px 0; }

#footercontent #featureform {width: 800px; position:relative; margin:0 auto;font-size:0.85em;font-family: 'Roboto', sans-serif; font-weight:300;text-align:center;}
#footercontent .featureform {background:url(https://joyfulabode.com/wp-content/themes/joyful/img/transparentbg.png);-webkit-border-radius: 4px;border-radius: 4px;padding:6px;height:250px;}
#footercontent #featureform h3 {text-align:center;font-size:2em;}
#footercontent .featureinput {float:left;font-size: 15px;font-family: 'Roboto', sans-serif; font-weight:300;text-transform:uppercase;padding: 6px;width:150px; height:15px;color:#d13c59; border:1px solid #d13c59;margin:30px 10px 0 10px;}
#footercontent #af-body-1952446773 {width:525px; margin:0 auto;padding-top:15px; position:relative;}

.menu-footer {    font-size: 18px;font-family: 'Roboto', sans-serif; font-weight:500;text-transform:uppercase;margin:0 auto; width:700px;text-align:center; position:relative;}


.menu-footer ul, .menu-footer li {list-style-type:none;text-align:center;}
.menu-footer ul{padding-left: 100px;}

.menu-footer li,
    div.menu li {
    float: left;
    position: relative;
}
 
.menu-footer ul ul {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    float: left;
    width: 180px;
    z-index: 99999;
}

.menu-footer a {
    color: #80ab0e;
    display: block;
    line-height: 41px;
    padding: 5px 10px 0 10px;
    text-decoration: none;
    
}



.menu-footer ul li:hover > ul {
    display: block;
}

.menu-footer ul ul a {

    line-height: 1em;
    padding: 5px;
    width: 160px;
    height: auto;
}


.menu-footer ul li.current_page_item > a,
.menu-footer ul li.current-menu-ancestor > a,
.menu-footer ul li.current-menu-item > a,
.menu-footer ul li.current-menu-parent > a {
    color: #28a5b7;
}




.btn-style{
color: #fff;background-color: #ffa429 !important;text-align: center;cursor: pointer;margin-left: -3px;padding-bottom: 5px;width: 40px;height: 38px;float: right;vertical-align: middle;border-style: none;font-size: 20px;font-family: 'Roboto', sans-serif; font-weight:300;text-transform:uppercase;
}


.sidebarsubarea .emailsubmit  {color: #fff;background-color: #ffa429 !important;text-align: center;cursor: pointer;margin-left: -3px;padding-bottom: 5px;width: 40px;height: 32px;float: right;vertical-align: middle;border-style: none;font-size: 20px;font-family: 'Roboto', sans-serif; font-weight:300;text-transform:uppercase; }


#sidebarsubarea .emailsubarea {padding-top:20px;}

#sidebarsubarea .emailsubform {position:relative;background: none !important;}

#sidebarsubarea .emailform {width: 320px;float: left;}

#sidebarsubarea .emailform {margin-top: 5px;background: none !important; }

#sidebarsubarea .emailinput  {	color: #7fab0e;border: 2px solid #7fab0e;padding: 6px;height: 22px;vertical-align: middle; background: #fff;width:260px;font-size: 20px;font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;}



#leadpagesad {margin:10px auto; width:500px; position:relative;}



@media screen and (max-width: 1025px) { 



#bestyear {width: 85%; margin: 0 auto; position: relative;font-size:1rem; font-weight:300;}
.page-id-2114 .post h2 {text-align:center !important; text-transform:uppercase !important; letter-spacing:1.5px !important;font-size:2rem !important; padding:20px 0 10px 0;font-weight:normal !important; line-height:2.5rem;}
.page-id-2114 .post h3 {text-align:center !important; text-transform:uppercase !important; letter-spacing:1.5px !important;font-size:1.2rem !important;padding:20px 0 10px 0; font-weight:300 !important;line-height:1.8rem;}
.page-id-2114 .post h4 {line-height:2rem}
.bestvid {margin:20px auto; position:relative; width:90% !important}


#container {width: 95%;margin: 0 auto 10px auto;padding:0;min-height: 100%;height: auto !important;height: 100%;position:relative;	}


#nosidebarcontent {	float:none;width:95%;padding:6px;background:#fff;-webkit-border-radius: 4px;border-radius: 4px;	}


#content {	float:none;	width:95%;margin-top:10px; position:relative;	}

.page #content {margin-top:10px; position:relative;}

#sidebar {
	font-family: verdana, arial, tahoma;
	font-size:15px;
	width:95%;
	float:none;
	margin:20px auto;
	padding: 0;
	
	}


.single #sidebar {
	font-family: verdana, arial, tahoma;
	font-size:15px;
	width:95%;
	float:none;
	margin:50px auto 0 auto;
	padding: 0;
	
	}


.menu-header {   width:95%;margin:0 auto; font-size: 1em;font-family: 'Roboto', sans-serif; font-weight:500;text-transform:uppercase;padding: 20px 0 0 0;float:none;  position:relative;}
.menu-footer {    font-size: 1em;font-family: 'Roboto', sans-serif; font-weight:500;text-transform:uppercase;margin:0 auto; width:95%;text-align:center; position:relative;}
#belowfooter p{clear:both}

#footer {
background:url(https://joyfulabode.com/wp-content/themes/joyful/img/footerbg.png); border-top:2px solid #7fab0e;
	clear: both;font-size: 20px;font-family: 'Roboto', sans-serif; font-weight:300;
	width: 100%; height:auto;
	}
	

#footermenu {border-top:2px solid #7fab0e;height:40px; padding:10px 0; text-align:center;}

#footercontent {padding:20px 0 40px 0; width:95%; margin:0 auto; }

#footercontent #featureform {width: 95%; position:relative; margin:0 auto;font-size:0.8em;font-family: 'Roboto', sans-serif; font-weight:300;text-align:center;}
#footercontent .featureform {background:url(https://joyfulabode.com/wp-content/themes/joyful/img/transparentbg.png);-webkit-border-radius: 4px;border-radius: 4px;padding:6px;height:auto;}
#footercontent #featureform h3 {text-align:center;font-size:2em;}
#footercontent .featureinput {float:left;font-size: 15px;font-family: 'Roboto', sans-serif; font-weight:300;text-transform:uppercase;padding: 6px;width:75px; height:15px;color:#d13c59; border:1px solid #d13c59;margin:30px 10px 0 10px;}
#footercontent #af-body-1952446773 {width:280px; margin:0 auto;padding-top:15px; position:relative;}
#footercontent .featuresubmit {float:none; clear:both;margin:0 auto;width:45px;padding-top:20px;}

#header { float:none; margin-left:0;}
#header img {width:280px; margin:0 auto;height:auto; padding-top:10px;}
#thetop {height:auto;width:100%;}
.shrink .menu-header {display:none;}
.menu-footer ul{padding-left: 0;}

#respond textarea {width:85%; border:2px solid #7fab0e; margin-bottom:25px;margin-top:10px;margin-left:auto; margin-right:auto;}
#respond #author{width:85%;border: 2px solid #7fab0e; padding:6px; float:none; }
#respond #email{width:85%;border: 2px solid #7fab0e; padding:6px;  float:none;}
#respond #url{width:85%;border: 2px solid #7fab0e; padding:6px; float:none; margin-left:10px;}
#respond label {clear:both;float:none;}

#dap1-sign-up-form {width:300px !important; margin: 20px auto; position:relative;}

form.dap1-form .dap1-input-container, form.dap1-form .dap1-widget-actions{width:220px !important; margin:5px auto;}
form.dap1-form input.dap1-input {width:200px !important}

#leadpagesad {margin:10px auto; width:300px; position:relative;}

.home #asseenon {width:100%; height: auto; background:#d13c59; padding:20px 0;margin-bottom:16px;}
.home .asseenon {margin:0 auto; position:relative; padding-top:10px;width:95%;}
.home .asseenon img {margin:10px 5px;display:block; position:relative;float:left;}


.home #feature {width:100%; height:300px;background:url(https://joyfulabode.com/wp-content/themes/joyful/img/greenbgfull.png);margin:110px 0 0 0;text-align:center;}
.home #featurecontent {position:relative;max-height:auto; width:95%;margin:0 auto;padding-top:20px;}
.home .emily {display:none;}
.home #featureform {width: 95%; position:relative; margin:0 auto;padding:5px 0 0 0;font-size:1em;font-family: 'Roboto', sans-serif; font-weight:300;}
.home .featureform {background:url(https://joyfulabode.com/wp-content/themes/joyful/img/transparentbg.png);-webkit-border-radius: 4px;border-radius: 4px;padding:6px;height:auto;}
.home #featureform h3 {text-align:center;font-size:1.5em;}
.home .featureinput {float:left;font-size: 15px;font-family: 'Roboto', sans-serif; font-weight:300;text-transform:uppercase;padding: 6px;width:70px; height:20px;color:#d13c59; border:1px solid #d13c59;margin:30px 10px 0 0;}
.home #featurecontent #af-body-1952446773 {padding-top:20px;width:280px; margin:0 auto; position:relative;}
.home .featuresubmit {float:none; clear:both;margin:0 auto;width:60px;height:auto;padding-top:20px;}


#smallfeature {width:100%; height:160px;padding:0;background:url(https://joyfulabode.com/wp-content/themes/joyful/img/greenbgfull.png);margin:110px 0 8px 0;border-bottom:2px solid #7fab0e;}
#smallfeaturecontent {position:relative;max-height:200px; width:100%;}
#smallfeatureform {width: 90%; position:relative; margin:0 auto;padding:5px 0 0 0;font-size:0.9em;font-family: 'Roboto', sans-serif; font-weight:300;text-align:center;}
.smallfeatureform {background:url(https://joyfulabode.com/wp-content/themes/joyful/img/transparentbg.png);-webkit-border-radius: 4px;border-radius: 4px;padding:6px;height:auto;margin-top:5px;}
#smallfeatureform h3 {text-align:center;font-size:1.2em;margin-bottom:-12px;font-weight:400;}
.smallfeatureinput {float:left;font-size: 12px;font-family: 'Roboto', sans-serif; font-weight:300;text-transform:uppercase;padding: 6px;width:60px; height:15px;color:#d13c59; border:1px solid #d13c59;margin:7px 10px 0 10px;}
.smallfeatureform #af-body-1952446773 {padding-top:10px;width:280px; margin:0 auto; position:relative;}
.smallfeaturesubmit {margin:-4px auto 4px auto; position:relative; float:none;width:50px !important; height:auto;}


.domestics {padding:6px 6px 0 6px;background:#fff; margin:16px 0; text-align:center;height:auto;font-size:22px;}

.one-third {width:98% !important; margin:15px auto 0 -10px !important;}


#wpcf7-f1392-p1393-o1 {width:95%; margin: 0 auto;}
#wpcf7-f1392-p1393-o1 input{width:90%;border: 2px solid #7fab0e; padding:6px;color:7fab0e;font-family: 'Roboto', sans-serif;font-weight:300;font-size:1em;margin-bottom:4px;float:left}
#wpcf7-f1392-p1393-o1 label {padding: 15px 0 0 0; position:relative;color:#7fab0e;font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px;}
#wpcf7-f1392-p1393-o1 .wpcf7-submit {font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px; color:#fff; background:#7fab0e;text-transform:uppercase;padding: 6px;text-decoration: none;width:100%; text-align:center;}
#wpcf7-f1392-p1393-o1 textarea{width:90%;border: 2px solid #7fab0e; padding:6px;color:7fab0e;font-family: 'Roboto', sans-serif;font-weight:300;font-size:1em;margin-bottom:4px;float:left}


#shopfreebies input{width:100%;border: 2px solid #7fab0e; padding:6px;color:7fab0e;font-family: 'Roboto', sans-serif;font-weight:300;font-size:1em;margin-bottom:4px;float:left}
#shopfreebies label {padding: 15px 0 0 0; position:relative;color:#7fab0e;font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px;}
#shopfreebies .submit {font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px; color:#fff; background:#7fab0e;text-transform:uppercase;padding: 6px;text-decoration: none;width:250px; text-align:center;margin:0 auto; position:relative;}
#shopfreebies {width:250px; margin:0 auto 0 -10px;}

#daploginpage {position:relative; margin: 0 auto; width:250px;}
#daploginpage #dapsidebarlogin .rememberme {width:25px; height:25px; border: 2px solid #7fab0e;padding:6px;color:#7fab0e;float:left;margin-right:6px;}
#daploginpage .submit {clear:both; margin:5px 10px 0 0; color:#fff;width:100%;}
#daploginpage #dapsidebarlogin .contain label {margin: 2px 0 0 0; position:relative;color:#7fab0e;font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 15px;float:left;width:200px}
#daploginpage #dapsidebarlogin input{width:150px;border: 2px solid #7fab0e; padding:6px;color:7fab0e;font-family: 'Roboto', sans-serif;font-weight:300;font-size:1em;margin-bottom:4px;float:left}
#daploginpage #dapsidebarlogin label {margin: 15px 0 0 0; position:relative;color:#7fab0e;font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 15px;float:left;width:100px}

}




@media screen and (max-width: 475px) { 


.mobile4 {width:47% !important; margin:1.5%;float:left;}


.line {display:none} .postwraptop {height:auto; padding-bottom:10px;} .postthumb {float:none;margin:0 auto; position:relative;}

.post .title{
	    text-transform: uppercase; line-height: 1em;text-align: left;margin-left: 84px;font-size: 20px;
font-family: "Roboto",Arial,Helvetica,sans-serif;
font-weight: 700;
letter-spacing: normal;margin-top:-3.5em;
	}

.thecategory {margin-bottom:20px;}


#container {
	width: 95%;
	margin: 0 auto 10px auto;
	padding:0;
	min-height: 100%;
height: auto !important;
height: 100%;position:relative;
	}


#nosidebarcontent {
	float:none;width:95%;margin-top:20px;
	}

#nosidebarcontent .post {margin:0 0 0 0 ;padding:0;background:none;-webkit-border-radius: 0;border-radius: 0;line-height: 1.1em;}



#content {
	float:none;
	width:95%;margin-top:10px; position:relative;
	}

.page #content {margin-top:10px; position:relative;}

#sidebar {
	font-family: verdana, arial, tahoma;
	font-size:15px;
	width:95%;
	float:none;
	margin:0 auto;
	padding: 0;
	
	}


.single #sidebar {
	font-family: verdana, arial, tahoma;
	font-size:15px;
	width:95%;
	float:none;
	margin:50px auto 0 auto;
	padding: 0;
	
	}

.home .entry {display:none;}

.home .topentry {display:block}

.menu-header a {
    color: #7fab0e;
    display: block;
    line-height: 16px;
    padding: 5px 10px 0 10px;
    text-decoration: none;
    
}
.menu-header {   max-width:250px; font-size: 1em;font-family: 'Roboto', sans-serif; font-weight:500;text-transform:uppercase;padding: 20px 0 0 0;float:none; clear:both; position:relative;}
.secondary-header {    text-align:center;font-size: 14px;font-family: 'Roboto', sans-serif; font-weight:500;text-transform:uppercase;width:100%; height: 80px; background:#d13c59; padding:10px 0;margin:170px 0 0 0;position:relative;}
.secondary-header ul {position:relative; margin:0 auto; width:90%;}
.menu-footer {    font-size: 1em;font-family: 'Roboto', sans-serif; font-weight:500;text-transform:uppercase;margin:0 auto; width:95%;text-align:center; position:relative;}
#belowfooter p{clear:both}

.secondary-header li+li:before {
    content: "";
    padding: 0;color:#fff; position: absolute;  
    top: 4px;  
    margin: 0 0 0 0 ;    
    vertical-align: middle;
    display: block;
}

.secondary-header a {
    color: #fff;
    display: block;
    line-height: 18px;
    padding: 5px 20px 0 20px;
    text-decoration: none;text-align:center;
    
}

#footer {

	display:none;
	}
	

#footermenu {border-top:2px solid #7fab0e;height:40px; padding:10px 0; text-align:center;}

#footercontent {padding:20px 0 40px 0; width:95%; margin:0 auto; }

#footercontent #featureform {width: 95%; position:relative; margin:0 auto;font-size:0.8em;font-family: 'Roboto', sans-serif; font-weight:300;text-align:center;}
#footercontent .featureform {background:url(https://joyfulabode.com/wp-content/themes/joyful/img/transparentbg.png);-webkit-border-radius: 4px;border-radius: 4px;padding:6px;height:auto;}
#footercontent #featureform h3 {text-align:center;font-size:2em;}
#footercontent .featureinput {float:left;font-size: 15px;font-family: 'Roboto', sans-serif; font-weight:300;text-transform:uppercase;padding: 6px;width:75px; height:15px;color:#d13c59; border:1px solid #d13c59;margin:30px 10px 0 10px;}
#footercontent #af-body-1952446773 {width:280px; margin:0 auto;padding-top:15px; position:relative;}
#footercontent .featuresubmit {float:none; clear:both;margin:0 auto;width:45px;padding-top:20px;}

#header { float:none; margin-left:0;}
#header img {width:280px; margin:0 auto;height:auto; padding-top:10px;}
#thetop {height:auto;width:100%;}
.shrink .menu-header {display:none;}
.menu-footer ul{padding-left: 0;}

#respond textarea {width:250px; border:2px solid #7fab0e; margin-bottom:25px;margin-top:10px;margin-left:auto; margin-right:auto;}
#respond #author{width:150px;border: 2px solid #7fab0e; padding:6px;margin-left:11px;  }
#respond #email{width:150px;border: 2px solid #7fab0e; padding:6px; margin-left:10px;  }
#respond #url{width:150px;border: 2px solid #7fab0e; padding:6px;  }
#respond label {clear:both}

#dap1-sign-up-form {width:300px !important; margin: 20px auto; position:relative;}

form.dap1-form .dap1-input-container, form.dap1-form .dap1-widget-actions{width:220px !important; margin:5px auto;}
form.dap1-form input.dap1-input {width:200px !important}

#leadpagesad {margin:10px auto; width:300px; position:relative;}

#asseenon {width:100%; height: auto; background:#d13c59; padding:20px 0;margin-bottom:16px;}
.asseenon {max-width:200px; margin:0 auto; position:relative; padding-top:10px;}
.asseenon img {margin:10px 0;width:200px;display:block; position:relative;}


.home #feature {width:100%; height:300px;background:url(https://joyfulabode.com/wp-content/themes/joyful/img/mobilefeaturebg.jpg);margin:170px 0 0 0;text-align:center;}
.home #featurecontent {position:relative;max-height:auto; width:95%;margin:0 auto;}
.home .emily {display:none;}
.home #featureform {width: 95%; position:relative; margin:0 auto;padding:15px 0 0 0;font-size:1em;font-family: 'Roboto', sans-serif; font-weight:300;}
.home .featureform {background:url(https://joyfulabode.com/wp-content/themes/joyful/img/transparentbg.png);-webkit-border-radius: 4px;border-radius: 4px;padding:6px;height:auto;}
.home #featureform h3 {text-align:center;font-size:1.5em;}
.home .featureinput {float:left;font-size: 15px;font-family: 'Roboto', sans-serif; font-weight:300;text-transform:uppercase;padding: 6px;width:70px; height:20px;color:#d13c59; border:1px solid #d13c59;margin:30px 10px 0 0;}
.home #featurecontent #af-body-1952446773 {padding-top:20px;width:280px; margin:0 auto; position:relative;}
.home .featuresubmit {float:none; clear:both;margin:0 auto;width:45px;height:auto;padding-top:20px;}


#smallfeature {width:100%; height:220px;padding:0;background:url(https://joyfulabode.com/wp-content/themes/joyful/img/mobilefeaturebg.jpg);margin:170px 0 8px 0;border-bottom:2px solid #7fab0e;}
#smallfeaturecontent {position:relative;max-height:200px; width:100%;}
#smallfeatureform {width: 90%; position:relative; margin:0 auto;padding:5px 0 0 0;font-size:0.9em;font-family: 'Roboto', sans-serif; font-weight:300;text-align:center;}
.smallfeatureform {background:url(https://joyfulabode.com/wp-content/themes/joyful/img/transparentbg.png);-webkit-border-radius: 4px;border-radius: 4px;padding:6px;height:auto;margin-top:5px;}
#smallfeatureform h3 {text-align:center;font-size:1.2em;margin-bottom:-12px;font-weight:400;}
.smallfeatureinput {float:left;font-size: 12px;font-family: 'Roboto', sans-serif; font-weight:300;text-transform:uppercase;padding: 6px;width:60px; height:15px;color:#d13c59; border:1px solid #d13c59;margin:7px 10px 0 10px;}
.smallfeatureform #af-body-1952446773 {padding-top:10px;width:280px; margin:0 auto; position:relative;}
.smallfeaturesubmit {margin:-4px auto 4px auto; position:relative; float:none;width:50px !important; height:auto;}


.domestics {padding:6px 6px 0 6px;background:#fff; margin:16px 0; text-align:center;height:auto;font-size:22px;}

.one-third {width:98% !important; margin:15px auto 0 -10px !important;}


#wpcf7-f1392-p1393-o1 {width:95%; margin: 0 auto;}
#wpcf7-f1392-p1393-o1 input{width:90%;border: 2px solid #7fab0e; padding:6px;color:7fab0e;font-family: 'Roboto', sans-serif;font-weight:300;font-size:1em;margin-bottom:4px;float:left}
#wpcf7-f1392-p1393-o1 label {padding: 15px 0 0 0; position:relative;color:#7fab0e;font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px;}
#wpcf7-f1392-p1393-o1 .wpcf7-submit {font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px; color:#fff; background:#7fab0e;text-transform:uppercase;padding: 6px;text-decoration: none;width:100%; text-align:center;}
#wpcf7-f1392-p1393-o1 textarea{width:90%;border: 2px solid #7fab0e; padding:6px;color:7fab0e;font-family: 'Roboto', sans-serif;font-weight:300;font-size:1em;margin-bottom:4px;float:left}


#shopfreebies input{width:100%;border: 2px solid #7fab0e; padding:6px;color:7fab0e;font-family: 'Roboto', sans-serif;font-weight:300;font-size:1em;margin-bottom:4px;float:left}
#shopfreebies label {padding: 15px 0 0 0; position:relative;color:#7fab0e;font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px;}
#shopfreebies .submit {font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 18px; color:#fff; background:#7fab0e;text-transform:uppercase;padding: 6px;text-decoration: none;width:250px; text-align:center;margin:0 auto; position:relative;}
#shopfreebies {width:250px; margin:0 auto 0 -10px;}

#daploginpage {position:relative; margin: 0 auto; width:250px;}
#daploginpage #dapsidebarlogin .rememberme {width:25px; height:25px; border: 2px solid #7fab0e;padding:6px;color:#7fab0e;float:left;margin-right:6px;}
#daploginpage .submit {clear:both; margin:5px 10px 0 0; color:#fff;width:100%;}
#daploginpage #dapsidebarlogin .contain label {margin: 2px 0 0 0; position:relative;color:#7fab0e;font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 15px;float:left;width:200px}
#daploginpage #dapsidebarlogin input{width:150px;border: 2px solid #7fab0e; padding:6px;color:7fab0e;font-family: 'Roboto', sans-serif;font-weight:300;font-size:1em;margin-bottom:4px;float:left}
#daploginpage #dapsidebarlogin label {margin: 15px 0 0 0; position:relative;color:#7fab0e;font-family: 'Roboto', sans-serif; font-weight:400;text-transform:uppercase;font-size: 15px;float:left;width:100px}


#searchbox {margin-top: 1.5px;
vertical-align: top;width: 150px;
padding: 6px 8px;
height: 31px;
font-size: 14px;
box-sizing: border-box;
background-color: #FFF;
border: 1px solid #000;
margin-right: 5px;font-style: normal;
text-transform: none;
font-weight: 400;
letter-spacing: normal;color: #4E504E;line-height: 1em;
background: transparent none repeat scroll 0% 0%;}

#searchsubmit {border: medium none;
border-radius: 0px;
color: #88CFD3;
font-size: 18px;
font-style: normal;
font-family: couturebold,"Century Gothic",Helvetica,Arial,sans-serif;
text-transform: uppercase;
font-weight: 400;
letter-spacing: normal;
width: 80px;
height: 31px;
background: transparent url("https://joyfulabode.com/wp-content/themes/joyful/img/1searchbutton.png") no-repeat scroll center center;
text-indent: -99999px;
padding: 0px !important;
margin: 0px;
cursor: pointer;
padding-bottom: 1px !important;}

.navigation {
	font-size:22px;font-family: 'Roboto', sans-serif; font-weight:300;text-transform:uppercase; 
	width:100%;
	float:none;
	margin:0;
	padding:0;
	overflow:hidden;clear:both;
	}

}


@media screen and (max-width: 400px) { 
.mobile4 {width:47% !important; margin: 1.5%;float:left;}
}

.theiaPostSlider_nav._lower ._title {
    display: none;
}