@font-face {
font-family: 'Sweet Sans Pro';
src: url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Bold.eot);
src: url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Bold.eot?#iefix) format('embedded-opentype'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Bold.woff2) format('woff2'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Bold.woff) format('woff'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Bold.ttf) format('truetype'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Bold.svg#SweetSansPro-Bold) format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Sweet Sans Pro';
src: url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Regular.eot);
src: url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Regular.eot?#iefix) format('embedded-opentype'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Regular.woff2) format('woff2'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Regular.woff) format('woff'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Regular.ttf) format('truetype'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Regular.svg#SweetSansPro-Regular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Sweet Sans Pro';
src: url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Light.eot);
src: url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Light.eot?#iefix) format('embedded-opentype'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Light.woff2) format('woff2'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Light.woff) format('woff'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Light.ttf) format('truetype'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Light.svg#SweetSansPro-Light) format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Sweet Sans Pro';
src: url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Italic.eot);
src: url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Italic.eot?#iefix) format('embedded-opentype'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Italic.woff2) format('woff2'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Italic.woff) format('woff'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Italic.ttf) format('truetype'),
url(//staytrace.com/wp-content/themes/trace-hotels/fonts/SweetSansPro-Italic.svg#SweetSansPro-Italic) format('svg');
font-weight: normal;
font-style: italic;
} * {
font-family: 'Sweet Sans Pro','Verdana',Helvetica,Arial !important;
}
.et-pb-icon {
font-family: ETmodules !important;
}
h1, h2, h3, h4, h5, h6 {
text-transform: uppercase;
}
h1, h2, h3 {
padding-bottom: 30px;
}
h1:after, h2:after {
content: "";
border-bottom: 1px solid;
width: 100px;
display: block;
margin: auto;
padding-top: 9px;
}
.white {
color: #ffffff;
}
.earth {
color: #97472d;
}
.dgreen {
color: #102328;
} .divLink-wrapper > .et_pb_code_inner, .divLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
border: 0 !important;
background: transparent !important;
color: transparent !important;
z-index: 9;
cursor: pointer;
}
div.et_pb_section.et_pb_section_0 > section {
padding-top: 144px !important; 
}
.home div.et_pb_section.et_pb_section_0 {
padding-top: 215px !important; 
} #top-menu>li.menu-cta a {
padding: 14px 20px 10px !important;
background: #fff;
color: #222225 !important;
} a.button-01, input.wpcf7-form-control.wpcf7-submit {
background: #e8e8e8;
border-width: 0px!important;
border-color: #e8e8e8;
border-radius: 0px;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
transition: all 300ms ease 0ms;
color: #222225;
line-height: 20px !important;
font-size: 20px;
padding: 14px 20px 10px !important;
}
a.button-01:hover, input.wpcf7-form-control.wpcf7-submit:hover {
background: #d3d3d3!important;
border-color: #d3d3d3!important;
}
body.et_pb_button_helper_class .et_pb_button, body.et_pb_button_helper_class .et_pb_button:hover {
line-height: 20px !important;
padding: 14px 20px 10px !important;
}
a.button-02 {
font-size: 19px;
font-weight: bold;
color: #102328 !important;
border-bottom: 4px solid;
margin: 18px 0;
display: inline-block;
transition: all 300ms ease 0ms;
}
a.button-02:hover {
color: #97472d !important;
}
a.button-03 {
font-size: 19px;
font-weight: bold;
color: #97472d !important;
border-bottom: 4px solid;
margin: 18px 0;
display: inline-block;
transition: all 300ms ease 0ms;
}
a.button-03:hover {
color: #e7debe !important;
} div#featured-hotels-container > .et_pb_column {
padding: 12% 0;
}
div#featured-hotels-container > .et_pb_column:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
}
div#featured-hotels-container .hotel-featured-title {
margin: auto;
display: flex;
align-items: center;
position: relative;
-webkit-transition: all 800ms ease-out;
-moz-transition: all 800ms ease-out;
-o-transition: all 800ms ease-out;
transition: all 800ms ease-out;
}
div#featured-hotels-container .hotel-featured-title > .et_pb_code_inner {
width: 100%;
}
div#featured-hotels-container .hotel-featured-title h4 {
padding-bottom: 0;
color: #ffffff;
font-weight: bold;
text-align: center;
width: 200px;
height: 200px;
margin: auto;
line-height: 200px;
background: rgba(255, 255, 255, 0.5);
border: 2px solid transparent;
border-radius: 50%;
-webkit-transition: all 800ms ease-out;
-moz-transition: all 800ms ease-out;
-o-transition: all 800ms ease-out;
transition: all 800ms ease-out;
}
div#featured-hotels-container > .et_pb_column:hover .hotel-featured-title h4 {
border-color: #fff
}  div#featured-hotels-2-container > .et_pb_column {
padding: 17% 20px;
text-align: center;
-webkit-transition: all 800ms ease-out;
-moz-transition: all 800ms ease-out;
-o-transition: all 800ms ease-out;
transition: all 800ms ease-out;
}
div#featured-hotels-2-container .hotel-featured-title .et_pb_code_inner {
width: 100%;
text-align: center;
}
div#featured-hotels-2-container .hotel-featured-title h4 {
padding-bottom: 0;
color: #ffffff;
font-weight: bold;
}
div#featured-hotels-2-container .hotel-featured-title h4 span {
background: #102328;
padding: 25px;
-webkit-transition: all 600ms ease-out;
-moz-transition: all 600ms ease-out;
-o-transition: all 600ms ease-out;
transition: all 600ms ease-out;
}
div#featured-hotels-2-container > .et_pb_column:hover .hotel-featured-title h4 span {
background: #97472d;
}
div#featured-hotels-2-container > .et_pb_column:first-of-type:before {
content: "";
border-top: 1px solid #3a3a3a;
border-left: 1px solid #3a3a3a;
width: 60%;
height: 60%;
position: absolute;
top: -10px;
left: -10px;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
div#featured-hotels-2-container > .et_pb_column:first-of-type:after {
content: "";
border-top: 1px solid #3a3a3a;
border-left: 1px solid #3a3a3a;
width: 65%;
height: 65%;
position: absolute;
top: -20px;
left: -20px;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
div#featured-hotels-2-container > .et_pb_column:last-of-type:before {
content: "";
border-bottom: 1px solid #3a3a3a;
border-right: 1px solid #3a3a3a;
width: 60%;
height: 60%;
position: absolute;
bottom: -10px;
right: -10px;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
div#featured-hotels-2-container > .et_pb_column:last-of-type:after {
content: "";
border-bottom: 1px solid #3a3a3a;
border-right: 1px solid #3a3a3a;
width: 65%;
height: 65%;
position: absolute;
bottom: -20px;
right: -20px;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
div#featured-hotels-2-container > .et_pb_column:hover:before {
width: calc(100% - 20px);
height: calc(100% - 20px);
}
div#featured-hotels-2-container > .et_pb_column:hover:after {
width: calc(100%);
height: calc(100%);
} .our-story-blocks .et_pb_column:last-of-type {
margin: auto auto auto -90px;
}
.our-story-blocks .et_pb_column:last-of-type h4 {
font-size: 40px;
background: #fff;
padding: 20px;
float: left;
color: #97472d;
}
.our-story-blocks-left .et_pb_column:first-of-type {
margin: auto auto auto 20px;
z-index: 99;
}
.our-story-blocks-left .et_pb_column:first-of-type h4 {
font-size: 40px;
background: #e7debe;
padding: 20px;
float: left;
color: #97472d;
white-space: nowrap;
} .featured-h4 h4 {
float: left;
padding: 20px;
background: #fff;
font-size: 34px;
display: grid;
color: #97472d;
}
.featured-h4.right h4 {
float: right;
background: #e7debe;
} .single-post header#main-header {
background: #102328;
}
.single-post h1.entry-title:after {
display: none;
} input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
font-size: 17px;
width: 100%;
line-height: 17px;
padding: 8px 8px 5px;
} p#fd-footer-info {
color: #fff;
font-size: 13px;
}
p#fd-footer-info a {
font-weight: bold;
color: #fff;
} @media screen and (max-width: 1250px) {
div#featured-hotels-container .hotel-featured-title {
height: 200px;
width: 200px;
}
}
@media screen and (min-width: 981px) {
.our-story-blocks, .our-story-blocks-left {
min-height: 600px;
}
}
@media screen and (max-width: 980px) {
.our-story-blocks .et_pb_column.et_pb_column_empty {
min-height: 200px;
display: block;
}
}