nfu-ae/assets/stylesheets/template/layout/addcss.scss

509 lines
22 KiB
SCSS

@charset "utf-8";
@import "../initial";
ul.gutena-tabs-tab.tab-flex {
display: flex;
flex-wrap: wrap;
gap: var(--gutena--tabs-tab-spacing, 10px);
justify-content: flex-start;
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
li.gutena-tab-title {
background: #fff;
border: 1px solid #000;
border-radius: 1em;
flex: 1 0 var(--gutena--tabs-tab-min-width, auto);
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content.icon-top {
flex-direction: column;
width: auto;
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content {
align-items: center;
display: inline-flex;
flex-direction: row;
height: 100%;
justify-content: center;
}
.gutena-tab-block {
background: #fff;
padding: 1em;
margin-top: 1em;
color: #000;
}
.wp-block-image{
img{
height: auto!important;
}
}
table.has-fixed-layout {
table-layout: fixed;
width: 100%;
}
img{
max-width: 100%;
}
.wp-block-table td{
border: 1px solid #fff;
img{
height: auto!important;
}
}
.wp-block-table {
overflow-x: auto;
table{
border-collapse: collapse;
}
}
:root {
--cm-color-1: #257BC1;
--cm-color-2: #2270B0;
--cm-color-3: #FFFFFF;
--cm-color-4: #F9FEFD;
--cm-color-5: #27272A;
--cm-color-6: #16181A;
--cm-color-7: #8F8F8F;
--cm-color-8: #FFFFFF;
--cm-color-9: #C7C7C7;
}
.gutena-tabs-block-1a1e79-a8 {
--gutena--tabs-tab-min-width: 100px;
--gutena--tabs-tab-spacing: 15px;
--gutena--tabs-tab-after-gap: 0px;
--gutena--tabs-tab-font-size: 16px;
--gutena--tabs-tab-padding: 4px 15px 4px 15px;
--gutena--tabs-tab-border-top: 1px solid #21222F;
--gutena--tabs-tab-border-right: 1px solid #21222F;
--gutena--tabs-tab-border-bottom: 1px solid #21222F;
--gutena--tabs-tab-border-left: 1px solid #21222F;
--gutena--tabs-tab-border-radius: 10px 10px 10px 10px;
--gutena--tabs-tab-hover-border-radius: 10px 10px 10px 10px;
--gutena--tabs-tab-active-border-radius: 10px 10px 10px 10px;
--gutena--tabs-tab-text-color: #272A41;
--gutena--tabs-tab-active-text-color: #ffffff;
--gutena--tabs-tab-active-background-color: #0DA88C;
--gutena--tabs-tab-active-icon-color: #ffffff;
--gutena--tabs-tab-icon-spacing: 1;
--gutena--tabs-tab-container-padding: 20px 20px 20px 20px;
}
.gutena-tabs-block>.gutena-tabs-tab {
display: flex;
flex-wrap: wrap;
gap: var(--gutena--tabs-tab-spacing, 10px);
justify-content: flex-start;
list-style: none;
margin: 0;
padding: 0;
position: relative;
justify-content: center;
}
.gutena-tab-title-icon{
svg{
height: 2em;
}
}
.is-style-vk-group-dashed {
border: dashed 2px;
padding: 1.8em;
margin-top: var(--vk-margin-elem);
margin-bottom: var(--vk-margin-elem);
}
:root {
--vk-margin-elem: 2rem;
}
:root :where(.is-layout-flex) {
gap: 24px;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button .wp-block-button__link, .wp-element-button, .cm-button {
display: inline-block;
padding: 6px 10px;
background-color: #013d7c;
color: #fff;
font-size: 16px;
font-weight: 600;
border: 1px solid #013d7c;
transition: background-color 0.3s linear 0s;
border-radius: 2px;
cursor: pointer;
&:hover{
background-color: transparent;
color: #013d7c !important; ;
}
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
overflow-wrap: break-word;
word-break: break-word;
}
@media (min-width: 782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 0;
flex-grow: 1;
}
}
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
backdrop-filter: blur(3px);
content: "";
height: 100%;
-webkit-mask-image: linear-gradient(0deg, #000 20%, #0000);
mask-image: linear-gradient(0deg, #000 20%, #0000);
max-height: 40%;
pointer-events: none;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
bottom: 0;
left: 0;
max-height: 100%;
position: absolute;
right: 0;
}
.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images) {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 0;
padding: 0
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
margin: 0 1em 1em 0;
position: relative;
width: calc(50% - 1em)
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure {
align-items: flex-end;
display: flex;
height: 100%;
justify-content: flex-start;
margin: 0
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img {
display: block;
height: auto;
max-width: 100%;
width: auto
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption {
background: linear-gradient(0deg,#000000b3,#0000004d 70%,#0000);
bottom: 0;
box-sizing: border-box;
color: #fff;
font-size: .8em;
margin: 0;
max-height: 100%;
overflow: auto;
padding: 3em .77em .7em;
position: absolute;
text-align: center;
width: 100%;
z-index: 2
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img {
display: inline
}
.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption {
flex-grow: 1
}
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img {
flex: 1;
height: 100%;
object-fit: cover;
width: 100%
}
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item {
margin-right: 0;
width: 100%
}
@media (min-width: 600px) {
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item {
margin-right:1em;
width: calc(33.33333% - .66667em)
}
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item {
margin-right: 1em;
width: calc(25% - .75em)
}
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item {
margin-right: 1em;
width: calc(20% - .8em)
}
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item {
margin-right: 1em;
width: calc(16.66667% - .83333em)
}
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item {
margin-right: 1em;
width: calc(14.28571% - .85714em)
}
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item {
margin-right: 1em;
width: calc(12.5% - .875em)
}
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0
}
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright {
max-width: 420px;
width: 100%
}
.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
justify-content: center
}
.wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
align-self: flex-start
}
figure.wp-block-gallery.has-nested-images {
align-items: normal
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
margin: 0;
width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
box-sizing: border-box;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
max-width: 100%;
position: relative
}
.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div {
flex-direction: column;
flex-grow: 1;
margin: 0
}
.wp-block-gallery.has-nested-images figure.wp-block-image img {
display: block;
height: auto;
max-width: 100%!important;
width: auto
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
bottom: 0;
left: 0;
max-height: 100%;
position: absolute;
right: 0
}
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
backdrop-filter: blur(3px);
content: "";
height: 100%;
-webkit-mask-image: linear-gradient(0deg,#000 20%,#0000);
mask-image: linear-gradient(0deg,#000 20%,#0000);
max-height: 40%;
pointer-events: none
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
box-sizing: border-box;
color: #fff;
font-size: 13px;
margin: 0;
overflow: auto;
padding: 1em;
text-align: center;
text-shadow: 0 0 1.5px #000
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar {
height: 12px;
width: 12px
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track {
background-color: initial
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb {
background-clip: padding-box;
background-color: initial;
border: 3px solid #0000;
border-radius: 8px
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb {
background-color: #fffc
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
scrollbar-color: #0000 #0000;
scrollbar-gutter: stable both-edges;
scrollbar-width: thin
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover {
scrollbar-color: #fffc #0000
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
will-change: transform
}
@media (hover: none) {
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
scrollbar-color:#fffc #0000
}
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
background: linear-gradient(0deg,#0006,#0000)
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
display: inline
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
color: inherit
}
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img {
box-sizing: border-box
}
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div {
flex: 1 1 auto
}
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption {
background: none;
color: inherit;
flex: initial;
margin: 0;
padding: 10px 10px 9px;
position: relative;
text-shadow: none
}
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border:before,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded:before {
content: none
}
.wp-block-gallery.has-nested-images figcaption {
flex-basis: 100%;
flex-grow: 1;
text-align: center
}
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
margin-bottom: auto;
margin-top: 0
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
align-self: inherit
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone) {
display: flex
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
flex: 1 0 0%;
height: 100%;
object-fit: cover;
width: 100%
}
.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
width: 100%
}
body .is-layout-flex {
display: flex;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0;
}
@media (min-width: 600px) {
.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
width:calc(32.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)
}
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
width: calc(24% - var(--wp--style--unstable-gallery-gap, 16px)*.75);
}
.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
width: calc(19% - var(--wp--style--unstable-gallery-gap, 16px)*.8)
}
.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
width: calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333)
}
.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
width: calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714)
}
.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875)
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
width: calc(32.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) {
width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5)
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child {
width: 100%
}
}
.wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright {
max-width: 420px;
width: 100%
}
.wp-block-gallery.has-nested-images.aligncenter {
justify-content: center
}
:root {
--wp--style--block-gap: 24px;
}