body .single-sjh_grid { overflow-x: auto; } section.sjh_grid .single-article-container { max-width: 1050px; margin: 0 auto; } section.sjh_grid .grid-header-container .sponsor { font-size: 14px; font weight: 700; -webkit-box-pack: left; -ms-flex-package: left; justify-content: left; } section.sjh_grid .grid-header-container .grid-title { font-family: Merriweather, serif; font weight: 400; font variant: small caps; text alignment: left; } section.sjh_grid .grid-header-container .single-article-social { -webkit-box-pack: left; -ms-flex-package: left; justify-content: left; left margin: 0; } section.sjh_grid .grid-filters { display: -webkit-box; display: -ms-flexbox; flexible screen; } section.sjh_grid .grid-container .grid .grid-item { width: 100%; floating: none; left: 0 !important; display: -webkit-box; display: -ms-flexbox; flexible screen; -webkit-box-orient: landscape; -webkit-box-direction: reverse; -ms-flex-direction: reverse-row; bending direction: row-reverse; top border: 1px solid #ccc; bottom edge: transparent; left border: transparent; right border: transparent; } section.sjh_grid .grid-container .grid .grid-item .item-info { width: 60%; right infill: 2%; } section.sjh_grid .grid-container .grid .grid-item .item-info .item-name { font-family: Merriweather, serif; font weight: 400; top padding: 20px; } section.sjh_grid .grid-container .grid .grid-item .item-info .item-description { font-size: 16px; line height: 22px; } section.sjh_grid .grid-container .grid .grid-item .item-info .item-description p:first-child { font-family: ‘Roboto Condensed’, sans-serif; text transformation: uppercase; } section.sjh_grid .grid-container .grid .grid-item .item-info .item-description dl { display: -webkit-box; display: -ms-flexbox; flexible screen; -ms-flex-wrapper: wrap; flexible wrapper: wrapper; top padding: 25px; } section.sjh_grid .grid-container .grid .grid-item .item-info .item-description dl dt { width: 160px; } section.sjh_grid .grid-container .grid .grid-item .item-info .item-description dl dd { width: calc(100% – 190px); padding-left: 30px; } section.sjh_grid .grid-container .grid .grid-item .item-image { display: -webkit-box; display: -ms-flexbox; flexible screen; -webkit-box-align: center; -ms-flex-align: center; align elements: center; } Screen @media only y (max-width: 1075px) { section.sjh_grid .grid-container .grid .grid-item { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flexible address: reverse column; } section.sjh_grid .grid-container .grid .grid-item .item-info { width: 100%; right padding: 0; } section.sjh_grid .grid-container .grid .grid-item .item-image { -webkit-box-pack: center; -ms-flex-package: center; justify-content: center; } } @media only screen and (max-width: 767px) { section.sjh_grid .grid-header-container { padding-left: 0; right padding: 0; } section.sjh_grid .grid-header-container .grid-title { width: auto; } section.sjh_grid .grid-header-container .single-article-social { -webkit-box-pack: center; -ms-flex-package: center; justify-content: center; } section.sjh_grid .grid-filters { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; bending direction: column; } section.sjh_grid .grid-container .grid .grid-item { padding-left: 0; right padding: 0; } section.sjh_grid .grid-container .grid .grid-item .item-info .item-description dl { font-size: 14px; } section.sjh_grid .grid-container .grid .grid-item .item-info .item-description dl dd { width: calc(100% – 160px); padding-left: 0; } }
The MBA Directory 2022 post appeared first on Macleans.ca.