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 .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?*
	https://rayson.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;
	
	}
}

.ss-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 
	https://rayson-2025.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/header.css?*
	https://rayson.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/header.css?*
	https://theelixirhaus-v6.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-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::last-child:after {
  display: none;
}





@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: 30px;
    min-width: 150px;
	width:300%;
    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: 14px !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 */








/* ---------- end logo -------- */


/* ---- iteach-extracted-style.css---- *//* @override 
	https://iteachnetrestg.wpenginepowered.com/wp-content/themes/iteach-child/style.css?* */

/*
Theme Name: iteach
Theme URI: 
Description: iTeach Theme
Author: The Elxir haus
Author URI: http://www.theelixirhaus.com
Template: hello-elementor
Version: 1.0
License: 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: iteach
Text Domain: iteach
*/



@media(min-width:768px) {
	

html .style25  .form-style3 form[id*='hsForm_'] .form-columns-2  label{
	margin-top: 15px !important;
	padding-top: 10px !important;

}

}


.style25 .clmn-pricing .elementor-button-link{
	padding-top:20px !important;
	padding-bottom:20px !important
	
	
}

html .style25 .clmn-pricing .elementor-button-link span span{
	font-size: 24px !important;

}

html .style25 .clmn-pricing .cost h3 {
	font-weight: 900;
}


html .state-details-content .cert-details-header {
	background-color: #110045 !important;
	
}


html .cert-table .cnty-table-header-spacing{
padding:25px 0 20px 30px !important

}
html .state-details-content .cert-details-header *{
	font-family: Avenir, sans-serif;
	
}
html body .cert-details{
	border-radius:20px ;
}
html .state-details-content .cert-details-header h2 {

	font-size: 24px !important;
}

html .state-details-content .cert-details-header h2 em{
	font-size: 30px !important;
	font-weight: 900;
	color:white;
}

html .state-details-content  .cert-details-content {
	padding:30px !important
	
}

html .state-details-content  .cert-details-content li{
	padding-bottom:10px !important;
	font-size: 16px;
	
}


html .popup-overlay .container .close {
	background-color: white!important;
	width:30px !important;
	padding:0;
	right:10px !important;
	height:auto !important;
	aspect-ratio:1 / 1 !important ;
}
html .popup-overlay .contents {
	border-radius:20px !important;
	overflow:hidden;
	box-shadow:none !important
}
html .popup-overlay .container .close em{
font-size: 25px !important;
}
.cnty-table-header .border-rainbow {
	display:none
}
.popup-source .cnty-table-header h5{
	font-family: Avenir, sans-serif;
	color:white;
	margin-top: 0 !important;
	padding-bottom:10px;
	font-size: 24px!important;
}

.popup-source .cnty-table-pad {
	padding:20px !important
}

.popup-source .cnty-table tr {
	position:Relative;
	text-align:left;
	display:block !important;
	padding:2px 0 2px 18px!important;
}

.popup-source .cnty-table tbody{
	display:block!important;
	column-count:3
}
.popup-source .cnty-table tbody tr{
	width:100%;
}

@media(min-width:601px) and (max-width:864px) {
	
.popup-source .cnty-table tbody{
	column-count:2 !important
}
}

@media(max-width:600px) {
	
.popup-source .cnty-table tbody{
	column-count:1 !important
}
}
.popup-source .cnty-table tr:first-child {
	diwsplay:none!important
}
.popup-source .cnty-table tr:before{
	content:"•";
	position:Absolute;
	left: 0;
	top: 13px;
	height:Auto;
	line-height:0em !important;
	font-size: 30px;

}

html body .popup-source .cnty-table td {
	padding:0 !important;
	width:100%!important;
	text-align:left;
	text-transform:none!important;
	font-weight: 500 !important;
	font-size: 16px!important;
	letter-spacing:.01em !important;
	font-family: Avenir, sans-serif!important;
	height:auto !important;
}


html body .popup-source .cnty-table td:first-child {
	background:none !important;

}

.popup-source .cnty-table tr td + td{
	display:none !important;
}


.popup-source .cnty-table table {
	height:auto !important;
}/* ---- iteach-impact-study-2.css---- *//* @override 
	https://iteach.net/wp-content/themes/iteach-child/style.css?* */

/*
Theme Name: iteach
Theme URI: 
Description: iTeach Theme
Author: The Elxir haus
Author URI: http://www.theelixirhaus.com
Template: hello-elementor
Version: 1.0
License: 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: iteach
Text Domain: iteach
*/


.style26 .white-modal {
	border-radius: 15px;
	border: 0 solid #026FBF;
	background: #FFFFFF !important;
	box-shadow: 0 4px 4px 0 rgba(3, 140, 241, 0.20);
}

html body .style26.no-clouds {
	background-image: none !important;
	background: linear-gradient(180deg, #FFF 32.51%, rgba(238, 250, 255, 0.50) 83.58%, rgba(220, 245, 255, 0.75) 100%) !important;
}
@media(min-width:769px)and (max-width:1999px) {

.link-secondary {
	display:none !important
}

}
.style26.impact-study p strong{
	font-weight: 900;
	
}
html .style26 .elementor-widget-heading *:is(.elementor-title, .elementor-heading-title, .elementor-heading-title) em.txt-lt-blue {
	color:#4AB2FF !important
}
.elementor-heading-title em {
	font-style: normal!important;
}

html .dark-blue-mob,
html .dark-blue-mob p {
	color:  var(--e-global-color-text) !important;
}


html .style26 .blue-green-fade-bg {

background: var(--gradient-dark, linear-gradient(90deg, #043C96 0%, #038CF1 51.92%, #00BEA8 100%));
}

@media(max-width:768px) {
html .style26 .blue-green-fade-bg {
background: linear-gradient(153deg, #043C96 -0.01%, #038CF1 51.92%, #00BEA8 99.99%);
}
}

a.link-yllw{
	color:#C1FD34!important
}
a.link-yllw:hover{
	color:white!important
}

html body .txt-wht {
	color:white !important
}

.bull-checkmark :is(ol,ul) {
	list-style:none;
	padding-left:30px;

}
.bull-checkmark li {
	overflow:visible;
	position:relative;
	padding-bottom:20px !important;
	
}
.bull-checkmark li:before {
left: -30px;
top: 8px;
position:absolute;
content:"";
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath fill='%2300BEA8' d='M8.5 17C13.1944 17 17 13.1944 17 8.5C17 3.80558 13.1944 0 8.5 0C3.80558 0 0 3.80558 0 8.5C0 13.1944 3.80558 17 8.5 17Z'/%3E%3Cpath fill='white' d='M13.6756 4.3439L13.6481 4.31732C13.2102 3.89423 12.4948 3.89423 12.0592 4.31732L6.87301 9.32798L4.94482 7.46504C4.5069 7.04195 3.79157 7.04195 3.35595 7.46504L3.32844 7.49162C2.89052 7.91472 2.89052 8.60363 3.32844 9.02672L6.07743 11.6827C6.51535 12.1058 7.23068 12.1058 7.6663 11.6827L13.6733 5.87678C14.1089 5.45369 14.1089 4.76256 13.6733 4.34169L13.6756 4.3439Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  }



.study-stats .elementor-counter-title{
	text-align:center
	
}
 .prepared-to-last .bull-checkmark li:before {
 	 width: 30px;
  height: 30px;
 	left: -50px;
 }
 
  .prepared-to-last .bull-checkmark :is(ol,ul) {

	padding-left:60px;

}
 
 html .style26.impact-study .blue-modal{
 
		box-shadow: 0 10px 0 0 #C0EBFF;
 }
 
 
 @media(max-width:340px) {
 	
 
html .style26.impact-study .impact-study-header h1.elementor-heading-title{
 	font-size: 30px!important;
 	

 }

 }
 
 
 
 @media(max-width:500px) {
 	
 html .style26.impact-study .btnv3,
 html .style26.impact-study .btnv3 a {
 	width:100%;
 	display:block!important;
 
 }
 
 .research-img {
 	display:block!
 }
 }
 
.effective-meter .elementor-widget.elementor-widget-counter{
	padding:8px 0 23px 0!important;
}

.effective-meter .elementor-counter-title {
	padding:0!important;
	position:Relative;
	margin-top: -10px !important;
	
	
}

.effective-meter  .effectiveness-floating-num {
	width:auto !important;
}
.effective-meter  .effectiveness-floating-num .elementor-counter{
	flex-direction:row;
	align-items: center!important;
	gap:10px!important;
	margin:8px 0 0 20px;
	position:relative;
}

.effective-meter  .effectiveness-floating-num .elementor-counter:before{
	content:"";
	background-image: url('/wp-content/uploads/2026/10/arrow-black.svg');
	background-size: 100% auto ;
	background-repeat:no-repeat;
	width:22px;

	height:51px;
	position:absolute;
	transform:rotate(0deg);
	bottom:0px;
	left:-35px
}

.btn-100 {
	width:100% !important

}
.btn-100 a{
	max-width:none;
	display:block;
}

.new-recruit .btnv3:not(.btnrev):hover a.elementor-button-link {
	background: white !important;

}

.new-recruit .btnv3:not(.btnrev):hover a.elementor-button-link span{
	color: #00BEA8 !important;

}

@media(max-width:768px) {
	
	.effective-meter  .effectiveness-floating-num .elementor-counter{
	margin:0 0 15px;
	}
	.effective-meter  .effectiveness-floating-num .elementor-counter:before{
		transform:rotate(180deg);
		height:25px;
		margin-left:-20px;
		left: 50%;
		bottom: -100%;
	}
	
	
	.effective-meter .effective-meter-top{
		min-height:150px
	}
	.effective-meter .effective-meter-mid{
		min-height:310px
	}
	
	.effective-meter .effective-meter-bot{
		min-height:290px
	}
}

.effective-meter  .effectiveness-floating-num  .elementor-counter-title {
	margin-top: 0px!important;
	font-weight: 600 !important;
}

.effective-meter  .effectiveness-floating-num .elementor-widget-container .elementor-counter{
	justify-content:flex-start!important
}
.effectiveness-floating-num .elementor-counter >div{
	padding:0!important;
	line-height:1em!important
}

.effectiveness-floating-num  .elementor-counter-number-wrapper {
	line-height:1em!important;
	justify-content:flex-end;
	width:Auto!important;
}
.effectiveness-floating-num  .elementor-counter-number-wrapper >* {
	width:auto!important;
	flex-grow:0!important
}

@media(max-width:768px) {
	:is(h1, h2, h3) br{
		display:none
	}
}

.grid-percent  >div{
		padding: 0 !important;
		flex-grow: 1 !important;
		display:grid;
		
}

.prepared-to-last ul li strong {
	font-weight: 900;
}
@media(max-width:768px) {
	.prepared-to-last .bull-checkmark ul {
		padding-left:45px;
	}
	.prepared-to-last .bull-checkmark ul li:before{
		width: 22px;
		height: 22px;
		left:-35px
	}
}

.grid-percent  >div{
	border-radius:20px !important;
	overflow:hidden!important;
	display:flex;
	
}


.grid-percent >div,
.grid-percent  >div >div,
.grid-percent  >div >div >div,
.grid-percent  >div >div >div > div,
.grid-percent  >div >div >div > div >div{
	   flex: 1;
		display:flex;
		align-items: center;
		height:100%
	
}


.grid-percent  .elementor-counter >* {
	display:flex;
	align-items: center;
	justify-content:space-around;
	flex:1
}

.grid-percent .elementor-counter-number-wrapper{
	max-width: 123px !important;
	padding:0 !important;

}

.grid-percent  .elementor-counter-title {
	width:calc(100% - 123px) !important;
	background-color: #003D9C !important;
	padding:10px !important;

}

@media(max-width:768px) {
	html body .grid-percent .elementor-counter-number-wrapper{
			padding:20px 10px!important;
			
	
	}
	
	.grid-percent  .elementor-counter {
		min-height:100px;
	}
	
	.grid-percent .horiz-num-box {
		width: max-content;
		border:1px solid #fff;
		width:100%;
	}
	.grid-percent .elementor-widget-counter .elementor-counter-title {
		width: 100% !important;
	}
	.style26 .grid-percent  .elementor-counter-title {
			text-align: left !important;
			width:100%!important;
			justify-content:flex-start;
			font-size: 20px !important;
		}
}
.impact-study-form .hs-form-html .hsfc-Step__Content {
	padding:0!important;
}
.impact-study-form .hs-form-html form .hsfc-FieldLabel {
font-size: 16px !important;
font-style: normal !important;
font-weight: 600 !important;

}



html .impact-study-form .hs-form-html form .hsfc-ErrorAlert {
	font-size: 14px !important;
	padding:5px 0 !important;
	display:block !important;
	
}

html .impact-study-form .hs-form-html form button[type="submit"] {
	background-color: #00BEA8;
color: white;
text-transform:uppercase;
letter-spacing:.09em;
width:100%
}

.impact-study-form .hsfc-TextInput{
	border-radius: 15px !important;
border: 1px solid #D9D9D9 !important;
background: #FBFDFF !important;
font-size: 18px!important;
padding:14px !important;
margin:0 !important;

}

@media(max-width:768px) {
	.impact-study-form .hsfc-TextInput{
	border-radius: 15px !important;
border: 1px solid #D9D9D9 !important;
background: #FBFDFF !important;
font-size: 16px!important;
padding:12px !important;
margin:0 !important;

}
.impact-study-form .hsfc-Row {
	display:flex !important;
	gap:10px !important;
	flex-direction: column;
}
}
/* ---- iteach-impact-study.css---- *//* @override 
	https://iteach.net/wp-content/themes/iteach-child/style.css?* */

/*
Theme Name: iteach
Theme URI: 
Description: iTeach Theme
Author: The Elxir haus
Author URI: http://www.theelixirhaus.com
Template: hello-elementor
Version: 1.0
License: 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: iteach
Text Domain: iteach
*/


.style26 .white-modal {
	border-radius: 15px;
	border: 0 solid #026FBF;
	background: #FFFFFF !important;
	box-shadow: 0 4px 4px 0 rgba(3, 140, 241, 0.20);
}

html body .style26.no-clouds {
	background-image: none !important;
	background: linear-gradient(180deg, #FFF 32.51%, rgba(238, 250, 255, 0.50) 83.58%, rgba(220, 245, 255, 0.75) 100%) !important;
}
@media(min-width:769px)and (max-width:1999px) {

.link-secondary {
	display:none !important
}

}
.style26.impact-study p strong{
	font-weight: 900;
	
}
html .style26 .elementor-widget-heading *:is(.elementor-title, .elementor-heading-title, .elementor-heading-title) em.txt-lt-blue {
	color:#4AB2FF !important
}
.elementor-heading-title em {
	font-style: normal!important;
}

html .dark-blue-mob,
html .dark-blue-mob p {
	color:  var(--e-global-color-text) !important;
}


html .style26 .blue-green-fade-bg {

background: var(--gradient-dark, linear-gradient(90deg, #043C96 0%, #038CF1 51.92%, #00BEA8 100%));
}

@media(max-width:768px) {
html .style26 .blue-green-fade-bg {
background: linear-gradient(153deg, #043C96 -0.01%, #038CF1 51.92%, #00BEA8 99.99%);
}
}

a.link-yllw{
	color:#C1FD34!important
}
a.link-yllw:hover{
	color:white!important
}

html body .txt-wht {
	color:white !important
}

.bull-checkmark :is(ol,ul) {
	list-style:none;
	padding-left:30px;

}
.bull-checkmark li {
	overflow:visible;
	position:relative;
	padding-bottom:20px !important;
	
}
.bull-checkmark li:before {
left: -30px;
top: 8px;
position:absolute;
content:"";
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath fill='%2300BEA8' d='M8.5 17C13.1944 17 17 13.1944 17 8.5C17 3.80558 13.1944 0 8.5 0C3.80558 0 0 3.80558 0 8.5C0 13.1944 3.80558 17 8.5 17Z'/%3E%3Cpath fill='white' d='M13.6756 4.3439L13.6481 4.31732C13.2102 3.89423 12.4948 3.89423 12.0592 4.31732L6.87301 9.32798L4.94482 7.46504C4.5069 7.04195 3.79157 7.04195 3.35595 7.46504L3.32844 7.49162C2.89052 7.91472 2.89052 8.60363 3.32844 9.02672L6.07743 11.6827C6.51535 12.1058 7.23068 12.1058 7.6663 11.6827L13.6733 5.87678C14.1089 5.45369 14.1089 4.76256 13.6733 4.34169L13.6756 4.3439Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  }



.study-stats .elementor-counter-title{
	text-align:center
	
}
 .prepared-to-last .bull-checkmark li:before {
 	 width: 30px;
  height: 30px;
 	left: -50px;
 }
 
  .prepared-to-last .bull-checkmark :is(ol,ul) {

	padding-left:60px;

}
 
 html .style26.impact-study .blue-modal{
 
		box-shadow: 0 10px 0 0 #C0EBFF;
 }
 
 
 @media(max-width:340px) {
 	
 
html .style26.impact-study .impact-study-header h1.elementor-heading-title{
 	font-size: 30px!important;
 	

 }

 }
 
 
 
 @media(max-width:500px) {
 	
 html .style26.impact-study .btnv3,
 html .style26.impact-study .btnv3 a {
 	width:100%;
 	display:block!important;
 
 }
 
 .research-img {
 	display:block!
 }
 }
 
.effective-meter .elementor-widget.elementor-widget-counter{
	padding:8px 0 23px 0!important;
}

.effective-meter .elementor-counter-title {
	padding:0!important;
	position:Relative;
	margin-top: -10px !important;
	
	
}

.effective-meter  .effectiveness-floating-num {
	width:auto !important;
}
.effective-meter  .effectiveness-floating-num .elementor-counter{
	flex-direction:row;
	align-items: center!important;
	gap:10px!important;
	margin:8px 0 0 20px;
	position:relative;
}

.effective-meter  .effectiveness-floating-num .elementor-counter:before{
	content:"";
	background-image: url('/wp-content/uploads/2026/10/arrow-black.svg');
	background-size: 100% auto ;
	background-repeat:no-repeat;
	width:22px;

	height:51px;
	position:absolute;
	transform:rotate(0deg);
	bottom:0px;
	left:-35px
}

.btn-100 {
	width:100% !important

}
.btn-100 a{
	max-width:none;
	display:block;
}

.new-recruit .btnv3:not(.btnrev):hover a.elementor-button-link {
	background: white !important;

}

.new-recruit .btnv3:not(.btnrev):hover a.elementor-button-link span{
	color: #00BEA8 !important;

}

@media(max-width:768px) {
	
	.effective-meter  .effectiveness-floating-num .elementor-counter{
	margin:0 0 15px;
	}
	.effective-meter  .effectiveness-floating-num .elementor-counter:before{
		transform:rotate(180deg);
		height:25px;
		margin-left:-20px;
		left: 50%;
		bottom: -100%;
	}
	
	
	.effective-meter .effective-meter-top{
		min-height:150px
	}
	.effective-meter .effective-meter-mid{
		min-height:310px
	}
	
	.effective-meter .effective-meter-bot{
		min-height:290px
	}
}

.effective-meter  .effectiveness-floating-num  .elementor-counter-title {
	margin-top: 0px!important;
	font-weight: 600 !important;
}

.effective-meter  .effectiveness-floating-num .elementor-widget-container .elementor-counter{
	justify-content:flex-start!important
}
.effectiveness-floating-num .elementor-counter >div{
	padding:0!important;
	line-height:1em!important
}

.effectiveness-floating-num  .elementor-counter-number-wrapper {
	line-height:1em!important;
	justify-content:flex-end;
	width:Auto!important;
}
.effectiveness-floating-num  .elementor-counter-number-wrapper >* {
	width:auto!important;
	flex-grow:0!important
}

@media(max-width:768px) {
	:is(h1, h2, h3) br{
		display:none
	}
}

.grid-percent  >div{
		padding: 0 !important;
		flex-grow: 1 !important;
		display:grid;
		
}

.prepared-to-last ul li strong {
	font-weight: 900;
}
@media(max-width:768px) {
	.prepared-to-last .bull-checkmark ul {
		padding-left:45px;
	}
	.prepared-to-last .bull-checkmark ul li:before{
		width: 22px;
		height: 22px;
		left:-35px
	}
}

.grid-percent  >div{
	border-radius:20px !important;
	overflow:hidden!important;
	display:flex;
	
}


.grid-percent >div,
.grid-percent  >div >div,
.grid-percent  >div >div >div,
.grid-percent  >div >div >div > div,
.grid-percent  >div >div >div > div >div{
	   flex: 1;
		display:flex;
		align-items: center;
		height:100%
	
}


.grid-percent  .elementor-counter >* {
	display:flex;
	align-items: center;
	justify-content:space-around;
	flex:1
}

.grid-percent .elementor-counter-number-wrapper{
	max-width: 123px !important;
	padding:0 !important;

}

.grid-percent  .elementor-counter-title {
	width:calc(100% - 123px) !important;
	background-color: #003D9C !important;
	padding:10px !important;

}

@media(max-width:768px) {
	html body .grid-percent .elementor-counter-number-wrapper{
			padding:20px 10px!important;
			
	
	}
	
	.grid-percent  .elementor-counter {
		min-height:100px;
	}
	
	.grid-percent .horiz-num-box {
		width: max-content;
		border:1px solid #fff;
		width:100%;
	}
	.grid-percent .elementor-widget-counter .elementor-counter-title {
		width: 100% !important;
	}
	.style26 .grid-percent  .elementor-counter-title {
			text-align: left !important;
			width:100%!important;
			justify-content:flex-start;
			font-size: 20px !important;
		}
}
.impact-study-form .hs-form-html .hsfc-Step__Content {
	padding:0!important;
}
.impact-study-form .hs-form-html form .hsfc-FieldLabel {
font-size: 16px !important;
font-style: normal !important;
font-weight: 600 !important;

}



html .impact-study-form .hs-form-html form .hsfc-ErrorAlert {
	font-size: 14px !important;
	padding:5px 0 !important;
	display:block !important;  
	
}

html .impact-study-form .hs-form-html form button[type="submit"] {
	background-color: #00BEA8;
color: white;
text-transform:uppercase;
letter-spacing:.09em;
width:100%
}

.impact-study-form .hsfc-TextInput{
	border-radius: 15px !important;
border: 1px solid #D9D9D9 !important;
background: #FBFDFF !important;
font-size: 18px!important;
padding:14px !important;
margin:0 !important;

}

@media(max-width:768px) {
	.impact-study-form .hsfc-TextInput{
	border-radius: 15px !important;
border: 1px solid #D9D9D9 !important;
background: #FBFDFF !important;
font-size: 16px!important;
padding:12px !important;
margin:0 !important;

}
.impact-study-form .hsfc-Row {
	display:flex !important;
	gap:10px !important;
	flex-direction: column;
}
}

/* ---- lightbox-discount-popup.css---- */.ss-lightbox[data-type="dogeared"]  .form {
 padding:30px 20px;
  border:1px solid red;
  border-radius:8px;
  font-size: 27px;
  line-height: 1.1em;
  min-height:350px;
  display:flex;
  justify-content:center;
  align-items: center;
  
}

.ss-lightbox[data-type="dogeared"] .perc-txt {
    font-size: 60px;
    display: block;
    padding: 20px 0;
}

.ss-lightbox[data-type="dogeared"]  .form input{
  border: 1px solid ;
  margin:15px 0;
  background-color: #efefef;
  text-align:Center;
  font-size: 16px;
  padding:10px;
  width:100%;
  max-width:300px
}


.ss-lightbox[data-type="dogeared"] .button, .popup.signup-discount .expires-txt {
  font-size: 16px;
}

@media(max-width:600px) {
.ss-lightbox[data-type="dogeared"] .form {
  font-size: 20px;
  }
.ss-lightbox[data-type="dogeared"] .perc-txt {
  font-size: 50px;
  }
.ss-lightbox[data-type="dogeared"] .expires-txt {
    font-size: 13px;
    }

.ss-lightbox[data-type="dogeared"] {
    margin-top: -160px;
 
}
}

.see-you-soon {
  padding:15px 0
}



.ss-lightbox[data-type="dogeared"] .sent .signupfield {
  display:none
}

.ss-lightbox[data-type="dogeared"] :not(.sent) .signupconfirmation{
  display:none
}

.ss-lightbox[data-type="dogeared"] .emailerror {
  font-size: 14px;
  color:red;
  position:relative;
  top: -8px;
}/* ---- logo-rows.css---- */

:root {

  --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: calc(var(--size) / 14);
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}




html .mod-logo-row{
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  mask-image: linear-gradient(
    var(--mask-direction, to right),
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 80%,
    hsl(0 0% 0% / 0)
  );
}

html .mod-logo-group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll-x 60s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
 html .mod-logo-group{
    animation-play-state: paused;
  }
}


html .mod-logo-row:nth-child(even) .mod-logo-group {
  animation-direction: reverse;
  animation-delay: -3s;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}

@keyframes scroll-y {
  from {
    transform: translateY(var(--scroll-start));
  }
  to {
    transform: translateY(var(--scroll-end));
  }
}

/* Element styles */
html .mod-logo-row svg {
  display: grid;
  place-items: center;
  width: var(--size);
  fill: var(--color-text);
  background: var(--color-bg-accent);
  aspect-ratio: 16/9;
  padding: calc(var(--size) / 10);
  border-radius: 0.5rem;
}



/* Parent wrapper */
html .mod-logos {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin: auto;
  max-width: 100vw;
}
/* ---- nav-mobile.css---- *//* @override 
	https://bono-holt.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/nav-mobile.css?*
	https://rayson.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/nav-mobile.css?*
	https://copper-swan.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/nav-mobile.css?*
	https://theelixirhaus-v6.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:1024px) {
  .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 0 0 15px;
}

.mob-logo {
    width:170px;
    display:block;
    padding:15px;
    margin:auto;
    
}

.mob-logo img {
  width:100%;
  height:Auto;
}








/* Prevent body scrolling when using mobile menu */

@media(max-width:1024px){
  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) + 53px);
    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 {
 	
 	width:100%;

 }
html .dp-nav-scroller .padding {
width:100%;
display:block;

}



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: 100%;
  opacity:1 !important;
  width:100vw;
}


  html  .dp-nav-mobile  .dp-menu {

    width:100%;
  }



  
  
  
  
  html  .dp-nav-mobile .menu-item-has-children > .sub-menu > li {
  	position:relative;
  }
  





  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  .expanded:not(:has(.expanded)) {

  	height:calc(100vh - 200px)!important;
  	overflow-y: auto !important;
  	border:none!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:20px
   }
  

  
  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---- */
 /* ---- promo-slider.css---- *//* @override 
	https://rayson-2025.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/promo-slider.css?*
	https://rayson.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/promo-slider.css?* */



.dp-valign .invisbutton{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

html .promo-slider img{
	height:auto
}


html .promo-slider .rayson p img {
	width: 100%!important;
	
	margin:auto;
	max-width:400px;
	min-width:250px
}

html .promo-slider + section {
	margin-top:-20px !important
}



html .promo-slider .flights .pricing {
	margin-top:25%;
	margin-left:16%;
	width:60%;
	
}

html .promo-slider .flights .pricing-ball {
	position:absolute;
	bottom: -80px;
	right: -50px;
	
	width:350px;
	display: flex;

	align-items: flex-start;
	background-color: rgba(0,0,0,.5);
	
	
	border-radius:50%;
	border:3px solid white;
	max-width:400px;
	aspect-ratio: 1 / 1 
	
}


html .promo-slider .flights .dp-valigner {
	max-width:none
}
html .ss-slideshow {
	position:Relative;
	height:500px
}






html .promo-slider .flights .flights-title {
	position:absolute;
	top: 50px;
	left: 30px;
	width:30%;
	max-width:600px;

	
}


html .promo-slider .flights .rayson-logo {
	position:absolute;
	bottom: 30px;
	left: 30px;
	width:15%;
	max-width:140px
	
}

@media(min-width:1250px) {
	html .promo-slider .flights .flights-title {
		left: 50%;
		margin-left:-600px
	}
	
	html .promo-slider .flights .rayson-logo {
		left: 50%;
		margin-left:-600px
		}
}


html .promo-slider .visit p{
	font-size: var(--dp-txt-headline-big);
	padding-top: 20px;
}


html .promo-slider .diners-choice .dp-valigner p {
	text-align:center;
}
html .promo-slider .diners-choice .dp-valigner  img{
	height:auto;
	width:250px;
	margin:auto;
}


html .promo-slider .food-festival .dp-valigner  img{
	height:auto;
	width:200px;
	margin:auto 
	
}
html .promo-slider .food-festival .dp-valigner h3 {
font-size: var(--dp-txt-headline-big);

}
html .promo-slider .food-festival .dp-valigner h4 {
	margin-top:0 !important;
	font-size: var(--dp-txt-headline-med);
	
}

html .promo-slider .food-festival  .slide-content {
	padding-top:20px!important
}

html .promo-slider .food-festival .dp-valigner h5 {
	margin-top:10px!important;
	margin-bottom:20px !important;
	font-size: var(--dp-txt-big);

	
}

html .promo-slider .food-festival .festival-info {
	margin-top: 0!important;
}




html .promo-slider .tablink .dp-valigner ,
html .promo-slider .tablink .dp-valigner .dp-valign .dp-contain,
html .promo-slider .tablink .dp-valigner .dp-valign{
	max-width:none;
	width:calc(40vw);
	margin:0 0 0 auto;
	padding-left:0;
	padding-right:0 

}

html .promo-slider .tablink .dp-valigner p{
	max-width:none;
	background-color: rgba(0,0,0,.8);
	width:100%;
	display:block;
	padding:40px;
	color:var(--dp-color-secondary);
	font-size: var(--dp-txt-headline-norm);
	text-align:left;
	margin-bottom:20px;
	border-radius:5px 0 0 5px;
	box-shadow:0 0 10px rgba(0,0,0,.5);
}




html .promo-slider .jolo .dp-valigner {
	color:white;
	font-size: var(--dp-txt-big);
	line-height:1.5em;
	
}

html .promo-slider .total-wine .dp-valigner  img{
	height:auto;
	width:180px;
	margin:auto;
}


html .promo-slider .total-wine .dp-valigner .dp-valign {
	display:flex;
	align-items: center;
	justify-content:center;
}


html .promo-slider .jolo .dp-valigner h4{
	font-size: var(--dp-txt-headline-big);
	margin-top: 0;
}
html .promo-slider .jolo .dp-valigner h3{
	font-size: 50px;
	margin-top: 0!important;
	margin-bottom:20px 
}







html .promo-slider   > *,
html .promo-slider  .mantle > * {
	height:auto!important
}

html .promo-slider  .indicator-box {
	top: -30px;
}








html .promo-slider .food-festival .dp-valigner .dp-valign {
	position:relative;
	z-index:10
}

html .promo-slider .tablink .dp-valigner .dp-contain:hover  p {
	transition:color .3s ease
}

html .promo-slider .tablink .dp-valigner .dp-contain:hover  p {
	color:white !important;
}

/*
html .promo-slider .tablink .dp-valigner p:after {
	    content: '';
		width: 10px;
		height: 10px;
		display: block;
		border-right: 2px solid;
		border-bottom: 2px solid;
		transform-origin: 50%;
		display:inline-block;
		left:0px;
		margin-left:10px;
		top: -3px;
		position:relative;
		transform:  rotateX(0deg) rotateY(-50deg) rotateZ(-50deg)
} */

@media(min-width:769px) {
	html .promo-slider >.slideshow {

	

}

html .promo-slider .food-festival .dp-valigner {
	width:100%;
	max-width:none!important;
}

html .promo-slider .food-festival .dp-valigner:before {
	content:"";
	position:absolute;
	top: 0px;

	height:400px;
	width:100%;
	left: 0;
	z-index:1;
	background: linear-gradient(0,rgba(210, 231, 233, 0) 1%, rgba(210, 231, 233, 1) 40%, rgba(210, 231, 233, 1) 100%);

}
}

@media(max-width:1024px) {
	html .promo-slider >.slideshow {
	height: auto !important;

}

html .promo-slider .rayson .dp-valigner{
	display:flex;
	justify-content:center;
	align-items: center;
}


html .promo-slider .flights .flights-title {
	position:relative;
	top: auto;
	left: auto;
	width:250px;
	

	
}

html .promo-slider .food-festival .dp-valigner  img{
	padding-bottom:10px
	
}



html .promo-slider .flights .rayson-logo {
	position:relative;
	bottom:auto;
	left: auto;
	width:100px;
	margin:10px auto;
	display:none
	
	
}

html .promo-slider .flights .dp-valigner{
	display:flex;
	justify-content:center;
	align-items: center;
}


html .promo-slider .flights .pricing {
	margin-top:18px;
	margin-left:0px;
	width:160px;
	
	
}

html .promo-slider .flights .pricing-ball {
	position:relative;
	top: auto;
	bottom: auto;
	right:auto;
	
	width:auto;
	display: inline;

	align-items: flex-start;
	background-color: transparent;
	
	
	border-radius:0px;
	border:none;
	max-width:none;
	aspect-ratio: auto;
	
}

html .promo-slider .visit p{
	font-size: var(--dp-txt-headline-norm);
	padding-top: 10px;
}



html .promo-slider .tablink .dp-valigner,
html .promo-slider .tablink .dp-valigner .dp-valign .dp-contain,
html .promo-slider .tablink .dp-valigner .dp-valign{
	max-width:none;
	width:100%;
	margin:0 0 0 auto;
	padding-left:0;
	padding-right:0;
	height:100%;
	padding:0!important

}
html .promo-slider .tablink  {
	padding:0 !important;

	
}



html .promo-slider .tablink .dp-valigner .dp-valign .dp-contain{
	display: flex;
	align-items: flex-start;
	justify-content:flex-end;

	

}

html .promo-slider .slide-nav {
	display:none
}
html .promo-slider .tablink .dp-valigner .dp-valign .dp-contain >div {
	width: 50%;
	padding:0!important;
	height:100%;
	

}
html .promo-slider .tablink .brs {
	display:block;
}
html .promo-slider .tablink .dp-valigner p{
	max-width:none;
	display:flex;
	
	align-items: center;
	background-color:rgba(0,0,0,.7);
	width:100%;

	position:Relative;
	padding:20px 0 0 25px!important;
	height:100%;
	color:var(--dp-color-primary);
	font-size: var(--dp-txt-headline-norm);
	text-align:center;
	line-height: 1.2em;
	text-align:left;
	margin-bottom:0px;
	border-radius:5px 0 0 5px;
	box-shadow:none;
	border-radius:8px 0 0 8px
}

html .promo-slider .tablink .dp-valigner p:after {
	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: 1px;
		  transform:  rotateX(0deg) rotateY(-50deg) rotateZ(-50deg)
}


html .promo-slider .tablink .dp-valigner span {
	margin-top: -50px;
	display:inline-block;
}


html .promo-slider .jolo .dp-valigner h4{
	font-size: 25px;
	margin-top: 0;
}
html .promo-slider .jolo .dp-valigner h3{
	font-size: 30px;
	margin-top: 0!important;
	margin-bottom:20px 
}
html .promo-slider .jolo .dp-valigner  {
	font-size: 18px;
}
html .promo-slider .jolo .dp-valigner  br {
	display: block;
}


html .promo-slider .total-wine .dp-valigner  img{
	height:auto;
	width:120px;
	margin:auto;
}

html .promo-slider .diners-choice .dp-valigner  img{
	height:auto;
	width:180px;
	margin:30px auto 0;
}

html .promo-slider .food-festival .dp-valigner  img{
	height:auto;
	width:120px;
	margin:auto auto -10px auto;
}
html .promo-slider .food-festival .dp-valigner h3 {
font-size: 27px
}
html .promo-slider .food-festival .dp-valigner h4 {
	margin-top:0 !important;
	font-size: 26px
	
}
html .promo-slider .food-festival .dp-valigner:before {
	content:"";
	position:absolute;
	top: 0px;

	height:100px;
	width:100%;
	left: 0;
	z-index:1;
	background: linear-gradient(0,rgba(210, 231, 233, 0) 1%, rgba(210, 231, 233, 1) 40%, rgba(210, 231, 233, 1) 100%);

}

html .promo-slider .food-festival .m2-img {
	object-position:center 50px !important
	
}




}/* ---- 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: 100;

  
}


@media(min-width:768px){

  
.popup-dogear {
    position:fixed;
    top: 230px;
    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;
}/* ---- reservation-btn.css---- *//* @override 
	https://rayson-2025.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/reservation-btn.css?*
	https://rayson.local/wp-content/themes/shapeshifter/assets/css/theme/auto-import/reservation-btn.css?* */


 .reservations-menu {
    
 
	 background: white;
	display: inline-block;
	padding: 3px 30px 3px 10px;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 3px;
	font-weight: 500;
	color: black;
	text-align:left;
	transition: all .3s ease;
	letter-spacing: .03em;
	border: 1px solid transparent;
	position:relative;
	z-index:10
}

.header-reservations, .header-reservations * {
	overflow:visible;
}
@media(min-width:768px) {
    

.header-reservations .dp-contain {
    display:flex;
    justify-content:center;
    align-items: center;
}

.header_banner-box p {
    margin:0;
    display:inline;
    align-items: center;
    padding:0!important
}
}

@media(max-width:768px) {

     .header-reservations .dp-menu{
        padding-left:0;
        margin-left:0!important
    }
     .header-reservations .dp-menu li{
	 	width:100%;
	 	}
    
     .header-reservations {
	 	display:flex;
	 	flex-direction:column;
	 	justify-content:center;
	 	align-items: center;
	 }
}


 header .header-reservations {
 	background-color: var(--dp-grey-dark) !important;
 	border-bottom:1px solid var(--dp-grey-med);
 	padding:0px !important
 }
 
 .header_banner-box .dp-menu {
    display:inline-block;
    margin:0
 }
 .reservations-menu:after {
    content:"";
    width:10px;
    height: 10px;
    display:block;
    border-top:1px solid #000;
    border-right:1px solid #000;
    position:absolute;
    top: 50%;
    right:10px;
    transform:rotate(134deg);
    margin-top: -7px;
    transition:all .3s ease;
    }
    
   
     .reservations-menu ul {
	 	list-style: none;
	 	padding:0 10px;
	 	
	 	
	 }
	 .reservations-menu > a {
	 	color:black;
	 	 text-decoration:none;
	 	 font-size: 14px;
	 }

	 .reservations-menu li {
	 	padding:0
	 }
    .reservations-menu .sub-menu li a{
	    font-size: 14px !important;
		padding: 8px 5px !important;
         display: block;
		 text-align:left;
		 color:white;
		 text-decoration:none
					
	}
	
	.reservations-menu .sub-menu li a:hover {
	 	color:var(--dp-color-secondary) !important
	 }
	 
	 
    .reservations-menu:hover:after {
    content:"";
    width:10px;
    height: 10px;
    display:block;
    border-top:1px solid #000;
    border-right:1px solid #000;
    position:absolute;
    top: 50%;
    right:10px;
    transform:rotate(-45deg);
    margin-top: -2px;
    }

    
 .reservations-menu  .sub-menu{
    position:absolute;
    color: #d7d7d7;
    border-radius: 5px;
background-color: rgba(0, 0, 0, 0.56);
box-shadow: 0px 3px 5px rgba(0,0,0, .2);
border: 1px solid #797979;
display: none;
    
    }
    
     .reservations-menu  .sub-menu li {
	 		padding:0!important;
	 		width:100%;
	 }
 .reservations-menu:is(:hover) .sub-menu{
    display:block;
    width:100%;
    max-width:100% !important;
    left: 0;
    }
     .reservations-menu .sub-menu a{
        font-size: 14px !important;
     }
     .reservations-menu:hover  .sub-menu{
    display:block;

    width:100%;
    left: 0;
    }
    
  .reservations-menu    .sub-menu li:not(:last-child) {
border-bottom: 1px solid #797979;
}

 
     .reservations-menu:hover  .sub-menu  {
        background: rgba(0,0,0,.8) !important;
     }
     .reservations-menu:hover  .sub-menu li:hover a{
    color:var(--t-color-secondary);
    }
 
/* ---- 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 
	https://copperswansolutions.com/wp-content/themes/shapeshifter/assets/css/theme/theme.css?*
	https://theelixirhaus-v6.local/wp-content/themes/shapeshifter/assets/css/theme/theme.css?* */




html{
	scroll-behavior: smooth;
}

.dp-flex\:wrap {
    flex-wrap: wrap;
}

html, body{margin:0}

body, p {
	font-size: var(--dp-txt-norm);
	line-height:var(--dp-p-ln);
	font-weight: 400;
}


a {
	transition:all .3s ease;
}

/* @group Tab Index */

@media(min-width:769) {
	

header .logo a {
	index:0;
}

}

@media(max-width:768) {
	

header .dp-button-mobile-menu {
	index:0;
}

html.dp-mobmenu .dp-menu li:first-child a {
	index:0;
}

}



.wcgag-highlight {
	outline: 2px solid #fff !important;
	
}
.wcgag-highlight * {
	border: 2px solid #fff !important;
}


.dp-menu a.wcgag-highlight {
	border: 1px solid #fff !important;
}


/*

*:focus {
	outline: 2px solid #fff !important;
}
*:focus> * {
	border: 2px solid #fff !important;
}


.dp-menu a:focus> * {
	border: 2px solid #fff !important;
}

*/



/* @end */

/*
[data-scrollview] * {
    transition: line-height 1s ease ;
}

body *:is(p,textarea,li, div)  {
    line-height: var(--dp-p-lh);
}
body *:is(h1,h2,h3,h4) {
    line-height: var(--dp-h-lh);
	
	margin-top: 0;
}

[data-scrollview="0"] * {
    line-height: 3em !important;
}

*/



/* fit to are grid thumbnails */

/*:is([data-id="50420"],
[data-id="49562"],
[data-id="50417"],
[data-id="49725"],
[data-id="49796"],
[data-id="49785"],
[data-id="49558"],
[data-id="49556"],
[data-id="49559"],
[data-id="49548"],
[data-id="49765"]
) 
*/
.mod[data-look="style3"] .mod-grid-item .thumb img{
	object-position:center;
	padding:0px;
	object-fit:cover !important;

}

.mod[data-look="style3"] .mod-grid-item:not([data-id="49672"],[data-id="49692"],[data-id="49776"],[data-id="56281"],[data-id="56286"]) .thumb img{
	object-fit:contain !important;
	padding:20px;

}

.our-work-grid {
	
	
}



@media(max-width:1250px) {
	
	.mod br {
		display: none !important;
	}

}



.slidershadow  .ss-slideshow .slide-view{
	margin-top: 40px;
	margin-bottom: 40px;
}
.slidershadow .owl-stage-outer {
	position:relative;
	overflow:visible;
}

.slidershadow  .ss-slideshow .slide-view:before {
		content:"";
		position:absolute;
		display:block;
		top:1%;
		left: 9%;
		right: 9%;
		bottom: 5%;
		background-color: black;
		border-radius:10%;
		filter:blur(20px);
		opacity:.1
}



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;
}


.mod-intro-eyebrow {
	/*color: var(----cs-color-secondary, #A9713F);*/
	font-size: 13px !important;
	font-style: normal;
	font-weight: 500;
	margin-bottom:5px;
	line-height: 1.2em; /* 476.923% */
	letter-spacing: 1.4px;
	text-transform:uppercase;
	
}

.mod-intro-eyebrow:after {
content:" /";
}
.dp-contain:is(default-spacing\:all, default-spacing\:sides) {
	max-width:calc(var(--dp-site-width) + var(--dp-site-padding));
}

@media (max-width: 728px) {
	

html body .mod-default-spacing\:all {
	padding: calc(var(--dp-site-padding) / 4) 15px;
	}
}


html  h1, 
html  h2, 
html  h3, 
html  h4 {
	font-weight: 300;
	margin-bottom:10px;
	font-family: var(--dp-font-secondary);
	color: var(--dp-color-primary);
}


.mod:not(.expertise-section) .mod-intro-header h1 {
	margin-top: 0;
}


html :is(h1,h2,h3):not(.dp-txt\:xtrabig) {
	text-transform:uppercase
}

html  .mod-txt-lght *:is(h1,h2,h3,h4) {
	color: var(--dp-color-quaternary);

}

.mod-txt-lght .mod-txt a {
	
	color: var(--dp-color-quaternary);
}

.mod-txt-lght {
  -webkit-font-smoothing: antialiased; /* macOS */
  -moz-osx-font-smoothing: grayscale; /* Firefox / macOS */
}




.button-txt,
.button-txt a {
	font-weight: 500;
	color: var(--dp-color-secondary);
	text-decoration:none;
	letter-spacing:.09em;
	font-family: var(--dp-font-secondary);
}


.button-txt:hover,
.button-txt a:hover {
	color: var(--dp-color-primary);
	
}





.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{

	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 .button,
html .wpcf7-submit {
  background: var(--dp-color-quinary);
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  padding: 14px 20px;
  display: inline-block;
  border-radius: 50px;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition: color 0.3s ease, background 0.3s ease;
  cursor: pointer;
min-width:200px;
  text-align: Center;
  box-sizing: border-box;
  line-height: 1.1em;
  display: inline-block;
  font-family: var(--dp-font-tertiary);
  color: white;
  border: 1px solid var(--dp-color-quinary);
  text-align:center !important;
}



html .mod-txt-lght .button:not(.btn-rev):hover,
html .mod-txt-lght button:not(.btn-rev):hover,
html .mod-txt-lght .wpcf7-submit:hover {
  background-color: white;
  color: var(--dp-color-primary);
  border-color:white;
}


html .mod-txt-lght .button.btn-alt,
html .mod-txt-lght .wpcf7-submit.btn-alt{
  background-color: transparent;
  border-color:var(--dp-color-tertiary);
  color: var(--dp-color-tertiary);
}



html .mod-txt-lght .button.btn-rev:hover,
html .mod-txt-lght .wpcf7-submit:hover {
  background-color: white;
  color: var(--dp-color-primary);
}

@media (max-width: 500px) {
  html .button:not([class*="owl"]),
  [type="submit"] {
    font-size: 14px;
    display: inline-block;
    padding: 12px 20px;
	min-width:0px !important;
	width:auto!important;
  }
}

html header .button{
  padding: 8px 15px;
  max-width: none;
  width: auto !important;
  position: Relative;
}

@media (hover: hover) {
  html .btn-alt:hover {
    background-color: black;
    color: white;
  }

  html .btn-alt.btn-pink:hover {
    background-color: white;
    olor: white;
  }

  html .button:not(.btn-alt):hover {
    background-color: var(--dp-color-primary);
    color: white;
  }

  html .button.btn-alt:hover {
    background-color: black;
  }

  html .button.btn-rev:hover,
  html button.btn-rev:hover {
    background-color: var(--dp-color-primary);
    color: color;
  }

  html .button:not(.btn-alt):hover {
    background-color: var(--dp-color-primary);
  }

  html .button:not(.btn-alt):hover,
  [type="submit"]:not(.btn-alt):hover {
    background-color: var(--dp-color-tertiary);
    color: var(--dp-color-primary) !important;
    border: 1px solid var(--dp-color-tertiary);
  }
}
/* @end */
 
 html .m1_img + *{
	position: relative;
	z-index: ;
}

html .fillimg {
		width:100%;
		height: 100%;
		object-size:cover;

	
}

html .section-rule{
	    border-top: 1px solid var(--dp-color-tertiary)
}




html .tight-width {
	max-width: 968px;
}


.mod-m2 .item .thumb:not(.fitimg) img {
	
	width: 100%;
}




/* @group Lighbox */
	
	html .ss-lightbox {
		background:rgba(255,255,255, .4);
	}
	.ss-lightbox[data-type="lightbox"],
	.ss-lightbox[data-type="lightbox"] .ss-lightbox-container {
		overflow:visible !important;
	
	}
	
	.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .ss-lightbox-modal {
		min-width:300px;
		min-height:200px;
	}
	.ss-lightbox[data-type="lightbox"]  .btn-close {
		display:flex;
		top: -5px;
		right: -5px;
		align-items: center;
		justify-content:center;
	}
	
	.ss-lightbox[data-type="lightbox"]  .btn-close span {
	/*	margin-top:3px !important; */
		margin-left:1px
	}
	.ss-lightbox[data-type="lightbox"]  .btn-close svg{
		width:22px;
		height:22px;
	}
	
	html .ss-lightbox .ss-lightbox-modal{
		background:white;
		padding:10px;
		border-radius:var(--dp-rnd);
		overflow:hidden;
		box-shadow:0 0 6px rgba(0,0,0, .3);
	
		margin:7px;
	}
	html .ss-lightbox[data-type="subscribe"] :is([type="text"],[type="tel"],[type="email"]) {
			background-color: #E8E8E8;
			border:none;
			border-radius:5px;
			display:block;
			width:100%;
			padding:10px 6px!important;
			line-height:.05em!important;
			text-transform:uppercase;
			font-family: var(--dp-font-secondary);
			font-weight: 600;
			letter-spacing:.2em;
		
			box-sizing:border-box;
			font-size: 11px!important;
			max-width:405px;
			margin:auto;
			
		}
		
	.ss-lightbox[data-type="subscribe"] .checkbox [type="checkbox"] + .wpcf7-list-item-label:before {
		position:absolute;
		top: 3px;
		content:"";
		display:block;
		border-color: white;
		width: 17px;
		height:17px;
		border-radius:2px;
		border:1px solid;
		pointer-events:none
	}	
	
	
	.ss-lightbox[data-type="subscribe"] .checkbox [type="checkbox"]:checked +.wpcf7-list-item-label:after {
		
		content:"";
		left: 8px;
		top: -8px;
		width: 6px;
		height: 18px;
		transform:rotate(35deg);
		position:absolute !important;
		font-size: 24px;
		font-weight: 800px !important;
		pointer-events:none;
		border-right:3px solid;
		border-bottom:3px solid;
		
		
	}
	
	
	
	
	
	.ss-lightbox[data-type="age-gate"] .ss-lightbox-container{
		display:flex;
		align-items: center;
	}
	
	
	.ss-lightbox:not([data-type="age-gate"]) .ss-lightbox-container{
		display:flex;
		align-items: flex-start;
		
	}
	
	
	.ss-lightbox[data-type="subscribe"] .subscribe-txt {
		line-height:1.6em;
		margin-top: 10px;
	}
	.ss-lightbox[data-type="subscribe"] .ss-lightbox-modal {
		height:auto;
		max-width: 600px;
	}
	
	
	
	
	
	.ss-lightbox[data-type="subscribe"] .checkbox {
		max-width:450px;
		display:flex;
		text-align:left!important;
	}
	
		
		
		
	
	.ss-lightbox[data-type="subscribe"] .wpcf7-response-output {
		font-size: var(--dp-txt-norm)!important;
	}
	
	.ss-lightbox[data-type="subscribe"]  [type="submit"] {
		
		margin-top: 40px;
		padding:10px 30px!important
	}
	
	.ss-lightbox[data-type="subscribe"] .btn-txt{
		text-transform:uppercase;
		letter-spacing:.08em;
		display:inline-block;
		cursor: pointer;
	}
	
	
.ss-lightbox.module-box .ss-lightbox-container{
	max-height:90vh
}
.ss-lightbox.module-box .ss-lightbox-container{
	max-width:600px;
}

.ss-lightbox.module-box .ss-lightbox-container .ss-lightbox-modal{
	max-width:600px;
	max-height:85vh;
	overflow-y:auto;

}


/* @end */

/* @group Header */



@media(min-width:728px) {
	.dp-nav-spacer{
		display:none
	}

}


	
@media(min-width:769px) and (max-width:1699px) {

	main >div>div:first-child:not(.expertise-section) {
		padding-top:210px!important
	}
	
	main >div>div:first-child.expertise-section {
		padding-top:100px!important
	}

}



header .header-banner {
	background-color: var(--dp-grey-light);
}

html  .dp-nav-desktop .dp-menu li:not(.isbutton) > a {
  	color:var(--dp-color-quaternary);
}	

header .dp-navbar .button-pos .button {
	 padding: 7px 20px;
}

html  .dp-nav-desktop .dp-menu li:not(.isbutton).active > a, html  .dp-nav-desktop .dp-menu li:not(.isbutton):hover > a, html  .dp-nav-desktop .dp-menu .current-menu-parent:not(.isbutton) > a {
color: white;
}		
	html  .dp-nav-desktop  .dp-menu > li.dp-hide {
		display:none!important
	}
	
	
html  .dp-nav-desktop  .dp-menu li {
	
		font-family: var(--dp-font-secondary);
}	

html  .dp-nav-desktop  .dp-menu > li > a {
  padding: 10px 10px;
  font-size: var(--dp-txt-small);

  text-decoration:none;
  letter-spacing:.1em;
  transition:color .3s ease
  
}







.header-reservations .header-banner-box{
	display: flex;
	justify-content:Center;
	align-items: center;	
	
}

@media(max-width:500px) {
	.header-reservations .header-banner-box{
		flex-direction: column;
	}
}

.header-reservations .header-banner-box{
	display: flex;
	justify-content:Center;
	align-items: center;	
	
}






/* @group Mobile nav */






.moble-nav-clmn1, .moble-nav-clmn2, .moble-nav-clmn2  *{
	color:var(--dp-color-quaternary);
}


.mob-logo {
	width:50px;
	margin:0 0 0 5px
}


@media(min-width:501px) {
 .moble-nav-clmn1{
	padding-right:15px
	}
}


  html.dp-mobmenu .dp-toggle-icon, html.dp-mobmenu .dp-toggle-icon:before, html.dp-mobmenu .dp-toggle-icon:after {
  	color:white
  }

html .dp-nav-mobile {
	
	z-index:1;
		background-color: var(--dp-color-primary);
}


html  .dp-nav-mobile li {
  margin:0;

  
  }

html .dp-nav-mobile .dp-nav-scroller {
	top: 125px;
padding: 0;
bottom: calc(env(safe-area-inset-bottom) + 45px);
}
 
html body .dp-nav-mobile .dp-nav-scroller {
 	padding:0px
 }
 
html  .dp-nav-mobile li a {
  position:Relative;
	font-size: var(--dp-txt-big);
	letter-spacing:.05em;
	text-decoration:none
    position:Relative;
	text-decoration:none;
    padding:10px 60px 10px 20px;
	color:var(--dp-color-quaternary);
}



html .dp-nav-mobile .menu-item-has-children > .sub-menu  {
	width:100%
}

html .dp-nav-mobile .menu-item-has-children > .sub-menu  a{
	font-family: var(--dp-font-primary);
	font-size: var(--dp-txt-small);
	
}



.moble-nav-clmn2{
  padding:0  15px
}




html .dp-nav-mobile .dp-menu{
	flex-direction: column;
	padding-left:0;
	margin-bottom:0;
	margin-top: 0px;

}

html .dp-nav-mobile .dp-menu li {
	border-bottom: 1px solid rgba(255,255,255,.2);

}
html .dp-nav-mobile .menu-item-has-children .sub-menu{
	padding:10px 0px;
	
}
html .dp-nav-mobile .menu-item-has-children:not(.expanded) .sub-menu{
	display: none;
}
	
 html  .dp-nav-mobile  .menu-item-has-children.expand > a{
   padding-left:20px;
   	color:white;
   

   }
   
   	
@media(min-width:1025px) {
	html .dp-nav-mobile{
		display:none;
	}
}



  html  .dp-nav-mobile .menu-item-has-children .accordion {
    display:flex;
    justify-content:center;
    align-items: flex-start;
	width:45px;
    top: 2px;
	bottom: 0px;
	right: 0px;
	padding-top: 10px;;
    position: absolute;
	border-left: 1px solid rgba(255,255,255,.2);

  }
  
    html  .dp-nav-mobile .menu-item-has-children.expanded .accordion {
    display:flex;
    justify-content:center;
    align-items: flex-start;
	width:45px;
    top: 0px;
	bottom: 0px;
	right: 0px;
    position: absolute;
	border-left: none;


  }
  
  
  
  
	html .dp-nav-mobile .menu-item-has-children .accordion:before {
		content:" ";
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='28' viewBox='0 0 8 28'%3E%3Cpolyline points='6.5 1.5 1.07177734 14 6.5 26.5' fill='none' stroke='%23FFFFFF' stroke-width='1' stroke-linecap='square'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position:center;
		background-size:15px 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 20px;
		width: 20px;
		top: 0px;
		padding:0 0 0 12px;
		text-align:Center;
		transform:rotate(0deg);
		font-weight: 100;
		transform-origin: center;
		transition:all .3s ease;
		font-size: 20px;
		line-height:1em;
		color:var(--dp-grey-norm);
		transform:rotate(180deg);
		
	
		

		
	}
	
	  
	html .dp-nav-mobile .menu-item-has-children.expanded .accordion:before {
		
		transform:rotate(0deg);
		border:1px solid;
		margin: -3px 10px 0px 0px;
		padding:5px 7px 8px;
		text-indent:5px;
		
	

		
	}
	
html .dp-nav-mobile .social-links {
	justify-content:space-around;
	border-bottom: 1px solid rgba(255,255,255,.2);
	padding:5px 0 15px;
}

html .dp-nav-mobile .dp-display\:xl {
	display:block;
	
}
html .dp-nav-mobile 	.contact-info {
		padding:10px 20px;
		margin-top: 10px;
		
		border-top: 1px solid rgba(0,0,0,.1);
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
html .dp-nav-mobile 	.contact-info a{
		display:block;
		text-decoration:none;
		font-size:16px;
		padding:3px 0
		
	}
html .dp-nav-mobile 	.contact-info a:not(:last-child){
		margin-bottom:5px;
	}
	
html .dp-nav-mobile 	.header-copyr {
	
		color: #f8c1c0;
		padding-left:20px
	}
	
	  

  


@media(min-width:768px) {
	
	.moble-nav-clmn2{
			padding-left:calc(var(--dp-site-padding) / 3);
			padding-right:30px
			
	}	

}

@media(max-width:768px) {
		html .dp-nav-mobile .moble-nav-clmn2 .social-links{
			padding-left:14px
		}

	
	
}


.moble-nav-clmn2 .social-links a{
padding-top: 0!important;

}

.moble-nav-clmn2 .social-links {
	margin-left:-20px;
	padding-bottom:30px
}

/* @end */


a:hover .social-icon path{
	fill: #ccc;

}

.dp-nav-mobile .tag {
	padding:0 20px;

}
.dp-nav-mobile .tag p{
	font-size: 13px;
	width:250px;
	
}

.dp-nav-mobile .social-links {
  justify-content:center;
  align-items: center;
  display:flex;
  
}

.dp-nav-mobile .social-icon svg {
  width:20px;
  height:auto;
  display:block;
  margin-top: -3px;
}
.dp-nav-mobile .social-icon svg path {
fill: var(--dp-color-quaternary);
}

.mobile-nav-footer .utility-nav {
	border:none;
}
.mobile-nav-footer .utility-nav >*:first-child {
	background-color: var(--dp-color-secondary);
	border: none !important;
}


/* ----------------------------- Logo ------------------------- */



header .social-links {
	display:flex;
	color:white;
	justify-content:flex-start;
	gap:20px;
	padding:15px;
	margin-bottom:-10px;
}

header .social-links path{
	fill:white
}

header .social-links .social-icon{
	max-width: 32px;
}

header .social-links .social-icon[data-icon="x"]{
	max-width: 28px;
}


html   .logo-n-nav .logo img {
  width: 100%;
  height: auto;
}


@media(min-width:768px) and (max-width:1699px) {
	html  .logo-n-nav {
	padding-left:10px
	}
	
	#dp-scrollnav{
		padding-bottom:30px
	}
}

@media(min-width:769px) and (max-width:1699px) {
	

	html  .logo-n-nav {
	  display: flex;
	  width: 100%;
	  flex-wrap: wrap;
	  justify-content: stretch;
	  align-items: center;
	  
	
	 
	 }
	 
	 .logo-n-nav {
		margin-top: 0px;
		position:Relative;
		overflow:visible;
		border-radius:50px;
		padding-bottom:20px 
		
	}

	.dp-nav-desktop{
		justify-content:space-between;
		margin-top: 30px;
		padding:0 0px 0 20px;
		flex: 1;
	}
	header {
		transition: background .3s ease;
	}
	.headroom--not-top header {
		background: rgba(2, 28, 37, 0.9);
		box-shadow:0 0 5px rgba(0,0,0,.3);
	}

	

}

@media(max-width:768px) {
	html  .logo-n-nav .logo{
		max-width:50px;
		padding:10px 0
	}
}

  



@media(min-width:769px) and (max-width:1699px) {
	
	
	html  .logo {
	    max-width:105px;
		margin:0px 0 0px -10px;
		background: linear-gradient(180deg, #d60505 0%, #e82c2c 9%);
		padding:35px 18px 18px;
		display:block;
		border-radius:0 0 4px 4px;
		box-shadow:0 0 5px rgba(0,0,0,.2);
	
	
	}
	
	html  .logo img{
		aspect-ratio:auto
	}
	
}



@media (min-width:769px) and (max-width:1024px) {
  
  html header .logo {
      max-width: 104px;
  
    
  }
  
 .logo-n-nav .button-pos {
 	  	top: -3px;
 	  	left: auto;
 	  	right: 65px;
 	}
  

}

@media (max-width:768px) {
	
	#dp-scrollnav-holder{
		background:var(--dp-color-quinary);
		
	}

}

 html  header .logo,
 html  .logo >div,
 html .dp-nav-desktop {
  transition: padding .3s ease;
 }





}
@media(max-width:1024px) {
  .logo-n-nav .button-pos {
  	position:Absolute;
  	top: 5px;
  	left: 50%;
  	margin-left: -20px;
  }
  
   .logo-n-nav .button-pos .button{
   		line-height:2em;
   		padding:3px 15px !important;
   		font-size:  11px !important;
   	
   	}
}


@media (max-width:1699px) {
	
	html  .logo-n-nav {
	  display: flex;
	  width: 100%;
	  flex-wrap: wrap;
	  justify-content: stretch;
	  align-items: center;
	  overflow:visible;
	
	
	 }
}




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 white
}
html  .dp-navbar .dp-toggle-icon:before, html  .dp-navbar .dp-toggle-icon:after {
  border-top: 2px solid white;
}

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> .sub-menu {
	display:none
}
html  .dp-nav-desktop .dp-menu >li:hover > .sub-menu:before {
	content:"";
	position:absolute;
	width: 15px;
	height: 15px;
	background-color: var(--dp-color-quinary);
	display:block;
	top: -6px;
	left: 10px;
	transform:rotate(45deg);

}
html  .dp-nav-desktop .dp-menu >li {
	position: relative;

}
html  .dp-nav-desktop .dp-menu >li:hover > .sub-menu{
	display:block;
	position:Relative;
}
html  .dp-nav-desktop li:hover > .sub-menu {
	background-color: var(--dp-color-quinary);
	padding:10px 0px;
	box-shadow:0px 0px 3px rgba(0,0,0,.4);

}

html  .dp-nav-desktop .sub-menu a{
	padding:10px;
	opacity: 0;
	transition: all .3s ease .1s;

}

html  .dp-nav-desktop li:hover  .sub-menu   a{
	padding: 10px;
	margin:1px;
	opacity: 1;
	


}





html  .dp-nav-desktop .sub-menu .sub-menu {
	left: calc(100% - 10px);
	position:absolute;
	top: -10px;
}

html .dp-nav-desktop {
	overflow:visible;

	
}

@media(max-width:1699px) {
	html  .dp-nav-desktop li:hover  .sub-menu  li:hover{
		background-color: rgba(0,0,0,.3);

	}
	.dp-display\:xl {
		display:none
	}
}

@media(min-width:1700px) {
	
	header .tag {
	padding:10px 24px 0 18px;
	text-align: center;
	display:inline-block;
		width:100%;
		white-space:wrap!important;

	}
	
	#dp-scrollnav {
		max-width:250px;
	}
	main {
		position:relative;

		padding-left:250px;
		margin: 0 0 0 auto;
	}
	.dp-nav-desktop,
	html   .logo-n-nav,
	.dp-nav-desktop .dp-menu{
		flex-direction:column;
	}
	.dp-nav-desktop .dp-menu{
		flex-direction:column;
		margin:30px 0;

	}
	/* main > div >.mod {
		padding-left:300px !important
	}
	main > div >[class*="mod"] {
		padding-left:300px !important
	}*/
	
	

	.dp-nav-desktop .dp-menu {
		margin-bottom:0;
		min-width:200px;
	}
	.dp-nav-desktop .dp-menu li{
		width:100%;
		background-color: rgba(0,0,0,.05);
		padding:0px;
	}
	.dp-nav-desktop .dp-menu  li:hover,
	.dp-nav-desktop .dp-menu  li.active,
	.dp-nav-desktop .dp-menu .current-menu-ancestor {

		background-color: rgba(0,0,0,.2);
		
	}
	.dp-nav-desktop .dp-menu  li:hover {

		background-color: rgba(0,0,0,.2);
		
	}
	.dp-nav-desktop .dp-menu li:not(:last-child) {
		margin-bottom:2px;
		
	}
	html .dp-nav-desktop .dp-menu > li > a{
		font-size: 17px;
		text-transform:uppercase;
		padding:5px 10px;
		display:block;
	}
	
	.dp-nav-desktop {
		display:block !important;
	
	}
		
	header#dp-scrollnav-holder{
		width: auto;
		/* background: var(--dp-color-secondary);*/
		background: linear-gradient(-90deg, #ae0101 0%, #cb1616 1%, #e82c2c 3%);
		padding:0px;
		margin-left:0px;
		box-shadow:0 0 5px rgba(0,0,0,.4);
		border-radius:0 ;
		min-height:650px;
		height:100%;
		max-height:100vh;
		
	}
	header#dp-scrollnav-holder nav{
		padding:0
	}
	
	html   .logo-n-nav .logo{
		width:150px;
		margin:10px auto 0 ;
		position:relative;
		padding:20px 10px 10px 5px;
		
		
	}
	
	


	
	header#dp-scrollnav-holder .button-pos{
		padding:10px;
		display:none
		
	}
	
	

		html  .dp-nav-desktop .dp-menu  .sub-menu {
			z-index:1000;
			left: 100%;
			width:auto!important;
			min-width:220px;
			top: 0;
			background: var(--dp-color-secondary)!important;
			
		}
		html  .dp-nav-desktop .dp-menu  .sub-menu {
			padding:2px 0!important;
		}
		html  .dp-nav-desktop .dp-menu >li:hover > .sub-menu:before {
			content:"";
			position:absolute;
			width: 15px;
			height: 15px;
			background-color: var(--dp-color-secondary)!important;
			display:block;
			top: 7px;
			left: -7px;
			transform:rotate(45deg);
		
		}
		
		
		
		

	main >div>div:first-child:not(.expertise-section) {
		padding-top:96px!important
	}
	
	main >div>div:first-child.expertise-section {
		padding-top:0px!important
	}
	.contact-info {
		padding:10px;
		margin-top: 10px;
		border-top: 1px solid rgba(0,0,0,.1);
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	.contact-info a{
		display:block;
		text-decoration:none;
	}
	.contact-info a:not(:last-child){
		margin-bottom:5px;
	}
	
	.header-copyr {
	
		color: #f8c1c0;
	}
	
	
	
}


/* @end */


/* @end */



/* @group Promos */
.popup-dogear  h3 {
	margin:0;
	border:none;
	color:black;
}
.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
}


.popup-dogear:hover {
	background:black;
	color:white
}


.popup-dogear:hover h3 {

	color:white
}




/* @end */

/* @group Modules */


.ss-slideshow .slide-view {

}


}


.ss-slideshow .owl-nav button{
	    mix-blend-mode: difference;
		margin-top: -25px;
}

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:5px;
}
.mod-m4 .quote-cred:has(.mod-title)  .mod-auth:after{
	content:",";
}




/* @end */

/* @group Forms*/
.mod label {
padding:10px 0 5px;
display:block;
}



.mod [data-fform] {
	max-width:800px;
	margin:Auto;
}

.mod [data-fform]:before {
	content:"* Required";
	display:block;
	text-align:right;
	font-size: 12px;
	color:var(--dp-color-secondary);
}

.mod [data-fform] .msg{
	padding-top: 10px;
}
.mod .fform .verify {
	display:none;
}

.mod  *:is([type="text"],[type="email"],[type="tel"],[type="number"],[type="url"],textarea ) {
	background-color: #f9f9f9;
	border-radius:5px;
	padding:15px;
	border:none;
	width:100%;
	margin-top: 10px;
	box-sizing: border-box;
	font-size: 14px;;
	color:var(--dp-grey-med);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4);
}

@media(max-width:600px) {
	.mod  .ffield{
		padding:3px;
	}
	.mod  *:is([type="text"],[type="email"],[type="tel"],[type="number"],[type="url"],textarea ) {
	border-radius:3px;
	padding:10px;
	margin-top: 5px;
	font-size: 14px;
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.4);
}

}

.mod [type="submit"], .sender {
	margin:Auto;
	display:block;
	min-width:50%;
	margin-top: calc(var(--dp-site-padding) / 2.5);
	margin-bottom:10px
}

form .c7field select{
	display:block;
	appearance:none;
	border:none;
	margin-top: 10px;
	padding:14px 20px;
	width:100%;
	font-size: 14px;;
	color:var(--dp-grey-med);
	
}


  
  
form [class*="dp-gutter"]  {
	margin-bottom:0!important
}

@media(max-width:768px) {
	form [class*="dp-gutter"], form [class*="dp-gutter"] > * {
	margin:0 auto!important;
	padding:0 !important
}
form .c7field:not(:last-child) {
	margin-bottom:10px!important
}
}
form  [type="submit"].wpcf7-submit {
   min-width:150px !important;
   

}

.wpcf7-response-output {
	font-size: var(--dp-txt-big);
	border:none!important;
	font-weight: bold;
	color:var(--dp-color-secondary);
	text-align:center !important;
	
}

form .c7field .label{	
	font-size: 15px;
}
form .c7-select {
	position:Relative;
	
}
form .c7-select:after {
	content:"";
	position:absolute;
	top:25px;
	right: 15px;
	color: var(--dp-grey-med);;
	border-left: 7px solid;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	transform:rotate(90deg);
	
}

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 Slideshows */

html .ss-slideshow {
	position: Relative;
	height: 530px;
}


html .ss-slideshow .owl-dots:not(.disabled) {

	display:flex;
	width: fit-content;
	padding:13px 15px;
	border-radius:20px;
	margin:auto;
	left: 0;
	right:0;
	text-align:center;
	
}

html .ss-slideshow .owl-dots button{
	transition:all .3s ease
}


.mod-m2[data-look="style2"] .ss-slideshow {
	height:auto!important;
	min-height:0px !important;
	aspect-ratio: auto !important;
}

/* @end */

@media (max-width: 768px) {
  .mag-btns .button {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .magazine-promo .magazine-promo-img {
    padding-left: 100px;
  }

  .magazine-promo,
  .magazine-promo * {
    overflow: visible;
  }

  .magazine-promo .magazine-promo-img .mod-txt p {
    justify-content: flex-end;
    display: flex;
  }

  .magazine-promo .mag-txt {
    padding-left: calc(var(--t-site-padding) / 2);
    padding-top: calc(var(--t-site-padding) / 1.5);
  }
}

	
@media(min-width:768px) {
	.mod-m1.has-bleed .bleed >div
		min-width: 50vw;
	}
}
/*
@media (max-width: 768px) {
	html .has-bleed *{
		overflow:visible;
	}
	html .has-bleed .bleed {
		padding-top: 0;
	
		overflow:visible!important;
	}
	
	html .has-bleed .bleed >div {
		display:block !important;
		overflow:visible!important
	}
	
	html .has-bleed .bleed img{
		margin-left:calc(0px - (var(--dp-site-padding) / 1)) !important;
		width: calc(100vw + (var(--dp-site-padding) / 1)) !important;
	}

}
*/

@media (min-width: 769px) {


html .has-bleed .bleed:nth-child(even)>div {
right:  auto !important;
}


}


.owl-carousel .owl-nav {
  height: 60px;
}





@media (max-width: 768px) {
  html .mag-txt {
    padding-bottom: 0px !important;
  }
  html .mod.magazine-links .slide {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 30px;
  }
}











	
	@media(max-width:768px){
			html a[class*="social-link-"] + br {
			 
			    display: none;
			}

}


html a[class*="social-link-"]{
		font-size: 18px;
		letter-spacing:.02em;
		text-decoration:none;
		border: none!important;
		display:flex !important;
		align-items:center;
		color: black;

	}
	
	
[class*="social-link-"]:before{
		content:"";
		position:relative;
		width: 40px;
		height:40px;
		display:inline-block;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position:center;
		margin-right:18px

	}

.social-link-fb:before{
		background-image: url(/wp-content/themes/shapeshifter/assets/images/icon-fb.svg?sdf);


	}
	.social-link-ig:before{
		background-image: url(/wp-content/themes/shapeshifter/assets/images/icon-ig.svg?sdf);


	}	


.social-link-li:before{
		background-image: url(/wp-content/themes/shapeshifter/assets/images/icon-linkedin.webp);


	}
.social-link-ta:before{
	background-image: url(/wp-content/themes/shapeshifter/assets/images/icon-tripadvisor.webp);


}	
	
.social-link-gb:before{
	background-image: url(/wp-content/themes/shapeshifter/assets/images/icon-google-biz.webp);

}	
		


@media(max-width:767px){
	html a[class*="social-link-"]{
			margin-bottom:20px;
	}
}





@media(max-width:768px) {
	.mod-m2:not(.icon-nav) .grid-items .item:not(:last-of-type){
		padding-bottom:calc(var(--dp-site-padding)/4);
	}
}



html .mod-m2.icon-nav > * {
	max-width:800px
}


html .mod-m2.icon-nav h3{
	font-family: var(--dp-font-primary);
	text-transform: uppercase;
	font-size: 16px!important;
}

html .mod-m2.icon-nav .item:hover h3{
	color:var(--dp-color-secondary) !important;
}

html .mod-m2.icon-nav .thumb{
	height:82px!important;
	width:82px !important;
	margin:auto;
	border:1px solid #cccc;
	border-radius:50%;
	padding:15px
}

@media(max-width:768px) {
html body .mod-m2.icon-nav .thumb{
	height:62px!important;
	width:62px !important;
}
}




.rec-banner-logos > div{
	margin:auto;
}
.rec-banner-logos .dp-flex{
	gap:20px
}

html .mod-m2.icon-nav .thumb{
	height:82px!important;
	width:82px !important;
	margin:auto;
	padding:13px
	text-align: center;
}

html .mod-m2.icon-nav .item {
	position:relative;
}

.mod:not(.dot-nav-over) .owl-carousel:not(:has(.owl-dots.disabled)) {
	padding-bottom:50px;
}

.mod:not(.dot-nav-over) .ss-slideshow {
	overflow:visible
}
.mod:not(.dot-nav-over).owl-carousel .owl-dots{
	bottom:5px;
}


.mod.dot-nav-over .owl-carousel .owl-dots{
	bottom:20px;
	
}

	.mod .owl-carousel .owl-dots button{
			width:10px !important;
			height:10px!important;
			margin:0 5px
		}

@media(max-width:768px) {
	.mod .owl-carousel .owl-dots{
		padding: 7px !important;
		gap:1px !important
	}
	.mod .owl-carousel .owl-dots button{
			width:8px !important;
			height:8px!important;
			margin:0 5px
		}
}

a {
	color:inherit;
	transition: color .3s ease;
}


.mod-txt-lght a:hover {
	color:white;
}


 .owl-carousel .owl-dot.active{
	background:white!important;
	border:2px;
}


.img-frame {
	padding:5px;
	display: inline-block;
	margin:auto;
	background-color: white;
	

	
}

.img-frame  img {

	border:1px solid #000;
	border:4px solid white;

	box-shadow:0 0 8px rgba(0,0,0, .4);
}







[data-status="sent"] > div:not(.wpcf7-response-output),
[data-status="sent"]  input[type="submit"]{
	display:none
}

/* @group Custom */

/* ==========================================================================
   The Elixir Haus — Home page custom CSS
   Scoped to the teh- classes set in each module's Custom Classes field.
   Uses Dark PhysiCSS variables only; no custom button styles.
   ========================================================================== */


.x-site-holder:before {
	content:"";
	position:absolute;

	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image:url('/wp-content/themes/shapeshifter/assets/images/site-bg.webp?5fg');
	background-position:20vw 20vw;
	background-size: 100% auto;
	background-repeat: no-repeat;
	

	
}
/* ---------- Section rhythm (design: 120px top/bottom) ---------- */
.teh-section { padding-top: 120px; padding-bottom: 120px; }
@media (max-width: 767px) {
  .teh-section { padding-top: 64px; padding-bottom: 64px; }
}



.teh-section:not(.dp-bg\:clr4):before,
main > div:not(.dp-bg\:clr4):before,
main > div:not(.mod-m10):before,
.noise:before  {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100vw;
    z-index: 2;
    opacity: .1;
    pointer-events: none;
    background-image: url(/wp-content/themes/shapeshifter/assets/images/noise.jpg?f);
	background-blend-mode:screen
}



.teh-section:not(.dp-bg\:clr4) >div:not(.bg-video),
main > div:not(.dp-bg\:clr4) > div:not(.bg-video)
 {
	position:relative;
	z-index:3;

	
}


.teh-section * {
	z-index:2
	
}
/* Lead paragraphs in Martel (dp-fnt:2) */
.teh-lead {
  font-family: var(--dp-font-secondary);
  font-weight: 300;
  font-size: var(--dp-txt-big);
  line-height: 1.5em;
  max-width:780px !important;

 

}




/* ---------- Hero (M1) ---------- */
/* H1 size comes from the native Headline Size = Xtra Big setting */
.teh-hero h1 { line-height: 1.04em;  }
.teh-hero .teh-lead { color: var(--dp-color-quaternary); max-width: 760px; }
.teh-hero .teh-ctas { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 36px; }



.teh-hero * {
	overflow:visible;
}
.teh-ctas {
	position:Relative;


}


.x-teh-hero .mod-grid-item {
	background-image: url(/wp-content/uploads/2026/10/logo-teh-block.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 20%;
}

@media(min-width:601px) {
	
	
	.teh-ctas:before {
		height: 1px;
		width: 100vw;
		content:"";
		position:absolute;
		top: 50%;
		right: calc(100% + 20px);
		/*background-color:var(--dp-color-tertiary);*/
		border-top:1px dashed var(--dp-color-tertiary);
		opacity:.5;
	}
	
	.teh-ctas:after {
		height: 1px;
		width: 100vw;
		content:"";
		position:absolute;
		top: 50%;
		left: calc(100% + 20px);
		/*background-color:var(--dp-color-tertiary);*/
		border-top:1px dashed var(--dp-color-tertiary);
			opacity:.5;
	}

}

.teh-hero .teh-ctas {

	padding: 20px 0 20px;
	display:inline-flex;
	gap:30px
}
.teh-proof {
  display: flex;  gap: 16px 0px;
  list-style: none; margin: 30px 0 0 -20px; padding: 0;
  justify-content: s;
  color: var(--dp-color-tertiary);
  font-size: var(--dp-txt-small);
}
.teh-proof li { 
	display: flex; align-items: center; 
	gap: 18px; 
	padding: 4px 20px 4px;
	position:relative;
   
}


.teh-proof li:not(:last-child) {
	border-right:1px solid
}

/* ---------- Native numbered lists (m2_numblst) ----------
   Recolors the theme's numbers; the number element comes from the
   theme's .numblist rules, so confirm the selector after first render. */
.teh-numbered .numblist .mod-grid-item .info::before {
  color: var(--dp-color-secondary);
  background: transparent;
  font-family: var(--dp-font-primary);
  font-weight: 600;
}

.teh-numbered .mod-grid {
	margin:0 ;
}

/* ---------- Services (M2) ---------- */
.teh-services .mod-intro-txt { color: var(--dp-grey-light); }
.teh-services .mod-grid-item .mod-grid-item-pad {
  background: var(--dp-color-severnary);
  border-radius: var(--dp-rnd);
  padding: 44px 36px;
  height:100%;
  background: linear-gradient(0deg, rgba(0,0,0,0) 3%, rgba(0,0,0,.4) 56%);
}

.teh-services .mod-grid-item svg {
	opacity:.7;
    transition: opacity 0.3s ease;
	width:100%;
	height:auto;
	margin:auto!important;
	display:block;
}

.teh-services h3 {
	font-size: 1.9em!important;
	text-transform:uppercase;

	display:block;
}
.teh-services p + h3 {

	margin-top: 30px !important;

}

.teh-services .brand-id svg {
	max-width:100px
}

.teh-services .web-design svg {
	max-width:170px
}

.teh-services .print-inter svg {
	max-width:140px;
	padding:4px;
}
.teh-services .mod-grid-item:hover svg {
	opacity:1;
}
.teh-services .mod-grid-item svg *:is(path, rect, polygon){
    fill: var(--dp-color-tertiary);
    transition: fill 0.3s ease; 
}

.teh-services .mod-grid-item:hover svg *:is(path, rect, polygon){
    fill: rgb(164, 244, 244);
  
}


.teh-services .mod-grid-item p { color: var(--dp-color-quaternary); }
.teh-services .teh-deliverables {
  margin-top: 18px; padding-top: 18px;
  border-top: 1px solid var(--dp-color-quinary);
  font-size: var(--dp-txt-xsmall);
  color: var(--dp-grey-light) !important;
}

/* ---------- Who We Are (M1) ---------- */
.teh-who h2, .teh-who .teh-lead { color: var(--dp-color-primary); }
.teh-diff:not(:first-child) {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid var(--dp-grey-norm);
}
.teh-diff h3 { color: var(--dp-color-primary); margin: 0 0 8px; }
.teh-diff p { color: var(--dp-grey-med); margin: 0; }

/* ---------- How We Work (M2) ---------- */
.mod-m2[data-look="style4"] .mod-grid-item {
  padding-top: 28px;
  
}
.mod-m2[data-look="style4"] .mod-grid-item p { color: var(--dp-grey-light); }


.mod-m2[data-look="style4"] .mod-grid-item .info:before{ 
	position:relative !important;
	width:50px;
	font-size: 30px!important;
	height:79px;
	display:flex !important;
	justify-content:center;
	align-items: center;
	text-align:Center!important;
	z-index:10;
	color:white!important
}
.mod-m2[data-look="style4"] .mod-grid-item .info:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    position: Absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    border: 0.5px solid rgba(206, 229, 245, 0.4784313725);
    transform: rotate(45deg);
    left: 30px;
    top: 8px;
    margin-left: -21px;
	z-index:9;
}

.mod-m2[data-look="style4"] .mod-grid-item .info h3:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    position: Absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    border: 0.5px solid rgba(206, 229, 245, 0.4784313725);
    transform: rotate(45deg);
    left: 30px;
    top: 15px;
    margin-left: -21px;
	z-index:9;
}

.mod-m2[data-look="style4"] .mod-grid-item .info h3 {
	color:var(--dp-color-quartarnary);
	border-bottom:1px solid var(--dp-color-tertiary);
	padding-bottom:15px;
}

.mod-m2[data-look="style4"] .mod-grid-item h3{
	margin-top: 0px !important;
}


@media(max-width:600px) {
	.mod-m2[data-look="style4"] .info{
		text-align:Center;
	}
	.mod-m2[data-look="style4"] .mod-grid-item .info:before {
		left: 50% !important;
		margin-left:-25px
	}
	.mod-m2[data-look="style4"] .mod-grid-item .info:after {
		left: 50%;
	}
	
	.mod-m2[data-look="style4"] .mod-grid-item .info h3:before {
		left: 50%;
	}
	
	
	
}
/* ---------- The Lab (M1) ---------- */
.teh-lab .mod-txt p { color: var(--dp-color-quaternary); }
.teh-product {
  background: var(--dp-color-primary);
  border-radius: var(--dp-rnd);
  padding: 32px;
}
.teh-faq .accordion {
	max-width:750px!important;
	margin:auto;
}
.teh-product + .teh-product { margin-top: 20px; }
.teh-product h3 { margin: 0 0 10px; }
.teh-product p { color: var(--dp-grey-light) !important; margin: 0 0 10px; }
.teh-link {
  color: var(--dp-color-tertiary);
  font-weight: 600;
  text-decoration: none;
}
.teh-link:hover { color: var(--dp-color-secondary); }

@media(max-width:600px) {
	.teh-faq .m5-section-header{
		padding-top: 18px !important;
		padding-bottom: 18px !important;
	}
}

/* ---------- FAQ (M5) ---------- */
/* Alignment and title/answer sizes come from native M5 settings */
.teh-faq h2 { color: var(--dp-color-primary); }
.teh-faq .m5-section-header {
  padding: 28px 0;
  font-family: var(--dp-font-primary);
  font-weight: 500;
  color: var(--dp-color-primary);
}
.teh-faq .m5-item { padding: 28px 0 50px ;  }


.teh-faq  .m5-section  .m5-section-header{
opacity:.7;
transition: opacity .3s ease;
color:var(--dp-color-pramary);
	
}

.teh-faq  .m5-section.active  .m5-section-header,
.teh-faq  .m5-section:hover  .m5-section-header{
opacity:1;
	
}

.bubble-video {
	position:Relative;
}

.bubble-video .bg-video video{
	
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    filter: grayscale(1);
	opacity:0.23;
	z-index:1
	
}

 .video-mantle:after {
    content: "";
    background: linear-gradient(0deg, rgba(2, 28, 37, 1) 100px, rgba(2, 28, 37, 0) 56%);
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 0;
	top: 0;
}
/* @end */

/* @group Service Pages */

 .expertise-section .dp-contain{
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	margin-top: calc(var(--dp-site-padding));
	border-radius:20px;
	padding-right: calc(var(--dp-site-padding) );
	padding-left: calc(var(--dp-site-padding) );

}

 .mod-txt ul {
 	padding-left:20px
 } 
 

.expertise-section .m1-rows {
	padding-top: 20px;
}

.mod-m2[data-look="style3"] >.dp-contain{
		padding-right: calc(var(--dp-site-padding) );
	padding-left: calc(var(--dp-site-padding) );
}


html.safari:not(.chrome) .hide-webkit-vid.has-video .bg-video {
	display:none
}
html:is(.chrome, .firefox) .hide-webkit-vid.has-video .m1_img {
	display:none
}


	.expertise-section .dp-contain{
		margin-top: calc(var(--dp-site-padding) * 2);
	}
	.expertise-section .dp-contain{
		padding-top:calc(var(--dp-site-padding)/2)!important
	}
	
	.expertise-section .mod-intro-header{
		padding-bottom:calc(var(--dp-site-padding)/4)!important
	}

@media(max-width:768px) {
	.expertise-section .mod-intro-header{
		padding-bottom:0px!important
	}
}


@media(max-width:600px) {
	 .expertise-section .dp-contain,
	 .mod-m2[data-look="style3"] >.dp-contain{
	 	padding-right: calc(var(--dp-site-padding) / 3);
	 	padding-left: calc(var(--dp-site-padding)/ 3 );
	 }
	}

@media(max-width:728px) {
	
	 .expertise-section .dp-contain{
	margin-top: 20px;
	padding-top: 20px !important;
	}
}


.expertise-section .mod-grid-item >div {
	padding-left:0;
	padding-right: 0;
}

.mod-lght-txt,
.mod-lght-txt  p{
	color: var(--dp-grey-light);
}
html .expertise-box {
	padding:0 !important
}
 html .expertise-box  .mod-txt{
  border-top: 1px solid rgba(204, 204, 204, 0.4);
  border-bottom: 1px solid rgba(204, 204, 204, 0.4);
 padding:var(--dp-site-padding) 0  var(--dp-site-padding) var(--dp-site-padding);
 	
}



@media (min-width: 768px) {
   html .expertise-box {
    padding: calc(var(--dp-site-padding)) calc(var(--dp-site-padding) / 2);
  }
}

@media (max-width: 768px) {
   html .expertise-box .mod-txt{
    padding: calc(var(--dp-site-padding) / 1.5) 0 35px;
  }
  
  html .expertise-box .mod-txt{
  	display:flex;
  	gap:20px
  }
}

 html .expertise-box .mod-txt{
  display: flex;
  align-items: center;
}

.layer-1 > section.mod-m1-clmns.style2:first-of-type {
  margin-top: calc(var(--dp-site-padding) * 1.5) !important;
}

@media (min-width: 501px) {
  html  .expertise-box .mod-txt> div:nth-child(1) {
    padding-right: var(--dp-site-padding);
  }

  html  .expertise-box .mod-txt> div:nth-child(1) img {
    width: 200px !important;
  }

  html  .expertise-box .mod-txt> div:nth-child(2) {
    width: calc(100% - 200px) !important;
  }
}

@media (max-width: 500px) {
  html  .expertise-box .mod-txt{
    display: flex;
    flex-direction: column;
  }

  html  .expertise-box .mod-txt > div:nth-child(1) {
    padding-bottom: calc(var(--dp-site-padding) / 3);
    margin-left: -8%;
  }

  html  .expertise-box > div:nth-child(1) img {
    max-width: 120px !important;
  }
}



.mod-m2[data-look="style3"] .thumb {
  background: white;
  overflow: hidden;
}

.mod-m2[data-look="style3"] .item.cntrthumb .thumb img {
  object-fit: contain !important;
  padding: 30px;
}

.mod-m2[data-look="style3"] .article {
  background-color: var(--dp-color-severnary);
  border-radius: 13px;
  overflow: hidden;
}

.mod-m2[data-look="style3"] .article .info {
  padding: 0 20px 0;
}

.mod-m2[data-look="style3"] .article .button-pos {
  padding: 25px 10px;
  text-align: Center;
  margin: 0;
}

.mod-m2[data-look="style3"] .article .button-pos .button {
  border-color: transparent;
  width:100%;
  display:block;
  min-width:0px!important
}

.mod-m2[data-look="style3"] .article h3 {
  height: 70px;
  display: flex;
  align-items: Center;
  font-size: 19px;
  position: relative;
  text-transform: none;
  line-height: 1em;
  margin: 0;
  font-weight: 300;
  color:#ccc;
}

.mod-m2[data-look="style3"] .article h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  border: 1px solid var(--dp-color-primary);
  left: -20px;
  right: -20px;
}






/* @end */

/* @group Portfolio Slider */
.ss-lightbox .ss-lightbox-container {
	opacity: 0;
	transition: opacity .5s ease 1s;
}

.ss-lightbox:not(.dp-hide) .ss-lightbox-container {
	opacity: 1;
}

.ss-lightbox[data-type="lightbox"] .ss-lightbox-container {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  position: initial;
  background: white;
  border-radius:var(--dp-rnd);
  border-radius: var(--dp-rnd);
	overflow: hidden;
	box-shadow: 0 0 6px rgba(0,0,0, .3);
	margin: 7px;

}
.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .ss-lightbox-modal {
	background:transparent;
	border-radius: var(--dp-rnd);
	overflow: hidden;
	box-shadow: none;
	
}
.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider {
	max-width:90vw;
	
}

@media(min-width:864px) {
	.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider {
		height:90vh;
	}
}

@media(max-width:864px) {
	.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .ss-lightbox-modal {
		max-height:90vh;
		overflow-y:auto;
		 position:initial;
		 margin-bottom: 65px !important;
	
	}
	
}

.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .overview {
  padding: 10px calc(var(--dp-site-padding) / 2)
    calc(var(--dp-site-padding) / 3);

  margin-bottom: 0;
  line-height: 1.2em;
  max-width:450px;
 
}


.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .overview a {
    color: var(--dp-color-secondary);
    text-decoration: none;
    font-size: 17px;

}



.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .pjct-lnks >* {
    border-top: 1px solid #959595;
    display: block;
    padding-top: 15px;
    margin-top: 15px;

}

.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .pjct-lnks a {
    display:flex;
	gap:10px !important

}

.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .pjct-lnks .dashicons {
	  font-size: 20px;
	  text-align:left;
	  left:0;
	  margin:0;
	  width:Auto;
	  padding:0;
	  height:auto;
}


.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .copy-link{
  cursor: pointer;
  display: flex;
  color: var(--dp-color-secondary);

}

.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .copy-link:after {
    margin-left: 10px;
    content: "Project Link";
    color: var(--dp-color-secondary);
    font-size: 17px;
    display: inline-block;
    white-space: nowrap;
    font-family: 'Barlow Semi Condensed';
       margin-top: 4px;
}


.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .copy-link.copied:after {
    content: "Copied";
   
}




.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider {
  display: flex;
  flex-direction: column;
}

.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider  .slideshow {
  position: initial;
  height: 100%;
}
.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .slides {
  text-align: center;
  display: flex;
  height: 100%;
}

@media (max-width: 900px) {
  .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .title-bg {
    display: none;
  }
 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider  .slideshow .slides {
    padding: 20px 0;
  }
 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider  .overview {
    border-bottom: 1px solid #ccc;
  }
}
.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider.overview p {
  font-size: 16px;
  line-height: 1.2em;
}

@media (min-width: 900px) {
  .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider {
    display: flex;
    flex-direction: row;
  }

  .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .overview {
    overflow-x: auto;
    height: 100%;
  }

 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .overview {
    border-right: 1px solid #ccc;
  }

  .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .overview {
    padding-right: 50px !important;
  }

 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider  .title-sm {
    display: none;
  }
}

@media (min-width: 900px) and (max-width: 1500px) {
  .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .slideshow {
    width: calc(100% - 280px);
  }
}

@media (min-width: 1500px) {
  .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .slideshow {
    width: calc(100% - 400px);
  }
  .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .overview p {
    font-size: 18px;
  }
}




.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-stage {
	height:100%;
}
.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-item {
	height: 100% !important;
	width: 100% !important;
	flex: 1;
}

.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .slide img {
  height: 100% !important;
  width: 100% !important;
}

.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .slide:not([data-size="fill"]):not([data-type="ws"])
  .img {
  padding-right: calc(var(--dp-site-padding) / 3) !important;
  padding-left: calc(var(--dp-site-padding) / 3) !important;
}
.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .slide:not([data-size="fill"])
  img {
  object-fit: contain;
}

.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider  .slide[data-size="fill"] img {
  object-fit: cover;
}

.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider  .owl-carousel .slide {
  height: 100%;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider  .owl-carousel .slide .img {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: calc(var(--dp-site-padding) / 2);
  padding-bottom: calc(var(--dp-site-padding) / 2);
}

@media (max-width: 864px) {
.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .portfolio-slider .overview {
    padding: 0 calc(var(--dp-site-padding) / 4) calc(var(--dp-site-padding) / 4);
    border-bottom: 1px solid #ccc;
  }

 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .overlay-title {
    padding-left: calc(var(--dp-site-padding) / 4);
  }

 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider  .overlay-container .descr {
    padding: calc(var(--dp-site-padding) / 4) calc(var(--dp-site-padding) / 4);
  }
}








.mod-m2 .item .thumb:not(.fitimg) img {
  object-fit: cover;
  width: calc(100% + 2px) !important;
  height: calc(100% + 2px) !important;
  margin: -1px;
  position: relative;
  z-index: 1;
}

.ss-lightbox[data-type="lightbox"] .ss-lightbox-container {
	position:relative;
}

 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-nav:before {
  content: "";
  position: absolute;
  display: block;
  top: -1px;
  width: calc(100% - 2px);
  left: 1px;
  height: var(--dp-site-padding);
  background: var(--dp-color-primary) !important;
  overflow: hidden;
  border-radius: 0 0 18px 18px;
}

 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-nav {
  position: absolute;
  bottom: var(--dp-site-padding);
  width: 100%;
  left: 0;
  z-index: 10;
  text-align: left;
 	bottom: 0;
}
 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-nav button {
 	top: 20px !important;
 	width:30px!important;
 } 
 
 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-nav button span {
 	display:none
 }
 
  .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-nav .owl-prev {
  	left: 20px;
  }
  .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-nav .owl-next {
  	right: 20px !important;
  	left: auto;
  }
 
  .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-nav button:after {
  	color:white;
  	width: 15px;
  	height: 15px;
  }
 
 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-nav button {
  width: 80px;
  background: none;
  position: absolute;
  border: none;
  padding: 0;
  top: 15px;
}

 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-nav button {
  width: 60px;
  background: none;
  border: none;
}

 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-nav button span {
  color: white;
  font-size: 70px;
  font-weight: 100 !important;
}

  

 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider.owl-carousel .owl-dots button {
  border: none;
  width: 14px;
  height: 14px;

}

 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-dots {
 	position:absolute;
 }
 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-theme {
 	position:initial;
 }

 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-dots .button{
 	width:14px;
 	height:14px
 }
 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-dots button:not(.active) {
  background-color: #777;
 	border:none
}

 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-dots button.active {
  background-color: white;
}

 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-dots {
  z-index: 11;
  position: absolute;
  bottom: 18px;
  display: inline-block;
  width: calc(100% - 160px);
  text-align: Center;
  left: 80px;
}

 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-nav .owl-next {
  position: absolute;
  right: 0;
}



.owl-carousel .owl-dots button:hover:not(.active) {
  background-color:var(--dp-color-tertiary);

}

.ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .slideshow .slides{
	transition: padding .5s ease;
	padding-bottom: 0px;
}

@media (hover: hover) {
  .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-carousel .owl-nav,
  .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .owl-dots {
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .ss-lightbox[data-type="lightbox"] .ss-lightbox-container:not([data-slide-num="1"]):hover  .portfolio-slider .slideshow .slides{
    padding-bottom: 60px !important;
  }

   .ss-lightbox[data-type="lightbox"] .ss-lightbox-container:not([data-slide-num="1"]):hover .portfolio-slider  .owl-carousel .owl-nav,
   .ss-lightbox[data-type="lightbox"] .ss-lightbox-container:not([data-slide-num="1"]):hover  .portfolio-slider .owl-carousel .owl-dots {
    opacity: 1;
  }
}

@media(max-width:864px) {
	 .ss-lightbox[data-type="lightbox"] .ss-lightbox-container .portfolio-slider .slideshow .slides{
    padding-bottom: 60px !important;
  }
  

  
   .ss-lightbox[data-type="lightbox"] .ss-lightbox-container:not([data-slide-num="1"]) .portfolio-slider  .owl-carousel .owl-nav,
   .ss-lightbox[data-type="lightbox"] .ss-lightbox-container:not([data-slide-num="1"])  .portfolio-slider .owl-carousel .owl-dots {
    opacity: 1;
   	display:block!important;
  }
}

/* @end */

/* @group Untitled Group */

@media(max-width:600px) {
	.teh-hero h1{
		font-size: 35px;
	}
}

/* @end */

/* @group Footer */

.footer-display {
	display:none;
}

@media(min-width:769px) and (max-width:1699px) {
	.footer-display{
	display:block;
}
}

.teh-footer-links  .dp-contain{
	border-bottom:1px solid var(--dp-color-quinary);
	padding-bottom: calc(var(--dp-site-padding));
}


.teh-footer-links .mod-header {
	color:var(--dp-color-tertiary);
	font-size: var(--dp-txt-small);
	letter-spacing:.07em;
	text-transform:uppercase;
	margin:0
}

.teh-footer-links  .mod-txt a{
	
	text-decoration:none;
	letter-spacing:.04em;
	padding:5px 0;
	display:block;
	
	
	
}

.teh-footer-links  .mod-txt a:hover{
	
	color:white;
}

.teh-footer-links  .mod-txt a +br {
	display:none;
}


@media(min-width:1025px) {
		
	
	.teh-footer-links .mod-grid > div:nth-child(1) {
		width:450px!important;
		padding-right:calc(var(--dp-site-padding))
	}
	.teh-footer-links .mod-grid > div:nth-child(1) .mod-txt{
		max-width:300px;
	}
	
	.teh-footer-links .mod-grid > div:nth-child( n + 2) {
		width: calc((100% - 450px) / 3);
	}
	
	.teh-footer-links .mod-grid > div:nth-child(3) {
	
		padding-left:calc(var(--dp-site-padding) / 1.5)
	}

}
@media(min-width:7698px) and (max-width:1024px) {
		
	
	.teh-footer-links .mod-grid > div:nth-child(1) {
		width:100%!important;
		padding-right:calc(var(--dp-site-padding))
	}
	.teh-footer-links .mod-grid > div:nth-child(1) .mod-txt{
		max-width:300px;
	}
	
	.teh-footer-links .mod-grid > div:nth-child( n + 2) {
		width: 33%;
	}
	
	.teh-footer-links .mod-grid > div:nth-child(3) {
	
		padding-left:calc(var(--dp-site-padding) / 1)
	}

}

.mod.teh-co-info img{
	display:block;
	margin:0;
	width:160px;
	margin-bottom:20px;
}
.mod.teh-co-info p{
	
	font-size: var(--dp-txt-small);
}

/* @end */

/* @group Services */


.partner-workflow,
.partner-workflow * {
  overflow: visible !important;
}
.partner-workflow {
	margin-bottom:60px;
}

.mod.partner-workflow {
  position: Relative;
  padding-top: 110px;
  min-height: 700px;
}

.partner-workflow h4 {
  font-size: 16px;
  text-transform: none !important;
}
.partner-workflow .t-contain {
  position: Relative;
}

@media (max-width: 800px) {
  .partner-workflow .flow-chart .t-contain {
    margin-bottom: 280px;
  }
}
.logo-orig {
  display: none !important;
}
.logo-new {
  display: inline-block !important;
}

.biz-obj:after {
  position: relative;
  top: 50px;
  text-align: center;
  content: "";
  width: 9px;
  height: 38px;
  left: 50%;
  margin-left: -4.5px;
  background-image: url(/wp-content/themes/shapeshifter/assets/images/arrow.svg);
  display: block;
}

.partner-workflow .mod-txt {
  position: Relative;
  text-align:center
}



html .mod-m1-clmns .iterative-process {
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  align-items: center;
  position: absolute;
}

html .partner-workflow *:is(h2, h3, h4) {
  margin: 0 !important;
}

@media (max-width: 500px) {
  html .partner-workflow .step {
    padding: 20px 0 0;
    text-align: center;
  }
  .biz-obj:after {
    top: 10px;
  }
  html .mod.partner-workflow {
    padding-top: 32px;
  }
  html .partner-workflow .mod-m1 .t-contain {
    padding-top: 0 !important;
  }
  .partner-workflow .frame:before {
    content: "";
    width: 450px;
    height: 450px;
    display: block;
    left: 50%;
    margin-left: -225px;
    border: 1px solid rgba(225, 255, 255, 0.2);
    transform: rotate(45deg);
    position: absolute;
    top: 30px;
    background: radial-gradient(
      circle,
      rgba(0, 0, 0, 0) 50%,
      rgba(0, 0, 0, 0.2) 100%
    );
  }

  .biz-obj {
    text-align: center;
  }

  .biz-obj:after {
    top: 5px;
    left: 50%;
    margin-left: -4.5px;
  }

  .partner-workflow .step:not(.noarrow):after {
    position: relative;
    top: 7px;
    text-align: center;
    content: "";
    width: 29px;
    height: 28px;
    left: 50%;
    margin-left: -15px;
    background-image: url(/wp-content/themes/shapeshifter/assets/images/arrow.svg);
    display: block;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  .partner-workflow .iterative-process {
    display: none !important;
  }
}

@media (min-width: 500px) {
  .partner-workflow .flow-chart .t-contain {
    margin-top: 130px;
    margin-bottom: 150px;
  }
  .partner-workflow .frame:before {
    content: "";
    width: 550px;
    height: 550px;
    display: block;
    border: 1px solid rgba(225, 255, 255, 0.2);
    transform: rotate(45deg);
    position: absolute;
    background: radial-gradient(
      circle,
      rgba(0, 0, 0, 0) 50%,
      rgba(0, 0, 0, 0.2) 100%
    );
  }
  .partner-workflow .frame {
    position: Relative;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 300px;
    margin: auto;
    margin-top: 50px;
  }
  .partner-workflow .t-contain .mod-txt {
    display: flex !important;
    justify-content: center;
    align-items: center;
  }
  .biz-obj:after {
    position: absolute;
  }
  .biz-obj {
    position: absolute;
    top: -170px;
    text-align: center;
    font-size: 34px;
    white-space: nowrap;
  }

  html .partner-workflow .step {
    position: Absolute;
    max-width: 180px;
    width: 100%;
  }

  html .partner-workflow .strategize {
    text-align: center;
    width: 100%;
    top: -60px;
    max-width: 320px;
    width: 320px;
  }
  html .partner-workflow .gather {
    text-align: center;
    width: 100%;
    align-self: flex-end;
  margin-top: -30px;
  }
  .partner-workflow .execute {
    text-align: left;
    left: calc(100% - 10px);
  }
  .partner-workflow .evaluate {
   right: calc(100% - 10px);
    text-align: right;
  }
  .partner-workflow .gather {
    top: 105%;
    max-width: 200px;
  }
}



/* @end */

/* @group Contact Us */

[data-fform] {
	
}

.contactus-contact-form .gap {
	gap:20px
}
.contactus-contact-form [data-fform]{
	background-color: white;
	padding:calc(var(--dp-site-padding) / 2);
	border-radius:var(--dp-rnd);
	margin:5px;
	width:auto;
	box-shadow:0 0 5px rgba(0,0,0,3);
	
}

/* @end */

.mod .mod-header {
	margin-top: 0px !important;
}

.mod-txt ul li:not(:last-child) {
 	padding-bottom:7px;
 }
.mod-txt ul li::marker {
 	color:var(--dp-color-secondary);
 }
 
 .mod-m1-bleederbox {
 	box-shadow:0 5px 15px rgba(0,0,0,.3);
 }
.mod-m1-bleederbox + .mod-m1-bleederbox {
	margin-top: calc(var(--dp-site-padding)/2);
}
.bleed.odd >div:after{
	content:"adf";
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	display:block;
	background: linear-gradient(-90deg,  rgba(2, 28, 37, 1) 0%, rgba(0, 0, 0, 0) 50%);
	z-index:2
	
}


.bleed.even >div:after{
	content:"adf";
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	display:block;
	background: linear-gradient(90deg,  rgba(2, 28, 37, 1) 0%, rgba(0, 0, 0, 0) 50%);
	z-index:2
	
}


[data-fx] .mod-grid-item:not(.bleed) .mod-position{
	transition: all .8s cubic-bezier(0, 0.779, 0.379, 0.99) 1s;
}

.has-bleed:has(.odd) [data-fx][data-scrollview="0"] .mod-grid-item:not(.bleed) .mod-position{
	
	 transform: translateX(-25vw);
	 opacity:0

}
.has-bleed:has(.even) [data-fx][data-scrollview="0"] .mod-grid-item:not(.bleed) .mod-position{
	
	 transform: translateX(25vw);
	 opacity:0

}

.has-bleed [data-fx][data-scrollview="1"] .mod-grid-item:not(.bleed) .mod-position{
	
	 transform: translateX(0vw);
	 opacity:1

}

.mod.client-services-slider  .ss-slideshow{
	
	margin:0 auto !important;
	margin-bottom:0 !important;
}

.mod.client-services-slider  .ss-slideshow .owl-stage .owl-item  {
	display:flex;
	justify-content:center;
	align-items: center;
	border-radius:var(--dp-rnd);


}





.mod.client-logos-slider .ss-slideshow {
	max-width:300px !important;
	margin:0 auto !important;
	margin-bottom:0 !important;
}



.mod.client-logos-slider .ss-slideshow .owl-stage{
	transform: none !important;	
	width: 100% !important;
}
.mod.client-logos-slider .ss-slideshow .owl-stage .owl-item {
	transition: opacity 1s ease-in-out ;
	position:absolute;
	width: 100%;
	height: 100%;
}

.mod.client-logos-slider .ss-slideshow .owl-stage .owl-item .ss-slide {
	display:flex;
	justify-content:center;
	align-items: center;
}

.mod.client-logos-slider .ss-slideshow .owl-stage .owl-item img {
	max-width: 300px;
	max-height:200px;
	margin:auto!important;
	display:block;
}
.mod.client-logos-slider .ss-slideshow .owl-stage .owl-item:not(.active) {
	opacity:0;
	
}


.utility-nav.floating {
	background-color: var(--dp-color-secondary);
}


.rouge-pjct-img{
	aspect-ratio:16/9 !important
}
.project-box .ss-slideshow {
	aspect-ratio:14 /9 !important;
	
}
.project-box .ss-slideshow .owl-stage-outer {
	border:1px solid var(--dp-grey-norm);
}

/* @group Scrolling Logos */

.mod-logos .ls_logo img{
	object-fit:contain;
	width:100% !important;
	height:auto;
	max-height:90px;
}

.mod-logos .ls_obj{
	max-width: 250px;
	padding:20px;
	width:100%;

}

.has-bleed .mod-grid-item.bleed {
	z-index: 1;
	position:relative;
}

.has-bleed .mod-grid-item:not(.bleed) {
	z-index: 2;
	position:Relative;
}


@media(max-width:768px) {
	.mod-grid-item.bleed >.mod img{
		aspect-ratio: 16/9!important
	}
}
[data-slider-name="project-slider"] .owl-stage-outer{
	border:1px solid var(--dp-grey-norm);
}

[data-slider-name="project-slider"] .dp-valigner .dp-valign{
	padding:0px 30px 10px;
	background: rgba(2, 27, 37, 0.74);
	box-shadow:0 0 5px rgba(0,0,0,.3);
	width:100%
}

[data-slider-name="project-slider"] .dp-valigner .dp-valign .button {
	background-color: white;
	color: var(--dp-color-quinary);
}
[data-slider-name="project-slider"].ss-slides{
	padding-bottom:calc(var(--dp-site-padding) )!important
}
[data-slider-name="project-slider"] .dp-valigner .dp-valign .button:hover {
	background-color: var(--dp-color-secondary);
	border-color: var(--dp-color-secondary);
	color: white !important;
}



@media(min-width:769px) {
	
	
	
   [data-slider-name="project-slider"] {
		padding:0 50px !important;
		
	}
	
	 .new-noteworthy .mod-intro-header {
		padding-bottom:calc(var(--dp-site-padding) / 2)!important
	}
	.new-noteworthy {
		padding-bottom:calc(var(--dp-site-padding)*2)!important
	}
	
	 [data-slider-name="project-slider"] .owl-stage-outer{
	
		box-shadow:0 0 20px rgba(0,0,0,.2);
	}
	
		
	[data-slider-name="project-slider"] .mod-intro-header .mod-head-pos:not(.mod-sz-fill) {
		justify-content:stretch !important;
		
	}
	
	[data-slider-name="project-slider"] .owl-nav button {
		margin-top:0;
		position:absolute;
	
	}
	[data-slider-name="project-slider"] .dp-valigner {

		max-width:100%!important
	}
	[data-slider-name="project-slider"] .dp-valigner .dp-valign {
		position:relative;
	}
	[data-slider-name="project-slider"] .dp-valigner .dp-valign .button-pos {
	 position:absolute;
		top: 10px;
		right: 30px;
	}
[data-slider-name="project-slider"] .owl-nav button {
	margin-top: -40px!important;
}
	[data-slider-name="project-slider"] .owl-nav button.owl-next {
		right: 0!important;
	}
}

[data-slider-name="project-slider"] .ss-slide .dp-contain {
	max-width:100%!important
}

[data-slider-name="project-slider"] .owl-nav button {
	cursor:pointer;
	width:40px;
	height:50px
}

[data-slider-name="project-slider"] .owl-nav button:after {
	top: 10px;
}

@media(min-width:1700px) {
		[data-slider-name="project-slider"] .ss-slide {
		display:flex!important;
		flex-direction:row-reverse;
	
	}
	
	.slider-project-slider{

		aspect-ratio:auto !important;
	}
	
	[data-slider-name="project-slider"] .ss-slide > *:first-child{
		width:calc(100% - 400px)!important;
		height:auto !important;
				max-height:700px;
		object-fit:cover;
		border: 1px solid var(--dp-color-primary);
		box-shadow:0 0 10px rgba(0,0,0,.4);
		margin:5px;
	}
	[data-slider-name="project-slider"] .ss-slide > *:last-child{
		width:400px!important;
	}
	[data-slider-name="project-slider"] .ss-slide .m2-img,
	[data-slider-name="project-slider"] .dp-valigner,
	[data-slider-name="project-slider"] .dp-valigner .dp-valign{
		position:relative !important;
	}
	
	[data-slider-name="project-slider"] .dp-valigner .dp-valign{
	height:100%;
	background:none
	}
	
	
	
	[data-slider-name="project-slider"] .owl-stage-outer {
		box-shadow:none;
		border:none
	}
	
	[data-slider-name="project-slider"] .dp-valigner .dp-valign{
		flex:1;
	}
	
	[data-slider-name="project-slider"] .owl-nav button {
	
	top: 40px!important;
	
	
	}
	
	[data-slider-name="project-slider"] .title,
	[data-slider-name="project-slider"] .sub-title {
	
		max-width:290px;
	}
	
	[data-slider-name="project-slider"] .owl-nav button:after{
		color:var(--dp-color-tertiary) !important;
	}
	[data-slider-name="project-slider"] .owl-nav button:hover:after{
		color:white !important;
	}
	
	[data-slider-name="project-slider"] .owl-nav button.owl-prev{
		left: 320px !important;
	}
	
	[data-slider-name="project-slider"] .owl-nav button.owl-next{
		left: 340px !important;
	}
	
	[data-slider-name="project-slider"] .dp-valign .button-pos {
		top:0px !important;
		right:0px !important;
		position:relative!important;
	
	}
	  [data-slider-name="project-slider"] {
		padding:0 0px !important;
		
	}
}

@media(max-width:769px) {
	.slider-project-slider {
		aspect-ratio:auto !important;
	}
	[data-slider-name="project-slider"] .dp-valigner{
		padding:0!important;
	}
	[data-slider-name="project-slider"] .m2-img,
	[data-slider-name="project-slider"] .dp-valigner {
		position:relative!important;
	}
	
	[data-slider-name="project-slider"] .m2-img {
		height:auto!important;
		aspect-ratio:1024/626
	}
	
	[data-slider-name="project-slider"] .dp-valigner .dp-valign .ss-slide {
		display: block!important;
	}
	[data-slider-name="project-slider"] .dp-valigner .dp-valign {
		padding:10px 10px 30px;
	}
	
	[data-slider-name="project-slider"] .dp-valigner .dp-valign, [data-slider-name="project-slider"] .dp-valigner .dp-valign *:not(.button) {
	
		text-algign:left!important;
		
	}
	.new-noteworthy {
		padding-bottom:calc(var(--dp-site-padding) * .75)!important
	}

}

/* @end */