/* @import url(https://cdn.jsdelivr.net/animatecss/3.4.0/animate.min.css); */
@import url(https://fonts.googleapis.com/css?family=Kameron:700,400%7COpen+Sans:400italic,700italic,800italic,300italic,600italic,400,800,700,600,300%7COpen+Sans+Condensed:300,700,300italic%7CGreat+Vibes);
@import url(https://cdn.jsdelivr.net/npm/sal.js@0.5.0/dist/sal.css);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*! http://responsiveslides.com v1.55 by @viljamis */
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
input[type=date] {
position: relative;
-moz-appearance: textfield;
}
input[type=date]::-webkit-datetime-edit-year-field:focus {
background-color: inherit;
color: inherit;
text-shadow: 0 0 1px white;
}
input[type=date]::-webkit-datetime-edit-month-field:focus {
background-color: inherit;
color: inherit;
text-shadow: 0 0 1px white;
}
input[type=date]::-webkit-datetime-edit-day-field:focus {
background-color: inherit;
color: inherit;
text-shadow: 0 0 1px white;
}
input[type=date]::-webkit-datetime-edit-week-field:focus {
background-color: inherit;
color: inherit;
text-shadow: 0 0 1px white;
}
input[type=date]::-webkit-datetime-edit-hour-field:focus {
background-color: inherit;
color: inherit;
text-shadow: 0 0 1px white;
}
input[type=date]::-webkit-datetime-edit-minute-field:focus {
background-color: inherit;
color: inherit;
text-shadow: 0 0 1px white;
}
input[type=date]::-webkit-datetime-edit-second-field:focus {
background-color: inherit;
color: inherit;
text-shadow: 0 0 1px white;
}
input[type=date]::-webkit-datetime-edit-millisecond-field:focus {
background-color: inherit;
color: inherit;
text-shadow: 0 0 1px white;
}
input[type=date]::-webkit-datetime-edit-ampm-field:focus {
background-color: inherit;
color: inherit;
text-shadow: 0 0 1px white;
}
input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button {
display: none;
}
input[type=date]::-webkit-date-and-time-value {
display: inline;
}
input[type=date]::-webkit-calendar-picker-indicator {
width: 100%;
color: transparent;
position: absolute;
height: 100%;
left: 0;
top: 0;
padding: 0;
}
input[type=date]::-webkit-calendar-picker-indicator:hover {
background-color: transparent;
}
input[type=number]::-webkit-textfield-decoration-container {
height: 100%;
}
/*input[type=number] { -moz-appearance:textfield; }*/
select {
background-image: url('data:image/svg+xml,');
opacity: 1;
}
::placeholder {
color: #A8A8A8;
opacity: 1;
}
/* Good browsers */
::-ms-input-placeholder {
color: #A8A8A8;
isolation: auto;
opacity: 1;
}
/* Edge */
:-ms-input-placeholder {
color: #A8A8A8 !important;
opacity: 1;
}
/* IE10-11 */
:required {
background-repeat: no-repeat;
background-position: right 1em center;
background-size: 1em;
background-image: url(/ccms/images/input-invalid.svg);
}
:required:valid {
background-image: url(/ccms/images/input-valid.svg);
}
textarea:required {
background-position: right 1em top 0.8em;
}
select:invalid {
color: #A8A8A8;
opacity: 1;
}
select:required {
padding-right: 1em;
}
select option:enabled {
color: black;
opacity: 1;
}
form fieldset,
form fieldset * {
box-sizing: border-box;
}
form fieldset {
margin: 0;
padding: 0;
border: none;
}
form fieldset legend {
display: none;
}
form fieldset div.formfields {
display: flex;
flex-wrap: wrap;
}
form fieldset div.formfields>div {
flex-basis: 100%;
flex-grow: 60;
padding: 0.35em 0.4em;
}
form fieldset div.formfields>.half {
flex-basis: 48%;
flex-grow: 30;
}
form fieldset div.formfields>.third {
flex-basis: 31.33%;
flex-grow: 20;
}
form fieldset div.formfields>.quarter {
flex-basis: 23%;
flex-grow: 15;
}
form fieldset div.formfields>.fifth {
flex-basis: 20%;
flex-grow: 12;
}
form fieldset div.formfields>.vpad {
padding: 1.2em 0.4em;
}
@media (max-width:600px) {
form fieldset div.formfields>.half,
form fieldset div.formfields>.third,
form fieldset div.formfields>.quarter {
flex-basis: 100%;
}
}
form fieldset div.formfields input {
display: block;
width: 100%;
outline: none;
border: none;
background-color: white;
padding: 0 0 0 0.6em;
box-shadow: 2px 9px 6px -7px rgba(0, 0, 0, 0.2);
border-radius: 0.15em;
line-height: normal;
height: 2.5em;
-webkit-appearance: none;
}
form fieldset div.formfields select {
display: block;
width: 100%;
outline: none;
border: none;
background-color: white;
padding: 0 0 0 0.6em;
box-shadow: 2px 9px 6px -7px rgba(0, 0, 0, 0.2);
border-radius: 0.15em;
line-height: normal;
height: 2.5em;
}
form fieldset div.formfields textarea {
display: block;
width: 100%;
outline: none;
border: none;
background-color: white;
padding: 0.6em 2.5em 0.6em 0.6em;
box-shadow: 2px 9px 6px -7px rgba(0, 0, 0, 0.2);
border-radius: 0.15em;
line-height: 1.4em;
resize: vertical;
-webkit-appearance: none;
}
form fieldset div.formfields button {
display: block;
width: 100%;
outline: none;
border: none;
padding: 0 1.7em 0 0.6em;
box-shadow: 2px 9px 6px -7px rgba(0, 0, 0, 0.2);
border-radius: 0.15em;
line-height: 1em;
height: 2em;
text-align: left;
vertical-align: middle;
}
form fieldset div.formfields label.datewrap {
display: flex;
white-space: nowrap;
align-items: center;
background-color: white;
padding: 0 0 0 0.6em;
box-shadow: 2px 9px 6px -7px rgba(0, 0, 0, 0.2);
border-radius: 0.15em;
line-height: normal;
height: 2.5em;
color: #A8A8A8;
}
form fieldset div.formfields label.datewrap input {
background-color: initial;
box-shadow: none;
color: black;
padding: 0 0 0 0.3em;
}
form fieldset div.formfields label.datewrap input[type=date] {
height: initial;
}
form fieldset div.formfields label.datewrap select {
background-color: initial;
box-shadow: none;
color: black;
padding: 0 0 0 0.3em;
}
form fieldset div.formfields button {
cursor: pointer;
font-size: 1.2em;
text-transform: uppercase;
background-color: #498612;
color: white;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.43);
position: relative;
}
form fieldset div.formfields button:after {
content: "\F054";
font-family: 'Font Awesome 5 Free';
position: absolute;
right: 0.6em;
top: calc(50% - 0.5em);
height: 1em;
}
form fieldset div.formfields label.datewrap input[type="checkbox"] {
width: 1em;
height: 1em;
padding: 0;
margin-right: 0.6em;
border: 2px solid black;
}
form fieldset div.formfields label.datewrap input[type="checkbox"]::before {
content: "";
width: 1em;
height: 1em;
display: block;
font-family: 'Font Awesome 5 Free';
font-size: 1.2em;
line-height: 1em;
margin: -0.275em 0em 0em -0.1em;
text-shadow: 0 2px white, 0 -2px white;
font-weight: bold;
}
form fieldset div.formfields label.datewrap input[type="checkbox"]:checked::before {
content: "\F00C";
}
form fieldset div.formfields label.datewrap input[type="radio"] {
width: 1em;
height: 1em;
padding: 0;
margin-right: 0.6em;
border: 2px solid black;
}
form fieldset div.formfields label.datewrap input[type="radio"]::before {
content: "";
width: 1em;
height: 1em;
display: block;
font-family: 'Font Awesome 5 Free';
font-size: 1em;
line-height: 1em;
text-shadow: none;
font-weight: bold;
margin: -2px;
}
form fieldset div.formfields label.datewrap input[type="radio"]:checked::before {
content: "\f111";
}
form fieldset div.formfields label.datewrap span {
color: black;
white-space: normal;
}
/*@import "../../../ccms/css/fontawesome.scss";*/
form#widget input[type=date] {
background-position: 0.5em center;
background-image: url('data:image/svg+xml;utf8,');
}
form#widget select option:enabled {
color: white;
}
select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-repeat: no-repeat;
background-size: 0.5em auto;
background-position: right 0.25em center;
padding-right: 1em;
background-image: url("data:image/svg+xml;charset=utf-8,");
}
[role=tablist] {
position: relative;
display: flex;
flex-wrap: wrap;
}
[role=tablist]>input[type=radio] {
display: none;
}
[role=tablist]>label,
[role=tablist]>a {
flex-grow: 1;
cursor: pointer;
order: 1;
user-select: none;
}
[role=tablist]>[role=tabpanel] {
display: none;
order: 2;
width: 100%;
}
[role=tablist]>input[type=radio]:checked+label+[role=tabpanel] {
display: block;
}
/* SAL STYLES
.item {opacity: 0;transition: opacity .2s;}
.item.animate {opacity: 1;}
*/
/* Standard base site */
a,
a:link {
color: #800080;
}
a:hover {
color: #ad1aad;
}
a:visited {
color: #800080;
}
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #b4babd;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #b4babd;
}
:-ms-input-placeholder {
/* IE 10+ */
color: #b4babd;
}
:-moz-placeholder {
/* Firefox 18- */
color: #BCBDB4;
}
*,
*::before,
*::after,
*:before,
*:after {
box-sizing: border-box;
}
* {
box-sizing: border-box;
font-family: "Source Sans Pro", sans-serif;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.sticky {
position: fixed !important;
z-index: 1000;
top: 0px !important;
}
@media (max-width: 800px) {
.sticky {
position: relative !important;
}
}
body {
background: #efeee3 url(/templates/client/images/background.jpg) repeat center top;
ont-family: 'Kameron', Helvetica, Arial;
}
ul.rslides {
z-index: -1;
}
.starburstWrapper a:before,
.starburstWrapper a div:before,
.starburstWrapper a:after,
.starburstWrapper a div:after,
.starburstWrapper a div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #952222;
z-index: -1;
}
.starburstWrapper {
shape-outside: circle();
float: right;
height: 10em;
width: 10em;
overflow: hidden;
}
.starburstWrapper:hover .starburst {
-webkit-animation: flipInY 1s;
animation: flipInY 1s;
}
.starburstWrapper a {
height: 7em;
width: 7em;
background: #952222;
transform: rotate(-41deg);
display: block;
margin: 1.5em;
}
.starburstWrapper a:before,
.starburstWrapper a div:before {
content: "";
transform: rotate(60deg);
}
.starburstWrapper a:after,
.starburstWrapper a div:after {
content: "";
transform: rotate(75deg);
}
.starburstWrapper a div {
z-index: 1;
transform: rotate(45deg);
}
.starburstWrapper a div span {
display: block;
width: 100%;
color: white;
font-weight: 900;
font-size: 1.4em;
text-align: center;
text-transform: uppercase;
font-family: "Open Sans Condensed";
line-height: 1em;
}
.starburstWrapper a div span:nth-child(1) {
font-family: "Open Sans";
transform: scale(1.5, 1);
letter-spacing: -0.08em;
margin: 0.2em 0;
}
.starburstWrapper a div span:nth-child(2) {
transform: scale(1, 1.2);
}
.starburstWrapper a div span:nth-child(3) {
margin: 0 -0.7em;
width: calc(100% + 1.4em);
transform: scale(1, 1.2);
line-height: 1.2em;
}
.starburstWrapper a div span:nth-child(4) {
font-size: 0.7em;
margin: 0.25em -1em;
width: calc(100% + 2em);
text-transform: none;
}
.starburstWrapper a div span:nth-child(5) {
font-family: "Open Sans";
letter-spacing: -0.02em;
font-size: 0.9em;
}
.dynamic-headers {
position: relative;
}
.dynamic-headers.home img {
height: 480px;
object-fit: cover;
}
.dynamic-headers.interior {
border-bottom: 4px double #c8bf94;
}
.dynamic-headers.interior img {
height: 400px;
object-fit: cover;
object-position: 50% 77%;
}
.dynamic-headers .rslides_nav {
font-family: 'Font Awesome 5 Free' !important;
text-decoration: none;
position: absolute;
z-index: 11;
top: calc(50% - 36px);
font-size: 4em;
color: #fff;
text-shadow: #000 2px 2px 20px;
}
.dynamic-headers .rslides_nav.prev {
left: 20px;
}
.dynamic-headers .rslides_nav.next {
right: 20px;
}
.dynamic-headers .starburstWrapper {
position: absolute;
bottom: 1em;
right: 20%;
top: calc(50% - 80px);
z-index: 1;
}
.wrapper {
max-width: 1260px;
width: 100%;
margin: 0 auto;
padding: 10px;
flex-flow: row wrap;
}
h1,
h2,
h3,
h4 {
font-family: 'Kameron', sans-serif;
}
header {
position: relative;
z-index: 2;
border-top: 2px dashed #71529c;
background: #3a2755 url(/templates/client/images/fleur-tile.jpg) top center;
font-family: "Open Sans";
box-shadow: inset #000 0px -52px 10px -3px;
/* Functionality related */
/* Theme-related */
}
header .head {
overflow: hidden;
position: relative;
}
header .head:before {
content: '';
display: block;
width: 0;
padding: 100px 450px;
margin-left: -450px;
margin-top: -110px;
height: 0;
background: rgba(173, 173, 173, 0.05);
border-radius: 50%;
position: absolute;
left: 50%;
border: 10px solid rgba(173, 173, 173, 0.05);
box-shadow: #000 0px 5px 70px -10px;
z-index: 0;
}
header .head #darkerpurple {
box-shadow: #000 3px 3px 13px -4px;
border-bottom: 1px dotted #4d376a;
position: relative;
display: flex;
justify-content: end;
background: #221437;
border-radius: 0 0 5px 5px;
padding: 8px;
font-size: 0.8em;
}
header .head #darkerpurple form {
display: none;
float: left;
width: 50%;
z-index: 1;
position: relative;
}
header .head #darkerpurple form input {
background: #a58ca9;
border: 0;
border-radius: 3px;
box-shadow: inset 2px 3px 5px -1px #7b5d80;
line-height: 1em;
}
header .head #darkerpurple form button {
background: #763b80;
color: #fff;
padding: 2px 5px;
border: 0;
margin-left: 10px;
border-radius: 3px;
line-height: 1em;
text-transform: uppercase;
}
header .head #darkerpurple>div {
float: right;
width: 50%;
text-align: right;
color: #7D6E90;
position: relative;
line-height: 24px;
z-index: 1;
display: flex;
justify-content: flex-end;
}
header .head #darkerpurple>div>a {
border-right: 1px solid #7D6E90;
color: white;
padding-right: 1em;
text-transform: uppercase;
text-decoration: none;
margin-right: 1em;
}
header .head #darkerpurple>div #socialicons {
height: 24px;
display: inline-block;
}
header .head #darkerpurple>div #socialicons a {
display: inline-block;
color: #fff;
font-size: 1.6em;
margin-right: .4em;
}
header .head #darkerpurple>div #socialicons a img {
vertical-align: middle;
}
@media only screen and (max-width: 480px) {
header .head #darkerpurple {
flex-flow: wrap;
}
header .head #darkerpurple>form input {
flex-grow: 1;
min-width: 100px;
}
}
@media only screen and (max-width: 360px) {
header .head #darkerpurple {
font-size: .6em;
}
}
header .head div#logowrapper {
text-align: center;
/*
a#logo { border-radius:6px; display:inline-block; margin-top:-10px; margin-bottom:30px; text-decoration:none; color:#3e3b32; text-align:center; background-color:#fff; position:relative; z-index:1; padding:15px; border:5px solid #615d4d; font-size:0.9em; box-shadow:#000 0px 10px 60px -10px;
@media only screen and (max-width:1000px) { margin-top:30px; margin-bottom:30px; font-size:0.75em; }
&:before { content:''; display:block; width:113%; height:120%; background:#b9ae83; background-image:linear-gradient(to bottom, #b9ae83 0%,#f0ede2 25%,#f0ede2 39%,#c5bd9a 100%); position:absolute; z-index:-1; border-radius:50%; left:-6.5%; border:5px solid #615d4d; top:-15%; }
&:after { border-radius:4px; background:#cdc49f; background-image:linear-gradient(to bottom, #cdc49f 0%,#f0ede2 25%,#f0ede2 39%,#cdc49f 100%); content:''; height:100%; width:100%; position:absolute; top:0; left:0; z-index:-1; }
strong { position:relative; font-family:'Great Vibes', cursive; font-size:3.4em; display:block; line-height:1em; font-weight:normal; text-shadow:#a0987e 3px 2px 14px; width:6.5em; height:1em; }
span { position:relative; display:block; font-size:2em; text-transform:uppercase; letter-spacing:0.7em; line-height:1em; text-shadow:#e9e0bd 0px 1px 0px; text-align:center; font-family:'Kameron',Helvetica,Arial; text-indent:0.7em; }
strong:before,span:after { content:''; background:url(/templates/client/images/logo-flourish-top.png) no-repeat center; background-size:cover; width:158px; height:34px; display:block; position:absolute; left:50%; margin-left:-79px; top:-40px; }
span:after { top:30px; background-image:url(/templates/client/images/logo-flourish-bot.png); background-size:cover; }
*/
font-size: 0.9em;
}
header .head div#logowrapper a#logo {
border-radius: 1em;
display: inline-block;
margin: 1.2em 2em 2.4em 2em;
text-decoration: none;
color: #3e3b32;
text-align: center;
background-color: transparent;
position: relative;
z-index: 1;
padding: 15px;
border: 5px solid #615d4d;
font-size: 0.9em;
box-shadow: #000 0px 10px 60px -10px;
}
header .head div#logowrapper a#logo:before {
content: '';
display: block;
width: 113%;
height: 120%;
background: #b9ae83;
background-image: linear-gradient(to bottom, #b9ae83 0%, #f0ede2 25%, #f0ede2 39%, #c5bd9a 100%);
position: absolute;
z-index: -1;
border-radius: 50%;
left: -6.5%;
border: 5px solid #615d4d;
top: -15%;
}
header .head div#logowrapper a#logo:after {
border-radius: 0.5em;
background: #cdc49f;
background-image: linear-gradient(to bottom, #cdc49f 0%, #f0ede2 25%, #f0ede2 39%, #cdc49f 100%);
content: '';
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
header .head div#logowrapper a#logo strong {
position: relative;
font-family: 'Great Vibes', cursive;
font-size: 3.4em;
display: block;
line-height: 1em;
font-weight: normal;
text-shadow: #a0987e 3px 2px 14px;
width: 6.5em;
height: 1em;
}
header .head div#logowrapper a#logo span {
position: relative;
display: block;
font-size: 2em;
text-transform: uppercase;
letter-spacing: 0.7em;
line-height: 1em;
text-shadow: #e9e0bd 0px 1px 0px;
text-align: center;
font-family: 'Kameron', Helvetica, Arial;
text-indent: 0.7em;
}
header .head div#logowrapper a#logo strong:before,
header .head div#logowrapper a#logo span:after {
content: '';
background: url(/templates/client/images/logo-flourish-top.png) no-repeat center;
background-size: cover;
width: 4em;
height: 1em;
display: block;
position: absolute;
left: 50%;
margin-left: -2em;
top: -1.2em;
}
header .head div#logowrapper a#logo span:after {
top: 1em;
background-image: url(/templates/client/images/logo-flourish-bot.png);
background-size: cover;
width: 6.5em;
height: 1.6em;
margin-left: -3.3em;
}
@media only screen and (max-width: 560px) {
header .head div#logowrapper {
font-size: 0.6em;
}
header .head div#logowrapper a#logo {
margin: 2.6em 2em 2em 2em;
}
}
@keyframes opac {
0% {
display: block;
opacity: 0;
}
100% {
opacity: 1;
}
}
header nav#menu #toggle-menu {
display: none;
}
@media only screen and (max-width: 1000px) {
header nav#menu #toggle-menu {
display: block;
}
}
header nav#menu input[type="checkbox"] {
display: none;
}
header nav#menu ul {
padding: 0;
display: none;
opacity: 0;
}
header nav#menu li {
position: relative;
display: block;
}
header nav#menu label,
header nav#menu a {
position: relative;
display: block;
text-decoration: none;
line-height: 1em;
user-select: none;
}
header nav#menu>ul>li:nth-of-type(1)>ul>li:nth-of-type(3) {
display: none;
}
@media (min-width: 1001px) {
header nav#menu ul.main-menu {
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
opacity: 1;
position: static;
}
header nav#menu ul.main-menu ul {
position: absolute;
top: 100%;
}
header nav#menu ul.main-menu ul ul {
top: 0;
left: 100%;
}
header nav#menu ul.main-menu li:hover>ul {
display: block;
animation: opac 0.25s linear;
opacity: 1;
}
}
@media (max-width: 1000px) {
header nav#menu ul.main-menu li {
width: 100%;
}
header nav#menu label i {
float: right;
padding-right: 0.25em;
}
header nav#menu input[type="checkbox"]:checked+ul {
display: flex;
flex-direction: column;
animation: opac 0.25s linear;
opacity: 1;
}
}
header nav#menu {
border-top: 1px dotted #71529c;
background-image: linear-gradient(to bottom, #4a2a4e 0%, #3f1f44 25%, #2f1a33 53%, #1a0c1d 80%, #000000 100%);
box-shadow: black 0px 2px 15px -5px;
}
header nav#menu #toggle-menu {
background-image: linear-gradient(to bottom, #592f5f 0%, #4a2550 25%, #3b1b42 53%, #321237 80%, #250e2a 100%);
}
header nav#menu label,
header nav#menu a {
padding: 1em 0.5em;
color: white;
text-transform: uppercase;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.125);
}
header nav#menu label:hover,
header nav#menu a:hover {
background-image: linear-gradient(to bottom, #743a7b 0%, #68386f 25%, #653c6d 53%, #5f3269 80%, #4c2452 100%);
}
header nav#menu label i.fa-chevron-right-or-down::before {
content: "\F078";
color: #c396ca;
/* default to down */
}
header nav#menu ul.main-menu>li {
transition: all 0.3s ease;
background-image: linear-gradient(to bottom, #592f5f 0%, #4a2550 25%, #3b1b42 53%, #321237 80%, #250e2a 100%);
flex-grow: 1;
text-align: center;
justify-content: center;
}
header nav#menu ul.main-menu ul {
min-width: 14em;
border: 1px solid rgba(0, 0, 0, 0.05);
background-image: linear-gradient(to bottom, #592f5f 0%, #4a2550 25%, #3b1b42 53%, #321237 80%, #250e2a 100%);
}
header nav#menu ul.main-menu ul label,
header nav#menu ul.main-menu ul a {
padding: 0.5em;
text-transform: capitalize;
}
header nav#menu ul.main-menu ul label>i {
float: right;
}
header nav#menu ul.main-menu ul li {
text-align: left;
border-style: solid;
border-width: 0 0 1px;
border-color: rgba(0, 0, 0, 0.05);
}
header nav#menu ul.main-menu ul li:last-child {
border-width: 0;
}
@media only screen and (max-width: 1000px) {
header nav#menu ul.main-menu li {
background: none;
text-align: left;
border-style: solid;
border-width: 0 0 1px;
border-color: rgba(0, 0, 0, 0.05);
}
header nav#menu ul.main-menu li:last-child {
border-width: 0;
}
}
@media only screen and (min-width: 1001px) {
header nav#menu ul.main-menu ul label i.fa-chevron-right-or-down::before {
content: "\F054";
/* right */
}
}
.homewrapper {
display: flex;
flex-flow: column nowrap;
height: 100vh;
}
.homewrapper>* {
width: 100%;
}
.homewrapper .dynamic-headers {
flex-grow: 1;
display: flex;
flex-flow: row nowrap;
}
.homewrapper .dynamic-headers ul li {
height: 100%;
}
.homewrapper .dynamic-headers ul li img {
height: 100%;
}
/*.wow{visibility: hidden;}*/
.home-featured {
background: url(/templates/client/images/texture-noise.png) #ddd;
box-shadow: inset #000 0px -7px 15px -15px, inset #000 0px 7px 15px -15px;
padding: 1em;
border: 2px solid #fffdf1;
border-left: none;
border-right: none;
}
.home-featured div.wrapper {
display: flex;
flex-flow: row nowrap;
}
@media only screen and (max-width: 800px) {
.home-featured div.wrapper {
flex-flow: column;
}
}
.home-featured div.wrapper h4 {
margin: 0;
}
.home-featured div.wrapper article {
/* flex-basis: 75%; */
display: flex;
flex-flow: row wrap;
box-shadow: #000 6px 6px 10px -10px;
}
.home-featured div.wrapper article section:nth-of-type(1) {
display: block;
width: 40%;
padding: 0;
border: none;
}
@media only screen and (max-width: 580px) {
.home-featured div.wrapper article section:nth-of-type(1) {
width: 100%;
}
}
.home-featured div.wrapper article section:nth-of-type(1) img {
display: block;
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.home-featured div.wrapper article section {
display: flex;
flex-flow: column nowrap;
width: 60%;
color: #fff;
padding: 1em;
background: #2f0f34;
border: 0.5em solid transparent;
flex-grow: 1;
}
.home-featured div.wrapper article section h3 {
margin: 0;
font-size: 2em;
font-weight: lighter;
text-transform: uppercase;
}
.home-featured div.wrapper article section div.buttons {
flex-grow: 1;
align-content: flex-end;
align-items: flex-end;
justify-content: flex-start;
display: flex;
width: 100%;
}
.home-featured div.wrapper article section div.buttons a.visit:before,
.home-featured div.wrapper article section div.buttons a.visit:after,
.home-featured div.wrapper article section div.buttons a.readmore:before,
.home-featured div.wrapper article section div.buttons a.readmore:after {
content: "";
display: block;
top: 0;
width: 0;
height: 0;
position: absolute;
border-style: solid;
border-width: 1em 0.5em;
}
.home-featured div.wrapper article section div.buttons a {
text-decoration: none;
margin: 0 0.5em;
line-height: 2em;
text-align: center;
width: 8em;
position: relative;
background-color: currentColor;
display: inline-block;
}
.home-featured div.wrapper article section div.buttons a span {
color: white;
text-transform: uppercase;
font-family: 'Open Sans Condensed';
font-weight: bold;
line-height: 2em;
display: block;
}
.home-featured div.wrapper article section div.buttons a.visit {
color: #613568;
}
.home-featured div.wrapper article section div.buttons a.visit:before {
left: -1em;
border-color: transparent currentColor transparent transparent;
}
.home-featured div.wrapper article section div.buttons a.visit:after {
right: -1em;
border-color: transparent transparent transparent currentColor;
}
.home-featured div.wrapper article section div.buttons a.readmore {
color: #b55858;
}
.home-featured div.wrapper article section div.buttons a.readmore:before {
left: -0.5em;
border-color: currentColor currentColor currentColor transparent;
}
.home-featured div.wrapper article section div.buttons a.readmore:after {
right: -1em;
border-color: transparent transparent transparent currentColor;
}
.home-featured div.wrapper #group-rates {
flex-basis: 25%;
margin: 0 0 0 1em;
display: flex;
flex-direction: column;
box-shadow: #000 6px 6px 10px -10px;
}
@media only screen and (max-width: 800px) {
.home-featured div.wrapper #group-rates {
margin: 1em 0 0;
}
}
.home-featured div.wrapper #group-rates a {
text-decoration: none;
padding: 0.5em;
background-image: url(/templates/client/images/group-booking-bg.png);
border: 0.5em solid white;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.home-featured div.wrapper #group-rates a div {
background-color: #DFDCCB;
display: block;
padding: 0.7em;
border: 0.25em solid white;
text-decoration: none;
color: #454339;
font-size: 1.1em;
margin: 0.4em .4em 1em .4em
}
.home-featured div.wrapper #group-rates a div h4 {
margin-bottom: 10px;
text-align: center;
text-transform: uppercase;
}
.home-featured div.wrapper #group-rates a div span {
background-color: #B55858;
color: white;
text-align: center;
display: block;
padding: 0.5em;
margin: 0.5em 1em -1.5em 1em;
border-radius: 0.5em;
font-size: 1.3em;
text-transform: uppercase;
}
main {
position: relative;
display: flex;
flex-wrap: wrap;
padding-bottom: 40px;
}
@media (max-width: 720px) {
main {
flex-direction: column;
}
}
main.wrapper {
margin-bottom: 2em;
}
main section {
flex-grow: 1;
flex-basis: 68%;
}
main section>h1 {
text-transform: uppercase;
border-bottom: 1px dotted #ccc;
}
main section>.titlebar {
display: flex;
flex-flow: row wrap;
margin-bottom: 1em;
}
main section>.titlebar h1 {
width: 100%;
text-transform: uppercase;
border-bottom: 1px dotted #ccc;
margin: 0.67em 0 0 0;
}
main section>.titlebar .breadcrumb {
margin: .4em 0 0 0;
flex-grow: 1;
padding: 0;
list-style: none;
}
main section>.titlebar .breadcrumb li {
display: inline;
}
main section>.titlebar .breadcrumb i {
margin: 0 1px;
}
main section>.titlebar .breadcrumb a {
text-decoration: none;
}
main section>.titlebar .breadcrumb a span {
text-decoration: underline;
}
main section>.titlebar .breadcrumb a[href=""] span {
color: #666;
text-decoration: none;
}
main section>.titlebar .social-share {
display: flex;
}
main section>.titlebar .social-share button {
border: none;
background: #d5ced6;
color: #572e5d;
margin-left: 5px;
margin-top: 0px;
padding: 5px 10px;
cursor: pointer;
transition: all .3s ease;
position: relative;
top: 0;
white-space: nowrap;
}
main section>.titlebar .social-share button i {
font-weight: bold;
}
main section>.titlebar .social-share button:hover {
background: rebeccapurple;
text-decoration: underline;
color: #fff;
}
@media only screen and (max-width: 768px) {
main section>.titlebar .social-share {
margin: 1em 0;
justify-content: space-between;
width: 100%;
}
main section>.titlebar .social-share button {
display: block;
width: 49%;
margin: 0;
}
}
main section article a.coupon {
display: inline-block;
font-weight: bold;
background: #eee;
border: 2px dashed #ccc;
position: relative;
padding: 10px;
color: green;
white-space: nowrap;
border-radius: 3px;
}
main section article a.coupon:before {
content: "\F0C4";
font-family: 'Font Awesome 5 Free';
color: #37a945;
padding-right: 10px;
font-size: 1.5em;
display: inline-block;
vertical-align: middle;
}
main section article#home-guide {
display: flex;
flex-wrap: nowrap;
}
@media only screen and (max-width: 800px) {
main section article#home-guide {
flex-direction: column;
}
}
main section article#home-guide h2 {
font-weight: normal;
text-align: center;
background: #321f4d url(/templates/client/images/fleur-tile.jpg);
font-size: 2.4em;
line-height: 1em;
margin: 0;
padding: 0.4em 0.5em;
color: white;
text-shadow: black 1px 1px 2px;
}
main section article#home-guide #guide {
display: flex;
flex-direction: column;
flex-basis: 75%;
font-family: 'Open Sans Condensed', sans-serif;
}
main section article#home-guide #guide div[role=tablist] {
background-color: white;
padding: 0.25em;
flex-grow: 1;
}
main section article#home-guide #guide div[role=tablist]>label,
main section article#home-guide #guide div[role=tablist]>a {
text-align: center;
background-color: #DFDCCC;
color: #454339;
text-decoration: none;
padding: 0.6em;
font-size: 1.4em;
margin: .2em .2em 0;
border-bottom: 0.35714em solid white;
}
main section article#home-guide #guide div[role=tablist]>input[type=radio]:checked+label {
background-color: #331F4E;
color: #fff;
border-bottom-color: #331F4E;
}
main section article#home-guide #guide div[role=tablist]>input[type=radio]:checked+label+[role=tabpanel] {
display: flex;
}
main section article#home-guide #guide div[role=tablist] ul[role=tabpanel] {
list-style: none;
margin: 0;
padding: 0;
flex-wrap: nowrap;
background-color: #331F4E;
margin: 0 0.25em 0.25em 0.25em;
padding: 0.25em;
}
main section article#home-guide #guide div[role=tablist] ul[role=tabpanel] li {
flex-basis: 0;
flex-grow: 1;
margin: 0.25em;
display: flex;
}
main section article#home-guide #guide div[role=tablist] ul[role=tabpanel] li a {
background-size: cover !important;
text-decoration: none;
width: 100%;
text-align: center;
background: teal;
color: #fff;
min-height: 12em;
display: flex;
align-items: flex-end;
}
main section article#home-guide #guide div[role=tablist] ul[role=tabpanel] li a span {
margin-bottom: 1em;
background: #000;
display: block;
width: 100%;
padding: 0.5em;
}
main section article#home-guide #guide div[role=tablist] ul[role=tabpanel]:nth-child(1) li:nth-child(1) a {
background: url(/templates/client/images/guide-thumbs-location-frenchquarter.jpg) no-repeat center;
background-size: cover;
}
main section article#home-guide #guide div[role=tablist] ul[role=tabpanel]:nth-child(1) li:nth-child(2) a {
background: url(/templates/client/images/guide-thumbs-location-arts.jpg) no-repeat center;
background-size: cover;
}
main section article#home-guide #guide div[role=tablist] ul[role=tabpanel]:nth-child(1) li:nth-child(3) a {
background: url(/templates/client/images/guide-thumbs-location-uptown.jpg) no-repeat center;
background-size: cover;
}
main section article#home-guide #guide div[role=tablist] ul[role=tabpanel]:nth-child(1) li:nth-child(4) a {
background: url(/templates/client/images/guide-thumbs-location-suburbs.jpg) no-repeat center;
background-size: cover;
}
main section article#home-guide #guide div[role=tablist] .bylocation li:nth-child(1) a {
background-image: url("/templates/client/images/guide-fq-marigny.jpg");
}
main section article#home-guide #guide div[role=tablist] .bylocation li:nth-child(2) a {
background-image: url("/templates/client/images/guide-convention-center.jpg");
}
main section article#home-guide #guide div[role=tablist] .bylocation li:nth-child(3) a {
background-image: url("/templates/client/images/guide-garden-district.jpg");
}
main section article#home-guide #guide div[role=tablist] .bylocation li:nth-child(4) a {
background-image: url("/templates/client/images/guide-suburbs.jpg");
}
main section article#home-guide #guide div[role=tablist] .bytype li:nth-child(1) a {
background-image: url("/templates/client/images/guide-bb-vacation.jpg");
}
main section article#home-guide #guide div[role=tablist] .bytype li:nth-child(2) a {
background-image: url("/templates/client/images/guide-boutique.jpg");
}
main section article#home-guide #guide div[role=tablist] .bytype li:nth-child(3) a {
background-image: url("/templates/client/images/guide-national-brands.jpg");
}
main section article#home-guide #guide div[role=tablist] .bytype li:nth-child(4) a {
background-image: url("/templates/client/images/guide-economy.jpg");
}
main section article#home-guide #guide div[role=tablist] .bytype li:nth-child(5) a {
background-image: url("/templates/client/images/guide-luxury.jpg");
}
main section article#home-guide #guide div[role=tablist] .bylandmark li:nth-child(1) a {
background-image: url("/templates/client/images/guide-luxury.jpg");
}
main section article#home-guide #guide div[role=tablist] .bylandmark li:nth-child(2) a {
background-image: url("/templates/client/images/guide-ww2.jpg");
}
main section article#home-guide #guide div[role=tablist] .bylandmark li:nth-child(3) a {
background-image: url("/templates/client/images/guide-port.jpg");
}
main section article#home-guide #guide div[role=tablist] .bylandmark li:nth-child(4) a {
background-image: url("/templates/client/images/guide-superdome.jpg");
}
main section article#home-guide #guide div[role=tablist] .bylandmark li:nth-child(5) a {
background-image: url("/templates/client/images/guide-university.jpg");
}
main section article#hotel-list .backtotop {
display: block;
margin: 1%;
background: rgba(128, 0, 128, 0.5);
color: #fff;
font-size: 1.3em;
padding: 0.3em;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-family: 'Kameron', 'Open Sans', Helvetica;
}
main section article#hotel-list ul {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
main section article#hotel-list ul li {
border: 5px solid white;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin: 30px 1%;
width: 31%;
min-height: 15em;
display: flex;
flex-flow: column;
}
main section article#hotel-list ul li>p.buttongroup {
display: flex;
justify-content: space-between;
flex-flow: row nowrap;
margin: 0 -5px;
padding: 0;
background: #fff;
padding: 5px;
}
main section article#hotel-list ul li>p.buttongroup a.hotelinfo {
background: #7e64a2;
text-align: center;
color: #fff;
padding: 0.5em;
border-radius: 3px;
width: 49%;
transition: all .3s ease;
}
main section article#hotel-list ul li>p.buttongroup a.hotelinfo:hover {
background: #8b5ccc;
border-radius: 8px;
}
main section article#hotel-list ul li>p.buttongroup a.hotelcall {
background: #f7efd9;
text-align: center;
color: #7e64a2;
padding: 0.5em;
border-radius: 3px;
width: 49%;
}
main section article#hotel-list ul li>p.buttongroup a.hotelcall.callDesktop {
display: block;
text-decoration: none;
transition: all .3s ease;
}
main section article#hotel-list ul li>p.buttongroup a.hotelcall.callMobile {
display: none;
}
@media only screen and (max-width: 760px) {
main section article#hotel-list ul li>p.buttongroup a.hotelcall.callMobile {
display: block;
}
main section article#hotel-list ul li>p.buttongroup a.hotelcall.callDesktop {
display: none;
}
}
main section article#hotel-list ul li>a.hotelitem {
transition: all 0.3s ease;
width: 100%;
height: 100%;
padding: 0;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
text-decoration: none;
color: #7e64a2;
background: #dcdcdc;
}
main section article#hotel-list ul li>a.hotelitem:hover {
/*
animation-fill-mode: forwards !important;
-webkit-animation: pulse .3s !important;
animation: pulse .3s !important;
*/
background: #af81ae;
}
main section article#hotel-list ul li>a.hotelitem:hover>span {
border-bottom: 4px dashed #af81ae;
height: 250px;
}
main section article#hotel-list ul li>a.hotelitem:hover>span:before {
opacity: 1;
content: '';
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
/* IE6-9 */
}
main section article#hotel-list ul li>a.hotelitem:hover>span:after {
-webkit-animation: flipInY 1s;
animation: flipInY 1s;
opacity: 1;
}
main section article#hotel-list ul li>a.hotelitem:hover div {
margin-bottom: 30px;
margin-top: 30px;
border-radius: 16px;
}
main section article#hotel-list ul li>a.hotelitem>span {
position: relative;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
width: 100%;
height: 270px;
margin-bottom: 0px;
background-position: center;
background-size: cover !important;
background-repeat: no-repeat;
transition: all .3s ease;
border-bottom: 4px dashed #dcdcdc;
}
main section article#hotel-list ul li>a.hotelitem>span:before {
content: '';
transition: all 1s ease;
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
width: 100%;
height: 100%;
opacity: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0.2+0,0+100 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 1%, rgba(0, 0, 0, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 1%, rgba(0, 0, 0, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 1%, rgba(0, 0, 0, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00000000', GradientType=0);
/* IE6-9 */
}
main section article#hotel-list ul li>a.hotelitem>span:after {
content: '\F08E';
font-size: 1em;
transition: all .3s ease;
font-family: 'Font Awesome 5 Free' !important;
opacity: 0;
color: #fff;
font-size: 5em;
position: relative;
z-index: 2;
}
main section article#hotel-list ul li>a.hotelitem div {
display: flex;
flex-flow: column nowrap;
flex-grow: 1;
transition: all 0.3s ease;
border-radius: 0x;
background: #fff;
margin: 20px;
padding: 20px;
}
@media only screen and (max-width: 580px) {
main section article#hotel-list ul li>a.hotelitem div {
margin: 10px;
padding: 10px;
}
}
main section article#hotel-list ul li>a.hotelitem div h3 {
margin: 0 0 0.4em 0;
padding: 0;
transition: all 0.3s ease;
color: #704799;
font-size: 1.8em;
font-weight: normal;
}
main section article#hotel-list ul li>a.hotelitem div p.blurb {
flex-grow: 1;
margin: 0;
padding: 0;
transition: all 0.6s ease;
color: #000;
font-size: 1em;
line-height: 1.4em;
}
main section article#hotel-list ul li>a.hotelitem p.amenities {
display: flex;
width: 100%;
transition: all 0.6s ease;
margin: 0;
text-align: right;
background: #fff;
align-self: flex-end;
justify-content: space-around;
padding: 0;
position: relative;
bottom: -1px;
}
@media only screen and (max-width: 580px) {
main section article#hotel-list ul li>a.hotelitem p.amenities {
padding: 0 10px;
}
}
main section article#hotel-list ul li>a.hotelitem p.amenities strong {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
margin-top: 5px;
font-weight: normal;
}
main section article#hotel-list ul li>a.hotelitem p.amenities i {
margin-top: 5px;
padding: 0.2em;
}
main section article#hotel-list ul li>a.hotelitem p.amenities label {
margin-top: 5px;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}
@media only screen and (max-width: 1000px) {
main section article#hotel-list ul li {
width: 48%;
}
main section article#hotel-list ul li p.amenities {
font-size: .8em;
}
}
@media only screen and (max-width: 580px) {
main section article#hotel-list ul li {
width: 100%;
margin: 40px 0 1em 0;
}
}
main section aside#hotel-quick-links {
display: flex;
flex-flow: row wrap;
background: #fff;
padding: .5em;
box-shadow: 0 5px 25px -10px black;
}
main section aside#hotel-quick-links .quick-links-container {
width: 30%;
display: flex;
flex-flow: column;
padding-left: .5em;
}
main section aside#hotel-quick-links .quick-links-container a {
display: flex !important;
margin: 1px 0;
justify-content: center;
align-content: center;
align-items: center;
flex-flow: row nowrap;
font-size: 1.2em;
background: #cfc9ae;
color: #000;
text-decoration: none;
flex-grow: 1;
flex-basis: 100%;
padding: .5em;
transition: all .3s ease;
}
main section aside#hotel-quick-links .quick-links-container a.reserve {
background: #572e5d;
color: #fff;
}
main section aside#hotel-quick-links .quick-links-container a i {
transition: all .3s ease;
margin-left: 0em;
text-align: center;
width: 70px;
margin-right: 10px;
height: 100%;
line-height: 40px;
font-size: 1.2em;
background: #ffffff38;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
min-width: 3em;
}
main section aside#hotel-quick-links .quick-links-container a span {
text-decoration: underline;
display: flex;
flex-flow: column;
font-size: 1em;
line-height: 1em;
flex-grow: 1;
}
main section aside#hotel-quick-links .quick-links-container a span,
main section aside#hotel-quick-links .quick-links-container a span * {
font-family: 'Kameron', Helvetica, Arial;
}
@media only screen and (max-width: 700px) {
main section aside#hotel-quick-links .quick-links-container a span strong {
display: none;
}
}
main section aside#hotel-quick-links .quick-links-container a:hover {
background: #fff;
}
main section aside#hotel-quick-links .quick-links-container a:hover.reserve {
color: #000;
}
main section aside#hotel-quick-links .quick-links-container a:hover i {
margin-left: -1em;
background: #fff;
}
main section aside#hotel-quick-links .quick-links-container a:first-child {
margin-top: 0;
}
main section aside#hotel-quick-links .quick-links-container a:last-child {
margin-bottom: 0;
}
main section aside#hotel-quick-links ul.rslides {
width: 70%;
z-index: 1;
}
main section aside#hotel-quick-links ul.rslides li {
height: 100%;
}
main section aside#hotel-quick-links ul.rslides img {
height: 100%;
object-fit: cover;
}
main section aside#hotel-quick-links>.next,
main section aside#hotel-quick-links>.prev {
display: none;
}
@media only screen and (max-width: 1000px) {
main section aside#hotel-quick-links {
flex-flow: column wrap !important;
}
main section aside#hotel-quick-links>* {
width: 100% !important;
margin: 2px 0 0 0 !important;
padding: 0 !important;
}
}
main section article#hotel-item div#overview img {
float: right;
margin: 0 0 1em 1em;
border: 5px solid white;
box-shadow: 0 5px 25px -10px black;
max-width: 400px;
}
main section article#hotel-item div#map div {
border: 5px solid white;
box-shadow: 0 5px 25px -10px black;
}
main section article#hotel-item div#map div img {
width: 100%;
height: 250px;
object-fit: cover;
display: block;
}
@media only screen and (max-width: 580px) {
main section article#hotel-item .intropic {
width: 100%;
height: auto;
}
}
main section article#hotel-item div.tri {
display: flex;
}
@media (max-width: 720px) {
main section article#hotel-item div.tri {
flex-direction: column;
}
}
main section article#hotel-item div.tri>* {
flex-basis: 0;
flex-grow: 1;
}
main section article#hotel-item div.tri>div {
margin: 0.5em;
}
main section article#hotel-item div.tri>div h2 {
text-align: center;
border-bottom: 8px double gray;
}
main section article#hotel-item div.tri div#amenities {
background: #ffffff42;
padding: 0 1em;
}
main section article#hotel-item div.tri div#amenities ul {
display: flex;
flex-flow: row wrap;
list-style: none;
padding: 0;
margin: 0;
}
main section article#hotel-item div.tri div#amenities ul li {
padding: 0.2em 0;
margin: 0;
display: flex;
align-items: center;
width: 50%;
}
main section article#hotel-item div.tri div#amenities ul li i {
width: 1.6em;
min-width: 1.6em;
height: 1.6em;
margin-right: 0.3em;
text-align: center;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
color: #a760b1;
font-size: 1.4em;
}
main section article#hotel-item div.tri div#amenities ul li i.fa-scanner:before {
width: 0.8em;
overflow: hidden;
}
main section article#hotel-item div.tri div#reviews .stars {
display: flex;
}
main section article#hotel-item div.tri div#reviews .stars i {
display: block;
width: 1em;
height: 1em;
margin: 0 0.05em;
position: relative;
line-height: 1em;
}
main section article#hotel-item div.tri div#reviews>div {
display: flex;
flex-flow: row wrap;
text-align: center;
background: #fff;
padding: 0.7em;
border-radius: 6px;
margin-bottom: 0.4em;
min-height: 60px;
}
main section article#hotel-item div.tri div#reviews>div>a:first-child {
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}
main section article#hotel-item div.tri div#reviews>div>a:first-child img {
width: 100%;
height: auto;
}
main section article#hotel-item div.tri div#reviews>div .stars {
flex-flow: row wrap;
justify-content: center;
align-content: center;
font-size: 1em;
}
main section article#hotel-item div.tri div#reviews>div .stars span {
width: 100%;
font-size: 0.6em;
color: #aeaeae;
}
main section article#hotel-item div.tri div#reviews>div>a:last-child {
margin-top: .2em;
display: block;
font-size: 0.8em;
font-weight: bold;
background: #ebe9dd;
padding: 0.6em;
border-radius: 4px;
color: #00b087;
align-self: center;
}
main section article#hotel-item div.tri div#reviews>div>* {
width: 33.33%;
padding: 0;
}
main section article#hotel-item div.tri div#reviews .tripadvisor .stars i {
color: #00b087;
border: 0.1em solid currentColor;
background: white;
border-radius: 0.5em;
}
main section article#hotel-item div.tri div#reviews .tripadvisor .stars i.full::before {
content: "";
position: absolute;
background-color: currentColor;
display: block;
top: 0.15em;
left: 0.15em;
width: 0.5em;
height: 0.5em;
border-radius: 0.3em;
}
main section article#hotel-item div.tri div#reviews .tripadvisor .stars i.half::before {
content: "";
position: absolute;
background: currentColor;
display: block;
top: 0.15em;
left: 0.15em;
width: 0.25em;
height: 0.5em;
border-radius: 0.3em 0 0 0.3em;
}
main section article#hotel-item div.tri div#reviews .facebook .stars i {
color: #4267b2;
font-style: normal;
}
main section article#hotel-item div.tri div#reviews .facebook .stars i::before {
content: "\F005";
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #bec2c9;
}
main section article#hotel-item div.tri div#reviews .facebook .stars i.full::after {
content: "\F005";
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
main section article#hotel-item div.tri div#reviews .facebook .stars i.half::after {
content: "\F089";
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
main section article#hotel-item div.tri div#reviews .yelp a:first-child img {
max-width: 100px;
}
main section article#hotel-item div.tri div#reviews .yelp .stars[data-value="5"] {
color: #d32323;
}
main section article#hotel-item div.tri div#reviews .yelp .stars[data-value="4"] {
color: #f15c4f;
}
main section article#hotel-item div.tri div#reviews .yelp .stars[data-value="3"] {
color: #ff9242;
}
main section article#hotel-item div.tri div#reviews .yelp .stars[data-value="2"] {
color: #fec011;
}
main section article#hotel-item div.tri div#reviews .yelp .stars[data-value="1"] {
color: #f2bd79;
}
main section article#hotel-item div.tri div#reviews .yelp .stars i {
background: #CCC;
border-radius: 0.2em;
}
main section article#hotel-item div.tri div#reviews .yelp .stars i::after {
content: "\F005";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: white;
font-style: normal;
font-size: 0.5em;
position: absolute;
top: 0.5em;
left: 0;
width: 100%;
text-align: center;
line-height: 1em;
}
main section article#hotel-item div.tri div#reviews .yelp .stars i.full::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: currentColor;
border-radius: 0.2em;
}
main section article#hotel-item div.tri div#reviews .yelp .stars i.half::before {
content: "";
display: block;
width: 50%;
height: 100%;
background: currentColor;
border-radius: 0.2em 0 0 0.2em;
}
main section article#win-a-stay ul#prizes {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: nowrap;
}
@media only screen and (max-width: 1000px) {
main section article#win-a-stay ul#prizes {
flex-direction: column;
}
}
main section article#win-a-stay ul#prizes li {
width: 300px;
flex-grow: 1;
margin: 1em;
padding: 1em;
border: 1px solid lightgray;
background: white;
box-shadow: 1px 1px 4px grey;
}
main section article#win-a-stay ul#prizes li img {
width: 100%;
height: auto;
box-shadow: 0 0 2px grey;
border: 1px solid darkgrey;
}
main aside#hotel-filter #showFilterLabel {
display: none;
background: rebeccapurple;
padding: 0.6em;
color: #fff;
font-weight: bold;
cursor: pointer;
border-radius: 5px;
}
main aside#hotel-filter #showFilterLabel i:before {
content: '\F107';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
main aside#hotel-filter #showFilter {
/* display: none; */
}
main aside#hotel-filter form {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
background-color: #fff;
color: #000;
padding: 20px;
}
main aside#hotel-filter form fieldset {
border-right: 1px solid #eee;
width: 33.33%;
margin: 0%;
display: block;
}
main aside#hotel-filter form fieldset:nth-of-type(2) {
/* display: none; */
}
main aside#hotel-filter form fieldset:nth-of-type(3) .formfields a:nth-of-type(5) {
display: none;
}
main aside#hotel-filter form fieldset legend {
float: left;
box-sizing: border-box;
max-width: 100%;
white-space: normal;
color: #656565;
padding: 10px;
display: block;
width: 100%;
margin-bottom: 5px;
text-transform: uppercase;
border-bottom: 1px solid #eee;
padding-bottom: 0.4em;
font-size: 1.4em;
font-weight: normal;
}
main aside#hotel-filter form fieldset legend i {
width: 25px;
margin-left: 6px;
text-align: center;
}
main aside#hotel-filter form fieldset .formfields {
padding: 10px;
clear: both;
}
main aside#hotel-filter form fieldset .formfields label,
main aside#hotel-filter form fieldset .formfields a {
padding: 0.2em 0.4em;
transition: all .3s ease;
cursor: pointer;
width: 100%;
height: initial;
background: transparent;
box-shadow: none;
text-decoration: none;
}
main aside#hotel-filter form fieldset .formfields a span {
text-decoration: underline;
}
main aside#hotel-filter form fieldset .formfields label input[type="checkbox"],
main aside#hotel-filter form fieldset .formfields label input[type="radio"] {
transition: all .3s ease;
cursor: pointer;
border: 2px solid #e9e9e9 !important;
background: #dad9d3 !important;
text-shadow: 0 2px #c7c2b5, 0 -2px #c7c2b5;
color: purple;
}
main aside#hotel-filter form fieldset .formfields label input[type="radio"] {
border-radius: 50%;
}
main aside#hotel-filter form fieldset .formfields label input[type="checkbox"]:hover,
main aside#hotel-filter form fieldset .formfields label input[type="radio"]:hover {
border: 2px solid #663399 !important;
}
main aside#hotel-filter form fieldset .formfields label input[type="checkbox"]::before,
main aside#hotel-filter form fieldset .formfields label input[type="radio"]::before {
color: purple !important;
}
main aside#hotel-filter form fieldset .formfields label:hover {
background: #e1d4ef;
}
main aside#hotel-filter form fieldset .formfields label:hover input {
-webkit-animation: tada 1s;
animation: tada 1s;
}
main aside#hotel-filter form fieldset:nth-child(3) {
border: none;
}
main aside#hotel-filter form div.submit {
width: 25%;
margin: 0%;
display: block;
line-height: normal;
color: #fff;
border: none;
padding: 1em;
font-size: 1.4em;
display: flex;
flex-flow: column nowrap;
align-items: center;
align-content: center;
justify-content: center;
}
main aside#hotel-filter form div.submit button {
transition: all .3s ease;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
align-content: center;
background: #663399;
padding: 1em;
border-radius: 0.4em;
box-shadow: #000 2px 2px 20px -8px;
border: 2px solid #ddd;
text-shadow: #000 1px 1px 1px;
cursor: pointer;
margin: 0%;
width: 100%;
height: 100%;
color: #fff;
}
main aside#hotel-filter form div.submit button span {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
align-content: center;
}
main aside#hotel-filter form div.submit button span i {
font-size: 2em;
}
main aside#hotel-filter form div.submit button:hover {
-webkit-animation: pulse .6s;
animation: pulse .6s;
background: #613568;
}
main aside#hotel-filter form div.submit button:hover span {
-webkit-animation: flipInY 1s;
animation: flipInY 1s;
}
main aside#hotel-filter form div.submit a.uncheckall {
margin-top: 1em;
font-size: 0.8em;
}
@media only screen and (max-width: 1060px) {
/* main aside#hotel-filter form fieldset {
width: 33.33%; } */
main aside#hotel-filter form div.submit {
width: 100%;
padding: 1em 0 0 0;
}
main aside#hotel-filter form div.submit button {
padding: .5em;
}
main aside#hotel-filter form div.submit button span {
flex-flow: row nowrap;
}
}
@media only screen and (max-width: 700px) {
main aside#hotel-filter #showFilterLabel {
display: block;
text-align: center;
}
main aside#hotel-filter form {
display: none;
}
main aside#hotel-filter form fieldset {
width: 100%;
}
main aside#hotel-filter fieldset,
main aside#hotel-filter div.submit {
width: 100%;
border-right: none !important;
}
main aside#hotel-filter #showFilter[type="checkbox"]:checked~form {
display: flex;
}
main aside#hotel-filter #showFilter[type="checkbox"]:checked+#showFilterLabel {
border-radius: 5px 5px 0 0;
}
main aside#hotel-filter #showFilter[type="checkbox"]:checked+#showFilterLabel i:before {
content: '\F106' !important;
}
}
@media (max-width: 768px) {
main,
main section,
main aside {
display: block;
width: 100% !important;
margin: 1em 0;
padding: 10px;
}
main aside#sidebar>.cta:first-child {
margin-top: 0 !important;
}
}
main section#calendar-month div.calendar-nav {
font-size: 1.2em;
display: flex;
justify-content: space-between;
margin: 1.5em 0;
}
@media only screen and (max-width: 500px) {
main section#calendar-month div.calendar-nav {
flex-wrap: wrap;
}
}
main section#calendar-month div.calendar-nav a {
text-decoration: none;
color: black;
display: block;
align-self: center;
line-height: 1em;
}
main section#calendar-month div.calendar-nav a[rel=prev] {
text-align: left;
}
main section#calendar-month div.calendar-nav a[rel=next] {
text-align: right;
}
@media only screen and (max-width: 500px) {
main section#calendar-month div.calendar-nav a {
flex-basis: 50%;
order: 1;
}
}
main section#calendar-month div.calendar-nav h2 {
margin: 0;
line-height: 1em;
text-align: center;
}
@media only screen and (max-width: 500px) {
main section#calendar-month div.calendar-nav h2 {
flex-basis: 100%;
order: 0;
}
}
main section#calendar-month ul.calendar-days {
display: grid;
list-style: none;
margin: 0;
padding: 0;
grid-template-columns: repeat(7, 14.28571%);
}
@media only screen and (max-width: 850px) {
main section#calendar-month ul.calendar-days {
display: flex;
flex-direction: column;
}
}
main section#calendar-month ul.calendar-days li {
margin: 0.1em;
padding: 0;
background-color: rgba(0, 0, 0, 0.05);
height: 9em;
position: relative;
}
@media only screen and (max-width: 850px) {
main section#calendar-month ul.calendar-days li {
height: auto;
}
main section#calendar-month ul.calendar-days li[data-event-count="0"] .events {
display: none;
}
}
@media only screen and (min-width: 851px) {
main section#calendar-month ul.calendar-days li:hover .events {
position: absolute;
left: 0;
right: 0;
height: auto;
z-index: 1;
background: white;
-webkit-mask-image: none;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.55);
}
}
main section#calendar-month ul.calendar-days li.datename {
text-align: center;
background: #7c5d81;
color: #fff;
line-height: 2.5em;
height: auto;
}
@media only screen and (max-width: 850px) {
main section#calendar-month ul.calendar-days li.datename {
display: none;
}
}
main section#calendar-month ul.calendar-days li.sunday {
grid-column: 1 / 2;
}
main section#calendar-month ul.calendar-days li.monday {
grid-column: 2 / 3;
}
main section#calendar-month ul.calendar-days li.tuesday {
grid-column: 3 / 4;
}
main section#calendar-month ul.calendar-days li.wednesday {
grid-column: 4 / 5;
}
main section#calendar-month ul.calendar-days li.thursday {
grid-column: 5 / 6;
}
main section#calendar-month ul.calendar-days li.friday {
grid-column: 6 / 7;
}
main section#calendar-month ul.calendar-days li.saturday {
grid-column: 7 / 8;
}
main section#calendar-month ul.calendar-days li .dateinfo .datenum {
background-color: #572e5d;
width: 1.6em;
height: 1.6em;
text-align: center;
line-height: 1.7em;
border-radius: 0.8em;
color: white;
font-size: 1.2em;
font-weight: bold;
margin: -0.3em 0em 0em -0.3em;
display: inline-block;
}
@media only screen and (max-width: 850px) {
main section#calendar-month ul.calendar-days li .dateinfo .datenum {
margin-top: 0;
}
}
main section#calendar-month ul.calendar-days li .dateinfo .dateday {
font-weight: bold;
}
@media only screen and (min-width: 851px) {
main section#calendar-month ul.calendar-days li .dateinfo .dateday {
display: none;
}
}
main section#calendar-month ul.calendar-days li .events {
overflow: hidden;
height: 7.3em;
-webkit-mask-image: linear-gradient(to bottom, black 0%, black 90%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (max-width: 850px) {
main section#calendar-month ul.calendar-days li .events {
height: initial;
margin: 0.3em 0.5em 0.5em;
-webkit-mask-image: none;
}
}
main section#calendar-month ul.calendar-days li .events .event {
margin: 0.1em;
padding: 0.2em;
border: 1px solid currentColor;
position: relative;
line-height: 1em;
overflow: hidden;
/*white-space:nowrap;*/
text-overflow: ellipsis;
}
main section#calendar-month ul.calendar-days li .events .event:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: currentColor;
opacity: 0.2;
z-index: -1;
}
main section#calendar-month ul.calendar-days li .events .event a {
text-decoration: none;
color: black;
}
main section#calendar-month ul.calendar-days li .events .event a span[itemprop=startdate] {
font-size: 0.8em;
vertical-align: middle;
color: #444;
}
main .calendar-categories {
background: #fff;
padding: 1em;
margin: 2em 0;
}
main .calendar-categories h3 {
color: purple;
margin: 0;
}
main .calendar-categories h3 span {
display: none;
}
main .calendar-categories ul {
display: flex;
flex-flow: row wrap;
margin: 0;
list-style: none;
padding: 0;
}
main .calendar-categories ul li {
width: 32.3%;
text-align: center;
background: #eeebe2;
margin: 0.5%;
padding: 0.3em;
border-radius: 4px;
}
@media only screen and (max-width: 750px) {
main .calendar-categories ul li {
width: 48%;
}
}
main>aside#sidebar {
flex-basis: 30%;
padding-left: 1em;
}
main>aside#sidebar>.cta {
margin-top: 2em;
border: 5px solid #fff;
box-shadow: #000 2px 2px 10px -5px;
padding: 0.4em;
border-radius: 0.3em;
}
main>aside#sidebar>.cta>h3 {
margin: 0;
font-size: 1.4em;
padding: 0.7em 0;
text-align: center;
color: #66346d;
border-bottom: 3px double #c8c5b3;
line-height: 1em;
margin-bottom: 0em;
font-weight: normal;
background: #fff;
}
main>aside#sidebar>.cta>h4 {
margin: 0;
background: #c8c5b3;
padding: 1em;
}
main>aside#sidebar>.cta p {
padding: 10px;
margin: 0;
}
main>aside#sidebar>.cta>a.button {
display: block;
padding: 10px;
background: #66346d;
color: #fff;
text-align: center;
font-size: 1em;
margin: 0.2em;
border-radius: 0.2em;
font-weight: lighter;
font-family: 'Kameron', 'Open Sans', Helvetica;
}
main>aside#sidebar>.cta>a.button i {
margin-right: .5em;
}
main>aside#sidebar>.cta>a>img {
width: 100%;
height: auto;
display: block;
padding: 10px;
background: #dfdccb;
border-top: double 3px #c8c5b3;
border-bottom: double 3px #ffffff;
}
main>aside#sidebar>.cta>div {
background: #dfdccb;
border-top: double 3px #c8c5b3;
border-bottom: double 3px #ffffff;
}
main>aside#sidebar>.cta div.half img {
float: left;
margin: 10px;
}
main>aside#sidebar>.cta>div a {
background: purple;
}
main>aside#sidebar>.cta:first-child {
margin-top: -2em;
}
aside.purple-cement {
background: url(/templates/client/images/purple-cement.png) #2f0f34;
overflow: hidden;
box-shadow: inset 0 0 20px black;
padding: 1em;
}
aside.purple-cement article {
display: flex;
flex-flow: row nowrap;
margin: 0 auto 1em auto;
padding: 30px;
background: url(/templates/client/images/background.jpg) #e8e5dc;
position: relative;
}
aside.purple-cement article>section:first-child {
width: 30%;
min-width: 260px;
}
aside.purple-cement article>section:first-child img {
object-fit: cover;
height: 100%;
width: 100%;
}
aside.purple-cement article>section:last-child {
width: 70%;
padding-left: 2em;
display: flex;
flex-flow: column nowrap;
}
aside.purple-cement article>section:last-child h2 {
margin: 0;
color: #B0AF9D;
font-family: "Open Sans Condensed";
border-bottom: 3px groove white;
}
aside.purple-cement article>section:last-child h3 {
margin: 0;
font-weight: normal;
font-size: 2em;
line-height: 1em;
}
aside.purple-cement article>section:last-child h4 {
margin: 0;
}
aside.purple-cement article>section:last-child div.buttons {
flex-grow: 1;
align-content: flex-end;
align-items: flex-end;
justify-content: flex-start;
display: flex;
width: 100%;
}
aside.purple-cement .home-featured div.wrapper article>section:last-child section div.buttons a.visit:before,
aside.purple-cement .home-featured div.wrapper article>section:last-child section div.buttons a.visit:after,
aside.purple-cement .home-featured div.wrapper article>section:last-child section div.buttons a.readmore:before,
aside.purple-cement .home-featured div.wrapper article>section:last-child section div.buttons a.readmore:after,
aside.purple-cement article>section:last-child div.buttons a.visit:before,
aside.purple-cement article>section:last-child div.buttons a.visit:after,
aside.purple-cement article>section:last-child div.buttons a.readmore:before,
aside.purple-cement article>section:last-child div.buttons a.readmore:after {
content: "";
display: block;
top: 0;
width: 0;
height: 0;
position: absolute;
border-style: solid;
border-width: 1em 0.5em;
}
aside.purple-cement article>section:last-child div.buttons a {
text-decoration: none;
margin: 0 0.5em;
line-height: 2em;
text-align: center;
width: 8em;
position: relative;
background-color: currentColor;
display: inline-block;
}
aside.purple-cement article>section:last-child div.buttons a span {
color: white;
text-transform: uppercase;
font-family: 'Open Sans Condensed';
font-weight: bold;
line-height: 2em;
display: block;
}
aside.purple-cement article>section:last-child div.buttons a.visit {
color: #613568;
}
aside.purple-cement article>section:last-child div.buttons a.visit:before {
left: -1em;
border-color: transparent currentColor transparent transparent;
}
aside.purple-cement article>section:last-child div.buttons a.visit:after {
right: -1em;
border-color: transparent transparent transparent currentColor;
}
aside.purple-cement article>section:last-child div.buttons a.readmore {
color: #321E51;
}
aside.purple-cement article>section:last-child div.buttons a.readmore:before {
left: -0.5em;
border-color: currentColor currentColor currentColor transparent;
}
aside.purple-cement article>section:last-child div.buttons a.readmore:after {
right: -1em;
border-color: transparent transparent transparent currentColor;
}
@media (max-width: 768px) {
aside.purple-cement {
padding: 1em;
}
aside.purple-cement article {
flex-flow: column nowrap;
}
aside.purple-cement article>section:first-child,
aside.purple-cement article>section:last-child {
width: 100%;
padding: 0;
}
}
.browsemore {
text-align: center;
}
.browsemore a i {
margin-right: 10px;
display: inline-block;
}
#morehotels {
margin-bottom: 2em;
}
#morehotels .backtotop {
display: block;
margin: 1%;
background: rgba(128, 0, 128, 0.5);
color: #fff;
font-size: 1.3em;
padding: 0.3em;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-family: 'Kameron', 'Open Sans', Helvetica;
}
#morehotels>h3 {
font-size: 1.8em;
font-weight: normal;
margin-bottom: 0.4em;
border-bottom: 1px solid #ccc;
color: #321237;
}
#morehotels ul.otherhotels {
border: none;
display: flex;
flex-flow: row wrap;
margin: 0;
padding: 0;
}
#morehotels ul.otherhotels li {
width: 32.5%;
min-height: initial;
margin: 0.4%;
border: none;
display: flex;
flex-flow: column;
background: rgba(255, 255, 255, 0.33);
padding: 5px;
border-radius: 4px;
}
#morehotels ul.otherhotels li h3 {
text-transform: uppercase;
}
#morehotels ul.otherhotels li p.amenities {
display: flex;
flex-flow: row nowrap;
margin: 10px 0 0 0;
background: #fff;
padding: 5px;
}
#morehotels ul.otherhotels li p.amenities span {
flex-grow: 1;
display: flex;
justify-content: space-between;
margin-right: 1em;
align-items: center;
}
#morehotels ul.otherhotels li p.amenities strong {
text-transform: uppercase;
font-weight: bold;
}
#morehotels ul.otherhotels li p.amenities .callbutton {
background: #6f4676;
color: #fff;
padding: 5px 8px;
border-radius: 5px;
}
#morehotels ul.otherhotels li p.amenities .callbutton.callMobile {
display: none;
}
@media only screen and (max-width: 760px) {
#morehotels ul.otherhotels li p.amenities .callbutton.callMobile {
display: block;
}
#morehotels ul.otherhotels li p.amenities .callbutton.callDesktop {
display: none;
}
}
@media only screen and (max-width: 1000px) {
#morehotels ul.otherhotels li {
width: 48.6%;
}
}
@media only screen and (max-width: 580px) {
#morehotels ul.otherhotels li {
width: 100%;
}
}
#morehotels ul.otherhotels li h3 {
font-size: 1em;
margin: 0;
width: 100%;
font-weight: bold;
margin-bottom: .4em;
}
#morehotels ul.otherhotels li div {
flex-grow: 1;
font-size: 1em;
}
#morehotels ul.otherhotels li div p {
margin: 0;
}
#morehotels ul.otherhotels li div strong {
font-weight: normal;
}
/*
aside.purple-cement { background:url(/templates/client/images/purple-cement.png) #2f0f34; overflow:hidden; box-shadow:inset 0 0 20px black; padding-bottom:12px;
article { margin:30px auto; padding:30px; background:url(/templates/client/images/background.jpg) #e8e5dc; position:relative;
display:grid;
grid-template-columns:400px auto;
grid-template-rows:auto auto auto auto 2.5em;
grid-template-areas:
"image section"
"image title"
"image date"
"image text"
". buttons";
@media (max-width:860px) { grid-template-columns:50% auto; }
@media (max-width:650px) {
grid-template-areas:
"image section"
"image title"
"image date"
"text text"
"buttons buttons";
}
@media (max-width:500px) {
grid-template-columns:auto;
grid-template-rows:auto auto auto auto auto 2.5em;
grid-template-areas:
"image"
"section"
"title"
"date"
"text"
"buttons";
}
img { grid-area:image; width:100%; height:auto; }
h2 { grid-area:section; margin:0 0 (2em/3) (2em/3); color:#B0AF9D; font-family:"Open Sans Condensed"; border-bottom:3px groove white; }
h3 { grid-area:title; margin:0 0 0.5em 0.5em; font-weight:normal; font-size:2em }
h4 { grid-area:date; margin:0 0 1em 1em; }
p { grid-area:text; margin:0 0 0 1em;
@media (max-width:650px) { margin:0.5em 0 0 0; }
}
div { grid-area:buttons; margin:0.5em auto 0;
%buttonbit { content:""; display:block; top:0; width:0; height:0; position:absolute; border-style:solid; border-width:1em 0.5em; }
a { text-decoration:none; margin:0 0.5em; line-height:2em; text-align:center; width:8em; position:relative; background-color:currentColor; display:inline-block;
span { color:white; text-transform:uppercase; font-family:'Open Sans Condensed'; font-weight:bold; line-height:2em; display:block; }
}
a.visit { color:#613568;
&:before { left:-1em; @extend %buttonbit; border-color:transparent currentColor transparent transparent; }
&:after { right:-1em; @extend %buttonbit; border-color:transparent transparent transparent currentColor; }
}
a.readmore { color:#321E51;
&:before { left:-0.5em; @extend %buttonbit; border-color:currentColor currentColor currentColor transparent; }
&:after { right:-1em; @extend %buttonbit; border-color:transparent transparent transparent currentColor; }
}
}
}
}
*/
footer {
background: url(/templates/client/images/fleur-tile.jpg);
border-top: 8px solid #26163D;
}
footer .cta-set {
text-align: center;
margin-top: -2em;
display: flex;
padding: 0 0.5em;
}
@media only screen and (max-width: 620px) {
footer .cta-set {
flex-direction: column;
}
}
footer .cta-set .cta {
flex-basis: 0;
flex-grow: 1;
background-color: white;
margin: 0.5em;
max-width: calc(33.3% - 1em);
}
@media only screen and (max-width: 620px) {
footer .cta-set .cta {
max-width: initial;
}
}
footer .cta-set .cta>h3 {
margin: 0;
color: white;
padding: 0.5em 0 2em 0;
text-align: center;
z-index: 1;
position: relative;
font-family: "Open Sans Condensed";
font-weight: normal;
font-size: 1.4em;
background: radial-gradient(ellipse at center, rgba(71, 32, 79, 0) 0%, rgba(71, 32, 79, 0.01) 39%, #47204f 40%, #714077 72%, #47204f 100%);
background-size: 250% 300%;
background-position: 50% 0%;
}
footer .cta-set .cta#footerfacebook #fbcontent {
max-height: 25em;
overflow-y: scroll;
}
footer .cta-set .cta#footerfacebook #fbcontent .fbpost {
border: 1px solid gainsboro;
padding: 0.5em;
margin: 0.5em;
background: white;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
footer .cta-set .cta#footerfacebook #fbcontent .fbpost a {
position: relative;
display: block;
font-size: 1.8em;
}
footer .cta-set .cta#footerfacebook #fbcontent .fbpost a::before {
content: "\F39E";
position: absolute;
z-index: 1;
top: 0.875em;
left: 2em;
width: 1.5em;
border-radius: 0.12em;
background-color: #4267b2;
font-family: "Font Awesome 5 Brands";
color: white;
line-height: 1em;
text-align: right;
padding: 0.25em 0.25em 0.25em 0;
font-size: 0.8em;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.38);
}
footer .cta-set .cta#footerfacebook #fbcontent .fbpost a::after {
content: "";
position: absolute;
z-index: 2;
top: 0.5em;
left: 0.5em;
width: 1.5em;
height: 1.5em;
background-color: white;
background-image: url(/templates/client/images/facebook_logo.jpg);
background-size: cover;
border-radius: 0.75em;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.38);
}
footer .cta-set .cta#footerfacebook #fbcontent .fbpost a img {
width: auto;
height: auto;
max-width: 100%;
max-height: 9em;
}
footer .cta-set .cta#footerfacebook #fbcontent .fbpost time {
font-size: 0.8em;
color: #6b6a6a;
}
footer .cta-set .cta#footerblog h4 {
margin: 0 1em 0.5em;
}
footer .cta-set .cta#footerblog a.article {
text-decoration: none;
color: black;
font-style: italic;
display: block;
text-align: left;
padding: 0.25em 1em;
}
footer .cta-set .cta#footerblog .videoWrapper {
position: relative;
padding-bottom: 56.25%;
margin: 10px;
}
footer .cta-set .cta#footerblog .videoWrapper iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
footer .cta-set .cta#footerblog a.footervideo {
display: none !important;
background: url(/templates/client/images/footer-video.jpg) no-repeat center;
background-size: cover;
display: block;
width: auto;
height: 240px;
margin: 1em;
box-shadow: #000 3px 3px 10px -4px;
border: 1px solid #ccc;
border-radius: 0;
}
footer .cta-set .cta#footerinfo>a {
background: url(/templates/client/images/footer-nola-info-bg.jpg) bottom center no-repeat;
display: block;
padding: 0em 9em 1em 1em;
text-decoration: none;
color: #000;
margin-top: -35px;
}
footer .cta-set .cta#footerinfo>a p {
background: white;
margin: 0;
padding: 3em 0.5em 1em;
background: rgba(255, 255, 255, 0.85);
width: 170px;
}
footer .cta-set .cta#footerinfo span {
font-weight: normal;
text-transform: uppercase;
font-size: 0.9em;
display: inline-block;
margin-bottom: 0.5em;
}
footer .cta-set .cta#footerinfo span span {
font-weight: bold;
font-style: normal;
font-size: 1.3em;
}
footer .cta-set .cta#footerinfo .newslettersignup {
display: none;
background: #eae8dc;
padding: 1em;
margin: 1em;
border-radius: 3px;
border: 2px solid purple;
border-left: none;
border-right: none;
}
footer .cta-set .cta#footerinfo .newslettersignup h3 {
margin-top: 0;
display: block;
}
footer .cta-set .cta#footerinfo .newslettersignup a {
display: block;
}
footer .explorefooter {
background: url(/templates/client/images/purple-cement.png);
margin-top: 2em;
border-top: 8px solid #26163D;
box-shadow: inset #000 0px 9px 15px -5px;
}
footer .explorefooter h2 {
color: #756177;
background: rgba(0, 0, 0, 0.2);
padding: 0.2em 0.2em 0.14em 0.2em;
text-align: center;
font-size: 2em;
text-transform: uppercase;
margin: 0;
border-bottom: 3px solid #4a1c51;
border-radius: 0.1em;
box-shadow: #000 3px 3px 10px -5px;
}
footer .explorefooter>ul {
list-style: none;
display: flex;
}
@media only screen and (max-width: 620px) {
footer .explorefooter>ul {
flex-direction: column;
}
}
footer .explorefooter>ul>li {
flex-basis: 0;
flex-grow: 1;
}
footer .explorefooter>ul>li h3 {
color: white;
margin: 0.5em 0 0.3em;
font-size: 1.4em;
}
footer .explorefooter>ul>li ul {
color: #c9a2ff;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
list-style: none;
}
footer .explorefooter>ul>li ul li {
flex-basis: 50%;
color: #fae2fd;
line-height: 1em;
display: flex;
margin: 0.2em 0;
}
footer .explorefooter>ul>li ul li:before {
content: "";
width: 1em;
height: 1em;
margin-right: 0.5em;
color: inherit;
display: inline-block;
background-image: url("data:image/svg+xml; charset=utf-8,");
align-self: center;
background-repeat: no-repeat;
flex-basis: 1em;
}
footer .explorefooter>ul>li ul li a {
color: currentColor;
}
footer .explorefooter .copyright {
text-align: center;
padding: 25px 0px 40px 0px;
color: #807098;
text-transform: uppercase;
margin: 0;
}
footer .explorefooter .copyright:before {
content: "";
width: 23%;
height: 18px;
vertical-align: sub;
display: inline-block;
background: url(/templates/client/images/footer-moreInfo-ornament-left.png) top right no-repeat;
}
@media only screen and (max-width: 720px) {
footer .explorefooter .copyright:before {
content: none;
}
}
footer .explorefooter .copyright:after {
content: "";
width: 23%;
height: 18px;
vertical-align: sub;
display: inline-block;
background: url(/templates/client/images/footer-moreInfo-ornament-right.png) top left no-repeat;
}
@media only screen and (max-width: 720px) {
footer .explorefooter .copyright:after {
content: none;
}
}
footer .explorefooter .copyright a:link,
footer .explorefooter .copyright a:visited {
text-decoration: none;
color: #807098;
}
footer .explorefooter .copyright a:hover {
text-decoration: none;
color: white;
}
form#widget {
position: relative;
width: 100%;
z-index: 1;
background: #C8BF94;
box-shadow: inset #000 0px -3px 10px -7px;
border-top: 4px double #efece3;
border-bottom: 4px double #efece3;
}
form#widget fieldset {
border: none;
padding: 0px;
}
form#widget fieldset legend {
display: none;
}
form#widget fieldset .widget-main {
display: flex;
flex-wrap: wrap;
flex-flow: wrap;
padding: 5px 0;
}
form#widget fieldset .widget-main>* {
display: flex;
flex-grow: 1;
justify-content: center;
margin: 0px;
padding: 5px 10px;
}
form#widget fieldset .widget-main>*>* {
display: flex;
align-items: center;
}
form#widget fieldset .widget-main input,
form#widget fieldset .widget-main select {
transition: all 0.3s ease;
cursor: pointer;
background-color: #572e5d;
color: #fff;
border: none;
width: 100%;
padding: 5px 10px;
border-radius: 5px;
line-height: normal;
}
form#widget fieldset .widget-main input {
padding: 7px 10px 5px 2em;
}
form#widget fieldset .widget-main input:hover,
form#widget fieldset .widget-main select:hover {
background-color: #793e82;
}
form#widget fieldset .widget-main button {
transition: all 0.3s ease;
cursor: pointer;
width: 100%;
justify-content: center;
font-weight: bold;
background: #B55858;
color: #fff;
border: none;
border-radius: 5px;
padding: 8px 10px;
line-height: normal;
}
form#widget fieldset .widget-main button:hover {
background: #ef4f4f;
}
form#widget fieldset .widget-main span {
font-weight: bold;
margin-right: 10px;
white-space: nowrap;
}
@media (max-width: 1000px) {
form#widget fieldset .widget-main>* {
display: block;
}
form#widget fieldset .widget-main input,
form#widget fieldset .widget-main select {
width: 100%;
}
form#widget fieldset .widget-main>.button {
display: flex;
}
form#widget fieldset .widget-main>*:nth-child(1) {
width: 50%;
}
form#widget fieldset .widget-main>*:nth-child(2) {
width: 50%;
}
form#widget fieldset .widget-main>*:nth-child(3) {
width: 25%;
}
form#widget fieldset .widget-main>*:nth-child(4) {
width: 25%;
}
form#widget fieldset .widget-main>*:nth-child(5) {
width: 50%;
}
}
.contactFormTwo ul>li:nth-child(1),
.contactFormTwo>ul>li:nth-child(2),
.contactFormTwo>ul>li:nth-child(3) {
width: 33.33%;
}
.contactFormTwo ul>li:nth-child(4) {
width: 100%;
}
.contactFormTwo ul>li:nth-child(5) {
width: 100%;
}
.recaptchaForm fieldset {
margin: 1em 0;
padding: 1em;
background: #e7e1d1;
}
.recaptchaForm fieldset legend {
display: block;
color: purple;
width: 100%;
padding: 0 0.6em;
text-align: left;
font-weight: bold;
border-bottom: 2px solid #cdccc5;
font-size: 1.2em;
background: #ebebeb;
font-weight: normal;
text-transform: uppercase;
padding: 0.4em 1em;
border-radius: 5px;
}
.recaptchaForm fieldset div.formfields>div {
display: flex;
}
.recaptchaForm ul {
display: flex;
flex-flow: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.recaptchaForm ul>li {
padding: .5em;
align-items: center;
align-content: center;
justify-content: center;
}
.recaptchaForm label {
flex-grow: 1;
font-weight: bold;
}
/*.recaptchaForm fieldset div.formfields label.datewrap span {
white-space: nowrap; }*/
.recaptchaForm fieldset div.formfields label.datewrap {
height: auto;
min-height: 2.5em;
}
.recaptchaForm input {
display: block;
background-color: #fff;
width: 100%;
font-size: 1.2em;
padding: .6em;
border: 1px solid #ccc;
border-radius: 5px;
}
.recaptchaForm select {
display: block;
background-color: #fff;
width: 100%;
font-size: 1.2em;
padding: .6em;
border: 1px solid #ccc;
border-radius: 5px;
}
.recaptchaForm textarea {
display: block;
background: rgba(255, 255, 255, 0.5);
width: 100%;
font-size: 1.2em;
padding: .6em;
min-height: 120px;
border: 1px solid #ccc;
border-radius: 5px;
}
.recaptchaForm button {
display: block;
width: 100%;
padding: .4em;
text-shadow: #602727 1px 1px 5px;
font-size: 1.4em;
font-weight: bold;
border: none;
border-radius: 5px;
background-color: #663399 !important;
cursor: pointer;
color: #fff;
}
.recaptchaForm button:hover {
background: #ef4f4f !important;
}
.recaptchaForm input,
.recaptchaForm textarea,
.recaptchaForm select,
.recaptchaForm button {
box-shadow: #000 3px 3px 5px -5px;
transition: all 0.3s ease;
}
.recaptchaForm input:hover,
.recaptchaForm textarea:hover,
.recaptchaForm select:hover,
.recaptchaForm button:hover {
box-shadow: #000 2px 1px 15px -5px;
}
.recaptchaForm input:hover,
.recaptchaForm select:hover,
.recaptchaForm textarea:hover {
background: rgba(255, 255, 255, 0.75);
}
.recaptchaForm input:focus,
.recaptchaForm textarea:focus,
.recaptchaForm select:focus {
box-shadow: #000 1px 0px 25px -5px;
background: white;
}
.recaptchaForm .vpad>label {
width: 100%;
background: none !important;
box-shadow: none !important;
}
.recaptchaForm ::-webkit-input-placeholder {
color: #c3c3c3;
}
.recaptchaForm :-moz-placeholder {
color: #c3c3c3;
}
.recaptchaForm ::-moz-placeholder {
color: #c3c3c3;
}
.recaptchaForm :-ms-input-placeholder {
color: #c3c3c3;
}
@media only screen and (max-width: 620px) {
.recaptchaForm>ul>li {
width: 100% !important;
}
}
.datecatText {
background: #eee;
padding: 0.4em 0.6em;
border-bottom: 1px solid #ccc;
font-style: italic;
color: #999;
text-align: right;
}
.datecatText a {
font-style: normal;
}
.blogNextPrev {
clear: both;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.blogNextPrev>h3 {
width: 100%;
display: block;
margin: 1em 0 0.8em 0;
border-bottom: 1px dotted #ccc;
font-size: 1.8em;
font-weight: normal;
}
.blogNextPrev>span {
background: #e0e0dc;
display: flex;
flex-flow: column nowrap;
width: 49%;
padding: 0.5em;
box-shadow: #b7b5a9 5px 5px 10px -5px;
justify-content: center;
align-items: center;
align-content: center;
font-style: italic;
color: #666;
}
.blogNextPrev>a {
background: #fff;
display: flex;
flex-flow: column nowrap;
width: 49%;
padding: 0.5em;
box-shadow: #b7b5a9 5px 5px 10px -5px;
}
.blogNextPrev>a>span {
display: block;
width: 100%;
height: 150px;
background-size: cover;
background-position: center;
}
.blogNextPrev>a>h3 {
font-size: 1.2em;
font-weight: normal;
margin: .5em 0;
flex-grow: 1;
}
.blogNextPrev>a>strong {
background: #572e5d;
color: #fff;
display: inline-block;
padding: .4em;
font-weight: lighter;
}
@media (max-width: 768px) {
.blogNextPrev {
display: block;
}
.blogNextPrev>h3 {
font-size: 1.6em;
}
.blogNextPrev>a {
width: 100%;
margin: 1em 0;
}
}
.postContent img {
width: 100%;
max-width: 100%;
height: auto;
}
.postContent figure.caption {
max-width: 100%;
background: #fff;
margin: 0em !important;
padding: 1em;
box-shadow: #737169 3px 3px 10px -5px;
}
.postContent figure.caption img {
width: 100%;
max-width: 100%;
height: auto;
border: 1px solid red;
}
.postContent img[style="float:left; margin-right:15px"],
.postContent figure.caption[style="float:left; margin-right:15px"] {
width: auto;
max-width: 50%;
margin-left: 0 !important;
margin-right: 2em !important;
}
.postContent img[style="float:right; margin-left:15px"],
.postContent figure.caption[style="float:right; margin-left:15px"] {
width: auto;
max-width: 50%;
margin-left: 2em !important;
margin-right: 0 !important;
}
@media (max-width: 768px) {
.postContent img[style="float:left; margin-right:15px"],
.postContent figure.caption[style="float:left; margin-right:15px"],
.postContent img[style="float:right; margin-left:15px"],
.postContent figure.caption[style="float:right; margin-left:15px"] {
width: 100%;
max-width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.blog article {
display: block;
}
.blog article>a {
transition: all .3s ease;
display: flex;
background: rgba(255, 255, 255, 0.4);
margin: 2em 1em 2em 0;
text-decoration: none;
border: 1px solid #fff;
box-shadow: #000 1px 1px 20px -9px;
position: relative;
}
@media (max-width: 768px) {
.blog article>a {
flex-flow: column;
margin: 1em 0;
}
}
.blog article>a img {
display: block;
width: 100%;
margin: 1em 0 1em 1em;
border: 1px solid #fff;
object-fit: cover;
object-position: center;
}
@media (max-width: 768px) {
.blog article>a img {
margin: 0;
}
}
.blog article>a>div {
display: flex;
flex-flow: column nowrap;
padding: 1em;
}
.blog article>a>div span {
display: block;
color: #a4a4a4;
}
.blog article>a>div h2 {
display: block;
margin: 0 1.2em 0 0;
}
.blog article>a>div p {
display: block;
flex-grow: 1;
height: 100%;
color: #000;
margin: 1em 1.2em 1em 0;
}
.blog article>a>div strong {
flex-grow: 1;
display: flex;
align-items: flex-end;
}
.blog article>a>div strong em {
display: block;
padding: 10px 20px;
border-radius: 4px;
border: 1px solid #dbdad7;
background: purple;
color: #fff;
font-size: .8em;
}
.blog article>a>div::before {
content: "";
text-align: center;
position: absolute;
top: -5px;
right: 10px;
height: 70px;
width: 0;
padding: 0px;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
-webkit-transform: rotate(0deg) skew(0deg);
transform: rotate(0deg) skew(0deg);
border-left: 15px solid #d7b8d7;
border-right: 15px solid #d7b8d7;
border-bottom: 15px solid transparent;
}
.blog article>a>div::after {
content: '';
position: absolute;
top: -5px;
right: 6px;
height: 0;
width: 0;
border-bottom: 4px solid #d396d3;
border-right: 4px solid transparent;
}
.blog article>a:nth-child(even) {
background-color: rgba(255, 255, 255, 0.6);
}
.blog article>a:hover {
background: white;
}
.pageContainer {
display: block;
padding: 0.5em;
margin-bottom: 2em;
background: #f3f2f1;
}
.pageContainer * {
padding: 0.6em 1em;
background: #ccc;
border-radius: 3px;
margin: 0em 0.2em;
}
.pageContainer span {
display: inline-block;
background: #c5bdc5;
}
.pageContainer a {
display: inline-block;
background: #8c628c;
color: #fff;
}
.pageContainer a[rel="next"] {
display: inline-block;
}
.aboutctaWrapper {
display: flex;
flex-flow: row wrap;
}
.aboutctaWrapper .aboutcta {
width: 48%;
max-width: 48%;
display: flex;
flex-flow: column;
background: #ffffffa3;
margin: 1%;
padding: 2em;
border: 4px double #eceade;
box-shadow: #000 4px 4px 20px -13px;
border-radius: 0.2em;
}
.aboutctaWrapper .aboutcta>p {
display: block;
}
.aboutctaWrapper .aboutcta>p i {
display: block;
}
.aboutctaWrapper .aboutcta h2 {
display: block;
margin: 0;
color: #800080;
border-bottom: 4px double #c8c5b3;
line-height: 1em;
}
.aboutctaWrapper .aboutcta h2 i {
color: #c8bf94;
display: inline-block;
font-size: 1em;
}
.aboutctaWrapper .aboutcta p {
display: block;
margin: 1em 0 0 0;
}
.aboutctaWrapper .aboutcta ul {
display: block;
margin: 1em 0 0 0;
}
.aboutctaWrapper .aboutcta ul li {
color: #000;
margin: .5em 0 0 0;
}
@media (max-width: 1001px) {
.aboutcta {
width: 100% !important;
max-width: 100% !important;
margin: 1% 0%;
}
}
.faqTable {
width: 100%;
background: #dedbcd;
}
.faqTable tr {
color: #000;
}
.faqTable tr th {
font-weight: bold;
color: #fff;
background: purple;
padding: .5em;
}
.faqTable tr td {
color: #000;
padding: .25em;
background: #fff;
}
.faqTable tr td a {
font-weight: normal;
}
.faq.questions {
margin: 1em 0;
}
.faq.questions li {
background: #fff;
margin: 3px 0;
padding: 0.6em;
}
.faq.questions li a {
font-weight: bold;
}
.faq.answers {
margin: 1em 0;
}
.faq.answers li {
background: #eee;
padding: 1em;
margin: 1em 0;
}
.faq.answers li h3 {
font-weight: normal;
margin: 0;
}
.faq.answers li p {
margin: 1em 0;
}
.newsletterwidget form {
display: flex;
flex-flow: row nowrap;
padding: 2em 1em;
border-top: 2px solid #dddddd;
margin: 1em;
font-size: 1.5em;
}
.newsletterwidget form input {
flex-grow: 1;
padding: .4em 0.6em;
font-size: 1.4em;
border: none;
background: #fff;
width: 100%;
border-radius: 10px 0 0 10px;
}
.newsletterwidget form button {
display: block;
padding: .4em 0.6em;
font-size: 1.4em;
background: #66346d;
color: #fff;
text-align: center;
font-size: 1em;
border-radius: 0 10px 10px 0;
font-weight: lighter;
font-family: 'Kameron', 'Open Sans', Helvetica;
text-transform: uppercase;
border: none;
cursor: pointer;
}
.fas.fa-scanner {
overflow: hidden;
width: 1em;
}
/*# sourceMappingURL=styles.css.map*/
.moreInfoWrapper {
position: relative;
background: #ffffffd9;
border-radius: 0.6em;
padding: 0.5em 1em;
box-shadow: #000 2px 1px 6px -3px;
border: 2px solid #fff;
border-top: none;
font-size: 1.2em;
line-height: 1.4em;
margin-top: 1em;
margin-bottom: 1em;
display: none;
}
.closeInfoWrapper {
position: absolute;
right: -10px;
top: -10px;
}
.closeInfoWrapper i {
background: #e14747;
border: 1px solid red;
line-height: 0.5em;
padding: 0.5em;
border-radius: 3px;
color: #fff;
box-shadow: #000 2px 2px 4px -3px;
}
@media (max-width: 768px) {
.moreInfoWrapper {
margin: 1em;
width: auto;
font-size: 1em;
}
}
input::-webkit-calendar-picker-indicator {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
}
/* Contact Page */
.page-id-7 .postContent h3 {
display: block;
color: purple;
width: 100%;
padding: 0 0.6em;
text-align: left;
font-weight: bold;
border-bottom: 2px solid #cdccc5;
font-size: 1.2em;
background: #ebebeb;
font-weight: normal;
text-transform: uppercase;
padding: 0.4em 1em;
border-radius: 5px;
}
/* Blog Post images */
.postContent figure.caption {
max-width: 440px;
margin: 0 auto;
}