/* Authors: Arslan Akram, Mohsin Rafique Author URI: https://pixelative.co Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl_2.0.html Created on: 27_Jun_2018, 03:08:04 */ /*-------------------------------------------------------------------------------- # Gutenberg Columns --------------------------------------------------------------------------------*/ .wp-block-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 782px) { .wp-block-columns { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .wp-block-columns .wp-block-column { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 1em; -ms-flex-preferred-size: 100%; flex-basis: 100%; min-width: 0; word-break: break-word; overflow-wrap: break-word; } @media (min-width: 600px) { .wp-block-columns .wp-block-column { -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .wp-block-columns .wp-block-column:nth-child(odd) { margin-right: 32px; } .wp-block-columns .wp-block-column:nth-child(even) { margin-left: 32px; } .wp-block-columns .wp-block-column:not(:first-child) { margin-left: 32px; } .wp-block-columns .wp-block-column:not(:last-child) { margin-right: 32px; } }