File manager

File manager - Edit - /home/kridsana/webapp.cm.in.th/673190902/u67319090033/portfolio/assets/mobirise/css/mbr-additional.css

Back
.btn { border-width: 2px; } img, .card-wrap, .card-wrapper, .video-wrapper, .mbr-figure iframe, .google-map iframe, .slide-content, .plan, .card, .item-wrapper { border-radius: 2rem !important; } .video-wrapper { overflow: hidden; } body { background-color: #fff0e6; } body { font-family: Source Serif 4; } .display-1 { font-family: 'Source Serif 4', sans-serif; font-size: 5rem; line-height: 1; } .display-1 > .mbr-iconfont { font-size: 6.25rem; } .display-2 { font-family: 'Source Serif 4', sans-serif; font-size: 4rem; line-height: 1; } .display-2 > .mbr-iconfont { font-size: 5rem; } .display-4 { font-family: 'Source Serif 4', sans-serif; font-size: 1.2rem; line-height: 1.5; } .display-4 > .mbr-iconfont { font-size: 1.5rem; } .display-5 { font-family: 'Source Serif 4', sans-serif; font-size: 2.5rem; line-height: 1.5; } .display-5 > .mbr-iconfont { font-size: 3.125rem; } .display-7 { font-family: 'Source Serif 4', sans-serif; font-size: 1.4rem; line-height: 1.3; } .display-7 > .mbr-iconfont { font-size: 1.75rem; } /* ---- Fluid typography for mobile devices ---- / / 1.4 - font scale ratio ( bootstrap == 1.42857 ) / / 100vw - current viewport width / / (48 - 20) 48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) / / 0.65 - min scale variable, may vary / @media (max-width: 992px) { .display-1 { font-size: 4rem; } } @media (max-width: 768px) { .display-1 { font-size: 3.5rem; font-size: calc( 2.4rem + (5 - 2.4) ((100vw - 20rem) / (48 - 20))); line-height: calc( 1.1 * (2.4rem + (5 - 2.4) * ((100vw - 20rem) / (48 - 20)))); } .display-2 { font-size: 3.2rem; font-size: calc( 2.05rem + (4 - 2.05) * ((100vw - 20rem) / (48 - 20))); line-height: calc( 1.3 * (2.05rem + (4 - 2.05) * ((100vw - 20rem) / (48 - 20)))); } .display-4 { font-size: 0.96rem; font-size: calc( 1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20))); line-height: calc( 1.4 * (1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20)))); } .display-5 { font-size: 2rem; font-size: calc( 1.525rem + (2.5 - 1.525) * ((100vw - 20rem) / (48 - 20))); line-height: calc( 1.4 * (1.525rem + (2.5 - 1.525) * ((100vw - 20rem) / (48 - 20)))); } .display-7 { font-size: 1.12rem; font-size: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20))); line-height: calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20)))); } } @media (min-width: 992px) and (max-width: 1400px) { .display-1 { font-size: 3.5rem; font-size: calc( 2.4rem + (5 - 2.4) * ((100vw - 62rem) / (87 - 62))); line-height: calc( 1.1 * (2.4rem + (5 - 2.4) * ((100vw - 62rem) / (87 - 62)))); } .display-2 { font-size: 3.2rem; font-size: calc( 2.05rem + (4 - 2.05) * ((100vw - 62rem) / (87 - 62))); line-height: calc( 1.3 * (2.05rem + (4 - 2.05) * ((100vw - 62rem) / (87 - 62)))); } .display-4 { font-size: 0.96rem; font-size: calc( 1.07rem + (1.2 - 1.07) * ((100vw - 62rem) / (87 - 62))); line-height: calc( 1.4 * (1.07rem + (1.2 - 1.07) * ((100vw - 62rem) / (87 - 62)))); } .display-5 { font-size: 2rem; font-size: calc( 1.525rem + (2.5 - 1.525) * ((100vw - 62rem) / (87 - 62))); line-height: calc( 1.4 * (1.525rem + (2.5 - 1.525) * ((100vw - 62rem) / (87 - 62)))); } .display-7 { font-size: 1.12rem; font-size: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 62rem) / (87 - 62))); line-height: calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 62rem) / (87 - 62)))); } } /* Buttons / .btn { padding: 1.25rem 2rem; border-radius: 4px; } @media (max-width: 767px) { .btn { padding: 0.75rem 1.5rem; } } .btn-sm { padding: 0.6rem 1.2rem; border-radius: 4px; } .btn-md { padding: 0.6rem 1.2rem; border-radius: 4px; } .btn-lg { padding: 1.25rem 2rem; border-radius: 4px; } .bg-primary { background-color: #023e8a !important; } .bg-success { background-color: #20ac6b !important; } .bg-info { background-color: #0aa3c2 !important; } .bg-warning { background-color: #cc9900 !important; } .bg-danger { background-color: #ae1e2c !important; } .btn-primary, .btn-primary:active { background-color: #023e8a !important; border-color: #023e8a !important; color: #ffffff !important; box-shadow: none; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary.active { color: inherit; background-color: #0355bc !important; border-color: #0355bc !important; box-shadow: none; } .btn-primary.disabled, .btn-primary:disabled { color: #ffffff !important; background-color: #0355bc !important; border-color: #0355bc !important; } .btn-secondary, .btn-secondary:active { background-color: #f4a340 !important; border-color: #f4a340 !important; color: #ffffff !important; box-shadow: none; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary.active { color: inherit; background-color: #f7ba70 !important; border-color: #f7ba70 !important; box-shadow: none; } .btn-secondary.disabled, .btn-secondary:disabled { color: #ffffff !important; background-color: #f7ba70 !important; border-color: #f7ba70 !important; } .btn-info, .btn-info:active { background-color: #0aa3c2 !important; border-color: #0aa3c2 !important; color: #ffffff !important; box-shadow: none; } .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info.active { color: inherit; background-color: #0dccf3 !important; border-color: #0dccf3 !important; box-shadow: none; } .btn-info.disabled, .btn-info:disabled { color: #ffffff !important; background-color: #0dccf3 !important; border-color: #0dccf3 !important; } .btn-success, .btn-success:active { background-color: #20ac6b !important; border-color: #20ac6b !important; color: #ffffff !important; box-shadow: none; } .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success.active { color: inherit; background-color: #28d786 !important; border-color: #28d786 !important; box-shadow: none; } .btn-success.disabled, .btn-success:disabled { color: #ffffff !important; background-color: #28d786 !important; border-color: #28d786 !important; } .btn-warning, .btn-warning:active { background-color: #cc9900 !important; border-color: #cc9900 !important; color: #ffffff !important; box-shadow: none; } .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning.active { color: inherit; background-color: #ffbf00 !important; border-color: #ffbf00 !important; box-shadow: none; } .btn-warning.disabled, .btn-warning:disabled { color: #ffffff !important; background-color: #ffbf00 !important; border-color: #ffbf00 !important; } .btn-danger, .btn-danger:active { background-color: #ae1e2c !important; border-color: #ae1e2c !important; color: #ffffff !important; box-shadow: none; } .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger.active { color: inherit; background-color: #da2637 !important; border-color: #da2637 !important; box-shadow: none; } .btn-danger.disabled, .btn-danger:disabled { color: #ffffff !important; background-color: #da2637 !important; border-color: #da2637 !important; } .btn-white, .btn-white:active { background-color: #eff0ec !important; border-color: #eff0ec !important; color: #757b62 !important; box-shadow: none; } .btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white.active { color: inherit; background-color: #ffffff !important; border-color: #ffffff !important; box-shadow: none; } .btn-white.disabled, .btn-white:disabled { color: #757b62 !important; background-color: #ffffff !important; border-color: #ffffff !important; } .btn-black, .btn-black:active { background-color: #232323 !important; border-color: #232323 !important; color: #ffffff !important; box-shadow: none; } .btn-black:hover, .btn-black:focus, .btn-black.focus, .btn-black.active { color: inherit; background-color: #3d3d3d !important; border-color: #3d3d3d !important; box-shadow: none; } .btn-black.disabled, .btn-black:disabled { color: #ffffff !important; background-color: #3d3d3d !important; border-color: #3d3d3d !important; } .btn-primary-outline, .btn-primary-outline:active { background-color: transparent !important; border-color: #023e8a; color: #023e8a; } .btn-primary-outline:hover, .btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline.active { color: #011835 !important; background-color: transparent !important; border-color: #011835 !important; box-shadow: none !important; } .btn-primary-outline.disabled, .btn-primary-outline:disabled { color: #ffffff !important; background-color: #023e8a !important; border-color: #023e8a !important; } .btn-secondary-outline, .btn-secondary-outline:active { background-color: transparent !important; border-color: #f4a340; color: #f4a340; } .btn-secondary-outline:hover, .btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline.active { color: #d1790c !important; background-color: transparent !important; border-color: #d1790c !important; box-shadow: none !important; } .btn-secondary-outline.disabled, .btn-secondary-outline:disabled { color: #ffffff !important; background-color: #f4a340 !important; border-color: #f4a340 !important; } .btn-info-outline, .btn-info-outline:active { background-color: transparent !important; border-color: #0aa3c2; color: #0aa3c2; } .btn-info-outline:hover, .btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline.active { color: #065e70 !important; background-color: transparent !important; border-color: #065e70 !important; box-shadow: none !important; } .btn-info-outline.disabled, .btn-info-outline:disabled { color: #ffffff !important; background-color: #0aa3c2 !important; border-color: #0aa3c2 !important; } .btn-success-outline, .btn-success-outline:active { background-color: transparent !important; border-color: #20ac6b; color: #20ac6b; } .btn-success-outline:hover, .btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline.active { color: #12633e !important; background-color: transparent !important; border-color: #12633e !important; box-shadow: none !important; } .btn-success-outline.disabled, .btn-success-outline:disabled { color: #ffffff !important; background-color: #20ac6b !important; border-color: #20ac6b !important; } .btn-warning-outline, .btn-warning-outline:active { background-color: transparent !important; border-color: #cc9900; color: #cc9900; } .btn-warning-outline:hover, .btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline.active { color: #755800 !important; background-color: transparent !important; border-color: #755800 !important; box-shadow: none !important; } .btn-warning-outline.disabled, .btn-warning-outline:disabled { color: #ffffff !important; background-color: #cc9900 !important; border-color: #cc9900 !important; } .btn-danger-outline, .btn-danger-outline:active { background-color: transparent !important; border-color: #ae1e2c; color: #ae1e2c; } .btn-danger-outline:hover, .btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline.active { color: #641119 !important; background-color: transparent !important; border-color: #641119 !important; box-shadow: none !important; } .btn-danger-outline.disabled, .btn-danger-outline:disabled { color: #ffffff !important; background-color: #ae1e2c !important; border-color: #ae1e2c !important; } .btn-black-outline, .btn-black-outline:active { background-color: transparent !important; border-color: #232323; color: #232323; } .btn-black-outline:hover, .btn-black-outline:focus, .btn-black-outline.focus, .btn-black-outline.active { color: #000000 !important; background-color: transparent !important; border-color: #000000 !important; box-shadow: none !important; } .btn-black-outline.disabled, .btn-black-outline:disabled { color: #ffffff !important; background-color: #232323 !important; border-color: #232323 !important; } .btn-white-outline, .btn-white-outline:active { background-color: transparent !important; border-color: #fafafa; color: #fafafa; } .btn-white-outline:hover, .btn-white-outline:focus, .btn-white-outline.focus, .btn-white-outline.active { color: #cfcfcf !important; background-color: transparent !important; border-color: #cfcfcf !important; box-shadow: none !important; } .btn-white-outline.disabled, .btn-white-outline:disabled { color: #7a7a7a !important; background-color: #fafafa !important; border-color: #fafafa !important; } .text-primary { color: #023e8a !important; } .text-secondary { color: #f4a340 !important; } .text-success { color: #20ac6b !important; } .text-info { color: #0aa3c2 !important; } .text-warning { color: #cc9900 !important; } .text-danger { color: #ae1e2c !important; } .text-white { color: #fafafa !important; } .text-black { color: #232323 !important; } a.text-primary:hover, a.text-primary:focus, a.text-primary.active { color: #011125 !important; } a.text-secondary:hover, a.text-secondary:focus, a.text-secondary.active { color: #c3700b !important; } a.text-success:hover, a.text-success:focus, a.text-success.active { color: #105636 !important; } a.text-info:hover, a.text-info:focus, a.text-info.active { color: #055161 !important; } a.text-warning:hover, a.text-warning:focus, a.text-warning.active { color: #664d00 !important; } a.text-danger:hover, a.text-danger:focus, a.text-danger.active { color: #570f16 !important; } a.text-white:hover, a.text-white:focus, a.text-white.active { color: #c7c7c7 !important; } a.text-black:hover, a.text-black:focus, a.text-black.active { color: #000000 !important; } a[class="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) { position: relative; background-image: transparent; background-size: 10000px 2px; background-repeat: no-repeat; background-position: 0px 1.2em; background-position: -10000px 1.2em; } a[class="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption):hover { transition: background-position 2s ease-in-out; background-image: linear-gradient(currentColor 50%, currentColor 50%); background-position: 0px 1.2em; } .nav-tabs .nav-link.active { color: #023e8a; } .nav-tabs .nav-link:not(.active) { color: #232323; } .alert-success { background-color: #70c770; } .alert-info { background-color: #0aa3c2; } .alert-warning { background-color: #cc9900; } .alert-danger { background-color: #ae1e2c; } .mbr-section-btn .btn:not(.btn-form) { border-radius: 100px; } .mbr-gallery-filter li a { border-radius: 100px !important; } .mbr-gallery-filter li.active .btn { background-color: #023e8a; border-color: #023e8a; color: #ffffff; } .mbr-gallery-filter li.active .btn:focus { box-shadow: none; } .nav-tabs .nav-link { border-radius: 100px !important; } a, a:hover { color: #023e8a; } .mbr-plan-header.bg-primary .mbr-plan-subtitle, .mbr-plan-header.bg-primary .mbr-plan-price-desc { color: #1078fc; } .mbr-plan-header.bg-success .mbr-plan-subtitle, .mbr-plan-header.bg-success .mbr-plan-price-desc { color: #68e3aa; } .mbr-plan-header.bg-info .mbr-plan-subtitle, .mbr-plan-header.bg-info .mbr-plan-price-desc { color: #55dbf6; } .mbr-plan-header.bg-warning .mbr-plan-subtitle, .mbr-plan-header.bg-warning .mbr-plan-price-desc { color: #ffe599; } .mbr-plan-header.bg-danger .mbr-plan-subtitle, .mbr-plan-header.bg-danger .mbr-plan-price-desc { color: #e56773; } / Scroll to top button/ .scrollToTop_wraper { display: none; } .form-control { font-family: 'Source Serif 4', sans-serif; font-size: 1.4rem; line-height: 1.3; font-weight: 400; border-radius: 40px !important; } .form-control > .mbr-iconfont { font-size: 1.75rem; } .form-control:hover, .form-control:focus { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px; border-color: #023e8a !important; } .form-control:-webkit-input-placeholder { font-family: 'Source Serif 4', sans-serif; font-size: 1.4rem; line-height: 1.3; font-weight: 400; } .form-control:-webkit-input-placeholder > .mbr-iconfont { font-size: 1.75rem; } blockquote { border-color: #023e8a; } / Forms */ .mbr-form .input-group-btn .btn { border-radius: 100px !important; } .mbr-form .input-group-btn .btn:hover { box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); } .mbr-form .input-group-btn button[type="submit"] { border-radius: 100px !important; padding: 1rem 3rem; } .mbr-form .input-group-btn button[type="submit"]:hover { box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); } .jq-selectbox li:hover, .jq-selectbox li.selected { background-color: #023e8a; color: #ffffff; } .jq-number__spin { transition: 0.25s ease; } .jq-number__spin:hover { border-color: #023e8a; } .jq-selectbox .jq-selectbox__trigger-arrow, .jq-number__spin.minus:after, .jq-number__spin.plus:after { transition: 0.4s; border-top-color: #232323; border-bottom-color: #232323; } .jq-selectbox:hover .jq-selectbox__trigger-arrow, .jq-number__spin.minus:hover:after, .jq-number__spin.plus:hover:after { border-top-color: #023e8a; border-bottom-color: #023e8a; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { color: #ffffff !important; background-color: #023e8a !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #000000 !important; background: #f4a340 !important; box-shadow: none !important; } .lazy-bg { background-image: none !important; } .lazy-placeholder:not(section), .lazy-none { display: block; position: relative; padding-bottom: 56.25%; width: 100%; height: auto; } iframe.lazy-placeholder, .lazy-placeholder:after { content: ''; position: absolute; width: 200px; height: 200px; background: transparent no-repeat center; background-size: contain; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke='%23023e8a' %3e%3cg fill='none' fill-rule='evenodd'%3e%3cg transform='translate(16 16)' stroke-width='2'%3e%3ccircle stroke-opacity='.5' cx='16' cy='16' r='16'/%3e%3cpath d='M32 16c0-9.94-8.06-16-16-16'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); } section.lazy-placeholder:after { opacity: 0.5; } body { overflow-x: hidden; } a { transition: color 0.6s; } @media (max-width: 1400px) { .container { max-width: 100%; } } @media (max-width: 1400px) and (min-width: 768px) { .container { padding-left: 32px; padding-right: 32px; } } @media (max-width: 1400px) and (min-width: 768px) { .container-fluid { padding-left: 32px; padding-right: 32px; } } @media (max-width: 767px) { .container-fluid { padding-left: 16px; padding-right: 16px; } } .cid-udqk1bWcTk { display: flex; background-image: url("https://r.mobirisesite.com/457736/assets/images/gbeb7f2b174afea6b6f6ce52a1644-h_lwgkk2qc.png"); } .cid-udqk1bWcTk .mbr-overlay { background-color: #f92c50; opacity: 0.5; } .cid-udqk1bWcTk .mbr-fallback-image.disabled { display: none; } .cid-udqk1bWcTk .mbr-fallback-image { display: block; background-size: cover; background-position: center center; width: 100%; height: 100%; position: absolute; top: 0; } .cid-udqk1bWcTk .content-wrap { padding: 5rem 1rem; } @media (min-width: 992px) { .cid-udqk1bWcTk .content-wrap { padding: 5rem 3rem; } } @media (min-width: 768px) { .cid-udqk1bWcTk { align-items: center; } .cid-udqk1bWcTk .row { justify-content: center; } } @media (max-width: 991px) and (min-width: 768px) { .cid-udqk1bWcTk .content-wrap { min-width: 50%; } } @media (max-width: 767px) { .cid-udqk1bWcTk { -webkit-align-items: center; align-items: center; } .cid-udqk1bWcTk .mbr-row { -webkit-justify-content: center; justify-content: center; } .cid-udqk1bWcTk .content-wrap { width: 100%; } } .cid-udqk1bWcTk .mbr-section-title { text-align: center; color: #edefeb; } .cid-udqk1bWcTk .mbr-text, .cid-udqk1bWcTk .mbr-section-btn { text-align: center; } .cid-udExkzCtot { padding-top: 6rem; padding-bottom: 6rem; background-image: url("../../../assets/images/background1.jpg"); } .cid-udExkzCtot .mbr-fallback-image.disabled { display: none; } .cid-udExkzCtot .mbr-fallback-image { display: block; background-size: cover; background-position: center center; width: 100%; height: 100%; position: absolute; top: 0; } .cid-udExkzCtot .row { flex-direction: row-reverse; } .cid-udExkzCtot .mbr-description { text-align: left; } .cid-udExkzCtot .item-wrapper { background: #ffffff; margin-bottom: 2rem; padding: 2.25rem; } @media (max-width: 767px) { .cid-udExkzCtot .item-wrapper { padding: 2rem 1.5rem; margin-bottom: 1rem; } } @media (min-width: 992px) and (max-width: 1200px) { .cid-udExkzCtot .item-wrapper { padding: 2rem 1.5rem; margin-bottom: 2rem; } } .cid-udExkzCtot .card-title, .cid-udExkzCtot .iconfont-wrapper { color: #000000; } .cid-udExkzCtot .card-text { color: #000000; } .cid-udExkzCtot .mbr-section-title { color: #000000; text-align: center; } .cid-udExkzCtot .mbr-number { color: #9fe870; } .cid-udExkzCtot .mbr-text, .cid-udExkzCtot .mbr-section-btn { text-align: center; } .cid-udExkzCtot .card-text, .cid-udExkzCtot .item .mbr-section-btn { text-align: left; } .cid-udExkzCtot .image-wrapper { margin-bottom: 2rem; } @media (max-width: 767px) { .cid-udExkzCtot .image-wrapper { margin-bottom: 1rem; } } .cid-udEHLOjW1v { padding-top: 6rem; padding-bottom: 6rem; background: #ffffff; } .cid-udEHLOjW1v .mbr-fallback-image.disabled { display: none; } .cid-udEHLOjW1v .mbr-fallback-image { display: block; background-size: cover; background-position: center center; width: 100%; height: 100%; position: absolute; top: 0; } .cid-udEHLOjW1v .google-map { height: 30rem; position: relative; border-radius: 2rem; } .cid-udEHLOjW1v .google-map iframe { height: 100%; width: 100%; border-radius: 2rem; } .cid-udEHLOjW1v .google-map [data-state-details] { color: #6b6763; height: 1.5em; margin-top: -0.75em; padding-left: 1.25rem; padding-right: 1.25rem; position: absolute; text-align: center; top: 50%; width: 100%; } .cid-udEHLOjW1v .google-map[data-state] { background: #e9e5dc; } .cid-udEHLOjW1v .google-map[data-state="loading"] [data-state-details] { display: none; } .cid-udEHLOjW1v .content-head { max-width: 800px; } .cid-udEWWkA1Iq { padding-top: 6rem; padding-bottom: 6rem; background-color: #ffffff; } .cid-udEWWkA1Iq .social-row { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .cid-udEWWkA1Iq .social-row .soc-item { margin: 8px; } .cid-udEWWkA1Iq .social-row .soc-item a:hover .mbr-iconfont, .cid-udEWWkA1Iq .social-row .soc-item a:focus .mbr-iconfont { background-color: #f7f7f7; } .cid-udEWWkA1Iq .social-row .soc-item a .mbr-iconfont { width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 32px; background-color: #f7f7f7; color: #393193; transition: all 0.3s ease-in-out; } .cid-udEWWkA1Iq .row-links { width: 100%; justify-content: center; } .cid-udEWWkA1Iq .mbr-section-title { color: #ffffff; } .cid-udEWWkA1Iq .mbr-section-title, .cid-udEWWkA1Iq .social-list { color: #000000; }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.41 | proxy | phpinfo | Settings