/* COMMON */

@font-face{font-family:'ProximaNova-Regular';
src:url("https://www.royalcaribbean.com/etc/designs/royal/fonts/ProximaNova-Regular.eot");
src:url("https://www.royalcaribbean.com/etc/designs/royal/fonts/ProximaNova-Regular.woff2") format("woff2"),url("https://www.royalcaribbean.com/etc/designs/royal/fonts/ProximaNova-Regular.woff") format("woff"),url("https://www.royalcaribbean.com/etc/designs/royal/fonts/ProximaNova-Regular.ttf") format("truetype"),url("fonts/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg"),url("https://www.royalcaribbean.com/etc/designs/royal/fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype");font-weight:normal;font-style:normal;}


@font-face {
    font-family: 'Kapra';
    src: url('fonts/kapra-regular-webfont.eot');
    src: url('fonts/kapra-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/kapra-regular-webfont.woff2') format('woff2'),url('fonts/kapra-regular-webfont.woff') format('woff'),url('fonts/kapra-regular-webfont.ttf') format('truetype'),url('fonts/kapra-regular-webfont-webfont.svg#kapraregular') format('svg');font-weight: normal;font-style: normal;}

/* CYBER MONDAY STYLES */

html {
font-size: 16px;
}

.mdc-typography {
margin: 0 !important;
padding: 0 !important;
}

h1,h2 {
font-weight: normal;
margin: 0;
padding: 0;
}

a {
text-decoration: none;
}

.max-width {
max-width: 1310px;
}

.proxima {
font-family:'ProximaNova-Regular',Arial,sans-serif !important;
}

.kapra {
font-family:'Kapra',Impact,'Arial Narrow',Arial,sans-serif !important;
}

.large-text {
font-size: 3rem;
text-transform: uppercase;
}

.medium-text {
font-size: 1.125rem;
}

.small-text {
font-size: 1rem;
}

.spaced {
text-transform: uppercase;
letter-spacing: .125rem;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.left {
text-align: left;
}

.teal-text {
color: #8BFAFF;
}

.mdc-button--stroked {
display: block;
border-color: #fff !important;
border-width: 1px !important;
color: #fff !important;
margin: 1rem auto 0 auto;
padding: 0 2rem;
}

.mdc-layout-grid {
position: relative;
z-index: 1;
}

.outlined-button {
  background-color: transparent;
  color: #fff;
  border: 1px solid white;
  padding: 10px 15px;
  letter-spacing: 1px;
  margin-top:10px;
}


/* WEEKEND STYLES */
.introduction {
  width:100%;
  margin:30px;
}

h1 {
  text-align: center;
  font-size: 2.5rem;
}

.intro-text {
  text-align: center;
  width: 70%;
  margin: 0 auto;
  font-size: 1.2rem;
  color: #fff;
}

.weekend-section {
  background: url('https://www.royalcaribbean.com/content/dam/royal/content/nightlife/nightlife-cruises-bg%20copy.png') no-repeat center center transparent;
  background-size: cover;
  width: 100%;
  color: white;
}

.weekend-section div div div img {
  width: 100%;
}

.bionic-bar div div div img {
  width: 100%;
}

.slanted {
  position: relative;
  z-index: 2;
  margin: 100px 0;
  padding: 2.5% 0;
  min-height: 120px;
  -ms-transform: skewY(-6deg); /* IE 9 */
  -webkit-transform: skewY(-6deg); /* Safari */
  transform: skewY(-6deg); /* Standard syntax */
}

.weekend-section .mdc-layout-grid {
  -ms-transform: skewY(6deg); /* IE 9 */
  -webkit-transform: skewY(6deg); /* Safari */
  transform: skewY(6deg); /* Standard syntax */
}/* FOR IPAD TO HAVE BACKGROUND HEIGHT */

.weekend-section .alt-text-copy{
  padding: 30px 10px;
}

.bionic-bar .alt-text-copy{
  padding: 30px 10px;
  color: #15264c;
}

h2 {
  line-height: 40px;
}

.mobileOnly {
  display: none;
}

.navy-text {
  color: #001A63;
}

.space {
  margin-top: 1500px;
  margin-right: 50px;
  margin-left: 50px;
}

.main-text {
  font-size: 4rem
}



/* MEDIA QUERIES */

@media screen and (max-width: 1440px){
  .mdc-layout-grid__inner {
    padding-top:35px;
  }
}


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

}

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

  .medium-text {
    font-size: 1rem
  }

  .small-text {
    font-size: 0.95rem;
    margin: 0;
  }

  .mariner-bg {
    background-image: url('https://www.royalcaribbean.com/content/dam/royal/content/weekend-getaway/wgp-marinerbg-tablet-1024.jpg');
    background-position: center -120px;
    height: 1250px;
  }

  .alt-text-copy{
    padding: 5px 10px;
  }

  .bionic-bar .alt-text-copy{
    padding: 10px 0px;
  }

}

@media screen and (max-width: 839px){
  .mobileOnly {
    display: block;
  }

  .desktopOnly {
    display: none;
  }

  .alt-text-copy {
    margin-top: -25px;
  }

  .right {
    text-align: left;
  }
}

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

  /* GLOBAL STYLES */

  .large-text {
    font-size: 2.75rem;
    line-height: 2.4rem;
  }

  .medium-text {
    font-size: .875rem;
  }

  .mariner-bg {
    background-image: url('https://www.royalcaribbean.com/content/dam/royal/content/weekend-getaway/wgp-marinerbg-tablet-768.jpg');
    background-position: center 40px;
    height: 920px;
  }

  .bionic-bar .alt-text-copy{
    padding: 10px 10px;
  }


}

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

}

@media screen and (max-width: 479px) {
  .mdc-layout-grid__inner {
    padding-top:0px;
  }

  .mariner-bg {
    background-image: url('https://www.royalcaribbean.com/content/dam/royal/content/weekend-getaway/wgp-marinerbg-mobile.jpg');
    background-position: center 75px;
    height: 770px;
  }

  .mariner-section .mdc-layout-grid .mdc-layout-grid__inner .mdc-layout-grid__cell h2 .large-text {
    font-size: 2rem;
  }

  .mariner-section .mdc-layout-grid .mdc-layout-grid__inner .mdc-layout-grid__cell .p {
    font-size: 1rem;
    width: 90%;
  }

  .alt-images {
    margin-top: 20px;
  }

  .bionic-bar .alt-text-copy{
    padding: 10px 4px;
    color: #15264c;
  }

  .intro-text {
    width: 91%;
  }

  .slanted {
    margin: 0;
  }
}

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

}