PATH:
home
/
letacommog
/
broderie
/
wp-content
/
plugins
/
disable-comments
/
assets
/
css
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap"); :root { --base-gutter: 30px; --md-gutter: 50px; --lg-gutter: 70px; --xl-gutter: 100px; --base-spacer-x: 16px; --base-spacer-y: 16px; --b-radius-6: 25px; } @media (max-width: 1599.98px) { :root { --base-gutter: 20px; --md-gutter: 30px; --lg-gutter: 50px; --xl-gutter: 70px; } } @media (max-width: 1399.98px) { :root { --base-gutter: 20px; --md-gutter: 30px; --lg-gutter: 40px; --xl-gutter: 50px; } } @media (max-width: 1199.98px) { :root { --base-spacer-x: 10px; --base-spacer-y: 10px; --md-gutter: 20px; --lg-gutter: 30px; --xl-gutter: 40px; } } @media (max-width: 991.98px) { :root { --base-spacer-x: 5px; --base-spacer-y: 5px; --md-gutter: 20px; --lg-gutter: 30px; --xl-gutter: 40px; } } .disablecommentswrap { font-size: 10px; font-family: "DM Sans", sans-serif; line-height: 1.7; font-weight: 400; letter-spacing: 0; min-height: 100vh; background: #ffffff; color: #000000; outline: none; border: none; box-sizing: border-box; overflow: hidden; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -moz-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .disablecommentswrap * { box-sizing: border-box; } .disablecommentswrap ::selection { color: #ffffff; background: rgba(98, 60, 234, 0.8); } .disablecommentswrap ul, .disablecommentswrap li { list-style: none; } .disablecommentswrap a { color: initial; transition: all 0.3s linear; text-decoration: none; display: inline-block; } .disablecommentswrap label { margin-bottom: 0; } .disablecommentswrap .button { vertical-align: middle; font-family: "DM Sans", sans-serif; font-weight: 500; } .disablecommentswrap .button:hover, .disablecommentswrap .button:focus { outline: none; } .disablecommentswrap .button:not(:disabled) { cursor: pointer; } .disablecommentswrap h1, .disablecommentswrap h2, .disablecommentswrap h3, .disablecommentswrap h4, .disablecommentswrap h5, .disablecommentswrap h6, .disablecommentswrap p { margin: 0; padding: 0; } .disablecommentswrap h1, .disablecommentswrap h2, .disablecommentswrap h3, .disablecommentswrap h4, .disablecommentswrap h5, .disablecommentswrap h6 { font-family: "DM Sans", sans-serif; font-weight: 700; line-height: 1.3; margin-top: 0; margin-bottom: 0; color: inherit; } .disablecommentswrap h1 a, .disablecommentswrap h2 a, .disablecommentswrap h3 a, .disablecommentswrap h4 a, .disablecommentswrap h5 a, .disablecommentswrap h6 a { color: inherit; } .disablecommentswrap h1 a:hover, .disablecommentswrap h2 a:hover, .disablecommentswrap h3 a:hover, .disablecommentswrap h4 a:hover, .disablecommentswrap h5 a:hover, .disablecommentswrap h6 a:hover { color: inherit; } .disablecommentswrap ul, .disablecommentswrap ol { margin-bottom: 0; } .disablecommentswrap img, .disablecommentswrap video { max-width: 100%; } .pt50 { padding-top: 50px; } .pb50 { padding-bottom: 50px; } .pt70 { padding-top: 70px; } .pb70 { padding-bottom: 70px; } .pt110 { padding-top: 110px; } .pb110 { padding-bottom: 110px; } .pt120 { padding-top: 120px; } .pb120 { padding-bottom: 120px; } .pt150 { padding-top: 150px; } .pb150 { padding-bottom: 150px; } .pt200 { padding-top: 200px; } .pb200 { padding-bottom: 200px; } .pt300 { padding-top: 300px; } .pb300 { padding-bottom: 300px; } .mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px; } .mt30 { margin-top: 30px; } .mb30 { margin-bottom: 30px; } .mt50 { margin-top: 50px; } .mb50 { margin-bottom: 50px; } .mt70 { margin-top: 70px; } .mb70 { margin-bottom: 70px; } .mt80 { margin-top: 80px; } .mb80 { margin-bottom: 80px; } .mt100 { margin-top: 100px; } .mb100 { margin-bottom: 100px; } .color__primary { color: #623cea !important; } a.color__primary:hover, a.color__primary:focus { color: #4218db; box-shadow: none; } .color__secondary { color: #fa7d51 !important; } a.color__secondary:hover, a.color__secondary:focus { color: #f9581f; box-shadow: none; } .color__success { color: #05cb6b !important; } a.color__success:hover, a.color__success:focus { color: #049951; box-shadow: none; } .color__danger { color: #e0061a !important; } a.color__danger:hover, a.color__danger:focus { color: #ae0514; box-shadow: none; } .color__info { color: #00b2fc !important; } a.color__info:hover, a.color__info:focus { color: #008ec9; box-shadow: none; } .color__dark { color: #22282d !important; } a.color__dark:hover, a.color__dark:focus { color: #0c0e10; box-shadow: none; } .color__white { color: #ffffff !important; } a.color__white:hover, a.color__white:focus { color: #e6e6e6; box-shadow: none; } .color__black { color: #000000 !important; } .color__grey { color: #f4f6fc !important; } a.color__grey:hover, a.color__grey:focus { color: #ccd5f1; box-shadow: none; } .color__grey2 { color: #808da1 !important; } a.color__grey2:hover, a.color__grey2:focus { color: #657389; box-shadow: none; } .color__twitter { color: #1da1f2 !important; } a.color__twitter:hover, a.color__twitter:focus { color: #0c85d0; box-shadow: none; } .color__linkedin { color: #0077b5 !important; } a.color__linkedin:hover, a.color__linkedin:focus { color: #005582; box-shadow: none; } .color__instagram { color: #e1306c !important; } a.color__instagram:hover, a.color__instagram:focus { color: #c21c54; box-shadow: none; } .background__primary { background-color: #623cea !important; } .background__secondary { background-color: #fa7d51 !important; } .background__success { background-color: #05cb6b !important; } .background__danger { background-color: #e0061a !important; } .background__info { background-color: #00b2fc !important; } .background__dark { background-color: #22282d !important; } .background__white { background-color: #ffffff !important; } .background__black { background-color: #000000 !important; } .background__grey { background-color: #f4f6fc !important; } .background__grey2 { background-color: #808da1 !important; } .background__twitter { background-color: #1da1f2 !important; } .background__linkedin { background-color: #0077b5 !important; } .background__instagram { background-color: #e1306c !important; } .gradient__primary { background-image: linear-gradient(180deg, rgba(98, 60, 234, 0.3), rgba(98, 60, 234, 0.05)); color: #623cea; } .gradient__secondary { background-image: linear-gradient(180deg, rgba(250, 125, 81, 0.3), rgba(250, 125, 81, 0.05)); color: #fa7d51; } .gradient__success { background-image: linear-gradient(180deg, rgba(5, 203, 107, 0.3), rgba(5, 203, 107, 0.05)); color: #05cb6b; } .gradient__danger { background-image: linear-gradient(180deg, rgba(224, 6, 26, 0.3), rgba(224, 6, 26, 0.05)); color: #e0061a; } .gradient__info { background-image: linear-gradient(180deg, rgba(0, 178, 252, 0.3), rgba(0, 178, 252, 0.05)); color: #00b2fc; } .gradient__dark { background-image: linear-gradient(180deg, rgba(34, 40, 45, 0.3), rgba(34, 40, 45, 0.05)); color: #22282d; } .gradient__white { background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); color: #ffffff; } .gradient__black { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.05)); color: #000000; } .gradient__grey { background-image: linear-gradient(180deg, rgba(244, 246, 252, 0.3), rgba(244, 246, 252, 0.05)); color: #f4f6fc; } .gradient__grey2 { background-image: linear-gradient(180deg, rgba(128, 141, 161, 0.3), rgba(128, 141, 161, 0.05)); color: #808da1; } .gradient__twitter { background-image: linear-gradient(180deg, rgba(29, 161, 242, 0.3), rgba(29, 161, 242, 0.05)); color: #1da1f2; } .gradient__linkedin { background-image: linear-gradient(180deg, rgba(0, 119, 181, 0.3), rgba(0, 119, 181, 0.05)); color: #0077b5; } .gradient__instagram { background-image: linear-gradient(180deg, rgba(225, 48, 108, 0.3), rgba(225, 48, 108, 0.05)); color: #e1306c; } .cloud__info__card__icon__primary { background-image: linear-gradient(180deg, rgba(98, 60, 234, 0.3), rgba(98, 60, 234, 0.05)); color: #623cea; } .cloud__info__card__icon__secondary { background-image: linear-gradient(180deg, rgba(250, 125, 81, 0.3), rgba(250, 125, 81, 0.05)); color: #fa7d51; } .cloud__info__card__icon__success { background-image: linear-gradient(180deg, rgba(5, 203, 107, 0.3), rgba(5, 203, 107, 0.05)); color: #05cb6b; } .cloud__info__card__icon__danger { background-image: linear-gradient(180deg, rgba(224, 6, 26, 0.3), rgba(224, 6, 26, 0.05)); color: #e0061a; } .cloud__info__card__icon__info { background-image: linear-gradient(180deg, rgba(0, 178, 252, 0.3), rgba(0, 178, 252, 0.05)); color: #00b2fc; } .cloud__info__card__icon__dark { background-image: linear-gradient(180deg, rgba(34, 40, 45, 0.3), rgba(34, 40, 45, 0.05)); color: #22282d; } .cloud__info__card__icon__white { background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); color: #ffffff; } .cloud__info__card__icon__black { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.05)); color: #000000; } .cloud__info__card__icon__grey { background-image: linear-gradient(180deg, rgba(244, 246, 252, 0.3), rgba(244, 246, 252, 0.05)); color: #f4f6fc; } .cloud__info__card__icon__grey2 { background-image: linear-gradient(180deg, rgba(128, 141, 161, 0.3), rgba(128, 141, 161, 0.05)); color: #808da1; } .cloud__info__card__icon__twitter { background-image: linear-gradient(180deg, rgba(29, 161, 242, 0.3), rgba(29, 161, 242, 0.05)); color: #1da1f2; } .cloud__info__card__icon__linkedin { background-image: linear-gradient(180deg, rgba(0, 119, 181, 0.3), rgba(0, 119, 181, 0.05)); color: #0077b5; } .cloud__info__card__icon__instagram { background-image: linear-gradient(180deg, rgba(225, 48, 108, 0.3), rgba(225, 48, 108, 0.05)); color: #e1306c; } .counter__card__primary .counter__card--icon { color: white; background: #623cea; } .counter__card__primary .counter__card--icon:before { background: #623cea; } .counter__card__primary .counter__card--content .count__number { color: #623cea; } .counter__card__secondary .counter__card--icon { color: white; background: #fa7d51; } .counter__card__secondary .counter__card--icon:before { background: #fa7d51; } .counter__card__secondary .counter__card--content .count__number { color: #fa7d51; } .counter__card__success .counter__card--icon { color: white; background: #05cb6b; } .counter__card__success .counter__card--icon:before { background: #05cb6b; } .counter__card__success .counter__card--content .count__number { color: #05cb6b; } .counter__card__danger .counter__card--icon { color: white; background: #e0061a; } .counter__card__danger .counter__card--icon:before { background: #e0061a; } .counter__card__danger .counter__card--content .count__number { color: #e0061a; } .counter__card__info .counter__card--icon { color: white; background: #00b2fc; } .counter__card__info .counter__card--icon:before { background: #00b2fc; } .counter__card__info .counter__card--content .count__number { color: #00b2fc; } .counter__card__dark .counter__card--icon { color: white; background: #22282d; } .counter__card__dark .counter__card--icon:before { background: #22282d; } .counter__card__dark .counter__card--content .count__number { color: #22282d; } .counter__card__white .counter__card--icon { color: #22282d; background: #ffffff; } .counter__card__white .counter__card--icon:before { background: #ffffff; } .counter__card__white .counter__card--content .count__number { color: #ffffff; } .counter__card__black .counter__card--icon { color: white; background: #000000; } .counter__card__black .counter__card--icon:before { background: #000000; } .counter__card__black .counter__card--content .count__number { color: #000000; } .counter__card__grey .counter__card--icon { color: #22282d; background: #f4f6fc; } .counter__card__grey .counter__card--icon:before { background: #f4f6fc; } .counter__card__grey .counter__card--content .count__number { color: #f4f6fc; } .counter__card__grey2 .counter__card--icon { color: white; background: #808da1; } .counter__card__grey2 .counter__card--icon:before { background: #808da1; } .counter__card__grey2 .counter__card--content .count__number { color: #808da1; } .counter__card__twitter .counter__card--icon { color: white; background: #1da1f2; } .counter__card__twitter .counter__card--icon:before { background: #1da1f2; } .counter__card__twitter .counter__card--content .count__number { color: #1da1f2; } .counter__card__linkedin .counter__card--icon { color: white; background: #0077b5; } .counter__card__linkedin .counter__card--icon:before { background: #0077b5; } .counter__card__linkedin .counter__card--content .count__number { color: #0077b5; } .counter__card__instagram .counter__card--icon { color: white; background: #e1306c; } .counter__card__instagram .counter__card--icon:before { background: #e1306c; } .counter__card__instagram .counter__card--content .count__number { color: #e1306c; } .m-0-5 { margin: calc( 0.5 * var(--base-spacer-x)) calc( 0.5 * var(--base-spacer-x)); } .mt-0-5 { margin-top: calc( 0.5 * var(--base-spacer-x)); } .mr-0-5 { margin-right: calc( 0.5 * var(--base-spacer-x)); } .mb-0-5 { margin-bottom: calc( 0.5 * var(--base-spacer-x)); } .ml-0-5 { margin-left: calc( 0.5 * var(--base-spacer-x)); } .my-0-5 { margin-top: calc( 0.5 * var(--base-spacer-x)); margin-bottom: calc( 0.5 * var(--base-spacer-x)); } .m-1 { margin: calc( 1 * var(--base-spacer-x)) calc( 1 * var(--base-spacer-x)); } .mt-1 { margin-top: calc( 1 * var(--base-spacer-x)); } .mr-1 { margin-right: calc( 1 * var(--base-spacer-x)); } .mb-1 { margin-bottom: calc( 1 * var(--base-spacer-x)); } .ml-1 { margin-left: calc( 1 * var(--base-spacer-x)); } .my-1 { margin-top: calc( 1 * var(--base-spacer-x)); margin-bottom: calc( 1 * var(--base-spacer-x)); } .m-1-5 { margin: calc( 1.5 * var(--base-spacer-x)) calc( 1.5 * var(--base-spacer-x)); } .mt-1-5 { margin-top: calc( 1.5 * var(--base-spacer-x)); } .mr-1-5 { margin-right: calc( 1.5 * var(--base-spacer-x)); } .mb-1-5 { margin-bottom: calc( 1.5 * var(--base-spacer-x)); } .ml-1-5 { margin-left: calc( 1.5 * var(--base-spacer-x)); } .my-1-5 { margin-top: calc( 1.5 * var(--base-spacer-x)); margin-bottom: calc( 1.5 * var(--base-spacer-x)); } .m-2 { margin: calc( 2 * var(--base-spacer-y)) calc( 2 * var(--base-spacer-x)); } .mt-2 { margin-top: calc( 2 * var(--base-spacer-y)); } .mr-2 { margin-right: calc( 2 * var(--base-spacer-x)); } .mb-2 { margin-bottom: calc( 2 * var(--base-spacer-y)); } .ml-2 { margin-left: calc( 2 * var(--base-spacer-x)); } .my-2 { margin-top: calc( 2 * var(--base-spacer-y)); margin-bottom: calc( 2 * var(--base-spacer-y)); } .m-2-5 { margin: calc( 2.5 * var(--base-spacer-y)) calc( 2.5 * var(--base-spacer-x)); } .mt-2-5 { margin-top: calc( 2.5 * var(--base-spacer-y)); } .mr-2-5 { margin-right: calc( 2.5 * var(--base-spacer-x)); } .mb-2-5 { margin-bottom: calc( 2.5 * var(--base-spacer-y)); } .ml-2-5 { margin-left: calc( 2.5 * var(--base-spacer-x)); } .my-2-5 { margin-top: calc( 2.5 * var(--base-spacer-y)); margin-bottom: calc( 2.5 * var(--base-spacer-y)); } .m-3 { margin: calc( 3 * var(--base-spacer-y)) calc( 3 * var(--base-spacer-x)); } .mt-3 { margin-top: calc( 3 * var(--base-spacer-y)); } .mr-3 { margin-right: calc( 3 * var(--base-spacer-x)); } .mb-3 { margin-bottom: calc( 3 * var(--base-spacer-y)); } .ml-3 { margin-left: calc( 3 * var(--base-spacer-x)); } .my-3 { margin-top: calc( 3 * var(--base-spacer-y)); margin-bottom: calc( 3 * var(--base-spacer-y)); } .m-3-5 { margin: calc( 3.5 * var(--base-spacer-y)) calc( 3.5 * var(--base-spacer-x)); } .mt-3-5 { margin-top: calc( 3.5 * var(--base-spacer-y)); } .mr-3-5 { margin-right: calc( 3.5 * var(--base-spacer-x)); } .mb-3-5 { margin-bottom: calc( 3.5 * var(--base-spacer-y)); } .ml-3-5 { margin-left: calc( 3.5 * var(--base-spacer-x)); } .my-3-5 { margin-top: calc( 3.5 * var(--base-spacer-y)); margin-bottom: calc( 3.5 * var(--base-spacer-y)); } .m-4 { margin: calc( 4 * var(--base-spacer-x)) calc( 4 * var(--base-spacer-x)); } .mt-4 { margin-top: calc( 4 * var(--base-spacer-x)); } .mr-4 { margin-right: calc( 4 * var(--base-spacer-x)); } .mb-4 { margin-bottom: calc( 4 * var(--base-spacer-x)); } .ml-4 { margin-left: calc( 4 * var(--base-spacer-x)); } .my-4 { margin-top: calc( 4 * var(--base-spacer-x)); margin-bottom: calc( 4 * var(--base-spacer-x)); } .m-5 { margin: calc( 5 * var(--base-spacer-x)) calc( 5 * var(--base-spacer-x)); } .mt-5 { margin-top: calc( 5 * var(--base-spacer-x)); } .mr-5 { margin-right: calc( 5 * var(--base-spacer-x)); } .mb-5 { margin-bottom: calc( 5 * var(--base-spacer-x)); } .ml-5 { margin-left: calc( 5 * var(--base-spacer-x)); } .my-5 { margin-top: calc( 5 * var(--base-spacer-x)); margin-bottom: calc( 5 * var(--base-spacer-x)); } .mx-auto { margin-left: auto; margin-right: auto; } .p-0-5 { padding: calc( 0.5 * var(--base-spacer-x)) calc( 0.5 * var(--base-spacer-x)); } .pt-0-5 { padding-top: calc( 0.5 * var(--base-spacer-x)); } .pr-0-5 { padding-right: calc( 0.5 * var(--base-spacer-x)); } .pb-0-5 { padding-bottom: calc( 0.5 * var(--base-spacer-x)); } .pl-0-5 { padding-left: calc( 0.5 * var(--base-spacer-x)); } .py-0-5 { padding-top: calc( 0.5 * var(--base-spacer-x)); padding-bottom: calc( 0.5 * var(--base-spacer-x)); } .p-1 { padding: calc( 1 * var(--base-spacer-x)) calc( 1 * var(--base-spacer-x)); } .pt-1 { padding-top: calc( 1 * var(--base-spacer-x)); } .pr-1 { padding-right: calc( 1 * var(--base-spacer-x)); } .pb-1 { padding-bottom: calc( 1 * var(--base-spacer-x)); } .pl-1 { padding-left: calc( 1 * var(--base-spacer-x)); } .py-1 { padding-top: calc( 1 * var(--base-spacer-x)); padding-bottom: calc( 1 * var(--base-spacer-x)); } .p-1-5 { padding: calc( 1.5 * var(--base-spacer-x)) calc( 1.5 * var(--base-spacer-x)); } .pt-1-5 { padding-top: calc( 1.5 * var(--base-spacer-x)); } .pr-1-5 { padding-right: calc( 1.5 * var(--base-spacer-x)); } .pb-1-5 { padding-bottom: calc( 1.5 * var(--base-spacer-x)); } .pl-1-5 { padding-left: calc( 1.5 * var(--base-spacer-x)); } .py-1-5 { padding-top: calc( 1.5 * var(--base-spacer-x)); padding-bottom: calc( 1.5 * var(--base-spacer-x)); } .p-2 { padding: calc( 2 * var(--base-spacer-y)) calc( 2 * var(--base-spacer-x)); } .pt-2 { padding-top: calc( 2 * var(--base-spacer-y)); } .pr-2 { padding-right: calc( 2 * var(--base-spacer-x)); } .pb-2 { padding-bottom: calc( 2 * var(--base-spacer-y)); } .pl-2 { padding-left: calc( 2 * var(--base-spacer-x)); } .py-2 { padding-top: calc( 2 * var(--base-spacer-y)); padding-bottom: calc( 2 * var(--base-spacer-y)); } .p-2-5 { padding: calc( 2.5 * var(--base-spacer-y)) calc( 2.5 * var(--base-spacer-x)); } .pt-2-5 { padding-top: calc( 2.5 * var(--base-spacer-y)); } .pr-2-5 { padding-right: calc( 2.5 * var(--base-spacer-x)); } .pb-2-5 { padding-bottom: calc( 2.5 * var(--base-spacer-y)); } .pl-2-5 { padding-left: calc( 2.5 * var(--base-spacer-x)); } .py-2-5 { padding-top: calc( 2.5 * var(--base-spacer-y)); padding-bottom: calc( 2.5 * var(--base-spacer-y)); } .p-3 { padding: calc( 3 * var(--base-spacer-y)) calc( 3 * var(--base-spacer-x)); } .pt-3 { padding-top: calc( 3 * var(--base-spacer-y)); } .pr-3 { padding-right: calc( 3 * var(--base-spacer-x)); } .pb-3 { padding-bottom: calc( 3 * var(--base-spacer-y)); } .pl-3 { padding-left: calc( 3 * var(--base-spacer-x)); } .py-3 { padding-top: calc( 3 * var(--base-spacer-y)); padding-bottom: calc( 3 * var(--base-spacer-y)); } .p-3-5 { padding: calc( 3.5 * var(--base-spacer-y)) calc( 3.5 * var(--base-spacer-x)); } .pt-3-5 { padding-top: calc( 3.5 * var(--base-spacer-y)); } .pr-3-5 { padding-right: calc( 3.5 * var(--base-spacer-x)); } .pb-3-5 { padding-bottom: calc( 3.5 * var(--base-spacer-y)); } .pl-3-5 { padding-left: calc( 3.5 * var(--base-spacer-x)); } .py-3-5 { padding-top: calc( 3.5 * var(--base-spacer-y)); padding-bottom: calc( 3.5 * var(--base-spacer-y)); } .p-4 { padding: calc( 4 * var(--base-spacer-x)) calc( 4 * var(--base-spacer-x)); } .pt-4 { padding-top: calc( 4 * var(--base-spacer-x)); } .pr-4 { padding-right: calc( 4 * var(--base-spacer-x)); } .pb-4 { padding-bottom: calc( 4 * var(--base-spacer-x)); } .pl-4 { padding-left: calc( 4 * var(--base-spacer-x)); } .py-4 { padding-top: calc( 4 * var(--base-spacer-x)); padding-bottom: calc( 4 * var(--base-spacer-x)); } .p-5 { padding: calc( 5 * var(--base-spacer-x)) calc( 5 * var(--base-spacer-x)); } .pt-5 { padding-top: calc( 5 * var(--base-spacer-x)); } .pr-5 { padding-right: calc( 5 * var(--base-spacer-x)); } .pb-5 { padding-bottom: calc( 5 * var(--base-spacer-x)); } .pl-5 { padding-left: calc( 5 * var(--base-spacer-x)); } .py-5 { padding-top: calc( 5 * var(--base-spacer-x)); padding-bottom: calc( 5 * var(--base-spacer-x)); } .px-auto { padding-left: auto; padding-right: auto; } .disablecommentswrap { padding: 30px; } @media (max-width: 575.98px) { .disablecommentswrap { padding: 30px; } } .disablecommentswrap .delete-comments-not-found { width: 60%; margin: 0 auto; text-align: center; } .disablecommentswrap .delete-comments-not-found .error-message { margin-top: 30px; color: #444; } @media (max-width: 1199.98px) { .sidebar__widget__wrap { margin-top: 50px; } } .dc-text__block { background: #ffffff; padding: 20px; border-radius: 10px; } .dc-text__block__big__pad { padding: 40px 50px; background: #ffffff; border-radius: 10px; } @media (max-width: 767.98px) { .dc-text__block__big__pad { padding: 40px 25px; } } .dc-container { width: 100%; max-width: 1200px; margin: 0 auto; } .dc-row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .dc-col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .dc-col, .dc-col-xs-6, .dc-col-sm-6, .dc-col-md-6, .dc-col-lg-4, .dc-col-lg-3, .dc-col-lg-9 { padding-left: 15px; padding-right: 15px; width: 100%; } @media (min-width: 576px) { .dc-col-xs-6 { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 768px) { .dc-col-sm-6 { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .dc-col-md-6 { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1200px) { .dc-col-lg-3 { flex: 0 0 25%; max-width: 25%; } .dc-col-lg-4 { flex: 0 0 33.33%; max-width: 33.33%; } .dc-col-lg-9 { flex: 0 0 75%; max-width: 75%; } } .button__primary:not(.hover__highlight) { background: #623cea; color: white; border-color: #623cea; transition: all 0.3s ease-in-out 0s; transition-property: background, color, box-shadow, border; } .button__primary:not(.hover__highlight):disabled { cursor: not-allowed; background: #fa7d51; } .button__primary:not(.hover__highlight) .icon { color: #623cea; background: white; } .button__primary.hover__highlight { color: #623cea; border-color: rgba(98, 60, 234, 0.2); } .button__primary.hover__highlight .icon { background: #623cea; color: #ffffff; } a.button__primary.active, a.button__primary:hover, button.button__primary.active, button.button__primary:hover { background: #4f25e8; color: white; border-color: #4f25e8; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); } a.button__primary.active:disabled, a.button__primary:hover:disabled, button.button__primary.active:disabled, button.button__primary:hover:disabled { cursor: not-allowed; background: #fa7d51; box-shadow: none; } a.button__primary.hover__highlight:hover .icon, button.button__primary.hover__highlight:hover .icon { background: white; color: #623cea; } .button__secondary:not(.hover__highlight) { background: #fa7d51; color: white; border-color: #fa7d51; transition: all 0.3s ease-in-out 0s; transition-property: background, color, box-shadow, border; } .button__secondary:not(.hover__highlight):disabled { cursor: not-allowed; background: #fa7d51; } .button__secondary:not(.hover__highlight) .icon { color: #fa7d51; background: white; } .button__secondary.hover__highlight { color: #623cea; border-color: rgba(98, 60, 234, 0.2); } .button__secondary.hover__highlight .icon { background: #623cea; color: #ffffff; } a.button__secondary.active, a.button__secondary:hover, button.button__secondary.active, button.button__secondary:hover { background: #f96a38; color: white; border-color: #f96a38; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); } a.button__secondary.active:disabled, a.button__secondary:hover:disabled, button.button__secondary.active:disabled, button.button__secondary:hover:disabled { cursor: not-allowed; background: #fa7d51; box-shadow: none; } a.button__secondary.hover__highlight:hover .icon, button.button__secondary.hover__highlight:hover .icon { background: white; color: #fa7d51; } .button__success:not(.hover__highlight) { background: #05cb6b; color: white; border-color: #05cb6b; transition: all 0.3s ease-in-out 0s; transition-property: background, color, box-shadow, border; } .button__success:not(.hover__highlight):disabled { cursor: not-allowed; background: #fa7d51; } .button__success:not(.hover__highlight) .icon { color: #05cb6b; background: white; } .button__success.hover__highlight { color: #623cea; border-color: rgba(98, 60, 234, 0.2); } .button__success.hover__highlight .icon { background: #623cea; color: #ffffff; } a.button__success.active, a.button__success:hover, button.button__success.active, button.button__success:hover { background: #04b25e; color: white; border-color: #04b25e; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); } a.button__success.active:disabled, a.button__success:hover:disabled, button.button__success.active:disabled, button.button__success:hover:disabled { cursor: not-allowed; background: #fa7d51; box-shadow: none; } a.button__success.hover__highlight:hover .icon, button.button__success.hover__highlight:hover .icon { background: white; color: #05cb6b; } .button__danger:not(.hover__highlight) { background: #e0061a; color: white; border-color: #e0061a; transition: all 0.3s ease-in-out 0s; transition-property: background, color, box-shadow, border; } .button__danger:not(.hover__highlight):disabled { cursor: not-allowed; background: #fa7d51; } .button__danger:not(.hover__highlight) .icon { color: #e0061a; background: white; } .button__danger.hover__highlight { color: #623cea; border-color: rgba(98, 60, 234, 0.2); } .button__danger.hover__highlight .icon { background: #623cea; color: #ffffff; } a.button__danger.active, a.button__danger:hover, button.button__danger.active, button.button__danger:hover { background: #c70517; color: white; border-color: #c70517; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); } a.button__danger.active:disabled, a.button__danger:hover:disabled, button.button__danger.active:disabled, button.button__danger:hover:disabled { cursor: not-allowed; background: #fa7d51; box-shadow: none; } a.button__danger.hover__highlight:hover .icon, button.button__danger.hover__highlight:hover .icon { background: white; color: #e0061a; } .button__info:not(.hover__highlight) { background: #00b2fc; color: white; border-color: #00b2fc; transition: all 0.3s ease-in-out 0s; transition-property: background, color, box-shadow, border; } .button__info:not(.hover__highlight):disabled { cursor: not-allowed; background: #fa7d51; } .button__info:not(.hover__highlight) .icon { color: #00b2fc; background: white; } .button__info.hover__highlight { color: #623cea; border-color: rgba(98, 60, 234, 0.2); } .button__info.hover__highlight .icon { background: #623cea; color: #ffffff; } a.button__info.active, a.button__info:hover, button.button__info.active, button.button__info:hover { background: #00a0e3; color: white; border-color: #00a0e3; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); } a.button__info.active:disabled, a.button__info:hover:disabled, button.button__info.active:disabled, button.button__info:hover:disabled { cursor: not-allowed; background: #fa7d51; box-shadow: none; } a.button__info.hover__highlight:hover .icon, button.button__info.hover__highlight:hover .icon { background: white; color: #00b2fc; } .button__dark:not(.hover__highlight) { background: #22282d; color: white; border-color: #22282d; transition: all 0.3s ease-in-out 0s; transition-property: background, color, box-shadow, border; } .button__dark:not(.hover__highlight):disabled { cursor: not-allowed; background: #fa7d51; } .button__dark:not(.hover__highlight) .icon { color: #22282d; background: white; } .button__dark.hover__highlight { color: #623cea; border-color: rgba(98, 60, 234, 0.2); } .button__dark.hover__highlight .icon { background: #623cea; color: #ffffff; } a.button__dark.active, a.button__dark:hover, button.button__dark.active, button.button__dark:hover { background: #171b1e; color: white; border-color: #171b1e; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); } a.button__dark.active:disabled, a.button__dark:hover:disabled, button.button__dark.active:disabled, button.button__dark:hover:disabled { cursor: not-allowed; background: #fa7d51; box-shadow: none; } a.button__dark.hover__highlight:hover .icon, button.button__dark.hover__highlight:hover .icon { background: white; color: #22282d; } .button__white:not(.hover__highlight) { background: #ffffff; color: #623cea; border-color: #ffffff; transition: all 0.3s ease-in-out 0s; transition-property: background, color, box-shadow, border; } .button__white:not(.hover__highlight):disabled { cursor: not-allowed; background: #fa7d51; } .button__white:not(.hover__highlight) .icon { color: #ffffff; background: #623cea; } .button__white.hover__highlight { color: #623cea; border-color: rgba(98, 60, 234, 0.2); } .button__white.hover__highlight .icon { background: #623cea; color: #ffffff; } a.button__white.active, a.button__white:hover, button.button__white.active, button.button__white:hover { background: #f2f2f2; color: #623cea; border-color: #f2f2f2; text-shadow: 0 1px 1px rgba(98, 60, 234, 0.3); } a.button__white.active:disabled, a.button__white:hover:disabled, button.button__white.active:disabled, button.button__white:hover:disabled { cursor: not-allowed; background: #fa7d51; box-shadow: none; } a.button__white.hover__highlight:hover .icon, button.button__white.hover__highlight:hover .icon { background: #623cea; color: #ffffff; } .button__black:not(.hover__highlight) { background: #000000; color: white; border-color: #000000; transition: all 0.3s ease-in-out 0s; transition-property: background, color, box-shadow, border; } .button__black:not(.hover__highlight):disabled { cursor: not-allowed; background: #fa7d51; } .button__black:not(.hover__highlight) .icon { color: #000000; background: white; } .button__black.hover__highlight { color: #623cea; border-color: rgba(98, 60, 234, 0.2); } .button__black.hover__highlight .icon { background: #623cea; color: #ffffff; } a.button__black.active:disabled, a.button__black:hover:disabled, button.button__black.active:disabled, button.button__black:hover:disabled { cursor: not-allowed; background: #fa7d51; box-shadow: none; } a.button__black.hover__highlight:hover .icon, button.button__black.hover__highlight:hover .icon { background: white; color: #000000; } .button__grey:not(.hover__highlight) { background: #f4f6fc; color: #623cea; border-color: #f4f6fc; transition: all 0.3s ease-in-out 0s; transition-property: background, color, box-shadow, border; } .button__grey:not(.hover__highlight):disabled { cursor: not-allowed; background: #fa7d51; } .button__grey:not(.hover__highlight) .icon { color: #f4f6fc; background: #623cea; } .button__grey.hover__highlight { color: #623cea; border-color: rgba(98, 60, 234, 0.2); } .button__grey.hover__highlight .icon { background: #623cea; color: #ffffff; } a.button__grey.active, a.button__grey:hover, button.button__grey.active, button.button__grey:hover { background: #e0e6f7; color: #623cea; border-color: #e0e6f7; text-shadow: 0 1px 1px rgba(98, 60, 234, 0.3); } a.button__grey.active:disabled, a.button__grey:hover:disabled, button.button__grey.active:disabled, button.button__grey:hover:disabled { cursor: not-allowed; background: #fa7d51; box-shadow: none; } a.button__grey.hover__highlight:hover .icon, button.button__grey.hover__highlight:hover .icon { background: #623cea; color: #f4f6fc; } .button__grey2:not(.hover__highlight) { background: #808da1; color: white; border-color: #808da1; transition: all 0.3s ease-in-out 0s; transition-property: background, color, box-shadow, border; } .button__grey2:not(.hover__highlight):disabled { cursor: not-allowed; background: #fa7d51; } .button__grey2:not(.hover__highlight) .icon { color: #808da1; background: white; } .button__grey2.hover__highlight { color: #623cea; border-color: rgba(98, 60, 234, 0.2); } .button__grey2.hover__highlight .icon { background: #623cea; color: #ffffff; } a.button__grey2.active, a.button__grey2:hover, button.button__grey2.active, button.button__grey2:hover { background: #718096; color: white; border-color: #718096; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); } a.button__grey2.active:disabled, a.button__grey2:hover:disabled, button.button__grey2.active:disabled, button.button__grey2:hover:disabled { cursor: not-allowed; background: #fa7d51; box-shadow: none; } a.button__grey2.hover__highlight:hover .icon, button.button__grey2.hover__highlight:hover .icon { background: white; color: #808da1; } .button__twitter:not(.hover__highlight) { background: #1da1f2; color: white; border-color: #1da1f2; transition: all 0.3s ease-in-out 0s; transition-property: background, color, box-shadow, border; } .button__twitter:not(.hover__highlight):disabled { cursor: not-allowed; background: #fa7d51; } .button__twitter:not(.hover__highlight) .icon { color: #1da1f2; background: white; } .button__twitter.hover__highlight { color: #623cea; border-color: rgba(98, 60, 234, 0.2); } .button__twitter.hover__highlight .icon { background: #623cea; color: #ffffff; } a.button__twitter.active, a.button__twitter:hover, button.button__twitter.active, button.button__twitter:hover { background: #0d95e8; color: white; border-color: #0d95e8; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); } a.button__twitter.active:disabled, a.button__twitter:hover:disabled, button.button__twitter.active:disabled, button.button__twitter:hover:disabled { cursor: not-allowed; background: #fa7d51; box-shadow: none; } a.button__twitter.hover__highlight:hover .icon, button.button__twitter.hover__highlight:hover .icon { background: white; color: #1da1f2; } .button__linkedin:not(.hover__highlight) { background: #0077b5; color: white; border-color: #0077b5; transition: all 0.3s ease-in-out 0s; transition-property: background, color, box-shadow, border; } .button__linkedin:not(.hover__highlight):disabled { cursor: not-allowed; background: #fa7d51; } .button__linkedin:not(.hover__highlight) .icon { color: #0077b5; background: white; } .button__linkedin.hover__highlight { color: #623cea; border-color: rgba(98, 60, 234, 0.2); } .button__linkedin.hover__highlight .icon { background: #623cea; color: #ffffff; } a.button__linkedin.active, a.button__linkedin:hover, button.button__linkedin.active, button.button__linkedin:hover { background: #00669c; color: white; border-color: #00669c; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); } a.button__linkedin.active:disabled, a.button__linkedin:hover:disabled, button.button__linkedin.active:disabled, button.button__linkedin:hover:disabled { cursor: not-allowed; background: #fa7d51; box-shadow: none; } a.button__linkedin.hover__highlight:hover .icon, button.button__linkedin.hover__highlight:hover .icon { background: white; color: #0077b5; } .button__instagram:not(.hover__highlight) { background: #e1306c; color: white; border-color: #e1306c; transition: all 0.3s ease-in-out 0s; transition-property: background, color, box-shadow, border; } .button__instagram:not(.hover__highlight):disabled { cursor: not-allowed; background: #fa7d51; } .button__instagram:not(.hover__highlight) .icon { color: #e1306c; background: white; } .button__instagram.hover__highlight { color: #623cea; border-color: rgba(98, 60, 234, 0.2); } .button__instagram.hover__highlight .icon { background: #623cea; color: #ffffff; } a.button__instagram.active, a.button__instagram:hover, button.button__instagram.active, button.button__instagram:hover { background: #d81f5e; color: white; border-color: #d81f5e; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); } a.button__instagram.active:disabled, a.button__instagram:hover:disabled, button.button__instagram.active:disabled, button.button__instagram:hover:disabled { cursor: not-allowed; background: #fa7d51; box-shadow: none; } a.button__instagram.hover__highlight:hover .icon, button.button__instagram.hover__highlight:hover .icon { background: white; color: #e1306c; } .disablecommentswrap .button { height: 50px; line-height: 50px; padding: 0; border-radius: 5px; color: #808da1; font-size: 15px; border: 0; font-weight: 700; padding: 0 20px; box-shadow: none; font-family: "DM Sans", sans-serif; background: #f4f6fc; } .disablecommentswrap .button:hover, .disablecommentswrap .button:focus { box-shadow: none; border: 0; color: #ffffff; background: #05cb6b; } @media (max-width: 991.98px) { .disablecommentswrap .button { height: 50px; line-height: 46px; font-size: 13px; } } .disablecommentswrap .button__delete { color: #ffffff; background: #e0061a; } .disablecommentswrap .button__delete:hover, .disablecommentswrap .button__delete:focus { background: red; color: #ffffff; } .disablecommentswrap .button__success { color: #ffffff; background: #05cb6b; } .disablecommentswrap .button__success:hover, .disablecommentswrap .button__success:focus { background: rgba(5, 203, 107, 0.9); color: #ffffff; } .disablecommentswrap .button--sm { height: 40px; line-height: 40px; } .disablecommentswrap .button__group .button:not(:last-child) { margin-right: 15px; } .disable__comment__alert { display: flex; align-items: center; padding: 10px 20px; border: 0; } @media (max-width: 767.98px) { .disable__comment__alert { display: block; } .disable__comment__alert .button__group { margin-top: 20px; } } .disable__comment__alert .alert__content { display: flex; align-items: center; padding-right: 20px; flex-wrap: wrap; flex: 1; } @media (max-width: 767.98px) { .disable__comment__alert .alert__content { padding-right: 0; } } @media (max-width: 575.98px) { .disable__comment__alert .alert__content { display: block; } } .disable__comment__alert .alert__content img { margin-right: 15px; height: 30px; } @media (max-width: 575.98px) { .disable__comment__alert .alert__content img { margin-bottom: 10px; } } .disable__comment__alert .alert__content p { font-size: 18px; font-weight: 500; color: #22282d; font-family: "DM Sans", sans-serif; } .disable__comment__alert .alert__content a.wpinsights-disable-comments-collect { color: #05cb6b; } .disable__comment__alert .alert__content a.wpinsights-disable-comments-collect:hover, .disable__comment__alert .alert__content a.wpinsights-disable-comments-collect:visited, .disable__comment__alert .alert__content a.wpinsights-disable-comments-collect:focus { outline: none; border: none; box-shadow: none; } .disable__comment__alert .alert__content .wpinsights-data { margin-top: 10px; } .disable__comment__alert .alert__content .wpinsights-data p { font-size: 13px; } .disable__comment__alert .button__group { text-align: right; } @media (max-width: 767.98px) { .disable__comment__alert .button__group { text-align: left; } } .disable__comment__alert .button__group .button { margin-right: 0; margin-top: 5px; margin-bottom: 5px; } .disable__comment__alert .button__group .button:not(:last-child) { margin-right: 0; } .disable__comment__alert .button__group .button:not(:first-child) { margin-left: 15px; } @media (max-width: 767.98px) { .disable__comment__alert .button__group .button { margin-right: 10px; } .disable__comment__alert .button__group .button:not(:last-child) { margin-right: 10px; } .disable__comment__alert .button__group .button:not(:first-child) { margin-left: 0; } } .section__header { text-align: center; margin-bottom: 50px; } .section__header h2 { font-size: 24px; font-weight: 700; color: #22282d; font-family: "DM Sans", sans-serif; } .disable__comment__nav__wrap { background: #ffffff; border-radius: 5px; position: relative; } .disable__comment__nav__wrap .plugin__version { position: absolute; font-size: 16px; font-weight: 500; color: #687b95; font-family: "DM Sans", sans-serif; top: 50%; right: 30px; transform: translateY(-50%); } @media (max-width: 767.98px) { .disable__comment__nav__wrap .plugin__version { position: static; top: 0; transform: translateY(0); padding: 10px 10px 10px 20px; } } .disable__comment__nav__wrap .disable__comment__nav { display: flex; flex-wrap: wrap; margin-top: 0; } .disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item { margin-bottom: 0; } .disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link { font-size: 16px; font-weight: 700; color: #687b95; text-transform: uppercase; font-family: "DM Sans", sans-serif; padding: 17px 20px; outline: none; box-shadow: none; } .disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link.active { color: #22282d; position: relative; } .disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link.active:before { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #e0061a; content: ""; } @media (max-width: 991.98px) { .disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link { font-size: 18px; } } @media (max-width: 575.98px) { .disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link { font-size: 16px; } } .disable__comment__tab { padding-top: 25px; } .disable__comment__tab__item { display: none; } .disable__comment__tab__item.show { display: block; } .disable__comment__option .title { font-size: 22px; font-weight: 500; color: #22282d; margin-bottom: 5px; } .disable__comment__option .subtitle { color: #687b95; font-size: 14px; font-family: "DM Sans", sans-serif; font-weight: 400; padding-left: 0; line-height: 1.5; } .disable__comment__option .subtitle .danger { color: #e0061a; font-weight: 500; } .disable__comment__option .disable_option { border-radius: 5px; } .disable__comment__option .disable_option input[type=radio] { display: none; } .disable__comment__option .disable_option input[type=radio]:checked ~ label:before { border-color: #05cb6b; } .disable__comment__option .disable_option input[type=radio]:checked ~ label:after { opacity: 1; } .disable__comment__option .disable_option input[type=radio] ~ label { font-size: 18px; font-weight: 500; color: #22282d; font-family: "DM Sans", sans-serif; position: relative; line-height: 1.3; padding-left: 25px; display: block; margin-bottom: 15px; } .disable__comment__option .disable_option input[type=radio] ~ label:before { position: absolute; top: 4px; left: 0; height: 12px; width: 12px; border-radius: 50%; border: 1px solid #687b95; content: ""; } .disable__comment__option .disable_option input[type=radio] ~ label:after { position: absolute; top: 7px; left: 3px; height: 8px; width: 8px; border-radius: 50%; border: 0; background: #05cb6b; content: ""; opacity: 0; transition: all 0.3s ease; } .disable__comment__option .disable_option input[type=radio] ~ label span { font-size: 16px; font-weight: 400; color: #687b95; } .disable__comment__option .disable_option .disable__checklist { display: flex; flex-wrap: wrap; } .disable__comment__option .disable_option .disable__checklist .disable__checklist__item { flex: 0 0 140px; margin-right: 10px; margin-bottom: 10px; } .disable__comment__option .disable_option .disable__checklist .disable__checklist__item input { display: none; } .disable__comment__option .disable_option .disable__checklist .disable__checklist__item input:checked ~ label:before { border-color: #00b2fc; background: #00b2fc; } .disable__comment__option .disable_option .disable__checklist .disable__checklist__item input:checked ~ label:after { opacity: 1; } .disable__comment__option .disable_option .disable__checklist .disable__checklist__item label { font-size: 16px; font-weight: 500; color: #687b95; font-family: "DM Sans", sans-serif; position: relative; line-height: 1.3; padding-left: 25px; display: block; } .disable__comment__option .disable_option .disable__checklist .disable__checklist__item label:before { position: absolute; top: 4px; left: 0; height: 10px; width: 10px; border: 1px solid #687b95; content: ""; } .disable__comment__option .disable_option .disable__checklist .disable__checklist__item label:after { position: absolute; top: -2px; left: 2px; height: 11px; width: 11px; border: 0; content: url(../img/check.png); opacity: 0; transition: all 0.3s ease; } .disable__comment__option .disable_option .delete__checklist { display: flex; flex-wrap: wrap; margin-bottom: 10px; } .disable__comment__option .disable_option .delete__checklist .delete__checklist__item { flex: 0 0 130px; margin-right: 10px; margin-bottom: 10px; } .disable__comment__option .disable_option .delete__checklist .delete__checklist__item input { display: none; } .disable__comment__option .disable_option .delete__checklist .delete__checklist__item input:checked ~ label:before { border-color: #00b2fc; background: #00b2fc; } .disable__comment__option .disable_option .delete__checklist .delete__checklist__item input:checked ~ label:after { opacity: 1; } .disable__comment__option .disable_option .delete__checklist .delete__checklist__item label { font-size: 18px; font-weight: 500; color: #687b95; font-family: "DM Sans", sans-serif; position: relative; line-height: 1.3; padding-left: 25px; display: block; } .disable__comment__option .disable_option .delete__checklist .delete__checklist__item label:before { position: absolute; top: 4px; left: 0; height: 12px; width: 12px; border: 1px solid #687b95; content: ""; } .disable__comment__option .disable_option .delete__checklist .delete__checklist__item label:after { position: absolute; top: -2px; left: 2px; height: 13px; width: 13px; border: 0; content: url(../img/check.png); opacity: 0; transition: all 0.3s ease; } .disable__comment__option .disable_option .remove__checklist { display: flex; flex-wrap: wrap; margin-bottom: 10px; } .disable__comment__option .disable_option .remove__checklist .remove__checklist__item { flex: 0 0 130px; margin-right: 10px; margin-bottom: 10px; } .disable__comment__option .disable_option .remove__checklist .remove__checklist__item input { display: none; } .disable__comment__option .disable_option .remove__checklist .remove__checklist__item input:checked ~ label:before { border-color: #00b2fc; background: #00b2fc; } .disable__comment__option .disable_option .remove__checklist .remove__checklist__item input:checked ~ label:after { opacity: 1; } .disable__comment__option .disable_option .remove__checklist .remove__checklist__item label { font-size: 18px; font-weight: 500; color: #687b95; font-family: "DM Sans", sans-serif; position: relative; line-height: 1.3; padding-left: 25px; display: block; } .disable__comment__option .disable_option .remove__checklist .remove__checklist__item label:before { position: absolute; top: 4px; left: 0; height: 12px; width: 12px; border: 1px solid #687b95; content: ""; } .disable__comment__option .disable_option .remove__checklist .remove__checklist__item label:after { position: absolute; top: -2px; left: 2px; height: 13px; width: 13px; border: 0; content: url(../img/check.png); opacity: 0; transition: all 0.3s ease; } .disable__comment__option .disable_option .disable__switchs .dissable__switch__item { margin-bottom: 10px; } .disable__comment__option .disable_option .disable__switchs .dissable__switch__item input { display: none; } .disable__comment__option .disable_option .disable__switchs .dissable__switch__item input:checked ~ label { color: #22282d; } .disable__comment__option .disable_option .disable__switchs .dissable__switch__item input:checked ~ label .switch { background: #05cb6b; } .disable__comment__option .disable_option .disable__switchs .dissable__switch__item input:checked ~ label .switch:before { left: 23px; } .disable__comment__option .disable_option .disable__switchs .dissable__switch__item input:checked ~ label .switch .switch__text { left: 5px; } .disable__comment__option .disable_option .disable__switchs .dissable__switch__item input:checked ~ label .switch .switch__text.on { display: block; } .disable__comment__option .disable_option .disable__switchs .dissable__switch__item input:checked ~ label .switch .switch__text.off { display: none; } .disable__comment__option .disable_option .disable__switchs .dissable__switch__item label { font-size: 16px; font-weight: 500; color: #687b95; font-family: "DM Sans", sans-serif; display: inline-flex; align-items: center; } @media (max-width: 479.98px) { .disable__comment__option .disable_option .disable__switchs .dissable__switch__item label { font-size: 14px; } } .disable__comment__option .disable_option .disable__switchs .dissable__switch__item label .switch { flex: 0 0 35px; height: 16px; width: 35px; margin-right: 20px; border-radius: 10px; background: #99a6b8; display: inline-block; font-size: 8px; text-transform: uppercase; font-weight: 400; color: #ffffff; font-family: "DM Sans", sans-serif; padding: 2px 5px; position: relative; transition: all 0.3s ease; } @media (max-width: 479.98px) { .disable__comment__option .disable_option .disable__switchs .dissable__switch__item label .switch { font-size: 10px; } } .disable__comment__option .disable_option .disable__switchs .dissable__switch__item label .switch:before { position: absolute; top: 4px; left: 4px; border-radius: 50%; background: #ffffff; height: 8px; width: 8px; content: ""; transition: all 0.3s ease; } .disable__comment__option .disable_option .disable__switchs .dissable__switch__item label .switch .switch__text { position: absolute; top: 2px; left: 16px; transition: all 0.3s ease; } .disable__comment__option .disable_option .disable__switchs .dissable__switch__item label .switch .switch__text.on { display: none; } .disable__comment__option .disable_option .delete__feedback { margin-bottom: 10px; } .disable__comment__option .disable_option .delete__feedback label { font-size: 14px; } .disable__comment__option .disable_option .delete__feedback .delete__feedback__item { position: relative; display: inline-block; padding-right: 8px; } .disable__comment__option .disable_option .delete__feedback .delete__feedback__item:not(:last-child):before { position: absolute; top: 7px; right: -2px; bottom: 7px; width: 2px; background: #687b95; content: ""; } .disable__comment__option .disable_option .delete__feedback .delete__feedback__item:last-child { padding-left: 8px; } .disable__comment__option .disable_option .delete__feedback .delete__feedback__item a { font-size: 18px; font-weight: 500; color: #687b95; outline: none; box-shadow: none; } .disable__comment__option .disable_option .disable__option__description { font-size: 15px; font-weight: 400; line-height: 1.8; color: #687b95; font-family: "DM Sans", sans-serif; } .disable__comment__option .disable_option .disable__option__description .danger { color: #e0061a; font-weight: 500; } .disable__comment__option .total-comments { font-size: 16px; line-height: 26px; margin-top: 20px; color: #687b95; } .dc-item__card_wrap { height: 100%; display: flex; } .dc-item__card { background: #ffffff; padding: 10px; border-radius: 5px; margin-bottom: 30px; flex-grow: 1; } .dc-item__card .thumb img { vertical-align: middle; border-style: none; } .dc-item__card .card__content { padding: 25px 10px; text-align: center; } .dc-item__card .card__content h3 { font-size: 20px; font-weight: 500; font-family: "DM Sans", sans-serif; color: #22282d; margin-bottom: 10px; } .dc-item__card .card__content p { font-size: 14px; font-weight: 400; color: #687b95; line-height: 2.14; margin-bottom: 20px; } .dc-tutorials { border-radius: 5px; max-width: 450px; padding-bottom: 25px; } .dc-tutorials h3 { font-size: 20px; font-weight: 500; color: #22282d; font-family: "DM Sans", sans-serif; margin-bottom: 20px; } @media (max-width: 479.98px) { .dc-tutorials h3 { font-size: 20px; } } .dc-tutorials .tutorial__list .tutorial__item { display: flex; } .dc-tutorials .tutorial__list .tutorial__item:not(:last-child) { margin-bottom: 20px; } .dc-tutorials .tutorial__list .tutorial__item .icon { flex: 0 0 50px; max-width: 50px; height: 50px; border-radius: 5px; background: #f4f6fc; padding: 14px; margin-right: 15px; } .dc-tutorials .tutorial__list .tutorial__item .icon svg path { fill: #808da1; transition: all 0.3s ease; } .dc-tutorials .tutorial__list .tutorial__item h4 { font-size: 15px; line-height: 1.6; font-weight: 500; color: #687b95; font-family: "DM Sans", sans-serif; transition: all 0.3s ease; } @media (max-width: 1599.98px) { .dc-tutorials .tutorial__list .tutorial__item h4 { font-size: 14px; } } .dc-tutorials .tutorial__list .tutorial__item h4 a { outline: none; box-shadow: none; } .dc-tutorials .tutorial__list .tutorial__item:hover .icon svg path { fill: #05cb6b; } .dc-tutorials .tutorial__list .tutorial__item:hover h4 { color: #22282d; } .blog__post { padding: 5px; border-radius: 5px; background: #ffffff; max-width: 450px; } .blog__post .thumb { position: relative; } .blog__post .thumb img { width: 100%; } .blog__post .thumb .play__btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 50px; width: 50px; border-radius: 50%; background: #05cb6b; display: flex; justify-content: center; align-items: center; outline: none; box-shadow: none; } .blog__post .thumb .play__btn span { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid #ffffff; } .blog__post .blog__post__content { padding: 5px 10px; } .blog__post .blog__post__content h4 { font-size: 16px; font-weight: 500; color: #22282d; line-height: 1.8; font-family: "DM Sans", sans-serif; } .footer { width: 100%; text-align: center; } .footer__content { text-align: center; } .footer__content .footer__nav ul { display: flex; flex-wrap: wrap; justify-content: center; } .footer__content .footer__nav ul li { margin-bottom: 15px; padding: 0 10px; position: relative; line-height: 1; } .footer__content .footer__nav ul li:not(:last-child):before { position: absolute; top: 2px; bottom: 2px; right: 0; width: 1px; background: #687b95; content: ""; } .footer__content .footer__nav ul li a { font-size: 16px; font-weight: 400; color: #687b95; line-height: inherit; outline: none; box-shadow: none; } @media (max-width: 767.98px) { .footer__content .footer__nav ul li a { font-size: 14px; } } .cancel-dc-setup { text-align: right; margin-bottom: 20px; font-size: 13px; } .dc-quick__setup__wrap { padding: 50px 30px 50px; } .dc-logo img { max-width: 100%; max-height: 80px; } .dc-logo__center { text-align: center; } .dc-quick__setup__nav { display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; } @media (max-width: 767.98px) { .dc-quick__setup__nav { flex-wrap: wrap; } } .dc-quick__setup__nav .quick__setup__item { padding: 0 25px; position: relative; } .dc-quick__setup__nav .quick__setup__item:not(:last-child):before { position: absolute; top: 50%; left: 50%; transform: translateY(-50%); height: 3px; width: 100%; content: ""; background: #d8dde7; } @media (max-width: 767.98px) { .dc-quick__setup__nav .quick__setup__item:not(:last-child):before { height: 0; width: 0; } } @media (max-width: 1199.98px) { .dc-quick__setup__nav .quick__setup__item { padding: 0 15px; } } .dc-quick__setup__nav .quick__setup__item .quick__setup__link { text-transform: uppercase; font-size: 14px; font-weight: 500; color: #22282d; width: 200px; text-align: center; padding: 13px 0; background: #ffffff; border-radius: 5px; position: relative; z-index: 1; outline: none; box-shadow: none; } @media (max-width: 1199.98px) { .dc-quick__setup__nav .quick__setup__item .quick__setup__link { width: auto; padding: 13px 20px; } } @media (max-width: 767.98px) { .dc-quick__setup__nav .quick__setup__item .quick__setup__link { font-size: 12px; } } .dc-quick__setup__nav .quick__setup__item.active:not(:last-child):before { background: #e10619; } .dc-quick__setup__nav .quick__setup__item.active .quick__setup__link { background: #e10619; color: #ffffff; } .dc-quick__step__item { display: none; } .dc-quick__step__item.active { display: block; } .dc-quick__step__item .button { display: none; } .dc-quick__step__item .quick__setup__item__header h2 { font-size: 32px; font-weight: 700; color: #22282d; font-family: "DM Sans", sans-serif; text-align: center; margin-bottom: 16px; } @media (max-width: 767.98px) { .dc-quick__step__item .quick__setup__item__header h2 { font-size: 28px; } } @media (max-width: 575.98px) { .dc-quick__step__item .quick__setup__item__header h2 { font-size: 24px; } } .dc-quick__step__item .quick__setup__item__header p { text-align: center; font-size: 16px; color: #687b95; max-width: 780px; margin: 0 auto; } @media (max-width: 767.98px) { .dc-quick__step__item .quick__setup__item__header p { font-size: 14px; } } .dc-quick__step__item .dc-video__area { text-align: center; margin: 0 auto; position: relative; } @media (max-width: 1199.98px) { .dc-quick__step__item .dc-video__area { min-height: 300px; } } .dc-quick__step__item .dc-video__area .play__btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 70px; width: 70px; border-radius: 50%; background: #05cb6b; display: flex; justify-content: center; align-items: center; outline: none; box-shadow: none; } .dc-quick__step__item .dc-video__area .play__btn span { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid #ffffff; } @media (max-width: 767.98px) { .dc-quick__step__item .dc-video__area .play__btn { height: 50px; width: 50px; } } .dc-quick__step__item .dc-form__group { padding-left: 27px; text-align: center; border-radius: 10px; margin: 15px auto 0; max-width: 800px; } @media (max-width: 575.98px) { .dc-quick__step__item .dc-form__group { text-align: left; } } .dc-quick__step__item .dc-form__group input { display: none; } .dc-quick__step__item .dc-form__group input:checked ~ label:before { border-color: #00b2fc; background: #00b2fc; } .dc-quick__step__item .dc-form__group input:checked ~ label:after { opacity: 1; } .dc-quick__step__item .dc-form__group label { font-size: 18px; font-weight: 500; color: #22282d; font-family: "DM Sans", sans-serif; position: relative; } @media (max-width: 767.98px) { .dc-quick__step__item .dc-form__group label { font-size: 16px; } } .dc-quick__step__item .dc-form__group label:before { position: absolute; top: 5px; left: -27px; height: 12px; width: 12px; border: 1px solid #687b95; content: ""; } @media (max-width: 767.98px) { .dc-quick__step__item .dc-form__group label:before { top: 4px; } } .dc-quick__step__item .dc-form__group label:after { position: absolute; top: -5px; left: -26px; height: 13px; width: 13px; border: 0; content: url(../img/check.png); opacity: 0; transition: all 0.3s ease; } .dc-quick__step__item .disable_option { border-radius: 5px; } .dc-quick__step__item .disable_option.dc-text__block { background: #f4f6fc; } .dc-quick__step__item .disable_option input[type=radio] { display: none; } .dc-quick__step__item .disable_option input[type=radio]:checked ~ label:before { border-color: #05cb6b; } .dc-quick__step__item .disable_option input[type=radio]:checked ~ label:after { opacity: 1; } .dc-quick__step__item .disable_option input[type=radio] ~ label { font-size: 18px; font-weight: 500; color: #22282d; font-family: "DM Sans", sans-serif; position: relative; line-height: 1.3; padding-left: 25px; display: block; margin-bottom: 15px; } .dc-quick__step__item .disable_option input[type=radio] ~ label:before { position: absolute; top: 4px; left: 0; height: 12px; width: 12px; border-radius: 50%; border: 1px solid #687b95; content: ""; } .dc-quick__step__item .disable_option input[type=radio] ~ label:after { position: absolute; top: 7px; left: 3px; height: 8px; width: 8px; border-radius: 50%; border: 0; background: #05cb6b; content: ""; opacity: 0; transition: all 0.3s ease; } .dc-quick__step__item .disable_option input[type=radio] ~ label span { font-size: 16px; font-weight: 400; color: #687b95; } .dc-quick__step__item .disable_option .disable__checklist { display: flex; flex-wrap: wrap; margin-bottom: 10px; } .dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item { flex: 0 0 140px; margin-right: 10px; } .dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item input { display: none; } .dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item input:checked ~ label:before { border-color: #00b2fc; background: #00b2fc; } .dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item input:checked ~ label:after { opacity: 1; } .dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item label { font-size: 16px; font-weight: 500; color: #687b95; font-family: "DM Sans", sans-serif; position: relative; line-height: 1.3; padding-left: 25px; display: block; } .dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item label:before { position: absolute; top: 4px; left: 0; height: 10px; width: 10px; border: 1px solid #687b95; content: ""; } .dc-quick__step__item .disable_option .disable__checklist .disable__checklist__item label:after { position: absolute; top: -2px; left: 2px; height: 11px; width: 11px; border: 0; content: url(../img/check.png); opacity: 0; transition: all 0.3s ease; } .dc-quick__step__item .disable_option .disable__option__description { font-size: 15px; font-weight: 400; color: #687b95; font-family: "DM Sans", sans-serif; } .dc-quick__step__item .disable_option .disable__option__description .danger { color: #e0061a; font-weight: 500; } .dc-quick__step__item .finalize-thumb { text-align: center; padding: 0 0 30px; } .dc-quick__step__item .finalize-thumb img { max-height: 220px; } .dc-quick__step__item .doc__button__wrap { text-align: center; } .dc-quick__step__item .doc__button__wrap .doc__button { font-size: 16px; font-weight: 500; font-family: "DM Sans", sans-serif; color: #22282d; text-transform: uppercase; border: 1px solid #e10619; border-radius: 5px; padding: 10px 35px; outline: none; box-shadow: none; } .dc-quick__step__item .doc__button__wrap .doc__button:hover { background: #e10619; color: #ffffff; } .dc-quick__step__item #whatWeCollect { color: #05cb6b; outline: 0; box-shadow: none; } .dc-quick__step__item #whatWeCollectMessage { display: none; } .dc-quick__setup__wrap .button__group { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .dc-quick__setup__wrap .button__group .button { width: 160px; text-align: center; } .dc-quick__setup__wrap .button__group .button.button--sm { width: 110px; } @media (max-width: 767.98px) { .dc-quick__setup__wrap .button__group .button { width: unset; } .dc-quick__setup__wrap .button__group .button.button--sm { width: unset; } }
[+]
..
[-] notice.css
[edit]
[-] style.css
[edit]
[-] sweetalert2.min.css
[edit]