@charset 'UTF-8';

@media screen and (max-width: 39.9375em) {

	.profile_toggle{top: auto;bottom: 20px;left: 40%;right: 40%;margin: 0 auto;}
	section#profile{ width: 100%; }
	
	h1{font-size: 28px !important;line-height: normal !important;}
	h2{font-size: 20px !important;}
	
	section#tpl-step1,
	section#tpl-step2,
	section#tpl-customise{padding: 140px 30px;}

	section#tpl-step1 .autosearch{width: 100%;font-size: 20px;text-align: center;height: 50px;}
	section#tpl-step1 .users{width: 100%;}

	section#tpl-step1 #invite-member{margin-top: 20px;}
	
	#versions,#versions.reduced{height: auto;}
	#versions .version{height: 100px;}
	
	section#tpl-customise #dynframe{height: 110vw;overflow: hidden;transform: initial;max-width: 89vw;}
	section#tpl-customise #dynframe *{max-width: 100% !important;}


    /* ===============
    * 
    * DOCUMENT SETUP
    * 
    * ===============
    */
    html,body{  }
    body{  }

    h1{line-height: 1.2 !important;}
    h2{  }
    h3{  } /* Area title (left) */
    h4{  } /* Sub header within copy */
    h5{  } /* Smaller option */
    h6{  } /* Smaller option same as para*/

    p,
    ul,
    ul li{  } /* Site wide paragraph style */
    b, strong {  } /* Bold copy - colour change */
    a{  } /* Para Link */

    blockquote {  }

    #wrapper form ::-webkit-input-placeholder { color: #536372;}
    #wrapper form ::-moz-placeholder { color: #536372;}
    #wrapper form :-ms-input-placeholder { color: #536372;}
    #wrapper form :-moz-placeholder { color: #536372;}

    .container{max-width: initial;padding-left: 15px;padding-right: 15px;}


    .sysalert{  }


    /* ===============
    * 
    * HEADER
    * 
    * ===============
    */
    header{padding: 15px;height: initial;flex-wrap: nowrap;}
    header > div{  }
    header > div:nth-child(1){  }
    header > div:nth-child(1) a.logo svg{width: initial;height: 50px;}
    
    header > div:nth-child(2){align-self: center;}

    header > div:nth-child(2) > div{/* display: none; */}
    header > div:nth-child(2) > div > svg{  }
    header > div:nth-child(2) > div > svg{display: none;}

    header > div:nth-child(2) > div > div {  }
    header > div:nth-child(2) > div > div > svg{display: none;}
    header > div:nth-child(2) > div > div a{font-size: 12px;margin-top: 9px;margin-right: 7px;margin-bottom: 0;padding: 0;}
    header > div:nth-child(2) > div > div > div{display: flex;flex-direction: column;}

    header > div:nth-child(3) a.wuth-logo svg{height: 50px;width: initial;}

    header.sticked{  }
    .deck-count{display: none;}

    /* ===============
    * 
    * WRAPPER
    * 
    * ===============
    */
    #wrapper{min-height: calc(100vh - 81px);overflow: scroll;}
    #wrapper > div:not(#footer-bar){padding-left: 15px;padding-right: 15px;}
    #wrapper.with_footer_bar > div:not(#footer-bar){  }
    #wrapper.full{  }
    #wrapper.full.message-page{  }
    #wrapper.full > div:not(#footer-bar){  }
    #wrapper.centered_content > div:not(#footer-bar){  }
    body.landing #wrapper > div:not(#footer-bar){  }

    #wrapper p,
    #wrapper ul,
    #wrapper ul li{  }


    /* ===============
    * 
    * FOOTER BAR
    * 
    * ===============
    */
    #footer-bar{ display: none; }


    /* ===============
    * 
    * NAVIGATION
    * 
    * ===============
    */
    a.shownav{
}
    a.shownav svg{  }
    a.shownav svg g line{  }
    a.shownav svg g line:nth-child(1){  }
    a.shownav svg g line:nth-child(2){  }
    a.shownav svg g line:nth-child(3){  }
    a.shownav.active svg g line:nth-child(1){  }
    a.shownav.active svg g line:nth-child(2){  }
    a.shownav.active svg g line:nth-child(3){  }

    #navigation{min-height: initial;padding: 70px 10px 70px;height: 100%;}
    #navigation > ul{  }
    #navigation > ul li{  }
    #navigation > ul li ul{  }
    #navigation > ul > li > a{font-size: 26px;}
    #navigation.active{  }


    /* ===============
    * 
    * CONTENT HOMEPAGE
    * 
    * ===============
    */
    #content_homepage{display: block;}
    #content_homepage > a{display: block;margin: 30px 0 0 0;}
    #content_homepage > a svg{width: 120px;min-height: initial;height: initial;margin: 0 0 10px 0;}
    #content_homepage > a h2{margin: 0;padding: 0;}
    #content_homepage > a p{margin: 0;padding: 0;}
    #content_homepage > a:nth-child(1){  }
    #content_homepage > a:nth-child(2){  }


    /* ===============
    * 
    * CONTENT DEFAULT TEMPLATE
    * 
    * ===============
    */
    .container #content h1{margin-top: 10px;letter-spacing: -2px;}
    .container #content h2{  }
    .container #content h3{  }
    .container #content h4{  }
    .container #content h5{  }
    .container #content p,
    .container #content ul li{  }
    .container #content ul{  }
    .container #content ul li{  }

    .container #content p strong{  }








    /**
    * 	CUSTOM REVEAL BOXES
    */
    .reveal{  }
    .reveal h1{  }
    .reveal h2{  }
    .reveal p{  }
    .reveal input{  }
    .reveal input[type='submit']{  }


    /* ===============
    * 
    * TEMPLATE LOGIN
    * 
    * ===============
    */
    section#tpl-login{  }
    section#tpl-login .close-tpl-login{top: 20px;right: 10px;}
    section#tpl-login > div{width: auto;padding: 0 20px;}
    section#tpl-login h1{  }
    section#tpl-login p{padding: 0 25px;}
    section#tpl-login a{  }
    section#tpl-login form{padding: 0 20px;}
    section#tpl-login form input{  }
    section#tpl-login form input[type="submit"]{  }
    section#tpl-login form .is-invalid-input:not(:focus){  }

    section#tpl-login a.recover{  }
    section#tpl-login a.register{  }
    section#tpl-login a.guest{  }

    section#tpl-login svg{ max-width: 90vw; margin: auto; }
    section#tpl-login > div > svg {margin-left: 5vw;}
    /* ===============
    * 
    * TEMPLATE CARDS
    * 
    * ===============
    */
    section#tpl-cards{  }
    section#tpl-cards > .row{ margin: 0; padding: 0; }
    section#tpl-cards h1{  }
    section#tpl-cards > .row > .ecards-grid{  } 
    section#tpl-cards .ecard{width: 50%;margin: 10px 0;}
    section#tpl-cards .ecard svg{  }
    section#tpl-cards .ecard h2{  }

    .ecard-row {
    flex-wrap: wrap;
    width: 92%;
}
    .ecard-row:first-child {}
    .ecard-row > div:first-child {
    width: 100%;
}
    .ecard-row > .ecard {
    width: 50%;
    margin: 5px 0;
}
    .ecard-row > a.ecard {}
    .ecard-row > .ecard > div {}
    .ecard-row h2{}
    .ecard-row h3{}
    .request-ecard {}
    .category-scroll {flex-wrap: wrap; width: 100%; overflow: initial;}
    .category-scroll > div {width: 50%;margin: 5px 0;}

    /* ===============
    * 
    * TEMPLATE STEP 1
    * 
    * ===============
    */
    section#tpl-step1{padding: 100px 10px;}
    section#tpl-step1 h1{  }
    section#tpl-step1 *:not(input){  }
    section#tpl-step1 *:not(input) h4{line-height: 35px;font-size: 28px;}
    section#tpl-step1 .autosearch{  }
    section#tpl-step1 .autosearch:focus{  }
    section#tpl-step1 .users{  }
    section#tpl-step1 .users li{  }
    section#tpl-step1 .users li a{  }
    section#tpl-step1 .users li a:after{  }
    section#tpl-step1 .users li a:hover{  }
    section#tpl-step1 .users li:hover a:after{  }
    .category-scroll .right-arrow {display:none;}
    .category-scroll .left-arrow {display: none;}

    section#tpl-step1 #invite-member{  }
    section#tpl-step1 #invite-member form{display: block;}
    section#tpl-step1 #invite-member form input{ margin-bottom: 10px;}
    section#tpl-step1 #invite-member form input[type="submit"]{
        /* margin-right: 0; */
        background-color: #DB0078;
        cursor: pointer;
        color: white;
        width: 33px;
        height: 33px;
        border-radius: 33px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        margin-top: 0;
        line-height: 1;
        margin-bottom: 0;
        padding: 10px;
        margin-top: 1rem;
    }

    @keyframes usershow {	
        from {  }
        to {  }
    }


    /* ===============
    * 
    * TEMPLATE STEP 2
    * 
    * ===============
    */
    section#tpl-step2{padding: 0;}
    section#tpl-step2 .row{ padding: 0; }
    section#tpl-step2 h1{  }
    section#tpl-step2 > div.row:first-of-type{  }


    /* ===============
    * 
    * TEMPLATE CUSTOMISE
    * 
    * ===============
    */
    section#tpl-customise{padding: 120px 10px;}
    section#tpl-customise h1{  }
    section#tpl-customise h3{  }
    section#tpl-customise > div.row:first-of-type{  }
    section#tpl-customise p.heading{  }
    section#tpl-customise textarea,
    section#tpl-customise input[type="text"],
    section#tpl-customise input[type="email"],
    section#tpl-customise input[type="color"]{  }
    section#tpl-customise textarea{  }
    section#tpl-customise .when_to_send{  }
    section#tpl-customise .when_to_send label{  }
    section#tpl-customise .when_to_send label input{  }

    section#tpl-customise .ng-invalid-maxlength{  }
    section#tpl-customise #dynframe{}
        section#tpl-customise #dynframe::-webkit-scrollbar {  }
        section#tpl-customise #dynframe::-webkit-scrollbar-track {  }
        section#tpl-customise #dynframe::-webkit-scrollbar-thumb {  }
    section#tpl-customise #dynframe table{
 transform: scale(0.75);
 transform-origin: top left;
}
    section#tpl-customise .button{  }
    section#tpl-customise .button.cancel{  }
    section#tpl-customise .button.send{  }
    section#tpl-customise .card-customisation {padding-left: 15px;padding-top: 10px;}

    #cardsbar{  }
    #cardsbar h3{  }
    #cardsbar .cards-inline{flex-wrap: nowrap;overflow: scroll;}
    #cardsbar .cards-inline a{flex: initial;min-width: 29%;}
    #cardsbar .cards-inline a:hover,
    #cardsbar .cards-inline a.active{  }
    #cardsbar .cards-inline a svg{  }
    #cardsbar .cards-inline a h2{  }

    @keyframes dynframeshow {	
        from {  }
        to {  }
    }


    /**
    * 	VERSIONS SLIDER
    */
    #versions{padding: 0;display: flex;overflow: scroll;}
    #versions.reduced{  }
    #versions.fullwidth{  }
    #versions .next-version,
    #versions .prev-version{  }
    #versions .next-version{  }
    #versions .prev-version{  }
    #versions .version{  }
    #versions.cloured .version{width: 300px;min-width: 255px;margin-bottom: 10px;padding-top: 100%;}
    #versions.fullwidth .version{  }
    #versions .version:nth-child(1),
    #versions .version:nth-child(2),
    #versions .version:nth-child(3),
    #versions .version:nth-child(4){  }
    #versions .version.active,
    #versions .version:hover{  }
    @keyframes niceslide {	
        from {  }
        to {  }
    }


    /**
    * 	PROFILE PAGE
    */
    section#profile{  }
    section#profile > div {  }

    section#profile form{  }
    section#profile h2{  }
    section#profile h2 svg{  }
    section#profile p{  }
    section#profile label{  }
    section#profile input{  }
    section#profile input[type='submit']{  }
    section#profile .button{  }
    .profile_toggle{  }
    .profile_toggle svg{  }

    section#profile .mycards-list{  }
    section#profile .mycards-list li{  }
    section#profile .mycards-list li > div:nth-child(1){  }
    section#profile .mycards-list li > div:nth-child(1) img{  }

    section#profile .mydecks-list{  }
    section#profile .mydecks-list li{  }
    section#profile .mydecks-list li a{  }
    section#profile .mydecks-list li:before{  }



    /**
    * 	SYSTEM 2
    */
    section#tpl-welcome{
        height: 100%;
        display: flex;
        align-items: center;
        margin: 0 10px;
    }
    section#tpl-welcome > div{
    flex-direction: column;
}
    section#tpl-welcome > div h2{  }
    section#tpl-welcome > div p{  }
    section#tpl-welcome > div > div:nth-child(1){order: 1;}
    section#tpl-welcome > div > div:nth-child(2){order: 3;}
    section#tpl-welcome > div > div:nth-child(2) img{min-width: auto;width: 80vw;padding-top: 0;}
    section#tpl-welcome > div > div:nth-child(2) a{  }
    section#tpl-welcome > div > div:nth-child(2) a svg{  }
    section#tpl-welcome > div > div:nth-child(3){order: 2;width: 100%;}


    section#tpl-decks h1{  }
    section#tpl-decks #decks{  }
    section#tpl-decks #decks a.deck{  }
    section#tpl-decks #decks a.deck.pink{  }
    section#tpl-decks #decks a.deck.purple{  }
    section#tpl-decks #decks a.deck.orange{  }
    section#tpl-decks #decks a.deck.liblue{  }
    section#tpl-decks #decks a.deck.cyan{  }
    section#tpl-decks #decks a.deck.blue{  }

    section#tpl-decks form{  }
    section#tpl-decks h2{  }
    section#tpl-decks form input[type="text"]{  }
    section#tpl-decks form input[type="submit"]{  }

    section#tpl-wellcards{position: initial;}
    section#tpl-wellcards > div.text-center{ width: 95vw !important; overflow: initial; margin: 0; padding: 0;}
    section#tpl-wellcards h1{  }
    section#tpl-wellcards .wellcards-viewport{width: 100%;overflow: initial;}
    section#tpl-wellcards .wellcards-grid{width: 100vw !important;justify-content: flex-start;}
    section#tpl-wellcards .wellcards-grid.open{  }
    section#tpl-wellcards .wellcards-grid .wellcard{min-width: 200px;}
    section#tpl-wellcards .wellcards-grid .wellcard > .front{  }
    section#tpl-wellcards .wellcards-grid .wellcard > .front > img{ border: 10px solid white; border-radius: 15px;}
    section#tpl-wellcards .wellcards-grid .wellcard > .back{  }
    section#tpl-wellcards .wellcards-grid .wellcard > .back > img{  }

    section#tpl-wellcards .wellcards-tools{position: absolute;top: 600px;left: 0;right: 0;z-index: 999999999;}
    section#tpl-wellcards .wellcards-tools > .available-decks{transform: translate(-75px, 0px);}
    section#tpl-wellcards .wellcards-tools > .available-decks.open{  }
    section#tpl-wellcards .wellcards-tools > .available-decks ul{  }
    section#tpl-wellcards .wellcards-tools > .available-decks ul li{  }
    section#tpl-wellcards .wellcards-tools > .available-decks a{  }
    section#tpl-wellcards .wellcards-tools > .available-decks a.close{  }
    section#tpl-wellcards .wellcards-tools a{  }

    section#tpl-wellcards .wellcards-tools .new-deck-field{  }

    section#tpl-wellcards .wellcards-grid .wellcard.open{width: 94vw;height: 500px;overflow: scroll;top: 81px;transform: translateY(0%);}
    section#tpl-wellcards .wellcards-grid .wellcard.open > .front{transform: translateX(0);}
    section#tpl-wellcards .wellcards-grid .wellcard.open > .front > img{  }
    section#tpl-wellcards .wellcards-grid .wellcard.open > .back{transform: translate(0%, 99%);}
    section#tpl-wellcards .wellcards-grid .wellcard.open > .back > img{  }

    section#tpl-wellcards .wellcards-grid .wellcard.add_card_effect{  }
    @keyframes anim_add_card_effect {
        0%   {  }
        20%  {  }
        100% {  }
    }

    section#tpl-wellcards .welldecks-grid{overflow: scroll;width: 100vw;justify-content: flex-start;padding: 0 20px;}
    section#tpl-wellcards .welldecks-grid .welldeck{min-width: 80px;height: 95px;}
    section#tpl-wellcards .welldecks-grid .welldeck svg{  }
    section#tpl-wellcards .welldecks-grid .welldeck.active,
    section#tpl-wellcards .welldecks-grid .welldeck:hover{  }

    section#tpl-mydecks .wellcards-grid .wellcard.open{width: 94vw;height: 545px;overflow: scroll;top: 74px;transform: translateY(-17%);}
    section#tpl-mydecks .wellcards-grid .wellcard.open > .front{transform: translateX(0);}
    section#tpl-mydecks .wellcards-grid .wellcard.open > .front > img{  }
    section#tpl-mydecks .wellcards-grid .wellcard.open > .back{transform: translate(0%, 99%);}
    section#tpl-mydecks .wellcards-grid .wellcard.open > .back > img{  }
    section#tpl-mydecks .wellcards-grid .wellcard-container .close-container {left: 0;top: auto;bottom: -50px;z-index: 999;}
     .card-back-arrow {display: none;right: inherit;left: 40%;top: 607px;width: 28px;}
    .card-next-arrow {display: none;left: inherit;right: 40%;top: 607px;width: 28px;}
    body.system2 .card-back-arrow {
    left: 25%;
    top: 525px;
}
    body.system2 .card-next-arrow {
    right: 25%;
    top: 525px;
}

    section#tpl-mydecks{  }
    section#tpl-mydecks > div:first-child{max-width: 100vw !important;position: fixed;left: 0;top: 100px;}
    section#tpl-mydecks h1{  }
    section#tpl-mydecks .mydecks-list{  }
    section#tpl-mydecks .mydecks-list{  }
    section#tpl-mydecks .mydecks-list li{  }
    section#tpl-mydecks .mydecks-list li.active,
    section#tpl-mydecks .mydecks-list li:hover{  }
    section#tpl-mydecks .mydecks-list li:before{  }
    section#tpl-mydecks .mydecks-list li a{  }

    section#tpl-mydecks .wellcards-viewport{width: 100vw;margin-bottom: 10px;}
    section#tpl-mydecks .wellcards-grid{height: 320px;}
    section#tpl-mydecks .wellcards-grid .wellcard{  }
    section#tpl-mydecks .wellcards-grid .wellcard > .front{  }
    section#tpl-mydecks .wellcards-grid .wellcard > .front > img{  }
    section#tpl-mydecks .wellcards-grid .wellcard > .back{  }
    section#tpl-mydecks .wellcards-grid .wellcard > .back > img{  }

    section#tpl-mydecks .wellcards-grid .wellcard-container > a{  }

    section#tpl-mydecks .wellcards-tools{}
    section#tpl-mydecks .wellcards-tools a{  }

    .system2 #wrapper > div:not(#footer-bar){ padding: 0; margin:30px 0 0 0 ;}
    .system2 #wrapper{ padding: 0; margin:0 ;}
    .system2 footer{margin-top: 30px;}
    .page-wellbeing\/mydecks footer{display: none;}
    footer{padding: 20px 0 15px;max-width: 94vw;margin: 0px auto;}
    footer p{font-size: 14px;}
	.footer-copyright {padding: 5px 0 0 0;}
	
}