.seam{background-color:transparent;width:100%;overflow:hidden}.seam svg{display:block;-webkit-transform:scale(1.05);transform:scale(1.05)}.seam-top{z-index:1;position:absolute;top:0}.seam-bottom{z-index:1;position:absolute;bottom:0}.seam-content-wrapper{position:relative;overflow:hidden}.seam-content-wrapper .seam,.seam-content-wrapper .seam-filler{position:absolute;width:100%;top:60%}.seam-content-wrapper .seam{-webkit-transform:translateY(-100%) scale(1.01);transform:translateY(-100%) scale(1.01)}.seam-content-wrapper .seam-filler{height:100%}.seam-animate-end{visibility:hidden} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} h2,.h2, h3,.h3, h4,.h4, h5,.h5, .myclass{font-family:"Lobster Two",sans-serif } .textsize{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) { .textsize{font-size:calc(18rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .textsize{font-size:calc(20rem/16) ;line-height:1.50 }} .ITbackground{background-color:rgba(204, 204, 204, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.ITbackground{background-attachment:scroll!important}} .Shadow{filter:drop-shadow(6px 6px 10px rgba(0, 0, 0, 0.60));} .ITBGOverlay{position:relative;z-index:0}.ITBGOverlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0.75 ;background-color:rgba(134, 194, 218, 1.00) ;} .Headercolour{color:rgba(255, 255, 255, 1.00) ;} .Background{background-image:url('../index_files/bgimage-68.jpg') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.Background{background-attachment:scroll!important}} .Servicesbackground{background-color:rgba(0, 0, 0, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.Servicesbackground{background-attachment:scroll!important}} .Creativitybackground{background-image:url('../index_files/bgimage-70.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.Creativitybackground{background-attachment:scroll!important}} .speechbubble{padding-right:0.75rem ;padding-left:0.75rem ;} .border{border-color:rgba(153, 153, 153, 1.00) ;border-width:1px ;border-style:groove ;} .Wall{background-image:url('../index_files/bgimage-73.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.Wall{background-attachment:scroll!important}} .line{background-image:url('../index_files/bgimage-74.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.line{background-attachment:scroll!important}} .Stagesmargin{margin-top:2.5rem ;margin-bottom:2.5rem ;} .Footermargin{margin-top:10rem ;margin-bottom:10rem ;} .socialcolour{color:rgba(33, 255, 255, 1.00) ;} .footerbackground{background-image:url('../index_files/bgimage-78.png') ;background-repeat:no-repeat ;background-position:65% 65% ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:padding-box ;background-clip:padding-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.footerbackground{background-attachment:scroll!important}} .footerbackgroundcolour{background-color:rgba(231, 80, 11, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.footerbackgroundcolour{background-attachment:scroll!important}} /* */ #icon-menu-stacks_in_20 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #icon-menu-stacks_in_20 .icon-menu-toggle { /* */ background: rgba(231, 80, 11, 1.00); /* */ /* */ /* */ font-family: "Varela"; /* */ font-size: 16px; color: rgba(255, 255, 255, 1.00); margin: 10px 10px; padding: 15px 25px; line-height: 25.888000px; border-radius: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; cursor: pointer; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none !important; } #icon-menu-stacks_in_20 .icon-menu-toggle i { display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; font-size: 24px; } #icon-menu-stacks_in_20 .icon-menu-toggle span { display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 100%; } #icon-menu-stacks_in_20 .icon-menu-toggle:hover { /* */ background: rgba(119, 176, 212, 1.00); /* */ /* */ color: rgba(255, 255, 255, 1.00); -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #icon-menu-stacks_in_20 .icon-menu-toggle.with-icon i { display: initial; } #icon-menu-stacks_in_20 .icon-menu-toggle.with-text span { display: initial; } #icon-menu-stacks_in_20 .icon-menu-toggle.with-icon.with-text i { margin-right: 10px; } #icon-menu-stacks_in_20 .icon-menu-toggle.toggle-inline { position: static; } #icon-menu-stacks_in_20 .icon-menu-toggle.toggle-fixed { position: fixed; z-index: 99999999; } #icon-menu-stacks_in_20 .icon-menu-toggle.toggle-fixed.v-top { top: 0; } #icon-menu-stacks_in_20 .icon-menu-toggle.toggle-fixed.v-bottom { bottom: 0; } #icon-menu-stacks_in_20 .icon-menu-toggle.toggle-fixed.h-left { left: 0; } #icon-menu-stacks_in_20 .icon-menu-toggle.toggle-fixed.h-right { right: 0; } #icon-menu-nav-stacks_in_20.icon-menu-nav { padding: 10px 10px; display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9999999999; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #icon-menu-nav-stacks_in_20.icon-menu-nav * { box-sizing: border-box; } #icon-menu-nav-stacks_in_20.icon-menu-nav .icon-menu-nav-close { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 5px 10px 10px; text-align: right; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #icon-menu-nav-stacks_in_20.icon-menu-nav .icon-menu-nav-close span { /* */ font-family: "Varela"; /* */ font-size: 16px; line-height: 25.888000px; color: rgba(255, 255, 255, 1.00); text-transform: none; } #icon-menu-nav-stacks_in_20.icon-menu-nav .icon-menu-nav-close i { padding: 0; color: rgba(255, 255, 255, 1.00); width: 18px; height: 18px; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #icon-menu-nav-stacks_in_20.icon-menu-nav ul { max-width: 450px; padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 100%; margin: 0 0 auto 0; list-style-type: none; z-index: 9999999999; } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li { width: 33.333332%; padding: 10px 10px; opacity: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-transform: translateY(100%); transform: translateY(100%); } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a { color: #97969E; padding: 10px 10px; border-radius: 2px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ color: rgba(62, 60, 75, 1.00); width: 50px; height: 50px; font-size: 36px; border-radius: 50px; margin: 5px 0 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a .icon-menu-nav-icon i[class*="ion-"]::before { vertical-align: top; } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 36px; height: 36px; } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a .icon-menu-nav-label { /* */ font-family: "Varela"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 16px; line-height: 25.888000px; } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a:hover { /* */ background: rgba(119, 176, 212, 1.00); /* */ /* */ -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0px 0px 0px 7px rgba(235, 72, 14, 0.90); } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ color: rgba(119, 176, 212, 1.00); } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_20.openyo.close ul { -webkit-animation: menu-leave 0.3s; animation: menu-leave 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_20.openyo { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; left: 0; right: 0; bottom: 0; } #icon-menu-nav-stacks_in_20.openyo ul { -webkit-animation: menu-enter 0.4s; animation: menu-enter 0.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_20.openyo ul li { -webkit-animation: item-enter 0.4s 0.6s; animation: item-enter 0.4s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(1) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(4) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(5) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(6) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(7) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(8) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(9) { -webkit-animation-delay: 1s; animation-delay: 1s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(10) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(11) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(12) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(13) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(14) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(15) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(16) { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(17) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(18) { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(19) { -webkit-animation-delay: 2s; animation-delay: 2s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(20) { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(21) { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(22) { -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(23) { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } #icon-menu-nav-stacks_in_20.openyo ul li:nth-child(24) { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } #icon-menu-nav-stacks_in_20.full-page { opacity: 0; display: none; -webkit-transform: scale(0.5); transform: scale(0.5); padding: 10px 10px 15px 10px; } #icon-menu-nav-stacks_in_20.full-page .icon-menu-nav-close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #icon-menu-nav-stacks_in_20.full-page .icon-menu-nav-close.inner { display: none; } #icon-menu-nav-stacks_in_20.full-page.openyo { /* */ background: rgba(33, 114, 170, 1.00); /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-animation: full-menu-enter 0.4s 0.1s; animation: full-menu-enter 0.4s 0.1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_20.full-page.openyo .list-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; padding: 10px 10px 15px 10px; background-color: rgba(0, 0, 0, 0.00); } #icon-menu-nav-stacks_in_20.full-page.openyo.close { -webkit-animation: full-menu-leave 0.3s; animation: full-menu-leave 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #icon-menu-nav-stacks_in_20.popup ul { margin-bottom: 0; overflow: hidden; overflow-y: scroll; -webkit-transform: scale(0); transform: scale(0); padding: 10px 10px 15px 10px; border-radius: 4px; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* */ background: rgba(33, 114, 170, 1.00); /* */ /* */ /* */ } #icon-menu-nav-stacks_in_20.popup ul .list-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; padding: 10px 10px 15px 10px; background-color: rgba(0, 0, 0, 0.00); } #icon-menu-nav-stacks_in_20.popup .list-outer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } #icon-menu-nav-stacks_in_20.popup .icon-menu-nav-close:not(.inner) { display: none; } #icon-menu-nav-stacks_in_20.labels-top ul li a { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #icon-menu-nav-stacks_in_20.labels-top ul li a .icon-menu-nav-icon { margin: 10px 0 5px 0; } #icon-menu-nav-stacks_in_20.hide-item-labels ul li a .icon-menu-nav-label { display: none; } @media (max-width: 700px) { #icon-menu-nav-stacks_in_20.icon-menu-nav ul { max-width: 400px; } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li { width: 50.000000%; } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a .icon-menu-nav-icon { width: 40px; height: 40px; font-size: 28px; border-radius: 40px; margin: 5px 0 10px 0; } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 28px; height: 28px; } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a .icon-menu-nav-label { font-size: 14px; line-height: 22.652000px; } } @media (max-width: 400px) { #icon-menu-nav-stacks_in_20.icon-menu-nav ul { max-width: 350px; } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li { width: 50.000000%; } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a .icon-menu-nav-icon { width: 40px; height: 40px; font-size: 28px; border-radius: 35px; margin: 5px 0 10px 0; } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a .icon-menu-nav-icon i, #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a .icon-menu-nav-icon i::before { width: 28px; height: 28px; } #icon-menu-nav-stacks_in_20.icon-menu-nav ul li a .icon-menu-nav-label { font-size: 14px; line-height: 22.652000px; } } @-webkit-keyframes item-enter { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 80% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes item-enter { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 80% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes menu-enter { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes menu-enter { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes menu-leave { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 60% { opacity: 1; -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes menu-leave { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 60% { opacity: 1; -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes full-menu-enter { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes full-menu-enter { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes full-menu-leave { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes full-menu-leave { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_21.image-icon a .icon-menu-nav-icon { background: url() no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_21.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_21.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_21.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_21.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_21.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_21.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_21.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_21.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_23.image-icon a .icon-menu-nav-icon { background: url() no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_23.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_23.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_23.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_23.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_23.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_23.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_23.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_23.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_25.image-icon a .icon-menu-nav-icon { background: url() no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_25.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_25.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_25.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_25.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_25.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_25.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_25.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_25.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_27.image-icon a .icon-menu-nav-icon { background: url() no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_27.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_27.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_27.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_27.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_27.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_27.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_27.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_27.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_29.image-icon a .icon-menu-nav-icon { background: url() no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_29.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_29.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_29.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_29.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_29.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_29.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_29.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_29.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_31.image-icon a .icon-menu-nav-icon { background: url() no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_31.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_31.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_31.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_31.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_31.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_31.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_31.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_31.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_33.image-icon a .icon-menu-nav-icon { background: url() no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_33.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_33.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_33.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_33.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_33.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_33.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_33.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_33.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_35.image-icon a .icon-menu-nav-icon { background: url() no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_35.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_35.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_35.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_35.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_35.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_35.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_35.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_35.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_37.image-icon a .icon-menu-nav-icon { background: url() no-repeat center center; background-size: cover; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_37.image-icon a .icon-menu-nav-icon i { display: none; } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_37.custom-label a .icon-menu-nav-label { color: rgba(151, 150, 158, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_37.custom-label a:hover .icon-menu-nav-label { color: rgba(255, 255, 255, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_37.custom-icon a .icon-menu-nav-icon { color: rgba(62, 60, 75, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_37.custom-icon a:hover .icon-menu-nav-icon { color: rgba(50, 97, 251, 1.00); } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_37.custom-icon-bg a .icon-menu-nav-icon { /* */ background: rgba(151, 150, 158, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_37.custom-icon-bg a:hover .icon-menu-nav-icon { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ } #icon-menu-nav-stacks_in_20 #icon-menu-item-stacks_in_37.custom-item-bg a:hover { /* */ background: rgba(50, 97, 251, 1.00); /* */ /* */ } #stacks_in_52 { text-align: center; padding: 0.25rem 0.25rem; } #stacks_in_52 a { display: inline-block; background: rgba(40, 134, 185, 1.00); background-image: -webkit-linear-gradient(top, rgba(40, 134, 185, 1.00), rgba(41, 128, 185, 1.00)); background-image: -moz-linear-gradient(top, rgba(40, 134, 185, 1.00), rgba(41, 128, 185, 1.00)); background-image: -ms-linear-gradient(top, rgba(40, 134, 185, 1.00), rgba(41, 128, 185, 1.00)); background-image: -o-linear-gradient(top, rgba(40, 134, 185, 1.00), rgba(41, 128, 185, 1.00)); background-image: linear-gradient(to bottom, rgba(40, 134, 185, 1.00), rgba(41, 128, 185, 1.00)); border-radius: 2rem; font-family: inherit; line-height: 1.2; letter-spacing: 0px; color: rgba(255, 255, 255, 1.00); font-size: 1.10rem; padding: 0.5rem 2rem; text-decoration: none; outline: 0; /* Misc. text formating */ /* No text shadow */ box-shadow: 0px 1px 3px rgba(102, 102, 102, 1.00); /* No border */ } #stacks_in_52 a:hover { color: rgba(255, 255, 255, 1.00); background: rgba(238, 102, 6, 1.00); background-image: -webkit-linear-gradient(top, rgba(238, 102, 6, 1.00), rgba(238, 102, 6, 1.00)); background-image: -moz-linear-gradient(top, rgba(238, 102, 6, 1.00), rgba(238, 102, 6, 1.00)); background-image: -ms-linear-gradient(top, rgba(238, 102, 6, 1.00), rgba(238, 102, 6, 1.00)); background-image: -o-linear-gradient(top, rgba(238, 102, 6, 1.00), rgba(238, 102, 6, 1.00)); background-image: linear-gradient(to bottom, rgba(238, 102, 6, 1.00), rgba(238, 102, 6, 1.00)); text-decoration: none; /* Misc. text formating */ /* No border */ } #stacks_in_52 a:active { color: rgba(255, 255, 255, 1.00); background: rgba(60, 176, 253, 0.50); background-image: -webkit-linear-gradient(top, rgba(60, 176, 253, 0.50), rgba(52, 152, 219, 0.50)); background-image: -moz-linear-gradient(top, rgba(60, 176, 253, 0.50), rgba(52, 152, 219, 0.50)); background-image: -ms-linear-gradient(top, rgba(60, 176, 253, 0.50), rgba(52, 152, 219, 0.50)); background-image: -o-linear-gradient(top, rgba(238, 102, 6, 1.00), rgba(52, 152, 219, 0.50)); background-image: linear-gradient(to bottom, rgba(60, 176, 253, 0.50), rgba(52, 152, 219, 0.50)); text-decoration: none; /* Misc. text formatting */ /* No border */ } #stacks_in_52 a:focus { /* No focus outline */ }/* reset */ * #invoice { border: 0; box-sizing: content-box; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; list-style: none; margin: 0; padding: 0; text-decoration: none; vertical-align: top; } textarea { overflow: hidden; resize: none; } #date { width: 99%; } .item { width: 175px; } .description { width: 300px; } /* content editable */ *[contenteditable] { border-radius: 0.25em; min-width: 1em; outline: 0; } *[contenteditable] { cursor: pointer; } *[contenteditable]:hover, *[contenteditable]:focus, td:hover *[contenteditable], td:focus *[contenteditable], img.hover { background: #DEF; box-shadow: 0 0 1em 0.5em #DEF; } span[contenteditable] { display: inline-block; } /* heading */ #invoice h1 { font: bold 100% sans-serif; letter-spacing: 0.5em; text-align: center; text-transform: uppercase; } /* table */ table { font-size: 75%; table-layout: fixed; width: 100%; } table { border-collapse: separate; border-spacing: 2px; } th, td { border-width: 0px; padding: 0.5em; position: relative; text-align: left; } th, td { border-style: solid; } th { background: #98CAE3; border-color: #BBB; color: #000000; } td { border-color: #DDD; } /* page */ html { cursor: default; } #invoice { font-size: 1.0em; background: #FFF; border-radius: 1px; box-shadow: 0 0 0.5in -0.25in rgba(0, 0, 0, 0.5); box-sizing: border-box; margin: 30px auto 80px; overflow: hidden; padding: 0.5in; width: 9.5in; } /* header */ #invoice header { margin: 0 0 3em; } #invoice header:after { clear: both; content: ""; display: table; } #invoice header h1 { background: #2F98C6; color: #FFF; margin: 0 0 1em; padding: 0.5em 0; border-radius: 0em!important;} #invoice header address { float: left; font-size: 75%; font-style: normal; line-height: 1.25; margin: 0 1em 1em 0; } header address p { margin: 0 0 0.25em; } #invoice header span, #invoice header img { display: block; float: right; } header span { margin: 0 0 1em 1em; max-height: 25%; max-width: 60%; position: relative; } #invoice header img { max-height: 100%; max-width: 60%; } header input { cursor: pointer; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } /* article */ article, article address, table.meta, table.inventory { margin: 0 0 3em; } article:after { clear: both; content: ""; display: table; } article h1 { clip: rect(0 0 0 0); position: absolute; } article address { float: left; font-size: 125%; font-weight: bold; } /* table meta & balance */ table.meta, table.balance { float: right; width: 36%; } table.meta:after, table.balance:after { clear: both; content: ""; display: table; } /* table meta */ table.meta th { width: 40%; } table.meta td { width: 60%; } /* table items */ table.inventory { clear: both; width: 100%; } table.inventory th { font-weight: bold; text-align: center; } table.inventory td:nth-child(1) { width: 26%; } table.inventory td:nth-child(2) { width: 38%; } table.inventory td:nth-child(3) { text-align: right; width: 12%; } table.inventory td:nth-child(4) { text-align: right; width: 12%; } table.inventory td:nth-child(5) { text-align: right; width: 12%; } /* table balance */ table.balance th, table.balance td { width: 50%; } table.balance td { text-align: right; } /* aside */ #invoice aside h1 { border: none; border-width: 0 0 1px; margin: 0 0 1em; } #invoice aside h1 { border-color: #98CAE3; border-bottom-style: solid; } #invoice aside p { text-align: center; } /* javascript */ .add, .cut { border-width: 1px; display: block; font-size: .9rem; padding: 0em; float: left; text-align: center; width: 2em; height: 2em; line-height: 2em; } .cut { line-height: 1.8em; font-weight: bold; } .add, .cut { border-radius: 1em; cursor: pointer; } .cut { background: #D23837; border-color: #0076A3; color: #FFF; } .add { background: #000000; border-color: #0076A3; color: #FFF; } .add { margin: -2.5em 0 0; } .add:hover { background: #598432!important; color: #ffffff; } .cut:hover { background: rgba(189, 76, 75, 0.61);} .cut { opacity: 0; position: absolute; top: 0; left: -1.5em; } .cut { -webkit-transition: opacity 100ms ease-in; } tr:hover .cut { opacity: 1; } .btn-primary {color: rgb(255, 255, 255);background: #EE6606; cursor:pointer; border: 0; font-family: 'Raleway', sans-serif; border: solid 3px #CBE5F5;} .btn-primary:hover{ background: #42AAD4; } .btn-large { padding: 9px 30px; font-size: 18px; border-radius: 6px 6px 6px 6px; } @media print { * { -webkit-print-color-adjust: exact; box-sizing: border-box!important; } span:empty { display: none; } .add, .cut { display: none; } #header, #extraContent, #footer, .submitbtn, .menu, #menu-toggle, #backtotop a {display: none; } html { overflow: auto; padding: 0; } html { background: none; cursor: default; } body { box-sizing: border-box; height: 11in; margin: 0 auto; overflow: hidden; padding: 0.5in; width: 8.5in; } body { background: #FFF; border-radius: 0px; box-shadow: none; } #invoice { font-size: 0.8em; border-radius: 1px; box-shadow: none; box-sizing: border-box; margin: auto; overflow: hidden; padding: auto; width: 100%; } .item { width: 140px; } .description { width: 220px; } th, td { padding-bottom: 0em; padding-top: 0em; } } @page { margin: 0; }