@charset "UTF-8";

 @keyframes mwai-caret-blink {
to {
visibility: hidden;
}
}
.mwai-context-menu-portal .mwai-context-menu {
background: var(--mwai-backgroundHeaderColor);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: var(--mwai-borderRadius);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
font-size: 13px;
color: var(--mwai-fontColor);
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
cursor: pointer;
transition: background-color 0.2s;
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item.mwai-danger {
color: #dc3545;
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item.mwai-danger:hover {
background-color: rgba(220, 53, 69, 0.1);
}
.mwai-context-menu-portal .mwai-context-menu .mwai-menu-item svg {
flex-shrink: 0;
}
.mwai-chunks {
padding: 8px;
background: rgba(0, 0, 0, 0.03);
font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
font-size: 11px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.mwai-chunks.mwai-chunks-collapsed .mwai-chunks-header {
margin-bottom: 0 !important;
}
.mwai-chunks .mwai-chunks-header {
display: flex;
align-items: center;
gap: 2px;
margin-bottom: 8px;
color: #6b7280;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-title {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-status {
margin-left: 4px;
font-weight: 500;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-toggle {
background: none;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
padding: 2px;
width: 30px;
height: 20px;
cursor: pointer;
color: #6b7280;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
margin-left: 4px;
}
.mwai-chunks .mwai-chunks-header .mwai-chunks-toggle:hover {
background: rgba(0, 0, 0, 0.05);
color: #374151;
}
.mwai-chunks .mwai-chunk {
margin-bottom: 4px;
padding: 6px 8px;
background: white;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.06);
transition: all 0.2s ease;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
user-select: none;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-time {
color: #9ca3af;
font-size: 10px;
font-variant-numeric: tabular-nums;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-type {
display: flex;
align-items: center;
gap: 4px;
padding: 2px 6px;
border-radius: 3px;
font-size: 10px;
font-weight: 500;
color: white;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-data {
flex: 1;
color: #374151;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-expand {
color: #9ca3af;
transition: transform 0.2s ease;
}
.mwai-chunks .mwai-chunk .mwai-chunk-details {
margin-top: 8px;
padding: 8px;
background: rgba(0, 0, 0, 0.02);
border-radius: 3px;
overflow-x: auto;
}
.mwai-chunks .mwai-chunk .mwai-chunk-details pre {
margin: 0;
white-space: pre-wrap;
word-break: break-word;
color: #4b5563;
} @keyframes mwaiIconTextZoomIn {
0% {
transform: scale(0.92);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes mwaiIconTextSlideIn {
0% {
transform: translateY(28px);
opacity: 0;
}
70% {
transform: translateY(-3px);
opacity: 1;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes mwaiIconTextSlideUp {
0% {
transform: translateY(24px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes mwaiIconTextFadeOpacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes mwaiIconTextFadeTransform {
0% {
transform: translateY(8px) scale(0.98);
}
100% {
transform: translateY(0) scale(1);
}
}
.mwai-chatgpt-theme {
font-family: var(--mwai-fontFamily, inherit);
--mwai-spacing: 15px;
--mwai-fontSize: 15px;
--mwai-lineHeight: 1.5;
--mwai-borderRadius: 10px;
--mwai-borderColor: #4f4f4f;
--mwai-width: 460px;
--mwai-maxHeight: 40vh;
--mwai-iconTextColor: white;
--mwai-iconTextBackgroundColor: #343541;
--mwai-fontColor: #FFFFFF;
--mwai-backgroundPrimaryColor: #454654;
--mwai-backgroundHeaderColor: #343541;
--mwai-bubbleColor: #343541;
--mwai-accentColor: #10a37f;
--mwai-headerColor: #FFFFFF;
--mwai-conversationsBackgroundColor: #202123;
--mwai-conversationsTextColor: #FFFFFF;
--mwai-backgroundSecondaryColor: #343541;
--mwai-errorBackgroundColor: #6d2f2a;
--mwai-errorTextColor: #FFFFFF;
}
.mwai-chatgpt-theme * {
box-sizing: border-box;
}
.mwai-chatgpt-theme .mwai-body {
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
font-size: var(--mwai-fontSize);
overflow: hidden;
display: flex;
flex-direction: column;
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme .mwai-shortcuts {
display: flex;
justify-content: center;
margin: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut {
margin-right: calc(var(--mwai-spacing) / 2);
display: flex;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut.mwai-success {
color: #4caf50;
border: 1px solid #4caf50;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut.mwai-danger {
color: #f44336;
border: 1px solid #f44336;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut.mwai-warning {
color: #ff9800;
border: 1px solid #ff9800;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut.mwai-info {
color: #2196f3;
border: 1px solid #2196f3;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut .mwai-icon {
margin-right: 5px;
}
.mwai-chatgpt-theme .mwai-shortcuts .mwai-shortcut .mwai-icon img {
max-height: 16px;
width: auto;
}
.mwai-chatgpt-theme .mwai-blocks {
display: flex;
flex-direction: column;
padding: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-blocks .mwai-block p:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-blocks button {
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-conversation {
overflow: auto;
flex: 1 1 auto;
min-height: 0;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.05);
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar {
width: 8px;
background: transparent;
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.05);
border-radius: 4px;
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.15);
border-radius: 4px;
transition: background 0.2s ease;
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.25);
}
.mwai-chatgpt-theme .mwai-conversation::-webkit-scrollbar-thumb:active {
background: rgba(255, 255, 255, 0.3);
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line {
line-height: 1.5;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line.mwai-terminal-user .mwai-terminal-prompt {
opacity: 0.95;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line.mwai-terminal-user .mwai-terminal-text {
opacity: 0.98;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line.mwai-terminal-system {
opacity: 0.75;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-prompt {
color: var(--mwai-headerColor);
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-text {
flex: 1;
opacity: 0.92;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-text .mwai-image {
max-width: 100%;
height: auto;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-text pre {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.08);
padding: 8px;
border-radius: 4px;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-text code {
font-family: inherit;
}
.mwai-chatgpt-theme .mwai-conversation.mwai-terminal .mwai-terminal-line .mwai-terminal-typed {
white-space: pre-wrap;
}
.mwai-chatgpt-theme .mwai-reply {
display: flex;
padding: var(--mwai-spacing);
position: relative;
line-height: var(--mwai-lineHeight);
transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.mwai-chatgpt-theme .mwai-reply.mwai-fade-out {
opacity: 0;
}
.mwai-chatgpt-theme .mwai-reply.mwai-user {
background: var(--mwai-backgroundSecondaryColor);
}
.mwai-chatgpt-theme .mwai-reply.mwai-ai, .mwai-chatgpt-theme .mwai-reply.mwai-error {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-name {
color: var(--mwai-fontColor);
margin-right: 5px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-name-text {
opacity: 0.5;
white-space: nowrap;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-avatar {
margin-right: 10px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
overflow: hidden;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-avatar img {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-name .mwai-avatar.mwai-svg img {
width: 28px;
height: 28px;
min-width: 28px;
min-height: 28px;
filter: brightness(0) invert(1);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text {
flex: auto;
font-size: var(--mwai-fontSize);
line-height: var(--mwai-lineHeight);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-image {
display: block;
max-width: 250px;
height: auto;
margin: 0 0 10px 0;
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-filename {
display: flex;
text-decoration: none;
border: 1px solid var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
padding: 5px 10px;
margin-bottom: 10px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text * {
font-size: var(--mwai-fontSize);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > span > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > span > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text a {
color: #2196f3;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h1, .mwai-chatgpt-theme .mwai-reply .mwai-text h2, .mwai-chatgpt-theme .mwai-reply .mwai-text h3, .mwai-chatgpt-theme .mwai-reply .mwai-text h4, .mwai-chatgpt-theme .mwai-reply .mwai-text h5, .mwai-chatgpt-theme .mwai-reply .mwai-text h6 {
color: var(--mwai-fontColor);
margin: 0px;
line-height: 1.2;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h1 {
font-size: 150%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h2 {
font-size: 130%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h3 {
font-size: 115%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h4 {
font-size: 105%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h5 {
font-size: 100%;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text h6 {
font-size: 95%;
font-weight: bold;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text p code {
background: var(--mwai-backgroundSecondaryColor);
padding: 2px 6px;
border-radius: 8px;
font-size: 90%;
font-family: system-ui;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text pre {
color: var(--mwai-fontColor);
border-radius: var(--mwai-borderRadius);
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
break-after: auto;
white-space: pre-wrap;
font-size: 95%;
max-width: 100%;
width: 100%;
font-family: system-ui;
background: hsl(0 0% 0% / 30%);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text pre code {
padding: 0 !important;
font-family: system-ui;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ul, .mwai-chatgpt-theme .mwai-reply .mwai-text ol {
padding: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ul {
list-style: disc;
margin: 0 0 0 15px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text ol {
list-style: decimal;
margin: 0 0 0 15px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text table {
width: 100%;
border: 2px solid var(--mwai-backgroundSecondaryColor);
border-collapse: collapse;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text thead {
background: var(--mwai-backgroundSecondaryColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text tr, .mwai-chatgpt-theme .mwai-reply .mwai-text td {
padding: 2px 5px;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text td {
border: 2px solid var(--mwai-backgroundSecondaryColor);
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-typewriter {
display: inline-block;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text .mwai-typewriter > :first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-reply .mwai-text > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-reply.mwai-system {
background: var(--mwai-errorBackgroundColor);
color: var(--mwai-errorFontColor);
}
.mwai-chatgpt-theme .mwai-reply.mwai-system .mwai-name {
display: none;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error {
border-top: 1px dashed #ff5656;
border-bottom: 1px dashed #ff5656;
}
.mwai-chatgpt-theme .mwai-input {
display: flex;
position: relative;
padding: var(--mwai-spacing);
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text {
flex: auto;
position: relative;
display: flex;
overflow: hidden;
border-radius: var(--mwai-borderRadius);
background: var(--mwai-backgroundPrimaryColor);
padding: calc(var(--mwai-spacing) / 2);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text.mwai-blocked {
background: var(--mwai-errorBackgroundColor);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text.mwai-dragging {
filter: brightness(1.2);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea {
background: inherit;
color: var(--mwai-fontColor);
flex: auto;
border: none;
font-size: var(--mwai-fontSize);
resize: none;
font-family: inherit;
margin: 0;
overflow: hidden;
min-height: inherit;
padding-left: calc(var(--mwai-spacing) / 2);
line-height: var(--mwai-lineHeight);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea:focus {
outline: none;
box-shadow: none;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea:focus {
outline: none;
box-shadow: none;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text textarea::placeholder {
color: var(--mwai-fontColor);
opacity: 0.5;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone {
display: flex;
justify-content: center;
align-items: center;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone svg {
opacity: 0.5;
filter: grayscale(100%);
transition: opacity 0.3s ease-out;
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone[active=true] svg {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-microphone[disabled] svg {
opacity: 0;
cursor: not-allowed;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon {
background: url(//myafrorecipes.com/wp-content/plugins/ai-engine-pro/themes/icons/dark-icons.svg);
background-size: 500%;
background-position: 0px -96px;
width: 32px;
height: 32px;
z-index: 100;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-idle-add {
background-position: -32px -96px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-add {
background-position: -32px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-up {
background-position: -64px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-del {
background-position: -96px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-image-ok {
background-position: -128px 0px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-add {
background-position: -32px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-up {
background-position: -64px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-del {
background-position: -96px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon.mwai-document-ok {
background-position: -128px -64px;
}
.mwai-chatgpt-theme .mwai-input .mwai-input-text .mwai-file-upload-icon .mwai-file-upload-progress {
position: absolute;
font-size: 8px;
width: 21px;
top: 24px;
left: 23px;
overflow: hidden;
text-align: center;
font-weight: bold;
color: white;
}
.mwai-chatgpt-theme .mwai-input button {
margin-left: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-compliance {
opacity: 0.5; margin-top: 0;
padding: calc(var(--mwai-spacing) / 1.5) var(--mwai-spacing);
font-size: smaller;
color: var(--mwai-fontColor);
text-align: left;
}
.mwai-chatgpt-theme .mwai-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 5px;
}
.mwai-chatgpt-theme .mwai-gallery img {
width: 100%;
}
.mwai-chatgpt-theme button {
color: var(--mwai-fontColor);
background: var(--mwai-backgroundSecondaryColor);
border: 1px solid var(--mwai-borderColor);
padding: calc(var(--mwai-spacing) / 2) var(--mwai-spacing);
min-width: 70px;
border-radius: 5px;
cursor: pointer;
transition: all 0.2s ease-out;
display: flex;
align-items: center;
justify-content: center;
font-size: calc(var(--mwai-fontSize) * 0.9);
position: relative;
}
.mwai-chatgpt-theme button .mwai-timer {
margin-left: 5px;
margin-right: 5px;
font-size: 11px;
}
.mwai-chatgpt-theme button:hover {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme button[disabled] {
cursor: not-allowed;
}
.mwai-chatgpt-theme button[disabled] span {
opacity: 0.5;
}
.mwai-chatgpt-theme button[disabled].mwai-busy span {
display: none;
}
.mwai-chatgpt-theme button[disabled].mwai-busy:before {
content: "";
width: 18px;
height: 18px;
margin: auto;
border: 3px solid transparent;
border-top-color: var(--mwai-fontColor);
border-radius: 50%;
animation: mwai-button-spinner 1s ease infinite;
}
.mwai-chatgpt-theme.mwai-form-container {
padding: var(--mwai-spacing);
font-size: var(--mwai-fontSize);
color: var(--mwai-fontColor);
background: var(--mwai-backgroundSecondaryColor);
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme.mwai-form-container fieldset {
border: 0;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
margin-bottom: 10px;
}
.mwai-chatgpt-theme.mwai-form-container fieldset input[type=text], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=email], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=tel], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=url], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=password], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=number], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=date], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=datetime], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=datetime-local], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=month], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=search], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=time], .mwai-chatgpt-theme.mwai-form-container fieldset input[type=week], .mwai-chatgpt-theme.mwai-form-container fieldset select, .mwai-chatgpt-theme.mwai-form-container fieldset textarea {
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
border: 0;
width: 100%;
border-radius: var(--mwai-borderRadius);
font-size: var(--mwai-fontSize);
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme.mwai-form-container fieldset select {
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
border: 0;
width: 100%;
border-radius: var(--mwai-borderRadius);
font-size: var(--mwai-fontSize);
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme.mwai-form-container fieldset textarea {
padding: calc(var(--mwai-spacing) * 2 / 3) var(--mwai-spacing);
border: 0;
width: 100%;
border-radius: var(--mwai-borderRadius);
font-family: inherit;
font-size: var(--mwai-fontSize);
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme.mwai-form-container fieldset input[disabled], .mwai-chatgpt-theme.mwai-form-container fieldset select[disabled], .mwai-chatgpt-theme.mwai-form-container fieldset textarea[disabled] {
opacity: 0.25;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button {
height: 45px;
background: none;
width: 100%;
color: var(--mwai-fontColor);
font-size: var(--mwai-fontSize);
background-color: var(--mwai-backgroundSecondaryColor);
border: 1px solid var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
cursor: pointer;
transition: all 0.2s ease-out;
position: relative;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button:hover, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button:hover {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button[disabled] span, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button[disabled] span {
opacity: 0.25;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit button[disabled]:hover, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset button[disabled]:hover {
background: none;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit.mwai-loading button span, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset.mwai-loading button span {
opacity: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-submit.mwai-loading button::after, .mwai-chatgpt-theme.mwai-form-container .mwai-form-reset.mwai-loading button::after {
content: "";
position: absolute;
width: 18px;
height: 18px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border: 3px solid transparent;
border-top-color: var(--mwai-fontColor);
border-radius: 50%;
animation: mwai-button-spinner 1s ease infinite;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output {
font-size: var(--mwai-fontSize);
position: relative;
margin-top: var(--mwai-spacing);
padding: var(--mwai-spacing);
border: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output.mwai-error {
background: var(--mwai-errorBackgroundColor);
color: var(--mwai-errorFontColor);
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output img {
max-width: 33%;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output div > *:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container .mwai-form-output div > *:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme.mwai-form-container .mwai-form-output-container.mwai-has-content {
display: block;
}
.mwai-chatgpt-theme.mwai-form-container .wp-block-columns {
margin: 0;
}
.mwai-chatgpt-theme .mwai-chunks {
background: rgba(255, 255, 255, 0.05);
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header {
color: #9ca3af;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-time {
color: #6b7280;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-data {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-expand {
color: #6b7280;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details {
background: rgba(0, 0, 0, 0.2);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details pre {
color: #d1d5db;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window {
filter: none;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-window-box {
display: flex;
flex-direction: column;
filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.15));
opacity: 0;
transform: scale(0.5);
transform-origin: bottom right;
transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-fullscreen .mwai-window-box {
width: 100%;
height: 100%;
}
@media (min-width: 761px) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-header {
display: flex !important;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-body {
display: flex !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-window-box {
opacity: 1;
transform: scale(0.92);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
transform: scale(1);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-closing .mwai-window-box {
opacity: 0;
transform: scale(0.85);
transition: opacity 180ms cubic-bezier(0.4, 0, 1, 1), transform 180ms cubic-bezier(0.4, 0, 1, 1);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-closing.mwai-open .mwai-trigger .mwai-icon-container {
transform: scale(1);
opacity: 1;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-bottom-right .mwai-window-box {
transform-origin: calc(100% - 32px) calc(100% - 32px);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-bottom-left .mwai-window-box {
transform-origin: 32px calc(100% - 32px);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-top-right .mwai-window-box {
transform-origin: calc(100% - 32px) 32px;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-top-left .mwai-window-box {
transform-origin: 32px 32px;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-center-open .mwai-window-box {
transform-origin: center center;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-open .mwai-window-box {
transform-origin: center center !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-header {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger {
position: fixed !important;
z-index: 9999 !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-bottom-right .mwai-trigger {
bottom: calc(20px + env(safe-area-inset-bottom, 0)) !important;
right: 20px !important;
left: auto !important;
top: auto !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-bottom-left .mwai-trigger {
bottom: calc(20px + env(safe-area-inset-bottom, 0)) !important;
left: 20px !important;
right: auto !important;
top: auto !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-top-right .mwai-trigger {
top: 20px !important;
right: 20px !important;
left: auto !important;
bottom: auto !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-top-left .mwai-trigger {
top: 20px !important;
left: 20px !important;
right: auto !important;
bottom: auto !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-open:not(.mwai-closing) .mwai-trigger {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container {
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container .mwai-icon {
transition: transform 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container:hover .mwai-icon {
transform: scale(1.1);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container:active .mwai-icon {
transform: scale(0.9);
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-opening .mwai-trigger .mwai-icon-container {
transform: scale(0.8);
opacity: 0.3;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-open:not(.mwai-opening) .mwai-trigger {
display: none;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window.mwai-center-open.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
will-change: transform, opacity;
transform: none;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger.mwai-bottom-right .mwai-icon-text {
transform-origin: right bottom;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger.mwai-bottom-left .mwai-icon-text {
transform-origin: left bottom;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger.mwai-top-right .mwai-icon-text {
transform-origin: right top;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger.mwai-top-left .mwai-icon-text {
transform-origin: left top;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger.mwai-center-open .mwai-icon-text {
transform-origin: center center;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: mwaiIconTextZoomIn 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms 1 both;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger:hover .mwai-icon-text {
transform: scale(1.02);
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: none !important;
transform: none !important;
}
.mwai-chatgpt-theme.mwai-animation-zoom.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window {
filter: none;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-window-box {
display: flex;
flex-direction: column;
filter: drop-shadow(0 -5px 20px rgba(0, 0, 0, 0.15));
opacity: 0;
transform: translateY(100%);
transition: opacity 250ms ease-out, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-fullscreen .mwai-window-box {
width: 100%;
height: 100%;
}
@media (min-width: 761px) {
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-header {
display: flex !important;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-body {
display: flex !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-window-box {
opacity: 0.5;
transform: translateY(20px);
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
transform: translateY(0);
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-closing .mwai-window-box {
opacity: 0;
transform: translateY(100%);
transition: opacity 200ms ease-in, transform 200ms ease-in;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container {
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container .mwai-icon {
transition: transform 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container:hover .mwai-icon {
transform: scale(1.1);
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window .mwai-trigger .mwai-icon-container:active .mwai-icon {
transform: scale(0.9);
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-opening .mwai-trigger .mwai-icon-container {
opacity: 0;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-center-open.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-window-dragging.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window.mwai-open:not(.mwai-opening) .mwai-trigger {
display: none;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
will-change: transform, opacity;
transform: none;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: mwaiIconTextSlideUp 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms 1 both;
backface-visibility: hidden;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger:hover .mwai-icon-text {
transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: none !important;
transform: none !important;
}
.mwai-chatgpt-theme.mwai-animation-slide.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-window-box {
display: flex;
flex-direction: column;
filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.15));
opacity: 0;
transform: translateY(8px) scale(0.98);
transform-origin: center bottom;
will-change: opacity, transform;
transition: opacity 180ms ease-out, transform 220ms cubic-bezier(0.2, 0, 0, 1);
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-fullscreen .mwai-window-box {
width: 100%;
height: 100%;
}
@media (min-width: 761px) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-header {
display: flex !important;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-body {
display: flex !important;
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-header {
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-window-box {
opacity: 1;
transform: translateY(0) scale(1);
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-header, .mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-body {
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
transform: translateY(0) scale(1);
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-closing .mwai-window-box {
opacity: 0;
transform: translateY(8px) scale(0.98);
transition: opacity 160ms ease-in, transform 180ms cubic-bezier(0.4, 0, 1, 1);
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-window-box {
transition: opacity 120ms linear !important;
transform: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-window-box, .mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-open .mwai-window-box {
opacity: 1;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-closing .mwai-window-box {
opacity: 0;
}
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-header {
display: none !important;
}
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container {
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container .mwai-icon {
transition: transform 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container:hover .mwai-icon {
transform: scale(1.1);
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window .mwai-trigger .mwai-icon-container:active .mwai-icon {
transform: scale(0.9);
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-opening .mwai-trigger .mwai-icon-container {
opacity: 0;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-center-open.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-window-dragging.mwai-closing .mwai-trigger {
display: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window.mwai-open:not(.mwai-opening) .mwai-trigger {
display: none;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
will-change: transform, opacity;
transform: none;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: mwaiIconTextFadeOpacity 180ms ease-out 0ms 1 both, mwaiIconTextFadeTransform 220ms cubic-bezier(0.2, 0, 0, 1) 0ms 1 both;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger:hover .mwai-icon-text {
transform: scale(1.01);
}
@media (prefers-reduced-motion: reduce) {
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text {
animation: none !important;
transform: none !important;
}
.mwai-chatgpt-theme.mwai-animation-fade.mwai-window:not(.mwai-open):not(.mwai-opening):not(.mwai-closing) .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
}
.mwai-chatgpt-theme:not(.mwai-animation-zoom):not(.mwai-animation-slide):not(.mwai-animation-fade).mwai-window .mwai-window-box {
display: flex;
flex-direction: column;
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
}
.mwai-chatgpt-theme:not(.mwai-animation-zoom):not(.mwai-animation-slide):not(.mwai-animation-fade).mwai-window .mwai-trigger .mwai-icon-text-container {
opacity: 1 !important;
transition: none !important;
}
.mwai-chatgpt-theme:not(.mwai-animation-zoom):not(.mwai-animation-slide):not(.mwai-animation-fade).mwai-window .mwai-trigger .mwai-icon-text {
animation: none !important;
transition: none !important;
opacity: 1 !important;
transform: none !important;
}
.mwai-chatgpt-theme:not(.mwai-animation-zoom):not(.mwai-animation-slide):not(.mwai-animation-fade).mwai-window.mwai-fullscreen .mwai-window-box {
width: 100%;
height: 100%;
}
.mwai-chatgpt-theme .mwai-footer {
display: flex;
align-items: center;
background: var(--mwai-backgroundAiColor, var(--mwai-backgroundSecondaryColor));
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
padding: 6px var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-footer:empty {
display: none;
}
.mwai-chatgpt-theme .mwai-footer:not(:has(.mwai-tools)):has(.mwai-compliance:empty) {
display: none;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools {
display: flex;
align-items: center;
gap: 8px;
margin-right: calc(var(--mwai-spacing) / 2);
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload {
display: inline-block;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
min-width: 16px;
height: 16px;
color: var(--mwai-fontColor);
opacity: 0.75;
margin: 0;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide:hover {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide svg {
width: 16px;
height: 16px;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide .mwai-upload-count {
position: absolute;
top: -5px;
right: -6px;
min-width: 12px;
height: 12px;
padding: 0 2px;
border-radius: 999px;
background: var(--mwai-backgroundHeaderColor);
color: #fff;
border: 2px solid var(--mwai-backgroundAiColor, var(--mwai-backgroundSecondaryColor));
font-size: 8px;
font-family: system-ui;
font-weight: 700;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
user-select: none;
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide .mwai-upload-count::after {
content: attr(data-count);
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools .mwai-file-upload-icon.mwai-lucide.mwai-hover .mwai-upload-count::after {
content: "-";
}
.mwai-chatgpt-theme .mwai-footer .mwai-compliance {
opacity: 0.5;
font-size: 11px;
line-height: 11px;
color: var(--mwai-fontColor);
flex: 1;
text-align: left;
padding: calc(var(--mwai-spacing) / 2) 0;
margin: 0;
}
.mwai-chatgpt-theme .mwai-footer .mwai-tools + .mwai-compliance {
text-align: right;
}
.mwai-chatgpt-theme .mwai-body:not(:has(~ .mwai-footer)):not(:has(+ .mwai-footer)) .mwai-input, .mwai-chatgpt-theme .mwai-body:last-child .mwai-input {
padding-bottom: var(--mwai-spacing);
}
@media (max-width: 760px) {
.mwai-chatgpt-theme .mwai-body:not(:has(~ .mwai-footer)):not(:has(+ .mwai-footer)) .mwai-input, .mwai-chatgpt-theme .mwai-body:last-child .mwai-input {
padding-bottom: var(--mwai-spacing);
}
}
.mwai-chatgpt-theme .mwai-files {
display: flex;
flex-direction: column;
padding: var(--mwai-spacing);
background: var(--mwai-backgroundSecondaryColor);
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
max-height: 150px;
overflow-y: auto;
}
.mwai-chatgpt-theme .mwai-files::-webkit-scrollbar {
width: 6px;
}
.mwai-chatgpt-theme .mwai-files::-webkit-scrollbar-track {
background: var(--mwai-backgroundPrimaryColor);
border-radius: 3px;
}
.mwai-chatgpt-theme .mwai-files::-webkit-scrollbar-thumb {
background: var(--mwai-backgroundHeaderColor);
border-radius: 3px;
}
.mwai-chatgpt-theme .mwai-files::-webkit-scrollbar-thumb:hover {
background: var(--mwai-primaryColor);
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview {
position: relative;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-content {
display: flex;
align-items: center;
gap: 8px;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-thumbnail {
width: 32px;
height: 32px;
object-fit: cover;
border-radius: 4px;
border: 1px solid var(--mwai-backgroundHeaderColor);
display: block;
flex-shrink: 0;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-icon {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background: var(--mwai-backgroundSecondaryColor);
border-radius: 4px;
color: var(--mwai-fontColor);
opacity: 0.6;
flex-shrink: 0;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-icon svg {
width: 18px;
height: 18px;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-info {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-name {
font-size: calc(var(--mwai-fontSize) * 0.85);
color: var(--mwai-fontColor);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.2;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-size {
font-size: calc(var(--mwai-fontSize) * 0.7);
color: var(--mwai-fontColor);
opacity: 0.5;
line-height: 1;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-progress {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: var(--mwai-backgroundHeaderColor);
border-radius: 0 0 calc(var(--mwai-borderRadius) / 2) calc(var(--mwai-borderRadius) / 2);
overflow: hidden;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-progress .mwai-file-progress-bar {
height: 100%;
background: var(--mwai-primaryColor);
transition: width 0.3s ease;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-remove {
display: flex;
align-items: center;
justify-content: center;
background: none;
cursor: pointer;
color: var(--mwai-fontColor);
padding: 4px;
border: none;
line-height: 0;
min-width: inherit;
margin-left: auto;
opacity: 0.6;
transition: opacity 0.2s ease;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-remove:hover {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-files .mwai-file-preview .mwai-file-remove svg {
width: 20px;
height: 20px;
}
.mwai-chatgpt-theme .mwai-files:empty {
display: none;
}
.mwai-chatgpt-theme .mwai-file-upload-icon {
margin-bottom: -3px;
}
.mwai-chatgpt-theme .mwai-terminal {
--mwai-terminal-active-color: var(--mwai-fontColor);
font-family: ui-monospace, SFMono-Regular, "SF Mono", Monaco, Menlo, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 12px;
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
padding: var(--mwai-spacing);
height: 100%;
overflow-y: auto;
cursor: text;
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
padding-bottom: calc(var(--mwai-spacing) * 1.25);
scrollbar-width: thin;
scrollbar-color: rgba(128, 128, 128, 0.3) transparent;
}
.mwai-chatgpt-theme .mwai-terminal:focus {
outline: none;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line {
display: flex;
align-items: flex-start;
margin: calc(var(--mwai-spacing) / 2) 0;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-user {
color: var(--mwai-fontColor);
opacity: 0.35;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-user-typing {
color: var(--mwai-terminal-active-color);
opacity: 1;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-user-typing .mwai-terminal-prompt {
color: var(--mwai-terminal-active-color);
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-assistant {
color: var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-line.mwai-terminal-system {
color: #608b4e;
font-style: italic;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-prompt {
color: var(--mwai-terminal-active-color);
margin-left: -4px;
margin-right: 4px;
display: inline-flex;
align-items: center;
height: 1.5em;
line-height: 1.2;
flex-shrink: 0;
align-self: flex-start;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-prompt svg {
display: block;
width: 1.4em;
height: 1.4em;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-text {
color: inherit;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-input-wrapper {
flex: 1;
display: inline;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-typed {
color: var(--mwai-terminal-active-color);
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-cursor {
display: inline-block;
width: 8px;
height: 16px;
background: var(--mwai-terminal-active-color);
vertical-align: text-bottom;
margin-left: 2px;
transition: opacity 0.2s ease;
opacity: 0.35;
animation: none;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-cursor.mwai-terminal-cursor-active {
opacity: 1;
animation: mwai-caret-blink 1s steps(2, start) infinite;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-cursor.mwai-terminal-cursor-typing {
opacity: 1;
animation: none;
}
.mwai-chatgpt-theme .mwai-terminal .mwai-terminal-cursor.mwai-terminal-cursor-inactive {
opacity: 0.35;
animation: none;
}
.mwai-chatgpt-theme .mwai-terminal::-webkit-scrollbar {
width: 8px;
background: transparent;
}
.mwai-chatgpt-theme .mwai-terminal::-webkit-scrollbar-track {
background: transparent;
}
.mwai-chatgpt-theme .mwai-terminal::-webkit-scrollbar-thumb {
background: rgba(128, 128, 128, 0.3);
border-radius: 4px;
}
.mwai-chatgpt-theme .mwai-terminal::-webkit-scrollbar-thumb:hover {
background: rgba(128, 128, 128, 0.5);
}
.mwai-chatgpt-theme .mwai-terminal + .mwai-compliance {
margin-top: 0;
}
.mwai-chatgpt-theme.mwai-transition, .mwai-chatgpt-theme .mwai-transition {
opacity: 0;
transition: opacity 350ms ease-in-out;
}
.mwai-chatgpt-theme.mwai-transition-visible, .mwai-chatgpt-theme .mwai-transition-visible {
opacity: 1;
}
.mwai-chatgpt-theme .mwai-text {
overflow-wrap: anywhere;
}
.mwai-chatgpt-theme .mwai-text img {
max-width: 100%;
}
.mwai-chatgpt-theme .mwai-text div p:first-child {
margin-top: 0;
}
.mwai-chatgpt-theme .mwai-text div p:last-child {
margin-bottom: 0;
}
.mwai-chatgpt-theme .mwai-trigger {
position: absolute;
right: 0;
bottom: 0;
transition: all 0.2s ease-out;
z-index: 9999;
display: flex;
flex-direction: column;
align-items: end;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container {
display: flex;
flex-direction: column;
align-items: flex-end;
position: relative;
z-index: 2;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text {
background: var(--mwai-iconTextBackgroundColor);
color: var(--mwai-iconTextColor);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
max-width: 200px;
font-size: 13px;
margin-bottom: 15px;
padding: 10px 15px;
border-radius: 8px;
position: relative;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text-close {
--mwai-icon-close-size: 28px;
color: var(--mwai-iconTextColor);
background: var(--mwai-iconTextBackgroundColor);
font-size: 13px;
line-height: 1;
width: var(--mwai-icon-close-size);
height: var(--mwai-icon-close-size);
min-width: var(--mwai-icon-close-size);
min-height: var(--mwai-icon-close-size);
border-radius: 50%;
display: flex;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 120ms ease, transform 120ms ease, visibility 0s linear 120ms;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
top: 0;
transform: translate(40%, -40%);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
z-index: 2;
cursor: pointer;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container:hover {
cursor: pointer;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container:hover .mwai-icon-text-close {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translate(40%, -40%) scale(1);
transition: opacity 120ms ease, transform 120ms ease, visibility 0s;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container:hover .mwai-icon-text-close:hover {
filter: brightness(1.1);
transform: translate(40%, -40%) scale(1.06);
}
@media (max-width: 760px) {
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-text-container .mwai-icon-text-close {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translate(40%, -40%) scale(1);
transition: opacity 120ms ease, transform 120ms ease, visibility 0s;
}
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container {
position: relative;
z-index: 1;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon {
filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));
transition: all 0.2s ease-out;
}
.mwai-chatgpt-theme .mwai-trigger .mwai-icon-container .mwai-icon:hover {
cursor: pointer;
transform: scale(1.05);
}
.mwai-chatgpt-theme.mwai-window {
position: fixed;
right: 30px;
bottom: 30px;
width: var(--mwai-width);
z-index: 9999;
}
.mwai-chatgpt-theme.mwai-window .mwai-window-box {
position: relative;
z-index: 1;
}
.mwai-chatgpt-theme.mwai-window .mwai-header {
display: none;
justify-content: flex-end;
align-items: center;
border-radius: var(--mwai-borderRadius) var(--mwai-borderRadius) 0 0;
background: var(--mwai-backgroundHeaderColor);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons {
display: flex;
align-items: center;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button {
justify-content: center;
height: 32px;
width: 32px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button:before {
transition: all 0.2s ease-out;
content: " ";
cursor: pointer;
position: absolute;
height: 13px;
width: 13px;
border: 1px solid var(--mwai-headerColor);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-resize-button:hover:before {
width: 16px;
height: 16px;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button {
justify-content: center;
height: 32px;
width: 32px;
cursor: pointer;
border-radius: var(--mwai-borderRadius);
margin-left: -10px;
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:before {
transition: all 0.2s ease-out;
transform: translate(16px, 5px) rotate(45deg);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:after {
transition: all 0.2s ease-out;
transform: translate(16px, 5px) rotate(-45deg);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:before, .mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:after {
content: " ";
cursor: pointer;
position: absolute;
height: 22px;
width: 1px;
background-color: var(--mwai-headerColor);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:hover:before {
opacity: 1;
transform: translate(16px, 5px) rotate(135deg);
}
.mwai-chatgpt-theme.mwai-window .mwai-header .mwai-buttons .mwai-close-button:hover:after {
opacity: 1;
transform: translate(16px, 5px) rotate(45deg);
}
.mwai-chatgpt-theme.mwai-window.mwai-opening, .mwai-chatgpt-theme.mwai-window.mwai-closing {
cursor: default !important;
}
.mwai-chatgpt-theme.mwai-window.mwai-opening .mwai-header, .mwai-chatgpt-theme.mwai-window.mwai-closing .mwai-header {
cursor: default !important;
}
.mwai-chatgpt-theme.mwai-window .mwai-body {
display: none;
opacity: 0;
max-height: var(--mwai-maxHeight);
border-radius: 0 0 var(--mwai-borderRadius) var(--mwai-borderRadius);
}
.mwai-chatgpt-theme.mwai-window.mwai-bottom-left {
bottom: 30px;
right: inherit;
left: 30px;
}
.mwai-chatgpt-theme.mwai-window.mwai-bottom-left .mwai-trigger {
right: inherit;
left: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right {
top: 30px;
bottom: inherit;
right: 30px;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right .mwai-trigger {
top: 0;
bottom: inherit;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-left {
top: 30px;
bottom: inherit;
right: inherit;
left: 30px;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger {
top: 0;
bottom: inherit;
right: inherit;
left: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-center-open.mwai-open {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
right: auto;
bottom: auto;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-window.mwai-center-open.mwai-open {
width: calc(100% - 40px);
max-width: var(--mwai-width);
}
}
.mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger, .mwai-chatgpt-theme.mwai-window.mwai-bottom-left .mwai-trigger {
align-items: flex-start;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right .mwai-trigger, .mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger {
flex-direction: column-reverse;
}
.mwai-chatgpt-theme.mwai-window.mwai-top-right .mwai-trigger .mwai-icon-text, .mwai-chatgpt-theme.mwai-window.mwai-top-left .mwai-trigger .mwai-icon-text {
margin-bottom: 0;
margin-top: 15px;
}
.mwai-chatgpt-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons {
margin-bottom: 0px;
}
.mwai-chatgpt-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons .mwai-resize-button:before {
width: 16px;
height: 16px;
}
.mwai-chatgpt-theme.mwai-window.mwai-fullscreen .mwai-header .mwai-buttons .mwai-resize-button:hover:before {
width: 13px;
height: 13px;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) {
position: fixed;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: 0 !important;
width: 100%;
height: 100%;
height: 100vh;
height: 100dvh;
max-height: 100dvh;
max-width: 100%;
display: flex;
flex-direction: column;
margin: 0;
z-index: 999999;
background-color: var(--mwai-backgroundSecondaryColor);
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-header {
border-radius: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body {
flex: 1;
min-height: 0;
max-height: inherit;
border-radius: 0;
display: flex !important;
flex-direction: column !important;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-conversation {
flex: 0 1 auto !important;
max-height: none;
overflow-y: auto;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-fullscreen-spacer {
flex: 1 1 auto !important;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-input {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-footer {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body .mwai-files {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-window-box {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-header {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window) .mwai-body {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
height: 100%;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open {
position: fixed;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: 0 !important;
width: 100%;
height: 100%;
height: 100vh;
height: 100dvh;
max-height: 100dvh;
max-width: 100%;
display: flex;
flex-direction: column;
margin: 0;
z-index: 999999;
background-color: var(--mwai-backgroundSecondaryColor);
transform: none !important;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-header {
border-radius: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body {
flex: 1;
min-height: 0;
max-height: inherit;
border-radius: 0;
display: flex !important;
flex-direction: column !important;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-conversation {
flex: 0 1 auto !important;
max-height: none;
overflow-y: auto;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-fullscreen-spacer {
flex: 1 1 auto !important;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-input {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-footer {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body .mwai-files {
flex: 0 0 auto;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-window-box {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open .mwai-body {
flex: 1 1 auto;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-header {
display: flex;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body {
display: flex;
transition: opacity 200ms ease-in-out 0s;
opacity: 1;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-trigger {
display: none;
}
.mwai-chatgpt-theme .mwai-body > .mwai-error {
margin: var(--mwai-spacing);
color: white;
background: rgba(180, 55, 55, 0.55);
padding: var(--mwai-spacing);
border-radius: var(--mwai-borderRadius);
}
.mwai-chatgpt-theme .mwai-body > .mwai-error:hover {
cursor: pointer;
background: rgba(180, 44, 44, 0.85);
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-text {
color: #ff5656;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-text a {
color: #ff5656;
text-decoration: underline;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button {
fill: var(--mwai-fontColor);
padding: 3px 5px;
width: 24px;
height: 24px;
background: var(--mwai-backgroundPrimaryColor);
cursor: pointer;
border-radius: 5px;
}
.mwai-chatgpt-theme .mwai-reply.mwai-error .mwai-reply-actions .mwai-action-button:hover {
filter: brightness(1.2);
}
.mwai-chatgpt-theme .mwai-reply-actions {
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.mwai-chatgpt-theme .mwai-reply:hover .mwai-reply-actions {
opacity: 1 !important;
}
.mwai-chatgpt-theme .mwai-form-output-container:hover .mwai-reply-actions {
opacity: 1 !important;
}
.mwai-chatgpt-theme .mwai-form-output-container:hover .mwai-reply-actions.mwai-hidden {
opacity: 1 !important;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-trigger .mwai-icon-container {
background: var(--mwai-bubbleColor) !important;
width: 60px !important;
height: 60px !important;
border-radius: 100% !important;
transition: all 0.2s ease-out;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-trigger .mwai-icon-container .mwai-icon {
max-width: 50% !important;
max-height: 50% !important;
filter: none !important;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-trigger .mwai-icon-container .mwai-icon:hover {
transform: none !important;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-trigger .mwai-icon-container .mwai-emoji {
font-size: 30px !important;
}
.mwai-chatgpt-theme.mwai-bubble .mwai-trigger .mwai-icon-container:hover {
cursor: pointer;
filter: brightness(1.1);
}
@media (max-width: 760px) {
.mwai-chatgpt-theme.mwai-window.mwai-open {
position: fixed;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100%;
min-height: 100%;
min-height: 100vh;
min-height: 100dvh;
height: 100dvh;
max-height: 100dvh;
max-width: 100%;
margin: 0;
z-index: 999999;
background-color: var(--mwai-backgroundPrimaryColor, var(--mwai-backgroundSecondaryColor));
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
padding-top: env(safe-area-inset-top, 0);
padding-left: env(safe-area-inset-left, 0);
padding-right: env(safe-area-inset-right, 0);
box-sizing: border-box;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-window-box {
width: 100%;
height: 100%;
flex: 1;
display: flex;
flex-direction: column;
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
background: transparent !important;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-header {
display: none !important;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body {
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
border-radius: 0 !important;
overflow: hidden;
background: var(--mwai-backgroundPrimaryColor, var(--mwai-backgroundSecondaryColor));
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-conversation {
flex: 1;
overflow-y: auto;
max-height: none;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-input {
flex-shrink: 0;
position: relative;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-footer {
flex-shrink: 0;
position: relative;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-body:last-child .mwai-input {
padding-bottom: env(safe-area-inset-bottom, 0);
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header {
display: flex;
position: sticky;
top: 0;
left: 0;
right: 0;
min-height: 50px;
background: var(--mwai-backgroundHeaderColor);
border-bottom: 1px solid var(--mwai-lineColor);
padding: 0 15px;
padding-top: env(safe-area-inset-top, 0);
padding-left: calc(15px + env(safe-area-inset-left, 0));
padding-right: calc(15px + env(safe-area-inset-right, 0));
align-items: center;
justify-content: space-between;
z-index: 10;
flex-shrink: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-title {
font-size: 16px;
font-weight: 600;
color: var(--mwai-headerColor);
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close {
all: unset;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
min-width: 32px;
cursor: pointer;
border-radius: 6px;
transition: background-color 0.2s ease;
-webkit-tap-highlight-color: transparent;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close:hover, .mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close:active {
background-color: var(--mwai-backgroundSecondaryColor);
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close svg {
width: 20px;
height: 20px;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-mobile-header .mwai-mobile-header-close svg path {
stroke: var(--mwai-headerColor);
}
.mwai-chatgpt-theme.mwai-window.mwai-open.mwai-center-open {
top: 0 !important;
left: 0 !important;
transform: none !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
max-width: 100% !important;
height: 100dvh !important;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input {
flex-direction: column;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input button {
font-size: 16px;
margin-left: 0;
width: 100%;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input .mwai-input-text {
width: 100%;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input .mwai-input-text input, .mwai-chatgpt-theme.mwai-window.mwai-open .mwai-input .mwai-input-text textarea {
font-size: 16px;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body {
display: flex;
transition: opacity 200ms ease-in-out 0s;
opacity: 1;
flex: 1;
min-height: 0;
max-height: inherit;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-body .mwai-conversation {
flex: 1;
max-height: none;
min-height: 0;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-resize-button {
display: none !important;
}
.mwai-chatgpt-theme.mwai-window.mwai-open .mwai-trigger {
display: none;
}
}
@keyframes mwai-button-spinner {
from {
transform: rotate(0turn);
}
to {
transform: rotate(1turn);
}
}
.mwai-chatgpt-theme button:not(.mwai-busy):before {
content: none !important;
display: none !important;
animation: none !important;
}
.mwai-chatgpt-theme .admin-bar .mwai-fullscreen:not(.mwai-window),
.mwai-chatgpt-theme .admin-bar .mwai-fullscreen.mwai-window.mwai-open {
top: 32px;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line {
display: flex;
align-items: flex-start;
color: var(--mwai-terminal-active-color, var(--mwai-fontColor));
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-prompt {
color: var(--mwai-terminal-active-color, currentColor);
margin-left: -4px;
margin-right: 4px;
display: inline-flex;
align-items: center;
height: 1.5em;
line-height: 1.2;
flex-shrink: 0;
align-self: flex-start;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-prompt svg {
display: block;
width: 1.4em;
height: 1.4em;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-input-wrapper {
flex: 1;
display: inline;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-typed {
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor {
display: inline-block;
width: 8px;
height: 16px;
background: currentColor;
vertical-align: text-bottom;
margin-left: 2px;
transition: opacity 0.2s ease;
opacity: 0.35;
animation: none;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor.mwai-terminal-cursor-active {
opacity: 1;
animation: mwai-caret-blink 1s steps(2, start) infinite;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor.mwai-terminal-cursor-typing {
opacity: 1;
animation: none;
}
.mwai-chatgpt-theme .mwai-input .mwai-terminal-line .mwai-terminal-cursor.mwai-terminal-cursor-inactive {
opacity: 0.35;
animation: none;
}
.mwai-chatgpt-theme pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em;
}
.mwai-chatgpt-theme code.hljs {
padding: 3px 5px;
}
.mwai-chatgpt-theme .hljs {
color: #fff;
}
.mwai-chatgpt-theme .hljs-subst {
color: #fff;
}
.mwai-chatgpt-theme .hljs-comment {
color: #999;
}
.mwai-chatgpt-theme .hljs-attr, .mwai-chatgpt-theme .hljs-doctag, .mwai-chatgpt-theme .hljs-keyword, .mwai-chatgpt-theme .hljs-meta .hljs-keyword, .mwai-chatgpt-theme .hljs-section, .mwai-chatgpt-theme .hljs-selector-tag {
color: #88aece;
}
.mwai-chatgpt-theme .hljs-attribute {
color: #c59bc1;
}
.mwai-chatgpt-theme .hljs-name, .mwai-chatgpt-theme .hljs-number, .mwai-chatgpt-theme .hljs-quote, .mwai-chatgpt-theme .hljs-selector-id, .mwai-chatgpt-theme .hljs-template-tag, .mwai-chatgpt-theme .hljs-type {
color: #f08d49;
}
.mwai-chatgpt-theme .hljs-selector-class {
color: #88aece;
}
.mwai-chatgpt-theme .hljs-link, .mwai-chatgpt-theme .hljs-regexp, .mwai-chatgpt-theme .hljs-selector-attr, .mwai-chatgpt-theme .hljs-string, .mwai-chatgpt-theme .hljs-symbol, .mwai-chatgpt-theme .hljs-template-variable, .mwai-chatgpt-theme .hljs-variable {
color: #b5bd68;
}
.mwai-chatgpt-theme .hljs-meta, .mwai-chatgpt-theme .hljs-selector-pseudo {
color: #88aece;
}
.mwai-chatgpt-theme .hljs-built_in, .mwai-chatgpt-theme .hljs-literal, .mwai-chatgpt-theme .hljs-title {
color: #f08d49;
}
.mwai-chatgpt-theme .hljs-bullet, .mwai-chatgpt-theme .hljs-code {
color: #ccc;
}
.mwai-chatgpt-theme .hljs-meta .hljs-string {
color: #b5bd68;
}
.mwai-chatgpt-theme .hljs-deletion {
color: #de7176;
}
.mwai-chatgpt-theme .hljs-addition {
color: #76c490;
}
.mwai-chatgpt-theme .hljs-emphasis {
font-style: italic;
}
.mwai-chatgpt-theme .hljs-strong {
font-weight: 700;
}
.mwai-chatgpt-theme .mwai-reply-actions {
position: absolute;
border-radius: 5px;
top: 10px;
right: 10px;
display: flex;
align-items: center;
padding: 2px 2px;
z-index: 100;
background: var(--mwai-backgroundPrimaryColor);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
z-index: 100;
}
.mwai-chatgpt-theme .mwai-reply-actions .mwai-copy-button,
.mwai-chatgpt-theme .mwai-reply-actions .mwai-download-button {
fill: var(--mwai-fontColor);
padding: 3px 5px;
width: 24px;
height: 24px;
background: var(--mwai-backgroundPrimaryColor);
cursor: pointer;
border-radius: 5px;
}
.mwai-chatgpt-theme .mwai-reply-actions .mwai-copy-button:hover,
.mwai-chatgpt-theme .mwai-reply-actions .mwai-download-button:hover {
filter: brightness(1.2);
}
.mwai-chatgpt-theme .mwai-reply-actions.mwai-hidden {
opacity: 0;
}
.mwai-chatgpt-theme .mwai-realtime {
padding: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-visualizer {
display: flex;
justify-content: center;
align-items: center;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-visualizer hr {
width: 100px;
margin-right: var(--mwai-spacing);
margin-left: var(--mwai-spacing);
border: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-visualizer .mwai-animation {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: var(--mwai-spacing);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls > * + * {
margin-left: 10px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls button {
border-radius: 100%;
width: 50px;
height: 50px;
margin: 5px;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
color: var(--mwai-fontColor);
border: 2px solid var(--mwai-backgroundPrimaryColor);
background: none;
cursor: pointer;
transition: all 0.2s ease-out;
min-width: inherit;
max-width: inherit;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls button:hover:not(:disabled) {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls button:disabled {
opacity: 0.5;
cursor: not-allowed;
background: none;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls button.mwai-active {
border: 2px solid var(--mwai-fontColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode {
flex-direction: column;
gap: 8px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk {
border-radius: calc(var(--mwai-borderRadius) * 0.8);
width: auto;
min-width: 120px;
padding: 12px 24px;
margin: 5px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: var(--mwai-fontColor);
border: 2px solid var(--mwai-backgroundPrimaryColor);
background: none;
cursor: pointer;
transition: all 0.2s ease-out;
font-family: inherit;
font-size: var(--mwai-fontSize);
line-height: 1.2;
font-weight: 500;
height: auto;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk:hover:not(:disabled) {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk:disabled {
opacity: 0.5;
cursor: not-allowed;
background: none;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk.mwai-active {
border: 2px solid var(--mwai-fontColor);
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-push-to-talk svg {
width: 18px;
height: 18px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-controls.mwai-hold-to-talk-mode .mwai-talk-hint {
font-size: 12px;
color: var(--mwai-fontColor);
opacity: 0.6;
text-align: center;
margin: 0;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-last-transcript {
margin: var(--mwai-spacing);
margin-top: 0;
border: 2px solid var(--mwai-backgroundPrimaryColor);
padding: calc(var(--mwai-spacing) / 2);
border-radius: var(--mwai-borderRadius);
display: flex;
justify-content: center;
font-size: 80%;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-statistics {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-row-gap: 10px;
font-size: 14px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-statistics div {
display: flex;
flex-direction: column;
align-items: center;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-statistics label {
font-size: 11px;
opacity: 0.5;
text-transform: uppercase;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-options {
margin-top: var(--mwai-spacing);
display: flex;
align-items: center;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-options .mwai-option {
cursor: pointer;
opacity: 0.5;
margin-right: 2px;
}
.mwai-chatgpt-theme .mwai-realtime .mwai-options .mwai-option.mwai-active {
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions {
border-radius: var(--mwai-borderRadius);
background: var(--mwai-backgroundHeaderColor);
overflow: hidden;
}
.mwai-chatgpt-theme.mwai-discussions * {
box-sizing: border-box;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion {
display: flex;
position: relative;
padding-left: calc(var(--mwai-spacing) / 2);
padding-right: calc(var(--mwai-spacing) / 2);
padding-bottom: calc(var(--mwai-spacing) / 2);
color: var(--mwai-conversationsTextColor);
opacity: 0.65;
align-items: center;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-content {
flex: 1;
padding: 5px 10px;
overflow: hidden;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: var(--mwai-fontSize);
margin-bottom: 4px;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-info {
display: flex;
gap: 12px;
font-size: calc(var(--mwai-fontSize) * 0.85);
opacity: 0.7;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-info .mwai-info-item {
display: flex;
align-items: center;
gap: 4px;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-info .mwai-info-item svg {
opacity: 0.6;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-actions {
position: absolute;
top: 50%;
right: calc(var(--mwai-spacing) / 2);
transform: translateY(-50%);
opacity: 0;
transition: opacity 0.2s ease-out;
z-index: 100;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion .mwai-discussion-actions .mwai-menu-icon {
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: var(--mwai-conversationsTextColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion.mwai-active {
cursor: pointer;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion.mwai-active .mwai-discussion-content {
background: var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:hover {
cursor: pointer;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:hover .mwai-discussion-content {
background: var(--mwai-backgroundPrimaryColor);
border-radius: var(--mwai-borderRadius);
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:hover .mwai-discussion-actions {
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:has(.mwai-context-menu) .mwai-discussion-actions {
opacity: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussion:first-child {
margin-top: calc(var(--mwai-spacing) / 2);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header {
color: var(--mwai-headerColor);
padding: var(--mwai-spacing);
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button {
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
border: none;
padding: 8px 16px;
border-radius: var(--mwai-borderRadius);
cursor: pointer;
transition: all 0.2s ease-out;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button:hover:not(:disabled) {
background: var(--mwai-iconTextBackgroundColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header .mwai-refresh-btn {
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-body {
background: var(--mwai-conversationsBackgroundColor);
list-style: none;
padding: 0;
margin: 0;
position: relative;
min-height: 200px;
display: flex;
flex-direction: column;
border-radius: 0;
z-index: 1;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-loading-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--mwai-conversationsBackgroundColor);
opacity: 0.9;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-spinner {
animation: spin 1s linear infinite;
color: var(--mwai-fontColor);
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination {
background: var(--mwai-backgroundHeaderColor);
padding: var(--mwai-spacing);
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button {
background: var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
border: none;
padding: 8px 12px;
border-radius: var(--mwai-borderRadius);
cursor: pointer;
transition: all 0.2s ease-out;
display: flex;
align-items: center;
justify-content: center;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button:hover:not(:disabled) {
background: var(--mwai-iconTextBackgroundColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination span {
color: var(--mwai-headerColor);
font-size: var(--mwai-fontSize);
font-weight: 500;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination .mwai-page-indicator {
color: var(--mwai-headerColor);
font-size: calc(var(--mwai-fontSize) * 0.85);
font-weight: 400;
opacity: 0.8;
}
.mwai-chatgpt-theme .mwai-chunks {
background: rgba(255, 255, 255, 0.05);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header {
color: #9ca3af;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header .mwai-chunks-toggle {
border-color: rgba(255, 255, 255, 0.1);
color: #9ca3af;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunks-header .mwai-chunks-toggle:hover {
background: rgba(255, 255, 255, 0.05);
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk {
background: rgba(255, 255, 255, 0.08);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-time {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-data {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-header .mwai-chunk-expand {
color: #e5e7eb;
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details {
background: rgba(0, 0, 0, 0.2);
}
.mwai-chatgpt-theme .mwai-chunks .mwai-chunk .mwai-chunk-details pre {
color: #d1d5db;
}
@media (max-width: 760px) {
.mwai-chatgpt-theme .mwai-input {
flex-direction: column;
padding: var(--mwai-spacing);
background: var(--mwai-backgroundSecondaryColor);
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme .mwai-input .mwai-input-submit {
margin: 15px 0 0 0;
height: 40px;
width: 100%;
}
.mwai-chatgpt-theme .mwai-name {
margin-right: 0;
max-width: inherit;
}
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header {
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
border-bottom: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button {
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
border: 1px solid var(--mwai-borderColor);
padding: calc(var(--mwai-spacing) / 2) var(--mwai-spacing);
border-radius: 5px;
cursor: pointer;
transition: all 0.2s ease-out;
font-size: calc(var(--mwai-fontSize) * 0.9);
margin-left: 0;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button:hover:not(:disabled) {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-header button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination {
background: var(--mwai-backgroundSecondaryColor);
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button {
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
border: 1px solid var(--mwai-borderColor);
padding: calc(var(--mwai-spacing) / 2) var(--mwai-spacing);
border-radius: 5px;
cursor: pointer;
transition: all 0.2s ease-out;
font-size: calc(var(--mwai-fontSize) * 0.9);
margin-left: 0;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button:hover:not(:disabled) {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-pagination button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-footer,
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-pagination {
background: var(--mwai-backgroundSecondaryColor);
border-top: 1px solid var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-footer .mwai-new-chat-button,
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-pagination .mwai-new-chat-button {
width: 100%;
background: var(--mwai-backgroundSecondaryColor);
color: var(--mwai-fontColor);
border: 1px solid var(--mwai-borderColor);
padding: calc(var(--mwai-spacing) / 2) var(--mwai-spacing);
border-radius: 5px;
cursor: pointer;
transition: all 0.2s ease-out;
font-size: calc(var(--mwai-fontSize) * 0.9);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-footer .mwai-new-chat-button:hover,
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-pagination .mwai-new-chat-button:hover {
background: var(--mwai-backgroundPrimaryColor);
}
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-footer .mwai-new-chat-button:disabled,
.mwai-chatgpt-theme.mwai-discussions .mwai-discussions-pagination .mwai-new-chat-button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu {
background: var(--mwai-backgroundSecondaryColor);
border: 1px solid var(--mwai-backgroundPrimaryColor);
color: var(--mwai-fontColor);
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu .mwai-menu-item:hover {
background-color: var(--mwai-backgroundPrimaryColor);
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu .mwai-menu-item.mwai-danger {
color: var(--mwai-errorTextColor);
}
.mwai-context-menu-portal.mwai-chatgpt-theme .mwai-context-menu .mwai-menu-item.mwai-danger:hover {
background-color: var(--mwai-errorBackgroundColor);
}.wpp-no-data {
} .wpp-list {
} .wpp-list li {
overflow: hidden;
float: none;
clear: both;
margin-bottom: 1rem;
}
.wpp-list li:last-of-type {
margin-bottom: 0;
} .wpp-list li.current {
} .wpp-thumbnail {
display: inline;
float: left;
margin: 0 1rem 0 0;
border: none;
} .wpp-post-title {
} .wpp-excerpt {
}
.wpp-excerpt:empty {
display: none;
} .wpp-meta, .post-stats {
display: block;
font-size: 0.8em;
}
.wpp-meta:empty, .post-stats:empty {
display: none;
} .wpp-comments {
} .wpp-views {
} .wpp-author {
} .wpp-date {
} .wpp-category {
} .wpp-rating {
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}.bypostauthor,.gallery-caption,.sticky{background:0 0}[hidden],audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif;color:#222}body{margin:0;}a:focus{outline:dotted thin}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ol,nav ul{list-style:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.wp-caption,.wp-caption-text{font-size:11px; font-weight:400; line-height:1.2; color:#282828; }.clearfix-pro:after,.clearfix-pro:before{content:"";display:table}.clearfix-pro:after{clear:both}.lt-ie8 .clearfix-pro{visibility:hidden;width:0;height:0;clear:both} @font-face { font-family: 'progression-custom-icons';  src: url(//myafrorecipes.com/wp-content/themes/thatix-progression/inc/fonts/custom-icons/font/progression-custom-icons.eot?46688846); src: url(//myafrorecipes.com/wp-content/themes/thatix-progression/inc/fonts/custom-icons/font/progression-custom-icons.eot?46688846#iefix) format('embedded-opentype'), url(//myafrorecipes.com/wp-content/themes/thatix-progression/inc/fonts/custom-icons/font/progression-custom-icons.woff2?46688846) format('woff2'), url(//myafrorecipes.com/wp-content/themes/thatix-progression/inc/fonts/custom-icons/font/progression-custom-icons.woff?46688846) format('woff'), url(//myafrorecipes.com/wp-content/themes/thatix-progression/inc/fonts/custom-icons/font/progression-custom-icons.ttf?46688846) format('truetype'), url(//myafrorecipes.com/wp-content/themes/thatix-progression/inc/fonts/custom-icons/font/progression-custom-icons.svg?46688846#progression-custom-icons) format('svg'); font-weight: normal; font-style: normal; } [class^="progression-icon-"]:before, [class*=" progression-icon-"]:before { font-family: "progression-custom-icons"; display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .progression-icon-shopping-cart:before { content: '\e800';  } .progression-icon-close:before { content: '\e801'; } .progression-icon-shopping-bag:before { content: '\e802'; } .progression-icon-search:before { content: '\e803'; }  body {
background:#f8f8f8;
}
a {
color:#4145ee;
}
a:hover {
color:#292ca7;
}
img {
max-width:100%; 
height: auto; 
}
body iframe {
border:none;
}
body a img, body a {
outline:none; 
text-decoration:none;
}
p {
padding-top:0px; 
margin:0px;
}
p, ul, ol {
margin-bottom: 28px;
}
ul, ol {
margin-left:8px; 
padding-left:16px;
}
img {
max-width: 100%;
height: auto;  
}
video, audio {
max-width:100%;
}
.alignright {
float:right; 
margin:0 0 15px 25px;
}
.alignleft {
float:left;
margin:0px 25px 15px 0px;
}
.aligncenter {
text-align:center;
}
.aligncenter.wp-caption {
margin-left:auto;
margin-right:auto;
}
body hr {
background:#e7e8eb;
height:2px;
border:none;
margin:35px 0px 40px 0px;
width:100%;
overflow:hidden;
}
blockquote {
border-left:4px solid #aaaaaa;
margin-left:0px;
padding-left:30px;
line-height:1.8;
font-size:105%;
}
blockquote a:hover, blockquote a {
color:#666666;
}
blockquote.alignleft, blockquote.alignright {
width:32%;
float:left;
border-left:none;
border-top:4px solid #666666;
padding:15px 15px 0px 15px;
margin-bottom:0px;
}
blockquote.alignright {
float:right;
}
table {
width:100%;
background:#ffffff;
border-collapse: separate; 
border-spacing: 0;
margin: 0 0 2em;
max-width: 100%;
border-left:1px solid #eaeaea;
border-top:1px solid #eaeaea;
font-size:14px;
}
th, td {
color:#606060;
border: 1px solid #eaeaea;
}
table th { 
background:#ffffff;
font-weight:700;
font-size:16px;
}
table thead th {
background:#eaeaea;
}
table caption, table th, table td {
font-weight: normal;
text-align: left; 
}
table th {
border-width: 0 1px 1px 0;
font-weight: 700;
color:#444444;
}
table td {
border-width: 0 1px 1px 0;
}
table tr th, table tr td {
padding: 8px 12px;
}
.wp-block-table.is-style-stripes {
border-bottom:1px solid #1d1f22;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color:rgba(0,0,0,  0.05);
} body,  body input, body textarea, select { 
line-height: 1.6; 
font-size:16px;
color:#7d7f82;
font-family: 'Barlow', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
-ms-word-wrap: break-word;
word-wrap: break-word; 
padding:0px;
color:#2e2f31;
margin:0px 0px 15px 0px;
line-height:1.4;
font-weight:600;
font-family: 'Barlow', sans-serif;
}
h1 { 
font-size:36px; 
line-height:1.2;
}
h2 { 
font-size:30px; 
}
h3 { 
font-size:24px;
}
h4{
font-size:20px;
}
h5 {
font-size:18px;
}
h6 { 
font-size:17px;
} #pro-scroll-top {
transition-duration: 250ms; 
transition-property: color, background-color, height; 
transition-timing-function: ease-in-out;
}
.cooked-browse-search-button,
body .wpd-av button,
.elementor-social-icon i,
#content-pro ul.products h2.woocommerce-loop-category__title,
#content-pro ul.products h2.woocommerce-loop-product__title,
.elementor-icon-list-item .elementor-icon-list-icon i,
.elementor-icon-list-item .elementor-icon-list-text,
.boosted-slider-arrow-down,
h2.progression-thatix-progression-slider-title,
h2.progression-blog-title,
.related-overlay-blog-meta-category-list span,
.overlay-progression-studios-blog-image,
#progression-studios-nav-bg,
h3.helpmeout-loop-category__title,
.wpcrowd-arrow-down,
select,
.sf-menu li.highlight-button a:before,
.mobile-menu-icon-pro,
a, input, textarea {
transition-duration: 250ms; 
transition-property: color, background-color, opacity, border; 
transition-timing-function: ease-in-out;
}
.progression-blog-content,
.progression-studios-index-gradient,
#error-page-index,
#progression-studios-next-previous-post a:before,
.progression-studios-default-portfolio,
.progression-studios-default-blog-index {
transition-duration: 350ms; 
transition-property: all; 
transition-timing-function: ease-in-out;
}
.progression-studios-shop-overlay-buttons,
a.progression-studios-overlay-blog-index:before,
a#progression-studios-next-post i,
a#progression-studios-previous-post i,
ul.progression-studios-header-social-icons li a,
#progression-shopping-cart-toggle a .shopping-cart-header-icon,
#progression-studios-header-search-icon .progression-icon-search,
#boxed-layout-pro input#submit,
#boxed-layout-pro button.button,
ul.progression-filter-button-group li:after,
ul.progression-filter-button-group li,
footer#site-footer a,
.tp-thumbs.custom .tp-thumb,
#progression-shopping-cart-count span.progression-cart-count,
.sf-menu a:before  {
transition-duration: 250ms; 
transition-property: all; 
transition-timing-function: ease-in-out;
}
#logo-pro img,
.sf-menu a, 
#progression-shopping-cart-count a {
transition-duration: 250ms; 
transition-property:  padding-top, padding-bottom, color, background-color, width; 
transition-timing-function: ease-in-out;
}
header#masthead-pro:after {
transition-duration: 350ms; 
transition-property: all; 
transition-timing-function: ease-in-out;
}
.progression-studios-transparent-header #progression-sticky-header {
transition-duration: 350ms; 
transition-property: all; 
transition-timing-function: ease-in-out;
}
header#masthead-pro {
transition-duration: 350ms; 
transition-property: background; 
transition-timing-function: ease-in-out;
}
.no-hover-transition {
transition-duration: 0ms; 
transition-property: all; 
transition-timing-function: ease-in-out;
} @keyframes ProMoveUp {
from { }
to { transform: translateY(0px); opacity: 1;  }
}
@keyframes ProMoveOut {
from { visibility:visible; opacity:1; }
to {  opacity: 0; visibility:hidden; }
}
li.sfHover ul.sf-mega,
li.sfHover ul.sub-menu {
transform: translateY(20px);
opacity:0;
animation-duration:250ms;
animation-name: ProMoveUp;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
body #progression-checkout-basket {
opacity:0;
visibility:hidden;
}
body .hover-out-class #progression-checkout-basket {
animation-duration:200ms;
animation-name: ProMoveOut;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
body .activated-class #progression-checkout-basket {
transform: translateY(20px);
opacity:0;
visibility:visible;
animation-duration:250ms;
animation-name: ProMoveUp;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
body #progression-studios-header-search-icon.hide-search-icon-pro #panel-search-progression {
animation-duration:200ms;
animation-name: ProMoveOut;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
body #progression-studios-header-search-icon.active-search-icon-pro #panel-search-progression {
transform: translateY(20px);
visibility:visible;
animation-duration:250ms;
animation-name: ProMoveUp;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
body #panel-search-progression {
visibility: hidden;
z-index:5;
opacity: 0;
}  .width-container-over-ride,
body.elementor-page.single-product  #content-pro .width-container-pro,
.width-container-pro { 
width:1200px;
margin: 0 auto;
position:relative;
padding:0px;
}
body.elementor-page  #content-pro .width-container-pro {
width:100%;
}
body.elementor-page.page .progression-studios-page-sidebar-on #content-pro .width-container-pro {
width:1200px;
margin: 0 auto;
}
.progression-studios-header-full-width-no-gap #thatix-progression-header-top .width-container-pro,
footer#site-footer.progression-studios-footer-full-width .width-container-pro,
.progression-studios-header-full-width #thatix-progression-header-top .width-container-pro,
.progression-studios-page-title-full-width #page-title-pro .width-container-pro {
width:auto;
padding-right:0px;
padding-left:40px;
}
.progression-studios-header-full-width header#masthead-pro .width-container-pro {
width:auto;
margin:0px auto;
padding:0px;
}
@media only screen and (min-width: 1025px) {
.progression-studios-header-full-width-no-gap.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro,
.progression-studios-header-full-width.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro {
padding-right:0px;
}
}
.progression-studios-header-full-width-no-gap header#masthead-pro .width-container-pro {
width:auto;
padding-right:20px;
}
#page-title-pro {
margin-bottom:50px;
}
#content-pro {
position:relative;
padding-bottom:50px;
}
#main-container-pro {
float:left;
width:69%;
position:relative;
}
.single-cp_recipe .progression-studios-hide-sidebar-global #main-container-pro,
.search .no-active-sidebar-progression-studios #main-container-pro,
.archive .no-active-sidebar-progression-studios #main-container-pro,
.single-post .no-active-sidebar-progression-studios #main-container-pro,
.blog .progression-studios-sidebar-hide-no-content-blog #main-container-pro,
.blog .no-active-sidebar-progression-studios #main-container-pro {
float:none;
width:100%;
margin-left:auto;
margin-right:auto;
}
.single-cp_recipe .progression-studios-hide-sidebar-global .sidebar,
.search .no-active-sidebar-progression-studios .sidebar,
.archive .no-active-sidebar-progression-studios .sidebar,
.single-post .progression-studios-sidebar-hide-no-content-blog .sidebar,
.blog .progression-studios-sidebar-hide-no-content-blog .sidebar,
.blog .no-active-sidebar-progression-studios .sidebar {
display:none;
}
.sidebar {
float:right; 
width:28%;	
}
.left-sidebar-pro #main-container-pro {
float:right;
}
.left-sidebar-pro .sidebar {
float:left;
} .progression-disable-header-per-page #progression-studios-header-position {
display:none;
}
.progression-disable-footer-per-page footer#site-footer {
display:none;
}
.progression-studios-transparent-header #progression-studios-header-position {
position:absolute;
width:100%;
z-index:50;
}
.progression-studios-overlay-header #progression-studios-header-position {
position:absolute;
width:100%;
z-index:50;
}
#progression-studios-header-position {
position:relative;
width:100%;
margin:0 auto;
}
.progression-studios-transparent-header header#masthead-pro {
box-shadow: none;
-webkit-font-smoothing:antialiased;
background:none;
}
.progression-studios-header-full-width #progression-studios-header-width header#masthead-pro .width-container-pro {
width:auto;
padding-right:40px;
padding-left:40px ;
}
header#masthead-pro:after {
display:none;
height:1px;
content:'';
width:100%;
position:absolute;
margin-bottom:-1px;
background:transparent;
z-index:1;
}
.progression-studios-transparent-header .progression-sticky-scrolled header#masthead-pro:after {
display:none;
}
header#masthead-pro .width-container-pro.progression-studios-logo-container {
z-index:50;
}
.progression-studios-transparent-header .progression-sticky-scrolled header#masthead-pro,
.progression-studios-transparent-header .progression-studios-overlay-header header#masthead-pro,
header#masthead-pro {
z-index:50;
position:relative;
width:100%;
}
.progression-sticky-scrolled header#masthead-pro {
border:none;
}
.progression-studios-transparent-header.progression-studios-header-shadow #progression-sticky-header {
box-shadow: 0px 0px 60px rgba(0,0,0,  0);
}
.progression-studios-header-shadow header#masthead-pro {
box-shadow: 0px 0px 10px rgba(0,0,0,  0.08);
}
header#masthead-pro #logo-pro {
z-index:55;
margin:0px;
padding:0px;
line-height:1;
font-size:5px;
border:none;
position:relative;
}
.progression-studios-logo-position-right header#masthead-pro #logo-pro,
.progression-studios-logo-position-right #logo-pro {
float:right;
margin-left:25px;
margin-right:0px;
}
body .progression-studios-logo-position-center header#masthead-pro #logo-pro,
body .progression-studios-logo-position-center #logo-pro {
float:none ;
margin:0 auto ;
text-align:center ;
}
body .progression-studios-logo-position-center #logo-pro img {
margin:0 auto ;
}
header#masthead-pro #logo-pro a {
display:block;
}
body #logo-pro img {
max-width:100%;
}
body.admin-bar .progression-sticky-scrolled {
margin-top:32px;
}
.progression-studios-sticky-logo {
display:none;
float:left;
}
.progression-sticky-scrolled .progression-studios-sticky-logo {
display:block;
}
.progression-sticky-scrolled .progresion-studios-still-hide-onsticky,
.progression-sticky-scrolled .progression-studios-hide-mobile-custom-logo {
display:none;
}
.progression-sticky-scrolled .progression-studios-custom-logo-per-page-hide-default {
display:block;
}
.progression-sticky-scrolled .progression-studios-default-logo-hide.progression-studios-default-logo {
display:none;
}
.progression-studios-custom-logo-per-page-hide-default {
display:none;
}
#progression-studios-nav-bg {
position:relative;
z-index:10;
}
#progression-nav-container {
float:right;
}
header#masthead-pro.progression-studios-nav-left #progression-nav-container {
float:left;
}
header#masthead-pro.progression-studios-nav-left #logo-pro {
margin-right:30px;
}
header#masthead-pro.progression-studios-nav-center #progression-nav-container {
width:100%;
margin:0 auto;
float:none;
}
@media only screen and (min-width: 1025px) and (max-width: 1300px) { 
header#masthead-pro.progression-studios-nav-center #progression-nav-container {
width:auto;
}
}
@media only screen and (max-width: 1025px) {
header#masthead-pro.progression-studios-nav-center #progression-nav-container {
width:auto;
}
}
header#masthead-pro.progression-studios-nav-center #progression-nav-container nav#site-navigation {
display:table;
margin:0 auto;
}
.progression-disable-logo-below-per-page header#masthead-pro .progression-studios-logo-container,
.progression-disable-logo-below-per-page #header-container-logo-progression .progression-studios-logo-container {
display:none;
}
#progression-shopping-cart-count a {
margin:0px;
}
#progression-shopping-cart-toggle.activated-class a .shopping-cart-header-icon,
#progression-shopping-cart-count .shopping-cart-header-icon {
padding-left:8px;
padding-right:8px;
}
#progression-shopping-cart-count .shopping-cart-header-icon, #progression-studios-header-search-icon .progression-icon-search:before {
-webkit-text-stroke: 0.5px;
-moz-text-stroke: 0.5px;
text-stroke: 0.5px;
position:relative;
top:-1px;
}
#progression-shopping-cart-count .shopping-cart-header-icon {
top:-2px;
}
#progression-studios-header-search-icon.active-search-icon-pro .progression-icon-search:before {
content: '\e801';
}
#progression-studios-header-search-icon {
float:right;
position:absolute;
z-index:15;
right:0px;
}
#progression-shopping-cart-count {
float:right;
padding-right:10px;
position:relative;
}
#progression-studios-header-search-icon .progression-icon-search {
cursor:pointer;
padding-left:25px;
padding-right:0px;
}
#progression-shopping-cart-count a.progression-count-icon-nav {
display:block;
position:relative;
margin-left:15px;
}
#progression-shopping-cart-count span.progression-cart-count {
position:absolute;
border-radius: 20px;
text-align:center;
display:inline-block;
float:right;
margin-top:-7px;
right:2px;
background:#aaaaaa;
color:#ffffff;
font-family:Helvetica, Arial, sans-serif;
font-weight:700;
width:14px;
height:14px;
line-height:14px;
font-size:8px;
letter-spacing:0px;
}
body #progression-studios-header-search-icon.active-search-icon-pro #panel-search-progression {
z-index:5;
}
body #panel-search-progression {
position:absolute;
right:-8px;
padding:0px 25px 30px 25px;
}
body #progression-checkout-basket:after,
body #panel-search-progression:after {
top:-8px;
right:10px;
content:"";
display:none;
position:absolute;
height:0px;
width:0px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid red;
}
body #progression-checkout-basket:after {
right:20px;
}
#panel-search-progression .search-form {
margin-bottom:5px;
}
#panel-search-progression .search-form input.search-field {
padding:15px 45px 13px 18px;
width:220px;
font-size:14px;
box-shadow:none;
border-color:#eeede9;
color:#555555;
border-width:1px;
border-radius:4px;
background-color:#eeede9;
background-position:right 11px;
background-image:url(//myafrorecipes.com/wp-content/themes/thatix-progression/images/search-magnify.png);
background-repeat:no-repeat;
}
body #panel-search-progression .search-form input.search-field { 
color:#555555;
}
#panel-search-progression .search-form input.search-field:focus {
outline:none;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
#panel-search-progression .search-form input.search-field {background-image: url(//myafrorecipes.com/wp-content/themes/thatix-progression/images/search-magnify@2x.png); background-size:40px 30px;}
}
#panel-search-progression  .search-form input.search-submit {
display:none;
} .no-results-pro {
padding-top:20px;
}
.no-results-pro p {
margin-bottom:30px;
} #error-page-index {
margin:30px auto 35px auto;
text-align:center;
font-size:16px;
max-width:700px;
padding:70px 25px 70px 25px;
background:#ffffff;
box-shadow: 0px 0px 25px rgba(41, 48, 55, 0.06);
border:1px solid #ebebeb;
border-radius:5px;
}
#error-page-index h4.error-sub-title {
font-size:26px;
}
body #error-page-index a.button  {
padding:18px 30px;
font-size:13px;
font-weight:700;
}
#error-page-index a.button i {
margin-right:4px;
} body #progression-checkout-basket {
position:absolute;
width:260px;
right:0px;
margin:0px;
padding:20px 24px 15px 24px;
z-index:15;
}
#progression-checkout-basket ul#progression-cart-small {
list-style:none;
margin:0px 0px 25px 0px;
padding:0px;
}
#progression-checkout-basket ul#progression-cart-small li {
border-bottom:1px solid #e9e9e9;
padding:16px 12px 18px 0px;
position:relative;
min-height:50px;
overflow:hidden;
}
#progression-checkout-basket ul#progression-cart-small li img {
float:left;
width:50px;
}
#progression-checkout-basket ul#progression-cart-small li .progression-cart-small-text {
margin-left:65px;
position:relative;
margin-right:10px;
}
#progression-checkout-basket ul#progression-cart-small li h6 {
font-size:15px;
line-height:1.2;
padding-top:5px;
margin-bottom:0px;
background:none !important;
}
#progression-checkout-basket ul#progression-cart-small li a {
padding:0px;
}
#progression-checkout-basket ul#progression-cart-small li a,
#progression-checkout-basket ul#progression-cart-small li a:hover {
background:none;
}
#progression-checkout-basket ul#progression-cart-small .progression-cart-small-text dl {
margin:0px;
padding:0px;
}
#progression-checkout-basket ul#progression-cart-small .progression-cart-small-text dd p {
display:inline;
margin:0px;
padding:0px;
}
#progression-checkout-basket ul#progression-cart-small .progression-cart-small-text dd, 
#progression-checkout-basket ul#progression-cart-small .progression-cart-small-text dt {
display:inline;
font-size:11px;
opacity:0.7;
margin:0px;
padding:0px;
}
#progression-checkout-basket ul#progression-cart-small .progression-cart-small-quantity {
font-size:11px;
opacity:0.7;
}
#progression-checkout-basket ul#progression-cart-small a.remove-cart-header {
position:absolute;
right:0px;
top:14px;
}
#progression-checkout-basket ul#progression-cart-small li.empty {
padding-top:16px;
padding-bottom:16px;
min-height:0px;
}
#progression-checkout-basket .progression-sub-total {
float:right;
padding:6px 0px 10px 0px;
font-size:13px;
}
#progression-checkout-basket .progression-sub-total span.total-number-add {
font-weight:700;
}
#progression-checkout-basket a.cart-button-header-cart {
display:block;
float:left;
text-align:center;
background:none;
line-height:1;
position:relative;
padding:11px 14px;
font-size:12px;
border-radius:60px;
margin-bottom:15px;
}
#progression-checkout-basket a.cart-button-header-cart i {
padding-left:6px;
} #page-title-pro {
background:#f5f5f5;
position:relative;
display: table; 
width: 100%;
}
#page-title-overlay-image {
position:absolute;
top:0px;
left:0px;
content:"";
display:block;
width:100%;
height:100%;
}
#page-title-pro:before {
position:absolute;
top:0px;
left:0px;
content:"";
display:block;
width:100%;
height:100%;
z-index:2;
}
#progression-studios-page-title-container {
display: table-cell;
vertical-align: middle;
text-align:center;
}
#page-title-pro h1 {
word-break: break-word;
-ms-word-wrap: break-word;
word-wrap: break-word;
padding:0px 0px;
line-height:1;
display:inline-block;
margin:0 auto 0px auto;
color:#ffffff;
font-size:60px;
font-weight:800;
position:relative;
z-index:5;
font-family: 'Barlow', sans-serif;
}
#page-title-pro h4 {
margin:0 auto 0px auto;
margin-top:20px;
font-size:20px;
position:relative;
z-index:5;
color:rgba(255,2552,255,  0.65);
line-height:1.5;
font-weight:400;
font-style:normal;
}
#page-title-pro h4 p {
margin-bottom:0px;
}
#page-title-pro h4 a, #page-title-pro h4 a:hover {
color:rgba(109,100,131,  0.8);
} body.single-post ul#breadcrumbs-progression-studios {
display:none;
}
ul#breadcrumbs-progression-studios {
list-style:none;
position:absolute;
z-index:20;
bottom:0px;
right:0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background:#f89223;
margin:0px;
font-size:14px;
padding:14px 26px;
}
ul#breadcrumbs-progression-studios li {
margin:0px;
padding:0px;
float:left;
}
ul#breadcrumbs-progression-studios li:after {
content:'/';
padding:0px 6px;
}
ul#breadcrumbs-progression-studios li:last-child:after {
display:none;
}
ul#breadcrumbs-progression-studios li:nth-child(2) {
display:none;
}
ul#breadcrumbs-progression-studios li,
ul#breadcrumbs-progression-studios li a {
color:#ffffff;
font-weight:500;
}
ul#breadcrumbs-progression-studios li a:hover {
text-decoration:underline;
} #progression-studios-logo-inline-mail-phone {
position:absolute;
left:0px;
top:36px;
font-size:16px;
color:#8c8e91;
z-index:250;
}
#progression-studios-logo-inline-mail-phone i {
color:#f89223;
margin-right:6px;
font-size:15px;
}
#progression-studios-logo-inline-mail-phone span {
margin-right:20px;
}
.progression-studios-header-left ul.progression-studios-header-social-icons {
float:left;
margin-left:20px;
}
.progression-studios-header-right ul.progression-studios-header-social-icons {
margin-left:20px;
}
ul.progression-studios-header-social-icons {
list-style:none;
margin:0px;
padding:0px;
float:right;
position:relative;
z-index:120;
}
.progression-social-icons-header-right {
position:absolute;
top:0px;
right:0px;
}
.progression-social-icons-header-left {
position:absolute;
top:0px;
left:0px;
}
.progression-social-icons-header-left ul.progression-studios-header-social-icons {
float:left;
}
@media only screen and (max-width: 767px) {
.progression-social-icons-header-left,
.progression-social-icons-header-right {
display:none;
}
}
ul.progression-studios-header-social-icons li {
display:inline;
margin:0px;
padding:0px;
}
.progression-studios-logo-container ul.progression-studios-header-social-icons {
margin-left:16px;
}
ul.progression-studios-header-social-icons li a {
display:inline-block;
text-align:center;
margin:0px 6px 0px 6px;
border-radius:60px;
width:20px;
height:20px;
line-height:20px;
font-size:14px;
border:1px solid rgba(0,0,0,  0);
}
@media only screen and (max-width: 1200px) {
ul.progression-studios-header-social-icons li a {
margin-left:4px;
margin-right:4px;
}
}
ul.progression-studios-header-social-icons li:last-child a {
margin-right:0px;
}
#progression-header-icons-inline-display ul.progression-studios-header-social-icons {
margin-left:12px;
}
#progression-header-icons-inline-display ul.progression-studios-header-social-icons li a {
height:auto;
line-height:1;
margin-top:0px;
margin-bottom:0px;
}
.progression-studios-header-full-width-no-gap #progression-header-icons-inline-display ul.progression-studios-header-social-icons {
margin-right:15px;
}
@media only screen and (max-width: 1100px) {
#progression-header-icons-inline-display ul.progression-studios-header-social-icons {
margin-left:8px;
}
.progression-studios-header-full-width-no-gap #progression-header-icons-inline-display ul.progression-studios-header-social-icons {
margin-right:10px;
}
}
#masthead-pro .search-form {
line-height:1;
padding:28px 0px 0px 0px;
margin:0px auto;
} .search-form input.search-field:focus {
outline:none;
}
.search-form {
text-align:center;
margin:0 auto;
}
footer#site-footer .search-form,
#content-pro .search-form {
margin-left:0px;
}
.search-form input {
padding:16px 18px;
margin:0 auto;
border:none;
}
.elementor-section-stretched .search-form {
max-width:600px;
}
.search-form {
max-width:400px;
margin-bottom:30px;
}
.search-form input.search-field {
background:#ffffff;
border:none;
border:1px solid #dddddd;
margin:0px;
color:#444444;
width: calc(100% - 70px);
padding:13px 50px 13px 20px;
font-size:14px;
background-image:url(//myafrorecipes.com/wp-content/themes/thatix-progression/images/search-magnify.png);
background-position:right 9px;
background-repeat:no-repeat;
border-radius:60px;
box-shadow: 0px 0px 25px rgba(0,0,0,  0);
}
.search-form button,
.search-form input.search-submit {
display:none;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
.search-form input.search-field {background-image: url(//myafrorecipes.com/wp-content/themes/thatix-progression/images/search-magnify@2x.png); background-size:40px 30px;}
}  body.elementor-editor-active #progression-sticky-header {
z-index:200 !important;
}
body.single-elementor_library .bpm-progression-sidebar-container,
body.single-elementor_library #progression-studios-header-position,
body.single-elementor_library footer#site-footer {
display:none !important;
}
body.elementor-editor-active .elementor-edit-mode:hover {
z-index:250;
} .content-overflow-hidden,
#slider-overflow {
overflow:hidden;
}
body{
overflow-x:hidden;
}
.text-outline {
-webkit-text-stroke: 1px #ffffff;
text-stroke: 1px #ffffff;
color:rgba(255,255,255,  0);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.text-outline {
color:rgba(255,255,255,  0.5);
}
}
.alignright-newsletter {
float:right;
}
@media only screen and (max-width: 767px) {
.alignright-newsletter {
float:none;
}
}
#overlay-title-progression:after {
content:'';
display:block;
background: linear-gradient(180deg, rgba(3,9,13,0) 0%, rgba(3,9,13,1) 100%);
position:absolute;
top:0px;
height:100%;
width:100%;
}
body.elementor-editor-active #overlay-title-progression:after {
display:none;
} .elementor-widget-container ul.zoom-instagram-widget__items {
padding:0px;
margin:0px;
}
@media only screen and (max-width: 767px) { 
.elementor-widget-container ul.zoom-instagram-widget__items li.zoom-instagram-widget__item {
width:calc(33.3% - 5px);
background:blue;
}
.elementor-widget-container ul.zoom-instagram-widget__items li.zoom-instagram-widget__item a {
width:100% !important;
}
} .elementor-lightbox .elementor-slideshow__header {
width: calc(100% - 70px);
} .progression-studios-header-left, .progression-studios-header-right {
float:left;
width:40%;
min-height:1px;	
}
.progression-studios-header-left p, .progression-studios-header-right p {
margin:0px;
}
.progression-studios-header-right {
width:60%;
text-align:right;
}
#progression-header-top-right-container,
.progression-studios-header-right .widget {
float:right;
}
#progression-header-top-left-container,
.progression-studios-header-left .widget {
float:left;	
}
.progression-studios-header-left .widget {
padding-right:40px;
}
@media only screen and (max-width: 1250px) {
.progression-studios-header-left .widget {
padding-right:28px;
}
}
.progression-studios-header-left .widget, .progression-studios-header-right .widget {
padding-top:12px;
padding-bottom:12px;
}
#thatix-progression-header-top .textwidget {
display:inline-block;
position:relative;
}
#thatix-progression-header-top span.widget-title {
display:inline-block;
margin-right:7px;
font-weight:700;
}
#thatix-progression-header-top {
color:#2e2e2e;
font-size:14px;
line-height:1;
position:relative;
z-index:55;
font-weight:400;
}
#thatix-progression-header-top span.progression-mini-banner-icon {
display:none;
}
#thatix-progression-header-top .widget i {
font-size:110%;
position:relative;
margin-bottom:-5px;
margin-right:7px;
}
#thatix-progression-header-top .sf-menu i {
font-size:110%;
position:relative;
top:0px;
margin-bottom:-5px;
margin-right:7px;
}
#thatix-progression-header-top a {
color:#2e2e2e;
}
#progression-header-top-right-container .sf-menu li.normal-item-pro ul {  left: auto; right:18px; }
#progression-header-top-right-container .sf-menu li.normal-item-pro ul ul {  left: 100%; right:auto; }
#thatix-progression-header-top #progression-header-top-right-container .sf-menu {
margin-right:10px;
}
#thatix-progression-header-top .sf-menu li li a:hover .progression-studios-menu-title {
padding-left:0px;
margin-right:0px;
}
#thatix-progression-header-top .sf-menu li li a:hover .progression-studios-menu-title:before  {
opacity:0;
}
#thatix-progression-header-top .sf-menu a {
text-align:left;
color:#2e2e2e;
font-weight:500;
padding-left:16px;
padding-right:16px;
background:none;
margin-top:0px;
border:none;
}
@media only screen and (max-width: 1250px) {
#thatix-progression-header-top .sf-menu a {
padding-left:9px;
padding-right:9px;
}
#thatix-progression-header-top .sf-menu i {
margin-right:3px;
}
}
#thatix-progression-header-top .sf-arrows .sf-with-ul {
padding-right: 35px;
}
#thatix-progression-header-top .sf-arrows .sf-with-ul:after { 
right: 29px;
}
#thatix-progression-header-top .sf-menu li li a {
text-decoration:none;
margin:0px;
padding:13px 0px;
font-size:11px;
}
#thatix-progression-header-top .sf-menu ul {
border-top:none;
padding:10px 28px;
border-radius:0px;
}
#thatix-progression-header-top .sf-mega {
z-index:60; 
display:none; 
left:0px; 
position:absolute; 
box-sizing: border-box ; 
width:100%; 
padding:0px;
margin:0px;	
}
#thatix-progression-header-top .sf-mega {
width:1200px; 
left:50%; 
margin-left:-600px;
}
#thatix-progression-header-top .sf-menu .sf-mega {
padding-top:0px; 
padding-bottom:0px;
}
#thatix-progression-header-top .sf-menu .sf-mega  ul {
padding-top:0px; 
padding-bottom:0px;
}
#thatix-progression-header-top .sf-menu .sf-mega  ul  {
border-top:none;
margin-top:0px;
}
#thatix-progression-header-top .sf-mega li li a {
padding-right:25px;
} #thatix-progression-header-top .sf-mega li li:last-child a {
padding-bottom:18px;
}
#thatix-progression-header-top .sf-mega ul {
background:none;
margin:0;
border:none;
}  .progression-studios-isotope-animation {
opacity:0;
transition: opacity 500ms; 
}
.progression-masonry-item.opacity-progression .progression-studios-isotope-animation {
opacity:1;
}
.progression-masonry-item.progression-masonry-col-1 { 
width: 100%; 
}
.progression-masonry-item.progression-masonry-col-2 { 
width: 49.8%;	
}
.progression-masonry-item.progression-masonry-col-3 { 
width: 33.330%; 
}
.progression-masonry-item.progression-masonry-col-4 { 
width: 25%; 
}
.progression-masonry-item.progression-masonry-col-5 { 
width: 20%; 
}
.progression-masonry-item.progression-masonry-col-6 { 
width: 16.67%; 
}
@media only screen and (min-width: 768px) and (max-width: 1150px) {
.progression-masonry-item.progression-masonry-col-4, .progression-masonry-item.progression-masonry-col-5, .progression-masonry-item.progression-masonry-col-6 { 
width: 33.330%; 
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.progression-masonry-item.progression-masonry-col-3 { 
width: 50%; 
}
}
@media only screen and (max-width: 767px) {
.progression-masonry-item.progression-masonry-col-1, .progression-masonry-item.progression-masonry-col-2, .progression-masonry-item.progression-masonry-col-3, 
.progression-masonry-item.progression-masonry-col-4, .progression-masonry-item.progression-masonry-col-5, .progression-masonry-item.progression-masonry-col-6 {
width:100%;
}
}
.grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression, .grid5column-progression, .grid6column-progression {
float:left; 
margin-right:2%; 
min-height:2px;
}
.grid2column-progression { 
width: 49%;
}
.grid3column-progression {
width: 32%; 
}
.grid4column-progression {
width: 23.5%;
}
.grid5column-progression {
width:18.4%;
}
.grid6column-progression {
width:15%;
}
body .lastcolumn-progression {
margin-right:0% !important;
}
#progression-studios-lower-widget-container .widget,
#widget-area-progression .widget {
float:left;
margin-right:4%;
}
.footer-1-pro .widget  { 
width:100%;
margin-right:0%; 
margin-left:0%;
}
.footer-2-pro .widget  { 
width:48%; 
}
.footer-3-pro .widget  { 
width:30.5%; 
}
.footer-4-pro .widget  { 
width:22%; 
}
.footer-5-pro .widget  { 
width:16.5%; 
}
#progression-studios-lower-widget-container .footer-5-pro .widget:nth-child(5),
#progression-studios-lower-widget-container .footer-2-pro .widget:nth-child(2),
#progression-studios-lower-widget-container .footer-3-pro .widget:nth-child(3),
#progression-studios-lower-widget-container .footer-4-pro .widget:nth-child(4),
#widget-area-progression .footer-5-pro .widget:nth-child(6),
#widget-area-progression .footer-2-pro .widget:nth-child(3),
#widget-area-progression .footer-3-pro .widget:nth-child(4),
#widget-area-progression .footer-4-pro .widget:nth-child(5) {
margin-right:0%;
} #progression-load-more-manual .infinite-nav-pro {
display:block !important; width:100%;
}
.infinite-nav-pro {
display:none; text-align:center; 
}
.infinite-nav-pro a {
max-width:1200px;
margin:15px auto 10px auto;
display:inline-block;
line-height:1;
border:none;
text-align:center;
border-radius:3px;
width:auto;
padding:18px 30px;
font-weight:700;
background:rgba(0,0,0, 0.06);
color:rgba(0,0,0, 0.65);
font-size:14px;
}
.infinite-nav-pro a:hover {
color:#ffffff;
border-color:#ffffff;
}
.infinite-nav-pro a span i {
font-size:90%;
position:relative;
top:0px;
padding-left:6px;
}
#infscr-loading {
font-size:15px;
font-weight:700;
color:#aeaeae;
}
#gallery-masonry-loading { 
position:relative; 
}
#infscr-loading {
text-align: center;
z-index: 31;
position: absolute;
left: 50%;
bottom:15px;
opacity:1;
min-width: 80px;
margin-left:-40px;
height:80px;
line-height:80px;
background: #e4e4e4; 
color: #ffffff;
border-radius: 100px;
}
#infscr-loading img {
margin:20px 0px;
}
#infscr-loading img {
display:inline-block !important;
}
div#no-more-posts {
display:none;
} ul.progression-filter-button-group {
list-style:none;
margin:0px 0px 35px 0px;
padding:0px;
}
ul.progression-filter-button-group li {
position:relative;
display:inline-block;
margin:0px;
padding:0px;
color:#7f8591;
font-weight:400;
font-size:16px;
line-height:1;
border-radius:3px;
padding:10px 22px;
margin-right:25px;
}
ul.progression-filter-button-group li:after {
content:'';
display:block;
background:rgba(255,255,255, 0);
position:absolute;
bottom:0px;
border-radius:30px;
width:100%;
height:2px;
z-index:10;
}
ul.progression-filter-button-group.progression-centered-filte-filter-pro li {
margin-left:25px;
margin-right:25px;
}
ul.progression-filter-button-group li:hover {
cursor:pointer;
}
ul.progression-filter-button-group li.pro-checked {
cursor:pointer;
color:#ffffff;
background:#787e8a;
}
ul.progression-filter-button-group li:hover:after,
ul.progression-filter-button-group li.pro-checked:after {
background:rgba(255,255,255, 0);
}  .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li.normal-item-pro, .sf-menu li.normal-item-pro li { position: relative; }
.sf-menu li.normal-item-pro ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu li.normal-item-pro ul ul { top:0; left:100%; }
.sf-menu > li { float: left; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
.sf-menu ul.too_narrow_fix {
left: auto !important;
right:100% !important;
margin-right:32px;
} header .sf-mega {z-index:20; display:none; left:50%; position:absolute; box-sizing: border-box ; width:100%; padding:0px; margin:0px;	 }
header .sf-mega {width:1200px; left:50%; margin-left:-600px;}
.sf-mega .sf-mega-section { width:33%; float:left; }
.sf-mega .sf-mega-section.columns-pro-1 { width:100%; }
.sf-mega .sf-mega-section.columns-pro-2 { width:50%; }
.sf-mega .sf-mega-section.columns-pro-3 {width:33%; }
.sf-mega .sf-mega-section.columns-pro-4 { width:25%; }
.sf-mega .sf-mega-section.columns-pro-5 {width:20%; }
.sf-mega .sf-mega-section.columns-pro-6 { width:16.5%; } .sf-menu ul{min-width:8.5em}.sf-menu a{line-height:1;padding:.75em 1em;text-decoration:none;zoom:1;cursor:pointer;color:#13a}.sf-menu li{background:#BDD2FF;white-space:nowrap}.sf-menu ul li{background:#AABDE6}.sf-menu ul ul li{background:#9AAEDB}.sf-menu li.sfHover,.sf-menu li:hover{background:#CFDEFF}.sf-arrows .sf-with-ul{padding-right:2.5em}.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#dFeEFF;border-top-color:rgba(255,255,255,.5)}.sf-arrows>.sfHover>.sf-with-ul:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>li>.sf-with-ul:focus:after{border-top-color:#fff}.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent transparent transparent #dFeEFF;border-left-color:rgba(255,255,255,.5)}.sf-arrows ul .sfHover>.sf-with-ul:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul li>.sf-with-ul:focus:after{border-left-color:#fff}
.sf-menu .menu-item-language .submenu-languages {
position:absolute;
} .sf-menu li, .sf-menu ul li, .sf-menu ul ul li, .sf-menu li:hover, .sf-menu li.sfHover {
background:none;
}
#thatix-progression-header-top .progression-studios-header-right h2.mega-menu-heading {
text-align:left;
}
nav#site-navigation {
font-weight:500;
font-family: 'Barlow', sans-serif;
letter-spacing: 0px;
}
.mobile-menu-icon-pro {
color:#707070;
padding:41px 0px 41px 10px;
margin:0 auto;
font-size:18px;
line-height:1;
}
.progression-studios-nav-count-cat-off span.progression-studios-nav-cat-count {
display:none;
}
span.progression-studios-nav-cat-count {
display:inline-block;
border-radius:30px;
text-align:center;
height:18px;
padding:0px 6px;
line-height:18px;
font-size:10px;
margin-bottom:-6px;
position:relative;
top:-2px;
margin-left:6px;
color:#ffffff;
background:rgba(255,255,255,  0.11);
}
.sf-menu ul span.progression-studios-nav-cat-count {
height:16px;
padding:0px 5px;
line-height:16px;
font-size:9px;
}
.sf-menu a {
line-height:1;
color:#292935;
font-size:18px;
padding:27px 15px;
}
.sf-menu li:last-child a {
border-width:1px;
}
.sf-menu ul li:last-child a {
border-right:none;
}
.sf-menu ul a {
border-left:none;
}
.progression-studios-nav-cart-icon-off #progression-shopping-cart-toggle,
.progression-studios-search-icon-off #progression-studios-header-search-icon {
display:none !important;
}
#progression-studios-header-search-icon:hover .progression-icon-search,
#progression-studios-header-search-icon.active-search-icon-pro .progression-icon-search,
.mobile-menu-icon-pro:hover,
.sf-menu a:hover, .sf-menu li.sfHover a, .sf-menu li.current-menu-item a {
color:#4145ee;
background:none;
}
.sf-menu a:hover:before, .sf-menu li.sfHover a:before, .sf-menu li.current-menu-item a:before {
opacity:0;
background:#888888;
width:0%;
width: calc(100% - 30px);
}
#thatix-progression-header-top .sf-menu a:before {
display:none;
}
.sf-menu a:before {
z-index:-1;
content:"";
display:block;
position:absolute;
left:0px;
bottom:0px;
height:2px;
background:#888888;
opacity:0;
width:0px;
margin-left:15px;
}
.sf-menu .sf-mega:before {
display:none ;
}
.sf-menu li li a:before {
display:none;
}
.sf-menu ul ul ul ul li:after,
.sf-menu ul ul ul li:after,
.sf-menu ul ul li:after,
.sf-menu ul li:after,
.sf-menu li:first-child:after {
display:none;
} header .sf-mega ul:after { display:none !important; } #main-nav-mobile {
font-weight:500;
font-family: 'Barlow', sans-serif;
}
ul#progression-studios-panel-login,
#progression-checkout-basket,
#panel-search-progression,
.sf-menu ul {
font-weight:500;
font-family: 'Barlow', sans-serif;
box-shadow: 4px 4px 10px rgba(0,0,0,  0.15);
-webkit-font-smoothing:subpixel-antialiased;
}
.sf-menu ul:after {
top:-8px;
left:10px;
content:"";
display:none;
position:absolute;
height:0px;
width:0px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid red;
}
.sf-menu ul.sf-mega:before {
left:50px;
margin-top:0px;
}
.sf-menu ul ul:after,
.sf-menu ul.sf-mega:after {
display:none;
}
.sf-menu ul:before {
border-bottom:8px solid #cc5b44; 
}
.sf-menu ul ul:before {
display:none;
}
.sf-menu .sf-mega {
padding-bottom:20px;
padding-left:10px;
padding-right:10px;
}
.sf-menu .sf-mega ul {
padding:0px; 
margin:0px;
background:none;
box-shadow:none;
}
.sf-menu li li {
padding-right:0px;
padding-left:0px;
}
.sf-menu ul {
padding:24px 32px 20px 32px;
}
.sf-menu ul ul {
margin-left:32px;
}
.sf-menu li li a {
font-size:11px;
padding:13px 0px 13px 0px;
border-bottom:1px solid rgba(255,255,255, 0.08);
}
.sf-menu li li a:hover .progression-studios-menu-title {
padding-left:11px;
margin-right:-11px;
}
.sf-menu li li a:hover .progression-studios-menu-title:before  {
opacity:1;
}
.progression-studios-menu-title {
position:relative;	
transition-duration: 240ms; 
transition-property: padding, margin; 
transition-timing-function: ease-out;
}
.sf-menu li li .progression-studios-menu-title:before {
content:'';
display:block;
background:#20d999;
height:5px;
width:5px;
border-radius:12px;
margin-top:-2px;
top:50%;
position:absolute;
left:0px;
transition: opacity 240ms ease-out;
opacity:0;
}
.progression-studios-sub-menu-hover-off .sf-menu li li a:hover .progression-studios-menu-title {
padding-left:0px;
margin-right:0px;
}
.progression-studios-sub-menu-hover-off .sf-menu li li a:hover .progression-studios-menu-title:before  {
opacity:0;
}
.progression-sticky-scrolled .sf-menu li li a {
padding-top:13px;
padding-bottom:13px;
}
.sf-menu .deep-level li:last-child a {
padding-bottom:20px;
}
.sf-menu li li:last-child li:last-child li:last-child  li:last-child  a,
.sf-menu li li:last-child li:last-child li:last-child a,
.sf-menu li li:last-child li:last-child a,
.sf-mega li:last-child li:last-child li:last-child a,
.sf-mega li:last-child li:last-child a,
.sf-menu li li:last-child a {
border-bottom:none;
}
.sf-menu li li:last-child li:last-child li:last-child li a,
.sf-menu li li:last-child li:last-child li a,
.sf-menu li li:last-child li li li a,
.sf-menu li li:last-child li li a,
.sf-menu li li:last-child li a,
.sf-mega li:last-child li a {
border-bottom:1px solid rgba(255,255,255, 0.08);
}
.sf-menu li.sfHover li a,
.sf-menu li.sfHover li.sfHover li a,
.sf-menu li.sfHover li.sfHover li.sfHover li a,
.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a,
.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a {
background:none;
color:#888888;
}
#progression-checkout-basket ul#progression-cart-small li h6,
#progression-checkout-basket .progression-sub-total span.total-number-add,
.sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover a,
.sf-menu li.sfHover li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a,
.sf-menu li.sfHover li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a,
.sf-menu li.sfHover li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a,
.sf-menu li.sfHover li li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a {
color:#3f3f3f;
background:rgba(0,0,0, 0);
} .sf-mega ul.deep-level {
background:none;
margin:0;
border:none;
border-right:0px solid red;
}
.sf-menu  ul.sf-mega {
padding-top:0px;
}
.sf-menu .sf-mega li {
padding-right:0px;
padding-left:0px;
}
.sf-menu .sf-mega li li {
padding-right:30px;
padding-left:30px;
}
.sf-menu .sf-mega li li a {
padding-left:0px;
}
body .sf-mega ul:after {
display:block;
content:'';
width:2px;
height:100%;
position:absolute;
top:0px;
}
.sf-menu .sf-mega li:first-child  ul:after {
display:none;
}
.sf-mega h2.mega-menu-heading {
position:relative;
font-size:18px;
font-weight:700;
font-family: 'Barlow', sans-serif;
color:#2e2f31;
border-right:none;
border-bottom:1px solid transparent;
padding:40px 0px 18px 0px;
margin:0px 30px 0px 30px;
line-height:1;
-webkit-text-stroke: 0px;
letter-spacing:0px;
-webkit-font-smoothing:subpixel-antialiased;
}
body header .progression-sticky-scrolled .sf-menu .sf-mega h2.mega-menu-heading a,
body header .progression-sticky-scrolled .sf-menu .sf-mega h2.mega-menu-heading a:hover {
color:#2e2f31;
}
body header .sf-menu .sf-mega h2.mega-menu-heading a,
body header .sf-menu .sf-mega h2.mega-menu-heading a:hover {
color:#2e2f31;
}
body header .sf-mega h2.mega-menu-heading a {
background:none !important;
color:#2e2f31;
letter-spacing: 0px;
font-size:18px;
font-weight:700;
padding: 0px;
margin:0px;
line-height:1;
border:none;
}
.sf-mega .sf-mega-section:hover, .sf-mega .sf-mega-section, .sf-mega .sf-mega-section li:hover {
background:none;
} .sf-mega .widget-pro {
padding:20px 30px 10px 30px;
}
.sf-mega .widget-pro h1, .sf-mega .widget-pro h2, .sf-mega .widget-pro h3, .sf-mega .widget-pro h4, .sf-mega .widget-pro h5, .sf-mega .widget-pro h6 {
color:#1e1e1e;
margin-bottom:5px;
}
.sf-mega .widget-pro ul li {
margin-bottom:10px;
}
.sf-mega .widget-pro ul { 
border:none;
}
.sf-mega .widget-pro a, .sf-mega .widget-pro a:hover {
border:none;
padding:0px;
margin:0px;
background:none !important;
} ul#progression-studios-panel-login li a i,
.sf-menu i {
line-height:1;
margin-right:6px;
font-size:90%;
position:relative;
margin-bottom:-2px;
margin-top:-2px;
}
ul#progression-studios-panel-login li a i,
.sf-menu li li i {
font-size:95%;
}
.sf-mega li h2 i {
margin-right:8px;
} .sf-arrows .sf-with-ul {
padding-right: 30px;
}
.sf-arrows .sf-with-ul:after { 
font-weight:normal;
font-style:normal;
font-family: "Font Awesome 5 Free";
font-weight: 900;
border:none;
content:"\f107";
font-size:12px;
top: 50%;
right: 24px;
margin-top:-6px;
}
.sf-arrows ul .sf-with-ul:after {
font:normal normal normal 10px/1 "Font Awesome 5 Free";
font-weight:900;
content:"\f105"; 
margin-top:-5px;
right:15px;
} span.progression-mobile-menu-text {
padding-left:6px;
position:relative;
top:-2px;
font-weight:700;
}
.mobile-menu-icon-pro i {
min-width:22px;
text-align:center;
}
.mobile-menu-icon-pro {
cursor:pointer;
line-height:1;
display:none;
text-align:center;
padding:0px;
}
.active-mobile-icon-pro .mobile-menu-icon-pro .fa-bars:before {
content:"\f00d";
}
.menu-collapser {
display:none !important;
}
#main-nav-mobile {
line-height:1.6;
background:#f9f9f9; 
display:none;
position:relative;
width:100%;
z-index:20;
box-shadow: 0px 2px 6px rgba(0,0,0, 0.08);
}
@media only screen and (min-width: 1025px){ 
#main-nav-mobile { 
display:none !important;
}
}
#main-nav-mobile .sf-menu li li .progression-mini-banner-icon,
#main-nav-mobile .sf-menu li .sf-mega h2 .progression-mini-banner-icon,
#main-nav-mobile .sf-menu li .sf-mega .progression-mini-banner-icon,
#main-nav-mobile .progression-mini-banner-icon {
top:22px;
right:70px;
}
@media only screen and (min-width: 1024px) {
.progression_studios_force_light_navigation_color .progression-mini-banner-icon {background:#ffffff; color:#000000;}
.progression_studios_force_dark_navigation_color .progression-mini-banner-icon {background:#000000; color:#ffffff;}
}
ul.mobile-menu-pro {
width: 100%;
margin: 0;
padding: 0;	
list-style-type: none;
display:block !important;
overflow:hidden;
width: 100%; 
}
ul.mobile-menu-pro li {
position: relative;
display: inline-block;
}
ul.mobile-menu-pro > li {
margin-right: -5px;
border-left: 1px rgba(0,0,0,  0.1);
}
ul.mobile-menu-pro > li:first-child {
border-left: 0
}
ul.mobile-menu-pro > li:last-child {
margin-right: 0
}
ul.mobile-menu-pro li a, ul.mobile-menu-pro .sf-mega h2.mega-menu-heading {
display: block;
color:#2e2f31;
font-size:14px;
padding:16px 3%;
margin:0px;
border:none;
}
body #progression-sticky-header header ul.mobile-menu-pro h2.mega-menu-heading a,
ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a, ul.mobile-menu-pro .sf-mega h2.mega-menu-heading {
min-height:54px;
line-height:54px;
margin:0px ;
padding-top:0px ;
padding-bottom: 0px ;
font-size:16px;
color:#2e2f31;
}
ul.mobile-menu-pro .sf-mega h2.mega-menu-heading:after {
display:none;
}
body #progression-sticky-header header ul.mobile-menu-pro h2.mega-menu-heading a,
body header ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a {
color:#2e2f31;
}
header#masthead-pro.sidebar-header-hidden  ul.mobile-menu-pro .sf-mega li.sf-mega-section, header#masthead-pro.sidebar-header  ul.mobile-menu-pro .sf-mega li.sf-mega-section { 
margin:0px;
padding:0px;
width:auto;
float:none;
}
ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a {
padding:0px;
margin:0px;
border:none !important;
}
ul.mobile-menu-pro li li a {
padding-left:30px;
}
ul.mobile-menu-pro li li li a {
padding-left:35px;
}
ul.mobile-menu-pro li li li li a {
padding-left:40px;
}
ul.mobile-menu-pro a i {
padding-right:4px;
}
ul.mobile-menu-pro li .sub-collapser {
background: none;
position: absolute;
right: 0;
top: 0;
width:50px;
text-align: center;
z-index: 999;
cursor: pointer;
height:54px;
}
ul.mobile-menu-pro.collapsed li .sub-collapser:before {
position:absolute;
top:0px;
left:0px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
border:none;
content:"\f107";
text-align:center;
line-height:54px;
width:50px;
color:rgba(0,0,0,  0.28);
background:rgba(0,0,0,  0.09);
}
ul.mobile-menu-pro li li .sub-collapser {
height:54px;
}
ul.mobile-menu-pro.collapsed li li .sub-collapser:before {
line-height:54px;
}
ul.mobile-menu-pro.collapsed li .sub-collapser.expanded {
transform: rotate(180deg);
}
ul.mobile-menu-pro li .sub-collapser > i { 
display:none;
}
ul.mobile-menu-pro li ul {
margin: 0;
list-style-type: none;
}
ul.mobile-menu-pro li ul {
padding-left:0px;
}
ul.mobile-menu-pro li ul li {
background:rgba(0,0,0,  0.04);
}
ul.mobile-menu-pro li ul li li:hover {
background:rgba(0,0,0,  0.04) !important;
}
ul.mobile-menu-pro li > ul {
display: none;
position: absolute;
left: 0;
top: 100%;
z-index: 999;
width: 100%;
}
ul.mobile-menu-pro li > ul > li ul {
display: none;
position: absolute;
left: 100%;
top: 0;
z-index: 999;
width: 100%;
}
ul.mobile-menu-pro.collapsed li {
display: block;
width: 100%;
box-sizing: border-box;
}
ul.mobile-menu-pro.collapsed li a {
display: block;
border-bottom: 1px solid rgba(0,0,0,  0.04);
box-sizing: border-box;
}
ul.mobile-menu-pro.collapsed li > ul {
display: none;
position: static;
} ul.mobile-menu-pro .sf-mega {
background:rgba(0,0,0,  0.04);
margin:0px;
border:none;
padding:0px;
}
ul.mobile-menu-pro .sf-mega .sf-mega-section {
width:100%;
float:none;
border-bottom: 1px solid rgba(0,0,0,  0.1);
}
ul.mobile-menu-pro .sf-mega .sf-mega-section li a {
border-bottom: 1px solid rgba(0,0,0,  0.1);
}
ul.mobile-menu-pro .sf-mega .sf-mega-section li a, ul.mobile-menu-pro .sf-mega .sf-mega-section, ul.mobile-menu-pro.collapsed li a {
border-color:rgba(255,255,255,  0.09);
} #progression-header-icons-inline-mobile-display {
border-bottom: 1px solid rgba(255,255,255,  0.04);
}
#progression-header-icons-inline-mobile-display ul.progression-studios-header-social-icons {
text-align:center;
float:none;
margin:0 auto 0px auto;
}
#progression-header-icons-inline-mobile-display ul.progression-studios-header-social-icons li {
}
#progression-header-icons-inline-mobile-display ul.progression-studios-header-social-icons li a {
margin-top:25px;
margin-bottom:25px;
font-size:18px;
} .sidebar {
font-size:15px;	
}
.sidebar-item {
background:#f4f4f4;
padding:40px 40px 25px 40px;
margin-bottom:30px;
border-radius:4px;
}
.sidebar-item .search-form {
margin-bottom:25px;
}
.sidebar-divider-pro {
width:100%;
overflow:hidden;
}
.sidebar a {
color:#777777;
font-weight:500;
}
.sidebar ul li.current-cat, .sidebar ul li.current-cat a,
.sidebar a:hover {
color:#f89223;
}
.tagcloud {
margin-bottom:15px;
}
.sidebar h4.widget-title {
font-size:19px;
margin-bottom:20px;
font-weight:600;
}
.sidebar ul li:before {
display:inline-block;
font-weight:normal;
font-style:normal;
content:"—";
padding-left:1px;
padding-right:3px;
position:relative;
font-size:70%;
position:absolute;
left:0px;
opacity:0.8;
content: "\f30b"; 
font-weight:900;
font-family: "Font Awesome 5 Free";
top:3px;
}
.sidebar .widget_recent_entries ul li:before {
font-size:90%;
content: "\f15c";
font-weight:900;
font-family: "Font Awesome 5 Free";
top:1px;
opacity:1;
}
.sidebar .widget_recent_comments ul li:before {
font-size:90%;
content: "\f086";
font-weight:900;
font-family: "Font Awesome 5 Free";
top:1px;
opacity:1;
}
.sidebar ul {
list-style:none;
margin:0px 0px 20px 0px;
padding:0px;
}
.sidebar ul ul.sub-menu,
.sidebar ul ul.children {
margin-top:12px;
}
.sidebar ul ul {
margin:0px;
padding:12px 0px 0px 12px;
}
.sidebar ul ul li:last-child {
border:none;
margin-bottom:0px;
padding-bottom:0px;
}
.sidebar ul li {
position:relative;
line-height:1.5;
margin:0px 0px 12px 0px;
padding:0px 0px 12px 20px;
border-bottom:1px solid #000;
}
.sidebar .widget_recent_comments ul li {
padding-left:24px;
}
body .sidebar ul ul {
margin-left:-15px;
}
body .sidebar ul ul ul ul {
margin-left:-20px;
} .widget_rss ul li:before {
display:none;
}
.widget_rss ul a.rsswidget {
display:block;
margin-bottom:4px;
font-weight:600;
font-size:105%;
}
.widget_rss ul span.rss-date {
display:block;
font-size:90%;
margin-bottom:5px;
}
.widget_rss ul li {
padding-left:0px;
}
.widget_rss ul cite {
display:block;
font-style:italic;
padding-top:8px;
opacity:0.8;
font-size:90%;
} .widget table#wp-calendar {
width:100%;
}
.widget table#wp-calendar caption {
text-align:center;
font-size:105%;
padding-bottom:5px;
color:#444444;
font-weight:600;
}
.widget table#wp-calendar thead th {
font-weight:600;
}
.widget table#wp-calendar tr th, .widget table#wp-calendar tr td {
padding:6px;
text-align:center;
}
.sidebar .widget_search .search-form input.search-field {
background:#ffffff;
border-color:#ffffff;
} .post-views.entry-meta {
display:none;
} #content-pro ul.page-numbers {
list-style:none;
margin:15px 0px 10px 0px;
padding:0px;
text-align:center;
}
#content-pro ul.page-numbers li {
margin:0px;
padding:0px;
display:inline;
} .progression-page-nav {
margin:20px 0 20px 0;
list-style:none;
text-align:center;
font-size:13px;
}
.progression-page-nav span, .progression-page-nav a {
display:inline-block;
text-align:center;
margin:0px 2px 10px 2px;
font-size:14px;
padding:14px 19px 15px 19px;
line-height:1;
background:rgba(0,0,0, 0.09);
color:rgba(0,0,0, 0.6);
border-radius:3px;
font-weight:600;
}
.progression-single-width-container .progression-page-nav a {
border:none;
}
.progression-page-nav a span {
padding:0px;
background:none;
min-width:none;
margin:0px;
border:none;
color:rgba(0,0,0, 0.6);
box-shadow:none;
}
body .progression-page-nav span.current {
background:none;
padding:0px;
line-height:1;
}
#content-pro ul.page-numbers li span.current, #content-pro ul.page-numbers li a {
display:inline-block;
text-align:center;
margin:0px 2px 18px 2px;
font-size:14px;
padding:14px 19px 15px 19px;
line-height:1;
background:rgba(0,0,0, 0.09);
color:rgba(0,0,0, 0.6);
border-radius:3px;
font-weight:600;
}
.progression-page-nav a:hover, .progression-page-nav span.current, #content-pro ul.page-numbers li a:hover, #content-pro ul.page-numbers li span.current {
background:#f4f2f6;
color:#1e023d;
}
#content-pro ul.page-numbers li span.dots {
display:inline-block;
padding:0px 5px;
} #boxed-layout-pro .cooked-pagination-numbered {
margin-top:-15px;
}
#boxed-layout-pro .cooked-pagination-numbered span.page-numbers,
#boxed-layout-pro .cooked-pagination-numbered a.page-numbers {
display:inline-block;
margin:0px 2px 2px 2px;
text-align:center;
font-size:14px;
padding:14px 19px 15px 19px;
line-height:1;
background:rgba(0,0,0, 0.09);
color:rgba(0,0,0, 0.6);
border-radius:3px;
font-weight:600;
}
#boxed-layout-pro .cooked-pagination-numbered a.page-numbers:hover,
#boxed-layout-pro .cooked-pagination-numbered span.page-numbers.current {
background:#f89223;
color:#ffffff;
} .progression-studios-blog-excerpt {
overflow:hidden;
}
.progression-studios-sticky-post {
display:inline-block;
font-weight:600;
font-size:13px;
border-radius:4px;
line-height:1;
padding:9px 15px 9px 15px;
margin:0px 7px 5px 0px;
background:#333333;
color:#ffffff;
}
.progression-studios-default-blog-index {
margin-bottom:50px;
position:relative;
}
.progression-blog-content {
border:1px solid #000;
border-radius:5px;
padding:45px 50px 25px 50px;
box-shadow: 0px 0px 15px rgba(41, 48, 55, 0.03);	
}
h2.progression-blog-title {
font-size:30px;
line-height:1.3;
margin-bottom:20px;
letter-spacing:-0.01em;
font-family: 'Barlow', sans-serif;
}
.blog-meta-category-list {
position:relative;
top:-60px;
left:0px;
margin-bottom:-25px;
font-size:13px;
line-height:1.4;
font-weight:600;
}
.blog-meta-category-list a {
display:inline-block;
border-radius:4px;
background:#fed857;
color:#2e3c4b;
line-height:1;
padding:9px 15px 9px 15px;
margin:0px 7px 5px 0px;
}
.blog-meta-category-list a:hover {
color:#ffffff;
background:#00b964;
}
ul.progression-post-meta {	
list-style:none;
margin:0px 0px 16px 0px;
padding:0px 0px 0px 0px;
}
ul.progression-post-meta li {
display:inline;
margin:0px 0px 5px 0px;
font-size:14px;
line-height:1.4;
font-weight:400;	
}
ul.progression-post-meta li i {
margin-right:6px;
}
ul.progression-post-meta li:after {
position:relative;
top:-1px;
content:'/';
font-size:11px;
position:relative;
display:inline-block;
position:relative;
padding:0px 12px;
}
ul.progression-post-meta li:last-child:after {
display:none;
}
ul.progression-post-meta li,
ul.progression-post-meta li a {
color:#8c8e91;
} .blog-meta-author-display {
font-size:17px;
font-weight:400;
}
.blog-meta-author-display img {
width:30px;
margin-right:8px;
position:relative;
top:-1px;
border-radius:60px;
}
.progression-blog-content a.more-link {
display:inline-block;
margin-bottom:0px;
font-weight: 600;
font-size:14px;
text-transform:uppercase;
margin-top:5px;
letter-spacing:0.15em;
}
.progression-blog-content a.more-link i {
font-size:12px;
padding-left:3px;
} .progression-studios-feaured-image {
position:relative;
overflow:hidden;
text-align:center;
margin-bottom:-1px;
}
.progression-studios-feaured-image p {
margin:0px;
}
body .progression-studios-feaured-image img {
transition: all 400ms;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
} body.single-post #page-title-pro h1 {
font-size:56px;
line-height:1.2;
color:#ffffff;
text-shadow:none;
text-transform:none;
}
.blog-single-category-display {
margin:0px 0px 22px 0px;
position:relative;
z-index:5;
}
.blog-single-category-display a {
display:inline-block;
border-radius:3px;
background:#6e44c4;
color:#ffffff;
line-height:1;
padding:11px 12px 10px 12px;
margin:0px 7px 7px 0px;
font-weight:600;
font-size:13px;
}
.blog-single-category-display a:hover {
color:#ffffff;
background:#6e44c4;
}
ul.progression-single-post-meta {
list-style:none;
position:relative;
margin:0px;
padding:22px 0px 0px 0px;
position:relative;
z-index:3;
color:rgba(255,255,255,0.8);
}
ul.progression-single-post-meta li {
display:inline;
margin:0px 0px 5px 0px;
font-size:15px;
line-height:1.4;
font-weight:400;	
}
ul.progression-single-post-meta li:after {
content:' /';
font-size:20px;
position:relative;
top:3px;
padding:0px 10px;
opacity:0.6;
}
ul.progression-single-post-meta li a {
color:rgba(255,255,255,0.7);
font-weight:600;
}
ul.progression-single-post-meta li a:hover {
color:#ffffff;
}
ul.progression-single-post-meta li:last-child:after {
display:none;
}
ul.progression-single-post-meta li.blog-meta-author-display img {
border-radius:100px;
width:30px;
margin-right:8px;
position:relative;
top:-1px;
}
ul.progression-single-post-meta li i {
margin-right:4px;
}
body.page-template-default #respond.comment-respond {
margin-bottom:25px;
}
body.single-post #respond.comment-respond {
margin-bottom:0px;
}
.disable-sidebar-post-progression #main-container-pro {
width:100%;
float:none;
}
.disable-sidebar-post-progression .progression-single-width-container {
width:900px;
max-width:100%;
margin-left:auto;
margin-right:auto;
}
.disable-sidebar-post-progression .sidebar {
display:none;
} #comments.comments-area {
margin:0px ;
padding-top:30px;
}
p.logged-in-as {
margin-bottom:15px;
font-size:90%;
}
.comment-navigation {
padding-top:10px;
padding-bottom:25px;
}
.comment-navigation a {
font-weight:600;
}
.comment-navigation .nav-previous {
float:left;
width:50%;
}
.comment-navigation .nav-next {
float:right;
width:50%;
text-align:right;
}
.comment-form label {
display:block;
padding:0px 0px 2px 0px;
font-size:90%;
}
.form-allowed-tags code {
font-family: Inconsolata, monospace;
display:block;font-size:80%;
}
#comments h4.comments-title {
margin-top:20px;
margin-bottom:30px;
font-size:20px;
}
h3.comments-title,
#comments h3.comment-reply-title {
font-size:24px;
margin-bottom:15px;
font-weight:600;
}
h3.comments-title {
margin-top:20px;
}
#comments h3.comment-reply-title small { 
font-size:14px; 
padding-left:5px; 
font-weight:300;
}
body .comment-list { 
list-style: none; 
margin:0px 0px 25px 0px; 
padding:0px;
}
.comment-list li.comment {
padding-bottom:10px;
margin-bottom:25px;
position:relative;
}
body .comment-list li.pingback,
body .comment-list li.trackback {
padding-bottom:15px;
font-size:95%;
}
body .comment-list li.trackback .comment-body:before,
body .comment-list li.pingback .comment-body:before {
display:none;
}
body .comment-list li.trackback .comment-body,
body .comment-list li.pingback .comment-body {
margin-left:0px;
}
.comment-list .children { 
list-style: none; 
margin: 0; 
padding:0px;
}
.comment-list .children > li {
border-bottom:0px;
margin-bottom:0px;
margin-top:50px;
margin-left: 35px;
}
.comment-body {
font-size:95%;
padding:18px 25px;
margin-left:90px;
background:#f4f4f4;
border-radius:5px;
}
.comment-body:before {
content:'';
display:block;
position:absolute;
left:80px;
top:30px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent; 
border-right:10px solid #f4f4f4; 
}
.comment-body p {
margin-bottom:10px;
}
.comment-author .avatar {
float: left;
height: 70px;
width: 70px;
left:0px;
position:absolute;
border-radius:100px;
}
.comment-author span.says {
display:none;
}
.comment-author cite a, .comment-author cite a:hover {color:#35364c;}
.comment-author cite {
display:inline-block;
font-style:normal;
font-weight:600;
line-height:1.2;
color:#35364c;
font-size:16px;
padding-right:5px;
padding-bottom:0px;
padding-top:4px;
}
.commentmetadata {
margin-bottom: 8px;
font-size:13px;
padding-top:3px;
color:#878787;
}
.commentmetadata a, .commentmetadata a:hover {
color:#878787;
}
.reply a.comment-reply-link {
font-size:12px;
font-weight:500;
position:absolute;
padding:6px 10px;
right:10px;
margin-top:-18px;
margin-bottom:10px;
display:block;
}
.reply a.comment-reply-link:before {
font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);
font-style:normal;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f3e5";
padding-right:5px;
font-size:9px;
position:relative;
top:-1px;
}
#respond.comment-respond {
margin-top:25px;
}
.comment-list a.comment-edit-link {
font-size:12px;
font-weight:600;
} #progression-blog-single-content {
padding-bottom:25px;
}
p.form-submit {
margin-bottom:0px;
}
body.single-post #comments.comments-area {
margin-top:0px;
}
.tags-progression-studios {
border-top:1px solid red;
margin:15px 0px 0px 0px;
padding-top:50px;
}
.tags-progression-studios h3 {
position:relative;
padding-right:14px;
font-weight:600;
font-size:16px;
display:inline-block;
}
.tags-progression-studios a {
display:inline-block;
line-height:1;
margin-right:10px;
padding:12px 19px;
margin-bottom:5px;
border:1px solid ;
border-radius:4px;
font-size:12px;
font-weight:600;
color:#24212c;
background: #e8e8e8;
border:none;
} .woocommerce-breadcrumb {
display:none;
}
#content-pro ul.products li.product img {
margin-bottom:-1px;
border-top-right-radius: 5px;
border-top-left-radius:5px;
}
.woocommerce-page form.woocommerce-ordering {
padding-top:10px;
}
.woocommerce-page p.woocommerce-result-count {
position:relative;
font-size:16px;
top:21px;
margin-bottom:65px;	
}
.progression-studios-index-gradient {
box-shadow: 0px 0px 15px rgba(41, 48, 55, 0.03);
}
.progression-studios-shop-index-text {
background:#f3f3f4;	
padding:30px 30px 25px 30px;
border:1px solid red;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#content-pro ul.products li.product ul.thatix-shop-index-category {
list-style:none;
margin:0px 0px -3px 0px;
padding:0px;
}
#content-pro ul.products li.product ul.thatix-shop-index-category li {
display:inline;
margin:0px;
padding:0px;
}
#content-pro ul.products li.product ul.thatix-shop-index-category li a {
display:inline-block;
margin:0px 10px 6px 0px;
line-height:1;
font-weight:400;
font-size:13px;
color:rgba(0,0,0, 0.55);
}
#content-pro ul.products h2.woocommerce-loop-product__title {
font-size:23px;
margin-bottom:0px;
line-height:1.2;
font-weight:600;
}
#content-pro ul.products a:hover h2.woocommerce-loop-product__title {
color:#f89223;
}
li.product-category a:after {
content:"";
display:block;
background:rgba(0,0,0, 0.3);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#content-pro ul.products h2.woocommerce-loop-category__title {
font-size:22px;
line-height:1.2;
position:absolute;
left:0px;
width:100%;
top:50%;
margin-top:-15px;
color:#ffffff;
z-index:5;
}
#content-pro ul.products h2.woocommerce-loop-category__title mark {
background:none;
font-weight:400;
font-size:16px;
position:relative;
top:-1px;
font-style:normal;
color:rgba(255,255, 255, 0.6);
}
#content-pro ul.products .star-rating {
font-size:14px;
margin-top:5px;
margin-bottom:15px;
clear:both;
} .sidebar .star-rating,
.commentlist .star-rating,
#progression-studios-woocommerce-single-top .star-rating,
#content-pro ul.products .star-rating  {
padding-right:21px;
}
.sidebar .star-rating span::before,
.commentlist .star-rating span::before,
#progression-studios-woocommerce-single-top .star-rating span::before,
#content-pro ul.products .star-rating span::before { letter-spacing:6px;
}
.sidebar .star-rating:before,
.commentlist .star-rating:before,
#progression-studios-woocommerce-single-top .star-rating:before,
#content-pro ul.products .star-rating:before {
letter-spacing:6px;
} #content-pro ul.products span.price {
color:rgba(0,0,0, 0.6);
font-weight:400;
font-size:17px;
margin:3px 0px 6px 0px;
font-weight:400;
}
#content-pro ul.products span.price del {
opacity:0.50;
font-size:90%;
position:relative;
}
#content-pro ul.products span.price span.amount {
color:rgba(0,0,0, 0.8);
font-weight:600;
} .progression-studios-store-product-image-container {
position:relative;
}
body #progression-studios-woocommerce-single-top span.onsale, #boxed-layout-pro ul.products li.product span.onsale {
min-height: 0px;
min-width: 0em;
text-transform:uppercase;
font-family: 'Barlow', sans-serif;
font-weight:700;
margin:0px;
left:auto;
letter-spacing:0.1em;
z-index:25;
top:26px;
right:auto;
left:0px;
border-radius:0px;
line-height:1;
padding:9px 13px 8px 13px;
font-size:11px;
}
#boxed-layout-pro ul.products li.product .progression-studios-shop-overlay-buttons a.added_to_cart,
#boxed-layout-pro ul.products li.product .progression-studios-shop-overlay-buttons a.button {
margin:13px 0px 20px 0px;
display:block;
width:auto;
padding:16px 15px;
font-size:12px;	
}
#boxed-layout-pro ul.products li.product .progression-studios-shop-overlay-buttons a.added_to_cart {
font-size:12px;
padding-top:12px;
padding-bottom:12px;
color:#24212c;
background:#e8e8e8;
} .progression-remove-shop-button-post form.cart {
display:none;
}
#progression-studios-woocommerce-single-top table.variations td,
#progression-studios-woocommerce-single-top table.variations {
border:none;
}
#progression-studios-woocommerce-single-top table.variations select {
margin-right:5px;
}
.woocommerce-product-gallery {
overflow:hidden;
}
#progression-studios-woocommerce-single-top h1.product_title {
padding-top:40px;
padding-bottom:25px;
margin-bottom:0px;
font-size:38px;
font-weight:600;
letter-spacing:-0.02em;
border-bottom:1px solid #e8e8e8;
}
#progression-studios-woocommerce-single-top  p.price {
float:left;
padding:12px 0px;
}
#progression-studios-woocommerce-single-top .woocommerce-product-rating {
float:right;
padding-top:17px;
text-align:right;
}
#progression-studios-woocommerce-single-top .summary .star-rating {
font-size:14px;
}
#progression-studios-woocommerce-single-top  a.woocommerce-review-link {
font-size:11px;
color:#999999;
position:relative;
top:4px;
margin-left:5px;
float:right;
}
#progression-studios-woocommerce-single-top  a.woocommerce-review-link:hover {
color:#000000;
}
.thatix-divider-below-price {
border-top:1px solid #e8e8e8;
margin-bottom:22px;
}
#progression-studios-woocommerce-single-top p.price  {
color:rgba(0,0,0, 0.6);
font-size:24px;
margin:0px 0px 0px 0px;
font-weight:600;
}
#progression-studios-woocommerce-single-top p.price del {
opacity:0.50;
font-size:80%;
top:-1px;
position:relative;
margin-right:2px;
}
#progression-studios-woocommerce-single-top p.price span.amount {
color:rgba(0,0,0, 0.8);
} .woocommerce-variation .woocommerce-variation-price  {
color:rgba(0,0,0, 0.8);
font-size:22px;
font-weight:600;
margin:-15px 0px 15px 0px;
}
.woocommerce-variation .woocommerce-variation-price span.price span {
color:rgba(0,0,0, 0.8);
} #progression-studios-woocommerce-single-top .images {
width:48%;
float:left;
position:relative;
}
#progression-studios-woocommerce-single-top ins {
background:none;
}
#progression-studios-woocommerce-single-top .summary.entry-summary {
width: 48%;
float:right;
}
@media only screen and (max-width: 767px) { 
#progression-studios-woocommerce-single-top .images,
#progression-studios-woocommerce-single-top .summary.entry-summary {
width:100%;
}
}
#progression-studios-woocommerce-single-top ol.flex-control-nav.flex-control-thumbs {
-webkit-touch-callout: none; 
-webkit-user-select: none;  
-khtml-user-select: none;  
-moz-user-select: none;  
-ms-user-select: none; 
user-select: none;
list-style:none;
margin:10px 0px 0px 0px;
padding:0px;
width:calc(100% + 10px);
}
ol.flex-control-nav.flex-control-thumbs li {
width:20%;
width:calc(25% - 10px) !important;
padding-right:10px;
padding-bottom:10px;
float:left;
cursor:pointer;
}
ol.flex-control-nav.flex-control-thumbs li img {
cursor:pointer;
width:100%;
} #progression-studios-woocommerce-single-top .product_meta span.sku_wrapper, #progression-studios-woocommerce-single-top .product_meta span.posted_in, #progression-studios-woocommerce-single-top .product_meta span.tagged_as {
display:block;
}
#progression-studios-woocommerce-single-top .product_meta span.sku_wrapper {
display:none;
}
#progression-studios-woocommerce-single-top .product_meta {
margin-top:32px;
border-top:1px solid #e8e8e8;
padding-top:22px;
font-size:15px;
display:block;
color:#555555;
font-weight:400;
}
#progression-studios-woocommerce-single-top .product_meta span.tagged_as,
#progression-studios-woocommerce-single-top .product_meta span.posted_in,
#progression-studios-woocommerce-single-top .product_meta span.sku_wrapper {
padding-bottom:6px;
}
#progression-studios-woocommerce-single-top .product_meta span.sku_wrapper span.sku,
#progression-studios-woocommerce-single-top .product_meta a {
font-weight:400;
text-transform:none;
} #progression-studios-woocommerce-single-top .summary  form.cart a.reset_variations {
font-size:13px;
font-weight:400;
color:#777777;
}
#progression-studios-woocommerce-single-top .summary  form.cart a.reset_variations:hover {
color:#000000;
}
#progression-studios-woocommerce-single-top .summary  form.cart table.variations {
margin:0px 0px 25px 0px;
padding:0px;
background:none;
}
#progression-studios-woocommerce-single-top  .summary form.cart table.variations td,
#progression-studios-woocommerce-single-top  .summary form.cart table.variations tr {
padding-top:0px;
padding-bottom:15px;
}
#progression-studios-woocommerce-single-top  .summary form.cart table.variations td.label label {
color:rgba(0,0,0, 0.6);
font-size:15px;
position:relative;
top:2px;
} #progression-studios-woocommerce-single-top {
padding-top:15px;
padding-bottom:185px;
}
#progression-studios-woocommerce-single-bottom {
margin-top:-60px;
margin-bottom:-50px;
padding-bottom:0px;
background:#f6f6f6;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs {
margin-bottom:-63px;
position:relative;
top:-63px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs {
padding-left:0px;
text-align:left;
position:relative;
margin:0px 0px 0px 0px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs:before {
border-color:rgba(0,0, 0, 0);
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li:before,
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li:after {
display:none;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li {
margin:0px;
padding:0px;
border-radius:0px;
border:none;
border-top:2px solid rgba(0,0, 0, 0.0);
border-left:2px solid rgba(0,0, 0, 0.0);
border-right:2px solid rgba(0,0, 0, 0.0);
background:transparent;
display:inline-block;
float:none;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li a {
font-size:16px;
color:#939393;
padding:18px 40px;
display:block;
font-weight:600;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li.active a {
color:#24212c;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li.active {
background:#f6f6f6;
border-top:2px solid red;
}
#progression-studios-woocommerce-single-bottom  .woocommerce-Tabs-panel {
padding:50px 0px 45px 0px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs h2 {
font-size:25px;
letter-spacing:-0.02em;
margin-bottom:30px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs h2.woocommerce-Reviews-title {
display:block;
font-size:25px;
letter-spacing:-0.02em;
margin-bottom:30px;
} #progression-studios-woocommerce-single-bottom .woocommerce-tabs table td {
padding:8px 18px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs table tr th, #progression-studios-woocommerce-single-bottom .woocommerce-tabs table tr td {
padding: 10px 20px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs table th {
font-weight:700;
} #review_form_wrapper {
padding-bottom:25px;
}
p.woocommerce-noreviews {
margin-top:-15px;
}
.woocommerce-Tabs-panel span#reply-title.comment-reply-title {
display:block;
font-weight:600;
font-size:22px;
color:#2e2f31;
margin:20px 0px 10px 0px;
}
.woocommerce-Tabs-panel #review_form .comment-form-rating p.stars {
padding-top:4px;
padding-bottom:5px;
font-size:16px;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist { 
margin-left:0px; 
padding-left:0px; 
margin-bottom:5px;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li img.avatar { 
border:none;
padding:0px;
border-radius:50px;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text {
border-right:none;
border-top:none;
border-bottom:none;
border-left-color:rgba(0,0,0,0.15);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding-top:10px;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text .star-rating {
font-size:14px;
top:0px;
margin-bottom:15px;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li p.meta {
color:#666666;
font-size:16px;
margin-bottom:5px;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li strong.woocommerce-review__author {
color:#2c3238;
font-weight:600;
font-size:16px;
}
.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li p.meta time {
font-size:13px;
color:#666666;
}
.woocommerce-Tabs-panel #review_form input,
.woocommerce-Tabs-panel #review_form textarea {
background:rgba(255,255,255,1);
margin-bottom:15px;
} .related.products {
margin:-15px 0px 20px 0px;
}
.related.products h6 {
margin-bottom:8px;
font-size:15px;
letter-spacing:0.2em;
font-weight:600;
text-transform:uppercase;
}
.upsells.products h2,
.related.products h2 {
font-size:26px;
font-weight:600;
margin-bottom:25px;
}
.upsells.products h2.woocommerce-loop-product__title,
.related.products h2.woocommerce-loop-product__title {
text-align:left;
}
.cross-sells h2 {
font-size:26px;
margin-bottom:25px;
} body #content-pro .woocommerce-error, body #content-pro .woocommerce-info, body #content-pro .woocommerce-message {
background: #f4f4f4;
font-size:15px;
word-wrap: break-word;
}
body #content-pro .woocommerce-info a {
font-weight:600;
text-decoration:underline;
color:#2e3c4b;
}
body #content-pro .woocommerce-Message a.button,
body #content-pro .woocommerce-message a.button {
font-size:10px;
padding:8px 12px;
position:relative;
font-weight:600;
} .page-content-pro p.return-to-shop {
padding-top:5px;
padding-bottom:30px;
} #content-pro .woocommerce table.shop_table {
border-radius:0px;
border-color:#f1f1f1;
}
#content-pro .woocommerce table.shop_table.woocommerce-cart-form__contents {
margin-top:45px;
}
.woocommerce table.shop_table tbody tr.cart-subtotal th,
#content-pro .woocommerce table.shop_table thead tr th {
background:#f1f1f1;
border-color:#f1f1f1;
padding-top:15px;
padding-bottom:15px;
}
#content-pro .woocommerce table.shop_table  tr td {
border-color:#f1f1f1;
padding-top:18px;
padding-bottom:18px;
background:#ffffff;
}
#content-pro .woocommerce table.shop_table thead tr th {
color:#2c3238;
font-size:20px;
font-weight:600;
}
#content-pro .woocommerce table.shop_table tbody td.product-name a {
color:#2c3238;
font-weight:500;
font-size:17px;
}
table.shop_table td.product-remove a.remove,
#content-pro .woocommerce table.shop_table tbody tr.cart_item a.remove {
color:#1f1f1f !important;
font-size:17px;
margin:0 auto;
background:none;
}
table.shop_table td.product-remove a.remove:hover,
#content-pro .woocommerce table.shop_table tbody tr.cart_item a.remove:hover {
background:none;
color:#777 !important;
}
.cart_totals {
padding-top:25px;
}
.cart_totals  h2 {
font-size:24px;
}
.woocommerce  table.shop_table {
}
.woocommerce  table.shop_table tr.cart-subtotal {
color:#555555;
font-size:14px;
}
.woocommerce  table.shop_table tr.cart-subtotal th {
background:#f1f1f1;
border-color:#f1f1f1;
font-weight:600;
}
.woocommerce table.shop_table tbody tr.cart-subtotal th {
font-size:16px;
}
.woocommerce  table.shop_table tr.order-total th {
background:#f1f1f1;
border-color:#f1f1f1;
font-weight:600;
color:#111111;
padding-top:15px;
font-size:18px;
}
.woocommerce  table.shop_table tr.order-total strong {
color:#111111;
font-weight:600;
} body #content-pro .width-container-pro .woocommerce-ResetPassword,
body #content-pro .width-container-pro .woocommerce-form-register,
body #content-pro .width-container-pro .woocommerce-form-login,
body #content-pro .width-container-pro .woocommerce-form-coupon {
border:1px solid #e8e8e8;
background:#ffffff;
border-radius:5px;
box-shadow: 0px 0px 30px rgba(0,0,0, 0.02);	
padding:30px 30px 15px 30px;
}
body #content-pro .width-container-pro .woocommerce-form-register .woocommerce-privacy-policy-text {
font-size:13px;
}
body.woocommerce-account #content-pro .width-container-pro .woocommerce-form-login {
max-width:600px;
}
body #content-pro .width-container-pro .woocommerce-ResetPassword {
margin:0 auto;
max-width:800px;
padding-bottom:20px;
}
body #content-pro .width-container-pro .woocommerce-form-login button {
margin-right:10px;
}
body #content-pro .width-container-pro .woocommerce-ResetPassword p,
body #content-pro .width-container-pro .woocommerce-form-register p,
body #content-pro .width-container-pro .woocommerce-form-login p,
body #content-pro .width-container-pro .woocommerce-form-coupon p {
margin-bottom:18px;
}
body #content-pro .width-container-pro .woocommerce-form-coupon button.button {
padding:12px 20px;
font-size:14px;;
} body .woocommerce .woocommerce-MyAccount-content {
border-left:3px solid #1f2228;
box-shadow: 0px 0px 60px rgba(0,0,0, 0.09);	
background:#ffffff;
width:63%;
padding:3% 3% 3% 3%;
}
body .woocommerce nav.woocommerce-MyAccount-navigation {
width:28%;
box-shadow: 0px 0px 60px rgba(0,0,0, 0.1);	
}
body .woocommerce nav.woocommerce-MyAccount-navigation a {
display:block;
padding:14px 25px;
color:#2c3238;
background:#ffffff;
margin-bottom:0px;
font-weight:500;
font-size:16px;
}
body .woocommerce nav.woocommerce-MyAccount-navigation a:hover {
background:rgba(0,0,0, 0.04);
}
body.my-account .woocommerce nav.woocommerce-MyAccount-navigation li.is-active a {
color:#ffffff;
background:#1f2228;
letter-spacing:0px;
}
body.woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation li.is-active a {
letter-spacing:0px;
} .sidebar span.product-title {
font-weight:700;
color:#ffffff;
font-size:14px;
margin-bottom:4px;
}
.sidebar ul.product_list_widget {
margin-bottom:15px;
}
.sidebar ul.product_list_widget li {
margin-bottom:8px;
}
.sidebar ul li span.reviewer {
font-size:12px;
opacity:0.9;
font-weight:500;
}
.sidebar ul li.wc-layered-nav-rating {
margin-bottom:0px;
}
.sidebar .wc-layered-nav-rating a {
font-size:12px;
}
.sidebar .wc-layered-nav-rating .star-rating {
position:relative;
top:4px;
}
.sidebar .star-rating {
font-size:11px;
margin:5px 0px 5px 0px;
}
.sidebar ins {
background:none;
}
.sidebar span.amount {
font-weight:400;
font-size:13px;
margin:0px 0px 5px 0px;
color:rgba(255,255,255, 0.7);
}
.sidebar del {
opacity:0.40;
color:rgba(255,255,255, 0.4);
font-size:90%;
top:1px;
position:relative;
background:none;
} #boxed-layout-pro .widget.widget_price_filter .price_slider_wrapper .price_slider_amount button.button {
padding:8px 9px;
font-size:12px;
font-weight:400;
}
.widget.widget_price_filter form .price_slider_wrapper {
margin-bottom:22px;
}
.widget.widget_price_filter form .price_slider_wrapper .price_slider {
background: rgba(0,0,0,0.11);
}
.widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-range {
background:#4145ee;
}
.widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle {
background:#ffffff;
border:6px solid #4145ee;
width: 5px;
height: 5px;
border-radius: 30px;
top: -5px;
margin-left: -5px;
box-shadow: 0px 0px 4px rgba(0,0,0,0.1);	
}
body .widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle {
background:#ffffff;
}
.widget.widget_price_filter form .price_slider_wrapper .price_slider_amount {
padding-top:5px;
font-weight:400;
font-size:12px;
} .widget .widget_shopping_cart_content ul.cart_list.product_list_widget {
margin:0px 0px 15px 0px;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a.remove {
background:none;
color:#aaaaaa !important;
right:-12px;
left:auto;
top:2px;
font-size:16px;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a.remove:hover {
background:none;
color:#ffffff !important;
}
body #boxed-layout-pro .widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a img {
position:absolute;
left:0px;
width:40px;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item  {
padding:0px 0px 15px 0px;
margin:0px 0px 15px 0px;
min-height:40px;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item a {
color:#ffffff;
font-weight:700;
font-size:14px;
padding:0px 12px 0px 55px;
display:block;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item span.quantity {
padding-left:55px;
padding-top:5px;
font-weight:400;
font-size:11px;
color:#999999;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dl {
margin:0px;
display:block;
padding:5px 0px 5px 55px;
border:none;
color:#999999;
font-size:11px;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dd p {
display:inline;
margin:0px;
padding:0px;
font-size:11px;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dd, 
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dt {
display:inline-block;
font-weight:400;
font-size:11px;
margin:0px;
padding:0px;
clear:none;
}
.widget .widget_shopping_cart_content ul.cart_list.product_list_widget li.mini_cart_item dd {
padding-right:7px;
font-size:11px;
}
.widget .widget_shopping_cart_content p.total {
border-top:1px solid rgba(0,0,0, 0.1);
font-weight:700;
color:#666666;
margin:-15px 0px 4px 0px;
padding:14px 0px 15px 0px;
font-size:14px;
}
.widget .widget_shopping_cart_content p.total strong {
font-weight:700;
color:#999999;
}
.widget .widget_shopping_cart_content p.total span.amount {
float:right;
color:#ffffff;
}
.widget .widget_shopping_cart_content p.buttons a.button {
margin-right:0px;
}
body #content-pro footer .widget .widget_shopping_cart_content p.buttons a.button,
body #content-pro .sidebar .widget .widget_shopping_cart_content p.buttons a.button {
padding:15px 0px;
font-size:13px;
width:48% !important;
}
.widget .widget_shopping_cart_content p.buttons a.button.checkout {
float:right;
}
ul.wp-block-latest-posts li {
list-style-type:circle;
} span.required {
color:#fa4e3c;
}
.wpcf7-form .grid2column-progression p {
margin-bottom:0px;
}
.wpcf7-form .grid2column-progression,
.wpcf7-form p {
margin-bottom:25px;
}
#content-pro #acf-form select:focus,
.acf-input input[type=number]:focus,
.acf-input input[type=text]:focus,
.acf-input textarea:focus,
ol.age-gate-form-elements input:focus,
#respond select:focus,
.widget select:focus,
#progression-studios-woocommerce-single-top table.variations td.value select:focus,
.woocommerce-page form.woocommerce-ordering select:focus,
.wpcf7-form select:focus,
form#mc-embedded-subscribe-form  .mc-field-group input:focus,
.post-password-form input:focus,
.search-form input.search-field:focus,
#respond textarea:focus, #respond input:focus,
.wpcf7-form input:focus, .wpcf7-form textarea:focus {
outline:none ;
border-color:#6e8a95;
}
#respond input[type=checkbox] {
width:auto;
display:inline;
margin-right:7px;
}
#respond .comment-form-cookies-consent label {
display:inline;
}
.wpcf7 input[type=radio],
.wpcf7 input[type=checkbox] {
width:auto;
}
.acf-input input[type=number],
.acf-input input[type=text],
.acf-input textarea {
border-radius:4px;
background:#ffffff;
border:1px solid #e1e1e1;
}
#respond select,
.wpcf7 select,
#respond textarea,
.wpcf7-form textarea,
.post-password-form input,
#respond input,
.wpcf7-form input {
border-radius:4px;
width:70%;
padding:11px 18px 11px 18px;
background:#ffffff;
border:none;
font-size:15px;
border:1px solid #ffffff;
}
#respond textarea,
.wpcf7-form textarea {
}
span.wpcf7-form-control-wrap  {
padding-top:3px;
display:block;
}
.post-password-form {
font-size:14px;
}
.post-password-form input[type=submit] {
margin-right:0px;
}
.post-password-form input {
max-width:280px;
width:85%;
margin-right:10px;
padding-top:11px;
padding-bottom:12px;
width: calc(100% - 220px);
}
.wpcf7-form .grid1column-progression input,
.wpcf7-form .grid2column-progression input,
#respond textarea, .comment-respond textarea, .wpcf7-form textarea {
width:95%;
width: calc(100% - 36px);
margin-bottom:5px;
}
body #respond textarea,
#respond .grid3column-progression input[type="text"],
#respond .grid3column-progression input[type="email"],
#respond .grid3column-progression input[type="url"] {
width:96%;
width:calc(100% - 30px);
}
.wpcf7-form input.wpcf7-not-valid {
border-color:#e54823;
}
.wpcf7-form span.wpcf7-not-valid-tip {
display:none;
}
#respond select,
.wpcf7 select, .widget select,
#progression-studios-woocommerce-single-top table.variations td.value select,
.woocommerce-page form.woocommerce-ordering select {
border-radius:4px;
line-height:1;
padding:14px 45px 14px 18px;
font-size:15px;	
font-weight:400;
background:#ffffff;
border:1px solid  rgba(0,0,0, 0.13);
-moz-appearance: none; 
-webkit-appearance: none; 
-ms-appearance:none;
appearance: none;
background-image:url(//myafrorecipes.com/wp-content/themes/thatix-progression/images/select-arrow.png);
background-position:right 15px;
background-repeat:no-repeat;
background-size:34px 12px;
}
body .select2-container--default .select2-dropdown {
border-color: rgba(0,0,0, 0.09);
}
body .woocommerce form .form-row .select2-container .selection .select2-selection {
height:42px;
padding-top:5px;
line-height:1;
background:#f4f3f0;
border-color:red;
-webkit-box-shadow: inset 0 6px 5px -5px rgba(32,36,39, 0);
-moz-box-shadow:inset  0 6px 5px -5px rgba(32,36,39, 0);
box-shadow:inset  0 6px 5px -5px rgba(32,36,39, 0);
}
body .woocommerce form .form-row .select2-selection--single .select2-selection__rendered {
padding-left:12px;
}
body .woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
top:8px;
right:5px;	
}
.widget select {
max-width:calc(100% - 64px);
}
#respond select::ms-expand,
.wpcf7 select::ms-expand,
.widget select::ms-expand,
#progression-studios-woocommerce-single-top table.variations td.value select::ms-expand,
.woocommerce-page form.woocommerce-ordering select::ms-expand,
#progression-studios-woocommerce-single-top  table.variations td.value select::-ms-expand {
display:none;
}
#progression-studios-woocommerce-single-top table.variations td.value select {
background-color:#f2f2f2;
border-color:#ddd;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
#progression-studios-woocommerce-single-top table.variations td.value select,
.woocommerce-page form.woocommerce-ordering select {background-image:url(//myafrorecipes.com/wp-content/themes/thatix-progression/images/select-arrow@2x.png);}
} body #content-pro .width-container-pro .woocommerce textarea,
body #content-pro .width-container-pro .woocommerce .shop_table input#coupon_code[type=text],
body #content-pro .width-container-pro .woocommerce input[type=text],
body #content-pro .width-container-pro .woocommerce input[type=password],
body #content-pro .width-container-pro .woocommerce input[type=url],
body #content-pro .width-container-pro .woocommerce input[type=tel],
body #content-pro .width-container-pro .woocommerce input[type=number],
body #content-pro .width-container-pro .woocommerce input[type=color],
body #content-pro .width-container-pro .woocommerce input[type=email] {
padding:9px 12px;
border-radius:4px;
box-shadow: none;
background:#f4f3f0;
border:1px solid  #f4f3f0;
-webkit-box-shadow: inset 0 6px 5px -5px rgba(32,36,39, 0);
-moz-box-shadow:inset  0 6px 5px -5px rgba(32,36,39, 0);
box-shadow:inset  0 6px 5px -5px rgba(32,36,39, 0);
box-shadow:none;
}
body #content-pro .width-container-pro .woocommerce .shop_table input#coupon_code[type=text] {
min-width:119px;
padding-left:12px;
padding-right:12px;
line-height:34px;
height:34px;
} #content-pro .woocommerce table.shop_table .coupon button.button {
font-size:12px;
padding:11px 16px;
margin-left:5px;
border:none;
}
#content-pro .woocommerce table.shop_table button.button {
font-size:13px;
padding:14px 30px;
}
#progression-studios-woocommerce-single-top .quantity input {
float:left;
margin-right:8px;
padding:15px 4px 15px 4px;
border-radius:4px;
box-shadow: none;
background:#ffffff;
border:1px solid  rgba(0,0,0, 0.09);
-webkit-box-shadow: inset 0 6px 5px -5px rgba(32,36,39, 0);
-moz-box-shadow:inset  0 6px 5px -5px rgba(32,36,39, 0);
box-shadow:inset  0 6px 5px -5px rgba(32,36,39, 0);
} body #content-pro h3#order_review_heading,
body #content-pro form.woocommerce-checkout {
padding-top:25px;
}
body #content-pro form.woocommerce-checkout .select2,
body #content-pro form.woocommerce-checkout textarea,
body #content-pro form.woocommerce-checkout input {
margin-bottom:15px;
}
body #content-pro form.woocommerce-checkout input#billing_address_1 {
margin-bottom:0px;
}
.woocommerce-input-wrapper .selection .select2-selection:focus  {
outline:none;
}
.create-account input[type=checkbox] {
position:relative;
top:6px;
} .tagcloud a {
line-height:1;
border:none;
text-align:center;
display:inline-block;
width:auto;
margin:0px 4px 10px 0px;
padding:8px 10px;
color:#24212c;
background:#ffffff;
font-size:11px !important;
letter-spacing:0.05em;
font-weight:600;
box-shadow: 0px 0px 10px rgba(0,0,0,  0.05);
}
.wp-block-button a.wp-block-button__link  {
font-size:22px;
padding:16px 35px;
margin-bottom:10px;
font-weight:600;
}
body .wp-block-button a.wp-block-button__link  {
border-radius:30px;
}
.wp-block-button.is-style-outline a.wp-block-button__link {
border:2px solid #000000;
color:#000000;
background:none;
}
.wp-block-button.is-style-outline a.wp-block-button__link:hover {
background:#000000;
color:#ffffff;
}
.wp-block-button.is-style-outline a.wp-block-button__link,
.wp-block-button.is-style-squared a.wp-block-button__link {
border-radius:0px;
}
.progression-studios-shop-overlay-buttons a.added_to_cart,
#boxed-layout-pro .form-submit input#submit,
#boxed-layout-pro button.button,
#boxed-layout-pro a.button {
line-height:1;
border:none;
text-align:center;
display:inline-block;
border-radius:3px;
width:auto;
padding:22px 36px;
color:#ffffff;
background:#6e16ff;
font-size:14px;
text-transform:uppercase;
font-weight:600;
font-family: 'Barlow', sans-serif;
}
#content-pro #acf-form input.acf-button.button,
.post-password-form input[type=submit],
#respond input.submit,
.wpcf7-form input.wpcf7-submit {
line-height:1;
border:none;
text-align:center;
display:inline-block;
border-radius:3px;
width:auto;
padding:22px 36px;
font-size:16px;
color:#ffffff;
background:#6e16ff;
letter-spacing:0.02em;
font-weight:600;
font-family: 'Barlow', sans-serif;
}
.post-password-form input[type=submit] {
padding-top:18px;
padding-bottom:18px;
}
.post-password-form input[type=submit]:hover,
#respond input.submit:hover,
.wpcf7-form input.wpcf7-submit:hover {
color:#0e0e10;
background:#e0e0e0;
}
#respond input.submit {
margin-top:15px;
}
.wpcf7-form input.wpcf7-submit {
margin-top:5px;
}  footer#site-footer #progression-studios-copyright a {
color:rgba(255,255,255,0.75);
}
footer#site-footer #progression-studios-copyright a:hover {
color:#ffffff;
}
#copyright-divider-top {
width:100%;
}
#copyright-text {
padding:38px 0px;
font-size:14px;
color:rgba(255,255,255,0.75);
}
.footer-copyright-align-center #copyright-text  {
float:none;
text-align:center;
}
.footer-copyright-align-right #copyright-text  {
float:right;
text-align:right;
} .mc4wp-form p {
margin:0px;
padding:0px;
display:inline;
}
.mc4wp-form .mc4wp-form-fields {
width:100%;
padding:0px;
margin:0px;
}
.mc4wp-form input {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 3px;
padding:11px 16px 11px 16px;
color:#ffffff;
font-size:15px;
border:1px solid #28292b;
box-shadow: 0px 0px 6px rgba(255,255,255, 0.02);
background:#28292b;
width:400px;
max-width: calc(100% - 95px);
margin-right:3px;
}
.mc4wp-form .mc4wp-form-fields {
display:inline-block;
}
.mc4wp-form input[type="submit"] {
margin-right:0px;
background:#34b1bb;
font-size:13px;
color:#ffffff;
padding:14px 14px 14px 14px;
border-radius: 3px;
border:none;
position:relative;
width:auto;
border:none;
top:-1px;
font-weight:600;
}
.mc4wp-form input[type="submit"]:hover {
color:#ffffff;
background:#2a9eac;
}
.mc4wp-form .mc4wp-alert {
font-style:italic;
font-size:12px;
padding-top:5px;
} #pro-scroll-top {
display:none;
cursor:pointer;
position: fixed; 
overflow: hidden; 
text-indent: 100%; 
white-space: nowrap; 
z-index:100;
height:30px;
width: 44px;
padding:0px;
margin:0px;
bottom: 0px; 
right:40px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color:#ffffff;
background:rgba(0,0,0,  0.3);
}
#pro-scroll-top:before {
display:block;
font-family: "Font Awesome 5 Free";
font-weight:900;
content:"\f105";
position:absolute;
z-index:101;
font-size:16px;
top:28px;
left:0px;
height: 30px;
width: 44px;
line-height:30px;
-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);
}
#pro-scroll-top:hover { 
color:#ffffff;
background:#bcd13d;
height:35px;
} .saved-recipes-page article.cooked-recipe.cooked-recipe-card {
margin-bottom:40px;
}
#boxed-layout-pro .cooked-recipe-card {
border-radius:0px;
box-shadow:none;
}
#boxed-layout-pro .cooked-recipe-card-modern, #boxed-layout-pro .cooked-recipe-card-modern-centered { 
transform:translate3d(0,0,0); 
border-radius:5px; 
box-shadow:none;
border:1px solid #ebebeb;
box-shadow: 0px 0px 15px rgba(41, 48, 55, 0.03);
}
.progression-blog-content:hover,
.progression-studios-index-gradient:hover,
#boxed-layout-pro .cooked-recipe-card:hover,
#boxed-layout-pro .cooked-recipe-card-modern:hover,
#boxed-layout-pro .cooked-recipe-card-modern-centered:hover {
transform:translate3d(0,0,0) !important; 
box-shadow:none;
box-shadow: 0px 0px 25px rgba(41, 48, 55, 0.1);
}
#boxed-layout-pro .cooked-recipe a.cooked-recipe-card-image {
height:260px;
}
#boxed-layout-pro .cooked-recipe-card-content {
padding:25px 35px;
}
#boxed-layout-pro .progression-studios-custom-template .cooked-recipe-card-author {
padding-top:14px;
padding-bottom:5px;
}
#boxed-layout-pro .progression-studios-custom-template .cooked-recipe-card-author  .cooked-author-avatar {
position:relative;
top:0px;
margin:-3px 7px 0px 0px;
left:0px;
float:left;
width:30px;
height:30px;
line-height:1;
}
#boxed-layout-pro .cooked-recipe-card-centered, 
#boxed-layout-pro .cooked-recipe-card-modern-centered {
text-align:left;
}
#boxed-layout-pro .cooked-recipe-card-content a.cooked-recipe-card-title {
color:#2e2f31;
font-size:22px;
margin-bottom:12px;
}
#boxed-layout-pro .cooked-recipe-card-content a.cooked-recipe-card-title:hover {
color:#f89223;
}
#boxed-layout-pro .cooked-recipe-card-content .cooked-recipe-card-modern .cooked-recipe-card-author,
#boxed-layout-pro .cooked-recipe-card-content .cooked-recipe-card-author {
margin-bottom:12px;
opacity:1;
}
#boxed-layout-pro .cooked-recipe-card-content .cooked-recipe-card-author strong {
color:#565758;
font-weight:600;
}
#boxed-layout-pro .cooked-recipe-card-content span.cooked-recipe-card-excerpt {
font-size:15px;
margin-bottom:12px;
}
#boxed-layout-pro .cooked-recipe-card-modern .cooked-recipe-card-sep,
#boxed-layout-pro .cooked-recipe-card-modern-centered .cooked-recipe-card-sep,
#boxed-layout-pro .cooked-recipe-card .cooked-recipe-card-sep {
display:none !important;
} #boxed-layout-pro .cooked-recipe-search input[type="text"] {
border-radius:5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border:1px solid rgba(0,0,0,0.15);
}
.cooked-recipe-search .cooked-sortby-wrap > select:focus,
#boxed-layout-pro .cooked-recipe-search .cooked-browse-select:focus,
.cooked-recipe-search input[type="text"]:focus {
outline:none;
}
#boxed-layout-pro .cooked-recipe-search .cooked-browse-select {
border-radius:5px;
}
#boxed-layout-pro  .cooked-recipe-search .cooked-browse-select:hover {
background:rgba(0,0,0,0.075);
}
.cooked-recipe-search .cooked-sortby-wrap > select {
border:none;
}
#boxed-layout-pro .cooked-recipe-search .cooked-sortby-wrap {
height:calc(100% - 2px);
margin-top:1px;
margin-bottom:1px;
margin-right:2px;
background:#f4f3f0;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
#boxed-layout-pro .cooked-recipe-search .cooked-browse-search-button {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background:#f89223;
}
#boxed-layout-pro .cooked-recipe-search .cooked-browse-search-button:hover {
}
@media screen and ( max-width: 750px ) { 
#boxed-layout-pro .cooked-recipe-search .cooked-sortby-wrap {
height:3rem;
}
#boxed-layout-pro .cooked-recipe-search .cooked-browse-search-button,
#boxed-layout-pro .cooked-recipe-search input[type="text"] {
border-radius:5px;
}
}
#boxed-layout-pro .cooked-browse-select-block {
border:1px solid #ebebeb;
box-shadow: 0px 0px 15px rgba(41, 48, 55, 0.03);
}
#boxed-layout-pro span.cooked-tax-column-title {
color:#2e2f31;
font-weight:600;
text-transform:none;
font-size:16px;
}
.cooked-tax-scrollable a {
font-size:15px;
}
#boxed-layout-pro p.cooked-none-found {
font-size:17px;
padding-top:40px;
padding-bottom:10px;
}
.cooked-recipe-base-meta {
border-top:1px solid #e5e5e5;	
padding:0px 0px 0px 0px;
margin:30px -35px -25px -35px;
text-align:center;
font-size:13px;
font-weight:500;
opacity:0;
}
.cooked-recipe-base-meta.position-recipe-base-meta {
position:absolute;
bottom:0px;
width:100%;
opacity:1;
margin-bottom:0px;
}
.cooked-recipe-base-meta.position-recipe-base-meta *  {
box-sizing: content-box;
}
.cooked-recipe-base-meta i {
color:#6fb43f;
margin-right:6px;
}
.thatix-recipe-index-category,
.thatix-recipe-index-duration,
.thatix-recipe-index-servings {
padding:15px 15px 22px 15px;
}
.thatix-recipe-index-category,
.thatix-recipe-index-servings {
float:left;
width:calc(50% - 31px);
border-right:1px solid #e5e5e5;
}
.thatix-recipe-index-duration {
float:right;
width:calc(50% - 30px);
}
ul.recipe-index-meta-taxonomy {
display:inline;
list-style:none;
margin:0px;
padding:0px;
}
ul.recipe-index-meta-taxonomy li {
list-style:none;
margin:0px;
display:inline;
padding:0px;
}
ul.recipe-index-meta-taxonomy li:after {
content:', ';
}
ul.recipe-index-meta-taxonomy li:last-child:after {
display:none;
}
ul.recipe-index-meta-taxonomy a {
color:#7d7f82;
} .progression-studios-recipe-shortcode.progression-studios-hide-cat .cooked-recipe-base-meta,
.progression-studios-recipe-shortcode.progression-studios-hide-author .cooked-recipe-card-author,
.progression-studios-recipe-shortcode.progression-studios-hide-rating .thatix-average-rating-index,
.progression-studios-recipe-shortcode.progression-studios-hide-excerpt .cooked-recipe-card-excerpt,
.progression-studios-recipe-shortcode.progression-studios-hide-image a.cooked-recipe-card-image {
display:none !important;
}  h2.progression-thatix-progression-slider-title, .progression-thatix-slider-excerpt, .progression-thatix-slider-rating {
-webkit-transform: translateZ(0);
}  #thatix-recipe-single-container {
position:relative;
z-index:5;
padding-top:20px;
margin-bottom:-10px;
}
#thatix-recipe-single-container .thatix-average-rating-index {
padding:0px;
}
#thatix-recipe-single-container .average-rating-video-filled {
width:105px;
}
#thatix-recipe-single-container .average-rating-video-post {
float:left;
width:105px;
}
#thatix-recipe-single-container .average-rating-video-post .dashicons {
font-size:20px;
}
#thatix-recipe-single-container .average-rating-video-empty {
color:rgba(255,255,255, 0.45);
}
#thatix-recipe-single-container h6 {
color:rgba(255,255,255,0.5);
font-size:14px;
font-weight:500;
display:inline-block;
position:relative;
top:-3px;
padding-left:7px;
}
#progression-recipe-single-content {
margin-top:-10px;
padding-bottom:0px;
}
#progression-recipe-single-content #comments.comments-area {
margin-top:-45px;
}
#progression-recipe-single-content #comments.comments-area ol.comment-list {
margin-bottom:35px;
}
.sidebar.sidebar-recipe-single-post {
padding-top:20px;
}
.cooked-post-featured-image img {
border-radius:5px;
}
.cooked-recipe-info {
background:#f4f3f0;
border-radius:6px;
padding:24px 30px 8px 30px;
margin-bottom:30px;
font-size:17px;
}
@media only screen and (max-width: 750px) {
#progression-recipe-single-content .cooked-recipe-info .cooked-left {
text-align:left;
margin-left:-14px;
}
.cooked-recipe-info .cooked-right .cooked-time.cooked-prep-time,
.cooked-recipe-info .cooked-right .cooked-time,
.cooked-recipe-info .cooked-servings {
display: table;
text-align:left;
margin-left:0px;
padding-bottom:15px;
}
}
.cooked-recipe-info .cooked-meta-title {
color:#2e2f31;
font-weight:600;
font-size:13px;
padding-bottom:2px;
}
#boxed-layout-pro .cooked-recipe-info span.cooked-print .cooked-icon {
font-size:2rem;
position:relative;
top:2px;
}
.cooked-recipe-info a {
color:#7d7f82;
}
.cooked-recipe-excerpt {
font-size:18px;
border-left:2px solid #f89223;
padding-left:25px;
margin-top:5px;
margin-bottom:40px;
}
.cooked-recipe-excerpt p {
margin-bottom:0px;
}
#boxed-layout-pro .cooked-heading,
.cooked-recipe-ingredients .cooked-heading,
.cooked-single-direction.cooked-heading,
.cooked-single-ingredient.cooked-heading {
color:#2e2f31;
font-weight:600;
font-size:22px;
}
.cooked-recipe-ingredients {
margin-top:-15px;
padding-bottom:35px;
margin-bottom:10px;
border-bottom:1px solid #e5e5e5;
}
.cooked-single-ingredient.cooked-heading {
padding-top:25px;
}
#boxed-layout-pro .cooked-recipe-directions {
border-bottom:1px solid #e5e5e5;
padding-bottom:15px;
}
#boxed-layout-pro .cooked-recipe-directions .cooked-direction.cooked-direction-has-number .cooked-dir-content {
padding-left:2.8rem;
}
#boxed-layout-pro .cooked-recipe-directions .cooked-direction.cooked-direction-has-number-wide .cooked-dir-content {
padding-left:3.3rem;
}
#boxed-layout-pro .cooked-recipe-directions .cooked-direction-number {
font-weight:600;
border:1px solid #7d7f82;
color:#7d7f82;
border-radius:30px;
text-align:center;
width:1.8rem; 
height:1.8rem; 
line-height:1.8rem; 
font-size:1rem; 
}
ul.related-recipes-list {
list-style:none;
margin:0px;
padding:0px;
}
ul.related-recipes-list li.related-recipie-item {
list-style:none;
margin:0px 0px 20px 0px;
padding:0px 0px 20px 0px;
}
ul.related-recipes-list li.related-recipie-item:last-child {
border:none;
padding-bottom:0px;
}
ul.related-recipes-list li.related-recipie-item h4 {
font-size:17px;
padding-top:5px;
margin-bottom:1px;
}
ul.related-recipes-list li.related-recipie-item a {
color:#2e2f31;
}
ul.related-recipes-list li.related-recipie-item h6 {
font-size:14px;
margin-bottom:0px;
color:#7d7f82;
font-weight:500;
}
.recipe-sidebar-image-thumbnail {
float:left;
width:70px;
margin-right:16px;
}
.recipe-sidebar-image-thumbnail img {
border-radius:4px;
} .cooked-recipe-gallery.fotorama .fotorama__fullscreen-icon,
.cooked-recipe-gallery.fotorama .fotorama__arr {
background:none;
} ul#blog-single-social-sharing {
list-style:none;
margin:15px 0px 30px 0px;
padding:0px 0px 45px 0px;
text-align:center;
position:relative;
border-bottom:1px solid #e5e5e5;
}
ul#blog-single-social-sharing li {
display:inline;
margin:0px;
padding:0px 4px;
background:#ffffff;
}
ul#blog-single-social-sharing li a {
line-height:1;
display:inline-block;
background:#f7f6f3;
color:#8c8e91;
font-size:14px;
font-weight:500;
border-radius:5px;
padding:15px 20px;
margin-bottom:5px;
}
ul#blog-single-social-sharing li i {
padding-right:7px;
}
ul#blog-single-social-sharing li a.facebook-share:hover {
color:#ffffff;
background:#1877f2;
}
ul#blog-single-social-sharing li a.twitter-share:hover {
color:#ffffff;
background:#1da1f2;
}
ul#blog-single-social-sharing li a.pinterest-share:hover {
color:#ffffff;
background:#bd081c;
}
ul#blog-single-social-sharing li a.reddit-share:hover {
color:#ffffff;
background:#ff4500;
}
ul#blog-single-social-sharing li a.mail-share:hover {
color:#ffffff;
background:#28292b;
}
ul#blog-single-social-sharing li a.vk-share:hover {
color:#ffffff;
background:#4a76a8;
}
ul#blog-single-social-sharing li a.google-share:hover {
color:#ffffff;
background:#db4437;
}
ul#blog-single-social-sharing li a.linkedin-share:hover {
color:#ffffff;
background:#007bb5;
}
ul#blog-single-social-sharing li a.tumblr-share:hover {
color:#ffffff;
background:#35465d;
}
ul#blog-single-social-sharing li a.stumble-share:hover {
color:#ffffff;
background:#e94826;
} .cooked-post-featured-image {
position:relative;
}
.wishlist-button-pro {
border:none;
outline:none;
border:none;
border-radius:30px;
text-align:center;
width:40px;
height:40px;
line-height:40px;
color:#2e2f31;
background:#ffffff;
box-shadow: 2px 2px 6px rgba(0,0,0,  0.2);
position:absolute;
top:26px;
right:26px;
}
@-moz-document url-prefix() { 
.wishlist-button-pro i {
position:relative;
top:2px;
}
}
.wishlist-button-pro.is-wishlist .far.fa-heart,
.wishlist-button-pro .fas.fa-heart {
display:none;
}
.wishlist-button-pro.is-wishlist .fas.fa-heart {
display:block;
}
.wishlist-button-pro.is-wishlist {
background:red;
color:#ffffff;
}
.wishlist_user_post span {
display:none;
}
.thatix-login-required-notice {
position:absolute;
z-index:5;
background:red;
color:#ffffff;
border-radius:5px;
font-size:14px;
top:79px;
right:26px;
line-height:1;
padding:9px;
color:#2e2f31;
background:#ffffff;
box-shadow: 2px 2px 6px rgba(0,0,0,  0.2);
}
.thatix-login-required-notice:before {
content:"";
display:block;
position:absolute;
top:-8px;
right:12px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #ffffff;
}
.thatix-login-required-notice i {
padding-right:5px;
}
.thatix-login-required-notice a {
font-weight:500;
text-decoration:underline;
} .sidebar-recipe-single-post .cooked-nutrition-label strong {
font-weight:600;
color:#333333;
}
.sidebar-recipe-single-post .cooked-nutrition-label .cooked-nut-bottom span.cooked-nut-percent,
.sidebar-recipe-single-post  .cooked-nutrition-label .cooked-nut-bottom .cooked-nut-right,
.sidebar-recipe-single-post  .cooked-nutrition-label .cooked-nut-bottom strong.cooked-nut-label {
color:#333333;
}
.sidebar-recipe-single-post .cooked-nutrition-label .cooked-nut-bottom strong {
color:#555555;
font-weight:400;
}
.sidebar-recipe-single-post .cooked-nutrition-label .cooked-nut-right,
.sidebar-recipe-single-post .cooked-nutrition-label span.cooked-nut-percent,
.sidebar-recipe-single-post .cooked-nutrition-label span.cooked-nut-label,
.sidebar-recipe-single-post .cooked-nutrition-label strong.cooked-nut-label {
color:#0173aa;
}
body .sidebar-recipe-single-post .cooked-nutrition-label p.cooked-daily-value-text {
font-size:11px;
line-height:1.6;
} .comment-respond label {
color:#2e2f31;
}
.comment-respond .comment-form-cookies-consent label {
color:#7d7f82;
}
#boxed-layout-pro #thatix-comment-review-form-submit .form-submit input#submit {
margin-top:0px;
}
.thatix-progression-notification-login {
background:#fffee1;
border:1px solid #e7d95d;
font-size:15px;
padding:15px 20px 15px 20px;
margin-top:25px;
margin-bottom:25px;
}
.thatix-progression-notification-login a {
font-weight:600;
text-decoration:underline;
}
.thatix-progression-notification-login p {
margin:0px;
}
.thatix-progression-notification-login i {
padding-right:8px;
} h3.thatix-review-comments-title {
font-size:24px;
margin-bottom:25px;
font-weight:600;
margin-top:20px;
}
h3.thatix-review-form-title {
font-size:24px;
margin-top:25px;
margin-bottom:10px;
font-weight:600;
}
ul.thatix-reviews-pro {
list-style:none;
margin:0px 0px 25px 0px;
padding:0px;
}
ul.thatix-reviews-pro li {
margin:0px;
padding:0px 0px 30px 0px;
position:relative;
}
h5.recipe-review-author {
margin-bottom:8px;
}
h5.recipe-review-author span {
font-weight:500;
opacity:0.5;
padding-left:10px;
font-size:14px;
}
.recipe-review-rating-container {
padding-bottom:10px;
}
.recipe-review-full-avatar {
float: left;
height: 70px;
width: 70px;
left:0px;
position:absolute;
}
.recipe-review-full-avatar img {
border-radius:50px;
}
.thatix-review-container {
font-size:95%;
padding:35px 35px 35px 35px;
margin-left:90px;
background:#f4f4f4;
border-radius:5px;
}
.thatix-review-container:before {
content:'';
display:block;
position:absolute;
left:80px;
top:30px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent; 
border-right:10px solid #f4f4f4; 
} .thatix-average-rating-index {
padding-bottom:4px;
padding-top:1px;
}
.average-rating-video-post {
font-size:15px;
position:relative;
width:105px;
overflow:hidden;
}
.average-rating-video-post .dashicons {
margin-right:1px;
font-size:18px;
}
.average-rating-overflow-width {
height:25px;
top:0px;
left:0px;
position:absolute;
overflow:hidden;
}
.average-rating-video-empty {
color:rgba(0,0,0,0.3);
}
.average-rating-video-filled {
color:#22b2ee;
position:absolute;
top:0;
left: 0;
width:110px;
} .comments-rating {
border: none;
padding: 0 0 15px 0px;
margin-left: 0;
}
.comments-rating label {
display: inline-block;
}
.comment-form .rating-container { font-size: 0; unicode-bidi: bidi-override;
direction: rtl;
position:relative;
}
.comment-form .rating-container * {
font-size: 1.3rem;
}
.comment-form .rating-container > input {
display: none;
}
.comment-form .rating-container > input + label { font-family: 'dashicons';
display: inline-block;
overflow: hidden;
text-indent: 9999px;
width: 1em;
white-space: nowrap;
cursor: pointer;
margin: 0 3px 0 0;
}
.comment-form .rating-container > input + label:before {
display: inline-block;
text-indent: -9999px;
content: "\f154";
color:rgba(0,0,0,0.3);
}
.comment-form .rating-container > input + label:before {
transition-duration: 350ms; 
transition-property: color; 
transition-timing-function: ease-in-out;
}
.comment-form .rating-container > input:checked ~ label:before,
.comment-form .rating-container > input + label:hover ~ label:before,
.comment-form .rating-container > input + label:hover:before {
content: "\f155";
color:#f89223;
}
.comment-form .rating-container > .star-cb-clear + label {
text-indent: -9999px;
width: .5em;
margin-left: -.5em;
}
.comment-form .rating-container > .star-cb-clear + label:before {
width: .5em;
}
.comment-form .rating-container:hover > input + label:before {
content: "\f154";
color:rgba(0,0,0,0.3);
text-shadow: none;
}
.comment-form .rating-container:hover > input + label:hover ~ label:before,
.comment-form .rating-container:hover > input + label:hover:before {
content: "\f155";
color: #f89223;
}
.thatix-review-awaiting-moderation {
font-style:italic;
font-weight:600;
padding-bottom:35px;
} .boosted-elements-slider-loader-height {
overflow:hidden;
} .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0;  padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; } .flexslider { margin: 0; padding: 0; }
.flexslider .slides > li {  display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flexslider .slides:after { content: "\0020";  display: block; clear: both;  visibility: hidden;  line-height: 0;  height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block;} .flexslider { margin: 0; background: none;  border:none; position: relative; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -ms-transition: all 1s ease;  -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport {  max-height: 300px;}
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0;
}
.flexslider {
-webkit-transform: translateZ(0);
}
.flex-direction-nav a {
text-decoration: none;
display: block;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
font: normal normal normal 14px/1 "Font Awesome 5 Free"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); 
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-style: normal;
text-align:center;	
border:none;
margin: -23px 0 0;
font-size:20px;
width:38px;
line-height:46px;
height:46px;
color:#777777;
background:#ffffff;
box-shadow: 1px 1px 5px rgba(0,0,0,  0.02);
}
.flexslider .flex-direction-nav a {
transition-duration: 250ms; 
transition-property: all; 
transition-timing-function: ease-in-out;
}
.flexslider:hover .flex-direction-nav a {
top:50%;
}
.flex-direction-nav a.flex-prev:before {
content: "\f30a";
position:relative;
left:-1px;
}
.flex-direction-nav a.flex-next:before {
content: "\f30b";
position:relative;
right:-1px;
}
.flex-direction-nav .flex-prev {
left:0px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.flex-direction-nav .flex-next {
right:0px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.flexslider:hover .flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-next {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 30px;
text-align: center;
z-index:10;
}
.flex-control-nav li {
margin:0px;
display: inline-block;
zoom: 1;
*display: inline;
position:relative;
}
.flex-control-paging li {
width:18px; 
height:10px; 
text-align:center;
}
.flex-control-paging li a {
width:7px;
height:7px;
bottom:0px;
display: block;
cursor: pointer;
text-indent: -9999px;
position:absolute;
background:none;
border:2px solid #ffffff ;
box-shadow: 1px 1px 3px rgba(0,0,0,  0.25);
border-radius: 15px;
}
.flex-control-paging li a.flex-active {
background:#fff ;
border-color:#fff;
}
.flex-control-paging li a.flex-active {
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}  h2.progression-thatix-progression-slider-title {
letter-spacing:-0.02em;
font-size:60px;
line-height:1.1;
font-weight:700;
margin-bottom:20px;
}
h2.progression-thatix-progression-slider-title a {
color:#ffffff;
}
.progression-thatix-slider-excerpt {
font-size:20px;
font-weight:500;	
color:rgba(255,255,255, 0.9);
padding:0px 25px 0px 25px;
}
.progression-thatix-slider-rating {
text-align:center;
position:relative;
height:25px;
padding-bottom:38px;
}
.progression-thatix-slider-ratingt * {
box-sizing: content-box;
}
.progression-thatix-slider-rating-center {
position:absolute;
left:50%;
margin-left:-50px;
}
.progression-thatix-slider-rating .average-rating-video-filled {
width:120px;
}
.progression-thatix-slider-rating  .average-rating-video-post {
width:120px;
}
.progression-thatix-slider-rating  .average-rating-video-post .dashicons {
font-size:19px;
margin-right:4px;
}
.progression-thatix-slider-rating  .average-rating-video-empty {
color:rgba(255,255,255, 0.65);
} ol.flex-control-nav *  {
box-sizing: content-box;
} .progression-studios-post-slider-main.thatix-slider-carousel .flex-viewport {
overflow: visible !important;
}
.progression-studios-post-slider-main.thatix-slider-carousel  .flexslider {
max-width: 1206px; width: 1206px; margin: 0 auto;
}
.progression-studios-post-slider-main.thatix-slider-carousel .type-cp_recipe {
padding-left:5px;
padding-right:5px;
} .progression-studios-post-slider-main .flex-direction-nav a {
margin: -25px 0 0;
font-size:17px;
width:50px;
line-height:50px;
height:50px;
border-radius:100px;
color:#2e2f31;
background: rgba(255,255,255, 0.5);
box-shadow: 1px 1px 5px rgba(0,0,0,  0);
}
.progression-studios-post-slider-main .flex-direction-nav a.flex-prev {
left:40px;
}
.progression-studios-post-slider-main .flex-direction-nav a.flex-next {
right:40px;
}
.progression-studios-post-slider-main .flex-direction-nav a.flex-prev:before {
left:0px;
}
.progression-studios-post-slider-main .flex-direction-nav a.flex-next:before {
right:0px;
}
.progression-studios-post-slider-main .flex-direction-nav a:hover {
background:#ffffff;
} .slider-background-overlay-color {
position:absolute;
width:100%;
top:0px;
left:0px;
height:100%;
background:rgba(40,41,43,  0.5);
}
.progression-studios-skrn-slider-background {
background:#28292b;
background-repeat: no-repeat;
background-position:center center;
background-size: cover;
position:relative;	
}
.progression-skrn-slider-content-margins {
position:relative;
z-index:25;
}
.progression-skrn-slider-elements-display-table {
display:table;
width:100%;
height:100%;
overflow:hidden;
}
.progression-skrn-slider-content-max-width {
max-width:90%;
margin:0 auto;
}
.progression-skrn-slider-text-floating-container {
width:100%;
}
.progression-skrn-slider-progression-crowd-index-content {
width:100%;
}
.progression-skrn-slider-container-max-width {
margin:0 auto;
} .progression_elements_slider_arrow_visiblity_hidden .flex-direction-nav a,
body .progression_elements_slider_dots_visiblity_hidden .flex-control-paging {
display:none;
}
.progression_elements_slider_arrow_visiblity_tablet_mobile .flex-direction-nav a,
body .progression_elements_slider_dots_visiblity_tablet_mobile .flex-control-paging {
display:none;
}
.progression_elements_slider_arrow_visiblity_hover .flex-direction-nav a {
opacity:0;
}
.progression_elements_slider_arrow_visiblity_hover:hover .flex-direction-nav a {
opacity:1;
}
.progression_elements_slider_dots_visiblity_hover .flex-control-paging li a {
opacity:0;
}
.progression_elements_slider_dots_visiblity_hover:hover .flex-control-paging li a {
opacity:1;
} .progression_animate_in .progression-skrn-slider-content-alignment,
.progression_animate_out .progression-skrn-slider-content-alignment,
.progression_animate_up .progression-skrn-slider-content-alignment,
.progression_animate_down .progression-skrn-slider-content-alignment,
.progression_animate_right .progression-skrn-slider-content-alignment,
.progression_animate_left .progression-skrn-slider-content-alignment  {
animation-delay:  400ms; 
animation-duration: 800ms;
opacity:0;
animation-fill-mode: both;
}
li.flex-active-slide.progression_animate_in .progression-skrn-slider-content-alignment {
animation-name: Proelementszoomup;
}
li.flex-active-slide.progression_animate_out .progression-skrn-slider-content-alignment {
animation-name: Proelementszoomout;
}
li.flex-active-slide.progression_animate_up .progression-skrn-slider-content-alignment {
animation-name: Proelementsfadeup;
}
li.flex-active-slide.progression_animate_down .progression-skrn-slider-content-alignment {
animation-name: Proelementsfadedown;
}
li.flex-active-slide.progression_animate_left .progression-skrn-slider-content-alignment {
animation-name: Proelementsfadeleft;
}
li.flex-active-slide.progression_animate_right .progression-skrn-slider-content-alignment {
animation-name: Proelementsfaderight;
}
@keyframes Proelementsfadeup {
0% { opacity: 0; transform: translate3d(0, 20%, 0); }
100% { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes Proelementsfadedown {
0% { opacity: 0; transform: translate3d(0, -20%, 0); }
100% { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes Proelementsfadeleft {
0% { opacity: 0; transform: translate3d(10%, 0, 0); }
100% { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes Proelementsfaderight {
0% { opacity: 0; transform: translate3d(-10%, 0, 0); }
100% { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes Proelementszoomup {
0% { opacity: 0; transform: scale(1.2); }
100% { opacity: 1; transform: scale(1);}
}
@keyframes Proelementszoomout {
0% { opacity: 0; transform: scale(0.8); }
100% { opacity: 1; transform: scale(1);}
} #content-pro #acf-form .acf-label label {
color:#2e2f31;
font-size:22px;
padding-bottom:8px;
}
#content-pro #acf-form .acf-field {
border-color:#e0e0e0;
padding-top:25px;
padding-bottom:30px;
}
#content-pro #acf-form .acf-field .acf-input input[type=number],
#content-pro #acf-form .acf-field .acf-input input[type=text],
#content-pro #acf-form .acf-field .acf-input textarea {
padding-top:10px;
padding-bottom:10px;
}
#content-pro #acf-form .acf-field .acf-input input[type=number] {
max-width:120px;
}
#content-pro #acf-form .acf-repeater .acf-actions a.acf-button.button,
#content-pro #acf-form .acf-gallery a.acf-button.button.acf-gallery-add,
#content-pro #acf-form .acf-image-uploader a.acf-button.button {
padding:12px 18px;
font-size:11px;
margin-left:15px;
}
#content-pro #acf-form .acf-gallery .acf-gallery-sort {
display:none;
}
#content-pro #acf-form .acf-gallery {
height:210px !important;
}
#content-pro #acf-form  .select2-container .selection .select2-selection {
line-height:1;
background:#ffffff;
height:42px;
padding-top:5px;
border:1px solid  rgba(0,0,0, 0.13);
}
#content-pro #acf-form  .select2-container .selection .select2-selection__arrow {
top:7px;
}
#content-pro #acf-form select {
border-radius:4px;
line-height:1;
padding:14px 45px 14px 18px;
font-size:15px;	
font-weight:400;
background:#ffffff;
border:1px solid  rgba(0,0,0, 0.13);
-moz-appearance: none; 
-webkit-appearance: none; 
-ms-appearance:none;
appearance: none;
background-image:url(//myafrorecipes.com/wp-content/themes/thatix-progression/images/select-arrow.png);
background-position:right 15px;
background-repeat:no-repeat;
background-size:34px 12px;
}
#content-pro #acf-form .acf-repeater.-empty table {
display:none;
}
#content-pro #acf-form .acf-form-submit {
padding-top:25px;
}
#content-pro #acf-form .acf-table thead th.acf-th {
font-size:16px;
color:#2e2f31;
font-weight:600;
font-family: 'Barlow', sans-serif;
background:rgba(0,0,0, 0.01);
}
#content-pro #acf-form .acf-table thead th.acf-row-handle {
background:rgba(0,0,0, 0.01);
}
#content-pro #acf-form .acf-table .acf-icon.-plus {
top:20px ;
}
#content-pro #acf-form .acf-table.acf-icon.-minus {
top:0px;
}
#content-pro #acf-form .acf-repeater .acf-actions {
text-align:left;
margin-left:0px;
}
#content-pro #acf-form .acf-repeater .acf-actions a.acf-button.button  {
margin-left:0px;
}  @media only screen and (min-width: 768px) and (max-width: 1024px) {
body #boxed-layout-pro {
width:100%;
}
body.elementor-page #content-pro .width-container-over-ride,
body .width-container-over-ride,
body.elementor-page.page .progression-studios-page-sidebar-on #content-pro .width-container-pro,
body.elementor-page.single-product  #content-pro .width-container-pro,
body #boxed-layout-pro .width-container-pro,
.width-container-pro  { 
width:94%; 
padding-left:0px;
padding-right:0px;
}
.progression-studios-post-slider-main.thatix-slider-carousel  .flexslider {
max-width: 88%; width: 88%;
}
.progression-studios-header-full-width #progression-studios-header-width header#masthead-pro .width-container-pro,
.progression-studios-header-full-width-no-gap #thatix-progression-header-top .width-container-pro,
footer#site-footer.progression-studios-footer-full-width .width-container-pro,
.progression-studios-page-title-full-width #page-title-pro .width-container-pro,
.progression-studios-header-full-width #thatix-progression-header-top .width-container-pro,
.progression-studios-header-full-width header#masthead-pro .width-container-pro {
width:94%; 
position:relative;
padding:0px;
}
.progression-studios-header-full-width header#masthead-pro .width-container-pro {
width:auto; 
margin:0 auto;
position:relative;
padding:0px;
}
footer#site-footer.progression-studios-footer-full-width .width-container-pro,
footer#site-footer .width-container-pro {
width:92%; 
}
.progression-studios-header-full-width-no-gap.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro,
.progression-studios-header-full-width.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro {
width:96%;
margin-left:4%;
padding-right:0;
}
body #progression-inline-icons, #progression-studios-header-search-icon, #progression-nav-container {
display:none;
}
.mobile-menu-icon-pro {
display:block;
}
.progression-studios-overlay-header header#masthead-pro
.progression-studios-transparent-header header#masthead-pro {
position:relative;
}
#progression-shopping-cart-count,
body .progression-studios-transparent-header header#masthead-pro:after{
display:none;
}
body .progression-studios-hide-custom-logo-mobile,
.progression-studios-hide-mobile-custom-logo {
display:none !important;
}
.progression-studios-custom-logo-per-page-hide-default {
display:block;
}
.progression-studios-header-left, .progression-studios-header-right {
float:none;
width:100%;
text-align:center;
}
#thatix-progression-header-top .sf-menu a {
text-align:center;
}
#progression-header-top-right-container, .progression-studios-header-right .widget, #progression-header-top-left-container, .progression-studios-header-left .widget {
display:inline-block;
float:none;
}
#thatix-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right,
#thatix-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left,
#thatix-progression-header-top.progression_studios_hide_top_left_bar.progression_studios_hide_top_left_right {
display:none;
}
body .progression-studios-mobile-transparent-header header#masthead-pro {
position:absolute;
z-index:50;
background-color:transparent;
}
body .progression-studios-mobile-transparent-header header#masthead-pro:after {
display:block;
}
.progression_studios_footer_logo_left #progression-studios-footer-logo,
.progression_studios_footer_logo_right #progression-studios-footer-logo,
.footer-copyright-align-right #copyright-text {
text-align:center;
float:none;
}
#copyright-text {
text-align:center;
float:none;
}
.footer-copyright-align-right #copyright-text, #copyright-text {
float:none;
width:100%;
}
#thatix-progression-header-top ul.progression-studios-header-social-icons {
float:none;
margin:0 auto 15px auto;
text-align:center;
}
footer#site-footer ul.progression-studios-footer-nav-container-class,
footer#site-footer.progression_studios_nav_footer_center ul.progression-studios-footer-nav-container-class,
footer#site-footer.progression_studios_nav_footer_left ul.progression-studios-footer-nav-container-class {
float:none;
margin:0 auto;
text-align:center;
}
.progression_studios_footer_logo_left #progression-studios-footer-logo,
.progression_studios_footer_logo_right #progression-studios-footer-logo,
.footer-copyright-align-right #copyright-text {
text-align:center;
float:none;
}
#progression-header-icons-inline-display {
display:none;
}
.progression-header-phone-number {
display:none;
}
.sidebar-item {
padding:30px 20px 15px 20px;
}
.sidebar h4.widget-title {
padding-left:20px;
padding-right:20px;
margin-left:-20px;
margin-right:-20px;
}
.progression-blog-content {
padding-left:30px;
padding-right:30px;
}
.progression-studios-shop-index-text {
padding-left:28px;
padding-right:28px;
}
ul.progression-studios-related-index-list li.related-liste-progression-studios {
width:calc(50% - 14px);
}
ul.progression-studios-related-index-list li.related-liste-progression-studios:nth-child(2n) {
margin-right:0px;
}
ul#breadcrumbs-progression-studios {
margin:0px;
font-size:13px;
padding:13px 22px;
}
} @media only screen and (max-width: 767px) {
#progression-sticky-header {
position:relative !important;
}
.progression-studios-remove-on-mobile {
display:none !important;
}
body #boxed-layout-pro {
width:100%;
}
.progression-studios-post-slider-main.thatix-slider-carousel  .flexslider {
max-width: 100%; width: 100%;
}
.progression-studios-post-slider-main.thatix-slider-carousel .type-cp_recipe {
padding-left:0px;
padding-right:0px;
}
body.elementor-page #content-pro .width-container-over-ride,
body .width-container-over-ride,
body.elementor-page.page .progression-studios-page-sidebar-on #content-pro .width-container-pro,
body.elementor-page.single-product  #content-pro .width-container-pro,
body #boxed-layout-pro .width-container-pro, .width-container-pro  { 
width:94%; 
padding-left:0px;
padding-right:0px;
}
.progression-studios-header-full-width #progression-studios-header-width header#masthead-pro .width-container-pro,
.progression-studios-header-full-width-no-gap #thatix-progression-header-top .width-container-pro,
footer#site-footer.progression-studios-footer-full-width .width-container-pro,
.progression-studios-page-title-full-width #page-title-pro .width-container-pro,
.progression-studios-header-full-width #thatix-progression-header-top .width-container-pro,
.progression-studios-header-full-width header#masthead-pro .width-container-pro {
width:94%; 
position:relative;
padding:0px;
}
.progression-studios-header-full-width header#masthead-pro .width-container-pro {
width:auto; 
margin:0 auto;
position:relative;
padding:0px;
}
footer#site-footer.progression-studios-footer-full-width .width-container-pro,
footer#site-footer .width-container-pro {
width:88%; 
}
.progression-studios-header-full-width-no-gap.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro,
.progression-studios-header-full-width.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro {
width:94%;
margin-left:6%;
padding-right:0;
}
#main-container-pro, .sidebar,
.footer-2-pro .widget, .footer-3-pro .widget, .footer-4-pro .widget, .footer-5-pro .widget,
.grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression, .grid5column-progression, .grid6column-progression  {
width:100%;
margin-right:0%;
margin-left:0%;
}
.woocommerce .products.columns-1 li.product, .woocommerce .products.columns-2 li.product, .woocommerce .products.columns-3 li.product, .woocommerce .products.columns-4 li.product, .woocommerce .products.columns-5 li.product {
width:100% !important;
}
.sidebar.progression-studios-mobile-sidebar {
padding-top:0px;
}
.sidebar {
padding-top:60px;
}
body #progression-inline-icons, #progression-studios-header-search-icon, #progression-nav-container {
display:none;
}
.mobile-menu-icon-pro {
display:block;
}
body .progression-studios-hide-custom-logo-mobile,
.progression-studios-hide-mobile-custom-logo {
display:none !important;
}
.progression-studios-overlay-header header#masthead-pro,
.progression-studios-transparent-header header#masthead-pro {
position:relative;
}
#progression-shopping-cart-count,
body .progression-studios-transparent-header header#masthead-pro:after {
display:none;
}
.progression-studios-custom-logo-per-page-hide-default {
display:block;
}
.progression-studios-header-left, .progression-studios-header-right {
float:none;
width:100%;
text-align:center;
}
#thatix-progression-header-top .sf-menu a {
text-align:center;
}
#progression-header-top-right-container, .progression-studios-header-right .widget, #progression-header-top-left-container, .progression-studios-header-left .widget {
display:inline-block;
float:none;
}
#copyright-text {
text-align:center;
float:none;
}
#thatix-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right,
#thatix-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left,
#thatix-progression-header-top.progression_studios_hide_top_left_bar.progression_studios_hide_top_left_right {
display:none;
}
.footer-copyright-align-right #copyright-text, #copyright-text {
float:none;
width:100%;
}
body.admin-bar .progression-sticky-scrolled header#masthead-pro  {
margin-top:-36px;
}
body .progression-studios-mobile-transparent-header header#masthead-pro {
position:absolute;
z-index:50;
background-color:transparent;
}
body .progression-studios-mobile-transparent-header header#masthead-pro:after {
display:block;
}
footer#site-footer ul.progression-studios-footer-nav-container-class,
footer#site-footer.progression_studios_nav_footer_center ul.progression-studios-footer-nav-container-class,
footer#site-footer.progression_studios_nav_footer_left ul.progression-studios-footer-nav-container-class {
float:none;
margin:0 auto;
text-align:center;
}
.progression_studios_footer_logo_left #progression-studios-footer-logo,
.progression_studios_footer_logo_right #progression-studios-footer-logo,
.footer-copyright-align-right #copyright-text {
text-align:center;
float:none;
}
body .progression-studios-header-left .widget, body .progression-studios-header-right .widget {
padding-top:8px;
padding-bottom:8px;
}
#copyright-divider-top {
margin:0 auto;
}
#progression-header-icons-inline-display {
display:none;
}
#thatix-progression-header-top ul.progression-studios-header-social-icons {
float:none;
margin:0 auto 10px auto;
text-align:center;
}
#page-title-pro h1 {
font-size:40px;
}
#page-title-pro h4 {
margin-top:25px;
font-size:16px;
}
body.single-post #page-title-pro h1 {
font-size:30px;
}
ul.progression-single-post-meta li {
font-size:13px;
}
ul.progression-single-post-meta li:after {
content:' ·';
font-size:90%;
position:relative;
margin:0px 8px;
}
#progression-studios-next-previous-post a {
width:100%;
}
a#progression-studios-previous-post,
a#progression-studios-next-post {
text-align:center;
}
#comments h3 {
font-size:17px;
} .comment-navigation .nav-previous, .comment-navigation .nav-next {
float:none;
width:100%;
text-align:center;
}
.comment-body:before {
display:none;
}
.comment-author .avatar {
height: 25px;
width: 25px;
}
.comment-body {
padding:14px 15px;
margin-left:32px;
}
.comment-list .children > li {
margin-left: 12px;
}
.post-password-form input {
max-width:130px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs {
margin-bottom:-50px;
top:-50px;
}
#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li a {
font-size:13px;
padding:14px 30px;
}
body .woocommerce .woocommerce-MyAccount-content {
width:90%;
padding:3% 3% 3% 3%;
}
body .woocommerce nav.woocommerce-MyAccount-navigation {
width:100%;
margin-bottom:25px;
}
ul.progression-post-meta li:after {
padding:0px 12px;
}
.woocommerce-page p.woocommerce-result-count {
margin-bottom:30px;
}
.woocommerce-page form.woocommerce-ordering {
float:left;
margin-bottom:25px;
}
.progression-header-phone-number {
display:none;
}
h2.progression-blog-title {
font-size:26px;
}
ul.progression-post-meta li {
font-size:13px;
}
.progression-blog-content {
padding-left:25px;
padding-right:25px;
}
ul.progression-studios-related-index-list li.related-liste-progression-studios {
width:100%;
margin-right:0px;
}
ul#breadcrumbs-progression-studios {
margin:0px;
font-size:13px;
padding:12px 20px;
}
.progression-studios-post-slider-main .flex-direction-nav a.flex-prev {
left:10px;
}
.progression-studios-post-slider-main .flex-direction-nav a.flex-next {
right:10px;
}
#content-pro ul.page-numbers li span.current, #content-pro ul.page-numbers li a,
.progression-page-nav span, .progression-page-nav a {
font-size:13px;
padding:12px 17px 14px 17px;
}
}