tfw
ef0f52e4c5
Enhanced webinars and workshops sections with updated schedules, new descriptions, and recorded session details. Adjusted styles for improved responsiveness, layout clarity, and a better user experience across devices.
172 lines
2.9 KiB
SCSS
172 lines
2.9 KiB
SCSS
|
|
@media (max-width: 1219px) {
|
|
body{
|
|
|
|
.md-grid {
|
|
padding: 2rem;
|
|
}
|
|
.md-grid .md-content{
|
|
padding: 4rem;
|
|
}
|
|
.md-footer-container,
|
|
.md-footer-custom-links{
|
|
padding: 2rem;
|
|
}
|
|
|
|
.md-typeset h1,
|
|
h1 {
|
|
font-size: 3rem;
|
|
}
|
|
|
|
.md-typeset h2,
|
|
h2 {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1199px) and (min-width: 769px) {
|
|
body{
|
|
.satag--home-landing .satag--home-companies{
|
|
padding: 4rem 6rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width: 959px) {
|
|
html, body {
|
|
overflow-x: hidden;
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
label.md-header__button.md-icon:last-of-type{
|
|
svg{
|
|
display: none;
|
|
}
|
|
&:after {
|
|
content: "\f002";
|
|
font-family: 'Font Awesome 6 Pro', sans-serif;
|
|
font-weight: 100;
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
|
|
body{
|
|
|
|
.md-nav__link {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.satag--padding-container{
|
|
padding: 4rem 2rem;
|
|
}
|
|
|
|
.satag--home-companies{
|
|
padding: 4rem 3rem;
|
|
width: 100vw !important;
|
|
left: 50% !important;
|
|
right: 50% !important;
|
|
margin-left: -50vw !important;
|
|
margin-right: -50vw !important;
|
|
|
|
|
|
.satag--home-companies-logo--container{
|
|
.satag--home-companies-logo{
|
|
img {
|
|
float: none !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.md-button{
|
|
padding: 1em 2.3em !important;
|
|
margin-bottom: 1em;
|
|
}
|
|
}
|
|
|
|
|
|
.satag--webinar-form-container{
|
|
#nextcloud-form {
|
|
min-height: 2260px !important;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
// Fix for iPad and tablet devices in landscape orientation
|
|
@media (min-width: 768px) and (max-width: 1220px) {
|
|
// Ensure logo is visible
|
|
.md-header__button.md-logo {
|
|
display: block !important;
|
|
visibility: visible !important;
|
|
}
|
|
|
|
.md-header__mobile-logo{
|
|
display: none !important;
|
|
}
|
|
|
|
// Make sure navigation elements remain visible
|
|
.md-header-nav,
|
|
.md-header__inner,
|
|
.md-tabs,
|
|
.md-header__title,
|
|
.md-tabs__list {
|
|
display: flex !important;
|
|
visibility: visible !important;
|
|
}
|
|
|
|
.md-header{
|
|
.md-grid{
|
|
padding: 0 6rem !important;
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
// Ensure proper layout and spacing
|
|
.md-header__inner {
|
|
justify-content: space-between;
|
|
padding: 0 0.2rem;
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
}
|
|
|
|
// Make navigation width match content width
|
|
.md-tabs {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
}
|
|
|
|
// Adjust font sizes for better fit in this viewport range
|
|
.md-header__title {
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.md-tabs__link {
|
|
font-size: 0.7rem;
|
|
padding: 0.5rem 0.5rem 0.5rem 0;
|
|
}
|
|
|
|
.md-header__button.md-logo {
|
|
padding: 2.2rem 0;
|
|
}
|
|
|
|
// Hide hamburger menu for this range to prevent conflicts
|
|
.md-header__button[for="__drawer"] {
|
|
display: none !important;
|
|
}
|
|
|
|
body .md-grid .md-content {
|
|
padding: 0 4rem;
|
|
}
|
|
}
|