/* M. Young Design Styling */
h1,h2,h3,h4,h5,h6 { font-family: 'Poppins', sans-serif; font-weight: bold; }
body { overflow-x: hidden; }
.container-fluid { padding: 0 !important; margin: 0 !important; }

/* Typography */
.hero-text { font-size: 5em; }
.lang-icon { font-size: 72px; font-weight: 300 !important; }

/* Nav Adjustments */
.myoung-brand { width: 100%; height: auto; }
.navbar-brand { width: 3%; }

/* Colors */
.bg-black { background-color: black; }
.bg-orange { background-color: #f7941d ;}
.text-orange { color: #f7941d; }
.btn-white { background-color: #fff; color: #000; font-family: 'Poppins', sans-serif; transition: 0.35s ease; }
.btn-white:hover { background-color: #f7941d; }
.btn-black { background-color: #000; color: #fff; font-family: 'Poppins', sans-serif; transition: 0.35s ease; }
.btn-black:hover { background-color: #f7941d; color: #000; }

/* Modals */
.modal-content { background-color: #000; border-radius: 0 !important; border: none !important; }
.modal-header { border: none !important; }

/* Designs */
.designs { transition: 0.35s ease; }
.designs:hover { opacity: 0.5; border: 5px solid #FFF; }
.design-iframe { border: none; }
.gold-btn { padding: .5em 1em; background-color: #f7941d; transform:skewX(-7deg); color: black; text-transform:uppercase; letter-spacing: -1px; font-weight: bold; margin-left: 2px; transition: 0.35s ease; }
.gold-btn:hover { background-color: black; color: #f7941d; padding: .5em 2em; text-decoration: none; }

/* Mobile Adjust */
.hide-desktop { display:none; }
@media screen and (max-width: 1200px) {
    .navbar-brand { width: 15%; }
    .hide-desktop { display: block; }
}
h1,h2,h3,h4,h5,h6 { font-family: 'Nunito Sans', sans-serif; }
/*
Typography
*/
.gold-btn { background-color: #f7941d; transform:skewX(-7deg); color: black; text-transform:uppercase; letter-spacing: -1px; font-weight: bold; margin-left: 2px; transition: 0.35s ease; }
.gold-btn:hover { background-color: black; color: #f7941d; padding: .5em 2em; }
.text-gold { color: #f7941d; }
.text-orange { color: #f7941d; }
.bg-dark { background-color: #252525 !important; }
.bg-dark-50 { background-color: rgba(37,37,37,0.75) !important; }
.text-justify {	text-align: justify; }
.line-height-30 { line-height: 30px; }
.text-grey-60 { color: #666; }
.bg-gold { background-color: #f7941d; }

/* Custom Styling */
.top-icon { position: fixed; top: 2px; left: 0; padding: 5px; max-width: 120px; max-height: 50px; z-index: 10000; }
.top-icon img { width: 37%; height: auto; }
.bg-white { background-color: white; }
.bg-black { background-color: #000; }
/* .bg-hero { position: relative; background-image: url(../images/YWD-Site-BG.jpg); background-attachment: fixed; background-position: center; background-size: cover;	background-repeat: no-repeat; } */
.bg-hero { background-color: #fff; }
.bg-trans { background-color: rgba(0,0,0,0); }
.bg-screen { background-image: radial-gradient(#333, #111);	padding: 25px; border: none; }
.bg-light {	background: #ebebeb !important; }
.cust-btn-1 { font-family: 'Montserrat' !important;	border: none; color: #333; padding: 0 10px;	background: white; box-shadow: 0 0 10px rgba(0,0,0,0.5); transition: 200ms ease-out; cursor: pointer; }
.btn-dark { background-color: #252525; color: #f7941d; }
.btn-dark:hover { background-color: #f7941d; color: #252525; }
.rounded { border-radius: .75rem !important; }
hr.bg-gold { height: 2px; }
.capability-graphic { width: 60%; height: auto; }

.hide-mobile { display: flex; }
.hide-desktop { display: none; }
@media only screen and (max-width: 1080px) {
    .hide-mobile { display: none; }
    .hide-desktop { display: flex; }
	.bg-hero { height: auto; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97%);	border-bottom: 15px solid #888;	}
    .capability-graphic { width: 100%; height: auto; }
    .p-5 { padding: 1rem !important; }
}

body::-webkit-scrollbar {
    width: 1em;
	background: black;
}
 
body::-webkit-scrollbar-thumb {
    background-image: linear-gradient(to bottom, #252525, #f7941d, #f7941d, #252525);
    width: 1em;
}

body::-webkit-scrollbar-thumb:hover {
	background-color: #f7941d;
}

body::-webkit-scrollbar-button {
	background-color: #000;
}