@charset "UTF-8";

/* ALL (EXCEPT MOBILE) */
@media(min-width:768px) {
	.hidden-sm, .hidden-md { display: inline-block; }
	.visible-sm, .visible-md { display: none; }
	#all-stories .card { width: 360px; height: 650px; }
}


/* XL - Extra large devices (Large desktops) */
@media (min-width: 1200px) {
	#sponsors .card-lg { min-height: 420px; }
}


/* LG - Large devices (Desktops and Landscape tablets) */
@media (min-width: 992px) and (max-width: 1199px) {

	body { font-size: 15px; line-height: 1.6; }

	h1 { font-size: 36px; letter-spacing: -2px; }
	h2 { font-size: 24px; letter-spacing: -1px; }
	h3 { font-size: 19px; letter-spacing: -1px; }
	h4 { font-size: 16px; letter-spacing: -0.5px; }
	h5 { font-size: 15px; letter-spacing: -0.3px; }
	p, ol, ul { letter-spacing: -0.1px; }
	.lead { font-size: 18px; }

	.nav-fullscreen ul { line-height: 1.55; }
	.nav-fullscreen .nav-container ul li { font-size: 40px; }
	.nav-fullscreen .footer-container { bottom: 30px; }

	#header { height: 330px; background-position: center center; }
	#header h1 { font-size: 44px; bottom: -12px; }

	section { padding: 80px 0; }
	main section.section-mountains { padding-bottom: 140px; }
	main section:last-child { padding-bottom: 180px; }
	.boxed .col-sm-6 .boxed-text { padding: 30px 30px 20px 30px; }
	.boxed dl dt { font-size: 12px; letter-spacing: 0.3px; line-height: 1.65; }
	.boxed dl dd { font-size: 15px; line-height: 1.3; margin-bottom: 10px; }
	.section-heading { font-size: 15px; letter-spacing: 1px; padding-bottom: 50px; margin-bottom: 20px; }
	.section-heading::after { bottom: 10px; height: 30px; }
	.section-heading-normal { font-size: 15px; letter-spacing: 1px; padding-bottom: 25px; }

	.card-month .card.card-inner { top: 44px; }

	#about-home .overlap-img-wrapper { height: 400px !important; }
	#about .overlap-img-wrapper { height: 540px !important; }
	.overlap-img-wrapper .overlap-img { width: 308px; height: 224px; }
	#featured .card { height: 460px; }

	#retos { padding-bottom: 50px; }
	.featured { margin-bottom: 130px; }
	.featured:hover img { box-shadow: 0 10px 20px 0 rgba(0,0,0,0.20); transform: none; }
	.featured .featured-text { height: auto; padding: 20px; }
	.featured:hover .featured-text { height: auto; bottom: -100px; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.20); }
	.featured .featured-text h6 { font-size: 12px; }
	.featured .featured-text h3 { font-size: 16px; }
	.featured .featured-text p { opacity: 1; font-size: 14px; line-height: 1.45; transition: none; }
	#timeline, #dates, #issues,	#issues li { height: 630px; }
	#timeline #issues { overflow: visible; }
	#issues { width: 90%; }
	#issues li { overflow: visible; }
	#issues li img { width: 75%; }
	#issues li h2 { font-size: 24px; margin: 30px 0 0 0; }
	#issues li p { font-size: 15px; margin: 0 0 15px 0; }
	#next, #prev { right: 10%; }
	#next { bottom: 49%; }
	#prev { top: 36%; }

	#single .blockquote { border-left: 3px solid #50E3C2; padding-left: 20px; font-size: 18px; }
	#prev-next { padding-top: 40px; padding-bottom: 140px; }
	#prev-next .date { font-size: 14px; }
	#prev-next::after { top: 15%; }

	#material #nav-wrapper { margin-bottom: 40px; }
	#material .nav-pills li { margin-right: 8px; font-size: 15px; }

	#training-routes .card {  }
	.owl-dots { left: -310px; }

	.btn { padding: 0.5em 1em; font-size: 15px; }
	.btn-lg { padding: 0.6em 1.6em; font-size: 16px; }

}


/* MD - Medium devices (Vertical tablets) */
@media (min-width: 768px) and (max-width: 991px) {

	body { font-size: 15px; line-height: 1.6; }

	h1 { font-size: 36px; letter-spacing: -2px; }
	h2 { font-size: 22px; letter-spacing: -1px; }
	h3 { font-size: 19px; letter-spacing: -1px; }
	h4 { font-size: 16px; letter-spacing: -0.5px; }
	h5 { font-size: 15px; letter-spacing: -0.3px; }
	h6 { font-size: 13px; }
	p, ol, ul { letter-spacing: -0.1px; }
	.lead { font-size: 18px; }

	.navbar { top: -1px; }
	.nav-fullscreen ul { line-height: 1.65; }
	.nav-fullscreen .nav-container ul li { font-size: 32px; }
	.nav-fullscreen .nav-container ul li a::before { top: 0.7em; }
	.nav-fullscreen .nav-container ul li a:hover::before,
	.nav-fullscreen .nav-container ul li a:focus::before { display: none; }
	.nav-fullscreen .nav-container ul li svg { width: 16px; top: -4px; }
	.nav-fullscreen .footer-container ul li { font-size: 16px; }

	#header { height: 320px; background-position: center center; }
	#header h1 { font-size: 44px; bottom: -20px; }

	main section { padding: 70px 0; }
	main section.section-mountains { padding-bottom: 120px; }
	main section:last-child { padding-bottom: 150px; }
	.boxed .col-sm-6 .boxed-text { padding: 30px 30px 23px 30px; }
	.boxed dl dt { font-size: 11px; letter-spacing: 0.3px; line-height: 1.65; }
	.boxed dl dd { font-size: 13px; line-height: 1.4; margin-bottom: 7px; }
	.section-heading { font-size: 14px; letter-spacing: 1px; padding-bottom: 50px; margin-bottom: 20px; }
	.section-heading::after { bottom: 10px; height: 24px; }
	.section-heading-normal { font-size: 14px; letter-spacing: 1px; padding-bottom: 25px; }

	.card-month .card.card-inner { top: 44px; }

	#about-home .overlap-img-wrapper { height: 360px !important; }
	#about .overlap-img-wrapper { height: 520px !important; overflow: visible; }
	.overlap-img-wrapper .overlap-img { width: 298px; height: 210px; }
	#featured .card { height: 360px; border-bottom: 10px solid #fff; }
	#featured .col-lg:last-child .card { border-bottom: none; }
	#featured .card:hover { transform: scale(1); border-radius: 0; box-shadow: none; }
	#featured .card a { bottom: 0px; }
	#featured .card .card-body { width: 80%; bottom: 50px; left: 10%; }
	#featured .card:hover .card-body { bottom: 50px; }
	#featured .card .card-body .btn { opacity: 1; }
	#timeline #issues { overflow: visible; }
	#timeline, #dates, #issues,	#issues li { height: 600px; }
	#issues li img { width: 75%; }
	#issues li img { box-shadow: 0 10px 20px 0 rgba(0,0,0,0.20); }
	#issues li h2 { font-size: 21px; margin: 30px 0 0 0; }
	#issues li p { margin: 0 0 15px 0; }
	#next, #prev { display: none !important; }

	#single .blockquote { border-left: 3px solid #50E3C2; padding-left: 20px; font-size: 18px; }
	#prev-next { padding-top: 70px; padding-bottom: 120px; }
	#prev-next .date { font-size: 14px; }

	#retos { padding-bottom: 40px; }
	.featured { margin-bottom: 130px; }
	.featured:hover img { box-shadow: 0 10px 20px 0 rgba(0,0,0,0.20); transform: none; }
	.featured .featured-text { height: auto; padding: 20px; }
	.featured:hover .featured-text { height: auto; bottom: -100px; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.20); }
	.featured .featured-text h6 { font-size: 12px; }
	.featured .featured-text h3 { font-size: 16px; }
	.featured .featured-text p { opacity: 1; font-size: 14px; line-height: 1.45; transition: none; }

	#material #nav-wrapper { margin-bottom: 30px; }
	#material .nav-pills li { margin-right: 8px; font-size: 14px; }

	#training-routes { padding-bottom: 210px; }
	#training-routes,
	#training-routes .text-left { text-align: center !important; }
	#training-routes .card { width: 330px; text-align: left; }
	.slider-belt-right { width: 100%; }
	.owl-dots { bottom: -20px; left: 0; width: 100%; }

	#footer #copyright { font-size: 13px; line-height: 1.2; }

	.btn { padding: 0.5em 1em; font-size: 14px; }
	.btn-lg { padding: 0.6em 1.2em; font-size: 16px; }
	form .text-right { text-align: left !important; }

}


/* SM - Small devices (Phones) */
@media (max-width: 767px) {

	body { font-size: 14px; line-height: 1.6; }

	h1 { font-size: 36px; }
	h2 { font-size: 22px; }
	h3 { font-size: 19px; }
	h4 { font-size: 16px; }
	h5 { font-size: 15px; }
	h6 { font-size: 13px; }
	p, ol, ul { letter-spacing: -0.15px; margin-bottom: 15px; }
	.lead { font-size: 17px; }

	.navbar { padding-left: 0; padding-right: 0; height: 50px; }
	.navbar .navbar-brand svg { width: auto; height: 17px; }
	.navbar .dropdown { margin-left: 0; }
	.navbar .navbar-toggle { margin-left: 10px; }

	.nav-fullscreen { padding: 0 15px 50px 15px; }
	.nav-fullscreen ul { line-height: 1.65; margin-bottom: 0 !important; }
	.nav-fullscreen .nav-container { padding-top: 80px; }
	.nav-fullscreen .nav-container ul li { font-size: 28px; }
	.nav-fullscreen .nav-container ul li a:hover::before,
	.nav-fullscreen .nav-container ul li a:focus::before { display: none; }
	.nav-fullscreen .nav-container ul li svg { width: 14px; top: -4px; }
	.nav-fullscreen .nav-container,
	.nav-fullscreen .footer-container { position: relative; top: auto !important; bottom: auto !important; left: 0; transform: translate(0%,0%); }
	.nav-fullscreen .footer-container ul { margin-top: 30px; }
	.nav-fullscreen .footer-container ul li { font-size: 18px; }

	#header { height: 220px; background-position: top center; background-size: auto; background-attachment: scroll; }
	#header::after { background-color: rgba(231,69,70,0.25); }
	#header h1 { font-size: 32px; text-align: center; bottom: -20px; }
	#header cite { font-size: 32px; }
	#header cite::before { display: none; }

	#hero-slider .item { height: 92vh; }

	#all-stories { padding-bottom: 35px; }
	#all-stories .card { width: 90%; height: auto; }
	#all-stories .card .card-body .card-more,
	#all-stories .card .card-body .btn { display: none; }

	main section { padding: 50px 0; }
	main section.section-mountains { padding-bottom: 85px; }
	main section:last-child { padding-bottom: 100px; }
	.boxed .col-sm-6 { min-height: 280px; }
	.boxed .col-sm-6 .boxed-text { padding: 50px 30px; }
	.boxed dl dt { font-size: 12px; letter-spacing: 0.3px; line-height: 1.65; }
	.boxed dl dd { font-size: 14px; line-height: 1.4; margin-bottom: 20px; }
	.section-heading { font-size: 14px; letter-spacing: 1px; padding-bottom: 50px; margin-bottom: 20px; }
	.section-heading::after { bottom: 10px; height: 24px; }
	.section-heading-normal { font-size: 14px; letter-spacing: 1px; padding-bottom: 25px; }

	.card-month .card.card-inner { top: 41px; }

	#about-home .overlap-img-wrapper { height: 300px !important; }
	#about .overlap-img-wrapper { height: 380px !important; overflow: visible; }
	.overlap-img-wrapper { margin-top: 50px; overflow: hidden; }
	.overlap-img-wrapper .overlap-img { width: 248px; height: 174px; }
	#featured .card { height: 360px; border-bottom: 10px solid #fff; }
	#featured .col-lg:last-child .card { border-bottom: none; }
	#featured .card:hover { transform: scale(1); border-radius: 0; box-shadow: none; }
	#featured .card a { bottom: 0px; }
	#featured .card .card-body { width: 80%; bottom: 50px; left: 10%; }
	#featured .card:hover .card-body { bottom: 50px; }
	#featured .card .card-body .btn { opacity: 1; }

	#single .blockquote { border-left: 3px solid #50E3C2; padding-left: 20px; font-size: 18px;}
	#single article img.float-left,
	#single article img.float-right { transform: none; float: none; width: 100%; }
	#prev-next { padding-top: 50px; padding-bottom: 100px; }
	#prev-next .date { font-size: 13px; }
	#prev-next .row .col-md-4:first-child { margin-bottom: 30px; }
	#prev-next::after { display: none; }

	.featured { margin-bottom: 130px; }
	.featured:hover img { box-shadow: 0 10px 20px 0 rgba(0,0,0,0.20); transform: none; }
	.featured .featured-text { height: auto; padding: 20px; }
	.featured:hover .featured-text { height: auto; bottom: -100px; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.20); }
	.featured .featured-text h6 { font-size: 12px; }
	.featured .featured-text h3 { font-size: 16px; }
	.featured .featured-text p { opacity: 1; font-size: 14px; line-height: 1.45; transition: none; }
	#timeline, #issues, #issues li { height: 520px; }
	#dates { display: none; }
	#timeline #issues { overflow: visible; }
	#issues li img { margin: 0 auto; width: 75%; }
	#issues li h2 { font-size: 18px; margin: 30px 0 0 0; }
	#issues li p { font-size: 13px; margin: 0 0 10px 0; }
	#next, #prev { left: 3%; right: auto; line-height: 32px; width: 32px; height: 32px; }
	#next { bottom: 42.5%; }
	#prev { top: 42.5%; }
	#palmares-selected .card-header,
	#palmares-years .card-header { text-align: center; }

	.calendar-prev-next { margin-bottom: 30px; }
	.calendar-prev-next .calendar-prev,
	.calendar-prev-next .calendar-next { padding: 4px; }

	#material #nav-wrapper { display: none; }
	#material .card { border: 1px solid #eee; }
	#material .card, #material .card:hover { box-shadow: none; }
	#material .card .card-top .btn { display: none; }
	#material .card .card-top::after { display: none; }
	#material .card-body { padding: 20px; }

	.spotify-wrapper { margin-top: 30px; }
	#training-routes,
	#training-routes .text-left { text-align: center !important; }
	#training-routes .card { width: 345px; height: 520px; text-align: left; }
	.slider-anchor { height: 540px; margin-top: 20px; }
	.slider-belt-right { height: 540px; width: 100%; top: 0; left: 0; }
	#media-slider.owl-carousel, #hero-slider.owl-carousel { padding: 0px!important; }
	.owl-dots { position: absolute; bottom: 20px; left: 15px; }

	#footer,
	#footer .text-right { text-align: center !important; }
	#footer #sponsors .sep { width: 55px; height: 2px; margin: 20px auto; }
	#copyright { font-size: 14px; }
	#copyright .list-credits { margin-top: 20px; margin-bottom: 20px; }

	.hidden-sm, .hidden-md { display: none; }
	.visible-sm, .visible-md { display: inline-block; }

	.btn { padding: 0.5em 1em; font-size: 14px; }
	.btn-lg { padding: 0.6em 1.2em; font-size: 15px; }
	form .text-right { text-align: left !important; }

}


/* XS - Extra small devices (old phones) */
@media (max-width: 575px) {

}



/* --- RESPONSIVE for FILTER TABS (MATERIAL) */
@media screen and (min-width: 541px) {
	#material .mix { width: calc(100%/2 - (((3 - 1) * 1rem) / 2)); }
}
@media screen and (min-width: 991px) {
  #material .mix { width: calc(100%/3 - (((4 - 1) * 1rem) / 3)); }
}



/* --- Text legibility */
@media 	only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx) { -webkit-font-smoothing: subpixel-antialiased; }