/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Oct 2, 2023, 1:01:40 AM
    Author     : AllyCat
*/

@font-face {

    font-family: KanitLight;
    src: url(../CSSFonts/Kanit-Light.ttf);
}

@font-face {

    font-family: OswaldLight;
    src: url(../CSSFonts/Oswald-Light.ttf);
}

@font-face {

    font-family: NunitoSans;
    src: url(../CSSFonts/NunitoSans_10pt-Light.ttf);
}

.PageTitleBlock{
    background-color: #efe370;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23020006' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    border-bottom: 1px black solid;
    padding: 10px;
    overflow: auto;
}

.nunitoSans{
    font-family: NunitoSans;
}

#Large_Table_PageTitle h1 {
    margin: 0px;
}

#Large_Table_PageTitle h3{
    margin: 0px;
}

#LargeContactIconBox{
    width: 30px;
    height: 30px;
}

#LargeBottomCTABox h1
{
    margin: 0px;
}

.Section_BottomCTAParent{
    background-color: #efc90a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23020006' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    border-bottom: 1px black solid;
    width: 100%;
}

#LargeBottomCTABox{
    width: 35%;
    margin: auto;
    padding-bottom: 50px;
    padding-top: 50px;
}

#LargeGetStartedContentSet{
    margin-bottom: 10px;
}

#LargeMainContent{
    padding-top: 25px;
    margin: auto;
    width: 100%;
}

#LargeMainContentParent{
    background: linear-gradient(#F0E65F, #D3B000);
    border-bottom: 1px black solid;
}

#LargeMainBannerBox{
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    Height: 60%;
}

#LargeQuoteBox{
    margin: auto;
    width: 30%;
    border-left: 8px black solid;
}

#LargeQuoteBox h1{
    text-align: center;
    padding-left: 15px;
    margin: 0px;
    font-size: 60px;
}

#LargeContactFormMainGraphic{
    margin-top: -20px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    height: 300px;
}

#LargeFormTitle{

    font-family: OswaldLight;
    text-decoration: underline;
    font-size: 30px;
    text-align: center;
    margin: 0px;
}

#Large_Table_ContactForm h2,
#Large_Table_NameFormSet

{
    margin: 0px;
}

#Large_Table_FormIntro{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

#Large_Table_FormIntro h2{
    margin: 0px;
    font-family: OswaldLight;
    text-align: center;
}

#Large_Table_FormIntro p{
    margin: 0px;
    font-size: 20px;
    font-family: NunitoSans;
}

#LargeFAQParentBox{
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    margin-top: 25px;
    margin-bottom: 0px;
}

#Large_Table_ContactForm{

    padding-bottom: 25px;
    width: 415px;
    margin: auto;
}

#Large_Table_ContactForm textarea {
    background-color: #EDF794;
    border-radius: 5px;
    padding: 5px;
    font-size: 20px;
}

#Large_Table_ContactForm input{

    padding: 5px;
    font-size: 20px;
    border: 1px black solid;
    border-radius: 5px;
    background-color: #EDF794;

}

#LargeFormNameGridBox{
    display: grid;
    grid-template-columns: 215px 215px;
}

#Large_ContactFormBox{

    margin: auto;
    border: 1px black solid;
    width: 500px;
    padding: 10px;
    background-color: #EDC20F;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='charlie-brown' fill='%23bf9e13' fill-opacity='0.4'%3E%3Cpath d='M9.8 12L0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");


}

.maybe{
    background-color: #B59408;
}

#Large_ContactForm{

    padding: 5px;
    background-color: #DAB727;
    margin: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23edc20f' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
    border: 1px black solid;

}

#LargeEmail,
#LargeMessage{
    width: 415px;
}

#LargeFirstname,
#LargeLastname{
    width: 200px;
}

#LargeSubmit{
    background-color: transparent;
    border: none;
    font-size: 20px;
    font-family: KanitLight;
    margin: 0px;
}

#LargeContactFormSubmitBtnBox {

    background: linear-gradient(#F7A005, #F7C305);
    border: 1px black solid;
    border-radius: 2px;
    padding: 5px;
    font-size: 20px;
    font-family: KanitLight;

}

#LargeContactFormSubmitBtnBox:hover {

    background: linear-gradient(#E58E03, #E2AD03);

}

#LargeContactFormSubmitBtnBox:active {

    background: linear-gradient(#BA6A02, #C49605);

}

#LargeFAQGraphicBox{

    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    width: 300px;
    height: 150px;

}

#LargeTitleFAQBox{
    width: 300px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

#LargeContactFormSuccessIconBox,
#SmallContactFormSuccessIconBox,
#LargeContactFormFailureIconBox{
    opacity: 0;
    width: 30px;
    height: 30px;
}

#LargeFAQTitleBox h2{
    margin: 0px;
    font-family: OswaldLight;
    font-size: 40px;
    text-align: center;
}

#Large_Table_HowLong h2,
#Large_Table_HowLong p,
#Large_Table_HowMuchMoney h2,
#Large_Table_HowMuchMoney p,
#Large_Table_CanIModify h2,
#Large_Table_CanIModify p,
#Large_Table_InternationalOrders h2,
#Large_Table_InternationalOrders p,
#Large_Table_CustomAdvantage h2,
#Large_Table_CustomAdvantage p
{
    margin: 0px;
}

#Large_Table_HowLong p,
#Large_Table_HowMuchMoney p,
#Large_Table_CanIModify p,
#Large_Table_InternationalOrders p,
#Large_Table_CustomAdvantage p{
    font-size: 20px;
}

#Large_Table_HowMuchMoney,
#Large_Table_CanIModify,
#Large_Table_InternationalOrders,
#Large_Table_CustomAdvantage{
    margin-top: 25px;
}

.QuestionMarkBox{
    width: 25px;
    height: 25px;
}

#Large_Table_CustomAdvantage{
    margin-bottom: 50px;
}

#ContactFormSuccessIconBox,
#ContactFormFailureIconBox{
    opacity: 0;
    width: 30px;
    height: 30px;
}

@keyframes SuccessShowOpacity {

    0%    {
        opacity: 0;
    }

    50%   {
        opacity: 1;
    }

    100%   {
        opacity: 0;
    }

}

.successShowOpacity {
    animation: SuccessShowOpacity 5s;
}

@keyframes box-wipe-enter {

    0% {
        clip-path: inset(25% 100% 25% -50%);
    }
    50% {
        clip-path: inset(25% 0% 25% 50%);
    }

    100% {
        clip-path: inset(0);
    }
}

.boxWipeEnter {
    animation: box-wipe-enter 2s;
}

.AjaxResponse p{
    font-family: NunitoSans;
    text-align: center;
    font-size: 20px;
    margin: 0px;
}

.AjaxResponse img{
    margin:0px;
    width: 30px;
    height: 30px;
}

.AjaxResponse table{
    width: 100px;
    margin:auto;
}

.AjaxResponse h2{
    font-family: OswaldLight;
    margin: 0px;
}

.AjaxResponse{
    margin-bottom: 25px;
}

#LargeFormTopLayer{
    position: absolute;
    background-color: yellow;
    width: 450px;
    height: 700px;
    opacity: .5;
    z-index: 2;
}

@media only screen and (max-width: 1000px) {

    #MainContent{
        width: 90%;
    }

}

/* About Components Layout Queries:  */

@media only screen and (min-width: 1008px) {

    #LargeContactLayout{
        display: block;
    }

    #MediumContactLayout{
        display: none;
    }

    #SmallContactLayout{
        display: none;
    }

}

@media only screen and (min-width: 641px) and (max-width: 1007.99px) {

    #LargeContactLayout{
        display: none;
    }

    #MediumContactLayout{
        display: block;
    }

    #SmallContactLayout{
        display: none;
    }

}

@media only screen and (max-width: 640.99px) {

    #LargeContactLayout{
        display: none;
    }

    #MediumContactLayout{
        display: none;
    }

    #SmallContactLayout{
        display: block;
    }

}

@media only screen and (max-width: 1499.99px) {
}

@media only screen and (min-width: 1500px) {
}