html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */}
/** * Remove default margin. */body { margin: 0;
}
/* HTML5 display definitions ========================================================================== *//** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block;
}
/** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */audio,
canvas,
progress,
video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */}
/** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */audio:not([controls]) { display: none; height: 0;
}
/** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */[hidden],
template { display: none;
}
/* Links ========================================================================== *//** * Remove the gray background color from active links in IE 10. */a { background-color: transparent;
}
/** * Improve readability when focused and also mouse hovered in all browsers. */a:active,
a:hover { outline: 0;
}
/* Text-level semantics ========================================================================== *//** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */abbr[title] { border-bottom: 1px dotted;
}
/** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */b,
strong { font-weight: bold;
}
/** * Address styling not present in Safari and Chrome. */dfn { font-style: italic;
}
/** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */h1 { font-size: 2em; margin: 0.67em 0;
}
/** * Address styling not present in IE 8/9. */mark { background: #ff0; color: #000;
}
/** * Address inconsistent and variable font size in all browsers. */small { font-size: 80%;
}
/** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
}
sup { top: -0.5em;
}
sub { bottom: -0.25em;
}
/* Embedded content ========================================================================== *//** * Remove border when inside `a` element in IE 8/9/10. */img { border: 0;
}
/** * Correct overflow not hidden in IE 9/10/11. */svg:not(:root) { overflow: hidden;
}
/* Grouping content ========================================================================== *//** * Address margin not present in IE 8/9 and Safari. */figure { margin: 1em 40px;
}
/** * Address differences between Firefox and other browsers. */hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0;
}
/** * Contain overflow in all browsers. */pre { overflow: auto;
}
/** * Address odd `em`-unit font size rendering in all browsers. */code,
kbd,
pre,
samp { font-family: monospace, monospace; font-size: 1em;
}
/* Forms ========================================================================== *//** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. *//** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */button,
input,
optgroup,
select,
textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */}
/** * Address `overflow` set to `hidden` in IE 8/9/10/11. */button { overflow: visible;
}
/** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */button,
select { text-transform: none;
}
/** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */}
/** * Re-set default cursor for disabled elements. */button[disabled],
html input[disabled] { cursor: default;
}
/** * Remove inner padding and border in Firefox 4+. */button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0;
}
/** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */input { line-height: normal;
}
/** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}
/** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto;
}
/** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;
}
/** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
/** * Define consistent border, margin, and padding. */fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;
}
/** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */legend { border: 0; /* 1 */ padding: 0; /* 2 */}
/** * Remove default vertical scrollbar in IE 8/9/10/11. */textarea { overflow: auto;
}
/** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */optgroup { font-weight: bold;
}
/* Tables ========================================================================== *//** * Remove most spacing between table cells. */table { border-collapse: collapse; border-spacing: 0;
}
td,
th { padding: 0;
}
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */html { color: #222; font-size: 1em; line-height: 1.4;
}
::-moz-selection { background: #b3d4fc; text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none;
}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video { vertical-align: middle;
}
fieldset { border: 0; margin: 0; padding: 0;
}
textarea { resize: vertical;
}
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;
}
/* ========================================================================== Media Queries ========================================================================== *//* ========================================================================== Helper classes ========================================================================== */.hidden { display: none !important; visibility: hidden;
}
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;
}
.invisible { visibility: hidden;
}
.clearfix:before,
.clearfix:after { content: " "; display: table;
}
.clearfix:after { clear: both;
}
.clearfix { *zoom: 1;
}
/* ========================================================================== Print styles ========================================================================== */@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; }
}
/* Min width *//* Min width *//* Min width *//* Min width *//*
Preferences
*/html:not(.wp-toolbar) #wpadminbar { top: -32px !important; -webkit-transition: top 0.3s ease-in-out; -moz-transition: top 0.3s ease-in-out; -ms-transition: top 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out;
}
body:hover #wpadminbar, html:hover #wpadminbar { top: 0px !important; -webkit-transition-delay: 2s; -moz-transition-delay: 2s; -ms-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s;
}
.nobull { margin: 0; padding: 0;
}
.nobull ul { margin: 0; padding: 0; list-style: none;
}
.nobull li { list-style: none;
}
.hidden-field, .botcheck { display: none;
}
.med { font-weight: 300;
}
.b { font-weight: bold;
}
.lc { text-transform: none;
}
.u { text-transform: uppercase;
}
.fancybox-skin { overflow: visible;
}
html.fancybox-lock, html.fancybox-open, .fancybox-lock body, .fancybox-open body { overflow: hidden; height: 100%; width: 100%;
}
.alignright, .alignleft, .aligncenter { display: block;
}
.alignright { float: right;
}
.alignleft { float: left;
}
.aligncenter { float: none; margin-right: auto; margin-left: auto;
}
@media (max-width: 501px) { .alignleft, .alignright { float: none; margin-right: auto; margin-left: auto; }
}
@media (max-width: 1445px) { body > section, body > footer .container { padding-left: calc(var(--t-site-padding)/3); padding-right: calc(var(--t-site-padding)/3); } body > div > section { padding-left: calc(var(--t-site-padding)/3); padding-right: calc(var(--t-site-padding)/3); } iframe { width: 100% !important; }
}
@media (min-width: 767px) { .flex-m { display: -webkit-flex; display: flex; } .flex-m .flexed { display: flex; }
}
@media(min-width:728px) { html .default-spacing\:all{
padding:calc(var(--dp-site-padding)/ 2);
} html .default-spacing\:top-bottom {
padding-top:calc(var(--dp-site-padding)/ 2);
padding-bottom:calc(var(--dp-site-padding)/ 2);
} html .default-spacing\:bot{
padding-bottom:calc(var(--dp-site-padding)/ 2);
} html .default-spacing\:top{
padding-top:calc(var(--dp-site-padding)/ 2);
} html .default-spacing\:bottom-sides{
padding-bottom: calc(var(--dp-site-padding)/ 2);
padding-right: calc(var(--dp-site-padding)/ 2);
padding-left: calc(var(--dp-site-padding)/ 2);
} html .default-spacing\:top-sides{
padding-top: calc(var(--dp-site-padding)/ 2);
padding-right: calc(var(--dp-site-padding)/ 2);
padding-left: calc(var(--dp-site-padding)/ 2);
} html .default-spacing\:sides{
padding-left:calc(var(--dp-site-padding)/ 2);
padding-right:calc(var(--dp-site-padding)/ 2);
}
}
@media(min-width:728px) and (max-width:864px) { html .default-spacing\:all{
padding:calc(var(--dp-site-padding)/ 4);
} html .default-spacing\:top-bottom {
padding-top:calc(var(--dp-site-padding)/ 4);
padding-bottom:calc(var(--dp-site-padding)/ 4);
} html .default-spacing\:bot{
padding-bottom:calc(var(--dp-site-padding)/ 4);
} html .default-spacing\:top{
padding-top:calc(var(--dp-site-padding)/ 4);
} html .default-spacing\:bottom-sides{
padding-bottom:calc(var(--dp-site-padding)/ 4);
padding-right: calc(var(--dp-site-padding)/ 4);
padding-left: calc(var(--dp-site-padding)/ 4);
} html .default-spacing\:top-sides{
padding-top:calc(var(--dp-site-padding)/ 4);
padding-right: calc(var(--dp-site-padding)/ 4);
padding-left: calc(var(--dp-site-padding)/ 4);
} html .default-spacing\:sides{
padding-left:calc(var(--dp-site-padding)/ 4);
padding-right:calc(var(--dp-site-padding)/ 4);
}
}
@media(max-width:728px) {
html .default-spacing\:all{
padding:calc(var(--dp-site-padding)/ 2) 15px;
}
html .mod-m1-clmn[class*='all'] .mod,
html .mod-m1-clmns[class*='sides'] .mod,
{
padding-right:0;
padding-left:0;
} html .default-spacing\:top-bottom {
padding-top:calc(var(--dp-site-padding)/ 2);
padding-bottom:calc(var(--dp-site-padding)/ 2);
}
html .default-spacing\:bot{
padding-bottom:calc(var(--dp-site-padding)/ 2);
}
html .default-spacing\:top{
padding-top:calc(var(--dp-site-padding)/ 2);
}
html .default-spacing\:bottom-sides{
padding-bottom: calc(var(--dp-site-padding)/ 2);
padding-right: 15px;
padding-left: 15px;
}
html .default-spacing\:top-sides{
padding-top: calc(var(--dp-site-padding)/ 2);
padding-right: 15px;
padding-left: 15px;
}
html .default-spacing\:sides{
padding-right: 15px;
padding-left: 15px;
}
}
/* @override
http://sandbox.local/wp-content/themes/shapeshifter/assets/css/theme/promos.css?* */.tout {
z-index:900;
transition:opacity .3s ease;
}
.tout, .tout .tout-container{
overflow:visible;
}
.tout img{
width:100% !important;
height:auto !important;
}
.tout .tout-container{
box-shadow:0px 0px 5px rgba(0,0,0,.5);
border:1px solid #ffffff73;
margin:auto;
position:Relative;
}
.tout .btn-close{
top: -5px;
right: -5px;
}
@media(min-width:769px) {
.tout {
position:fixed;
bottom: 10px;
}
.tout.pos-lt {
left:10px;
}
.tout.pos-rt {
right:10px;
}
}
@media(max-width:769px) {
.tout {
margin:calc(var(--dp-site-padding)/2) auto
}
}
.header-banner{
transition:opacity .3s ease;
}
.header-banner p{ margin:0
}
.header-banner, .header-banner-container, .header-banner-box {
position:relative;
overflow:visible;
}
.header-banner,
.header-banner-box{
overflow:visible;
}
.header-banner .btn-close{
top: -5px;
width:20px;
height:20px;
}
.header-banner .btn-close svg{
margin-top: -2px;
}
.popup-dogear { transition: all .5s ease; cursor:pointer; z-index: 10;
}
@media(min-width:768px){
.popup-dogear { position:fixed; top: 210px; right: 0px; background: linear-gradient(90deg, rgba(251,248,243,1) 95%, rgba(227,225,223,1) 100%); padding:4px 0 4px 4px; box-shadow:0 2px 4px rgba(0,0,0,.3); border-radius:6px 0 0 6px; } .popup-dogear:hover .subscribe{ background: var(--dp-color-primary); }
}
.popup-dogear .tab-content {
border-radius:5px 0 0 5px;
overflow:hidden;
}
.popup-dogear h3{ font-family: "Lato, sans-serif", sans-serif; font-weight: 500; font-size: 18px; text-align:center; border:1px solid var(--dp-color-primary); padding:10px; border-radius:4px 0 0 4px; border-right: none; transition:all .5s ease;
}
.popup-dogear h3 em{ display:block; font-style: normal; font-weight: 700; }
.popup-dogear:hover h3{ color:var(--dp-color-quinary); border-color:var(--dp-color-quinary); }
@media(max-width:768px){ header .popup-dogear { top: 100px; right: 0px; background: rgba(251,248,243,1); padding:3px; box-shadow:0 2px 4px rgba(0,0,0,.3); } header .popup-dogear h3{ padding:5px; border-radius:4px 0 0 4px; } .popup-dogear:hover { background: rgba(113,16,17,1); } header .popup-dogear h3 em{ display: inline; }
} /* --- Theme --- *//* ---- accessibility.css---- *//* @override
https://hcarchitects.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/accessibility.css?*
https://bono-holt.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/accessibility.css?* */.accessibility {
font-size:16px;
Width:100%;
align-items: center;
white-space:nowrap;
justify-content:center;
transition: background .3s ease;
}
@media(min-width:400px) {
.accessibility {
min-width:325px;
}
}
.lightbox .dashicons {
font-size: 60px;
width: 60px;
height: 60px;
margin: 0 auto;
display: block;
}
.accessibility .title {
padding:15px 0;
display:flex;
align-items: center;
justify-content:center;
font-size: 20px;
text-transform:uppercase;
font-weight: 500;
text-align:Center;
margin:auto
}
.accessibility button,
.accessibility button:hover{
appearance:none;
border:none;
background:none;
display:block;
display:flex;
align-items:center;
padding-left:0;
font-size: 16px;
font-weight: 500;
transition:background .3s ease;
margin:0 auto;
width:200px
}
.accessibility button .toggle{
background:rgba(0,0,0,.3);
width:40px;
border-radius: 20px;;
height:20px;
display:inline-block;
margin-right:10px;
display:flex;
align-items: center;
position:relative;
transition:all .3s ease;
}
.accessibility button .toggle:after{
content:"";
display: block;
width: 15px;
height: 15px;
border-radius:50%;
margin: 2px;
position:relative;
background-color: white;
}
.accessibility button[data-state="1"] .toggle{
justify-content:flex-end;
background:rgba(0,0,0,.6);
}
/* ---- alt-social-networks.css---- */@font-face { font-family: 'fa-alt'; src: url("/wp-content/themes/shapeshifter/assets/fonts/fa-alt/fa-alt.eot"); src: url("/wp-content/themes/shapeshifter/assets/fonts/fa-alt/fa-alt.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/shapeshifter/assets/fonts/fa-alt/fa-alt.woff") format("woff"), url("/wp-content/themes/shapeshifter/assets/fonts/fa-alt/fa-alt.ttf") format("truetype"), url("/wp-content/themes/shapeshifter/assets/fonts/fa-alt/fa-alt.svg#fa-alt") format("svg"); font-weight: normal; font-style: normal; font-display: swap;
}
[class*='icon-']:before, .fa-alt { display: inline-block; font-family: 'fa-alt'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.fa-alt span{ display: none;
}
.fa-alt.fa-gab:before { content: '\0041';
}
.fa-alt.fa-gettr:before { content: '\0042';
}
.fa-alt.fa-parler:before { content: '\0043';
}
.fa-alt.fa-politichatter:before { content: '\0044';
}
.fa-alt.fa-rumble:before { content: '\0045';
}
.fa-alt.fa-truth:before { content: '\0046';
}
.fa-alt.fa-x:before{content:'\0047';}/* ---- article-links.css---- */html .article-link .summary {
position:Relative;
}
html .article-link a {
position:absolute;
top: 0;
left: 0;
bottom:0;
right: 0;
z-index:5
} .article-link .post-meta { font-style: italic; font-size: 13px; }
.article-link .image-thumb {
position:Relative;
}
.article-link .details {
position:relative;
overflow:visible;
}
.article-link .media-flag {
position:absolute;
top: -45px;
padding:3px 8px;
z-index:5;
right:00px;
width:40px;
height:30px;
display: flex;
justify-content:center;
align-items:center;
}
.article-link .media-flag.fa-podcast{
font-size: 22px;
}
.article-link .media-flag.fa-video{
font-size: 18px;
}
.article-link .media-flag.fa-podcast:before{
color: white;
}
.article-link .media-flag.fa-video:before{
color: white;
}
html .article-link .excerpt {
line-height:1.3em
} html .article-link .post-meta { color:#999; } html.article-link .post-meta { color:#999; }
@media (hover: hover) {
.article-link .image-thumb .texture, .treatedimg .texture {
position:Relative;
display:inline-block;
width:100%
}
.article-link .image-thumb .texture:after, .popular li .image:after, .treatedimg .texture:after{
content: "";
position:absolute;
z-index:3;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:url('/wp-content/themes/eric-bolling/assets/images/thumbtexture.jpg');background-size: contain;
mix-blend-mode: hard-light;
transition: opacity 1s ease;
opacity:.4;
}
html.single .article-img.treatedimg:not(:hover) .texture:after{
opacity:.2;
}
.recent-posts .article-link .texture:after {
background-size: 230%;
} .popular li .image:after{
background-size: 560%;
} .article-link .image-thumb .texture:after{
background-size: 170%;
}]
.article-link:not(:hover) .image-thumb, .popular li:not(:hover) .image, .treatedimg:not(:hover) {
filter: grayscale(95%); /* Standard CSS */ -webkit-filter: grayscale(95%); /* CSS for Webkit Browsers */ filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */ filter: gray; /* Internet Explorer IE6-9 */ -webkit-filter: grayscale(.95); /* Old WebKit Browsers */}
.article-link:hover .image-thumb .texture:after, .popular li:hover .image:after, .treatedimg:hover .texture:after {
opacity:0;
}
}
.image-thumb img{
aspect-ratio: 14 / 9;
object-fit:cover;
}
.article-link .image-thumb, .popular li .image, .treatedimg {
transition: all .3s ease;
position:Relative;
filter: grayscale(0%); /* Standard CSS */ -webkit-filter: grayscale(0%); /* CSS for Webkit Browsers */ filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */ filter: gray; /* Internet Explorer IE6-9 */ -webkit-filter: grayscale(0); /* Old WebKit Browsers */}
/* ---- banner-rotator.css---- *//* @override
http://sandbox.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/banner-rotator.css?* */@media(min-width:728px) {
.tout_rot a{
transition: all .3s ease;
position:absolute;
transform: translateX(0px);
width:250px;
height:250px;
display:flex;
justify-content:center;
align-items: center;
box-shadow:0 0 0 3px rgba(0,0,0,.2);
}
.tout_rot .tout-container {
width: 250px;
height:250px;
}
.tout_rot .rotator {
position:Relative;
width:250px;
height:250px;
display:block;
overflow:hidden;
}
.tout_rot .swipeaway{
transform: translateX(-250px);
opacity:.4;
}
.tout_rot a img{
height:auto !important;
width:100% !important;
}
}
@media(max-width:728px) {
.tout_rot{
width:auto;
}
.tout-box, .tout-container{
width:100%;
max-width:500px;
box-shadow:none!important;
}
.tout_rot .btn-close {
display:none;
}
.tout_rot .rotator{
display:flex;
flex-wrap: wrap;
justify-content:center;
}
.tout_rot a {
display:block;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
margin:10px;
position:relative;
width: calc(50% - 30px);
}
.tout_rot img{
height:auto !important;
width: 100%;
}
}
/* ---- blog.css---- *//* @override
http://sandbox.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/blog.css?* *//* @group Blog */.article-link .image-thumb .texture,
.article-link .image-thumb img {
height:100%
}
@media(min-width:865px) {
html .featured-blog-post .image-thumb {
width:66%;
}
html .featured-blog-post .details {
width:33%;
padding-left: calc(var(--dp-site-padding) / 3);
}
html .featured-blog-post .article-link a {
width:33%;
right: 0px;
left: auto;
}
}
html .featured-blog-post .details {
position:static;
}
@media(min-width:768px) and (max-width:865px) {
html .featured-blog-post .image-thumb {
width:50%;
}
html .featured-blog-post .details {
width:50%;
padding-left: calc(var(--dp-site-padding) / 3);
}
html .featured-blog-post .article-link a {
width:50%;
right: 0px;
left: auto;
}
}
html .featured-blog-post .details {
position:relative;
}
html .article-link .image-thumb img {
width:100%;
position:relative;
}
html .article-link a {
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media(min-width:769px) {
html .featured-blog-post h3:before {
content: "Featured";
font-size: 16px;;
display:block;
color:var(--dp-color-senary);
font-family: var(--dp-font-secondary);
margin-bottom:10px
}
html .featured-blog-post .article-link .image-thumb {
aspect-ratio:auto;
margin-bottom:0
}
html .featured-blog-post .summary {
display:flex;
}
html .featured-blog-post .article-link .image-thumb .texture{
position:absolute;
width: calc(100% - (var(--dp-site-padding) / 6));
height:100%;
} html .featured-blog-post .details {
padding:30px;
}
}
@media(max-width:769px) {
html .featured-blog-post .article-link:before {
content: "Featured";
font-size: 16px;
display:block;
margin-bottom:10px;
text-transform:uppercase
}
}
html main .dp-fnt\:2,
html main .dp-fnt\:2 * {
font-family: var(--dp-font-secondary);
letter-spacing:.05em;
}
@media(min-width:769px) {
html main .dp-fnt\:2:not(.dp-fnt-sm),
html main .dp-fnt\:2:not(.dp-fnt-sm) *, html main .dp-fnt\:2:not(.dp-fnt-sm) *:is(h1,h2,h3,h4){
font-size: 16px ;
}
} html main .dp-fnt\:2.dp-fnt-sm { font-size: 13px;
letter-spacing:.05em;
}
/* ----- articles ----- */.single aside .cat-links a,
.single aside .article-links h3 {
color:black;
font-weight: bold;
text-decoration:none;
display:block;
transition: color .3s ease;
}
.single aside .cat-links a:hover,
.single aside .article-links .article-link:hover h3 {
color:var(--dp-color-senary) !important;
}
.single aside .cat-links a {
padding-top: 20px;
}
html.single aside .article-link {
margin:0;
padding-bottom:0;
}
html.single aside .article-link .details {
padding-bottom:0
}
html .article-header .article-img img{ aspect-ratio: 16 / 7;
height:100%;
width:100%
}
html .article-content h2 {
margin-top:calc(var(--dp-site-padding) / 2);
}
html .article-content h3 {
margin-top:calc(var(--dp-site-padding) / 3);
}
@media(max-width:500px) {
html .article-header .article-img:not(.mob-alt-img){
height:auto;
aspect-ratio:440 / 410 !important;
}
html .article-header .article-img:not(.mob-alt-img) img{
object-fit:auto 100%
}
html .article-header .article-img.mob-alt-img {
aspect-ratio: auto;
}
}
@media(min-width:769px) {
.article-header .article-img img{
width: 100%!important;
}
.article-columns {
display:flex;
}
.article-columns .article-content {
width:calc(100% - 260px)
}
.article-columns aside {
width:260px
}
}
/* @end *//* ---- deluxe-select.css---- */html .select-form select{
-webkit-appearance: none;
-webkit-border-radius: 0;
padding: 7px 20px;
font-family: var(--dp-font-primary);
font-weight: 700;
color:var(--dp-color-primary);
margin-left:25px;
border: 0;
width:100%;
}
html .select-form .deluxe-select{
width:calc(100% - 140px);
max-width:600px;
display:block;
position:Relative;
}
html .select-form .deluxe-select .select-selected:after{
content:"";
background-image: url(/wp-content/themes/win/assets/images/icon-select-arrow.svg?asd);
width:30px;
height: 12px;
position:absolute;
right:10px;
top: 23px;
display:block;
z-index:5;
background-size: contain;
background-repeat: no-repeat;
background-position:center;
transition:transform .3s ease;
}
html .select-form .deluxe-select .select-selected.select-arrow-active:after{
transform:rotate(180deg);
top: 18px;
}
html .deluxe-select { position: relative; font-family: var(--dp-font-primary); font-family: Arial; width: calc(100% - 10px); margin-left:40px;
}
html .deluxe-select select { display: none; /*hide original SELECT element: */}
html .select-selected { background-color: white;
}
/* Style the arrow inside the select element: */html .select-selected:after { position: absolute; content: ""; top: 19px; right: 10px; width: 0; height: 0;
}
html .has-deluxe-select {
overflow:visible;
z-index:100
}
/* style the items (options), including the selected item: */html .select-items div, html .select-selected { text-align: left; color: var(--dp-color-primary); padding: 9px 16px; border: 1px solid transparent; font-family: var(--dp-font-primary); cursor: pointer;
}
html .deluxe-select .select-selected { font-weight: bold; text-align: left; }
/* Style items (options): */html body .deluxe-select div.select-items { position: absolute;
background:white; top: 100%; margin-top: 10px; left: 0; right: 0; z-index: 9999; box-shadow: 4px 4px 8px 0px #00000040;
}
/* Hide the items when the select box is closed: */html body .deluxe-select .select-hide { display: none;
}
html body .deluxe-select .select-items div {
transition: all .3s ease;
}
html body .deluxe-select .select-items div:first-child {
display: none;
}
@media (hover: hover) {
html body .deluxe-select .select-items div:hover {
background-color: var(--dp-color-primary);
color:white;
}
}
@media(max-width:1024px) {
html body .select-form .deluxe-select{
width:100%;
}
html body .has-deluxe-select >div {
padding-right:20px !important;
padding-left:20px !important;
}
html body .has-deluxe-select .mod-txt{
display:flex;
justify-content:center;
align-items: center;
}
html body .has-deluxe-select .dp-txt\:h3{
font-size: 20px;
}
html body .has-deluxe-select .deluxe-select,html body .has-deluxe-select .select-form select{
margin-left:0 !important;
padding-left:0!important;
margin-top: 10px;;
}
html body .has-deluxe-select .select-selected {
font-size: 18px;
padding-right:35px;
}
html body .has-deluxe-select .deluxe-select .select-items{
font-size: 18px;
}
html .select-form .deluxe-select .select-selected:after {
width: 18px;
top: 17px;
}
}
/* @end *//* ---- footer.css---- *//* @override
http://sandbox.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/footer.css?* *//* ---- forms.css---- *//* @override
http://sandbox.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/forms.css?* *//* forms */.fform .row {
display:flex;
flex-direction:row-reverse;
justify-content:flex-end;
align-items: center;
}
[data-fform] {
width:100%
}/* ---- fx.css---- *//* ---- header.css---- *//* @override http://sandbox.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/header.css?* https://hca.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/header.css?* https://hcarchitects.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/header.css?* */.header_banner { padding: 17px; letter-spacing:.09em
}
html .dp-horiz { display:flex;
}
html .dp-navbar{ display:flex; align-items: center;
}
html .main-nav .dp-menu a { display: block;
}
html .dp-menu { display:flex; align-items: center;
}
html .dp-nav-desktop .icon { height:31px; top: 2px; display:inline-block; width:auto!important; aspect-ratio:1 /1 ;
}
html .dp-nav-desktop .icon svg{ width:100%; height:100%;
}
html .dp-nav-desktop .dp-menu li { position: relative;
}
html .dp-nav-desktop .dp-menu li::after{ content: ""; width: 1px; height: 15px; position: absolute; right: -2px; display: block; top: 4px;
}
html .dp-nav-desktop .dp-menu li::last-child:after,
html .dp-nav-scroller .dp-menu li::last-child:after { display: none;
}
html .dp-nav-scroller .dp-menu li:nth-child(1):after { top: 17px; right: 2px;
}
.muted-item #dp-scrollnav-holder{ position:relative !important;
}
@media (min-width: 768px) {
html #dp-scrollnav { position: relative; z-index: 100; }
}
/* Sub Menu */@media (min-width: 768px) { html header > div, header header, header nav, header .dp-navbar, header .dp-menu, header .dp-menu li { overflow: visible; } html .dp-nav-desktop:hover, nav:hover > .dp-contain { overflow: visible; } html .dp-navbar { z-index: 200; position: relative; } html .dp-navbar:after { content: ""; display: block; clear: both; }
}
@media(min-width:768px) { html #dp-scrollnav-holder:hover, html #dp-scrollnav-holder:hover *{ overflow:visible; }
.nolink > a{ pointer-events:none;
} html .dp-nav-desktop .isbutton { margin-top: -20px; margin-bottom:-5px; margin-left:55px } html .dp-nav-desktop { display:flex; align-items: center; }
}
/* @group Sub Menus */ @media (min-width: 768px) {
html .dp-nav-desktop li .sub-menu li { display: block !important; width: 100% !important; }
html .dp-nav-desktop .menu-item-has-children:hover > .sub-menu { height: auto; max-height: 900px !important; }
html .dp-nav-desktop .sub-menu { position: absolute !important; top: 20px; min-width: 150px; letter-spacing: .01em; line-height: 1.2em; text-align: left; left: 2px; right: -10px; margin-left: 0px !important; height: 0; max-height: 0; transition: max-height 1s ease; }
html .dp-nav-desktop .dp-menu .sub-menu a { font-size: 13px !important; font-weight: 400 !important; text-transform: uppercase !important; letter-spacing: .01em; margin-top: 0 !important; display: block !important; text-align: left !important; text-decoration:none; font-style:normal !important; } html #dp-scrollnav-holder .sub-menu { overflow: hidden;
}
html #dp-scrollnav-holder ul li:hover > .sub-menu,
html #dp-scrollnav-holder ul li:hover li{ overflow: visible; } html .sub-menu > li:first-child { margin-top: 1px !important; padding-top: 5px; }
html #dp-scrollnav-holder .dp-nav-mobile .menu-item-has-children > .sub-menu{
position:Relative; transition:max-height 1s ease; overflow:hidden;
}
}
/* @end */html body .dp-nav-desktop .dp-menu li.menu-item.coming-soon a { pointer-events: none;
}
html body .dp-nav-desktop .dp-menu .catlink > a { pointer-events: none;
}
/* ---- nav-mobile.css---- *//* @override
https://bono-holt.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/nav-mobile.css?* *//* mobile */html .dp-button-mobile-menu { width: 44px; height: 20px; right:0px; position:relative;
}
html .dp-toggle-icon { color: black height:15px; border-top: 2px solid
}
html .dp-toggle-icon:before, html .dp-toggle-icon:after { border-top: 2px solid ;
}
html .dp-toggle-icon:before{ top: 9px;
}
html .dp-toggle-icon:after { bottom: 0%;
}
html .dp-nav-scroller .dp-menu {
gap:4px;
} html .mobile-nav-footer { position:absolute; width:100%; bottom: 0; background:#222; display:flex; justify-content:center; align-items: center; border-top: 3px solid #333!important; }
.dp-nav-scroller .contact-form .social-links{
display:none;
}
.mobile-nav-footer .social-links{
display:flex;
justify-content:center;
align-items: center;
padding:3px!important
}
.mobile-nav-footer .social-links a{
padding:0!important
}
.mobile-nav-footer {
display:flex;
flex-direction: column;
}
.mobile-nav-footer .utility-nav{
display:flex;
width:100%;
}
.mobile-nav-footer .utility-nav >*{
width:100%;
text-align:center;
padding:10px;
justify-content:Center;
align-items: center;
display:flex;
gap:5px
}
.mobile-nav-footer .utility-nav >*:first-child{
border-right:4px solid #444
}
.mobile-nav-footer .utility-nav a{
text-decoration: none;
}
.mobile-nav-footer .utility-nav {
border-bottom:4px solid #444
}
html.slide--up header .logo { transition-delay: .2s;
}
html .dp-navbar .dp-button-mobile-menu { width: 44px; height: 20px; right:0px; position:relative;
}
html .dp-navbar .dp-toggle-icon { color: black height:15px; border-top: 2px solid black
}
html .dp-navbar .dp-toggle-icon:before, html .dp-navbar .dp-toggle-icon:after { border-top: 2px solid black;
}
html .dp-navbar .dp-toggle-icon:before{ top: 9px;
}
html .dp-navbar .dp-toggle-icon:after { bottom: 0%;
}
.dp-nav-scroller .dp-menu{
margin-top: 30px;
width:100%
}
/* -------- Mobile menu ---------- */#dp-scrollnav-holder{ -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; left: 0;
}
.dp-nav-ease .site-holder #dp-scrollnav-holder,
.dp-mobmenu .site-holder #dp-scrollnav-holder{ position:absolute!important; left: 0 !important; right: 0 !important
}
.site-holder{ position:relative; transition:all .3s ease; left:0
}
@media(max-width:768px) { .dp-mobmenu .site-holder{ left: -100vw; z-index:100 }
}
html .dp-nav-mobile .dp-menu .is-button{ display:none
}
/* Prevent body scrolling when using mobile menu */html .dp-nav-mobile{ transition: all .3s ease; z-index:1; background-color: var(--dp-color-tertiary);
}
html:not(.dp-mobmenu) .dp-nav-mobile{ display:none
}
.dp-nav-mobile .dp-nav-scroller { padding:0 15px !important
}
.mob-logo { width:120px; display:block; padding:15px; margin:auto;
}
.mob-logo img { width:100%; height:Auto;
}
.dp-nav-mobile .social-links { justify-content:center; align-items: center; display:flex;
}
.dp-nav-mobile .social-links li { text-align:center;
}
.dp-nav-mobile .social-links li a { padding:15px 10px;
}
.dp-nav-mobile .social-links li a span { display:block; margin:auto; width:auto;
}
.dp-nav-mobile .social-icon svg { width:15px; max-width:25px; height:auto; display:block; margin-top: -3px;
}
.dp-nav-mobile .social-icon svg path {
fill: white;
}
/* Prevent body scrolling when using mobile menu */@media(max-width:768px){ html.dp-mobmenu body { overflow: hidden; } } html.dp-mobmenu .sub-menu{ position:Relative; } html.dp-mobmenu li:not(.expanded) { overflow:hidden } #dp-scrollnav-holder { width:100%; } header.dp-menu { list-style: none; display:table; } html .dp-nav-mobile{ position:fixed; transition: height .3s ease; width:100%; height:100vh height:100dvh; top: 0; bottom: env(safe-area-inset-bottom, 0); } html .dp-nav-mobile .dp-nav-scroller { position:absolute; right: 0; left: 0; top: 75px; padding:0; bottom: calc(env(safe-area-inset-bottom) + 118px); overflow-x: hidden; overflow-y:auto; } html .dp-nav-mobile .dp-menu { width:100%; } html .dp-nav-mobile li a { position:Relative; text-decoration:none; padding:15px 20px 15px 20px; } html .dp-nav-mobile .menu-item-has-children > a { position:Relative; display:flex; justify-content:flex-start; align-items: center; } html .dp-nav-mobile { text-align:left; } html .dp-nav-mobile li { position:Relative; margin:auto; width:100%; } .dp-nav-scroller { display:flex; width:100% }
html .dp-nav-scroller .padding {
width:100%
}
html .dp-nav-scroller .dp-menu {
position:relative;
left: 0;
}
html .dp-nav-scroller *:is(.dp-menu, .expanded) { flex-direction: column; transition:all .3s ease;
}
html .dp-nav-scroller .dp-menu .menu-item.expanded {
position:absolute;
top: 0;
left: 0;
}
html .dp-nav-scroller .dp-menu .menu-item.expanded{ height:auto; overflow:visible;
}
html .dp-nav-scroller .dp-menu:has(.expanded),
html .dp-nav-scroller .expanded:has(.expanded) {
transform: translatex(-100vw);
overflow:visible;
}
html .dp-nav-scroller .dp-menu .menu-item.expand{ max-height:800px; z-index:100; top:0; left: 100vw; opacity:1 !important; width:100vw } html .dp-nav-mobile .dp-menu { width:100%; } html .dp-nav-mobile .menu-item-has-children > a{ padding-right:40px; } html .dp-nav-mobile .menu-item-has-children .accordion { display:flex; justify-content:center; align-items: center; right: 5px; width: 30px; top: -5px;
left: auto; padding: 20px 10px; position: absolute; } html .dp-nav-mobile .menu-item-has-children > .accordion:after { content:""; display: block; right: 0px; top: 0px; width: 8px; height: 8px; position: relative; border-top: 2px solid; border-right: 2px solid; transform: rotate(45deg); transition: all .3s ease; } html .dp-nav-mobile .menu-item-has-children > .sub-menu > li { position:relative; } html .dp-nav-mobile .menu-item-has-children .sub-menu .accordion {
right: 30px;
} html .dp-nav-mobile .menu-item-has-children.expand > .accordion { left: 0; right: auto; } html .dp-nav-mobile .menu-item-has-children.expand > .accordion:after, html .dp-nav-mobile .menu-item-has-children:is( :focus-within) > .accordion:after{ transform: rotate(-135deg); top:5px; right: auto; left: 0; } html .dp-nav-mobile .menu-item-has-children .sub-menu{ transition: max-height .3s ease; } html .dp-nav-mobile .menu-item-has-children .sub-menu:has(.expanded){ position:static } html .dp-nav-mobile .menu-item-has-children.expand > .sub-menu >li > a{ font-weight: 400; } html .dp-nav-mobile .expanded:not(:has(.expanded)) { height:calc(100vh - 200px)!important; overflow-y: auto !important; border:none!important } html .dp-nav-mobile .menu-item-has-children.expand > a{ margin-left:12px; font-weight:bold !important; } html .dp-nav-mobile .menu-item > .sub-menu li { opacity:0; transition:transform .3s ease, opacity .3s ease; transform:translateY(25vw); } html .dp-nav-mobile .expanded > .sub-menu > li{ opacity:1; position:Relative; transform:translateX(0vw); } html .dp-nav-mobile .menu-item > .sub-menu > li > a{ opacity:0; transition:right.3s ease .5s, opacity .3s ease .5s; right:25vw } html .dp-nav-mobile .expanded > .sub-menu > li > a{ opacity:1; position:Relative; right: 0vw; } html .dp-nav-mobile .menu-item-has-children .sub-menu li:last-child{ margin-bottom:20px } html .dp-nav-mobile .menu-item-has-children:not(:focus-within) > .sub-menu{ height:auto; max-height: 0px; } html .dp-nav-mobile .menu-item-has-children:not(:focus-within) > .sub-menu li{ } html .dp-nav-mobile .menu-item-has-children:is(:focus-within) > .sub-menu{ max-height:1000px } html:not(.dp-mobmenu) .dp-nav-mobile { height:0px; overflow:hidden; } html .dp-navbar { overflow:visible; } html.dp-mobmenu .dp-button-mobile-menu{ position:absolute; top:20px } html.dp-mobmenu .dp-toggle-icon, html.dp-mobmenu .dp-toggle-icon:before, html.dp-mobmenu .dp-toggle-icon:after { transition: all .3s ease; transition-delay: 0.125s; } html.dp-mobmenu .dp-toggle-icon:before { transform: translateY(1px) rotate(135deg); } html.dp-mobmenu .dp-toggle-icon { border-color: transparent !important; } html.dp-mobmenu .dp-toggle-icon:after { transform: translateY(-10px) rotate(-135deg); } html .dp-nav-mobile .sub-menu li:not(.expanded) a { padding-left:30px } html .dp-nav-mobile li { font-size: 20px; } html .dp-nav-mobile li a { display: block; } html .dp-nav-mobile { background-color:#333; } .dp-nav-mobile .dp-button-mobile-menu { right:10px !important }
.dp-nav-mobile .contact-form .mod{ padding-top: 0;
}
/* ---------- end logo -------- *//* ---- nav.css---- */#dp-scrollnav-holder{
position:fixed;
width:100%;
z-index:1000;
top:0; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
.dp-horiz ul{
padding:0;
margin:0;
}
.dp-horiz li{
display: inline-block;
} .dp-toggle-icon:after, .dp-toggle-icon:before { border-top: 2px solid; left: 0; right: 0; content: ""; display: block; position: absolute; width: 100%;
}
.dp-navbar{
overflow:visible;
}
.dp-button-mobile-menu {
position: absolute;
box-sizing: border-box;
}
.dp-toggle-icon {
display: block;
}
.dp-toggle-icon:before, .dp-toggle-icon:after {
border-top: 6px solid;
}
/* * This is where all the animation happens */.dp-toggle-icon, .dp-toggle-icon:before, .dp-toggle-icon:after {
transition: border-color .3s cubic-bezier(0.5, -0.5, 0.5, 1.5);
}
.dp-navbar.dp-nav-mobile{
position:fixed;
}
/* ---- overlay-tout.css---- *//* @group Overlay Tout */.overlay-tout img {
width:100%!important;
height:auto!important;
object-fit:cover!important
}
.overlay-tout.mod h2{
margin-bottom:0!important;
padding-bottom:0!important;
}
.overlay-tout .button {
background-color:transparent !important;
width:auto!important;
min-width:250px
}
.overlay-tout .button:hover {
background-color:black !important;
}
.overlay-tout.mod {
position:Relative;
height:550px;
}
.overlay-tout.mod > div{
padding-bottom:calc(var(--dp-site-padding)/2);
}
/* @end */.fade-tint\:l:after{
content:"";
position:absolute;
top: 0;
left: 0;
width:100%;
bottom:0;
z-index:2;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.6) 40%, rgba(255,255,255,0) 100%);
}
@media(max-width:864px) {
.overlay-tout{
width:100% !important;
height:auto !important;
}
}/* ---- pagination.css---- *//* ---- parallax.css---- *//* @group Parallax */html img.parallax, html picture.parallax{
width:100%;
height: 100%;
object-fit: cover;
}
@media(min-width:768px) {
.offset .simpleParallax > * {
left: -15vw !important;
position:relative;
}
}
@media(min-width:767px) {
.offset.fade-grey .simpleParallax:after {
content:"";
position:Absolute;
top: 0;
left: 0%;
right: 0;
bottom:0;
background: linear-gradient(-90deg, #EAEAEA 40%, rgba(217, 217, 217, 0) 80%);
}
}
.simpleParallax {
top: 0;
left: 0;
right: 0;
bottom:0
}
/* @end *//* ---- poppup-overlay.css---- */ /* ---- promos.css---- *//* @override
http://sandbox.local/wp-content/themes/shapeshifter/assets/css/theme/promos.css?* */.tout {
z-index:900;
transition:opacity .3s ease;
}
.tout, .tout .tout-container{
overflow:visible;
}
.tout .tout-container{
box-shadow:0px 0px 5px rgba(0,0,0,.5);
border:1px solid #ffffff73;
margin:auto;
position:Relative;
}
@media(min-width:768px){
html.hastout footer{
padding-bottom:300px;
}
}
.tout .btn-close{
top: -5px;
right: -5px;
}
@media(min-width:769px) {
.tout {
position:fixed;
bottom: 10px;
}
.tout.pos-lt {
left:10px;
}
.tout.pos-rt {
right:10px;
}
}
@media(max-width:769px) {
.tout {
margin:calc(var(--dp-site-padding)/2) auto
}
}
.header-banner{
transition:opacity .3s ease;
}
.header-banner p{ margin:0
}
.header-banner, .header-banner-container, .header-banner-box {
position:relative;
overflow:visible;
}
.header-banner,
.header-banner-box{
overflow:visible;
}
.header-banner .btn-close{
top: -5px;
width:20px;
height:20px;
right: 15px;
position:absolute;
background: Transparent;
}
.header-banner .btn-close svg{
margin-top: -2px;
width: 15px;
height:auto;
}
.header-banner .btn-close svg *{
fill: black;
}
.popup-dogear { transition: all .5s ease; cursor:pointer; z-index: 10;
}
@media(min-width:768px){
.popup-dogear { position:fixed; top: 210px; right: 0px; background: linear-gradient(90deg, rgba(251,248,243,1) 95%, rgba(227,225,223,1) 100%); padding:4px 0 4px 4px; box-shadow:0 2px 4px rgba(0,0,0,.3); border-radius:6px 0 0 6px; } .popup-dogear:hover .subscribe{ background: var(--dp-color-primary); }
}
.popup-dogear .tab-content {
border-radius:5px 0 0 5px;
overflow:hidden;
}
.popup-dogear h3{ font-family: "Lato, sans-serif", sans-serif; font-weight: 500; font-size: 18px; text-align:center; border:1px solid var(--dp-color-primary); padding:10px; border-radius:4px 0 0 4px; border-right: none; transition:all .5s ease;
}
.popup-dogear h3 em{ display:block; font-style: normal; font-weight: 700; }
.popup-dogear:hover h3{ color:var(--dp-color-quinary); border-color:var(--dp-color-quinary); }
@media(max-width:768px){ header .popup-dogear { top: 100px; right: 0px; background: rgba(251,248,243,1); padding:3px; box-shadow:0 2px 4px rgba(0,0,0,.3); } header .popup-dogear h3{ padding:5px; border-radius:4px 0 0 4px; } .popup-dogear:hover { background: rgba(113,16,17,1); } header .popup-dogear h3 em{ display: inline; }
}
/* ---- remove-recaptcha.css---- */html .grecaptcha-badge { display: none !important;
}/* ---- search-bar.css---- *//* Search box */html:not(.show-search) .search-box { max-height: 0px; opacity: 0;
}
html .search-box { overflow: hidden; transition: max-height .3s ease;
}
html.show-search .search-box { height: auto; max-height: 70px; opacity: 1;
}
html .search-box { overflow: hidden !important; transition: max-height .3s ease;
position:relative;
}
html .search-box:after {
content: "";
position:absolute;
top: 0;
left: 0;
height:5px;
background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 70%);
width:100%;
z-index:100
}
/* ---- share-links.css---- *//* ---- subscription-links.css---- */@media(max-width:730px) {
html .subscription-links {
border:1px solid black;
}
}
html .subscribe-header {
background: white;
}
html .subscribe-header {
display:inline-block;
z-index:5;
padding:0 15px;
position:relative;
}
@media(min-width:600px) {
.row .link-rows {
width:calc(100% - 300px);
}
} .fa-podcast:before { color: #cc35ff; } .fa-google:before { color:#367FFF; } .fa-spotify:before { color:#00D850; } .fa-rss:before { color: #fa9716; }
html .subscription-links {
z-index:4;
text-align:right;
position:relative;
height:100%;
padding: 0 10px;
overflow:visible;
justify-content:flex-start;
text-align:Center;
max-width:500px;
}
html .subscription-links > div {
overflow:visible;
}
.subscription-links{
max-width:1024px;
} .subscribe-header {
overflow:visible;
position:relative;
top: -15px;
}
.subscriotion-links .link-rows{
padding-top:20px;
}
.subscription-links.link-rows, .subscription-links [class*='fa']:before {
height:50px;
font-size: 40px;
text-align:center;
margin-left:auto;
margin-right:auto;
} html .link-rows{
margin:0 auto;
align-self: center; }
.link-rows a {
margin-bottom:20px;
display:block;
}
.subscription-links .link-rows a span{
display: block;
font-weight: bold;
text-transform:uppercase;
font-size: 13px;
margin-top:3px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.subscription-links.link-rows .fa-rss:before {
font-size: 35px;
position:relative;
bottom:-7px;
}
.subscription-links .link-rows a {
min-width:80px;
}
a.provider-link .icon { top: 5px;
width:100%; background-position: center; position: relative;
background-size: contain;
background-repeat: no-repeat;
margin:auto;
}
html body .subscription-links-row {
padding:0 15px;
}
@media(max-width:1024px) {
html .subscription-links {
max-width:500px;
margin-right:Auto;
margin-left:Auto;
}
} .subscription-links .iheart .icon { height: 33px;
}
@media(min-width:768px) {
html .subscription-links .provider-links {
text-align:Center;
margin:auto;
padding:10px!important;
}
html body .subscription-links-row .subscription-links {
border:none;
max-width:1024px;
padding:0px 10px!important;
}
html body .subscription-links-row .subscription-links .subscribe-header{
top: 0;
}
html body .subscription-links-row .subscription-links .subscribe-header h3{
font-weight: 300;
}
html body .subscription-links-row .link-rows a {
margin-bottom:10px;
}
}
@media(max-width:768px) {
.subscription-links {
max-width:500px;
}
}
/* ---- tag-nav.css---- */html .tag-nav {
border-top: 1px solid var(--dp-color-secondary);
border-bottom: 1px solid var(--dp-color-secondary);
padding:14px
}
html .tag-nav, html .tag-nav .links, html .tag-nav .trend-title { position: relative; overflow: visible; z-index:2;
}
html .tag-nav .trend-title { top:-2px;
}
html .tag-nav .trend-title:before { content: ""; background: var(--dp-color-secondary); width: 50vw; height: 60px; display: block; position: absolute; right: 2px; top: -22px; z-index:1;
}
html .tag-nav span {
position:Relative;
padding-right:8px;
margin-right:6px;
}
html .tag-nav .trend-title{ padding-right:calc(var(--dp-site-padding)/4);
}
html .tag-nav .trend-title span{
padding:0; margin:0; z-index:2
}
html .tag-nav a{
color:#333;
padding:0 15px;
} @media (hover: hover) {
html .tag-nav a:hover{
color:var(--dp-color-secondary);
}
}/* ---- theme-toggle.css---- */.theme-toggle {
position:fixed;
bottom: 0;
right: 5px;
width: 95px;
height:35px;
border:1px solid #333;
border-bottom:none;
border-radius:10px 10px 0 00;
background-color: white;
mix-blend-mode: difference;
z-index:1000;
}
.theme-toggle .control:before{
content:"";
position:absolute;
width: 15px;
height:15px;
top: 6px;
left: -20px;
background-image: url('/wp-content/themes/theme/assets/images/icon-toggle-light.svg');
background-size: contain;
}
.theme-toggle .control:after {
content:"";
position:absolute;
width: 13px;
height:13px;
top:6px;
left:auto;
right: -20px;
background-image: url('/wp-content/themes/theme/assets/images/icon-toggle-dark.svg');
background-size: contain;
}
.theme-toggle .control{
position: absolute;
top: 5px;
left: 28px;
width:35px;
height:40px;
overflow:visible;
}
.theme-toggle .hit{
position: absolute;
border-radius:30px;
background-color:black;
height:18px;
left:0px;
top: 4px;
width:100%;
display:block;
border-left:none !important;
}
.theme-toggle button .toggle{
position: absolute;
width: 15px;
height:16px;
top: 1px;
left: 0;
padding:0;
background-color:white;
border-radius:50%;
transition:left .3s ease;
} @media (hover: none) { .theme-toggle {
right:0;
border-radius:10px 0px 0 0;
width: 100px;
} }
html .theme-toggle button .toggle{
left: 2px;
}/* ---- utility-nav.css---- */.utility-nav.floating{ position:fixed;
display:flex;
right: 0;
bottom: 3px;
gap:10px;
padding:5px 10px;
margin-top: 18px;
justify-content:Center;
z-index:10000; background-blend-mode: differnece; background-color: rgba(0,0,0,.8); transition:right .3s ease
}
.utility-nav.floating { right: -90px; border-radius: 40px 0 0 40px
}
.utility-nav.floating .txt{ opacity:0
}
.utility-nav.floating:hover .txt{ opacity:1
}
.utility-nav.floating:hover { right: 0px;
}
.utility-nav.floating a{ padding:10px 5px;
text-decoration: none;
font-size: 16px;
display:flex;
align-items: center;
gap:5px;
color:white
}
/* @override
http://sandbox.local/wp-content/themes/shapeshifter/assets/css/theme/theme.css?*
https://shapeshifter.local/wp-content/themes/shapeshifter/assets/css/theme/theme.css?* */html{
scroll-behavior: smooth;
}
html, body{margin:0; font-family:var(--dp-font-primary)}
a {
transition:all .3s ease;
}
body {
width:100%;
}
.mod-m1 {
position:Relative;
}
.mod img:not(.no-size):not(.parallax) { width: 100%; height:auto;
}
@media(max-width:768px){
html img.parallax, html picture.parallax { height: 100% !important; transform: none !important;
}
}
html .dp-txt\:titlecase {
text-transform:capitalize!important
}
html body .dp-nav-desktop .dp-menu li.menu-item.coming-soon a { background-color: #0a2a35; color: #69758c !important; pointer-events: none;
}
html body .dp-nav-desktop .dp-menu .catlink > a { pointer-events: none;
}
.dp-contain:is(default-spacing\:all, default-spacing\:sides) {
max-width:calc(var(--dp-site-width) + var(--dp-site-padding));
}
html h1,
html h2,
html h3,
html h4 {
font-weight: 400;
margin-bottom:10px
}
.social-icon {
aspect-ratio: 1.5 / 1;
max-width:45px;
display:block;
padding:5px;
}
.social-icon svg{
width:100%;
height:100%;
}
.social-icon svg path{
fill: #000;
transition: fill .3s ease;
}
a:hover .social-icon path{
fill: #ccc;
} p:first-of-type { margin-top: 0; } p:last-of-type { margin-bottom: 0; } /* @group Buttons */ html .mod .button { cursor: pointer; } button.icon { appearance:none; border:none; background:none; } button.icon span{ display: none; } html .button:not(.nostyle), .wpcf7-submit, html .ccf-submit-button, html [type="submit"], html .mod .woocommerce .button, html .mod .woocommerce .checkout-button.button, html .mod .woocommerce [type="submit"] { display:inline-block; background:transparent; border:3px solid var(--dp-color-tertiary); color: var(--dp-color-tertiary); width:auto; min-width:0px; appearance:none; padding:12px 50px; border-radius:30px; transition: all .3s ease; text-decoration:none; cursor:pointer; } html .button.btn-sm, .btn-sm .wpcf7-submit, html .btn-sm .ccf-submit-button, html [type="submit"].btn-sm, html button.btn-sm { padding:6px 20px; font-size: 14px; } html .button:not(.nostyle):hover, .wpcf7-submit:hover, html .ccf-submit-button:hover, html [type="submit"]:hover, html .mod-m2 [data-linktype="blocklink"]:hover button{ background-color:var(--dp-color-tertiary);
border:3px solid var(--dp-color-primary); color: white } .txt-lght .button, .button-alt .button, .button.alt, .m1_2clmn .floating-overlay .button { } .txt-lght .button:hover, .button-alt .button:hover, .button.alt:hover, .m1_2clmn .floating-overlay .button:hover { } html .mod-txt-lght .button.btn-rev, html .mod-txt-lght .wpcf7-submit.rev, html .mod-txt-lght .ccf-submit-button.btn-rev, html .mod-txt-lght [type="submit"].btn-rev, html .mod-txt-lght button:not(.icon).btn-rev, html .mod .woocommerce .button, html .mod .woocommerce:not(.asd) [type="submit"], html .mod .woocommerce .checkout-button.button{ background-color: var(--dp-color-tertiary); border:3px solid var(--dp-color-tertiary); color:var(--dp-color-primary); border:3px solid v ar(--dp-color-tertiary); } html .mod-txt-lght .button:not(.btn-alt):hover, html .mod-txt-lght .wpcf7-submit:not(.btn-alt):hover, html .mod-txt-lght .ccf-submit-button:not(.btn-alt):hover, html .mod-txt-lght [type="submit"]:not(.btn-alt):hover, html .mod-txt-lght button:not(.icon):not(.btn-alt):hover,{ color: var(--dp-color-primary); background-color:var(--dp-color-tertiary);
border:3px solid var(--dp-color-tertiary) } html .mod-txt-lght .button.btn-rev:hover, html .mod-txt-lght .wpcf7-submit.btn-rev:hover, html .mod-txt-lght .ccf-submit-button.btn-rev:hover, html .mod-txt-lght [type="submit"].btn-rev:hover, html .mod-txt-lght button:not(.icon).btn-rev:hover{ color: var(--dp-color-tertiary);
background-color:transparent;
border:3px solid var(--dp-color-tertiary); } html .mod .woocommerce .button:hover, html .mod .woocommerce:not(.asdads) [type="submit"]:hover, html .mod .woocommerce .checkout-button.button:hover { background-color: var(--dp-color-primary); color:white; border-color: var(--dp-color-primary); } html .mod-txt-lght .button, html .mod-txt-lght .wpcf7-submit, html .mod-txt-lght.ccf-submit-button, html .mod-txt-lght [type="submit"], html .mod-txt-lght button:not(.icon){ } html .mod-txt-lght.button:hover, html .mod-txt-lght .wpcf7-submit:hover, html .mod-txt-lght .ccf-submit-button:hover, html .mod-txt-lght [type="submit"]:hover, html .mod-txt-lght button:not(.icon):hover{ } .btn-txt { font-weight: bold; text-transform:uppercase; font-size: var(--dp-txt-xsmall); text-decoration:none; color:var(--dp-color-quarternary); position:Relative; } .btn-back { padding-left:15px; } .btn-back:before{ content: ''; width: 6px; height: 6px; display: block; border-top: 2px solid; border-left: 2px solid; transform-origin: 50%; right: -15px; top: 3px; position: absolute; left: 2px; top: 4px; transform: rotateX(0deg) rotateY(-50deg) rotateZ(-50deg); } /* @end *//* @group Header */#dp-scrollnav {
padding-left:15px;
padding-right:15px
}
header {
box-shadow:0 0 5px rgba(0,0,0,.3);
background: var(--dp-color-quinary);
}
header .header-banner {
background-color: var(--dp-grey-light);
}
@media(min-width:769px) { html header .dp-menu { gap:10px;
} html header .dp-menu a{ border-radius:4px
} html header .dp-menu a:hover{ border-radius:4px
}
html .dp-nav-desktop .dp-menu li:not(.isbutton) > a{
font-weight: 400;
display:block; background-color: var(--dp-color-severnary); color: var(--dp-color-quaternary);
}
html .dp-nav-desktop .dp-menu li:not(.isbutton)> a:hover{ color:white; background-color: var(--dp-color-primary);
}
html .dp-nav-desktop .dp-menu > li > a { padding: 7px 15px; font-size: var(--dp-txt-xsmall); font-weight: 600; text-transform: uppercase; text-decoration:none; letter-spacing:.1em; font-size: 13px; letter-spacing:.01em
}
}
@media(max-width:768px) {
html .dp-nav-mobile:before{
content:"";
position:absolute;
left: 0;
right: 0;
top: 0;
height:60px;
background-color: var(--dp-color-quinary);
z-index:1
}
html .dp-nav-mobile .mob-logo {
z-index:2;
position:relative;
}
html .dp-nav-mobile .dp-button-mobile-menu{
color:White;
width:31px;
height:15px;
right:20px !important;
z-index:3
}
.dp-nav-scroller .dp-menu{
padding:0
}
.dp-nav-scroller .dp-menu a{
padding:5px 0;
font-size: var(--dp-txt-med-mob);
color:var(--dp-color-tertiary)
}
.dp-nav-scroller .dp-menu li:not(:last-child) a {
border-bottom:1px solid rgba(128, 211, 254, 0.3);
}
}
.mobile-nav-footer .utility-nav a {
background-color: var(--dp-color-primary);
color:var(--dp-color-tertiary)
}
.mobile-nav-footer .utility-nav a {
background-color: var(--dp-color-primary);
color:var(--dp-color-tertiary)
}
html .dp-nav-mobile{ background-color: var(--dp-color-primary); }
html .dp-nav-desktop .dp-menu li::after {
display:none;
}
/* GitHub logo */html .dp-nav-desktop .dp-menu li.icon-github,
html .dp-nav-scroller .dp-menu li.icon-github {
position:Relative;
overflow:visible;
}
html .dp-nav-desktop .dp-menu li.icon-github a {
padding-right:20px!important
}
html .dp-nav-desktop .dp-menu li.icon-github::after{
content:"";
background-size: contain!important;
background-repeat: no-repeat !important;
width:15px;
height:15px;
display:block;
position:absolute;
top: -3px;
background-image: url('/wp-content/themes/shapeshifter/assets/images/logo-github-icon-wht.svg');
}
html .dp-nav-scroller .dp-menu li.icon-github a {
padding-right:20px!important
}
html .dp-nav-scroller .dp-menu li.icon-github::after{
content:"";
background-size: contain!important;
background-repeat: no-repeat !important;
width:58px;
height:28px;
display:block;
position:absolute;
top: 10px;
opacity:.6;
background-image: url('/wp-content/themes/shapeshifter/assets/images/logo-github-wht.svg');
}
/* ----------------------------- Logo ------------------------- */html .logo-n-nav { display: flex; width: 100%; justify-content: space-between; }
html .logo-n-nav .logo img { width: 100%; height: auto;
}
html .logo { max-width: 160px;
padding:20px 0
} html header .logo, html .logo >div, html .dp-nav-desktop { transition: padding .3s ease; }
html body #wpadminbar {
display: none!important;
}
html .logo >div{ padding-bottom:0
}
}
@media(max-width:768px) { html header .logo { max-width: 104px; }
}
html .logo { padding: 15px 0 15px 0; transition: top .3s ease; position: relative; }
}
html.slide--up header .logo { transition-delay: .2s;
}
html .dp-navbar .dp-button-mobile-menu { width: 44px; height: 20px; right:0px; position:relative;
}
html .dp-navbar .dp-toggle-icon { color: black height:15px; border-top: 2px solid var(--dp-color-quaternary);
}
html .dp-navbar .dp-toggle-icon:before, html .dp-navbar .dp-toggle-icon:after { border-top: 2px solid var(--dp-color-quaternary);
}
html .dp-navbar .dp-toggle-icon:before{ top: 9px;
}
html .dp-navbar .dp-toggle-icon:after { bottom: 0%;
}
/* @group Header Subnav *//* Buffer to psuh sub nav to below the main link*/html .dp-nav-desktop .dp-menu >li:hover > .sub-menu:before {
content:" ";
position:absolute;
width: 100%;
height: 20px;
top: -20px;
}
html .dp-nav-desktop .dp-menu >li:hover > .sub-menu {
top: 40px;
}
html .dp-nav-desktop li:hover > .sub-menu {
background-color: white;
padding:10px;
box-shadow:0px 0px 3px rgba(0,0,0,.4);
}
html .dp-nav-desktop .sub-menu a{
padding:10px;
opacity: 0;
transition: opacity .3s ease;
}
html .dp-nav-desktop li:hover .sub-menu a{
padding:10px;
opacity: 1;
transition: opacity .3s ease .1s;
}
html .dp-nav-desktop .sub-menu .sub-menu {
left: calc(100% - 10px);
position:absolute;
top: -10px;
}
/* @end *//* @end *//* @group Promos */.popup-dogear .tab-content span{
padding:5px 10px;
display:block;
text-align:Center;
line-height:1.2em;
}
.popup-dogear .subscribe{
text-transform:uppercase;
color:white;
text-align:center;
background-color: var(--dp-grey-med);
padding:3px 15px;
transition:background .3s ease
}
/* @end *//* @group Modules */.ss-slideshow,
.ss-slideshow .item,
.ss-slideshow .owl-stage-outer,
.ss-slideshow .owl-stage,
.ss-slideshow .slide-view,
.ss-slideshow .slides{
}
html .m3-row img {
aspect-ratio:16 : 9;
height:auto
}
.mod-m4 .quote-cred {
justify-content:flex-end;
display:flex;
align-items: center;
}
.mod-m4 .quote-cred:before {
content:"";
width:30px;
height:3px;
display:block;
top: 5px;
position:Relative;
margin-right:10px;
background-color: black;
}
.mod-m4 .quote-cred .mod-auth{
margin-right:10px;
}
.mod-m4 .quote-cred .mod-auth:after{
content:",";
}
@media(min-width:768px) {
.bleed:nth-child(odd) .mod-contain *{
text-align:right;
}
}
/* @end *//* @group Forms*/.mod label {
padding:10px 0 5px;
display:block;
}
.mod [data-fform] {
max-width:800px;
margin:Auto;
}
.mod [data-fform] *:is(input, textarea, select){
color:var(--dp-color-primary);
}
.mod [data-fform] .msg{
padding-top: 10px;
}
.mod .fform .verify {
display:none;
}
.mod [data-fform].sent [data-type="success"]{
display:block!important
}
.mod [data-fform].error [data-type="error"]{
display:block!important
}
.mod *:is([type="text"],[type="email"],[type="tel"],[type="number"],[type="url"],textarea ) {
background-color: #f3f3f3;
border-radius:25px;
padding:15px;
border:none;
width:100%;
box-sizing: border-box;
}
.mod [type="submit"], .sender {
margin:Auto;
display:block;
min-width:50%;
margin-top: calc(var(--dp-site-padding) / 2.5);
margin-bottom:10px
}
html .selector {
position:relative;
display:inline-block;
}
html .selector::before {
position:absolute;
content:"";
top: 2px;
bottom: 2px;
width:1px;
right: 38px;
display:block;
background-color: #ccc;
z-index:2
}
html .selector:after {
position:absolute;
content:"";
color:black;
display:block;
width:8px; height: 8px;
border-bottom: 2px solid; border-right: 2px solid; transform-origin: 50%; transform: rotate3d(.5, 0, 1, 48deg);
top: 50%;
right:15px;
margin-top: -5px;
z-index:3;
}
html .selector select {
appearance:none;
min-width:100px;
padding:12px;
position:relative;
z-index:1;
border-radius:6px
}
html .checkbox-proxy {
position:relative;
}
html .checkbox-proxy [type="checkbox"]{
position:Relative;
opacity:0;
width:30px;
}
html .ffield.row label{
position:Relative;
margin-top: 0px;
}
html .checkbox-proxy [type="checkbox"] + .check:before {
position:absolute;
top: 3px;
content:"";
display:block;
border-color: black;
width: 17px;
height:17px;
border-radius:2px;
border:1px solid;
pointer-events:none
}
html .checkbox-proxy [type="checkbox"]:checked +.check:after {
content:"";
left: 8px;
top: -4px;
width: 6px;
height: 18px;
transform:rotate(35deg);
position:absolute !important;
font-size: 24px;
font-weight: 800px !important;
font-family: var(--dp-font-primary);
pointer-events:none;
border-right:3px solid;
border-bottom:3px solid;
}
/* @end *//* @group Article Index */.article-link .props,
.article-header .props{
position:absolute;
top: 18px;
left: 18px;
}
html .article-link .image-thumb {
aspect-ratio: 16 / 9;
position:relative;
pointer-events:none;
}
html .article-link .props .cat,
.article-header .props a{
background-color: rgba(88,134,145,.4);
border:1px solid white;
color:white;
padding:9px 15px 9px;
line-height:1em;
-webkit-font-smoothing: antialiased;
font-family: var(--dp-font-secondary);
font-size: 11px;
text-decoration:none;
display:inline-block;
} .index-items.masory-layout { margin:0 -20px ; } .index-items.masory-layout .article-link .image-thumb img { width:100%; height:auto; aspect-ratio: 2 / 1!important; } .index-items.masory-layout .article-link h3 { font-size: var(--dp-txt-med); } .index-items.masory-layout .article-link { padding-top:0 !important; padding-bottom:0 !important; } .index-items.masory-layout .article-link .article-margin { padding:0 }
@media(min-width:1350px){ .index-items.masory-layout .article-link, .index-items .grid-sizer{ width:25%; } .index-items.masory-layout .article-link.grid-item.first-child{ width:50% !important; }
}
@media(min-width:864px) and (max-width:1350px){ .index-items.masory-layout .article-link, .index-items .grid-sizer{ width:33%; }
}
html .category-selector a span{
border:1px solid var(--dp-color-senary);
color:var(--dp-color-senary);
font-family: var(--dp-font-secondary);
text-transform:uppercase;
font-weight: 600;
padding:5px 13px 8px;
line-height:1em;
display:inline-block;
transition:all .3s ease;
}
html .category-selector a:hover span,
html .category-selector a.active span{
border:1px solid var(--dp-color-senary);
background-color: var(--dp-color-senary);
color:white;
font-family: var(--dp-font-secondary);
}
html .category-selector a {
display:inline-block;
margin-left:0;
}
html .category-selector {
display:flex;
gap:15px;
flex-wrap:wrap
}
@media(max-width:768px) {
html .category-selector {
gap:10px;
}
html .category-selector a span{ padding:5px 8px 8px;
}
html .index-links .article-link h3{
line-height:1.4em;
font-size: var(--dp-txt-headline-norm-mob);
}
html .index-links .article-link .post-meta {
font-size: var(--dp-txt-xsmall-mob);
}
}
/* @end *//* @group Articles */html .article-content a{
color:var(--dp-color-quinary);
}
html .article-content a:hover{
color:var(--dp-color-primary);
}
/* @end *//* @group Pagination */.cookie-notifyer {
position:fixed;
bottom:10px; z-index:1000;
}
@media(min-width:631px) {
.cookie-notifyer {
left: 50%; margin-left: -300px; width:600px; }
}
@media(max-width:630px) {
.cookie-notifyer {
left: 15px;
right: 15px;
}
}
.pagination {
font-family: var(--dp-font-secondary);
}
.pagination .pgnums .pgnum a {
font-size: 13px;
padding:0 10px;
color:var(--dp-color-senary);
text-decoration:none;
font-weight: 600;
}
.pagination .pgnums .pgnum a.active,
.pagination .pgnums .pgnum a:hover {
color:var(--dp-color-primary);
}
/* @end *//* @group Woo Commerice */html .woocommerce-coming-soon-store-only{
color:white;
}
.type-product {
position:Relative;
}
.product-type-simple .onsale {
background-color: var(--dp-color-quaternary);
width:80px;
height:80px;
border-radius:50%;
left: 50%;
margin-left:-40px;
margin-bottom:-40px;
z-index:10;
position:Relative;
display:flex;
justify-content:center;
align-items: center;
color:var(--dp-color-primary);
font-weight: bold;
font-size: var(--dp-txt-headline-norm);
transform:rotate(-15deg);
}
html .woocommerce-coming-soon-store-only{
color:white;
}
.product-type-simple.sale .price del {
font-size: 28px
}
.product-type-simple.sale .price ins {
text-decoration:none;
color:white
}
.product-type-simple.sale .woocommerce-product-details__short-description {
display:block;
}
/* .product-type-simple.sale .woocommerce-product-details__short-description:after {
padding-top: 15px;
display:block;
content:"Though the price is $0.00, a payment transaction still needs to occur, to generate the license and send you an email. Your bank will not incure a cost.";
}*/.wcpay-express-checkout-wrapper #wcpay-woopay-button {
max-width:200px;
display:block;
margin:auto;
}
.wcpay-express-checkout-wrapper #wcpay-woopay-button a.woopay-express-button{
padding:5px !important;
height:auto!important;
margin-top: 10px;
}
html .has-cardo-font-family, html .has-cardo-font-family *{
font-family: var(--dp-font-primary) !important;
}
html .woocommerce-message, html .woocommerce-error{
background-color: var(--dp-color-quinary);
border-radius:30px;
overflow:hidden;
border:none;
color:white;
}
html .woocommerce-message .button,
html .woocommerce-error .button{
font-weight: 500;
float:right;
}
html .woocommerce-error{
outline:none;
}
html .woocommerce-message,
html .woocommerce-error li {
display:flex;
justify-content:center;
align-items: center;
gap:20px;
outline:none;
}
@media(max-width:768px){
html .woocommerce-message,
html .woocommerce-error li {
flex-direction: column;
text-align: center;
}
}
html .woocommerce-message .button {
float:right;
}
html .woocommerce-message::before,
html .woocommerce-error::before {
display: none;
}
html .woocommerce-message .button:hover,
html .woocommerce-error .button:hover{
border-color:var(--dp-color-tertiary) !important;
color:var(--dp-color-primary)!important;
}
html .woocommerce-cart-form {
border-bottom:1px solid var(--dp-grey-norm);
}
.woocommerce-cart-form .actions{
border-top:1px solid var(--dp-grey-norm);
padding-top: 30px!important;
margin-top:30px !important
}
.woocommerce-cart-form .woocommerce-cart-form__cart-item td{
padding-bottom:30px;
}
.woocommerce-cart-form a{
color:var(--dp-color-quinary);
text-decoration:none;
font-weight: 500;
font-size: 18px;
}
.woocommerce-cart-form .coupon {
display:flex;
flex-direction:column;
}
.woocommerce-cart-form .product-remove [role="button"] {
background-color: var(--dp-color-primary);
color:white!important;
padding-bottom:1px !important;
}
input[name="coupon_code"] {
background-color: white !important;
border: 1px solid var(--dp-grey-norm); !important;
width:100%!important;
margin-bottom:10px;
}
input[name="coupon_code"] + .button{
width:Auto!important;
max-width:215px;
margin-bottom:10px !important;
}
.woocommerce-message{
background-color: var(--dp-color-tertiary);
border:30px !important;
overflow:hidden;
}
.product-type-simple {
width:auto;
margin:auto;
max-width: 768px;
display:flex;
flex-direction:column;
justify-content:center;
}
.coupon-error-notice {
line-height:1.2em;
padding-bottom:20px;
}
input[name="coupon_code"] {
background-color: white !important;
border: 1px solid var(--dp-grey-norm); !important;
width:100%!important;
margin-bottom:10px;
max-width:215px;
margin-left:auto!important;
margin-right: auto;
}
input[name="coupon_code"] + .button{
width:Auto!important;
max-width:215px;
margin-bottom:10px !important;
margin:auto!important
}
.coupon + [name="update_cart"] {
margin-left:auto !important;
margin-right:auto !important;
max-width:215px!important;
}
.woocommerce-message{
background-color: var(--dp-color-tertiary);
border:30px !important;
overflow:hidden;
}
.woocommerce table.shop_table_responsive tr td.product-subtotal {
padding-top: 25px;
}
.woocommerce table.shop_table_responsive tr td.product-subtotal::before {
margin-left:-0px
}
.product-type-simple [type="submit"] {
margin-top: 30px;
}
.product_meta {
display:none
}
.quantity input {
padding:10px;
border-radius:20px;
font-size: 18px;
text-align:center;
min-width:0px;
max-width:100%;
display:none
}
.woocommerce-product-gallery {
mx-width:300px;
width:100%;
margin:auto;
}
.summary.entry-summary {
text-align:Center;
display:flex;
flex-direction:column;
gap:20px;
}
.price{
font-size: 40px !important;
color:var(--dp-color-tertiary);
}
html .woocommerce-product-details__short-description {
max-width:450px;
margin:auto;
}
html .woocommerce-product-gallery img{
width:100% !important;
max-width:300px;
margin:auto;
height:auto;
display:block;
}
html .woocommerce-Tabs-panel--description {
display:none !important
}
html .woocommerce-product-gallery__trigger {
display:none !important
}
html .woocommerce-product-gallery,
html .woocommerce-product-gallery__wrapper{
pointer-events:none
}
html .woocommerce-product-gallery img {
border-radius:20px;
box-shadow:0 0 15px rgba(0,0,0,.5);
border:1px solid var(--dp-color-quinary);
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { display: none !important;
}
html .woocommerce-message{
background-color: var(--dp-color-quinary);
border-radius:30px;
overflow:hidden;
border:none;
color:white;
}
html .woocommerce-message .button{
font-weight: 500;
}
html .woocommerce-message {
display:flex;
justify-content:center;
align-items: center;
gap:20px;
}
@media(max-width:728px) {
html .woocommerce-message {
flex-direction:column;
text-align: center; padding: 20px 20px 0;
}
}
html .woocommerce-message .button {
float:right;
}
html .woocommerce-message::before {
display: none;
}
html .woocommerce-message .button:hover{
border-color:var(--dp-color-tertiary) !important;
color:var(--dp-color-primary)!important;
}
/* @end *//* @group Utility-nav */.utility-nav.floating {
right: 0;
}
.utility-nav.floating:not(:hover) .txt {
max-width:0px;
overflow:hidden;
}
.utility-nav.floating .txt {
max-width: 150px;
transition:max-width .5s ease
}
.ss-lightbox .mod-txt .dashicons {
margin:auto;
display:block;
width: 60px;
height:60px
}
.ss-lightbox .mod-txt .dashicons:before {
font-size: 60px;
text-align:center;
}
/* @end *//* @group Shapeshifter Custom styles *//* ShapeShifter Marketing Page v2 */@media(min-width:768px) {
.mod *:is(h2,h3,h4, p,li) {
transition: line-height 1s ease-in .5s;
}
[data-scrollview="0"] *:is(h2,h3,h4, p,li){
line-height:3em
}
}
.module-slider .owl-carousel .owl-dots button {
border-color: var(--dp-color-tertiary);
background-color: var(--dp-color-tertiary);
}
.module-slider .owl-carousel .owl-dots button.active {
border-color: white ;
background-color: white ;
}
.built-req {
display:inline-flex;
width:auto;
gap:5px;
align-items: center;
flex-wrap:wrap;
}
.built-req img{
height:auto;
width:25px;
}
.built-req a {
color:inherit;
display:flex;
gap:8px;
text-decoration:none;
align-items: center;;
}
.built-req a:hover {
color:inherit;
text-decoration:underline
}
.built-req span {
display:flex;
align-items: center;
gap:5px;
}
.built-req .wp {
position:Relative;
padding-right:10px;
margin-right:5px
}
.built-req .wp:after {
content:"";
border-right: 1px solid var(--dp-color-tertiary);
position:absolute;
top: 3px;
left: auto;
bottom: 2px;
right: 0;
}
@media(max-width:450px) {
.built-req {
flex-direction:column;
}
.built-req .wp {
padding-bottom:15px;
margin-bottom:10px;
}
.built-req .wp:after {
border-bottom: 1px dashed var(--dp-color-tertiary);
position:absolute;
top: auto;
left: 0px;
bottom: 0px;
right: 1px;
border-color: rgba(255, 255, 255, 0.39);
}
}
html .module-slider .ss-slides .ss-slide {
display:flex;
gap:20px;
}
@media(min-width:769px) {
.ss-slideshow:has(.owl-nav) .ss-slides {
padding:30px 60px 60px
}
}
@media(max-width:768px) {
.ss-slideshow:has(.owl-nav) .ss-slides {
padding:0 20px
}
}
.ss-slideshow .ss-slide .m2-img {
width:100% !important;
}
@media(min-width:965px) {
html .module-slider .ss-slides .ss-slide > *{
width:50% !important;
}
}
@media (max-width:1024px) {
html .module-slider .ss-slides .ss-slide{
padding-top: 50px;
}
}
@media (max-width:964px) {
html .module-slider .ss-slides .ss-slide{
flex-direction:column;
gap:10px;
}
}
@media(max-width:600px) {
.ss-slideshow .ss-slide{
display:block !important
}
}
.ss-slideshow .owl-nav button{ mix-blend-mode: difference;
margin-top: -25px;
}
@media(max-width:964px) {
html .module-slider .ss-slide >* {
height:auto !important;
width:auto!important;
}
html .module-slider .ss-slide * {
text-align:left
}
html .module-slider .ss-slide {
padding-bottom:calc(var(--dp-site-padding) / 2);
}
.ss-slideshow:has(.owl-nav) {
height:auto!important;
}
}
html .module-slider .ss-slides .ss-slide .m2-img{
position:relative;
height:auto !important;
}
.pro-module-list section {
align-items: stretch;
}
.pro-module-list .m3-txt *{
max-width: 550px;
}
.pro-module-list .m3-img {
align-content: center;
display:flex;
justify-content:Center;
align-items: center;
}
.pro-module-list .m3-img .mod{
padding:50px
}
.pro-module-list section img{
width:100%
}
.pro-module-list section {
padding:50px 0;
}
.pro-module-list .mod-contain:nth-child(even){
background-color: var(--dp-color-severnary);
}
@media(max-width:600px) {
.pro-module-list .m3-img .mod{
padding:0 0 20px;
}
}
@media(min-width:769px) {
.pro-module-list:not(.m3-imgl) .mod-contain:nth-child(odd) .mod *,
.pro-module-list.m3-imgl .mod-contain:nth-child(even) .mod *{
text-align:right;
}
.pro-module-list:not(.m3-imgl) .mod-contain:nth-child(odd) .mod .ss-bullets,
.pro-module-list.m3-imgl .mod-contain:nth-child(even) .mod .ss-bullets {
max-width:370px !important;
margin-right:0;
margin-left:auto;
} .mod .ss-bullets {
max-width:350px !important;
}
.pro-module-list:not(.m3-imgl) .mod-contain:nth-child(odd) .mod ul li,
.pro-module-list.m3-imgl .mod-contain:nth-child(even) .mod ul li {
padding-left: 0;
padding-right:16px
}
.pro-module-list:not(.m3-imgl) .mod-contain:nth-child(odd) .mod ul li:before,
.pro-module-list.m3-imgl .mod-contain:nth-child(even) .mod ul li:before{
left: auto; right: 0;
}
.pro-module-list:not(.m3-imgl) .mod-contain:nth-child(odd) .m3-content,
.pro-module-list.m3-imgl .mod-contain:nth-child(even) .m3-content{
margin-right:0px;
margin-left:auto;
}
}
.pro-module-list .mod-contain:nth-child(odd):not(:first-child) .m3-img img{
background-color: rgba(29, 52, 59, 0.4);
}
.pro-module-list .mod-contain:nth-child(even) .m3-img img{
background-color: rgba(2, 28, 37, 0.46);
} h2,h3 { line-height:1.2em; } .ss-eyebrow {
margin-bottom:7px !important;
font-style: italic; } h2 .ss-eyebrow:not(.ss-eyebrow--dark) {
color:var(--dp-color-quaternary); }
.claude-note {
display:inline-flex;
justify-content:center;
align-items: center;
gap:5px;
margin-top: 15px;
}
.footer-copy {
transition: opacity .3s ease;
}
.footer-copy:not(:hover) {
opacity:.7
}
.footer-copy a:not(:hover) {
text-decoration:none;
}
/* Vertical Slide functionality work in progress
.animated { -webkit-animation-duration: 1000ms ; animation-duration: 1000ms ; -webkit-animation-fill-mode : both ; animation-fill-mode : both ;
}
.owl-animated-in { z-index : 1 }
.ss-slideshow [data-slide-dir="prev"] .animated.slideOutUp { animation-name: slideOutUp; left:0 !important; position:absolute;
}
.ss-slideshow [data-slide-dir="prev"] .animated.slideInUp { animation-name: slideInUp ;
}
.ss-slideshow [data-slide-dir="next"] .animated.slideOutUp { animation-name: slideOutDown; left:0 !important; position:absolute;
}
.ss-slideshow [data-slide-dir="next"] .animated.slideInUp { animation-name: slideInDown ;
}
.ss-slideshow .animated.slideOutUp,
.ss-slideshow .animated.slideInUp{
visibility: visible;
}
.owl-stage {
width:auto!important;
transform: translate3d(0px,0px,0px)!important
}
.ss-slides .owl-item:not(.active):not(.animated) {
position:absolute;
opacity:0;
}
@keyframes slideInUp { 0% { transform: translateY(100%);
opacity:0; } 100% { transform: translateY(0%); opacity:100; }
}
@keyframes slideOutDown { 0% { transform: translateY(30%);
opacity:100; } 100% { transform: translateY(200%); opacity:0; }
}
@keyframes slideOutUp { 0% { transform : translateY(0%);
opacity:100; } 100% { transform: translateY(-100%);
opacity:0; }
}
@keyframes slideInDown { 0% { transform : translateY(-100%);
opacity:0; } 100% { transform: translateY(0%);
opacity:100; }
}
*//* Eyebrow labels */.ss-eyebrow { font-size: 14px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dp-color-tertiary); display: block; margin-bottom: 14px; line-height: 1.2;
}
.ss-eyebrow--free { color: var(--dp-color-quaternary); }
.ss-eyebrow--dark { color: rgba(2,28,37,0.55); }
/* Subhead accent */.ss-subhead { color: var(--dp-color-tertiary); font-weight: 600; margin-bottom: 12px; }
/* Bullets */.ss-bullets { list-style: none; padding: 0; margin: 16px 0 0; }
.ss-bullets li { position: relative; padding-left: 16px; margin-bottom: 8px; }
.mod-txt-lght .ss-bullets li { color: var(--dp-grey-light) }
.ss-bullets li::before { content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: var(--dp-color-tertiary); }
/* Section rule */.ss-section-rule { border: none; border-top: 1px solid rgba(2,28,37,0.35); margin: 28px 0; }
/* Module cards (value prop grid) */.ss-module-card-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-bottom: 16px;
}
@media (max-width: 1024px) { .ss-module-card-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .ss-module-card-grid { grid-template-columns: repeat(2, 1fr); } }
.ss-module-card { background: #0D2530; border: 1px solid var(--dp-color-severnary); border-radius: 6px; padding: 14px; box-sizing: border-box; border-top: 2px solid var(--dp-color-quinary); }
.ss-module-card__top { display: flex; justify-content: space-between; align-items: center; }
.ss-module-card__num { font-size: 11px; font-weight: 600; letter-spacing: .08em; color: var(--dp-grey-med); position:relative; width:100%; text-align:left !important;}
.ss-module-card__num:after {
content:"::";
position:absolute;
right: 0px;
top: -1px;
}
.ss-module-card__num { color: var(--dp-color-tertiary); }
.ss-module-card__badge { font-size: 8px; font-weight: 700; letter-spacing: .1em; color: var(--dp-color-quinary); text-transform: uppercase; }
.ss-module-card__rule { border: none; border-top: 1px solid var(--dp-grey-med); margin: 10px 0 8px; }
.ss-module-card__name { font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 4px; line-height: 1.2; }
.ss-module-card__desc { font-size: 11px; color: var(--dp-grey-med); line-height: 1.3; }
/* Graphic frames */.ss-graphic-frame { background: #0D2530; border: 1px solid var(--dp-color-severnary); border-radius: 8px; padding: 20px 20px 16px; width: 100%; box-sizing: border-box; }
.ss-graphic-frame__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.ss-graphic-label { font-size: 10px; font-weight: 600; letter-spacing: .08em; color: var(--dp-color-tertiary); text-transform: uppercase; display: block; line-height: 1; }
.ss-free-badge { font-size: 8px; font-weight: 700; letter-spacing: .1em; color: #021C25; background: var(--dp-color-quinary); border-radius: 10px; padding: 3px 8px; text-transform: uppercase; }
.ss-pro-badge { font-size: 8px; font-weight: 700; letter-spacing: .1em; color: #021C25; background: var(--dp-color-tertiary); border-radius: 10px; padding: 3px 8px; text-transform: uppercase; }
/* Image placeholder (Why ShapeShifter section) */.ss-img-placeholder { background: #021C25; border: 1px solid #0D2530; border-radius: 8px; overflow: hidden; width: 100%; }
.ss-img-placeholder__inner { position: relative; padding-bottom: 82.14%; }
.ss-img-placeholder__svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.ss-img-placeholder__label { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 13px; color: #656464; letter-spacing: 0.06em; text-align: center; line-height: 1.5; }
.ss-img-placeholder__label small { font-size: 11px; color: #333; }
/* DarkPhysiCSS underline + inline code */.ss-dp-underline { width: 100px; height: 3px; background: var(--dp-color-tertiary); border-radius: 2px; margin: 0 0 20px; }
.ss-inline-code { background: rgba(128,212,255,0.12); color: var(--dp-color-tertiary); font-family: monospace; font-size: 0.9em; padding: 1px 5px; border-radius: 3px; }
/* Comparison table */.ss-table-wrap { max-width: 860px; margin: 0 auto; }
.ss-plan-table { width: 100%; border-collapse: collapse; font-family: var(--dp-font-primary); }
.ss-plan-table thead tr { background: #021C25; }
.ss-plan-table th { padding: 14px 16px; font-size: 14px; font-weight: 600; color: var(--dp-color-tertiary); text-align: left; letter-spacing: .04em; }
.ss-plan-table th.ss-plan-table__check-col { text-align: center; width: 120px; }
.ss-plan-table__row td { padding: 14px 16px; font-size: 15px; color: #fff; border-bottom: 1px solid #1a3040; font-weight: 600; }
.ss-plan-table__row--alt td { background: rgba(2,28,37,0.4); }
.ss-plan-table__row--free td:first-child { border-left: 3px solid var(--dp-color-quinary); padding-left: 13px; }
.ss-plan-table__check { text-align: center !important; color: var(--dp-color-tertiary) !important; font-size: 18px !important; }
.ss-plan-table__dash { text-align: center !important; color: #333 !important; font-size: 16px !important; }
.ss-plan-table .ss-plan-table__row--alt .ss-plan-table__dash {
color: #1c656e !important;
}
.ss-plan-table tr td,
.ss-plan-table tr th {
text-align:left
}
@media(max-width:768px) {
.ss-table-wrap td:not(:nth-child(1)){
padding-left:0;
padding-right:0;
width:50px;
}
.ss-plan-table td:nth-child(1),
.ss-plan-table th:nth-child(1){
width:100%;
}
}
/* Hero h1 sizing */.mod-m1-clmns .mod-intro-title h1 { font-size: clamp(32px,4.5vw,56px); line-height: 1.06; margin: 10px 0 22px; }
/* Manual line breaks in intro text — hidden on mobile so paragraphs reflow naturally */.mod-intro-txt br,
.mod-intro-title br { display: inline;
}
@media (max-width: 782px) { .mod-intro-txt br, .mod-intro-title br { display: none; }
}
/* @end */