/*
 Theme Name:   TechMag_new
 Theme URI:    http://themes4wp.com/theme/techmag/
 Description:  TechMag is free magazine WordPress theme excellent for a magazine, news, newspaper, review, blog or other editorial websites. TechMag is child theme of First Mag - free responsive magazine WordPress Theme. Theme support WP Review plugin, an easy and powerful way to review content with stars, percentages or points rating. WooCommerce support is included. TechMag uses simple, clean flat design, is fully responsive and looks good on every device. Check the demo at http://demo.themes4wp.com/techmag/
 Author:       Themes4WP
 Author URI:   http://themes4wp.com/
 Template:     first-mag
 Version:      1.0.1
 License:      GNU General Public License v3 or later
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Tags:         one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-background, custom-menu, featured-images, flexible-header, theme-options, threaded-comments, translation-ready, news
 Text Domain:  techmag_new
*/
/* FFAE00 */


/* CARLOS: Personalización de los blockquotes (citas) para poner comillas grandes*/
blockquote {
	float: none;
	margin: 10px auto 10px auto;
	position: relative;
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	width: 640px;
  	padding: 1em 40px;
	line-height: 1.5;
	color: #383838;
	background: #ececec;
	border-color: #ececec;
	border-radius: 20px;
	display: table;
	quotes: "\201C""\201D""\2018""\2019";
}

blockquote p {
	display: block;
}

blockquote:before {
	color: #7a7a7a;
	content: open-quote;
	font-size: 4em;
	position: absolute;
	line-height: 0.1em;
	left: 0em;
	top: 0.6em;
}

blockquote:after{
	color: #7a7a7a;
	content: close-quote;
	font-size: 4em;
	line-height: 0.1em;
	position: absolute;
	right: 0.2em;
	bottom: 0.1em;
}

blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}

blockquote cite:before {
    content: "\2014" "\2009";
}

/* CARLOS: Introduzco variables para los colores, para hacer los cambios más sencillos*/
/* CARLOS: Ojo. Esta característica es nueva en los navegadores (Mayo 2017) */
:root {
  -red: #b00;
  -brightblue: #4875da;
  -darkblue: #1f66c4;
  -themecolor: #4875da;
}

/* Boxed widgets */
h3.widget-title {
    padding-bottom: 0;
    border-bottom: 3px solid var(--themecolor, #4875da);
    color: #fff;
}
h3.widget-title .title-text:before {display: none;}

h3.widget-title .title-text {
    background-color: var(--themecolor, #4875da);
    padding: 5px 15px 2px;
}

a:link{
    color: var(--themecolor, #4875da);
}

a:hover, a:focus {
    color: #693278;
}

/* Homepage menu icon */
.home-icon {
    font-size: 30px;
    line-height: 50px;
    margin-left: 30px;
    padding: 0 15px;
}
.home-icon a{
    color: #fff;
}
.home-icon.front_page_on {
    background-color: #00d6f7;
    border-top: 8px solid #00d6f7;
    margin-top: -7px;
    margin-bottom: -1px
}
.random-post {
    margin-right: 15px;
}
	
/*a:visited {
	color: #003D9A;
}*/

/*a:hover, a:focus {
    color: #A20000;
}*/

a:focus, .review-result, .top-section, a.close-me, a:focus, .text-primary, .btn-primary .badge, .btn-link, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > .active > a:focus, .pagination > li > a, .pagination > li > span, .list-group-item.active > .badge, .nav-pills > .active > a > .badge, .panel-primary > .panel-heading .badge, .btn-primary.outline:active, .btn-primary.outline.active, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: var(--themecolor, #4875da);
}

.navigation.pagination, .btn-warning, #wp-calendar #prev a, #wp-calendar #next a, .newForm.focus:before, .newForm.focus:after, .home-icon.front_page_on, .page-header:before, .comment-reply-link:hover, .btn-success, .comment-reply-link, .top-section, .bg-primary, .btn-primary, .label-primary, .top-section, .first-textarea, #back-top span, .btn-info, .comment-respond #submit, #searchform #searchsubmit, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, #searchform #searchsubmit:hover, .comment-respond #submit:hover {
    background-color: var(--themecolor, #4875da);
} 

/* CARLOS: retirado del listado la opción "blockquote" */
.btn-warning, #wp-calendar #prev a, #wp-calendar #next a, .rsrc-top-menu, .home-icon.front_page_on, .widget_tab_posts .nav-tabs > li > a:before, h3.widget-title .title-text:before, .rsrc-author-credits, #slidebox, .pagination > .active > span:hover, .pagination > .active > span, .comment-reply-link:hover, .btn-success, .comment-reply-link, .hover-style .home-header, .hover-style .page-header, .btn-primary.outline:active, .btn-primary.outline.active, .btn-primary.outline, .btn-info, .comment-respond #submit, #searchform #searchsubmit, #searchform #searchsubmit:hover, .comment-respond #submit:hover {
    border-color: var(--themecolor, #4875da);
}

.front-page-content, .archive-content, .widget, .rsrc-post-content {
    border-bottom-color: #FFAE00;
}
.featured-thumbnail img { 
    width: 100%; 
    border: 1px solid rgba(0, 0, 0, 0.11); 
    padding: 2px;
}