html.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 header for our theme.
*
* This is the template that displays all of the
section and everything up until
*
* @package Blogier
*/
?>
The Costco Chicken Sandwich You Can Only Find – TemFlix.Live
Skip to content
Home Fashion The Costco Chicken Sandwich You Can Only Find
Judging by the comments on a Reddit thread, customers in the U.S. seem to be jealous that the chicken sandwich isn’t available stateside, but how much are they really missing out on? That depends on how high your standards are when it comes to chicken sandwiches.
A local customer referred to it as “the best thing on the menu” while another in a TikTok comment shared, “I had it and immediately felt sick.” The reviews do lean more positive, but most compare them to American chicken sandwiches either way. The one from the aforementioned TikTok even suggested the sauce on the sandwich was “the closest you’re gonna get to In-N-Out sauce.”
Some people who have tried it also say that it packs some heat. An American Costco shopper on another Reddit thread said “Nashville Hot” is a more accurate name than “Southern Style.” However, an Australian customer pointed out that most locals associate Southern style with being spicy anyway.
Source link
Post navigation