@charset "UTF-8";
.page-loader .page-loader-logo {
max-width: 50px;
}
.box {
--border-angle: 0deg;
border-radius: 12px;
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center; animation: border-angle-rotate 2s infinite linear;
border: 0.5rem solid transparent;
position: relative;
&.c {
border-radius: 100%;
background: radial-gradient(circle, #fff 60%, transparent 60%);
&:before,
&:after {
content: "";
display: block;
position: absolute;
inset: 4px;
border-radius: 100%;
animation: border-angle-rotate 4s infinite linear;
z-index: -1;
}
&:before {
inset: 0;
background: repeating-conic-gradient(
from var(--border-angle),
#8258C8,
#2C84C8 30deg,
oklch(100% 50% 190deg) calc(360deg / 6)
)
border-box;
}
&:after {
background: repeating-conic-gradient(
from calc(var(--border-angle) * -1),
oklch(100% 40% 50deg),
black 60deg
)
border-box;
}
}
}
@keyframes border-angle-rotate {
from {
--border-angle: 0deg;
}
to {
--border-angle: 360deg;
}
}
@property --border-angle {
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}  .elementor-widget-aiero_content_slider .aiero-button {
color: #FFFFFF;
border-color: #EF6464;
background-color: transparent !important;
border: #fff solid 1px !important;
}
.elementor-widget-aiero_content_slider .aiero-button:hover {
border: 1px solid transparent !important;
border-radius: 8px;
background-image: linear-gradient(#fff0, #fff0), linear-gradient(90deg, rgb(130, 88, 200), rgb(44, 132, 200)) !important;
background-origin: border-box;
background-clip: content-box, border-box;
}
.what-we-build-banner .aiero-button {
border: #000 solid 1px !important;
}  .header-icon.login-logout {display: none;}
.logo img {width: 120px !important;}
.header-icons-container .header-button-container .aiero-button {padding: 3px 0px;font-size: 16px;}
.sticky-header .logo img {width: 90px !important;}
.sticky-header .logo-container {margin: 10px 20px 10px 20px;width: 100%;}
.elementor-widget-aiero_content_slider .slider-item{background-color: linear-gradient(90deg,rgba(47, 120, 234, 0.5) 0%, rgb(163, 113, 181, 0.5) 100%) !important;}
#mega-menu-wrap-main #mega-menu-main > li.mega-menu-flyout ul.mega-sub-menu {
padding: 5px 20px;
border-radius: 10px;
}
#mega-menu-wrap-main #mega-menu-main>li.mega-menu-item>a.mega-menu-link{padding: 0 18px;} .home-slider .counter-column { display: none !important;} .banner-text-block {  margin-top: -240px !important; margin-left: auto; z-index: 99;  }
.banner-text-block-box {border-right: #fff solid 1px;padding-right: 20px;margin-right: 20px;width: auto !important;align-items: center;justify-content: center;width: 220px !important;}
.banner-text-block-box:last-child {border: 0;margin: 0;padding: 0;}
.banner-text-block-wrap .elementor-row{justify-content: flex-end !important;}
.banner-text-block h2, .banner-text-block h3{color: #fff !important;margin: 0;}
.banner-text-block h3{font-size: 18px; padding: 5px 0;}  .service-item-wrapper .service-slider-listing .service-item {padding: 0 0 30px 0 !important;}
.service-item .service-post-title {font-size: 16px !important;line-height: 1.7em !important;}
.service-item-wrapper .service-item-subtitle {font-size: 36px !important;bottom: 20px !important;}
.service-item-wrapper .service-item .service-item-content {padding: 30px 40px 0px 40px !important;}  .project-cards-listing .project-item-wrapper:nth-child(1) .project-item .project-item-media {
background: #4568DC; background: -webkit-linear-gradient(to right, #B06AB3, #4568DC); background: linear-gradient(to right, #B06AB3, #4568DC); }
.project-cards-listing .project-item-wrapper:nth-child(2) .project-item .project-item-media {
background: #45D0BD; background: -webkit-linear-gradient(to right, #45D0BD, #44B6E9); background: linear-gradient(to right, #45D0BD, #44B6E9); }
.project-cards-listing .project-item-wrapper:nth-child(3) .project-item .project-item-media {
background: #58AE9A; background: -webkit-linear-gradient(to right, #5FE8BC, #5FE8BC); background: linear-gradient(to right, #5FE8BC, #5FE8BC); }
.project-cards-listing .project-item-wrapper:nth-child(4) .project-item .project-item-media {
background: #ea6ef4; background: -webkit-linear-gradient(to right, #ea6ef4, #ea5d5d); background: linear-gradient(to right, #ea6ef4, #ea5d5d); }
.project-cards-listing .project-item-wrapper .project-item img{display: none !important;}
.aiero-service-listing-widget h2 { max-width: 100% !important;}  .white-color, .white-color h4{color: #fff !important;}
.header:not(.sticky-header)::before {border:0}
.header-row .header-icons-container {
margin: 0px 20px;
}
.gradient-text {
background: -webkit-linear-gradient(#2f78ea, #f2295b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.inner-banner .counter-column.aiero-content-wrapper-5 {
display: none !important;
}
.elementor-14084 .elementor-element.elementor-element-da96384 .elementor-repeater-item-7440171 .slide-content-column{background-color: linear-gradient(90deg,rgba(69, 208, 189, 1) 0%, rgba(68, 182, 233, 1) 100%) !important;}
.home .service-listing-wrapper.service-slider-listing .service-item-subtitle {
font-size: 26px !important;
} .page-id-1996 .page-title-container, .single-post .page-title-container{margin: 0;}
.page-id-1996 .page-title:before, .page-id-1996 .page-title:after, .single-post .page-title:before, .single-post .page-title:after{content: none;}
.page-id-1996 .page-title-container .page-title-bg, .single-post .page-title-container .page-title-bg, 
.archive .page-title-container .page-title-bg, .tag-blog .page-title-container .page-title-bg {
background-image: url(//zaptechgroup.com/wp-content/themes/aiero/img/blog-banner.jpg);
}
.page-id-1996 .content-wrapper, .single-post .content-wrapper {margin-top: 30px;}
.page-id-1996 .page-title-container .page-title-bg:before, .single-post .page-title-container .page-title-bg:before,
.archive .page-title-container .page-title-bg:before, .tag-blog .page-title-container .page-title-bg:before{
background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; border-radius: 25px;
}
.page-id-1996 .page-title-container, .single-post .page-title-container, .category .page-title-container {background: none;min-height: 380px; margin-top: 0;} .single-post .page-title-container .page-title-decoration-br, .single-post .breadcrumbs-wrapper, .single-post .page-title-container .page-title-decoration-tl,
.single-post .page-title-container.has-decoration .page-title-additional{display: none !important;}
.single-post .post-media-wrapper, .single-post .post-meta-header {display: none;}
.single-post .post-meta-footer:not(:first-child), .post-comments-wrapper:not(:first-child){display: none;} .single-post .post-title {margin: 20px 0 0 !important;}
.single-post .post-content {margin: 20px 0 0 !important;}
.single-post .post-content h3, .single-post .post-content h4 {margin: 40px 0 20px !important;font-size: 32px;}
.single-post .post-content h4 {margin: 40px 0 15px !important;font-size: 24px;}
.single-post .post-content p {margin: 0 0 20px;} .category .page-title-container .page-title-decoration-br, .category .breadcrumbs-wrapper, .category .page-title-container .page-title-decoration-tl,
.category .page-title-container.has-decoration .page-title-additional{display: none !important;}
.category .post-meta-footer:not(:first-child), .post-comments-wrapper:not(:first-child){display: none;}
.category .content-wrapper {
margin-top: 30px;
}
.category .top-page-wrapper .page-title { font-size: 0 !important;
}
.category .top-page-wrapper .page-title span {
font-size: 80px; }
.category .top-page-wrapper .page-title:before, .category .page-title:after{
content: none !important;
}  #counter-num, #counter-num2, #counter-num3, #counter-num4 {display: flex;justify-content: center;color: #fff;margin: 20px 0;}
#counter-num div, #counter-num2 div, #counter-num3 div, #counter-num4 div {display: inline-block;margin: 0 10px; text-align: center; font-size: 32px !important;}
#counter-num em, #counter-num2 em, #counter-num3 em, #counter-num4 em {font-size: 14px;text-transform: capitalize; font-size: 14px; font-style: normal;}
#counter-num span, #counter-num2 span, #counter-num3 span, #counter-num4 span {border:#fff solid 1px;border-radius: 100%; width:80px; display: flex; justify-content:center; align-items:center; height:80px;}
#counter-num2, #counter-num3 {
justify-content: flex-start;
}
.widget_categories ul, ul.wp-block-categories {
background: #f0f2f4;
padding: 10px 20px;
border-radius: 5px;
}  .who-we-work-block .icon-box-item {
padding: 0 30px;
}
.who-we-work-block .icon-box-item img{
border-radius: 100%;
} .footer-type-1 .footer-widgets > .widget:nth-child(3n+1) {width: 100%;padding: 0px 0 0; margin: 30px 0 0 !important;}
.footer-wrapper .wp-block-group-is-layout-constrained {display: flex;justify-content: space-between;width: 100%;}
.footer-wrapper {margin: 0;background: url(//zaptechgroup.com/wp-content/themes/aiero/img/footer-bg-min.png); background-position: center center;}
.footer {background: none;padding: 0 20px 20px;}
.footer-row {padding: 0 20px;max-width: 1420px;}
.footer-section {padding: 0 0 10px;}
.footer-section.footer-section-bottom .footer-columns-row {border-top: #ccc solid 1px;padding: 0;color: #333;font-size: 12px;padding: 10px 0 0;}
.footer-columns-row .footer-column a {text-decoration: underline;color: #333 !important;}
.footer-bg {display: none;}
.footer .footer-widgets {padding-top: 0;padding-bottom: 0;}
.footer-widget .wp-block-gallery:not(:last-child), .media_gallery:not(:last-child) {
margin: 0 0 10px !important;
}
.footer-widget .wp-block-gallery img {
width: 110px !important;
} #zapai-chat-container {
max-width: 360px !important;
bottom: 100px;
height: 100%;
max-height: calc(100% - 100px);
right: 0;
border-radius: 0;
}
.zapai-chat-body{max-height: 100%;}
.zapai-chat-header{border-radius: 0;}
.zapai-chat-header, #zapai-send-btn {
background-image: linear-gradient(#fff0, #fff0), linear-gradient(90deg, rgb(130, 88, 200), rgb(44, 132, 200)) !important;
}
.zapai-message.user-message p {
display: inline-block;
background: #007bff;
color: #fff;
padding: 6px 15px;
border-radius: 40px;
max-width: 70%;
font-size: 14px !important;
line-height: 18px !important;
text-align: left;
}
.zapai-message.agent-message p {
font-size: 14px !important;
border-radius: 7px;
line-height: 22px !important;
margin-top: 10px;
}
.zapai-btn{
background: rgb(130, 88, 200);
}
#zapai-mic-btn, #zapai-download-btn, #zapai-clear-btn  {
background: no-repeat;
color: #333;
display: flex;
flex-direction: column;
height: auto;
font-size: 12px;
}
#zapai-send-btn, #zapai-mic-btn, #zapai-stop-btn, #zapai-download-btn, #zapai-clear-btn {
height: auto !important;
}
.zapai-chat-header h3 {
margin: 0;
}
#zapai-toggle-btn {
bottom: 20px;
right: 40px;
}
@keyframes bounce {
0%, 100% {
transform: translateY(0); }
50% {
transform: translateY(-10px); }
}
#zapai-toggle-btn, #zapai-toggle-btn:hover {
background: #0056b3 url(//zaptechgroup.com/wp-content/themes/aiero/img/chat-icon.png);
font-size: 14px;
height: 48px;
object-fit: cover;
background-size: 24px auto;
background-repeat: no-repeat;
background-position: 14px 12px;
width: 120px;
border-radius: 5px;
padding-left: 35px;
animation: bounce 2s infinite;
}
.zapai-chat-footer {
background: #fff;
border: 0;
padding: 0;
position: relative; border-radius: 0 0 7px 7px;
}
.zapai-input-group {
padding: 0 10px 0 0;
}
#zapai-chat-input {
padding: 5px 20px;
border: 0;
overflow: hidden;
line-height: 18px;
font-size: 14px;
color: #333;
}
.zapai-input-group {
align-items: center;
padding: 5px 10px 0 0;
}
.zapai-controls {
justify-content: space-between;
width: 100%;
border-top: #ddd solid 1px;
padding: 0;
margin: 0;
}
.zapai-controls svg {
width: 16px;
height: 16px;
background: #eee;
border-radius: 100px;
padding: 3px;
margin: 0 0 3px;
}
#zapai-send-btn, #zapai-mic-btn, #zapai-stop-btn, #zapai-download-btn, #zapai-clear-btn {
font-size: 12px;
}
.zapai-controls button {
flex: 1;
}
#zapai-stop-btn:disabled, #zapai-download-btn:disabled {
background: none;
cursor: not-allowed;
opacity: 0.5;
}
#zapai-send-btn:hover, #zapai-mic-btn:hover, #zapai-stop-btn:hover, #zapai-download-btn:hover, #zapai-clear-btn:hover {
background: none;
}
#zapai-send-btn {
width: auto;
background: none !important;
padding: 0;
} 
#zapai-send-btn svg {
width: 16px;
height: 16px;
background: #007bff;
fill: #fff;
padding: 7px;
border-radius: 100%;
}
#zapai-chat-container.minimized {
width: auto;
height: auto;
overflow: visible;
padding: 0;
border: none;
} @media screen and (max-width: 1599px) {
#mega-menu-wrap-main #mega-menu-main>li.mega-menu-item>a.mega-menu-link {
padding: 0 10px !important;
}
.header-row .header-icons-container {
margin: 0 0px !important;
}
#mega-menu-wrap-main #mega-menu-main>li.mega-menu-item>a.mega-menu-link{padding: 0 15px;}
}
@media screen and (max-width:1599px){
#mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a.mega-menu-link {
padding: 0px 12px;
}
.header-icons-container .header-button-container .aiero-button{min-width: 120px;}
}
@media screen and (max-width:1364px){
.mobile-header-row .logo-container {width: 100%;margin: 40px 20px;}
.mobile-header .header-icons-container {margin: 0px 20px 5px 20px;}
.home-slider .aiero-heading .aiero-heading-content{font-size: 48px !important; padding-right: 30px;}
.home-slider .banner-text-block-wrap{padding-right: 30px;}
.banner-text-block-wrap .elementor-row {justify-content: flex-end !important;margin: 20px 0 0;}
}
@media screen and (max-width:1023px){
.home-slider .aiero-heading .aiero-heading-content { font-size: 32px !important; line-height: 1.5;}
.home-slider .slider-item .elementor-row{align-content: flex-start !important; padding-top: 70px;}
.home-slider .slide-content-column{padding: 0 !important;}
.home-slider .aiero-content-slider-widget .owl-carousel.owl-theme .aiero-button{padding: 15px 20px;}
.banner-text-block-wrap .elementor-row {justify-content: flex-end !important;margin: 30px 0 0 !important;}
.home-ecosystem-block{padding: 0 !important;}
.category .top-page-wrapper .page-title span {
font-size: 32px; }
}
@media screen and (max-width:991px){
.home-ai-infra-block{padding: 20px !important;}
.home-ecosystem-block {margin-top: 90px !important;}
.home-ai-infra-block .elementor-widget-container, .home-ai-infra-block .elementor-widget-wrap{margin: 0 !important;} .who-we-ai-ecosystem .elementor-section-boxed {padding: 25px !important;} .zapai-controls{flex-direction: row;}
#zapai-chat-container {max-width: 340px !important;right: 30px;}
}
@media screen and (max-width: 575px) {
.banner-text-block-wrap .elementor-row > div {width: 100% !important;margin: 0;padding: 0;border: 0;border-bottom: #fff solid 1px;margin: 0 20px;}
.home-slider .content-item {height: 920px !important;}
.banner-text-block-wrap .elementor-row { margin: -150px 0 0 !important;}
.home-ecosystem-block {margin-top: 30px !important;}
}

.ahm-content-end-marker {
all: initial;
display: block;
height: 0;
width: 100%;
}
.ahm-heatmap-container {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
font-family: Arial, sans-serif;
font-size: 30px;
font-weight: bold;
text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff;
color: #000;
background-color: rgba(0, 0, 0, 0.2);
overflow: hidden;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-user-select: none;
cursor: default;
pointer-events: none;
}
.ahm-heatmap-flow {
position: relative;
}
.ahm-heatmap-container .height-40px {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
width: 100%;
}
.ahm-heatmap-container .count-bar {
font-size: 12px;
position: absolute;
right: 0;
min-width: 48px;
height: 40px;
text-align: center;
line-height: 40px;
background: #ef96;
}
.ahm-nav .nav-tab-disabled {
opacity: 0.64;
pointer-events: none;
}
.ahm-nav .nav-tab {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.ahm-nav .nav-tab .dashicons {
position: relative;
top: 1px;
}
.ahm-nav .nav-tab-active,
.ahm-nav .nav-tab-active:hover,
.ahm-nav .nav-tab-active:focus {
background: #fff;
}
.ahm-footer {
font-weight: bold;
font-size: larger;
text-align: right;
color: #aaa;
text-shadow: 1px 1px 1px #fff;
}
#ahm-description {
border: 1px solid #ccc;
border-radius: 0.5em;
padding: 0.5em 1em 0;
margin: 0.5em 0;
width: 100%;
box-sizing: border-box;
}
#ahm-description legend {
font-weight: bold;
}
#ahm-description img {
max-width: 100%;
}
#ahm-description .outer {
width: 100%;
overflow: hidden;
}
#ahm-description .inner {
display: flex;
width: 300%;
flex-flow: row nowrap;
position: relative;
}
#ahm-description .description {
width: 100%;
}
#ahm-description.click-heatmap .inner {
left: 0;
}
#ahm-description.breakaway-heatmap .inner {
left: -100%;
}
#ahm-description.attention-heatmap .inner {
left: -200%;
}
#ahm-view-form .wp-list-table thead a .dashicons,
#ahm-view-form .wp-list-table tfoot a .dashicons {
position: relative;
top: 1px;
}
#ahm-view-form .wp-list-table .sorting-indicator {
display: inline-block;
}
#ahm-view-form .wp-list-table thead,
#ahm-view-form .wp-list-table tfoot {
white-space: nowrap;
}
#ahm-view-form .wp-list-table th.sortable:not(.column-page) a span,
#ahm-view-form .wp-list-table th.sorted:not(.column-page) a span {
float: unset;
}
#ahm-view-form .wp-list-table .column-page {
word-break: break-all;
}
#ahm-view-form .wp-list-table .click_pc,
#ahm-view-form .wp-list-table .breakaway_pc,
#ahm-view-form .wp-list-table .attention_pc,
#ahm-view-form .wp-list-table .click_mobile,
#ahm-view-form .wp-list-table .breakaway_mobile,
#ahm-view-form .wp-list-table .attention_mobile {
white-space: nowrap;
text-align: right;
}
#ahm-view-form .wp-list-table .ahm-cell {
display: inline-block;
width: 100%;
text-align: right;
font-variant-numeric: tabular-nums;
cursor: pointer;
white-space: nowrap;
-ms-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
#ahm-view-form .wp-list-table .ahm-cell-blank,
#ahm-unread-form .wp-list-table .ahm-cell-blank {
color: #ccc;
cursor: default;
-ms-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
display: inline-block;
text-align: center;
min-width: 57px;
}
#ahm-view-form .wp-list-table .ahm-cell:not(:hover):not(:active):not(:focus) {
color: #555;
}
#ahm-view-form .wp-list-table .ahm-cell .dashicons {
vertical-align: text-bottom;
position: relative;
top: 2px;
}
#ahm-view-form .wp-list-table .ahm-cell:not(:hover):not(:active):not(:focus) .dashicons {
visibility: hidden;
}
@media screen and (max-width: 782px) {
#ahm-view-form .ahm-footer {
visibility: hidden;
}
#ahm-view-form .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
padding-left: 50%;
}
#ahm-view-form .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
width: 50%;
line-height: 2;
}
#ahm-view-form .ahm-cell,
#ahm-view-form .ahm-cell-blank {
line-height: 2;
}
#ahm-description ~ .subsubsub {
display: none;
}
}
#ahm-unread-form .wp-list-table .pc,
#ahm-unread-form .wp-list-table .mobile {
white-space: nowrap;
min-width: calc(200px + 4.5em);
}
#ahm-unread-form .ahm-ratio {
line-height: 60px;
font-size: 150%;
width: 3em;
display: inline-block;
text-align: right;
}
#ahm-unread-form .ahm-ratio::after {
content: "%";
}
#ahm-unread-form .ahm-ratio.warning {
color: #f00;
}
#ahm-unread-form .ahm-ratio.normal,
#ahm-unread-form .ahm-ratio.na {
color: #ccc;
}
#ahm-unread-form .ahm-ratio.na::after {
visibility: hidden;
}
#ahm-unread-form .ahm-heatmap-databox {
display: none;
width: 192px;
padding-right: 6px;
margin-left: 2px;
text-align: right;
position: relative;
}
#ahm-unread-form tr.ahm-show-databox .ahm-heatmap-databox {
display: block;
}
#ahm-unread-form .ahm-heatmap-databox-column {
display: inline-block;
min-width: 64px;
}
#ahm-unread-form .ahm-heatmap-databox-column .dashicons-external {
visibility: hidden;
}
#ahm-unread-form .ahm-heatmap-databox-column:hover .dashicons-external {
visibility: visible;
}
.ahm-unread-legend {
display: inline-block;
width: 1.5em;
height: 1em;
border: 1px solid rgba(0, 0, 0, 40%);
}
#ahm-options-form .ahm-inline-block {
display: inline-block;
}
#ahm-options-form input[type="range"] {
float: left;
margin-right: 0.5em;
}
#ahm-options-form input[type="range"]:not(:disabled) {
cursor: pointer;
}
#ahm-options-form input[type="range"] + span {
display: inline-block;
}
#ahm-options-form .premium-options {
font-size: smaller;
font-weight: bold;
background: #800080;
color: #fff;
padding: 0.1em 0.3em;
border-radius: 0.2em;
}
#ahm-options-form th .dashicons-editor-help {
cursor: pointer;
opacity: 0.4;
}
#ahm-options-form th .ahm-tooltip:focus .dashicons-editor-help,
#ahm-options-form th .ahm-tooltip:hover .dashicons-editor-help {
opacity: 1;
}
#ahm-options-form th .ahm-tooltip > div {
display: none;
position: absolute;
z-index: 9999;
border-radius: 0.25em;
border: 2px solid rgba(0, 0, 0, 0.4);
background: rgba(255, 255, 255, 0.9375);
padding: 0.25em 1.5em;
font-weight: normal;
}
div.ahm-unread-list-page {
width: 100%;
border-radius: 0.3em;
}
div.ahm-unread-list-page-inner {
min-height: 60px;
}
div.ahm-pt {
display: flex;
flex-flow: row wrap;
text-align: center;
}
div.ahm-c2 {
width: 50%;
}
div.ahm-c6 {
width: 16.6666%;
}
div.ahm-unread-list-page-hover {
display: none;
position: absolute;
z-index: 9999;
border-radius: 0.25em;
border: 2px solid rgba(0, 0, 0, 0.4);
background: rgba(255, 255, 255, 0.9375);
padding: 0.25em 1.5em;
font-weight: normal;
cursor: auto;
}
@media not screen and (max-width: 782px) {
div.ahm-unread-list-page {
cursor: pointer;
}
div.ahm-unread-list-page:focus,
div.ahm-unread-list-page:hover {
background-color: rgba(127, 127, 127, 0.125);
box-shadow: 0 0 0 0.35em rgba(127, 127, 127, 0.125);
}
div.ahm-unread-list-page:focus {
outline: solid 0.1em rgba(127, 127, 127, 0.5);
outline-offset: 0.25em;
}
div.ahm-unread-list-page:focus div.ahm-unread-list-page-hover,
div.ahm-unread-list-page:hover div.ahm-unread-list-page-hover {
display: block;
}
div.ahm-c2,
div.ahm-c6 {
margin: 0.1em 0;
}
div.ahm-c2::after {
display: block;
content: "";
width: 95%;
height: 0.125em;
margin: 0 auto;
border-radius: 0.1em;
background: #ccc;
}
}
@media screen and (max-width: 782px) {
div.ahm-unread-list-page-inner {
min-height: unset;
}
.is-expanded div.ahm-unread-list-page-hover {
position: static;
display: block;
}
.is-expanded div.ahm-pt {
flex-flow: column wrap;
height: 9em;
}
.is-expanded div.ahm-c2 {
width: unset;
height: 4.5em;
line-height: 4.5;
}
.is-expanded div.ahm-c2::after {
content: "";
display: inline-block;
float: right;
width: 0.15em;
height: 3.7em;
margin: 0.4em 0;
border-radius: 0.1em;
background: #ccc;
}
.is-expanded div.ahm-c6 {
width: unset;
height: 1.5em;
}
}
#ahm-options-form input[type="radio"] + label > div {
padding-left: 20px;
}
#ahm-options-form th .ahm-tooltip:focus > div,
#ahm-options-form th .ahm-tooltip:hover > div {
display: block;
}
#ahm-options-form input[type="radio"]:checked + span,
#ahm-options-form input[type="radio"]:checked + label > span:first-child {
font-weight: bold;
}
#ahm-options-form input[type="text"] {
display: block;
width: 100%;
}
#ahm-vs {
border-collapse: collapse;
table-layout: fixed;
}
#ahm-vs td {
text-align: center;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
#ahm-vs th {
text-align: center;
font-weight: bold;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
#ahm-vs tbody th {
text-align: left;
}
#ahm-vs th:first-child {
width: 18em;
}
#ahm-vs td:first-child,
#ahm-vs th:first-child {
border-left: none;
}
#ahm-vs td:last-child,
#ahm-vs th:last-child {
border-right: none;
}
#ahm-vs .dashicons-no-alt {
color: #aaa;
}
#ahm-vs .current .dashicons-yes-alt {
color: #36f;
}
#ahm-vs .current .dashicons-no-alt {
color: #f00;
}
#ahm-vs .ib {
display: inline-block;
}