![]() Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/public_html/wp-content/plugins/disable-comments/assets/css/ |
/* dm-sans-regular - latin */ @font-face { font-family: "DM Sans"; font-style: normal; font-weight: 400; src: local(""), url("../fonts/dm-sans-v11-latin-regular.woff2") format("woff2"), url("../fonts/dm-sans-v11-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* dm-sans-500 - latin */ @font-face { font-family: "DM Sans"; font-style: normal; font-weight: 500; src: local(""), url("../fonts/dm-sans-v11-latin-500.woff2") format("woff2"), url("../fonts/dm-sans-v11-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* dm-sans-700 - latin */ @font-face { font-family: "DM Sans"; font-style: normal; font-weight: 700; src: local(""), url("../fonts/dm-sans-v11-latin-700.woff2") format("woff2"), url("../fonts/dm-sans-v11-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :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; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-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%; } .disablecommentswrap .pt5 { padding-top: 5px; } .disablecommentswrap .pt10 { padding-top: 10px; } .disablecommentswrap .mt5 { margin-top: 5px; } .disablecommentswrap .mt10 { margin-top: 10px; } .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; } .mt10 { margin-top: 10px; } .mb10 { margin-bottom: 10px; } .mt15 { margin-top: 15px; } .mb15 { margin-bottom: 15px; } .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: rgb(66.375, 23.625, 219.375); box-shadow: none; } .color__secondary { color: #fa7d51 !important; } a.color__secondary:hover, a.color__secondary:focus { color: rgb(248.5754189944, 87.9608938547, 31.4245810056); box-shadow: none; } .color__success { color: #05cb6b !important; } a.color__success:hover, a.color__success:focus { color: rgb(3.7740384615, 153.2259615385, 80.7644230769); box-shadow: none; } .color__danger { color: #e0061a !important; } a.color__danger:hover, a.color__danger:focus { color: rgb(174.3304347826, 4.6695652174, 20.2347826087); box-shadow: none; } .color__info { color: #00b2fc !important; } a.color__info:hover, a.color__info:focus { color: rgb(0, 141.9761904762, 201); box-shadow: none; } .color__dark { color: #22282d !important; } a.color__dark:hover, a.color__dark:focus { color: rgb(12.0506329114, 14.1772151899, 15.9493670886); box-shadow: none; } .color__white { color: #ffffff !important; } a.color__white:hover, a.color__white:focus { color: rgb(229.5, 229.5, 229.5); box-shadow: none; } .color__black { color: #000000 !important; } .color__grey { color: #f4f6fc !important; } a.color__grey:hover, a.color__grey:focus { color: rgb(203.9285714286, 213.2142857143, 241.0714285714); box-shadow: none; } .color__grey2 { color: #808da1 !important; } a.color__grey2:hover, a.color__grey2:focus { color: rgb(101.2307692308, 115.2307692308, 136.7692307692); box-shadow: none; } .color__twitter { color: #1da1f2 !important; } a.color__twitter:hover, a.color__twitter:focus { color: rgb(11.9665271967, 133.4728033473, 208.0334728033); box-shadow: none; } .color__linkedin { color: #0077b5 !important; } a.color__linkedin:hover, a.color__linkedin:focus { color: rgb(0, 85.4696132597, 130); box-shadow: none; } .color__instagram { color: #e1306c !important; } a.color__instagram:hover, a.color__instagram:focus { color: rgb(193.8987341772, 28.1012658228, 84.3037974684); 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%; } } .form__control { border: 1px solid rgba(0, 0, 0, 0.15) !important; } .form__control.w-100 { width: 100%; } .d__flex { display: flex; } .space__between { justify-content: space-between; align-items: center; } .icon__input { position: relative; } .icon__input .icon { position: absolute; top: 7px; right: 12px; pointer-events: none; } .button__primary:not(.hover__highlight) { background: #623cea; color: white; border-color: #623cea; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transition-property: background, color, box-shadow, border; -moz-transition-property: background, color, box-shadow, border; -ms-transition-property: background, color, box-shadow, border; -o-transition-property: background, color, box-shadow, border; 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: rgb(79.4652777778, 36.9791666667, 231.5208333333); color: white; border-color: rgb(79.4652777778, 36.9791666667, 231.5208333333); 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; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transition-property: background, color, box-shadow, border; -moz-transition-property: background, color, box-shadow, border; -ms-transition-property: background, color, box-shadow, border; -o-transition-property: background, color, box-shadow, border; 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: rgb(249.2877094972, 106.4804469274, 56.2122905028); color: white; border-color: rgb(249.2877094972, 106.4804469274, 56.2122905028); 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; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transition-property: background, color, box-shadow, border; -moz-transition-property: background, color, box-shadow, border; -ms-transition-property: background, color, box-shadow, border; -o-transition-property: background, color, box-shadow, border; 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: rgb(4.3870192308, 178.1129807692, 93.8822115385); color: white; border-color: rgb(4.3870192308, 178.1129807692, 93.8822115385); 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; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transition-property: background, color, box-shadow, border; -moz-transition-property: background, color, box-shadow, border; -ms-transition-property: background, color, box-shadow, border; -o-transition-property: background, color, box-shadow, border; 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: rgb(199.1652173913, 5.3347826087, 23.1173913043); color: white; border-color: rgb(199.1652173913, 5.3347826087, 23.1173913043); 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; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transition-property: background, color, box-shadow, border; -moz-transition-property: background, color, box-shadow, border; -ms-transition-property: background, color, box-shadow, border; -o-transition-property: background, color, box-shadow, border; 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: rgb(0, 159.9880952381, 226.5); color: white; border-color: rgb(0, 159.9880952381, 226.5); 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; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transition-property: background, color, box-shadow, border; -moz-transition-property: background, color, box-shadow, border; -ms-transition-property: background, color, box-shadow, border; -o-transition-property: background, color, box-shadow, border; 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: rgb(23.0253164557, 27.0886075949, 30.4746835443); color: white; border-color: rgb(23.0253164557, 27.0886075949, 30.4746835443); 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; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transition-property: background, color, box-shadow, border; -moz-transition-property: background, color, box-shadow, border; -ms-transition-property: background, color, box-shadow, border; -o-transition-property: background, color, box-shadow, border; 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: rgb(242.25, 242.25, 242.25); color: #623cea; border-color: rgb(242.25, 242.25, 242.25); 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; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transition-property: background, color, box-shadow, border; -moz-transition-property: background, color, box-shadow, border; -ms-transition-property: background, color, box-shadow, border; -o-transition-property: background, color, box-shadow, border; 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; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transition-property: background, color, box-shadow, border; -moz-transition-property: background, color, box-shadow, border; -ms-transition-property: background, color, box-shadow, border; -o-transition-property: background, color, box-shadow, border; 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: rgb(223.9642857143, 229.6071428571, 246.5357142857); color: #623cea; border-color: rgb(223.9642857143, 229.6071428571, 246.5357142857); 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; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transition-property: background, color, box-shadow, border; -moz-transition-property: background, color, box-shadow, border; -ms-transition-property: background, color, box-shadow, border; -o-transition-property: background, color, box-shadow, border; 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: rgb(113.3461538462, 127.8461538462, 150.1538461538); color: white; border-color: rgb(113.3461538462, 127.8461538462, 150.1538461538); 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; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transition-property: background, color, box-shadow, border; -moz-transition-property: background, color, box-shadow, border; -ms-transition-property: background, color, box-shadow, border; -o-transition-property: background, color, box-shadow, border; 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: rgb(13.3535564854, 148.9435146444, 232.1464435146); color: white; border-color: rgb(13.3535564854, 148.9435146444, 232.1464435146); 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; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transition-property: background, color, box-shadow, border; -moz-transition-property: background, color, box-shadow, border; -ms-transition-property: background, color, box-shadow, border; -o-transition-property: background, color, box-shadow, border; 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: rgb(0, 102.2348066298, 155.5); color: white; border-color: rgb(0, 102.2348066298, 155.5); 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; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transition-property: background, color, box-shadow, border; -moz-transition-property: background, color, box-shadow, border; -ms-transition-property: background, color, box-shadow, border; -o-transition-property: background, color, box-shadow, border; 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: rgb(216.1708860759, 31.3291139241, 93.9873417722); color: white; border-color: rgb(216.1708860759, 31.3291139241, 93.9873417722); 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; } .disablecommentswrap .button:focus-visible { outline: 2px solid #00b2fc; } .disablecommentswrap .button.button__fade { display: flex; align-items: center; min-width: 190px; justify-content: center; } @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: rgb(255, 0, 0); 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__success.button__fade { opacity: 0.6; } .disablecommentswrap .button__success.button__fade:disabled, .disablecommentswrap .button__success.button__fade[disabled] { color: #ffffff !important; background: #05cb6b !important; opacity: 0.6 !important; } .disablecommentswrap .button__success.form-dirty { opacity: 1; } .disablecommentswrap .button--sm { height: 40px; line-height: 40px; } .disablecommentswrap .button__group .button:not(:last-child) { margin-right: 15px; } .cancelButton { padding: 0; border-radius: 5px; color: #808da1 !important; font-size: 15px; border: 0; font-weight: 700; padding: 0 20px; -webkit-box-shadow: none; box-shadow: none; outline: none; background: #f4f6fc !important; } .confirmButton { padding: 0; border-radius: 5px; color: #fff !important; font-size: 15px; border: 0; font-weight: 700; padding: 0 20px; -webkit-box-shadow: none; box-shadow: none; outline: none; background: #e0061a !important; } .confirmButton:focus { outline: none !important; box-shadow: none !important; } #eael-spinner { width: 18px; display: inline-block; float: left; margin: 0 5px 0 0; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1.2s; -webkit-animation-name: rotate; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-transition-property: -moz-transform; -moz-animation-name: rotate; -moz-animation-duration: 1.2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; transition-property: transform; animation-name: rotate; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .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: ""; } .disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link:focus { transition: unset; } @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; } .sites_list_wrapper .sites_list { display: flex; width: 100%; flex-wrap: wrap; } .sites_list_wrapper .sites_list .subsite__checklist__item { flex: 0 0 285px; } .sites_list_wrapper .sites_list .subsite__checklist__item label { word-break: break-word; } .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 .radio-style input[type=radio] { display: none; } .disable__comment__option .radio-style input[type=radio]:checked ~ label .icon { border-color: #05cb6b; } .disable__comment__option .radio-style input[type=radio]:checked ~ label .icon:after { opacity: 1; } .disable__comment__option .radio-style label { font-size: 16px; font-weight: 500; color: #22282d; font-family: "DM Sans", sans-serif; position: relative; line-height: 1.3; padding-left: 20px; display: block; margin-bottom: 15px; } .disable__comment__option .radio-style label .icon { position: absolute; top: 2px; left: 0; height: 14px; width: 14px; border-radius: 50%; border: 1px solid #687b95; } .disable__comment__option .radio-style label .icon:after { position: absolute; top: 2px; left: 2px; height: 8px; width: 8px; border-radius: 50%; border: 0; background: #05cb6b; content: ""; opacity: 0; transition: all 0.3s ease; } .disable__comment__option .checkbox-style input[type=checkbox] { display: none; } .disable__comment__option .checkbox-style input[type=checkbox]:checked ~ label .icon { border-color: #00b2fc; background: #00b2fc; } .disable__comment__option .checkbox-style input[type=checkbox]:checked ~ label .icon:after { opacity: 1; } .disable__comment__option .checkbox-style label { font-size: 16px; font-weight: 500; color: #687b95; font-family: "DM Sans", sans-serif; position: relative; line-height: 1.3; padding-left: 20px; display: block; } .disable__comment__option .checkbox-style label:focus-visible { box-shadow: none; outline: none; } .disable__comment__option .checkbox-style label .icon { position: absolute; top: 2px; left: 0; height: 14px; width: 14px; border: 1px solid #687b95; } .disable__comment__option .checkbox-style label .icon:after { position: absolute; top: -4px; left: 1px; content: url(../img/check.png); opacity: 0; transition: all 0.3s ease; } .disable__comment__option .dissable__switch__item { margin-bottom: 10px; } .disable__comment__option .dissable__switch__item input { display: none; } .disable__comment__option .dissable__switch__item input:checked ~ label { color: #22282d; } .disable__comment__option .dissable__switch__item input:checked ~ label .switch { background: #05cb6b; } .disable__comment__option .dissable__switch__item input:checked ~ label .switch:before { left: 28px; } .disable__comment__option .dissable__switch__item input:checked ~ label .switch .switch__text { left: 5px; } .disable__comment__option .dissable__switch__item input:checked ~ label .switch .switch__text.on { display: block; } .disable__comment__option .dissable__switch__item input:checked ~ label .switch .switch__text.off { display: none; } .disable__comment__option .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 .dissable__switch__item label { font-size: 14px; } } .disable__comment__option .dissable__switch__item label .switch { height: 20px; width: 40px; margin-right: 16px; border-radius: 10px; background: #99a6b8; display: inline-block; font-size: 10px; text-transform: uppercase; font-weight: 500; color: #ffffff; font-family: "DM Sans", sans-serif; position: relative; transition: all 0.3s ease; } @media (max-width: 479.98px) { .disable__comment__option .dissable__switch__item label .switch { font-size: 10px; } } .disable__comment__option .dissable__switch__item label .switch:before { position: absolute; top: 6px; left: 4px; border-radius: 50%; background: #ffffff; height: 8px; width: 8px; content: ""; transition: all 0.3s ease; } .disable__comment__option .dissable__switch__item label .switch .switch__text { position: absolute; top: 2px; left: 16px; transition: all 0.3s ease; } .disable__comment__option .dissable__switch__item label .switch .switch__text.on { display: none; } .disable__comment__option .disable_option { border-radius: 5px; } .disable__comment__option .disable_option h3 { font-size: 18px; font-weight: 500; color: #22282d; font-family: "DM Sans", sans-serif; position: relative; line-height: 1.3; display: block; margin-bottom: 15px; } .disable__comment__option .disable_option .disable__checklist, .disable__comment__option .disable_option .delete__feedback { display: flex; flex-wrap: wrap; gap: 16px; } .disable__comment__option .disable_option .delete__checklist { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 10px; padding-left: 1.5em; } .disable__comment__option .disable_option .remove__checklist { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 10px; } .disable__comment__option .disable_option .delete__feedback { margin-bottom: 10px; padding-left: 1.5em; } .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; } .subsite__checklist__item { flex: 0 0 130px; margin-right: 10px; margin-bottom: 10px; } .paginationjs-pages ul { margin-top: 0; display: flex; align-items: center; } .paginationjs-pages ul li a { font-size: 20px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 0 20px; cursor: pointer; color: #687b95; } .paginationjs-pages ul li a:hover { color: #05cb6b; } .paginationjs-pages ul li.paginationjs-next a { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .paginationjs-pages ul li.paginationjs-prev a { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .paginationjs-pages ul li.disabled a { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.05); } .paginationjs-pages ul li.disabled a:hover { color: #687b95; } .disable__comment__nav__wrap .disable__comment__nav .disable__comment__nav__item .disable__comment__nav__link:focus-visible { box-shadow: 0 0 0 2px #2271b1; outline: none; } .dc-tutorials .tutorial__list .tutorial__item h4 a:focus-visible { box-shadow: 0 0 0 2px #2271b1; } .has-pagination.disabled .paginationjs-pages li a { opacity: 0.3; } .has-pagination.disabled .paginationjs-pages li a:hover { color: #687b95; } .item__number__controller { align-items: center; } .item__number__controller p { margin-right: 10px; } .dc-select { position: relative; } .dc-select .icon { position: absolute; } .dc-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .nothing-found { text-align: center; flex: 1; } .nothing-found p { font-size: 16px; font-weight: 400; color: #808da1; margin-bottom: 15px; } .disable__switch { display: flex; flex-wrap: wrap; } .disable__switch .avatar__status { flex: 0 0 170px; } .disable__switch .avatar__status label { color: #687b95 !important; display: inline-block !important; } .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:focus-visible { box-shadow: 0 0 0 2px #2271b1; } .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; } .blog__post .blog__post__content h4 a:focus-visible { box-shadow: 0 0 0 2px #2271b1; } .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; } } .footer__content .footer__nav ul li a:focus-visible { box-shadow: 0 0 0 2px #2271b1; } .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; } } .disable_option { /* Focus styles */ /* Switch focus styles */ /* Form groups spacing */ /* Description text */ /* Focus styles */ } .disable_option .select2-container--default .select2-selection--multiple { min-height: 30px; padding: 0; min-width: 290px; width: 100%; display: flex; border: 1px solid rgba(0, 0, 0, 0.15); } .disable_option .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: rgba(0, 0, 0, 0.15); } .disable_option .select2-container { min-width: 290px; width: auto !important; } .disable_option .select2-container .select2-search--inline { float: none; } .disable_option .select2-container--default .select2-selection--multiple .select2-selection__rendered { width: auto; display: inline-flex; flex-wrap: wrap; gap: 0 5px; margin-top: 0; padding: 0 8px; align-items: center; } .disable_option .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { position: static; border-right: 0; line-height: 1; font-size: 16px; margin-right: 3px; } .disable_option .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span { line-height: 1; } .disable_option .select2-container--default .select2-selection--multiple .select2-selection__choice { float: none; display: flex; align-items: stretch; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 3px; border: 1px solid rgba(0, 0, 0, 0.15); } .disable_option .select2-container--default .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; border-left: 1px solid rgba(0, 0, 0, 0.15); } .disable_option .select2-container--default .select2-search--inline .select2-search__field { margin-top: 0px; margin-left: 0px; height: 30px; padding-top: 7px; width: auto !important; font-size: 12px; } .disable_option .select2-container--default .select2-search--inline .select2-search__field::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #687b95; } .disable_option .select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder { /* Firefox 19+ */ color: #687b95; } .disable_option .select2-container--default .select2-search--inline .select2-search__field:-ms-input-placeholder { /* IE 10+ */ color: #687b95; } .disable_option .select2-container--default .select2-search--inline .select2-search__field:-moz-placeholder { /* Firefox 18- */ color: #687b95; } .disable_option .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 0 !important; margin-bottom: 0 !important; } .disable_option .select2-container .select2-search--inline .select2-search__field { margin-top: 0 !important; margin-bottom: 0 !important; min-height: 38px !important; padding-top: 11px !important; } .disable_option .visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .disable_option input[type=radio]:focus, .disable_option input[type=checkbox]:focus { outline: 2px solid #007cba; outline-offset: 2px; } .disable_option .dissable__switch__item input:focus + label .switch { outline: 2px solid #007cba; outline-offset: 2px; } .disable_option [role=group] { margin-bottom: 2rem; } .disable_option .disable__option__description { margin-top: 0.5rem; color: #555; } .disable_option .form__control:focus { outline: 2px solid #007cba; outline-offset: 1px; } .disable_option .check-all:focus + label { outline: 2px solid #007cba; outline-offset: 2px; } .disable_option .radio-option { margin-bottom: 1rem; } .disable_option .radio-option input[type=radio]:focus { outline: 2px solid #007cba; outline-offset: 2px; } .disable_option .radio-option label { display: inline-block; } .disable_option .radio-option .description { display: block; font-size: 16px; margin-top: -12px; padding-left: 20px; color: #555; } .disable_option .remove__checklist { margin: 1rem 0; padding-left: 1.5rem; } .disable_option .remove__checklist__item { margin-bottom: 0.5rem; } .disable_option .remove__checklist__item input[type=checkbox]:focus, .disable_option .radio-option input[type=radio]:focus { outline: 2px solid #007cba; outline-offset: 2px; } .disable_option .form-field { margin-top: 1rem; } .disable_option .form-field input[type=text]:focus { outline: 2px solid #007cba; border-color: #007cba; } .disable_option .custom-types-input { margin-top: 1.5rem; padding: 1rem; background: #f8f9fa; border-radius: 4px; } .disable_option .roles-selection-wrapper { margin-top: 1rem; padding-left: 2rem; } .disable_option .dc-select2:focus { outline: 2px solid #007cba; outline-offset: 2px; } .disable_option .disable__switchs input[type=checkbox]:focus + label .switch { outline: 2px solid #007cba; outline-offset: 2px; } .disable_option .roles-status { margin-top: 0.5rem; } .disable_option [aria-live=polite] { min-height: 1rem; } .disable_option .disable__switch[role=radiogroup] { margin: 1rem 0; } .disable_option .avatar__status { margin-bottom: 0.5rem; } .disable_option .avatar__status input[type=radio]:focus { outline: 2px solid #007cba; outline-offset: 2px; } .disable_option .avatar__status input[type=radio]:focus + label { outline: 2px solid #007cba; outline-offset: 1px; } .disable_option .avatar__status label { display: inline-block; margin-left: 0.5rem; } .disable_option .disable__switchs { margin: 1rem 0; } .disable_option .dissable__switch__item { margin-bottom: 1rem; } .disable_option .dissable__switch__item input[type=checkbox]:focus + label .switch { outline: 2px solid #007cba; outline-offset: 2px; } .disable_option .button__success:focus { outline: 2px solid #007cba; outline-offset: 2px; box-shadow: 0 0 0 1px #007cba; } .disable_option .api-descriptions { margin-top: 1rem; } .disable_option .button__delete { background-color: #d63638; border-color: #d63638; color: #fff; } .disable_option .button__delete:focus { outline: 2px solid #d63638; outline-offset: 2px; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d63638; } .disable_option .delete-comments-not-found { display: flex; align-items: center; gap: 1rem; padding: 1rem; border-left: 4px solid #d63638; background: #fff; }