.benefits .benefits-card {hauteur: auto! important; hauteur min: 400px! important; } .price-logo img {largeur: auto! important; hauteur: auto! important; } #primary-menu .button {affichage: bloc en ligne; position: relative; rayon de la frontière: 3rem; couleur d'arrière-plan: #f25555; largeur: auto; famille de polices: "ProximaNova-Regular", helvetica, arial, serif; taille de la police: 1,5rem; couleur: #fff! important; curseur: pointeur; rembourrage: 0rem 3,5rem; marge: 0; bordure: aucune; -webkit-transition: toutes les sorties de 0,5s; -moz-transition: toutes les sorties de 0,5 s; -ms-transition: toutes les sorties de 0,5 s; -o-transition: toutes les sorties de 0,5 s; transition: toutes les sorties de 0,5 s; hauteur: 40px; hauteur de ligne: 40px; text-align: centre; } .page-template-page-resources #primary-menu .button a, .page-template-page-cases #primary-menu .button a, .archive.category #primary-menu .button a {couleur: #fff; } .archive.category .header__navbox a {couleur: #fff; } .archive.category .header - bleu .header__navbox a {couleur: #1655b2; } .archive.category.category-whitepaper .header__navbox a {couleur: #1468a0; } .archive.category.category-whitepaper .header__navbox .sub-menu a {couleur: #fff; } nav ul ul.sub-menu li a {font-size: 1.5rem; } nav ul ul.sub-menu li a span {affichage: bloc; largeur: 100%; taille de la police: 1,2rem; style de police: italique; margin-top: 4px; poids de la police: 300; } .page-template-page-home .cta {arrière-plan: #1655b2; rembourrage: 20px 40px 60px; text-align: centre; margin-top: 0; } .page-template-page-home .cta .button {affichage: bloc; marge: 0 auto; rembourrage: 1,5rem 4rem; largeur maximale: 350px; } .page-template-page-home .bulbs {arrière-plan: #dee2e1; } .page-template-page-home .bulbs .hero__btn {margin-bottom: 0; } .page-template-page-home .banner - 100 {hauteur: 75vh; } .page-template-page-home .banner__information {affichage: aucun; } .page-template-page-home .banner__header {margin-top: 14rem; } .page-template-page-home .banner__imgbox img {largeur-max: 70%; rembourrage: 40px; } .page-template-default.page-id-5262 .resources-single__intro-content {max-width: 1140px; } ul.pages-colonnes {affichage: flex; flex-wrap: enveloppement; justify-content: espace entre; } ul.pages-colonnes li {flex: 0 0 calc (25% - 30px); largeur max: calc (25% - 30px); marge: 0 15px 30px; } ul.pages-colonnes li a {couleur: #1655b2; taille de la police: 15px; } .imgboxcon__item-img {taille de fond: couverture; background-position: centre; } .archive.category .featured-grid__header-title {remplissage: 0 2rem; } .page-template-compare .featured-grid__header-title {remplissage: 0 2rem; } .page-template-page-compare .featured-grid__header-title {padding: 0 2rem; } .page-template-page-cases .featured-grid__header-title {padding: 0 2rem; } .page-template-compare .resources-single__intro-content {max-width: 1140px; marge: 0 auto; largeur: 100%; } .alike-compare-widget-wrapper {haut: 80%; } .alike-compare-widget-button {couleur d'arrière-plan: #1655b2; } .alike-compare-widget-button-text {padding-top: 15px; } .alike-compare-widget-counter {hauteur de ligne: 20px; couleur: #1655b2; } .alike-compare-widget-post-remove-button {couleur: #1655b2; } .compare-button__custom {taille de la police: 14px; rayon de la bordure: 2px; couleur: #fff! important; curseur: pointeur; poids de la police: 500; hauteur: 40px; hauteur de ligne: 40px; largeur maximale: 180px; rembourrage: 10px 20px; couleur d'arrière-plan: #1655b2; boîte-ombre: 0 1px 2px 0 rgba (0,0,0, .2); } .compare-button__custom: hover {opacity: 1; } .rq-alike-show-difference {background: #1655b2; haut: 25px; gauche: 0; } .rq-alike-show-difference: hover {couleur: #fff; } /*.alike-column {largeur: 100%; hauteur: 100%; affichage: flex; flex-direction: colonne; } * / .alike-column-item h3, .alike-row h3 {couleur: #000; } .alike-compare-table-wrapper .alike-row .alike-column-item, .alike-compare-table-wrapper .alike-row .alike-column-item span, .alike-compare-table-wrapper .alike -row .alike-column-item p {font-size: 14px; couleur: #000; famille de polices: helvetica neue, Helvetica, Roboto, Arial, sans-serif; hauteur de ligne: 21px; } .alike-compare-table-wrapper .alike-row .alike-column-item span {affichage: initial; } .alike-compare-table-wrapper .alike-row .alike-column-item a, .alike-compare-table-wrapper .alike-row .alike-column-item a span {font-size: 14px; couleur: #1655b2; } .alike-column-title {font-size: 16px; poids de la police: gras; } .alike-compare-table-wrapper {bordure: 1px solide #eee; bordure droite: 0; } .alike-compare-table-wrapper .alike-row {largeur: 100%; affichage: flex; bordure: 1px solide #eee; flex-direction: ligne; hauteur: 100%; bordure droite: 0; } .alike-compare-table-wrapper .alike-row: first-of-type .alike-column-item {justify-content: center; } .alike-compare-table-wrapper .alike-row .alike-item-row: last-child {border-bottom: 0; } .alike-compare-table-wrapper .alike-row .alike-column-item {border-bottom: 0; border-top: 0; / * largeur: 100%; flex-shrink: 1; rembourrage: 15px; text-align: gauche; bordure: 1px solide #eee; hauteur: 100%; bordure-bas: 0; border-top: 0; * /} .alike-compare-table-wrapper .alike-row .alike-column-title, .alike-compare-table-wrapper .alike-row .alike-column-item {largeur: 100% ; hauteur de ligne: hériter; affichage: flex; flex-direction: ligne; align-items: centre; flex-shrink: 1; rembourrage: 15px; text-align: gauche; bordure droite: 2px solide #eee; } .alike-compare-table-wrapper .alike-row .alike-column-title {position: relative; } .alike-compare-table-wrapper .alike-row .alike-item-row {border: 0; } .rq-alike-compare .rq-alike-topic-p .rq-alike-topic {/ * height: 100%; débordement: hériter; overflow-y: inherit; * /} .rq-alike-compare .rq-alike-items .rq-alike-items-list {affichage: bloc; hauteur: 100%; débordement: hériter; overflow-y: hériter; } .rq-alike-compare .rq-alike-items {largeur: 100%; débordement: hériter; } .rq-alike-compare .rq-alike-topic-p .rq-alike-topic.alike-image {font-size: 18px; } .rq-alike-topic {font-size: 16px; } .rq-alike-compare .rq-alike-items .rq-alike-items-list.alike-image img {largeur: auto; hauteur: auto; ajustement de l'objet: contenir; bloc de visualisation; marge: 0 auto; rembourrage: 0 30px; } .rq-alike-top-data h2 {couleur: #1655b2; taille de la police: 3rem; } .page-template-compare .cta {arrière-plan: #1F64C8; rembourrage: 80px 40px; text-align: centre; marge supérieure: 60px; } .page-template-compare .cta h2 {couleur: #fff; text-align: centre; largeur: 100%; bloc de visualisation; marge inférieure: 4rem; } .page-template-compare .cta .button {affichage: bloc; marge: 0 auto; rembourrage: 1,5rem 4rem; } .page-template-page-compare .cases-single {/ * margin-top: 130px; * /} .page-template-page-compare .cases-single .related-posts .related__post-image img {object-fit : contenir; largeur: ajustement-contenu; marge: 0 auto; bloc de visualisation; rembourrage: 0 30px; } .related__post-compare - bouton a {couleur: #000; } .page-template-page-compare .cta {arrière-plan: #1F64C8; rembourrage: 80px 40px; text-align: centre; marge supérieure: 60px; } .page-template-page-compare .cta h2 {couleur: #fff; text-align: centre; largeur: 100%; bloc de visualisation; marge inférieure: 4rem; } .page-template-page-compare .cta .button {affichage: bloc; marge: 0 auto; rembourrage: 1,5rem 4rem; } / * Etude de cas * / .page-template-page-cases .imgboxcon__item-img image a {affichage: bloc; largeur: 100%; hauteur: 100%; } .category .imgboxcon__item-img image a {affichage: bloc; largeur: 100%; hauteur: 100%; } .cases-single__hero-container {text-align: center; largeur maximale: 100%; marge: 0; largeur: 100%; position: relative; } .cases-single__hero.with-form {remplissage: 0; hauteur max: 400px; } .cases-single__hero {couleur d'arrière-plan: #fff; rembourrage: 0; } .cases-single__client-logo {affichage: bloc; position: absolue; haut: 50%; à gauche: 50%; transformer: traduire (-50%, -50%); } .cases-single__hero-image {position: relative; } .cases-single__hero-image: après {contenu: ''; bloc de visualisation; largeur: 100%; hauteur: 100%; position: absolue; haut: 0; gauche: 0; couleur de fond: rgba (0,0,0, .6); } .cases-single__intro-content-title {margin-bottom: 2rem; couleur: #1655b2; text-align: centre; hauteur de ligne: 4rem; famille de polices: proximanova-bold, helvetica, arial, serif; taille de la police: 3,5rem; } .cases-single__intro-content-subtitle {text-align: center; couleur: #000; taille de la police: 22px; hauteur de ligne: 30px; famille de polices: gilroy-bold, helvetica, arial, serif; } .cases-single__intro-content {position: relative; largeur maximale: 1140px; marge: -100px auto 0; largeur: 100%; arrière-plan: #fff; rembourrage: 80px; boîte-ombre: 0 -7px 55px 0px rgba (0,0,0,0,25); } .cases-single .summary__icons {margin-top: 60px; } .cases-single .summary__icons-image {text-align: center; hauteur min: 65px; } .cases-single .summary__icons-title {text-align: center; couleur: #000; text-transform: majuscule; margin-top: 30px; taille de la police: 1,8rem; } .cases-single .summary__icons-subtitle {text-align: center; taille de la police: 1,6rem; margin-top: 5px} .cases-single .quote {margin-top: 60px; couleur d'arrière-plan: #F0F4F5; rembourrage: 40px 0; } .cases-single .quote__author-image {text-align: center; } .cases-single .quote__author-image img {rayon de la bordure: 50%; } .cases-single .quote__author-name {font-size: 16px; poids de la police: gras; text-align: centre; marge supérieure: 15px; } .cases-single .quote__author-job {font-size: 14px; text-align: centre; } .cases-single .quote__text {position: relative; hauteur: 100%; } .cases-single .quote__text-inner {position: absolue; haut: 50%; transformer: traduire (0, -50%); } .cases-single .quote__text p {taille de la police: 18px; style de police: italique; couleur: #000; } .cases-single .benefits {margin-top: 100px; } .cases-single .benefits .cell: not (: last-of-type) {padding-right: 15px; } .cases-single .benefits-card {couleur d'arrière-plan: #F0F4F5; rembourrage: 0 30px 30px; } .cases-single .benefits__icons-image {text-align: center; } .cases-single .benefits__icons-image img {margin-top: -40px; largeur: 80px; hauteur: 80px; rayon de la frontière: 50%; boîte-ombre: 0px 2px 15px rgba (118,132,138,0,25); } .cases-single .benefits__icons-title {text-transform: majuscule; couleur: #000; text-align: centre; margin-top: 30px; } .cases-single .benefits__icons-text {margin-top: 20px; } .cases-single .benefits__icons-text p {couleur: #000; text-align: centre; } .cases-single .related-posts {max-width: 1140px; marge: 60px auto; largeur: 100%; } .cases-single .related-posts .cases-single__intro-content-title {margin: 3rem 0 6rem; } .cases-single .related-posts .related__post-image {border-radius: 1.5rem; -webkit-box-shadow: 1rem 1rem 2rem 0 rgba (0,0,0, .2); -moz-box-shadow: 1rem 1rem 2rem 0 rgba (0,0,0, .2); -o-box-shadow: 1rem 1rem 2rem 0 rgba (0,0,0, .2); -ms-box-shadow: 1rem 1rem 2rem 0 rgba (0,0,0, .2); boîte-ombre: 1rem 1rem 2rem 0 rgba (0,0,0, .2); hauteur: 28rem; } .cases-single .related-posts .cell: not (: last-of-type) .related__post-image {margin-right: 30px; } .cases-single .related-posts .related__post-image img {largeur: 100%; rayon de la frontière: 1,5rem; hauteur: 28rem; ajustement de l'objet: couverture; } .cases-single .related-posts .related__post-title {padding-right: 30px; } .cases-single .related-posts .related__post-title h2, .cases-single .related-posts .related__post-title a {couleur: #1655b2; taille de la police: 2rem; marge: 3rem 0 1rem; } .cases-single .related-posts .related__post-extrait {margin-bottom: 3rem; padding-right: 30px; } .cases-single .related-posts .related__post-extrait p {couleur: #000; } .cases-single .main-content {max-width: 100rem; marge: 60px auto; largeur: 100%; } .cases-single .main-content p {largeur: 100%; couleur: #000; } .cases-single .main-content p img {affichage: bloc; marge: 0 auto; } .cases-single .main-content iframe {affichage: bloc; marge: 0 auto; } .cases-single .main-content h2 {margin-bottom: 2rem; couleur: #1655b2; text-align: centre; hauteur de ligne: 4rem; taille de la police: 3rem; bloc de visualisation; largeur: 100%; } .cases-single .main-content h3 {margin-bottom: 2rem; couleur: #1655b2; text-align: centre; hauteur de ligne: 3rem; taille de la police: 2,5rem; bloc de visualisation; largeur: 100%; } .cases-single .main-content a {couleur: #1655b2; font-size: hériter; } .cases-single .cta {arrière-plan: #1F64C8; rembourrage: 80px 40px; text-align: centre; marge supérieure: 60px; } .cases-single .cta h2 {couleur: #fff; text-align: centre; largeur: 100%; bloc de visualisation; marge inférieure: 4rem; } .cases-single .cta .button {affichage: bloc; marge: 0 auto; rembourrage: 1,5rem 4rem; } .page-template-page-pricing h1.row-information__title {display: none;} / * * / .header.header - blue .sub-menu a {color: #fff; } .pricing__faq-accordion.active .pricing__faq-accordion-content-container {affichage: bloc; } .wpcf7-select {couleur d'arrière-plan: #fff; rayon de la frontière: .5rem; rembourrage: 15px 25px; bordure: aucune; hauteur: auto; couleur: #333; largeur: 100%; } .stories-slider .review-slider__slide-img.partner {largeur: 100%; largeur maximale: 100%; hauteur: 160px; } .stories-slider .review-slider__slide-img.partner img {max-width: 100%; hauteur: 160px; rayon de la bordure: 0; marge: 0 auto; } .stories-slider .owl-next {position: absolue; bas: -7,5rem; à gauche: 50%; -webkit-transform: translateX (-50%); -moz-transform: translateX (-50%); -ms-transform: translateX (-50%); -o-transform: translateX (-50%); transformée: translateX (-50%); } / * Page Ksplice * / .page-template-page-ksplice .cta {arrière-plan: #1F64C8; rembourrage: 60px 40px; text-align: centre; marge supérieure: 60px; } .page-template-page-ksplice .cta h2 {couleur: #fff; text-align: centre; largeur: 100%; bloc de visualisation; marge inférieure: 4rem; } .page-template-page-ksplice .cta .button {affichage: bloc; marge: 0 auto 30px; rembourrage: 1,5rem 4rem; largeur maximale: 200px; } .page-template-page-ksplice .banner-with-form__header {text-align: left; } .page-template-page-ksplice .banner-with-form__header .badges {margin-top: 20px; } .page-template-page-ksplice .banner-avec-formulaire {remplissage: 16rem 0 5rem; } .page-template-page-ksplice .banner-with-form__header-title {largeur: 100%; marge: 0; taille de la police: 5rem; } .page-template-page-ksplice .banner-with-form__header-subtitle {font-size: 2.8rem; hauteur de ligne: 1,4; / * margin-top: 20px; * / margin-top: 6rem; marge inférieure: 50px; } .page-template-page-ksplice .banner-with-form__img span: last-of-type {/ * margin-top: 50px; * / margin-top: 3rem; } .page-template-page-ksplice .why__content-title, .page-template-page-ksplice .why__content__image p {couleur: #000; } .page-template-page-ksplice .compare__content-title {text-align: center; couleur: #000; marge inférieure: 60px; } .page-template-page-ksplice .compare table {border-collapse: collapse; } .page-template-page-ksplice .compare table tr: first-of-type td {font-weight: 700; taille de la police: 18px; } .page-template-page-ksplice .compare table td {font-size: 14px; rembourrage: 10px; bordure: 1px solide #000; } .page-template-page-ksplice .switch__content-title, .page-template-page-ksplice .switch__content__image p {couleur: #000; } .page-template-page-ksplice .switch__content-title {text-align: center; marge inférieure: 60px; } .page-template-page-ksplice .switch__content__image {largeur: 50%; marge: 0 auto; } .page-template-page-ksplice .benefits, .page-template-page-freetrial .benefits {background-color: #1655b2; rembourrage: 80px 0; } .page-template-page-ksplice .benefit, .page-template-page-freetrial .benefit {text-align: center; } .page-template-page-ksplice .benefit img, .page-template-page-freetrial .benefit img {margin-bottom: 25px; / * largeur: 100px; hauteur: auto; max-width: 100%; * / largeur: 60px; hauteur: 60px; largeur maximale: 100%; ajustement de l'objet: contenir; } .page-template-page-ksplice .benefits__content-title, .page-template-page-freetrial .benefits__content-title {text-align: center; marge inférieure: 60px; } .page-template-page-ksplice .trusted__content-title, .page-template-page-freetrial .trusted__content-title, .home .trusted__content-title {couleur: #000; text-align: centre; marge inférieure: 60px; } .page-template-page-ksplice .partners, .page-template-page-freetrial .partners {justify-content: espace-entre; align-items: centre; } .page-template-page-ksplice .trusted__content__image .partner, .page-template-page-freetrial .trusted__content__image .partner {flex: 0 0 20%; text-align: centre; rembourrage: 0 30px; } .page-template-page-ksplice .tabgrid__heading-title {couleur: #000; text-align: centre; marge supérieure: 60px; marge inférieure: 60px; } .h1 {taille de la police: 5rem; hauteur de ligne: 1,2; couleur: #fff; famille de polices: Gilroy-Bold, helvetica, arial, serif; } .distros {margin-top: 50px; } .distros .grid-x {align-items: center; } .distro {marge en bas: 40px; text-align: centre; rembourrage: 0 15px; } / * Éléments de menu de médias sociaux * / #mega-menu-item-3892 a, #mega-menu-item-3892 a {font-family: FontAwesome;} .mega-menu-item.widget_gtranslate a {display: block; text-align: à droite; } #mega-menu-wrap-header #mega-menu-header> li.mega-menu-item-3892> ul.mega-sub-menu {arrière-plan: transparent; } .review-slider__slide-content-desc a {font-family: ProximaNova-Regular, helvetica, arial, serif; taille de la police: 1,6rem; hauteur de ligne: 1,3; couleur: #000; } .header__logo {-webkit-align-self: center! important; -moz-align-self: centre! important; -ms-align-self: centre! important; align-self: centre! important; } .header .header__navbox {remplissage: 0 1% 0 3%; } a.glink span: first-of-type {display: none; } .gt_languages span {display: inline-block! important; couleur: #000; } a.switcher-popup.glink span: last-of-type {couleur: #fff! important; } #ais-wrapper {padding: 40px 0;} #ais-facets {padding: 3rem 1rem 1rem 5rem; } #algolia-hits {margin-top: 50px;} .ais-hits - item {margin-bottom: 30px;} .autocomplete-footer-branding, .ais-search-box - powered-by {display: none; } .aa-dropdown-menu a.more-results {display: block; text-align: center; font-size: 16px; font-weight: 600; padding-top: 15px; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;} span.algolia-autocomplete {min-width: 350px; width: 100%;} .aa-dropdown-menu {padding-bottom: 15px;} .suggestion-post-content,. suggestion-post-title {color: #000; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;} .autocomplete-header-title {font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;} .ais-hits - item h2, .ais-hits - item h2 a {color: #000; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;} .ais-pagination - item {couleur: #000;} .search-results .header, .search.search-no-results .header {position: relative; largeur: 100%; couleur d'arrière-plan: #0075B2; } .search-results .header .grid-x, .search.search-no-results .header .grid-x {largeur: 90%; marge: 0 auto; } .search-form {display: inline-block; margin-right: 15px; position: relative; max-width: 150px;} .search-form: before {content: ''; position: absolue; gauche: 0px; haut: 50%; hauteur: 25px; affichage: bloc en ligne; bordure gauche: 1px solide #fff; taille de la police: 15px; transformer: traduire (0, -50%); indice z: 1; } .search-form label {margin: 0;} .header__button {display: inline-block;} .search-form .screen-reader-text {display: none;} .search-submit {display: none;} .ais -search-box - input {color: #000;} .search-field.aa-input {border: 0; rayon de la bordure: 0; rembourrage: 6% 6% 6% 30%; famille de polices: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; taille de la police: 14px; poids de la police: 400; style de police: normal; espacement des lettres: normal; } .aa-input-icon {position: absolue; haut: 8px; gauche: 20px; remplir: #fff; largeur: 16px; hauteur: 16px; } .aa-input-icon.black {fill: #000; gauche: 10px; } .search-field.aa-input: focus {couleur d'arrière-plan: #fff; couleur: #000; bordure: 0; boîte-ombre: aucun; contour: 0; rembourrage: 6% 6% 6% 24%; } .search-form input [type = "search"] :: - webkit-input-placeholder {font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 14px; line-height : 40px; style de police: normal; épaisseur de police: 400; espacement des lettres: 1px; } .search-form input [type = "search"]: - ms-input-placeholder {font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 14px; line-height: 40px; style de police: normal; épaisseur de police: 400; espacement des lettres: 1px; } .search-form input [type = "search"] :: - ms-input-placeholder {font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 14px; line-height : 40px; style de police: normal; épaisseur de police: 400; espacement des lettres: 1px; } .search-form input [type = "search"] :: placeholder {font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 14px; line-height: 40px; font- style: normal; épaisseur de la police: 400; espacement des lettres: 1px; } .header__rightbox.cell.shrink {flex: 0 0 10%; max-height: 40px;} .header .grid-x {align-items: center;} /*.grid-x> .header__rightbox {width: 25%;} * / .ais-pagination {text-align: center;} .ais-menu - header.ais-header .widgettitle, .ais-hierarchical-menu - header.ais-header .widgettitle, .ais-refinement-list --header.ais-header .widgettitle {color: #000; margin-bottom: 15px; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: 700;} .ais-menu --link, .ais-hierarchical-menu - link {color: #000; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 1.6; } .ais-refinement-list - label {color: #000; margin: 0;} .ais-refinement-list - label: hover {cursor: pointer; opacity: .6; -webkit-transition: all .5s easy -out; -moz-transition: allègement de .5s; -ms-transition: allègement de .5s; -o-transition: allègement de .5s; transition: all. ais-raffinement-list - case à cocher {largeur: auto! important; affichage: aucun;} .ais-hits- -item h2, .ais-hits - item h2 a {font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 2rem; line-height: 1.6; font-weight: 700 ; margin-bottom: 10px;} .suggestion-post-content {font-size: 1.5rem; line-height: 1.6;} .ais-pagination - link {font-size: 1.7rem;} .review-slider__slide- content-desc a {font-family: ProximaNova-Regular, helvetica, arial, serif; taille de la police: 1,6rem; hauteur de ligne: 1,3; couleur: #000; } .ais-hits - étendue du contenu {couleur: #000; taille de la police: 1,4rem; } .ais-hits - contenu .hit-category {padding-left: 2px; } .ais-hits - content .excerpt {margin-top: 10px; } .ais-hits.ais-hits__empty {font-size: 16px;} .kc-pd-t10 a {text-decoration: none;} #registrationForm #error a, #forAuditorsForm #error a {color: #fff! important;} #registrationForm #error a, #forAuditorsForm #error a {color: #fff! important;} #registrationForm, #registrationForm #forAuditorsForm #error {color: #ff9900! Important; font-size: 16px; margin: 15px 0;} .review-slider__slide-img img {hauteur: 70px; ajustement de l'objet: contenir; } / * CSS personnalisé - KernelCare 2.0 - 2019 Cette feuille de style est nécessaire pour le portage des formulaires de courrier et des éléments du site Web original de KernelCare. * / / * Ressources de la catégorie - menu supérieur * / .category {border: solid 1px white! Important; } .category-getting-started, .category-partners, .category-marketing-material, .category-testimonials, .category-webinars, .category-whitepaper {bordure: solide 1px blanc! important; } .page-template-page-resources #mega-menu-wrap-header #mega-menu-header> li.mega-menu-item> a.mega-menu-link, .category #mega-menu-wrap-header #mega-menu -header> li.mega-menu-item> a.mega-menu-link {couleur: #1655b2! important; } / * category logo bleu * / body.category .header__logo {display: block! important; } body.category .header__logo-blue {affichage: bloc! important; } body.category .header__logo-white {affichage: aucun! important; } / * pages personnalisées - politique de confidentialité * / .kc-text-02 {max-width: 110rem! important; largeur: 100%! important; marge: 0 auto 0 auto; position: relative; famille de polices: "ProximaNova-Regular", Helvetica, Roboto, Arial, sans-serif! important; taille de la police: 1.6rem! important; hauteur de ligne: 1,5! important; poids de la police: normal! important; } .kc-text-02 p, .kc-text-02 strong {font-family: "ProximaNova-Regular", Helvetica, Roboto, Arial, sans-serif! important; } .kc-text-02 h1 {taille de police: 4rem; couleur: #000000; hauteur de ligne: 120%; rembourrage: 20px 0 10px 0; } .kc-text-02 h2 {font-size: 3.5rem; couleur: #000000; hauteur de ligne: 120%; rembourrage: 20px 0 10px 0; } .kc-text-02 h3 {taille de police: 3rem; couleur: #000000; hauteur de ligne: 120%; rembourrage: 20px 0 10px 0; } .kc-text-02 h4 {taille de la police: 2rem; couleur: #000000; hauteur de ligne: 110%; rembourrage: 20px 0 10px 0; } .kc-text-02 h5 {font-size: 1.6rem; couleur: #000000; hauteur de ligne: 100%; rembourrage: 20px 0 10px 0; } .kc-text-02 strong {taille de la police: 1.6rem; couleur: #000000; hauteur de ligne: 100%; } .kc-text-02 p {couleur: #000000! important; } .kc-text-02 ul {couleur: #000000; } .kc-text-02 ul li {taille de police: 1.6rem; hauteur de ligne: 1,5; couleur: #000000; type de style de liste: carré; marge gauche: 20px; padding-left: 0; espacement des lettres: 0,3 pt! important; } .kc-text-02 ul li li {taille de police: 1.6rem; hauteur de ligne: 1,5; couleur: #000000; liste-style-type: cercle; marge gauche: 20px; padding-left: 0; espacement des lettres: 0,3 pt! important; } / * fonts * / .kc_font_100 {font-size: 100%; hauteur de ligne: 150%; couleur: #000000; } .kc_font_120 {taille de la police: 120%; hauteur de ligne: 140%; couleur: #000000; } .kc_font_135 {taille de la police: 135%; hauteur de ligne: 140%; couleur: #000000; } .kc_font_160 {taille de la police: 160%; hauteur de ligne: 140%; couleur: #000000; } .kc_font_200 {taille de la police: 200%; hauteur de ligne: 140%; couleur: #000000; } .kc_font_250 {taille de la police: 250%; hauteur de ligne: 140%; couleur: #000000; } .kc_font_300 {taille de police: 300%; hauteur de ligne: 130%; couleur: #000000; } .kc_font_350 {taille de la police: 350%; hauteur de ligne: 130%; couleur: #000000; } .kc_font_400 {taille de la police: 400%; hauteur de ligne: 130%; couleur: #000000; } .kc_font_500 {taille de la police: 500%; hauteur de ligne: 130%; couleur: #000000; } .kc_font_800 {taille de la police: 800%; hauteur de ligne: 100%; couleur: #000000; } .size_14, .size_14 a {font-size: 14px; hauteur de ligne: 150%; espacement des lettres: 0,3 pt; } .size_16, .size_16 a {font-size: 16px; hauteur de ligne: 150%; espacement des lettres: 0,3 pt; } .size_18, .size_18 a {font-size: 18px; hauteur de ligne: 150%; espacement des lettres: 0,3 pt; } .size_19, .size_19 a {font-size: 19px; hauteur de ligne: 150%; espacement des lettres: 0,3 pt; } .size_20, .size_20 a {font-size: 20px; hauteur de ligne: 150%; espacement des lettres: 0,3 pt; } .size_22, .size_22 a {font-size: 22px; hauteur de ligne: 150%; espacement des lettres: 0,3 pt; } .size_24, .size_24 a {font-size: 24px; hauteur de ligne: 150%; espacement des lettres: 0,3 pt; } .size_26, .size_26 a {font-size: 26px; hauteur de ligne: 150%; espacement des lettres: 0,3 pt; } .size_30, .size_30 a {font-size: 30px; hauteur de ligne: 150%; espacement des lettres: 0,3 pt; } .size_40, .size_40 a {font-size: 40px; hauteur de ligne: 140%; espacement des lettres: 0,3 pt; } .size_50, .size_50 a {font-size: 50px; hauteur de ligne: 130%; espacement des lettres: 0,3 pt; } .size_70, .size_70 a {font-size: 70px; hauteur de ligne: 130%; espacement des lettres: 0,3 pt; } .size_80, .size_80 a {font-size: 80px; hauteur de ligne: 130%; espacement des lettres: 0,3 pt; } .size_90, .size_90 a {font-size: 90px; hauteur de ligne: 130%; espacement des lettres: 0,3 pt; } .size_100, .size_100 a {font-size: 100px; hauteur de ligne: 150%; espacement des lettres: 0,3 pt; } .size_110, .size_110 a {font-size: 110px; hauteur de ligne: 150%; espacement des lettres: 0,3 pt; } .size_120, .size_120 a {font-size: 120px; hauteur de ligne: 150%; espacement des lettres: 0,3 pt; } .weight_100 {font-weight: 100; } .weight_200 {font-weight: 200; } .weight_300 {font-weight: 300; } .weight_400 {font-weight: 400; } .weight_500 {font-weight: 500; } .weight_600 {font-weight: 600; } .weight_700 {font-weight: 700; } .weight_800 {font-weight: 800; } .weight_900 {font-weight: 900; } .kc_link, .kc_link a {border-bottom: pointillé 1px #4e4e4e! important; } .g-content {remplissage: 2rem; } / * remplissage de mise en page * / .kc-wrap {padding-left: 100px; padding-right: 100px; } .kc-pd-t10, .kc-pd-t10m {padding-top: 10px; } .kc-pd-t20, .kc-pd-t20m {padding-top: 20px; } .kc-pd-t30, .kc-pd-t30m {haut du rembourrage: 30px; } .kc-pd-t40, .kc-pd-t40m {padding-top: 40px; } .kc-pd-t50, .kc-pd-t50m {haut du rembourrage: 50px; } .kc-pd-t100, .kc-pd-t100m {haut de remplissage: 100px; } .kc-pd-t200, .kc-pd-t200m {padding-top: 200px; } .kc-pd-t250, .kc-pd-t250m {haut du rembourrage: 250px; } .kc-pd-t300, .kc-pd-t300m {haut du rembourrage: 300px; } .kc-pd-b10, .kc-pd-b10m {fond de remplissage: 10px; } .kc-pd-b20, .kc-pd-b20m {fond de remplissage: 20px; } .kc-pd-b30, .kc-pd-b30m {fond de remplissage: 30px; } .kc-pd-b40, .kc-pd-b40m {fond de remplissage: 40px; } .kc-pd-b50, .kc-pd-b50m {fond de remplissage: 50px; } .kc-pd-b100, .kc-pd-b100m {fond de remplissage: 100px; } .kc-pd-b200, .kc-pd-b200m {fond de remplissage: 200px; } .kc-pd-b250, .kc-pd-b250m {fond de remplissage: 250px; } .kc-pd-b300, .kc-pd-b300m {fond de remplissage: 300px; } .kc-brd-t01 {largeur: 90%; bordure supérieure: solide 1px #c3c3c3; rembourrage: 10px; } .kc-block {largeur: 100%; marge: 0 auto; position: relative; text-align: centre; } .kc-cell {affichage: bloc en ligne; marge: 10px; alignement vertical: haut; } / * main * / .white, .white a, .white: hover {couleur: #FFFFFF! important; } .black, .black a, .black: hover {color: #000000! important; } .gray, .gray a, .gray: hover {color: #626262! important; } .black {couleur: #000000; } .black2 {couleur: #000000; } .blue {couleur: #000000! important; } .bold {poids de la police: 600; } .normal {poids de la police: 200! important; } .kc-dk-blue {arrière-plan: #1655b2; couleur: #FFFFFF! important; } .kc-dk-blue-old {arrière-plan: #154676; couleur: #FFFFFF! important; } .kc-lt-blue {arrière-plan: #dbedf9; } .kc-lt-gray {arrière-plan: #f7f8fa; } .kc-jaune {arrière-plan: #f8c63b; } .center {text-align: center; } .button {texte-décoration: aucun; } .center {text-align: center! important; } .h-center {marge: 0 auto 0 auto; } .right {text-align: right; } .left {text-align: left; } .clear {clear: les deux; } / * G-Translate * / a.glink img {marge droite: 2px; } .menu-item-gtranslate {affichage: aucun; } / * aws-webinar * / .kc-mf03-title {margin: 0 40px 25px 0; } .mailform_wp03 select {border-radius: 15px! important;} .mailform_wp03 {height: 700px; marge: 0 0 -50px 0; rembourrage: 30px 0 0 40px; position: relative; bloc de visualisation; / * z-index: 10! important; * / couleur de fond: #154676; background-image: url ('/ wp-content / uploads / 2019/04 / aws-wn-back-01.png'); background-position: en bas à droite; background-repeat: pas de répétition; } .aws-wb-link {padding-bottom: 5px; bordure inférieure: solide 3px #7ba2ce; texte-décoration: aucun; } .aws-wb-link: hover {padding-bottom: 5px; bordure inférieure: solide 3px #9e9e9e; } .aws-wr-logo {marge: 20px 0 0 80px; } / * .kc-back01 {image de fond: url (/wp-content/uploads/2019/11/img-banner01.jpg); } * / / * forme de marionnette * / .mailform_wp2019-2 .consenttext {largeur: 90%; affichage: bloc en ligne; famille de polices: ProximaNova-Regular, helvetica, arial, serif; taille de la police: 1,5rem; couleur: #fff; hauteur de ligne: 1,5; rembourrage: 0; marge: 0; } .mailform_wp2019-2 .consenttext a {font-size: 1.5rem; couleur: #fff; hauteur de ligne: 1,5; } #registrationFormPuppet input [type = "text"], #registrationFormPuppet input [type = "email"], #registrationFormPuppet .form-ccode {background-color: #fff; bordure: aucune; rayon de la frontière: 1rem; largeur: 100%; famille de polices: ProximaNova-Regular, helvetica, arial, serif; taille de la police: 1,6rem; couleur: #385263; rembourrage: 1,4rem 2,5rem; } #registrationFormPuppet input [type = "checkbox" i] {background-color: initial; curseur: par défaut; float: gauche! important; transformée: échelle (1,5); -apparence-webkit: case à cocher; box-dimensionnement: border-box; marge: 5px 10px 5px 0px; rembourrage: initial; bordure: initiale; largeur: 30px! important; } / * formulaire de marionnette - bouton rouge * / #registrationFormPuppet #tryFreeButton_wp, #registrationForm_wp #tryFreeButton_wp {affichage: bloc en ligne; position: relative; rayon de la frontière: 3rem; couleur d'arrière-plan: #f25555; largeur: auto; famille de polices: ProximaNova-Regular, helvetica, arial, serif; taille de la police: 1,5rem; couleur: #fff! important; curseur: pointeur; rembourrage: 1rem 4,5rem; marge: 0 0 0 0; bordure: aucune; -webkit-transition: toutes les facilités .5s; -moz-transition: toute facilité de sortie .5s; -ms-transition: toutes les sorties de .5s; -o-transition: toutes les sorties de .5s; transition: tous les .5s en douceur; } #registrationFormPuppet #tryFreeButton_wp: hover, #registrationForm_wp #tryFreeButton_wp: hover: hover {background-color: #e71212! Important; texte-décoration: aucun; couleur: hériter; -webkit-transition: toutes les facilités .5s; -moz-transition: toute facilité de sortie .5s; -ms-transition: toutes les sorties de .5s; -o-transition: toutes les sorties de .5s; transition: tous les .5s en douceur; } / * formulaire cve-beta * / .mailform_wp2019-2 .consenttext {largeur: 90%; affichage: bloc en ligne; famille de polices: ProximaNova-Regular, helvetica, arial, serif; taille de la police: 1,5rem; couleur: #fff; hauteur de ligne: 1,5; rembourrage: 0; marge: 0; } .mailform_wp2019-2 .consenttext a {font-size: 1.5rem; couleur: #fff; hauteur de ligne: 1,5; } #registrationFormCve input [type = "text"], #registrationFormCve input [type = "email"], #registrationFormCve .form-ccode {background-color: #fff; bordure: aucune; rayon de la frontière: 1rem; largeur: 100%; famille de polices: ProximaNova-Regular, helvetica, arial, serif; taille de la police: 1,6rem; couleur: #385263; rembourrage: 1,4rem 2,5rem; marge inférieure: 10px; } #registrationFormCve input [type = "checkbox" i] {background-color: initial; curseur: par défaut; float: gauche! important; transformée: échelle (1,5); -apparence-webkit: case à cocher; box-dimensionnement: border-box; marge: 5px 10px 5px 0px; rembourrage: initial; bordure: initiale; largeur: 30px! important; } / * formulaire cve-beta - bouton rouge * / #registrationFormCve #tryFreeButton_wp, #registrationForm_wp #tryFreeButton_wp {display: inline-block; position: relative; rayon de la frontière: 3rem; couleur d'arrière-plan: #f25555; largeur: auto; famille de polices: ProximaNova-Regular, helvetica, arial, serif; taille de la police: 1,5rem; couleur: #fff! important; curseur: pointeur; rembourrage: 1rem 4,5rem; marge: 0 0 0 0; bordure: aucune; -webkit-transition: toutes les facilités .5s; -moz-transition: toute facilité de sortie .5s; -ms-transition: toutes les sorties de .5s; -o-transition: toutes les sorties de .5s; transition: tous les .5s en douceur; } #registrationFormCve #tryFreeButton_wp: hover, #registrationForm_wp #tryFreeButton_wp: hover: hover {background-color: #e71212! Important; texte-décoration: aucun; couleur: hériter; -webkit-transition: toutes les facilités .5s; -moz-transition: toute facilité de sortie .5s; -ms-transition: toutes les sorties de .5s; -o-transition: toutes les sorties de .5s; transition: tous les .5s en douceur; } / * formulaire d'essai gratuit * / .mailform_wp04 .consenttext {width: 90%; affichage: bloc en ligne; famille de polices: ProximaNova-Regular, helvetica, arial, serif; taille de la police: 1,5rem; couleur: #fff; hauteur de ligne: 1,5; rembourrage: 0; marge: 0; } .mailform_wp04 .consenttext a {font-size: 1.5rem; couleur: #fff; hauteur de ligne: 1,5; } #registrationForm input [type = "text"], #registrationForm input [type = "email"], #registrationForm .form-ccode, #forAuditorsForm input [type = "text"], #forAuditorsForm input [type = "email"], # .forAuditorsForm -ccode {couleur d'arrière-plan: #fff; bordure: aucune; rayon de la frontière: 1rem; largeur: 100%; famille de polices: ProximaNova-Regular, helvetica, arial, serif; taille de la police: 1,6rem; couleur: #385263; rembourrage: 1,4rem 2,5rem; } #registrationForm input [type = "checkbox" i], #forAuditorsForm input [type = "checkbox" i] {background-color: initial; curseur: par défaut; float: gauche! important; transformée: échelle (1,5); -apparence-webkit: case à cocher; box-dimensionnement: border-box; marge: 5px 10px 5px 0px; rembourrage: initial; bordure: initiale; largeur: 30px! important; } input [type = "submit"] {curseur: pointeur; } / * bouton rouge * / #registrationForm #tryFreeButton_wp, #registrationForm_wp #tryFreeButton_wp, #forAuditorsForm #tryFreeButton_wp {display: inline-block; position: relative; rayon de la frontière: 3rem; couleur d'arrière-plan: #f25555; largeur: auto; famille de polices: ProximaNova-Regular, helvetica, arial, serif; taille de la police: 1,5rem; couleur: #fff! important; curseur: pointeur; rembourrage: 1rem 4,5rem; marge: 0 0 0 0; bordure: aucune; -webkit-transition: toutes les facilités .5s; -moz-transition: toute facilité de sortie .5s; -ms-transition: toutes les sorties de .5s; -o-transition: toutes les sorties de .5s; transition: tous les .5s en douceur; } #registrationForm #tryFreeButton_wp: hover, #registrationForm_wp #tryFreeButton_wp: hover, #forAuditorsForm #tryFreeButton_wp: hover {background-color: #e71212! Important; texte-décoration: aucun; couleur: hériter; -webkit-transition: toutes les facilités .5s; -moz-transition: toute facilité de sortie .5s; -ms-transition: toutes les sorties de .5s; -o-transition: toutes les sorties de .5s; transition: tous les .5s en douceur; } .single-imagecon.demo-request {padding: 80px 0;} .demo-request .imgboxcon__header-title {color: #000; text-align: center;} .demo-request .banner__subtitle {color: #000; text-align : center; margin-top: 15px} / * demande de formulaire de démonstration * / .mailform_wp05 .consenttext {width: 90%; affichage: bloc en ligne; famille de polices: ProximaNova-Regular, helvetica, arial, serif; taille de la police: 1,5rem; couleur: #000; hauteur de ligne: 1,5; rembourrage: 0; marge: 0; } .mailform_wp05 .consenttext a {font-size: 1.5rem; couleur: #000; hauteur de ligne: 1,5; décoration de texte: soulignement} #demoForm {largeur max: 50%; margin: 30px auto 0;} #demoForm input [type = "text"], #demoForm input [type = "email"], #demoForm textarea, #demoForm select, #demoForm .form-ccode {background-color: #fff; rayon de la frontière: 1rem; largeur: 100%; famille de polices: ProximaNova-Regular, helvetica, arial, serif; taille de la police: 1,6rem; couleur: #385263; rembourrage: 1,4rem 2,5rem; marge: 10px 0; bordure: 1px solide #ccc; -webkit-box-shadow: insert 0 1px 1px rgba (0,0,0, .075); - moz-box-shadow: insert 0 1px 1px rgba (0,0,0, .075); - o-box-shadow: insert 0 1px 1px rgba (0,0,0, .075); - ms-box-shadow: insert 0 1px 1px rgba ( 0,0,0, .075); box-shadow: incrustation 0 1px 1px rgba (0,0,0, .075); - webkit-transition: facilité d'entrée-sortie de couleur de bordure .15s, facilité d'ombre de boîte -in-out .15s; -moz-transition: facilité d'entrée-sortie de couleur de bordure .15s, facilité d'entrée-sortie d'ombre de boîte .15s; -o-transition: facilité d'entrée-sortie de la couleur de bordure .15s, facilité d'entrée-sortie de l'ombre-boîte .15s; -ms-transition: facilité d'entrée-sortie de la couleur de la bordure .15s, facilité-entrée de l'ombre-boîte sortie .15s; transition: facilité d'entrée-sortie de couleur de bordure .15s, facilité d'entrée-sortie d'ombre de boîte .15s; } #demoForm label {display: none;} #demoForm .legal-consent-container label {display: block;} #demoForm .hs-error-msgs label {display: block; color: red;} #demoForm .grecaptcha-badge {opacité: 1 ;} #demoForm input [type = "checkbox" i] {background-color: initial; curseur: par défaut; float: gauche! important; transformée: échelle (1,5); -apparence-webkit: case à cocher; box-dimensionnement: border-box; marge: 5px 10px 5px 0px; rembourrage: initial; bordure: initiale; largeur: 30px! important; } #demoForm .hs_submit.hs-submit {text-align: center; margin-top: 3rem;} #demoForm input [type = "submit"] {display: inline-block; position: relative; rayon de la frontière: 3rem; couleur d'arrière-plan: #f25555; largeur: auto; famille de polices: ProximaNova-Regular, helvetica, arial, serif; taille de la police: 1,5rem; couleur: #fff! important; curseur: pointeur; rembourrage: 1rem 4,5rem; marge: 0 0 0 0; bordure: aucune; -webkit-transition: toutes les facilités .5s; -moz-transition: toute facilité de sortie .5s; -ms-transition: toutes les sorties de .5s; -o-transition: toutes les sorties de .5s; transition: tous les .5s en douceur; } #demoForm input [type = "submit"]: hover {background-color: #e71212! Important; texte-décoration: aucun; couleur: hériter; -webkit-transition: toutes les facilités .5s; -moz-transition: toute facilité de sortie .5s; -ms-transition: toutes les sorties de .5s; -o-transition: toutes les sorties de .5s; transition: tous les .5s en douceur; } #demoForm .hs_recaptcha {affichage: flex; justify-content: centre; } input [type = "submit"] {curseur: pointeur; } / * bouton rouge * / #demoForm #tryFreeButton_wp, #demoForm_wp #tryFreeButton_wp {display: inline-block; position: relative; rayon de la frontière: 3rem; couleur d'arrière-plan: #f25555; largeur: auto; famille de polices: ProximaNova-Regular, helvetica, arial, serif; taille de la police: 1,5rem; couleur: #fff! important; curseur: pointeur; rembourrage: 1rem 4,5rem; marge: 0 0 0 0; bordure: aucune; -webkit-transition: toutes les facilités .5s; -moz-transition: toute facilité de sortie .5s; -ms-transition: toutes les sorties de .5s; -o-transition: toutes les sorties de .5s; transition: tous les .5s en douceur; } #demoForm #tryFreeButton_wp: hover, #demoForm_wp #tryFreeButton_wp: hover: hover {background-color: #e71212! Important; texte-décoration: aucun; couleur: hériter; -webkit-transition: toutes les facilités .5s; -moz-transition: toute facilité de sortie .5s; -ms-transition: toutes les sorties de .5s; -o-transition: toutes les sorties de .5s; transition: tous les .5s en douceur; } / * reCAPTCHA 3 * / .grecaptcha-badge {opacité: 0,4; filtre: alpha (opacité = 40); / * Pour IE8 et versions antérieures * / box-shadow: none! Important; } .grecaptcha-badge: hover {opacity: 1.0; filtre: alpha (opacité = 100); / * Pour IE8 et versions antérieures * /} / * pied de page * / .footer__social-linkbox a: hover {color: #f0f0f0! Important; } .footer__social-link :: after {background-color: transparent! important; } .kc-text-full {largeur-max: 118rem! important; largeur: 100%! important; marge: 0 auto 0 auto; position: relative; famille de polices: "ProximaNova-Regular", Helvetica, Roboto, Arial, sans-serif! important; taille de la police: 1.6rem! important; hauteur de ligne: 1,5! important; poids de la police: normal! important; } .kc-text-full p, .kc-text-full 2 strong {font-family: "ProximaNova-Regular", Helvetica, Roboto, Arial, sans-serif! important; } .kc-footer-left {largeur: 200px; padding-right: 20px; float: gauche; } .kc-footer-right {largeur: 80%; rembourrage: 10px; couleur: #7d9bb2; Flotter à droite; } / * pied de page + logos 2 * / .kc-logos-cont {largeur: 100%; marge: 0 auto; position: relative; text-align: centre; } .kc-logo-block {affichage: inline-block; marge: 10px 20px 20px 20px; alignement vertical: milieu; } .kc-logos-cont img {largeur: 90%; } / * ---- Adapté à 1270px ou moins ---- * / @media screen et (max-width: 1270px) {/ * top navigation * / .header__rightbox {width: 180px! Important; } img.header__logo-white {float: left! important; } a.glink img {marge: 5px 0 0 5px; } / * --------------- end content --------------- * /} / * ---- Responsive pour 1000 px ou moins - --- * / @media screen et (max-width: 1000px) {/ * category blue logo * / body.category .header__logo-blue {display: block! important; } body.category .imgboxcon__filter {margin-top: 30px! important; } body.category .header__ham-bars {affichage: bloc! important; couleur d'arrière-plan: #1655b2! important; } / * remplissage de mise en page * / .kc-pd-t10m {padding-top: 20px; } .kc-pd-t20m {haut du rembourrage: 20px; } .kc-pd-t30m {haut du rembourrage: 20px; } .kc-pd-t40m {haut du rembourrage: 20px; } .kc-pd-t50m {haut du rembourrage: 20px; } .kc-pd-t100m {haut du rembourrage: 30px; } .kc-pd-t200m {haut du rembourrage: 30px; } .kc-pd-t250m {haut du rembourrage: 30px; } .kc-pd-t300m {haut du rembourrage: 30px; } .kc-pd-b10m {fond de remplissage: 20px; } .kc-pd-b20m {fond de remplissage: 20px; } .kc-pd-b30m {fond de remplissage: 20px; } .kc-pd-b40m {fond de remplissage: 20px; } .kc-pd-b50m {fond de remplissage: 20px; } .kc-pd-b100m {fond de remplissage: 30px; } .kc-pd-b200m {fond de remplissage: 30px; } .kc-pd-b250m {fond de remplissage: 30px; } .kc-pd-b300m {fond de remplissage: 30px; } / * aws-webinar * / .all_head_wp01 {margin-top: 200px; } / * footer * / .kc-footer-logo img {largeur: 180px; } .kc-soc-logo img {affichage: bloc; marge: 20px auto 10px auto; } .kc-footer-left {largeur: 100%; rembourrage: 10px; float: aucun; } .kc-footer-left img {affichage: bloc; largeur: 200 px; marge: 0 auto 0 auto; float: aucun; } .kc-footer-right {largeur: 100%; rembourrage: 10px; couleur: #7d9bb2; float: aucun; } .kc-footer-right br {affichage: aucun; } / * --------------- end content --------------- * /} / * ---- Responsive pour 600 px ou moins - --- * / @media screen et (max-width: 600px) {/ * layout padding * / .kc-wrap {padding-left: 20px; padding-right: 20px; } .kc-cell {largeur: 100%! important; } / * polices personnalisées du site Web * / .kc_font_100 {font-size: 100%; hauteur de ligne: 140%; } .kc_font_120 {taille de la police: 100%; hauteur de ligne: 130%; } .kc_font_135 {taille de la police: 115%; hauteur de ligne: 130%; } .kc_font_160 {taille de la police: 120%; hauteur de ligne: 130%; } .kc_font_200 {taille de la police: 180%; hauteur de ligne: 130%; } .kc_font_250 {taille de la police: 230%; hauteur de ligne: 130%; } .kc_font_300 {taille de la police: 260%; hauteur de ligne: 120%; } .kc_font_350 {taille de la police: 330%; hauteur de ligne: 120%; } .kc_font_400 {taille de la police: 300%; hauteur de ligne: 120%; } .kc_font_500 {taille de la police: 380%; hauteur de ligne: 120%; } .kc_font_800 {taille de la police: 500%; hauteur de ligne: 120%; } .size_14, .size_14 a {font-size: 12px; hauteur de ligne: 140%; } .size_16, .size_16 a {font-size: 14px; hauteur de ligne: 140%; } .size_18, .size_18 a {font-size: 16px; hauteur de ligne: 140%; } .size_19, .size_19 a {font-size: 17px; hauteur de ligne: 140%; } .size_20, .size_20 a {font-size: 18px; hauteur de ligne: 140%; } .size_22, .size_22 a {font-size: 20px; hauteur de ligne: 140%; } .size_24, .size_24 a {font-size: 22px; hauteur de ligne: 140%; } .size_26, .size_26 a {font-size: 24px; hauteur de ligne: 140%; } .size_30, .size_30 a {font-size: 28px; hauteur de ligne: 140%; } .size_40, .size_40 a {font-size: 38px; hauteur de ligne: 130%; } .size_50, .size_50 a {font-size: 48px; hauteur de ligne: 120%; } .size_70, .size_70 a {font-size: 68px; hauteur de ligne: 120%; } .size_80, .size_80 a {font-size: 78px; hauteur de ligne: 120%; } .size_90, .size_90 a {font-size: 88px; hauteur de ligne: 120%; } .size_100, .size_100 a {font-size: 98px; hauteur de ligne: 140%; } .size_110, .size_110 a {font-size: 108px; hauteur de ligne: 140%; } .size_120, .size_120 a {font-size: 118px; hauteur de ligne: 140%; } / * footer logos 2 * / .kc-logos-cont img {largeur: 70%; } .kc-logo-block {marge: 10px; } / * --------------- fin du contenu --------------- * /} @media (max-width: 767px) {#dl- menu .header__button {affichage: aucun;} #primary-menu .button {affichage: bloc; position: non définie; marge: 50px auto 0! important; largeur maximale: 150px; } #demoForm {max-width: 100%;} .mob-translate {padding-top: 7rem; text-align: gauche; padding-left: 25px; } .slide-nav nav {margin-top: 10rem! important; } #mega-menu-wrap-slide-nav .mega-menu-toggle + #mega-menu-slide-nav {remplissage: 0 20px; } .search-form {affichage: bloc; largeur maximale: 100%; marge: 35 px 30 px 20 px; hauteur: 50px; } .search-form: avant {border-left: 0; } .navigation__slide {position: relative; } .navigation__slide: après {contenu: ''; position: absolue; bordure gauche: 0; bordure supérieure: 1px solide #eee; largeur: calc (100% - 60px); hauteur: 1px; bas: -15px; bloc de visualisation; gauche: 30px; } .search-field.aa-input {affichage: bloc; hauteur: 50px; rembourrage: 10px 10px 10px 45px; couleur: #000; taille de la police: 16px; hauteur de ligne: normale; } .search-field.aa-input: focus {remplissage: 10px 10px 10px 45px; couleur d'arrière-plan: #eee; hauteur de ligne: normale; } .aa-input-icon {fill: #000; haut: 15px; gauche: 15px; } .aa-input-icon.black {gauche: 15px; } .search-form input [type = "search"] :: - webkit-input-placeholder {color: #000; line-height: normal; } .search-form input [type = "search"]: - ms-input-placeholder {color: #000; line-height: normal; } .search-form input [type = "search"] :: - ms-input-placeholder {color: #000; line-height: normal; } .search-form input [type = "search"] :: placeholder {color: #000; line-height: normal; } .slide-nav .header__button {affichage: bloc; marge supérieure: 50px; } .slide-nav .header__button .button {largeur: 80%; marge: 0 auto; bloc de visualisation; rembourrage: 1,5rem 3,5rem; } / * Ksplice page * / .page-template-page-ksplice .banner-with-form {padding: 8rem 0 5rem; } .page-template-page-ksplice .banner-with-form__header-subtitle {margin-top: 2rem; } .page-template-page-ksplice .switch__content__image {largeur: 100%; } .switch__content__image code {largeur: 100%; bloc de visualisation; débordement: automatique; } .page-template-page-ksplice .partners, .page-template-page-freetrial .partners {justify-content: flex-start; align-items: flex-start; } .page-template-page-ksplice .trusted__content__image .partner, .page-template-page-freetrial .trusted__content__image .partner {flex: 0 0 100%; marge inférieure: 30px; rembourrage: 0 80px; } .page-template-page-ksplice .why__content-title {text-align: center; marge inférieure: 30px; } .page-template-page-ksplice .banner-with-form__header-title {font-size: 3rem; margin-top: 30px; } .page-template-page-ksplice .banner-with-form__header-subtitle {margin-bottom: 0; } .page-template-page-ksplice .banner-with-form__img span {font-size: 2rem! important; } .page-template-page-ksplice .banner-with-form__img span: last-of-type {margin-top: 20px; } .banner-with-form__header .badges {margin-top: 30px; } .page-template-page-ksplice .banner-with-form__header-subtitle {font-size: 2rem; } .page-template-page-ksplice .benefit, .page-template-page-freetrial .benefit {margin-bottom: 30px; } .distro {rembourrage: 0 15px; } .stories-slider .review-slider__slide-img.partner {hauteur: 90px; } .stories-slider .review-slider__slide-img.partner img {hauteur: 90px; } / * Étude de cas * / .cases-single__intro-content {margin: 0 auto; rembourrage: 30px 30px 60px; } .cases-single__intro-content-title {hauteur de ligne: 2.5rem; taille de la police: 2rem; } .cases-single__intro-content-subtitle {font-size: 16px; hauteur de ligne: 26px; } .cases-single__hero-image img {hauteur: 200px; ajustement de l'objet: couverture; } .cases-single .summary__icons {margin-top: 40px; largeur maximale: 100%; } .cases-single .summary__icons .cell {margin-bottom: 50px; } .cases-single .quote {margin-top: 0; } .cases-single .quote {remplissage: 30px} .cases-single .quote__text-inner {position: relative; haut: non défini; transformer: aucun; } .cases-single .quote__text p {taille de la police: 15px; } .cases-single .benefits .cell: not (: last-of-type) {padding-right: 0; } .cases-single .benefits .cell: not (: last-of-type) .benefits-card {margin-bottom: 100px; } .cases-single .quote .quote__text {margin-top: 30px} .cases-single .main-content {padding: 0 30px; } .cases-single .cta {remplissage: 50px 30px; } .cases-single .cta h2 {font-size: 2.5rem; hauteur de ligne: 4rem; } .cases-single .related-posts {margin: 30px auto 60px; rembourrage: 0 30px; } .cases-single .related-posts .cases-single__intro-content-title {margin: 2rem 0 4rem; } .cases-single .related-posts .cell: not (: last-of-type) .related__post-image {margin-right: 0; } .related-posts .post: not (: last-of-type) {margin-bottom: 50px; } / * * / .page-template-compare .resources-single__intro-content {padding: 0 15px; } .alike-compare-table-wrapper {affichage: flex; largeur: 100%; débordement: automatique; /*débordement caché; affichage: flex; flex-wrap: nowrap; overflow-x: auto; * /} .alike-compare-table-wrapper .alike-row .alike-column-title, .alike-compare-table-wrapper .alike-row .alike-column-item {flex: 0 0 50%; largeur maximale: 50%; bordure inférieure: 1px solide #eee; } .alike-compare-widget-wrapper {haut: 90%; } .alike-compare-table-wrapper .alike-row {border: 0; } .alike-column-item__inner {largeur: 100%; } .rq-alike-show-difference {top: 15px; } ul.pages-colonnes li {flex: 0 0 100%; largeur maximale: 100%; marge: 0 0 30px; } .page-template-page-home .banner - 100 {hauteur: 100vh; } nav ul ul.sub-menu li a span {couleur: #000; }} @media (min-width: 1200px) et (max-width: 1600px) {/*.header {width: 95%! important;} * / .header .grid-x {width: 100%; padding: 0 2rem; } .search-results .header .grid-x, .search.search-no-results .header .grid-x {largeur: 100%;} .header__rightbox.cell.shrink {flex: 0 0 14%;} .search-form {max-width: 135px;}} .grecaptcha-badge [data-style = "bottomright"] {display: none! important; } #livechat-eye-catcher {affichage: aucun; } .footer__btm.grid-x {couleur d'arrière-plan: non défini; marge supérieure: 90px; rembourrage haut: 70px; position: relative; } section.footer.grid-container.full {arrière-plan: url (https://www.staging-kernelcare.kinsta.cloud/wp-content/uploads/group-7.webp); couleur d'arrière-plan: non défini; background-size: couverture; } h3.footer__list - menu-title {opacité: 1! important; rembourrage bas: 30px; text-align: gauche; } .footer__list.cell {padding-right: 60px; } .footer nav ul {text-align: left; } .footer nav ul li {affichage: bloc; } .footer nav ul li a {remplissage: 0; taille de la police: 13px; hauteur de ligne: initiale; } ul.footer__social-list {text-align: center; } li.footer__social-item {margin-right: 0px; padding-left: 25px; } .kc-footer-logo {padding-bottom: 40px; } .footer .border {position: absolue; bordure supérieure: 1px solide #fff; haut: 0; à gauche: 5%; largeur: 90%; } .kc-footer-white-logo {text-align: center; rembourrage: 30px; } .kc-footer-copyright {couleur: #fff; } .footer p.kc-pd-t10 {opacité: 1; } / *. mega-sub-menu {background: #fff url (https://www.staging-kernelcare.kinsta.cloud/wp-content/uploads/2019/09/01.png) no-repeat 625px 335px / 765px! important;} * /