.property-inner-color-diff(@color1; @color2){
    @innerHueDiff: hue(@color2) - hue(@color1);
    @innerSaturationDiff: saturation(@color1) - saturation(@color2);
    @innerLightnessDiff: lightness(@color1)- lightness(@color2);
}
.adjust-inner-hue(@color; @diff){
    @innerHueAdjusted: spin(@color, @innerHueDiff);
}
.adjust-inner-saturation(@color; @diff) when (@diff > 0){
    @innerSatAdjusted: desaturate(@color, abs(@diff)); /* desaturate if diff is greater than 0 */
}
.adjust-inner-saturation(@color; @diff) when not (@diff > 0){
    @innerSatAdjusted: saturate(@color, abs(@diff)); /* saturate if diff is not greater than 0 */
}
.adjust-inner-lightness(@color; @diff) when (@diff > 0){
    @innerLightnessAdjusted: darken(@color, abs(@diff)); /* darken if diff is greater than 0 */
}
.adjust-inner-lightness(@color; @diff) when not (@diff > 0){
    @innerLightnessAdjusted: lighten(@color, abs(@diff)); /* else lighten */
}

.property-outer-color-diff(@color1; @color2){
    @outerHueDiff: hue(@color2) - hue(@color1);
    @outerSaturationDiff: saturation(@color1) - saturation(@color2);
    @outerLightnessDiff: lightness(@color1)- lightness(@color2);
}
.adjust-outer-hue(@color; @diff){
    @outerHueAdjusted: spin(@color, @outerHueDiff);
}
.adjust-outer-saturation(@color; @diff) when (@diff > 0){
    @outerSatAdjusted: desaturate(@color, abs(@diff)); /* desaturate if diff is greater than 0 */
}
.adjust-outer-saturation(@color; @diff) when not (@diff > 0){
    @outerSatAdjusted: saturate(@color, abs(@diff)); /* saturate if diff is not greater than 0 */
}
.adjust-outer-lightness(@color; @diff) when (@diff > 0){
    @outerLightnessAdjusted: darken(@color, abs(@diff)); /* darken if diff is greater than 0 */
}
.adjust-outer-lightness(@color; @diff) when not (@diff > 0){
    @outerLightnessAdjusted: lighten(@color, abs(@diff)); /* else lighten */
}

.property-hover-color-diff(@color1; @color2){
    @hoverHueDiff: hue(@color2) - hue(@color1);
    @hoverSaturationDiff: saturation(@color1) - saturation(@color2);
    @hoverLightnessDiff: lightness(@color1)- lightness(@color2);
}
.adjust-hover-hue(@color; @diff){
    @hoverHueAdjusted: spin(@color, @hoverHueDiff);
}
.adjust-hover-saturation(@color; @diff) when (@diff > 0){
    @hoverSatAdjusted: desaturate(@color, abs(@diff)); /* desaturate if diff is greater than 0 */
}
.adjust-hover-saturation(@color; @diff) when not (@diff > 0){
    @hoverSatAdjusted: saturate(@color, abs(@diff)); /* saturate if diff is not greater than 0 */
}
.adjust-hover-lightness(@color; @diff) when (@diff > 0){
    @hoverLightnessAdjusted: darken(@color, abs(@diff)); /* darken if diff is greater than 0 */
}
.adjust-hover-lightness(@color; @diff) when not (@diff > 0){
    @hoverLightnessAdjusted: lighten(@color, abs(@diff)); /* else lighten */
}

.property-dark-color-diff(@color1; @color2){
    @darkHueDiff: hue(@color2) - hue(@color1);
    @darkSaturationDiff: saturation(@color1) - saturation(@color2);
    @darkLightnessDiff: lightness(@color1)- lightness(@color2);
}
.adjust-dark-hue(@color; @diff){
    @darkHueAdjusted: spin(@color, @darkHueDiff);
}
.adjust-dark-saturation(@color; @diff) when (@diff > 0){
    @darkSatAdjusted: desaturate(@color, abs(@diff)); /* desaturate if diff is greater than 0 */
}
.adjust-dark-saturation(@color; @diff) when not (@diff > 0){
    @darkSatAdjusted: saturate(@color, abs(@diff)); /* saturate if diff is not greater than 0 */
}
.adjust-dark-lightness(@color; @diff) when (@diff > 0){
    @darkLightnessAdjusted: darken(@color, abs(@diff)); /* darken if diff is greater than 0 */
}
.adjust-dark-lightness(@color; @diff) when not (@diff > 0){
    @darkLightnessAdjusted: lighten(@color, abs(@diff)); /* else lighten */
}

// this will allow us to make the .fan-social:before background image dynamic.
// @fan-social-bg: "/templates/main/img/backgrounds/fan-social-bg-paris.png";

// main color - applied colors derive from this
// this is set in css.xsl now
// @property-primary: #b10073;

// setters
@property-primary-setter: #b10073;
@adjusted-property-inner-setter: #73004b;
@adjusted-property-outer-setter: #84115c;
@adjusted-property-hover-setter: #837272;
@adjusted-property-dark-setter: #53043b;

.property-inner-color-diff(@property-primary-setter; @adjusted-property-inner-setter);
.adjust-inner-hue(@property-primary; @innerHueDiff);
.adjust-inner-saturation(@innerHueAdjusted; @innerSaturationDiff);
.adjust-inner-lightness(@innerSatAdjusted; @innerLightnessDiff);
@adjusted-property-inner: @innerLightnessAdjusted; /* final output value */

.property-outer-color-diff(@property-primary-setter; @adjusted-property-outer-setter);
.adjust-outer-hue(@property-primary; @outerHueDiff);
.adjust-outer-saturation(@outerHueAdjusted; @outerSaturationDiff);
.adjust-outer-lightness(@outerSatAdjusted; @outerLightnessDiff);
@adjusted-property-outer: @outerLightnessAdjusted; /* final output value */

.property-hover-color-diff(@property-primary-setter; @adjusted-property-hover-setter);
.adjust-hover-hue(@property-primary; @hoverHueDiff);
.adjust-hover-saturation(@hoverHueAdjusted; @hoverSaturationDiff);
.adjust-hover-lightness(@hoverSatAdjusted; @hoverLightnessDiff);
@adjusted-property-hover: @hoverLightnessAdjusted; /* final output value */

.property-dark-color-diff(@property-primary-setter; @adjusted-property-dark-setter);
.adjust-dark-hue(@property-primary; @darkHueDiff);
.adjust-dark-saturation(@darkHueAdjusted; @darkSaturationDiff);
.adjust-dark-lightness(@darkSatAdjusted; @darkLightnessDiff);
@adjusted-property-dark: @darkLightnessAdjusted; /* final output value */

@large: 1024px;
@xlarge: 1200px;
@xxlarge: 1340px;

@white: #FFFFFF;
@rich-black: #242021;

@blonde: #CEB780;
@brand-gold: #EEC33F;
@active-gold: #c39122;
@active-gold-concat: replace(@active-gold, '#', '%23');

@transaction-red: #b02909;
@transaction-red-on: #ff0000;
@transaction-red-on-concat: replace(@transaction-red-on, '#', '%23');

@unavail: #767676;

@property-primary-concat: replace(@property-primary, '#', '%23');
@property-primary-escaped: escape(@property-primary);

// _layout.scss ---->

a {
	color: @property-primary;

	&:hover {
		color: @adjusted-property-hover;
	}
}


html:not(.touch) {
	body:not(.brand) {
		.slick-prev, .slick-next {
			&:hover, &:focus {
				background-color: @property-primary;
			}
		}
	}
}

.fan-social {
	&:before {
		background-image: url(@fan-social-bg);
	}

	p {
		a {
			color: @property-primary;
			&:hover {
				color: @adjusted-property-hover;
			}
		}
	}
	.twitter-block {
		h1 {
			color: @property-primary;
		}
		p {
			&:after {
				color: @property-primary;
			}
		}
	}
}

// _buttons.scss ---->

.radial, .form-buttons input[type='submit'] {
	background: @adjusted-property-inner;
	background-image:
		radial-gradient(
			circle,
			@adjusted-property-inner,
			@adjusted-property-outer
	    )
	;
	&:hover, &:focus {
		background-position: 0;
		color: @white;
		background-image:
			radial-gradient(
				circle,
				@adjusted-property-outer,
				@adjusted-property-inner
		    )
		;
	}
}

.form-buttons button[type='submit'] {
	&:before, &:after {
		background: @adjusted-property-inner;
	}
	&:before {
		background-image:
			radial-gradient(
				circle,
				@adjusted-property-inner,
				@adjusted-property-outer
		    )
		;
	}
	&:after {
		background-image:
			radial-gradient(
				circle,
				@adjusted-property-outer,
				@adjusted-property-inner
		    )
		;
	}
}

.radial-book {
	background-color: @adjusted-property-inner;
	&:before, &:after {
		background: @adjusted-property-inner;
	}
	&:before {
		background-image:
			radial-gradient(
				circle,
				@adjusted-property-inner,
				@adjusted-property-outer
		    )
		;
	}
	&:after {
		background-image:
			radial-gradient(
				circle,
				@adjusted-property-outer,
				@adjusted-property-inner
		    )
		;
	}
}

.signature {
	.radial-book {
		background: @property-primary;
		background-image:
			radial-gradient(
				circle,
				@property-primary,
				@adjusted-property-inner
		    )
		;
		&:hover, &:focus {
			background-position: 0;
			color: @white;
			background-image:
				radial-gradient(
					circle,
					@adjusted-property-inner,
					@property-primary
			    )
			;
		}
		&:before, &:after {
			background: @property-primary;
		}
		&:before {
			background-image:
				radial-gradient(
					circle,
					@adjusted-property-inner,
					@property-primary
			    )
			;
		}
		&:after {
			background-image:
				radial-gradient(
					circle,
					@property-primary,
					@adjusted-property-inner
			    )
			;
		}
	}
	.direct-book {
		background: @property-primary;
		background-image:
			radial-gradient(
				circle,
				@property-primary,
				@adjusted-property-inner
		    )
		;
		&:hover, &:focus {
			background-position: 0;
			color: @white;
			background-image:
				radial-gradient(
					circle,
					@adjusted-property-inner,
					@property-primary
			    )
			;
		}
		&:before, &:after {
			background: @property-primary;
		}
		&:before {
			background-image:
				radial-gradient(
					circle,
					@adjusted-property-inner,
					@property-primary
			    )
			;
		}
		&:after {
			background-image:
				radial-gradient(
					circle,
					@property-primary,
					@adjusted-property-inner
			    )
			;
		}
	}
}

.bordered-transparent {
	&,
	&:hover {
		color: @property-primary !important;
	}
	@media screen and (min-width: @xlarge) {
	    &:hover, &:focus {
	    	color: @white !important;
	    	border: 1px solid @adjusted-property-inner;
			background-color: @adjusted-property-inner;
		}
	}
}

.bordered-white {
	color: @property-primary !important;
	&:hover, &:focus {
    	background-color: @adjusted-property-inner;
	}
}

.learn-more, .datepick-ctrl .button {
	background: @adjusted-property-inner;
	&:hover, &:focus {
		background-color: @property-primary;
	}
}

.learn-more {
	&[disabled] {
		background: @property-primary;
	}
}

.buttons .info-button {
	background: @property-primary;
	&:hover, &:focus {
    	background-color: @adjusted-property-inner;
	}
}

.transparent-btn {
	color: @property-primary !important;
	&:hover, &:focus {
		color: @white !important;
    	border: 1px solid @adjusted-property-inner;
		background-color: @adjusted-property-inner;
	}
}

.purple-btn {
	background: @adjusted-property-inner;
	&:hover, &:focus {
    	background-color: @property-primary;
	}
}

.purple-gradient-btn {
	background: @adjusted-property-inner; /* For browsers that do not support gradients */
	background: -webkit-radial-gradient(circle, rgba(177, 0, 115, 168) 0%, @property-primary 30%, @adjusted-property-inner 95%); /* Safari 5.1 to 6.0 */
	background: -o-radial-gradient(circle, rgba(177, 0, 115, 168) 0%, @property-primary 30%, @adjusted-property-inner 95%); /* For Opera 11.6 to 12.0 */
	background: -moz-radial-gradient(circle, rgba(177, 0, 115, 168) 0%, @property-primary 30%, @adjusted-property-inner 95%); /* For Firefox 3.6 to 15 */
	background: radial-gradient(circle, rgba(177, 0, 115, 168) 0%, @property-primary 30%, @adjusted-property-inner 95%); /* Standard syntax */
	&:hover, &:focus {
    	background: @adjusted-property-inner;
	}
}

// availability-calendar.scss ---->

.cbe-calendar {
	table {
		tbody {
			tr {
				td {
					a {
						&:not(.unavail) {
							&.datepick-selected, &:hover, &:focus {
								background-color: @brand-gold;
								color: @white;
							}
						}
						&.unavail {
							&:hover, &:focus {
								background-color: @unavail;
								color: @white;
							}
						}
					}
				}
			}
		}
	}
	.calendar-legend {
		li {
			&.selected {
				&:before {
					background: @brand-gold;
				}
			}
		}
	}
}

.listing-availability-form {
	.console {
		fieldset {
			.special-code {
				a {
					color: @property-primary;
				}
			}
		}
		.dropdown {
			svg {
				path {
					fill: @property-primary;
				}
			}
		}
	}
	.check-rate-button {
		border: 1px solid @adjusted-property-inner;
		&:hover, &:focus {
			background: @property-primary;
			border: 1px solid @property-primary;
		}
	}
	.best-rate {
		span {
			color: @property-primary;
		}
		.circle-check-mark {
			.icons {
				fill: @property-primary;
			}
		}
	}
	&.split {
		.console {
			.best-rate {
				span {
					color: @property-primary;
					&:before {
						background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2219px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2019%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Generator%3A%20Sketch%2040.1%20(33804)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctitle%3Eicon-best%3C%2Ftitle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Styles%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Icons%22%20transform%3D%22translate(-541.000000%2C%20-451.000000)%22%20fill%3D%22@{property-primary-concat}%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon-best%22%20transform%3D%22translate(519.000000%2C%20430.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M37.6348816%2C30.5832052%20C37.6348816%2C34.5613657%2034.396801%2C37.7976007%2030.4186404%2C37.7976007%20C26.4395571%2C37.7976007%2023.2023993%2C34.5613657%2023.2023993%2C30.5832052%20C23.2023993%2C26.603199%2026.4395571%2C23.3651184%2030.4186404%2C23.3651184%20C32.3242079%2C23.3651184%2034.0544448%2C24.1135035%2035.3454322%2C25.3251307%20L30.1445709%2C31.3112888%20L26.2780683%2C27.4429406%20L24.9889265%2C30.0212242%20L28.9966164%2C34.5050754%20L29.9314057%2C35.6733313%20L30.9049523%2C34.5438327%20L36.7222393%2C27.0784374%20C37.3017533%2C28.1175023%2037.6348816%2C29.3115964%2037.6348816%2C30.5832052%20L37.6348816%2C30.5832052%20Z%20M40.4558597%2C22.2872962%20L39.1030452%2C21%20L36.1334974%2C24.4180252%20C34.6302676%2C23.023685%2032.6250384%2C22.163642%2030.4186404%2C22.163642%20C25.7779145%2C22.163642%2022%2C25.9387881%2022%2C30.5832052%20C22%2C35.2248539%2025.7779145%2C39%2030.4186404%2C39%20C35.0602891%2C39%2038.8372808%2C35.2248539%2038.8372808%2C30.5832052%20C38.8372808%2C28.9203322%2038.346355%2C27.3728084%2037.5112273%2C26.0652107%20L40.4558597%2C22.2872962%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E');
					}
				}
			}
		}
	}
}

// booking-console.scss ---->

.booking-console {
	.console {
		.arrive-field, .depart-field {
			input {
				&:hover {
					color: @property-primary;
				}
			}
			&:hover, &.active {
				.placeholder {
					color: @property-primary;
				}
				svg g {
					fill: @property-primary;
				}
			}
		}
	}
	.best-rate {
		& > a {
			color: @adjusted-property-outer;
		}
		.circle-check-mark {
			.icons {
				fill: @adjusted-property-outer;
			}
		}
	}

	// milan
	&[data-hotelid="63638"] .console {
		.arrive-field, .depart-field {
			input {
				&:hover {
					color: lighten(@property-primary, 25%);
				}
			}
			&:hover, &.active {
				.placeholder {
					color: lighten(@property-primary, 25%);
				}
				svg g {
					fill: lighten(@property-primary, 25%);
				}
			}
		}
	}
}

.datepick-month {
	td {
		a {
    		// &.datepick-highlight, &.datepick-highlight.datepick-weekend {
    		// 	background-color: @brand-gold;
    		// }
    		// &.datepick-today.datepick-highlight {
    		// 	color: @white !important;
    		// }
			&:not(.unavail) {
				&.datepick-selected, &.datepick-weekend:hover, &:hover, &:focus {
					background-color: @brand-gold;
					color: @white;
				}
			}
			&.unavail {
				&:hover, &:focus {
					background-color: @unavail;
					color: @white;
				}
			}
    		.first-date {
    			&:before {
					background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2011%2014%22%20width%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22@{active-gold-concat}%22%3E%3Cpath%20d%3D%22M0%200v14l11-7z%22%2F%3E%3Cpath%20d%3D%22M-8-5h24v24H-8z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E') no-repeat, none;
				}
    		}
    		.last-date {
    			&:after {
					background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2011%2014%22%20width%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22@{active-gold-concat}%22%3E%3Cpath%20d%3D%22M11%200v14L0%207z%22%2F%3E%3Cpath%20d%3D%22M-8-5h24v24H-8z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E') no-repeat, none;
				}
    		}
    	}
    }
}

// booking-modal-scss ---->

.booking-modal-console {
	.console {
		.calendar-legend {
			.datepick-selected {
				background: @brand-gold;
			}
			/*
			.selected:before {
				background: @adjusted-property-inner;
			}
			*/
		}
	}
	.button {
		background-color: @adjusted-property-outer;

		.arrow {
			background-color: fade(@adjusted-property-dark, .5);
		}
		&:hover {
			background-color: @property-primary;
		}
	}
}

.cbe-calendar {
	.datepick {
		.datepick-month td {
			a {
				&:not(.unavail) {
					&.datepick-selected, &:hover {
						background-color: @brand-gold;
						color: @white;
					}
				}
				&.unavail {
					&:hover, &:focus {
						background-color: @unavail;
						color: @white;
					}
				}
				.first-date {
					&:before {
						background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2011%2014%22%20width%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22@{active-gold-concat}%22%3E%3Cpath%20d%3D%22M0%200v14l11-7z%22/%3E%3Cpath%20d%3D%22M-8-5h24v24H-8z%22%20fill%3D%22none%22/%3E%3C/svg%3E') no-repeat, none;
						background-size: 100% 100% !important;
					}
				}
				.last-date {
					&:after {
						background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2011%2014%22%20width%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22@{active-gold-concat}%22%3E%3Cpath%20d%3D%22M11%200v14L0%207z%22/%3E%3Cpath%20d%3D%22M-8-5h24v24H-8z%22%20fill%3D%22none%22/%3E%3C/svg%3E') no-repeat, none;
						background-size: 100% 100% !important;
					}
				}
			}
		}
	}
}

[dir="rtl"] .cbe-calendar .datepick .datepick-month td a .first-date:before {
	background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2011%2014%22%20width%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22@{active-gold-concat}%22%3E%3Cpath%20d%3D%22M11%200v14L0%207z%22/%3E%3Cpath%20d%3D%22M-8-5h24v24H-8z%22%20fill%3D%22none%22/%3E%3C/svg%3E') no-repeat, none;
}

[dir="rtl"] .cbe-calendar .datepick .datepick-month td a .last-date:after {
	background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2011%2014%22%20width%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22@{active-gold-concat}%22%3E%3Cpath%20d%3D%22M0%200v14l11-7z%22/%3E%3Cpath%20d%3D%22M-8-5h24v24H-8z%22%20fill%3D%22none%22/%3E%3C/svg%3E') no-repeat, none;
}

// events-push.scss ---->

.content-area-main {
	& > article {
		& > .events-push {
			h2 {

			}
			h3 {
				& > span {
					color: @property-primary;
				}
			}
			.row {
				.columns {
					& > a {
						color: @property-primary;
						&:hover {
							color: @adjusted-property-hover;
						}
					}
				}
			}
		}
	}
}

// footer.scss

.footer {
	border-top: 5px solid @property-primary;
	p {
		a {
			@media screen and (min-width: @large) {
				&:hover {
					color: inherit;
				}
			}
		}
	}
}

// landing-rooms-info ---->

.content-area-main {
	& > article {
		& > .landing-rooms-info {
			.book-now {
				background-color: @adjusted-property-inner;
				&:hover, &:focus {
					background-color: @property-primary;
				}
			}
		}
	}
}

html:not(.touch) {
	.content-area-main {
		& > article {
			& > .rooms-info {
				.tabs-content {
					.swiper-button-prev, .swiper-button-next {
						&:hover, &:focus {
							background-color: @property-primary;
						}
					}
				}
			}
		}
	}
}

// nav-global.scss ---->

.top-bar {
	.top-drop {
		border-top: 4px solid @property-primary;
	}
}

// property-events.scss ---->

.content-area-main {
	& > article {
		& > .events-push {
			h3 {
				& > span {
					color: @property-primary;
				}
			}
			.row {
				.columns {
					& > a {
						color: @property-primary;
						&:hover {
							color: @adjusted-property-hover;
						}
					}
				}
			}
		}
	}
}

// property-explore.scss ---->

.content-area-main {
	& > article {
		& > .property-explore {
			.row {
				.columns {
					& > a {
						color: @property-primary;
						&:hover {
							color: @adjusted-property-hover;
						}
					}
				}
			}
		}
	}
}

// property-listings.scss ---->

.content-area-main {
	& > article {
		& > .property-listings {
			.prop-listing {
				.listing-row {
					.info {
						.buttons {
							.info-button {
								background: @adjusted-property-inner;
								border: 1px solid @adjusted-property-inner;
								@media screen and (min-width: @xlarge) {
									&:hover, &:focus {
										background: @property-primary;
										border: 1px solid @property-primary;
									}
								}
							}
						}
					}
				}
			}
			.spa-form {
				form {
					.learn-more {
						border: 1px solid @adjusted-property-inner;
						&:hover {
							border: 1px solid @property-primary;
						}
					}
				}
			}
		}
	}
}

html:not(.touch) {
	.content-area-main {
		& > article {
			& > .property-listings {
				.swiper-button-prev, .swiper-button-next {
					&:hover {
						background-color: @property-primary;
					}
				}
			}
		}
	}
}

// property-overview.scss ---->

body:not(.brand) {
	.content-area-main {
		& > article {
			& > .property-overview {
				.prop-info {
					ul {
						li {
							a {
								color: @property-primary;
								&:hover, &:focus {
									color: @adjusted-property-hover;
								}
							}
							i {
								@media screen and (max-width: 639px) {
									color: @property-primary;
								}
							}
							span {
								&.dl-icon {
									svg {
										path {
											@media screen and (max-width: 639px) {
												fill: @property-primary;
											}
										}
									}
								}
							}
						}
					}
				}
				.info {
					.announcement {
						& > span {
							color: @property-primary;

							svg path {
								fill: @property-primary;
							}
						}
					}
				}
			}
		}
	}
}

// property-rooms-offers.scss ---->

.content-area-main {
	& > .featured-room-offer-info {
		& > .featured-room-offer {
			.row {
				.columns {
					& > a {
						color: @property-primary;
						&:hover {
							color: @adjusted-property-hover;
						}
					}
				}
				.info {
					.buttons {
						.book-now {
							background-color: @adjusted-property-inner;
							&:hover {
								background-color: @property-primary;
							}
						}
					}
				}
				.inset {
					.rates-from {
						background: @adjusted-property-inner;
					}
				}
			}
		}
	}
	& > article {
		& > .featured-rooms-offers {
			.info {
				.inner {
					header {
						h1 {
							color: @property-primary;
						}
					}
					.buttons {
						.expand-room-offer {
							color: @property-primary;
							&:hover {
								background-color: @adjusted-property-inner;
								color: @white;
							}
						}
						.book-now {
							background-color: @adjusted-property-inner;
							&:hover {
								background-color: @property-primary;
							}
						}
					}
				}
			}
			.long-description {
				.embedded {
					.console {
						fieldset {
							.special-code {
								color: @adjusted-property-inner;
							}
						}
					}
					.date-field {
						&.active {
							.placeholder {
								color: @property-primary;
							}
						}
					}
					// body:not(.brand) & .modal-best-rate:not(a) {
					// 	> a {
					// 		svg,
					// 		svg g {
					// 			fill: @property-primary;
					// 		}
					// 	}
					// }
				}
				// body:not(.brand) & .room-ctas {
				// 	.share-tags {
				// 		a {
				// 			color: @property-primary;
				// 			&:hover {
				// 				color: @adjusted-property-inner;
				// 			}
				// 		}
				// 	}
				// }
			}
		}
	}
}

.property-rooms-offers {
	.room-filter {
		ul {
			li {
				a {
					&.is-active {
						color: @property-primary;
					}
					&:hover, &:focus {
						color: @property-primary;
					}
				}
			}
		}
	}
}

// property-rooms.scss ---->

.property-rooms {
	.content-area-main {
		& > .featured-room-offer-info {
			& > .featured-room {
				.row {
					.inset {
						.gallery-trigger {
							@media screen and (min-width: @large) {
								&:hover {
									background-color: @property-primary;
								}
							}
						}
					}
				}
			}
		}
		& > article {
			& > .featured-rooms {
				.inset {
					.slick-prev, .slick-next {
						@media screen and (min-width: @large) {
							&:hover {
								background-color: @property-primary;
							}
							&:focus {
								border: 1px solid @property-primary;
							}
						}
					}
				}
			}
		}
	}
}

// property-rotation.scss ---->

.content-area-main {
	& > article {
		& > .property-rotation {
			.rotation-listing {
				.rotation-row {
					.info {
						.buttons {
							a {
								&:hover, &:focus {
									color: @white;
									background-color: @property-primary;
									border-color: @property-primary;
								}
							}
						}
					}
				}
			}
		}
	}
}

html:not(.touch) {
	.content-area-main {
		& > article {
			& > .property-listings {
				.swiper-button-prev, .swiper-button-next {
					&:hover {
						background-color: @property-primary;
					}
				}
			}
		}
	}
}

// property-tabbed.scss ---->

.content-area-main {
	& > article {
		& > .property-tabbed {
			.tab-filter {
				.tabs {
					.tabs-title {
						a {
							&:hover, &:focus {
								color: @property-primary;
							}
						}
						&.is-active a {
							color: @property-primary;
						}
					}
				}
				.menu__line {
					background: @property-primary;
				}
			}
			.buttons {
				.info-button {
					background: @adjusted-property-inner;
					border: 1px solid @adjusted-property-inner;
					&:hover {
						background: @property-primary;
						border-color: @property-primary;
					}
				}
			}
		}
	}
}

html:not(.touch) {
	.content-area-main {
		& > article {
			& > .property-tabbed {
				.tabs-content {
					.swiper-button-prev, .swiper-button-next {
						&:hover {
							background-color: @property-primary;
						}
					}
				}
			}
		}
	}
}

// property-table.scss ---->

.content-area-main {
	& > article {
		& > section {
			&.property-table {
				.table-content {
					table {
						td {
							a {
								color: @property-primary;
								&:hover {
									color: @adjusted-property-hover;
									.st0 {
										fill: @adjusted-property-hover;
									}
								}
								.st0 {
									fill: @property-primary;
								}
							}
						}
					}
				}
			}
		}
	}
}

// property-tertiary.scss ---->

.content-area-main {
	& > article {
		& > .property-content {
			.tertiary-nav {
				ul {
					border-left: 3px solid @property-primary;
					li {
						&:hover, &:focus {
							&:before {
								color: @property-primary;
							}
						}
						a:not(.button):not(.info-button):hover {
							color: @property-primary;
						}
					}
				}
			}
			.prop-info {
				ul {
					li {
						i {
							@media screen and (max-width: 639px) {
								color: @property-primary;
							}
						}
						span {
							&.dl-icon {
								svg {
									path {
										@media screen and (max-width: 639px) {
											fill: @property-primary;
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

// top-bar.scss ---->

.header-area {
	.property {
		& > .left {
			& > li {
				&.is-active {
					&:after {
						border-color: transparent transparent @property-primary transparent;
					}
				}
			}
		}
		.top-drop {
			border-top: 4px solid @property-primary;
			.subnav {
				li>a {
					&.active, &:hover {
						color: @property-primary;
					}
				}
			}
			.menu-push {
				a {
					&:hover {
						color: @property-primary;
					}
				}
			}
		}
	}
}

// explore.scss ---->

.content-area-main {
	& > article {
		& > .explore {
			h3 {
				color: @property-primary;
				a {
					&:focus, &:visited {
						color: @property-primary;
					}
					&:hover {
						color: @adjusted-property-hover;
					}
				}
			}
			h4 {
				& > span {
					color: @property-primary;
				}
			}
			.row {
				.columns {
					& > a {
						color: @property-primary;
						&:hover {
							color: @adjusted-property-hover;
						}
					}
				}
			}
		}
	}
}

// fan-social.scss ---->

// goes back here

// location-overview.scss ---->

.content-area-main {
	& > article {
		& > .location-overview {
			table {
				tbody {
					tr {
						td {
							a {
								color: @property-primary;
								@media screen and (min-width: @large) {
									&:hover {
										color: @adjusted-property-hover !important;
									}
								}
							}
							i {
								@media screen and (max-width: 75em) {
									color: @property-primary;
								}
							}
						}
					}
				}
			}
			.info {
				.announcement {
					& > span {
						color: @property-primary;

						svg path {
							fill: @property-primary;
						}
					}
				}
			}
		}
	}
}

// masthead.scss ---->

#masthead {
	#masthead-push {
		background-color: darken(@adjusted-property-inner, 2%);
		.slick-prev, .slick-next {
			&:hover {
				&:before {
					background-color: @adjusted-property-dark;
				}
			}
		}
	}
}

#masthead-popup {
	table {
		tbody {
			tr {
				td {
					a {
						color: @property-primary;
						&:hover {
							color: @adjusted-property-hover !important;
						}
					}
				}
			}
		}
	}
}

// push-console.scss ---->

.content-area-main {
	& > article {
		& > .push-console {
			.expanding-push {
				.push-item {
					.rollover {
						.opentable {
							select, input {
								color: @property-primary;
								&::-webkit-input-placeholder {
								    color: @property-primary;
								}
								&:-moz-placeholder {
								   color: @property-primary;
								   opacity: 1;
								}
								&::-moz-placeholder {
								   color: @property-primary;
								   opacity: 1;
								}
								&:-ms-input-placeholder {
								   color: @property-primary;
								}
							}
							.datefield {
								.placeholder {
									color: @property-primary;
								}
							}
						}
					}
				}
			}
		}
	}
}

// rooms-info.scss ---->

.content-area-main {
	& > article {
		& > .rooms-info {
			.buttons {
				.expand-room {
					@media screen and (max-width: 23.5em) {
						&:hover {
							color: @property-primary !important;
						}
					}
					@media screen and (max-width: 31.250em) and (min-width: 23.5em) {
						&:hover {
							color: @property-primary !important;
						}
					}
				}
				.book-now {
					background-color: @adjusted-property-inner;
					&:hover {
						background-color: @property-primary;
					}
				}
			}
			.tabs-content {
				.swiper-button-prev {
					&:after {
						background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2224.26%22%20viewBox%3D%220%200%2010%2024.26%22%3E%3Ctitle%3Earrow%3C%2Ftitle%3E%3Cpolygon%20points%3D%220.89%200%200%200.29%208.9%2012.13%200%2023.96%200.89%2024.26%2010%2012.14%209.97%2012.13%2010%2012.12%200.89%200%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
						background-position: center;
						background-repeat: no-repeat;
						background-size: 11px;
					}
				}
				.slick-dots {
					.slick-active {
						button:after {
							background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ctitle%3Edot-marker-color%3C%2Ftitle%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%227.5%22%20fill%3D%22@{property-primary-concat}%22%2F%3E%3Cpath%20d%3D%22M8%2C1A7%2C7%2C0%2C1%2C1%2C1%2C8%2C7%2C7%2C0%2C0%2C1%2C8%2C1M8%2C0a8%2C8%2C0%2C1%2C0%2C8%2C8A8%2C8%2C0%2C0%2C0%2C8%2C0Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
						}
					}
				}
			}
			.rooms-filter {
				ul li a {
					&:hover {
						color: @property-primary;
					}
				}
				ul li.is-active a {
					color: @property-primary;
				}
			}
			.inset {
				.rates-from {
					background: @adjusted-property-inner;
				}
			}
		}
	}
}

// property-reviews.scss ---->

.content-area-main {
	.property-reviews {
		.header {
			a {
				&:hover, &:focus {
					color: @adjusted-property-inner;
				}
			}
		}
	}
}

.dining {
	.dining-overview {
		.prop-info {
			ul {
				li {
					a {
						&:hover, &:focus {
							color: @adjusted-property-inner;
						}
					}
				}
			}
		}
	}
	.become-a-fan {
		.inset {
			.info {
				a {
					&:hover, &:focus {
						color: @adjusted-property-inner;
					}
				}
			}
		}
	}
}

.content-area-main {
	.dining-info {
		.dining-filter {
			ul {
				li {
					a {
						&.is-active {
							color: @property-primary;
						}
						&:hover, &:focus {
							color: @property-primary;
						}
					}
				}
			}
		}
		&.dining-list {
			.listing {
				.intro {
					&.small-push-1 {
						a.intro-link {
							&:hover, &:focus {
								color: @adjusted-property-inner !important;
							}
						}
					}
				}
				header {
					.dining-hours {
						.time {
							a {
								&:hover, &:focus {
									color: @adjusted-property-inner;
								}
							}
						}
					}
				}
			}
		}
	}
}

.content-area-main {
	& > article {
		& > .dining-push-console {
			.expanding-push {
				.push-item {
					.rollover {
						.opentable {
							select:not(.submit):not(.date-picker),  input:not(.submit):not(.date-picker) {
								color: @property-primary;
							}
							.datefield {
								.placeholder {
									color: @property-primary;
								}
							}
						}
					}
				}
			}
		}
	}
}

// dining-filter.scss ---->

.content-area-main {
	& > article {
		& > .dining-info {
			&.dining-list {
				.listing header {
					.dining-hours {
						ul {
							li {
								&.phone a {
									color: @property-primary;
								}
							}
						}
					}
				}
			}

			.open-table {
				.placeholder,
				select {
					color: @property-primary;
				}
			}
		}
	}
}

html:not(.touch) {
	.content-area-main {
		& > article {
			& > .rooms-info {
				.tabs-content {
					.swiper-button-prev, .swiper-button-next {
						&:hover {
							background-color: @property-primary;
						}
					}
				}
			}
		}
	}
}

// events.scss
.events {
	.events-bar {
		.category-list {
			a {
				&.active, &:hover, &:focus {
					color: @property-primary !important;
				}
			}
		}
	}
	.events-months {
	    a {
	    	&.active {
	    		background: @property-primary;
	    	}
	    }
	}
	.months-arrow {
		color: @property-primary;
		&:hover, &:focus {
			color: @property-primary;
		}
		&.slick-disabled {
			&:hover, &:focus {
				color: @adjusted-property-inner;
			}
		}
	}
	.event-category.row .button {
		background-color: @property-primary;
		&:hover {
			background-color: @adjusted-property-inner;
		}
	}
	.event-details {
		.event-description {
			.long-description {
				.button {
					background-color: @property-primary;
					&:hover {
						background-color: @adjusted-property-inner;
					}
				}
			}
		}
	}
}

// signature-dining.scss

.signature {
	.header-area {
		.cd-secondary-nav {
			&.menu-active {
				background: @property-primary;
			}
		}
		.menu-toggle {
			&.active {
				background: @property-primary;
			}
		}
		.property {
			@media screen and (min-width: @xxlarge) {
				background: @property-primary;
			}
		}
		.cd-auto-hide-header {
			&.no-console {
				.property {
					@media screen and (min-width: @xxlarge) {
						background: @property-primary;
					}
				}
			}
		}
		.cd-auto-hide-header {
			.property {
				@media screen and (min-width: @xxlarge) {
					background: @property-primary;
				}
			}
			&.nav-is-hidden {
				.property {
					@media screen and (min-width: @xxlarge) {
						background: @rich-black;
					}
				}
			}
		}
		.cd-auto-hide-header {
			&.nav-is-hidden {
				.property {
					.left {
						li {
							&:hover, &:focus {
								&:before {
									border-color: @property-primary;
								}
							}
						}
					}
				}
			}
		}
	}
	.datepick-month td a.datepick-selected, .datepick-month td a:hover, .datepick-month td a:focus {
		background: @brand-gold;
	}
	.button:hover, .button:focus {
		background-color: @property-primary;
	}
	.top-bar .vertical.menu.main > .active > a {
		@media screen and (max-width: 1339px) {
			background-color: transparent;
			color: @blonde;
		}
	}
}

.signature-title {
	.inner {
		&:before {
			border-color: @property-primary;
		}
	}
}

// signature-overview.scss
.content-area-main {
	.learn-more {
		background: @property-primary;
		&:hover, &:focus {
			background: @adjusted-property-inner;
		}
	}

	.signature-overview {
		.info {
			.announcement {
				& > span {
					svg {
						path {
							fill: @property-primary;
						}
					}
				}
			}
			&.boxed-info {
				border: 2px solid @property-primary;
				.boxed-info-title {
					h2 {
						color: @property-primary !important;
					}
				}
			}
		}
		.signature-dining-info {
			.sig-info {
				color: @property-primary;
			}
		}
		.buttons {
			.learn-more {
				background: @property-primary;
				&:hover, &:focus {
					background: @adjusted-property-inner;
				}
			}
		}
		.signature-opentable-widget {
			border-color: @property-primary;
			.sig-ot-title {
				color: @property-primary;
			}
			.open-table {
				.datefield {
					.placeholder {
						color: @property-primary;
					}
					.field-label > svg {
						path {
							fill: @property-primary;
						}
					}
				}
				.timefield, .partyfield {
					.fa {
						color: @property-primary;
					}
				}
				fieldset {
					.field {
						select {
							color: @property-primary;
							background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%228%22%20viewBox%3D%220%200%2024.338%2013.029%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22@{property-primary-escaped}%22%20d%3D%22M12.61%2012.397L23.79%201.01c.11-.11.014-.293-.104-.41-.117-.117-.39-.123-.5-.013L12.1%2011.702%201%20.578C.893.468.71.474.593.592c-.118.117-.123.3-.014.41l11.36%2011.387s.286.308.672.007z%22%2F%3E%3C%2Fsvg%3E');
						}
					}
				}
				.buttonfield {
					&.field {
						input {
							background: @property-primary;
							background: -webkit-linear-gradient(left,@property-primary,@adjusted-property-inner,@property-primary);
							background: -o-linear-gradient(left,@property-primary,@adjusted-property-inner,@property-primary);
							background: -moz-linear-gradient(left,@property-primary,@adjusted-property-inner,@property-primary);
							background: linear-gradient(to right, @property-primary,@adjusted-property-inner,@property-primary);
						}
					}
				}
			}
		}
	}
}

// signature-gallery-slider.scss

.signature-gallery-panel {
	.sig-image {
		.gallery-btn {
			.leftbox {
				background: @property-primary;
				&:hover, &:focus {
					background: @adjusted-property-inner;
				}
			}
			.rightbox {
				.gallery-link {
					background: @property-primary;
				}
			}
		}
	}
}
.swiper-button-prev, .swiper-button-next {
	background: @property-primary;
	&:hover, &:focus {
		background: @adjusted-property-inner;
	}
}

// signature-menus.scss

.content-area-main {
	.menus-list {
		ul {
			li {
				.menu-item {
					.rollover {
						h2 {
							color: @property-primary;
						}
					}
				}
			}
		}
		.buttons {
			.info-button {
				background: @property-primary;
				&:hover, &:focus {
					background: @adjusted-property-inner;
				}
			}
		}
	}
}

// signature-push.scss

.content-area-main {
	.signature-push {
		.push-count {
			.slick-dots {
				li {
					&.slick-active {
						button {
							color: @property-primary;
							&:before {
								//border-left: 1px solid @property-primary;
							}
						}
					}
				}
			}

			.slick-arrow {
				background: @property-primary;

				&:focus, &:hover {
					background: @adjusted-property-inner;
				}
			}
		}
		.buttons {
			& > a {
				background: @property-primary;
				&:hover, &:focus {
					background: @adjusted-property-inner;
				}
			}
		}
		.border-continuous div, .border-custom-continuous div {
			background: @property-primary;
		}
		.learn-more {
			background: @property-primary;
		}
	}
}

// signature-reviews.scss

.signature .content-area-main {
	.property-reviews {
		.main-review-quote {
			&:before, &:after {
				color: @property-primary;
			}
			h1 {
				color: @property-primary;
			}
		}
		.review-statement {
			.quote-title {
				color: @property-primary;
			}
		}
	}
}

.classic, .eastern, .contemporary {
	.content-area-main {
		.slick-prev, .slick-next {
			background: @adjusted-property-inner;
		}
	}
}

.pdf-downloads {
	li {
		a {
			&:before {
				background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2216px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2016%2015%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Desktop%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%2203b-room-detail%22%20transform%3D%22translate(-892.000000%2C%20-960.000000)%22%20fill%3D%22@{property-primary-concat}%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22flyout%22%20transform%3D%22translate(321.000000%2C%20564.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22tab-details%22%20transform%3D%22translate(569.000000%2C%20195.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22download-link%22%20transform%3D%22translate(2.000000%2C%20200.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M8.5219368%2C13%20L4.24460105%2C8.59755524%20C4.09002046%2C8.43770569%204%2C8.20827457%204%2C7.98260461%20C4%2C7.76633756%204.09002046%2C7.54724965%204.24460105%2C7.36765397%20C4.59558991%2C7.02726845%205.12752898%2C7.02726845%205.43669016%2C7.36765397%20L7.45078427%2C9.45228021%20L7.45078427%2C1%20L9.5703569%2C1%20L9.5703569%2C9.45228021%20L11.5589907%2C7.39116126%20C11.8927029%2C7.04983545%2012.4237327%2C7.04983545%2012.7483519%2C7.39116126%20C13.0838827%2C7.73436765%2013.0838827%2C8.28349788%2012.7483519%2C8.6248237%20L8.5219368%2C13%20Z%20M14.9819834%2C16%20L0.997240708%2C16%20C0.450143375%2C16%200%2C15.5080954%200%2C14.8958011%20L0%2C3.0900907%20C0%2C2.48720188%200.450143375%2C2%200.997240708%2C2%20L4.22875074%2C2%20C4.78710166%2C2%205.23984202%2C2.48720188%205.23984202%2C3.0900907%20C5.23984202%2C3.70050386%204.78710166%2C4.18864629%204.22875074%2C4.18864629%20L2.00919764%2C4.18864629%20L2.00919764%2C13.8122943%20L13.9665639%2C13.8122943%20L13.9665639%2C4.18864629%20L11.7513391%2C4.18864629%20C11.1843315%2C4.18864629%2010.7350538%2C3.70050386%2010.7350538%2C3.0900907%20C10.7350538%2C2.48720188%2011.1843315%2C2%2011.7513391%2C2%20L14.9819834%2C2%20C15.5481253%2C2%2016%2C2.48720188%2016%2C3.0900907%20L16%2C14.8958011%20C16%2C15.5080954%2015.5481253%2C16%2014.9819834%2C16%20Z%22%20id%3D%22Combined-Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
			}
		}
	}
}

/*------------------------------------*\
	Gallery V2
\*------------------------------------*/

body:not(.brand) {
	.gallery-category-filter .is-active, .gallery-category-filter button:hover { color: @property-primary; }
	.gallery-imageview-arrows:hover, .gallery-imageview-arrows:focus { background-color: @property-primary; }
	.gallery-share a:hover { color: @property-primary; }
	.gallery-share a:hover .gallery-share-icon { fill: @property-primary; }
}

// Marketing Partners
.m-partners.signature .header-area .cd-auto-hide-header .property {
	background: @property-primary !important;
}

.m-partners .footer {
	border-top-color: @property-primary;
}

.m-partners .signature-title .inner:before {
	border-color: @property-primary;
}
.m-partners {
	.content-area-main > article > .property-tabbed .tab-filter .tabs .tabs-title.is-active a,
	.content-area-main > article > .property-tabbed .tab-filter .tabs .tabs-title a:hover,
	.content-area-main > article > .property-tabbed .tab-filter .tabs .tabs-title a:focus {
		color: @property-primary;
	}
}
.m-partners .content-area-main > article > .property-tabbed .tab-filter .menu__line {
	background-color: @property-primary;
}
// .m-partners .content-area-main > article > .property-tabbed .tabs-panel {
// 	@tabbed-bg: lighten(desaturate(spin(@property-primary, 9.6907), 11.9985), 46.2745);
// 	background-color: fade(@tabbed-bg, 10%);
// }

.mp-console {
	border-color: lighten(desaturate(spin(@property-primary, -0.4737), 56.3546), 27.6471);
}

.mp-console-header {
	color: @property-primary;
}

.mp-console-field {
	select,
	input {
		color: @property-primary;
	}
}

.mp-console .button.submit {
	@base: lighten(desaturate(spin(@property-primary, 3.6986), 1.8519), 13.7255);
	@darker: lighten(desaturate(spin(@property-primary, 3.8783), 1.1834), 4.5098);

	background-color: @base;
	background-image: radial-gradient(circle, @base, @darker);

	&:hover,
	&:focus {
		background-color: @darker;
		background-image: radial-gradient(circle, @darker, @base);
	}
}

.m-partners .signature-overview h3 {
	color: @property-primary;
}

.m-partners .content-area-main .signature-menus header:before {
	background: @property-primary;
}

.info h2 a {
	color: @property-primary;
}