/*

Theme Name:     Moot Madrid 2026

Theme URI:      https://www.mootmadrid.es/

Author:         Sycer Dynamic Internet

Author URI:     https://www.sycer.com

Template:       twentyeleven

Version:        1.0

*/

:root {

--navy:#0F2238;

--navy-deep:#081628;

--brass:#C9A24B;

--ivory:#F3EFE4;

--ink:#1A2533;

--line:rgba(201,162,75,.25);

}



body.mceContentBody {

margin:0;

padding:0;

font-size:14px;

background:#F3EFE4;

max-width:100%;

font-family:Georgia, 'Times New Roman', serif;

color:#1A2533;

}






body,html {

margin:0;

padding:0;

font-size:13px;

background:#F3EFE4;

color:#1A2533;

}

p {

text-align:justify;

}

body,td,th {

font-family:Georgia, 'Times New Roman', serif;

}



#container {

min-height:100%;

min-width:1100px;

width:100%;

position:relative;

}



#header {

background:#0F2238;

background-image:none;

height:115px;

border-bottom:none;

position:relative;

}



#main {

padding-bottom:85px;

display:flex;

align-items:stretch;

min-height:calc(100vh - 115px);

box-sizing:border-box;

background:#F3EFE4;

}



#footer {

position:fixed;

bottom:0;

width:100%;

height:85px;

background:#081628;

border-top:none;

box-shadow:0 -4px 12px rgba(0,0,0,.3);

z-index:1000;

}



#menu {

width:230px;

flex:0 0 230px;

float:none;

padding:26px 0 26px 0;

background:#081628;

border-right:3px solid #C9A24B;

font-family:Arial, Helvetica, sans-serif;

font-weight:400;

color:#cdd6e2;

list-style-image:none;

list-style:none;

font-size:13px;

box-sizing:border-box;

}



#menu a {

display:block;

padding:13px 28px;

font-size:13px;

letter-spacing:.05em;

text-transform:uppercase;

color:#cdd6e2;

border-left:3px solid transparent;

text-decoration:none;

}



#primary {

flex:1 1 auto;

min-width:0;

}



#content {

margin-left:0;


}



#content-area {

margin:0;

background:#F3EFE4;

background-image:url(img/bg-planeta.png);

background-size:contain;

background-repeat:no-repeat;

height:calc(100vh - 268px);

min-height:420px;

overflow-x:hidden;

overflow-y:auto;

outline:none;

}



#content-area-sin-scroll {

margin:0;

background:#F3EFE4;

background-image:url(img/bg-planeta.png);

background-position:center top;

background-repeat:no-repeat;

height:auto;

min-height:calc(100vh - 200px);

overflow:visible;

outline:none;

box-sizing:border-box;

}



#title-sec {

float:right;

margin-right:0;

width:76px;

min-height:calc(100vh - 200px);

background:none repeat scroll 0 0 #0F2238;

}



#title-sec img {

margin:0 auto;

width:auto;

height:auto;

}



#content-txt {

margin-right:100px;

padding:10px;

font-size:14px;

line-height:1.7;

color:#1A2533;

}



#content-txt img {

max-width:100%;

}



#menu ul li {

list-style-type:none;

padding-bottom:0;

}



#header-right {

height:78px;

width:auto;

float:left;

position:absolute;

right:40px;

top:0px;

}



#header-right img {

height:46px;

width:auto;

}



#header-right > div {

margin-left:22px;

}



#header-left {

float:left;

position:absolute;

left:35px;

top:0px;

height:109px;

font-family:Arial, Helvetica, sans-serif;

color:#cdd6e2;

font-size:12.5px;

letter-spacing:.04em;

text-transform:uppercase;

line-height:1.5;

text-align:center;

width:289px;

}



#header-left img {

display:block;

margin:0 auto 8px auto;

}



/* Fila de controles: "Otras Ediciones" + boton hamburguesa (movil/tablet) */

#header-controls {

position:absolute;

right:20px;

top:80px;

display:flex;

align-items:center;

gap:10px;

}



#edition-toggle {

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

letter-spacing:.12em;

text-transform:uppercase;

color:#cdd6e2;

border:1px solid rgba(201,162,75,.25);

padding:5px 11px;

background:#081628;

cursor:pointer;

}



#edition-toggle:hover {

color:#C9A24B;

border-color:#C9A24B;

}



.burger {

display:none;

background:#081628;

color:#F3EFE4;

border:1px solid rgba(201,162,75,.25);

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

letter-spacing:.12em;

text-transform:uppercase;

padding:5px 11px;

cursor:pointer;

white-space:nowrap;

}



.burger:hover {

color:#C9A24B;

border-color:#C9A24B;

}



#listasitios {

position:absolute;

right:20px;

top:160px;

z-index:1100;

}



#social-footer {

position:absolute;

right:0;

top:0;

width:345px;

text-align:right;

padding-right:24px;

margin-top:26px;

box-sizing:border-box;

}



#social-footer img {

height:30px !important;

width:auto;

margin-left:14px !important;

filter:grayscale(1) brightness(1.7);

opacity:.85;

vertical-align:middle;

}



#social-footer a:hover img {

filter:sepia(1) saturate(3) hue-rotate(-12deg) brightness(1.4);

opacity:1;

}



#carousel-footer {

background-color:transparent;

height:70px;

min-width:380px;

max-width:auto;

overflow:hidden;

margin-left:250px;

margin-right:210px;

margin-top:3px;

}



#carousel-footer li {

background:#081628 !important;

border-radius:6px;

padding:3px 3px !important;

margin:0 10px 0 0 !important;

box-shadow:0 1px 4px rgba(0,0,0,.25);

}



#carousel-footer li img {

height:65px !important;

width:auto;

}



/* Los banners de texto del carrusel (unicos <img> con alt) van sin "chip" blanco */

#carousel-footer li:has(img[alt]) {

background:transparent !important;

box-shadow:none;

border-radius:0;

padding:5px !important;

margin-right:16px !important;

}



#carousel-footer li:has(img[alt]) img {

height:65px !important;

}



#menu ul {

padding:0;

margin:0;

}



#slogan-footer {

float:left;

width:220px;

height:86px;

padding-left:20px;

padding-right:20px;

margin-top:30px;

text-align:center;

font-family:Arial, Helvetica, sans-serif;

color:#7f8ea3;

font-size:10px;

border-right:1px solid rgba(201,162,75,.25);

box-sizing:border-box;


}



#slogan-footer img {

margin:0 auto;

height:44px;

width:auto;

}



#slogan-footer a {

font-family:Arial, Helvetica, sans-serif;

font-size:10px !important;

letter-spacing:.06em;

text-transform:uppercase;

color:#7f8ea3 !important;

text-decoration:none;

}



#slogan-footer a:hover {

color:#C9A24B !important;

}



#menu .current_page_item a,
.current_page_item a {

padding-left:28px;

margin-left:0;

border-left:3px solid #C9A24B;

color:#C9A24B !important;

background:rgba(201,162,75,.07);

}



#menu .current-menu-item a,
.current-menu-item a {

padding-left:28px;

margin-left:0;

border-left:3px solid #C9A24B;

color:#C9A24B;

background:rgba(201,162,75,.07);

}



.year a {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

margin-right:92px;

color:#cdd6e2;

}



.highlight a {

color:#C9A24B!important;

}



.year a:hover {

color:#C9A24B!important;

}



#years {

position:absolute;

right:0;

margin-top:139px;

}



#mssls {

position:absolute;

right:0;

margin-top:-55px;

z-index:1100;

}

#mssls ul {

list-style:none;

background-color:#081628;

border:1px solid rgba(201,162,75,.25);

margin:0;

padding:14px 40px 14px 20px;

max-height:260px;

overflow-y:auto;

}



#mssls li {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#cdd6e2;

padding:3px 0;

}



#mssls a {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#cdd6e2;

text-decoration:none;

}



#mssls a:hover {

color:#C9A24B;

}



.test {

background-color:transparent;

border:1px solid #0F2238;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

letter-spacing:.1em;

text-transform:uppercase;

display:inline-block;

padding:9px 20px;

float:none;

}



.test:hover {

background-color:#0F2238;

}



.test a {

background-color:transparent;

text-align:center;

font-family:Arial, Helvetica, sans-serif;

color:#0F2238;

text-decoration:none;

}



.test:hover a {

color:#F3EFE4;

background-color:transparent;

}



.entry-title {

color:#0F2238;

font-family:Georgia, 'Times New Roman', serif;

font-weight:400;

font-size:20px;

border-bottom:1px solid #ddd3bc;

padding-bottom:14px;

}



.entry-content div ul li {

list-style-type:none;

border-left:2px solid #C9A24B;

margin-left:-32px;

padding-left:15px;

padding-top:6px;

padding-bottom:6px;

}



.entry-content a {

background-color:transparent;

text-align:left;

font-family:inherit;

color:#0F2238;

border-bottom:1px solid #C9A24B;

text-decoration:none;

}



.entry-content a:hover {

color:#C9A24B;

}



.entry-content .test a {

border-bottom:none;

font-family:Arial, Helvetica, sans-serif;

}



#privacy {

top:45px;

position:absolute;

width:227px;

color:#7f8ea3;

}



#privacy a {

color:#7f8ea3;

text-decoration:none;

}



#privacy a:visited {

color:#7f8ea3;

text-decoration:none;

}



#privacy a:active {

color:#7f8ea3;

text-decoration:none;

}



#privacy a:hover {

color:#C9A24B;

text-decoration:none;

}



#privacy a:link {

color:#7f8ea3;

text-decoration:none;

}



/* Images */

img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"] {

height:auto;
border:none;

/* Make sure images with WordPress-added height and width attributes are scaled correctly */

}



img.size-full,img.size-large {

max-width:97.5%;

width:auto;

/* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */

height:auto;

border:none;

/* Make sure images with WordPress-added height and width attributes are scaled correctly */

}



.entry-content img.wp-smiley {

border:none;

margin-bottom:0;

margin-top:0;

padding:0;

}



img.alignleft,img.alignright,img.aligncenter {

margin-bottom:1.625em;

border:none;

}



p img,.wp-caption {

margin-top:.4em;

}



.wp-caption {

background:#ece7d8;

margin-bottom:1.625em;

max-width:96%;

padding:9px;

}



.wp-caption img {

display:block;

margin:0 auto;

max-width:98%;

}



.wp-caption .wp-caption-text,.gallery-caption {

color:#5f6c7d;

font-family:Georgia, serif;

font-size:12px;

}



.wp-caption .wp-caption-text {

margin-bottom:.6em;

padding:10px 0 5px 40px;

position:relative;

}



.wp-caption .wp-caption-text:before {

color:#C9A24B;

content:'\2014';

font-size:14px;

font-style:normal;

font-weight:700;

margin-right:5px;

position:absolute;

left:10px;

top:7px;

}



#content .gallery {

margin:0 auto 1.625em;

}



#content .gallery a img {

border:none;

}



img#wpstats {

display:block;

margin:0 auto 1.625em;

}



#content .gallery-columns-4 .gallery-item {

width:23%;

padding-right:2%;

}



#content .gallery-columns-4 .gallery-item img {

width:100%;

height:auto;

}



/* Image borders */

img[class*="align"],img[class*="wp-image-"],#content .gallery .gallery-icon img {

/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */

border:1px solid #ddd3bc;

padding:6px;

background:#fff;

}



.wp-caption img {

border-color:#e7e0cd;

}



a:focus img[class*="align"],a:hover img[class*="align"],a:active img[class*="align"],a:focus img[class*="wp-image-"],a:hover img[class*="wp-image-"],a:active img[class*="wp-image-"],#content .gallery .gallery-icon a:focus img,#content .gallery .gallery-icon a:hover img,#content .gallery .gallery-icon a:active img {

/* Add some useful style to those fancy borders for linked images ... */

background:#fff;

border-color:#C9A24B;

}



.wp-caption a:focus img,.wp-caption a:active img,.wp-caption a:hover img {

/* ... including captioned images! */

background:#fff;

border-color:#ddd3bc;

}



/* Alignment */

.alignleft {

display:inline;

float:left;

margin-right:1.625em;

}



.alignright {

display:inline;

float:right;

margin-left:1.625em;

}



.aligncenter {

clear:both;

display:block;

margin-left:auto;

margin-right:auto;

}



/* Ticker */

.tickeroverlay-left {

display:block;

pointer-events:none;

position:absolute;

z-index:30;

height:97px;

width:250px;

top:0;

left:-2px;

}



.tickeroverlay-right {

background-image:none;

display:block;

pointer-events:none;

position:absolute;

z-index:30;

height:97px;

width:250px;

top:0;

right:-2px;

}



.tickercontainer {

/* the outer div */

width:auto;

height:67px;

margin:0;

padding:0;

overflow:hidden;

}



.tickercontainer .mask {

/* that serves as a mask. so you get a sort of padding both left and right */

position:relative;

height:67px;

/*width: 718px;*/

overflow:hidden;

}



ul.newsticker {

/* that's your list */

position:relative;

margin-left:0;

font:bold 10px Arial, Helvetica, sans-serif;

list-style-type: none;

margin:0;

padding:0;

}



ul.newsticker li {

float:left;

/* important: display inline gives incorrect results when you check for elem's width */

margin:0;

padding-right:15px;

/*background: #fff;*/

}



ul.newsticker a {

white-space:nowrap;

padding:0;

color:#C9A24B;

font:bold 10px Arial, Helvetica, sans-serif;

margin:0 50px 0 0;

}



ul.newsticker span {

margin:0 10px 0 0;

}



#webticker2 {

float:right;

}



#webticker2 li {

float:right;

/* important: display inline gives incorrect results when you check for elem's width */

margin:0;

padding-left:15px;

/*background: #fff;*/

}



#menu a:hover {

padding-left:28px;

margin-left:0;

border-left:3px solid #C9A24B;

color:#C9A24B;

background:rgba(201,162,75,.07);

}



/* ============ RESPONSIVE ============ */

@media (max-width: 1100px) {

#container {

min-width:0;

}

#header-right {

right:20px;

}

#header-right img {

height:36px;

}

#carousel-footer {

margin-left:230px;

margin-right:175px;

}

#social-footer {

position:absolute;

width:auto;

}

}



@media (max-width: 900px) {

.burger {

display:inline-flex;

align-items:center;

}

#menu {

position:fixed;

left:0;

top:0;

bottom:0;

width:260px;

flex:none;

transform:translateX(-100%);

transition:transform .25s ease;

z-index:50;

box-shadow:4px 0 24px rgba(0,0,0,.4);

}

#menu.open {

transform:translateX(0);

}

#content-area,
#content-area-sin-scroll {

height:auto;

min-height:0;

overflow:visible;

}

#content-txt {

margin-left:20px !important;

margin-right:20px !important;

padding-top:30px !important;

}

#footer {

display:flex;

flex-wrap:wrap;

align-items:center;

height:150px;

overflow:hidden;

}

#main {

padding-bottom:150px;

}

#main {

display:block;

min-height:0;

}

#menu {

width:260px;

}

#title-sec {

float:none;

width:100%;

height:64px;

min-height:0;

overflow:visible;

display:flex;

align-items:center;

justify-content:center;

}

#title-sec img {

transform:rotate(-90deg);

}

#content-area,
#content-area-sin-scroll {

height:auto;

min-height:0;

overflow:visible;

}

#content-txt {

margin-left:20px !important;

margin-right:20px !important;

padding-top:30px !important;

}
#slogan-footer {

order:2;

float:none;

width:auto;

height:auto;

flex:1 1 auto;

margin-top:6px;

padding:0 14px;

border-right:none;

}

#carousel-footer {

order:1;

width:100%;

margin:6px 10px 0 10px;

}

#social-footer {

order:3;

position:static;

width:auto;

margin-top:6px;

padding-right:14px;

}

}



@media (max-width: 600px) {

#header {

height:auto;

padding-bottom:8px;

}

#header-left {

position:static;

float:none;

width:auto;

height:auto;

display:flex;

align-items:center;

gap:12px;

padding:14px 16px 8px;

text-align:left;

font-size:10.5px;

}

#header-left img {

display:block;

margin:0;

max-width:120px;

flex-shrink:0;

}

#header-right {

display:none;

}

#header-controls {

position:static;

justify-content:space-between;

padding:0 16px 10px;

}

#listasitios {

position:static;

}

#mssls {

position:fixed;

top:77px;

right:auto;

left:17px;

margin-top:0;

max-width:160px;

}





}