/*! * Niche Framework * Version - 1.0 */ .nich-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .nich-container { max-width: 540px; } } @media (min-width: 768px) { .nich-container { max-width: 720px; } } @media (min-width: 992px) { .nich-container { max-width: 960px; } } @media (min-width: 1200px) { .nich-container { max-width: 1140px; } } .nich-container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .nich-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .nich-col-sm-1, .nich-col-sm-2, .nich-col-sm-3, .nich-col-sm-4, .nich-col-sm-5, .nich-col-sm-6, .nich-col-sm-7, .nich-col-sm-8, .nich-col-sm-9, .nich-col-sm-10, .nich-col-sm-11, .nich-col-sm-12, .nich-col-md-1, .nich-col-md-2, .nich-col-md-3, .nich-col-md-4, .nich-col-md-5, .nich-col-md-6, .nich-col-md-7, .nich-col-md-8, .nich-col-md-9, .nich-col-md-10, .nich-col-md-11, .nich-col-md-12, .nich-col-lg-1, .nich-col-lg-2, .nich-col-lg-3, .nich-col-lg-4, .nich-col-lg-5, .nich-col-lg-6, .nich-col-lg-7, .nich-col-lg-8, .nich-col-lg-9, .nich-col-lg-10, .nich-col-lg-11, .nich-col-lg-12, .nich-col-xl-1, .nich-col-xl-2, .nich-col-xl-3, .nich-col-xl-4, .nich-col-xl-5, .nich-col-xl-6, .nich-col-xl-7, .nich-col-xl-8, .nich-col-xl-9, .nich-col-xl-10, .nich-col-xl-11, .nich-col-xl-12 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } @media (min-width: 992px) { .nich-order-first { -ms-flex-order: -1; order: -1; } .nich-order-last { -ms-flex-order: 13; order: 13; } .nich-order-0 { -ms-flex-order: 0; order: 0; } .nich-order-1 { -ms-flex-order: 1; order: 1; } .nich-order-2 { -ms-flex-order: 2; order: 2; } .nich-order-3 { -ms-flex-order: 3; order: 3; } .nich-order-4 { -ms-flex-order: 4; order: 4; } .nich-order-5 { -ms-flex-order: 5; order: 5; } .nich-order-6 { -ms-flex-order: 6; order: 6; } .nich-order-7 { -ms-flex-order: 7; order: 7; } .nich-order-8 { -ms-flex-order: 8; order: 8; } .nich-order-9 { -ms-flex-order: 9; order: 9; } .nich-order-10 { -ms-flex-order: 10; order: 10; } .nich-order-11 { -ms-flex-order: 11; order: 11; } .nich-order-12 { -ms-flex-order: 12; order: 12; } } @media (min-width: 576px) { .nich-col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .nich-col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .nich-col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .nich-col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .nich-col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .nich-col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .nich-col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .nich-col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .nich-col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .nich-col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .nich-col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .nich-col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .nich-col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .nich-col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .nich-col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .nich-col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .nich-col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .nich-col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .nich-col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .nich-col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .nich-col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .nich-col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .nich-col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .nich-col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .nich-col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .nich-col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .nich-col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .nich-col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .nich-col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .nich-col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .nich-col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .nich-col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .nich-col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .nich-col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .nich-col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .nich-col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1200px) { .nich-col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .nich-col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .nich-col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .nich-col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .nich-col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .nich-col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .nich-col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .nich-col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .nich-col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .nich-col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .nich-col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .nich-col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .nich-justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .nich-justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .nich-justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .nich-justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .nich-justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .nich-align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .nich-align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .nich-align-items-center { -ms-flex-align: center !important; align-items: center !important; } .nich-align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .nich-align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .nich-align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .nich-align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .nich-align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .nich-align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .nich-align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .nich-align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .nich-text-left { text-align: left !important; } .nich-text-right { text-align: right !important; } .nich-text-center { text-align: center !important; }