/*Theme Name: Stories Theme
Theme URI: https://www.caprisofts.com/themes/wordpress/stories_theme/
Author: Khurram
Author URI: https://www.caprisofts.com
Description: This Stories Theme is specially designed for embracingelsalvador.org.
Requires at least: 1.0
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button{margin:0; padding:0; border:0; outline:0;}
ol, ul {list-style:none;}

/*- End Reset Styles -------------------------------------------------------*/

/*--General Styles---------------------------------------------------------*/
body {
	/*background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto;*/
	background-color: #EEEEEE;
	font-family:"Poppins", sans-serif;
	}

/*- Links -*/
a {text-decoration: none;}
a:hover {color: #000000;}


.boxStyle {
	background: #f9f9f9;
	padding: 0 0;
	margin-bottom:30px;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .1), -2px 0 3px 0px rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .1), -2px 0 3px 0px rgba(0, 0, 0, .1);
	} 

/*- Special Fonts -*/
#siteDescription h2, .post h4, .post blockquote, .sidebarTitle h4, .sidebarBox li, #tagCloud li {font-family:Cambria, Georgia, serif;}

/*- Screen Size Limit -*/
.main_site_div {
	display: block;
	margin: 0 auto;
	width: 100%;
	}
	
.content_size {
	display: block;
	margin: 0 auto;
	max-width: 1080px;
	width: 100%;
	}
.content_size:after {
	content:'';
	display: table;
	clear:both;
	}

/*- Header -----------------------------------------------------------------*/
.header_main {
	display: block;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
	margin: 0;
	text-align: center;
	position: relative;
	}
/*.header_main .header_content{
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	height:200px;
	}
.header_main .header_content {
	text-align: center;
	max-height: 200px;
	width: 100%;
	}*/
.header_main .header_content {position:relative;}
.header_main .header_content .header_img {overflow:hidden;}
.header_main .header_content .header_img img {height:auto;width:100%;}
.header_main .content_size {position:absolute;top:0;right:0;bottom:0;left:0;}
.header_main h1 {
    content: "";
	display: table;
    vertical-align: middle;
    height: 100%;
	}
.header_main h1 a {
	color:#000;
	display: table-cell;
    vertical-align: middle;
	}
.header_main .navbar_main {
	background: #6ab32e;
	-webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, .1);
    box-shadow: inset 0 5px 5px rgba(0, 0, 0, .1);
	padding: 0;
	text-align: center;
	width: 100%;
	}
.header_main .navbar_main:after{content:'';display:table;clear:both;}

.header_main .navbar_main .responsive_menu {
	display: none;
	background:url(images/menu-toggle.png) no-repeat;
	height: 43px;
	width: 48px;
	}


/*- Top Menu -*/
.main-navigation{clear:both;display:block;;width:100%}
.main-navigation ul{text-align:center}
.main-navigation ul li{display: inline-block; margin: 0 -2px;position:relative;}
.main-navigation ul li a{display: block; color:#000000; font-family:"Poppins", sans-serif; font-weight: 500;font-size: 1.1rem;line-height: 1.2;padding: 15px; text-decoration:none;border-right:rgba(255, 255, 255, .7) 1px solid;}
.main-navigation ul li:first-child a{border-left:rgba(255, 255, 255, .7) 1px solid;}
.main-navigation ul li a:hover{background:#FFFFFF;}

.main-navigation ul li ul{background:#FFF;border:#6ab32e 1px solid;position:absolute;width:270px;z-index:10;display:none;}
.main-navigation ul li:hover ul{display:block;}
.main-navigation ul li ul li{border-bottom:#6ab32e 1px solid;display:block;margin:0 0;text-align:left;}
.main-navigation ul li ul li a{display:block;font-size:16px;padding:10px 10px;font-weight:normal;}
.main-navigation ul li ul li a:hover{background:#6ab32e;color:#fff;}

/*- End Header -------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*- Main Content -----------------------------------------------------------*/
#mainWrap{padding-top: 20px;}
#mainWrap:after {
	content:'';
	display:table;
	clear:both;
}


/*- The content (Left column) -*/ 
.content_bar {float:left; width:70%;}

/*- The sidebar (Right column) -*/ 
.sidebar {float:right; width:26%;}

.content_bar, .sidebar {margin-top:10px; vertical-align: top;} 

/*- End Main Content -------------------------------------------------------*/


/*------------------------------------------*/ 
/* POST TEXT */ 
/*------------------------------------------*/ 
.catBoxs { display:block; vertical-align:top; width:100%; } 
.catBoxs:after { content:''; display:table; clear:both; } 
.catBoxs .story_title{background:url(images/title_bg.png) repeat-x 0 0;position:relative;}
.catBoxs .story_title:before{content:'';background:url(images/title_edge.png) no-repeat 0 0;height:83px;width:13px; position:absolute;top:0;left:-13px;}
.catBoxs .story_title h2:after{content:'';background:url(images/title_edge.png) no-repeat -45px 0;height:83px;width:13px; position:absolute;top:0;right:-13px;}
.catBoxs .story_title h2 {color:#FFF;font-size:22px;font-weight:600;text-align:center;padding:10px;text-shadow:-1px 2px #000;height:50px;text-transform:uppercase;}
/*.story_cat_box50 { display:inline-block; margin:0 10px 20px; vertical-align:top; min-height: 150px; width:47%; } 
.story_cat_box100 { display:block; margin:0 10px 20px; vertical-align:top; min-height: 150px; width:auto; clear:both; } */
.catBoxs .story_image {overflow:hidden; height:275px; width:40%;}
.catBoxs .story_chapters {padding:5px 10px 5px; overflow:hidden;width:57%;}
.catBoxs.story_box_left .story_image {float:left;}
.catBoxs.story_box_right .story_image {float:right;}
.catBoxs.story_box_left .story_chapters {float:right;}
.catBoxs.story_box_right .story_chapters {float:left;}
.catBoxs .story_image img {display:block; margin:0 0; height:276px; width:auto;}
.catBoxs .story_chapters ul {margin-bottom: 5px;}
.catBoxs .story_chapters ul li {border-bottom:#CCC 1px solid;padding: 6px 0 2px;}
.catBoxs .story_chapters ul li a {display:block;text-decoration:none;color:#000;}
.catBoxs .story_chapters ul li a .storyThumbs{display:inline-block;height:35px;width:50px;overflow:hidden;}
.catBoxs .story_chapters ul li a .storyThumbs img{margin:0 0;padding:0 0;height:auto;width:100%;}
.catBoxs .story_chapters ul li a .storyLinks {display:inline-block;padding:6px;vertical-align:top;font-size:14px;width:82%;} 
.catBoxs .story_chapters ul li a:hover .storyLinks {color:#6ab32e;} 
.catBoxs .story_chapters ul li a:visited .storyLinks {color:#666;} 

.moreStoriesBtn {text-align:center;}
.moreStoriesBtn a {display:inline-block;background:#6ab32e;color:#FFF;font-size:14px;padding:5px 10px;}

.story_chapts .story_chapters {display:block;padding:5px 10px 5px;width:auto;}
.story_chapts .story_chapters ul {margin-bottom: 5px;}
.story_chapts .story_chapters ul li {border-bottom:#6ab32e 1px solid;padding: 12px 0 6px;}
.story_chapts .story_chapters ul li a {display:block;text-decoration:none;color:#000;}
.story_chapts .story_chapters ul li .storyThumbs{display:inline-block;max-height:200px;width:30%;overflow:hidden;}
.story_chapts .story_chapters ul li .storyThumbs img{margin:0 0;padding:0 0;height:auto;width:100%;}
.story_chapts .story_chapters ul li .storyLinks {display:inline-block;padding:0 6px 5px;vertical-align:top;font-size:14px;width:65%;} 
.story_chapts .story_chapters ul li .storyLinks h3 {margin:0 0 5px;padding:0 0 1px;} 
.story_chapts .story_chapters ul li .storyLinks h3 a {color:#F00;font-family:sans-serif;font-size:18px;text-transform:capitalize;font-weight: normal;} 

/**************************************************************************/
.singleStory { display:block; vertical-align:top; width:100%; position:relative;} 
.singleStory:after { content:''; display:table; clear:both; } 
.singleStory .story_title{background:url(images/title_bg.png) repeat-x 0 0;position:relative;}
.singleStory .story_title:before{content:'';background:url(images/title_edge.png) no-repeat 0 0;height:83px;width:13px; position:absolute;top:0;left:-13px;}
.singleStory .story_title h2:after{content:'';background:url(images/title_edge.png) no-repeat -45px 0;height:83px;width:13px; position:absolute;top:0;right:-13px;}
.singleStory .story_title h2 {color:#FFF;font-size:22px;font-weight:600;text-align:center;padding:10px;text-shadow:-1px 2px #000;height:50px;text-transform:uppercase;}
.storyAtr {padding:0 0 10px;position:relative;}
.storyAtr a.storyLang {background:#F00;color:#FFF;font-size:14px;padding: 5px 12px;position:absolute;top:0;right:0;z-index:999;}
.singleStory .entry {padding:0 15px 15px;}

.storyTags{padding:10px 0 10px 0;}
.storyTags strong {display:inline-block;background:url(images/icons/tag.gif) no-repeat 3px 7px;padding:0 0 0 25px;min-height:25px;} 
.storyTags ul{display:inline-block;}
.storyTags ul li{display:inline-block;padding:2px 2px;}
.storyTags ul li a{display:block;background:#87e7ff;border:#0067e1 1px dotted;color:#0029ff;padding:1px 5px;font-size: 14px;}
/*------------------------------------------*/ 
/* POST SHARE */ 
/*------------------------------------------*/ 
.postShare {padding:10px 0 5px 0;} 
.postShare strong {display:inline-block;background:url(images/icons/bookmark.gif) no-repeat 3px center;padding:0 0 0 25px;min-height:25px;} 
.postShare ul {display:inline-block;padding:3px 0 0;vertical-align: top;} 
.postShare li {display:inline-block;padding:2px 0 0 5px; position:relative;}
.postShare a {background-image:url(images/sprite.png);background-repeat:no-repeat;background-position:0 0;display:block;width:16px; height:16px;text-indent:-999px;}
.share-Email a {background-position:0 -96px;}
.share-Email a:hover {background-position:0 -113px;} 
.share-Delicious a {background-position:-17px -96px;}
.share-Delicious a:hover {background-position:-17px -113px;} 
.share-Digg a {background-position:-34px -96px;}
.share-Digg a:hover {background-position:-34px -113px;} 
.share-Facebook a {background-position:-51px -96px;}
.share-Facebook a:hover {background-position:-51px -113px;} 
.share-Myspace a {background-position:-68px -96px;}
.share-Myspace a:hover {background-position:-68px -113px;} 
.share-Google a {background-position:-85px -96px;}
.share-Google a:hover {background-position:-85px -113px;} 
.share-Linkedin a {background-position:-102px -96px;}
.share-Linkedin a:hover {background-position:-102px -113px;}
.share-Twitter a {background-position:-119px -96px;}
.share-Twitter a:hover {background-position:-119px -113px;} 
.share-Reddit a {background-position:-136px -96px;}
.share-Reddit a:hover {background-position:-136px -113px;}
.share-Stumbleupon a {background-position:-153px -96px;}
.share-Stumbleupon a:hover {background-position:-153px -113px;}
.share-Newsvine a {background-position:-170px -96px;}
.share-Newsvine a:hover {background-position:-170px -113px;}
.share-Technoratti a {background-position:-187px -96px;}
.share-Technoratti a:hover {background-position:-187px -113px;}

/*------------------------------------------*/ 
/* POST NAVIGATION (PREVIOUS + NEXT POSTS) */ 
/*------------------------------------------*/ 
.postNav {display:block; padding:1px 0; background:url(images/bgs/post/postNav.jpg) repeat-x 0 0; border-bottom:0;} 
.postNav:after {content:'';display:table;clear:both;} 
.postNav p {padding:0;} 
.postNav .nextPost {float:right;}
.postNav .prevPost {float:left;}
.postNav a {display:block; color:#999; padding:9px 0;} 
.postNav a:hover {color:#5E9E28;}
.postNav .nextPost a {padding-right:40px; background:url(images/bgs/post/postNav-nextArrow.png) no-repeat 100% -60px;}
.postNav .nextPost a:hover {background-position:100% 0px;}
.postNav .prevPost a {padding-left:40px; background:url(images/bgs/post/postNav-prevArrow.png) no-repeat 0 -60px;}
.postNav .prevPost a:hover {background-position:0 0px;}

/*- End The Post -----------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------*/

/*- Widgets ----------------------------------------------------------------*/
.widget_div {}

/*- Sidebar ----------------------------------------------------------------*/
.sidebarBox {
	margin-bottom:30px;
	} 
/*.sidebarBox .sidebarTitle {background:#FFF; border-top:#6ab32e 3px solid; color:#000;margin-bottom:3px;padding:10px 0;text-transform:uppercase;text-align:center;font-size:1.3rem;line-height:1.56;}*/
.sidebarBox .sidebarTitle{background:url(images/side_title_bg.png) repeat-x 0 0;position:relative;}
.sidebarBox .sidebarTitle:before{content:'';background:url(images/side_title_edge.png) no-repeat 0 0;height:83px;width:13px; position:absolute;top:0;left:-13px;}
.sidebarBox .sidebarTitle h4:after{content:'';background:url(images/side_title_edge.png) no-repeat -45px 0;height:83px;width:13px; position:absolute;top:0;right:-13px;}
.sidebarBox .sidebarTitle h4 {font-size:22px;font-weight:600;text-align:center;padding:10px;text-shadow:-0.01em 0.03em #FFFFFF;height:50px;}
.sidebarBox.widget_mailchimpsf_widget .sidebarTitle h4 {font-size:20px;font-weight:600;text-align:center;padding:5px;text-shadow:-0.01em 0.03em #FFFFFF;height:54px;}

.sidebarBox .widgetBody {padding: 10px 10px;}
.sidebarBox.widget_search .widgetBody {padding: 5px 10px 20px;text-align:center;}
.sidebarBox.widget_categories .widgetBody, .sidebarBox.widget_nav_menu .widgetBody {padding: 0 0;}
.sidebarBox ul {}
.sidebarBox li {display:block;  border-bottom:1px solid #DDD;} 
.sidebarBox li a {background:url(images/book-icon.png) 5px 8px no-repeat; color:#444444; display:block; font-size:1.1rem; padding:10px 5px 10px 40px; width:auto;} 
.sidebarBox.widget_categories li a {display:inline-block; width: 80%;} 
.sidebarBox li a:hover {color: #000000;}
.sidebarBox li.last a {border:0;}
.sidebarBox ul li ul { 	margin-left: 55px; 	margin-right: 0; 	margin-top: 0; 	clear:both; 	} 
.sidebarBox ul li ul li { 	margin-left:0; 	} 
.widget_div ul.children li ul li strong { 	display:block; 	font-size:12px; 	} 
.widget_div ul.children li a { 	color:#039; 	}	div.children {	margin-left: 58px;	margin-right: 0;	margin-top: 0;	clear:both;	}
.widget_div div.children strong {display:block;font-size:12px;}
.widget_div div.children a {color:#039;}
.mainstory {float:right;width:242px;}
.mainstory strong {font-size:16px;display:block;} 

.widget_div input{background:#eee;border:#aaa 1px solid;display:block;font-size:16px;margin-bottom:10px;padding:8px;width:100%;}

form#searchform .accesible{display:none; visibility:hidden;}
form#searchform input{background:#eee;border:#aaa 1px solid;display:block;font-size:16px;margin-bottom:10px;padding:8px;width:100%;}
form#searchform button{background:#6ab32e;color: #fff;padding:8px;text-transform:uppercase;width:100px;}
/*- End Widgets ------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------*/
.pic_title_main {margin-top: 0;font-size:14px;}
.pic_title_main strong {font-weight:normal;}
.postdata {clear:both;}
.pic_title_main .postImage {float:left;margin-left: 50px;width:600px;}
.pic_title_main .pic_title {float:right;padding: 9px 0 0;width: 280px;}
.pic_title_main .pic_title .pdata {padding: 0 0 5px;}
.pic_title h3 {font-size: 1.9em;font-weight: normal;margin-right: 0;text-shadow: 1px 1px #000;padding-bottom: 10px;}
.pic_title h3, .pic_title h3 a {color: #fff;}
.pic_title .pdata a {color: #6F95D7;}
.newsletter {color: #666666;font-family: Cambria,Georgia,serif;line-height: 100%;margin-top: -5px;padding: 0 25px 0 5px;width:240px;}
.newsletter p {float: left;padding: 8px 0 8px 5px;}
.newsletter p input {margin:0;}
.post_pages {padding: 0 0 15px 40px;	}
.post_pages h4 {display:block;text-align:center;color:#000000;font-size:32px;}
.post_pages h4 a {color:#036;}
.post_pages strong {text-align:center;}
.post_pages ul {list-style:none;}
.post_pages ul li {text-align:center;padding:3px 10px 2px 0;}
.post_pages ul li a {color:#036;text-decoration:none;}
.content_bar h2 {padding:1px 2px 2px 55px;}
.content_bar h2 a {color:#039;text-decoration:underline;font-size:18px;}	
/*- Footer -----------------------------------------------------------------*/
.contributionBox {color:#444;margin:15px auto 35px;max-width:1080px;text-align:center;width:100%;}
.contributionBox p {margin-bottom:10px;}

#footer {background:#FFF url(images/zig-zag.png) repeat-x top; clear:both; font-size:0.75em; color:#999; padding:20px 0 5px;} 
.navbar_footer, .copywright {padding:8px 4px; margin:0 auto; max-width:850px; width:100%;}
.navbar_footer ul {display:block;text-align:center;}
.navbar_footer ul li {display:inline-block;padding:0 0;}
.navbar_footer ul li a {color:#999;display:block;border-left:#999 1px solid;padding:0 5px;font-size:14px;}
.navbar_footer ul li a:first-child {border-left:none;}
.navbar_footer ul li ul {display:none;}
.navbar_footer ul li:hover ul {display:none;}
#footer a {color:#999;} 
#footer a:hover {color:#666;} 

/*- Copywright -*/
.copywright { border-top: 1px solid #DDDDDD; color: #000000; font-family: arial; font-size: 13px; text-align:center;} 
#about {float:left; width:700px;} 
#codeIsPoetry {float:right; width:134px; height:11px; background-position:0 -130px;}

/*- End Footer -------------------------------------------------------------*/

.wpcf7{margin:0 auto;max-width:500px;width:100%;}
.wpcf7 p{margin-bottom:10px;}
.wpcf7 .wpcf7-form-control{padding:8px;font-size:16px;}


@media screen and (max-width: 800px) {
	.header_main .header_content .header_img img {height:auto;width:115%;}
	.header_main h1 {font-size:20px;}
	.content_size {padding:0 20px;max-width:90%;width:90%;}
	.content_bar, .sidebar {display:block;float:none;width:auto;}
	.catBoxs.story_box_right .story_image,
	.catBoxs.story_box_left .story_chapters{display:block;float:none;width:auto;}
	.catBoxs .story_image,.catBoxs .story_chapters{display:block;float:none !important;height:auto;width:auto;}
	.catBoxs .story_image img {display:block;height:auto;width:auto;}
	.catBoxs .story_chapters ul li a .storyLinks {padding:6px 2px;width:80%;}
	
	.header_main .navbar_main .responsive_menu {
		display: inline-block;
		background:url(images/menu-toggle.png) no-repeat;
		height: 35px;
		width: 39px;
		float:right;
		margin: 6px 20px 6px 6px;
		}
	.header_main .navbar_main .main-navigation {display:none;}
	.toggle_menu .main-navigation{clear:both;display:block !important;width:100%;}
	.toggle_menu .main-navigation ul{background:none;order:none !important;display:block;padding:0 0 15px;position:static;text-align:left;width: 100%;}
	.toggle_menu .main-navigation ul li{border-bottom:#5fa526 1px solid;display:block;margin:0 15px;position:relative;}
	.toggle_menu .main-navigation ul li a{border:none !important;display:block;color:#000000;font-family:"Poppins", sans-serif; font-weight: 500;font-size: 1rem;line-height: 1.2;padding:8px 15px; text-decoration:none;}
	.toggle_menu .main-navigation ul li a:hover{background:#FFFFFF;}
	
	.toggle_menu .main-navigation ul li ul.sub-menu{border:none;width:auto;display:block;margin-left:40px;padding-bottom:3px;}
	.toggle_menu .main-navigation ul li ul li{border-bottom:none;display:block;margin:0 0;text-align:left;padding:5px 0;}
	.toggle_menu .main-navigation ul li ul li a{border-left:#fff 1px solid !important;display:block;font-size:16px;padding:1px 8px;font-weight:normal;}
	.toggle_menu .main-navigation ul li ul li a:hover{background:#6ab32e;color:#fff;}

}