html {
margin-top: 0px !important;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.inner-container {
max-width: 90%;
margin: auto;
} .zorba-landing header#skull{
padding-top: 20px;
background-position: initial;
}
@media only screen and (max-width: 980px) {
.zorba-landing header#skull .zjoefeatbox {
padding-top: 0px;
}
} .hdr {
width: 100%;
background: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
position: relative;
}
.tier-top {
background-color: #A87A24;
background-image: url(https://www.zorbabooks.com/wp-content/themes/sq_108/mask/img/skull-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.hdr-fluid {
display: flex;
align-items: center;
justify-content: space-between;
}
.hdr-logo-txt {
background: #fff;
margin: 10px 0px;
border-radius: 100px;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.hdr-logo-txt img {
display: block;
object-fit: contain;
padding: 5px;
}
@media only screen and (max-width:1080px){
.hdr-logo-txt {
width: 40px;
height: 40px;
}
}
.util-suite {
display: flex;
align-items: center;
gap: 14px;
}
.util-suite a:hover{
color: #f4f4f4;   
}
.phonenumber{
display: flex;
align-items: center;
gap: 3px;
position: relative;
}
.phonenumber::before{
content:"";
width:16px;
height:16px;
flex-shrink:0;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
background-image: url("data:image/svg+xml, %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48px' height='48px' viewBox='0,0,256,256'%3E%3Cg fill='%23fff' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode: normal'%3E%3Cg transform='scale(5.33333,5.33333)'%3E%3Cpath d='M22.916,6.625l1.719,4.055c0.749,1.767 0.334,3.845 -1.028,5.137l-3.212,3.048c-0.362,0.344 -0.55,0.843 -0.469,1.335c0.31,1.881 0.997,3.736 2.061,5.566c1.062,1.826 2.355,3.38 3.88,4.661c0.404,0.339 0.965,0.427 1.465,0.26l3.747,-1.25c1.725,-0.575 3.603,0.086 4.661,1.64l2.465,3.621c1.23,1.807 1.009,4.299 -0.517,5.831l-1.636,1.642c-1.628,1.634 -3.953,2.227 -6.104,1.556c-5.078,-1.584 -9.746,-6.286 -14.006,-14.107c-4.266,-7.832 -5.771,-14.478 -4.516,-19.936c0.528,-2.297 2.163,-4.126 4.298,-4.808l2.153,-0.688c2.02,-0.643 4.175,0.399 5.039,2.437z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.util-link {
display: flex;
align-items: center;
gap: 5px;
text-decoration: none;
color: #fff;
font-size: 15px;
font-weight: 600;
} .user-avatar,
.user-initial{
width:32px;
height:32px;
border-radius:50%;
flex-shrink:0;
}
.user-avatar{
object-fit:cover;
}
.user-initial{
display:flex;
align-items:center;
justify-content:center;
background:#ce0000;
color:#fff;
font-size:14px;
font-weight:700;
line-height:1;
}
.account-dropdown,
.login-dropdown{
position:relative;
}
.account-trigger{
display:flex;
align-items:center;
gap:8px;
}
.account-trigger img{
width:32px;
height:32px;
border-radius:50%;
}
.account-submenu,
.login-submenu{
position:absolute;
top:106%;
right:-50px;
min-width:150px;
background: #ce0000;
color:#fff;
border-radius:4px;
list-style:none;
padding:8px 0;
margin:0;
opacity:0;
visibility:hidden;
transform:translateY(8px);
transition:.2s;
z-index:9999;
}
.account-dropdown:hover .account-submenu,
.login-dropdown:hover .login-submenu{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.account-submenu li a,
.login-submenu li a{
display:block;
padding:10px 15px;
color:#fff;
text-decoration:none;
font-size:13px;
}
.account-submenu li a:hover,
.login-submenu li a:hover{
background: #b00;
} .util-div {
width: 1px;
height: 13px;
background: rgb(255 255 255 / 47%);
} .login-dropdown{
position:relative;
}
.login-dropdown .util-link{
display:flex;
align-items:center;
gap:6px;
text-decoration:none;
} .login-dropdown .util-link::before{
content:"";
width:22px;
height:22px;
flex-shrink:0;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23fff' d='M24,3c-11.242,0 -20.422,8.887 -20.949,20h18.515l-6.274,-6.294c-0.39,-0.392 -0.389,-1.024 0.002,-1.414c0.391,-0.39 1.023,-0.39 1.414,0.002l8,8.025c0.188,0.188 0.292,0.443 0.292,0.708c0,0.265 -0.106,0.519 -0.294,0.706l-8,7.975c-0.195,0.194 -0.451,0.292 -0.706,0.292c-0.257,0 -0.513,-0.098 -0.708,-0.294c-0.39,-0.392 -0.389,-1.024 0.002,-1.414l6.312,-6.292h-18.555c0.527,11.113 9.707,20 20.949,20c11.579,0 21,-9.421 21,-21c0,-11.579 -9.421,-21 -21,-21z'/%3E%3C/svg%3E");
}
.login-submenu{
position: absolute;
top: 100%;
right: 0px;
min-width: 130px;
margin: 0px;
padding: 8px 0px;
}
.login-submenu li a{
font-weight: 600;
} .cart-wrap{
position:relative;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
text-decoration:none;
}
.cart-badge {
position: absolute;
top: -6px;
right: -7px;
background: #0F2C59;
color: #fff;
font-size: 9px;
font-weight: 700;
min-width: 15px;
height: 15px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 1.5px solid #fff;
}
.cart-icon{
width:22px;
height:22px;
color:#fff;
flex-shrink:0;
}
.cart-icon:hover{
opacity:.85;
} .tier-nav {
background: #ce0000;
width: 100%;
}
.zrb-dsktp-nav-list {
display: inline-flex;
align-items: center;
list-style: none;
margin: 0px;
padding: 0px;
min-width: 100%;
}
.zrb-dsktp-nav-list > .menu-item {
flex-shrink: 0;
border-right: 1px solid rgba(255, 255, 255, 0.28);
position: relative;
}
.zrb-dsktp-nav-list > .menu-item:last-child {
border-right: 0px;
}
.zrb-dsktp-nav-list > .menu-item > a {
display: flex;
align-items: center;
gap: 4px;
padding: 14px 16px;
text-decoration: none;
color: #fff;
font-size: 12.2px;
font-size: 13.2px;
font-weight: 700;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.zrb-dsktp-nav-list > .menu-item > a:hover{
background: #b00;
} .zrb-dsktp-nav-list > .menu-item-has-children > a::after {
content: "";
width: 6px;
height: 6px;
border-right: 1.5px solid #fff;
border-bottom: 1.5px solid #fff;
transform: rotate(45deg);
margin-top: -3px;
margin-left: 5px;
flex-shrink: 0;
} .zrb-dsktp-nav-list .sub-menu {
position: absolute;
top: 100%;
left: 0;
background: #ce0000;
min-width: 200px;
border: 0.5px solid rgba(0, 0, 0, 0.07);
border-radius: 0px 0px 6px 6px;
padding: 6px 0;
list-style: none;
margin: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(6px);
transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
z-index: 10000;
}
.zrb-dsktp-nav-list .sub-menu .menu-item {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
border-right: none;
}
.zrb-dsktp-nav-list .sub-menu .menu-item:last-child {
border-bottom: 0px;
}
.zrb-dsktp-nav-list .sub-menu .menu-item a {
display: block;
padding: 9px 14px;
text-decoration: none;
color: #fff;
font-size: 12.5px;
font-weight: 500;
text-align: left;
white-space: nowrap;
}
.zrb-dsktp-nav-list .sub-menu .menu-item a:hover {
background: #b00;
}
.zrb-dsktp-nav-list > .menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
} .mobonly{
display: none;
}
.mob-toggle{
display:none;
align-items:center;
justify-content:center;
width: 30px;
height: 30px;
padding:0px;
background:transparent;
border: 1px solid #ffffff70;
border-radius:6px;
cursor:pointer;
}
.mob-toggle span{
position:absolute;
width:20px;
height:2px;
background:#fff;
border-radius:2px;
transition:.3s ease;
}
.mob-toggle span:first-child{
transform:translateY(-4px);
}
.mob-toggle span:last-child{
transform:translateY(4px);
}
.mob-toggle.active span:first-child{
transform:rotate(45deg);
}
.mob-toggle.active span:last-child{
transform:rotate(-45deg);
}
.mob-sheet {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #fff;
border-top: 0.5px solid rgba(0,0,0,0.07);
padding: 16px 20px 28px;
z-index: 9998;
box-shadow: 0 12px 30px rgba(0,0,0,0.07);
}
.mob-sheet.open {
display: block;
}
.mob-nav a {
display: block;
padding: 11px 0;
text-decoration: none;
color: #09090B;
font-size: 15px;
font-weight: 600;
border-bottom: 0.5px solid rgba(0,0,0,0.07);
}
.mob-nav a:last-child {
border-bottom: none;
}
.mob-nav .mob-menu .sub-menu{
margin-left:22px;
}
@media(max-width: 1024px) {
.tier-nav { display: none; }
.phonenumber { display: none; }
.mob-toggle { display: flex; }
.mobonly{ display:block; }
.deskonly{ display: none;}
}
@media(min-width: 1024px) {
.mob-sheet { display: none !important; }
.mob-toggle { display: none; }
}body.jetpack-subscribe-modal-open {
overflow: hidden;
}
.jetpack-subscribe-modal {
visibility: hidden;
position: fixed;
z-index: 50000; left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: transparent;
transition: all 0.4s;
}
.jetpack-subscribe-modal.open {
background-color: rgba(0, 0, 0, 0.3);
visibility: visible;
}
.jetpack-subscribe-modal__modal-content {
position: relative;
visibility: hidden;
overflow: hidden;
top: 100%;
background-color: #fefefe;
margin: 15% auto;
width: 100%;
max-width: 600px;
border-radius: 10px;
box-sizing: border-box;
transition: all 0.4s;
text-wrap: balance;
}
.jetpack-subscribe-modal.open .jetpack-subscribe-modal__modal-content {
top: 0;
visibility: visible;
} .jetpack-subscribe-modal__modal-content p {
text-wrap: balance;
text-wrap: pretty;
}
@media screen and (max-width: 640px) {
.jetpack-subscribe-modal__modal-content {
width: 94%;
}
}.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
background-color: #ffffff;
background-image: url(//www.zorbabooks.com/wp-content/plugins/a3-lazy-load/assets/css/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
figure.wp-block-image img.lazy-hidden {
min-width: 150px;
}
picture source[type="image/webp"] {
display: block;
}.clear{clear:both}.nobr{white-space:nowrap}.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:#fff}