/*
	Theme Name:          ABN Framework
	Theme URI:           http://www.actualidadblog.com/
	Description:         Theme Framework para la red de blogs ActualidadBlog
	Author:              Dario BF
	Author URI:          http://www.dariobf.com/
	Version:             5.1.18
	GitHub Theme URI:    https://github.com/ABInternet/abn/
	GitHub Branch:       master
*/

/* ==========================================================================
   Base styles:
   ========================================================================== */

html { color: #222; font-size: 1em; line-height: 1.4; }
body { padding: 0; }
html, body { height: 100%; max-height: 100%; }
img { max-width: 100% !important; height: auto; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
:focus { outline: none !important; }
::-moz-focus-inner { border: 0 !important; }

/*
 * A better looking default horizontal rule
 */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset { border: 0; margin: 0; padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea { resize: vertical; }
h1, h2, h3, h4, h5, h6, p, a, strong { font-family: "Roboto", sans-serif; }

/**
* Clear floats.
* http://bit.ly/1e3YaBH
*/
.clearfix:after { content: ""; display: table; clear: both; }

/* ==========================================================================
   WordPress Core styles:
   ========================================================================== */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }
html #wpadminbar { position: fixed; }

/* ==========================================================================
   ABN-SHARES styles:
   ========================================================================== */
#abn-shares-buttons { background: transparent; z-index: 9999; }
#abn-shares-buttons.fixed { background: #fff; width: 100%; left: 0; }
#abn-shares-buttons .fixed-inner { padding: 0; }
#abn-shares-buttons.fixed .fixed-inner { padding: 1px 10px 10px 40px; }
#abn-shares-buttons.fixed h1.blogposting-title { max-width: 100%; }
#abn-shares-buttons sub { font-size: 1.5rem; }
#abn-shares-buttons span.abn-shares-global { float: right; padding: 5px 0 0; /*background:#eee;*/ }
#abn-shares-buttons span.abn-shares-global span.txt { float: left; font-size: 1rem; font-weight: 700; }
#abn-shares-buttons span.abn-shares-global span.num { font-size: 2rem; line-height: 1.1rem; margin: 0 5px; border: 0; }
#abn-shares-buttons span.abn-shares-global.mobile span.num { font-size: 1.2rem; line-height: 1.5rem; margin: 0; }
#abn-shares-buttons a.abns-button { display: inline-block; font-size: 1rem; font-weight: normal; color: #666; width: auto; text-decoration: none !important; }
#abn-shares-buttons a.abns-button .abns-button-inner { overflow: hidden; clear: both; }
#abn-shares-buttons a.abns-button span.abns-share-text { float: left; white-space: nowrap; color: white; padding: 5px 10px 4px 5px; }

/* icons */
a.abns-button i { float: left; display: block; height: 21px; width: 21px; background-repeat: no-repeat; background-size: 21px; margin: .35em 0 0 .65em; }
a.abns-button i:before { color: #fff; font-size: 1.3em; margin-top: 2px; }
a.abns-button--facebook .abns-button-inner { background-color: #3b5999; }
a.abns-button--twitter .abns-button-inner { background-color: #59adeb; }
a.abns-button--gplus .abns-button-inner { background-color: #d75139; }
a.abns-button--pinterest .abns-button-inner { background-color: #c13d33; }
a.abns-button--whats .abns-button-inner { background-color: #4caf50; }
a.abns-button--instagram .abns-button-inner { background-color: #9e7144; }
a.abns-button--youtube .abns-button-inner { background-color: #cd332d; }
a.abns-button--email .abns-button-inner, a.abns-button--print .abns-button-inner { background-color: #666; }
a.abns-button--gplus .abns-button-inner, a.abns-button--pinterest .abns-button-inner, a.abns-button--email .abns-button-inner, a.abns-button--print .abns-button-inner, a.abns-button--youtube .abns-button-inner, a.abns-button--instagram .abns-button-inner, a.abns-button.mobile .abns-button-inner { width: 41px; height: 32px; }
a.abns-button--gplus .abns-button-inner span, a.abns-button--pinterest .abns-button-inner span, a.abns-button--email .abns-button-inner span, a.abns-button--print .abns-button-inner span { display: none; }
a.abns-button--whats .abns-button-inner { width: auto !important; }

/* widget */
span.abns-social-count { float: right; color: white; padding: 5px 10px; }
.widget a.abns-button { display: block !important; margin: 2px 0; }
.widget a.abns-button .abns-button-inner { overflow: hidden; clear: both; width: 100%; border-radius: 5px; }
.widget a.abns-button.square { width: 48%; float: left; margin-right: 1%; }
a.abns-button--gplus .abns-button-inner span, a.abns-button--pinterest .abns-button-inner span { display: block; }
#abn-shares-widget .fixed-inner.square { overflow: hidden; clear: both; }
#abn-shares-buttons { z-index: 10 !important; }
#abn-shares-buttons.fixed { z-index: 1; top: 3.9rem !important; background: #e2e2e2; }
.admin-bar #abn-shares-buttons.fixed { top: 6.9rem !important; }
#abn-shares-buttons h1 { display: none; }
#abn-shares-buttons.fixed .fixed-inner { padding: .2em 0 0 2em !important; max-width: 72em !important; margin: 0 auto; }
.abns-button--gplus, .abns-button--pinterest, .abns-button--email, .abns-button--print, .archive .abns-button--print { display: none !important; }

/* ==========================================================================
   ABN-SHARES styles:
   ========================================================================== */
.addoor_tw_layout.addoor_tw_desktop { transform: scale(.9); margin-left: -2em; }
.widget_abn_admanager_quad_ads li { display: inline-block; }

/* ==========================================================================
   Struct styles:
   ========================================================================== */
body { padding-top: 6.75em; }
.wrapper { margin: 0 auto; max-width: 60em; position: relative; }
.wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-align-items: flex-start; align-items: flex-start; margin: 0 auto; max-width: 78.125rem; padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.main { -webkit-flex: 1 1 15em; /* this */ width: 100%; }
.sidebar { width: 100%; }
.footer-column-full { width: 100%; text-align: left; }
.footer-column { text-align: left; display: inline-block; width: 33%; padding: 1em; box-sizing: border-box; }
.page-navigation { padding-bottom: 3.75em; padding-top: 3.75em; }
.nav-previous, .nav-next { width: 100%; background: #e2e2e2; line-height: 2.5em; margin: .2em 0; }
.nav-previous a, .nav-next a { display: block; color: #888; padding: 0 2em; text-decoration: none; text-transform: uppercase; font-size: .9em; transition: background .5s; }
.nav-previous { text-align: left; }
.nav-next { text-align: right; }
.nav-previous a:before, .nav-next a:after { color: #888; font-size: 1.5em; font-weight: lighter; line-height: 2em; }
.nav-previous a:before { content: '‹'; margin-right: .4em; }
.nav-next a:after { content: '›'; margin-left: .4em; }
.nav-previous a:hover, .nav-next a:hover { background: #ccc; }

/* ==========================================================================
   Header styles:
   ========================================================================== */
.branding { background-color: red; height: 3.75em; color: #fff; margin: 0; z-index: 11; border-bottom: .3125em solid #000; position: fixed; width: 100%; top: -1px; left: 0; z-index: 150; }
.branding .wrapper { display: table; width: 100%; height: 100%; }
.admin-bar .branding { top: 46px; }
.site-logo { display: table-cell; vertical-align: middle; width: 35px; padding: 0 .7em 0 3em !important; }
.site-logo img { max-width: 45px; max-height: 35px; height: auto; }
.sitename-description { padding: .4em 0; display: table-cell; vertical-align: middle; }
.sitename-description, .sitename-description > a { font-size: 1.4em; text-transform: uppercase; margin: 0; font-weight: lighter; color: #fff !important; text-decoration: none; line-height: 1em; }
.sitename-description > a { font-size: 1em; }
.sitename-description a span.sitename-break { display: block; }
.sitename-description a span.sitename-accent { font-weight: bold; }
.sitename-description a span.sitename-normal { font-weight: lighter; display: inline-block; margin-left: -.2em; }
.shortcut-icons { position: absolute; top: 0; right: .625em; }
.shortcut-icons--content { display: none; }
.twitter-header, .facebook-header, .email-header { text-decoration: none; cursor: pointer; position: relative; margin: 0; }
.search-toogle { text-decoration: none; }
.twitter-header:before, .facebook-header:before, .email-header:before, .search-toogle:before { font-size: 1.6em; color: #fff; line-height: 3.75rem; text-decoration: none; text-align: center; width: 2.5em; display: block; }
.twitter-header:hover:before, .facebook-header:hover:before, .email-header:hover:before { background: #fff; color: red; }
.twitter-header:hover .shortcut-icons--content, .facebook-header:hover .shortcut-icons--content, .email-header:hover .shortcut-icons--content { display: block; position: absolute; top: 3.75em; left: 0; width: 200px; height: 60px; background: #fff; z-index: 10; color: #000; overflow: hidden; }

/* ==========================================================================
   Navigation styles:
   ========================================================================== */
#navBurger { cursor: pointer; width: 3.7em; height: 2.8em; position: absolute; top: .55em; left: -1.3em; }
#navBurger:hover, #navBurger.clicked { left: -1em; }
#navBurger .burger { margin-left: 18px; margin-top: 20px; cursor: pointer }
#navBurger .burger, #navBurger .burger::after, #navBurger .burger::before { border-radius: 2px; position: absolute; z-index: 100; width: 34px; height: 4px; background: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
#navBurger .burger::after, #navBurger .burger::before { content: ""; display: block; }
#navBurger .burger::before { margin-top: -8px; }
#navBurger .burger::after { margin-top: 8px; }
#navBurger.clicked .burger { -webkit-transform: rotate(45deg) translate3d(0, 0, 0); transform: rotate(45deg) translate3d(0, 0, 0) }
#navBurger.clicked .burger::before { margin-top: 0; -webkit-transform: rotate(-90deg) translate3d(0, 0, 0); transform: rotate(-90deg) translate3d(0, 0, 0) }
#navBurger.clicked .burger::after { margin-top: 0; -webkit-transform: rotate(0) translate3d(0, 0, 0); transform: rotate(0) translate3d(0, 0, 0) }
.main-navigation { background: #000; visibility: hidden; width: 100%; min-height: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; overflow-y: auto; padding-top: 4.75em; box-sizing: border-box; }
.main-navigation.active { visibility: visible; opacity: 1; }
.main-navigation ul { max-width: 60em; margin: 0 auto; text-align: left; padding: 0; }
.main-navigation ul li { display: block; line-height: 2.5rem; position: relative; }
.main-navigation ul li:last-child { margin-right: 0; }
.main-navigation ul li ul, .main-navigation ul li ul li ul { display: block; margin-left: 1em; }
.main-navigation ul li a { display: block; opacity: 0; margin-left: -2em; }
.main-navigation.active ul li a { opacity: 1; margin-left: 0; }
.main-navigation.active ul li:nth-child(1) a { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s }
.main-navigation.active ul li:nth-child(2) a { -webkit-transition-delay: .34s; -o-transition-delay: .34s; transition-delay: .34s }
.main-navigation.active ul li:nth-child(3) a { -webkit-transition-delay: .38s; -o-transition-delay: .38s; transition-delay: .38s }
.main-navigation.active ul li:nth-child(4) a { -webkit-transition-delay: .42s; -o-transition-delay: .42s; transition-delay: .42s }
.main-navigation.active ul li:nth-child(5) a { -webkit-transition-delay: .46s; -o-transition-delay: .46s; transition-delay: .46s }
.main-navigation.active ul li:nth-child(6) a { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s }
.main-navigation.active ul li:nth-child(7) a { -webkit-transition-delay: .54s; -o-transition-delay: .54s; transition-delay: .54s }
.main-navigation.active ul li:nth-child(8) a { -webkit-transition-delay: .58s; -o-transition-delay: .58s; transition-delay: .58s }
.main-navigation a { font-family: "Roboto", sans-serif; color: #fff; text-decoration: none; text-transform: none; font-weight: lighter; font-size: 0.85em; padding: 0 .5em; position: relative; z-index: 101; }
.main-navigation a:hover, .main-navigation .current_page_item a { background: #f8f8f8; color: #000 !important; }
.search-bar { background: #000; color: #fff; padding: .3em 0; text-align: center; position: absolute; top: 3.75em; width: 100%; z-index: 10; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s linear; z-index: 12; }
.search-bar.active { visibility: visible; opacity: 1; }
.search-bar input { display: inline-block; border: none; padding: .3em; line-height: 2em; }
.search-bar input[type="text"] { background: #000; color: #f8f8f8; width: calc(100% - 200px); border-bottom: 2px solid #545454; }
.search-bar input:hover { border: none !important; }
.search-bar input[type="submit"] { background: none; border: 2px solid #545454; -webkit-transition: .3s background linear; -o-transition: .3s background linear; transition: .3s background linear; }
.search-bar input[type="submit"]:hover { border: 2px solid #545454 !important; background: #545454; }
.breadcrumb { width: 100%; background: none; color: #000; text-align: left; float: left; padding: 0 !important; }
.breadcrumb a, .breadcrumb span { color: #000; text-decoration: none; font-size: .95em; text-transform: none; }
.breadcrumb a:hover { color: #BBB; }
.social-topbar { background: #e2e2e2; width: 100%; position: absolute; top: 6.3em; left: 0; display: none; }
.social-topbar--buttons { padding: .3em 0; padding-left: 1em; }
.social-topbar--buttons a { display: inline-block; background: #535353; color: #fff; text-decoration: none; font-weight: lighter; line-height: 1.7em; min-width: 2em; text-align: center; }
.social-topbar--buttons a:before { }
.social-topbar--buttons a.fa-facebook { background: #3A589B; }
.social-topbar--buttons a.fa-twitter { background: #55ACEE; }
.social-topbar--buttons a.fa-facebook, .social-topbar--buttons a.fa-twitter { padding: 0 .4em; font-family: "Roboto", sans-serif; font-weight: normal; }
.social-topbar--buttons a.fa-facebook:before, .social-topbar--buttons a.fa-twitter:before { margin-right: .3em; font-family: "FontAwesome"; }
.social-topbar--buttons a.fa-google-plus { background: #D95032; }
.social-topbar--buttons a.fa-instagram { background: #dc0078; }
.social-topbar--buttons a.fa-paper-plane { background: #2ba1d9; }
.social-topbar--buttons a.fa-youtube { background: #b31217; }
.social-topbar--next-link { position: absolute; top: 0; right: 0; line-height: 2.5em; }
.social-topbar--next-link a { text-decoration: none; color: #353535; }
.social-topbar--next-link a:after { content: '›'; font-size: 1.2em; margin-left: .2em; }

/* ==========================================================================
   General styles:
   ========================================================================== */
.post { position: relative; margin-bottom: 3.75em; }
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post a, .page a { color: red; }
.post h2, .post h1 { margin: .5em 0 .3em 0; }
.post h2 > a, .post h1 { font-size: 1.3em; text-decoration: none; color: red; margin-bottom: 0; margin-left: -2px; line-height: 1.2em; }
.post h1 { font-size: 1.85em; }
.post h2 > a:hover { color: red; }
.post blockquote { border-left: 4px solid red; padding-left: 1em; box-sizing: border-box; position: relative; font-style: italic; }
.post blockquote:before { content: '“'; position: absolute; top: -.1em; left: -.8em; font-size: 2.5em; color: #b2b2b2; }
.post cite { color: #888; }
.blogposting-content table { background: #f8f8f8; }
.blogposting-content table tr th, .blogposting-content table tr td { padding: 1em; box-sizing: border-box;}
.blogposting-content table thead { background: red; }
.post-meta { margin-top: 0; font-size: .9em; height: 1%; overflow: hidden; }
.post-meta .miniby { float: left; padding: 0; margin: 0; font-size: 1em }
.post-meta-info, .post-meta-comments { margin: 0 0 1em 0; }
.post-meta-info a, .post-meta-comments a { color: #000; }
.post-meta-info a:hover, .post-meta-comments a:hover { color: red; }
.post-meta-info { float: left; }
.post-meta-comments { float: right; }
.post-meta-comments a { text-decoration: none; color: red; }
.post-image { position: relative; margin-top: 1.4em; margin-bottom: 1.4em; max-width: 830px; }
.post .cat-list, .post .tag-list { width: 100%; background: rgba(255, 0, 0, .8); color: #fff; padding: .3em .5em; box-sizing: border-box; font-size: .8em; text-transform: uppercase; }
.post .post-image.post-thumbnail .cat-list { position: absolute; bottom: 0; left: 0; }
.post .cat-list p, .post .tag-list p { display: block; margin: 0; }
.post .cat-list a, .post .tag-list a { color: #fff; text-transform: none; text-decoration: none; }
.post-read-more, #scrap-a-post .crossblog a { text-decoration: none; float: right; border: 2px solid red; padding: .5em .7em .3em .7em; text-transform: uppercase; font-size: .9em; margin-top: .9375em; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.post-read-more:hover, #scrap-a-post .crossblog a:hover { background: red; color: #fff; }
.post-read-more:after { content: "»"; }
.cat-list h2, .tag-list span.blogposting-utility-prep-tag-links { display: inline-block; color: #fff; font-size: 1.2em; font-weight: normal; margin: 0; font-size: .9em; text-transform: uppercase; }
.cat-list h2:after { content: ": "; }
.post .author-meta { background: #eee; padding: 1em; box-sizing: border-box; text-align: center; margin-top: 2em; }
.post .author-meta img { max-width: 100%; }
.post .author-meta .author-meta--personal { text-align: center; width: 6.25em; display: inline-block; vertical-align: top; }
.post .author-meta .blogposting-meta { width: calc(100% - 7em); display: inline-block; vertical-align: top; text-align: left; padding-left: 1em; box-sizing: border-box; }
.post .author-meta .author-meta--personal img { border-radius: 50%; }
.post .author-meta .author-meta--social, .page .author-meta--social, .post .author-page-info--social .author-meta--social { padding: 0; margin-top: .5em; }
.post .author-meta .author-meta--social li, .page .author-meta--social li, .post .author-page-info--social .author-meta--social li { display: inline-block; margin: 0 .05em; }
.post .author-meta .author-meta--social li a, .page .author-meta--social li a, .post .author-page-info--social .author-meta--social li a { text-decoration: none; color: #888; font-size: .95em; padding: .1em; width: 1.3em; line-height: 1.3em; text-align: center; }
.post .author-meta .author-meta--social li a.fa-google-plus, .page .author-meta--social li a.fa-google-plus, .post .author-page-info--social .author-meta--social li a.fa-google-plus { background: #dd4b39; color: #fff !important; }
.post .author-meta .author-meta--social li a.fa-twitter, .page .author-meta--social li a.fa-twitter, .post .author-page-info--social .author-meta--social li a.fa-twitter { background: #55acee; color: #fff !important; }
.post .author-meta .author-meta--social li a.fa-facebook, .page .author-meta--social li a.fa-facebook, .post .author-page-info--social .author-meta--social li a.fa-facebook { background: #2c4388; color: #fff !important; }
.post .author-meta .author-meta--social li a.fa-linkedin, .page .author-meta--social li a.fa-linkedin, .post .author-page-info--social .author-meta--social li a.fa-linkedin { background: #0077B5; color: #fff !important; }
.post .author-meta .author-meta--social li a.fa-rss, .page .author-meta--social li a.fa-rss, .post .author-page-info--social .author-meta--social li a.fa-rss { background: #e56300; color: #fff !important; }
.post .author-meta .blogposting-meta h4, .post .author-meta .blogposting-meta .by-author { display: inline-block; padding: 0; margin: 0; font-size: 1.4em; font-weight: normal; color: #000; font-weight: bold; }
.post .author-meta .blogposting-meta h4 a { text-decoration: none; }
.blogposting-content h1, .blogposting-content h2 { text-transform: none; }
.blogposting-content pre { background: #e2e2e2; padding: 1em; box-sizing: border-box; }
#single-nav { overflow: hidden; margin-bottom: 3em; display: block; width: 100%;}
#single-nav .nav-previous { display: block; width: 100%; }
.page #authors-list ul { padding: 0; }
.page #authors-list ul li { list-style: none; display: inline-block; min-width: 300px; width: 45%; vertical-align: top; margin: .7em; }
.page #authors-list ul li a { display: inline-block; vertical-align: top; }
.page #authors-list ul li a img { border-radius: 50%; border: 10px solid #e2e2e2; }
.page #authors-list ul li .author-meta--info { display: inline-block; margin-left: .7em; }
.page #authors-list ul li h3 { margin: .5em 0 0 0; }
.page #authors-list ul li h3 a { text-decoration: none; }
.page #authors-list .author-meta--social { color: #fff !important; display: inline-block; width: 100%; }
.page #authors-list .author-meta--social li { min-width: 0; width: 23px; margin: 0 1px; }
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea { width: 98% !important; box-sizing: border-box; padding: .5em; border: 2px solid #e2e2e2; }
#abatar { display: block; width: 120px; height: 130px; background: url('img/ab_atar.jpg') no-repeat; background-size: 100%; margin: 10px auto; }

/* WP Comments + JetPack Single Sign On */
.comment-respond { background: #e2e2e2; padding: 1em; box-sizing: border-box; position: relative; padding-top: 6.875em !important; margin-bottom: 3.75em; }
.comment-form label { font-size: .8em; text-transform: uppercase; }
.comment-form input, .comment-form textarea { width: 100%; box-sizing: border-box; border: none; padding: .7em; margin-top: .3em; }
.comment-form .submit { background: red; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: .04em; margin-top: 1em; }
.logged-in-as, .comment-notes { margin-top: 2em; }
.logged-in-as a { color: #000; }
.comment-respond h3 { padding: .2em .5em; position: absolute; top: 0; left: 0; width: 100%; font-size: 1.5em; font-weight: lighter; text-align: center; color: #fff; margin: 0; box-sizing: border-box; background: red; text-transform: uppercase; }
#comments { margin: 5em 0; }
#comments a { text-decoration: none; }
h2.comments-title { text-align: left; font-size: 2em; padding: 0; margin: .5em 0; }
h2.comments-title span { padding: 0; }
ol.comment-list { margin: 0; margin-bottom: 4em; border-top: 5px solid red; list-style: none; padding-left: 0; }
ol.comment-list li { position: relative; padding: 25px 0 0; margin-left: 25px; background: #fff; }
ol.comment-list li.depth-1 { margin-left: 0; }
ol.comment-list li .comment-body > a { color: #fff !important; text-decoration: underline; }
ol.comment-list li .comment-body p { padding: 9px 10px 10px; background: #e2e2e2; margin: 0; padding-left: 110px; }
ol.comment-list li .comment-body p:first-child { margin: 10px 0 0; }
ol.comment-list li .comment-body .reply { position: absolute; top: 20px; right: 0; text-align: right; font-size: 0.8em; }
ol.comment-list li .comment-author { position: relative; padding-left: 30px; }
ol.comment-list li .comment-author .url { font-weight: bold; font-size: 1.2em; font-style: normal; }
ol.comment-list li .comment-author img.avatar { float: left; margin: -7px 15px 15px 0; border-radius: 100%; padding: 5px; background: #fff; border: 3px solid #fff; }
ol.comment-list li a { color: red; }
ol.comment-list .children { list-style: none; padding: 0; }
li span.triangle { position: absolute; top: 55px; left: 90px; width: 0; height: 0; border-style: solid; border-width: 0 0 15px 15px; }
li span.triangle.up { position: absolute; top: -5px; left: 20px; border-width: 15px 15px 0 0; }
li > div > div > span.triangle { border-color: transparent transparent #fff transparent; }
li > div > div > span.triangle.up { border-color: #e2e2e2 transparent transparent transparent; }
li.bypostauthor > div > div > span.triangle { border-color: transparent transparent #fff transparent; }
li.bypostauthor > div > div > span.triangle.up { border-color: #e2e2e2 transparent transparent transparent; }
ol.comment-list li.bypostauthor .comment-author .url { color: #000 !important; text-decoration: none !important; }
ol.comment-list li.bypostauthor a { text-decoration: underline !important; }
li.byuser > div > div > span.triangle { border-color: transparent transparent #fff transparent; }
li.byuser > div > div > span.triangle.up { border-color: #e2e2e2 transparent transparent transparent; }
.comment-meta.commentmetadata { margin-top: -5px; }
.comment-reply-title { position: relative; }
.comment-reply-title small { position: absolute; bottom: -120px; right: 10px; font-size: 0.4em; }
.comment-form { clear: both; }
.comment-respond { background: #eee; padding: 25px; }

/* Sidebar Styles */
#social-sidebar { text-align: center; padding: 0; margin: 0; margin-bottom: 1.875em; }
#social-sidebar li { display: inline-block; position: relative; width: 2.5em; height: 2.5em; background-color: red; }
#social-sidebar li.fa-twitter { background-color: #55ACEE; }
#social-sidebar li.fa-facebook { background-color: #3A589B; }
#social-sidebar li.fa-google-plus { background-color: #D95032; }
#social-sidebar li.fa-pinterest { background-color: #C33C2E; }
#social-sidebar li.fa-envelope { background-color: #86C5B4; }
#social-sidebar li.fa-rss { background-color: #EA781B; }
#social-sidebar li.fa-instagram { background-color: #dc0078; }
#social-sidebar li.fa-paper-plane { background-color: #2ba1d9; }
#social-sidebar li:before { font-size: 1.8em; position: absolute; margin: auto; left: 0; right: 0; line-height: 1.5em; color: #fff; }
#social-sidebar li a { text-indent: -9999px; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sidebar-subscripcion { display: inline-block; background: red; padding: .5em 1em; box-sizing: border-box; margin: 1.875em auto; }
.sidebar-subscripcion h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 1.2em; margin-bottom: 0; }
.sidebar-subscripcion p { color: #fff; margin-top: .5em; font-size: .9em; }
.sidebar-subscripcion form { text-align: center; width: 95%; margin: 0 auto; margin-bottom: 1.3em; position: relative; }
.sidebar-subscripcion input { border: none; padding: .3em .5em; font-family: "Roboto", sans-serif; width: 70% !important; box-sizing: border-box; margin: 0 !important; vertical-align: top; line-height: 1.6em; font-size: .8em; }
.sidebar-subscripcion input[type="submit"] { width: 30% !important; font-size: .8em; line-height: 1.7em; }
.page-archive .page-header { background: #e2e2e2; padding: .5em 1em; box-sizing: border-box; }
.page-archive .blogposting-content { text-align: center; }
.page-archive .blogposting-content a { display: inline-block; max-width: 170px; vertical-align: top; margin-right: .5em; }
.page-archive .blogposting-content a img { max-width: 100%; margin-top: 1em; }
.page-archive .post-meta .cat-list { background: #fff; color: #000; }
.page-archive .post-meta .cat-list a { color: red; }
.blogposting-content .question { font-weight: 500; padding: .3em .5em; }
.blogposting-content .response { font-style: italic; background: #f8f8f8; padding: .3em .5em; box-sizing: border-box; }
.widget { margin-bottom: 1em; }
.widget h3 { background: red; width: 100%; color: #fff; padding: .3em .5em; box-sizing: border-box; font-weight: normal; }
.widget a { color: red; text-decoration: none; }
.widget ul { list-style: none; padding-left: 1em; }
.widget ul a:before { content: '–'; margin-right: .5em; }
.widget.widget_top-posts img { width: 40px; height: 40px; }
.widget.widget_dpe_fp_widget img {width: 130px; height: auto; float: left; margin-right: 7px;}
.widget.widget_dpe_fp_widget .post {margin-bottom: 1rem;}
.widget.widget_top-posts .widgets-list-layout-links { float: right; width: calc(100% - 50px); }
.widget.widget_top-posts a:before, .widget.widget_dpe_fp_widget a:before { content: none; }
.wp-polls { border: 1px solid red; }
.wp-polls h3, .widget_abn_secciones h3 { margin: 0; }
.wp-polls ul { margin-top: 1em; }
.wp-polls a { background: red; color: #fff; display: block; padding: .3em .5em; text-decoration: none; }
.wp-polls p:last-child { margin-bottom: 0; }
.widget_abn_secciones { border: 1px solid red; }
.widget_abn_secciones h4 { margin-left: 1em; }
.widget_abn_secciones h4>a { text-decoration: none; font-size: 1.1em; color: #000; }
.widget_abn_secciones ul { list-style: none; padding: 0; margin: 0; }
.widget_abn_secciones ul li { padding: .3em 1.5em; box-sizing: border-box; border-bottom: 2px solid #e2e2e2; transition: .3s all linear; }
.widget_abn_secciones ul li:first-child { border-top: 2px solid #e2e2e2; }
.widget_abn_secciones ul li:hover { background: #e2e2e2 }
.widget_abn_secciones ul a { text-decoration: none; font-size: .9em; }
.widget_abn_secciones ul a:before { content: '›'; margin-right: .5em; }
.widget_abn_secciones [data-content="+"]:before { content: '+'; margin-right: .5em; }
.widget_abn_secciones [data-content="-"]:before { content: '-'; margin-right: .5em; }
.widget_tag_cloud .tagcloud { padding: 0 1em; }

/* Search results page Styles */
.page-search--header { background: #f8f8f8; text-align: left; padding: 1em; margin-bottom: 3em; }

/* ==========================================================================
   Footer styles:
   ========================================================================== */
.site-footer { background: red; min-height: 3.75em; text-align: center; padding: 1em 0; margin-top: 1.5em; }
.site-footer .menu li { display: inline-block; list-style: none; margin-right: .5em; }
.site-footer .menu li:after { content: '·'; margin-left: .5em; color: #fff; }
.site-footer .menu li:last-child::after { content: ''; }
.site-footer .menu li a { font-size: .8em; color: #fff; text-decoration: none; text-transform: uppercase; line-height: 2em; }
.footer-column-full, .footer-column { color: #fff; }
.go-top { display: inline-block; line-height: 1.875em; width: 1.875em; height: 1.875em; color: red; text-decoration: none; border-radius: 50%; background-color: #fff; }

/* ==========================================================================
   Category Loop default template styles:
   ========================================================================== */
.category-grid { margin: 0 auto; text-align: center; }
.category-grid .page-header { background: #f8f8f8; text-align: left; padding: 1em; }
.category-grid .page-archive { max-width: 64em; margin: 0 auto; }
.category-grid .square { margin-top: 3.75em; }
.category-grid .post, .category-grid .special-sidebar-template { width: 30%; min-width: 300px; height: 420px; display: inline-block; vertical-align: top; margin: 2em 1.5%; background: #f8f8f8; padding: 0; box-sizing: border-box; -webkit-transition: background .3s linear; -o-transition: background .3s linear; transition: background .3s linear; border-bottom: solid 5px red; position: relative; overflow: hidden; }
.category-grid .post .crop-thumb { max-height: 175px; overflow: hidden; }
.category-grid .post img { max-width: 100%; }
.category-grid .post:hover { background: #f0f0f0; }
.category-grid .blogposting-content--excerpt { display: block; width: 100%; text-align: left; vertical-align: top; padding: 0 1em; box-sizing: border-box; }
.category-grid .blogposting-title { font-size: 1.2em; margin-top: .5em; margin-bottom: -.5em; text-align: left; padding: 0 1em; box-sizing: border-box; }
.category-grid .page-archive .page-header { position: relative; }
.category-grid .page-archive .page-header h1 { margin: 0; padding: 0; }
.category-grid .page-archive .cat-list { background: none; }
.category-grid .post .post-meta { width: 100%; }
.category-grid .post .post-meta-date { color: #888; text-align: right; position: absolute; bottom: -2em; right: .5em; }
.category-grid .post .post-meta--readmore { display: block; width: 100% !important; background: red; position: absolute; bottom: -5em; left: 0; color: #fff; transition: all .15s linear; }
.category-grid .post:hover .post-meta--readmore { bottom: -.4em; }
.category-grid .post .post-meta--readmore a { color: #fff; display: block; margin: 0 auto; text-align: center; width: 100%; line-height: 3em; text-decoration: none; }

/* ==========================================================================
   Tag Link Template styles:
   ========================================================================== */
.custom-template .page-header, .links-template .page-header { background: #eee; padding: .5em 1em; box-sizing: border-box; margin: 1.5em 0 2em 0; }
.links-list { display: inline-block; width: 40%; vertical-align: top; list-style: square; }
.links-list:first-child { margin-right: 2em; }
.links-list a { color: red; text-decoration: none; }

/* ==========================================================================
   Childs Grid Template styles:
   ========================================================================== */
.childs-grid { margin: 0 auto; text-align: center; }
.childs-grid .page-header { background: #f8f8f8; text-align: left; padding: 1em; }
.childs-grid .page-archive { max-width: 64em; margin: 0 auto; }

.childs-grid .childs-grid-blocks {padding:3em 0;margin:0;}
.childs-grid .childs-grid-blocks li {display: inline-block; text-align: left; width:30%; margin: 1em;}

.childs-grid .childs-grid-blocks li img {max-width: 50px !important; margin-right: 1em; box-shadow: 0 0 7px #e2e2e2}
.childs-grid .childs-grid-blocks li a {text-decoration: none;}


/* ==========================================================================
   Ads Styles:
   ========================================================================== */
#abn_skyscraper { margin-top: 0; margin-bottom: 0; text-align: center; }
.widget_abn_admanager_sidestealer { text-align: center; margin: 1.5em 0; }

/* ==========================================================================
   Author page styles:
   ========================================================================== */
.author-page-info { background: #e2e2e2 !important; position: relative; padding: 1em; box-sizing: border-box; min-height: 160px; }
.author-page-info--avatar { position: absolute; top: 1em; left: 1em; }
.author-page-info--social { position: absolute; top: calc(96px + 1em); left: 1em; }
.author-page-info--social li:last-child a { margin-left: -2px; }
.author-page-info--social h4 { display: none; }
.author-page-info--description { padding-left: calc(96px + 2em); }
.author-page-info--description h1 { margin-top: 0; }
.author-page-posts h2 { color: red; }
.author-page-posts ul { list-style: none; padding-left: .5em; }
.author-page-posts ul span { font-weight: bold; margin-right: 1em; }
.author-page-posts ul a { color: red; text-decoration: none; }

/* ==========================================================================
   Styles for scrapped posts
   ========================================================================== */
#scrap-a-post { margin-bottom: 7.5em; }
#scrap-a-post a { text-decoration: none; }
#scrap-a-post a.crosspost { display: inline-block; background-color: red; padding: 10px 20px 5px; color: #fff !important; }
#scrap-a-post .post { border-top: solid 5px red; }

/* ==========================================================================
   Hiding parts of sidebar in mobile:;
   ========================================================================== */
.widget.abn-shares-widget-fans-class, .widget.widget_polls-widget, .widget.widget_abn_secciones, .widget.widget_abn_admanager_sidestealer .publi, .widget.widget_top-posts, .widget.widget_abn_admanager_quad_ads, .widget.widget_wprs, .widget.dpe-flexible-posts { display: none; }
.category-grid .widget.widget_abn_admanager_sidestealer,
.widget.widget_abn_admanager_sidestealer .publi.mobile-yes { display: block; }

.movil-no {
   display: none !important;
}

/* ==========================================================================
   ADDOOR Widget Styles
   ========================================================================== */
.addoor-widget { width: 100%; }
.addoor-widget ul { list-style: none; padding: 0; margin: 0; }
.addoor-widget ul li { width: 100%; display: inline-block; margin: 0; padding: 1em; box-sizing: border-box; vertical-align: top; position: relative; margin: 0 .5em; }
.addoor-widget ul li.promoted-post:after { content: 'Publicidad'; position: absolute; bottom: 0em; right: 0em; color: #000; padding: .3em .5em; font-size: .5em; font-style: italic; }
.addoor-widget ul li a { text-decoration: none !important; font-size: .8em; color: #000 !important; }
.addoor-widget ul li a img { margin: 0 auto; display: block; width: 100%; }
.addoor-widget .addoor-item-image { height: 150px; overflow: hidden; margin-bottom: 1em; }
.addoor-widget .addoor-item-title { text-align: left !important; font-size: 1.4em; }
.addoor-widget .addoor-item-extract { display: block; font-size: 1.1em; text-align: left !important; }
.addoor-widget .regular-post .addoor-item-extract { display: none !important; }
.widget.widget_top-posts a { text-decoration: none; }
.publi.below-title { margin-bottom: 1.5em; }


/* ==========================================================================
   Theme My Login (aka TML) Styles
   ========================================================================== */

.tml-login p {
   width: 100%;
   height: auto;
}

.tml-login p  input{
   width:100%;
   height: 2em;
   padding: .3em;
   box-sizing: border-box;
}

.tml-login p  input[type="checkbox"]{
   width: 16px;
   height: 16px;
   float: left;
   margin-top: 3px;
   margin-right: 5px;
}

.tml-login p  input[type="submit"]{
   background: black;
    color: #fff;
    border: none;
    float: right;
    margin-top: 7px;
}
   .widget .tml-login p  input[type="submit"]{
      width: auto !important;
   }

.tml-user-avatar {
   width: 50px;
   height: 50px;
   margin-right: 7px;
   margin-top: 5px;
   float: left;
}

.tml-user-avatar img {
   border-radius: 50%;
}

.tml-action-links a:before {
   content:'' !important;
   margin-right: 0 !important;
   margin-left: -5px !important;
}
.tml.tml-register label,
.tml.tml-lostpassword label {
   width: 200px;
    display: block;
    float: left;
    line-height: 1.7em;
}

.tml.tml-register input[type="submit"],
.tml.tml-lostpassword input[type="submit"]{
   background: black;
    color: #fff;
    border: none;
    height: 2em;
}

#theme-my-login p {
   display: block;
   margin-bottom: .7rem;
}

#theme-my-login p,
#theme-my-login .wrapr,
#theme-my-login .wrapr p:first-of-type,
#theme-my-login .wrapr p:first-of-type,
#theme-my-login p label,
#theme-my-login p input {
   display: block;
}

#theme-my-login .wrapr p {
   float:none !important;
}

#theme-my-login input[type="submit"],
#theme-my-login select {
   padding: .4rem .7rem;
   border: none;
}

#theme-my-login input {
   width: 250px;
   padding: .3em;
}

#theme-my-login input[type="submit"],
#theme-my-login button {
   background: #000;
   color: #fff;
   width: auto;
}

#theme-my-login input[type="checkbox"] {
   width: 16px !important;
}

#theme-my-login select {
   background: #f8f8f8;
   color: #000;
   max-width: 250px;
   border-radius: 0;
   padding: .3em;
}

.tml-form-table {
   background: none !important;
}

/* ==========================================================================
   Other Styles
   ========================================================================== */
.home .wp-caption { display: none; }

.related li { display: inline-block; width: 30%; height: auto; margin: 0 1%; text-align: center; vertical-align: top; }
.related li img { display: block; margin: 0 auto; margin-bottom: .5em; }
#suggested { list-style: none; text-align: center; }
#suggested li { display: inline-block; width: 42%; vertical-align: top; height: 150px; background: #e2e2e2; margin: .5em; padding: 1em; }
#suggested li a { text-decoration: none; }
#suggested li a img { display: block; margin: 0 auto; margin-bottom: -.7em; }
#page-404 h3 { font-size: 1.5em; }

/* Fix for Native YouTube responsive videos */
.video-container {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.home .video-container {
   position: relative;
   padding-bottom: 0;
   padding-top: 0;
   height: 0;
   overflow: hidden;
}

.home .video-container iframe,
.home .video-container object,
.home .video-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.edd-add-to-cart-label {
   color: #fff !important;
}

/* Inline related posts */
.u398789f1920c797e9cf57b9c83c414d9 {
   background: red !important;

}

/* ==========================================================================
   Media Queries: 1280, 1024, 768, 480

   1024-768    - tablet landscape
   768-480     - tablet
   480-less    - phone landscape & smaller
   ========================================================================== */

/* Tablet Portrait - 480px / 30em */
@media all and (min-width:30em) {
	.admin-bar .branding { top: 46px; }
	.admin-bar .main-navigation { top: 5.75em; }
}

/* Tablet - 1024-768px / 64-48em */
@media all and (min-width:48em) {
	.wrapper { max-width: 78.125rem; }
	/*.main { max-width: calc(100% - 24.25rem); margin-right: 1rem; }*/
	.branding { border-bottom: 0 !important; }
	.site-logo img { max-width: 35px !important; max-height: 35px; }
	.sitename-description { line-height: 3.75rem; padding: 0; }
	.sitename-description a span.sitename-break { display: inline-block; margin-left: -.2em; }
	.admin-bar .branding { top: 32px; }
	.admin-bar .main-navigation { top: 5.75em; }
	.breadcrumb.active { position: fixed; top: 3.7em; left: 0; z-index: 100; line-height: 2.7rem; padding-left: 1em !important; }
	.admin-bar .breadcrumb.active { position: fixed; left: 0; z-index: 100; line-height: 2.5rem; padding-left: 1em !important; top: 5.8em !important; }
	/*.sidebar { width: 330px; padding-top: 1.7em; }*/
	#abn-shares-buttons.fixed { top: 6.4rem !important; }
	.admin-bar #abn-shares-buttons.fixed { top: 8.4rem !important; }
	.abns-button--whats { display: none !important; }
	.abns-button--gplus, .abns-button--pinterest, .abns-button--email, .abns-button--print, .archive .abns-button--print { display: inline-block !important; }

	/* Displays sidebar sections again. */
	.widget.abn-shares-widget-fans-class, .widget.widget_polls-widget, .widget.widget_abn_secciones, .widget.widget_abn_admanager_sidestealer .publi, .widget.widget_top-posts, .widget.widget_abn_admanager_quad_ads, .widget.widget_wprs, .widget.dpe-flexible-posts { display: block; }
	.addoor-widget ul li { width: 30%; }
	.addoor-widget .addoor-item-image { height: auto; }
	.addoor-widget .addoor-item-title { text-align: left !important; font-size: 1em; font-weight: bold; }
	.addoor-widget .addoor-item-extract { display: block; font-size: .9em; }
   .movil-no {
      display: block !important;
   }
   .tablet-no {
      display: none !important;
   }
}

/* Desktop - 1280-1024px / 80-64em */
@media all and (min-width:64em) {
	.wrapper { max-width: 78.125rem; }
   .main { max-width: calc(100% - 24.25rem); margin-right: 1rem; }
   .sidebar { width: 330px; padding-top: 1.7em; }
	.branding { border-bottom: none; }
	.site-logo { padding: 0 .7em 0 1em !important; }
	.site-logo img { max-width: 35px !important; max-height: 35px; }
	.sitename-description { font-size: 2.5em; }
	#navBurger { display: none; }
	.main-navigation { background: #000; height: 2.55em; min-height: 2.55em; visibility: visible; overflow-y: visible; top: 3.7em; padding-top: 0; padding-left: .7em; position: fixed; }
	.main-navigation.active { visibility: visible; opacity: 1; }
	.main-navigation ul { max-width: 78.125rem; margin: 0 auto; text-align: left; padding: 0; text-align: left; }
	.main-navigation ul li { display: inline-block; line-height: 2.5rem; position: relative; margin-right: 1em; }
	.main-navigation ul li:last-child { margin-right: 0; }
	.main-navigation ul li ul, .main-navigation ul ul ul, .main-navigation ul li:hover ul ul { display: none; margin-left: 0; }
	.main-navigation ul ul li, .main-navigation ul ul ul li { display: block; float: none; text-align: left; margin-right: 0; width: 13em; line-height: 1.5em; }
	.main-navigation ul ul a, .main-navigation ul ul ul a { padding: 0 1.5em; }
	.main-navigation ul li:hover ul, .main-navigation ul ul li:hover ul { display: block; position: absolute; margin-left: 0; background: #000; }
	.main-navigation ul ul li ul { left: 100%; top: 0; }
	.main-navigation ul li a { display: block; opacity: 1; margin-left: 0; }

	/* this adds an arrow to every link */
	.main-navigation li > a:after { content: '▼'; margin-left: 5px; font-size: .8em; }
	.main-navigation ul ul li > a:after { content: '▶'; margin-left: 5px; font-size: .8em; }

	/* this removes the arrow when the link is the only child */
	.main-navigation li > a:only-child:after { content: ''; }
	.admin-bar #abn-shares-buttons.fixed { top: 8.4rem !important; }
	.breadcrumb.active { top: 3.65em; }
}