* { margin: 0; padding: 0; border: 0; font-family: "Lato", sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } body { -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 24px; color: #000; } h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; } ul, li { list-style: none; } a { text-decoration: none; color: #44600b; font-weight: bold; } a:hover { color: #000; } img { vertical-align: bottom; } main { clear: both; min-height: calc(100vh - 493px); } .wrapper { width: 1238px; margin: 0 auto; } @media all and (max-width: 1251px) { .wrapper { width: 1002px; } } @media all and (max-width: 1025px) { .wrapper { width: 746px; } main { min-height: calc(100vh - 416px); } } @media all and (max-width: 769px) { .wrapper { width: 100%; max-width: 746px; padding-left: 10px !important; padding-right: 10px !important; } } .inside { padding: 43px 0 0 0; } .inside h1.title { color: #44600b; font-size: 40px; line-height: 46px; text-align: center; font-weight: bold; padding-bottom: 20px; font-family: "Lato", sans-serif; } @media all and (max-width: 1025px) { .inside h1.title { font-size: 30px; line-height: 36px; } } @media all and (max-width: 769px) { .inside h1.title { padding-bottom: 10px; } } .inside .team-subtitle { text-transform: uppercase; text-align: center; font-size: 18px; margin-top: -30px; margin-bottom: 30px; } @media all and (max-width: 769px) { .inside .team-subtitle { margin-top: -20px; font-size: 16px; } } .inside .page-content { padding: 20px 0 0 0; clear: both; } .inside .inside-menu { text-align: center; padding-bottom: 30px; } .inside .inside-menu .item { font-size: 20px; line-height: 36px; font-weight: 500; margin: 0 10px; display: inline-block; } .inside .inside-menu .item a { color: #000; } .inside .inside-menu .item a:hover { color: #44600b; } .inside .inside-menu .item h1.title { border-bottom: 2px solid; font-size: 30px; line-height: 36px; position: relative; padding-bottom: 0px; } .inside .inside-menu .item h1.title:after { content: ""; position: absolute; left: 50%; top: 100%; margin-top: 6px; margin-left: -12px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 13px solid #44600b; clear: both; } .inside .inside-menu.inside-watch-menu { margin-bottom: 15px; } .inside .inside-body p { line-height: 26px; font-size: 17px; padding: 12px 0 12px 0; clear: both; } .inside .inside-body p:first-child { padding-top: 0px; } .inside .inside-body p:last-child { margin-bottom: 40px; } .inside .inside-body p .content-image { border: 1px solid #ccc; margin: 4px auto 16px auto; width: calc(50% - 10px); float: left; } .inside .inside-body p .content-image:nth-child(even) { float: right; } .inside .inside-body p .content-image:only-child { width: 100%; max-width: 800px; float: none; display: block; } @media (max-width: 622px) { .inside .inside-body p .content-image { width: 100% !important; float: none !important; display: block !important; } } .inside .inside-body ul { line-height: 26px; font-size: 17px; padding: 12px 0 6px 0; } .inside .inside-body ul:first-child { padding-top: 0px; } .inside .inside-body ul li { padding-bottom: 6px; padding-left: 15px; position: relative; } .inside .inside-body ul li:before { content: ""; float: left; background-color: #44600b; width: 5px; height: 5px; position: absolute; left: 0px; top: 10px; border-radius: 3px; } .inside .inside-body ul li ul { margin-bottom: 0px !important; } .inside .inside-body ul:last-child { margin-bottom: 40px; } .inside .inside-body-title { /*border-bottom: 1px solid #CCC;*/ font-size: 26px; font-weight: 800; line-height: 32px; font-family: "Lato", sans-serif; } .inside .inside-body-gallery { padding-top: 12px; padding-bottom: 20px; margin-top: 10px; } .inside .inside-body-gallery .items { width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; clear: both; overflow: hidden; margin-top: 20px; } .inside .inside-body-gallery .items img { float: left; width: calc(33.333333333% - 10px); margin: 0 5px 10px 5px; border: 1px solid #ccc; } .inside .inside-body-gallery .items.no-sidebar img { width: calc(25% - 10px); } .inside .inside-body-gallery .more { text-align: center; padding: 10px 0 0 0; } .inside .inside-body-gallery .more a { display: inline-block; margin: 0 auto; padding: 16px; min-width: 194px; color: #fff; background-color: #44600b; border-radius: 6px; text-transform: uppercase; line-height: 12px; font-size: 18px; font-weight: bold; } .inside .inside-body-gallery .more a:hover { background-color: #000; } .pagination { border-top: 1px solid #000; clear: both; overflow: hidden; text-align: center; } .pagination .pagination-list { padding-top: 30px; padding-bottom: 50px; display: inline-block; } .pagination .pagination-list a { float: left; width: 45px; height: 45px; line-height: 42px; border: 1px solid #ccc; color: #ccc; box-sizing: border-box; font-weight: bold; font-size: 20px; } .pagination .pagination-list a + a { margin-left: 10px; } .pagination .pagination-list a:hover, .pagination .pagination-list a.active { color: #44600b; border-color: #44600b; } .pagination .pagination-list a.arrows { line-height: 38px; } .pagination .pagination-list a.arrows span { border: solid #ccc; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .pagination .pagination-list a.arrows span.prev { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .pagination .pagination-list a.arrows span.prev:first-of-type { margin-left: 4px; margin-right: -2px; } .pagination .pagination-list a.arrows span.next { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .pagination .pagination-list a.arrows span.next:last-of-type { margin-left: -2px; margin-right: 2px; } .pagination .pagination-list a.arrows:hover span { border-color: #44600b; } .styled-select { background-color: #edecec; background-position: calc(100% - 8px); background-repeat: no-repeat; background-image: url(../img/select.png); height: 28px; overflow: hidden; width: 240px; position: relative; } .styled-select select { background: transparent; border: none; font-size: 16px; padding: 0 10px; height: 100%; width: calc(100% + 16px); outline: 0; -webkit-appearance: none; cursor: pointer; } @media all and (max-width: 769px) { .inside { padding-top: 33px; } .inside .inside-menu { position: relative; clear: both; overflow: hidden; padding-bottom: 0px; } .inside .inside-menu .item.option { display: block; margin-top: 4px; font-size: 18px !important; line-height: 26px !important; } .inside .inside-menu .item.option:first-of-type { margin-top: 36px; } .inside .inside-menu .item.title { position: absolute; left: 10px; top: -5px; text-align: center; width: calc(100% - 35px); } .inside .inside-menu .item.title h1.title { display: inline-block; border-bottom: none; } .inside .inside-menu .item.title h1.title:after { display: none; } } .sidebar { position: absolute; top: 0px; right: 0px; width: 302px; } .sidebar img { width: 100%; } .sidebar .item { margin-bottom: 10px; } .sidebar .item + .item .box-section h6 { padding-top: 12px; } .sidebar .bann { border: 1px solid #ccc; } .sidebar .box-section h6 { font-size: 26px; line-height: 32px; font-weight: bold; } .sidebar .box-section .table { border: 1px solid #ccc; margin-top: 0px !important; } .sidebar .box-section .table .tr { clear: both; overflow: hidden; } .sidebar .box-section .table .td { float: left; } .sidebar .box-section .table .thead { text-transform: uppercase; } .sidebar .box-section .results { padding: 12px 19px 14px 19px; } .sidebar .box-section .results .thead { border-bottom: 1px solid #ccc; } .sidebar .box-section .results .thead .tr { padding-bottom: 4px; } .sidebar .box-section .results .tbody .tr { padding-top: 3px; padding-bottom: 1px; } .sidebar .box-section .results .tbody .tr:last-of-type { padding-bottom: 0px; } .sidebar .box-section .results .tr .td:nth-child(1) { width: 15%; } .sidebar .box-section .results .tr .td:nth-child(2) { width: 39%; } .sidebar .box-section .results .tr .td:nth-child(3) { width: 23%; text-align: center; } .sidebar .box-section .results .tr .td:nth-child(4) { width: 23%; text-align: right; } .sidebar .box-section .results .tbody .tr .td:nth-child(1) { font-weight: bold; padding-left: 8px; } .sidebar .box-section .results .tbody .tr .td:nth-child(2) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sidebar .box-section .results .tbody .tr .td:nth-child(4) { padding-right: 8px; color: #44600b; font-weight: bold; } .sidebar .box-section .career .season { padding: 8px 20px 9px 20px; } .sidebar .box-section .career .season:nth-child(even) { background-color: #edecec; } .sidebar .box-section .career .season:first-of-type { padding-top: 13px; } .sidebar .box-section .career .season:last-of-type { padding-bottom: 14px; } .sidebar .box-section .career .season .year { font-weight: bold; color: #44600b; } .sidebar .box-section .career .season .team { font-style: italic; } .sidebar .box-section + .box-section { margin-top: 10px; } .next-race { background-color: #000; color: #fff; text-transform: uppercase; text-align: center; border: 1px solid ; font-size: 22px; padding: 13px 0 13px 0; font-weight: bold; } .next-race a { color: #fff; } .next-race .title { display: block; color: inherit; } .next-race .countdown { padding: 12px 0 12px 0; margin: 0 auto; width: 270px; clear: both; overflow: hidden; } .next-race .countdown div { width: 70px; float: left; margin: 2px 10px 0px 10px; font-size: 12px; line-height: 20px; } .next-race .countdown div span { display: block; font-size: 55px; background-image: url(../img/sprite.png); background-position: 0px 0px; background-repeat: no-repeat; height: 65px; width: 70px; padding-top: 20px; letter-spacing: -1px; } #spinner { display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); top: 0px; left: 0px; z-index: 1049; } #spinner img { position: absolute; top: 50%; left: 50%; margin-top: -100px; margin-left: -100px; width: 200px; height: 200px; } .inside-body .profile-social:before { content: ""; display: block; height: 9px; } .inside-body .profile-social:after { content: ""; display: block; height: 9px; clear: both; } .inside-body .profile-social a { float: left; background-color: #000; text-align: center; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 32px; border-radius: 7px; padding: 0 15px; min-width: 162px; margin-right: 10px; margin-bottom: 10px; } .inside-body .profile-social a:last-of-type { margin-right: 0px; } .inside-body .profile-social a:hover { background: #000 !important; } .inside-body .profile-social a svg { height: 16px; width: 16px; margin: 0 8px 0 0; position: relative; top: 4px; } .inside-body .profile-social a svg * { fill: #fff; } .inside-body .profile-social .tw { background-color: #64cff3; } .inside-body .profile-social .fb { background-color: #4267b2; } .inside-body .profile-social .ig { background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888',GradientType=1); } .inside-image { padding: 20px 0; text-align: center; clear: both; overflow: hidden; } .inside-image img { display: block; max-width: 100%; margin: 0 auto; } .inside-image:first-of-type { padding-top: 5px; } .inside-image + .inside-body { padding-top: 12px; } .inside-body h2 { font-size: 26px; font-weight: 800; /*border-bottom: 1px solid #CCC;*/ line-height: 32px; padding-bottom: 0; margin-bottom: 12px; padding-top: 12px; } .inside-body h2:first-child { padding-top: 0px; } .inside-body h3 { font-size: 22px; font-weight: 800; line-height: 29px; padding-bottom: 0; margin-bottom: 12px; padding-top: 12px; } .inside-body h3:first-child { padding-top: 0px; } #modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; overflow-x: hidden; overflow-y: auto; background: rgba(0, 0, 0, 0.70); display: none; } #modal .modal-times { position: absolute; top: 0px; right: 5px; font-size: 28px; font-weight: bold; color: #999; } #modal .modal-times:hover { color: #44600b; } #modal .modal-times:before { content: "\00d7"; } #modal .modal-dialog { width: 726px; margin: 30px auto; position: relative; } #modal .modal-dialog .modal-content { position: relative; background-color: #fff; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; } #modal .modal-dialog .modal-content .modal-header { padding: 0 20px; } #modal .modal-dialog .modal-content .modal-body { padding: 7px 20px 8px 20px; } #modal .modal-dialog .modal-content .modal-logo { margin: 20px auto 0px auto; display: block; } #modal .modal-dialog-popups { width: 659px; max-width: 659px; margin-top: 20%; border: 8px solid #84b900; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #modal .modal-dialog-popups .modal-close { width: 40px; height: 28px; line-height: 28px; border-top-left-radius: 50%; border-top-right-radius: 50%; color: #000; font-size: 27px; font-weight: bold; text-align: center; background: #84b900; } #modal .modal-dialog-popups .modal-times { cursor: pointer; top: -30px; right: 5px; } #modal .modal-dialog-popups img { width: 100%; } #modal .modal-video { width: calc(100% - 20px); max-width: 1238px; margin: 30px auto; position: relative; } #modal .modal-video .modal-times { font-size: 58px; color: #fff; } #modal .modal-video .modal-times:hover { color: #44600b; } #modal .modal-video .modal-youtube { width: 100% !important; margin-top: 35px; } @media all and (max-width: 1025px) { .sidebar-results { width: 100% !important; } #modal .modal-dialog { width: calc(100% - 16px); max-width: 726px; } #modal .modal-dialog.modal-dialog-popups { max-width: 659px; } #modal .modal-dialog .modal-header { padding: 0 10px; } #modal .modal-dialog .modal-body { padding: 10px; } #modal .modal-dialog .modal-content .modal-logo { max-width: 100%; } } @media all and (max-width: 769px) { .sidebar-results .thead { display: block !important; } } .inside .inside-photo-header { /*background-color: #000000;*/ margin: 24px 0 3px 0; color: #fff; text-align: center; position: relative; overflow: hidden; } .inside .inside-photo-header .bg { width: 100%; max-width: 1400px; } .live-results-banner { display: block; width: 100%; padding: 41px 10px; border: 1px solid #ccc; text-align: center; vertical-align: middle; text-transform: uppercase; font-weight: bold; background-color: #390; color: #fff; font-size: 31px; line-height: 34px; } .live-results-banner i { width: 34px; height: 34px; border-radius: 17px; background-color: #fff; display: inline-block; margin-left: 13px; } .live-results-banner i:before { content: ""; width: 0; height: 0; display: inline-block; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 13px solid #390; position: relative; top: -2px; left: 0px; } .live-results-banner:hover { color: #390; background-color: #fff; } .live-results-banner:hover i { background-color: #390; } .live-results-banner:hover i:before { border-left-color: #fff; } html[lang="es"] .live-results-banner { padding-bottom: 38px; } html[lang="es"] .live-results-banner span { font-size: 22px; position: relative; top: -3px; } .nowrap { white-space: nowrap; /* INFO */ } .panel { padding: 10px; border: 1px solid #ccc; margin: 20px 0; /* AUTOCOMPLETE JQUERY */ } .panel.panel-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel.panel-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel.panel-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel.panel-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .ui-state-active { background: #44600b !important; /* COOKIES */ } #cookies { background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 11px; line-height: 16px; position: fixed; bottom: 0; left: 0; z-index: 499; width: 100%; } #cookies .wrapper { margin-top: 11px; margin-bottom: 11px; } #cookies .wrapper a { color: #fff; background-color: var(--valldaura); display: inline-block; padding: 1px 6px; font-weight: normal; margin-right: 4px; } #cookies .wrapper a:hover { text-decoration: none; background-color: #000; } body.dc-cmp-ui-showing { overflow: hidden; } .dc-cmp-ui-container { background: rgba(33, 41, 52, .85); bottom: 0; display: flex; left: 0; overflow-y: scroll; position: fixed; right: 0; top: 0; z-index: 999999999; box-sizing: content-box; margin: auto; width: 100%; padding-top: 10px; padding-bottom: 10px; } .dc-cmp-ui { background: #fff; border-radius: 2px; box-shadow: 0 1px 3px rgba(33, 41, 52, .75); display: flex; flex-direction: column; max-width: 770px; min-width: 320px !important; overflow: hidden; position: relative; box-sizing: content-box; margin: auto; width: 100%; } .dc-cmp-publisher-logo { display: block; max-height: 90px; max-width: 170px; padding-top: 30px; box-sizing: content-box; margin: auto; width: 100%; } .dc-cmp-ui-content { display: flex; align-self: center; flex-direction: column; margin: auto; max-width: 600px; padding: 16px 30px 30px 30px; box-sizing: border-box; } .dc-cmp-title { color: #212934; font-size: 34px; font-weight: 600; line-height: 38px; text-align: center; } .dc-cmp-main-messaging { padding: 35px 0; color: #141e23; font-size: 14px; font-weight: 100; line-height: 20px; } .dc-cmp-buttons { text-align: center; align-content: center; display: flex !important; flex: 0 1 auto !important; flex-wrap: wrap !important; justify-content: center !important; margin: -7px !important; } .dc-cmp-button { min-width: 200px !important; background-color: var(--valldaura); color: #fff; border: 2px solid #7ea52e; border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2); flex: 1 0 auto !important; font-size: 13px; font-weight: 600; height: 55px !important; line-height: 34px; margin: 7px; max-width: 300px !important; padding: 0 13px; text-align: center; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease-in-out; white-space: nowrap; -webkit-font-smoothing: antialiased; cursor: pointer; } .dc-cmp-button:hover { background-color: #000; } .dc-cmp-button:disabled { opacity: 0.5; cursor: not-allowed; } .dc-cmp-button:disabled:hover { background-color: #8adfe6; color: var(--valldaura); } .dc-cmp-button-secondary { color: #000; border-color: #ccc; background-color: #ededed; } .dc-cmp-button-secondary:hover { background-color: #aaa; color: #fff; } .dc-cmp-alt-buttons { display: inline-block; margin: 0 auto !important; padding-bottom: 35px !important; text-align: center; justify-content: center; } .dc-cmp-center-bottom { display: inline; padding: 0 15px; text-decoration: none; } .dc-cmp-alt-action { font-size: 14px; text-align: center; } .dc-cmp-alt-action:hover { color: #8adfe6; text-decoration: none; } .dc-cmp-block-text { display: none; border-bottom: 1px solid #ccc; margin-bottom: 20px; } .dc-cmp-block-abstract { max-height: 250px; overflow-y: auto; margin-bottom: 20px; } .dc-cmp-block-abstract p { padding-bottom: 11px; } .dc-cmp-block-abstract p:last-of-type { padding-bottom: 0px; } .dc-cmp-block-abstract h4 { font-weight: bold; padding-bottom: 4px; } .dc-cmp-block-abstract li { padding-bottom: 11px; padding-left: 15px; } .dc-cmp-block-abstract::-webkit-scrollbar { -webkit-appearance: none; width: 7px; height: 7px; } .dc-cmp-block-abstract::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5); } .dc-cmp-block-bubble { border: 1px solid #ccc; margin-bottom: 20px; border-radius: 2px; margin-top: 16px; position: relative; } .dc-cmp-block-bubble .dc-cmp-block-abstract { margin-left: 20px; margin-right: 20px; margin-top: 20px; } .dc-cmp-block-scroll { cursor: pointer; position: absolute; width: 30px; height: 30px; left: -15px; bottom: -15px; margin-left: 50%; z-index: 3; background-color: var(--valldaura); color: #fff; border-radius: 50%; display: block; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08), inset 0 0 0 0 rgba(0, 0, 0, 0.10), inset 0 0 0 0 rgba(255, 255, 255, 0.50); } .dc-cmp-block-scroll:hover { background-color: #000; } .dc-cmp-block-scroll svg { fill: #fff; } .dc-cmp-close-buttons { margin: 0 auto !important; padding-bottom: 25px !important; text-align: center; justify-content: center; } .valldaura-tabla { overflow-x: auto; } header { z-index: 41; position: sticky; top: 0px; left: 0px; width: 100%; } header.page-with-tickets { border-bottom: 0 none; } header .pill-tickets { text-align: center; color: #fff; background-color: #44600b; height: 60px; } header .pill-tickets a { color: inherit; display: inline-block; line-height: 60px; font-family: "Lato", sans-serif; } header .pill-tickets a:before { content: ""; display: inline-block; width: 27px; height: 27px; background: url(../img/tickets.svg); background-size: 100% 100%; background-position: 0 0; background-repeat: no-repeat; margin-right: 10px; position: relative; top: 4px; } header .pill-tickets a:hover { color: #000; } header .pill-tickets a:hover:before { background: url(../img/tickets-h.svg); } @media all and (max-width: 1025px) { header .pill-tickets { height: 30px; position: fixed; width: 100%; left: 0px; top: 82px; z-index: 2; } header .pill-tickets a { line-height: 30px; font-size: 12px; } header .pill-tickets a:before { margin-right: 5px; top: 1px; width: 14px; height: 14px; } header .pill-tickets a:hover:before { width: 14px; height: 14px; background-size: 100% 100%; } } header .top { background-color: #fff; /*line-height: #{$header-top-height - 1};*/ height: 35px; text-transform: uppercase; font-size: 13px; font-weight: 500; } header .top .links { float: left; position: relative; min-height: 35px; } header .top .links .langs, header .top .links .search { min-height: 35px; } header .top .links .langs, header .top .links .search { display: flex; align-items: center; } header .top .links .inactive { display: none; } header .top .links .bt { text-align: center; display: inline-block; color: #fff; background-color: #000; float: left; min-width: 75px; padding: 0 10px; } header .top .links .bt.login { background-color: #44600b; } header .top .links .bt + .bt { margin-left: 1px; } header .top .links .bt:hover { background-color: #666; } header .top .links .myaccount svg { margin-right: 8px; width: 13px; height: 13px; top: 2px; position: relative; } header .top .links .myaccount svg * { fill: #fff; } header .top .links .myaccount:hover .inactive { display: block; position: absolute; z-index: 1000; width: 173px; top: 35px; border: 1px solid #ccc; background-color: #fff; } header .top .links .myaccount:hover .inactive a { color: #000; padding: 0 8px; display: block; } header .top .links .myaccount:hover .inactive a + a { border-top: 1px solid #ccc; } header .top .links .myaccount:hover .inactive a:hover { color: #44600b; } header .top .links .myaccount .bt { max-width: 173px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left; } header .top .links + .langs { margin-left: 1px; } header .top .langs { float: left; border-right: 1px solid #c3c3c3; min-width: 120px; text-align: center; position: relative; padding: 0 10px; } header .top .langs span, header .top .langs a { font-family: "Lato", sans-serif; font-weight: bold; } header .top .langs:first-child { border-left: 1px solid #c3c3c3; font-weight: 600; } header .top .langs li { cursor: pointer; color: #44600b; } header .top .langs li + li { display: none; } header .top .langs li:hover { color: #000; } header .top .langs li:first-child:after { content: ""; display: inline; position: relative; top: 12px; margin-left: 10px; width: 0px; height: 0px; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent; border-top: 8px solid #44600b; } header .top .langs li:first-child:hover:after { border-top-color: #000; } header .top .langs li.inactive a { color: #000; } header .top .langs li.inactive a:hover { color: #44600b; } header .top .langs li svg { display: none; } header .top .langs:hover li:not(:first-child) { position: absolute; top: 35px; left: -1px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3; z-index: 2; display: block; width: calc(100% + 2px); background-color: #fff; min-height: 35px; display: flex; align-items: center; justify-content: center; } header .top .langs:hover li:not(:first-child) + li { margin-top: 35px; } header .top .langs:hover li:last-child { border-bottom: 1px solid #c3c3c3; } header .top .search { float: left; border-right: 1px solid #c3c3c3; } header .top .search .lens { display: block; padding: 0 20px; cursor: pointer; } header .top .search .lens img { pointer-events: none; width: 13px; vertical-align: middle; } header .top .search .lens svg { pointer-events: none; height: 11px; width: auto; } header .top .search .lens svg * { fill: #44600b; } header .top .search .lens:hover svg * { fill: #44600b; } header .top .social { float: right; margin-left: 20px; } header .top .social li { float: left; margin-top: 5.5px; } header .top .social li + li { margin-left: 10px; } header .top .social li a { background-color: #44600b; text-align: center; width: 24px; height: 24px; display: block; border-radius: 12px; } header .top .social li a:hover { background-color: #000; } header .top .social li a svg { height: 12px; width: 12px; position: relative; } header .top .social li a img { width: 12px; filter: invert(1); vertical-align: unset !important; } header .top .social li a { display: flex; align-items: center; justify-content: center; } header .top .social li a svg * { fill: #fff; } header .pill { clear: both; background-color: #fff; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; height: 125px; position: relative; } header .pill .toggle-menu { display: none; float: right !important; } header .pill .login, header .pill .search { float: right !important; } header .pill .login-mobile, header .pill .search-mobile { display: none; } header .pill .logo { float: left; } header .pill .logo svg, header .pill .logo img { height: 100px; width: 100px; margin-top: 12.5px; display: block; } header .pill .logo-atp { float: left; margin-left: 24px; } header .pill .logo-atp svg, header .pill .logo-atp img { height: 100px; width: 100px; margin-top: 12.5px; } header .pill .logo-rfet { float: right; } header .pill .logo-rfet svg, header .pill .logo-rfet img { height: 79px; width: 126px; margin-top: 23px; } header .pill .nav { float: left; /*width: calc(100% - #{$header-logo-width + $header-logo-atp-width + $header-logo-sep + $header-logo-rfet-width} - 22px);*/ text-align: center; width: calc(100% - 200px - 60px); margin-left: 11px; margin-right: 11px; } header .pill .nav nav { display: inline-block; margin-top: 5px; font-size: 14px; } @media all and (max-width: 1251px) { header .pill .nav nav { margin-top: -16.5px; } } header .pill .nav nav ul { float: left; } header .pill .nav nav ul li { float: left; } header .pill .nav nav ul li a { line-height: 26px; display: block; } header .pill .nav nav ul li a:hover, header .pill .nav nav ul li a.active { color: #000; } header .pill .nav nav ul.fixed { position: absolute; background-color: #44600b; border-radius: 8px; left: 50%; top: 52px; height: 60px; /*width: 100%;*/ margin-left: calc((1238px / 2) - 140px); } header .pill .nav nav ul.fixed li { /*text-align: right;*/ width: 140px; text-align: center; } header .pill .nav nav ul.fixed li a { color: #fff; font-weight: bold; /*margin-top: 12px;*/ line-height: 34px; margin-top: 9px; } header .pill .nav nav ul.fixed li a:before { content: ""; display: inline-block; width: 27px; height: 27px; background: url(../img/icon-padel.svg); background-size: 100% 100%; background-position: 0 0; background-repeat: no-repeat; position: relative; margin-right: 5px; position: relative; top: 10px; transform: rotate(-45deg); } header .pill .nav nav ul.fixed:hover { background-color: #000; } header .pill .nav nav ul.dynamic ul a { font-family: "Lato", sans-serif; } header .pill .nav nav ul.dynamic ul.primary { font-weight: 500; width: 100%; display: flex; flex-flow: row; flex-wrap: wrap; justify-content: center; align-content: center; padding-top: 70px; } header .pill .nav nav ul.dynamic ul.primary li { margin: 0 12.5px; float: none; } header .pill .nav nav ul.dynamic ul.primary li ul { display: none; } header .pill .nav nav ul.dynamic ul.primary li.dropdown-menu { margin-right: 25px; } header .pill .nav nav ul.dynamic ul.secondary { background-color: #fff; float: none; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; clear: both; overflow: hidden; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; text-align: center; } header .pill .nav nav ul.dynamic ul.secondary li { float: none; display: inline-block; padding: 0 13px; } header .pill .nav nav ul.dynamic ul.secondary li a { line-height: 111px; } header .pill .nav nav ul.dynamic ul.secondary li a:hover, header .pill .nav nav ul.dynamic ul.secondary li a.active { color: #44600b; } header .pill .nav nav ul.dynamic ul.primary > li { position: relative; } header .pill .nav nav ul.dynamic ul.primary > li.dropdown-menu > a { position: relative; } header .pill .nav nav ul.dynamic ul.primary > li.dropdown-menu > a:after { content: ""; position: absolute; top: 50%; right: -12px; transform: translateY(-50%); width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #44600b; } header .pill .nav nav ul.dynamic ul.primary > li.dropdown-menu > a:hover:after { border-top: 8px solid #000; } header .pill .nav nav ul.dynamic ul.primary > li > .submenu { text-align: left; position: absolute; top: 22px; background-color: #fff; display: none; width: max-content; padding-top: 26px; } header .pill .nav nav ul.dynamic ul.primary > li > .submenu .submenu-item { margin: 0; width: 100%; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } header .pill .nav nav ul.dynamic ul.primary > li > .submenu .submenu-item .submenu-link { background-color: #fff; width: 100%; display: block; padding: 15px 20px; } header .pill .nav nav ul.dynamic ul.primary > li > .submenu .submenu-item:first-child { border-top: 1px solid #ccc; } header .pill .nav nav ul.dynamic ul.primary > li:hover > .submenu { display: block !important; } .nav-sidr { display: none; width: -229px; height: 100%; position: fixed; top: 0px; right: 0px; min-width: 229px; overflow-y: auto; z-index: 41; background: #333; color: #fff; -webkit-box-shadow: inset 0 0 5px 5px #222; -moz-box-shadow: inset 0 0 5px 5px #222; box-shadow: inset 0 0 5px 5px #222; } .nav-sidr .block { padding: 11px 15px; font-size: 15px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #4d4d4d; text-transform: uppercase; font-weight: bold; clear: both; overflow: hidden; } .nav-sidr .block a { color: #fff; } .nav-sidr .block .login + .register { margin-left: 15px; } .nav-sidr .block.indent { padding-left: 39px; } .nav-sidr .block .bt svg { width: 11px; height: 11px; margin-right: 10px; position: relative; top: -7px; } .nav-sidr .block .bt svg * { fill: #fff; } .nav-sidr .block .bt span { max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .nav-sidr .block .lang svg { width: 18px; height: 18px; margin-right: 4px; top: 4px; position: relative; } .nav-sidr .block .lang svg * { fill: #fff; } .nav-sidr .block li { float: left; } .nav-sidr .block li svg { width: 18px; height: 18px; } .nav-sidr .block li svg * { fill: #fff; } .nav-sidr .block li + li { margin-left: 20px; } .nav-sidr .block .search { float: left; margin-right: 15px; margin-top: 2px; } .nav-sidr .block .search svg { width: 20px; height: 20px; } .nav-sidr .block .search svg * { fill: #fff; } .nav-sidr .block .social { float: left; } .nav-sidr .block .social li { margin-left: 10px; float: left; } .nav-sidr .block .social li a { background-color: #fff; text-align: center; width: 24px; height: 24px; display: block; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } .nav-sidr .block .social li a svg { height: 12px; width: 12px; position: relative; top: 0px; } .nav-sidr .block .social li a svg * { fill: #000; } .nav-sidr .block .social li a:hover { background-color: #44600b; } .nav-sidr .block .social li a:hover svg * { fill: #fff; } .nav-sidr .block ul { padding-left: 39px; padding-top: 8px; } .nav-sidr .block ul li { float: none; } .nav-sidr .block ul li + li { margin-left: 0px; } @media all and (max-width: 1251px) { header .pill { height: 97px; } header .pill .logo svg, header .pill .logo img { width: 60px; height: 60px; margin-top: 18.5px; } header .pill .logo-rfet svg, header .pill .logo-rfet img { width: 96px; height: 60px; margin-top: 18.5px; } header .pill .logo-atp { margin-left: 13px; } header .pill .logo-atp svg, header .pill .logo-atp img { width: 64px; height: 30px; margin-top: 33.5px; } header .pill .nav { width: calc(100% - 100px * 2); margin-left: 10px; margin-right: 10px; } header .pill .nav nav ul.dynamic ul.primary { padding-top: 65px; } header .pill .nav nav ul.dynamic ul.primary li { margin: 0 7px; font-size: 14px; } header .pill .nav nav ul.fixed { margin-left: calc((1002px / 2) - 140px); top: 22px; } header .pill .nav nav ul.fixed li { width: 140px; } header .pill .nav { margin: 0 !important; } header .pill .nav nav ul.dynamic ul a { font-size: 12px; } header .pill .nav nav ul.dynamic ul.primary > li > .submenu { top: 20.7px; } } @media all and (max-width: 1025px) { header { height: 82px; } header.page-with-tickets { height: 112px; /*.top { display: none; }*/ } header .pill { height: 82px; position: fixed; top: 0px; left: auto; width: 100%; z-index: 30; } header .pill .nav { width: calc(100% - 55px); height: 82px; z-index: 3; } header .pill .nav nav ul.dynamic { display: none; } header .pill .nav nav ul.fixed { top: 52px; width: 100%; left: 0; margin: 0; border-radius: 0; height: 30px; z-index: 4; } header .pill .nav nav ul.fixed li { width: 100%; text-align: center; } header .pill .nav nav ul.fixed li a { line-height: 30px; font-size: 12px; margin-top: 0px; } header .pill .nav nav ul.fixed li a:before { width: 16px; height: 16px; top: 4px; } header .pill .logos { position: absolute; z-index: 1; width: 95px; margin-left: -47.5px; left: 50%; } header .pill .logo { width: 34px; } header .pill .logo svg, header .pill .logo img { height: 34px; width: 34px; margin-top: 8px; margin-left: auto; margin-right: auto; } header .pill .logo-atp { margin-top: 29px; margin-left: 10px; } header .pill .logo-atp svg, header .pill .logo-atp img { height: 24px; width: 51px; margin-top: 0px; } header .pill .logo-rfet { width: 48px; position: relative; z-index: 1; margin-top: 0 -56px; } header .pill .logo-rfet svg, header .pill .logo-rfet img { height: 30px; width: 48px; margin-top: 0px; } header .pill .toggle-menu { display: block; float: left; margin-top: 20px; position: relative; z-index: 2; } header .pill .toggle-menu span { width: 20px; height: 2px; background-color: #44600b; margin: 3px 0; border-radius: 2px; transition: 0.4s; display: block; } header .pill .toggle-menu span:first-of-type { margin-top: 0px; } header .pill .toggle-menu span:last-of-type { margin-bottom: 0px; } header .pill .toggle-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 5px; left: 0px; } header .pill .toggle-menu.open span:nth-child(2) { opacity: 0; } header .pill .toggle-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; bottom: 1px; right: 0px; } header .pill .login-mobile, header .pill .search-mobile { display: block; float: right; } header .pill .search-mobile { margin-top: 16px; margin-right: 15px; } header .pill .search-mobile > div, header .pill .search-mobile a { display: block; } header .pill .search-mobile > div img, header .pill .search-mobile a img, header .pill .search-mobile > div svg, header .pill .search-mobile a svg { pointer-events: none; width: 15px; height: 15px; } header .pill .login-mobile { margin-top: 12px; margin-right: 15px; } header .pill .login-mobile a { display: block; } header .pill .login-mobile a img { width: 20px; } header:not(.page-with-tickets) .pill { border: 0; } body.sidr { position: absolute; left: -229px; overflow: hidden; top: auto; } body.sidr .nav-sidr { display: block; } } @media all and (max-width: 769px) { header .pill .nav { height: auto; } } @media all and (max-width: 480px) { } .social-media:after { content: ""; display: block; height: 44px; } .social-media .wrapper { border-top: 10px solid #44600b; padding-top: 10px; } .social-media .timeline { clear: both; overflow: hidden; width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; } .social-media .timeline .timeline-col { float: left; margin: 0 5px; min-height: 302px; } .social-media .timeline .timeline-tw { width: 302px; } .social-media .timeline .timeline-tw iframe { border: 1px solid #e9ebee !important; } .social-media .timeline .timeline-fb { width: 302px; float: right; } .social-media .timeline .timeline-ig { width: calc(100% - (302px + 10px) - (302px + 10px) - 10px); /*height: 481px;*/ border: 1px solid #e9ebee; } .social-media .timeline .timeline-ig .timeline-ig-header { border-bottom: 1px solid #e9ebee; height: 68px; padding: 10px; clear: both; overflow: hidden; } .social-media .timeline .timeline-ig .timeline-ig-header a { float: left; line-height: 43px; color: #000; } .social-media .timeline .timeline-ig .timeline-ig-header a:hover { color: #44600b; } .social-media .timeline .timeline-ig .timeline-ig-header a + a { margin-left: 10px; } .social-media .timeline .timeline-ig .timeline-ig-header svg { width: 47px; height: 47px; } .social-media .timeline .timeline-ig .timeline-ig-header svg * { fill: #44600b; } .social-media .timeline .timeline-ig .timeline-ig-items { padding: 11px 10px; overflow-y: auto; height: calc(100% - 68px); } .social-media .timeline .timeline-ig .items { overflow: hidden; clear: both; width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; } .social-media .timeline .timeline-ig .items .item { width: calc(33.333333% - 10px); float: left; margin: 0px 5px 10px 5px; } .social-media .timeline .timeline-ig .items .item img { display: block; width: 100%; } footer { background-color: #44600b; color: #fff; font-size: 16px; line-height: 34px; overflow: hidden; } footer div.hr { width: 100%; height: 1px; background-color: #e9ebee; } footer:before { content: ""; display: block; height: 60px; background-color: #fff; } footer .sponsors { background-color: #44600b; color: #fff; text-align: center; padding: 0 0 22px 0; } footer .sponsors span { display: block; font-weight: 600; } footer .sponsors .line { padding-top: 38px; } footer .sponsors .line:after { content: ""; display: block; height: 10px; } footer .sponsors .line.pw_partners_main_sponsors .break { flex-basis: 100%; } footer .sponsors .line.pw_partners_main_sponsors img { max-width: 164px; max-height: 82px; } footer .sponsors .line.pw_partners_main_sponsors img.sp { max-width: 300px; max-height: 150px; } footer .sponsors .line.pw_partners_fih_sponsors img { max-width: 126px; max-height: 63px; } footer .sponsors .line.pw_partners_institutional_sponsors img { max-width: 100px; max-height: 50px; } footer .sponsors .flex { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } footer .sponsors .flex a { margin: 9px 25px; } footer .links { text-align: left; border-top: 2px solid #fff; padding-top: 32px; padding-bottom: 34px; } footer .links .flex { display: flex; flex-flow: row wrap; justify-content: center; width: calc(100% + 44px) !important; margin-left: -22px; margin-right: -22px; margin-top: 10px !important; } footer .links .flex li { margin-left: 22px; margin-right: 22px; margin-top: 9px; } footer .links a { color: #fff; } footer .links span { text-transform: uppercase; color: #44600b; font-size: 18px; } footer .links ul { margin-top: 19px; margin-right: 30px; width: 100%; } footer .links ul:last-child { margin-right: 0px; } footer .links ul li { line-height: 24px; } footer .terms { text-align: center; color: #fff; background-color: #000; border-top: 1px solid #fff; padding: 19px 0 31px 0; } footer .terms a { line-height: 24px !important; color: #44600b; display: inline-block; white-space: nowrap; margin: 0 11px; } footer .terms p { line-height: 24px; padding-top: 19px; } footer .terms p a { font-weight: normal; } footer .terms span { margin-top: 2px; display: block; } footer .terms .powered-design { line-height: 24px; } footer .terms .powered-design a { margin: 0; } footer a:hover { color: #fff !important; } footer .social { display: flex; justify-content: center; margin-bottom: 34px; } footer .social li + li { margin-left: 15px !important; } footer .social a { display: block; width: 30px; height: 30px; line-height: 30px; background-color: #44600b; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; text-align: center; } footer .social a:hover { background-color: #000; } footer .social a svg { position: relative; top: 2px; max-width: 16px; max-height: 16px; } footer .social a svg * { fill: #44600b; } @media all and (max-width: 1251px) { footer .links ul { margin-right: 20px; } footer .links ul li + li { margin-left: 25px; } .social-media .timeline .timeline-ig .items .item { width: calc(50% - 10px); } } @media all and (max-width: 1025px) { footer .links { text-align: center; } .social-media .timeline .timeline-tw { margin-left: 52px; margin-bottom: 10px; } .social-media .timeline .timeline-fb { margin-right: 52px; margin-bottom: 10px; } .social-media .timeline .timeline-ig { /*height: 506px;*/ width: 652px; margin-left: auto; margin-right: auto; float: none; clear: both; } .social-media .timeline .timeline-ig .items .item { width: calc(33.33333333333% - 10px); } } @media all and (max-width: 769px) { footer .links { width: 100%; margin-left: 0; margin-right: 0; } footer .links .flex { flex-direction: column; justify-content: center; } footer .links .flex li { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; } .social-media .timeline .timeline-tw { margin-left: 5px; margin-bottom: 5px; } .social-media .timeline .timeline-fb { margin-right: 5px; margin-bottom: 5px; } .social-media .timeline .timeline-ig { width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; } } @media all and (max-width: 633px) { .social-media .timeline .timeline-col { float: none; clear: both; margin-right: auto !important; margin-left: auto !important; width: 300px !important; } .social-media .timeline .timeline-ig { margin-top: 10px; } .social-media .timeline .timeline-ig .items .item { width: calc(50% - 10px); } } .general-content { overflow: hidden; padding: 0px !important; } .general-content .contenidos-seo { padding-bottom: 60px; } .general-content .contenidos-seo .contenidos-seo-header { padding-top: 50px; } .general-content .contenidos-seo .contenidos-seo-header .section-title { text-transform: none; color: #44600b; padding-bottom: 10px; margin: 0px; } .general-content .contenidos-seo .contenidos-seo-header .section-subtitle { text-align: center; font-size: 21px; font-weight: 400; margin: 0px; } .general-content .contenidos-seo .contenidos-seo-content { padding-top: 60px; } .general-content .contenidos-seo .contenidos-seo-content p { padding-bottom: 30px; } .general-content .contenidos-seo .contenidos-seo-content p:last-child { padding-bottom: 0; } .general-content .contenidos-seo .contenidos-seo-gallery { display: flex; gap: 15px; padding-top: 60px; } .general-content .contenidos-seo .contenidos-seo-gallery a { display: inline-block; } .general-content .contenidos-seo .contenidos-seo-gallery a img { width: 100%; height: 100%; object-fit: cover; } .general-content .contenidos-seo .contenidos-seo-enlace { text-align: center; padding-top: 60px; } .general-content .contenidos-seo .contenidos-seo-enlace a.contenido-enlace { background-color: var(--valldaura); line-height: 20px; padding: 17px 45px; border-radius: 100px; color: #fff; display: inline-block; text-align: center; } .general-content .contenidos-seo .contenidos-seo-enlace a.contenido-enlace:hover { background-color: #000; } .general-content .contenidos-seo .contenidos-seo-enlace { padding-bottom: 0; } .general-content .contenidos-seo-white + .contenidos-seo-white .contenidos-seo-header { padding-top: 0px; } .home { overflow: hidden; } .home.section { padding-top: 0; } .home .calendar { background-color: #44600b; } .home .calendar .bx-viewport { background-color: #44600b !important; } .home .calendar .carrousel { position: relative; padding: 0 66px; } .home .calendar .carrousel .items .item { color: #fff; width: 221px; float: left; height: 173px; padding-top: 17px; text-align: center; } .home .calendar .carrousel .items .item + .item { border-left: 1px solid #ccc; } .home .calendar .carrousel .items .item .goto { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; } .home .calendar .carrousel .items .item .date { font-size: 16px; font-weight: 500; line-height: 19px; color: #44600b; } .home .calendar .carrousel .items .item .game { font-size: 16px; line-height: 22px; display: block; margin-top: 11px; padding: 0 4px; } .home .calendar .carrousel .items .item .game b, .home .calendar .carrousel .items .item .game strong { font-size: 20px; text-transform: uppercase; } .home .calendar .carrousel .items .item .game b.noteam, .home .calendar .carrousel .items .item .game strong.noteam { font-size: 14.5px; text-transform: none; } .home .calendar .carrousel .items .item .place { display: block; font-size: 15px; line-height: 20px; padding: 0 4px; } .home .calendar .carrousel .items .item .tickets { background-color: #44600b; color: #fff; /*min-width: 110px;*/ padding: 2px 15px 3px 15px; font-size: 14px; border-radius: 6px; display: inline-block; font-weight: 500; margin-top: 14px; position: relative; z-index: 2; } .home .calendar .carrousel .items .item .tickets.passed { background-color: #999; } .home .calendar .carrousel .items .item .tickets.live { background-color: #390; } .home .calendar .carrousel .items .item .tickets:hover { background-color: #000 !important; } .home .calendar .carrousel .arrow { position: absolute; top: 73px; width: 15px; height: 27px; left: 0px; } .home .calendar .carrousel .arrow.next { left: auto; right: 0px; } .home .calendar .carrousel .arrow.prev { transform: rotate(180deg); } .home .calendar .carrousel .arrow svg { width: 100%; height: 100%; } .home .calendar .carrousel .arrow svg * { fill: #fff; } .home .calendar .carrousel .arrow:hover svg * { fill: #44600b; } .home .calendar-pill { color: #000; text-transform: uppercase; font-size: 13px; text-align: center; font-weight: 700; border-top: 1px solid #fff; } .home .calendar-pill a { color: inherit; font-weight: 500; } .home .calendar-pill a:hover { color: #44600b; } .home .calendar-pill .links { line-height: 33px; background-color: #c7c7c7; width: 100%; width: 664px; margin: 0 auto; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .home .calendar-pill .links span { display: inline-block; margin: 0 3px; font-size: 12px; position: relative; top: -1px; } .home .calendar-pill.close { border-top: 1px solid #44600b; } .home .featured { margin-top: 20px; background-color: #000; position: relative; overflow: hidden; /*max-height: 699px;*/ margin-bottom: 10px; max-height: 933px; } .home .featured:before { z-index: 2; content: ""; display: block; position: absolute; width: 616px; height: 100%; top: 0px; left: 50%; margin-left: -700px; background: url(../img/degradee.png) repeat-y 0 0; } .home .featured img { width: 100%; z-index: 1; position: relative; max-width: 1400px; left: 50%; transform: translate(-50%, 0%); } .home .featured .news { position: absolute; z-index: 4; height: 100%; width: 1238px; left: 50%; top: 0px; margin-left: -619px; } .home .featured .news .content { position: absolute; left: 0; top: 0; width: 620px; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; } .home .featured .news .content h3 { font-size: 80px; line-height: 72px; text-transform: uppercase; font-family: "Lato", sans-serif; } .home .featured .news .content h3 a { font-family: inherit; color: inherit; } .home .featured .news .content h3 a:hover { color: #999; } .home .featured .news .content .date { display: block; font-size: 20px; margin-top: 7px; } .home .featured .news .content .subtitle { font-size: 24px; line-height: 30px; margin-top: 26px; } .home .featured .news .content .more { display: block; text-transform: uppercase; font-size: 18px; font-weight: bold; margin-top: 20px; margin-bottom: 5px; } .home .featured .news .content .more a:hover { color: #999; } .home .advertising:before { content: ""; display: block; height: 20px; } .home .advertising img { border: 1px solid #ccc; display: block; width: 100%; } .home .advertising .adv-mb { display: none; } .home .cell { float: left; border: 1px solid #ccc; box-sizing: border-box; margin: 0 5px 10px 5px; z-index: 1; } .home .cell figure { position: relative; z-index: 0; height: 201px; overflow: hidden; border-bottom: 1px solid #ccc; } .home .cell figure img { display: block; margin: 0 auto; height: 100%; width: auto; position: absolute; left: 50%; transform: translate(-50%, 0%); } .home .cell figure .play { z-index: 2; position: absolute; top: 19px; left: 19px; width: 40px; height: 40px; } .home .cell figure .play svg { width: auto; height: 100%; } .home .cell .info { background-color: #fff; color: #000; z-index: 2; padding: 14px 19px 13px 19px; height: 123px; position: relative; } .home .cell .info h4 { color: #fff; background-color: #44600b; text-transform: uppercase; font-size: 18px; border-top-right-radius: 6px; position: absolute; left: 0px; height: 32px; line-height: 32px; margin-top: -46px; padding: 0 18px; font-family: "Lato", sans-serif; } .home .cell .info h3, .home .cell .info .mosaic-title { color: #44600b; font-size: 18px; line-height: 24px; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 6px; margin-top: -4px; font-family: "Lato", sans-serif; } .home .cell .info h3 a, .home .cell .info .mosaic-title a { font-family: inherit; color: #44600b; } .home .cell .info h3 a:hover, .home .cell .info .mosaic-title a:hover { color: #000 !important; } .home .cell .info .date { display: block; } .home .cell .info div { font-size: 18px; line-height: 24px; margin-top: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .home .cell .info .more { display: block; text-transform: unset; font-size: 16px; line-height: 18px; font-weight: 500; margin-top: 16px; } .home .cell .info .more a:hover { color: #000 !important; } .home .cell.cell-width-block { width: calc(25% - 10px); } .home .cell.cell-width-double { width: calc((100% / 3) - 10px); } .home .cell.cell-width-double figure { height: 270px; } @media all and (max-width: 1251px) { .home .cell.cell-width-double figure { height: 218px; } } @media all and (max-width: 1025px) { .home .cell.cell-width-double { width: calc((100% / 2) - 10px); } .home .cell.cell-width-double figure { height: 245px; } } .home .cell.cell-width-mini { width: 302px; } .home .cell.cell-video .info { background-color: #fff; color: #000; } .home .cell.cell-video .info h3 { font-family: "Lato", sans-serif; font-family: inherit; } .home .cell.cell-video .info h3 a { color: #000; } .home .cell.cell-publi img { display: block; width: 100%; } .home .cell.cell-banner img { display: block; width: 100%; } .home .cell.cell-width-big { margin-left: 10px; width: 614px; } .home .cell.cell-width-big figure { height: 408px; } .home .cell.cell-width-big figure .play { width: 64px; height: 64px; } .home .cell.cell-width-big .info { padding-top: 17px; height: 252px; } .home .cell.cell-width-big .info h4 { margin-top: -49px; font-family: "Lato", sans-serif; } .home .cell.cell-width-big .info h3 { color: #44600b; font-size: 24px; line-height: 32px; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 0px; font-family: "Lato", sans-serif; } .home .cell.cell-width-big .info h3 a { font-family: inherit; } .home .cell.cell-width-big .info .date { margin-top: 3px; } .home .main { padding-top: 10px; clear: both; overflow: hidden; } .home .main:before { content: ""; display: block; height: 10px; } .home .main .col-results { float: left; width: 302px; } .home .main .col-results .standings .title { display: block; text-transform: unset; color: #fff; background-color: #44600b; border: 1px solid #44600b; text-align: center; font-weight: 500; margin-top: 0px; margin-bottom: 4px; font-size: 18px; line-height: 26px; padding: 10px 20px; } .home .main .col-results .standings .standings-block { padding: 15px 20px; border-bottom: 1px solid #ccc; } .home .main .col-results .standings .standings-block__title { font-size: 16px; line-height: 1.5; font-weight: 500; text-align: center; } .home .main .col-results .standings-list { margin-top: 11px; } .home .main .col-results .standings-list__row + div { margin-top: 11px; } .home .main .col-results .standings-team__flag img, .home .main .col-results .standings-team__flag svg { max-width: 37px; max-height: 23px; margin-right: 10px; border: 1px solid #ccc; } .home .main .col-results .standings-team__name { font-size: 16px; line-height: 1.5; } .home .main .col-results .standings ul { margin-top: 4px; overflow-y: auto; border: 1px solid #ccc; height: 592px; overflow-y: scroll; } .home .main .col-results .standings ul li:last-of-type .standings-block { border-bottom: none; } .home .main .col-results .standings:only-child { margin-top: 0px; } .home .main .col-results .next-race + .standings ul { height: 419px; } .home .main .col-news { float: right; width: 312px; margin-left: -5px; margin-right: -5px; } .home .mosaic { padding-top: 0px; } .home .mosaic .header-mosaic { text-align: center; margin-bottom: 60px; font-family: "Lato", sans-serif; padding-top: 50px; } .home .mosaic .header-mosaic h2.section-title { color: #44600b; margin-bottom: 10px; text-transform: capitalize; } .home .mosaic .header-mosaic h3.section-subtitle { font-size: 21px; font-weight: 400; } .home .mosaic .grid { width: calc(100% + 10px); margin-left: -5px; } .home .live-results-banner { border-color: #390; margin: 0 auto -10px auto; max-width: 664px; border-radius: 6px; padding: 14px 10px 9px 10px !important; line-height: 20px !important; } .home .live-results-banner span { font-size: 18px !important; top: -5px !important; position: relative; } .home .live-results-banner i { width: 20px; height: 20px; margin-left: 7px; } .home .live-results-banner i:before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #390; top: -5px; } .home .live-results-banner:hover i:before { border-left-color: #fff; } .home-video { padding-top: 20px; } .home-video .wrapper { border: 1px solid #ccc; } .home-video iframe { display: block; } @media all and (max-width: 1251px) { .home .calendar .carrousel { padding-left: 58px; padding-right: 58px; } .home .calendar-pill .links { width: 443px; } .home .cell figure { height: 161px; } .home .cell.cell-width-big { width: 477px; } .home .cell.cell-width-big figure { height: 328px; } .home .cell.cell-width-mini { width: 243px; } .home .main .col-results { width: 262px; } .home .main .col-results .next-race .countdown { width: 240px; } .home .main .col-results .next-race .countdown div { margin-left: 5px; margin-right: 5px; } .home .main .col-news { width: 253px; } .home .featured:before { margin-left: 0px; left: 0px; } .home .featured .news { width: calc(100% - 20px); left: 10px; margin-left: 0px; } .home .live-results-banner { max-width: 443px; } } @media all and (max-width: 1025px) { .home .calendar .carrousel { padding-left: 41px; padding-right: 41px; } .home .calendar-pill .links { width: 664px; } .home .featured { max-height: none; } .home .featured:after, .home .featured:before { display: none; } .home .featured img { position: static; left: auto; transform: none; } .home .featured .news { height: auto; width: auto; position: static; } .home .featured .news .content { position: static; width: 100%; display: block; padding-top: 30px; padding-bottom: 30px !important; } .home .featured .news .content h3 { font-size: 34px; line-height: 38px; } .home .featured .news .content .date { margin-top: 10px; } .home .featured .news .content .subtitle { font-size: 20px; line-height: 26px; } .home .cell.cell-width-big { width: 474px; margin-right: 0px; } .home .cell.cell-width-mini { width: calc(50% - 5px); margin-left: 10px; margin-right: 0px; } .home .cell.cell-width-mini figure { height: 244px; } .home .cell.cell-width-mini:first-of-type { margin-left: 0px; } .home .cell.cell-width-block { width: calc(50% - 10px); } .home .cell.cell-width-block figure { height: 244px; } .home .cell.cell-video figure { background-color: #000; } .home .main .col-news { width: 100%; margin-left: 0px; margin-right: 0px; } .home .live-results-banner { max-width: 664px; } .home .advertising .adv-mb { display: block; } .home .advertising .adv-pc { display: none; } } @media all and (max-width: 769px) { .home .calendar { margin-top: 0px; } .home .calendar .carrousel { padding-left: 29px !important; padding-right: 29px !important; max-width: 722px !important; } .home .calendar .carrousel .arrow.prev { left: 5px; } .home .calendar .carrousel .arrow.next { right: 5px; } .home .calendar-pill .links { width: calc(100% - 58px); } .home .cell.cell-width-big { width: calc(100% - 262px - 10px); } .home .cell.cell-width-big .info h3 { font-size: 18px; line-height: 24px; } .home .cell.cell-width-big .info .more { display: none; } .home .live-results-banner { width: calc(100% - 58px); max-width: 100%; } .home .calendar-home { background-color: #fff; width: 100%; position: static; } .home .calendar-home.fixed { position: fixed; z-index: 50; left: 0px; } .home .calendar-home.fixed .live-results-banner { width: calc(100% - 20px); margin-bottom: 10px; } } @media all and (max-width: 580px) { .general-content .contenidos-seo .contenidos-seo-gallery { flex-direction: column; } } @media all and (max-width: 553px) { .home .main .col-results { width: 100%; } .home .main .col-results .standings ul li .longname { display: inline-block; } .home .main .col-results .standings ul li .shortname { display: none; } .home .main .col-results .standings ul li .rider .pts { right: auto; left: 52px; } .home .cell { margin-left: auto !important; margin-right: auto !important; width: 100% !important; } .home .cell figure { height: auto !important; } .home .cell figure img { position: relative; width: 100%; height: auto; left: 0px; transform: none; z-index: 0; transform: none; } .home .cell .info { height: auto !important; padding-bottom: 17px !important; } .home .cell .info h3 { margin-top: 0px !important; } .home .cell .info div { display: none; } .home .cell .info .more { display: none; } .home .cell.cell-width-big { margin-top: 10px; } .home .cell.cell-banner { text-align: center; border: 0 none; } .home .cell.cell-banner img { max-width: 366px; margin: 0 auto; display: block; border: 1px solid #ccc; } .home .cell.cell-video figure img { height: 100%; width: auto; } .home .mosaic { border-top: 0 none; padding-top: 0px; } .home .mosaic .grid { width: 100%; margin-left: 0px; } } @media all and (max-width: 480px) { .home .featured .news .content { padding-top: 16px !important; padding-bottom: 16px !important; } .home .featured .news .content h3 { font-size: 28px !important; line-height: 32px !important; } .home .featured .news .content .date { font-size: 16px !important; } .home .featured .news .content .subtitle { font-size: 16px !important; line-height: 22px !important; margin-top: 12px !important; } .home .featured .news .content .more { font-size: 14px !important; margin-top: 7px !important; } } .general-content .contenidos-seo .contenidos-seo-content h3 { font-size: 20px; padding-bottom: 11px; } .form-note { font-style: italic; font-size: 12px; line-height: 16px; padding: 0 0 11px 0; } .form .mandatory { color: #44600b; } .form label { display: block; padding-bottom: 2px; } .form fieldset { clear: both; overflow: hidden; padding: 6px 0; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .form fieldset .col { float: left; width: calc(50% - 20px); margin: 0 10px; } .form fieldset .col:only-child { width: calc(100% - 20px); } .form fieldset .select-text { border: 1px solid #ccc; height: 32px; padding: 0 8px; width: 100%; outline: 0; font-size: 14px; color: #333; line-height: 100%; } .form fieldset .select-text.error { background-color: #fff2f5 !important; } .form fieldset .input-text { border: 1px solid #ccc; height: 32px; padding: 0 8px; width: 100%; outline: 0; font-size: 14px; color: #333; line-height: 100%; } .form fieldset .input-text.error { background-color: #fff2f5 !important; } .form fieldset .multiupload { width: 100%; border: 1px solid #ccc; line-height: 32px; height: 32px; padding: 0 4px; } .form fieldset .multiupload.error { background-color: #fff2f5 !important; } .form fieldset .multiupload-block { position: relative; margin-bottom: 2px; } .form fieldset .multiupload-block .multiupload { visibility: hidden; } .form fieldset .multiupload-block .multiupload-file { width: 100%; border: 1px solid #ccc; line-height: 32px; font-size: 12px; position: absolute; top: 0px; left: 0px; padding: 0 8px; color: #44600b; cursor: pointer; } .form fieldset .multiupload-block .message { color: #008000 !important; font-weight: bold; text-align: right; position: absolute; right: 8px; top: 0px; } .form fieldset .textarea { resize: none; border: 1px solid #ccc; height: 132px; padding: 6px 8px; width: 100%; outline: 0; font-size: 14px; color: #333; line-height: 24px; } .form fieldset .textarea.error { background-color: #fff2f5 !important; } .form fieldset .radio-type, .form fieldset .checkbox-type { margin: 0 8px 0 2px; } .form fieldset .radio-group label { cursor: pointer; } .form fieldset .errors { display: none; color: #f00; font-size: 11px; line-height: 14px; padding-top: 2px; } .form fieldset .info { color: #999; font-size: 11px; line-height: 14px; padding-top: 2px; font-style: italic; } .form fieldset .styled-select { background-color: #fff; border: 1px solid #ccc; width: 100%; height: 32px; } .form fieldset .styled-select select.error { background-color: #fff2f5 !important; } .form fieldset.wide-content { width: 100%; margin-left: 0px; margin-right: 0px; font-size: 10px; line-height: 16px; } .form fieldset.wide-content .radio-type, .form fieldset.wide-content .checkbox-type { position: relative; top: 2px; margin-right: 4px; margin-left: 0px; } .form fieldset.wide-content label { margin-top: 5px; } .form fieldset.wide-content p { font-size: inherit; line-height: inherit; padding: inherit; margin: inherit; } .form fieldset + fieldset { margin-top: 12px; } .form .alert { padding: 10px; margin-bottom: 12px; margin-top: 13px; border: 1px solid #ccc; border-radius: 4px; background-color: #ededed; color: #666; } .form .alert:first-of-type { margin-top: 3px; } .form .alert.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .form .alert.alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .form .alert.alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .form .alert.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .form .alert a { font-weight: bold; color: inherit; } .form .alert a:hover { text-decoration: underline; } .form h6 + fieldset { margin-top: 12px; } .form fieldset + h6 { margin-top: 16px; } .form .submit { text-transform: uppercase; display: inline-block; text-align: center; margin: 0 auto; min-width: 154px; line-height: 44px; height: 44px; padding: 0 20px; color: #fff; background-color: #44600b; border-radius: 5px; font-size: 18px; font-weight: bold; cursor: pointer; font-family: "Lato", sans-serif; } .form .submit:hover { background-color: #000; } .form .form-reservas-info-reserva { width: 100%; padding: 15px 20px; border: 1px solid #ccc; margin: 20px 0; } .form .inside-body-title { padding-bottom: 20px; } .form .reservas-note { margin-top: 40px; } .form .form-text-pre-fields { font-size: 12px; margin-bottom: 12px; } .form-alert { text-align: center; padding-top: 17px; padding-bottom: 17px; } .form-alert .buttons { padding-top: 8px; } .form-login { padding-top: 17px; padding-bottom: 10px; max-width: 500px; margin: 0 auto; } .form-login .note { text-align: center; padding: 6px 0; } .form-login .remember { text-align: center; } .form-login .remember hr { height: 1px; background-color: #ccc; margin: 15px auto 11px auto; max-width: 50%; } .form-login .remember hr + a { font-size: 12px; } .form-login .buttons { padding-top: 8px; text-align: center; } .pass-form { padding: 4px 0 40px 0; margin: 0 auto; max-width: 564px; } .pass-form-note { padding-bottom: 16px; color: #44600b; } .pass-form fieldset { margin-left: auto; margin-right: auto; width: 100%; } .pass-form fieldset .col { margin: 0px !important; width: 100% !important; } .pass-form .buttons { padding-top: 18px; text-align: center; } .pass-form .representante-block { background-color: #efefef; padding: 6px 10px; margin: 14px 0; } .pass-form .representante-block + .representante-block { margin-top: -14px; padding-bottom: 10px; } .inside-body .pass-form { max-width: none; border: 10px solid #ededed; padding: 10px; margin: 21px 0; } @media all and (max-width: 769px) { .inside-body .pass-form { padding: 21px 0px; border-left: 0px; border-right: 0px; } } .form-accreditation { max-width: 320px; } .form-accreditation-list { margin: 15px auto 11px auto; border: 1px solid #ccc; border-radius: 5px; padding-left: 15px; padding-right: 15px; } .form-accreditation-list fieldset:first-of-type { padding-top: 11px; } .form-accreditation-list fieldset:last-of-type { padding-bottom: 11px; } .form-accreditation-list fieldset label { cursor: pointer; } .form-accreditation-close { border-top: 1px solid #ccc; padding: 16px 0; text-align: center; margin-top: 16px; } .form-accreditation .buttons { padding-left: 10px; padding-right: 10px; } .form-accreditation .buttons .submit { width: 100%; } #policy-form { max-height: calc(100vh - 220px); overflow-y: auto; margin-top: 11px; } #policy-form h2 { text-transform: uppercase; } #policy-form p { line-height: 20px; font-size: 13px; padding: 12px 0 12px 0; } #policy-form p:first-child { padding-top: 0px; } #policy-form p:last-child { margin-bottom: 40px; } #policy-form ul { line-height: 20px; font-size: 13px; padding: 12px 0 6px 0; } #policy-form ul:first-child { padding-top: 0px; } #policy-form ul li { padding-bottom: 6px; padding-left: 15px; position: relative; } #policy-form ul li:before { content: ""; float: left; background-color: #44600b; width: 5px; height: 5px; position: absolute; left: 0px; top: 10px; border-radius: 3px; } #policy-form ul:last-child { margin-bottom: 40px; } .multiupload-documents .item { background-color: #eeeef1; margin-top: 4px; padding: 4px 8px; font-size: 12px; clear: both; overflow: hidden; } .multiupload-documents .item:first-child { margin-top: 8px; } .multiupload-documents .item:last-child { margin-bottom: 4px; } .multiupload-documents .item span { float: left; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 100px - 100px); overflow: hidden; } .multiupload-documents .item a { float: left; margin-left: 5px; width: 95px; text-align: center; } .multiupload-documents .item a.delete { color: #c00; } .news-filters { clear: both; overflow: hidden; text-align: center; padding: 5px 0; height: 60px; } .news-filters .news-filters-list { display: inline-block; } .news-filters .news-filters-list .styled-select { float: left; width: 302px; } .news-filters .news-filters-list .styled-select + .styled-select { margin-left: 10px; } @media all and (max-width: 1025px) { .news-filters { height: 36px; margin-top: -20px; } .news-filters .news-filters-list .styled-select { width: 300px; } } .news-list { width: calc(100% + 10px); margin-left: -5px; margin-bottom: 25px; margin-top: 5px; clear: both; overflow: hidden; } .news-list .cell { float: left; border: 1px solid #ccc; box-sizing: border-box; margin: 0 5px 10px 5px; z-index: 1; } .news-list .cell figure { position: relative; z-index: 0; height: 201px; overflow: hidden; border-bottom: 1px solid #ccc; } .news-list .cell figure img { display: block; margin: 0 auto; height: 100%; width: auto; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .news-list .cell .info { background-color: #fff; color: #000; padding: 14px 19px 13px 19px; z-index: 2; height: 133px; } .news-list .cell .info div, .news-list .cell .info .more { display: none; } .news-list .cell .info h3 { font-size: 18px; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #44600b; font-family: "Lato", sans-serif; } .news-list .cell .info h3 a { font-family: inherit; } .news-list .cell .info h3 a:hover { color: #000 !important; } .news-list .cell .info .date { display: block; margin-top: 4px; } .news-list .cell.cell-width-block { width: calc(25% - 10px); } .news-list .cell.cell-width { width: calc(50% - 10px); } .news-list .cell.cell-width .info { height: 272px; } .news-list .cell.cell-width .info div { display: block; font-size: 18px; font-weight: 500; margin: 21px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-list .cell.cell-width .info .more { display: block; font-size: 18px; font-weight: 500; } .news-list .cell.cell-width .info .more a:hover { color: #000; } .news-list .cell.cell-width .info h3 { color: #44600b; font-size: 24px; line-height: 32px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 2px 0 3px 0; font-family: "Lato", sans-serif; } .news-list .cell.cell-width .info h3 a { font-family: inherit; } .news-list .cell.cell-width figure { height: 408px; } .news-filters + .news-list { margin-top: 25px; } @media all and (max-width: 1025px) { .news-list .cell.cell-width-block { width: calc(33.333333333% - 10px); } .news-list .cell.cell-width { width: calc(33.333333333% - 10px); } .news-list .cell.cell-width figure { height: 201px; } .news-list .cell.cell-width .info { height: 133px !important; } .news-list .cell.cell-width .info h3 { font-size: 18px; line-height: 24px; margin: 0; } .news-list .cell.cell-width .info div { display: none; } .news-list .cell.cell-width .info .more { display: none; } } @media all and (max-width: 769px) { .page-news .page-content { max-width: 708px; } .news-list .cell.cell-width-block { width: calc(50% - 10px); } .news-list .cell.cell-width-block figure { height: 228px; } .news-list .cell.cell-width { width: calc(50% - 10px); } .news-list .cell.cell-width figure { height: 228px; } } @media all and (max-width: 514px) { .news-list .cell.cell-width-block { width: calc(100% - 10px); } .news-list .cell.cell-width-block figure { height: auto; } .news-list .cell.cell-width-block figure img { position: static; left: auto; transform: none; -webkit-transform: none; -ms-transform: none; width: 100%; } .news-list .cell.cell-width-block .info { padding-bottom: 34px; height: auto !important; } .news-list .cell.cell-width { width: calc(100% - 10px); } .news-list .cell.cell-width figure { height: auto; } .news-list .cell.cell-width figure img { position: static; left: auto; transform: none; -webkit-transform: none; -ms-transform: none; width: 100%; } .news-list .cell.cell-width .info { padding-bottom: 34px; height: auto !important; } } .page-noticias-detalle .inside h1.title { text-transform: none; } .news-detail .news-detail-editor { margin-left: 43px; float: left; margin-top: -4px; margin-bottom: -4px; } .news-detail .news-detail-editor svg { height: 42px; width: 50px; float: left; } .news-detail .news-detail-editor span { line-height: 42px; float: left; margin-left: 5px; } .news-detail .news-first-line { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 12px 0 30px 0; padding: 10px 10px 20px 10px; clear: both; overflow: hidden; } .news-detail .news-first-line .date { padding-top: 10px; float: left; } .news-detail .news-first-line .date svg { float: left; width: 34px !important; height: 34px !important; margin-right: 15px; } .news-detail .news-first-line .date span { float: left; line-height: 32px; } .news-detail .news-first-line .social { padding-top: 10px; margin-left: 10px; float: right; } .news-detail .news-first-line .social li { width: 34px; height: 34px; float: left; } .news-detail .news-first-line .social li + li { margin-left: 10px; } .news-detail .news-first-line .social li.fb { background-color: #3b5a95; border-radius: 17px; } .news-detail .news-first-line .social li.fb svg { height: 18px; width: 18px; margin-top: 7px; margin-left: 8px; } .news-detail .news-first-line .social li.fb svg * { fill: #fff; } .news-detail .news-first-line .social li.fb:hover { background-color: #000; } .news-detail .news-first-line .social li.tw { background-color: #2fa7cf; border-radius: 17px; } .news-detail .news-first-line .social li.tw svg { height: 18px; width: 18px; margin-top: 8px; margin-left: 8px; } .news-detail .news-first-line .social li.tw svg * { fill: #fff; } .news-detail .news-first-line .social li.tw:hover { background-color: #000; } .news-detail .news-first-line .social li.wa svg { height: 34px; width: 34px; } .news-detail .news-first-line .social li.wa:hover svg * { fill: #000; } .news-detail .news-body { position: relative; } .news-detail .news-body .news-info { width: calc(100% - 342px); } .news-detail .news-body .news-info:only-child { width: 100%; } .news-detail .news-body .news-info .news-photo { border: 1px solid #ccc; margin-bottom: 9px; max-width: 802px; } .news-detail .news-body .news-info .news-photo img { width: 100%; display: block; } .news-detail .news-body .news-detail-subtitle { max-width: 802px; font-family: "Lato", sans-serif; } .news-detail .news-body .news-detail-subtitle b, .news-detail .news-body .news-detail-subtitle strong { font-size: 18.5px; font-family: inherit; } .news-detail .sidebar { width: 302px; } .news-detail .news-body-centered { max-width: 800px; margin: 0 auto; } .news-detail .inside-body-gallery .inside-body-title { text-align: center; text-transform: uppercase; } .news-related { padding: 20px 0; } .news-related h6 { text-align: center; text-transform: uppercase; font-size: 26px; font-weight: bold; line-height: 38px; padding-bottom: 20px; font-family: "Lato", sans-serif; } .news-related .news-list { margin-top: 0px; margin-bottom: 0px; clear: both; overflow: hidden; } .page-news-detail .inside h1.title { text-transform: none; } .page-news-detail .news-related { border-top: 1px solid #ccc; margin-top: 20px; } @media all and (max-width: 1025px) { .news-detail .news-body .news-info { width: 100%; } .news-detail .sidebar { position: static; width: 100%; clear: both; overflow: hidden; padding-top: 12px; } .news-detail .sidebar .item { float: left; width: calc(50% - 5px); } .news-detail .sidebar .item:nth-child(even) { float: right; } .news-detail .news-first-line { padding-left: 0px; padding-right: 0px; font-size: 14px; } .news-detail .news-detail-editor { margin-left: 20px; } } @media all and (max-width: 600px) { .news-detail .sidebar .item { float: none !important; width: 100%; clear: both; overflow: hidden; max-width: 302px; margin-left: auto; margin-right: auto; } .news-detail .inside-body-gallery .items img { width: calc(50% - 10px); } } @media all and (max-width: 769px) { .news-detail .news-first-line .date span { line-height: 24px; } .news-detail .news-first-line .date svg { width: 24px !important; height: 24px !important; margin-right: 10px; } .news-detail .news-first-line .social li { width: 24px; height: 24px; } .news-detail .news-first-line .social li.fb svg { margin-top: 5px; margin-left: 6px; width: 13px !important; height: 13px !important; } .news-detail .news-first-line .social li.tw svg { margin-top: 6px; margin-left: 6px; width: 13px !important; height: 13px !important; } .news-detail .news-first-line .social li.wa svg { width: 24px !important; height: 24px !important; } .news-detail .news-detail-editor svg { height: 30px; width: 30px; } .news-detail .news-detail-editor span { line-height: 30px; } } @media all and (max-width: 550px) { /* @media all and (max-width: 450px){ .news-detail { .inside-body-gallery { .items { img { width: calc(100% - 10px); } } } } } */ .news-detail .news-first-line { margin-top: 0px; padding-top: 11px; padding-bottom: 11px; } .news-detail .news-first-line .date { clear: both; overflow: hidden; float: none; } .news-detail .news-first-line .news-detail-editor { clear: both; overflow: hidden; margin: 6px 0px !important; float: none; } .news-detail .news-first-line .news-detail-editor svg { width: 24px; height: 24px; margin-right: 5px; position: relative; top: 2px; } .news-detail .news-first-line .social { clear: both; overflow: hidden; margin: 0px !important; float: none; } } .page-account .inside-body { padding-top: 18px; } .page-account .inside-body p { text-align: center; } .page-account .inside-body p:last-child { margin-bottom: 0px !important; } .account-gallery .gallery-top .item { margin-bottom: 20px !important; } .account-gallery .gallery-top .items { padding-bottom: 20px !important; padding-top: 10px !important; } .account-gallery .no-gallery { color: #44600b; font-weight: bold; text-align: center; padding-top: 10px; } .account-results { text-align: center; padding-top: 10px; max-width: 640px; margin: 0 auto; } .account-results .item { font-size: 22px; line-height: 28px; font-weight: bold; padding-bottom: 16px; } .account-results .item + .item { border-top: 1px solid #ccc; padding-top: 16px; } .download-hd svg { position: relative; top: 2px; margin-right: 3px; width: 33px !important; height: 22px !important; } .download-hd svg * { fill: #44600b; } .download-hd:hover { color: #000; } .download-hd:hover svg * { fill: #000; } .bx-wrapper { overflow: hidden; border: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; margin-bottom: 0px !important; background-color: #000 !important; color: #fff !important; } .bx-wrapper.one-slide .bx-controls { display: none; } .bx-wrapper .bx-viewport { height: 100% !important; } .bx-wrapper .bx-pager { bottom: 25px !important; } .bx-wrapper .bx-pager a { background-color: #fdfcfc !important; color: #000; } .bx-wrapper .bx-pager a.active { background-color: var(--valldaura) !important; color: #fff; } .bx-wrapper .bx-wrapper video { display: block; max-width: 100%; height: 100%; } .bx-wrapper .bx-prev { left: 100px !important; transform: rotate(180deg); } .bx-wrapper .bx-next { right: 100px !important; } .bx-wrapper .bx-next, .bx-wrapper .bx-prev { color: #fff !important; width: 48px !important; height: 48px !important; background: url(../img/arrow.svg) no-repeat !important; filter: invert(99%) sepia(0%) saturate(2%) hue-rotate(58deg) brightness(105%) contrast(100%); background-size: 48px 48px !important; z-index: 30 !important; } @media all and (max-width: 1025px) { .bx-wrapper .bx-next, .bx-wrapper .bx-prev { width: 30px !important; height: 30px !important; background-size: 30px 30px !important; } } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover { opacity: 0.5; } @media all and (max-width: 1025px) { .bx-wrapper .bx-next, .bx-wrapper .bx-prev { top: calc(100% - 30px) !important; } } #slider .slider-item { text-align: center; position: relative; } #slider .slider-item.slider-item-full-width img, #slider .slider-item.slider-item-full-width video { width: 100%; max-width: 2500px; height: auto; } #slider .slider-item img, #slider .slider-item video { object-fit: cover; margin: auto; height: 800px; object-position: top; } #slider .slider-item .slider-after { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } #slider .content { z-index: 10; text-align: center; width: 100%; } #slider .h1 { font-size: 60px; line-height: 65px; color: #fff !important; text-transform: none; font-family: var(--font-family-secondary); font-weight: 600; margin-bottom: 32px; } @media all and (max-width: 1025px) { #slider .h1 { font-size: 34px; line-height: 38px; } } #slider .h2 { color: #fff; font-family: var(--font-family-secondary); font-weight: 600; font-size: 22px; } #slider .slider-link { margin-top: 60px; background-color: var(--valldaura); line-height: 20px; padding: 17px 45px; border-radius: 100px; color: #fff; display: inline-block; text-align: center; } #slider .slider-link:hover { background-color: #fff; color: var(--valldaura); } #slider .new { position: absolute; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } @media all and (max-width: 1025px) { .bx-wrapper .bx-next { right: 15px !important; } .bx-wrapper .bx-prev { left: 15px !important; } } @media all and (max-width: 769px) { #slider { height: 100%; } #slider .slider-item { height: 100%; } #slider .slider-item img, #slider .slider-item video { height: 100% !important; margin: auto; object-fit: cover; } #slider .slider-link { margin-top: 15px; } #slider .h1 { margin-bottom: 15px; } .bx-wrapper { height: 350px !important; } .bx-wrapper .bx-controls .bx-controls .bx-controls-direction { display: none !important; } .bx-wrapper .bx-next, .bx-wrapper .bx-prev { width: 20px !important; height: 20px !important; background-size: 20px 20px !important; top: calc(100% - 25px) !important; } } .seasons-filters { clear: both; overflow: hidden; text-align: center; padding: 5px 0; height: 160px; } @media all and (max-width: 1251px) { .seasons-filters { height: auto; padding-bottom: 30px; } } .seasons-filters .buttons { margin-bottom: 20px; display: flex; justify-content: center; column-gap: 5px; } .seasons-filters .buttons a.submit { display: flex; align-items: center; justify-content: center; column-gap: 10px; margin: 0; padding: 15px 10px; height: auto; width: 100%; max-width: 290px; line-height: 1; } .seasons-filters .buttons a.submit img { height: 25px; } .seasons-filters .buttons a.submit:hover { color: #fff; } @media all and (max-width: 769px) { .seasons-filters .buttons { flex-direction: column; row-gap: 10px; } .seasons-filters .buttons a.submit { padding: 10px; background-size: 40px; max-width: inherit; justify-content: center; } .seasons-filters .buttons a.submit img { height: 20px; } } #form-seasons { display: flex; align-items: center; justify-content: center; column-gap: 10px; } #form-seasons .search-button { margin: 0; } #form-seasons .search-button:hover { color: #fff; } #form-seasons .styled-select { border-radius: 5px; } @media all and (max-width: 769px) { #form-seasons { row-gap: 10px; flex-direction: column; } #form-seasons .search-button { width: 100%; } #form-seasons .styled-select { width: 100%; } } .submit { text-transform: uppercase; display: inline-block; text-align: center; margin: 0 5px 5px 5px; min-width: 154px; line-height: 54px; height: 54px; padding: 0 20px 0 65px; color: #fff; background-color: #44600b; border-radius: 5px; font-size: 16px; font-weight: bold; cursor: pointer; font-family: "Lato", sans-serif; } @media all and (max-width: 1025px) { .submit { font-size: 14px; } } @media all and (max-width: 769px) { .submit { font-size: 12px; } } .submit:hover, .submit.active { background-color: #000; } .search-button { font-family: "Lato", sans-serif; color: #fff; background-color: #44600b; display: inline-block; text-align: center; padding: 2px 20px; border-radius: 5px; margin-left: 15px; /* Tabla Ultima jornada */ } @media all and (max-width: 769px) { .search-button { display: block; float: none; clear: both; margin-left: 0; } } .search-button:hover { background-color: #000; } .partidos .table-grid { margin-bottom: 0; } .partidos .table-grid.no-resting { margin-bottom: 60px; } .partidos .table-footer { padding-top: 5px; margin-bottom: 55px; } .lb-nav a.lb-prev, .lb-nav a.lb-next { filter: alpha(Opacity=100) !important; opacity: 1 !important; }:root { --reservando: #039fa9; --reservado: #cc0000; --locked: #999; --valldaura: #44600b; --wcag-header: #44600B; --light: #f1f1f1; --font-family-primary: "Lato", sans-serif; } .section-title { font-size: 28px; text-transform: uppercase; font-family: var(--font-family-secondary); font-weight: 600; margin-bottom: 47px; text-align: center; line-height: 1.6; } .format { list-style: none; padding: 0; margin: 0; } .small-container { padding: 0 240px; } .section { padding: 60px 0px; } @media (max-width: 1251px) { .small-container { padding: 0 140px; } .section { padding: 40px 0px; } } @media (max-width: 1025px) { .small-container { padding: 0; } .section { padding: 30px 0px; } .section-title { margin-bottom: 20px; } }.ctas { background: var(--valldaura); border-top: 1px solid #fff; } .ctas .ctas-list { display: flex; flex-wrap: wrap; width: 100%; } .ctas .ctas-list .ctas-list-item { display: flex; justify-content: center; align-items: center; flex-direction: column; flex: 1 1; border-left: 1px solid #fff; padding: 25px 0; text-align: center; } .ctas .ctas-list .ctas-list-item:first-child { border-left: 0; } .ctas .ctas-list .ctas-list-item .ctas-img { height: 40px; filter: contrast(1) invert(1); margin-bottom: 14px; } .ctas .ctas-list .ctas-list-item .ctas-title { color: #fff; text-transform: uppercase; font-size: 20px; margin-bottom: 23px; font-family: var(--font-family-secondary); font-weight: 600; } .ctas .ctas-list .ctas-list-item .ctas-link { display: block; background-color: #fff; color: var(--valldaura); font-size: 14px; padding: 10px 24px; border-radius: 100px; font-weight: 700; } @media (max-width: 1251px) { } @media (max-width: 1025px) { .ctas .ctas-list .ctas-list-item { flex-basis: 50%; border: 0; } .ctas .ctas-list .ctas-list-item:nth-of-type(1), .ctas .ctas-list .ctas-list-item:nth-of-type(2) { border-bottom: 2px solid #fff; } .ctas .ctas-list .ctas-list-item:nth-of-type(1), .ctas .ctas-list .ctas-list-item:nth-of-type(3) { border-right: 2px solid #fff; } } @media (max-width: 769px) { .ctas .wrapper { padding-left: 0 !important; padding-right: 0 !important; } .ctas .ctas-list .ctas-list-item { padding: 15px 0; } .ctas .ctas-list .ctas-list-item .ctas-img { height: 24px; } .ctas .ctas-list .ctas-list-item .ctas-title { font-size: 14px; margin-bottom: 15px; } .ctas .ctas-list .ctas-list-item .ctas-link { padding: 0px 15px; font-size: 10px; } }.about { background-color: var(--light); } .about .about-content p { font-size: 18px; line-height: 30px; font-weight: 400; } .about .about-content, .about .about-title, .about .about-footer { text-align: center; } .about .about-footer { margin-top: 56px; } .about .about-link { background-color: var(--valldaura); line-height: 20px; padding: 17px 45px; border-radius: 100px; color: #fff; display: inline-block; text-align: center; } @media (max-width: 769px) { .about .about-title { margin-bottom: 27px; } .about .about-content p { font-size: 16px; } } .general-content-grid { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 60px; } .content-item { flex: 1 0; } .content-item h3, .content-item h4, .content-item h5, .content-item .title-h3 { font-size: 20px; line-height: 26px; font-weight: 700; margin-bottom: 30px; padding-top: 15px; } .content-item ul { padding-left: 15px; margin-bottom: 15px; list-style: none; } .content-item li { position: relative; line-height: 30px; } .content-item li::before { content: ""; position: absolute; width: 5px; height: 5px; background-color: var(--valldaura); color: var(--valldaura); display: inline-block; left: -15px; top: 13px; } .content-item p { margin-bottom: 15px; } .content-item *:last-child { margin-bottom: 30px; } @media (max-width: 769px) { .content-item { flex-basis: 100%; padding: 0; padding-top: 15px; } .general-content-grid { flex-direction: column; } }.testimonials { overflow: hidden; background-color: var(--light); } .testimonials .testimonial-wrapper { position: relative; } .testimonials .testimonials-list { text-align: center; width: 100%; list-style: none; } .testimonials .testimonials-list .testimonial-item p { font-size: 18px; line-height: 30px; } .testimonials .testimonials-list .testimonial-item .testimonial-name { margin-top: 35px; font-weight: 600; } .testimonials .testimonial-points { margin-top: 121px; } .testimonials .testimonial-points .testimonial-points-list { display: flex; justify-content: center; align-items: center; gap: 8px; } .testimonials .testimonial-points .testimonial-points-list .testimonial-point.active .point { background-color: var(--valldaura); } .testimonials .testimonial-points .testimonial-points-list .testimonial-point .point { width: 10px; height: 10px; border-radius: 100px; background-color: #c1c1c1; cursor: pointer; } /* bxSlider styles */ .testimonials .bx-wrapper, .testimonials .bx-wrapper .bx-viewport { background-color: transparent !important; } .testimonials .bx-wrapper .bx-pager { position: relative !important; padding-top: 121px; } .testimonials .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link { background-color: #c1c1c1 !important; } .testimonials .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active { background-color: var(--valldaura) !important; } @media (max-width: 1025px) { .testimonials .bx-wrapper .bx-pager { padding-top: 60px; } } @media (max-width: 769px) { .testimonials .bx-wrapper .bx-pager { padding-top: 0px; } } /* home section */ .contact { padding-top: 0px; } .contact .wrapper { border-top: 10px solid var(--valldaura); padding-top: 60px; } .contact-wrapper { display: flex; flex-wrap: wrap; text-align: center; justify-content: center; align-items: center; column-gap: 160px; row-gap: 30px; } .contact-col h3, .contact-col p, .contact-col address, .contact-col a { font-size: 18px; line-height: 30px; } .contact-col address { font-style: normal; } .contact-col p a { color: #000; font-weight: 400; } .contact-col p a:hover { text-decoration: underline; } .contact-col .contact-map-link { color: var(--valldaura); font-weight: 700; } /* contact page: form + map & data */ .contact-page { display: flex; column-gap: 38px; padding-bottom: 36px; } .contact-page .form { width: 600px; } .contact-page .form .buttons { text-align: center; } .contact-page .form:only-child { margin: 0 auto; } .contact-data__info + .contact-data__info { padding-top: 18px; } .contact-data .inside-body-title { padding-bottom: 6px; } @media (max-width: 1025px) { .contact-page { column-gap: 22px; } } @media (max-width: 769px) { .contact-page { display: block; } .contact-data + .form { padding-top: 36px; } .contact-page .form { width: 100%; } } .footer { background: #000; } .footer::before { display: none; } /* Social */ .footer .footer-social-list { display: flex; justify-content: center; column-gap: 15px; margin-bottom: 40px; } .footer .footer-social-list .footer-social-item .footer-social-link { display: flex; justify-content: center; align-items: center; height: 100%; width: 30px; height: 30px; background: #fff; border-radius: 50px; } .footer .footer-social-list .footer-social-item .footer-social-link:hover { background: var(--valldaura); } .footer .footer-social-list .footer-social-item .footer-social-link svg { width: 15px; height: 15px; } .footer .footer-social-list .footer-social-item .footer-social-link:hover svg { filter: invert(1); } /* Menu */ .footer-menu-list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 34px; margin-bottom: 40px; } .footer-menu-list .footer-menu-item .footer-menu-link, .footer-terms-list .footer-terms-item .footer-terms-link { color: #fff; } .footer-menu-list .footer-menu-item .footer-menu-link:hover, .footer-terms-list .footer-terms-item .footer-terms-link:hover { text-decoration: underline; } .footer hr { width: 100%; height: 1px; background: #b3b3b3; } /* Terms */ .footer-terms-list { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 20px; margin-top: 30px; text-align: center; } .footer-copy { text-align: center; } .footer-copy a { color: #fff; text-decoration: underline; } @media (max-width: 769px) { .footer-menu-list, .footer-terms-list { column-gap: 15px; } .footer-menu-list .footer-menu-item .footer-menu-link, .footer-terms-list .footer-terms-item .footer-terms-link, .footer-copy { font-size: 14px; white-space: nowrap; } }.reservas .wrapper.scroll-wrapper { position: relative; max-width: 1238px; padding: 0 !important; } .reservas .reservas-sticky { position: sticky; top: 159px; z-index: 40; overflow: hidden; } #ui-datepicker-div { z-index: 101 !important; } .container-grid { position: relative; width: 1238px; display: grid; grid-template-columns: 166px repeat(4, 268px); grid-template-rows: repeat(15, 51px); justify-content: flex-start; grid-template-areas: "time header header header header" "time main main main main" "time main main main main" "time main main main main" "time main main main main" "time main main main main" "time main main main main" "time main main main main" "time main main main main" "time main main main main" "time main main main main" "time main main main main" "time main main main main" "time main main main main" "time main main main main"; } /* Pistas */ .row-pista { box-sizing: border-box; display: grid; grid-template-columns: repeat(4, 268px); grid-area: header; background: var(--valldaura); color: #fff; font-size: 18px; text-transform: uppercase; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } .blank { box-sizing: border-box; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: var(--valldaura); } @media (min-width: 1252px) { .row-pista, .blank { position: sticky; top: 231px; z-index: 1; } } .row-pista .pista { box-sizing: border-box; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-right: 1px solid #ccc; font-family: var(--font-family-secondary); font-weight: 600; } /* Horarios */ .col-time { transition: 0.2s ease-in-out; background-color: #fff; z-index: 1; position: sticky; left: 0; box-sizing: border-box; display: grid; grid-template-rows: repeat(13, 51px); grid-area: time; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .col-time .blank.stick { position: absolute; width: 100%; height: 100%; z-index: 1; height: 48px; } .col-time time { box-sizing: border-box; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #ccc; font-size: 18px; font-weight: 700; } /* Reservas */ .grid-reservas { position: relative; z-index: 0; grid-area: main; display: grid; grid-template-columns: repeat(4, 268px); grid-template-rows: repeat(13, 1fr); } .grid-reservas .row-reservas { position: relative; box-sizing: border-box; display: grid; grid-template-rows: repeat(2, 1fr); border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 14px; } .grid-reservas .row-reservas .hora { box-sizing: border-box; grid-row: 1/2; border-bottom: 1px solid #f1f1f1; } .grid-reservas .row-reservas .reservada.locked.hora { border-bottom: 1px solid #cccccc; } .grid-reservas .row-reservas .precio { grid-row: 2/3; color: var(--valldaura); } .grid-reservas .row-reservas .precio.price-to-hour { color: unset; } .grid-reservas .row-reservas .hora, .grid-reservas .row-reservas .precio { width: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; } /* Zonas reservadas */ .locked, .selected-hour, .reservada, .reservando { display: flex; justify-content: center; align-items: center; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; color: #fff; } .reservada.locked { z-index: 0; } .reservada { background: var(--reservado); } .reservada.reservada-user-info { background-color: #ededed; color: #333333; flex-direction: column; border-color: #ccc !important; z-index: 10; } .reservada.over-blocked { z-index: 10; } .reservada.reservada-user-info.interval60 { font-size: 12px; line-height: 14px; } .reservada.reservada-user-info.interval60 .time, .reservada.reservada-user-info.interval60 .contact, .reservada.reservada-user-info.interval60 .confirmed { font-size: 10px; line-height: 12px; } .locked { background: var(--locked); } .selected-hour { background: var(--reservando); } .reservando { background: var(--reservando); } .reservando, .reservada.hora { height: 51px; } .reservada.dos-horas { height: 102px; } .reservada.tres-horas { height: 153px; } .reservada.cuatro-horas { height: 204px; } .reservando.horamedia, .reservada.horamedia { height: 76px; } .reservando.hora.mitad, .reservando.horamedia.mitad, .reservada.hora.mitad, .reservada.horamedia.mitad, .reservada.dos-horas.mitad, .reservada.tres-horas.mitad, .reservada.cuatro-horas.mitad { top: 25px; } @media (max-width: 1251px) { .reservas .wrapper { overflow: scroll; } .reservas .reservas-sticky { top: 131px; } .container-grid { grid-template-columns: 130px repeat(4, 218px); } .row-pista { grid-template-columns: repeat(4, 218px); } .row-pista.stick { position: absolute; width: 100%; height: 100%; z-index: 1; height: 50px; } .grid-reservas { grid-template-columns: repeat(4, 218px); } } @media (max-width: 1025px) { .reservas .reservas-sticky { top: 82px; } .container-grid { max-width: 866px; } .container-grid { grid-template-columns: 66px repeat(4, 200px); } .row-pista { grid-template-columns: repeat(4, 200px); } .grid-reservas { grid-template-columns: repeat(4, 200px); } } @media (max-width: 769px) { .reservas .reservas-sticky { top: 82px; padding: 0 !important; } } /* Pop Up Reservas */ .pop-up-reserva { opacity: 0; display: none; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; right: 0; bottom: 0; z-index: 100; transition: 0.2s ease-in-out; } .pop-up-reserva.active { position: fixed; display: flex; align-items: center; justify-content: center; } .pop-up-container { overflow: hidden; position: relative; background-color: #fff; width: 600px; height: 260px; border-radius: 12px; } .pop-up-container { position: relative; background-color: #fff; width: 600px; height: 260px; border-radius: 12px; } .pop-up-content { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; } .pop-up-information { display: flex; align-items: center; } .pop-up-title { font-size: 22px; font-weight: 600; font-family: var(--font-family-secondary); } .pop-up-information { color: var(--valldaura); font-size: 22px; font-weight: 600; margin-top: 12px; gap: 5px; } .pop-up-footer { margin-top: 50px; display: flex; gap: 20px; } .pop-up-footer button { cursor: pointer; border: 0; background-color: var(--valldaura); color: #fff; border-radius: 25px; padding: 20px 35px; font-size: 17px; line-height: 20px; width: 100%; } .pop-up-close { cursor: pointer; width: 10px; height: 10px; position: absolute; right: 20px; top: 20px; } .pop-up-close .close-1 { background-color: #000; width: 10px; height: 1px; display: block; transform-origin: center; transform: rotate(-45deg); } .pop-up-close .close-2 { background-color: #000; width: 10px; height: 1px; display: block; transform-origin: center; transform: translate(0%, 0%) rotate(45deg) translate(-7%, -90%); } .pop-up-loading { background-color: #fff; display: none; position: absolute; top: 0; left: 0; justify-content: center; align-items: center; width: 100%; height: 100%; } .pop-up-button-container { width: 175px; } .pop-up-loading.active { display: flex; } .pop-up-price-container { margin-top: 4px; text-align: center; font-size: 14px; } @media (max-width: 1251px) {} @media (max-width: 1025px) {} @media (max-width: 769px) { .pop-up-container { margin: 0 15px; width: 360px; height: auto; padding: 30px 0; } .pop-up-information, .pop-up-title { font-size: 16px; } .pop-up-footer { width: 100%; flex-wrap: wrap; margin-top: 20px; justify-content: center; gap: 10px; } .pop-up-button-container { width: 100%; flex-basis: calc(100%/2 - 15px); } .pop-up-footer button { width: 100%; font-size: 16px; padding: 10px 15px; } } /* Legenda */ .legend { margin-top: 30px; display: flex; column-gap: 23px; align-items: center; flex-wrap: wrap; } .legend-info { display: flex; column-gap: 13px; margin-bottom: 15px; } .legend-info-reservada { width: 25px; height: 25px; background: var(--reservado); } .legend-info-reservada-admin { background: #ededed; } .legend-info-seleccion { width: 25px; height: 25px; background: var(--reservando); } /* Seleccion fecha reservas */ .reservas-date { display: flex; align-items: center; margin-bottom: 10px; padding: 16px 30px; background: #f1f1f1; column-gap: 20px; } .reservas-date .date-title { font-weight: 700; line-height: 26px; font-size: 16px; } .reservas-date input[type="text"] { appearance: none; width: 270px; border-radius: 18px; height: 36px; padding: 10px 20px; font-size: 16px; font-weight: 400; color: var(--valldaura); line-height: 10; } .reservas-date input[type="text"]::-webkit-calendar-picker-indicator { color: var(--valldaura); } .reservas-date .date-arrows { display: flex; } .reservas-date .date-arrows { display: flex; } .reservas-date .reservas-arrow { cursor: pointer; width: 40px; height: 40px; } .reservas-date .reservas-arrow.next-arrow { transform: rotate(180deg); } @media (max-width: 480px) { .reservas-date { padding: 10px; column-gap: 10px; } .reservas-date input[type="text"] { padding: 10px; width: 100%; } }.header-table { margin-bottom: 20px; padding: 15px 10px; background: #f1f1f1; font-weight: 600; text-transform: uppercase; } .estadisticas { margin-bottom: 40px; } .estadisticas .wrapper.scroll-wrapper { position: relative; max-width: 1238px; padding: 0 !important; overflow: scroll; margin-bottom: 60px; } .estadisticas .partidos { margin-bottom: 60px; } .table-content a, .clas-contenido a, .calendar-content a { color: #000; font-weight: normal; word-break: break-word; } .table-content a:hover, .clas-contenido a:hover, .calendar-content a:hover { text-decoration: underline; } .clas-contenido.selected-team { background: #ddd !important; } .clas-contenido.selected-team mark { background-color: transparent!important; } .clas-general { margin-bottom: 60px; } /* Tabla Ultima Jornada */ .table-grid { display: grid; grid-template-columns: 1fr 80px 1fr; grid-auto-flow: row dense; grid-template-areas: "title title title" "content content content"; margin-bottom: 20px; } .table-grid .table-header { grid-area: title; display: grid; grid-template-columns: 1fr 80px 1fr; grid-auto-rows: 40px; background: var(--valldaura); color: #fff; font-size: 16px; text-transform: uppercase; font-family: var(--font-family-secondary); font-weight: 600; } .table-grid .table-title { border-right: 1px solid #ccc; display: flex; align-items: center; padding: 0 10px; } .table-grid .table-title:nth-child(3) { justify-content: flex-end; } .table-grid .table-title:nth-child(2) { justify-content: center; } .table-grid .table-body { grid-area: content; grid-auto-rows: 40px; display: grid; grid-template-columns: 1fr 80px 1fr; grid-auto-flow: row dense; } .table-grid .table-body .table-content { display: flex; align-items: center; padding: 0 10px; text-transform: uppercase; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; line-height: 1.2; } .table-grid .table-body .table-content.goles { justify-content: center; font-weight: bold; background: rgba(204, 204, 204, 0.3); } .table-grid .table-body .table-content:nth-child(3n) { border-right: 0; } .table-grid .table-body .table-content:nth-child(3n) { justify-content: flex-end; text-align: right; } /* Tabla Clasificacion General */ .table-grid-clasificacion { width: 1238px; display: grid; grid-template-columns: 40px auto 80px 80px 80px 80px 80px 80px 80px 80px; grid-template-rows: 40px auto; grid-auto-flow: row dense; grid-template-areas: "title title title title title title title title title title" "main main main main main main main main main main"; } .table-grid-clasificacion .clas-header { grid-area: title; display: grid; grid-template-columns: 40px auto 80px 80px 80px 80px 80px 80px 80px 80px; background-color: var(--valldaura); } .table-grid-clasificacion .clas-header .clas-title { display: flex; align-items: center; justify-content: center; color: #fff; padding: 0 10px; font-weight: 600; font-family: var(--font-family-secondary); border-right: 1px solid #ccc; text-transform: uppercase; background-color: var(--valldaura); } .table-grid-clasificacion .clas-header .clas-title:nth-child(2) { justify-content: flex-start; } .table-grid-clasificacion .clas-header .clas-title:nth-of-type(1) { position: sticky; left: 0; } .table-grid-clasificacion .clas-header .clas-title:nth-of-type(2) { position: sticky; left: 40px; } .table-grid-clasificacion .clas-main { grid-area: main; grid-auto-rows: 40px; display: grid; grid-template-columns: 40px auto 80px 80px 80px 80px 80px 80px 80px 80px; line-height: 1.2; } .table-grid-clasificacion .clas-main .clas-contenido { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0 10px; display: flex; justify-content: center; align-items: center; } .table-grid-clasificacion .clas-main .clas-contenido.highlight { background-color: rgba(204, 204, 204, 0.3); font-weight: 600; } .table-grid-clasificacion .clas-main .clas-contenido:nth-of-type(10n + 1) { background-color: #fff; position: sticky; left: 0; } .table-grid-clasificacion .clas-main .clas-contenido:nth-of-type(10n + 2) { background-color: #fff; position: sticky; left: 40px; text-transform: uppercase; } .table-grid-clasificacion .clas-main .clas-contenido:nth-of-type(10n) { border-right: 0; } .table-grid-clasificacion .clas-main .clas-contenido:nth-of-type(10n + 2) { justify-content: flex-start; } /* Tabla Maximos Goleadores */ .table-grid-scorers { /* margin-top: 30px; */ display: grid; grid-template-columns: 1fr 1fr 80px; grid-auto-flow: row dense; grid-template-areas: "title title title" "content content content"; margin-bottom: 20px; } .table-grid-scorers.table-grid-team-scorers { grid-template-columns: 1fr 80px; grid-template-areas: "title title" "content content"; } .table-grid-scorers .table-header { grid-area: title; display: grid; grid-template-columns: 1fr 1fr 80px; grid-auto-rows: 40px; background: var(--valldaura); color: #fff; font-size: 16px; text-transform: uppercase; font-family: var(--font-family-secondary); font-weight: 600; } .table-grid-scorers.table-grid-team-scorers .table-header { grid-template-columns: 1fr 80px; } .table-grid-scorers .table-title { border-right: 1px solid #ccc; display: flex; align-items: center; padding: 0 10px; } .table-grid-scorers .table-title:nth-child(3) { justify-content: center; } .table-grid-scorers.table-grid-team-scorers .table-title:nth-child(2) { justify-content: center; } .table-grid-scorers .table-body { grid-area: content; grid-auto-rows: 40px; display: grid; grid-template-columns: 1fr 1fr 80px; grid-auto-flow: row dense; } .table-grid-scorers.table-grid-team-scorers .table-body { grid-template-columns: 1fr 80px; } .table-grid-scorers .table-body .table-content { display: flex; align-items: center; padding: 0 10px; text-transform: uppercase; background-color: #fff; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; line-height: 1.2; } .table-grid-scorers .table-body .table-content:nth-child(3n) { text-align: center; } .table-grid-scorers .table-body .table-content:nth-child(3n) { border-right: 0; } .table-grid-scorers.table-grid-team-scorers .table-body .table-content:nth-child(3n) { border-right: 1px solid #ccc; } .table-grid-scorers.table-grid-team-scorers .table-body .table-content:nth-child(2n) { border-right: 0; } .table-grid-scorers .table-body .table-content.goles { justify-content: center; font-weight: bold; background: rgba(204, 204, 204, 0.3); } .table-grid-scorers .table-body .table-content, .table-grid-scorers .table-title:nth-of-type(1) { position: sticky; left: 0; } /* Tabla Equipo Resultados */ .table-grid-team-results { display: grid; grid-template-columns: 80px 1fr 80px 1fr; grid-auto-flow: row dense; grid-template-areas: "title title title title" "content content content content"; margin-bottom: 20px; } .table-grid-team-results .table-header { grid-area: title; display: grid; grid-template-columns: 80px 1fr 80px 1fr; grid-auto-rows: 40px; background: var(--valldaura); color: #fff; font-size: 16px; text-transform: uppercase; font-family: var(--font-family-secondary); font-weight: 600; width: 100%; } .table-grid-team-results .table-title { border-right: 1px solid #ccc; display: flex; align-items: center; padding: 0 10px; } .table-grid-team-results .table-title:nth-child(4) { justify-content: flex-end; } .table-grid-team-results .table-title:nth-child(3) { justify-content: center; } .table-grid-team-results .table-title:nth-child(1) { justify-content: center; } .table-grid-team-results .table-body { grid-area: content; grid-auto-rows: 40px; display: grid; grid-template-columns: 80px 1fr 80px 1fr; grid-auto-flow: row dense; } .table-grid-team-results .table-body .table-content { display: flex; align-items: center; padding: 0 10px; text-transform: uppercase; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; line-height: 1.2; } .table-grid-team-results .table-body .table-content.goles { justify-content: center; font-weight: bold; background: rgba(204, 204, 204, 0.3); } .table-grid-team-results .table-body .table-content:nth-child(4n) { border-right: 0; } .table-grid-team-results .table-body .table-content:nth-child(4n) { justify-content: flex-end; text-align: right; } .table-grid-team-results .table-body .table-content:nth-child(4n+1) { justify-content: center; text-align: center; } /* Tabla Otras competiciones (historico) */ .table-other-competitions { margin-bottom: 30px; } /* Table Header y Botones (Historico) */ body.page-historico .table-grid .table-header, body.page-historico .table-grid-clasificacion .clas-header .clas-title, body.page-historico .table-grid-scorers .table-header, body.page-team-historic-detail .table-grid-team-results .table-header, body.page-team-historic-detail .table-grid-clasificacion .clas-header .clas-title, body.page-team-historic-detail .table-grid-scorers .table-header { background: #000; } body.page-historico .seasons-filters .submit, body.page-team-historic-detail .seasons-filters .submit { background-color: #909090; } body.page-historico .seasons-filters .submit:hover, body.page-team-historic-detail .seasons-filters .submit:hover { color: #fff; background-color: #000; } body.page-historico .seasons-filters .submit.active, body.page-team-historic-detail .seasons-filters .submit.active { background-color: #000; ; } @media (max-width: 1251px) { .table-grid-clasificacion { width: 1000px; } } @media (max-width: 1025px) { .table-grid .table-title, .table-grid .table-body .table-content, .table-grid-team-results .table-title, .table-grid-team-results .table-body .table-content { font-size: 12px; } .table-grid-clasificacion { width: 900px; } .table-grid-clasificacion .clas-header .clas-title, .table-grid-clasificacion .clas-main .clas-contenido { font-size: 12px; } .table-grid-scorers .table-header, .table-grid-scorers .table-body, .table-grid-scorers { grid-template-columns: 1fr 1fr 60px; font-size: 12px; } .table-grid-scorers.table-grid-team-scorers .table-header, .table-grid-scorers.table-grid-team-scorers .table-body, .table-grid-scorers.table-grid-team-scorers { grid-template-columns: 1fr 60px; font-size: 12px; } } @media (max-width: 769px) { .table-grid .table-title, .table-grid .table-body .table-content, .table-grid-team-results .table-title, .table-grid-team-results .table-body .table-content { padding: 0 5px; } .table-grid, .table-grid .table-header, .table-grid .table-body { grid-template-columns: 1fr 62px 1fr; } .table-grid-team-results, .table-grid-team-results .table-header, .table-grid-team-results .table-body { grid-template-columns: 40px 1fr 62px 1fr; } .table-grid-clasificacion .clas-header .clas-title, .table-grid-clasificacion .clas-main .clas-contenido { padding: 0 5px; } .table-grid-clasificacion { width: 820px; } .table-grid-scorers .table-body { grid-auto-rows: 55px; } .table-grid-scorers .table-header, .table-grid-scorers .table-body, .table-grid-scorers { grid-template-columns: 1fr 1fr 60px; } .table-grid-scorers.table-grid-team-scorers .table-header, .table-grid-scorers.table-grid-team-scorers .table-body, .table-grid-scorers.table-grid-team-scorers { grid-template-columns: 1fr 60px; } /*.table-grid-scorers .table-title:nth-of-type(1) { background-color: #000; }*/ } @media (max-width: 480px) { .estadisticas .header-table { padding: 10px 5px; } }.calendar .wrapper.scroll-wrapper { overflow: scroll; padding-left: 0 !important; padding-right: 0 !important; } .calendar-grid { margin-bottom: 60px; } .calendar-header { display: grid; grid-template-columns: 40px 1fr 1fr 140px 140px 100px; grid-template-rows: 40px; background-color: var(--valldaura); color: white; } .calendar-header .calendar-title { text-transform: uppercase; font-family: var(--font-family-secondary); font-weight: bold; border-right: 1px solid #ccc; display: flex; align-items: center; padding: 0 10px; justify-content: center; } .calendar-header .calendar-title:nth-of-type(2), .calendar-header .calendar-title:nth-of-type(3) { justify-content: flex-start; } .calendar-main { display: grid; grid-template-columns: 40px 1fr 1fr 140px 140px 100px; grid-auto-rows: 40px; } .calendar-main .calendar-content { display: flex; align-items: center; justify-content: center; padding: 0 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .calendar-main+.calendar-resting-team { padding: 5px 50px; margin-bottom: 0; /* border-bottom: 10px solid #ccc; */ } .calendar-separator { /* padding: 5px 50px; */ height: 10px; background-color: #ccc; margin-bottom: 0; /* border-bottom: 10px solid #ccc; */ } .calendar-main .calendar-content:nth-of-type(6n + 2), .calendar-main .calendar-content:nth-of-type(6n + 3) { text-transform: uppercase; justify-content: flex-start; } .calendar-main .calendar-content:nth-of-type(6n + 4), .calendar-main .calendar-content:nth-of-type(6n + 6), .calendar-main .calendar-content:nth-of-type(6n + 1) { font-weight: 600; } .calendar-main .calendar-content:nth-of-type(6n), .calendar-main .calendar-content:nth-of-type(6n) { border-right: 0; } @media (max-width: 1025px) { .calendar-header .calendar-title, .calendar-main .calendar-content { font-size: 12px; } } @media (max-width: 769px) { .calendar-grid { width: 769px; } }table { width: 100%; border: 1px solid #ccc; border-collapse: collapse; } table.valldaura-horarios { margin: 20px 0; } table thead { background-color: var(--valldaura); color: #fff; text-align: left; } table tr th { padding: 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } table tbody tr td { padding: 10px; } table table tr th:last-child { border-right: 0; } table tbody tr td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } @media (max-width: 769px) { table { width: 700px; } }.info-reservas { margin-top: 50px; display: flex; flex-wrap: wrap; } .info-reservas .info { margin-bottom: 25px; flex-basis: 50%; } .info-reservas .info p { padding: 0; font-size: 16px; line-height: 26px; margin-bottom: 0 !important; } .info-reservas .info h3 { font-size: 16px; line-height: 26px; } @media (max-width: 769px) { .info-reservas .info { flex-basis: 100%; } } /* Vacaciones */ .holiday-list { padding-left: 3rem; } .holiday-list li { list-style: circle; } body { -webkit-print-color-adjust: exact; print-color-adjust: exact; } @media print { @page { margin: 10px; } header { position: relative; } header .pill .nav nav ul.fixed { display: none; } .table-grid .table-header { background-color: #000; } .table-grid .table-header .table-title { background-color: #000; } .table-grid-clasificacion { width: 100%; } .table-grid-clasificacion, .table-grid-clasificacion .clas-header, .table-grid-clasificacion .clas-main { grid-template-columns: 40px auto 80px 45px 45px 45px 45px 45px 45px 45px; } footer { display: none; } body.page-alquiler-pistas-padel { zoom: 0.70; } body.page-alquiler-pistas-padel, body.page-alquiler-pistas-padel .wrapper { width: 100%!important; } body.page-alquiler-pistas-padel header, body.page-alquiler-pistas-padel .inside-menu, body.page-alquiler-pistas-padel .gallery, body.page-alquiler-pistas-padel .inside-body h2, body.page-alquiler-pistas-padel .inside-body p, body.page-alquiler-pistas-padel .inside-body ul, body.page-alquiler-pistas-padel .valldaura-tabla { display: none; } body.page-alquiler-pistas-padel .reservas, body.page-alquiler-pistas-padel .inside, body.page-alquiler-pistas-padel .section, body.page-alquiler-pistas-padel .inside .page-content { padding-top: 0px; } body.page-alquiler-pistas-padel .reservas .reservas-sticky { top: 0px!important; position: static!important; } body.page-alquiler-pistas-padel .reservas .legend { display: none; } } .search-custom { background-color: #ededed; padding: 20px 0; display: none; } .search-custom.active { display: block; } label[for=search-input] { display: none; } .search-custom input[type="text"] { position: relative; appearance: none; padding: 15px 40px; width: 100%; border-radius: 8px; border: 1px solid #ccc; } /*.search-custom input[type="text"]:focus-visible { outline: 1px solid var(--valldaura); }*/ .search-custom input[type="submit"] { display: none; } /* Search results */ .search-form { width: 700px; margin: 0 auto; position: relative; } .search-results { position: absolute; left: 0; top: 43px; display: none; width: 100%; height: auto; background-color: #fff; border-radius: 10px; z-index: 50; overflow: scroll; border: 1px solid #ccc; } .search-results-wrapper { border-bottom: 1px solid #ccc; } .search-results.active { display: block; border-top-left-radius: 0; border-top-right-radius: 0; } .search-results-header { position: relative; cursor: pointer; background-color: #F3F3F3; padding: 10px 15px; } .search-results-header.opened::after { transform: translateY(-50%) rotate(180deg); } .search-results-header::after { content: ""; position: absolute; right: 15px; top: 50%; transform: translateY(-50%) rotate(0deg); background: url(../img/search-icon.svg) center center no-repeat; background-size: contain; width: 30px; height: 30px; } .search-results-wrapper:last-child { border: 0; } .search-results-header .search-result-link { position: relative; display: block; pointer-events: none; color: var(--valldaura); font-size: 14px; /* padding-left: 25px; */ } /* .search-results-header .search-result-link::after { content: ""; position: absolute; left: 0; width: 20px; height: 20px; top: 50%; transform: translateY(-50%); } .search-results-header .search-result-link.link-1::after { background: url(../img/search-resultados.svg) center center no-repeat; background-size: contain; } .search-results-header .search-result-link.link-2::after { background: url(../img/search-contenidos.svg) center center no-repeat; background-size: contain; } .search-results-header .search-result-link.link-3::after { background: url(../img/search-noticias.svg) center center no-repeat; background-size: contain; } .search-results-header .search-result-link.link-4::after { background: url(../img/search-competiciones.svg) center center no-repeat; background-size: contain; } .search-results-header .search-result-link.link-5::after { background: url(../img/search-grupos.svg) center center no-repeat; background-size: contain; } .search-results-header .search-result-link.link-6::after { background: url(../img/search-equipos.svg) center center no-repeat; background-size: contain; } .search-results-header .search-result-link.link-7::after { background: url(../img/search-jugadores.svg) center center no-repeat; background-size: contain; } */ .search-results-header .search-result-link span { font-weight: bold; background-color: #dddddd8c; padding: 2px 5px; border-radius: 3px; margin-left: 5px; font-size: 12px; } .search-results-content { padding: 15px; } .search-results-content { height: 400px; overflow: scroll; display: none; } .search-results-content.active.no-results { height: auto; text-align: center; font-size: 14px; } .search-results-content.active { display: block; } .search-results-article { display: flex; column-gap: 30px; align-items: center; margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-bottom: 15px; } .search-results-article:last-child { margin-bottom: 0; border-bottom: none; } .search-results-article figure { border: 1px solid #ccc; padding: 5px; } .search-results-article figure img { max-width: 110px; max-height: 110px; } .search-results-article-content .search-results-article-title a { display: inline-block; font-size: 15px; color: var(--valldaura); } .search-results-article-content .search-results-article-title a:hover { text-decoration: underline; } .search-results-article-content p { font-size: 13px; } .search-results-date { display: flex; align-items: center; column-gap: 5px; } .search-results-date time, .search-results-date span { font-size: 12px; color: #666666; } .search-result-link a { display: inline-block; /* background-color: var(--valldaura); color: #fff; */ color: var(--valldaura); /* padding: 5px 15px; */ padding: 5px 0 5px 0; /* border-radius: 100px; */ font-size: 12px; margin-top: 10px; font-weight: 600; } .search-result-link a:hover { color: #000; text-decoration: underline; } @media screen and (max-width: 1025px) { .search-custom { position: fixed; top: 82px; z-index: 41; width: 100%; } } @media screen and (max-width: 769px) { .search-form { width: 100%; } .search-results-content { height: 200px; } .search-results-article { flex-direction: column; align-items: flex-start; } .search-results-article figure img { width: 60px; height: 60px; } }.gallery { display: inline-flex; justify-content: center; align-items: center; margin-bottom: 60px; column-gap: 5px; row-gap: 5px; width: 100%; flex-wrap: wrap; } .gallery .items { padding: 5px; border: 1px solid #ccc; width: calc(100% / 4 - 4px); } .gallery .items a { display: block; } .gallery .items a img { width: 100%; height: auto; } @media (max-width: 1023px) { .gallery .items { width: calc(100% / 2 - 4px); } }/*.reservas.reservas-custom .container-grid .col-time, .reservas.reservas-custom .container-grid, .reservas.reservas-custom .container-grid .grid-reservas { grid-template-rows: repeat(15, 100px) !important; } .reservas.reservas-custom .reservada.hora { height: 100px; } .reservas.reservas-custom .reservada.horamedia.mitad { top: 49px; } .reservas.reservas-custom .reservada.horamedia { height: 150px; } .reservas.reservas-custom .reservada.dos-horas { height: 199px; } */ :root { --repeat-rows: 15; } .reservas .container-grid .col-time, .reservas .container-grid, .reservas .container-grid .grid-reservas { grid-template-rows: repeat(var(--repeat-rows), 100px) !important; } .reservas .container-grid .col-time, .reservas .container-grid { grid-template-rows: 50px repeat(calc(var(--repeat-rows) - 1), 100px) !important; } /* Hora y bloqueo */ .reservas .reservada.hora { height: 100px; } /* Hora a partir de XX:30h */ .reservas .reservada.hora.mitad { /*top: 49px;*/ top: 50px; } /* Hora y media */ .reservas .reservada.horamedia.mitad { /*top: 49px;*/ top: 50px; } .reservas .reservada.horamedia { height: 150px; } /* 2 Horas */ .reservas .reservada.dos-horas { /*height: 199px;*/ height: 200px; } /* 2 Horas a partir de XX:30h */ .reservas .reservada.dos-horas.mitad { /*top: 49px;*/ top: 50px; } /* 3 Horas */ .reservas .reservada.tres-horas { /*height: 299px;*/ height: 300px; } /* 3 Horas a partir de XX:30h */ .reservas .reservada.tres-horas.mitad { /*top: 49px;*/ top: 50px; } /* 4 Horas */ .reservas .reservada.cuatro-horas { /*height: 399px;*/ height: 400px; } /* 4 Horas a partir de XX:30h */ .reservas .reservada.cuatro-horas.mitad { /*top: 49px;*/ top: 50px; } /* 5 Horas */ .reservas .reservada.cinco-horas { /*height: 499px;*/ height: 500px; } /* 5 Horas a partir de XX:30h */ .reservas .reservada.cinco-horas.mitad { /*top: 49px;*/ top: 50px; } /* 6 Horas */ .reservas .reservada.seis-horas { /*height: 599px;*/ height: 600px; } /* 6 Horas a partir de XX:30h */ .reservas .reservada.seis-horas.mitad { /*top: 49px;*/ top: 50px; } .reservada { border-bottom: 1px solid #ccc; }