.chat-notification-badge {
animation: notification-pulse 2s infinite;
box-shadow: 0 0 0 rgba(255, 68, 68, 0.4);
transition: all 0.3s ease;
}
@keyframes notification-pulse {
0% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(255, 68, 68, 0.4);
}
70% {
transform: scale(1.1);
box-shadow: 0 0 0 10px rgba(255, 68, 68, 0);
}
100% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(255, 68, 68, 0);
}
} .email-blocker {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 12px;
padding: 30px 20px;
max-width: 100%;
margin: auto;
text-align: center;
animation: fadeIn 0.5s ease-in-out;
}
.email-blocker-header {
margin-bottom: 20px;
}
.email-blocker-logo {
max-width: 80px;
margin-bottom: 10px;
}
.email-blocker h2 {
font-size: 24px;
font-weight: bold;
color: #333333;
margin-bottom: 10px;
}
.email-blocker p {
font-size: 16px;
color: #555555;
margin-bottom: 20px;
}
.email-blocker input[type="email"],
.email-blocker .mxchat-name-input {
width: 100%;
padding: 12px;
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 8px;
font-size: 16px;
color: #333333;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: border-color 0.3s, box-shadow 0.3s;
}
.email-blocker input[type="email"]:focus,
.email-blocker .mxchat-name-input:focus {
border-color: #0073aa;
box-shadow: 0 0 8px rgba(0, 115, 170, 0.3);
outline: none;
}
.email-blocker button {
background-color: #0073aa;
color: #ffffff;
padding: 12px 20px;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
width: 100%;
transition: background-color 0.3s, transform 0.2s;
}
.email-blocker button:hover {
background-color: #005177;
transform: translateY(-2px);
}
.email-blocker-footer {
margin-top: 20px;
font-size: 12px;
color: #888888;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.mxchat-chatbot-wrapper {
display: none;
} .chatbot-title-icon {
width: 24px;
height: 24px;
object-fit: contain;
}
.wp-admin .mxchat-search-results,
.wp-content .mxchat-search-results,
.site-content .mxchat-search-results,
.mxchat-search-results {
display: flex;
flex-direction: column;
gap: 20px;
margin: 15px 0;
font-size: 14px !important;
}
.mxchat-search-intro {
font-size: 16px !important;
margin: 0 0 15px 0 !important;
line-height: 1.4 !important;
font-weight: normal !important;
}
.mxchat-search-item {
padding: 15px !important;
border-radius: 8px !important;
background: #ffffff !important;
border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.mxchat-search-header {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin-bottom: 8px !important;
}
.mxchat-site-icon {
width: 16px !important;
height: 16px !important;
flex-shrink: 0 !important;
}
.mxchat-site-url {
font-size: 13px !important;
color: #555 !important;
line-height: 1 !important;
}
.mxchat-search-content {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
}
.mxchat-search-title {
font-size: 16px !important;
line-height: 1.4 !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 600 !important;
}
.mxchat-search-title a {
text-decoration: none !important;
color: #000 !important;
}
.mxchat-search-title a:hover {
text-decoration: underline !important;
}
.mxchat-search-thumbnail {
max-width: 200px !important;
margin: 10px 0 !important;
}
.mxchat-search-thumbnail img {
max-width: 100% !important;
height: auto !important;
border-radius: 4px !important;
}
.mxchat-search-description {
font-size: 14px !important;
line-height: 1.6 !important;
color: #333 !important;
margin: 0 !important;
padding: 0 !important;
} .bot-message .chat-heading {
color: inherit;
margin: 16px 0 12px 0 !important;
font-weight: bold !important;
line-height: 1.3 !important;
}
.bot-message h1.chat-heading,
.chat-heading-1 {
font-size: 1.5em !important;
border-bottom: 2px solid rgba(255, 255, 255, 0.3) !important;
padding-bottom: 8px !important;
}
.bot-message h2.chat-heading,
.chat-heading-2 {
font-size: 1.25em !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
padding-bottom: 6px !important;
}
.bot-message h3.chat-heading,
.chat-heading-3 {
font-size: 1.125em !important;
}
.bot-message h4.chat-heading,
.chat-heading-4 {
font-size: 1em !important;
}
.bot-message h5.chat-heading,
.chat-heading-5 {
font-size: 0.875em !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
.bot-message h6.chat-heading,
.chat-heading-6 {
font-size: 0.75em !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
.bot-message strong {
font-weight: bold !important;
}
.bot-message em {
font-style: italic !important;
}
.bot-message del {
text-decoration: line-through !important;
opacity: 0.7;
} .mxchat-table-wrapper {
overflow-x: auto;
margin: 12px 0;
-webkit-overflow-scrolling: touch;
}
.mxchat-table {
width: 100%;
border-collapse: collapse;
font-size: 0.9em;
line-height: 1.4;
}
.mxchat-table th,
.mxchat-table td {
padding: 8px 12px;
border: 1px solid rgba(128, 128, 128, 0.3);
word-break: break-word;
}
.mxchat-table thead th {
font-weight: 600;
background: rgba(128, 128, 128, 0.15);
}
.mxchat-table tbody tr:nth-child(even) {
background: rgba(128, 128, 128, 0.05);
}
.mxchat-code-block-container {
margin: 16px 0;
border-radius: 8px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
overflow: hidden;
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Courier New', monospace;
}
.mxchat-code-header {
display: flex;
justify-content: space-between;
align-items: center;
background: rgba(255, 255, 255, 0.15);
padding: 8px 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
font-size: 11px;
min-height: 36px;
}
.mxchat-code-language {
color: rgba(255, 255, 255, 0.8);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 10px;
}
.mxchat-copy-button {
background: rgba(255, 255, 255, 0.2);
color: white;
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 4px 8px;
border-radius: 4px;
font-size: 10px;
cursor: pointer;
transition: all 0.2s ease;
min-height: 24px;
line-height: 1;
}
.mxchat-copy-button:hover {
background: rgba(255, 255, 255, 0.3);
border-color: rgba(255, 255, 255, 0.4);
}
.mxchat-copy-button:active {
background: rgba(255, 255, 255, 0.4);
}
.mxchat-code-block {
margin: 0;
padding: 16px;
background: rgba(0, 0, 0, 0.3);
overflow-x: auto;
font-size: 13px;
line-height: 1.4;
white-space: pre;
border: none;
}
.mxchat-code-block code {
font-family: inherit;
font-size: inherit;
background: none !important;
padding: 0 !important;
border: none !important;
color: rgba(255, 255, 255, 0.95) !important;
display: block;
}
.mxchat-inline-code {
background: rgba(255, 255, 255, 0.2) !important;
padding: 2px 6px !important;
border-radius: 3px !important;
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Courier New', monospace !important;
font-size: 0.85em !important;
color: #81c784 !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
} .active-pdf-container,
.active-word-container {
display: inline-flex;
align-items: center;
max-width: 200px;
margin: 0;
padding: 0;
line-height: 13px;
}
.active-pdf-name,
.active-word-name {
font-size: 11px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.remove-pdf-btn,
.remove-word-btn,
.toolbar-perplexity {
background: none;
border: none;
padding: 2px;
margin-left: 4px;
cursor: pointer;
transition: opacity 0.2s;
line-height: 13px;
}
.remove-pdf-btn:hover,
.remove-word-btn:hover,
.toolbar-perplexity:hover {
opacity: 1;
background: none;
}
.mxchat-chatbot .chat-toolbar {
display: flex;
gap: 10px;
padding: 8px;
background: none;
align-items: end;
}
.mxchat-chatbot .toolbar-btn {
background: none;
border: none;
padding: 0;
cursor: pointer;
width: 16px;
height: 16px;
align-items: center;
justify-content: center;
opacity: 0.6;
transition: opacity 0.2s;
margin: 0;
min-width: 0;
box-shadow: none;
}
.mxchat-chatbot .toolbar-btn svg {
width: 100%;
height: 100%;
}
.mxchat-chatbot .toolbar-btn:hover {
opacity: 1;
background: none;
border: none;
box-shadow: none;
}
.mxchat-chatbot .toolbar-btn:disabled {
opacity: 0.3;
cursor: not-allowed;
background: none;
border: none;
}
.toolbar-btn.active {
background-color: rgba(120, 115, 245, 0.2);
box-shadow: 0 0 0 2px rgba(120, 115, 245, 0.4);
}
.active-perplexity-container {
display: flex;
align-items: center;
margin-left: 8px;
font-size: 12px;
}
.perplexity-search-btn {
display: none;
}
.perplexity-search-btn.active {
opacity: 1;
} .mxchat-popular-questions {
padding: 0 10px 10px;
transition: all 0.3s ease;
margin-bottom: 12px;
position: relative;
}
.mxchat-popular-questions-title {
font-size: 14px;
line-height: 24px;
font-weight: bold;
color: #212121;
margin-bottom: 10px;
}
.mxchat-popular-questions-container {
position: relative;
display: flex;
flex-direction: column;
max-height: 200px;
overflow-y: auto;
padding: 0 10px 10px;
scrollbar-width: thin;
scrollbar-color: #212121 #f1f1f1;
transition: all 0.3s ease;
gap: 8px;
}
.mxchat-popular-questions.collapsed {
padding: 0;
margin: 0;
}
.mxchat-popular-questions.collapsed .mxchat-popular-questions-container {
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0;
max-height: 40px;
overflow: visible;
}
.mxchat-popular-questions.collapsed .mxchat-popular-question {
display: none;
}
.mxchat-popular-questions.collapsed .questions-collapse-btn {
display: none;
} .mxchat-popular-questions .mxchat-popular-questions-container .questions-toggle-btn {
background: none;
border: none;
padding: 0;
margin: 0;
cursor: pointer;
transition: all 0.2s ease;
color: #212121;
display: none; align-items: center;
justify-content: center;
width: 32px;
height: 32px;
box-shadow: none;
outline: none;
}
.mxchat-popular-questions .mxchat-popular-questions-container .questions-collapse-btn {
background: none;
border: none;
padding: 0;
margin: 0px; cursor: pointer;
transition: all 0.2s ease;
color: #212121;
display: none; align-items: center;
justify-content: center;
width: 32px;
height: 32px;
box-shadow: none;
outline: none;
align-self: center; order: -1; }
.questions-toggle-btn:hover,
.questions-collapse-btn:hover,
.questions-toggle-btn:focus,
.questions-collapse-btn:focus,
.questions-toggle-btn:active,
.questions-collapse-btn:active {
background: none;
border: none;
box-shadow: none;
outline: none;
}
.questions-toggle-btn svg,
.questions-collapse-btn svg {
transition: transform 0.2s ease;
fill: none;
stroke: #212121;
width: 25px;
height: 25px;
}
.questions-toggle-btn:hover svg,
.questions-collapse-btn:hover svg {
opacity: 0.7;
}
.mxchat-popular-questions.collapsed .questions-toggle-btn {
display: flex;
}
.mxchat-popular-questions.has-been-collapsed .questions-collapse-btn {
display: flex;
align-self: center;
order: -1;
}
.mxchat-popular-question {
padding: 12px 20px;
background-color: #f5f5f5;
border: 1px solid #bbb;
border-radius: 8px;
color: #212121;
font-size: 14px;
line-height: 24px;
cursor: pointer;
text-align: initial;
transition: all 0.3s ease;
margin-bottom: 0;
box-shadow: none;
}
.mxchat-popular-question:hover {
background-color: #eaeaea;
border-color: #999;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
transform: translateY(-1px);
}
.mxchat-popular-question:focus {
outline: none;
background-color: #e0e0e0;
border-color: #777;
box-shadow: 0 0 0 3px rgba(100, 149, 237, 0.5);
}
.mxchat-popular-question:active {
background-color: #d8d8d8;
border-color: #666;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
transform: translateY(0);
}
.mxchat-popular-questions-container::-webkit-scrollbar {
width: 8px;
}
.mxchat-popular-questions-container::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
.mxchat-popular-questions-container::-webkit-scrollbar-thumb {
background: linear-gradient(135deg, #fa73e6, #7873f5, #3ac9d1);
border-radius: 4px;
}
.mxchat-popular-questions-container::-webkit-scrollbar-thumb:hover {
background: linear-gradient(135deg, #d164ce, #6568d8, #2daeb8);
} .invisible {
display: none;
opacity: 0;
pointer-events: none;
}
.mxchat-chatbot{
background: #fff;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
min-height: 0; box-sizing: border-box;
}
.chat-container {
display: flex;
flex-direction: column;
flex-grow: 1;
min-height: 0; height: 100%;
}
.chat-box {
flex-grow: 1;
overflow-y: auto;
padding: 10px;
margin-bottom: 0;
font-size: 1rem;
min-height: 0; }
.chat-box::-webkit-scrollbar {
width: 5px;
}
.chat-box::-webkit-scrollbar-thumb {
background-color: #212121;
border-radius: 20px;
}
.bot-message,
.user-message {
margin-bottom: 15px;
padding: 10px;
display: inline-block;
max-width: 85%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
font-size: 14px;
line-height: 24px;
}
.user-message {
background: #fff;
color: #212121;
text-align: left;
float: right;
clear: both;
border-radius: 18px 0 18px 18px;
word-wrap: break-word;
border: 1px solid rgba(226, 232, 255, 0.2);
}
.user-message p {
margin: 0;
}
.mxchat-chatbot .chat-container .chat-box .bot-message {
float: left;
clear: both;
border: 1px solid rgba(226, 232, 255, 0.2);
border-radius: 0 18px 18px;
background: #212121;
color: #fff;
overflow-x: hidden;
}
.mxchat-chatbot .chat-container .chat-box .agent-message {
text-align: left;
float: left;
clear: both;
border: 1px solid rgba(226, 232, 255, 0.2);
border-radius: 0 18px 18px;
background: #212121;
color: #fff;
overflow-x: hidden;
margin-bottom: 15px;
padding: 10px;
display: inline-block;
max-width: 85%;
font-size: 14px;
line-height: 24px;
box-shadow: -2px 2px rgba(250, 115, 230, 0.6), -4px 4px rgba(120, 115, 245, 0.6);
}
.bot-message p {
margin: 0 0 1em 0;
}
.bot-message p:last-child {
margin-bottom: 0;
}
.bot-message {
white-space: pre-line;
}
.bot-message a {
color: #ffffff;
text-decoration: underline !important;
}
.bot-message a:hover {
color: #e0e0e0;
text-decoration: underline;
}
.bot-message a:visited {
color: #ffffff;
}
.system-message {
padding: 8px 12px;
margin: 8px 0;
background-color: rgba(120, 115, 245, 0.1);
border-radius: 8px;
color: #555;
font-style: italic;
font-size: 14px;
text-align: center;
}
.mxchat-chatbot-wrapper {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 10px;
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
min-height: 0; overflow: hidden;
} .mxchat-chatbot .chat-container .input-container {
position: relative;
display: flex;
align-items: center;
padding-right: 40px;
border: 1px solid #ccc;
border-radius: 10px;
margin: 0 10px 10px;
}
.mxchat-chatbot .chat-container .input-container .chat-input {
flex-grow: 1;
color: #212121;
line-height: 24px;
background: transparent;
margin-bottom: 0;
width: 100%;
min-height: 20px;
max-height: 65px;
resize: none;
overflow-y: auto;
font-size: 16px;
border: none;
border-radius: 5px;
box-sizing: border-box;
padding: 0.4em 0.5em;
outline: none;
border-radius: 10px;
}
.chat-input::-webkit-scrollbar {
width: 8px;
}
.chat-input::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
.chat-input::-webkit-scrollbar-thumb {
background: linear-gradient(135deg, #fa73e6, #7873f5, #3ac9d1);
border-radius: 4px;
}
.chat-input::-webkit-scrollbar-thumb:hover {
background: linear-gradient(135deg, #d164ce, #6568d8, #2daeb8);
}
.chat-input {
scrollbar-width: thin;
scrollbar-color: linear-gradient(135deg, #fa73e6, #7873f5, #3ac9d1) #f1f1f1;
}
.mxchat-chatbot .chat-container .input-container .send-button {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
border: none;
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
background: transparent !important;
padding: 5px;
margin: 0;
transition: background-color 0.3s;
color: #fff;
font-size: 1rem;
cursor: pointer;
font-weight: 700;
}
.send-button svg {
width: 25px;
height: 25px;
pointer-events: none;
}
.send-button:hover {
opacity: 0.8;
} .mxchat-chatbot .chat-container .input-container .send-button.mxchat-stop-mode {
cursor: pointer;
}
.mxchat-chatbot .spinner {
animation: rotate 2s linear infinite;
width: 20px;
height: 20px;
}
.mxchat-chatbot .spinner circle {
stroke: #212121;
stroke-linecap: round;
animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
} .chatbot-title-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
flex: 1 1 auto;
min-width: 0;
}
.chatbot-title-group {
display: flex;
align-items: center;
gap: 8px;
}
.chat-mode-indicator {
font-size: 12px;
line-height: 1;
margin-right: 0;
padding: 4px 9px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.18);
color: #ffffff;
display: inline-flex;
align-items: center;
height: 22px;
white-space: nowrap;
flex: 0 0 auto;
}
.floating-chatbot {
position: fixed;
bottom: 25px;
right: 25px;
width: 375px; height: min(625px, calc(100vh - 50px)); height: min(625px, calc(100dvh - 50px)); max-height: calc(100vh - 50px);
max-height: calc(100dvh - 50px); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
border-radius: 20px;
overflow: hidden;
display: flex;
flex-direction: column;
z-index: 100000;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
transform: translateY(20%);
opacity: 0;
pointer-events: none;
}
.floating-chatbot.visible {
transform: translateY(0);
opacity: 1;
pointer-events: auto;
}   .mxchat-chatbot-wrapper:not(.floating-chatbot .mxchat-chatbot-wrapper) {
height: 500px;
max-height: 500px;
} .mxchat-chatbot-wrapper:not(.floating-chatbot .mxchat-chatbot-wrapper) .exit-chat {
display: none !important;
}
.floating-chatbot-button.hidden,
.exit-chat span {
display: none !important;
}
.chatbot-top-bar button.exit-chat:hover {
background: rgba(255, 255, 255, 0.12);
}
.visible {
display: flex;
}
.floating-chatbot-button {
transition: opacity 1s ease-in-out;
font-size: 1.25rem;
position: fixed;
bottom: 30px;
right: 25px;
background-color: #212121;
color: #fff;
width: 60px;
height: 60px;
border-radius: 50%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
justify-content: center;
align-items: center;
cursor: pointer;
transition: 0.3s;
z-index: 100000;
display: flex;
}
.floating-chatbot-button:focus-visible {
outline: 3px solid #7873f5;
outline-offset: 3px;
}
.floating-chatbot-button img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.chatbot-top-bar {
background: #212121;
}
.mxchat-chatbot-wrapper .chatbot-top-bar button.exit-chat {
background: transparent;
border: none;
opacity: 0.8;
padding: 0;
width: 32px;
height: 32px;
min-width: 32px;
flex: 0 0 auto;
border-radius: 6px;
transition: opacity 0.15s ease, background 0.15s ease;
}
.mxchat-chatbot-wrapper .chatbot-top-bar {
cursor: pointer;
color: #fff;
padding: 8px 12px;
min-height: 48px;
gap: 8px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.mxchat-chatbot-wrapper .chatbot-top-bar .chatbot-title {
font-size: 15px;
line-height: 1.2;
padding: 0;
margin: 0;
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 600;
}
.exit-chat {
border: none;
background: transparent;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
margin-left: auto;
opacity: 0.8;
width: 32px;
height: 32px;
min-width: 32px;
flex: 0 0 auto;
}
.exit-chat svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
}
.mxchat-chatbot-wrapper .chatbot-footer {
text-align: center;
padding-bottom: 10px;
font-size: 0.85em;
}
.mxchat-chatbot-wrapper .chatbot-footer .privacy-notice {
font-size: 12px;
margin: 0;
color: #71717a;
}
.mxchat-chatbot-wrapper .chatbot-footer .privacy-notice a {
color: #0073aa;
text-decoration: underline;
font-size: 12px;
}
.mxchat-chatbot-wrapper .chatbot-footer .powered-by {
text-decoration: none;
color: inherit;
font-weight: 700;
}
.mxchat-chatbot-wrapper .chatbot-footer .powered-by span {
text-decoration: underline;
} .mxchat-init-loader {
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
min-height: 0;
animation: fadeIn 0.3s ease-in-out;
}
.mxchat-init-loader-dots {
display: flex;
gap: 8px;
}
.mxchat-init-loader-dots .dot {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #888;
animation: mxchat-dot-bounce 1.4s ease-in-out infinite both;
}
.mxchat-init-loader-dots .dot:nth-child(1) {
animation-delay: -0.32s;
}
.mxchat-init-loader-dots .dot:nth-child(2) {
animation-delay: -0.16s;
} .chat-box .bot-message.temporary-message .thinking-dots-container {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
height: 20px;
position: relative;
z-index: 1;
flex-shrink: 0;
}
.chat-box .bot-message.temporary-message .thinking-dots {
display: flex;
justify-content: center;
align-items: center;
height: 90%;
gap: 5px;
flex-shrink: 0;
}
.chat-box .bot-message.temporary-message .thinking-dots .dot {
height: 6px;
width: 6px;
margin: 0 3px;
background-color: #fff;
border-radius: 50%;
display: inline-block;
animation: mxchat-dot-bounce 1.4s ease-in-out infinite both;
vertical-align: middle;
}
.chat-box .bot-message.temporary-message .thinking-dots .dot:first-child {
animation-delay: -0.32s;
}
.chat-box .bot-message.temporary-message .thinking-dots .dot:nth-child(2) {
animation-delay: -0.16s;
}
@keyframes mxchat-dot-bounce {
0%, 100%, 80% {
transform: scale(1);
}
40% {
transform: scale(1.5);
}
} .pre-chat-message {
position: fixed;
bottom: 85px;
right: 30px;
background-color: #fff;
color: #212121;
padding: 10px;
box-shadow: 0px 0px 10px rgba(150, 150, 150, 0.3);
border-radius: 5px;
z-index: 1000;
cursor: pointer;
max-width: 325px;
font-size: 14px;
display: none;
margin-bottom: 10px;
}
.pre-chat-message .close-pre-chat-message {
position: absolute;
top: -6px;
right: -6px;
background-color: #ccc;
border: none;
color: #212121;
font-size: 14px;
cursor: pointer;
border-radius: 50%;
width: 20px;
min-width: 20px;
min-height: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
line-height: 1;
} @media screen and (max-height: 700px) {
.floating-chatbot {
bottom: 15px;
height: calc(100vh - 30px);
height: calc(100dvh - 30px);
max-height: calc(100vh - 30px);
max-height: calc(100dvh - 30px);
}
.floating-chatbot-button {
bottom: 20px;
}
.pre-chat-message {
bottom: 75px;
}
}
@media screen and (max-height: 550px) {
.floating-chatbot {
bottom: 10px;
height: calc(100vh - 20px);
height: calc(100dvh - 20px);
max-height: calc(100vh - 20px);
max-height: calc(100dvh - 20px);
} .mxchat-popular-questions {
padding: 0 8px 5px;
margin-bottom: 8px;
}
.mxchat-popular-question {
padding: 8px 12px;
font-size: 13px;
line-height: 20px;
}
.mxchat-chatbot .chat-container .input-container {
margin: 0 8px 8px;
}
.mxchat-chatbot-wrapper .chatbot-footer {
padding-bottom: 5px;
}
} @media screen and (max-width: 782px) {
.mxchat-search-results {
gap: 15px !important;
}
.mxchat-search-intro {
font-size: 15px !important;
}
.mxchat-search-title {
font-size: 15px !important;
}
.mxchat-search-description {
font-size: 13px !important;
}
}
@media (max-width: 550px) {
.questions-toggle-btn,
.questions-collapse-btn {
width: 28px;
height: 28px;
}
.questions-toggle-btn svg,
.questions-collapse-btn svg {
width: 22px;
height: 22px;
}
.pre-chat-message {
bottom: 70px;
right: 15px;
}
.chat-input {
width: calc(100% - 70px);
}
.bot-message,
.user-message {
padding: 10px;
max-width: 95%;
}
.floating-chatbot-button {
bottom: 15px;
right: 10px;
}
.floating-chatbot {
width: calc(100vw - 16px); height: calc(100vh - 16px); height: calc(var(--vh, 1vh) * 100 - 16px); height: calc(100dvh - 16px); max-height: calc(100vh - 16px);
max-height: calc(100dvh - 16px);
margin: 0;
padding: 0;
position: fixed;
bottom: 8px;
top: auto;
left: 8px;
right: 8px;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.floating-chatbot .mxchat-chatbot-wrapper {
border-radius: 16px;
overflow: hidden;
}
.mxchat-chatbot-wrapper .chatbot-top-bar {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
}
pre {
background-color: #000;
border: 1px solid #ddd;
border-radius: 20px;
border-left: 3px solid #9e7aff;
color: #fff;
page-break-inside: avoid;
font-family: monospace;
font-size: 15px;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1em 1.5em;
display: block;
word-wrap: break-word;
}
.copy-btn {
padding: 10px 20px;
border: none;
border-radius: 4px;
background-color: #9e7aff;
transition: background-color 0.3s;
color: #fff;
font-size: 1rem;
cursor: pointer;
font-weight: 700;
margin-bottom: 10px;
}
.copy-btn:hover {
opacity: 0.8;
}
.mxchat-product-card {
display: flex;
flex-direction: column;
align-items: center;
margin: 10px 0;
padding: 10px;
border-radius: 5px;
background-color: inherit;
}
.mxchat-product-card img.mxchat-product-image {
max-width: 100%;
height: auto;
margin-bottom: 5px;
border-radius: 4px;
}
.mxchat-product-card h3.mxchat-product-name {
font-size: 16px;
font-weight: bold;
margin: 5px 0;
text-align: center;
color: inherit;
}
.mxchat-product-card .mxchat-product-price {
color: inherit;
font-weight: bold;
margin-bottom: 5px;
}
.mxchat-product-card .mxchat-product-description {
font-size: 14px;
text-align: center;
margin-bottom: 10px;
color: inherit;
}
.mxchat-product-card .mxchat-add-to-cart-button {
background-color: #212121;
color: #fff;
padding: 8px 12px;
border: none;
cursor: pointer;
border-radius: 12px;
transition: background-color 0.3s ease;
}
.mxchat-product-card .mxchat-add-to-cart-button:hover {
background-color: #212121;
}
.mxchat-image-gallery {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
.mxchat-image-item {
text-align: center;
overflow: hidden;
word-wrap: break-word;
}
.mxchat-image-title {
display: block;
font-size: 14px;
color: inherit;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.mxchat-image-link {
text-decoration: none;
}
.mxchat-image-thumbnail {
max-width: 100%;
height: auto;
border-radius: 5px;
transition: transform 0.3s;
}
.mxchat-image-thumbnail:hover {
transform: scale(1.05);
}
.mxchat-generated-image {
max-width: 100%;
height: auto;
border-radius: 0 0 8px 8px;
}
#widget_icon, #widget_icon_2, #widget_icon_3, #widget_icon_5, #widget_icon_4, #widget_icon_6, #widget_icon_7 {
padding: 10px;
}
#widget_icon_10 {
fill: #fff;
} .mxchat-popular-questions .mxchat-popular-questions-container .questions-collapse-btn {
background: none;
border: none;
padding: 0;
margin: 0px;
cursor: pointer;
transition: all 0.2s ease;
color: #212121;
display: none; align-items: center;
justify-content: center;
width: 32px;
height: 32px;
box-shadow: none;
outline: none;
align-self: center; order: -1; } .mxchat-popular-questions .mxchat-popular-questions-container .questions-collapse-btn:hover {
background: none;
border: none;
box-shadow: none;
}
.mxchat-popular-questions .mxchat-popular-questions-container .questions-collapse-btn:focus {
outline: none;
background: none;
border: none;
box-shadow: none;
}
.mxchat-popular-questions .mxchat-popular-questions-container .questions-collapse-btn:active {
background: none;
border: none;
box-shadow: none;
} .mxchat-popular-questions .mxchat-popular-questions-container .questions-collapse-btn svg {
fill: none;
stroke: #212121;
transition: transform 0.2s ease;
width: 25px;
height: 25px;
}
.mxchat-popular-questions .mxchat-popular-questions-container .questions-collapse-btn:hover svg {
opacity: 0.7;
} .mxchat-popular-questions.has-been-collapsed .mxchat-popular-questions-container .questions-collapse-btn {
display: flex;
} .mxchat-popular-questions.collapsed .mxchat-popular-questions-container .questions-collapse-btn {
display: none;
} .mxchat-chatbot-wrapper .chatbot-top-bar > .chatbot-title-container { order: 0; }
.mxchat-chatbot-wrapper .chatbot-top-bar > .mxchat-header-menu-wrap { order: 1; }
.mxchat-chatbot-wrapper .chatbot-top-bar > .exit-chat { order: 2; }
.mxchat-header-menu-wrap {
position: relative;
display: inline-flex;
align-items: center;
margin-left: auto; }
.mxchat-chatbot-wrapper .chatbot-top-bar .mxchat-header-menu-wrap ~ .exit-chat,
.mxchat-chatbot-wrapper .chatbot-top-bar .mxchat-header-menu-wrap + .exit-chat {
margin-left: 4px; }
.mxchat-chatbot-wrapper .chatbot-top-bar > .exit-chat:focus {
background: rgba(255, 255, 255, 0.12);
opacity: 1;
outline: none;
}
.mxchat-header-btn {
border: none;
background: transparent;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
opacity: 0.8;
color: #fff;
transition: opacity 0.15s ease, background 0.15s ease;
border-radius: 6px;
line-height: 0;
width: 32px;
height: 32px;
min-width: 32px;
flex: 0 0 auto;
}
.mxchat-header-btn:hover,
.mxchat-header-btn:focus {
opacity: 1;
background: rgba(255, 255, 255, 0.12);
outline: none;
}
.mxchat-header-btn[aria-expanded="true"] {
opacity: 1;
background: rgba(255, 255, 255, 0.12);
}
.mxchat-menu-trigger svg {
width: 18px;
height: 18px;
}
.mxchat-header-menu {
position: absolute;
top: calc(100% + 6px);
right: 0;
min-width: 220px;
background: var(--mxchat-menu-bg, #ffffff);
color: var(--mxchat-menu-fg, #1a1a1a);
border: 1px solid rgba(127, 127, 127, 0.20);
border-radius: 10px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), 0 2px 6px rgba(0, 0, 0, 0.10);
padding: 4px;
z-index: 5;
opacity: 0;
transform: translateY(-4px);
pointer-events: none;
transition: opacity 0.12s ease, transform 0.12s ease;
}
.mxchat-header-menu.is-open {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.mxchat-header-menu[hidden] {
display: none;
}
.mxchat-menu-item {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
padding: 8px 12px;
min-height: 40px;
border: none;
background: transparent;
color: inherit;
font-size: 14px;
line-height: 1.3;
text-align: left;
cursor: pointer;
border-radius: 6px;
transition: background 0.12s ease;
text-decoration: none;
box-sizing: border-box;
}
.mxchat-menu-item:hover,
.mxchat-menu-item:focus {
background: rgba(127, 127, 127, 0.18);
outline: none;
}
.mxchat-menu-item-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
color: inherit;
opacity: 0.85;
flex-shrink: 0;
}
.mxchat-menu-item-icon svg {
width: 16px;
height: 16px;
display: block;
}
.mxchat-menu-item-label {
flex: 1;
color: inherit;
} [dir="rtl"] .mxchat-header-menu,
.mxchat-chatbot-wrapper[dir="rtl"] .mxchat-header-menu {
right: auto;
left: 0;
} .mxchat-chatbot .chat-container .chat-box .mxchat-rating-prompt,
.mxchat-chatbot .chat-container .chat-box .mxchat-rating-feedback,
.mxchat-chatbot .chat-container .chat-box .mxchat-rating-saved {
clear: both;
float: left;
max-width: 92%;
box-sizing: border-box;
} .mxchat-rating-bot-bubble {
padding: 0;
overflow: visible;
}
.mxchat-rating-prompt {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 10px;
padding: 10px 14px;
margin: 10px 0;
font-size: 14px;
color: inherit;
}
.mxchat-rating-question {
color: inherit;
opacity: 0.85;
font-weight: 500;
}
.mxchat-rating-actions {
display: flex;
align-items: center;
gap: 8px;
}
.mxchat-rating-buttons {
display: inline-flex;
gap: 6px;
}
.mxchat-rating-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 8px;
background: transparent;
border: none;
color: inherit;
opacity: 0.6;
cursor: pointer;
transition: opacity 0.18s ease, transform 0.18s ease, background-color 0.18s ease, color 0.18s ease;
padding: 0;
}
.mxchat-rating-btn:hover {
opacity: 1;
transform: scale(1.12);
background: rgba(255, 255, 255, 0.08);
}
.mxchat-rating-btn:focus-visible {
opacity: 1;
outline: 2px solid currentColor;
outline-offset: 2px;
}
.mxchat-rating-btn svg {
pointer-events: none;
}
.mxchat-rating-dismiss {
width: 24px;
height: 24px;
border-radius: 6px;
background: transparent;
border: none;
color: inherit;
opacity: 0.45;
cursor: pointer;
font-size: 18px;
line-height: 1;
transition: opacity 0.18s ease, background-color 0.18s ease;
}
.mxchat-rating-dismiss:hover {
opacity: 0.9;
background: rgba(255, 255, 255, 0.08);
} .mxchat-rating-feedback {
padding: 12px 14px;
margin: 10px 0;
display: flex;
flex-direction: column;
gap: 10px;
color: inherit;
animation: mxchat-rating-fade-in 0.22s ease;
}
.mxchat-rating-feedback-label {
font-size: 13px;
opacity: 0.85;
font-weight: 500;
}
.mxchat-rating-feedback-input {
width: 100%;
box-sizing: border-box;
padding: 8px 10px;
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 8px;
font-size: 14px;
font-family: inherit;
resize: vertical;
background: rgba(255, 255, 255, 0.08);
color: inherit;
}
.mxchat-rating-feedback-input:focus {
outline: none;
border-color: rgba(255, 255, 255, 0.45);
background: rgba(255, 255, 255, 0.15);
}
.mxchat-rating-feedback-actions {
display: flex;
justify-content: flex-end;
gap: 8px;
}
.mxchat-rating-skip,
.mxchat-rating-submit {
padding: 6px 14px;
border-radius: 8px;
font-size: 13px;
font-weight: 500;
cursor: pointer;
border: none;
transition: opacity 0.18s ease, transform 0.18s ease, background-color 0.18s ease;
}
.mxchat-rating-skip {
background: transparent;
color: inherit;
opacity: 0.6;
}
.mxchat-rating-skip:hover {
opacity: 1;
background: rgba(255, 255, 255, 0.08);
}
.mxchat-rating-submit { background-color: var(--mxchat-bot-fg, #212121);
color: var(--mxchat-bot-bg, #ffffff);
}
.mxchat-rating-submit:hover {
transform: translateY(-1px);
opacity: 0.9;
}
.mxchat-rating-saved {
padding: 10px 14px;
margin: 10px 0;
font-size: 13px;
font-weight: 500;
text-align: center;
color: inherit;
animation: mxchat-rating-fade-in 0.22s ease;
}
@keyframes mxchat-rating-fade-in {
from { opacity: 0; transform: translateY(4px); }
to   { opacity: 1; transform: translateY(0); }
}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
}
link {
display: none;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted;  } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} .no-js .lazy {
display: none !important;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #primary[tabindex="-1"]:focus {
outline: 0;
}
* {
scrollbar-width: thin;
scrollbar-color: #e12454 #333;
} .site {
width: 1170px;
margin: 0 auto;
max-width: 100%;
}
@media screen and (min-width: 60em) {
.has-sidebar .site { display: -ms-grid;
display: grid;
-ms-grid-columns: 3fr 2rem 1fr;
grid-template-columns: 3fr 1fr;
grid-gap: 2rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.has-sidebar.left .site {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 2rem 3fr;
grid-template-columns: 1fr 3fr;
grid-gap: 2rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
grid-template-areas: "column-1 column-2";
}
.has-sidebar.left .left-sidebar {
grid-area: column-1;
}
.has-sidebar.left .site-main {
grid-area: column-2;
}
.site-header {
-ms-grid-column-span: 2;
grid-column: span 2;
}
.site-main {
-ms-grid-column: 1;
grid-column: 1;
min-width: 0;
padding: 1.25rem 1.25rem;
}
.primary-sidebar {
-ms-grid-column: 2;
grid-column: 2;
min-width: 0;
}
.site-footer {
-ms-grid-column-span: 2;
grid-column: span 2;
}
}
.site-main {
background: #FFF;
} body,
button,
input,
select,
optgroup,
textarea {
color: #333;
font-family: 'Roboto', serif;
font-size: calc(20 / 16)rem;
line-height: 1.4;
}
body {
line-height: 1.7;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Roboto Condensed', sans-serif;
color: #32373c;
clear: both;
}
.entry-header h1.entry-title {
font-size: 2rem;
line-height: 1.4;
margin: 1em 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 12.8px;
font-size: .8em;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after { -webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
overflow-x: hidden;
background: #f1f1f1; }
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0;
padding: 0 15px;
}
.single ul {
margin: 0;
padding: 0;
padding-left: 15px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
display: block;
height: auto;
max-width: 100%;
}
figure { margin: .5em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #0073aa;
}
a:visited {
color: #333;
}
a:hover,
a:focus,
a:active {
color: #00a0d2;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
-webkit-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #E12454;
color: rgba(0, 0, 0, 0.8);
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
cursor: pointer;
background-color: #E12454;
border: none;
color: #FFF;
box-shadow: none;
color: inherit;
cursor: pointer;
display: inline-block;
font-size: 18px;
margin: 0;
padding: 12px 24px;
text-align: center;
text-decoration: none;
white-space: normal;
overflow-wrap: break-word;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: .5em 1em;
border: 1px solid #c3c3c3;
-webkit-border-radius: 0;
border-radius: 0;
width: 100%;
}
form.wpcf7-form input {
margin-bottom: 20px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
} .site-header {
z-index: 99;
position: relative
}
.header-image {
margin: 0 auto;
}
.header-image img {
display: block;
margin: 0 auto;
}
.custom-logo-link {
display: inline-block;
margin: 0 auto 1em;
}
.site-branding a {
margin-bottom: 0;
}
.site-header .site-branding {
width: 100%;
line-height: 1;
max-height: 50px;
}
.site-title {
margin: 0 1em;
margin-left: 0;
font-family: 'Roboto Condensed', sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 1.2;
color: #333332;
}
.site-title a {
text-decoration: none;
color: inherit;
}
.site-description {
margin: 0;
padding: 0;
font-family: 'Roboto Condensed', sans-serif;
font-size: 14px;
font-weight: inherit;
line-height: 1.4;
word-wrap: break-word;
color: #757575;
}  .main-navigation { text-align: right;
display: block;
padding: 0 1em; font-family: 'Roboto Condensed', sans-serif;
}
.main-header-wrapp.full .main-navigation {
padding: 0;
}
.main-navigation a {
display: block;
width: 100%;
padding: .5em 1em .5em 0;
text-decoration: none;
color: #333;
font-size: 15px;
line-height: 70px;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.main-navigation ul li .sub-menu a {
color: #333;
}
.main-navigation a:hover,
.main-navigation a:focus,
.arrival-top-navigation ul a:hover,
.arrival-top-navigation ul a:focus,
.main-navigation .current-menu-item a {
text-decoration: none;
color: #E12454;
}
.main-navigation ul {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.main-navigation ul li ul.sub-menu li {
margin-right: 0;
}
.main-navigation ul>li,
.arrival-top-navigation li {
display: inline-block;
}
.main-navigation li {
position: relative;
}
.main-navigation ul ul li {
padding-left: 1em;
}
.main-navigation ul ul li a,
.arrival-top-navigation ul li a {
line-height: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.main-navigation .dropdown,
.main-navigation button.dropdown-toggle {
display: none;
}
.main-navigation .menu {
display: none;
}
.main-navigation ul li ul .dropdown-symbol {
border-color: #333;
}
@media screen and (max-width: 37.5em) {
.main-navigation.toggled-on .menu {
display: block;
}
}
@media screen and (min-width: 37.5em) {
.main-navigation ul li a,
.arrival-top-navigation li a {
padding: .4em 0.5em;
}
.main-navigation ul li,
.arrival-top-navigation li a {
margin: 0 0 0 0.5em;
}
.main-navigation ul li:first-child,
.arrival-top-navigation li:first-child {
margin-left: 0;
}
.main-navigation ul ul,
.arrival-top-navigation ul {
padding: 15px 20px;
margin-top: 13px;
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: white;
margin-left: 0;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
z-index: 9;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all 0.3s cubic-bezier(0.49, 1.1, 1, 1);
transition: all 0.3s cubic-bezier(0.49, 1.1, 1, 1);
}
.main-navigation ul ul a,
.arrival-top-navigation ul a {
width: 200px;
}
.main-navigation ul ul li,
.arrival-top-navigation ul li {
padding-left: 0;
margin-left: 0;
}
.main-navigation ul ul li a,
.arrival-top-navigation ul li a {
width: 260px;
background: none;
}
.main-navigation ul ul li.menu-item a {
padding: 2px 0;
border: 0;
}
.main-navigation ul ul ul,
.arrival-top-navigation ul ul {
top: 0;
left: 100%;
min-height: 100%;
width: 100%;
}
.arrival-top-navigation ul ul {
padding: 0;
}
.arrival-top-navigation ul li {
display: block;
}
.main-navigation .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main-navigation .menu-item-has-children,
.main-navigation .page_item_has_children,
.arrival-top-navigation .menu-item-has-children,
.arrival-top-navigation .page_item_has_children {
padding-right: 0.7em;
}
.main-navigation .dropdown,
.main-navigation button.dropdown-toggle,
.arrival-top-navigation .dropdown {
display: block;
background: transparent;
position: absolute;
right: 0;
top: 50%;
width: 0.7em;
height: 0.7em;
font-size: inherit;
line-height: inherit;
margin: 0;
padding: 0;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
overflow: visible;
}
.main-navigation .dropdown-symbol,
.arrival-top-navigation .dropdown-symbol {
display: block;
background: transparent;
position: absolute;
right: 20%;
top: 35%;
width: 60%;
height: 60%;
border: solid #333;
border-width: 0 1px 1px 0;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.arrival-top-navigation .dropdown-symbol {
border-color: #FFF;
}
.main-navigation ul ul .dropdown,
.main-navigation ul ul button.dropdown-toggle {
top: 40%;
right: 10px;
}
.main-navigation ul ul .dropdown-symbol {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
} .main-navigation li:hover>ul,
.main-navigation li.toggled-on>ul,
.main-navigation:not(.has-dropdown-toggle) li:focus>ul,
.main-navigation:not(.has-dropdown-toggle) li:focus-within>ul,
.arrival-top-navigation li.menu-item-has-children:hover>ul {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.arrival-top-navigation li {
position: relative;
text-align: left;
}
.arrival-top-navigation li ul li a {
color: #333;
width: 218px;
background: none;
display: block;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.arrival-top-navigation li ul {
padding: 0;
z-index: 2;
}
}   .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 47%;
} .gallery-columns-4 .gallery-item {
max-width: 22%;
}
.gallery-columns-5 .gallery-item {
max-width: 17%;
}
.gallery-columns-6 .gallery-item {
max-width: 13%;
}
.gallery-columns-7 .gallery-item {
max-width: 11%;
}
.gallery-columns-8 .gallery-item {
max-width: 10%;
}
.gallery-columns-9 .gallery-item {
max-width: 8.2%;
}
.gallery-caption {
display: block;
}
.gallery .gallery-item {
margin: 6px 6px 0 0;
} .site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
border-bottom: 1px solid #eee;
margin: 0 auto 2em; overflow: hidden;
padding-bottom: 2em;
font-family: 'Roboto Condensed', sans-serif;
}
.nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
width: 50%;
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
}
.post-navigation-sub span {
color: #333;
text-decoration: none;
display: inline-block;
} .site-footer {
margin: 2.5em 0 0;
padding: 2em 0;
font-family: 'Roboto Condensed', sans-serif;
background: #223645;
}
.site-footer a,
.site-footer {
color: rgba(255, 255, 255, 0.5);
}
.site-footer svg {
fill: rgba(255, 255, 255, 0.5);
}
.site-footer a {
text-decoration: none;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.site-footer a:hover {
color: #E12454;
}
.site-footer ul {
padding: 0;
margin: 0;
list-style: none;
}
.site-footer h2.widget-title {
color: #fff;
}
.site-footer .ftr-widget {
float: left;
}
.site-footer .ftr-widget:not(:last-child) {
margin-right: 2%;
}
.site-footer .col-4 .ftr-widget {
width: 23%;
}
.site-footer .col-3 .ftr-widget {
width: 32%;
}
.site-footer .col-2 .ftr-widget {
width: 49%;
}
.site-footer .col-1 .ftr-widget {
width: 100%;
}
.site-footer .col-1 .ftr-widget .widget_media_image {
text-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: flex;
}
.footer-btm {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto auto;
grid-template-columns: auto auto;
padding-top: 27px;
}
.footer-btm.border-enable {
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.footer-btm .social-icons-wrapp {
text-align: right;
}
.footer-widget-wrapper {
padding: 27px 0;
}
.textwidget.custom-html-widget img {
margin-bottom: 30px;
padding-top: 20px;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
}
.clearfix:after {
content: "";
display: table;
table-layout: fixed;
clear: both;
}
.container {
max-width: 1170px;
margin: 0 auto;
width: 100%;
} .top-header-wrapp {
background: #E12454;
padding: 10px 0 10px;
}
.top-header-wrapp .email-wrap,
.top-header-wrapp .phone-wrap {
display: inline-block;
}
.top-header-wrapp .top-right-wrapp {
text-align: right;
}
.top-header-wrapp .cart-wrapper svg {
stroke: #fff;
}
.top-header-wrapp a,
.top-header-wrapp {
color: #fff;
font-size: 14px;
}
.top-left-wrapp a {
font-size: 13px;
}
.top-header-wrapp i {
font-size: 12px;
}
.top-left-wrapp div:not(:last-child) {
padding-right: 10px;
}
.top-header-wrapp a {
text-decoration: none;
}
.arrival-top-navigation {
list-style: none;
}
.top-header-wrapp .phone-wrap {
position: relative;
padding-left: 12px;
}
.top-header-wrapp .phone-wrap svg,
.top-header-wrapp .email-wrap svg {
vertical-align: middle;
fill: #fff;
}
.top-header-wrapp .phone-wrap:before {
content: "";
position: absolute;
left: 0;
bottom: 3px;
width: 2px;
height: 12px;
background: #fff;
display: block;
}
.main-header-wrapp.boxed .container,
.main-header-wrapp.full {
background: #fafafa;
padding: 0 15px;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
} .main-header-wrapp .container:after {
clear: both;
content: "";
display: table;
}
.main-navigation .header-last-item {
display: inline-block;
font-size: 14px;
margin-left: 5px;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header-last-item.search-wrap:hover {
color: #E12454;
}
.header-last-item.search-wrap.header-btn a.header-cta-btn {
background: #E12454;
font-size: inherit;
border: 2px solid #E12454;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header-last-item.search-wrap.header-btn a.header-cta-btn {
line-height: 10px;
padding: 13px 19px;
color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header-last-item.search-wrap.header-btn a.header-cta-btn:hover,
.header-last-item.search-wrap.header-btn a.header-cta-btn:focus {
background: #223645;
border-color: #223645;
color: #FFF;
}
.op-grid-two {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto auto;
grid-template-columns: auto auto;
align-items: center;
} .arrival-search-form-wrapp {
position: fixed;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 0;
right: 0;
background: rgba(41, 40, 40, 0.96);
z-index: 999;
text-align: center;
opacity: 0;
overflow: hidden;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.arrival-search-form-wrapp.active {
opacity: 1;
overflow: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
.arrival-search-form-wrapp form {
margin: auto;
}
.arrival-search-form-wrapp form input.search-field {
background: none;
border: none;
font-size: 30px;
color: #FFF;
text-transform: capitalize;
}
.arrival-search-form-wrapp form input[type="search"]::-webkit-search-cancel-button {
display: none;
}
.arrival-search-form-wrapp form input[type="search"]::-ms-clear {
display: none;
}
.arrival-search-form-wrapp form input[type="search"]:focus {
outline: none;
}
.arrival-search-form-wrapp form input[type="submit"] {
display: none;
}
.arrival-search-form-wrapp .close,
.arrival-close-icon {
position: absolute;
right: 32px;
top: 32px;
width: 32px;
height: 32px;
}
.arrival-search-form-wrapp .close:hover,
.arrival-close-icon:hover {
cursor: pointer;
}
.arrival-search-form-wrapp .close:before,
.arrival-search-form-wrapp .close:after,
.arrival-close-icon:before,
.arrival-close-icon:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
background-color: #fff;
}
.arrival-search-form-wrapp .close:before,
.arrival-close-icon:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrival-search-form-wrapp .close:after,
.arrival-close-icon:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
} ul.social li {
display: inline-block;
list-style: none;
}
ul.social li:not(first-child) {
padding-left: 10px;
}
ul.social li a i {
font-size: 15px;
}  .active-arrival .elementor-widget-text-editor {
line-height: 1.8;
}
.active-arrival .elementor-text-editor a {
color: #E12454;
text-decoration: underline;
font-size: 17px;
}
.active-arrival .elementor-widget-accordion .elementor-accordion .elementor-tab-content {
line-height: 1.8;
color: #3f3f3f;
}
.active-arrival .elementor-widget-accordion .elementor-accordion .elementor-tab-title {
color: #303030;
font-weight: 500;
} .scroll-top-top {
position: fixed;
bottom: 15px;
right: 15px;
width: 40px;
height: 70px;
font-size: 24px;
text-transform: uppercase;
line-height: 65px;
text-align: center;
z-index: 99999;
cursor: pointer;
-webkit-border-radius: 50px;
border-radius: 50px;
background: #E12454;
border: 2px solid #E12454;
-webkit-box-shadow: -1px 0px 10px rgba(0, 0, 0, 0.1);
box-shadow: -1px 0px 10px rgba(0, 0, 0, 0.1);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.scroll-top-top svg {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.scroll-top-top svg {
fill: #ffffff;
}
.scroll-top-top:hover svg {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
} .site-main select {
max-width: 100%;
text-overflow: ellipsis;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: .5em 1em;
border: 1px solid #c3c3c3;
-webkit-border-radius: 0;
border-radius: 0;
}
.site-main input[type="search"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: .5em 1em;
border: 1px solid #c3c3c3;
-webkit-border-radius: 0;
border-radius: 0;
}
.site-main .search-submit,
.site-footer .search-submit {
display: none;
} .site-main a {
text-decoration: none;
color: #333;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.site-main a:hover {
color: #E12454;
}
.site-main .entry-content a {
font-weight: 500;
color: #E12454;
text-decoration: underline;
}
.site-main .entry-content a:hover {
color: #333;
} .widget:not(:last-child) {
margin: 0 0 1.5em; }
.widget li {
line-height: 1.8em;
position: relative;
}
.widget li:not(:last-child) {
border-bottom: 1px dashed #f1f1f1;
padding: 10px 0;
}
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_recent_comments ul,
.widget_pages ul,
.widget_recent_entries ul,
.widget_rss ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.widget select {
max-width: 100%;
text-overflow: ellipsis;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: .5em 1em;
border: 1px solid #c3c3c3;
-webkit-border-radius: 0;
border-radius: 0;
} .widget_archive li {
color: #7D7D7D;
}
.widget_categories .children {
padding-top: 0;
} .widget_search .search-submit {
display: none;
} .widget_pages .children,
.widget_nav_menu .sub-menu {
padding-top: 0;
padding-bottom: .5em;
}
.widget_pages a,
.widget_nav_menu a {
display: block;
padding: .6em 0;
text-decoration: none;
border-bottom: 1px dashed gray;
}
.widget_pages a:hover,
.widget_pages a:focus,
.widget_nav_menu a:hover,
.widget_nav_menu a:focus {
text-decoration: none;
border-bottom: 1px dashed gray;
}
.widget_pages li,
.widget_nav_menu li {
padding: 0;
}
.widget_pages li:first-child a,
.widget_nav_menu li:first-child a {
padding-top: 0;
}
.widget_pages li ul,
.widget_nav_menu li ul {
margin-left: 1em;
} .widget_meta li {
padding: 0;
} .widget_recent_comments li {
line-height: 1.3em;
padding-bottom: .5em;
}
.widget_recent_comments a:hover,
.widget_recent_comments a:focus {
padding-left: 0;
} .widget_rss li {
margin-bottom: 1em;
line-height: 1.3em;
}
.widget li a.rsswidget {
padding-right: .5em;
font-size: 1em;
line-height: 1.4em;
}
.rss-date,
.widget_rss cite {
color: #777;
font-size: .8em;
}
.rssSummary {
font-family: 'Roboto', serif;
padding: .5em 0;
font-size: .9em;
line-height: 1.8em;
} .widget_search input[type="search"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: .5em 1em;
border: 1px solid #c3c3c3;
-webkit-border-radius: 0;
border-radius: 0;
} .widget_calendar {
font-weight: 400;
}
.widget_calendar caption {
padding: .5em 0;
font-size: 1em;
font-weight: 500;
text-align: left;
}
.widget_calendar thead {
background: transparent;
}
.widget_calendar #today a {
color: #fff;
}
.widget_calendar thead th {
border-bottom-width: 2px;
}
.widget_calendar td {
text-align: center;
}
.widget_calendar th {
border: none;
text-align: center;
}
.widget_calendar #today {
background: #E12454;
color: #fff;
}
.widget_calendar a {
font-weight: 900;
text-decoration: none;
} .textwidget {
line-height: 1.7em;
}
.footer .widget span.count {
background-color: rgb(48, 74, 94);
}
.widget span.count {
position: absolute;
top: 0;
right: 40%;
font-size: 12px;
line-height: 18px;
padding: 0 10px;
text-align: center;
min-width: 10px;
border: 1px solid transparent;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget_categories ul li:hover .count {
border-color: #e12454;
} footer .widget_nav_menu ul li a:before {
display: inline-block;
color: #929292;
font-size: 10px;
margin-right: 10px;
margin-top: -2px;
font-weight: 400;
vertical-align: middle;
zoom: 1;
}
footer .widget_pages a:before,
footer .widget_pages a:before,
footer .widget_nav_menu a:before,
footer .widget_nav_menu a:before {
display: inline-block;
color: #929292;
font-size: 9px;
margin-right: 10px;
margin-top: -2px;
font-weight: 400;
vertical-align: middle;
zoom: 1;
}
footer .widget_pages a:hover::before,
footer .widget_pages a:focus::before,
footer .widget_nav_menu a:hover::before,
footer .widget_nav_menu a:focus::before {
color: #e12454;
}
footer .widget_pages a:hover,
footer .widget_pages a:focus,
footer .widget_nav_menu a:hover,
footer .widget_nav_menu a:focus {
margin-left: 5px;
}
footer .widget_pages a:hover,
footer .widget_pages a:focus,
footer .widget_nav_menu a:hover,
footer .widget_nav_menu a:focus,
footer .widget_pages a,
footer .widget_pages a,
footer .widget_nav_menu a,
footer .widget_nav_menu a {
border: none;
font-style: 14px;
}
.footer-widgets {
margin: 2em 0 0;
padding: 1em 0;
background-color: #1a1a1a;
} .widget-area .widget {
border-bottom: 1px solid #eee;
background: #fff;
padding: 15px 16px;
}
.widget-area .widget ul li a {
text-decoration: none;
}
.widget h2.widget-title {
margin-bottom: 5px;
margin-top: 0;
position: relative;
padding-left: 15px;
font-weight: 500;
}
.widget h2.widget-title:before {
position: absolute;
content: "";
top: 9px;
left: 0;
width: 3px;
height: 22px;
background: #E12454;
} .widget_tag_cloud .tagcloud a {
text-decoration: none;
color: #333;
font-size: 16px !important;
text-transform: capitalize;
border: 1px solid #333;
padding: 5px 8px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.widget_tag_cloud .tagcloud a:hover {
background: #333;
color: #fff;
}
.site-footer .widget_tag_cloud .tagcloud a {
color: #fff;
} .widget ul li a {
color: #555;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.widget ul li a:hover {
color: #e12454;
}
.widget span.count {
border: 1px solid #333;
}
.site-footer ul li a {
color: rgba(255, 255, 255, 0.5);
display: block;
} .elementor-widget-opstore-blog .row.news-wrap .post .post-info {
font-size: 13px;
padding: 15px 0;
}
.elementor-widget-opstore-blog .row.news-wrap .post .post-info span:not(:first-child) {
padding-left: 11px;
}
.elementor-widget-opstore-blog .row.news-wrap .post h4.entry-title {
margin: 0;
font-size: 22px;
}
.elementor-widget-opstore-blog .row.news-wrap .post h4.entry-title a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
a.opstore-btn.bdr:visited,
a.opstore-btn,
.elementor-widget-opstore-blog .row.news-wrap .post h4.entry-title a:hover {
color: #e12454;
} .mob-nav-wrapp {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
background: #FFF;
width: 100%;
max-width: 100%;
height: 100vh;
overflow: auto;
padding-top: 30px;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.mob-nav-wrapp .close-wrapp {
padding: 20px;
border-bottom: 1px solid #f4f0f0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.mob-nav-wrapp span.icon-wrapp svg {
vertical-align: middle;
}
.mob-nav-wrapp span.text {
padding-right: 10px;
}
button.toggle {
background: none;
border: none;
box-shadow: none;
border-radius: 0;
font-size: inherit;
font-weight: 400;
letter-spacing: inherit;
padding: 0;
text-transform: none;
}
body.admin-bar .site-header.toggled-on .mob-nav-wrapp {
margin-top: 35px;
}
.site-header.toggled-on .mob-nav-wrapp {
opacity: 1;
left: 0;
right: 0;
visibility: visible;
-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.075);
box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.075);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.mob-outer-wrapp {
background: #fff;
padding: 15px 0;
}
.mob-nav-wrapp .mob-primary-menu li ul {
background: rgba(179, 179, 179, 0.1);
}
.mob-nav-wrapp .mob-primary-menu li {
position: relative;
}
.mob-nav-wrapp .mob-primary-menu li .sub-toggle {
position: absolute;
top: 5px;
right: 10px;
padding: 12px;
border-left: 1px solid #666;
}
.mob-nav-wrapp .mob-primary-menu li .sub-toggle:hover {
cursor: pointer;
}
.mob-outer-wrapp .site-branding {
float: left;
width: 45%;
}
.mob-outer-wrapp .toggle-wrapp {
float: right;
padding: 15px;
}
button.toggle.close-wrapp.toggle-wrapp {
float: none;
}
.mob-outer-wrapp .container {
padding: 0 10px;
}
.mob-primary-menu,
.mob-primary-menu li ul {
margin: 0;
padding: 0;
}
.mob-primary-menu li {
list-style: none;
border-bottom: 1px solid #f4f0f0;
}
.mob-primary-menu li a {
text-decoration: none;
text-transform: capitalize;
padding: 15px 20px;
color: #333;
display: block;
}
.mob-nav-wrapp .mob-primary-menu li ul li a {
color: #666;
} .toggle-wrapp {
position: relative;
}
span.menu-toggle:before,
span.menu-toggle:after {
display: block;
content: "";
}
span.menu-toggle,
span.menu-toggle:before,
span.menu-toggle:after {
position: absolute;
width: 40px;
height: 3px;
right: 0;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #333;
}
span.menu-toggle:before {
top: -10px;
}
span.menu-toggle:after {
bottom: -10px;
}
span.toggle-box {
position: relative;
display: inline-block;
width: 40px;
height: 5px;
}
span.toggle-wrapp {
font: inherit;
display: inline-block;
overflow: visible;
margin: 0;
padding: 17px 15px 0;
cursor: pointer;
transition-timing-function: linear;
transition-duration: .15s;
transition-property: opacity, filter;
text-transform: none;
color: inherit;
border: 0;
background-color: transparent;
padding-top: 0;
} .mob-nav-wrapp .social {
margin-top: 30px;
padding: 0;
margin-left: 10px;
}
.mob-nav-wrapp .social li a {
color: #333;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.mob-nav-wrapp .social li a:hover {
color: #e12454;
} .error404 .site {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section.error-404.not-found {
text-align: center;
} article.sticky {
background: #f1f1f1;
padding: 15px 0;
}
.elementor-image-gallery .gallery-item {
max-width: 100% !important;
}
.elementor-image-gallery .gallery {
grid-gap: 0.2em;
} body.masonry-layout .site-main article.post {
float: left;
width: 31%;
margin-bottom: 35px;
outline: 1px solid #efefef;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
body.masonry-layout .site-main article.post:not(:nth-child(3n)) {
margin-right: 3.5%;
}
body.masonry-layout .site-main article.post:nth-child(4) {
clear: both;
}
body.masonry-layout .arrival-archive-navigation {
clear: both;
}
body.masonry-layout .post-content-wrap {
padding: 16px;
}
body.masonry-layout .site-main article.post:hover {
-webkit-transform: translate(0, -4px);
-moz-transform: translate(0, -4px);
-ms-transform: translate(0, -4px);
-o-transform: translate(0, -4px);
transform: translate(0, -4px);
-webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.055);
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.055);
}
body.masonry-layout .post-content-wrap p {
color: #5d5b5b;
line-height: 1.9;
-ms-word-break: break-all;
word-break: break-all;
}
body.masonry-layout.has-sidebar .site-main article.post {
width: 46%;
}
body.masonry-layout.has-sidebar .site-main article.post:nth-child(4) {
clear: none;
margin-left: 3.5%;
} body.header-bg-image.arrival-inner-page .site-header,
body.header-bg-image.arrival-inner-page .site-header .main-header-wrapp,
body.header-bg-image.arrival-inner-page .site-header .top-header-wrapp {
position: relative;
}
.arrival-breadcrumb-wrapper {
position: relative;
padding: 50px 0 55px;
margin-bottom: 2rem;
}
.arrival-bread-wrapp {
text-align: center;
position: relative;
}
.breadcrumb-title h1,
nav.breadcrumb-trail.breadcrumbs ul li a,
.arrival-bread-wrapp {
color: #fff;
z-index: 1;
}
.breadcrumb-title h1 {
margin-bottom: 0;
}
ul.trail-items {
margin: 0;
padding: 0;
}
nav.breadcrumb-trail.breadcrumbs ul li a {
text-decoration: none;
}
nav.breadcrumbs ul.trail-items li:after {
position: absolute;
content: "";
top: 50%;
right: 0;
height: 18px;
width: 2px;
background: #fffcfc;
-webkit-transform: rotate(20deg) translateY(-50%) translateZ(0);
-moz-transform: rotate(20deg) translateY(-50%) translateZ(0);
-ms-transform: rotate(20deg) translateY(-50%) translateZ(0);
-o-transform: rotate(20deg) translateY(-50%) translateZ(0);
transform: rotate(20deg) translateY(-50%) translateZ(0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
nav.breadcrumbs ul.trail-items li.trail-end.current:after {
content: none;
}
nav.breadcrumb-trail.breadcrumbs ul li {
list-style: none;
display: inline-block;
position: relative;
padding: 10px;
}
.img-overlay {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
z-index: 0;
} .single .top-header-wrapp .container.op-grid-two {
margin-bottom: 20px;
}
body.arrival-inner-page .site-header.seperate-breadcrumb {
margin-bottom: 0;
padding-bottom: 0;
}
.hdr-breadcrumb .mob-outer-wrapp,
.hdr-breadcrumb .main-header-wrapp,
.hdr-breadcrumb .arrival-breadcrumb-wrapper,
.hdr-breadcrumb .top-header-wrapp { position: relative;
}
.hdr-breadcrumb h3.page-subtitle {
padding: 0;
margin: 0;
color: #fff;
font-weight: 400;
font-size: 16px;
} .woocommerce .quantity input.input-text[type="number"]::-webkit-outer-spin-button,
.woocommerce .quantity input.input-text[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woocommerce .quantity input.input-text[type="number"] {
-moz-appearance: textfield;
} .main-navigation>ul>li:last-child ul ul,
.main-navigation ul li:nth-last-child(2) ul ul,
.arrival-top-navigation ul li:last-child ul,
.arrival-top-navigation ul li:nth-last-child(2) ul {
left: -100%;
-webkit-transform-origin: top right;
-moz-transform-origin: top right;
-ms-transform-origin: top right;
-o-transform-origin: top right;
transform-origin: top right;
}  ul.sub-menu li a {
position: relative;
}
header.hover-layout-two .main-header-wrapp nav.main-navigation ul.arrival-main-navigation>li.menu-item>a {
position: relative;
}
header.hover-layout-two .main-header-wrapp nav.main-navigation ul.arrival-main-navigation>li.menu-item>a:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background: #E12454;
opacity: 0;
transition: 300ms ease-in-out;
transform: scale(0);
}
header.hover-layout-two .main-header-wrapp nav.main-navigation ul.arrival-main-navigation>li.menu-item:hover>a:before {
opacity: 1;
transform: scale(1);
}
header.hover-layout-three .main-header-wrapp nav.main-navigation ul.arrival-main-navigation>li.menu-item>a {
position: relative;
transition: 300ms ease-in-out;
}
header.hover-layout-three .main-header-wrapp nav.main-navigation ul.arrival-main-navigation>li.menu-item:before {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
width: 100%;
height: 0;
content: '';
background: #E12454;
visibility: hidden;
opacity: 0;
transition: all 400ms ease-in-out;
}
header.hover-layout-three .main-header-wrapp nav.main-navigation ul.arrival-main-navigation>li.menu-item:hover:before {
opacity: 1;
visibility: visible;
height: 60%;
}
header.hover-layout-three .main-header-wrapp nav.main-navigation ul.arrival-main-navigation>li.menu-item:hover>a {
color: #fff;
}
.main-navigation .dropdown {
margin-right: 4px;
}
header.hover-layout-three .main-header-wrapp nav.main-navigation ul.arrival-main-navigation>li.menu-item:hover>.dropdown .dropdown-symbol {
border-color: #fff;
}
section.no-results.not-found {
text-align: center;
padding-bottom: 30px;
} body.center-menu header.site-header .primary-menu-container {
text-align: left;
}
.op-grid-three {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto auto auto;
grid-template-columns: auto auto auto;
align-items: center;
}
.header-last-item {
display: flex;
justify-content: flex-end;
align-items: center;
line-height: 70px;
padding: .4em 0.5em;
}
.header-last-item.search-wrap.header-btn a.header-cta-btn {
text-decoration: none;
} .after-top-header-wrapp .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.single .after-top-header-wrapp {
margin-top: -20px;
}
.menu-middle-center .after-top-header-wrapp.col-1 .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.after-top-header-wrapp.col-1>.container {
display: block;
}
.after-top-header-wrapp {
background: #FFF;
padding-top: 30px;
padding-bottom: 30px;
}
.after-top-header-wrapp.col-1 .widget_arrival_info {
width: 100%;
}
.after-top-header-wrapp.col-1 .widget_arrival_info .info-wrap {
width: 100%;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
grid-gap: 10px;
}
.after-top-header-wrapp .icon-wrap {
float: left;
display: inline-block;
height: auto;
margin-right: 0;
position: relative;
text-align: center;
top: 5px;
width: auto;
line-height: 35px;
}
.after-top-header-wrapp .text-wrapper {
margin-left: 20px;
padding-left: 25px;
}
.after-top-header-wrapp .title-text {
font-size: 18px;
font-weight: 500;
line-height: 1.5;
}
.after-top-header-wrapp .contact-vfy {
font-size: 14px;
}
.after-top-header-wrapp .icon-wrap i {
font-size: 40px;
font-weight: 200;
}
.top-header-wrapp.yes {
padding-bottom: 0;
}
header ul.social,
header .top-nav-wrap {
display: inline-block;
}
.header-last-item.search-wrap .search-wrap i:hover {
cursor: pointer;
}
.header-last-item.search-wrap .search-wrap {
display: inline-block;
}
.header-last-item.search-wrap .search-wrap:hover {
cursor: pointer;
}
.contact-info-wrapp.logo-only .container .site-branding {
text-align: center;
float: none;
width: auto;
}
header .header-last-item span.cart-count {
-webkit-box-shadow: none;
box-shadow: none;
}
.header-last-item.search-wrap .search-wrap svg {
vertical-align: sub;
}
.main-header-wrapp.boxed.on {
position: absolute;
left: 0;
right: 0;
z-index: 1;
}
.main-header-overlap .main-header-wrapp.boxed.on {
top: 40px;
}
body.header-bg-image.arrival-inner-page .site-header .main-header-wrapp.boxed.on {
position: absolute;
} body.home.page-template .arrival-transparent-header {
position: absolute;
width: 100%;
background: transparent;
}
body.home .arrival-transparent-header .main-header-wrapp.boxed .container,
body.home .arrival-transparent-header .main-header-wrapp.full {
background: transparent;
box-shadow: none;
} .site-branding .site-branding a,
.site-branding .text-wrapp {
display: inline-block;
}
.breadcrumb-off {
padding-bottom: 32px;
}
.main-navigation li:hover>ul {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
body.single .site {
margin-top: 70px;
}