/*
	Theme Name:  ABNF # Child Bezzia
	Theme URI:   http://www.bezzia.com/
	Description: Bezzia child theme for the awesome ABN Framework
	Author:      DarioBF
	Author URI:  https://www.actualidadblog.com/
	Template:    abn
	Version:     6.0.1
*/
@import '../abn/style.css';

.site-header, .main-navigation {
	background-color: #fff !important;
	border-bottom: none;
}

#navBurger .burger, #navBurger .burger::after, #navBurger .burger::before {
	background: #000;
}

.sitename-description, .sitename-description > a {
	color: #84cfca !important;
}

.main-navigation {
	margin-top: -2px;
	border-bottom: 4px solid #84cfca;
}

	.main-navigation ul li{
		margin-right: -.26rem !important;
	}

.page .main,
.single .main {
	background: #fff;
	padding: 1rem;
	box-sizing: border-box;
}

.post h2 > a, .post h1 {
	color: #84cfca;
}

/* sidebar */
.sidebar-subscripcion input[type="submit"] {
	background: #000 !important;
	color: #fff;
}

/* widget wp-polls */
.widget_polls-widget { border-bottom:4px solid #ccc; }

.wp-polls { overflow:hidden; clear:both; }

.wp-polls-ul { margin-bottom:25px; }
.wp-polls-ul li { line-height:1.8em; }
.wp-polls-ul li label { font-weight:normal; padding-left:10px; }

.wp-polls-form { margin-top:10px; }
.wp-polls-form p { text-align:left !important; }
.wp-polls-form input.Buttons { border:none; background:url('img/btn-vote.png') no-repeat; width:122px; height:41px; cursor:pointer; text-indent:-9999em; }

.wp-polls-ans p { float:right; text-align:center !important; margin:0; }
.wp-polls-ans p:last-child { float:left; }

/* Widget ABN Secciones */
.widget_abn_secciones {
	background: #fff;
}

/* Widget Theme my login */
.widget_theme_my_login {
	background: #88D0CE;
	padding: 1.5rem;
}

.widget_theme_my_login h3 {
	margin: 0;
	padding: 0;
}

.widget_theme_my_login label {
	display: block;
	margin-bottom: .3rem;
}

.widget_theme_my_login input[type="text"],
.widget_theme_my_login input[type="password"] {
	background: rgba(0, 0, 0, .3);
	border:none;
	width: 100%;
	line-height: 1.5rem;
}

.widget_theme_my_login input[type="submit"] {
	border: none;
	background: #000;
	color: #fff;
	line-height: 1.5rem;
	padding: .1rem 1rem;
}

.widget_theme_my_login label,
.widget_theme_my_login a {
	color: #fff !important;
}

.widget_theme_my_login .tml-rememberme-wrap label,
.widget_theme_my_login .tml-rememberme-wrap input {
	display: inline-block;
}

/* comments bubble */
body .post .post-comments { top:10px; right:20px; }
body .post .post-comments:hover { top:11px; }
body .post .post-comments p { margin:0; }
body .post .post-comments a { text-shadow:2px 1px rgba(255,255,255,0.6); color:#444; background:url('img/flor.png') top center no-repeat; width:50px; height:41px; padding:12px 0 0 0; display:block; text-align:center; }
body .post .post-comments a:hover { color:#444 !important; }

.comments-title { color: #fff !important; }

/* widget feedburner-email-subscription */
body .feedburner-email-subscription { position:relative; background:none !important; }

body .feedburner-email-subscription input[type="text"] { border:1px solid #ccc; border-radius:0; padding:7px 10px; width:183px; }

body .feedburner-email-subscription input[type="text"]:hover,
body .feedburner-email-subscription input[type="text"]:focus { border-width:1px !important; }

body .feedburner-email-subscription .btn-submit { position:absolute; right:20px; bottom:15px; background:url('img/btn-newsletter.png') no-repeat; width:72px; height:41px; border:0; text-indent:-9999em; padding:0; cursor:pointer; }

body .feedburner-email-subscription h3 { margin-bottom:15px; }

label.sr-only { display:none; }

/* widget social */
#social li.icon-fb a { background-position:0 0; }
#social li.icon-twt a { background-position:0 -40px; }
#social li.icon-gplus a { background-position:0 -80px; }
#social li.icon-qrius a { background-position:0 -120px; }
#social li.icon-rss-feed a { background-position:0 -160px; }
#social li.icon-rss-email a { background-position:0 -200px; }
#social li.icon-pin a { background-position:0 -240px; }
#social li.icon-flip a { background-position:0 -280px; }

#social li.icon-fb a,
#social li.icon-twt a,
#social li.icon-gplus a,
#social li.icon-qrius a,
#social li.icon-rss-feed a,
#social li.icon-rss-email a,
#social li.icon-pin a,
#social li.icon-flip a { background-image:url('img/social-widget.png'); }

#sidebar #social li { margin:0 1px 0 1px !important; }
#sidebar #social li a { width:40px !important; height:40px !important; }

/* prenav menu */
body #prenav-top { overflow:hidden; clear:both; background:#eee; }
body #prenav-top li { float:right; }
body #prenav-top li a { display:block; color:#444; font-size:0.8em; padding:5px 25px; background:#e6e6e6; margin-left:2px; }
body #prenav-top li a:hover { background:#444; }

#pre-access-wrap.struct { padding:0; }

/* access menu */
body #access { background:#fff; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
body #access a { color:#606060; padding:7px 19px 0; border-bottom:4px solid #84cfca; margin-right:2px; line-height:2.222em; }

body #access .current-post-ancestor > a,
body #access .current-menu-item > a,
body #access .current_page_item > a,
body #access li:hover > a,
body #access a:focus { background:#84cfca; color:#fff !important; }

div.sub-rojo > h2 {background-color: #d9624c !important;}
li.sub-rojo a { border-bottom:4px solid #d9624c !important; }

div.sub-lila > h2 {background-color: #b173dc !important;}
li.sub-lila a { border-bottom:4px solid #b173dc !important; }

div.sub-naranja > h2 {background-color: #ffa446 !important;}
li.sub-naranja a { border-bottom:4px solid #ffa446 !important; }

div.sub-magenta > h2 {background-color: #ff3d7f !important;}
li.sub-magenta a { border-bottom:4px solid #ff3d7f !important; }

div.sub-verde > h2 {background-color: #cef28a !important;}
li.sub-verde a { border-bottom:4px solid #cef28a !important; }

div.sub-rosa > h2 {background-color: #ffb0b0 !important;}
li.sub-rosa a { border-bottom:4px solid #ffb0b0 !important; }

div.sub-violeta > h2 {background-color: #d8a0ff !important;}
li.sub-violeta a { border-bottom:4px solid #d8a0ff !important; }

div.sub-azul > h2 {background-color: #6ac1ea !important;}
li.sub-azul a { border-bottom:4px solid #6ac1ea !important; }

div.sub-gris > h2 {background-color: #95a5a6 !important;}
li.sub-gris a { border-bottom:4px solid #95a5a6 !important; }

#access .sub-rojo.current-post-ancestor > a,
#access .sub-rojo.current-menu-item > a,
#access .sub-rojo.current_page_item > a,
#access li.sub-rojo:hover > a,
#access .sub-rojo a:focus { background:#d9624c; }

#access .sub-lila.current-post-ancestor > a,
#access .sub-lila.current-menu-item > a,
#access .sub-lila.current_page_item > a,
#access li.sub-lila:hover > a,
#access .sub-lila a:focus { background:#b173dc; }

#access .sub-naranja.current-post-ancestor > a,
#access .sub-naranja.current-menu-item > a,
#access .sub-naranja.current_page_item > a,
#access li.sub-naranja:hover > a,
#access .sub-naranja a:focus { background:#ffa446; }

#access .sub-magenta.current-post-ancestor > a,
#access .sub-magenta.current-menu-item > a,
#access .sub-magenta.current_page_item > a,
#access li.sub-magenta:hover > a,
#access .sub-magenta a:focus { background:#ff3d7f; }

#access .sub-verde.current-post-ancestor > a,
#access .sub-verde.current-menu-item > a,
#access .sub-verde.current_page_item > a,
#access li.sub-verde:hover > a,
#access .sub-verde a:focus { background:#cef28a !important; }

#access .sub-rosa.current-post-ancestor > a,
#access .sub-rosa.current-menu-item > a,
#access .sub-rosa.current_page_item > a,
#access li.sub-rosa:hover > a,
#access .sub-rosa a:focus { background:#ffb0b0; }

#access .sub-violeta.current-post-ancestor > a,
#access .sub-violeta.current-menu-item > a,
#access .sub-violeta.current_page_item > a,
#access li.sub-violeta:hover > a,
#access .sub-violeta a:focus { background:#d8a0ff; }

#access .sub-azul.current-post-ancestor > a,
#access .sub-azul.current-menu-item > a,
#access .sub-azul.current_page_item > a,
#access li.sub-azul:hover > a,
#access .sub-azul a:focus { background:#95a5a6; }

#access .sub-gris.current-post-ancestor > a,
#access .sub-gris.current-menu-item > a,
#access .sub-gris.current_page_item > a,
#access li.sub-gris:hover > a,
#access .sub-gris a:focus { background:#6ac1ea; }

body #access .current-menu-item.menu-item-home > a,
body #access .current-menu-item.menu-item-home:hover > a { background:#84CFCA !important; }

/* slider */
.list_carousel { position:relative; overflow:hidden; width:650px; height:300px; margin:0 auto; }

.list_carousel ul { display:block; list-style:none; margin:0; padding:0; }
.list_carousel li { display:block; position:relative; display:block; float:left; padding:0; margin:0; }

.list_carousel li .slidertitle,
.list_carousel li .slidercontent { position:absolute; padding:5px 15px; }

.list_carousel li .slidertitle { top:196px; left:0; background:#5cc2bb; font-weight:bold; font-size:1.2em; max-width:545px; }
.list_carousel li .slidercontent { top:233px; left:0; background:rgba(0,0,0,0.5); max-width:620px; }

.list_carousel li .slidercontent p { margin:0; font-weight:normal; line-height:1.2em; }

.list_carousel li .slidertitle a,
.list_carousel li .slidertitle a:hover,
.list_carousel li .slidertitle a:focus,
.list_carousel li .slidercontent p { color:#fff !important; }

.list_carousel a.prev,
.list_carousel a.next { position:absolute; display:block; top:197px; right:0; padding:5px 10px 8px; background:rgba(92,194,187,0.5); color:#000; font-size:2em; }

.list_carousel a.prev { right:36px; }

.list_carousel a.prev:hover,
.list_carousel a.next:hover { background:rgba(255,255,255,1); }

.list_carousel a.prev.disabled,
a.next.disabled { cursor:default; }

.list_carousel.responsive { width:auto; }
.list_carousel .clearfix { float:none; clear:both; }

/* sections */

.home-news {
	background: #fff;
	margin-bottom: 2rem;
}

.home-news h2 {
	margin: 0;
	background-color: #84cfca !important;
	width: 100%;
}
	.home-news h2 a {
		color:#fff !important;
		width:100%;
		display:block;
		text-decoration: none;
		padding: .3rem .7rem;
		font-weight: normal;
		font-size: 1.5rem !important;
		position: relative;
		box-sizing: border-box;
	}

.home-news-wrap {
	display: grid;
	padding: 1rem;
	box-sizing: border-box;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	grid-template-rows: repeat(4, auto);
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
}
		
.home-new:nth-child(1) { grid-area: 1 / 1 / 5 / 2; }
.home-new:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
.home-new:nth-child(3) { grid-area: 2 / 2 / 3 / 3; }
.home-new:nth-child(4) { grid-area: 3 / 2 / 4 / 3; }
.home-new:nth-child(5) { grid-area: 4 / 2 / 5 / 3; } 

.new-title {
	font-size: var(--normal-font);
	text-decoration: none;
	color: #000;
}
.home-new:not(:nth-child(1)) .new-title {
	font-size: var(--small-font);
}
.home-new .post-excerpt p {
	font-size: var(--smaller-font);
	line-height: var(--small-font);;
}

.home-new:not(:nth-child(1)) {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.home-new:nth-child(1) .new-thumbnail {
	margin-bottom: 1rem;
	display: block;
}

.home-new:not(:nth-child(1)) .new-thumbnail {
	flex: 0 0 100px;
	margin-right: 1rem;
}
.home-new .post-excerpt a {
	font-size: var(--small-font);
	color: var(--main-color);
}

.home-sections {
	display: flex;
	flex-flow: row wrap;
	flex-shrink: 0;
	flex-grow: 0;
	justify-content: space-between;
}

.home-section {
	background: #fff;
	width:100%;
	margin-bottom: 2rem
}
.home-section h2 {
	margin-top: 0;
}
	.home-section h2 a {
		color:#fff !important;
		width:100%;
		display:block;
		text-decoration: none;
		padding: .3rem .7rem;
		font-weight: normal;
		font-size: 1.5rem !important;
		position: relative;
		box-sizing: border-box;
	}
		.home-section h2 a:after {
			content: "+";
			color: #fff;
			position: absolute;
			top: 0;
			right: 1rem;
	    	line-height: 43px;
		}

.home-section ul { margin:10px 0 0 0 !important; list-style: none; padding: 0; box-sizing: border-box;}
.home-section ul li { overflow:hidden; clear:both; margin-bottom:10px; }

.home-section ul li:last-child { border-bottom:0; }

.home-section ul li a.seclink,
.home-section ul li p { float:left; }

.home-section a.seclink { max-width: 100%;}

.home-section li {
	text-align: center;
}

.home-section li .secpost-image {
	width: 30%;
	margin-right: 1%;
}

.home-section li .secpost-title {
	width: 64%;
	text-align: left;
	min-height: 90px;
}

.home-section li .secpost-title p {
	margin-bottom: 0;
	margin-top: 0;
}

.home-section li .secpost-image,
.home-section li .secpost-title {
	display:inline-block;
	vertical-align: top;
}

.home-section div a { color:#444 !important; font-weight:normal; font-size:.9em; display:block; text-decoration: none; }
.home-section div p { color:#a0a0a0; font-size:0.8em; padding:5px 0 0; }

/* header */
body #branding { background-color:#fff !important; }

#homelink { position:absolute; top:20px; left:20px; display:block; width:150px; height:29px; background:url('img/minilogo.png') no-repeat; text-indent:-9999em; }

.go-top {
	display:block;
	width:30px;
	height:30px;
	margin: 0 auto;
	border-radius: 50%;
	background-color: #fff !important;
	text-align: center;
}

body #copy { position:absolute; top:30px; left:480px; color:#fff; font-size:0.9em; }

/* 404 */
body #abatar { background-image:url('img/logo-404.jpg'); width:250px; height:250px; }

/**/
/* TML global */
div.login p.message { display:none; }
div.login .message.on { display:block; }

p.abn_legal { margin-top:15px; }

/* TML custom form */
#abn-loggedout-form { overflow:hidden; clear:both; background:#fff; }

#abn-tml-login { float:left; }
#abn-tml-register { float:right; }

#abn-tml-login,
#abn-tml-register { width:50%; }

#abn-loggedout-form div.login { width:88%; padding:15px 20px 15px 15px; margin:0; }

#abn-loggedout-form h3 { background:#eee; padding:10px 0; }
#abn-loggedout-form h4 { padding:10px 0 5px; font-size:1.5em; }

#abn-loggedout-form h3,
#abn-loggedout-form h4 { width:100%; text-align:center; }

/**/

#abn-loggedout-form input[type="checkbox"],
#abn-loggedout-form label.checkbox,
#abn-loggedout-form p.floated,
#abn-loggedout-form label.radio,
#abn-loggedout-form input.radio { float:left; margin:0; }

#abn-loggedout-form input.radio,
#abn-loggedout-form input[type="checkbox"] { margin-top:4px; }

#abn-loggedout-form label.radio,
#abn-loggedout-form label.checkbox { padding-left:5px; }

#abn-loggedout-form label.checkbox { max-width:90%; }

#abn-loggedout-form p.floated.two { width:40%; margin:0 10px; }
#abn-loggedout-form p.floated.three { width:25%; margin:0 10px; }

#abn-loggedout-form br.clear { clear:both; }

/* TML Register Page */

#theme-my-login input[type="checkbox"],
#theme-my-login label.checkbox,
#theme-my-login p.floated,
#theme-my-login label.radio,
#theme-my-login input.radio { float:left; margin:0; }

#theme-my-login input.radio,
#theme-my-login input[type="checkbox"] { margin-top:4px; }

#theme-my-login label.radio,
#theme-my-login label.checkbox { padding-left:5px; }

#theme-my-login label.checkbox { max-width:90%; }

#theme-my-login p.floated.two { width:45%; margin:0 10px; }
#theme-my-login p.floated.three { width:25%; margin:0 10px; }

#theme-my-login br.clear { clear:both; }

.abn_legal { background:#eee; padding:5px 10px; }

#registerform .wrapr { overflow:hidden; clear:both; padding-bottom:15px; }
#registerform .wrapr p:first-of-type { float:left; }

#registerform input[type="password"] { width:235px; }

/* TML Profile Page */

#your-profile table.form-table { width:100%; }

#your-profile input[type="checkbox"],
#your-profile label.checkbox,
#your-profile p.floated,
#your-profile label.radio,
#your-profile input.radio { float:left; margin:0; }

#your-profile input[type="checkbox"] { margin-top:4px; }

#your-profile label.checkbox,
#your-profile label.radio { padding-left:5px; }

#your-profile p.floated { margin-right:25px; width:20%; }

.widgets-list {
	list-style: none;
	padding: 0;
}

.widget_abn_secciones h4>a {
	color: #585858;
}

.breadcrumb.active span,
.breadcrumb.active a {
	color: #fff !important;
}

/***** ----- Media Queries ----- *****/

@media all and (min-width: 48em) {
	.home-section {
		background: #fff;
		width:48%;
		margin-bottom: 2rem
	}
}

@media all and (min-width: 64em) {
	.main-navigation ul {
		text-align: center;
	}
	.main-navigation ul li {
		line-height: 2.24rem;
		padding-top: 1px;
		display:inline-block;
	}
	.main-navigation ul li a {
		padding: 0 1rem;
		text-transform: uppercase;
	}

}