/*-------------------------------------------------------------- # Atom Post & Page Widget --------------------------------------------------------------*/ .atom-builder-page-widget-thumbnail, .atom-builder-post-widget-thumbnail { display: block; margin-bottom: 1.5em; } .atom-builder-widget .atom-builder-page-widget-header, .atom-builder-widget .atom-builder-post-widget-header { text-align: center; } .atom-builder-widget .text-left { text-align: left; } .atom-builder-widget .text-center { text-align: center; } .atom-builder-widget .text-right { text-align: right; } @media screen and (min-width: 60em) { .atom-builder-widget .atom-builder-page-widget-entry, .atom-builder-widget .atom-builder-post-widget-entry { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .atom-builder-widget .atom-builder-page-widget-header, .atom-builder-widget .atom-builder-post-widget-header { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } .atom-builder-widget .atom-builder-page-widget-thumbnail, .atom-builder-widget .atom-builder-post-widget-thumbnail { margin-bottom: 0; } .atom-builder-widget .left-thumbnail, .atom-builder-widget .right-thumbnail { -webkit-box-flex: 2; -ms-flex: 2 2 1px; flex: 2 2 1px; } .atom-builder-widget .left-thumbnail { margin-right: 3em; } .atom-builder-widget .right-thumbnail { margin-left: 3em; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .atom-builder-widget .one-third { -webkit-box-flex: 1; -ms-flex: 1 1 1px; flex: 1 1 1px; } .atom-builder-widget .one-half { -webkit-box-flex: 2; -ms-flex: 2 2 1px; flex: 2 2 1px; } .atom-builder-widget .two-thirds { -webkit-box-flex: 4; -ms-flex: 4 4 1px; flex: 4 4 1px; } }