@charset 'UTF-8';

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

	

/**
 * 
 * 	@author		George Iancu
 * 	@copyright	Cube Creative Ltd (c) 2021.
 * 	@license	Commercial
 * 
 */




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

h1 { font-size: 30px; }
h2 {font-size: 22px;}
h3 { font-size: 17.5px; }
h4 { font-size: 15px; }
h5 { font-size: 12.5px; }
h6 {}

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: 100%;padding: 5%;}


.sysalert{  }

.button{  }
.button.fill{  }


/* ===============
 * 
 * HEADER
 * 
 * ===============
 */
header{ padding: 5%;min-height: initial; }
header > div{  }
header > div:nth-child(1){  }
header > div:nth-child(2){  }
header > div:nth-child(3){  }

header > div:nth-child(2) > div{  }
header > div:nth-child(2) > div > svg{  }
header > div:nth-child(2) > div > svg{  }

header > div:nth-child(2) > div > div {  }
header > div:nth-child(2) > div > div > svg{  }
header > div:nth-child(2) > div > div a{  }
header > div:nth-child(2) > div > div a:hover{  }

header.sticked{  }

.gwh-logo img{ max-width: 180px; }

body.system1 header,
body.system2 header{  }
body.system1 a.shownav svg g line,
body.system2 a.shownav svg g line{  }


/* ===============
 * 
 * WRAPPER
 * 
 * ===============
 */
 #wrapper{min-height: auto;}
 .wrapper{  }
 body.system1 #wrapper,
 body.system2 #wrapper{  }
 #wrapper > div:not(#footer, #ccore-admin-bar){padding: 0;}
#wrapper > div:not(.logindiv){  }
 #wrapper.with_footer_bar > div:not(#footer-bar){height: auto;}
 #wrapper.full{  }
 #wrapper.full > div:not(#footer-bar){  }
 #wrapper.centered_content > div:not(#footer-bar){margin: 0;}
 body.landing #wrapper > div:not(#footer-bar, #ccore-admin-bar){margin: 1rem  0;}

 body.system1 #wrapper > div:nth-child(2){  }

 #wrapper p,
 #wrapper ul,
 #wrapper ul li{
    font-size: 16px;
    max-width: initial;
    /* margin: 0; */
    gap: 0.5rem;
}

 .page-members\/login\/system2  #wrapper {  }
 .page-members\/login\/system1  #wrapper {  }


 /* ===============
 * 
 * FOOTER BAR
 * 
 * ===============
 */
 #footer-bar{  }
.footer-copyright {  }

  /* ===============
 * 
 * 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{  }
 #navigation > ul{  }
 #navigation > ul li{margin: 5% 0;}
 #navigation > ul li ul{  }
 #navigation > ul > li > a{font-size: 30px;}
 #navigation.active{  }
.deck-count{  }

 /* ===============
 * 
 * CONTENT HOMEPAGE
 * 
 * ===============
 */
 #content_homepage{
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start;
    align-items: flex-start;
}
 #content_homepage > div{  }
	#content_homepage > div:nth-child(1){ order: 3; }
	#content_homepage > div:nth-child(2){ order: 2; }
	#content_homepage > div:nth-child(3){ order: 1; }
 #content_homepage h1{margin-bottom: 1rem;}
 #content_homepage p{  }
 #content_homepage div.buttons{  }
 #content_homepage div.buttons .login{  }
	#content_homepage > div:nth-child(2) img{ max-width: 200px; }

/* ===============
 * 
 * CONTENT DEFAULT TEMPLATE
 * 
 * ===============
 */
.container #content h1{  }
.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{margin: 1rem 0;}
section#tpl-login .close-tpl-login{  }
section#tpl-login > div{max-width: initial;margin: 1rem;}
section#tpl-login > div > img{ display: none; }
section#tpl-login h1{  }
section#tpl-login p{  }
section#tpl-login a{  }
section#tpl-login form{  }
section#tpl-login form h2{font-size: 1.7rem;}
section#tpl-login form input{  }
section#tpl-login form input[type="submit"]{width: 100%;}
section#tpl-login form .is-invalid-input:not(:focus){  }

section#tpl-login a.recover{  }
section#tpl-login a.register{width: 100%;margin: 0;}
section#tpl-login a.guest{  }


/* ===============
 * 
 * TEMPLATE CARDS
 * 
 * ===============
 */
section#tpl-cards{  }
section.tpl-cards h1{display: block;}
section.tpl-cards h1 span{
    display: flex;
    margin-bottom: 0.5rem;
}
section.tpl-cards p{margin: 0;}

.ecards-grid{  } 
.ecard{  }
.ecard svg{  }
.ecard h2{  }

.ecard-row {gap: 1rem;width: 100%;margin: 0;}
.ecard-row:first-child {gap: 1rem;width: 100%;margin: 1rem 0 0 0;}
.ecard-row .ecard-category svg{  }
.ecard-row select{font-size: 16px;}
.ecard-row > div:first-child {  }
.ecard-row > .ecard {  }
.ecard-row .category-scroll > .ecard {  }
.ecard-row .category-scroll > a.ecard {  }
.ecard-row > a.ecard {  }
.ecard-row > .ecard > div {  }
.ecard-row h2{  }
.ecard-row h3{  }
.request-ecard {  }
.ecard-more-categories {  }
.category-scroll {  }
.category-scroll > *:nth-child(1) {  }
.category-scroll > *:nth-child(2) {  }
.category-scroll > *:nth-child(3) {  }
.category-scroll > *:nth-child(4) {  }
.category-scroll > *:nth-child(5) {  }
.category-scroll > *:nth-child(6) {  }
.category-scroll > *:nth-child(7) {  }
.category-scroll a {  }
.category-scroll > div {  }
.category-scroll h3{  }
.category-scroll .right-arrow {
}
.category-scroll .right-arrow svg {
}
.category-scroll .left-arrow  {
}
.category-scroll .left-arrow svg {
}



/* ===============
 * 
 * TEMPLATE STEPS - LAYOUT
 * 
 * ===============
 */
section#tpl-steps{padding: 5%;}
section#tpl-steps > div{padding: 1rem;gap: 1rem;flex-direction: column;}
section#tpl-steps > div > div:nth-child(1){  }
section#tpl-steps > div > div:nth-child(2){width: 100%;border: none;padding: 0;margin-top: 2rem;}
section#tpl-steps > div ul.steps{display: none;}
section#tpl-steps > div ul.steps:before{  }
section#tpl-steps > div ul.steps li{  }
section#tpl-steps > div ul.steps li span{  }
section#tpl-steps > div ul.steps li.filled{  }
section#tpl-steps > div ul.steps li.filled span{  }
section#tpl-steps > div ul.steps li.current span{  }

section#tpl-steps > div > div:nth-child(2) h3{display: none;}
section#tpl-steps > div > div:nth-child(2) h3 img{  }
section#tpl-steps > div > div:nth-child(2) div{margin-top: 2rem;}
section#tpl-steps > div > div:nth-child(2) div .ecard-reset{  }
section#tpl-steps > div > div:nth-child(2) div .ecard-submit{  }


section#tpl-steps.system2 > div ul.steps:before{  }



/* ===============
 * 
 * TEMPLATE STEP 1
 * 
 * ===============
 */
section.tpl-step1{  }
section.tpl-step1 h1{
    display: block;
}
section.tpl-step1 h1 span{display: flex;margin-bottom: 0.5rem;}
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{  }

section.tpl-step1 #invite-member{margin: 0 0 1rem 0;max-width: 100%;}
section.tpl-step1 #invite-member form{  }
section.tpl-step1 #invite-member form input{  }
section.tpl-step1 #invite-member form input[type="submit"]{  }
section.tpl-step1 #invite-member .switch-to-multiple{  }

section.tpl-step1 #invite-members{  }
section.tpl-step1 #invite-members form{  }
section.tpl-step1 #invite-members form input{  }
section.tpl-step1 #invite-members form input[type="submit"]{  }

.email-error {  }

@keyframes usershow {	
	from {  }
	to {  }
}

button.add-recipient {
    background-color: #415364;
    text-decoration: none;
    padding: 12px 32px 12px 32px;
    display: inline-block;
    border-radius: 12px;
    line-height: 1;
    color: white;
    margin: 0 0 30px 0;
    cursor: pointer;
    }

/* ===============
 * 
 * TEMPLATE STEP 2
 * 
 * ===============
 */
section.tpl-step2{  }
section.tpl-step2 h1{display: block;}
section.tpl-step2 h1 span{display: flex;margin-bottom: 0.5rem;}
section.tpl-step2 > div.row:first-of-type{  }


/* ===============
 * 
 * TEMPLATE CUSTOMISE
 * 
 * ===============
 */
section.tpl-customise{  }
section.tpl-customise h1{display: block;}
section.tpl-customise h1 span{display: flex;margin-bottom: 0.5rem;}
section.tpl-customise h1 strong{  }
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 textarea::placeholder{  }
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{width: 300px;}
	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{  }
section.tpl-customise .button{  }
section.tpl-customise .button.cancel{  }
section.tpl-customise .button.send{  }
section.tpl-customise .card-customisation {  }
section.tpl-customise .card-preview {  }

section.tpl-customise .card-custo-preview{flex-direction: column;gap: 1rem;}
section.tpl-customise .card-custo-preview .card-customisation{  }
section.tpl-customise .card-custo-preview .card-preview{
    width: 340px;
}
section.tpl-customise .card-custo-preview .card-preview #dynframe{
    transform: none;
    margin: 0 auto;
}


#cardsbar{  }
#cardsbar h3{  }
#cardsbar .cards-inline{  }
#cardsbar .cards-inline a{  }
#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{margin: 0;overflow: visible;}
#versions.reduced{  }
#versions.fullwidth{  }
#versions .next-version,
#versions .prev-version{  }
#versions .next-version{  }
#versions .prev-version{  }
#versions .version{width: 100%;}
#versions.cloured .version{  }
#versions.cloured .version.selected{  }
#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
 */
 .mydecks-list{  }
 .mydecks-list{
    margin: 0;
}
 .mydecks-list li{  }
 .mydecks-list li.active,
 .mydecks-list li:hover{  }
 .mydecks-list li a{  }
 .mydecks-list li.active a{  }



 /* ===============
 * 
 * TEMPLATE STEP 1
 * 
 * ===============
 */
section.tpl-decks{  }
section.tpl-decks .content{margin: 0;}
section.tpl-decks h1{display: block;}
section.tpl-decks h5{  }
section.tpl-decks h6{  }
section.tpl-decks h1 span{display: flex;margin-bottom: 0.5rem;}
section.tpl-decks .content ul{
}
section.tpl-decks .content ul li{  }

section.tpl-decks .content .wheel{flex-direction: column;}
section.tpl-decks .content .wheel > div:nth-child(1){  }
section.tpl-decks .content .wheel > div:nth-child(2){width: 100%;order: 1;}
section.tpl-decks .content .wheel > div.currentdeck{order: 2;padding: 1rem;}
section.tpl-decks .content .wheel > div.currentdeck ul{  }
section.tpl-decks .content .wheel > div.currentdeck ul li{  }
section.tpl-decks .content .wheel > div.currentdeck ul li a.remove-card{  }
section.tpl-decks .content .wheel > div.currentdeck ul li a.remove-card svg{  }

section.tpl-decks .content .wheel .thewheel{  }
section.tpl-decks .content .wheel .thewheel .cls-25{  }
section.tpl-decks .content .wheel .thewheel .cls-30{  }
section.tpl-decks .content .wheel .thewheel .cls-22{  }
section.tpl-decks .content .wheel .thewheel .cls-31{  }
section.tpl-decks .content .wheel .thewheel .cls-29{  }
section.tpl-decks .content .wheel .thewheel .cls-21{  }
section.tpl-decks .content .wheel .thewheel .cls-23{  }
section.tpl-decks .content .wheel .thewheel .cls-32{  }
section.tpl-decks .content .wheel .thewheel .cls-33{  }
section.tpl-decks .content .wheel .thewheel .cls-16{  }
section.tpl-decks .content .wheel .thewheel .cls-24{  }
section.tpl-decks .content .wheel .thewheel .cls-19{  }

section.tpl-decks .wheelpopup{  }
section.tpl-decks .wheelpopup.open{  }
section.tpl-decks .wheelpopup .wheelpopup-body {width: 95%;min-height: initial;}
section.tpl-decks .wheelpopup .wheelpopup-body .wheelpopup-body-content{padding: 5rem 5rem;}
section.tpl-decks .wheelpopup .wheelpopup-body a.close{  }
section.tpl-decks .wheelpopup .wheelpopup-body a.close svg{  }

section.tpl-decks .wheelpopup  .wheelpopup-controls{  }

section.tpl-decks .savedcards h4{  }
section.tpl-decks .savedcards hr{  }

/* ===============
 * 
 * TEMPLATE STEP 2
 * 
 * ===============
 */
 section.tpl-recipient{  }
 section.tpl-recipient .content{margin: 0;}
 section.tpl-recipient h1{display: block;}
 section.tpl-recipient h5{  }
 section.tpl-recipient h6{  }
 section.tpl-recipient h1 span{display: flex;margin-bottom: 0.5rem;}
 section.tpl-recipient .content ul{  }
 section.tpl-recipient .content ul li{margin: 0;}
 
 section.tpl-recipient .savedcards h4{  }
 section.tpl-recipient .savedcards hr{  }

 section.tpl-recipient ul.choosen-cards-list{grid-template-columns: repeat(3,1fr);gap: 0.5rem;}
 section.tpl-recipient .choosen-cards-list li{  }

 /* ===============
 * 
 * TEMPLATE STEP 3
 * 
 * ===============
 */
 section.tpl-review{  }
 section.tpl-review .content{margin: 0;}
 section.tpl-review h1{display: block;}
 section.tpl-review h5{  }
 section.tpl-review h6{  }
 section.tpl-review h1 span{display: flex;margin-bottom: 0.5rem;}
 section.tpl-review .content ul{  }
 section.tpl-review .content ul li{margin: 0;}
 
 section.tpl-review .savedcards h4{  }
 section.tpl-review .savedcards hr{  }

 section.tpl-review ul.choosen-cards-list{grid-template-columns: repeat(3, 1fr);gap: 0.5rem;}
 section.tpl-review .choosen-cards-list li{  }


 footer{  }
 footer div:nth-child(1) ul{  }
 footer div:nth-child(1) ul li{  }
 footer div:nth-child(1) ul li::before{margin-right: 0.5rem;}
 footer div:nth-child(1) ul li:first-of-type::before{  }
 footer div:nth-child(1) ul li{  }


 /* User Messages */
 .message-page {  }
 .message-page #tpl-message{  }
 .message-page #tpl-message p{  }
 .message-page #tpl-message p a{  }
 .message-page #footer-bar{  }


 /* Custom System tpl sections */
 .wrapper.cardswelcome{flex-direction: column;padding: 5%;gap: 1rem;}
 .wrapper.cardswelcome > div:nth-child(1){width: 100%;}
 .wrapper.cardswelcome > div:nth-child(2){background: none;}
 .wrapper.cardswelcome > div:nth-child(2) > div{  }
 .wrapper.cardswelcome > div:nth-child(2) img{max-width: 80px;}
 .wrapper.cardswelcome > div:nth-child(2) p{line-height: 1.1;font-size: 18px !important;margin-bottom: 1rem !important;}


	
}