/*
* OEMBEDS CSS -Inhaltsverzeichnis
*
* 1.0 - Global
* 2.0 - Kopfball
* 3.0 - 3.0 - OEMBEDS -Behälter
* 3.1 - Abschnittskopfzeile
* 3.2 - OEMbed aktivieren/deaktivieren
* 3.3 - OEMbed Information Box
* 4.0 - Modalstil
* 5.0 - Klebriges Widget
* 6.0 - Reaktionsfähigkeit
*/
/*** 1.0 - Global ***/
.ClearFix { Anzeige: Inline-Block; }
/* Start Kommentar Backslash Hack \*/
* html .clearfix { Höhe: 1%; }
.ClearFix { Anzeige: Block; }
.Checkmark {
Breite: 21px;
Höhe: 22px;
Grenzradius: 50%;
Anzeige: Block;
Schlaganfall: 2;
Schlaganfall: #fff;
stroke-miterlimit: 10;
Schlaganfall: 0;
verwandeln: übersetzen(0px, -3px);
}
#sbi-oembeds {
-webkit-font-selbler: Antialias;
Schriftfamilie: -Apfelsystem,BlinkmacSystemFont,"Givo UI",Kreisförmig,Sauerstoffsans,Ubuntu,Sünde,"Helvetica Neue",Sans-Serif;
}
#wpContent {
Padding-Links: 0px;
}
#WPBODY-CONTENT {
Padding-Bottom: 40px;
}
.ClearFix:nach {
Sichtweite: versteckt;
Anzeige: Block;
Schriftgröße: 0;
Inhalt: " ";
klar: beide;
Höhe: 0;
}
.sbi-fb-full-wrapper{
Polsterung: 0 53px;
Polsterung: 82px;
}
.SBI-FB-FS {
Breite: 100%;
Position: relativ;
schweben: links;
Kastengrößen: Grenzschachtel;
}
/*orange*/
.sb-btn-orange{
Hintergrund: #Fe544f!wichtig;
Farbe: #fff!wichtig;
}
.sb-btn-orange:schweben{
Hintergrund: #EC352F!wichtig;
Farbe: #fff!wichtig;
}
.sb-btn-orange:Fokus,
.sb-btn-orange:aktiv{
Hintergrund: #BC120E!wichtig;
Farbe: #fff!wichtig;
}
/*** 2.0 - Kopfball ***/
.sbi-fb-create-CTN{
Rand: 90px;
}
.SBI-FB-Header{
Höhe: 64px;
Position: Absolute;
Anzeige: biegen;
Flex-Richtung: Reihe;
Rechtfertigungsbekämpfung: Weltraum dazwischen;
Ausrichtung: Center;
Hintergrund: #fff;
Polsterung: 0PX 52px;
Z-Index: 2;
}
.SBI-FB-Header-Links {
Anzeige: biegen;
}
.SBI-FB-Header-Links .SB-Social-Wall-Link-Wrap {
links: 30px;
}
.SB-Social-Wall-Link-Wrap {
Anzeige: biegen;
Schriftgröße: 14px;
Marge: 10px 0;
}
.SB-Social-Wall-Link {
Polsterung: 0 12px;
Grenzrechte: 1PX Solid #CCC;
Farbe: #0068A0!wichtig;
Linienhöhe: 1;
}
.SB-Social-Wall-Link:Erstkind {
Padding-Links: 0;
Grenzrechte: 1PX Solid #CCC;
Farbe: #0068A0!wichtig;
Linienhöhe: 1;
}
.SB-Social-Wall-Link:letztes Kind {
Grenzrechte: keiner;
}
.SB-Social-Wall-Link a {
Textdekoration: keiner;
}
.SB-Social-Wall-Link a:Fokus {
Gliederung: keiner;
Box-Shadow: keiner;
}
.SBI-FB-HD-Logo{
Anzeige: biegen;
vertikaler Ausrichtung: Mitte;
Ausrichtung: Center;
Lücke: 5px;
}
.sbi-fb-hd-logo .sb-logo-letter-schrap {
Randboden: 4px;
}
.SBI-FB-HD-Logo. Breadcrumb-Title{
Schriftgröße: 14px;
Schriftgewicht: 400;
Linienhöhe: 22px;
Buchstabe: 0em;
links: 4px;
}
.sbi-fb-hd-logo. -Separator{
Marge: 0 5px 0 10px;
}
.SBI-FB-HD-BTN{
Höhe: 38px;
Cursor: Zeiger;
Anzeige: biegen;
Flex-Richtung: Reihe;
Rechtfertigungsbekämpfung: Center;
Ausrichtung: Center;
Polsterung: 0PX 15px 0px 16px;
Schriftgewicht: 600;
Schriftgröße:14px;
Farbe: #353A41;
Hintergrund: #F3F4F5;
Grenzradius: 2px;
Grenze: 1PX Solid #DCDDE1;
Position: relativ;
Textdekoration: keiner;
Übergang: Alle 0,15s;
}
.SBI-FB-HD-BTN:Fokus {
Gliederung: keiner;
Box-Shadow: keiner;
}
.SBI-FB-HD-BTN:schweben {
Farbe: erben;
Hintergrundfarbe: #fff;
}
.sbi-fb-hd-btn i{
Marge: 0PX 5px;
}
.SBI-FB-HD-BTN[data-icon ="links"]{
Polsterrechte: 20px!wichtig;
}
.SBI-FB-Ful-Wrapper .Sektion-Header H1 {
Schriftgröße: 32px;
Linienhöhe: 40px;
}
/*** 3.0 - OEMBEDS -Behälter ***/
.sbi-oembeds-container {
Max-Breite: 875px;
Position: relativ;
Marge: Auto;
Rand: 33px;
Kastengrößen: Grenzschachtel;
}
/*** 3.1 - Abschnittskopfzeile ***/
.SBI-Abschnitt-Header H3 {
Schriftgewicht: 600;
Schriftgröße: 32px;
Linienhöhe: 40px;
Farbe: #141B38;
Marge: 0 0 5px 0;
}
.SBI-Abschnitt-Header p {
Schriftgröße: 13px;
Linienhöhe: 18px;
Farbe: #434960;
Marge: 0;
}
.sbi-oembed-Plugin-Box {
Hintergrund: #Ffffff;
Box-Shadow: 0PX 1PX 2PX RGBA(0, 0, 0, 0.05), 0PX 4PX 5PX RGBA(0, 0, 0, 0.05);
Randboden: 10px;
Polsterung: 12PX 20px;
Anzeige: biegen;
Rechtfertigungsbekämpfung: Weltraum dazwischen;
Ausrichtung: Center;
}
/*** 3.2 - OEMbed aktivieren/deaktivieren ***/
.Sbi-Oembed-Plugin-Box-Gruppe {
Rand: 35px;
}
.sbi-oembed-plugin-box .oembed-Text{
Flex-Base: 645px;
}
.sbi-oembed-plugin-box .sbi-oembed-btn{
Flex-Base: 125px;
Textausrichtung: Rechts;
}
.Sbi-whatsbi-btn {
Grenzradius: 2px;
Polsterung: 10PX 20px;
Grenze: 0px;
Farbe: #fff;
Schriftgröße: 14px;
Cursor: Zeiger;
Übergang: ALLE .15S LEISTEN;
Kastengrößen: Grenzschachtel;
Textdekoration: keiner;
Anzeige: biegen;
Ausrichtung: Center;
Höhe: 38px;
schweben: Rechts;
}
.Sbi-was {
Randrecht: 5px;
Höhe: 15px;
Breite: 15px;
}
.Sbi-was {
Breite: 100%;
Höhe: 100%;
}
.Sbi-Oembed-BTN-Taste:schweben {
Hintergrundfarbe: #0096CC;
Grenzfarbe: #0096CC;
}
.Sbi-whatsbi-btn:Fokus,
.Sbi-whatsbi-btn:aktiv {
Gliederung: keiner;
Box-Shadow: keiner;
}
.sbi-oembed-btn button.Disable-Oembed {
Hintergrund: #D72C2C;
}
.sbi-oembed-btn button.Disable-Oembed:schweben {
Hintergrundfarbe: #DF5757;
Grenzfarbe: #DF5757;
}
.sbi-oembed-btn button.Disable-Oembed:Fokus,
.sbi-oembed-btn button.Disable-Oembed:aktiv {
Hintergrundfarbe: #841919;
Grenzfarbe: #841919;
}
.SBI-OEMBED-BTN-Taste.LOADING SVG {
Höhe: 14px;
verwandeln: übersetzen(0, 2px);
}
/*** 3.3 - OEMbed Information Box ***/
.sbi-oembed-Information {
Hintergrund: #Ffffff;
Box-Shadow: 0PX 1PX 2PX RGBA(0, 0, 0, 0.05), 0PX 4PX 5PX RGBA(0, 0, 0, 0.05);
Randboden: 10px;
}
.sbi-oembed-Information .SB-Box-Header {
Polsterung: 16PX 20px;
Grenzboden: 1PX Solid #e8e8eb;
}
.sbi-oembed-Information .SB-Box-Header H3 {
Marge: 0;
Schriftgewicht: 600;
Schriftgröße: 18px;
Linienhöhe: 140%;
Farbe: #141B38;
}
.SB-Two-Säulenbox {
Anzeige: biegen;
Rechtfertigungsbekämpfung: Raumfahrt;
Ausrichtung: Center;
Grenzboden: 1PX Solid #e8e8eb;
}
.sb-two-säule-box-1 img {
Max-Breite: 438px;
}
.sb-two-säule-box-2 img{
Rand: 20px;
Max-Breite: 442px;
}
.SB-TWO-SOLLUMN-BOX .SB-EMBED-INFO-Text {
Polsterung: 0 75px 0 35px;
}
.SB-TWO-SOLUMN-2 .SB-EMBED-INFO-Text {
Polsterung: 0 65px 0 30px;
}
.Sb-Two-Säulen-Box H4,
.SB-One-Säulen-Box H4 {
Schriftgröße: 16px;
Schriftgewicht: 600;
Linienhöhe: 26px;
Farbe: #141B38;
}
.SB-One-Säulen-Box {
Max-Breite: 405px;
Marge: Auto;
Textausrichtung: Center;
}
.SB-One-Säulen-Box H4 {
Polsterung: 0;
Rand: 30px;
Randboden: 0px;
}
.SB-One-Säulen-Box p {
Schriftgröße: 14px;
Linienhöhe: 22px;
}
.SB-One-Spaln-Box IMG {
Rand: 15px;
Randboden: -21px;
Max-Breite: 392px;
}
.sb-two-säule-box-1 .sb-links {
Padding-Links: 20px;
}
.SB-Plugin-Info-Box {
Polsterung: 20px;
}
.SB-Plugin-Info-Box .SB-LINK {
Padding-Links: 35px;
}
.SB-Plugin-Info-Box .SB-Right {
Polsterung: 0 60px 0 40px;
}
.SB-Plugin-Info-Box H4 {
Schriftgröße: 18px;
Marge: 0px;
}
.SB-Plugin-Info-Box p {
Schriftgröße: 14px;
Linienhöhe: 22px;
Farbe: #434960;
Rand: 10px;
}
.SB-Plugin-Info-Box IMG {
Max-Breite: 414px;
Randboden: -5px;
}
/*** 4.0 - Modalstil ***/
.sbi-oembed-modal {
Position: Absolute;
Spitze: 0;
links: 0;
Breite: 100%;
Höhe: 100%;
Hintergrund: RGBA(0, 0, 0, 0.4);
Z-Index: 9;
}
.sbi-modal-in-inhalt {
Hintergrundfarbe: #fff;
Höhe: 381px;
Max-Breite: 572px;
Polsterung: 40PX 75px 48px;
Kastengrößen: Grenzschachtel;
Position: relativ;
Textausrichtung: Center;
Marge: 260PX Auto 0;
}
.sbi-modal-in-inkontent H2 {
Schriftgröße: 24px;
Linienhöhe: 29px;
Textausrichtung: Center;
Buchstabe: 0;
Farbe: #141B38;
Marge: 0 0 5px 0;
}
.sbi-modal-content p {
Schriftgröße: 12px;
Linienhöhe: 18px;
Textausrichtung: Center;
Farbe: #434960;
}
.sbi-modal content .cancel-btn{
Hintergrund: keiner;
Grenze: keiner;
Farbe: #141B38;
Position: Absolute;
Spitze: 16px;
Rechts: 16px;
Polsterung: 0;
Cursor: Zeiger;
}
.SBI-Modal-In-Intent .modal-Icon{
Randboden: 45px;
}
.sbi-modal content .modal-icon img {
Max-Breite: 102px;
}
.sbi-modal content .sb-action-buttons{
Anzeige: biegen;
Rechtfertigungsbekämpfung: Center;
Rand: 30px;
}
.SBI-Modal-In-Intent .SB-Action-Buttons-Taste:nicht(:letztes Kind) {
Randrecht: 7px;
}
.sb-action-buttons .sbi-btn {
Anzeige: biegen;
Ausrichtung: Center;
vertikaler Ausrichtung: Mitte;
Rechtfertigungsbekämpfung: Center;
Hintergrund: #F3F4F5;
Grenze: 1PX Solid #DCDDE1;
Kastengrößen: Grenzschachtel;
Grenzradius: 2px;
Polsterung: 7PX 30px;
Schriftgewicht: 600;
Schriftgröße: 14px;
Linienhöhe: 22px;
Farbe: #141B38;
Buchstabe: 0.2px;
Cursor: Zeiger;
Minweite: 175px;
}
.sb-action-buttons .sbi-install-btn {
Hintergrundfarbe: #Fe544f;
Grenzfarbe: #Fe544f;
Farbe: #fff;
}
.sb-action-buttons .sbi-install-btn:deaktiviert {
Hintergrund: #F3F4F5;
Grenze: 1PX Solid #DCDDE1;
Farbe: #141B38;
Cursor: nicht verurteilt
}
.sb-action-buttons .sbi-install-btn:nicht(.Erfolg):Behinderter Pfad {
füllen: #141B38;
}
.sb-action-buttons .sbi-install-btn span {
Randrecht: 10px;
}
.sb-action-buttons .sbi-install-btn.loading svg {
Höhe: 16px;
verwandeln: übersetzen(0, 2px);
}
/*** 5.0 Klebriges Widget ***/
.Sbi-stock-etc.{
Position: behoben;
Rechts: 21px;
Z-Index: 9;
unten: 20px;
}
.Sbi-stock-etc-btn{
Breite: 52px;
Höhe: 52px;
Hintergrund: #fff;
Grenzradius: 50%;
Cursor: Zeiger;
Anzeige: biegen;
Rechtfertigungsbekämpfung: Center;
Ausrichtung: Center;
Filter: Drop-Shadow(0PX 9px 13px RGBA(0, 0, 0, 0.2));
}
.SBI-STCK-WDG-BTN SVG{
Breite: 25px;
füllen: #Fe544f;
Höhe: 33px;
}
.Sbi-stock-etc.[datenaktiv ="WAHR"] .SBI-STCK-WDG-BTN-CLS,
.Sbi-stock-etc.[datenaktiv ="WAHR"] .SBI-STCK-WDG-BTN-CLS SVG{
Anzeige: Block;
}
.SBI-STCK-WDG-BTN-CLS{
Breite: erben;
Höhe: erben;
Position: relativ;
Farbe: #364152;
Box-Shadow: 0PX 1PX 6PX RGB(0 0 0 / 5%), 0PX 9px 12px RGB(0 0 0 / 5%);
Grenzradius: 70px;
}
.SBI-STCK-WDG-BTN-CLS SVG {
Breite: 14px;
Höhe: 14px;
Position: Absolute;
Spitze: 50%;
Rechts: 0;
unten: 0;
links: 50%;
Rand: -7px;
links: -7px;
}
.sbi-stck-pop{
Position: Absolute;
Breite: 292px;
Höhe: Auto;
Hintergrund: #fff;
Grenze: 1PX Solid #e2e8f0;
Kastengrößen: Grenzschachtel;
Box-Shadow: 0PX 1PX 3PX RGBA(0, 0, 0, 0.15), 0PX 3px 14px RGBA(0, 0, 0, 0.12);
Grenzradius: 2px;
Polsterung: 20px;
Rechts: 0px;
unten: 66px;
Farbe: #141B38;
Padding-Bottom: 82px;
}
.Sbi-stock-etc.[datenaktiv ="WAHR"] .sbi-stck-pop{
unten: 66px;
Opazität: 1;
Sichtweite: sichtbar;
}
.SBI-STCK-POP SVG{
füllen: CurrentColor;
}
.sbi-stck-ellist{
Grenze: 1PX Solid #DCDDE1;
Grenzradius: 2px;
}
.SBI-STCK-EL{
Anzeige: biegen;
Ausrichtung: Center;
Polsterung: 11PX 13px;
Grenzboden: 1PX Solid #DCDDE1;
Übergang: Hintergrund .15s Leichterung;
Schriftgröße: 12px;
}
.SBI-STCK-EL:schweben{
Hintergrund: #F3F4F5;
}
.SBI-STCK-EL:Last-of-Type{
Grenzboden: 0px;
}
.SBI-STCK-EL-LIST .SBI-Chevron SVG{
Breite: 5px;
Höhe: 8px;
}
.SBI-FS-A {
Breite: 100%;
Höhe: 100%;
Anzeige: Block;
Position: Absolute;
links: 0;
Spitze: 0;
Z-Index: 1;
}
.sbi-stck-el .sbi-st-el-txt{
Farbe: #27303F;
}
.Sbi-stck-el.sbi-stck-el-upgrd{
Polsterung: 9PX 14px;
Schriftgröße: 14px;
Hintergrund: unser(--Cl-Orange);
Farbe: #fff;
Position: relativ;
Übergang: Hintergrund .15s Leichterung;
Schriftgewicht: 600;
}
.sbi-Chevron {
Position: Absolute;
Rechts: 14px
}
.sbi-stck-el.sbi-st-el-upgrd .sbi-stck-el-txt{
Farbe: #fff;
}
.Sbi-stck-el.sbi-stck-el-upgrd:nach{
Spitze: 20px;
Opazität: 1;
}
.sbi-stck-el-icon{
Randrecht: 10px;
}
.SBI-STCK-EL-ICON SVG{
Breite: 17px;
schweben: links;
}
.sbi-stck-title{
Rand: 20px;
Randboden: 10px;
Farbe: #141B38;
Schriftgewicht: 600;
Schriftgröße: 14px;
Linienhöhe: 160%;
}
.sbi-stck-follow{
Hintergrund: #F3F4F5;
Rand: 20px;
links: 0px;
unten: 0px;
Position: Absolute;
Polsterung: 12PX 20px;
Anzeige: biegen;
Ausrichtung: Center;
}
.SBI-STCK-FOOWLE-Span{
Schriftgewicht: 600;
Schriftgröße: 14px;
}
.SBI-STCK-FLW-Links{
Anzeige: biegen;
Rechtfertigungsbekämpfung: Center;
Ausrichtung: Center;
links: Auto;
}
.sbi-stck-flw-links a{
Breite: 36px;
Höhe: 28px;
Farbe: erben;
Anzeige: Inline-Flex;
Rechtfertigungsbekämpfung: Center;
Ausrichtung: Center;
links: 4px;
Grenzradius: 2px;
Übergang: Hintergrund .15s Leichterung;
}
.SBI-STCK-FLW-Links SVG{
Breite: 17px;
Farbe: #141B38;
}
.sbi-stck-flw-links a:schweben{
Hintergrund: #fff;
}
.sbi-stck-flw-links a:Hover Svg{
Farbe: erben;
}
/*** 6.0 - Reaktionsfähigkeit ***/
@Medien (Max-Breite: 1170px) {
.sbi-oembed-plugin-box .oembed-Text {
Flex-Base: 78%;
}
}
@Medien (Max-Breite: 1024px) {
.sbi-oembed-plugin-box .oembed-Text {
Flex-Base: 72%;
}
.SB-Two-Säulenbox {
Flex-Richtung: Spalte;
}
.sb-two-säule-box-1 {
Flex-Richtung: Säulenrahlung;
}
.SB-TWO-SOLLUMN-BOX .SB-EMBED-INFO-Text{
Polsterung: 0 35px;
Textausrichtung: Center;
}
.sb-two-säule-box-2 img {
Rand: 0px;
}
.sb-two-säule-Box .sb-links,
.sb-two-säule-box .sb-right {
Max-Breite: 405px;
Marge: Auto;
}
.sb-two-säule-box.sb-plugin-info-box .sb-embed-info-Text {
Rand: 25px;
}
.Auto-fach #WPContent {
Padding-Links: 0px;
}
}
@Medien (Max-Breite: 767px) {
.Auto-fach #WPContent {
Padding-Links: 0;
}
.sbi-fb-full-wrapper {
Polsterung: 70PX 20px 0 20px;
}
.SBI-FB-Header {
Polsterung: 0PX 20px;
}
.SBI-FB-HD-BTN {
Polsterung: 0PX 15px 0px 7px;
}
.Sbi-ABOUT-Box .sb-Team-Info {
Polsterung: 30px;
}
.sbi-oembed-Plugin-Box {
Flex-Wrap: wickeln;
}
.sbi-oembed-plugin-box .oembed-icon {
Breite: 20px;
vertikaler Ausrichtung: Mitte;
Anzeige: biegen;
}
.sbi-oembed-plugin-box .sbi-oembed-btn {
Flex-Base: 114px;
Textausrichtung: links;
Rand: 15px;
}
.sbi-oembed-plugin-box .oembed-Text {
Flex-Base: berechnen(100% - 40px);
}
.SB-Plugin-Info-Box .SB-LINK,
.sb-two-säule-box-1 .sb-links,
.sb-two-säule-box-2 .sb-right,
.SB-One-Spaln-Box IMG {
Anzeige: keiner;
}
.SB-One-Säulen-Box {
Padding-Bottom: 5px !wichtig;
}
.SB-One-Säulen-Box H4 {
Rand: 21px;
}
.sb-two-säule-box.sb-plugin-info-box .sb-embed-info-Text {
Rand: 0;
}
.SB-Plugin-Info-Box p {
Randboden: 17px;
}
.sbi-modal-in-inhalt {
Marge: 80PX Auto 0;
Breite: 90%;
Höhe: Auto;
Polsterung: 40PX 30px;
}
.SBI-Modal-In-Intent .modal-Icon {
Randboden: 30px;
}
.SB-Plugin-Info-Box H4 {
Schriftgröße: 16px;
}
}
@Medien (Max-Breite: 630px) {
.sb-two-säule-Box img,
.SB-One-Spaln-Box IMG {
Max-Breite: 100%;
}
.sbi-modal content .sb-action-buttons {
Flex-Richtung: Spalte;
}
.SBI-Modal-In-Intent .SB-Action-Buttons-Taste:nicht(:letztes Kind) {
Randrecht: 0px;
Randboden: 7px;
}
}
@Medien (Max-Breite: 530px) {
.sb-two-säule-Box .sb-links,
.sb-two-säule-box .sb-right,
.SB-One-Säulen-Box {
Polsterung: 0 20px;
}
.Sb-Two-Säulen-Box H4, .SB-One-Säulen-Box H4 {
Linienhöhe: 22px;
}
.SB-One-Spaln-Box IMG {
Randboden: -15px;
}
}
.SBI-BTN-BLUE {
Hintergrund: #0068A0!wichtig;
Farbe: #fff!wichtig;
}
.SB-Button-Standard{
Position: relativ;
Schriftstil: Normal;
Schriftgewicht: 600;
Schriftgröße: 14px;
Polsterung: 10PX 20px 10px 39px;
Linienhöhe: 16px;
Höhe: Auto;
}
.SB-Button-Standard SVG {
Breite: 16px;
Höhe: 16px;
Position: Absolute;
links: 13px;
Rechts: Auto;
Spitze: 10px;
unten: Auto;
}
.SBI-STCK-EL.SBI-STCK-EL-UPGRD SVG PATH{
füllen: #fff!wichtig;
}
