/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
body.yukimasters, html {
    background-color: #000;
    background-image: url(../img/bg.jpg);
    color: #fcfcfc;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
#videobg {
  position: fixed;
 
  min-width: 100%;
  min-height: 100%;
}

.logotop {
    max-width: 80%;
    margin: 0 auto;
}
.content.yukimasters {
 
 
}
.inactive {
    cursor: not-allowed;
    opacity: .4;
}
.yukimasters h1{ text-align: center;  font-family: "Lato", sans-serif;   font-weight: 300; text-transform: capitalize;
  font-style: italic;}
.yukimasters h2{ text-align: center;  font-family: "Lato", sans-serif;   font-weight: 400;   font-weight: 0.5em; padding: 10px 0;}
.logohome {
    width: 70%;
    height: 330px;
    background-image: url(../img/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.yukimasters h2 {
    font-family: 'Lato';
    font-weight: 300;
    font-size: 1.6em;
    text-align: center;
    color: #d5d5d5;
}
.datehome {
    width: 40%;
    height: 140px;
    background-image: url(../img/date.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.infohome {
    font-family: 'Lato';
    font-weight: 300;
   
    font-size: 1.2em;
    background-color: #000000a8;
    padding: 20px;
    border-radius: 20px;
}
.infohome p {
    font-family: 'Lato';
}
p.scenarios {
    text-align: center;
    font-size: 1.1em;
    font-family: 'Lato';
}
p.scenarios img {
    margin: 20px 0;
}
.homebuttons {
    display: flex;
    padding: 30px;
	    justify-content: space-around;
    align-content: center;

}
 
.homebutton {
    display: block;
    text-align: center;
    padding: 15px;
    background-color: #000;
    border: 1px solid #24b6bf;
    border-radius: 4px;  color: #24b6bf;
    font-family: 'Lato';
    font-weight: 400;   font-size: 1.5em;
}
.homebutton:hover { background-color: #111;text-decoration: none; color:#0F7F9B;}
.slogans{padding:30px;}
.slogan {
    font-size: 2em;
    font-weight: 700;
    text-align: center;
    color: #e9c50c;
    font-style: italic;  animation: neon 3s infinite;
}
:root {
  --shadow-color: #555;
  --shadow-color-light: #111;
}

@keyframes neon {
  0% {
    text-shadow: -1px -1px 1px var(--shadow-color-light),
      -1px 1px 1px var(--shadow-color-light),
      1px -1px 1px var(--shadow-color-light),
      1px 1px 1px var(--shadow-color-light), 0 0 3px var(--shadow-color-light),
      0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light),
      0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color),
      0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color),
      0 0 90px var(--shadow-color), 0 0 100px var(--shadow-color);
  }
  50% {
    text-shadow: -1px -1px 1px var(--shadow-color-light),
      -1px 1px 1px var(--shadow-color-light),
      1px -1px 1px var(--shadow-color-light),
      1px 1px 1px var(--shadow-color-light), 0 0 5px var(--shadow-color-light),
      0 0 15px var(--shadow-color-light), 0 0 25px var(--shadow-color-light),
      0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color),
      0 0 60px var(--shadow-color), 0 0 80px var(--shadow-color),
      0 0 90px var(--shadow-color), 0 0 110px var(--shadow-color);
  }
  100% {
    text-shadow: -1px -1px 1px var(--shadow-color-light),
      -1px 1px 1px var(--shadow-color-light),
      1px -1px 1px var(--shadow-color-light),
      1px 1px 1px var(--shadow-color-light), 0 0 3px var(--shadow-color-light),
      0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light),
      0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color),
      0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color),
      0 0 90px var(--shadow-color), 0 0 100px var(--shadow-color);
  }
}

.effect {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: capitalize;
  border-radius: 6px;
  overflow: hidden;
}
.effect.effect-5 {
  transition: all 0.2s linear 0s;
}
.effect.effect-5:before {
  content: "";
  font-family: FontAwesome;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0px;
  height: 100%;
  width: 30px;
  background-color:rgba(0,140,255,0.20);
  border-radius: 0 50% 50% 0;
  transform: scale(0, 1);
  transform-origin: left center;
  transition: all 0.2s linear 0s;
}
.effect.effect-5:hover {
  text-indent: 30px;
}
.effect.effect-5:hover:before {
  transform: scale(1, 1);
  text-indent: 0;
}

a{color:#e7cc00;}
a:hover{color:#FFDE31; opacity:.5; text-decoration: none;}
footer {
    background-color: #000;
    background: #000; 
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
    padding: 10px;color: #ccc;
}
.copy {
	border-top: 1px solid #343434!important;}
.org-row {
    padding: 10px;
}
.org-row img {
    max-width: 150px;
    max-height: 54px; margin: 10px 20px;
}
.org-row.fedes img {
    max-width: 150px;
    max-height: 84px; margin: 10px 20px;
}

.row.pdfs {
    margin-top: 40px;
}
.downloads {
    display: flex;justify-content: center;    align-items: center;
	flex-direction: column;}

.download {
    padding: 20px 0;
}
.download img {
    margin-right: 12px;
}

.navwrap {
    position: fixed;
    top: 0;
    left: 0;z-index: 666;width: 100%;
}
#menuToggle {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 25px;
  left: 25px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: flex;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}

#menuToggle span
{
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background:#e7cc00;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #e7cc00;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

#menu
{
  position: absolute;
  width: 400px;
  height: 350px;
  box-shadow: 0 0 10px #85888C;
  margin: -50px 0 0 -50px;
  padding: 50px;
  padding-top: 75px;
  background-color: #000;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  transition-delay: 2s;        list-style-type: none;
}
#menu li a{ 
    font-family: 'Lato';
	font-weight: 400;   font-size: 1.1em;}

#menuToggle input:checked ~ ul
{
  transform: none;
}

.organizators {
    margin-bottom: 40px;
    border-bottom: 1px solid #333;
}
h3.day {
    display: block;
    font-family: 'Lato';
    text-align: center;
    padding: 12px;
    color: #ffd600;
    border-bottom: 1px solid #ffd600;font-weight: 300;
    width: 90%;    margin: 20px auto;
}
.dayevent li {
    list-style: none;
    font-family: 'Lato';
    padding-left: 0;
    margin-left: 0;
	margin-bottom: 10px;
}
li strong {
    color: #00b0cf;
}
.events {margin-bottom: 60px;}
.dayevent ul{ padding-left: 0;
    margin-left: 0;}

.participant-pic {
    width: 80%;
    border-style: solid;
    border-width: 7px;
    border-image: radial-gradient(rgb(46 46 46), rgb(255 255 255)) 1;    margin: 0 auto;
    border-radius: 10px;
}
.couple .row {
    background-color: #03354c;
	background-image: url("../img/bgparticipants.jpg");
	background-repeat: no-repeat;
    margin: 30px 0;
    padding: 30px;
    border-radius: 20px;
}
.partcipant-name {
    font-family: 'Lato';
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    font-size: 1.5em;
    text-shadow: 2px 3px 3px black;
}
.couple h4 {
    font-family: 'Lato';
    margin: 0;
    padding-top: 20px;
    font-size: 2em;
}
.partcipant-country {
    text-align: center;
}

.topimg {
    border-radius: 12px;
}

@media  screen and (min-width: 1800px) {
	#videobg {
   min-width: 50%;        margin-left: 25%;
 
}
}
@media only screen and (max-width:700px){
	.logohome {
    width: 100%;
		height: 150px;}
	.homebuttons {
	    flex-direction: column;
	}
	.datehome {
    width: 80%;
    height: 99px;
	}
	.homebutton { margin: 15px 0}
	
	.yukimasters h1{
	    font-size: 1.3em;
	}
	.yukimasters h2{
	    font-size: 1em;
	}
	.homebuttons {
    padding: 0 30px;
}
	.homebutton  {
    font-size: 1.2em;
	}
	.infohome,p {
    font-size: 1em;font-family: 'Lato';
    font-weight: 300;
}
	a{ font-size: 1em;font-family: 'Lato';
    font-weight: 500;}
	nav {
 
  height: 65px;
}

.logotop {
    max-width: 100%;
    margin: 0 auto 20px auto;
}
#menu
{
 
  width: 90%;
 
}
	.couple .row{    background-size: cover;  padding: 25px 10px 0px 10px; background-position: center;}
.org-row img {
    max-width: 90px;
    max-height: 34px; 
}
.partcipant-country {
   margin-bottom: 20px;
}
}