{"version":3,"sourceRoot":"","sources":["custom.scss"],"names":[],"mappings":"AAAA;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;AACI;EACA;;;AAEJ;EACI;;;AAIJ;EACI;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACI;;;AAGJ;AACA;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAEE;AACA;AACF;AAGA;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;AACA;AACA;;;AAGF;AACA;AACE;AACA;AACA;;;AAGF;AACA;AACE;AAAA;AAEA;AACA;;;AAGF;AACI;AACA;;;AAGJ;AACA;AACA;AACA;AACA;AAEA;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;AACA;AACI;EACA;EACA;;;AAGJ;AAAA;AAEI;EACA;EACA;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;AACI;EACA;EACA;;;AAGJ;AAAA;AAEI;EACA;EACA;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;AACI;EACA;EACA;;;AAGJ;AAAA;AAEI;EACA;EACA;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;AACI;EACA;EACA;;;AAGJ;AAAA;AAEI;EACA;EACA;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;AACI;EACA;EACA;;;AAGJ;AAAA;AAEI;EACA;EACA;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;AACI;EACA;EACA;;;AAGJ;AAAA;AAEI;EACA;EACA;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;AACI;EACA;EACA;;;AAGJ;AAAA;AAEI;EACA;EACA;;;AAGJ;AACA;EACI;EACA","sourcesContent":[".glow-tubing-bg{\n    background-image: url(\"/assets/image/glow-tubing-bg.jpg\");\n} \ndiv.card-header h4{\n    color: #fff;\n}\nh4.glow-header{\n    color:chartreuse!important;\n}\n.glow-bg{\n    background-color: chartreuse!important;\n}\n.article-caption{\n    /* background-color: #2196f3!important; */\n    background-color: transparent;\n}\nh2{\n    color: #2196f3!important;\n}\n\n$tubing-bg-image-path: \"/assets/image/glow-tubing-bg.jpg\";\n.glow-tubing-bg{\n    background-image: url($tubing-bg-image-path);\n}\n\n$background-image-path: \"/assets/image/backgrounds/roy-bg-light.svg\";\n#wrapper-inner {\n  background: url($background-image-path) no-repeat center center fixed;\n  background-size: cover;\n  min-height: 100vh; \n}\n\n.responsive-iframe-container .responsive-iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 0; /* Ensures frameborder=\"0\" is respected visually if CSS overrides */\n}\n\n.mm-spn ul {\n  height: 100%;\n  overflow-y:visible;\n}\n\n.lesson-name {\n  font-family: 'Roboto Slab';\n}\n\n#cardWithDynamicBackground .accordion-button:focus {\n    /* box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); */ /* Default BS shadow */\n}\n\n/* Ensure logo is reasonably sized */\n.card-header img.img-fluid {\n  max-height: 40px; /* Adjust as needed */\n}\n\n.responsive-iframe-container {\n  position: relative;\n  overflow: hidden;\n  width: 100%; /* Or a max-width if you prefer, e.g., max-width: 700px; margin: auto; */\n  padding-top: 56.25%; /* Aspect Ratio 16:9 (height/width = 360/640 = 0.5625 or 56.25%) */\n}\n\n.bg-image-card {\n  background-image: url('/assets/image/AerialView_Summer1.jpg'); /* Replace with the actual path to your image */\n  background-size: cover; /* Adjust as needed: contain, auto, pixel values, etc. */\n  background-repeat: no-repeat; /* Prevent the image from repeating */\n  color: white; /* Adjust text color for better visibility if needed */\n}\n\n/* Optional: Add an overlay to improve text readability */\n.bg-image-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5); /* Adjust the color and opacity */\n  z-index: -1; /* Place the overlay behind the card content */\n}\n\n/*.card {\n  position: relative; /* Needed for the pseudo-element to position correctly */\n  /* z-index: 1; /* Ensure card content is above the background and overlay */\n  /* Add any other existing card styles if needed */\n/*}*/\n\n\n.article-caption{\n  box-shadow: none;\n}\n\n\n#cardWithDynamicBackground {\n  background-image: url('/assets/image/AerialView_Summer1.jpg');\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n  padding: 0; /* Remove padding if the inner card handles it, or set desired padding */\n  /* No fixed height - its height will be determined by the inner .card */\n  /* border: none; /* Optional: if you don't want the default card border */\n}\n\n/* Style the inner card that holds the accordion */\n#cardWithDynamicBackground .card.bg-light-subtle {\n  /* The opacity-75 class is already applied in HTML for transparency */\n  /* The m-0 and border-0 classes in HTML help it sit flush if #cardWithDynamicBackground has padding */\n  /* This card will naturally expand with the accordion content */\n}\n\n/* Styling for accordion items if needed for better blending or readability */\n#cardWithDynamicBackground .accordion-item {\n  /* If the inner card is bg-light-subtle, accordion items might not need specific background adjustments\n     unless you want them more or less transparent than the inner card itself. */\n  /* background-color: transparent; */ /* Example if you want them fully transparent to the inner card's bg */\n  /* border: none; */ /* Remove accordion item borders if desired */\n}\n\n#cardWithDynamicBackground .accordion-button:not(.collapsed) {\n    /* color: #0c63e4; */ /* Default BS color */\n    /* background-color: #e7f1ff; */ /* Default BS color */\n}\n\n/*.ratio { */\n/*    --bs-aspect-ratio: 56.25%; /* Default, you can change this */ \n/*    @include media-breakpoint-up(sm) {*/  /* Adjust 'md' to your desired breakpoint */\n/*        --bs-aspect-ratio: 300%; */  /* 1x3 aspect ratio */\n/*    }} */\n\n.card-cover {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: cover;\n}\n\n.masonry-article-caption-heading{\n  font-family: 'Roboto Slab';\n}\n\n.masonry-article-caption-subheading {\n  font-family: 'Roboto', Helvetica, sans-serif;\n}\n\n.masonry-article-caption {\n  background-color: #2196f3 !important;\n}\n\n.mk-trans-table {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n/* skisafety.us css for buttons */\n/* btn-custom-yellow */\n.btn-custom-yellow, .text-bg-custom-yellow, .bg-custom-yellow {\n    /* Normal state background color */\n    background-color: #efa207; \n    border-color: #efa207; /* Match border color */\n}\n\n.btn-custom-yellow:hover,\n.btn-custom-yellow:focus {\n    /* Hover/Focus state background color - make it slightly darker */\n    background-color: #f4d28e; \n    border-color: #f4d28e; /* Match border color */\n}\n\n/* Optional: Keep the default Bootstrap active/down state behavior */\n.btn-custom-yellow:active {\n    background-color: #efa207; \n    border-color: #efa207; \n}\n\n/* btn-custom-red */\n.btn-custom-red, .text-bg-custom-red, .bg-custom-red {\n    /* Normal state background color */\n    background-color: rgb(208, 65, 36); \n    border-color: rgb(208, 65, 36); /* Match border color */\n}\n\n.btn-custom-red:hover,\n.btn-custom-red:focus {\n    /* Hover/Focus state background color - make it slightly darker */\n    background-color: rgb(206, 146, 134); \n    border-color: rgb(206, 146, 134); /* Match border color */\n}\n\n/* Optional: Keep the default Bootstrap active/down state behavior */\n.btn-custom-red:active {\n    background-color: rgb(208, 65, 36); \n    border-color: rgb(208, 65, 36); \n}\n\n/* btn-custom-orange */\n.btn-custom-orange, .text-bg-custom-orange, .bg-custom-orange {\n    /* Normal state background color */\n    background-color: #fd8204; \n    border-color: #fd8204; /* Match border color */\n}\n\n.btn-custom-orange:hover,\n.btn-custom-orange:focus {\n    /* Hover/Focus state background color - make it slightly darker */\n    background-color: #fbcc9d; \n    border-color: #fbcc9d; /* Match border color */\n}\n\n/* Optional: Keep the default Bootstrap active/down state behavior */\n.btn-custom-orange:active {\n    background-color: #fd8204; \n    border-color: #fd8204; \n}\n\n/* btn-custom-blue */\n.btn-custom-blue, .text-bg-custom-blue, .bg-custom-blue {\n    /* Normal state background color */\n    background-color: #013593; \n    border-color: #013593; /* Match border color */\n}\n\n.btn-custom-blue:hover,\n.btn-custom-blue:focus {\n    /* Hover/Focus state background color - make it slightly darker */\n    background-color: #60708f; \n    border-color: #60708f; /* Match border color */\n}\n\n/* Optional: Keep the default Bootstrap active/down state behavior */\n.btn-custom-blue:active {\n    background-color: #013593; \n    border-color: #013593; \n}\n\n/* btn-custom-grey */\n.btn-custom-grey, .text-bg-custom-grey, .bg-custom-grey {\n    /* Normal state background color */\n    background-color: #76787b; \n    border-color: #76787b; /* Match border color */\n}\n\n.btn-custom-grey:hover,\n.btn-custom-grey:focus {\n    /* Hover/Focus state background color - make it slightly darker */\n    background-color: #bebfc2; \n    border-color: #bebfc2; /* Match border color */\n}\n\n/* Optional: Keep the default Bootstrap active/down state behavior */\n.btn-custom-grey:active {\n    background-color: #76787b; \n    border-color: #76787b; \n}\n\n/* btn-custom-violet */\n.btn-custom-violet, .text-bg-custom-violet, .bg-custom-violet {\n    /* Normal state background color */\n    background-color: #671e75; \n    border-color: #671e75; /* Match border color */\n}\n\n.btn-custom-violet:hover,\n.btn-custom-violet:focus {\n    /* Hover/Focus state background color - make it slightly darker */\n    background-color: #6d4a74; \n    border-color: #6d4a74; /* Match border color */\n}\n\n/* Optional: Keep the default Bootstrap active/down state behavior */\n.btn-custom-violet:active {\n    background-color: #671e75; \n    border-color: #671e75; \n}\n\n/* btn-custom-brown */\n.btn-custom-brown, .text-bg-custom-brown, .bg-custom-brown {\n    /* Normal state background color */\n    background-color: #774212; \n    border-color: #774212; /* Match border color */\n}\n\n.btn-custom-brown:hover,\n.btn-custom-brown:focus {\n    /* Hover/Focus state background color - make it slightly darker */\n    background-color: #746150; \n    border-color: #746150; /* Match border color */\n}\n\n/* Optional: Keep the default Bootstrap active/down state behavior */\n.btn-custom-violet:active {\n    background-color: #774212; \n    border-color: #774212; \n}"],"file":"custom.css"}