/*
* Oembeds CSS Table des matières
*
* 1.0 - MONDIAL
* 2.0 - Tête
* 3.0 - 3.0 - Conteneur Oembets
* 3.1 - En-tête de section
* 3.2 - Boîte Oembled Activer / Disable
* 3.3 - Boîte d'information Oemed
* 4.0 - Style modal
* 5.0 - Widget collant
* 6.0 - Réactivité
*/
/*** 1.0 - MONDIAL ***/
.file d'atteinte { afficher: bloc en ligne; }
/* Démarrer le hack de barreaux commentés \*/
* html .clearfix { hauteur: 1%; }
.file d'atteinte { afficher: bloc; }
.coche {
largeur: 21px;
hauteur: 22px;
rayon frontalier: 50%;
afficher: bloc;
largeur d'AVC: 2;
accident vasculaire cérébral: #FFF;
Accident vasculaire cérébral: 10;
tram-dashoffset: 0;
transformer: traduire(0px, -3px);
}
#SBI-OEMBEDS {
-Webkit-Font-Soothing: antialiasé;
familiale de la police: -système de pomme,BlinkmacSystemfont,"Givo ui",Circulaire,Oxygène-Sans,Ubuntu,Péché,"Helvetica Neue",sans-serif;
}
#wpcontent {
rembourrage à gauche: 0px;
}
#contenu wpbody {
rembourrage: 40px;
}
.file d'atteinte:après {
visibilité: caché;
afficher: bloc;
taille de la police: 0;
contenu: " ";
clair: les deux;
hauteur: 0;
}
.sbi-fb-full-wrapper{
rembourrage: 0 53px;
padding: 82px;
}
.SBI-FB-FS {
largeur: 100%;
position: relatif;
flotter: gauche;
dimensionnement en boîte: borne;
}
/*orange*/
.sb-btn-orange{
arrière-plan: #FE544F!important;
couleur: #FFF!important;
}
.sb-btn-orange:flotter{
arrière-plan: #Ec352f!important;
couleur: #FFF!important;
}
.sb-btn-orange:se concentrer,
.sb-btn-orange:actif{
arrière-plan: #BC120E!important;
couleur: #FFF!important;
}
/*** 2.0 - Tête ***/
.SBI-FB-CREATE-CTN{
marge: 90px;
}
.t-header sbi-fb{
hauteur: 64px;
position: absolu;
afficher: fléchir;
direction flexible: rangée;
justifier: entre les deux;
align-items: centre;
arrière-plan: #FFF;
rembourrage: 0px 52px;
index z: 2;
}
.sbi-fb-header-left {
afficher: fléchir;
}
.sbi-fb-header-left .sb-social-wall-link-wrap {
marge-gauche: 30px;
}
.sb-social-wall-link-wrap {
afficher: fléchir;
taille de la police: 14px;
marge: 10px 0;
}
.SB-Social-Wall-Link {
rembourrage: 0 12px;
frontière: 1px solide #ccc;
couleur: #0068A0!important;
hauteur de ligne: 1;
}
.SB-Social-Wall-Link:premier enfant {
rembourrage à gauche: 0;
frontière: 1px solide #ccc;
couleur: #0068A0!important;
hauteur de ligne: 1;
}
.SB-Social-Wall-Link:dernier-enfant {
frontière: aucun;
}
.SB-Social-Wall-Link A {
textaine-décoration: aucun;
}
.SB-Social-Wall-Link A:se concentrer {
contour: aucun;
caisson-box: aucun;
}
.sbi-fb-hd-logo{
afficher: fléchir;
alignement vertical: milieu;
align-items: centre;
écart: 5px;
}
.SBI-FB-HD-LOGO .SB-Logo-Leters-Wrap {
marge-fond: 4px;
}
.SBI-FB-HD-LOGO .Breadcrumb{
taille de la police: 14px;
poids de police: 400;
hauteur de ligne: 22px;
espacement des lettres: 0em;
marge-gauche: 4px;
}
.SBI-FB-HD-LOGO.{
marge: 0 5px 0 10px;
}
.SBI-FB-HD-BTN{
hauteur: 38px;
curseur: aiguille;
afficher: fléchir;
direction flexible: rangée;
justifier: centre;
align-items: centre;
rembourrage: 0px 15px 0px 16px;
poids de police: 600;
taille de la police:14px;
couleur: #353A41;
arrière-plan: #F3f4f5;
rayon frontalier: 2px;
frontière: 1PX solide # dcdde1;
position: relatif;
textaine-décoration: aucun;
transition: Tous les 0,15s facilités;
}
.SBI-FB-HD-BTN:se concentrer {
contour: aucun;
caisson-box: aucun;
}
.SBI-FB-HD-BTN:flotter {
couleur: hériter;
couleur d'arrière-plan: #FFF;
}
.sbi-fb-hd-btn i{
marge: 0PX 5px;
}
.SBI-FB-HD-BTN[Data-Icon ="gauche"]{
rembourrage: 20px!important;
}
.sbi-fb-full-wrapper.-section-header h1 {
taille de la police: 32px;
hauteur de ligne: 40px;
}
/*** 3.0 - Conteneur Oembets ***/
.SBI-Oembeds-Container {
largeur maximale: 875px;
position: relatif;
marge: auto;
marge: 33px;
dimensionnement en boîte: borne;
}
/*** 3.1 - En-tête de section ***/
.SBI-Section-Header H3 {
poids de police: 600;
taille de la police: 32px;
hauteur de ligne: 40px;
couleur: #141B38;
marge: 0 0 5px 0;
}
.SBI-Section-Header P {
taille de la police: 13px;
hauteur de ligne: 18px;
couleur: #434960;
marge: 0;
}
.SBI-OEMBED-PLUGIN-Box {
arrière-plan: #Ffffff;
caisson-box: 0PX 1PX 2PX RGBA(0, 0, 0, 0.05), 0PX 4PX 5PX RGBA(0, 0, 0, 0.05);
marge-fond: 10px;
rembourrage: 12PX 20px;
afficher: fléchir;
justifier: entre les deux;
align-items: centre;
}
/*** 3.2 - Boîte Oembled Activer / Disable ***/
.SBI-Oembed-Plugin-Box-Group {
marge: 35px;
}
.SBI-Oembed-Plugin-Box .Oembed-Text{
bassin flexible: 645px;
}
.SBI-OEMBED-PLUGIN-BOX .SBI-OEMBED-BTN{
bassin flexible: 125px;
alignement de texte: droite;
}
.Sbi-whatsbi-btn {
rayon frontalier: 2px;
rembourrage: 10PX 20px;
frontière: 0px;
couleur: #FFF;
taille de la police: 14px;
curseur: aiguille;
transition: Tous les .15s facilités;
dimensionnement en boîte: borne;
textaine-décoration: aucun;
afficher: fléchir;
align-items: centre;
hauteur: 38px;
flotter: droite;
}
.Sbi-quoi {
marge à droite: 5px;
hauteur: 15px;
largeur: 15px;
}
.Sbi-quoi {
largeur: 100%;
hauteur: 100%;
}
.Bouton SBI-Oembed-BTN:flotter {
couleur d'arrière-plan: #0096CC;
couleur frontière: #0096CC;
}
.Sbi-whatsbi-btn:se concentrer,
.Sbi-whatsbi-btn:actif {
contour: aucun;
caisson-box: aucun;
}
.Button SBI-Oembed-BTN. {
arrière-plan: #D72c2c;
}
.Button SBI-Oembed-BTN.:flotter {
couleur d'arrière-plan: #Df5757;
couleur frontière: #Df5757;
}
.Button SBI-Oembed-BTN.:se concentrer,
.Button SBI-Oembed-BTN.:actif {
couleur d'arrière-plan: #841919;
couleur frontière: #841919;
}
.Button SBI-Oembed-BTN. Téléchargement SVG {
hauteur: 14px;
transformer: traduire(0, 2px);
}
/*** 3.3 - Boîte d'information Oemed ***/
.Information SBI-OEMBED {
arrière-plan: #Ffffff;
caisson-box: 0PX 1PX 2PX RGBA(0, 0, 0, 0.05), 0PX 4PX 5PX RGBA(0, 0, 0, 0.05);
marge-fond: 10px;
}
.SBI-OEMBED-INFORMATION. {
rembourrage: 16PX 20px;
à la frontière: 1px solide # e8e8eb;
}
.SBI-OEMBED-INFORMATION .SB-Box-Header H3 {
marge: 0;
poids de police: 600;
taille de la police: 18px;
hauteur de ligne: 140%;
couleur: #141B38;
}
.sb-two-colonne-box {
afficher: fléchir;
justifier: spatial;
align-items: centre;
à la frontière: 1px solide # e8e8eb;
}
.SB-Two-Column-Box-1 IMG {
largeur maximale: 438px;
}
.SB-Two-Column-Box-2 IMG{
marge: 20px;
largeur maximale: 442px;
}
.SB-Two-Column-Box .Sb-Embed-Info-Text {
rembourrage: 0 75px 0 35px;
}
.SB-TWO-COLUMN-BOX-2 .SB-EMBED-INFO-Text {
rembourrage: 0 65px 0 30px;
}
.SB-Two-Colnumn-Box H4,
.sb-one-column-box H4 {
taille de la police: 16px;
poids de police: 600;
hauteur de ligne: 26px;
couleur: #141B38;
}
.sb-one column-box {
largeur maximale: 405px;
marge: auto;
alignement de texte: centre;
}
.sb-one-column-box H4 {
rembourrage: 0;
marge: 30px;
marge-fond: 0px;
}
.sb-one-column-box p {
taille de la police: 14px;
hauteur de ligne: 22px;
}
.sb-one-column-box IMG {
marge: 15px;
marge-fond: -21px;
largeur maximale: 392px;
}
.SB-Two-Column-Box-1 .SB-left {
rembourrage à gauche: 20px;
}
.SB-Plugin-Info-box {
padding: 20px;
}
.SB-Plugin-info-box .sb-left {
rembourrage à gauche: 35px;
}
.SB-Plugin-Info-Box .SB-droite {
rembourrage: 0 60px 0 40px;
}
.SB-Plugin-Info-Box H4 {
taille de la police: 18px;
marge: 0px;
}
.SB-Plugin-Info-Box P {
taille de la police: 14px;
hauteur de ligne: 22px;
couleur: #434960;
marge: 10px;
}
.SB-Plugin-info-box IMG {
largeur maximale: 414px;
marge-fond: -5px;
}
/*** 4.0 - Style modal ***/
.sbi-oembled-modal {
position: absolu;
haut: 0;
gauche: 0;
largeur: 100%;
hauteur: 100%;
arrière-plan: rgba(0, 0, 0, 0.4);
index z: 9;
}
.SBI-modal-content {
couleur d'arrière-plan: #FFF;
hauteur: 381px;
largeur maximale: 572px;
rembourrage: 40px 75px 48px;
dimensionnement en boîte: borne;
position: relatif;
alignement de texte: centre;
marge: 260PX AUTO 0;
}
.SBI-modal-contenu H2 {
taille de la police: 24px;
hauteur de ligne: 29px;
alignement de texte: centre;
espacement des lettres: 0;
couleur: #141B38;
marge: 0 0 5px 0;
}
.SBI-modal-content p {
taille de la police: 12px;
hauteur de ligne: 18px;
alignement de texte: centre;
couleur: #434960;
}
.SBI-modal-Content .Cancel-BTN{
arrière-plan: aucun;
frontière: aucun;
couleur: #141B38;
position: absolu;
haut: 16px;
droite: 16px;
rembourrage: 0;
curseur: aiguille;
}
.SBI-modal-content .modal-icon{
marge-fond: 45px;
}
.SBI-modal-contenu .Modal-Icon IMG {
largeur maximale: 102px;
}
.SBI-modal-CONTENT .SB-ACTION-BUTTONS{
afficher: fléchir;
justifier: centre;
marge: 30px;
}
.Bouton SBI-modal-Content .SB-Action-Buttons:pas(:dernier-enfant) {
marge à droite: 7px;
}
.SB-ACTION-BUTTONS .SBI-BTN {
afficher: fléchir;
align-items: centre;
alignement vertical: milieu;
justifier: centre;
arrière-plan: #F3f4f5;
frontière: 1PX solide # dcdde1;
dimensionnement en boîte: borne;
rayon frontalier: 2px;
rembourrage: 7PX 30px;
poids de police: 600;
taille de la police: 14px;
hauteur de ligne: 22px;
couleur: #141B38;
espacement des lettres: 0.2px;
curseur: aiguille;
largeur minuscule: 175px;
}
.SB-ACTION-BUTTONS .SBI-INSTALL-BTN {
couleur d'arrière-plan: #FE544F;
couleur frontière: #FE544F;
couleur: #FFF;
}
.SB-ACTION-BUTTONS .SBI-INSTALL-BTN:désactivé {
arrière-plan: #F3f4f5;
frontière: 1PX solide # dcdde1;
couleur: #141B38;
curseur: non allongé
}
.SB-ACTION-BUTTONS .SBI-INSTALL-BTN:pas(.succès):Chemin handicapé {
remplir: #141B38;
}
.SB-ACTION-BUTTONS .SBI-INSTALL-BTN {
marge à droite: 10px;
}
.SB-ACTION-BUTTON. {
hauteur: 16px;
transformer: traduire(0, 2px);
}
/*** 5.0 Widget collant ***/
.SBI-STOCK-ETC.{
position: fixé;
droite: 21px;
index z: 9;
bas: 20px;
}
.SBI-stock-ETC-BTN{
largeur: 52px;
hauteur: 52px;
arrière-plan: #FFF;
rayon frontalier: 50%;
curseur: aiguille;
afficher: fléchir;
justifier: centre;
align-items: centre;
filtre: secouer drop(0PX 9PX 13PX RGBA(0, 0, 0, 0.2));
}
.SBI-STCK-WDG-BTN SVG{
largeur: 25px;
remplir: #FE544F;
hauteur: 33px;
}
.SBI-STOCK-ETC.[data-active ="vrai"] .SBI-STCK-WDG-BTN-CLS,
.SBI-STOCK-ETC.[data-active ="vrai"] .SBI-STCK-WDG-BTN-CLS SVG{
afficher: bloc;
}
.SBI-STCK-WDG-BTN-CLS{
largeur: hériter;
hauteur: hériter;
position: relatif;
couleur: #364152;
caisson-box: 0PX 1PX 6PX RVB(0 0 0 / 5%), 0PX 9PX 12PX RVB(0 0 0 / 5%);
rayon frontalier: 70px;
}
.SBI-STCK-WDG-BTN-CLS SVG {
largeur: 14px;
hauteur: 14px;
position: absolu;
haut: 50%;
droite: 0;
bas: 0;
gauche: 50%;
marge: -7px;
marge-gauche: -7px;
}
.SBI-STCK-POP{
position: absolu;
largeur: 292px;
hauteur: auto;
arrière-plan: #FFF;
frontière: 1px solide # e2e8f0;
dimensionnement en boîte: borne;
caisson-box: 0PX 1PX 3PX RGBA(0, 0, 0, 0.15), 0PX 3PX 14PX RGBA(0, 0, 0, 0.12);
rayon frontalier: 2px;
rembourrage: 20px;
droite: 0px;
bas: 66px;
couleur: #141B38;
rembourrage: 82px;
}
.SBI-STOCK-ETC.[data-active ="vrai"] .SBI-STCK-POP{
bas: 66px;
opacité: 1;
visibilité: visible;
}
.svg svg-pop svg{
remplir: actuel;
}
.SBI-stck-el-list{
frontière: 1PX solide # dcdde1;
rayon frontalier: 2px;
}
.SBI-STCK-EL{
afficher: fléchir;
align-items: centre;
rembourrage: 11PX 13PX;
à la frontière: 1PX solide # dcdde1;
transition: Contexte .15s Facilité-entrée;
taille de la police: 12px;
}
.SBI-STCK-EL:flotter{
arrière-plan: #F3f4f5;
}
.SBI-STCK-EL:dernier{
à la frontière: 0px;
}
.SBI-STCK-EL-LIST .SBI-LEVRON SVG{
largeur: 5px;
hauteur: 8px;
}
.SBI-FS-A {
largeur: 100%;
hauteur: 100%;
afficher: bloc;
position: absolu;
gauche: 0;
haut: 0;
index z: 1;
}
.sbi-stck-el .sbi-st-el-txt{
couleur: #27303F;
}
.Sbi-stck-el.sbi-stck-el-upGrd{
rembourrage: 9PX 14px;
taille de la police: 14px;
arrière-plan: notre(--cl-orange);
couleur: #FFF;
position: relatif;
transition: Contexte .15s Facilité-entrée;
poids de police: 600;
}
.SBI-Chevron {
position: absolu;
droite: 14px
}
.sbi-stck-el.sbi-st-el-upgrd .sbi-stck-el-txt{
couleur: #FFF;
}
.Sbi-stck-el.sbi-stck-el-upGrd:après{
haut: 20px;
opacité: 1;
}
.SBI-STCK-EL-ICON{
marge à droite: 10px;
}
.SBI-STCK-EL-ICON SVG{
largeur: 17px;
flotter: gauche;
}
.title SBI-stck{
marge: 20px;
marge-fond: 10px;
couleur: #141B38;
poids de police: 600;
taille de la police: 14px;
hauteur de ligne: 160%;
}
.SBI-STCK-Subs.{
arrière-plan: #F3f4f5;
marge: 20px;
gauche: 0px;
bas: 0px;
position: absolu;
rembourrage: 12PX 20px;
afficher: fléchir;
align-items: centre;
}
.SBI-stck-suive{
poids de police: 600;
taille de la police: 14px;
}
.SBI-STCK-FLW-LINKS{
afficher: fléchir;
justifier: centre;
align-items: centre;
marge-gauche: auto;
}
.sbi-stck-flw-links a{
largeur: 36px;
hauteur: 28px;
couleur: hériter;
afficher: en ligne;
justifier: centre;
align-items: centre;
marge-gauche: 4px;
rayon frontalier: 2px;
transition: Contexte .15s Facilité-entrée;
}
.sbi-stck-flw-links svg{
largeur: 17px;
couleur: #141B38;
}
.sbi-stck-flw-links a:flotter{
arrière-plan: #FFF;
}
.sbi-stck-flw-links a:SVG en vol stationnaire{
couleur: hériter;
}
/*** 6.0 - Réactivité ***/
@médias (largeur maximale: 1170px) {
.SBI-Oembed-Plugin-Box .Oembed-Text {
bassin flexible: 78%;
}
}
@médias (largeur maximale: 1024px) {
.SBI-Oembed-Plugin-Box .Oembed-Text {
bassin flexible: 72%;
}
.sb-two-colonne-box {
direction flexible: colonne;
}
.SB-Two-Column-Box-1 {
direction flexible: chronique-réverse;
}
.SB-Two-Column-Box .Sb-Embed-Info-Text{
rembourrage: 0 35px;
alignement de texte: centre;
}
.SB-Two-Column-Box-2 IMG {
marge: 0px;
}
.sb-two-colonne-box .sb-left,
.SB-Two-Column-Box .SB-droite {
largeur maximale: 405px;
marge: auto;
}
.SB-Two-Column-Box.SB-Plugin-Info-Box .SB-EMBED-INFO-TEXT {
marge: 25px;
}
.#WPContent automatique {
rembourrage à gauche: 0px;
}
}
@médias (largeur maximale: 767px) {
.#WPContent automatique {
rembourrage à gauche: 0;
}
.sbi-fb-full-wrapper {
rembourrage: 70PX 20px 0 20px;
}
.t-header sbi-fb {
rembourrage: 0PX 20px;
}
.SBI-FB-HD-BTN {
rembourrage: 0px 15px 0px 7px;
}
.sbi-about-box .sb-team-info {
rembourrage: 30px;
}
.SBI-OEMBED-PLUGIN-Box {
se dérober à la flexion: envelopper;
}
.SBI-OEMBED-PLUGIN-Box .Oembed-Icon {
largeur: 20px;
alignement vertical: milieu;
afficher: fléchir;
}
.SBI-OEMBED-PLUGIN-BOX .SBI-OEMBED-BTN {
bassin flexible: 114px;
alignement de texte: gauche;
marge: 15px;
}
.SBI-Oembed-Plugin-Box .Oembed-Text {
bassin flexible: calculer(100% - 40px);
}
.SB-Plugin-info-box .sb-left,
.SB-Two-Column-Box-1 .SB-left,
.SB-Two-Column-Box-2 .SB-droite,
.sb-one-column-box IMG {
afficher: aucun;
}
.sb-one column-box {
rembourrage: 5px !important;
}
.sb-one-column-box H4 {
marge: 21px;
}
.SB-Two-Column-Box.SB-Plugin-Info-Box .SB-EMBED-INFO-TEXT {
marge: 0;
}
.SB-Plugin-Info-Box P {
marge-fond: 17px;
}
.SBI-modal-content {
marge: 80PX AUTO 0;
largeur: 90%;
hauteur: auto;
rembourrage: 40PX 30px;
}
.SBI-modal-content .modal-icon {
marge-fond: 30px;
}
.SB-Plugin-Info-Box H4 {
taille de la police: 16px;
}
}
@médias (largeur maximale: 630px) {
.sb-two-colonne-box IMG,
.sb-one-column-box IMG {
largeur maximale: 100%;
}
.SBI-modal-CONTENT .SB-ACTION-BUTTONS {
direction flexible: colonne;
}
.Bouton SBI-modal-Content .SB-Action-Buttons:pas(:dernier-enfant) {
marge à droite: 0px;
marge-fond: 7px;
}
}
@médias (largeur maximale: 530px) {
.sb-two-colonne-box .sb-left,
.SB-Two-Column-Box .SB-droite,
.sb-one column-box {
rembourrage: 0 20px;
}
.SB-Two-Colnumn-Box H4, .sb-one-column-box H4 {
hauteur de ligne: 22px;
}
.sb-one-column-box IMG {
marge-fond: -15px;
}
}
.SBI-BTN-BLUE {
arrière-plan: #0068A0!important;
couleur: #FFF!important;
}
.sb-bouton-standard{
position: relatif;
style de police: normale;
poids de police: 600;
taille de la police: 14px;
rembourrage: 10PX 20px 10px 39px;
hauteur de ligne: 16px;
hauteur: auto;
}
.SV-Button-Standard SVG {
largeur: 16px;
hauteur: 16px;
position: absolu;
gauche: 13px;
droite: auto;
haut: 10px;
bas: auto;
}
.SBI-stck-el.sbi-stck-el-upgrd SVG Chemin{
remplir: #FFF!important;
}
