/* 
Theme Name:      Avada Child Theme
Theme URI:       http://www.wdipl.com/
Description:     Theme by Site <a href="https:www.wdipl.com/\">https:www.wdipl.com/</a>
Author:          Shaikh Nadeem
Author URI:      https://www.wdipl.com/
Template:        Avada
Version:         1.0.0
Text Domain:     Avada-child
-------------------------------------------------------------- */

/* =Theme customization starts here
------------------------------------------------------- */

.stripe-elements-container, 
.stripe-element-input  {
    color: #AAAAAA !important;
    font-Family: VCR OSD Mono, monospace !important;
    font-size: 13px !important; 
    font-Weight: 400 !important;
    line-Height: 12.7px !important;
    letter-Spacing: 0.02em !important;
    text-Align: left !important;
}

@font-face {
font-family: 'VCR OSD Mono'; 
src: url('fonts/VCR_OSD_MONO.ttf');
src: local("VCR OSD Mono"), local("VCR OSD Mono"), url('font/VCR_OSD_MONO.ttf') format("truetype");
} 


.text2 {
    font-family: 'VCR OSD Mono' !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 13px !important;
    letter-spacing: 0.02em !important;
    text-align: left !important;
    color: #AAAAAA !important;
    padding: 10px !important;
    border-radius: 3px !important;
    background: transparent !important;
    border: 1.5px solid #D9D9D9 !important;
    -webkit-box-shadow: none !important;
     height: 37px !important;
}


input[type=email]:focus,
input[type=text]:focus {
    
    font-family: VCR OSD Mono !important;
    
  
}
::placeholder {
  color: red;
}

.post-content p {
    margin-bottom: 15px !important;
}


.fusion-column-wrapper {
    padding: 0 12% !important;
}







.mc4wp-response .mc4wp-notice p {
/*     color: #888888; */
/*    font-family: 'HypermarketExpW00' !important; */
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display:block !important;
}

.validation {
    position: absolute !important;
    background: #e07a7a !important;
    color: #fff !important;
    font-size: 13px !important;
    padding: 3px 20px !important;
    border-radius: 4px !important;
    letter-spacing: 0px !important;
    margin-top: 6px !important;
    border: 1px solid #00000017 !important;
}

.validation:before {
    content: '' !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid #e07a7a !important;
    right: 50% !important;
    top: -10px !important;
    transform: rotate(90deg);
}
.mc4wp-form-fields span.error {
   
    background: #e07a7a !important;
    color: #fff !important;
    font-size: 9px !important;
    padding: 3px 10px !important;
    border-radius: 4px !important;
    letter-spacing: 0px !important;
    margin-top: 6px !important;
    border: 1px solid #00000017 !important;
    text-transform: uppercase;
	text-align:center;
}
.mc4wp-form-fields label.error:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #e07a7a;
    left: 49%;
    bottom: 16px;
    transform: rotate(90deg);
    position: absolute;
}



#fname-error, #lname-error{
	position: absolute;
    width: 60%;
}
#email-error {
    position: absolute;
    width: 100%
}

.custom-text h4 {
    text-align: center !important
}

h4.first-text {
    padding-bottom: 50px !important;
}

h4.second-text {
    padding-bottom: 15px !important;
}

/* span.email-error {
    display: flex !important;
    justify-content: center !important;
} */


.float-left {
    float: left !important;
    display: flex !important;
    justify-content: end !important;
}

.float-right {
    float: right !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.thank {
/*     color: #888888 !important; */
    box-shadow: 10px 9px 13px -13px !important;
    -webkit-box-shadow: 10px 9px 13px -13px !important;
    -moz-box-shadow: 10px 9px 13px -13px !important;
    padding: 6px 47px !important;
    border-radius: 5px !important;
    border: 1px solid rgba(112, 112, 112, 0.20) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: table !important;
    margin: 0 auto !important;
    height: 30px !important;
    vertical-align: middle !important;
}

.mc4wp-alert.mc4wp-success {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 80vh !important;
}

.mc4wp-alert.mc4wp-success p {
/*     color: #888888 !important; */
    padding: 6px 47px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: table !important;
    margin: 0 auto !important;
    height: 30px !important;
    vertical-align: middle !important;
	text-align:center;
}

/*.fusion-layout-column.fusion-one-half {*/
/*    width: 67% !important;*/
/*    margin-right: 0!important;*/
/*}*/

/* @media only screen and (max-width: 800px){
 .fusion-body  #mob .fusion-layout-column {
    width: 50% !important;
    margin: 0 auto !important;
    display: table;
    float: none;
}
} */


/* @media only screen and (max-width:480px){
 .fusion-body  #mob .fusion-layout-column {
    width: 80% !important;
    margin: 0 auto !important;
    display: table;
    float: none;
}
} */




.fusion-column-wrapper {
    padding: 0 15% !important;
}

.not-found-page {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70vh;
}
.not-found-page {
    text-align: center;
}







input[type=email]:focus{
    /* 	color: #707070;
        font-family: 'vcr'; */
    border: 1px solid rgba(112, 112, 112,0.20);
    font-weight: 600;
    border-radius: 5px;
    height: 36px;
    box-shadow: 10px 9px 13px -13px;
    -webkit-box-shadow: 10px 9px 13px -13px; 
    -moz-box-shadow: 10px 9px 13px -13px;
    font-size:14px;
    text-transform:uppercase;}

input[type=submit]{
    background: #E2E2E2 ! IMPORTANT;
        padding: 7px 25px;
        color: #8D8D8D ! IMPORTANT;
        border: 2px solid #CBCBCB;
        font-family: VCR OSD Mono;
        font-size: 13px;
        font-weight: 400;
        line-height: 13px;
        letter-spacing: 0.02em;
        text-align: center;
        border-radius: 8px !important;
        margin-top: 25px;
        width: 108px;
}



input[type=email]::-webkit-input-placeholder { /* Edge */
    font-family: 'VCR OSD Mono' !important;
   
}

input[type=email]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'VCR OSD Mono' !important;
   
}

input[type=email]::placeholder {
    font-family: 'VCR OSD Mono' !important;
    
    
}



.mc4wp-response .mc4wp-notice p{
    color: #707070;
    -family: 'VCR OSD Mono' !important;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    
}


.thank{
    /* 	color: #707070; */
    box-shadow: 10px 9px 13px -13px;
    -webkit-box-shadow: 10px 9px 13px -13px;
    -moz-box-shadow: 10px 9px 13px -13px;
    padding: 6px 47px;
    border-radius: 5px;
    border: 1px solid rgba(112, 112, 112,0.20);
    font-size: 14px;
    font-weight: 600;
    display: table;
    margin: 0 auto;
    height: 30px;
    vertical-align: middle;
}
.w-50 {
    width: 48.5% !important;
}

.mc4wp-form p {
    width: 100% !important;
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

input[type="email"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder {
    color: #b4b4b4 !important;
}

.custom-text h4 {
    color: #888888 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}
#desktop .fusion-column-wrapper {
    padding: 0% !important;
}
.mc4wp-form-submitted .upper-form-text, .mc4wp-form-submitted w-50, .mc4wp-form-submitted p {
    display: none;
}

#mc4wp-form-2{
    position: fixed;
    top: 45%;
    left: 50%;
    transform: 
    translate(-50%,-50%);
    width: 80%;
    margin: 0 auto;
}
.post-content{
    height:100%!important;
}
.float-left  p {
    position: relative;
}

.float-left p label#fname-error {
    position: absolute;
    width: 104%;
    z-index:9;
}
#mc4wp-form-1 input[type=email], #mc4wp-form-1 input[type=text]{
    font-family: Hypermarket!important;
}
/*input#fname, input#lname {
    color: #888888!important;
}*/
.first_name input#fname {
    color: #888888!important;
}
.fusion-layout-column.fusion-one-half{
    /*width:420px!important;*/
    width: calc(100% + 0px ) !important;
}
.email_name p label {
    position: relative;
}

.email_name p label label#email-error {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
}
.first_name span.fname-error {
    background: #e07a7a !important;
    color: #fff !important;
    font-size: 12px !important;
    padding: 8px 6px !important;
    border-radius: 4px !important;
    letter-spacing: 0px !important;
    margin-top: 10px !important;
    border: 1px solid #00000017 !important;
    text-transform: uppercase;
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    z-index: 9;
}

.first_name span.fname-error:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #e07a7a;
    left: 49%;
    top: -10px;
    transform: rotate(90deg);
    position: absolute;
}

.email_name span.email-error {
    background: #e07a7a !important;
    color: #fff !important;
    font-size: 12px !important;
    padding: 8px 20px !important;
    border-radius: 8px !important;
    margin-top: 6px !important;
    border: 1px solid #00000017 !important;
    text-transform: uppercase;
    text-align: center;
    width: max-content;
    z-index: 9;
    left: 50%;
    transform: translateX(-50%);
    top: 37px;
    position: absolute;
}

.email_name label span.email-error {
   
}

.email_name span.email-error:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #e07a7a;
    left: 49%;
    top: -10px;
    transform: rotate(90deg);
    position: absolute;
}
@media (max-width: 1920px) {
    /*#desktop .fusion-builder-row.fusion-row {*/
    /*    width: 600px;*/
    /*}*/
}



@media only screen and (max-width: 1024px) {
    .fusion-body .fusion-layout-column {
        width: 100% !important;
        margin: 0 auto !important;
        display: table;
        float: none !important;
    }

    .fusion-column-wrapper {
        padding: 0 2% !important;
    }
    /* #desktop .fusion-builder-row.fusion-row {*/
    /*    max-width: 350px;*/
    /*}*/
}
/*@media only screen and (max-width: 1024px) {
    #desktop .fusion-builder-row.fusion-row {
        max-width: 350px;
    }
}*/


@media only screen and (max-width: 815px) {
    #desktop .fusion-column-wrapper {
        padding: 0 !important;
    }

    #main,
    .fullwidth-box,
    .fusion-footer-widget-area,
    .page-title-bar,
    body {
        background-attachment: fixed !important;
    }

}
@media only screen and (max-width: 800px){
    .fusion-body #mob .fusion-layout-column {
        width: 100% !important;
    }
    .not-found-page {
        margin: 0;
        text-align: center;
        width: 100%;
    }
    .not-found-page #main {
        padding: 0 !important;
    }
     .fusion-body  #mob .fusion-layout-column {
        width: 50% !important;
        margin: 0 auto !important;
        display: table;
        float: none;
    }
}
/*@media only screen and (max-width: 800px){
     .fusion-body  #mob .fusion-layout-column {
        width: 50% !important;
        margin: 0 auto !important;
        display: table;
        float: none;
    }
}*/
@media only screen and (max-width: 782px) {
    body.fusion-blank-page.admin-bar {
        top: 0 !important;
    }
}

@media only screen and (max-width: 768px) {
    .fusion-body .fusion-layout-column {
        /*     width: 60% !important;
    margin: 0 auto !important;
    display: table;
    float: none!important; */
    }
}

@media only screen and (max-width: 767px) {
    .fusion-body .fusion-layout-column {
        /*     width: 60% !important;
    margin: 0 auto !important;
    display: table;
    float: none!important; */
    }

    #main,
    .fullwidth-box,
    .fusion-footer-widget-area,
    .page-title-bar,
    body {
        background-attachment: fixed !important;
    }

    .fusion-body .fusion-title.fusion-title-4 {
        margin-top: 45px !important;
        margin-bottom: 15px !important;
    }

    .fusion-body .fusion-title.fusion-title-3 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    div#mob {
        padding: 0 2px !important;

    }

    .fusion-fullwidth-center-content {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding-top: 0 !important;
    }

    .validation {
        position: absolute !important;
        background: #e07a7a !important;
        color: #fff !important;
        font-size: 12px !important;
        padding: 3px 20px !important;
        border-radius: 4px !important;
        letter-spacing: 0px !important;
    }

/*     span.email-error {
        display: flex !important;
        justify-content: center !important;
    } */

    .fusion-column-wrapper {
        padding: 0 !important;
    }

    .post-content {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        height: 100vh !important;
        overflow: hidden !important;
    }

}


@media only screen and (max-width: 480px) {
    .fusion-body .fusion-layout-column {
        /*     width: 100% !important;
    margin: 0 auto !important;
    display: table;
    float: none!important; */
    }

    #main,
    .fullwidth-box,
    .fusion-footer-widget-area,
    .page-title-bar,
    body {
        background-attachment: fixed !important;
    }
    .fusion-body  #mob .fusion-layout-column {
        width: 100% !important;
        margin: 0 auto !important;
        display: table;
        float: none;
    }

}
/*@media only screen and (max-width:480px){
    .fusion-body  #mob .fusion-layout-column {
        width: 100% !important;
        margin: 0 auto !important;
        display: table;
        float: none;
    }
}*/
/*@media only screen and (max-width:480px){
    .fusion-body  #mob .fusion-layout-column {
        width: 100% !important;
        margin: 0 auto !important;
        display: table;
        float: none;
    }
}*/

@media only screen and (max-width: 767px) {
    div#mob {
        padding: 0 2px !important;
        width: 100% !important;
    }
    .not-found-page {
        margin: 0;
        text-align: center;
        width: 100%;
    }
	h4.second-text {
    font-family: 'VCR OSD Mono' !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 13px !important;
    letter-spacing: 0.02em !important;
    text-align: center !important;
    color: #AAAAAA  !important;
    
}
}