/*! * # Fomantic-UI 2.9.3 - Container * https://github.com/fomantic/Fomantic-UI/ * * * Released under the MIT license * https://opensource.org/licenses/MIT * */ /******************************* Container *******************************/ /* All Sizes */ .ui.container { display: block; max-width: 100%; } /* Mobile */ @media only screen and (max-width: 767.98px) { .ui.ui.ui.container:not(.fluid) { width: auto; margin-left: 1em; margin-right: 1em; } .ui.ui.ui.grid.container { width: auto; } .ui.ui.ui.relaxed.grid.container { width: auto; } .ui.ui.ui.very.relaxed.grid.container { width: auto; } } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 991.98px) { .ui.ui.ui.container:not(.fluid) { width: 713.66666667px; margin-left: auto; margin-right: auto; } .ui.ui.ui.grid.container { width: calc(713.6666666666666px + 2rem); } .ui.ui.ui.relaxed.grid.container { width: calc(713.6666666666666px + 3rem); } .ui.ui.ui.very.relaxed.grid.container { width: calc(713.6666666666666px + 5rem); } } /* Small Monitor */ @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .ui.ui.ui.container:not(.fluid) { width: 919px; margin-left: auto; margin-right: auto; } .ui.ui.ui.grid.container { width: calc(919px + 2rem); } .ui.ui.ui.relaxed.grid.container { width: calc(919px + 3rem); } .ui.ui.ui.very.relaxed.grid.container { width: calc(919px + 5rem); } } /* Large Monitor */ @media only screen and (min-width: 1200px) { .ui.ui.ui.container:not(.fluid) { width: 1108.33333333px; margin-left: auto; margin-right: auto; } .ui.ui.ui.grid.container { width: calc(1108.3333333333333px + 2rem); } .ui.ui.ui.relaxed.grid.container { width: calc(1108.3333333333333px + 3rem); } .ui.ui.ui.very.relaxed.grid.container { width: calc(1108.3333333333333px + 5rem); } } /******************************* Types *******************************/ /* Text Container */ .ui.text.container { font-family: 'Raleway', sans-serif; max-width: 700px; line-height: 1.5; font-size: 1.14285714rem; } /* Wide Container */ @media only screen and (min-width: 768px) and (max-width: 991.98px) { .ui.ui.ui.wide.container { width: 856.4px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .ui.ui.ui.wide.container { width: 1102.8px; } } @media only screen and (min-width: 1200px) { .ui.ui.ui.wide.container { width: 1330px; } } /* Fluid */ .ui.fluid.container { width: 100%; } /******************************* Variations *******************************/ .ui[class*="left aligned"].container { text-align: left; } .ui[class*="center aligned"].container { text-align: center; } .ui[class*="right aligned"].container { text-align: right; } .ui.justified.container { text-align: justify; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* -------------- Scrolling --------------- */ .ui.scrolling.container { overflow: auto; -ms-scroll-chaining: none; overscroll-behavior: none; } @media only screen and (max-width: 767.98px) { .ui.scrolling.container.short { max-height: 11.25em; } .ui.scrolling.container[class*="very short"] { max-height: 7.5em; } .ui.scrolling.container { max-height: 15em; } .ui.scrolling.container.long { max-height: 30em; } .ui.scrolling.container[class*="very long"] { max-height: 45em; } } @media only screen and (min-width: 768px) { .ui.scrolling.container.short { max-height: 13.5em; } .ui.scrolling.container[class*="very short"] { max-height: 9em; } .ui.scrolling.container { max-height: 18em; } .ui.scrolling.container.long { max-height: 36em; } .ui.scrolling.container[class*="very long"] { max-height: 54em; } } @media only screen and (min-width: 992px) { .ui.scrolling.container.short { max-height: 18em; } .ui.scrolling.container[class*="very short"] { max-height: 12em; } .ui.scrolling.container { max-height: 24em; } .ui.scrolling.container.long { max-height: 48em; } .ui.scrolling.container[class*="very long"] { max-height: 72em; } } @media only screen and (min-width: 1920px) { .ui.scrolling.container.short { max-height: 22.5em; } .ui.scrolling.container[class*="very short"] { max-height: 15em; } .ui.scrolling.container { max-height: 30em; } .ui.scrolling.container.long { max-height: 60em; } .ui.scrolling.container[class*="very long"] { max-height: 90em; } } /******************************* Theme Overrides *******************************/ /******************************* Site Overrides *******************************/