@charset "utf-8";
/* CSS Document */

body {
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    font-size: 1.1rem;
    color: #2B2B2D;
    line-height: 1.4rem;
}

.text-sm {font-size: 1rem;}
.text-shadow {text-shadow: 2px 2px rgba(0,0,0,0.6);}
strong {font-weight: 500;}

a {color: #3596ff;}

h1, h2, h3, h4, h5 {font-family: 'Bebas Neue', cursive; line-height: 1em;}
h1 {font-size: 4rem;}
h2 {font-size: 3rem;}
h3 {font-size: 2.5rem;}
h4 {font-size: 2rem;}
h5 {font-size: 1.6rem;}

.jumbo {font-size: 8rem;}


/*lineas*/
.dotted-white {border: none; border-bottom: dotted 3px #FFF;}
.dotted-grey {border: none; border-bottom: dotted 3px #CCC;}
.dotted-blue {border: none; border-bottom: dotted 3px #03c2ec;}

/*container*/
.container {padding-left: 30px; padding-right: 30px;}
.container-1000 {max-width: 1000px;}
.container-900 {max-width: 900px;}
.container-800 {max-width: 800px;}
.container-600 {max-width: 600px;}
.container-400 {max-width: 400px;}

/*redondeado large*/
.big-rounded {border-radius: 1rem;}

/*colores*/
.bg-azul1 {background-color: #010b37;}
.bg-azul2 {background-color: #007bd6;}
.bg-azul3 {background-color: #37b8ff;}
.bg-naranja {background-color: #ff7c0e;}
.bg-black {background-color: #000;}

.bg-waves {background: #2d0601 url("../img/background-waves.jpg") top center; background-size: cover; background-attachment: fixed;}
.bg-foto1 {background: #2d0601 url("../img/bg-atletas.jpg") left bottom no-repeat; background-size: cover; background-attachment: fixed;}
.bg-sorteo {background: #010b37 url("../img/bg-sorteo.png") center center no-repeat; background-size: cover;}

.bg-gradient {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#011657+0,005797+40,a85e2f+63,2d0b00+100 */
	background: -webkit-linear-gradient(top left, #011657 0%, #005797 40%, #a85e2f 63%, #2d0b00 100%);
	background: -o-linear-gradient(top left, #011657 0%, #005797 40%, #a85e2f 63%, #2d0b00 100%);
	background: linear-gradient(to bottom right, #011657 0%, #005797 40%, #a85e2f 63%, #2d0b00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.text-azul1 {color: #010b37;}
.text-azul2 {color: #007bd6;}
.text-azul3 {color: #37b8ff;}
.text-naranja {color: #ff7c0e;}

/*botones*/
.btn {border-radius: 1em; transition: all 0.2s linear 0.05s;}
.btn:hover {transform: scale(1.1);}

.btn-azul1, .btn-azul2, .btn-naranja {border: solid 2px #FFF; font-style: italic; font-weight: bold;}
.btn-azul1, .btn-azul2, .btn-naranja, .btn-azul1:hover, .btn-azul1:active, .btn-azul2:hover, .btn-azul2:active, .btn-naranja:hover, .btn-naranja:active { color: #FFF;}
.btn-azul1 {background-color: #010b37;}
.btn-azul2 {background-color: #007bd6;}
.btn-naranja {background-color: #ff7c0e;}
.btn-azul1:hover, .btn-azul1:active {background-color: #007bd6;}
.btn-azul2:hover, .btn-azul2:active {background-color: #010b37;}
.btn-naranja:hover, .btn-naranja:active {background-color: #2d0601;}


/*HEADER*/
header {background-color: #03051c;}
.logo-header {width: 25%; max-width: 480px;}

/*NAV*/
.navbar-dark .navbar-nav .nav-link {font-weight: bold; color: #FFF; padding: 0 1em; transition: all 0.2s linear 0.05s;}
.navbar-dark .navbar-nav .nav-link:hover {color: #ff7c0e; transform: scale(1.12);}

/*SPONSORS*/
.sponsors div {padding: 2px;}
.sponsors img {width: 100%; background-color: white;}

/*BOT BACK TO TOP*/
#top-button {display: none; width: 100%; text-align: center; position: fixed; bottom: 0; z-index: 100;}
#top-button a {background: #010b37; padding: 0.5rem 0.8rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem;}
#top-button a, #top-button a:hover, #top-button a:visited, #top-button a:active {color: #FFF;}

/*FOOTER*/
.footer-img {width: 100%;}
@media (max-width:768px) and (orientation:portrait) {.footer-img {width: 200%;}}

footer {font-size: 1rem;}
footer a, footer a:hover, footer a:active, footer a:visited {color: #FFF;}
img.jk-credit {width: 40%; max-width: 120px;}