/*
Theme Name: Block Theme By TrueMark Digital
Theme URI: https://www.truemarkdigital.com
Author: Truemark Group, Inc. (Truemark Digital)
Author URI: https://www.truemarkdigital.com
Description: Block Theme for Websites - Scalable - Bootstrap & Wordpress Styling
Requires at least: 6.1
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.1
*/



html, body { background: #fff; }
.box-sizing { border-box; }
.pink-box { display: block; background: ##ff008c; color: white; padding: 2px 5px; }
.text-link-pink a { color: #FF008C; }

.custom-z-index-1 { z-index: 1; }
.custom-z-index-10 { z-index: 1000; }
.custom-margin-top { margin-top: -200px; }


.fixed-top { position: fixed;  top: 0; left: 0; right: 0; }


sticky-header.clone {
    position:fixed;
    top:-65px;
    left: 0;
    right: 0;
    z-index:999;
    transition:0.4s top cubic-bezier(.3,.73,.3,.74);
}
body.down sticky-header.clone {
    top:0;
}



.responsive-text-2vw { font-size: 2vw; }
.responsive-text-4vw { font-size:  calc(112.5% + 0.25vw); font-color: green; }




@media (max-width:768px){
.desktop-only{
display:none;
}

body{
margin-top:0;
}

.site-header-wrapper{
top:0;
}

}

@media (min-width:768px){

.desktop-textalign-right{
text-align:right;
}

}




@keyframes wipe-enter {
	0% { transform: scale(0,.025); }
	50% { transform: scale(1,.025); }
}

@media (prefers-reduced-motion: no-preference) { 
.wipe-enter { 
animation: wipe-enter 1s;
}
}







/* ========================= */
/* TOP BAR */
/* ========================= */

.top-bar{
background:#111;
color:#fff;
font-size:14px;
line-height:1.4;
}



/* ========================= */
/* STICKY HEADER */
/* ========================= */

.header-wrapper{
position:sticky;
top:0;
z-index:999;
background:#fff;
}



/* ========================= */
/* ADMIN BAR OFFSET */
/* ========================= */

body.admin-bar .header-wrapper{
top:32px;
}

@media (max-width:782px){
body.admin-bar .header-wrapper{
top:46px;
}
}



/* ========================= */
/* HEADER INNER */
/* ========================= */

.header-inner{
transition:
padding .35s cubic-bezier(.4,0,.2,1),
box-shadow .3s ease;
}



/* ========================= */
/* SCROLL STATE */
/* ========================= */

.header-wrapper.scrolled .header-inner{
padding-top:8px;
padding-bottom:8px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}



/* ========================= */
/* LOGO SHRINK */
/* ========================= */

.custom-logo{
transition:transform .35s cubic-bezier(.4,0,.2,1);
}

.header-wrapper.scrolled .custom-logo{
height:40px;
width: auto;
transition:height .3s ease;
}



/* ========================= */
/* NAV SPACING */
/* ========================= */

.wp-block-navigation-item{
transition:padding .3s ease;
}

.header-wrapper.scrolled .wp-block-navigation-item{
padding-left:10px;
padding-right:10px;
}



/* ========================= */
/* MOBILE TWEAK */
/* ========================= */

@media (max-width:768px){

.header-wrapper.scrolled .custom-logo{
transform:scale(.9);
}

}



.tb-section{
padding:56px 0;
overflow:hidden;
position:relative;
}

.tb-section:before,
.tb-section:after{
content:'';
position:absolute;
top:0;
bottom:0;
width:120px;
pointer-events:none;
}

.tb-section:before{
left:0;
background:linear-gradient(to right,currentColor,transparent);
opacity:.05;
}

.tb-section:after{
right:0;
background:linear-gradient(to left,currentColor,transparent);
opacity:.05;
}

.tb-header{
text-align:center;
margin-bottom:36px;
}

.tb-track-wrap{
overflow:hidden;
position:relative;
}

.tb-track{
display:flex;
width:fit-content;
animation:scroll-left 30s linear infinite;
}

@keyframes scroll-left{
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}

.tb-logo-card{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:0 48px;
border-right:1px solid currentColor;
opacity:.85;
transition:opacity .25s ease;
min-width:180px;
}

.tb-logo-card:first-child{
border-left:1px solid currentColor;
}

.tb-logo-inner{
display:flex;
flex-direction:column;
align-items:center;
gap:4px;
}

.tb-accent-bar{
width:40px;
height:2px;
margin:28px auto 0;
background:currentColor;
opacity:.4;
}

.tb-stat-row{
margin-top:40px;
}

.tb-stat{
text-align:center;
}

.tb-stat-divider{
width:1px;
background:currentColor;
opacity:.2;
align-self:stretch;
}

/* ----- Block Editor usability improvements ----- */

.editor-styles-wrapper .tb-track{
animation:none;
transform:none;
gap:24px;
}

.editor-styles-wrapper .tb-track-wrap{
overflow-x:auto;
overflow-y:hidden;
scrollbar-width:thin;
padding-bottom:10px;
}

.editor-styles-wrapper .tb-logo-card{
min-width:200px;
}