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



.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::after {
  content: "";
  width: 1px;
  height: 15px;
  position: absolute;
  right: -2px;
  display: block;
  top: 4px;
}
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: 20px;
    min-width: 150px;
    letter-spacing: .01em;
    line-height: 1.2em;
    text-align: left;
    left: 2px;
    right: -10px;
    margin-left: 0px !important;
    height: 0;
    max-height: 0;
    transition: max-height 1s ease;
  
  }
  
  
  

html  .dp-nav-desktop .dp-menu  .sub-menu a {
    font-size: 13px !important;

    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: .01em;
    margin-top: 0 !important;
    display: block !important;
    text-align: left !important;
  text-decoration:none;
  font-style:normal !important;
  }
  


 html  #dp-scrollnav-holder .sub-menu {
        overflow: hidden;
}


html   #dp-scrollnav-holder  ul li:hover > .sub-menu,
html   #dp-scrollnav-holder  ul li:hover li{
    overflow: visible;
  } g

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


/* 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 !important
}

.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 .menu-item-has-children.expand > .sub-menu >li > a{
   	font-weight: 400;
   	}
  html  .dp-nav-mobile  .expanded:not(:has(.expanded)) {

  	height:calc(100vh - 200px)!important;
  	overflow-y: auto !important;
  	border:none!important
 
  }
 html  .dp-nav-mobile  .menu-item-has-children.expand > a{
   	margin-left:12px;
   	font-weight:bold !important;

   }
   
   
   
   
   
  html  .dp-nav-mobile .menu-item > .sub-menu li {
  	opacity:0;
  	transition:transform .3s ease, opacity .3s ease;
  	transform:translateY(25vw);
  } 
   
  html  .dp-nav-mobile .expanded > .sub-menu > li{
  	opacity:1;
  	position:Relative;
  	transform:translateX(0vw);
  } 
  
  
  
  html  .dp-nav-mobile .menu-item > .sub-menu > li > a{
  	opacity:0;
  	transition:right.3s ease .5s, opacity .3s ease .5s;
  	right:25vw
  } 
  
   
  html  .dp-nav-mobile .expanded > .sub-menu > li > a{
  	opacity:1;
  	position:Relative;
  	right: 0vw;
  } 
  

   
   
   
   
   
   
   
  
  html  .dp-nav-mobile .menu-item-has-children  .sub-menu li:last-child{
  margin-bottom:20px
  }
  
  
  html  .dp-nav-mobile .menu-item-has-children:not(:focus-within) > .sub-menu{
    height:auto;
    max-height: 0px;
  }
  
  html  .dp-nav-mobile .menu-item-has-children:not(:focus-within) > .sub-menu li{
    
  }
  
  html  .dp-nav-mobile .menu-item-has-children:is(:focus-within) > .sub-menu{
    max-height:1000px
  }
  

 
 
  
  html:not(.dp-mobmenu) .dp-nav-mobile {
    height:0px;
    overflow:hidden;
  }
 
  
  html .dp-navbar {
    overflow:visible;
  }
  
  
  html.dp-mobmenu .dp-button-mobile-menu{
    position:absolute;
    top:20px

  }
  
  
  
  html.dp-mobmenu .dp-toggle-icon, html.dp-mobmenu .dp-toggle-icon:before, html.dp-mobmenu .dp-toggle-icon:after {
    transition: all .3s ease;
    transition-delay: 0.125s;
  }
  html.dp-mobmenu .dp-toggle-icon:before {
    transform: translateY(1px) rotate(135deg);
  }
  html.dp-mobmenu .dp-toggle-icon {
    border-color: transparent !important;
  }
  html.dp-mobmenu .dp-toggle-icon:after {
  
    transform: translateY(-10px) rotate(-135deg);
  }
  
  
  html  .dp-nav-mobile .sub-menu li:not(.expanded) a {
    padding-left:10px
   }
  

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




html{
	scroll-behavior: smooth;
}

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

html, body{margin:0}



a {
	transition:all .3s ease;
}


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

*/



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

main {
	background-color: var(--dp-color-quaternary);
}

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-family: "Work Sans";
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	margin-bottom:5px;
	line-height: 1.2em; /* 476.923% */
	letter-spacing: 1.4px;
	text-transform:uppercase;
}

.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)) 15px;
	}
}


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


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

}

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



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

.txt-lght :is(h1,h2,h3) {
	
}



.social-icon {
	/* aspect-ratio: 1.5 / 1;*/
	max-width:45px;
	display:block;
	padding:5px;
	
}
.social-icon svg{
	width:100%;
	height:100%;
}

.social-icon svg path{
	fill: #000;
	transition: fill .3s ease;
}

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

}

 p:first-of-type {
 	margin-top: 0;
 }
  p:last-of-type {
 	margin-bottom: 0;
 }
 
 /* @group Buttons */
 
 html .mod .button {
     cursor: pointer;
 }
 
 .btn-close {
 	position:absolute;
 	right: 0;
 	background-color: black;
 	border-radius:50%;
 	width:25px;
 	height:25px;
 	padding:4px;
 	display:flex;
 	align-items: center;
 	justify-content:center;
 	cursor:pointer
 }
 
  .btn-close span{
  	display:flex;
 	align-items: center;
 	justify-content:center;
 	height:100%;
 	top: 1px;
  }
  .btn-close svg{
 	width: 100%;
 	height:100%;
 	margin-top: -1px;
 	position:relative;
 }
 
 button.icon {
 	appearance:none;
 	border:none;
 	background:none;
 	
 }
  button.icon span{
 	display: none;
 	
 }
 

 .wpcf7-submit, 
 html  .ccf-submit-button, 
 html  [type="submit"], 
form .c7field   [type="file"]::file-selector-button,
 html  .button:not(.icon):not(.nostyle) {
 display:inline-block;
 background-color: var(--dp-color-secondary);
 width:auto;
 min-width:0px;
 appearance:none;
 border:3px solid var(--dp-color-secondary);
 padding: 15px 20px;
 border-radius:4px;
 color:white;
 transition: all .3s ease;
 text-decoration:none;
 font-family: var(--dp-font-primary);
 font-size: 13px;
 text-transform:uppercase;
 letter-spacing:.08em;
 line-height: 1.3em;
 text-align:center !important;
 }
 
 
 form .c7field   [type="file"]::file-selector-button {
 	padding:5px 20px;
 	margin-top: 10px;
 }
 
  html  .button.btn-rev, 
 .wpcf7-submit.btn-rev,
 html  .ccf-submit-button.btn-rev,
 html  [type="submit"].btn-rev,
 html  button.btn-rev:not(.icon):not(.nostyle) {
 display:inline-block;
 background-color: white;
 width:auto;
 min-width:0px;
 appearance:none;
 border:3px solid black;
 padding: 7px 20px;
 border-radius:4px;
 border-radius:30px;
 color:black;
 transition: all .3s ease;
 text-decoration:none;
 border: 2px solid transparent;
text-align:center;
 font-weight:400;
 letter-spacing:.08em;
 line-height: 1.3em;
 }
 
 
  html  .button.btn-sm, 
 .btn-sm .wpcf7-submit, 
 html .btn-sm .ccf-submit-button, 
 html  [type="submit"].btn-sm {
  	 padding:6px 20px;
  	 font-size: 14px;
  }
 
 
 

 .wpcf7-submit:hover, 
 html  .ccf-submit-button:hover, 
 html  [type="submit"]:hover, 
 html  .button:not(.icon):hover,
 html  .mod-m2 [data-linktype="blocklink"]:hover button,
 form .c7field   [type="file"]::file-selector-button:hover{
 background:white;
 border-color:white;
 color: var(--dp-color-secondary);
 
 }
 
 
  html  .button.btn-rev:hover, 
 .wpcf7-submit.btn-rev:hover, 
 html  .ccf-submit-button.btn-rev:hover, 
 html  [type="submit"].btn-rev:hover, 
 html  button.btn-rev:not(.icon):hover,
 html  .mod-m2 [data-linktype="blocklink"]:hover button.btn-rev{
 background:transparent;
 border: 1px solid white;
 color: white;
 
 }
 


 
 html .txt-lght .button, 
 html .txt-lght .wpcf7-submit, 
 html  .txt-lght.ccf-submit-button, 
 html .txt-lght [type="submit"], 
 html .txt-lght  button:not(.icon){
 
 }
 
 html .txt-lght .button:hover, 
 html .txt-lght .wpcf7-submit:hover, 
 html .txt-lght .ccf-submit-button:hover, 
 html .txt-lght [type="submit"]:hover, 
 html .txt-lght button:not(.icon):hover{
 
 }
 
 
 
 
 html .txt-lght .button, 
 html .txt-lght .wpcf7-submit, 
 html  .txt-lght.ccf-submit-button, 
 html .txt-lght [type="submit"], 
 html .txt-lght  button:not(.icon){
 
 }
 
 html .txt-lght .button:hover, 
 html .txt-lght .wpcf7-submit:hover, 
 html .txt-lght .ccf-submit-button:hover, 
 html .txt-lght [type="submit"]:hover, 
 html .txt-lght button:not(.icon):hover{
 
 }
 
 
 
 html body .button:not(.icon):not(.nostyle).btn-alt {
	 border:2px solid var(--dp-color-quaternary);
	 background-color: transparent;
 	color: var(--dp-color-quaternary);
}

 html body .button:not(.icon):not(.nostyle).btn-alt:hover {
	 border:2px solid white;
	 background-color: white;
 	color: var(--dp-color-secondary);
}
 
 
 
 
 html  .owl-carousel .owl-nav button {
  cursor:pointer;
   transition: color .3s ease;
   mix-blend-mode: difference;
}

html  .owl-carousel .owl-dots button {
  cursor:pointer;
  transition: all .3s ease;

}

.ss-slideshow[data-slider-name="before-after"] {
	aspect-ratio:auto !important;
	border:1px solid #000
}
.mod.fit-img .ss-slideshow .ss-slide .m2-img{
	aspect-ratio: 2000 / 1294;
	height:100% !important;
	object-fit:contain !important;

	
}

 .btn-txt {
 	font-weight: bold;
 	text-transform:uppercase;
 	font-size: var(--dp-txt-xsmall);
 	text-decoration:none;
 	color:var(--dp-color-quarternary);
 	position:Relative;
 	
 }
 .btn-back {
 	padding-left:15px;
 }
  .btn-back:before{
  	content: '';
    width: 6px;
    height: 6px;
    display: block;
    border-top: 2px solid;
    border-left: 2px solid;
    transform-origin: 50%;
    right: -15px;
    top: 3px;
    position: absolute;
    left: 2px;
    top: 4px;
    transform: rotateX(0deg) rotateY(-50deg) rotateZ(-50deg);

  	}
 
 /* @end */
 
 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);
	}
	
	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-width:600px;

}

/* @end */

/* @group Header */

header {
			box-shadow:0 0 5px rgba(0,0,0,.3);
			background: var(--dp-color-severnary);
			color:white
		}


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
  
}



html  .dp-nav-mobile{
  background-color: var(--dp-color-o);
  color: white;
  display:block;
 }



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

.dp-nav-scroller > div {
	padding-top: calc(var(--dp-site-padding) / 2);
	padding-bottom: var(--dp-site-padding) !;
	
}

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




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




html .dp-nav-mobile {
	
	z-index:1
}


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

  
  }

html  .dp-nav-mobile li a {
  position:Relative;
	font-size: var(--dp-txt-headline-small);
	text-decoration:none
    position:Relative;
	text-decoration:none;
    padding:15px 60px 15px 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;
}
	
	
@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: center;
	aspect-ratio: 1 / 1;
    top: 12px;
	height:30px;
	right: 0px;
    position: absolute;

  }
  
  
  
  
	html .dp-nav-mobile .menu-item-has-children .accordion:before {
		content:"\2715";
		display: block;
		height: 20px;
		width: 20px;
		top: 0px;
		padding:0;
		text-align:Center;
		transform:rotate(45deg);
		font-weight: 100;
		transform-origin: center;
		transition:all .3s ease;
		font-size: 20px;
		line-height:1.1em;
		color:var(--dp-grey-norm);

		
	}
	
	  
	html .dp-nav-mobile .menu-item-has-children.expanded .accordion:before {
		
		transform:rotate(0deg);
	

		
	}
	

	
	
	
@media(min-width:500px) {
	
.moble-nav-clmn1{
	
		border-right: 1px solid var(--dp-grey-med);
	}
	

	html .dp-nav-mobile .menu-item-has-children {
		display:block;
		position:relative;
	}
	

	html .dp-nav-mobile li{
	
	  display:block;
	  
	  font-family: var(--dp-font-secondary);
	
	 }


	
	html .dp-nav-mobile .menu-item-has-children > a {
		justify-content:flex-end;
	}
}	


  html  .dp-nav-mobile .menu-item-has-children > a{
  
      padding-right:60px;
      
  
  
  }
  

  


@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 .social-links {
  justify-content:center;
  align-items: center;
  display:flex;
  
}

.dp-nav-mobile .social-links li {
  text-align:center;
}
.dp-nav-mobile .social-links li a {
  padding:15px 10px;

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




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



html  .logo-n-nav {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
 }

@media(min-width:1125px) {
	.dp-nav-desktop{
	justify-content:flex-end;
	}

}
 @media(max-width:1124px) {
 	
 	.dp-nav-desktop{
 		margin:auto;
 	}
 	.dp-nav-desktop .dp-menu{
 		margin:auto;
 		flex-wrap:wrap;
 		justify-content:Center;

 		
 	}
 }
 



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



html  .logo {
    max-width: 209px;
	padding:20px 0
}

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


@media(min-width:769px) {



  html  header .dp-menu {
    padding-top: 7px;
}


html  .logo >div{
  padding-bottom:0
}



}
@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:1024px) {
  
  html header .logo {
      max-width: 104px;
  
    
  }
  
 .logo-n-nav .button-pos {
 	  	top: -3px;
 	  	left: auto;
 	  	right: 65px;
 	}
  

}


html   .logo {
    padding: 15px 0 15px 0;
    transition: top .3s ease;
    position: relative;
   
  }

}


html.slide--up header .logo {
  transition-delay: .2s;
}


html  .dp-navbar .dp-button-mobile-menu {
  width: 44px;
  height: 20px;
  right:0px;
 
  position:relative;
}

html  .dp-navbar .dp-toggle-icon {
  color: black
  height:15px;
    border-top: 2px solid 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:hover > .sub-menu:before {
	content:" ";
	position:absolute;
	width: 100%;
	height: 20px;
	top: -20px;
}
html  .dp-nav-desktop .dp-menu >li:hover > .sub-menu {
	top: 40px;
}
html  .dp-nav-desktop li:hover > .sub-menu {
	background-color: white;
	padding:10px;
	box-shadow:0px 0px 3px rgba(0,0,0,.4);

}

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

}

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

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

html .dp-nav-desktop {
	overflow:visible
}
html .dp-nav-desktop .dp-menu li:not(.isbutton).active:before {
	content:"";
	display:block;
	position:absolute;
	bottom: -21px;
	left: 10px;
	right: 10px;
	height:8px;
	background-color: var(--dp-color-secondary);
}

html header nav .button-pos {
	margin-top: 15px;
}

/* @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] .msg{
	padding-top: 10px;
}
.mod .fform .verify {
	display:none;
}

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

.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) {
	background-color: rgba(0,0,0,.5);
	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;
}


}


html .magazine-promo .ss-slideshow,
.magazine-promo .magazine-promo-img,
html .magazine-promo .ss-slideshow .slides {
  height: auto !important;
  position: relative;
  min-height: auto !important;
}

.slide-nav li em {
  background-color: transparent !important;
}

html .mod.magazine-links .m2-img {
  width: 90% !important;
  margin: Auto;
  object-fit: contain !important;
  object-position: center !important;
}

html .mod.magazine-links .t-valigner .slide-content * {
  text-align: center;
}

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



html .magazine-links  .owl-nav button:after {
  color: var(--dp-grey-light);
  transition: color .3s ease;
}

html .magazine-links  .owl-nav button:hover:after {
  color: black !important;
}
.ss-lightbox-modal[data-type="magazine"] {
  background-color: white !important;
}

.ss-lightbox-modal[data-type="magazine"] {
  max-width: none;
  width:90vw;
 
  height:90vh;
  position: absolute;
  background-color: white!important;
}

.ss-lightbox-modal[data-type="magazine"] iframe{
	width:100% !important;
	height:100%;
}


.ss-lightbox-modal[data-type="magazine"] .overlay-close {
  font-size: 14px !important;
  color: white !important;
  border-radius: 5px !important;
  width: Auto !important;
  text-align: center !important;
  padding: 3px 5px 3px 13px !important;
  display: block;
  margin: 0px !important;
  z-index:1000;
  background-color: black !important;
}

.ss-lightbox-modal[data-type="magazine"] .overlay-close span {
  display: none !important;
}

@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:not(.dot-nav-over) .ss-slideshow{
	margin-bottom:var(--dp-site-padding) !important;
	
}

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

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


.txt-lght a:hover {
	color:var(--dp-color-secondary);
}


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

/* @group Claude - Home Page */




.mod *:is(h1,h2,h3){
	
	margin-top:0
	
	}
	
@media(min-width:1024px) and (min-height:500px){

 
	
	

html .mod.mantle  .mod-grid{
	height:calc(100vh - 100px);
	max-height:1024px
}

}




@media(min-width:768px) {
	

.mantle  .mantle-text{


		animation-duration: 1.5s;
		animation-delay: 1s;
        animation-name: slide-in;
	    opacity:0;
		animation-fill-mode: forwards;

}

}



@keyframes slide-in {
  from {
    transform:translateX(200px);
	letter-spacing:.1.5em;
	opacity:0
  }

  to {
    transform:translateX(0px);
	letter-spacing:.1.3em;
	opacity:1
  }
}


@media (min-width: 768px) {
	

main [data-fx="slideleft"],
main [data-fx="slideright"] {
transition: transform 2s cubic-bezier(.03,.32,.11,1);

}
}



@media(max-width:600px) {
	.mantle{
		flex-direction: column-reverse;
		display: flex!;
	}
	
	.mantle{
	
		background-color: var(--dp-color-severnary);
	}
	

	
	.mantle .mod-bg-tint{
		display:none
	}
	.mantle .m1_img{
		position:Relative;
		aspect-ratio:16 / 6
	}
	
	
	.mod.mantle{
		display:flex;
		flex-direction: column-reverse;
		padding-top: 0px !important;
		
	}
	.mod.mantle .mod-grid-item:nth-child(1) >div{
		padding-top: 40px !important;
	}
}





.mantle.home .mod-bg-tint {
	background-color: transparent !important;
	background: linear-gradient(87deg, rgba(2, 9, 26, 0.80) 37.52%, rgba(2, 9, 26, 0.00) 68.51%);
}
.services .mod-grid-item-pad {
	flex:1;
	height:100%;
	border-radius:20px;
}

.has-bleed .mod-contain {
overflow:visible
}



.mod.services ul {
	list-style: none;
	padding-left:20px;

}
.mod.services ul li {
	font-size:var(--dp-txt-headline-small-xl);
	font-weight: 400;
	font-family: var(--dp-font-secondary);
	position:relative;
}
.mod.services ul li:before{
	content:"•";
	font-size: 40px;
	top: 0;
	position:absolute;
	left: -23px;
	line-height:.8em
	
}
.mod.services ul li:not(:last-child) {
	margin-bottom:10px
}

.mod.services .mod-grid-item-pad {
	padding:20px 20px 20px 45px
}
html .mod-m2 .numblist .mod-grid-item {
	position:Relative;
}


html .mod-m2.steps .info {
	padding:0 20px;
}




@media(min-width:501px) {
	
	html .mod-m2.steps:not(.process) .numblist .mod-grid-item:before {
		content:"";
		left: 0;
		right: 0;
		display:block;
		position:absolute;
		top: 30px;
		height:3px;
		background: var(--dp-color-secondary);
	}
	html .mod-m2 .numblist .mod-grid-item:first-child:before {
		left: 50%;
	
	}html .mod-m2 .numblist .mod-grid-item:last-child:before {
		right: 50%;
	
	}

	
}


html .mod-m2.steps.process .mod-grid-item:not(:last-child) .info::before {
		background-color:var(--dp-color-secondary);
		color:var(--dp-color-quaternary);
	}


@media(min-width:1024px) {
html .mod-m2.steps.process * {
		overflow:visible;
	}
	html .mod-m2.steps.process .numblist .mod-grid-item:not(:last-child):before {
		content:"";
		left: 0%;
		width: calc(130% - 5px);
		display:block;
		position:absolute;
		top: 2px;
		height:60px;
		background:linear-gradient(86deg,rgba(243, 236, 225, 0) 0px, rgba(243, 236, 225, .5)160px, rgba(243, 236, 225, 1) 100%);
		opacity:.1
	}
	html .mod-m2.steps.process .numblist .mod-grid-item:not(:last-child):after {
		content:"";
		display:block;
		color: var(--dp-color-quaternary);
		border-top: 5px solid;
		border-top: 20px solid;
		border-right: 45px solid transparent;
		border-left:45px solid transparent;
		top: 20px;
		position:absolute;
		left: calc(130% - 40px);
		border-radius:3px;
		transform:rotate(-90deg);
		opacity:.1
	}
	
		
}

@media(max-width:500px) {
html .mod-m2.steps.process * {
		overflow:visible;
	}
	html .mod-m2.steps.process .numblist .mod-grid-item:not(:last-child) {
		padding-bottom:40px;
		margin-bottom:40px
	}
	html .mod-m2.steps.process .numblist .mod-grid-item:not(:last-child):before {
		content:"";
		bottom: 10px;
		height: 220px;
		display:block;
		position:absolute;
	
		left: 50%;
		margin-left:-35px;
		width:80px;
		background:linear-gradient(180deg,rgba(243, 236, 225, 0) 0px, rgba(243, 236, 225, .5)160px, rgba(243, 236, 225, 1) 100%);
		opacity:.3
	}
html .mod-m2.steps.process .numblist .mod-grid-item:not(:last-child):after {
		content:"";
		display:block;
		color: var(--dp-color-quaternary);
		border-top: 25px solid;
		border-right: 65px solid transparent;
		border-left:65px solid transparent;
		bottom: -15px;
		margin-left:-60px;
		position:absolute;
		left: 50%;
		border-radius:3px;
		transform:rotate(0deg);
		opacity:.3
	}

}


@media(max-width:500px) {

html .mod-m2 .numblist .mod-grid-item:not(:last-child){
	margin-bottom:20px;
}
}

html .mod-m2 .numblist .article .info::before{
	background:var(--dp-color-quaternary);
	border:2px solid var(--dp-color-secondary);
	position:relative;
	margin:auto;
	border-radius:50%;
	width: 60px;
	display:flex;
	justify-content:center;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	aspect-ratio:1/1;
	top: 0;
	color:var(--dp-color-primary);
}

html .mod-m2 .numblist .article .mod-txt {
	padding-top: 0;
	font-weight: normal;
}
html .mod-m2 .numblist .article .mod-txt p{

	font-weight: 300;
}

.steps {
	
}
.quote-card .owl-stage-outer {
	background:white;
	border-radius:15px !important;
	overflow:hidden;

}

body.editor-styles-wrapper .quote-item {
background: white;
border-radius: 15px !important;
overflow: hidden;
}


.quote-card .mod-txt {
	padding:50px 30px;
	position:relative;
}
.quote-card .mod-txt blockquote {
	font-size: var(--dp-txt-big);
	display:block;
	line-height:1.8em;
	margin-bottom:2px;
	overflow:visible;

}
.quote-card .mod-txt .quote-cred {
	justify-content:center;
}
.quote-card .mod-txt .quote-cred *{
	font-size: var(--dp-txt-norm);
	display:block;
	color:var(--dp-grey-norm);
	line-height:1.8em;
}
.quote-card .mod-txt .quote-cred:before{
	font-size: var(--dp-txt-norm);
	background-color:var(--dp-grey-med);
	width: 15px;
	height:2px;
}

.mod-m4 blockquote:before,
.mod-m4 blockquote:after {
	color:var(--dp-color-tertiary);
	font: 120px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	position:Absolute;
}
.mod-m4 blockquote {
	max-width:530px;
	margin:auto;
}
.mod-m4 blockquote:before  {
	left: 20px;
	top: 0px !important;
}
.mod-m4 blockquote:after  {
	right: 20px;
	bottom:90px;
}


@media(max-width:600px) {
	
		.mod-m4 blockquote:before,
.mod-m4 blockquote:after {

	font-size: 80px;
	
}

.mod-m4 blockquote:after {
	
	bottom: 60px;
}
	
}





@media(min-width:768px) {
	

.mod[data-look="style2"] .mod-grid-item:not(.bleed) .has-content{
	min-height: 450px;
}

}

.mod[data-look="style2"] .photo-circle {
	border-radius:50%;
	max-width:405px;

	padding:5px;
	position:relative;
	border:2px solid transparent;
}

.mod[data-look="style2"] .photo-circle:after {
	position:absolute;
	z-index:2;
	content:"";
	border-radius:50%;
	overflow:hidden;
	width: 100%;
	height:100%;
	top: -2px;
	left: -2px;
	border:2px solid var(--dp-color-secondary);
}

.photo-circle  img{
	  aspect-ratio: 1 / 1;
      object-fit:cover;
	  border-radius:50%;
	  overflow:hidden !important;
}
.mod[data-look="style2"] *{
	position:relative;
	z-index:2;
	
}


html .mod.field-bg-clr1 .photo-circle:before{
	background-color: var(--dp-color-primary);
}
html .mod.field-bg-clr2 .photo-circle:before{
	background-color: var(--dp-color-secondary);
}
html .mod.field-bg-clr3 .photo-circle:before{
	background-color: var(--dp-color-tertiary);
}


html .mod.field-bg-clr2 .photo-circle:after{
	border-color:  var(--dp-color-secondary);
	mix-blend-mode: screen !important;
}

html .mod.field-bg-clr4 .photo-circle:before{
	background-color: var(--dp-color-servernary);
}

.mod[data-look="default"] .mod-intro-txt p{
	line-height:1.8em;
	
}

@media(max-width:768px) {
		.photo-circle {
			margin:auto;
			overflow:visible!important
		}
		
		.mod[data-look="style2"] .mod-txt {
			padding:0 !important
		}
		
		.mod[data-look="style2"] .mod-txt{
			max-width:none !important
		}
		
			.photo-circle-rev-mob .mod-grid{
		flex-direction: column-reverse;
	}
	
}




.mod[data-look="style2"] .mod-txt p,
.presentation-txt .mod-txt p {
	line-height:1.6em
}
.mod[data-look="style2"] .mod-txt ul,
.presentation-txt  .mod-txt ul{
	padding-left:20px;
	margin-top: 10px;
}

.mod[data-look="style2"] .mod-txt ul li,
.presentation-txt .mod-txt ul li{
	color:var(--dp-color-primary) !important;
	

}
.mod[data-look="style2"] .mod-txt  li:not(:last-child),
.presentation-txt  .mod-txt  li:not(:last-child){
	margin-bottom:15px
}
.mod[data-look="style2"] .mod-txt li::marker,
.presentation-txt .mod-txt li::marker{
	color:white;
	color: var(--dp-color-tertiary);

}


.mod[data-look="style2"]  .mod-header{
	margin-bottom:0;
	padding-bottom:10px;
}

.mod[data-look="style2"] .mod-txt h3{
	color:var(--dp-grey-dark);
	color:var(--dp-color-tertiary);
	line-height: 1.1em;
	margin-bottom:20px;
}



@media(min-width:768px) and (max-width:1024px) {
	.mod[data-look="style2"] .mod-grid-item:nth-child(odd):not(.bleed) > .mod{
		padding-left: 0!important;
	}
	.mod[data-look="style2"] .mod-grid-item.bleed:nth-child(even) .mod-txt{
		padding-right: 20px!important;
		margin:0 auto 0 0;
		
	}
	.mod[data-look="style2"] .mod-grid-item:nth-child(even):not(.bleed)  .mod{
		padding-right: 0!important;
	}
	.mod[data-look="style2"] .mod-grid-item.bleed:nth-child(odd) .mod-txt{
		padding-left: 20px!important;
		margin:0 0 0 auto
	}
	
	
}

@media (max-width:1024px) {
	.mod[data-look="style2"] .mod-grid-item:not(.bleed) > .mod{
		padding-bottom: 0!important;
	}
	.mod-m1-bleederbox + .mod-m1-bleederbox {
		margin-top: -20px !important;
	}
}


@media(min-width:769px) {
	


	.mod[data-look="style2"] .photo-circle:before {
		content:"";
		top: -10%;
		height:calc(100% + var(--dp-site-padding) + 20px);
		position:absolute;
		background-color:var(--dp-color-quinary);
		z-index:1;
		
	}
	
	.mod[data-look="style2"] .mod-grid .mod-grid-item:nth-child(odd).photo-circle {
		margin:0 0 0 auto
		
	}
	
	.mod[data-look="style2"] .mod-grid .mod-grid-item:nth-child(odd)  .photo-circle:before {
			right:50%;
			width: 50vw !important;
			
	
	}
	
	.mod[data-look="style2"] .mod-grid .mod-grid-item:nth-child(odd) >div {
	
			width: 50vw !important;
		
	}
	
	
	.mod[data-look="style2"].has-bleed .bleed:nth-child(even)>div {
		right: auto!important;
	}
	
	
	.mod[data-look="style2"] .mod-grid .mod-grid-item:nth-child(even) .photo-circle:before {
			left:50%;
			width: 100vw;
	}
	
	.mod[data-look="style2"] .mod-grid .mod-grid-item:nth-child(even) .mod{
		overflow:visible !important;
		min-width: 50vw;
		
	}
}


@media(max-width:768px) {
	.mod[data-look="style2"] .mod-grid .mod-grid-item .photo-circle {
		width:65vw;
		max-width: 350px;
		margin:auto;
	}
	
	.mod[data-look="style2"] .mod-position {
		margin:auto;
	}
}
.our-work .mod-grid-item .article{
	position:Relative;
	border-radius:20px
}

.our-work .mod-grid-item h3{
	position:absolute;
	display:block;
	left: 0;
	right: 0;
	height:auto;
	bottom: 0px;
	margin:0;
	background-color: var(--dp-color-severnary);
	font-size: var(--dp-txt-norm);
	font-weight: 500;
	padding:20px;
	opacity:.85
}


.mod .img-treatment img {
	border:1px solid var(--dp-grey-light);
	margin:15px;
	width:calc(100% - 20px);
	display:block !important;
	box-shadow:0 0 10px rgba(0,0,0,.1);
}

.city-list {
	list-style:none;
	display:flex;
	gap:5px;
	margin:20px 0 0;
	padding:0;
	flex-wrap: wrap;
}

.city-list li{
  background-color:var(--dp-color-tertiary);
  display:block;
  padding:10px 20px;
  color:var(--dp-color-quaternary);
  border-radius:3px;
	
}

.what-matters .slide-view {
	margin-top: 30px;
}
.what-matters .slide-view:before {
	content: "";
	position:absolute;
	top:0px;
	left: 0;
	right: 0;
	bottom: 0;
	border-top: 1px solid var(--dp-color-secondary);
	border-bottom:1px solid var(--dp-color-secondary);
	/*background:linear-gradient(90deg,rgba(255, 255, 225, 0) 0px, rgba(255, 255, 225, .5) 50%, rgba(255, 255, 225, 0) 100%);*/
	background:linear-gradient(90deg,rgba(0, 0,0, 0) 1%, rgba(0, 0,0, .3) 50%, rgba(0, 0,0, 0) 99%);
	
	
}

@media(min-width:768px) {
	.what-matters>div{
		margin-bottom:25px;
	}

}

.what-matters .slide-view .dp-contain{
	padding:30px 0
}
	
	.meet-jacques{
	padding-bottom:0px!important
	}
	
	
/* @end */

/* @group About */

@media(max-width:768px) {
	
	.about-continue {
		background:none!important;
		padding-top: 20px!important;
	}

	.about-continue p{
		color:var(--dp-grey-med) !important;
	
	}

}

@media(min-width:768px) and (max-width:1024px){

	.about-continue {
		padding: 15px 0px !important;
		
	}
}

/* @end */



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