@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&family=Pacifico&family=Roboto&family=Sacramento&display=swap');

/* Base font size for proper mobile scaling */
html {
  font-size: 16px;
}

body {
  font-size: 1rem;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

 .openSans {
 font-family: 'Open Sans', sans-serif;
 }

.sacramento {
font-family: 'Sacramento', cursive;  
}

.pacifico{
font-family: 'Pacifico', cursive;
}

.roboto {
font-family: 'Roboto', sans-serif;  
}

@media (orientation: landscape) {
body {
background-color: black;
background-image: url('/images/packages-lg.jpg');
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
}
@media (orientation: portrait) {
body {
background-color: black;
background-image: url('/images/packages-sm.jpg');
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
}

a.nav-link {
  color: #CBCD97 !important;
  transition: color 0.3s ease;
}

a.nav-link:hover {
  color: #989A71 !important; /* 25% darker than #CBCD97 */
}

/* Keep icons white always */
a.nav-link i {
  color: white !important;
}

.dropdown-menu {
color: black;
background-color: #D7D7C7;
}

#icon-home,
#icon-platforms,
#icon-email,
#icon-shop,
#icon-cart { color: white;}

#index-header {
width: 80%;
height: 0;
padding-top: 56.25%;
background-image: url('/images/hero.jpg');
background-size: cover;
background-position: center;
margin: 0 auto;
border: thin solid black;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
margin: 0 auto;
}

#index-header-txt {
position: relative;
top: -90px;
font-size: 2.4rem;
}

@media (orientation: landscape) {
#index-header-txt {
position: relative;
top: -90px;
font-size: 3rem;
}
}

@media (orientation: portrait) {
#index-header-txt {
position: relative;
top: -23px;
font-size: 1.5rem;
}
}

/* FOOTER */
.page_footer{
margin-top: 300px;
border-top: thin solid #FFFF !important;
padding-top: 20px;
min-height: 400px;
background-color: #0E0E0E !important;
color: white;
}
a.footer_link {
color: white;
text-decoration: none;
}
a i.fa-twitter-square{
color: #1DA1F2;
text-decoration: none;
}
a:hover i.fa-twitter-square{
color: #9BD8FF;
text-decoration: none;
}
a i.fa-facebook-f{
color: #3b5998;
text-decoration: none;
}
a:hover i.fa-facebook-f{
color: #A9BBDF;
text-decoration: none;
}
a i.fa-instagram-square{
color: #8a3ab9;
text-decoration: none;
}
a:hover i.fa-instagram-square{
color: #D1ADE5;
text-decoration: none;
}

/*/////////////////////GENERAL LAYOUT COMPONENTS*//////////////////////

.heavy{font-weight: 900;}

.light-blue{color: #91F1FF;}
.inter-blue{color: #0BAEFB;}
.mid-blue{color: #4040FF;}
.dark-blue{color: #363882;}

.light-orange{color: #FFD5A3;}
.mid-orange{color: #FF9D29;}
.dark-orange{color: #C86C00;}

.light-red{color: #FF8080;}
.mid-red{color: #FF0303;}
.dark-red{color: #800000;}

.light-yellow{color: #FFFFC0;}
.mid-yellow{color: #FDFF31;}
.dark-yellow{color: #E4E701;}

.light-green{color: #C0FFC0;}
.mid-green{color: #40FF40;}
.dark-green{color: #008000;}

.light-grey{color: #C0C0C0;}
.mid-grey{color: #808080;}
.dark-grey{color: #404040;}

.light-purple{color: #D9BBFF;}
.mid-purple{color: #8213FF;}
.dark-purple{color: #6001CB;}

.white{color: #fff;}
.black{color: #000;}

/*.orange-gradient{background: rgb(184,160,1);}*/
.orange-gradient{background: linear-gradient(180deg, rgba(184,160,1,1) 0%, rgba(112,83,8,1) 50%, rgba(28,22,0,1) 100%);}

.fs-12{font-size:0.75rem;}
.fs-14{font-size:0.875rem;}
.fs-16{font-size:1rem;}
.fs-18{font-size:1.125rem;}
.fs-20{font-size:1.25rem;}
.fs-22{font-size:1.375rem;}
.fs-24{font-size:1.5rem;}
.fs-26{font-size:1.625rem;}
.fs-28{font-size:1.75rem;}
.fs-30{font-size:1.875rem;}
.fs-32{font-size:2rem;}
.fs-40{font-size:2.5rem;}
.fs-48{font-size:3rem;}

.h-20{height:1.25rem;}
.h-24{height:1.5rem;}
.h-26{height:1.625rem;}
.h-28{height:1.75rem;}
.h-30{height:1.875rem;}
.h-32{height:2rem;}
.h-34{height:2.125rem;}
.h-36{height:2.25rem;}
.h-38{height:2.375rem;}
.h-40{height:2.5rem;}
.h-50{height:3.125rem;}

.mt-20{margin-top:1.25rem;}
.mt-24{margin-top:1.5rem;}
.mt-26{margin-top:1.625rem;}
.mt-28{margin-top:1.75rem;}
.mt-30{margin-top:1.875rem;}
.mt-32{margin-top:2rem;}
.mt-34{margin-top:2.125rem;}
.mt-36{margin-top:2.25rem;}
.mt-38{margin-top:2.375rem;}
.mt-40{margin-top:2.5rem;}
.mt-50{margin-top:3.125rem;}

.ml-2{margin-left:0.125rem;}
.ml-3{margin-left:0.188rem;}
.ml-4{margin-left:0.25rem;}
.ml-5{margin-left:0.313rem;}
.ml-6{margin-left:0.375rem;}
.ml-7{margin-left:0.438rem;}
.ml-8{margin-left:0.5rem;}
.ml-9{margin-left:0.563rem;}
.ml-10{margin-left:0.625rem;}

.mr-2{margin-right:0.125rem;}
.mr-3{margin-right:0.188rem;}
.mr-4{margin-right:0.25rem;}
.mr-5{margin-right:0.313rem;}
.mr-6{margin-right:0.375rem;}
.mr-7{margin-right:0.438rem;}
.mr-8{margin-right:0.5rem;}
.mr-9{margin-right:0.563rem;}
.mr-10{margin-right:0.625rem;}

.line-h-10{line-height: 10px;}