* {
border: 0;
padding: 0;
margin: 0;
}
body{
height:100vh;
width:100%;
overflow-x: hidden;
overflow-y: scroll;
} .container404 h1 {
font-size: 8rem;
}
@media (max-width: 767.98px) {
.container404 h1 {
font-size: 4rem;
} 
}
span.captcha-778 {
display: block;
border: 1px solid black;
margin: 5px 0;
padding: 5px;
}@font-face {
font-family: 'Geogrotesque-Regular';
src: url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-Regular.eot);
src: url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-Regular.woff2) format("woff2"), url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-Regular.woff) format("woff"), url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-Regular.ttf) format("truetype"), url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-Regular.svg#Geogrotesque-Regular) format("svg"), url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-Regular.eot?#iefix) format("embedded-opentype");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'Geogrotesque-Medium';
src: url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-Medium.eot);
src: url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-Medium.woff2) format("woff2"), url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-Medium.woff) format("woff"), url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-Medium.ttf) format("truetype"), url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-Medium.svg#Geogrotesque-Medium) format("svg"), url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-Medium.eot?#iefix) format("embedded-opentype");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'Geogrotesque-SemiBold';
src: url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-SemiBold.eot);
src: url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-SemiBold.woff2) format("woff2"), url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-SemiBold.woff) format("woff"), url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-SemiBold.ttf) format("truetype"), url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-SemiBold.svg#Geogrotesque-SemiBold) format("svg"), url(//triatlon.org/wp-content/themes/theme_propio/fonts/Geogrotesque-SemiBold.eot?#iefix) format("embedded-opentype");
font-weight: normal;
font-style: normal
}
*:focus {
outline: none
}
*::-moz-selection {
color: #212121;
background: #FECB00
}
*::selection {
color: #212121;
background: #FECB00
}
h1,
h2,
.hero .claim,
h3,
h4,
h5 {
font-family: "Geogrotesque-Medium";
color: #212121;
font-weight: "Geogrotesque-SemiBold"
}
h1 {
margin: 0 auto;
padding: 1.5rem 0 1rem 0;
position: relative;
font-size: 28px;
color: #ae0b2a;
line-height: 1.1em
}
h1.has-divider:after {
display: block;
height: 4px;
background: #c60c30;
background: -moz-linear-gradient(left, #c60c30 0%, #fecb00 100%);
background: -webkit-linear-gradient(left, #c60c30 0%, #fecb00 100%);
background: linear-gradient(to right, #c60c30 0%, #fecb00 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c60c30', endColorstr='#fecb00', GradientType=1);
content: "";
position: absolute;
top: 0;
margin: 0 auto;
width: 100%
}
@media (min-width: 576px) {
h1 {
font-size: 36px
}
}
img.img-h1 {
max-width: 100px;
margin-top: -5px;
margin-right: 5px
}
@media (min-width: 576px) {
img.img-h1 {
max-width: 170px
}
}
h2,
.hero .claim {
font-size: 22px;
margin-bottom: 1rem
}
@media (min-width: 576px) {
h2,
.hero .claim {
font-size: 28px
}
}
h3 {
font-size: 18px
}
@media (min-width: 576px) {
h3 {
font-size: 20px
}
}
a {
color: #C60C30
}
a:hover {
color: #000;
text-decoration: none
}
.link-title,
.news-title {
font-size: 16px;
line-height: 1.2;
font-weight: 700
}
.title-small {
font-size: 20px
}
a.big-news-title {
font-family: "Geogrotesque-Medium";
color: #fff;
margin: 1em 0;
text-shadow: 0px 0px 6px rgba(0, 3, 0, 0.35);
font-size: 22px;
line-height: 30px
}
a.big-news-title:hover {
color: #ddd
}
.standfirst {
font-size: 18px;
color: #444
}
@media (min-width: 576px) {
.standfirst {
font-size: 22px
}
}
figure {
position: relative
}
figure figcaption {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 1rem;
background: rgba(0, 0, 0, 0.5);
width: 100%
}
.text-light,
.text-light a {
color: #fff;
font-weight: 300
}
.text-light .fa-circle,
.text-light a .fa-circle {
color: inherit !important
}
.text-gray {
color: #ddd
}
.text-right-xs-reset {
text-align: left
}
@media (min-width: 576px) {
.text-right-xs-reset {
text-align: right
}
}
.text-red {
color: #C60C30
}
.condensed {
font-family: "Roboto Condensed", sans-serif
}
strong,
.strong,
.bold {
font-weight: 700
}
.no-wrap {
white-space: nowrap
}
.green {
color: green
}
.red {
color: #C60C30
}
sup {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%
}
sup i {
font-size: 8px
}
.page-item.active .page-link {
background: #FECB00
}
.page-link,
.page-item.disabled .page-link {
background: transparent
}
.divider-vertical {
display: inline-block;
background: #999;
width: 1px;
height: 10px;
margin: 0 10px;
vertical-align: middle
}
.border-0 {
border: 0
}
.font-title {
font-family: "Geogrotesque-Medium";
font-size: 22px
}
.font-title+sup {
margin-left: 3px
}
.font-title-regular {
font-family: "Geogrotesque-Regular"
}
.opacity5 {
opacity: 0.5
}
.modal-title {
line-height: 1.2
}
.b-top {
padding-top: 1em;
border-top: 1px solid #ddd
}
.icon-lg {
font-size: 24px
}
img.img-atleta-ranking {
width: 96px;
height: 96px
}
.clip-position {
-webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
background: #FECB00;
color: #fff;
display: flex;
align-items: center;
padding: 1rem;
min-height: 92px;
text-align: center;
width: 50px;
font-family: "Geogrotesque-Regular";
font-size: 22px
}
.clip-position sup {
color: rgba(255, 255, 255, 0.7)
}
.list-has-icons i {
opacity: .5;
margin-right: .25rem
}
ul.list-social-links {
margin-bottom: 0
}
ul.list-social-links li.list-inline-item a {
color: #999;
font-size: 18px;
padding: 0 5px
}
ul.list-social-links li.list-inline-item a:hover {
color: #444
}
.list-inline-item a.badge-tag,
.list-inline-item .badge-tag {
margin-right: 0 !important
}
ul li.media {
padding: .5rem 0 !important
}
.list-group-item {
border: none;
background: #f2f2f2;
border-bottom: 4px solid #fff
}
.list-group-item ul {
margin-left: 1rem;
margin-top: .5rem
}
.list-block-custom {
margin: 0;
padding: 0
}
.list-block-custom li {
margin: 0;
padding: .3rem 0;
border-bottom: 1px solid #ddd;
display: block;
list-style-type: disc
}
.list-icons i {
font-size: 18px
}
.title-sponsors {
font-size: 18px
}
@media (min-width: 576px) {
.title-sponsors {
font-size: 22px
}
}
body {
font-family: "Lato", sans-serif;
color: #444;
font-size: 15px;
line-height: 1.4;
letter-spacing: .01rem;
background-color: #fff;
position: relative
}
.is-relative {
position: relative
}
.content {
padding: 1rem 0
}
.box-shadow {
-webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1)
}
section {
position: relative
}
section .container {
padding-top: 1.4rem;
padding-bottom: 1.4rem
}
section.submenu {
border-bottom: 1px solid #ddd
}
section.submenu .container {
padding-top: .5rem;
padding-bottom: .5rem
}
section.footer-news {
background: #fff;
border-top: 1px solid rgba(221, 221, 221, 0.7);
border-bottom: 1px solid rgba(221, 221, 221, 0.7);
font-size: 13px
}
section.footer-news h3 {
margin-top: 1rem
}
@media (min-width: 576px) {
section.footer-news h3 {
margin-top: 0
}
}
section.footer-news .media img.img-thumb {
height: 48px;
width: 48px;
object-fit: cover
}
@media (min-width: 576px) {
section.footer-news .media {
height: 92px
}
}
section.top {
border-bottom: 1px solid #ddd
}
section.main-header {
border-bottom: 1px solid #ddd;
padding-top: 0;
padding-bottom: 0;
background-color: #fff
}
section.main-header .container {
padding-top: .75rem;
padding-bottom: .75rem
}
@media all and (min-width: 0px) and (max-width: 720px) {
section.main-header .container {
max-width: 98% !important
}
}
.bg-white,
.bg-light {
background-color: #fff
}
.bg-gray-dark,
.bg-dark {
background-color: #212121 !important
}
.bg-yellow {
background-color: #FECB00;
color: #212121
}
.bg-yellow.red-glow {
margin-top: 1rem;
background-image: url(//triatlon.org/wp-content/themes/theme_propio/images/bg-red-glow.png);
background-position: bottom right;
background-repeat: no-repeat;
border-radius: 4px
}
@media (min-width: 576px) {
.bg-yellow.red-glow {
margin-top: 0
}
}
.bg-gray,
.bg-content {
background-color: #f2f2f2
}
.bg-blue-dark {
background-color: #d5aa00
}
.bg-home {
background-image: none;
background-color: #f2f2f2;
background-position: top center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover
}
@media (min-width: 576px) {
.bg-home {
background-image: url(//triatlon.org/wp-content/themes/theme_propio/images/bg-home2.jpg);
background-attachment: fixed
}
}
.bg-multimedia {
background-image: none;
background-color: #f2f2f2;
background-position: top center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
padding: 0 1rem 2rem 1rem
}
@media (min-width: 576px) {
.bg-multimedia {
background-image: url(//triatlon.org/wp-content/themes/theme_propio/images/bg-fetri-multimedia2.jpg);
background-attachment: fixed
}
}
.bg-atleta {
background-image: none;
background-color: #f2f2f2;
background-position: top center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
padding: 0 1rem 2rem 1rem;
background-color: #f2f2f2
}
.bg-entrenamiento {
background-image: none;
background-color: #f2f2f2;
background-position: top center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
padding: 0 1rem 2rem 1rem;
background-color: #f2f2f2
}
.bg-tienda {
background-image: none;
background-color: #f2f2f2;
background-position: top center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
padding: 0 1rem 2rem 1rem;
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/bg-tienda.jpg);
height: 100%
}
.bg-tienda .hero {
min-height: 0
}
@media (min-width: 768px) {
.bg-tienda {
height: 80vh;
background-attachment: fixed
}
}
.bg-escuela {
background-image: none;
background-color: #f2f2f2;
background-position: top center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
padding: 0 1rem 2rem 1rem;
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/bg-escuela.jpg);
height: 100%
}
.bg-escuela .hero {
min-height: 0
}
@media (min-width: 768px) {
.bg-escuela {
height: 80vh;
background-attachment: fixed
}
}
.bg-competiciones {
background-image: none;
background-color: #f2f2f2;
background-position: top center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
padding: 0 1rem 2rem 1rem;
background-color: #f2f2f2
}
.bg-ranking {
background-color: #f2f2f2
}
@media (min-width: 576px) {
.bg-ranking {
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover
}
}
.tablewrap {
display: table
}
.tablewrap .cell {
display: table-cell
}
.tablewrap .cell.align-bottom {
vertical-align: bottom
}
.flex-end {
display: flex;
align-items: flex-end
}
.flex-space-between {
display: flex;
justify-content: space-between
}
.va-b {
vertical-align: bottom
}
.dark-overlay {
position: absolute;
z-index: 0;
width: 100%;
top: 0;
left: 0
}
.dark-overlay:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.4)
}
img.img-cartel {
margin: 0 auto;
max-width: 160px
}
footer nav.nav-footer {
padding: 2rem 0;
background-color: #C60C30;
background-position: top center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
font-weight: 300
}
footer nav.nav-footer .strong,
footer nav.nav-footer strong {
font-weight: 600
}
footer nav.nav-footer .text-light a {
color: rgba(255, 255, 255, 0.7);
font-size: 13px
}
footer nav.nav-footer .text-light a:hover {
color: #fff
}
footer nav.nav-footer ul li {
margin: 5px 0
}
footer .colophon {
font-size: 12px;
background-color: #fff
}
footer .colophon .colophon-text {
margin: 0
}
footer .colophon-legal {
background-color: #fff;
font-size: 13px;
border-top: 1px solid #ddd
}
footer .colophon-legal .container {
padding-top: 1rem;
padding-bottom: 1rem
}
.fullwidth {
width: 100%
}
.is-banner {
display: block;
position: relative;
cursor: pointer;
margin-bottom: 1rem;
color: #fff;
border-radius: 4px;
overflow: hidden
}
.is-banner i {
display: none
}
@media (min-width: 576px) {
.is-banner {
margin-bottom: 0;
max-height: 250px
}
}
.is-banner img {
transition: all .2s ease-in-out
}
.is-banner:hover img {
transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05)
}
.is-banner .title {
position: absolute;
z-index: 2;
display: flex;
background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9));
width: 100%;
align-items: center;
justify-content: center;
padding: 1rem .5rem .5rem .5rem;
text-align: center;
bottom: 0
}
.is-banner:hover .title h3 {
color: #FECB00
}
.is-banner .content {
position: absolute;
z-index: 2;
display: flex;
flex-direction: column;
background: rgba(0, 0, 0, 0.4);
height: 100%;
width: 100%;
justify-content: space-between;
padding: 1rem;
align-items: flex-start
}
@media (min-width: 768px) {
.is-banner .content {
padding: 1.5rem
}
}
.is-banner h3 {
color: #fff;
font-size: 18px
}
.is-banner h3.h3-lg {
font-size: 24px
}
.is-banner.banner-liga .content {
background: rgba(0, 0, 0, 0.1)
}
@media (min-width: 768px) {
.is-banner.banner-liga {
max-height: none
}
}
.card-img-overlay {
background: rgba(0, 0, 0, 0.45)
}
.card-img-overlay.card-img-overlay-banner {
padding: 1em
}
.card-img-overlay.card-img-overlay-banner h3.card-title {
color: #fff
}
@media (min-width: 576px) {
.card-img-overlay.card-img-overlay-banner {
padding: 2em
}
}
.banner-text {
font-size: 15px;
line-height: 16px
}
@media (min-width: 576px) {
.banner-text {
font-family: "Geogrotesque-Regular";
font-size: 20px;
line-height: 24px
}
}
.card-img {
border-radius: 0
}
.banner-modalidad {
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
padding: 2rem;
position: relative;
z-index: 0;
background-position: top center
}
.banner-modalidad h3 {
color: #fff;
font-size: 22px
}
.banner-modalidad.triatlon {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/competiciones/duatlon.jpg)
}
@media (min-width: 576px) {
.banner-modalidad {
padding-bottom: 3rem
}
}
@media (max-width: 767px) {
.flex-end-reset {
display: block
}
}
@media (max-width: 767px) {
.is-noticia-destacada .big-news-title {
font-size: 16px;
line-height: 18px
}
}
@media (max-width: 767px) {
.banner-doble-text {
font-size: 13px
}
}
.navbar-custom {
padding: 0 1rem;
background-color: #C60C30;
margin-bottom: 0 !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0
}
.navbar-custom .navbar-toggler {
color: #fff
}
.navbar-custom .navbar-nav {
width: 100%
}
.navbar-custom a.nav-link {
color: #fff;
font-weight: 300;
padding: 1rem 0;
white-space: nowrap
}
@media (min-width: 576px) {
.navbar-custom a.nav-link {
font-size: 14.5px
}
}
.navbar-custom .nav-link:hover,
.navbar-custom .nav-link:focus,
.navbar-custom .nav-item.dropdown.active .nav-link {
color: #FECB00;
background: rgba(33, 33, 33, 0.2)
}
.navbar-custom .nav-link:hover .dropdown-item,
.navbar-custom .nav-link:focus .dropdown-item,
.navbar-custom .nav-item.dropdown.active .nav-link .dropdown-item {
color: #C60C30
}
img.img-menu {
max-width: 90px;
margin-top: -3px
}
nav.nav-secondary a {
color: #fff;
padding: 1rem;
font-weight: 300
}
nav.nav-secondary a:hover {
background: rgba(0, 0, 0, 0.1);
color: #fff
}
nav.nav-secondary a.active {
background: #fff;
color: #444;
font-weight: 400
}
.dropdown-toggle::after {
vertical-align: .255em;
content: "";
border-top: 0.2em solid;
border-right: .2em solid transparent;
border-bottom: 0;
border-left: .2em solid transparent
}
@media (min-width: 576px) {
.dropdown-toggle::after {
margin-left: .3rem
}
}
.dropdown-toggle i {
font-size: 10px;
display: none
}
a.dropdown-item {
color: #C60C30;
font-size: 15px
}
a.dropdown-item:focus {
background: #f2f2f2
}
.dropdown-item.active,
.dropdown-item:active {
background: #f2f2f2;
color: #212121
}
img.img-logo {
max-width: 200px
}
img.img-logo-xs {
max-width: 100px
}
.nav-pills-custom .nav-item .nav-link {
color: #C60C30;
background-color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border-bottom: 1px solid #ddd;
padding: 1rem .5rem
}
@media (min-width: 576px) {
.nav-pills-custom .nav-item .nav-link {
color: #fff;
background-color: rgba(33, 33, 33, 0.6);
border: none
}
}
.nav-pills-custom .nav-item .nav-link.active,
.nav-pills-custom .nav-item .nav-link:focus,
.nav-pills-custom .nav-item .nav-link:hover {
background-color: #fff;
border-color: #C60C30;
color: #C60C30
}
.nav-pills-ficha .nav-item .nav-link {
color: #212121;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border-bottom: 1px solid #ddd;
padding: 1rem .5rem;
background-color: none
}
.nav-pills-ficha .nav-item .nav-link.active,
.nav-pills-ficha .nav-item .nav-link:focus,
.nav-pills-ficha .nav-item .nav-link:hover {
border-color: #C60C30;
color: #C60C30;
background-color: transparent
}
.nav-tabs-custom {
border: none
}
.nav-tabs-custom .nav-link,
.nav-tabs-custom .nav-link.active {
border: none
}
.nav-tabs-custom .nav-link:hover,
.nav-tabs-custom .nav-link:focus,
.nav-tabs-custom .nav-link.active:hover,
.nav-tabs-custom .nav-link.active:focus {
border: none;
background: #fff
}
.nav-secondary .nav-link {
padding: 1rem
}
.nav-secondary .nav-link.active,
.nav-secondary .nav-link:hover {
color: #212121;
background: #f2f2f2
}
nav+h1 {
margin: 0;
padding: .5rem 0
}
.breadcrumb {
background: transparent;
padding: 0;
font-size: 12px;
margin-bottom: 0
}
.breadcrumb.color-light {
color: #FECB00;
background: transparent !important
}
.breadcrumb.color-light .breadcrumb-item+.breadcrumb-item::before {
color: #f2f2f2
}
.breadcrumb.color-light a {
color: #fff
}
.breadcrumb.color-light a:hover {
color: #FECB00
}
.page-item input {
margin-right: 10px
}
.page-item .page-link {
color: #C60C30
}
.page-item.active {
color: #212121
}
.page-item.active .page-link {
color: #212121;
background-color: #FECB00;
border-color: #FECB00
}
.page-item .page-link,
.page-item .page-item:first-child .page-link,
.page-item .page-item:last-child .page-link {
margin: 0 2px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%
}
.page-item:last-child .page-link,
.page-link,
.page-item:first-child .page-link {
border-radius: 200px !important;
padding-left: .8rem;
padding-right: .8rem
}
ul.page-numbers {
margin: 1rem 0;
display: flex
}
ul.page-numbers li {
list-style: none;
display: inline;
float: left;
margin: .3rem
}
ul.page-numbers li a,
ul.page-numbers li span {
background-color: transparent;
border-radius: 200px !important;
padding: .4rem .8rem;
color: #C60C30
}
ul.page-numbers li a.current,
ul.page-numbers li a:hover,
ul.page-numbers li span.current,
ul.page-numbers li span:hover {
background-color: #FECB00
}
.pagination-custom {
align-items: center
}
.nav-social a.nav-link {
color: #999;
padding: .5rem .7rem;
font-size: 18px
}
.nav-social a.nav-link:hover {
color: #C60C30
}
.nav-header a.nav-link {
color: #999;
padding: .5rem .7rem;
font-size: 14px
}
.nav-header a.nav-link:hover {
color: #C60C30
}
@media (min-width: 576px) {
.nav-pills-custom.nav-justified.nav-pills-event .nav-item {
max-width: 160px
}
}
@media only screen and (max-width: 600px) {
.nav-pills-custom.nav-justified.nav-pills-event {
background: #fff;
display: block
}
.nav-pills-custom.nav-justified.nav-pills-event .nav-item {
display: inline-block
}
.nav-pills-custom.nav-justified.nav-pills-event .nav-item a.nav-link {
border: 1px solid #999;
border-radius: 4px;
padding: .7rem;
margin: .3rem
}
}
@media only screen and (max-width: 600px) {
.row-tabs {
background-color: #fff;
padding-top: 1rem;
border-bottom: 1px solid #ddd;
padding-bottom: 1rem
}
}
.sps {
transition: all 0.25s ease
}
@media (min-width: 576px) {
.sps--blw {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9
}
}
.arrow-top {
display: none
}
@media (min-width: 576px) {
.arrow-top {
height: 70px;
position: fixed;
bottom: 1rem;
right: 0;
z-index: 9999999999;
display: block
}
.arrow-top .arrow-top-icon {
padding: 2rem;
color: rgba(198, 12, 48, 0.8);
font-size: 2rem;
cursor: pointer;
font-size: 3rem;
padding: 5rem
}
}
.btn,
button {
padding: .375rem 1.75rem
}
.btn.btn-primary {
background-color: #C60C30;
border: 1px solid #C60C30;
color: #fff !important
}
.btn.btn-primary:visited {
color: #ddd
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
background-color: #ae0b2a !important;
color: #fff
}
.btn.btn-red-line,
.btn.btn-red-line:visited {
background-color: transparent;
border: 1px solid #C60C30;
color: #C60C30
}
.btn.btn-red-line:hover,
.btn.btn-red-line:focus,
.btn.btn-red-line:active,
.btn.btn-red-line:visited:hover,
.btn.btn-red-line:visited:focus,
.btn.btn-red-line:visited:active {
background-color: #C60C30;
color: #fff !important
}
.btn.btn-yellow-line,
.btn.btn-home-slide {
background-color: transparent;
border: 1px solid #FECB00;
color: #FECB00
}
.btn.btn-yellow-line:hover,
.btn.btn-home-slide:hover {
background-color: #FECB00;
color: #212121 !important
}
.btn.btn-white-line {
background-color: transparent;
border: 1px solid #fff;
color: #fff !important
}
.btn.btn-white-line:hover {
background-color: #fff;
color: #444 !important
}
.btn.btn-gray-line {
background-color: transparent;
border: 1px solid #ddd;
color: #444
}
.btn.btn-gray-line:hover {
background-color: #ddd;
color: #212121
}
.btn-xs-block {
width: 100%
}
@media (min-width: 576px) {
.btn-xs-block {
width: auto
}
}
.btn.btn-icon {
color: #999;
padding: 0 .5rem;
border-left-color: #fff
}
.btn-default {
border: 1px solid #ddd
}
.btn.btn-social-icon {
padding: .1rem .2rem
}
.btn.btn-social-icon i {
font-size: 26px
}
.btn-half {
padding: .375rem;
width: 100%
}
.link-collapse {
cursor: pointer
}
.link-collapse[aria-expanded="true"] {
background-color: #C60C30
}
.link-collapse[aria-expanded="true"] h3 {
color: #fff
}
.link-collapse[aria-expanded="false"] {
background-color: transparent
}
.link-collapse[aria-expanded="false"] h3 {
color: #C60C30
}
.btn-plus {
padding: .5rem
}
.mwm_rrss_contenedor .mwm_rrss a {
color: #fff !important
}
span.mwm_rrss {
border-radius: 6px
}
@media (max-width: 767px) {
.mwm_rrss_contenedor {
display: block !important;
margin: 0 0 10px 0
}
}
.modal-header .close {
color: #666666
}
.fa-angle-up:hover,
.fa-angle-down:hover {
cursor: pointer !important
}
.form-control {
border-color: #ddd;
font-size: 15px
}
.form-control::placeholder {
color: #999
}
.input-group-prepend .input-group-text-custom {
background: #fff;
color: #999
}
.input-group-prepend+.form-control {
border-left: none
}
.form-group:last-of-type {
margin-bottom: 0
}
input[type=text].hidden-search {
width: 130px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out
}
input[type=text].hidden-search:focus {
width: 100%
}
#wpcf7-f45006-p45000-o1 input[type=checkbox] {
width: 20px !important
}
.table {
font-size: 14px
}
.table th {
white-space: nowrap !important;
border-top: 0
}
.table tr.active {
background: rgba(254, 203, 0, 0.1);
border-top: 1px solid #FECB00
}
.table.table-hidden {
font-size: 90%;
margin-bottom: 0
}
.table.table-hidden td,
.table.table-hidden th {
background: rgba(254, 203, 0, 0.1);
border-color: #FECB00
}
.table-sm {
font-size: 13px
}
.table.table-top-3 {
border-bottom: 1px solid #f2f2f2;
margin-bottom: 0
}
.table.table-top-3 tr:not(:last-child) {
border-bottom: 1px solid #ddd
}
.table.table-top-3 td {
padding: 0;
vertical-align: top;
border: 0
}
.table.table-top-3 td.td-position {
width: 50px
}
.table.table-top-3 td.td-position .font-title-regular {
font-size: 22px;
width: 100%;
text-align: center;
padding-right: 5px
}
.table.table-top-3 td.td-avatar {
width: 100px
}
.table.table-top-3 td .p-2 {
font-size: 14px
}
.table.table-top-3 .clip-position {
-webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
background: #FECB00;
color: #fff;
display: flex;
align-items: center;
padding: .5rem;
min-height: 100px;
text-align: center;
width: 50px
}
.table.table-top-3 .clip-position sup {
color: rgba(255, 255, 255, 0.7)
}
.table.table-top-3 img.img-ranking {
height: 100px
}
.table.table-v-center td,
.table.table-v-center th {
vertical-align: middle
}
.table.table-fixed>thead:first-child>tr:first-child>th:first-child {
position: absolute;
display: inline-block
}
.table.table-fixed>tbody>tr>td:first-child {
position: absolute;
display: inline-block;
background-color: #fff
}
.table.table-fixed>thead:first-child>tr:first-child>th:nth-child(2) {
padding-left: 40px
}
.table.table-fixed>tbody>tr>td:nth-child(2) {
padding-left: 50px !important
}
td.iconUp,
td.iconDown {
font-size: 14px
}
.table-fit th {
white-space: normal
}
@media (min-width: 576px) {
.table-fit {
table-layout: fixed;
width: 100%
}
}
table.table.table-results {
width: 100%;
max-width: 100%
}
table.table.table-results td {
vertical-align: middle !important;
font-size: 13px;
line-height: 15px
}
table.table.table-results .is-short {
width: 20px
}
th div.d-flex:hover {
cursor: pointer !important
}
.escolar {
color: #00BD9C !important
}
.institucional {
color: #19CE6E !important
}
.fed_autonomicas {
color: #EA4C37 !important
}
.paratriatlon {
color: #9C55B8 !important
}
.escuela_entrenadores {
color: #F2C600 !important
}
.nacionales {
color: #E87F0E !important
}
.tecnificacion {
color: #33485F !important
}
.oficiales {
color: #93b9c6 !important
}
.mujer_triatlon {
color: #d998cb !important
}
.internacional {
color: #5cbae6 !important
}
.dirección_tecnica,
.direccion_tecnica {
color: #5cbae6 !important
}
.escolar-bg {
background-color: #00BD9C
}
.institucional-bg {
background-color: #19CE6E
}
.autonomicas-bg {
background-color: #EA4C37
}
.paratriatlon-bg {
background-color: #9C55B8
}
.entrenadores-bg {
background-color: #F2C600
}
.nacionales-bg {
background-color: #E87F0E
}
.tecnica-bg {
background-color: #33485F
}
.default-bg,
a.default-bg {
background-color: #444
}
.andalucia {
background-color: #00913e;
color: #fff
}
.tag-text {
margin-bottom: 0
}
.tag-label {
-webkit-clip-path: polygon(0 0, 25% 0, 0 100%, 0 100%);
clip-path: polygon(0 0, 25% 0, 0 100%, 0 100%);
opacity: .85;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 20%;
height: 60%;
display: none
}
@media (min-width: 768px) {
.tag-label {
display: block
}
}
a.badge-tag,
.badge-tag {
color: #fff;
font-weight: 400;
padding: .2rem .3rem;
background: #999;
margin-right: 5px
}
a.badge-tag:hover,
.badge-tag:hover {
color: #fff;
background: #999
}
.small .fa-circle,
.tag-text .fa-circle,
.tag-text .fa-circle {
font-size: 6px;
margin-top: 5px;
float: left
}
section .carousel-cell.container {
padding-bottom: 0;
padding-top: 0
}
@media (min-width: 576px) {
section .carousel-cell.container {
height: 300px;
overflow: hidden
}
section .carousel-cell.container .row {
align-self: flex-start
}
}
.main-carousel {
background: #ae0b2a
}
@media (min-width: 576px) {
.main-carousel {
background: #212121
}
}
.carousel-cell {
background: #ae0b2a;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
opacity: .3
}
@media (min-width: 576px) {
.carousel-cell {
min-height: none;
overflow: auto;
height: auto
}
.carousel-cell img {
min-width: 570px
}
}
.carousel-cell .content {
padding: 1rem .5rem 2rem .5rem
}
@media (min-width: 576px) {
.carousel-cell .content {
padding: 1rem
}
}
.carousel-cell .content h1 {
color: #fff;
margin: .5rem 0;
padding: 0;
font-size: 18px
}
@media (min-width: 576px) {
.carousel-cell .content h1 {
font-size: 26px
}
}
.carousel-cell .content p.excerpt {
display: none
}
@media (min-width: 576px) {
.carousel-cell .content p.excerpt {
display: block
}
}
.carousel-cell .content .icon-multimedia {
font-size: 22px;
color: #fff;
opacity: .5
}
.carousel-cell .content p {
color: #fff
}
.carousel-cell .content p i {
display: none
}
.carousel-cell.is-selected {
opacity: 1
}
.carousel.is-fullscreen .carousel-cell {
height: 100%
}
.carousel-cell img {
display: block;
max-height: 100%
}
.flickity-page-dots {
bottom: 10px
}
.flickity-page-dots .dot {
background: #FECB00
}
.flickity-button {
background: transparent;
opacity: 0
}
@media (min-width: 576px) {
.flickity-button {
opacity: 1
}
}
.flickity-button:hover {
background: transparent
}
.flickity-button:hover .flickity-button-icon {
fill: #FECB00
}
.flickity-button .flickity-button-icon {
fill: #fff
}
@media (min-width: 768px) {
.clip-image {
-webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%)
}
}
.banner-slide {
width: 100%;
display: flex;
flex-direction: column
}
.banner-slide img {
width: 100%;
margin: 0 auto;
text-align: center;
height: auto;
order: 1
}
.banner-slide img:hover {
transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1)
}
.banner-slide .content {
display: block;
z-index: 2;
padding: 1rem;
position: relative !important;
order: 2;
background: none
}
@media (min-width: 576px) {
.banner-slide .content {
position: absolute !important;
padding: 2rem;
order: 1;
background: rgba(0, 0, 0, 0.4)
}
}
@media (min-width: 576px) {
.banner-slide {
max-height: 302px;
border-radius: 0;
display: block
}
}
.banner-slide .banner-text {
font-size: 16px
}
@media (min-width: 576px) {
.banner-slide .banner-text {
font-size: 18px
}
}
.box {
-webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
background: #fff;
margin-bottom: 1rem;
padding: 0
}
.box .content {
padding: 1rem .5rem
}
@media (min-width: 576px) {
.box .content {
padding: 2rem
}
}
@media (min-width: 576px) {
.box.box-hero {
margin-top: -60px
}
}
.card.card-custom {
margin-bottom: 1em;
border: none;
border-radius: 0;
position: relative;
-webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1)
}
.card.card-custom .card-img,
.card.card-custom .card-img-top {
border-radius: 0;
border-bottom: 1px solid #f2f2f2
}
.card.card-custom.bg-dark {
background: #000 !important
}
.card.card-custom.bg-yellow {
background: #FECB00 !important
}
.card.card-custom.b-0 {
border: none
}
.card.card-custom.card-border-top {
border-top: 2px solid #FECB00
}
.card.card-custom.no-shadow {
box-shadow: none;
border: 1px solid #ddd
}
a.is-ranking:hover {
background: #FECB00
}
a.is-video {
display: block;
position: relative;
cursor: pointer
}
a.is-video:hover .play {
color: #FECB00
}
a.is-video .play {
position: absolute;
z-index: 2;
display: flex;
color: #fff;
background: rgba(0, 0, 0, 0.3);
height: 100%;
width: 100%;
align-items: center;
justify-content: center
}
a.is-video .play i {
font-size: 4em
}
.card-video-list {
overflow: hidden
}
.icon-multimedia {
position: absolute;
top: 10px;
right: 10px;
color: #ddd;
z-index: 3
}
.card-custom.card-rankings {
-webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
padding-bottom: 0;
margin-bottom: 2rem;
border: none
}
.card-custom.card-rankings a.link-title {
display: block;
min-height: 70px
}
.card-custom.card-rankings a.link-title h2,
.card-custom.card-rankings a.link-title .hero .claim,
.hero .card-custom.card-rankings a.link-title .claim {
font-size: 18px
}
.card.card-custom.card-ranking-list {
margin-bottom: 2rem
}
.card.card-custom.card-ranking-list h2,
.card.card-custom.card-ranking-list .hero .claim,
.hero .card.card-custom.card-ranking-list .claim {
font-size: 22px;
height: 50px
}
.card-atleta-list {
border-radius: 0;
-webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
background: #fff;
margin-bottom: 1.5rem
}
.card-atleta-list .media-body {
padding: .5rem 0 0 .5rem
}
@media (min-width: 576px) {
.card-atleta-list .link-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 225px;
display: block;
font-size: 15px
}
}
.card-atleta-list img.img-atleta-th {
width: 75px;
height: 75px;
object-fit: cover;
border: 2px solid #ddd;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px;
margin: .3rem .5rem;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: .75
}
.card-atleta-list p {
font-size: 12px;
text-transform: uppercase
}
@media (min-width: 576px) {
.card-atleta-list p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 225px
}
}
@media (min-width: 768px) {
.card-atleta-list p.nombre-club,
.card-atleta-list p.nombre-atleta {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 225px
}
}
ul.list-flag {
list-style: none;
display: flex;
align-items: center;
margin: .5rem 0;
padding: 0;
line-height: 1
}
ul.list-flag img.img-flag {
width: 16px;
height: 12px;
margin-right: .5rem;
margin-top: -2px
}
.card-atleta {
border-radius: 0;
margin-top: 1rem;
-webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
background: #fff
}
.card-atleta img.img-atleta {
width: 120px;
height: 120px;
object-fit: cover
}
.card-atleta h1 {
font-size: 22px
}
@media (min-width: 576px) {
.card-atleta h1 {
font-size: 28px;
padding: 0 0 1rem 0
}
}
.card-atleta .bg-dark {
color: #ddd
}
.card-atleta .bg-dark h1,
.card-atleta .bg-dark h3 {
color: #fff
}
.card-atleta ul.list-big-numbers {
text-align: center;
padding: .5rem 0 0 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
list-style: none;
margin: 1rem 0;
display: flex;
align-items: center;
justify-content: space-around
}
.card-atleta ul.list-big-numbers .number {
font-family: "Geogrotesque-Regular";
font-size: 1.9rem;
margin-bottom: 0
}
.logo-club {
height: 60px;
width: 100%;
margin-bottom: 1rem;
display: table
}
.logo-club img {
height: 100%;
width: auto
}
.card-icon {
display: none
}
@media (min-width: 576px) {
.card-icon {
position: absolute;
display: block;
color: #ddd;
font-size: 30px;
top: .5rem;
right: 1rem
}
.card-icon+.link-title {
max-width: 96%
}
.card-icon img {
max-width: 50px
}
}
.box.event #map {
height: 230px
}
@media (min-width: 576px) {
.box.event #map {
margin-bottom: 0;
height: 100%
}
}
.box.event .content {
padding-top: .5rem
}
@media (min-width: 576px) {
.box.event .content {
padding-top: 2rem
}
}
.box.event .content .card.card-custom {
box-shadow: none
}
.box.event .header {
background: #212121
}
.box.event .header img {
cursor: zoom-in
}
@media (min-width: 576px) {
.box.event .header.bg-event {
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover
}
}
.box.event .header h1 {
color: #212121;
padding-top: 0
}
.box.event .header .container {
padding-top: 0;
padding-bottom: 0
}
.box.event .header .event-info {
color: #f2f2f2
}
.box.event .header .event-info h1 {
color: #fff
}
.box.event .header .event-info a {
color: #FECB00
}
.card.card-ficha-evento {
padding: 1rem;
margin-bottom: 1rem
}
@media (min-width: 576px) {
.card.card-ficha-evento {
padding: 1rem
}
}
.card.card-ficha-evento ul {
margin-left: 1rem
}
.card-collapse h3::after {
content: "";
border-top: 0.3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
position: absolute;
right: 1rem;
top: 1.3rem
}
.card.card-news img {
max-width: 100%;
height: auto
}
.card.card-news img:hover {
cursor: pointer
}
.card.card-news .card-body ol,
.card.card-news .card-body ul {
margin-left: 25px
}
img.img-sponsor {
text-align: center;
padding: 0rem;
max-height: 80px;
margin-bottom: 2rem
}
@media (min-width: 576px) {
img.img-sponsor {
padding: .5rem;
margin-bottom: 0;
border: none
}
}
h4.h4-sponsors {
color: #ddd;
font-family: "Roboto Condensed", sans-serif;
font-size: 12px;
text-transform: uppercase;
padding-bottom: 1em;
border-bottom: 1px solid #ddd
}
.hero {
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
display: flex;
position: relative;
z-index: 0;
background-position: top center
}
@media (min-width: 576px) {
.hero {
min-height: 400px
}
}
.hero.bg-hero-competiciones {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-competiciones.jpg)
}
.hero.hero-liga-triatlon {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-triatlon.jpg)
}
.hero.hero-liga-duatlon {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-duatlon.jpg)
}
.hero.hero-liga-duatlon-fem {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-liga-duatlon-fem.jpg)
}
.hero.hero-liga-duatlon-mas {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-liga-duatlon-mas.jpg)
}
.hero.hero-resultados {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-resultados.jpg)
}
.hero.hero-escolar {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-escolar.jpg)
}
.hero.hero-iberdrola {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-iberdrola.jpg)
}
.hero.hero-loterias {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-loterias.jpg)
}
.hero.bg-hero-atletas {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-atletas.jpg)
}
.hero.hero-atletas-ranking {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-atletas-ranking.jpg)
}
.hero.bg-hero-clubes {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-clubes.jpg)
}
.hero.hero-clubes-ranking {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-clubes-ranking.jpg)
}
.hero.hero-oficiales-estructura {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-oficiales-estructura.jpg)
}
.hero.hero-oficiales-documentos {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-oficiales-documentos.jpg)
}
.hero.hero-oficiales-administracion {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-oficiales-administracion.jpg)
}
.hero.hero-oficiales-formacion {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-oficiales-formacion.jpg)
}
.hero.hero-oficiales-certificacion {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-oficiales-certificacion.jpg)
}
.hero.hero-oficiales-sfto {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-oficiales-sfto.jpg)
}
.hero.hero-tecnica-calendario {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-tecnica-calendario.jpg)
}
.hero.hero-tecnica-criterios {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-tecnica-criterios.jpg)
}
.hero.hero-tecnica-convocatorias {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-tecnica-convocatorias.jpg)
}
.hero.hero-tecnica-listas {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-tecnica-listas.jpg)
}
.hero.hero-tecnica-tecnificacion {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-tecnica-tecnificacion.jpg)
}
.hero.hero-tecnica-ayudas {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-tecnica-ayudas.jpg)
}
.hero.hero-tecnica-csd {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-tecnica-csd.jpg)
}
.hero.hero-paratriatlon-calendario {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-paratriatlon-calendario-new.jpg)
}
.hero.hero-paratriatlon-clases {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-paratriatlon-clases.jpg)
}
.hero.hero-paratriatlon-clasificacion {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-paratriatlon-clasificacion.jpg)
}
.hero.hero-paratriatlon-criterios {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-paratriatlon-criterios.jpg)
}
.hero.hero-paratriatlon-convocatorias {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-paratriatlon-convocatorias.jpg)
}
.hero.hero-paratriatlon-ayudas {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-paratriatlon-ayudas.jpg)
}
.hero.hero-ggee-calendario {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-ggee-calendario.jpg)
}
.hero.hero-ggee-uniformidad {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-ggee-uniformidad.jpg)
}
.hero.hero-ggee-programa {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-ggee-programa.jpg)
}
.hero.bg-escuela {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/bg-escuela.jpg)
}
.hero.bg-hero-reglamentos {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-reglamentos.jpg)
}
.hero.bg-hero-normativas {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-normativas.jpg)
}
.hero.bg-hero-circulares {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-circulares.jpg)
}
.hero.bg-hero-area-recursos {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-area-recursos.jpg)
}
.hero.hero-organizacion {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-organizacion.jpg)
}
.hero.hero-transparencia {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-transparencia.jpg)
}
.hero.hero-ffaa {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-ffaa.jpg)
}
.hero.hero-mujer {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-mujer.jpg)
}
.hero.hero-antidopaje {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-antidopaje.jpg)
}
.hero.hero-entrenamiento {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/hero-entrenamiento.jpg)
}
.hero.bg-tienda {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//triatlon.org/wp-content/themes/theme_propio/images/hero/bg-tienda.jpg)
}
@media (min-width: 576px) {
.hero {
padding-bottom: 5rem
}
}
.hero .claim {
color: #fff
}
.hero h1,
h1.h1-hero {
color: #fff
}
@media (min-width: 576px) {
.hero h1,
h1.h1-hero {
font-size: 55px;
margin: 0;
padding: 0
}
}
@media (min-width: 576px) {
.over-hero {
margin-top: -75px
}
}
@media (max-width: 767px) {
.img-sponsor-hero {
max-width: 80px !important
}
}
.img-bordered {
border: 1px solid #ddd
}
.img-aepsad {
max-width: 250px
}
.img-austral {
max-width: 200px;
text-align: right
}
.img-infed,
.img-itu-tech,
.img-csd {
max-width: 200px
}
img.img-liga-iberdrola {
max-width: 100px
}
.img-car {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%
}
@media (min-width: 576px) {
.img-car {
max-width: 280px
}
}
.img-patrocinadores {
border: 1px solid #ddd;
margin-bottom: 1rem
}
.img-patrocinadores:hover {
cursor: pointer
}
@media (min-width: 576px) {
.img-patrocinadores-modal {
max-width: 300px;
margin: 0 auto;
text-align: center
}
}
.mwm_rrss img {
max-width: 16px !important;
height: 16px !important
}
@media (min-width: 576px) {
img.alignright {
float: right;
margin-left: 1rem
}
}
@media (min-width: 576px) {
img.alignleft {
float: left;
margin-right: 1rem
}
}
#myImg {
border-radius: 5px;
cursor: pointer;
transition: 0.3s
}
#myImg:hover {
opacity: 0.7
}
.modal2 {
display: none;
position: fixed;
z-index: 12;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #000;
background-color: rgba(0, 0, 0, 0.9)
}
.modal-content {
margin: auto;
display: block;
width: 80%;
max-width: 700px
}
#caption {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
text-align: center;
color: #ccc;
padding: 10px 0;
height: 150px
}
.modal-content,
#caption {
animation-name: zoom;
animation-duration: 0.6s
}
@keyframes zoom {
from {
transform: scale(0)
}
to {
transform: scale(1)
}
}
.close {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s
}
.close:hover,
.close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer
}
@media only screen and (max-width: 700px) {
.modal-content {
width: 100%
}
}
.logo-escuela-neg {
max-width: 250px
}
#gallerycontainer a.gallerytitle {
color: #212121;
font-size: 20px;
padding: 1rem;
-webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
display: block;
font-family: "Geogrotesque-Medium";
margin: 0 0 1rem 0;
width: 100%
}
@media (min-width: 576px) {
#gallerycontainer a.gallerytitle {
margin: 0 1rem 1rem 1rem;
width: 344px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
}
#gallerycontainer {
padding: 1rem 0;
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(1, 14vw)
}
@media (min-width: 768px) {
#gallerycontainer {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(4, 14vw)
}
}
@media (min-width: 576px) {
#gallerycontainer {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 14vw)
}
}
#gallerycontainer img {
width: 100%;
height: 100%;
object-fit: cover
}
#albumcontainer {
display: flex;
flex-wrap: wrap
}
#albumcontainer p {
margin: 1rem;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 1;
max-width: 22%;
border: 1px solid #ddd;
background: #fff;
padding: 1rem;
-webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
cursor: pointer
}
@media only screen and (max-width: 600px) {
.gallery-item {
width: 100% !important
}
}
.videoWrapper {
position: relative;
width: 100%;
height: 0;
background-color: #000
}
.videoWrapper43 {
padding-top: 75%
}
.videoWrapper169 {
padding-top: 56%
}
.videoIframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent
}
.videoPoster {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
cursor: pointer;
border: 0;
outline: none;
background-position: 50% 50%;
background-size: 100% 100%;
background-size: cover;
text-indent: -999em;
overflow: hidden;
opacity: 1;
-webkit-transition: opacity 800ms, height 0s;
-moz-transition: opacity 800ms, height 0s;
transition: opacity 800ms, height 0s;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
transition-delay: 0s, 0s
}
.videoPoster:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
margin: -20px 0 0 -10px;
border-left: 40px solid #fff;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
transition: border-color 300ms
}
.videoPoster:hover:before,
.videoPoster:focus:before {
border-color: #C60C30
}
.videoPoster:hover:after,
.videoPoster:focus:after {
border-left-color: #C60C30
}
.videoWrapperActive .videoPoster {
opacity: 0;
height: 0;
-webkit-transition-delay: 0s, 800ms;
-moz-transition-delay: 0s, 800ms;
transition-delay: 0s, 800ms
}
.card-news iframe {
width: 100% !important;
min-width: 100% !important
}
#cookie-law-info-bar {
z-index: 9999999999
}
.sow-hero {
position: relative;
z-index: 1
}
.sow-hero h1.h1-sow-hero {
padding-bottom: 6rem;
text-shadow: none
}
@media (min-width: 576px) {
.sow-hero p.claim {
font-size: 22px !important;
margin-top: 0 !important
}
}
.sow-overhero {
z-index: 1;
position: relative;
margin-top: 0
}
@media (min-width: 576px) {
.sow-overhero {
margin-top: -47px !important
}
}
.sow-tabs .sow-tabs-tab-container {
display: flex;
flex-direction: column;
padding: 0 !important
}
@media (min-width: 576px) {
.sow-tabs .sow-tabs-tab-container {
flex-direction: row;
background-color: rgba(0, 0, 0, 0.5) !important
}
}
.sow-tabs .sow-tabs-panel-container .sow-tabs-panel {
padding: 1.5rem !important;
-webkit-box-shadow: 0px 6px 12px -2px rgba(0, 0, 0, 0.31);
-moz-box-shadow: 0px 6px 12px -2px rgba(0, 0, 0, 0.31);
box-shadow: 0px 6px 12px -2px rgba(0, 0, 0, 0.31);
margin-bottom: 2rem !important
}
.ow-button-base a {
background: #C60C30;
color: #fff
}
@media (min-width: 320px) and (max-width: 480px) {
.sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
width: 100%;
display: block
}
}
.sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
background-color: #fff !important;
border: 1px solid #ddd;
border-top: none !important
}
.sow-tabs .sow-tabs-panel-container {
background: #ffffff !important
}
.sow-tabs .sow-tabs-tab-container .sow-tabs-tab.sow-tabs-tab-selected,
.sow-tabs .sow-tabs-tab-container .sow-tabs-tab:hover {
background: #ffffff !important
}
.sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
border-color: transparent !important;
padding: 15px !important
}
.sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
background-color: #ffffff !important;
border: 1px solid #ddd;
box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1)
}
.sow-accordion-title,
.sow-icon-fontawesome.sow-fas {
color: #C60C30 !important
}
.sow-accordion-panel.sow-accordion-panel-open .sow-accordion-panel-header {
background-color: #C60C30 !important
}
.sow-accordion-panel.sow-accordion-panel-open .sow-accordion-panel-header .sow-accordion-title,
.sow-accordion-panel.sow-accordion-panel-open .sow-accordion-panel-header .sow-icon-fontawesome.sow-fas {
color: #ffffff !important
}
.sow-tabs .sow-tabs-tab-container .sow-tabs-tab .sow-tabs-title {
line-height: 1 0.2 !important
}
.sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
font-size: 15px !important;
line-height: 1 0.2 !important
}
.sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
margin: 0 !important
}
.sow-slider-image-container {
height: 350px !important
}
.ow-button-base a {
background: #C60C30 !important;
color: #fff !important;
border-color: #C60C30 !important
}
.sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {
height: 250px !important
}
@media (min-width: 576px) {
.sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {
height: 400px !important
}
}
button,
div,
input:focus,
textarea {
outline: none !important
}
@media (max-width: 767px) {
.so-widget-sow-hero-default-23157ae72515 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h1 {
font-size: 18px
}
}
@media (max-width: 767px) {
.so-widget-sow-hero-default-23157ae72515 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper p {
font-size: 12px;
float: left
}
}
.pos {
width: 8%;
}