California food firm warned over variety of
As part of its enforcement activities, the Food and Drug Administration sends warning letters to…
Read Morehtml.wp-toolbar {
padding: 0px !important;
}
.folded #wpcontent{
margin-left:0px;
}
#wpcontent,
#wpfooter,
#wpbody-content,
ol {
margin: 0;
padding: 0;
}
li {
margin: 0px;
}
a {
text-decoration: none;
color: #fff;
}
a:hover,
a:active,
a:focus {
color: #fff;
}
a:focus {
box-shadow: none;
}
body {
background-color: #f6f7f7;
}
input[type="button"] {
margin: 0px;
border: none;
font-size: 16px;
cursor: pointer;
}
input[type=checkbox]:focus {
box-shadow: none;
}
#wpbody-content {
height: 100%;
}
.softaculous-pro-wizard {
display: flex;
height: 100vh;
overflow: hidden;
}
/* sidebar */
.softaculous-pro-setup-logo {
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 15px 15px;
}
.softaculous-pro-wizard-sidebar {
height: 100%;
box-shadow: rgba(0, 0, 0, 0.12) 4px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
display: flex;
flex-direction: column;
justify-content: start;
background-color: #070F2B;
}
.softaculous-pro-steps-holder {
padding: 10px 15px;
flex: 1;
}
.softaculous-pro-wizard-steps {
list-style: none;
counter-reset: step-counter;
}
.softaculous-pro-wizard-steps li {
display: flex;
align-items: center;
padding: 20px 0px;
font-size: 16px;
position: relative;
color: #fff;
transition: all 200ms ease-in-out;
}
.softaculous-pro-wizard-steps li::before {
content: counter(step-counter);
counter-increment: step-counter;
border: 1px solid #fff;
color: #fff;
border-radius: 50%;
width: 25px;
height: 25px;
line-height: 22px;
display: inline-block;
text-align: center;
margin-right: 20px;
transition: border 200ms ease-in-out;
}
.softaculous-pro-wizard-steps li:not(:last-child)::after {
content: "";
position: absolute;
width: 1px;
background: linear-gradient(to bottom, #7e5ce7, transparent);
height: 40px;
top: calc(100% - 20px);
left: 12px;
transition: border 200ms ease-in-out;
}
.softaculous-pro-wizard-content {
width: calc(100% - 200px);
padding: 30px 60px 0px 60px;
overflow: auto;
}
.softaculous-pro-wizard-inner {
display: none;
}
[data-active-panel="welcome"] [data-panel="welcome"],
[data-active-panel="type"] [data-panel="type"],
[data-active-panel="title"] [data-panel="title"],
[data-active-panel="features"] [data-panel="features"],
[data-active-panel="import_theme"] [data-panel="import_theme"],
[data-active-panel="select_theme"] [data-panel="select_theme"] {
display: block;
}
.softaculous-pro-wizard-inner-content h1,
.softaculous-pro-modal-header h1 {
font-size: 25px;
margin-bottom: 10px;
}
.softaculous-pro-wizard-inner-content p {
font-size: 16px;
margin-bottom: 30px;
}
.softaculous-pro-wizard-buttons {
display: flex;
position: sticky;
bottom: 0;
left: 0;
padding: 10px 0;
background-color: #f6f7f7;
border-top: 1px solid #ddd;
}
.softaculous-pro-wizard-buttons .step_btn,
.softaculous-pro-import {
padding: 10px 25px;
font-size: 16px;
outline: none;
border: none;
background-color: #28527A;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 5px;
margin: 0px 5px;
}
.softaculous-pro-wizard-buttons .step_btn:hover,
.softaculous_pro_return_btn:hover,
.softaculous-pro-import:hover {
background-color: #28527A !important;
color: #fff;
}
.step_dismiss_btn {
background-color: #6D6D6D !important;
color: #fff;
}
.step_dismiss_btn:hover {
background-color: #373737 !important;
color: #fff;
}
.step_btn span {
line-height: initial;
margin-left: 5px;
}
.softaculous-pro-category-input,
.softaculous-pro-title-input,
.softaculous-pro-theme-input {
width: 60%;
margin-bottom: 30px;
position: relative;
}
.softaculous-pro-category-holder {
margin-bottom: 30px;
}
.softaculous-pro-categories-list {
display: flex;
flex-wrap: wrap;
gap: 20px 30px;
}
.softaculous-pro-category-input .softaculous_pro_input,
.softaculous-pro-title-input .softaculous_pro_input,
.softaculous-pro-theme-input .softaculous_pro_input {
width: 100%;
padding: 8px 20px;
border-color: #28527A;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
border-radius: 5px;
font-size: 16px;
}
.category_btn {
padding: 13px 25px;
text-align:center;
min-width:110px;
font-size: 16px;
background-color: #3c434a;
box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.03), 0px 8px 10px -4px rgba(0, 0, 0, 0.08);
border-radius: 10px;
cursor: pointer;
border: 1px solid transparent;
transition: all 200ms ease-in-out;
}
.softaculous-pro-features-container {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-column-gap: 30px;
grid-row-gap: 15px;
margin-bottom: 30px;
}
.softaculous-pro-features {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 20px;
background: #fff;
padding: 10px 15px;
border-radius: 10px;
border: 1px solid transparent;
transition: all 200ms ease-in-out;
border-radius: 13px;
box-shadow: 0 0 #0000, 0 0 rgba(0, 0, 0, 0), 0 0 #0000, 0 0 rgba(0, 0, 0, 0), 0px 8px 6px 4px rgba(0, 0, 0, 0.05);
}
.category_btn input {
background-color: inherit;
color: #ffffff;
}
.softaculous-pro-features-text {
flex: 1;
}
.softaculous-pro-features-text h3 {
font-size: 17px;
margin: 5px 0px;
}
.softaculous-pro-features-text p {
font-size: 13px;
margin: 5px 0px;
}
.softaculous-pro-themes-holder {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-column-gap: 30px;
grid-row-gap: 15px;
margin-bottom: 30px;
}
.softaculous-pro-themes-row {
padding: 15px;
border: 1px solid #ccc;
cursor: pointer;
transition: all 200ms ease-in-out;
}
.softaculous-pro-theme-screenshot img {
width: 100%;
}
.softaculous-pro-theme-name {
padding: 10px 10px;
background: #fff;
border-top: 1px solid #ccc;
text-align: left;
}
.active_category {
border-color: #013601 !important;
background-color: green;
}
.softaculous-pro-features-input input,
.spro_page_selector input {
border-color: #28527A;
}
.softaculous-pro-features-input input[type=checkbox]:checked::before,
.spro_page_selector input[type=checkbox]:checked::before {
border-color: #28527A;
filter: hue-rotate(56deg);
}
.softaculous-pro-features-icon span {
font-size: 24px;
color: #28527A;
}
.feature-border {
border: 1px solid #28527A;
}
.feature-border {
border: 1px solid #28527A;
}
.softaculous-pro-features-input input:focus,
.spro_page_selector input:focus {
border-color: #28527A;
box-shadow: 0 0 0 1px #28527A;
}
.active_step>span {
font-size: 17px;
border-bottom: 3px solid #28527a;
padding-bottom:10px;
min-width:40%;
}
.active_step~li::before {
border-color: #757575 !important;
}
.active_step~li::after {
background: linear-gradient(to bottom, #757575, transparent) !important;
}
.softaculous_pro_return_btn {
padding: 10px 20px;
background-color: #28527A;
margin: 10px 35px;
text-align: center;
font-size: 16px;
border-radius: 5px;
}
.softaculous-pro-wizard-buttons .step_btn:hover {
background-color: #28527A !important;
}
.softaculous-pro-themes-row:hover {
margin-top: -2px;
box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(0, 0, 0, 0.1);
}
#softaculous_pro_search {
width: 100%;
}
#softaculous_pro_search .softaculous-pro-search-field,
#softaculous_pro_search .softaculous-pro-categories,
#softaculous_pro_search .softaculous-pro-sortby {
padding: 7px 15px;
border: 1px solid #28527A;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
border-radius: 5px;
font-size: 16px;
}
.softaculous-pro-search {
margin-right: 20px;
flex: 2;
}
.softaculous-pro-search-field {
width: 100%;
}
.softaculous-pro-categories {
display: flex !important;
align-items: center;
justify-content: space-between;
cursor: pointer;
min-width: 100px;
margin-right: 20px;
flex: 1;
}
.softaculous-pro-sortby {
flex: 1;
}
.softaculous-pro-sort label {
font-size: 16px;
}
.softaculous-pro-dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 420px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
padding: 12px 16px;
z-index: 1;
color: #111;
top: 48px;
left: -1px;
}
.softaculous-pro-dropdown:hover .softaculous-pro-dropdown-content {
display: block;
}
.softaculous-pro-page {
width: 100%;
margin-bottom: 80px;
text-align: center;
margin: 0px;
position: relative;
}
#softaculous-pro-pagination {
width: fit-content;
margin: 30px auto;
}
#softaculous-pro-pagination ul li a {
color: #111;
padding: 8px 15px;
background: #fff;
}
#softaculous-pro-pagination ul {
display: flex;
justify-content: center;
align-items: center;
border-radius: 0.6rem;
background: #ffffff;
box-shadow: 0 0.8rem 2rem rgba(90, 97, 129, 0.05);
}
#softaculous-pro-pagination ul li {
cursor: pointer;
}
#softaculous-pro-pagination ul li:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
#softaculous-pro-pagination ul li:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
#softaculous-pro-pagination ul li.active a {
color: #fff;
background: #28527A;
}
#softaculous-pro-pagination ul li a:focus {
box-shadow: none;
}
.softaculous-pro-row {
box-sizing: border-box;
display: flex;
flex: 1 0 auto;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
align-content: stretch;
position: relative;
justify-content: center;
}
.softaculous-pro-md-3 {
width: 33%;
}
.softaculous-pro-md-4 {
width: 25%;
}
.softaculous-pro-theme-details {
margin-right: 30px;
margin-bottom: 30px;
border-radius: 2px;
border: 1px solid #ccc;
cursor: pointer;
transition: all 200ms ease-in-out;
}
.softaculous-pro-theme-details:hover {
margin-top: -2px;
box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(0, 0, 0, 0.1);
}
.softaculous-pro-theme-screenshot img {
max-width: 100%;
}
.softaculous-pro-theme-screenshot {
position: relative;
}
.softaculous-pro-theme-name {
background: #1D2327;
color: #fff;
padding: 15px;
font-size: 16px;
font-weight: 500;
}
.softaculous-pro-premium-themes {
position: absolute;
right: -10px;
top: 10px;
font-size: 14px;
background: red;
color: #fff;
padding: 5px 12px;
border-radius: 3px;
font-weight: bold;
}
#softaculous-pro-demo {
display: inline-block;
vertical-align: middle;
margin-left: 40px;
}
.softaculous-pro-demo-btn {
padding: 2px 25px !important;
font-size: 15px !important;
font-weight: bold;
background: #28527A !important;
color: #fff !important;
border: 1px solid #28527A !important;
transition: all .3s linear;
}
.softaculous-pro-demo-btn:hover {
background: #fff !important;
color: #28527A !important;
}
.single-templates-content::-webkit-scrollbar {
width: 8px;
}
.single-templates-content::-webkit-scrollbar-thumb {
background: rgba(204, 204, 204, 1);
}
.button-softaculous-pro {
padding: 3px 15px !important;
font-size: 15px !important;
font-weight: bold;
background: #28527A !important;
color: #fff !important;
border: 1px solid #28527A !important;
transition: all .3s linear;
cursor: pointer;
}
.button-softaculous-pro:hover {
background: #fff !important;
color: #28527A !important;
}
.button-softaculous-pro-single,
.button-softaculous-pro-selected {
padding: 12px 25px !important;
font-size: 15px !important;
font-weight: bold;
background: #28527A !important;
color: #fff !important;
border: 1px solid #28527A !important;
transition: all .3s linear;
cursor: pointer;
}
.button-softaculous-pro-single:hover {
background: #fff !important;
color: #28527A !important;
}
.softaculous-pro-template-screen {
padding: 10px 0px;
}
.single-template-div {
position: relative;
display: flex;
flex-direction: row;
gap: 0px 30px;
}
#softaculous_pro_screenshots {
display: flex;
vertical-align: top;
text-align: left;
flex-direction: column;
}
.softaculous_pro_img_screen {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid #00000017;
margin: 0px 15px 10px 15px;
border-radius: 3px;
cursor: pointer;
align-items: center;
}
.softaculous_pro_img_screen * {
padding: 10px;
}
.softaculous_pro_img_screen input {
margin: 0px;
}
.softaculous_pro_img_screen a {
position: relative;
color: black;
background: #00000017;
border-left: 1px solid white;
}
.softaculous_pro_img_screen a::after {
content: "";
position: absolute;
top: 19px;
left: 10px;
width: 53%;
height: 2px;
transform: rotate(47deg);
box-sizing: border-box;
background: black;
}
.spro_page_selector {
width: 100%;
cursor: pointer;
}
.softaculous_pro_img_name {
cursor: pointer;
text-transform: capitalize;
}
.softaculous_pro_img_name:hover {
color: #28527A;
}
.spro_img_inview::after {
display: none;
}
.spro_img_inview:focus {
box-shadow: none;
}
.softaculous_pro_img_screen .spro_img_inview {
color: #fff !important;
background-color: #28527A;
}
.softaculous_pro_single_content h1 {
font-size: 20px;
line-height: 1.30;
text-align: center;
}
.softaculous_pro_import_img_notice{
text-align:left;
margin:0px 15px 10px 15px;
border: 1px solid #fff3cd;
border-radius: 3px;
align-items: center;
padding: 10px;
color: #856404;
background-color: #fff3cd;
}
.softaculous_pro_import_img_notice i{
font-size:11px;
}
.softaculous_pro_single_content p {
font-size: 16px;
line-height: 1.30;
text-align: center;
}
.softaculous_pro_single_content{
width: 20%;
}
.softaculous_pro_img_name input[type=checkbox] {
position: relative;
border: 2px solid #000;
border-radius: 2px;
background: none;
cursor: pointer;
line-height: 0;
margin: 0 .6em 0 0;
outline: 0;
padding: 0 !important;
vertical-align: text-top;
height: 20px;
width: 20px;
-webkit-appearance: none;
opacity: .5;
}
.softaculous_pro_img_name input[type=checkbox]:hover {
opacity: 1;
}
.softaculous_pro_img_name input[type=checkbox]:checked {
background-color: #000;
opacity: 1;
}
.softaculous_pro_img_name input[type=checkbox]:before {
content: '';
position: absolute;
right: 50%;
top: 50%;
width: 4px;
height: 10px;
border: solid #FFF;
border-width: 0 2px 2px 0;
margin: -1px -1px 0 -1px;
transform: rotate(45deg) translate(-50%, -50%);
z-index: 2;
}
.softaculous-pro-finishing-bar {
width: 100%;
display: flex;
gap: 15px;
height: 5px;
margin: 20px 0px;
}
.inner-finishing-bar {
width: 25%;
height: 100%;
background-color: red;
}
.progress-text {
font-size: 30px;
}
#softaculous-pro-step-progress-txt {
font-size: 20px;
margin-top: 25px;
}
.setup-progress-bar {
width: 70%;
margin: 20px 0px;
}
.setup-progress-bar>span {
font-size: 15px;
}
.setup-progress-counter {
width: 100%;
height: 100%;
background-color: blue !important;
border-radius: 15px;
}
.progress-bar-par {
margin: 11px 0px;
width: 100%;
height: 15px;
background-color: rgba(128, 128, 128, 0.3);
border-radius: 10px;
}
.progress-time {
font-size: 14px;
}
.progress-float-r {
float: right;
}
#softaculous-pro-error-template {
display: none;
background: #f7dbdb;
padding: 1px 10px;
margin-bottom: 15px;
}
.setup-error {
padding: 10px 10px;
background: #ff000014;
border-left: 5px solid red;
}
.setup-error-message {
display: flex;
justify-content: flex-start;
align-items: center;
}
.setup-error-message h1 {
font-size: 25px;
margin-left: 20px;
}
.setup-error-message span {
font-size: 25px;
}
.spro-full h3 {
font-size: 20px;
}
#softaculous-pro-import-form>div {
padding: 10px 0px;
font-size: 14px
}
.spro-full>p {
font-size: 14px;
}
.spro-sub-head,
.spro-content {
margin: 5px 0px;
}
.spro-content li {
font-size: 14px;
margin-bottom: 5px;
}
.skeleton-loader {
height: 235px;
overflow: hidden;
position: relative;
width: 250px;
margin: 20px auto;
border: 1px solid #8080803f;
padding: 20px;
z-index: 1;
}
.skeleton-row {
height: 200px;
margin-bottom: 60px;
animation: skeletonAnimation 6s infinite linear;
position: relative;
/* Ensure positioning context for z-index to work */
z-index: 0;
}
.skeleton-row>div {
position: relative;
margin-bottom: 10px;
background-color: #d3cccc;
border-radius: 2px;
}
.skeleton-row .skeleton-img {
height: 100px;
}
.skeleton-loader-shadow {
position: absolute;
width: 100%;
height: 30px;
bottom: 0px;
left: 0px;
background-color: #fff;
z-index: 5;
filter: blur(4px);
}
@keyframes skeletonAnimation {
0% {
opacity: 0.5;
transform: translateY(0%);
}
100% {
opacity: 1;
transform: translateY(-100%);
}
}
.spro-setup-progress-logs{
font-size: 16px;
color: brown;
margin: 20px 0px;
display : none;
}
.spro-failed-ins-li{
font-size: 0.8rem;
color: black;
}
.softaculous-pro-search .softaculous-pro-sf-empty {
right: 0;
left: auto;
font-weight: bolder;
cursor: pointer;
}
#softaculous-pro-suggestion {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 420px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
padding: 12px 16px;
z-index: 1;
color: #111;
top: 38px;
left: -1px;
}
#softaculous-pro-single-template {
display: none;
}
#softaculous_pro_notification {
position: fixed;
bottom: 0px;
margin-left: -20px;
width: 100%;
z-index: 10000;
background: #F90716;
color: #FFF;
padding: 10px;
}
.softaculous-pro-notification-div {
width: 90%;
}
.softaculous-pro-notification-text {
text-align: center;
}
.softaculous-pro-notification-text a {
color: #ffffff;
font-weight: bold;
}
.softaculous-pro-cat {
padding: 7px 10px;
box-sizing: border-box;
cursor: pointer;
}
.softaculous-pro-modal {
display: none;
}
.softaculous-pro-modal-close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.softaculous-pro-modal-close:hover,
.softaculous-pro-modal-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.softaculous-pro-modal-header,
.softaculous-pro-modal-content,
.softaculous-pro-modal-footer {
width: 100%;
box-sizing: border-box;
}
.softaculous-pro-exp {
font-size: 12px;
}
#softaculous_pro_license_div {
display: none;
}
#softaculous-pro-progress-template {
display: none;
background: #dcf1f9;
padding: 10px;
margin-bottom: 15px;
}
#softaculous-pro-progress-template img {
vertical-align: middle;
margin-right: 10px;
}
#wpbody div#setting-error-tgmpa,
#wpbody .update-nag,
#wpbody .notice,
#wpbody div.error {
display: none;
}
#wpfooter {
position: relative;
}
#softaculous-pro-sortby {
height: 100%;
}
/* compact sidebar */
.other_suggestions {
max-height: 150px;
overflow: auto;
border-radius: 5px;
position: absolute;
width: 100%;
top: 100%;
z-index: 1000;
background: white;
}
.other_suggestions * {
font-size: 16px;
margin: 10px 0px;
padding: 10px;
cursor: pointer;
}
/* changes */
.softaculous-pro-wizard-sidebar.compact .softaculous-pro-setup-logo {
padding: 10px;
transition: padding 0.8s ease-in-out;
}
.softaculous-pro-wizard-sidebar.compact .softaculous-pro-setup-logo h1 {
font-size: 0;
display: none;
transition: font-size 1s ease-in-out;
}
.softaculous-pro-wizard-sidebar.compact .softaculous-pro-wizard-steps li {
padding-left: 0;
}
.softaculous-pro-wizard-sidebar.compact .softaculous-pro-wizard-steps li span {
font-size: 0;
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.softaculous-pro-wizard-sidebar.compact .softaculous-pro-steps-holder {
padding: 10px 25px;
transition: padding 0.8s ease-in-out;
}
.softaculous-pro-wizard-sidebar.compact .softaculous-pro-wizard-steps li::before {
margin-right: 0;
}
.softaculous-pro-wizard-sidebar.compact .softaculous-pro-wizard-steps li::after {
left: 6px;
}
.softaculous-pro-wizard-sidebar.compact .softaculous_pro_return_btn {
padding: 0px;
background-color: transparent;
margin: 10px 30px;
text-align: center;
font-size: 16px;
border-radius: 5px;
}
.softaculous-pro-wizard-sidebar.compact .softaculous_pro_return_btn:hover {
padding: 0px;
background-color: transparent !important;
}
.softaculous-pro-wizard-sidebar.compact .softaculous_pro_return_btn span:first-child {
display: block;
}
.softaculous-pro-wizard-sidebar.compact .softaculous_pro_return_btn span:last-child {
display: none;
}
.loader-container {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.loader {
width: 48px;
height: 48px;
border: 5px solid #FFF;
border-bottom-color: #FF3D00;
border-radius: 50%;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* responsive tablet*/
@media screen and (max-width: 768px) {
#wpcontent,
#wpfooter,
#wpbody-content,
ol {
margin: 0 !important;
padding: 0 !important;
}
.softaculous-pro-wizard{
height: auto;
}
.softaculous-pro-wizard-content{
padding: 20px 30px 0px 30px;
margin-top: 80px;
width: auto;
}
#softaculous-pro-pagination{
margin: 25px auto;
}
#softaculous-pro-templates .softaculous-pro-md-4{
width:50%;
}
.softaculous-pro-wizard{
flex-direction: column;
}
.softaculous-pro-wizard-sidebar{
flex-direction: row;
height: 12%;
position: relative;
justify-content: space-between;
align-items: center;
}
.softaculous-pro-setup-logo{
padding: 10px;
}
.softaculous-pro-setup-logo::after{
height: 0px;
}
.softaculous-pro-setup-logo img{
width: 40px;
}
.softaculous-pro-setup-logo h1{
font-size: 22px;
}
.softaculous_pro_return_btn{
margin: 0px 20px;
text-align: center;
font-size: 16px;
border-radius: 5px;
padding: 0px;
background-color: inherit;
}
.softaculous-pro-steps-holder{
position: absolute;
top: 100%;
background-color: #f6f7f7;
padding: 15px 0px 5px 0px;
margin: auto;
width: 100%;
}
.softaculous-pro-wizard-steps li::before{
margin-right:0px;
color: #000;
background: white;
z-index: 2;
}
.softaculous-pro-wizard-steps li{
color: #000;
font-size: 14px;
/* margin-right: 10px; */
padding: 10px 5px;
flex-direction: column;
}
.softaculous-pro-steps-holder .softaculous-pro-wizard-steps{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.softaculous-pro-wizard-steps{
justify-content: space-evenly !important;
margin: 0px 15px !important;
}
.softaculous-pro-wizard-steps li span{
margin-top: 5px;
text-align: center;
}
.active_step>span{
font-weight: 500;
font-size: 15px ;
}
.active_step::before{
font-weight: 500;
}
.softaculous-pro-wizard-inner-content h1, .softaculous-pro-modal-header h1{
font-size: 24px;
line-height: 1.2;
}
.softaculous-pro-wizard-inner-content p{
font-size: 14px;
}
.softaculous-pro-wizard-buttons .step_btn, .softaculous-pro-import{
padding: 7px 15px;
font-size: 14px;
}
.softaculous-pro-category-input, .softaculous-pro-title-input, .softaculous-pro-theme-input{
width: 100%;
}
.softaculous-pro-categories-list{
gap: 15px 15px;
justify-content: center;
}
.category_btn{
padding: 10px 20px;
font-size: 14px;
}
/* changes */
.softaculous-pro-wizard-sidebar.compact .softaculous-pro-setup-logo {
padding: 10px;
}
.softaculous-pro-wizard-sidebar.compact .softaculous-pro-setup-logo h1 {
font-size: 22px;
opacity: 100%;
display: block;
}
.softaculous-pro-wizard-sidebar.compact .softaculous-pro-wizard-steps li {
padding: 20px 0px;
flex-direction: column;
}
.softaculous-pro-wizard-sidebar.compact .softaculous-pro-wizard-steps li span {
font-size: 14px;
opacity: 100%;
color: #000;
margin-top: 5px;
}
.softaculous-pro-wizard-sidebar.compact .softaculous-pro-steps-holder {
padding: 10px 0px;
}
.softaculous-pro-wizard-sidebar.compact .softaculous-pro-wizard-steps li::before {
color: #000;
}
.softaculous-pro-wizard-sidebar.compact .softaculous-pro-wizard-steps li::after {
left: 0px;
}
.softaculous-pro-wizard-sidebar.compact .softaculous_pro_return_btn {
padding: 0px;
background-color: transparent;
margin: 10px 30px;
text-align: center;
font-size: 16px;
border-radius: 5px;
}
.softaculous-pro-wizard-sidebar.compact .softaculous_pro_return_btn:hover {
padding: 0px;
background-color: transparent !important;
}
.softaculous-pro-wizard-sidebar.compact .softaculous_pro_return_btn span:first-child {
display: inline-block;
}
.softaculous-pro-wizard-sidebar.compact .softaculous_pro_return_btn span:last-child {
display: inline-block;
}
.single-templates-content{
max-height: 400px !important;
}
.button-softaculous-pro {
padding: 4px 15px !important;
font-size: 12px !important;
}
.softaculous-pro-wizard-steps a:last-child li{
margin-right: 0px !important;
}
#softaculous-pro-single-template > div:first-child{
margin-bottom: 10px !important;
}
#softaculous-pro-single-template > div:first-child h1{
font-size: 24px;
}
#softaculous-pro-single-template > div:last-child{
bottom: 0 !important;
}
.softaculous-pro-wizard-sidebar.compact .softaculous-pro-wizard-steps li {
padding: 10px 5px;
flex-direction: column;
}
.progress-text{
text-align: center;
line-height: 1.2;
}
.setup-progress-bar{
width: 100%;
}
.skeleton-loader{
width: auto;
max-width: 250px;
}
.softaculous-pro-wizard-steps a{
position: relative;
flex: 1;
}
.softaculous-pro-wizard-steps a:not(:first-child)::before{
content: "";
position: absolute;
width: 100%;
top: 33%;
height: 1.5px;
background:linear-gradient(to bottom, #7e5ce7, transparent);
right: 61%;
/* transform: translateY(-50%); */
}
.softaculous_pro_single_content{
margin-bottom: 40px;
}
}
/* for resetting wordpress margin and padding */
@media screen and (max-width: 600px) {
#wpcontent,
#wpfooter,
#wpbody-content,
#wpbody,
ol {
margin: 0 !important;
padding: 0 !important;
}
.single-template-div {
flex-wrap: wrap;
justify-content: center;
}
#softaculous-pro-single-template > div:last-child{
bottom: 0 !important;
z-index: 10;
}
.softaculous-pro-features-container{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.softaculous-pro-wizard-steps a:not(:first-child)::before{
top: 25%;
}
.softaculous_pro_single_content{
width: 75%;
}
}
/* for resetting wordpress margin and padding */
@media screen and (max-width: 960px) {
#wpcontent,
#wpfooter,
#wpbody-content,
#wpbody,
ol {
margin: 0 !important;
padding: 0 !important;
}
.softaculous-pro-features-container{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.button-softaculous-pro{
font-size: 12px !important;
}
}
/* responsive mobile*/
@media screen and (max-width: 426px) {
#wpcontent,
#wpfooter,
#wpbody-content,
#wpbody,
ol {
margin: 0 !important;
padding: 0 !important;
}
.softaculous-pro-wizard-content{
padding: 30px 15px 0px 15px;
}
#softaculous-pro-pagination{
margin: 25px auto;
}
#softaculous-pro-templates .softaculous-pro-md-4{
width:100%;
}
.softaculous-pro-theme-details{
margin-right: 0px;
}
.softaculous-pro-search,#softaculous_pro_search .softaculous-pro-search-field, #softaculous_pro_search .softaculous-pro-categories, #softaculous_pro_search .softaculous-pro-sortby{
margin-right: 0px;
}
.softaculous-pro-categories{
padding: 12px 15px !important;
}
#softaculous_pro_search{
flex-direction: column;
gap: 10px;
}
.softaculous-pro-dropdown-content{
min-width: 0;
top: 100%;
}
.softaculous-pro-cat-holder .softaculous-pro-md-4{
width: 50%;
}
}
.spro-tool-tip[tooltip-title]:hover:after {
content: attr(tooltip-title);
position: absolute;
padding: 10px;
display: block;
z-index: 100;
background-color: #000000;
color: #ffffff;
max-width: 200px;
text-decoration: none;
text-align:center;
border-radius: 4px;
}
/**
* The main template file.
*
* This is the most generic template file in a WordPress theme
* and one of the two required files for a theme (the other being style.css).
* It is used to display a page when nothing more specific matches a query.
* E.g., it puts together the home page when no home.php file exists.
*
* @package Blogus
*/
get_header(); ?>
As part of its enforcement activities, the Food and Drug Administration sends warning letters to…
U of A System Division of Agriculture/Paden Johnson Scott Lafontaine,… A new help line accessed by dialing 211 is helping thousands of D.C. residents with… NASHVILLE, Tenn. (WTVF) — Americans are getting a break from inflation in some areas, but… ButcherBox For Pets to offer humanely raised dry food, treats, and supplements for dogs WATERTOWN,… MENU ACCOUNT SECTIONS OTHER CLASSIFIEDS CONTACT US / FAQ Source link Judging by the comments on a Reddit thread, customers in the U.S. seem to be…California food firm warned over variety of
Food Scientists Show Rice Malt Has Potential
211 help line connects DC with food, housing,
Nashville school families in need given food
ButcherBox Launches Pet Food Line
Fast food for thought: Recreating fast food
The Costco Chicken Sandwich You Can Only Find