/*
Natalia CB
*/


/* --------------------------------------------------------------
GENERAL ELEMENTS
-------------------------------------------------------------- */

/* BODY */
body { font-family:Arial, Helvetica, sans-serif; color:#99a; font-size:1em; line-height:1.65; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { color:#567; line-height:1.2; margin:0 0 0.6em; }
h1 { font-size:2.5em; } 
h2 { font-size:2em; } 
h3 { font-size:1.5em; } 
h4 { font-size:1.3em; } 
h5 { font-size:1.2em; } 
h6 { font-size:1.1em; }

/* HYPERLINKS */
a { color:#2a88bf; text-decoration:none; }
a:hover { color:#2a88bf; text-decoration:underline; }

/* CITATIONS */
blockquote { display:block; font-style:italic; padding:0 30px; margin:25px 0; font-size:1.3em; border-left:4px solid #999; opacity:0.9; }
blockquote cite, blockquote em, blockquote i { font-style:normal; }

/* FORMS */
input[type=text], input[type=password], input[type=input], 
input[type=tel], input[type=url], input[type=email], 
input[type=number], input[type=range], input[type=search], input[type=color], 
input[type=time], input[type=week], input[type=month], input[type=date], input[type=datetime], 
textarea, select { border:1px solid #ddd; padding:8px 6px; background:#f5f5f5; }
input[type=submit] { width:auto; -webkit-appearance:none; }

/* BUTTON STYLING */
.button:link, 
.button:visited, 
input[type=submit] { }
.button:hover, 
input[type=submit]:hover { }


/* --------------------------------------------------------------
LAYOUT
-------------------------------------------------------------- */

/* PAGE BANNERS AND TITLES */
.pagetitle { position:relative; background-color:#555; color:#fff; background-size:cover; background-position:center; text-align:center; padding:80px 0; margin:0; }
.pagetitle .pagetitle-title { margin:0; font-size:2.5em; color:#fff; }


/* PAGE CONTENT */
.main { background:#fff; }


/* SIDEBARS */
.sidebar .widget { padding:0 0; }
.widget .widget-title { font-size:1.2em; text-transform:uppercase; }
.widget ul li { position:relative; padding:0; margin:0 0 8px; }


/* FOOTER */
.subfooter { overflow:hidden; background:#444; color:#bbb; padding:0; }
.subfooter-column { padding:50px 0; }
.subfooter .widget-title { color:#fff; }
.footer { position:relative; overflow:hidden; color:#bbb; background:#333; padding:40px 0 20px; clear:both; }
.subfooter a,
.footer a { color:#eee; }
.subfooter a:hover,
.footer a:hover { color:#fff; }


/* --------------------------------------------------------------
NAVIGATION
-------------------------------------------------------------- */

/* TOP MENU */
.topmenu { float:left; }


/* MOBILE MENU */
.menu-mobile-open { }


/* FOOTER MENU */
.footermenu { }
.menu-footer { display:inline-block; }
.menu-footer li a { font-weight:bold; }
.menu-footer li ul li a { font-weight:normal; font-size:0.9em; }


/* NEXT/PREV POST NAVIGATION */
.navigation { }
.navigation .nav-prev,
.navigation .nav-next { padding:0 30px; }
.navigation .nav-prev:before { display:block; position:absolute; top:50%; left:0; list-style:none; content:'<'; font-size:30px; color:#999; margin-top:-15px; line-height:30px; }
.navigation .nav-next:before { display:block; position:absolute; top:50%; right:0; list-style:none; content:'>'; font-size:30px; color:#999; margin-top:-15px; line-height:30px; }


/* NUMBERED PAGINATION */
.pagination span, 
.pagination a { border-radius:0px; padding:15px 20px; border:1px solid #eee; }


/* NUMBERED PAGINATION FOR SINGLE POSTS */
.postpagination span { }
.postpagination a span { }


/* --------------------------------------------------------------
POSTS & PAGES
-------------------------------------------------------------- */

/* POST LISTING */
.post  { margin:0 0 0; }
.single .post  { margin:0 0 40px; }
.post .post-image { margin:0 0 20px; }
.post .post-image img { display:block; margin:0; line-height:1; width:100%; height:auto; border-radius:3px; }
.post .post-body { }
.post .post-title { font-size:1.4em; padding:0; margin:0 0 20px 0; }
.post .post-title a { color:inherit; }
.post .post-byline { text-transform:uppercase; position:relative; padding:0; margin:5px 0 20px; color:#aaa; font-size:0.9em; line-height:1; }
.post .post-byline:empty { display:none; }
.post .post-byline:after { display:block; clear:both; width:100%; height:0px; content:' '; }
.post .post-byline div { float:left; position:relative; padding:0 15px 0 15px; margin:0 0 10px 0; border-right:1px solid rgba(0,0,0,0.1); }
.post-byline div:first-child { padding-left:0; }
.post .post-byline div:last-child { padding-right:0; border-right:none; }
.post .post-content { padding:0; margin:0; }
.post .post-content p:last-child { margin-bottom:0; }
.post .post-readmore { margin:20px 0 0; }
.post .post-tags { display:block; margin:20px 0 0; }
.post .post-tags a { display:inline-block; padding:5px 10px; border:1px solid #ddd; border-radius:50px; margin:0 10px 10px 0; }


/* AUTHOR BIOS */
.author-info { clear:both; padding:0; margin:0 0 40px; }
.author-info .author-image { float:left; margin:0; width:100px; }
.author-info .author-image img { display:block; line-height:0; margin:0; border-radius:500px; }
.author-info .author-body { margin-left:120px; padding:0; }
.author-info .author-name { position:relative; padding:0; margin:0 0 10px; }
.author-info .author-description { margin:0 0 10px; }
.author-info .author-social { margin:0; }
.author-info .author-social a { margin-right:15px; }


.single-forge_template { }
.single-forge_template .header,
.single-forge_template .pagetitle,
.single-forge_template .subfooter,
.single-forge_template .footer { display:none; }


/* --------------------------------------------------------------
COMMENTS
-------------------------------------------------------------- */


/* COMMENTS */
.comments { clear:both; margin:0; }
.comments-list { list-style:none; padding:0; margin:0 0 30px; }
.comment { overflow:hidden; list-style:none; margin:0 0 10px; padding:0; }
.comment.bypostauthor > .comment-body { }
.comment .comment-avatar { float:left; width:50px; }
.comment .comment-avatar img { display:block; width:100%; border-radius:50px; }
.comment .comment-body { margin:0 0 30px 70px; padding:0; }
.comment .comment-title { position:relative; padding:0 0 10px; margin:0 0 10px; }
.comment .comment-author { display:block; font-size:1.3em; line-height:1.2em; margin:0 0 5px; }
.comment .comment-author a { color:inherit; }
.comment .comment-date { font-size:0.9em; text-transform:uppercase; }
.comment .comment-approval { display:block; padding:0 10px 0; margin:0; }
.comment .comment-content { margin:0; padding:0; }
.comment .comment-options { overflow:hidden; float:right; text-align:right; padding:5px 10px; border-radius:2px; font-size:0.9em; border:1px solid #eee; }
.comment .comment-options a { margin-left:10px; }
.comment .comment-options a:first-child { margin:0; }
/* Contents Styling for Comment Body */
.comment .comment-content ul, 
.comment .comment-content ol { margin-bottom:18px; }
.comment .comment-content p:last-child { margin-bottom:6px; }
.comment .comment-content blockquote p:last-child { margin-bottom:24px; }
/* Nested Comments */
.comment .children { list-style:none; margin:0 0 0 70px; }
/* Pingbacks & Trackbacks */
.comments ol.pinglist { margin:0; }
.comments .pingback { list-style:none; margin:0 0 10px 0; }
.comments .pingback .url { font-style:italic; }
/* Author Comments */
.bypostauthor {}


/* COMMENT FORM */
.comment-respond { margin:30px 0; overflow:hidden; position:relative; }
.comment-respond p { overflow:hidden; }
/* Fields */
.comment-respond .comment-notes { display:none; }
.comment-respond .required { color:#ff4b33; }
.comment-respond label{ display:block; padding:5px 0; }
.comment-respond textarea{ height:200px; max-height:400px; min-height:200px; resize:vertical; }
/* Nested Form */
#cancel-comment-reply-link { float:right; display:block; font-size:0.9em; }
/* Allowed Tags */
.comment-respond .form-allowed-tags { display:none; color:#888; font-size:0.9em; }
.comment-respond .form-allowed-tags code { display:block; font-size:0.9em; }
.comment-respond .form-submit { }


/* --------------------------------------------------------------
PLUGIN INTEGRATION
-------------------------------------------------------------- */

.forge-builder-ui .header { pointer-events:none; opacity:0.5; }


/* --------------------------------------------------------------
RESPONSIVE STYLES
-------------------------------------------------------------- */


/* LARGE SCREENS */
@media screen and (min-width: 1280px){}


/* TABLET SCREENS (LANDSCAPE) */
@media screen and (max-width: 1024px){}


/* TABLET PORTRAIT */
@media screen and (max-width: 800px){}


/* SMARTPHONE */
@media only screen and (max-width: 600px){
	
	.topmenu { display:none; }
	
	/* NAVIGATION */
	.menu-top { text-align:center;  }
	.menu-top li { display:inline-block; }
	.menu-top li a { margin:0 auto; }
	
	.footermenu { float:none; }
	.menu-footer li a { margin:0 10px 10px 0; }
	
	
	/* AUTHOR BIOS */
	.author-info .author-image { float:none; }
	.author-info .author-body { margin-left:0; }
}