@charset 'UTF-8';

@media screen and (min-width: 1024px) and (max-width: 1366px) 
{
        
    
    /**
     * 
     * 	@author		George Iancu
     * 	@copyright	Cube Creative Ltd (c) 2021.
     * 	@license	Commercial
     * 
     */
    
    
    
    
    /* ===============
     * 
     * DOCUMENT SETUP
     * 
     * ===============
     */
    *{  }
    *:hover{ 
    }
    html,body{  }
    body{  }
    
    h1 { font-size: 30px; }
    h2 {font-size: 29px;}
    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: row;
        gap: 3rem;
        justify-content: flex-start;
        align-items: center;
    }
     #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{}
    
    /* ===============
     * 
     * 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{transform: none;margin: 0 auto;}
    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{flex-basis: 100%;}
    section.tpl-customise .card-custo-preview .card-preview{
        width: 100%;
    }
    section.tpl-customise .card-custo-preview .card-preview #dynframe{
        transform: none;
        margin: 0 auto;
        width: 100%;
        height: auto;
        overflow: visible;
    }
    
    
    #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: 33%;height: 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{width: 60%;margin: 0 auto;display: block;}
    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: 85%;min-height: initial;}
    section.tpl-decks .wheelpopup .wheelpopup-body .wheelpopup-body-content{padding: 5rem 10rem;}
    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{  }
    

     .savedcards{ margin-bottom: 2rem; }
    
     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: 0 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: 100px;}
     .wrapper.cardswelcome > div:nth-child(2) p{line-height: 1.1;font-size: 20px !important;margin-bottom: 1rem !important;}
    
    
        
    }