/************************************************ KEY-VALUE LISTS ************************************************/ .kv-key:after { content: ": "; } .compact-kv .kv-key > span { display: none; } /************************************************ KEY-VALUE LISTS ************************************************/ .mt-0 { margin-top: 0 !important; } /************************************************ LOADING SPINNER OVERLAY Credit: jlong @github Source: https://github.com/jlong/css-spinners ************************************************/ @-moz-keyframes spinner-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes spinner-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-loader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* :not(:required) hides this rule from IE9 and below */ .show-loading-overlay { position: relative; } .show-loading-overlay:not(:required):before { -moz-animation: spinner-loader 1500ms infinite linear; -webkit-animation: spinner-loader 1500ms infinite linear; animation: spinner-loader 1500ms infinite linear; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0; -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0; display: inline-block; font-size: 10px; width: 1em; height: 1em; margin: 1.5em; overflow: hidden; text-indent: 100%; content: "."; left: 50%; position: absolute; top: 50%; } .show-loading-overlay:not(:required):after { background: rgba(255, 255, 255, 0.5); overflow: hidden; text-indent: 100%; content: "."; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .entry-content > [class*="wp-block-"]:not(:last-child) { margin-bottom: 2rem; } /************************************************ WP GUTENBERG COLUMNS ************************************************/ .wp-block-columns { margin-top: -2rem; } .wp-block-column { margin-top: 2rem; } @media (min-width:600px) { /* Let the second two columns of 50:25:25 display side-by-side on medium screens */ .entry-content .cols-50-25-25 .wp-block-column:first-child { flex-basis: 100%; } .entry-content .cols-50-25-25 .wp-block-column:nth-child(2) { margin-left: 0; } .entry-content .cols-50-25-25 .wp-block-column:nth-child(3) { margin-left: 32px; } .entry-content .cols-50-25-25 > .wp-block-column + .wp-block-column + .wp-block-column { } } @media (min-width:782px) { .entry-content .cols-50-25-25 .wp-block-column:first-child { flex-basis: unset; } .entry-content .cols-50-25-25 .wp-block-column + .wp-block-column { margin-left: 32px; } /* 30:70 */ .entry-content .cols-30-70 > .wp-block-column, .entry-content .cols-70-30 > .wp-block-column + .wp-block-column { flex-basis: 30%; } .entry-content .cols-30-70 > .wp-block-column + .wp-block-column, .entry-content .cols-70-30 > .wp-block-column { flex-basis: 70%; } } @media (min-width:1024px) { /* 50:50 */ .entry-content .cols-50-50 > .wp-block-column { flex-basis: 50%; } /* 33:33:33 */ .entry-content .cols-33-33-33 > .wp-block-column { flex-grow: 1; } /* 50:25:25 */ .entry-content .cols-50-25-25 .wp-block-column:first-child { flex-basis: 50%; } .entry-content .cols-50-25-25 > .wp-block-column + .wp-block-column { flex-basis: 25%; } /* Gaps */ .cols-gap-none .wp-block-column:not(:first-child) { margin-left: 0; } .cols-gap-sm .wp-block-column:not(:first-child) { margin-left: 16px; } .cols-gap-lg .wp-block-column:not(:first-child) { margin-left: 64px; } .cols-gap-xl .wp-block-column:not(:first-child) { margin-left: 128px; } } /* .entry-content .cols-30-70 > .wp-block-column, .entry-content .cols-70-30 > .wp-block-column, .entry-content .cols-50-50 > .wp-block-column, .entry-content .cols-33-33-33 > .wp-block-column, .entry-content .cols-50-25-25 > .wp-block-column { flex-basis: 100%; } @media (min-width:575px) { .entry-content .cols-50-25-25 { margin-left: 0; } .entry-content .cols-50-25-25 > .wp-block-column { margin: 0; } .entry-content .cols-50-25-25 .wp-block-column + .wp-block-column { width: 48.5%; flex: 0 0 48.5%; flex-basis: unset; margin: 0; } .entry-content .cols-50-25-25 > .wp-block-column + .wp-block-column + .wp-block-column { margin-left: 3%; } } @media (min-width:1024px) { .entry-content .cols-30-70, .entry-content .cols-70-30, .entry-content .cols-50-50, .entry-content .cols-33-33-33, .entry-content .cols-50-25-25 { margin-left: 0; } .entry-content .cols-30-70 > .wp-block-column { width: 28%; flex: 0 0 28%; flex-basis: unset; margin: 0; } .entry-content .cols-30-70 > .wp-block-column + .wp-block-column { width: 68%; flex: 0 0 68%; margin-left: 4%; } .entry-content .cols-70-30 > .wp-block-column { width: 68%; flex: 0 0 68%; flex-basis: unset; margin: 0; } .entry-content .cols-70-30 > .wp-block-column + .wp-block-column { width: 28%; flex: 0 0 28%; margin-left: 4%; } .entry-content .cols-50-50 > .wp-block-column { width: 48.5%; flex: 0 0 48.5%; flex-basis: unset; margin: 0; } .entry-content .cols-50-50 > .wp-block-column + .wp-block-column { margin-left: 3%; } .entry-content .cols-33-33-33 > .wp-block-column { width: 31%; flex: 0 0 31%; flex-basis: unset; margin: 0; } .entry-content .cols-33-33-33 > .wp-block-column + .wp-block-column { margin-left: 3%; } .entry-content .cols-50-25-25 > .wp-block-column { width: 48%; flex: 0 0 48%; flex-basis: unset; margin: 0; } .entry-content .cols-50-25-25 > .wp-block-column + .wp-block-column { margin-left: 3%; width: 23%; flex: 0 0 23%; } } @media (min-width: 782px) { .cols-gap-none .wp-block-column:not(:first-child) { margin-left: 0; } .cols-gap-sm .wp-block-column:not(:first-child) { margin-left: 16px; } .cols-gap-lg .wp-block-column:not(:first-child) { margin-left: 64px; } } */ /************************************************ BASIC COLUMNS (can probably be removed) ************************************************ .cols-30-70, .cols-70-30, .cols-50-50, .cols-33-33-33, .cols-50-25-25 { display: flex; flex-wrap: wrap; } .cols-30-70 > .wp-block-column, .cols-70-30 > .wp-block-column, .cols-50-50 > .wp-block-column, .cols-33-33-33 > .wp-block-column, .cols-50-25-25 > .wp-block-column { flex-basis: 100%; } @media (min-width:575px) { .cols-50-25-25 { margin-left: 0; } .cols-50-25-25 > .wp-block-column { margin: 0; } .cols-50-25-25 .wp-block-column + .wp-block-column { width: 48.5%; flex: 0 0 48.5%; flex-basis: unset; margin: 0; } .cols-50-25-25 > .wp-block-column + .wp-block-column + .wp-block-column { margin-left: 3%; } } @media (min-width:1024px) { .cols-30-70, .cols-70-30, .cols-50-50, .cols-33-33-33, .cols-50-25-25 { margin-left: 0; } .cols-30-70 > .wp-block-column { width: 28%; flex: 0 0 28%; flex-basis: unset; margin: 0; } .cols-30-70 > .wp-block-column + .wp-block-column { width: 68%; flex: 0 0 68%; margin-left: 4%; } .cols-70-30 > .wp-block-column { width: 68%; flex: 0 0 68%; flex-basis: unset; margin: 0; } .cols-70-30 > .wp-block-column + .wp-block-column { width: 28%; flex: 0 0 28%; margin-left: 4%; } .cols-50-50 > .wp-block-column { width: 48.5%; flex: 0 0 48.5%; flex-basis: unset; margin: 0; } .cols-50-50 > .wp-block-column + .wp-block-column { margin-left: 3%; } .cols-33-33-33 > .wp-block-column { width: 31%; flex: 0 0 31%; flex-basis: unset; margin: 0; } .cols-33-33-33 > .wp-block-column + .wp-block-column { margin-left: 3%; } .cols-50-25-25 > .wp-block-column { width: 48%; flex: 0 0 48%; flex-basis: unset; margin: 0; } .cols-50-25-25 > .wp-block-column + .wp-block-column { margin-left: 3%; width: 23%; flex: 0 0 23%; } } */ /************************************************ SIDEBAR NAVIGATION WIDGET ************************************************/ .pivot_widget_sidenav .widget-title a { color: inherit; } .sidebar-navigation li { line-height: 1.2; padding: 0.75rem 0 0 0; } .sidebar-navigation > li:first-child { padding-top: 0; } .sidebar-navigation ul { padding-left: 1.5rem; }