/*    Theme Name: DiosNosLibre 2025
      Theme URI: https://diosnoslibre.com
      Description: Lenneeee!!
      Author: Francisque Boladisque
      Author URI: http://www.lagarza.com/
      Version: 1.0
      Tags: diosnoslibre, dnl, dios, nos, libre, cacho, lagarza, cacholog, networks, cacho_lagarza

      Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
      http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

Reset default browser styles */
@import url('style/reset.css');
/* Rebuild default browser styles */
@import url('style/rebuild.css');


.simplicy-top-post{
	font-size:17px;
	padding-top:20px;
}
.widget_recent_entries  ul li{
	padding:10px 0px 20px 0px;
	border-bottom:1px solid #cccccc;
	margin-bottom:20px;
}
.widget_recent_entries  ul li a{
	font-size:18px; 
	line-height:1.1em;
}
.comment-content{
	font-size:15px;
	padding-left: 10px;
}
.comment-list {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
	clear: both;
}



        .dnl-nav-container {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            /*border-radius: 12px;*/
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            overflow: hidden;
        }

        .dnl-nav-menu {
            display: flex;
            list-style: none;
            background: linear-gradient(135deg, #c53030 0%, #9c1c1c 100%);
            position: relative;
			margin: 0;
        }

        .dnl-nav-item {
            flex: 1;
            position: relative;
        }

        .dnl-nav-link {
            display: block;
            padding: 0.75rem 2rem;
            text-decoration: none;
            color: white !important;
            font-weight: 800;
            font-size: 0.95rem;
			text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
            letter-spacing: 0.5px;
            text-align: center;
            text-transform: uppercase;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
        }

        .dnl-nav-link::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.5s ease;
        }

        .dnl-nav-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 2px;
            background: white;
            transition: all 0.3s ease;
            transform: translateX(-50%);
        }

        .dnl-nav-item:hover .nav-link {
            background: rgba(255, 255, 255, 0.1);
            transform: translateY(-2px);
        }

        .dnl-nav-item:hover .nav-link::before {
            left: 100%;
        }

        .dnl-nav-item:hover .nav-link::after {
            width: 80%;
        }

        .dnl-nav-item:active .nav-link {
            transform: translateY(0);
        }

        /* Responsive design 
        @media (max-width: 768px) {
            .dnl-nav-menu {
                flex-direction: column;
            }
            
            .dnl-nav-link {
                padding: 0.6rem 1.5rem;
                font-size: 0.9rem;
            }
            
            .dnl-nav-container {
                margin: 1rem;
                border-radius: 8px;
            }
        }
		*/

        /* Alternative hover effect - uncomment to use */
      
        .dnl-nav-link:hover {
            background: rgba(255, 255, 255, 0.15);
            box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.1);
        }
        



body{
	margin:0px 0px 0px 0px;
	/*background:#333333 url('img/body_bg.png');*/
	background:#3461A2;
	font-size:14px;
}
#wrapper{margin: 0 auto;width:970px;text-align:left;}
#main{
	background:#FFFFFF url('img/main_background.jpg') top left repeat-y;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.clear{clear:both;}
h1{font-size:26px;}
h2{font-size:20px;}
h2.cat-entry-title{font-size:22px;}

/*ADS*/
.ad_300x250{width:300px;height:250px;background:#CCCCCC;border:1px solid #999999;color:#999999;}
.ad_728x90{width:728px;height:90px;/*background:#CCCCCC;border:1px solid #999999;color:#999999;*/}

/*--- Links --*/
a:link, a:visited{color:#0066FF;text-decoration:none;}
a:hover{color:#000000;text-decoration:underline;}
a:active{color:#000000;text-decoration:none;}
a.more-link:link, a.more-link:visited{text-decoration:none;color:#666666;text-shadow:-1px -1px #FFFFFF;}
a.more-link:hover{text-decoration:underline;color:#000000;}
a.more-link:active{text-decoration:none;color:#666666;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active, a.footerlink:hover{text-decoration:none;color:#CCCCCC;}

#topmenu{width:970px;margin:0 auto;}
a.toplink:link,a.toplink:visited{display: block; width: 80px; height: 20px; padding: 5px; background:#990000; float:left;}
a.toplink:hover,a.toplink:active{display: block; width: 140px; height: 20px; padding: 5px; background:#CC0000; float:left;}

#header{width:970px;}
#container{width:712px;float:left;margin:0px 0px 0px 0px;}
#content{padding:0px 0px 0px 10px;background:#FFFFFF;}
div.content{padding:5px 0px 0px 15px;}

.end{clear:both;}

#branding{width:240px;float:left;}
.logo{margin:0px 0px 0px 0px; border:none;}
#top-right-column{width:730px;float:left;padding:20px 0px 0px 0px;}/* Derecha del logo, top **********/
#ads-top{width:300px;height:250px;margin:15px 0px 0px 0px;display:block;}
#ads-body{border:5px solid #CCCCCC; padding:5px 5px 5px 5px;}


/* --- NavBar ---*/
#navbar{width:970px;min-height:31px;/*background:#FF0000 url('img/navbar.png') top left repeat-x;*/clear:both;}
#navbar-bottom{width:970px;height:9px;background:url('img/navbar-bottom.png') top left no-repeat;clear:both;}
/* --- search box ---*/
#search-box{width:260px; float:right; min-height:31px;}/* BORDEAUX   :o   *********************/
#search-box li{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;}
#search{width:300px;margin:0px 0px 0px 0px;color:#FFFFFF;font-family:Helvetica;font-weight:bold;font-size:14px;line-height:40px;vertical-align:middle;text-align:center;text-shadow:1px 1px #000000;background:url('img/toolbar_top_bg.png') top left no-repeat;}
#searchboxholder{background:url('img/searchbox_bg.png') no-repeat;float:left;margin-left:10px;padding-left:20px;}
#s{width:140px;border:none;background:none;height:21px;}
.searchsubmit{font-size:12px;font-family:Arial,sans-serif;font-weight:bold;color:#EEEEEE;height:21px;background-color:#CC0033;border-color:#CC0000;}
.searchsubmit:hover{background:#910000;}


/* --- Top Share Links ---*/
.facebook, .twitter, .feed {padding:2px 0px 2px 20px;margin-right:10px;}
.facebook{background: url('img/icons/facebook.png') no-repeat left center;}
.feed{background: url('img/icons/rss.png') no-repeat left center;}
.twitter{background: url('img/icons/twitter.png') no-repeat left center;}
a.top:link{text-decoration:none;color:#777777;}
a.top:visited{text-decoration:none;color:#777777;}
a.top:hover{text-decoration:none;color:#000000;}
a.top:active{text-decoration:none;color:#000000;}



/* H O M E */
#home_wpp{width:300px;float:right;}

div.index-title-div{clear:both;min-height:33px;background:url('img/title_bg.png') no-repeat;padding:0px 0px 0px 25px;margin:10px 0px 10px 0px;}
h2.index-title{color:#FFFFFF;font-family:Verdana;font-size:24px;font-weight:bold;text-transform:uppercase;}
.entry-meta-index{min-height:40px;margin:0px 0px 0px 0px;color:#808080;font-size:12px;font-family:Arial;}
.entry-utility-index{min-height:40px;border-bottom:1px dotted #CCCCCC;margin-bottom:20px;}
.entry-title-index{font-family:Helvetica, Verdana, Arial;margin:5px 0px 5px 0px;text-shadow:1px 1px #CCCCCC;padding-top:5px;}



/* --- popular posts widget ---*/
.popular-posts{width:300px;display:block;white-space:normal;}
	/*.popular-posts{width:570px;height:142px;overflow:hidden;display:block;white-space:normal;}*/
.popular-post{width:300px;height:74px;margin-right:5px;padding:10px 5px 0px 5px;display:block;float:right;line-height:15px;}
	/*.popular-post{width:120px;height:132px;margin-right:5px;padding:10px 5px 0px 5px;display:block;float:right;text-align:center;line-height:15px;}*/
.popular-post:hover{background:#EFEFEF;}
	/*.popular-post:hover{background:#000000;}*/
.popular-post-pic{display:block;text-align:left;float:left;margin-right:15px;}
	/*.popular-post-pic{min-height:80px;display:block;text-align:center;}*/
.wpp-post-title{font-family:Verdana, Arial;font-size:13px;}
	/*.wpp-post-title{font-family:Verdana, Arial;font-size:11px;}*/
.wpp-author{color:#999999;}

.wpp-thumbnail,.wp-post-image{border:2px solid #CCCCCC;}
/*.wp-post-image{border:none;}*/
	/*.wpp-thumbnail, wp-post-image{border:none;}*/
#wpp-2,#wpp-4{list-style:none;}
	/*#wpp-2,#wpp-4{list-style:none;}*/
a.wpp-link:link, a.wpp-link:visited{text-decoration:none;color:#000000;font-weight:bold;}
a.wpp-link:hover,a.wpp-link:active{text-decoration:none;color:#CC0000;font-weight:bold;}
	/*a.wpp-link:link, a.wpp-link:visited{text-decoration:none;color:#FFFFFF;}
	a.wpp-link:hover,a.wpp-link:active{text-decoration:none;color:#CC0000;}*/
.wpp-taxonomy{color:#333333 !important;font-size:14px !important;text-transform:uppercase !important;font-family: 'Courier New', Courier, monospace !important;}

/* --- posts ---*/
.entry-content{color:#333333;line-height:24px;font-family:Arial;font-size:15px;padding-top:20px;border-bottom:1px dotted #EFEFEF;}
.entry-title{font-family:Helvetica, Verdana, Arial;margin:5px 0px 5px 0px;text-shadow:1px 1px #CCCCCC;padding-top:5px;border-top:1px dotted #CCCCCC;}
.entry-title-noborder{margin:20px 0px 10px 0px;padding-top:5px;font-size:50px;line-height:47px;font-weight:800;letter-spacing:-1.5px;text-shadow:1px 1px #CCCCCC;font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif Verdana, Arial;}
.entry-meta{min-height:65px;color:#808080;font-size:12px;font-family:Arial;border-bottom:1px solid #EFEFEF;}
	.entry-meta-autor{padding:0px 0px 5px 0px;margin-bottom:5px;color:#808080;font-size:12px;font-family:Arial;}
	#entry-meta-holder{width:350px;padding-top:15px;}
.entry-utility{min-height:80px;}
	#post-social-top{float:right;width:205px;text-align:right;padding-right:5px;}
a.indexposttitle:link, a.indexposttitle:visited{text-decoration:none;color:#000000;}
a.indexposttitle:hover{text-decoration:underline;color:#CC0000;}
a.indexposttitle:active{text-decoration:none;color:#666666;}
.continuar, .comentarios{float:left;padding:0px 5px 0px 5px;margin-right:20px;width:140px;height:33px;line-height:33px;vertical-align:middle;text-align:center;background:url('img/button_bg.png') top no-repeat;}
h2.comments{font-size:22px;font-weight:bold;margin-bottom:5px;}
#respond{margin:20px 0px 20px 0px;}
form#commentform{margin:5px 0px 0px 0px;}
.form-label{float:left; text-align:right; width:100px; clear:left; padding:5px;}
.form-input, .form-textarea{float:left; text-align:left; width:400px; padding:5px;}
.form-submit{clear:both; margin-left:110px; padding:5px;}
input#submit{width:100px;height:35px;text-align:center;border:2px solid #999999;background:#EFEFEF;font-family:Verdana;font-weight:bold;padding-bottom:3px;}
input#submit:hover{background:#333333;color:#FFFFFF; cursor:pointer;}
.page-link{font-size:16px;height:35px;font-weight:bold;}
.page-link-title{float:left;height:35px;width:75px;line-height:35px;vertical-align:middle;}
.page-link-num{float:left;text-align:center;width:20px;height:35px;line-height:35px;vertical-align:middle;padding:0px 10px 0px 10px;border:1px solid #CCCCCC;}
.page-link-num:hover{float:left;width:20px;height:35px;padding:0px 10px 0px 10px;border:1px solid #999999;background:#EFEFEF;}

/* Social Media SVGS */
#socials {
    display: flex;
    justify-content: center;
    align-items: center;  /* Add vertical centering */
    gap: 15px;
    margin: 20px 0;
}
.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: white !important;
    transition: all 0.3s ease;
    text-decoration: none;
    padding: 0;  /* Ensure no padding affects the size */
    box-sizing: border-box;  /* Include padding in width/height */
    line-height: 0;  /* Remove any line height that might affect vertical centering */
}
.social-icon:hover {
    color: #cc0000 !important;
}
.social-icon svg {
    width: 100%;  /* Make SVG take full width of container */
    height: 100%;  /* Make SVG take full height of container */
    flex-shrink: 0;  /* Prevent SVG from shrinking */
}

/* social buttons */
#socialbuttonnav {width:99%;overflow:hidden;margin:0 auto; text-align:right;}
#socialbuttonnav li{background:none;overflow:hidden;width:65px; height:80px; line-height:30px; margin-right:2px; float:left; text-align:right;}
#fb { text-align:center;border:none; }
#fb iframe {text-align: center;float:left; }

/*comentarios*/
.comment-author-vcard{width:50px;padding:0px 10px 0px 10px;float:left;}
.comentario-wrap{float:left;width:100%;overflow:hidden;border-bottom:1px dotted #EFEFEF;padding:10px 0 3px 0;}
.comment-meta{font-size:10px;padding-bottom:5px;color:#666666;}
.depth-2 { margin-left: 5em; border-left: 5px solid #EFEFEF;  padding-left: 20px;}
.depth-3 { margin-left: 10em; border-left: 5px solid #EFEFEF;  padding-left: 20px;}
.depth-4 { margin-left: 15em; border-left: 5px solid #EFEFEF;  padding-left: 20px;}

/*--- author avatar */
#gravatar{width:50px;float:left;text-align:left;}
#gravatar-pag-autor{width:150px;float:left;text-align:left;margin:0px 10px 10px 0px;}
/*--- CATEGORIAS */
.page-title{padding:0px 0px 20px 0px; font-weight:bold; font-size:30px;}
.page-title h1{
    font-size:50px;
    font-weight: 900;
    font-weight: 800; /* regular bold */
    font-weight: 700; /* backup bold */
}
.cat-entry-summary{font-size:16px;}
.cat-entry-title{display:inline;font-size:30px !important;line-height:33px;font-weight:800;text-shadow:1px 1px #CCCCCC;padding-top:3px;font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif Arial;}
.cat-entry-meta{width:auto;height:25px;line-height:25px;vertical-align:middle;margin:0px 0px 0px 0px;color:#808080;font-size:12px;font-family:Arial;border-bottom:1px solid #CBCBCB;}
.cat-entry-utility{height:30px;clear:both;}
.cat-entry-likebuttons{margin-bottom:30px;width:110px;display:block;float:left;}
a.cat-link:link{color:#232323;text-decoration:none;}
a.cat-link:visited{color:#232323;text-decoration:none;}
a.cat-link:hover{color:#990000;text-decoration:underline;}
a.cat-link:active{color:#990000;text-decoration:underline;}
a.catlink:link{color:#990000;text-decoration:none;}
a.catlink:visited{color:#990000;text-decoration:none;}
a.catlink:hover{color:#000000;text-decoration:underline;}
a.catlink:active{color:#990000;text-decoration:underline;}
/*--- navigation */
#nav-below{min-height:40px;border-top:1px dotted #CCCCCC;border-bottom:1px solid #CCCCCC;padding:10px 0px 10px 0px;margin:15px 0px 10px 0px;}
.nav-previous{display:block; float:left; width:50%; text-align:left;}
.nav-next{text-align:right;}

a.frases-dnl:link, a.frases-dnl:visited, a.frases-dnl:active, a.frases-dnl:hover{
    color: #666666;
    text-decoration: none;
}
a.frases-dnl:hover{ opacity: 0.9; }

/* --- images ---*/
p img{padding: 0;max-width: 100%;}
img.centered, .aligncenter{display: block;margin-left: auto;margin-right: auto; border:0px;}
img.alignright{padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft{padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright{float:right;margin-left:20px;}
.alignleft{float:left;margin-right:20px;}
.wp-caption-text{text-align:center;line-height:20px;font:Arial, Helvetica, sans-serif;font-style:italic;font-size:11px;}
/* --- botones --- */
.boton-jugar{display:block;width:178px;height:57px;background-image: url('http://www.diosnoslibre.com/test/wp-content/themes/DiosNosLibre/img/boton-jugar.png');background-repeat: no-repeat;background-position: top left;}
.boton-jugar:hover{background-position:bottom left;}
.boton-puntajes{display:block;width:178px;height:57px;background-image: url('http://www.diosnoslibre.com/test/wp-content/themes/DiosNosLibre/img/boton-puntajes.png');background-repeat: no-repeat;background-position: top left;}
.boton-puntajes:hover{background-position:bottom left;}
#inline-1{display:none;width:640px;height:360px;}


/* --- sidebar ---*/
input.rssform{width:100px;height:17px;border:2px solid #CCCCCC;color:#999999;}
input.rssformbutton{height:24px;color:#FFFFFF;font-weight:bold;padding:2px 6px 4px 6px;border:none;background:url('http://www.diosnoslibre.com/test/wp-content/themes/DiosNosLibre/icons/rssform.jpg') top left no-repeat;}
form.rssform{margin:0px 0px 20px 0px;}

#sidebar{font-family:Helvetica;font-size:12px;line-height:15px;float:right;}
.widget-area{margin: 0px 0px 0px 0px;}
/**/#primary{width:230px;float:left;margin:0px 0px 0px 0px;padding:3px 5px 0px 5px;}
#primary li, ol{list-style:none;margin:0px 0px 10px 0px;text-align:left;}
.mostcomm{text-align:left;margin:0px 0px 15px 0px;padding:0px 15px 0px 15px;}
a.mostcomments:link, a.mostcomments:visited{color:#CCCCCC;text-decoration:none;}
a.mostcomments:hover, a.mostcomments:active{color:#009900;text-decoration:underline;}
.small{font-size:10px;}
.simplicy-sidebar-img{border:2px solid #CCCCCC;}
.simplicy-sidebar-img:hover{border:2px solid #666666;}
.xoxo{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}
.suscribirse{height:2em;border:1px solid #009933;background:#ABD8B0;margin:2px 0px 0px 0px;color:#006600;text-shadow:1px 1px #FFFFFF;font-size:11px;line-height:2em;font-family:Helvetica;font-weight:bold;vertical-align:middle;}
/*#secondary{width:160px;float:left;padding:0px 5px 0px 5px;}*/
#secondary li, ol{list-style:none;}
#secondary li a, #secondary li a:visited { color: #eaeaea; }
#secondary li a:hover, #secondary li a:active { color: #990000; }
.widget-title{font-size:18px;margin:20px 0px 10px 0px;text-shadow:1px 1px #CCCCCC; font-weight:bold;padding-bottom:5px;border-bottom:1px solid #D3CEC8;}
.widget-container{margin-bottom:15px;}
#sidebar-ads{width:198px;margin:8px 0px 8px 0px;border:1px solid #CCCCCC;min-height:600px;text-align:center;}



/* Footer */
#footer{width:970px;margin:0 auto;color:#CCCCCC;background:#000000;min-height:50px;clear:both;padding:20px 0px 20px 0px; display: flex; justify-content: flex-start; text-align:left;}
.footer-left { flex: 0 0 30%; text-align:center;}
.footer-middle { flex: 0 0 15%; text-align:left;}
.footer-right { flex: 0 0 55%; text-align:center;}