/*
Theme Name: AW
Theme URI: https://www.aakashweb.com/
Description: The theme for Aakash Web
Author: Aakash Chakravarthy
Version: 14.3
*/

/** RESET **/
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;vertical-align:baseline;background:0 0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}

h1{font-size:2.625rem}h2{font-size:2.25rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{font-size:1.125rem;line-height: 2;}

h1, h2, h3, h4, h5, h6, th{
    font-family: 'Fira sans', Arial, Helvetica, sans-serif;
    font-weight: bold;
}
a{
    color: #000;
    text-underline-offset: 0.5rem;
}
a:hover{
    text-decoration: none;
}

html{
    font-size: 16px;
}
body {
    font-family: 'Fira sans', Arial, sans-serif;
    color: #000;
    line-height: 1.5;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
select {
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 5px;
}
label{
    font-size: 1rem;
}

.container{
    width: 1100px;
    margin: 0 auto;
}
.containerSmall{
    width: 900px;
    margin: 0 auto;
}

#header{
    height: 7rem;
}
#header hgroup{
    position: relative;
    height: 100%;
}
#logo{
    display: block;
    position: absolute;
    text-indent: -999em;
    background: url(../svg/aw.svg) no-repeat center left;
    width: 11rem;
    height: 5rem;
    top: 50%;
    margin-top: -2.5rem;
}
#logo:hover{
    opacity: 0.7;
}
#line{
    height: 20px;
}

#nav{
    position: absolute;
    top: 50%;
    right: 3rem;
    margin-top: -1.5rem;
}
#nav ul{
    list-style: none;
}
#nav > ul > li {
    float: left;
    position: relative;
}
#nav a {
    display: block;
    font-size: 1rem;
    color: #000;
    text-decoration: none;
    padding: 0.5rem 1.5rem;
    font-weight: bold;
}
#nav ul ul {
    display: none;
    position: absolute;
    top: 2.45rem;
    left: 0;
    float: left;
    background: #FFF;
    z-index: 999999;
}
#nav ul ul li {
    min-width: 15rem;
    position: relative;
}
#nav ul ul ul {
    left:100%;
    top:0;
}
#nav ul ul a {
    padding: 0.75rem 1rem;
}
#nav li:hover i{
    color: #000;
}
#nav .sub-menu{
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 20%);
}
#nav .sub-menu > li:hover > a{
    background: #ff1766;
    color: #fff;
}
#nav .sub-menu > li:hover > a i{
    color: #fff
}
#nav .sub-menu li:last-child a{
    border-radius: 0 0 5px 5px;
}
#nav ul li:hover > ul {
    display:block;
}
#nav li.current-menu-item > a{
    background: #f5f5f5;
}
#nav .menu > li:hover > a {
    box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%);
    position: relative;
}
#nav .menu > li:hover > a:before{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ff4136;
    top: 50%;
    left: 10px;
    margin-top: -2.5px;
}
#nav i{
    margin: 0;
    font-size: 1rem;
    margin: 0 0.5rem 0 0;
}
#nav .sub-menu i{
    font-size: 1rem;
}
#nav .cartLink i{
    margin-right: 0;
}
#nav .cartLink span{
    display: none;
}

#searchForm{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1.3rem;
}
#searchForm .sBox{
    opacity: 0;
    width: 2rem;
    height: 32px;
    transition: all 0.5s;
}
#searchForm .sBox:hover{
    opacity: 1;
    width: 10rem;
}
#searchForm .sBox:focus{
    width: 20rem;
    opacity: 1;
    transition: all 0.4s;
    box-shadow: 0 2px 10px -3px;
}
#searchForm i{
    color: #000;
    font-size: 1rem;
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    z-index: -1;
}
#searchForm .sBtn{ display: none; }

#hmStatus{
    display: none;
    position: absolute;
    right: 4rem;
    top: 50%;
    margin-top: -1.25rem;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}
#hmStatus:after{
    font-family: 'Font Awesome 5 Free';
    font-size: 32px;
    content: '\f0c9';
    font-weight: bold;
}
#hmStatus:checked+#nav{
    display: block;
}

#wrap{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    grid-column-gap: 2rem;
}
#sidebar{
    padding-left: 2rem;
    border-left: 1px solid #dfdfdf;
}

#pageHead{
    padding: 3rem 0;
    background-color: #d4f6ff;
    position: relative;
    background-image: url(../svg/header.svg), linear-gradient(to right, #80fff6, #5aedff 70%, #77ffee);
    background-repeat: no-repeat;
    background-position: bottom right;
    border: 1px solid #dfdfdf;
    border-width: 1px 0;
}
#pageHead h1{
    line-height: 1.5;
}
#pageHead > hgroup{
    position: relative;
}
#pageHead .actionLinks{
    position: absolute;
    right: 0;
    top: 2rem;
    margin-top: -1.1rem;
}

.breadcrumb{
    font-size: 0.8rem;
    opacity: 0.3;
    color: #666;
}
.breadcrumb a{
    text-decoration: none;
    color: #666;
}
.breadcrumb:hover{
    opacity: 1;
}
.breadcrumb a:hover{
    text-decoration: underline;
}
.breadcrumb i.fa {
    margin: 0 0.25rem;
}
.breadcrumb_last{
    opacity: 0;
    display: none;
}

.entry > *{
    margin: 0 0 2rem 0;
}
.entry > div > *, .entry td > *{
    margin: 0 0 2rem 0;
}
.entry > div > *:last-child, .entry td > *:last-child{
    margin-bottom: 0;
}
.entry li pre{
    margin: 2rem 0;
}
.entry p, .entry li, .entry dd, .entry dt{
    font-size: 1.125rem;
    color: #333;
}
.entry a{
    color: #ff1766
}
.entry li{
    margin: 0 0 0.5rem 2rem;
    line-height: 2;
}
.entry li > ul, .entry li > ol{
    margin: 0.5rem 0;
}
.entry dd{
    margin: 2rem 0 2rem 2rem;
    border-left: 3px solid #ff1766;
    padding-left: 2rem;
}
.entry blockquote {
    padding: 2rem;
    border-width: 3px 0 0 0;
    background: #f7f7f7;
    margin: 2rem;
    border-radius: 5px;
}
.entry blockquote p{
    color: #333;
    font-size: 1.25rem;
}
.entry code{
    background: #fff8bc;
    color: #000;
    padding: 0.25rem 0.5rem;
    border-radius: 5px;
    font-size: 1rem;
    box-shadow: 0 1px 1px -1px;
}
.entry pre{
    background: #000 !important;
    padding: 2rem;
    color: #fff;
    border-width: 5px 0 0 0;
    overflow: auto;
    border-radius: 5px;
}
.entry pre code{
    background: none;
    padding: 0;
    border-radius: 0;
    font-size: inherit;
    box-shadow: none;
}
.entry table{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #dfdfdf;
}
.entry th, .entry td{
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    text-align: left;
}
.entry th{
    background: #ff1766;
    color: #fff;
    border-width: 0;
    padding: 0.75rem;
}
.entry td a{
    border-color: #fff;
    color: #000;
}
.entry .wp-post-image{
    width: 100%;
    height: auto;
    box-shadow: 0 5px 15px -5px #00000066;
}
.entry .attachment-post-thumbnail {
    border-radius: 5px;
}
.entry .bottomAd{
    text-align: center;
}
.entry dt{
    color: #000;
}

.entry figure{
    text-align: center;
}
.entry figure img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}
.entry figcaption {
    font-size: 0.8rem;
    color: #666666;
    margin-top: 1rem;
}
.entry figure.alignleft{
    float: left;
    margin: 0 1rem 1rem 0;
}
.entry figure.alignright{
    float: right;
    margin: 0 0 1rem 1rem;
}

.entryMeta{
    padding: 2rem 0;
}
.entryMeta > *{
    margin-right: 1rem;
}
.entryMeta em{
    display: inline-block;
    margin-right: 0.5rem;
    color: #666;
}
.entryMeta a{
    text-decoration: none;
}

.post-template-default .entry h2, .doc-template-default .entry h2{
    padding-bottom: 1rem;
    border-bottom: 1px solid #dfdfdf;
}

.widget{
    margin: 2rem 0 2rem 0;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 2rem;
}
.widget h3{
    margin: 0 0 2rem 0;
    text-transform: uppercase;
    font-size: 0.9rem;
    position: relative;
    letter-spacing: 0.0625rem;
    color: #000;
}
.widget h3 a{
    color: #000;
    text-decoration: none;
}
.widget ul{
    padding: 0 0 0 1rem;
    margin-top: -0.5rem;
}
.widget li{
    padding: 0.5rem 0 0.5rem 0.5rem;
    font-size: 0.9rem;
}
.widget li:last-child{
    padding-bottom: 0;
}
.widget li a{
    text-decoration: none;
    font-size: 1rem;
}
.widget li a:hover{
    text-decoration: underline;
}
.widget li ul {
    margin: 0.5rem 0 0 0;
}
.widget.widget_rss li{
    list-style-type: disc;
}
.widget p{
    font-size: 1rem;
}
.widget .bbp-forum-title{
    padding: 0;
    display: inline;
}
.widget p, .widget li{
    color: #555;
}
.widget:last-child{
    position: sticky;
    top: -1.5rem;
    border-bottom: none;
}
.widget .textwidget h3{
    margin: 2rem 0;
    border-top: 1px solid #dfdfdf;
    padding-top: 2rem;
}

.bottomBox{
    padding: 3rem 0;
    border-width: 5px 0;
    background: #5aedff url(../svg/header.svg);
    border: 1px solid #dfdfdf;
    border-width: 1px 0;
}
.bottomBox:empty {
    padding: 0;
    height: 20px;
}
.relPosts{
    margin-top: 2rem;
}
.relPosts li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.relPosts li a{
    background: #fff;
    padding: 1rem;
    text-decoration: none;
    color: #000;
    border-radius: 5px;
    box-shadow: 0 2px 5px -3px;
    display: block;
}
.relPosts li a:hover{
    opacity: 0.8;
}
.relPosts .relFtImg {
    line-height: 0;
    margin: -1rem -1rem 1rem -1rem;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    max-height: 100px;
    min-height: 140px;
    position: relative;
}
.relPosts .relFtImg img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    transform: translate(-50%,-50%);
    object-fit: cover;
}

.subEmailSec {
    padding: 4rem 0;
    background: #fcfcfc url('../svg/newsletter.svg') no-repeat;
    background-size: cover;
    border-top: 1px solid #dfdfdf;
}
.subEmailSec form {
    display: flex;
}
.subEmailSec .mc-field-group{
    padding-right: 3rem;
}
.subEmailSec .email {
    width: 100%;
    font-size: 1.25rem;
    padding: 1rem;
}
.subEmailSec p {
    font-size: 1rem;
    margin: 1rem 0 0 0;
    color: #666;
}
.subEmailSidebar .mc-field-group{
    display: flex;
    column-gap: 1rem;
}

#commentsBox{
    margin-top: 1rem
}
#commentsBox > h2{
    margin: 2rem 0;
}
#commentsBox .commentsCount{
    float: right;
    font-size: 1rem;
    opacity: 0.8;
    margin-top: 0.75rem;
}

#footer{
    margin: 2rem auto;
}
#footer a{
    text-decoration: none;
}
#footer a:hover{
    text-decoration: underline;
}
#footer .right{
    display: flex !important;
    justify-content: center;
    align-items: center;
}
#footer .right li{
    list-style: none;
    float: left;
    margin-right: 1.5rem;
}
#footer .right li:last-child{
    margin-right: 0;
}

/* Home */

.home a{
    text-decoration: none;
}
.home a:hover{
    text-decoration: underline;
}
.home #pageHead{
    padding: 5rem 0;
    background-image: url('../svg/header_home.svg'), url(../svg/header.svg), linear-gradient(to right, #80fff6, #5aedff 70%, #77ffee);
}
.home #pageHead .handWave{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 5rem;
    transition: transform 0.3s;
    transform-origin: bottom right;
}
.home #pageHead .handWave:hover{
    transform: rotate(20deg);
    text-decoration: none;
}
.home #pageHead h1{
    margin-bottom: 1.5rem;
    font-size: 5rem;
}
.home #pageHead p{
    font-size: 1.5rem;
    color: #666;
}
.home .ftSec{
    padding: 4rem 0;
}
.home h3, .home .h3{
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 1rem;
    color: #666;
    font-weight: bold;
}
.home .recent{
    font-size: 1rem;
    color: #666;
    padding: 2rem 0;
}
.home .recent .rRow{
    display: flex;
    justify-content: center;
    align-items: center;
}
.home .recent .rTitle {
    margin: 0;
    text-transform: none;
    font-size: 1.25rem;
    font-weight: normal;
}
.home .recent .rTag {
    background: #f7f7f7;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    color: #000;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    color: #000;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: bold;
}
.home .recent .rRow > * {
    margin: 0 2rem 0 0;
}
.home .recent .rLink {
    font-weight: bold;
    color: #ff1766;
}

.work{
    border-width: 1px 0;
    background: #fcfcfc url('../svg/work.svg') no-repeat;
    background-size: cover;
    border: 1px solid #dfdfdf;
    border-width: 1px 0;
}
.work .row{
    margin-bottom: 1rem;
}
.wFT{
    margin-bottom: 1rem;
}
.wFT .wThumb{
    margin: 0.5rem 2rem 0 0;
    line-height: 0;
}
.wFT .wThumb i{
    font-size: 32px;
    color: #ff1766;
}
.wFT > div{
    padding: 1rem;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}
.wFT h4{
    font-size: 1.5rem;
}
.wFT h4+a{
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #666;
}

.wMore{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-gap: 1rem;
}
.wMore li{
    display: flex;
    list-style: none;
    padding: 1rem;
    background: #fff;
    border-radius: 5px;
    font-size: 1.25rem;
    border: 1px solid #dfdfdf;
}
.wMore li i{
    margin: 0.5rem 1rem 0 0.5rem;
    font-size: 2rem;
    float: left;
    color: #ff1766;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.wMore li a{
    color: #333;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.125;
}
.wMore li a small{
    font-size: 10px;
    text-transform: uppercase;
    margin: 1rem 0 0 0;
    color: #666;
}

.hArticles{
    counter-reset: harticles;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 1rem;
}
.hArticles li{
    padding: 1rem 1rem 1rem 3rem;
    list-style: none;
    counter-increment: harticles;
    position: relative;
}
.hArticles li .haTitle{
    font-size: 1.5rem;
    display: block;
    margin: 0 0 1rem 0;
}
.hArticles li .haTitle:before{
    content: counter(harticles) ')';
    color: #ccc;
    margin: 0 1rem 0 0;
    position: absolute;
    left: 0.5rem;
}
.hArticles li:last-child{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hArticles li:last-child i{
    margin-left: 1rem;
}
.hArticles li:last-child a:before{
    display: none;
}
.hArticles .haTags, .hArticles .haTags a{
    color: #666;
}

.cts{
    background-color: #fcfcfc;
    border: 1px solid #dfdfdf;
    border-width: 1px 0 0 0;
}
.cts img{
    width: 100%;
    border-radius: 5px;
    border: 1px solid #dfdfdf;
}
.cts .desc{
    color: #666;
}
.cts em {
    background: #f7f7f7;
    padding: 1em 2em;
    margin: 0 0 1em 0;
    display: block;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    color: #333;
}
.cDate {
    background: #f7f7f7;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    color: #000;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: bold;
    margin: 0 0.5rem 0 0;
}

.flwBox {
    display: flex;
}
.flwBox > *{
    width: 100%;
}
.flwBox i{
    margin: 0 1rem 0 0;
}
.flwBox h3{
    margin: 0;
    padding-top: 0.25rem;
    font-size: 1.5rem;
    text-transform: none;
    color: #000;
}
.flwBox a {
    text-align: center;
    font-size: 1.25rem;
    text-decoration: none;
    padding: 0.5rem 0;
    color: #000;
}
.flwBox a:hover {
    border-radius: 5px;
    background: #fff;
    color: #ff1766 !important;
    text-shadow: none;
    text-decoration: none !important;
}

#wrap.onecolumn, .archive #wrap, #wrap.archive{
    display: block;
    margin-bottom: 2rem;
}
.archive main.aWrap{
    margin: 2rem 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 2rem;
}
.archive #pageHead p, #pageHead .desc{
    color: #666;
    margin: 0.5rem 0 0 0;
}
.aItem {
    padding: 2rem 2rem 6rem 2rem;
    border: 1px solid #dfdfdf;
    position: relative;
    border-radius: 5px;
}
.aItem .aContent p{
    color: #666;
}
.aItem h2{
    margin: 0 0 2rem 0;
}
.aItem h2 a{
    text-decoration: none;
}
.aItem h2 a:hover{
    text-decoration: underline;
}
.aItem .actionLinks{
    margin: 1rem 0 0 0;
}
.aItem .actionLinks li{
    float: right;
}
.aItem .actionLinks li:first-child a{
    margin-right: 0;
}
.aMeta {
    bottom: 2rem;
    left: 2rem;
    padding: 2rem 0 0 0;
    color: #666;
    position: absolute;
}
.aMeta a{
    color: #666;
    text-decoration: none;
}
.aMeta a:hover{
    text-decoration: underline;
}
.aMeta > *{
    margin-right: 1rem;
}
.aMeta .actionLinks{
    margin-top: 0;
}
.aMeta .actionLinks a{
    box-shadow: none;
}
.aMeta .actionLinks a:hover{
    text-decoration: none;
}
.aItem .featuredImg{
    margin: -2rem -2rem 2rem -2rem;
    display: block;
}
.aItem .featuredImg img{
    width: 100%;
    height: auto;
    border-radius: 5px 5px 0 0;
}

.aList > h2, .aList > h3{
    margin: 2rem 0;
}

.tileGroup{
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    display: grid;
    grid-gap: 1.5rem;
}
.tile{
    padding: 1rem;
    border: 1px solid #dfdfdf;
    text-align: center;
    border-radius: 5px;
}
.tile:nth-child(3n){
    margin-right: 0;
}
.tile .tileImage{
    width: 50px;
}
.tile .tileIcon{
    font-size: 50px;
    color: #666;
}
.tile .tileImageLink{
    display: inline-block;
    line-height: 0;
}
.tile > *{
    margin-bottom: 1rem;
}
.tile > *:last-child{
    margin-bottom: 0;
}
.tile p {
    font-size: 1rem;
}
.tile a {
    text-decoration: none;
}
.tile a:hover{
    text-decoration: underline;
}
.tile p{
    color: #666;
    font-style: normal;
    font-size: 1rem;
}
.tile p a{
    color: #666;
}
.tileHead{
    margin-bottom: 2rem;
}
.tileHead h2{
    margin-bottom: 1rem;
}
.tileHead h2 a{
    color: #000;
    text-decoration: none;
}
.tileHead h2 a:hover{
    text-decoration: underline;
}
.tileHead p{
    color: #666;
}
.tileHead img{
    margin-left: 1rem;
    width: 1.5rem;
}
.tileHasFooter{
    position: relative;
    padding-bottom: 4rem;
}
.tile footer{
    background: #f5f5f5;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #dfdfdf;
}
.tile footer a{
    color: #666;
}

.shop-page{
    padding: 2rem 0;
}

.actionLinks{
    display: inline-flex;
}
.actionLinks li{
    list-style: none;
    margin-right: 1rem;
}
.actionLinks li:last-child{
    margin-right: 0;
}
.actionLinks .noBtn{
    padding: 0.375rem 0;
    margin-right: 1rem;
}
.actionLinks .noBtn a{
    text-decoration: none;
}
.actionLinks .noBtn a:hover{
    text-decoration: underline;
}
.actionLinks .noBtn i{
    margin-right: 0.5rem;
}
.actionLinks .login_link .avatar{
    float: left;
    margin-right: 1rem;
    border-radius: 50%;
}

.hero{
    display: flex;
    flex-wrap: wrap;
}
.hero h1{
    font-size: 2.5rem;
    margin-bottom: 1.5rem !important;
}
.hero section > *{
    margin-bottom: 2rem;
}
.hero section > *:last-child{
    margin-bottom: 1.5rem;
}
.hero > .breadcrumb{
    width: 100%;
}
.hero .actionLinks{
    position: static !important;
    margin-top: 0 !important;
    display: flex;
}
.hero .tagLine {
    font-size: 4rem;
    line-height: 4.25rem;
    letter-spacing: -3px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}
.hero .tagLine span {
    font-style: italic;
}
.heroWrap{
    width: 100%;
}
.heroCol .heroWrap{
    display: flex;
}
.heroCol section {
    flex-basis: 60%;
    padding-right: 2rem;
}
.heroCol aside {
    flex-basis: 40%;
    text-align: center;
}
.heroCenter section{
    text-align: center;
    width: 100%;
}
.heroCenter section .actionLinks{
    justify-content: center;
}

.prodDesc{
    color: #666;
    font-size: 1.375rem;
}

.wcNarrow .container{
    max-width: 800px;
}
.wcNarrow #nav{
    display: none;
    background: #fff;
}
.wcNarrow #hmStatus{
    display: block;
}
.wcNarrow #hmStatus:checked+#nav {
    display: block !important;
}
.wcNarrow .subEmailSec{
    display: none;
}

div.woocommerce .shop_table{
    border-collapse: collapse !important;
    border-color: #dfdfdf;
}
div.woocommerce .wccoSection{
    margin-bottom: 1rem;
}
div.woocommerce a{
    text-decoration: underline;
    font-weight: bold;
}
div.woocommerce a:hover{
    text-decoration: none;
}
div.woocommerce p {
    font-size: 1.125rem;
    margin: 0 0 1rem 0;
    line-height: 1.8;
}
div.woocommerce th{
    background: #fff;
    color: #000;
    text-transform: uppercase;
    border-width: 0;
    font-size: 0.9em;
}
div.woocommerce h2, div.woocommerce h3{
    margin: 0 0 1rem 0
}
div.woocommerce em{
    color: #777;
}
div.woocommerce .coupon{
    margin: 0;
}
div.woocommerce .coupon .input-text{
    width: 100px !important;
}
div.woocommerce .renewal_notice {
    padding: 1rem;
    border: 1px solid #dfdfdf;
    margin-bottom: 1rem;
}
div.woocommerce ul.order_details {
    margin: 0 0 3rem;
    list-style: none;
    border: 1px solid #dfdfdf;
    padding: 1rem;
    border-radius: 5px;
}
div.woocommerce #respond input#submit, div.woocommerce a.button, div.woocommerce button.button, div.woocommerce input.button {
    display: inline-block;
    background: #0074D9 !important;
    text-transform: uppercase;
    padding: 0.7rem 1rem;
    color: #fff !important;
    text-decoration: none;
    border-radius: 5px;
    margin-right: 1rem;
    border: 0 !important;
    box-shadow: none;
    font-size: 0.8rem !important;
    text-shadow: none;
    font-weight: bold !important;
    font-family: inherit;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
    font-size: 1.25em !important;
    background: #1ab921 !important;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{
    padding: 0.5rem !important;
}
.cart_item dl.variation {
    margin: 0.5rem 0;
    color: #ff1766;
}
.cart_item dl.variation * {
    font-size: 0.9rem !important;
    line-height: 1;
}
.woocommerce-MyAccount-navigation{
    float: left;
    width: 20% !important;
    background: #fcfcfc;
    border: 1px solid #eee;
    border-radius: 5px;
}
.woocommerce-MyAccount-navigation a{
    padding: 0.75rem 1rem;
    text-decoration: none !important;
    font-weight: normal !important;
    display: block;
    border-bottom: 1px solid #eee;
}
.woocommerce-MyAccount-navigation a:hover{
    text-decoration: none !important;
    background: #eee;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 78% !important;
}
.woocommerce-MyAccount-content .my_account_orders {
    font-size: 1rem !important;
}
.licensesTable .domainsTable{
    display: none;
}
.licensesTable .domainsTable table{
    border: 1px solid #dfdfdf;
    border-top: none;
    width: 100%;
}
.licensesTable td{
    font-size: 0.9rem !important;
    padding: 9px !important;
}
.licensesTable th{
    font-size: 0.7rem !important;
}

/* Pricing table */

.pricingTable .iconList{
    margin-left: -2rem;
    margin-right: -2rem;
}
.pricingTable .iconList li{
    font-size: 1rem;
    border-bottom: 1px solid #eee;
    padding: 0 1rem 1rem 1rem;
    margin: 1rem 0;
}
.pricingTable .iconList li:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
.pricingTable .card header{
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.pricingTable h2 {
    font-size: 3rem;
}
.pricingTable h2 s {
    opacity: 0.2;
    font-size: 60%;
    vertical-align: middle;
}
.pricingTable .currency {
    font-size: 1.5rem;
    vertical-align: middle;
    margin: 0 5px 0 0;
    color: #888;
    vertical-align: super;
}
.pricingTable .savePercent{
    font-size: 1rem;
    vertical-align: middle;
    color: #1ab921;
    line-height: 1rem;
    display: inline-block;
    text-align: left;
}
.pricingTable > div:first-child, .pricingTable > div:last-child{
    padding-top: 3rem;
}
.pricingNote{
    background: #fffcde;
    border: 1px solid #ddd264;
    color: #333;
    padding: 0.75rem 3rem;
    border-radius: 5rem;
}
.pricingNote > strong{
    background: #1ab921;
    color: #fff;
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
}


/* Feature compare table */

.ctWrap.width75p{
    width: 75%;
    margin: 0 auto;
}
.ctWrap.width50p{
    width: 50%;
    margin: 0 auto;
}

.compareTable{
    display: inline-table;
    margin: 0 auto;
    font-size: 1.125rem;
}
.compareTable td:not(:first-child), .compareTable th:not(:first-child) {
    text-align: center;
}
.compareTable td:not(:first-child) a:hover:not(.button) {
    opacity: 0.3;
}
.compareTable td, .compareTable th{
    padding: 0.75rem 1rem;
}
.compareTable .fa-check{
    color: #3cbd42;
}
.compareTable .fa-times{
    color: #FF4136;
}

#pNav{
    box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.3);
}
#pNav .container{
    display: flex;
    align-items: center;
    justify-content: center;
}
#pNav li a{
    padding: 1rem 2rem;
    text-decoration: none;
    color: #000;
    display: block;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1px;
}
#pNav li a:hover{
    text-decoration: none;
    background: #eee;
}
#pNav li a.button{
    height: 2.5rem;
    line-height: 0.5rem;
    margin-left: 1rem;
    display: none;
    font-size: 0.9rem !important;
}
#pNav li a.button:hover{
    background: #ff1766;
}
#pNav.fixedHeader{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    background: #fff;
}
#pNav.fixedHeader a{
    padding: 1rem 2rem;
}
#pNav.fixedHeader li a.button{
    display: block;
}
#pNav .navTitle span:first-child{
    display: none;
}
#pNav .navTitle span:last-child{
    display: block;
}
#pNav .navTitle span:first-child i{
    margin-right: 0.5rem;
}
#pNav.fixedHeader .navTitle span:first-child{
    display: block;
    text-transform: none;
    letter-spacing: normal;
}
#pNav.fixedHeader .navTitle span:last-child{
    display: none;
}
#pNav.fixedHeader .navTitle{
    margin-right: auto !important;
}
#pNav.fixedHeader .navTitle.smallFont{
    font-size: 0.8rem;
}
#pNav.fixedHeader .navTitle a{
    font-weight: bold;
    opacity: 0.7;
    padding: 1rem;
}
#pageHead.fixedHeaderMargin{
    margin-bottom: 3rem;
}

.wpInfo {
    background: rgba(255, 255, 255, 0.6);
    padding: 0.5rem 1rem;
    border-radius: 5px;
    display: inline-block;
    box-shadow: 0 1px 4px -3px #000;
}
.wpInfo > span {
    margin-right: 1rem;
    border-right: 1px solid #e0e0e0;
    padding-right: 1rem;
    display: inline-block;
}
.wpInfo > span:last-child{
    padding-right: 0;
    border:0;
    margin-right: 0;
}
.wpInfo a{
    text-decoration: none;
}
.wpInfo a:hover{
    text-decoration: underline;
    opacity: 0.8;
}
.lightText .wpInfo{
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}
.lightText .wpInfo a{
    color: #fff;
}
.lightText .wpInfo > span {
    border-right-color: #333;
}

.wp-pagenavi{
    margin: 1rem 0;
}
.wp-pagenavi > * {
    background: #fff;
    padding: 0.5rem 1rem;
    text-decoration: none;
    color: #000;
    border-radius: 5px;
    box-shadow: 0 2px 5px -3px;
    margin: 0 0.5rem 0 0;
}
.wp-pagenavi > span{
    opacity: 0.7;
}
.wp-pagenavi > a:hover{
    opacity: 0.7;
}

/* Coffee */
.coffeeBtns {
    text-align: center;
    margin: 2rem !important;
    float: right;
    width: 30%;
}
.coffeeAmt {
    padding: 5px;
    font-size: 22px;
    margin-bottom: 2rem;
}
.coffeeBtns > * {
    width: 100%;
}
.coffeeWrap {
    border: 1px solid #ff6501;
    padding: 2rem;
    position: relative;
}
.coffeeWrap:before {
    content: '';
    display: block;
    position: absolute;
    left: -1px;
    right: -1px;
    background-image: linear-gradient(126deg, #ff1766, #ffc41d);
    height: 5px;
    top: -5px;
    border-radius: 5px 5px 0 0;
}
.coffeeWrap h2{
    font-size: 2rem;
}

/* Follow us */
.followUs > ul {
    padding: 0 !important;
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
}
.followUs > ul li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.followUs > ul a {
    font-size: 1.5rem !important;
    padding: 0.5rem 1rem;
    color: #000;
}
.followUs > ul a:hover{
    color: #333;
}


/* Banners */
#productBanners, #amBanners{
    text-align: center;
    line-height: 0;
}
#productBanners img, #amBanners img{
    width: 300px;
    border-radius: 5px;
    margin: 0;
    transition: transform 0.25s;
    border: 1px solid #dfdfdf;
    box-sizing: content-box;
}
#productBanners img:hover {
    opacity: 0.5;
}
#productBanners span{
    position: relative;
    display: inline-block;
}
#productBanners .prodMore{
    position: absolute;
    bottom: 1rem;
    right: 0;
    text-decoration: none;
    font-size: 0.7rem;
    background-color: #fff;
    border-radius: 5px 0 0 5px;
    padding: 5px 10px;
}
#productBanners .prodMore:hover{
    background-color: #ff1766;
    color: #fff;
}
#productBanners span:nth-child(2) {
    margin-top: 1rem;
}

/* Doc page */
#wrap.docWrap{
    grid-template-columns: 300px minmax(0, 1fr);
    grid-column-gap: 0;
}
.docWrap main{
    border-left: 1px solid #dfdfdf;
    padding-left: 2rem;
}
.docWrap main:first-child {
    border: none;
}
.docWrap #sidebar{
    padding-left: 0;
    border-left: 0;
}
.docWrap h3 a:hover{
    text-decoration: underline;
}
.docNav{
    padding: 0 !important;
    margin: 0 !important;
}
.docNav li{
    padding: 0;
    list-style: none;
}
.docNav li a {
    padding: .5rem 0 .5rem 1rem;
    display: block;
}
.docNav li a:before{
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 1rem;
}
.docNav li a:hover {
    text-decoration: none;
    background-color: #eee;
}
.docNav li.currentPage > a{
    background-color: #f7f7f7;
    color: #000;
}
.docNav li.currentPage a:hover{
    text-decoration: none;
    opacity: 0.8;
}
.docNav li ul{
    margin: 0 0 0 1.5rem !important;
}

.bDocNav .docNav {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-gap: 1.5rem;
}

.bDocNav .docNav li{
    padding: 0;
    text-align: center;
    margin: 0;
}
.bDocNav .docNav li:nth-child(3n){
    margin-right: 0;
}
.bDocNav .docNav li a{
    border: 1px solid #dfdfdf;
    text-decoration: none;
    border-radius: 5px;
    font-size: 1.5rem;
    padding: 1rem;
}
.bDocNav .docNav li a:before{
    display: none;
}
.bDocNav .docNav .docNav {
    display: none;
}
.bDocNav.prevNext .docNav{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bDocNav.prevNext li i{
    margin: 0 1rem;
}

.single-doc p > img {
    max-width: 100%;
}

/* Newsletter */
.cWrap h3 a, .cReddit a{
    color: #000;
}
.cWrap a{
    text-decoration: none;
}
.cWrap a:hover{
    text-decoration: underline;
}
.cGroup{
    display: flex;
    flex-wrap: wrap;
}
.cGroup > div{
    flex-basis: 50%;
}
.cGroup > div {
    flex-basis: calc(50% - 1rem);
    padding: 2rem;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    margin: 0 0 2rem 0;
}
.cGroup > div:nth-child(2n+1){
    margin-right: 2rem;
}
.cGroup > div > * {
    margin-bottom: 2rem;
}
.cGroup > div > *:last-child {
    margin-bottom: 0;
}
.cImage {
    display: block;
    line-height: 0;
    margin: -2rem -2rem 2rem -2rem;
}
.cImage img{
    width: 100%;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #dfdfdf;
}
.cMore{
    font-weight: bold;
    font-size: 1rem;
}
.cMore:after{
    font-family: 'Font Awesome 5 Free';
    content: '\f061';
    margin-left: 1rem;
}
.cIntro {
    display: flex;
    flex-wrap: nowrap;
    padding: 2rem;
    margin: 2rem 0;
    background: linear-gradient(to right, #c9f9ff, #fffed2);
    border-radius: 5px;
    border: 1px solid #dfdfdf;
    background-size: cover;
    background-position: bottom;
    box-shadow: 0 5px 15px -5px #00000066;
}
.cCoverSide {
    width: 100%;
    padding: 0 0 0 2rem;
}
.cCoverSide > *{
    margin-bottom: 1rem;
}
.cCoverSide > *:last-child{
    margin-bottom: 0;
}
.cCover{
    line-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cCoverImg {
    border-radius: 5px;
    border: 1px solid #dfdfdf;
    box-shadow: 0 5px 15px -5px #00000066;
}
.cInfo{
    font-size: 1rem;
    color: #666;
}
.cActions a{
    color: #ff1766;
    margin: 0 2rem 0 0;
    font-size: 1rem;
    text-decoration: none;
    font-weight: bold;
}
.cActions a:hover{
    text-decoration: underline;
}
.cActions a > i{
    margin-right: 0.5rem;
}
.cListItem .aContent{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
}
.cThumbnail img{
    width: 150px;
    margin: 0 0 0 2rem;
}
.cListItem .aContent li {
    margin: 0 0 1rem 2rem;
    color: #666;
}
.cFields{
    display: flex;
    flex-wrap: nowrap;
}
.cFields .email{
    width: 100%;
    margin-right: 1rem;
}
.cSidebar{
    display: flex;
}
.cSideImg{
    padding-right: 2rem;
}
.cSideImg+div{
    width: 100%;
}
.cBox{
    border: 1px solid #dfdfdf;
    padding: 2rem;
    border-radius: 5px;
}
.cJoke {
    position: relative;
    font-style: italic;
    text-align: center;
    background: #fcfcfc;
    padding: 2rem 4rem;
}
.cJoke:before {
    content: '❝';
    position: absolute;
    top: 50%;
    left: 1rem;
    font-size: 50px;
    margin-top: -25px;
    color: #ff1766;
}
.cJoke:after {
    content: '❞';
    position: absolute;
    top: 50%;
    right: 2rem;
    font-size: 50px;
    margin-top: -25px;
    color: #ff1766;
}
.cAff:after{
    content: '';
    display: block;
    clear: both;
}
.cAff h3{
    text-align: center;
}
.cAff img{
    float: right;
    max-width: 336px;
    padding: 0 0 1rem 1rem;
}

/* Projects page */
.projects .thumbnail{
    float: left;
    margin: 0.5rem 1.5rem 0 0;
}
.projects .thumbnail.featured{
    margin: 0 0 1rem 0;
}
.projects .clearfix {
    border: 1px solid #dfdfdf;
    padding: 1.5rem 2rem;
    margin: 0;
    border-radius: 5px;
}
.projects .title{
    font-size: 1.5rem;
    text-decoration: none;
    font-weight: bold;
}
.projects .title:hover{
    text-decoration: underline;
}
.projects p {
    margin-top: 1rem;
}

/* Share button */
.shareWrap{
    margin: 0;
    position: sticky;
    top: 0;
}
.shareBar{
    position: absolute;
    top: 4rem;
    left: -8rem;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 8px;
}
.shareBar a{
    width: 32px;
    height: 32px;
    font-size: 22px;
    margin: 0 0 8px 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    justify-content: center;
    border-radius: 5px;
    color: #000;
}
.shareBar a:hover{
    opacity: 0.7;
}
.shareBar a:last-child{
    margin: 0;
}
.shareTitle{
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0 0 8px 0;
}
a.s-facebook{ color: rgb(8, 102, 255);}
a.s-linkedin{ color: rgb(0, 123, 181);}
a.s-reddit{ color: rgb(255, 69, 0);}
a.s-mastodon{ color: rgb(99, 100, 255);}

/* Buttons */

.button{
    display: inline-block;
    font-weight: bold;
    background: #ff1766;
    text-transform: uppercase;
    padding: 0.75rem 1.5rem;
    color: #fff !important;
    text-decoration: none;
    border-radius: 5px;
    margin-right: 1rem;
    border: 1px solid transparent;
    font-size: 1rem;
    cursor: pointer;
}
.button:last-child{
    margin-right: 0 !important;
}
.button i {
    padding-right: 0.5rem;
    font-size: 1rem;
}
.button:hover{
    opacity: 0.8;
    text-decoration: none !important;
}
.button.btnFullWidth {
    width: 100%;
}

.btnBlack{
    background: #000;
    color: #fff;
}
.btnWhite{
    background: #fff;
    color: #000 !important;
}

.btnSmall{
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
}
.btnSmall i{
    font-size: 1rem;
    padding-right: 0.5rem;
}

.btnWire{
    box-shadow: none;
    text-shadow: none;
    border: 1px solid !important;
    background: transparent !important;
    letter-spacing: 1px;
    color: #ff1766 !important;
}
.btnWire:hover{
    opacity: 0.5;
}
.btnWire.btnBlack{
    color: #000 !important;
}
.btnWire.btnWhite{
    color: #fff !important;
}
.btnPlain{
    border-color: transparent !important;
}
.btnPlain.btnNoPad{
    padding-left: 0;
    padding-right: 0;
}

/* Landing page helpers */

.ftSec{
    padding: 5rem 0;
}
.ftSec .entry > *:last-child{
    margin-bottom: 0;
}
.ftSec .entry.overflowShow{
    overflow: visible;
}
.ftSec h2{
    margin-bottom: 1.5rem;
}
.ftSec h2:after{
    content: '';
    width: 3rem;
    height: 3px;
    display: block;
    background: #ddd;
    margin-top: 1.5rem;
}
.ftSec h2.center:after{
    margin: 1.5rem auto 0 auto;
}
.ftSec h5{
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 1rem;
    color: #b3b3b3;
    letter-spacing: 2px;
}
.ftSec .fullImage{
    width: 100%;
    height: 100%;
}
.ftSec h2 i, .ftSec h3 i, .ftSec h4 i{
    margin-right: 0.5rem;
}
.ftSec .subHead{
    margin-top: -1.5rem;
}

.ftSec.lightText{
    color: #fff;
}
.ftSec.lightText p{
    color: #ccc;
}
.ftSec.lightText h5{
    color: #fff;
}
.ftSec.whiteText{
    color: #fff;
}
.ftSec.whiteText p{
    color: #fff;
    opacity: 0.7;
}
.ftSec.whiteText h5{
    color: #fff;
    opacity: 0.7;
}

.ftSec.bgDark{
    background-color: #000;
}
.ftSec.bgGray{
    background-color: #f7f7f7;
}

.hero.lightText h1, .hero.lightText .prodDesc, .hero.lightText .actionLinks .btnWire, .hero.lightText .breadcrumb, .hero.lightText .breadcrumb a, .hero.lightText .tagLine{
    color: #fff !important;
}
.hero.lightText .prodDesc{
    opacity: 0.9;
}

/* Rows */

.row{
  display: flex;
}
.row > .col-1{
  flex-basis: 8.333%;
}
.row > .col-2{
  flex-basis: 16.666%;
}
.row > .col-3{
  flex-basis: 25%;
}
.row > .col-4{
  flex-basis: 33.333%;
}
.row > .col-5{
  flex-basis: 41.666%;
}
.row > .col-6{
  flex-basis: 50%;
}
.row > .col-7{
  flex-basis: 58.333%;
}
.row > .col-8{
  flex-basis: 66.666%;
}
.row > .col-9{
  flex-basis: 75%;
}
.row > .col-10{
  flex-basis: 83.333%;
}
.row > .col-11{
  flex-basis: 91.666%;
}
.row > .col-12{
  flex-basis: 100%;
}
.row > *{
    margin-right: 2rem !important;
}
.row > *:last-child{
    margin-right: 0 !important;
}
.row.justify{
    justify-content: space-between;
}
.row.reverse{
    flex-direction: row-reverse;
}

/* Grid */

.grid{
    display: grid;
    grid-gap: 1rem;
    width: 100%;
}
.grid.gsize2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid.gsize3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid.gsize4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid.gsize5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid > *{
    padding: 0 1rem;
}

.row > * > *, .grid > * > *{
    margin-bottom: 1rem;
}
.row > * > *:last-child, .grid > * > *:last-child{
    margin-bottom: 0;
}

/* Icons for list items */

.iconList li {
    margin-left: 0;
    list-style: none;
}
.iconList li:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-right: 1rem;
}
.iconList.tick li:before{
    color: #3cbd42;
    content: '\f00c';
}
.iconList.tick2 li:before{
    color: #3cbd42;
    content: '\f058';
}
.iconList.angle li:before{
    color: #1769ff;
    content: '\f105';
}
.iconList.cross li:before{
    color: #FF4136;
    content: '\f00d';
}

/* Grid list */

.listGrid > div{
    text-align: center;
}
.listGrid > div i{
    display: block;
    margin: 0 0 1rem 0;
    font-size: 2rem;
}
.listGrid > div p{
    font-size: 1rem;
}
.listGrid.listLeft > div{
    text-align: left;
    padding-left: 4rem;
    position: relative;
}
.listGrid.listLeft h3 i{
    font-size: 2rem;
    position: absolute;
    left: 0;
    top: 0.5rem;
}

/* Card */

.card{
    box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.3);
    padding: 2rem 2rem;
    border-radius: 5px;
    background-color: #fff;
    color: #000;
}
.cardSimple{
    padding: 2rem 2rem !important;
    background: #f7f7f7;
}
.card > *{
    margin-bottom: 1rem;
}
.card > *:last-child{
    margin-bottom: 0;
}
.card p, .card li{
    color: #666 !important;
}
.card header {
    margin: -2rem -2rem 2rem -2rem;
    padding: 1.4rem;
    background: #f7f7f7;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 5px 5px 0 0;
}
.card footer {
    margin: 2rem -2rem -2rem -2rem !important;
    background: #f7f7f7;
    border-radius: 0 0 5px 5px;
    padding: 1.5rem;
    border-top: 1px solid #e1e1e1;
}
.cardImage, .card > .iconImage{
    width: calc(100% + 4rem);
    margin: 1rem -2rem;
}
.cardImageTop{
    margin: -2rem -2rem 1rem -2rem !important;
    border-radius: 5px 5px 0 0;
}

/* Multi columns */

.column2{
    column-count: 2;
    column-gap: 2rem;
}
.column3{
    column-count: 3;
    column-gap: 2rem;
}
.column4{
    column-count: 4;
    column-gap: 2rem;
}
.column5{
    column-count: 5;
    column-gap: 2rem;
}

/* Accordion */

.accordion h3{
    position: relative;
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    border-radius: 5px;
    background: rgb(0 0 0 / 5%);
    cursor: pointer;
    font-size: 1.125rem;
}
.accordion h3:after{
    font-family: 'Font Awesome 5 Free';
    content: '\f0d7';
    position: absolute;
    right: 1rem;
    font-weight: bold;
}
.accordion h3:hover{
    background: rgb(0 0 0 / 10%);
}
.accordion h3+p, .accordion h3+div{
    display: none;
    margin: 0 2rem 2rem 2rem;
}

/* Gallery */

.gallery{
    display: grid;
    grid-gap: 2rem;
}
.gallery-item{
    text-align: center;
    margin-bottom: 0 !important;
}
.gallery-item a{
    border-bottom: none;
}
.gallery-icon{
    line-height: 0;
}
.gallery-icon:hover{
    opacity: 0.5;
}
.gallery-icon img{
    width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 2px 4px -1px #00000080;
}
.gallery-caption{
    margin-top: 1rem;
    font-size: 0.85rem;
    color: inherit;
    opacity: 0.9;
}
.gallery-columns-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gallery-columns-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.gallery-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gallery-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.gallery-columns-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
a[data-lightbox] {
    position: relative;
}
a[data-lightbox]:hover:after{
    font-family: "Font Awesome 5 Free";
    content: '\f00e';
    color: white;
    font-weight: bold;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: 32px;
    height: 32px;
    background: rgb(0 0 0 / 70%);
    text-align: center;
    border-radius: 5px;
    line-height: 32px;
}

/* Tabs */

.tabList > *{
    padding: 1rem;
    border-radius: 5px;
    display: flex;
    flex-wrap: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
}
.tabList > *.active{
    background: #ff1766;
    box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    color: #fff;
}
.tabList > *.active p{
    color: #fff;
    opacity: 0.8;
}
.tabList > *:not(.active):hover{
    background: #fff;
}
.tabList > .active:hover{
    opacity: 0.8;
}
.tabList > * p {
    font-size: 1rem;
    line-height: 1.8;
}
.tabList > * h3 {
    font-size: 1.125rem;
    margin: 0 0 0.5rem 0;
}
.tabList > * h3:last-child {
    margin: 0;
}
.tabList .tabIcon {
    font-size: 2rem;
    padding: 0 1rem 0 0.5rem;
}
.lightText .tabList > *{
    color: #fff;
}
.tabList > *:not(.active):hover{
    color: #000;
}
.tabList.hzl {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    margin: 1rem 0;
}
.tabList.hzl > * {
    margin: 0.5rem;
}
.tabList.hzl > *:last-child {
    margin-bottom: 0.5rem;
}

.tabContent > [data-tc]{
    display: none;
}
.tabContent > [data-tc].active{
    display: block;
}


/* Images */

.iconImage {
    background-image: none;
    color: #fff;
    padding: 2rem;
    font-size: 3rem;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.ftImage{
    border-radius: 0.5rem;
    border-width: 3px 0;
    box-shadow: 0 13px 27px -5px hsla(240, 30.1%, 28%, 0.25), 0 8px 16px -8px hsla(0, 0%, 0%, 0.3), 0 -6px 16px -6px hsla(0, 0%, 0%, 0.03);
}
.thumbnail{
    border-radius: 5px;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.5);
}
.thumbnail img{
    border-radius: 5px;
}
.ftUserThumb{
    width: 3em;
    height: 3em;
    border-radius: 50%;
    float: right;
    margin-left: 2rem;
}

/* Section backgrounds */

.secBg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.secReviews{
    background-image: url(../svg/bg_reviews.svg);
    padding: 6rem 0;
}
.secFeatures{
    background-image: url(../svg/bg_features.svg);
}
.secPricing{
    background-image: url(../svg/bg_pricing.svg);
}
.secGetStarted{
    background-image: url(../svg/bg_get_started.svg);
}
.secPro{
    background-image: url(../svg/bg_pro.svg);
    background-position: top;
}

/* Forms */
form p {
    margin-bottom: 2rem;
}
form p label select, form p label input[type="text"], form p label input[type="url"], form p label input[type="email"], form p label textarea, form p label input[type="search"]{
    width: 100%;
    margin: 0;
    padding: 1rem !important;
    font-size: 1.125rem;
    border: 1px solid #ccc;
}
.wpcf7-form label, form.renew label{
    display: block;
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
}
.wpcf7-form label > span, form.renew label > span{
    display: block;
    margin: 1rem 0 0 0;
}

/* Contact form */
.wpcf7-form em {
    color: #888;
    font-style: normal;
    font-size: 1rem;
    margin-top: 0.5rem;
    display: block;
}
.wpcf7-form .contactSupport{
    display: none;
}
.wpcf7-form .supportIcon{
    float: right;
    font-size: 7rem;
    padding: 2rem;
    margin: 0 0 0 2rem;
}
.wpcf7-form ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 2rem 0;
}
.wpcf7-form ul li{
    width: 25%;
    padding: 0.5rem 1rem;
}


/* Renewal form */
.upgList li {
    list-style: none;
    margin: 0 0 0.5rem 0;
}
.upgList li span{
    margin: 0 !important;
    width: 100%;
}
.upgList li input{
    display: none;
}
.upgList li > label{
    display: flex;
    text-transform: none;
    font-weight: normal;
    border: 2px solid transparent;
    padding: 0.5rem;
    border-radius: 5px;
    cursor: pointer;
}
.upgList li > label:hover{
    background-color: #f5f5f5;
}
.upgList li em{
    display: block;
    margin: 0.5rem 0 0 0;
}
.upgList img {
    width: 60px;
    border-radius: 5px;
    margin: 0 1rem 0 0;
    height: 60px;
}
.upgList input:checked + label{
    border-color: #ff1766;
}
.directList{
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.directList .tile{
    font-size: 1.125rem;
    border: 2px solid #dfdfdf;
    margin: 0;
    cursor: pointer;
}
.directList .tile:hover{
    background: #f5f5f5;
}
.directList .tile.active{
    border-color: #ff1766;
}

/* Terms popup */
#termsPop{
    position: fixed;
    display: none;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    left: 1rem;
    bottom: 1rem;
    background: #fff;
    padding: 0.75rem;
    width: 14rem;
}
#termsPop p{
    font-size: 0.75rem;
    line-height: 1.5rem;
}
#termsPop a{
    text-underline-offset: auto;
}
#termsPop button{
    float: right;
    border: 0;
    background: #dfdfdf;
    padding: 5px 10px;
    border-radius: 5px;
}

/* Helpers */

.clearfix::after, .container::after{
    content:"";
    display:table;
    clear:both
}

.left{
    float: left;
    text-align:left;
}
.right{
    float: right;
    text-align:right;
}
.center{
    text-align:center
}
.centerVertical{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shrinkRight{
    padding-right: 10rem;
}
.shrinkLeft{
    padding-left: 10rem;
}
.white, .white a{
    color: #fff !important;
}
.black, .black a{
    color: #000 !important;
}
.red, .red a{
    color: #FF4136 !important;
}
.green, .green a{
    color: #1ab921 !important;
}
.blue, .blue a{
    color: #0074D9 !important;
}

.bgGradBlue{
    background-image: linear-gradient(to right, #1769ff, #139dff) !important;
}
.bgGradGreen{
    background-image: linear-gradient(to right, #1ab921, #aeeb1b) !important;
}
.bgGradOrange{
    background-image: linear-gradient(to right, #ff6501, #ffc41d) !important;
}
.bgGradPink{
    background-image: linear-gradient(to right, #ff1766, #ff17d8) !important;
}

.brdGreen{
    border: 1px solid #1ab921;
}
.brdBlue{
    border: 1px solid #1769ff;
}
.brdOrange{
    border: 1px solid #ff6501;
}
.brdPink{
    border: 1px solid #ff1766
}

.iconGreen i{
    color: #1ab921;
}
.iconYellow i{
    color: yellow;
}
.iconBlue i{
    color: #1769ff;
}

.mb1{
    margin-bottom: 1rem;
}
.mb2{
    margin-bottom: 2rem !important;
}
.mb3{
    margin-bottom: 3rem !important;
}
.mb4{
    margin-bottom: 4rem !important;
}
.mb5{
    margin-bottom: 5rem !important;
}
.mb6{
    margin-bottom: 6rem !important;
}

.mt5{
    margin-top: 5rem !important;
}

.ph1{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.ph15{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
.ph2{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.shrink1{
    transform: scale(0.8);
}
.shrink2{
    transform: scale(0.85);
}
.shrink3{
    transform: scale(0.9);
}
.shrink4{
    transform: scale(0.95);
}

.uppercase{
    text-transform: uppercase;
}

.hide-sm{
    display:none
}

.fsize07{
    font-size: 0.7rem !important;
}
.fsize1{
    font-size: 1rem !important;
}
.fsize15{
    font-size: 1.5rem !important;
}
.fsize2{
    font-size: 2rem !important;
}

/* Misc */

.tableWrap{
    overflow-x: auto;
    width: 100%;
}
.prettyprint .vglnk{
    color: #fff !important;
}
.ratingStars, .ratingStars i.fa{
    color: #ff6501 !important;
    margin-right: 0.125rem;
}
.sLink a, .sLink{
    text-decoration: none;
}
.sLink a:hover, .sLink:hover{
    text-decoration: underline;
}
.note, .info{
    padding: 1.5rem;
    color: #666;
    border-radius: 5px;
}
.note:before{
    content: '\f06a';
    font-family: 'Font Awesome 5 Free';
    margin: 0 0.5rem 0 0;
    font-weight: bold;
}
.note{
    background: #fffcde;
}
.info{
    background: #f4faff;
}
.anchor{
    display: none;
    margin-left: 0.5rem;
    text-decoration: none;
}
.anchor:hover{
    text-decoration: underline;
}
h2:hover .anchor, h3:hover .anchor{
    display: inline-block;
}
h1 mark{
    background: #fff3b0;
    font-size: 2.25rem;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    font-weight: 500;
    font-style: italic;
}
.badge{
    background: #fff3b0;
    font-size: 0.6em;
    padding: 0.25rem 0.5rem;
    border-radius: 5px;
    margin: 0 0 0 0.5rem;
}
.priceStrikeout{
    font-size: 80%;
    opacity: 0.3;
}
.fsForm{
    display: flex;
    flex-wrap: nowrap;
    margin-top: 1em;
}
.fsForm input{
    width: 100%;
    margin-right: 1em;
}

#nsl-custom-login-form-1 .nsl-container {
    display: block !important;
}
.gsc-control-cse{
    padding: 0 !important;
    margin-bottom: 2rem;
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result{
    font-family: Inherit !important;
    font-size: 1rem !important;
}
.gsc-result .gs-title{
    text-decoration: none !important;
    height: auto !important;
}
.gsc-result .gs-title *{
    font-size: 1.25rem !important;
    text-decoration: none !important;
    color: #ff1766 !important;
    font-weight: bold;
}
.gsc-result .gs-title:hover * {
    text-decoration: underline !important;
}
.gs-web-image-box {
    margin: 0.5rem 1rem 0 0 !important;
}
.gcsc-branding-clickable{
    line-height: 20px;
}
.gsc-webResult .gsc-result {
    padding: 2rem 0 !important;
    border-bottom: 1px solid #dfdfdf !important;
}
.gsc-cursor-page {
    color: #000 !important;
    padding: 1rem;
    font-weight: bold;
}
.gsc-results .gsc-cursor-box {
    margin: 2rem 0;
}
.gs-visibleUrl-breadcrumb span:first-child {
    display: none;
}
.gs-image {
    border: none !important;
}

i[data-text]{
    position: relative;
}
i[data-text]:after{
    content: attr(data-text);
    position: absolute;
    top: -1rem;
    right: -1rem;
    background: #ff1766;
    color: #fff;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    text-align: center;
    font-size: 0.7rem;
    font-family: sans-serif;
    font-weight: normal;
    line-height: 1rem;
}


@media screen and (max-width: 1150px){
    html{
        font-size: 13px;
    }
    .container, .containerSmall{
        width: 100%;
        padding: 0 2rem;
    }
    #pageHead .actionLinks{
        right: 1rem;
    }
    .shop-page{
        padding: 2rem;
    }
    .home #pageHead .handWave{
        right: 3rem;
    }
}

@media screen and (max-width: 950px){
    #wrap{
        grid-template-columns: 100%;
    }
    #sidebar{
        padding-left: 0;
        border-left: 0;
    }
    .aItem {
        width: 100%;
    }
    .breadcrumb{
        opacity: 0.6;
    }
    #wrap.docWrap{
        grid-template-columns: 100%;
    }
    .docWrap main{
        border-left: none;
        border-top: 1px solid #dfdfdf;
        padding-left: 0;
    }
    .ctWrap.width50p, .ctWrap.width75p{
        width: 100%;
    }
    .widget .wWrap {
        margin-left: 0;
    }
    .followUs {
        text-align: center;
    }
    .followUs > ul{
        justify-content: center;
    }
    .subEmailSidebar{
        display: none;
    }
}
/* Start mobile */
@media screen and (max-width: 700px){
    .archive main.aWrap{
        grid-template-columns: 100%;
    }
    .sec1, .sec2{
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }
    #nav{
        display: none;
        top: 6.8rem;
        right: 0;
        background: #fff;
        box-shadow: 0 2px 6px -3px;
        z-index: 9999;
        left: 0;
        margin: 3px 0 0 0;
    }
    #nav a{
        font-size: 1.5rem;
        padding: 1rem 2rem;
    }
    #nav .sub-menu{
        display: block;
        position: static;
        float: none;
        margin: 0 2rem;
        border-left: 2px solid #f2f2f2;
        padding: 0 1rem;
        border-radius: 0;
        box-shadow: none;
    }
    #nav li:hover a{
        box-shadow: none;
    }
    #nav .cartLink i{
        margin-right: 0.5rem;
    }
    #nav .cartLink span{
        display: inline-block;
    }
    .menu li{
        float: none !important;
    }
    #hmStatus{
        right: 6rem;
        display: block;
        cursor: pointer;
    }
    #searchForm{
        right: 2rem;
    }
    #searchForm i {
        font-size: 2rem;
        margin-top: -1rem;
    }
    #pageHead{
        text-align: center;
    }
    #pageHead h1{
        text-align: center;
    }
    #pageHead .actionLinks{
        position: static;
        display: inline-flex;
        margin: 1rem 0 0 0;
    }
    .heroCol .heroWrap{
        display: block;
    }
    .heroCol section{
        padding: 0;
        margin-bottom: 2rem;
    }
    .heroCol aside{
        display: block;
    }
    .heroCol section .actionLinks{
        justify-content: center;
    }
    .entry .video iframe{
        width: 100%;
    }
    .entryMeta{
        text-align: center;
    }
    .entryMeta em{
        display: none;
    }
    .widget h3{
        margin-left: 0;
        text-align: center;
    }
    .archive .breadcrumb, .page .breadcrumb{
        display: none;
    }
    .archive #pageHead p{
        text-align: center;
    }
    .aItem h2{
        text-align: center;
    }
    .projects .clearfix{
        margin: 0 0 -1px 0;
    }
    .hero .actionLinks{
        text-align: center;
    }
    .hero .actionLinks li{
        display: inline-block;
    }
    .home h3, .home h2{
        text-align: center;
    }
    .home h2:after{
        margin: 1.5rem auto 0 auto;
    }
    .home #pageHead .handWave img{
        width: 4rem;
    }
    .home .recent .rRow{
        display: block;
        text-align: center;
    }
    .home .recent .rRow > *{
        margin: 0 0 1rem 0;
    }
    .home .recent .rTag{
        display: inline-block;
    }
    .wSL .bigThumb{
        margin-top: 2rem;
    }
    .hArticles{
        display: block;
    }
    .hArticles li{
        width: 100%;
    }
    .flwBox {
        display: block;
    }
    .flwBox > *{
        display: block;
    }
    .flwBox a{
        padding: 0.5rem 0;
    }
    #footer{
        text-align: center;
    }
    #footer .right{
        text-align: center;
        float: none;
        display: block;
        margin: 1rem 0 0 0;
    }
    .row, .grid{
        display: block;
    }
    .row.justify{
        justify-content: center;
    }
    .row > * {
        margin-right: 0 !important;
    }
    .gallery-columns-5 .gallery-item{
        flex-basis: 25%;
    }
    .gallery-columns-6 .gallery-item{
        flex-basis: 25%;
    }
    .tabList.hzl{
        display: block;
    }
    .tabList.hzl > *{
        margin: 0 0 1rem 0;
    }
    .relPosts li{
        margin: 1rem 0;
    }
    #pNav .container {
        display: block;
        text-align: center;
    }
    #pNav.fixedHeader{
        position: static;
    }
    #pNav.fixedHeader .button{
        display: none !important;
    }
    .tileHead{
        text-align: center;
    }
    .gallery-columns-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .wp-pagenavi > *{
        display: block;
        float: left;
        margin: 0 0.5rem 0.5rem 0;
    }
    .coffeeWrap{
        text-align: center;
    }
    .coffeeBtns{
        float: none;
        width: auto;
    }
    .shareWrap{
        display: none;
    }
    .cIntro{
        display: block;
    }
    .cCover{
        text-align: center;
        margin: 2rem 0;
        flex-direction: row;
    }
    .cCover img{
        width: 50%;
    }
    .cCoverSide{
        padding: 0;
    }
    .cGroup{
        display: block;
    }
    .cGroup > div{
        margin: 0 0 2rem 0 !important;
    }
    .cListItem .aContent{
        display: block;
    }
    .cThumbnail{
        text-align: center;
    }
    .cThumbnail img{
        margin: 0 0 2rem 0;
    }
    .cAff img{
        float: none;
        padding: 0;
    }
    .woocommerce .woocommerce-MyAccount-navigation, .woocommerce .woocommerce-MyAccount-content{
        margin: 2rem 0 0 0;
        width: 100% !important;
    }
    .subEmailSec form {
        flex-direction: column;
    }
    .subEmailSec form > * {
        margin-bottom: 1rem;
        padding-right: 0 !important;
        text-align: center;
    }
    .pricingTable > div:first-child, .pricingTable > div:last-child{
        padding-top: 0;
    }
}
@media screen and (max-width: 500px){
    #pageHead .actionLinks li{
        margin-bottom: 1rem;
    }
    .aItem .aContent p{
        margin: 0 !important
    }
    .wpInfo{
        line-height: 2;
    }
    .tile{
        width: 100%;
    }
    .home #pageHead .handWave {
        font-size: 2rem;
        top: 2rem;
        right: 2rem;
    }
}