/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    WP Select Theme
*/

a.edit, .wrapper a, #stackhost-wrapper a {
    color: #4ab3fb;
}

/* .select-theme-btn, .sh-btn, .woocommerce-button, .wcs-switch-link, a.sh-btn, .woocommerce button.button.alt, .wpforms-page-button.wpforms-page-next {
    background-image: linear-gradient(to right, #4FBAFB 0%, #2586F9 100%) !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    border: none !important;
    cursor: pointer !important;
} */

.wcs-switch-link {
  margin-left: 13px !important;
}
.select-theme-span{
  font-size: 11px;
  padding: 13px;
  color: #ffffff87;
}

.thumb {
  width: 50px;
  height: 50px;
  border-radius: 100px;
  background-image: linear-gradient(to right, #FA9917 0%, #F3CA3E 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.thumb span {
  display: block;
  height: 30px;
  font-size: 22px;
  color: #fff;
  font-family: "Gilroy", Sans-serif;
  font-weight: bold;
}

.user {
    display: flex;
    align-items: center;
    justify-content: right;
}

.user .name {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    line-height: 21px;
    margin-left: 10px;
}

.stackhost-boxed .payment-header {
    display: none !important;
}

.form-row.form-row-wide.mailchimp-newsletter.wcf-anim-label input {
    height: auto !important;
}

.website {
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.05);
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}


.website span {
  display: block;
}
.website span.label {
  font-size: 15px;
  color: #A0A0A0;
  font-weight: 600;
}
.website .subscription span.domain {
  font-size: 18px;
  color: #050739;
  font-weight: bold;
}
.website .subscription span.expiry {
  font-size: 13px;
  color: #050739;
}

.website .product {
    margin-left: 50px;
}

.website .product .details {
    overflow: auto;
}

.website .product .details .image {
    width: 50px;
    float: left;
}

.website .product .details .info {
    float: left;
    margin-left: 16px;
}

.website .product .details .info .name {
    font-weight: 900;
    text-transform: uppercase;
}

.website .product .details .info .desc, .website .product .details .info .desc p {
    color: #FA9917 !important;
    font-size: 13px !important;
    font-family: "Gilroy", Sans-serif;
}

.sh-btn {
    background-image: linear-gradient(to right, #4FBAFB 0%, #2586F9 100%);
    padding: 10px 25px !important;
    color: #fff;
    border-radius: 3px;
}

.sh-btn:hover{
  color: rgba(255, 255, 255, 0.5);
}


nav#stackhost {
    width: 20%;
}

nav#stackhost ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

nav#stackhost ul li {
    margin-bottom: 10px;
}

nav#stackhost ul li.sh-nav-label {
    font-size: 18px;
    color: #050739;
    font-weight: 600;
}

nav#stackhost ul li.sh-dashboard-nav-item a {
  font-size: 16px;
  color: #050739;
}
nav#stackhost ul li.sh-dashboard-nav-item a:hover {
  color: #0045aa;
}

nav#stackhost ul li.sh-dashboard-nav-item::before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    margin-right: 20px;
    background-size: cover;
}

nav#stackhost ul li.sh-dashboard-nav-item.migrate-website::before{
  background-image: url('../../uploads/elementor/thumbs/document-oqczybjv2z6q52t5dmm2n1zbgox43zh0ujidnalcns.png');
}

nav#stackhost ul li.sh-dashboard-nav-item.select-theme::before{
  background-image: url('../../uploads/elementor/thumbs/interface-1-oqczzd5eocm71haja2v5eshr83rsnvmabplsud1lqw.png');
}

nav#stackhost ul li.sh-dashboard-nav-item.add-service::before{
  background-image: url('../../uploads/elementor/thumbs/theme-icon-oqd0093x4pty08043gogrkfff7e9xl55s3sb5rq7vc.png');
}

nav#stackhost ul li.sh-dashboard-nav-item.account-details::before{
  background-image: url('../../uploads/elementor/thumbs/person-oqd0gfvutzzpyghlkgl5phd7q3luhxeqo89cpbq4pk.png');
}

nav#stackhost ul li.sh-dashboard-nav-item.change-password::before{
  background-image: url('../../uploads/elementor/thumbs/password-oqd0ggtp0u10a2g8eyzs9z4obhh7pmih0cwu6loqjc.png');
}

nav#stackhost ul li.sh-dashboard-nav-item.billing-details::before{
  background-image: url('/wp-content/uploads/elementor/thumbs/bill-oqd0gjn7lc4v8wc4yi7nzgf23n3bcpto0qvamfkk0o.png"');
}

nav#stackhost ul li.sh-dashboard-nav-item.payment-methods::before{
  background-image: url('../../uploads/elementor/thumbs/bank-oqd0ghrj7o2aloev9heeugw4wvckxbm7chkbnvncd4.png');
}

nav#stackhost ul li.sh-dashboard-nav-item.recent-orders::before{
  background-image: url('../../uploads/elementor/thumbs/box-oqd0gipdei3kxadi3zt1eynli97y50pxom7t55ly6w.png');
}

nav#stackhost ul li.sh-dashboard-nav-item.chat-us::before{
  background-image: url('../../uploads/elementor/thumbs/contact-us-1-oqd0lrmxk7a7qwr2grh1u4z8wpcq46jzelcelrttg8.png');
}

nav#stackhost ul li.sh-dashboard-nav-item.my-websites::before{
  background-image: url('../../uploads/elementor/thumbs/internet-oqczqp2zncqzyxvtwbz0ez8q06hxod7egt0lihwb4o.png');
}

nav#stackhost ul li.sh-dashboard-nav-item.tickets::before{
  background-image: url('../../uploads/2020/06/icon.png');
}


#stackhost-wrapper {
  width: 80%;
}

#stackhost-wrapper .wrapper, #stackhost-wrapper #add_payment_method {
    padding: 40px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.05);
}

.dashboard-title{
  font-size: 22px;
  font-weight: bold;
}

p.dashboard-text{
  font-size: 16px;
  width: 70%;
}

p.dashboard-text a{
  color: #3fa7f9;
}

#stackhost-wrapper h2 {
    font-size: 24px;
    font-weight: 600;
}

#stackhost-wrapper hr {
    border-color: #eee;
    border-top: none;
    margin: 25px 0;
}
.sh-form {
  overflow: auto;
}
.sh-form .form-group {
}
.sh-form .form-group h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 40px;
}
.sh-form .form-group .form-fields {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.sh-form .form-group .form-fields .field {
  width: 48%;
}
.sh-form label, #wc-stripe-cc-form label, .sh-form .wpforms-field-label {
  font-size: 14px !important;
  color: #050739 !important;
  font-family: "Gilroy", Sans-serif !important;
}

.sh-form input, .sh-form textarea, .wc-stripe-elements-field, .wc-stripe-iban-element-field {
  background: #F7F7F7 !important;
  border: 1px solid #ECECEC !important;
  font-size: 16px !important;
  padding: 15px !important;
  color: #050739 !important;
  margin-top: 9px !important;
  border-radius: 3px !important;
}

.select2-container--default .select2-selection--single {
    background: #F7F7F7 !important;
    border: 1px solid #ECECEC !important;
    font-size: 16px !important;
    color: #050739 !important;
    border-radius: 3px !important;
    height: 50px;
    padding: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
}

.sh-form button{
  margin-top: 20px !important;
  float: right;
}

.sh-form .field span, .sh-form span em{
  font-size: 11px;
}

.sh-form .form-group .form-fields .field .option label {
    font-size: 15px;
    margin-left: 12px;
    font-weight: bold;
}

.swal2-popup.swal2-modal.swal2-icon-success.swal2-show {
    width: 650px !important;
    background: #fff;
    background-image: url('../../uploads/2020/06/graphics2.png') !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position-x: right !important;
    background-position-y: bottom !important;
}

.swal2-header {
    align-items: stretch !important;
    margin-left: 38px !important;
}

.swal2-icon-show {
  transform: scale(0.7) !important;
  margin: 0 !important;
  margin-left: -11px !important;
}

#swal2-title {
    color: #1F3050 !important;
    font-size: 22px !important;
    font-weight: bold !important;
}

.swal2-content {
    text-align: left !important;
    padding-left: 40px !important;
    font-size: 15px !important;
    width: 65%;
    line-height: 23px !important;
    color: #1F3050 !important;
}

.swal2-actions {
    justify-content: flex-start !important;
    margin-left: 34px !important;
}

.swal2-actions button {
    background: #1F3050 !important;
}

table {
  border: none !important;
  font-style: normal;
}
table th, .woocommerce table tr, table td {
  border: none !important;
}
table tr td, table th {
  background: #fff !important;
  border-bottom: 1px solid #f2f2f2 !important;
}
table th {
  border-bottom: 2px solid #f2f2f2 !important;
  border-top: none !important;
}

mark {
    background: #3296fa1a;
    padding: 5px 10px;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #fff;
    border-radius: 5px;
}

#payment label {
    width: 80%;
}

#add_payment_method #payment div.payment_box {
    background: #fff;
}

#add_payment_method #payment div.payment_box::before {
    display: none;
}

.woocommerce-PaymentMethods.payment_methods.methods {
    border-bottom: none !important;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    color: #050739;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.05);
    border-radius: 3px;
}

.wrapper h2 {
    font-size: 18px !important;
}

.woocommerce address {
    padding: 25px !important;
}

.swal2-container.swal2-center {
    z-index: 100000 !important;
}

div#TB_window{
  z-index: 1000 !important;
}

#TB_overlay{
  z-index: 1000 !important;
}

.filter-links.astra-portfolio-other-categories {
    display: none;
}

table span.status {
    padding: 5px 12px 3px;
    font-size: 10px;
    text-transform: uppercase;
    background: #eabc0a;
    color: #fff;
    border-radius: 2px;
    font-weight: bold;
}

table span.solved{
  background: #26ea0a;
}


.message-container {
  margin-bottom: 30px;
}
.message-container .author {
  font-size: 12px;
  color: #399ffa;
}
.message-container .author .date {
  float: right;
  color: grey;
}
.message p {
  margin: 0px;
}
.message-container.client .message {
  padding: 20px;
  font-size: 14px;
  background: #f9f9f9;
  margin: 5px 0px;
  border-radius: 3px;
}
.message-container.agent .message {
  padding: 20px;
  font-size: 14px;
  background: #c0e1ff;
  margin: 5px 0px;
  border-radius: 3px;
}

#contactus {
  cursor: pointer;
}
.stackhost-boxed .payment-header {
    display: none !important;
}

#payment #terms {
    height: 15px !important;
}


.woocommerce-button.button.pay, .woocommerce-button.button.view {
  padding: 5px 20px !important;
  margin: 5px !important;
}
.woocommerce-button.button.sh-btn.cancel {
  padding: 5px 20px !important;
  background: #c00 !important;

}

.wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-billing-fields .form-row label:not(.checkbox), .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-shipping-fields .form-row label:not(.checkbox), .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-additional-fields .form-row label:not(.checkbox), .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-account-fields .form-row label:not(.checkbox), .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-form-login .form-row label:not(.checkbox){
	margin-top: 10px !important;
}

.sh-header .user {
    justify-content: left;
}

.sh-header .user .website {
    display: flex;
    background: transparent !important;
    padding: 0;
    justify-content: center;
}

.sh-website-listings .website .col .dropdown-wrapper {
    min-width: 430px !important;
}

/* Portrait and Landscape */
@media only screen
  and (max-width: 768px) {
    #stackhost {
        width: 80% !important;
        height: 100vh;
        position: fixed;
        top: 0;
        padding: 26px;
        left: 0;
        z-index: 1000;
        background: #fff;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    }
}


/* iPhone Notch */

@supports(padding:max(0px)) {
    body, header, footer {
        padding-left: min(0vmin, env(safe-area-inset-left));
        padding-right: min(0vmin, env(safe-area-inset-right));
    }
}

.content {
  padding: 16px;
  padding-left: env(safe-area-inset-left); /* Apply safe area */
  padding-right: env(safe-area-inset-right);
}

/*** The are four safe-area padding options:
*
*   padding: env(safe-area-inset-top)
*           env(safe-area-inset-right)
*           env(safe-area-inset-bottom)
*           env(safe-area-inset-left);
****/