/*
Theme Name: Delvallebox
Author: Netbrain.es
Author URI: http://www.netbrain.es/
Template: great
Version: 1.0
Text Domain: atexdelvalle
*/

@import url("https://www.delvallebox.com/news/wp-content/themes/great/style.css");

/*sobreescribiendo lo básico del thema*/
a:hover, #logo a, .textwidget a, #tabber
.inside li a, .copyrights a:hover, .fn a,.rtitle,
.postauthor h5, #navigation ul ul a:hover, .post-info a, footer .widget li a:hover,
#tabber .inside li div.info .entry-title a:hover, .post-date{
	color:#333 !important;
}
.navbar-nav a:hover,.top-header a:hover{
	color:white !important;
}
.top-header .social a:hover {
    color: #f16e31 !important;
}

.single_post a, #commentform a{
	color: black !important;
	text-decoration: #333  dotted underline !important;
}

body{
	font-family: "Raleway",sans-serif !important;
}

body > header{
	margin-bottom:20px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family: "Raleway",sans-serif;
}

#contenedor-pagina{
	margin-top: 110px;
}

.main-container{
	width: 1170px;
	padding-left: 15px;
	padding-right: 15px;
	border: none;
}

.container{
	width: 1170px;
	max-width: 1170px;
}

#page {
	max-width: 1140px;
}

.article {
	margin-left: 5.6%;
    width: 60%;
    float: left;
    margin-bottom: 10px;
}

.post.excerpt {
	overflow:visible;
}

.post-date {
	background-color: #6890ba;
	color: #FFF !important;
	left: -20px;
}

#featured-thumbnail{
	background: white;
}
#featured-thumbnail:hover{
	background: white;
}
.post-info a{
	background-color: #333;
	color:white !important;
	padding: 0 20px;
}
.post-info a:hover{
	color:#f16e31 !important;
}

.readMore a{
	color:#FFF !important;
	padding: 10px 20px;
}
.readMore a:hover{
	color:#FFF !important;
}
h1.title{
	font-weight: bold;
}
h2.title{
	font-weight: bold;
}

/*-----------------------------------------------
/* POST
/*---------------------------------------------*/

.breadcrumbs {
	background-color: transparent !important;
	color: #333;
}
.breadcrumb {
	max-width: 1020px;
	color: #333 !important;
	font-weight: bold;
}
.breadcrumb a{
	color: #333 !important;
	font-weight:normal;
}
.single-postmeta{
	float: right;
}


.related-posts{
	border: 1px solid #E9E9E9 !important;
}

.related-posts .postauthor-top h3{
	background-color: #3b4651 !important;
	color: #FFF !important;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 18px;
	font-weight: normal;
}

.related-posts a .rtitle{
	color: #333 !important;
	font-weight: bold;
}

.related-posts li {
	padding: 0 10px;
	width: 50%;
	margin-right: 0px;
}
.related-posts .last{
	border-left: 1px solid #E9E9E9 !important;
}

.required {
    padding: 0px;
}
/*----------------------------------------------
* COMENTARIOS
*-----------------------------------------------*/
#commentform input#submit{
	color:black;
	float:none;
}
.form-submit{
	text-align: center;
}
#commentform textarea{
	width: 100%;
}
/*-----------------------------------------------
/* PAGINATOR
/*---------------------------------------------*/
.pagination .currenttext{
	background-color:#3b4651 !important;
	color:white !important;
}

.pagination .inactive:hover{
	color: #3b4651 !important;;
}

/*-----------------------------------------------
/* SIDEBAR
/*---------------------------------------------*/
#tabber .inside li .meta{
	color: #FFF !important;
	float: right;
}
#tabber .inside li .info{
	width: 77%;
}
#tabber ul.tabs li a{
	background-color:#6890ba;
	color: #FFF;
	font-family: "Raleway",sans-serif !important;
	font-size: 18px;
	font-weight:normal;

}
#tabber ul.tabs li a.selected{
	background-color:#3b4651 !important;
	color:#FFF !important;
}

#tabber .inside{
	margin-top:0px;
}
#tabber ul.tabs li a{
	font-size:16px;
}
#tabber .inside li div.info .entry-title{
	font-weight: bold;
}
.widget-sidebar{
	border: 1px solid #E9E9E9 !important;
	line-height: 0;
}

.widget-sidebar h3{
	background-color:#333 !important;
	color:#f16e31 !important;
	padding: 10px 0px 10px 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 18px;

}

.widget-sidebar .contact-social{
	padding-left: 20px;
	padding-top: 20px;
}

/*-----------------------------------------------
/* FOOTER
/*---------------------------------------------*/
.destacado{
	line-height: 1.42857;
}
footer .container{
	background-color:transparent;
	color:white;
}

footer p{
	color:white;
}

footer{
	background-color:#f16e31 !important;
	color:#333 !important;
}
.footer-widgets .widget:first-child{
	float:left;

}
.footer-widgets .widget:last-child{
	float: right;

}
/*-----------------------------------------------
/* Responsive
/*---------------------------------------------*/
@media screen and (max-width:1020px) {
    #header, .footer-widgets {
        width: 95.6%;
        padding: 0 2.15%;
    }
}
@media screen and (max-width:960px) {
    #page, .container { max-width: 100% }
    .article { width: 60% }
    .sidebar.c-4-12 { width: 30% }
    .related-posts li { margin-right: 0 }
    img, embed {
        max-width: 100%;
        height: auto!important;
    }
    .ad-300 img { max-width: 100% }
    .ad-125 li { max-width: 40% }
    .footer-widgets #s, #sidebars #s { width: 77% }
    .ad-125 img {
        padding: 0;
        background: #FAFAFA;
        border: 0;
    }
}
@media screen and (max-width:865px) {
    .secondary-navigation { width: 50% }
    #navigation ul {
        float: none;
        display: inline-block;
    }
    .js #navigation > ul { display: none }
    .js #navigation select {
        display: inline-block !important;
        max-width: none;
        border: none;
        padding: 7px 15px;
        width: 80%;
        color: #fff;
        background: #222;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
        font-size: 12px;
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
        margin-top: 4px;
        float: right;
        margin-right: 15px;
    }
    .breadcrumb { padding: 0 2% }
}
@media screen and (max-width:760px) {
    #header { margin: 0 }
    #featured-thumbnail { width: 45.1% }
	.comment-form-author, .comment-form-email, .comment-form-url{
		width:100% !important;
	}
	.comment-form-author input, .comment-form-email input, .comment-form-url input,
	.comment-form-author label, .comment-form-email label, .comment-form-url label{
		width:100% !important;
	}
}
@media screen and (max-width:720px) {
    .secondary-navigation a {
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }
    .article { width: 99.8% }
    #content_box {
        padding-right: 0px;
        padding-left: 0px!important;
		width: 90%;
    }
    .sidebar.c-4-12 {
        float: left;
        width: 100%;
    }
    .f-widget { width: 44% }
    .f-widget-2 { margin-right: 0 }
    .ad-125 li { max-width: 45% }
    .footer-widgets #s { width: 70% }
    #comments { margin-right: 0 }

}
@media screen and (max-width:600px) {
    .featured-thumbnail img { width: 100% }
}
@media screen and (max-width:550px) {
    .secondary-navigation {
        float: left;
        width: 100%;
        height: auto;
    }
    #navigation { margin: 5px auto 10px }
    .js #navigation select {
        margin-right: 0;
        width: 100%;
    }
    .sbutton { float: right }
    read-more { font-size: 16px }
    .f-widget { width: 95% }
    footer #s { width: 65% }
}
@media screen and (max-width:460px) {
    .related-posts li {
        width: 100%;
        margin-bottom: 15px;
    }
}
@media screen and (max-width:415px) {
    #navigation {
        margin-top: 0;
        margin-bottom: 0;
    }
    .secondary-navigation {
        width: 100%;
        height: 35px;
    }
    .js #navigation select {
        width: 100%;
        margin-right: 0;
    }
}
@media screen and (max-width:400px) {
    .slidertext { display: none }
    #commentform textarea { width: 90% }
}
@media screen and (max-width:300px) {
    nav fieldset, .js #navigation select {
        width: 100%;
        float: left;
    }
    .secondary-navigation {
        width: 90%;
        padding: 0 2%;
    }
    .article {
        padding: 0 2%;
        width: 89%;
    }
}

@media screen and (min-width: 768px) {
    #contenedor-pagina{
	margin-top: 190px;
}
}

/*-----------------------------------------------
/* FIX para que se pueda pulsar sobre
/* el logo en el Header del Blog
/*---------------------------------------------*/
@media screen and (min-width: 1200px) {
    .header .navbar-default .navbar-collapse.float-derecha {
        float: right;
    }
}

/*-----------------------------------------------
/* FIX para que el tooltip de los enlaces del
/* footer no parpadee como un gusiluz con epilepsia
/*---------------------------------------------*/
.footer .patrocinadores a.tooltip-text {
    display: inline-block;
}