/*
 * Globals
 */


 @font-face {
    font-family: Akzi;
    src: url("assets/dist/fonts/akzidenzgrotesk-bq-bold.otf") format("opentype");
}

 @font-face {
    font-family: Editorial;
    src: url("assets/dist/fonts/EditorialNew-Thin.otf") format("opentype");
}

 @font-face {
    font-family: HaltItalic;
    src: url("assets/dist/fonts/HALTimezone-Italic.otf") format("opentype");
}

 @font-face {
    font-family: HaltRegular;
    src: url("assets/dist/fonts/HALTimezone-Regular.otf") format("opentype");
}


/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
  /*
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
  */
  color: #000000 !important;
}

.cover-container {
  max-width: 42em;
}

.bg-black{
  background-color: #000000 !important;
}

#lovefor_u{ color: black; font-family: HaltItalic; font-size: 36px; border: #fff 0px solid; display: block; height: 10vh;}
#lovefor_m{ color: black; font-family: Akzi; font-size: 190px; border: #fff 0px solid; display: block; height: 30vh;}
#lovefor_b{ color: black; font-family: HaltRegular; font-size: 36px; border: #fff 0px solid; display: block; height: 10vh;}

.follow{color: black; font-family: HaltItalic; font-size: 40px;}

.akzi{ font-family: Akzi;}
.logo{ font-size: 18px; font-weight: normal; margin-top: -5px !important;}

.logo img{
  height: 25px !important;
}

.logo a{
  color: #000000;
  text-decoration: none;
}

.mls{ margin-left: -3px !important;}

.mrd{ margin-right: -3px !important;}

/*
 * Header
 */

header{
  height: 30px;
  color: #000000 !important;
}

.logo{
  font-size: 26px;
  margin-bottom: -3px !important;
}

.by{
  font-size: 22px;
}

main{ height: 80vh !important; margin-top: 15px;}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

.bg-beige{
  background-color: #eae9df;
}

.scroll {
  position: relative;
  width: 100vw;
  height: 15%;
  min-height: 40px;
  background-color: #000000;
  overflow: hidden;
  z-index: 1;
  margin: 0;
  padding: 0;
}

.m-scroll {
  overflow: hidden;
  height: 35px !important;
  white-space: nowrap;
  animation: scrollText 95s infinite linear;
  margin: 5px 10px 0px 10px;
  display: inline-block;
}

.m-scroll:hover{
  animation-play-state: paused;
}

.m-scroll span {
  font-size: 22px !important;
  /*display: inline-block;*/
  min-width: 90vw;
  margin: 0;
  padding: 0px 0px 0px 0px !important;
  color: white;
  height: 35px !important;
  border: #FFFFFF 0px solid !important;
  font-family: Akzi;
}

.social-link{
    font-size: 40px;
    color: #000000;
}

.linea-social{
  font-size: 2.1rem !important;
  font-weight: 100 !important;
}

.rigasocial{
  margin: -15px 0px 0px 0px ;
}

.plus{
  font-size: 35px;
  font-family: HaltRegular;
}

.fontHalIt{ font-family: HaltItalic;}

span.editorial{ font-family: Editorial !important;}

span span.with{ font-family: HaltItalic; font-size: 22px !important; font-weight: 100 !important;}
span span.in{ font-family: HaltRegular; font-size: 22px !important; font-weight: 100 !important;}

.fontglifi{ font-size: 22px;}

p.text-main{ font-family: HaltRegular !important; font-size: 40px; text-align: left; padding-bottom: 10px; padding-top: 20px; line-height: 1.1; color: #000000;}
p.text-main span.text-main-love{ font-family: Akzi !important; font-size: 40px;}
p.text-main span.text-main-italic{ font-family: HaltItalic !important; font-size: 40px;}
.text-main-love a{ text-decoration: none; color: black; font-family: Akzi !important; font-size: 40px; margin-left: -5px !important;}


footer{
  padding-top: 20px;
  font-family: HaltRegular;
  font-size: 13px;
  text-align: left;
  line-height: 1.3;
}

footer a{
  color: #FFFFFF !important;
  text-decoration: none;  
}

@keyframes scrollText {
  from {
    transform: translateX(0.2%);
  }
  to {
    transform: translateX(-88%);
  }
}

@media only screen and (max-width: 600px) {

  .logo{
    font-size: 24px;
    margin-bottom: -3px !important;
  }

  .by{
    font-size: 20px;
  }

  .fontglifi{ font-size: 20px;}


  #lovefor_u{ color: black; font-family: HaltItalic; font-size: 25px;}
  #lovefor_m{ color: black; font-family: Akzi; font-size: 63px;}
  #lovefor_b{ color: black; font-family: HaltRegular; font-size: 25px;}

  p.text-main{ font-family: HaltRegular !important; font-size: 25px; text-align: left; padding-bottom: 0px; padding-top: 15px; line-height: 1.1; color: #000000;}
  p.text-main span.text-main-love{ font-family: Akzi !important; font-size: 25px;}
  p.text-main span.text-main-italic{ font-family: HaltItalic !important; font-size: 25px;}

  span span.with{ font-family: HaltItalic; font-size: 20px !important; font-weight: 100 !important;}
  span span.in{ font-family: HaltRegular; font-size: 20px !important; font-weight: 100 !important;}

.m-scroll {
  overflow: hidden;
  height: 30px !important;
  white-space: nowrap;
  animation: scrollText 95s infinite linear;
  margin: 5px 10px 0px 10px;
  display: inline-block;
}

.m-scroll span {
  font-size: 20px !important;
  /*display: inline-block;*/
  min-width: 90vw;
  margin: 0;
  padding: 0px 0px 0px 0px !important;
  color: white;
  height: 32px !important;
  border: #FFFFFF 0px solid !important;
  font-family: Akzi;
}

  .text-main-love a{ text-decoration: none; color: black; font-family: Akzi !important; font-size: 25px;}

  .follow{color: black; font-family: HaltItalic; font-size: 25px;}

.linea-social{
  font-size: 1.7rem !important;
  font-weight: 500 !important;
}

  .rigasocial{
    margin: -30px 0px 0px 0px ;
  }
  .plus{
    font-size: 22px;
    font-family: HaltRegular !important;
    margin-left: -5px;
    margin-right: -5px;
  }

  .link-privacy{
    margin-bottom: 15px !important;
    display: block;
  }

footer p{ text-decoration: none !important;} 

}