/*
 Theme Name:Joyfully Jay
 URI:  http://judithshakesdesigns.com/
 Description:A Custom WP Theme for Joyfully Jay
 Author:     Courtney Hebert
 Author URI: http://judithshakesdesigns.com
 Template:   Divi
 Version:    1
 License:    GNU General Public License v2 or later
 License URI:http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../Divi/style.css");
/* =Theme customization starts here
------------------------------------------------------- */

/*
******************************************
MISC
******************************************
*/

blockquote{}

#et_search_icon::before{}

.partialdivide{
	width:40%; 
	margin:0 auto; 
	padding:2% 0 !important;}

.ds-vertical-align{
	display:flex;  
	flex-direction:column;  
	justify-content:center;}

a.comment-reply-link {font-size:10px !important;}

/*JUMPING HEADER*/
@media screen and (min-width:981px){
	#page-container{ }
}
/*
******************************************
HEADER
******************************************
*/
.et-fixed-header #logo{content:url(images/jjlogosmall.png);}

#main-header{
	box-shadow:none !important; 
	background-image:url(images/headerbg.png);  
	background-position:top right; 
	background-repeat:no-repeat;}

#et-top-navigation, #et-secondary-menu{margin-right:70px;}

.et_header_style_centered #logo{}

.et_menu_container{
	width:100% !important; 
	max-width:100% !important;}

.et_header_style_centered #main-header div#et-top-navigation{
	background:#c30806; 
	margin-top:18px;}

.et_header_style_centered nav#top-menu-nav{padding-top:20px;}

.et_header_style_centered #top-menu>li>a{padding-bottom:20px !important;}

@media only screen and (min-width:981px){
.et_fullwidth_nav #main-header .container{
    width: 100%;
    max-width: 100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
}

#main-header .logo_container{
	background-image:url(images/h2.png);  
	background-position:bottom left; 
	background-repeat:no-repeat;
	width:100% !important;
	max-width: 100% !important;}

.et_header_style_centered .et-search-form input, .et_header_style_centered span.et_close_search_field{
	top:75% !important;}

#logo {
	animation:none !important; 
	transition:none !important;}

#top-menu li a:hover {
	font-weight:700 !important; 
	color:#000 !important; 
	opacity:100 !important;}

#top-menu li.current-menu-item>a{
	color:#000 !important; 
	font-weight:700;}

#et-info, #et-secondary-menu>ul>li a{padding-bottom:0;}

.et_header_style_centered #logo{margin-top:-20px;}

.menucontact a:before{
	font-family:'ETmodules'; 
	content:"\e076"; 
	padding-right:4px; 
	color:#C30806;}

.menuemail a:before{
	font-family:'ETmodules'; 
	content:"\e010"; 
	padding-right:4px; 
	color:#C30806;}


/*
******************************************
LAYOUT
******************************************
*/

#main-content .container, #main-content .et_pb_row, #main-content .et_pb_slider .et_pb_container, #main-content .et_pb_fullwidth_section .et_pb_title_container, #main-content .et_pb_fullwidth_section .et_pb_title_featured_container, #main-content .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container {
    width:90% !important; 
    max-width:1500px !important;
}

.et_right_sidebar #sidebar{padding-left:3%;}
#tsidebar{padding-bottom:25px,}

@media only screen and ( min-width:1400px ){
#left-area{
	width:62% !important; 
	padding-right:3% !important; 
	border-right:1px dotted #E5E997;}

#sidebar{
	width:440px !important; 
	max-width:440px !important; 
	min-width:440px !important; 
	float:right !important; 
	padding:0 !important;}
	
#lsidebar{
	float:left; 
	width:200px !important; 
	max-width:205px !important; 
	min-width:200px !important;}

#rsidebar{
	float:right;
	width:200px !important;  
	max-width:205px !important; 
	min-width:200px !important;}
}

#lsidebar{
	float:left; 
	width:45% !important; 
	max-width:45% !important; 
	min-width:45% !important;}

#rsidebar{
	float:right; 
	width:45% !important; 
	max-width:45% !important; 
	min-width:45% !important;}
	
@media only screen and ( min-width:1301px ) and ( max-width:1399px ){
#left-area{
	width:62% !important; 
	padding-right:3% !important; 
	border-right:1px dotted #E5E997;}

#sidebar{
	float:right !important; 
	padding:0 !important;
	width:35% !important; 
	max-width:35% !important; 
	min-width:35% !important;}
}

@media only screen and ( min-width:981px ) and ( max-width:1300px ){
#left-area{
	width:55% !important; 
	padding-right:3% !important; 
	border-right:1px dotted #E5E997;}
	
#sidebar{
	float:right !important; 
	padding:0 !important;
	width:40% !important; 
	max-width:40% !important; 
	min-width:40% !important;}	
}

@media only screen and (max-width:980px ){
#left-area{
	width:100% !important; 
	margin:0 !important; 
	border:none; 
	padding:0 0 30px !important; 
	background:url(images/hleaf.png) bottom left repeat-x;}	
	
#sidebar{
	float:none !important; 
	margin-top:80px !important;
	width:80% !important; 
	max-width:80% !important; 
	min-width:80% !important;}
}

@media only screen and (max-width:500px){
#sidebar{
	width:100% !important; 
	max-width:100% !important; 
	min-width:100% !important;}
}

/*
******************************************
SIDEBARS
******************************************
*/
h4.widgettitle{   
	text-transform:uppercase;     
	font-size:14px;     
	margin-bottom:5px;     
	font-weight:300;}

.screen-reader-text{display:none;}

.et_pb_gutters2 .footer-widget{padding-right:20px;}

#sidebar .et_pb_widget{
	font-size:13px; 
	line-height:1.5; 
	margin-bottom:30px; 
	padding-bottom:40px; 
	background:url(images/hleaf.png) bottom left repeat-x;}

#tsidebar .et_pb_widget{margin-bottom:30px; background:none;}

#sidebar .et_pb_widget a{color:#9b161b;}

#lsidebar h4.widgettitle, #rsidebar h4.widgettitle{}

#topsidebar .et_pb_widget .et_pb_widget{
	font-size:13px; 
	line-height:1.5; 
	margin-bottom:30px; 
	padding-bottom:40px; 
	background:url(images/hleaf.png) bottom left repeat-x;}

/*
******************************************
POST LAYOUTS
******************************************
*/

.bthumb{
	width:30%; 
	float:left; 
	margin-right:3%; 
	max-width:317px;}

.bcontent{
	width:65%; 
	float:right;}

.bcontent h2{
	font-weight:300 !important; 
	padding-bottom:4px;}

#left-area .post-meta{
	font-size:12px;
	padding-bottom:5px;
	color:#B9C7D7;}
	
.newmeta{
	padding-bottom:15px; 
	border-bottom:1px dotted #E5E997; 
	margin-top:25px; 
	border-top:1px dotted #E5E997; 
	padding-top:15px; 
	font-size:11px; 
	background:url(images/leaf.png) left center no-repeat; 
	padding-left:40px; 
	line-height:1.3; 
	min-height:50px;}

.comments-number a{color:#C30806 !important;}

.comments-number a:before{
	font-family:'ETmodules'; 
	content:"\e065"; 
	padding-right:4px; 
	color:#C30806;}

.stars{
	padding-top:5px; 
	text-align:right;}

.et_pb_post{margin-bottom:100px !important;}

hr{
	overflow:visible;
	display:block;
	position:relative;
	width:100%;
	clear:both;
	font-size:1px;
	line-height:0;
	padding:7px 0;
	margin:14px auto 7px auto;
	border:none;
	border-top:1px dashed #c9c176;}

hr.greensep{
	overflow:visible;
	display:block;
	position:relative;
	width:100%;
	clear:both;
	font-size:1px;
	line-height:0;
	padding:7px 0;
	margin:14px auto 7px auto;
	border:none;
	border-top:1px dashed #c9c176;}

.entry-content ul li{
	list-style-type:none;     
	background:url(images/jayicon-bullet.png) no-repeat 0 9px;  
	margin:0;  
	padding:0 0 0 17px;}

.entry-content h3, .entry-content h4, .entry-content h5{padding:10px 0 30px !important;}

.entry-content h3{font-size:22px;}

.entry-content h4{font-size:20px;}

.entry-content h5{font-size:18px;}

.entry-content blockquote{
	background:#E5E997;  
	margin:0 0 25px 0;  
	padding:25px;  
	border:3px solid #848F0D;}

/*
******************************************
SITEMAP
******************************************
*/
#sitemapblock{}
#siteleft{width:45%; float:left;}
#siteright{width:45%; float:right;}
h2.siteheader{color:#000;}
.sitecat, .sitemonth{margin-bottom:40px;}

/*
******************************************
SINGLES AND SUCH
******************************************
*/
.container:before{background-color:transparent !important;}

.et_pb_widget_area_right{border-left:0 !important;}

.et_pb_widget_area_left{border-right:0 !important;}

#bread ul li:after{
	font-family:'ETmodules'; 
	content:"\35"; 
	padding-right:4px; 
	color:#B9C7D7;}

#bread a{color:#B9C7D7;}

#bread ul li{
	display:inline; 
	font-size:10px; 
	text-transform:uppercase;}

#bread ul li:last-child{display:none;}

#crumbs{
	padding-left:0 !important; 
	margin-bottom:15px !important;}

.et_pb_post .entry-content{
	padding-top:10px !important;}

h2.archivetitle{
	font-size:10px; 
	text-transform:uppercase; 
	font-weight:300; 
	color:#B9C7D7; 
	margin-bottom:20px;}

/*
******************************************
COLOR FIX
******************************************
*/
#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current{}
body.et_pb_button_helper_class .et_pb_button, body.et_pb_button_helper_class .et_pb_module.et_pb_button, .woocommerce.et_pb_button_helper_class a.button.alt, .woocommerce-page.et_pb_button_helper_class a.button.alt, .woocommerce.et_pb_button_helper_class button.button.alt, .woocommerce-page.et_pb_button_helper_class button.button.alt, .woocommerce.et_pb_button_helper_class input.button.alt, .woocommerce-page.et_pb_button_helper_class input.button.alt, .woocommerce.et_pb_button_helper_class #respond input#submit.alt, .woocommerce-page.et_pb_button_helper_class #respond input#submit.alt, .woocommerce.et_pb_button_helper_class #content input.button.alt, .woocommerce-page.et_pb_button_helper_class #content input.button.alt, .woocommerce.et_pb_button_helper_class a.button, .woocommerce-page.et_pb_button_helper_class a.button, .woocommerce.et_pb_button_helper_class button.button, .woocommerce-page.et_pb_button_helper_class button.button, .woocommerce.et_pb_button_helper_class input.button, .woocommerce-page.et_pb_button_helper_class input.button, .woocommerce.et_pb_button_helper_class #respond input#submit, .woocommerce-page.et_pb_button_helper_class #respond input#submit, .woocommerce.et_pb_button_helper_class #content input.button, .woocommerce-page.et_pb_button_helper_class #content input.button{color:#fff !important;}


/*
******************************************
FOOTER
******************************************
*/
#main-footer{
	margin-top:58px;}
#footer-widgets{
	padding:50px 0 30px !important;}
#et-footer-nav{
	background:url(images/footbg.png) bottom left no-repeat; 
	background-color:#fff;  
	min-height:100px;  
	padding-left:50px;  
	padding-top:30px;}
.bottom-nav, .bottom-nav a, .bottom-nav li.current-menu-item a{
	font-weight:300; 
	text-transform:uppercase;}
#copy{
	font-size:9px; 
	text-align:right; 
	color:#B9C7D7;}
	
/*
******************************************
PAGENAVI
******************************************
*/
.wp-pagenavi{
	border-top:0px !important; 
	padding-top:0 !important;}
.wp-pagenavi a, .wp-pagenavi span{
	margin:0 5px;  
	border:none!important;  
	color:#848F0D;  
	font-size:13px!important;  
	text-decoration:none;  
	text-transform:uppercase;}
.wp-pagenavi a:hover, .wp-pagenavi span.current{
	background-color:#C30806 !important; 
	color:#fff !important;}

/*
******************************************
MOBILE MENU
******************************************
*/

.et_mobile_menu .menu-item-has-children >a{
	background-color:transparent; 
	position:relative}
.et_mobile_menu .menu-item-has-children >a:after{
	font-family:'ETmodules'; 
	text-align:center; 
	speak:none; 
	font-weight:normal; 
	font-variant:normal; 
	text-transform:none; 
	-webkit-font-smoothing:antialiased; 
	position:absolute;}
.et_mobile_menu .menu-item-has-children >a:after{
	font-size:16px; 
	content:'\4c'; 
	top:13px; 
	right:10px;}
.et_mobile_menu .menu-item-has-children.visible >a:after{
	content:'\4d';}
.et_mobile_menu ul.sub-menu{
	display:none !important; 
	visibility:hidden !important;  
	transition:all 1.5s ease-in-out;}
.et_mobile_menu .visible >ul.sub-menu{
	display:block !important; 
	visibility:visible !important;}
span.mobile_menu_bar:before{ color:#fff !important;}

.et_header_style_centered #main-header .mobile_nav{background-color:#C30806; border-radius:0px;}

.mobile_nav.opened .mobile_menu_bar:before{ content:"\4d"}

/* Enable Search on Mobile for Divi Centered and Centered Inline Logo Headers */
@media (max-width:980px){ /* make search icon visible */ 
.et_header_style_centered #et_top_search, .et_vertical_nav.et_header_style_centered #main-header #et_top_search, .et_header_style_split #et_top_search, .et_vertical_nav.et_header_style_split #main-header #et_top_search{ display:block !important;  float:right;  z-index:99999;}
 /* align search icon for Centered header */
.et_header_style_centered #et_search_icon:before{ top:7px;  left:-3px;}
 /* align search icon for Centered Inline Logo header*/
.et_header_style_split #et_search_icon:before{ margin-top:0;  left:-3px;}
 /* make search field visible */
.et_header_style_centered .et_search_outer, .et_header_style_split .et_search_outer{ display:block}
 /* set max-width for search form container */
.et_header_style_centered .container.et_search_form_container, .et_header_style_split .container.et_search_form_container.et_pb_search_visible, .et_header_style_split .container.et_search_form_container.et_pb_search_form_hidden{ max-width:100% !important;}
 /* apply in-animation for search form container */
.et_header_style_centered .container.et_search_form_container.et_pb_search_visible, 
.et_header_style_split .container.et_search_form_container.et_pb_search_visible{ z-index:999;  -webkit-animation:fadeInTop 1s 1 cubic-bezier(.77,0,.175,1);  -moz-animation:fadeInTop 1s 1 cubic-bezier(.77,0,.175,1);  -o-animation:fadeInTop 1s 1 cubic-bezier(.77,0,.175,1);  animation:fadeInTop 1s 1 cubic-bezier(.77,0,.175,1)}
 /* apply out-animation for menu bar elements */
.et_header_style_centered .et_pb_menu_hidden #et_search_icon:before, .et_header_style_centered .et_pb_menu_hidden .mobile_menu_bar, .et_header_style_centered .et_pb_menu_hidden .select_page, .et_header_style_split .et_pb_menu_hidden #et_search_icon:before, .et_header_style_split .et_pb_menu_hidden .mobile_menu_bar, .et_header_style_split .et_pb_menu_hidden .select_page{ opacity:0;  -webkit-animation:fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);  -moz-animation:fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);  -o-animation:fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);  animation:fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);}
 /* apply in-animation for "Select Page"container */
.et_header_style_centered .et_pb_menu_visible .select_page, .et_header_style_split .et_pb_menu_visible .select_page{ opacity:1;  -webkit-animation:fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);  -moz-animation:fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);  -o-animation:fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);  animation:fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);}
 /* adjust close search icon horizontal positioning */
.et_header_style_centered span.et_close_search_field, .et_header_style_split span.et_close_search_field{ right:5px}
 /* adjust search form input horizontal positioning */
.et_header_style_centered .et-search-form input, .et_header_style_split .et-search-form input{ left:10px;  right:auto}
 /* adjust search form input and close icon vertical positioning */
.et_header_style_centered .et-search-form input, .et_header_style_centered span.et_close_search_field,  .et_vertical_nav.et_header_style_centered .et-search-form input,  .et_vertical_nav.et_header_style_centered span.et_close_search_field, .et_header_style_split .et-search-form input, .et_header_style_split span.et_close_search_field{ top:unset !important;  line-height:2em;}
.et_header_style_centered span.et_close_search_field, .et_header_style_split span.et_close_search_field{ bottom:20px;}
 /* set width values for search form */
.et_header_style_centered .et-search-form, .et_header_style_split .et-search-form{ width:100% !important;  max-width:100% !important;  bottom:20px;}
 /* adjust close search icon top margin */
.et_header_style_centered .et_close_search_field:after, .et_header_style_split .et_close_search_field:after{ margin-top:-2px;}
}

#mobilesearch{display:none; background:#000;}
	
/*
******************************************
RESPONSIVE / MOBILE STYLES
******************************************
*/	

@media only screen and (max-width:980px){
	
#mobilesearch {display:block;}

.select_page{text-transform:uppercase;}

.select_page, .mobile_menu_bar:before{color:#fff !important;}

#main-header .logo_container{background-image:none;}

#main-header{background-image:none;}

.et_header_style_centered #logo{margin-top:0 !important;}

.et_header_style_centered #logo, .et_header_style_centered header#main-header .logo_container{max-height:140px !important;}

img#logo{content:url(images/mobilelogo.png;)}

#copy{text-align:center;}

.wp-pagenavi{background:#E5E997;}

.et_mobile_menu{border-color:#fff !important;}

.et_header_style_centered #main-header div#et-top-navigation, .et_header_style_centered #main-header div#et-secondary-menu{
	background:#fff; 
	margin-top:0}

.et_header_style_centered #main-header{padding:0,}

.et_header_style_centered .mobile_menu_bar{
	top:0 !important; 
	right:5px !important;}

.et_header_style_centered #et_search_icon:before{color:#fff !important;}

.et_header_style_centered .container.et_search_form_container.et_pb_search_visible, .et_header_style_split .container.et_search_form_container.et_pb_search_visible{}

.et_header_style_centered #et_mobile_nav_menu, .et_header_style_split #et_mobile_nav_menu{
	margin-top:20px !important;}

.container.et_search_form_container{
	background:#E5E997; 
	width:100% !important; 
	margin:0;}

.et-search-form input, .et_close_search_field{}

#et_top_search{margin:0 50px 0 0 !important;}

.et-search-field{font-size:16px !important;}
}


@media only screen and (max-width:840px){
.bottom-nav{text-align:center;}

#copy{text-align:center;}

#sidebar .et_pb_widget{text-align:center;}

#singleblock{display:none;}
}

@media only screen and (max-width:500px){

#siteleft, #siteright{width:100%; float:none;}

#et-footer-nav{background:#fff none !important;}
}