/*!
Theme Name: Shping
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Shping is wordpress theme for custom website.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shping
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Shping is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.video_sub iframe { width: 91%; }
.red-bg .wpcf7-not-valid-tip{ color: #ffffff !important; }
.no-result {
    text-align: center;
    width: 100%;
    font-size: 24px;
}
.page-id-141809 .text-def ol, .text-def ul {
    padding-left: 40px !important;
}
/* .header-reward.headroom--not-top .header-inner, .mainheading.headroom--not-top .header-inner {
    background-color: #ff8bb1 !important;
} */
.header-reward .mobile-menu-btn ,.mainheading .mobile-menu-btn {
    color: #190f3c;
    display: block;
}
.header-reward .mobile-menu-btn svg.icon ,.mainheading .mobile-menu-btn svg.icon {
    max-width: fit-content;
}
.header-reward.is-active .mobile-menu, .mainheading.is-active .mobile-menu {
    background-color: #f7739f;
}
.header.is-active .header-inner, .mainheading.is-active .header-inner {
    background-color: #ff8bb1 !important;
}
.header-reward a.btn.btn--dblue:hover, .mainheading a.btn.btn--dblue:hover {
    color: white;
}
.mainheading a.btn.btn--dblue.mob {
    margin-top:40px;
}
.accordion-button:not(.collapsed)::after {
    background-image: unset;
}
.country_dropdown .selectric-wrapper {
    border: 1px solid #FFF;
    border-radius: 15px;
}
.country_dropdown .selectric {
    background-color: transparent;
    width: 100%;
}
.country_dropdown .selectric .label {
    height: 60px;
    margin: 0;
    line-height: 1.15;
    text-align: left;
    display: flex;
    align-items: center;
    padding: 0 30px;
    font-size: 100%;
    color: #FFF;
    font-weight: 400;
}


/* Coin Page CSS */

.coin-banner-text p {
    max-width: 80%;
    font-size: 24px;
    font-weight: 700;
    line-height: 140% !important;
}
.coin-banner-text p strong{
    color: #fe3258;
    font-weight: 700;
}
.coin_flybuys_text{
    text-align: right;
}
.registerformtext p {
    max-width: 65%;
}
.registerformtext h2{
    font-weight: 700;
}
.registerformtext h2 span{
    color: #fe3258;
}
.join_insider_btn {
    padding: 14px 28px;
    border: none;
    border-radius: 15px;
    cursor: pointer;
    background-color: #fe3258;
    color: #FFF;
    transition: 0.3s ease-in-out;
    outline: none !important;
    text-decoration: none;
    display: inline-block;
}
.join_insider_btn:hover{
    color: #190f3c;
    background-color: #FFF;
    text-decoration: none;
}
.modal {
    background: #FFF;
    padding: 30px;
    max-width: 100%;
    width: fit-content;
    border: 0;
    margin: 0 auto;
}
button.close {
    position: absolute;
    top: -20px;
    right: 0;
    color: #000;
    opacity: 1;
    font-size: 24px;
    cursor: pointer;
}
/* .close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    color: #000;
} */
.form_modal_main_container {
    max-width: 1280px;
    border: 0;
    margin: 0 auto;
    width: 100%;
}
.modal-content{
    border: 0;
}
.modal-overlay.active {
    display: flex;
}
.no-scroll {
  overflow: hidden;
}
.coin_modal_container {
    display: flex;
    gap: 50px;
}
.coin_modal_content {
    color: #000;
    width: 100%;
    text-align: left;
}
.coin_modal_content h3{
    font-weight: 600;
    font-size: 25px;
    line-height: 36px;
}
.coin_modal_form {
    width: 100%;
}



.form_inner_flex_container > div{
    width: 100%;
}

/* Shping Insider Page CSS */

/* .insider_section {
    padding: 120px 0;
    background: #190F3B;
} */

.insider_main{
    background: #190F3B;
    padding-top: 180px;
}
.insider_section {
    display: flex;
    gap: 50px;
    padding: 0 0 60px 0;
}
.insider_store {
    /* padding: 120px 0; */
    width: 100%;
    border: 1px solid #fe3258;
    padding: 40px;
    border-radius: 18px;
}
.insider_info_container h2 {
    font-size: 70px;
    line-height: 1.4;
    color: #FFF;
    font-weight: 700;
}
.insider_info_container h2 span{
    color: #fe3258;
}
.insider_info_container p {
    color: #FFF;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
    margin: 0;
    margin-top: 20px;
}
.store_title {
    font-size: 30px;
    line-height: 1.4;
    color: #fe3258;
    margin-top: 50px;
    font-weight: 700;
}
.store_info_container {
    margin-top: 30px;
}
.store_info_content p{
    font-size: 18px;
    line-height: 140%;
    color: #FFF;
    font-weight: 400;
    margin: 0;
}
.store_info_content strong{
    color: #fe3258;
}
.store_flex_container {
    display: flex;
    gap: 20px;
}
.store_flex_container:not(:last-child){
    margin-bottom: 40px;
}
.store_flex_container img {
    height: fit-content;
}
.insider_form {
    background-color: #f9f5e9;
    position: relative;
    padding: 40px;
    width: 100%;
    border-radius: 18px;
}
.coin_modal_form h4 {
    color: #190F3B;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    border-bottom: 2px solid #e0e1dc;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.coin_modal_form form input{
    border: 2px solid #e0e1dc;
    padding: 10px 20px;
    border-radius: 15px;
    width: 100%;
    color: #190F3B;
    background-color: #FFF;
}
.coin_modal_form form input::placeholder{
    color: #a4a5aa;
}
.input_text label {
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
    cursor: default;
}
.input_text .red{
    color: red;
}
.coin_modal_form .country_select .selectric-wrapper {
    border: 2px solid #e0e1dc;
    border-radius: 15px;
    padding: 10px 20px;
    background-color: #FFF;
}
.coin_modal_form .country_select .selectric {
    width: 100%;
    background-color: transparent;
    border-radius: 15px;
}
.coin_modal_form .country_select .selectric .label {
    color: #a4a5aa !important;
    height: 100% !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
    margin: 0 !important;
    font-size: 16px !important;
    text-align: left;
}
.coin_modal_form .country_select .selectric-items{
    width: 100% !important;
}
.coin_modal_form .country_select .button {
    color: #a4a5aa;
    font: icon;
    font-size: 30px;
    line-height: 1;
    width: fit-content;
    height: fit-content;
    padding: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.coin_modal_form .country_select .button::before{
    display: none;
}
.form_inner_grid_container {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
}
h2.insider_form_title {
    color: #190F3B;
    text-align: left;
    font-size: 40px;
    line-height: 1.4;
    margin-bottom: 30px;
    font-weight: 700;
}
.form_social_text h4.form_social_title,.form_adrs_title{
    color: #FFF;
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 15px;
}
.form_social_text .input_text:not(:last-child){
    margin-bottom: 15px;
}
.form_social_text p{
    color: #190F3B;
    margin-bottom: 15px;
}
.more_exchange_text {
    border: 2px solid #fe3258;
    border-radius: 8px;
    padding: 10px;
    background-color: #fde1dd;
    margin: 15px 0;
}
.more_exchange_text p{
    color: #190F3B;
    margin: 0;
}
.more_exchange_text strong{
    color: #fe3258;
}
.deposit_adrs_container .input_text:not(:last-child){
    margin-bottom: 15px;
}
.form_social_text,.deposit_adrs_container{
    margin-top: 30px;
}
.deposit_adrs_container p{
    margin: 0;
}
.coin_modal_form .register_checkbox{
    margin-top: 20px;
}
.coin_modal_form .register_checkbox label {
    width: 100%;
    color: #FFF;
    display: flex;
    gap: 10px;
}
.register_checkbox p{
    margin: 0;
    color: #190F3B;

}
.register_checkbox a{
    font-weight: bold;
    color: #fe3258;
}
.register_checkbox a:hover{
    color: #fe3258;
    text-decoration: none;
}
.submit_container {
    margin-top: 15px;
}
.coin_modal_form form input.form_submit_btn {
    padding: 14px 28px !important;
    border: none !important;
    border-radius: 15px;
    cursor: pointer;
    background-color: #fe3258;
    color: #FFF;
    transition: .3s ease-in-out;
    width: fit-content !important;
}
.coin_modal_form form input.form_submit_btn:hover{
    background-color: #190f3c;
    color: #FFF;
}
#thankYouMessage h3 {
    color: #190f3c;
    text-align: center;
    font-size: 35px;
    line-height: 1.4;
}
#thankYouMessage p {
    color: #190f3c;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
    margin-top: 20px;
}

@media (max-width: 1024px){
    /* .insider_store {
        padding: 80px;
    } */
    .insider_section {
        flex-direction: column;
    }
}

@media (min-width:768px) and (max-width:991px){
    .insider_main{
        padding-top: 250px;
    }
}

@media (max-width: 767px) {
	.terms-and-conditions .text-def h3{
		 font-size: 30px;
		line-height: 1.4;
	}
    .header.mainheading .header-inner {
        width: 100%;
    }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #190f3c;
    }
    .coin-banner-text p{
        max-width: 100%;
    }
    .coin_flybuys_text {
        text-align: center;
    }
    .registerformtext p {
        max-width: 100%;
    }
    .coin_modal_container{
        flex-direction: column;
    }
    .form_inner_grid_container {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .modal{
        padding: 20px;
    }
    .insider_store,.insider_form {
        padding: 20px;
    }
    .insider_info_container h2{
        font-size: 35px;
    }
    h2.insider_form_title{
        font-size: 25px;
    }
    .insider_main {
        padding-top: 100px;
    }
    .store_flex_container:not(:last-child) {
        margin-bottom: 20px;
    }
    .deposit_adrs_container .input_text input::placeholder{
        font-size: 12px;
    }
	.coin-welcome__info .hero_title_text{
		margin-top: 0;
	}
	.main .coin-welcome {
		padding-top: 510px !important;
	}
}