/* ==========================================
OFFICIAL YOGI STUDIO
UTILITY CLASSES
========================================== */

/* ==========================================
DISPLAY
========================================== */

.d-none{
display:none !important;
}

.d-block{
display:block !important;
}

.d-inline{
display:inline !important;
}

.d-inline-block{
display:inline-block !important;
}

.d-flex{
display:flex !important;
}

.d-inline-flex{
display:inline-flex !important;
}

.d-grid{
display:grid !important;
}

/* ==========================================
FLEXBOX
========================================== */

.flex-row{
flex-direction:row !important;
}

.flex-column{
flex-direction:column !important;
}

.flex-wrap{
flex-wrap:wrap !important;
}

.flex-nowrap{
flex-wrap:nowrap !important;
}

.flex-grow-1{
flex-grow:1 !important;
}

.flex-shrink-0{
flex-shrink:0 !important;
}

.align-start{
align-items:flex-start !important;
}

.align-center{
align-items:center !important;
}

.align-end{
align-items:flex-end !important;
}

.justify-start{
justify-content:flex-start !important;
}

.justify-center{
justify-content:center !important;
}

.justify-end{
justify-content:flex-end !important;
}

.justify-between{
justify-content:space-between !important;
}

.justify-around{
justify-content:space-around !important;
}

/* ==========================================
TEXT ALIGNMENT
========================================== */

.text-left{
text-align:left !important;
}

.text-center{
text-align:center !important;
}

.text-right{
text-align:right !important;
}

/* ==========================================
TEXT COLORS
========================================== */

.text-white{
color:var(--white) !important;
}

.text-gold{
color:var(--gold) !important;
}

.text-gold-light{
color:var(--gold-light) !important;
}

.text-muted{
color:var(--text-muted) !important;
}

.text-light{
color:var(--text-light) !important;
}

.text-body{
color:var(--text) !important;
}

/* ==========================================
BACKGROUND COLORS
========================================== */

.bg-black{
background-color:var(--black) !important;
}

.bg-dark{
background-color:var(--dark) !important;
}

.bg-dark-soft{
background-color:var(--black-soft) !important;
}

.bg-card{
background-color:var(--card) !important;
}

.bg-gold{
background-color:var(--gold) !important;
}

/* ==========================================
FONT WEIGHT
========================================== */

.fw-normal{
font-weight:400 !important;
}

.fw-medium{
font-weight:500 !important;
}

.fw-semibold{
font-weight:600 !important;
}

.fw-bold{
font-weight:700 !important;
}

/* ==========================================
TEXT TRANSFORM
========================================== */

.text-uppercase{
text-transform:uppercase !important;
}

.text-lowercase{
text-transform:lowercase !important;
}

.text-capitalize{
text-transform:capitalize !important;
}

.letter-spacing{
letter-spacing:1px !important;
}

.letter-spacing-wide{
letter-spacing:2px !important;
}

/* ==========================================
FONT SIZE
========================================== */

.text-xs{
font-size:.75rem !important;
}

.text-sm{
font-size:.875rem !important;
}

.text-base{
font-size:1rem !important;
}

.text-lg{
font-size:1.125rem !important;
}

.text-xl{
font-size:1.25rem !important;
}

.text-2xl{
font-size:1.5rem !important;
}

/* ==========================================
LINE HEIGHT
========================================== */

.leading-tight{
line-height:1.2 !important;
}

.leading-normal{
line-height:1.6 !important;
}

.leading-relaxed{
line-height:1.85 !important;
}

/* ==========================================
MARGIN
========================================== */

.m-0{
margin:0 !important;
}

.m-auto{
margin:auto !important;
}

/* TOP */

.mt-0{
margin-top:0 !important;
}

.mt-1{
margin-top:.5rem !important;
}

.mt-2{
margin-top:1rem !important;
}

.mt-3{
margin-top:1.5rem !important;
}

.mt-4{
margin-top:2rem !important;
}

.mt-5{
margin-top:3rem !important;
}

.mt-auto{
margin-top:auto !important;
}

/* BOTTOM */

.mb-0{
margin-bottom:0 !important;
}

.mb-1{
margin-bottom:.5rem !important;
}

.mb-2{
margin-bottom:1rem !important;
}

.mb-3{
margin-bottom:1.5rem !important;
}

.mb-4{
margin-bottom:2rem !important;
}

.mb-5{
margin-bottom:3rem !important;
}

.mb-auto{
margin-bottom:auto !important;
}

/* LEFT */

.ml-0{
margin-left:0 !important;
}

.ml-1{
margin-left:.5rem !important;
}

.ml-2{
margin-left:1rem !important;
}

.ml-3{
margin-left:1.5rem !important;
}

.ml-auto{
margin-left:auto !important;
}

/* RIGHT */

.mr-0{
margin-right:0 !important;
}

.mr-1{
margin-right:.5rem !important;
}

.mr-2{
margin-right:1rem !important;
}

.mr-3{
margin-right:1.5rem !important;
}

.mr-auto{
margin-right:auto !important;
}

/* HORIZONTAL */

.mx-auto{
margin-right:auto !important;
margin-left:auto !important;
}

/* VERTICAL */

.my-0{
margin-top:0 !important;
margin-bottom:0 !important;
}

.my-1{
margin-top:.5rem !important;
margin-bottom:.5rem !important;
}

.my-2{
margin-top:1rem !important;
margin-bottom:1rem !important;
}

.my-3{
margin-top:1.5rem !important;
margin-bottom:1.5rem !important;
}

.my-4{
margin-top:2rem !important;
margin-bottom:2rem !important;
}

.my-5{
margin-top:3rem !important;
margin-bottom:3rem !important;
}

/* ==========================================
PADDING
========================================== */

.p-0{
padding:0 !important;
}

.p-1{
padding:.5rem !important;
}

.p-2{
padding:1rem !important;
}

.p-3{
padding:1.5rem !important;
}

.p-4{
padding:2rem !important;
}

.p-5{
padding:3rem !important;
}

/* TOP */

.pt-0{
padding-top:0 !important;
}

.pt-1{
padding-top:.5rem !important;
}

.pt-2{
padding-top:1rem !important;
}

.pt-3{
padding-top:1.5rem !important;
}

.pt-4{
padding-top:2rem !important;
}

.pt-5{
padding-top:3rem !important;
}

/* BOTTOM */

.pb-0{
padding-bottom:0 !important;
}

.pb-1{
padding-bottom:.5rem !important;
}

.pb-2{
padding-bottom:1rem !important;
}

.pb-3{
padding-bottom:1.5rem !important;
}

.pb-4{
padding-bottom:2rem !important;
}

.pb-5{
padding-bottom:3rem !important;
}

/* HORIZONTAL */

.px-0{
padding-right:0 !important;
padding-left:0 !important;
}

.px-1{
padding-right:.5rem !important;
padding-left:.5rem !important;
}

.px-2{
padding-right:1rem !important;
padding-left:1rem !important;
}

.px-3{
padding-right:1.5rem !important;
padding-left:1.5rem !important;
}

.px-4{
padding-right:2rem !important;
padding-left:2rem !important;
}

.px-5{
padding-right:3rem !important;
padding-left:3rem !important;
}

/* VERTICAL */

.py-0{
padding-top:0 !important;
padding-bottom:0 !important;
}

.py-1{
padding-top:.5rem !important;
padding-bottom:.5rem !important;
}

.py-2{
padding-top:1rem !important;
padding-bottom:1rem !important;
}

.py-3{
padding-top:1.5rem !important;
padding-bottom:1.5rem !important;
}

.py-4{
padding-top:2rem !important;
padding-bottom:2rem !important;
}

.py-5{
padding-top:3rem !important;
padding-bottom:3rem !important;
}

/* ==========================================
WIDTH
========================================== */

.w-25{
width:25% !important;
}

.w-50{
width:50% !important;
}

.w-75{
width:75% !important;
}

.w-100{
width:100% !important;
}

.w-auto{
width:auto !important;
}

.max-w-sm{
max-width:500px !important;
}

.max-w-md{
max-width:700px !important;
}

.max-w-lg{
max-width:900px !important;
}

.max-w-xl{
max-width:1100px !important;
}

/* ==========================================
HEIGHT
========================================== */

.h-100{
height:100% !important;
}

.h-auto{
height:auto !important;
}

.min-vh-100{
min-height:100vh !important;
}

/* ==========================================
POSITION
========================================== */

.position-relative{
position:relative !important;
}

.position-absolute{
position:absolute !important;
}

.position-fixed{
position:fixed !important;
}

.position-static{
position:static !important;
}

.top-0{
top:0 !important;
}

.right-0{
right:0 !important;
}

.bottom-0{
bottom:0 !important;
}

.left-0{
left:0 !important;
}

.inset-0{
top:0 !important;
right:0 !important;
bottom:0 !important;
left:0 !important;
}

/* ==========================================
OVERFLOW
========================================== */

.overflow-hidden{
overflow:hidden !important;
}

.overflow-auto{
overflow:auto !important;
}

.overflow-visible{
overflow:visible !important;
}

/* ==========================================
BORDER
========================================== */

.border{
border:1px solid var(--border) !important;
}

.border-top{
border-top:1px solid var(--border) !important;
}

.border-bottom{
border-bottom:1px solid var(--border) !important;
}

.border-gold{
border:1px solid var(--gold-border) !important;
}

.border-0{
border:0 !important;
}

/* ==========================================
BORDER RADIUS
========================================== */

.rounded-sm{
border-radius:var(--radius-sm) !important;
}

.rounded{
border-radius:var(--radius) !important;
}

.rounded-lg{
border-radius:var(--radius-lg) !important;
}

.rounded-circle{
border-radius:50% !important;
}

.rounded-0{
border-radius:0 !important;
}

/* ==========================================
SHADOW
========================================== */

.shadow-sm{
box-shadow:var(--shadow-sm) !important;
}

.shadow{
box-shadow:var(--shadow) !important;
}

.shadow-gold{
box-shadow:var(--shadow-gold) !important;
}

.shadow-none{
box-shadow:none !important;
}

/* ==========================================
OBJECT FIT
========================================== */

.object-cover{
width:100%;
height:100%;
object-fit:cover;
}

.object-contain{
width:100%;
height:100%;
object-fit:contain;
}

/* ==========================================
VISIBILITY
========================================== */

.visible{
visibility:visible !important;
}

.invisible{
visibility:hidden !important;
}

/* ==========================================
OPACITY
========================================== */

.opacity-0{
opacity:0 !important;
}

.opacity-25{
opacity:.25 !important;
}

.opacity-50{
opacity:.5 !important;
}

.opacity-75{
opacity:.75 !important;
}

.opacity-100{
opacity:1 !important;
}

/* ==========================================
CURSOR
========================================== */

.cursor-pointer{
cursor:pointer !important;
}

.cursor-default{
cursor:default !important;
}

/* ==========================================
TRANSITIONS
========================================== */

.transition{
transition:var(--transition) !important;
}

.transition-none{
transition:none !important;
}

/* ==========================================
LINK UTILITIES
========================================== */

.link-gold{
color:var(--gold) !important;
text-decoration:none;
}

.link-gold:hover{
color:var(--gold-light) !important;
}

.link-white{
color:var(--white) !important;
text-decoration:none;
}

.link-white:hover{
color:var(--gold) !important;
}

/* ==========================================
LIST UTILITIES
========================================== */

.list-unstyled{
margin:0;
padding:0;
list-style:none;
}

/* ==========================================
RESPONSIVE VISIBILITY
========================================== */

.mobile-only{
display:none !important;
}

.desktop-only{
display:block !important;
}

/* ==========================================
PRINT
========================================== */

@media print{


.site-header,

.site-footer,

.back-to-top,

.mobile-menu-toggle,

.no-print{

	display:none !important;

}

body{

	background:#ffffff !important;

	color:#000000 !important;

}

a{

	color:#000000 !important;

	text-decoration:underline !important;

}


}