html,
body {
margin: 0px;
background-color: #F2F0EC;
scroll-behavior: smooth;
}
img {
max-width: 100%;
}
a {
text-decoration: none;
color: black;
}
.alink, footer a:not(.btn) {
border-bottom: 1px solid transparent;
transition: 0.3s;
}
.alink:hover, footer a:hover:not(.btn) {
border-color: #dbd2c8;
}
ul {
padding: 0;
list-style: none;
}
p, .image-text-grid.container-lg .subheading, .full-width-image-block.quote-block .quote-by, .gform_confirmation_message {
margin: 0px;
}
h1, .hotel-timeline-block .title .title-text, .home-team-circles .home-team-circles-intro .content .heading, .full-width-image-block .quote-text,
h2,
.search-for i,
body.home .page-title-content h1,
body.home .page-title-content .full-width-image-block .quote-text,
.full-width-image-block body.home .page-title-content .quote-text,
.image-text-grid.container-lg .heading,
h3,
h4,
.anchor-links li a {
margin: 0px;
}
.slick-prev {
left: -50px;
}
* {
outline: none;
}
input {
padding: 9px;
}
ul {
margin-top: 0px;
margin-bottom: 0px;
}
iframe {
border: none;
width: 100%;
}
input {
border: none;
}
textarea {
border: none;
padding: 9px;
resize: none;
}
.hamburger {
display: flex;
justify-content: flex-end;
}
.hamburger .hamburger-inner,
.hamburger .hamburger-inner::before,
.hamburger .hamburger-inner::after {
width: 31px;
background-color: #E4E0D8 !important;
border-radius: 0px;
transition-duration: 0.3s;
}
.hamburger .hamburger-inner::before {
transition-duration: 0.1s;
}
.hamburger.hamburger--slider .hamburger-inner::before {
top: 17px;
}
.hamburger.hamburger--slider .hamburger-inner::after {
top: 34px;
}
.hamburger.is-active.hamburger--slider .hamburger-inner::after {
top: 20px;
}
.gform_wrapper .validation_message {
display: none;
}
.gform_wrapper .gform_validation_errors {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin-bottom: 35px !important;
}
.gform_wrapper .gform-icon--close {
display: none !important;
}
.gform_wrapper .gform_submission_error {
font-family: "Noto Serif JP";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
text-align: left;
}
.slick-dots > li:only-child {
display: none;
}
.slick-dots {
bottom: -40px;
}
.slick-dots li button:before {
font-size: 17px;
color: #189879;
opacity: 1;
line-height: 19px;
}
.slick-dots li.slick-active button:before {
opacity: 0;
}
.slick-dots li.slick-active button:after {
position: absolute;
content: "";
width: 8px;
height: 8px;
background-color: #E4E0D8;
border: 4px solid #189879;
border-radius: 50%;
left: 2px;
top: 1px;
}
.gform_wrapper {
width: 100%;
}
.gform_wrapper .gfield {
margin-bottom: 25px;
}
.gform_wrapper .gfield_label {
display: none !important;
}
.gform_wrapper .ginput_container input,
.gform_wrapper .ginput_container textarea {
background-color: #F2F0EC;
width: 100%;
padding: 16px 15px 10px !important;
color: #189879;
font-weight: 400;
box-sizing: border-box;
font-size: 18px !important;
}
.gform_wrapper .gform_footer input[type=submit] {
background-color: #189879;
color: #F2F0EC;
width: 200px;
border-radius: 40px;
padding: 15px 10px 10px !important;
font-size: 14px;
}
.gform_wrapper .gform_submission_error {
font-size: 14px !important;
letter-spacing: 1px !important;
line-height: 20px !important;
}
@media only screen and (max-width: 800px) {
.menu-intro-section {
transition: 0s !important;
}
}
.slick-slide.timeline-content .slick-arrow.slick-disabled {
opacity: 0.2;
cursor: default;
}
.slick-arrow.opacity {
opacity: 0.2;
cursor: default;
}
.gform_confirmation_message {
margin-top: 15px;
}
.font-bold, #team-modal .bio-name, .news-thumbnail .blog-date,
.grid-thumbnail .blog-date, .news-thumbnail .title,
.grid-thumbnail .title, body.single .quote,
body.single .quote b, body.single .author, .page-template-template-meet-hotels .grid-thumbnail.hotels-number .hotel-caption-text, .hotels-archive .grid-thumbnail.hotels-number .hotel-caption-text, .page-template-template-meet-hotels .grid-thumbnail.hotels-number .hotel-number-text, .hotels-archive .grid-thumbnail.hotels-number .hotel-number-text, body:not(.home).page-template-template-contact-us .contact-title, body:not(.home).page-template-template-contact-us .contact-us-forms-selection .title,
body.page-id-22 .contact-us-forms-selection body:not(.home).page-template-template-contact-us .title, body:not(.home).page-template-template-contact-us .contact-us-tab-forms .item .title,
body.page-id-22 .contact-us-tab-forms .item body:not(.home).page-template-template-contact-us .title,
body.page-id-22 .contact-title,
body.page-id-22 .contact-us-forms-selection .title,
body.page-id-22 .contact-us-tab-forms .item .title, #full-width-image-grow-width-us .title,
.full-width-background-with-text .title, body.blog .archive-news-banner .content,
body.search .archive-news-banner .content, body.blog .archive-navigation .archive-heading,
body.search .archive-navigation .archive-heading, .hotels-archive .grid-thumbnail .title, .hotels-archive .hotels-archive-section > .title, .hotels-archive .hotels-filter, .hotels-archive .hotels-archive-filter .hotel-filter > a, .hotels-archive .hotels-archive-filter .title, .hotel-timeline-block .timeline-years .item, .hotel-timeline-block .timeline-slider .timeline-info .years, .slider-block .slider-list .caption, .slider-block .slider-block-container, .single-block .title, .anchor-block .title, .anchor-block .single-anchor-title, .anchor-block .block-title, .team-block .name,
.team-block .position, .team-block .title, .page-intro-block .page-title .quote,
.page-intro-block .page-title .quote b, .load-more-section a, .gform_wrapper .gform_submission_error {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
letter-spacing: 0.12em;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
}
h1, .hotel-timeline-block .title .title-text, .home-team-circles .home-team-circles-intro .content .heading, .full-width-image-block .quote-text {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 60px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #000000;
-webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 1440px) {
h1, .hotel-timeline-block .title .title-text, .home-team-circles .home-team-circles-intro .content .heading, .full-width-image-block .quote-text {
font-size: 38px;
line-height: 50px;
}
}
@media only screen and (max-width: 1200px) {
h1, .hotel-timeline-block .title .title-text, .home-team-circles .home-team-circles-intro .content .heading, .full-width-image-block .quote-text {
font-size: 30px;
line-height: 42px;
}
}
@media only screen and (max-width: 768px) {
h1, .hotel-timeline-block .title .title-text, .home-team-circles .home-team-circles-intro .content .heading, .full-width-image-block .quote-text {
font-size: 30px;
line-height: 40px;
}
}
body.single .single-blog-section .main-content b,
body.single .single-blog-section .main-content strong{
color: #4D5D5F;
}
h2, .search-for i, body.home .page-title-content h1, body.home .page-title-content .full-width-image-block .quote-text, .full-width-image-block body.home .page-title-content .quote-text, body.home .page-title-content .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, body.home .page-title-content .hotel-timeline-block .title .title-text, .hotel-timeline-block .title body.home .page-title-content .title-text, .image-text-grid.container-lg .heading {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 50px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #189879;
-webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 1440px) {
h2, .search-for i, body.home .page-title-content h1, body.home .page-title-content .full-width-image-block .quote-text, .full-width-image-block body.home .page-title-content .quote-text, body.home .page-title-content .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, body.home .page-title-content .hotel-timeline-block .title .title-text, .hotel-timeline-block .title body.home .page-title-content .title-text, .image-text-grid.container-lg .heading {
font-size: 26px;
line-height: 39px;
}
}
@media only screen and (max-width: 768px) {
h2, .search-for i, body.home .page-title-content h1, body.home .page-title-content .full-width-image-block .quote-text, .full-width-image-block body.home .page-title-content .quote-text, body.home .page-title-content .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, body.home .page-title-content .hotel-timeline-block .title .title-text, .hotel-timeline-block .title body.home .page-title-content .title-text, .image-text-grid.container-lg .heading {
font-size: 20px;
line-height: 27px;
}
}
@media only screen and (max-width: 640px) {
h2, .search-for i, body.home .page-title-content h1, body.home .page-title-content .full-width-image-block .quote-text, .full-width-image-block body.home .page-title-content .quote-text, body.home .page-title-content .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, body.home .page-title-content .hotel-timeline-block .title .title-text, .hotel-timeline-block .title body.home .page-title-content .title-text, .image-text-grid.container-lg .heading {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (max-width: 552px) {
h2, .search-for i, body.home .page-title-content h1, body.home .page-title-content .full-width-image-block .quote-text, .full-width-image-block body.home .page-title-content .quote-text, body.home .page-title-content .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, body.home .page-title-content .hotel-timeline-block .title .title-text, .hotel-timeline-block .title body.home .page-title-content .title-text, .image-text-grid.container-lg .heading {
font-size: 20px;
line-height: 27px;
}
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 29px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #189879;
-webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 1440px) {
h3 {
font-size: 20px;
line-height: 29px;
}
}
h4, .anchor-links li a {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 27px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #189879;
-webkit-font-smoothing: antialiased;
}
p, .image-text-grid.container-lg .subheading, .full-width-image-block.quote-block .quote-by, .gform_confirmation_message,
a,
input::placeholder,
input,
ul li,
textarea,
ol li, i {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 30px;
letter-spacing: 0.04em;
color: #4D5D5F;
}
i {
font-style: italic;
}
b,
strong {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 30px;
letter-spacing: 0.04em;
color: #4D5D5F;
}
.color--green {
color: #189879;
}
.bg--overlay:before {
position: absolute;
content: "";
left: 50;
top: 0;
background-color: black;
mix-blend-mode: normal;
width: calc(100% - 100px);
height: 100%;
z-index: 10;
}
@media only screen and (max-width: 1280px) {
.bg--overlay:before {
width: calc(100% - 50px);
}
}
@media only screen and (max-width: 1023px) {
.bg--overlay:before {
width: 100%;
}
}
.back-button {
position: fixed;
bottom: 35px;
z-index: 11111;
right: 0px;
cursor: pointer;
}
.parallax-mirror {
z-index: 1 !important;
}
.animated-text-reveal, .home-team-circles .home-team-circles-intro .content * {
opacity: 0;
}
.animated-text-reveal span, .home-team-circles .home-team-circles-intro .content * span {
opacity: 0;
}
.load-more-section {
text-align: center;
margin-top: 53px;
}
.load-more-section a {
min-width: 211px;
background-color: #189879;
border-radius: 49px;
color: #E4E0D8;
font-size: 14px;
line-height: 29px;
font-weight: 400;
display: inline-block;
padding: 18px 30px 14px;
box-sizing: border-box;
text-align: center;
border: 2px solid #189879;
cursor: pointer;
transition: all 0.3s;
}
.load-more-section a:hover {
color: #189879;
background-color: #F2F0EC;
}
.load-more-section a.alm-button--disabled {
display: none;
}
.text-carousel {
background-color: #F2F0EC;
padding: 73px 48px 100px 48px;
text-align: center;
margin-top: 50px;
}
.text-carousel .heading {
margin-bottom: 20px;
}
.anchor-links {
margin-top: 40px;
}
.anchor-links li {
margin-bottom: 10px;
}
.anchor-links li a {
color: #E4E0D8;
position: relative;
}
.anchor-links li a::before {
content: "";
position: absolute;
background-image: url("https://cycashospitality.com/wp-content/themes/cycas//assets/images/icons/menu-arrow.svg");
width: 8px;
height: 14px;
right: -15px;
background-size: contain;
background-repeat: no-repeat;
bottom: 4px;
}
.group-social-media {
margin-top: 50px;
}
.group-social-media > a {
border: none !important;
margin-right: 17px;
}
.group-social-media > a img {
transition: 0.4s;
}
.group-social-media > a img:hover {
transform: scale(1.1);
}
.bg--beige {
background-color: #E4E0D8;
}
.page-intro-block {
position: relative;
z-index: 100;
}
@media only screen and (max-width: 800px) {
.page-intro-block {
margin-bottom: 58px;
}
}
.page-intro-block .page-intro-container {
display: flex;
}
@media only screen and (max-width: 1023px) {
.page-intro-block .page-intro-container {
padding-left: 25px;
padding-right: 25px;
}
}
@media only screen and (max-width: 800px) {
.page-intro-block .page-intro-container {
flex-direction: column-reverse;
padding-left: 0px;
padding-right: 0px;
}
}
.page-intro-block .page-title {
width: 494px;
}
@media only screen and (max-width: 1440px) {
.page-intro-block .page-title {
width: 350px;
}
}
@media only screen and (max-width: 1023px) {
.page-intro-block .page-title {
width: 300px;
}
}
@media only screen and (max-width: 800px) {
.page-intro-block .page-title {
width: 100%;
max-width: 552px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
}
.page-intro-block .page-title .quote,
.page-intro-block .page-title .quote b {
font-size: 26px;
line-height: 39px;
margin-top: 80px;
position: relative;
color: #4D5D5F;
}
.page-intro-block .page-title .quote span,
.page-intro-block .page-title .quote b span {
color: #189879;
}
@media only screen and (max-width: 1024px) {
.page-intro-block .page-title .quote,
.page-intro-block .page-title .quote b {
font-size: 21px;
line-height: 34px;
}
}
@media only screen and (max-width: 552px) {
.page-intro-block .page-title .quote,
.page-intro-block .page-title .quote b {
font-size: 20px;
line-height: 30px;
}
}
.page-intro-block .page-title .quote {
max-width: 350px;
text-indent: -35px;
}
@media only screen and (max-width: 1023px) {
.page-intro-block .page-title .quote {
padding-left: 25px;
}
}
@media only screen and (max-width: 800px) {
.page-intro-block .page-title .quote {
width: 100%;
max-width: 500px;
padding-left: 35px;
margin-top: 50px;
box-sizing: border-box;
}
}
@media only screen and (max-width: 600px) {
.page-intro-block .page-title .quote {
padding-left: 60px;
padding-right: 35px;
}
}
.page-intro-block .page-title .quote b {
color: #189879;
}
.page-intro-block .page-title-content {
background-color: #189879;
padding: 70px 70px 80px 39px;
}
@media only screen and (max-width: 1440px) {
.page-intro-block .page-title-content {
background-color: #189879;
padding: 70px 25px 80px 39px;
}
}
@media (min-width:1100px) and (max-width:1440px) {
.page-intro-block .page-title-content .btn-group .btn{
font-size: 13px;
}
}
@media only screen and (max-width: 1023px) {
.page-intro-block .page-title-content {
padding: 40px 30px 50px 29px;
}
}
@media only screen and (max-width: 634px) {
.page-intro-block .page-title-content {
padding: 85px 30px 66px 29px;
}
}
.page-intro-block .page-title-content h2, .page-intro-block .page-title-content .search-for i, .search-for .page-intro-block .page-title-content i, .page-intro-block body.home .page-title-content h1, body.home .page-intro-block .page-title-content h1, .page-intro-block .full-width-image-block body.home .page-title-content .quote-text, .page-intro-block .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, .page-intro-block .hotel-timeline-block .title body.home .page-title-content .title-text, .page-intro-block .page-title-content .image-text-grid.container-lg .heading, .image-text-grid.container-lg .page-intro-block .page-title-content .heading,
.page-intro-block .page-title-content h1,
.page-intro-block .page-title-content .hotel-timeline-block .title .title-text,
.hotel-timeline-block .title .page-intro-block .page-title-content .title-text,
.page-intro-block .page-title-content .home-team-circles .home-team-circles-intro .content .heading,
.home-team-circles .home-team-circles-intro .content .page-intro-block .page-title-content .heading,
.page-intro-block .page-title-content .full-width-image-block .quote-text,
.full-width-image-block .page-intro-block .page-title-content .quote-text,
.page-intro-block .page-title-content p,
.page-intro-block .page-title-content .image-text-grid.container-lg .subheading,
.image-text-grid.container-lg .page-intro-block .page-title-content .subheading,
.page-intro-block .page-title-content .full-width-image-block.quote-block .quote-by,
.full-width-image-block.quote-block .page-intro-block .page-title-content .quote-by,
.page-intro-block .page-title-content .gform_confirmation_message,
.page-intro-block .page-title-content a:not(.btn) {
color: #E4E0D8;
}
.page-intro-block .page-title-content .btn-group {
margin-top: 100px;
}
@media only screen and (max-width: 800px) {
.page-intro-block .page-title-content .btn-group {
margin-top: 60px;
}
}
@media only screen and (max-width: 800px) {
.page-intro-block .page-title-content {
text-align: center;
}
.page-intro-block .page-title-content h2, .page-intro-block .page-title-content .search-for i, .search-for .page-intro-block .page-title-content i, .page-intro-block body.home .page-title-content h1, body.home .page-intro-block .page-title-content h1, .page-intro-block .full-width-image-block body.home .page-title-content .quote-text, .page-intro-block .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, .page-intro-block .hotel-timeline-block .title body.home .page-title-content .title-text, .page-intro-block .page-title-content .image-text-grid.container-lg .heading, .image-text-grid.container-lg .page-intro-block .page-title-content .heading,
.page-intro-block .page-title-content h1,
.page-intro-block .page-title-content .hotel-timeline-block .title .title-text,
.hotel-timeline-block .title .page-intro-block .page-title-content .title-text,
.page-intro-block .page-title-content .home-team-circles .home-team-circles-intro .content .heading,
.home-team-circles .home-team-circles-intro .content .page-intro-block .page-title-content .heading,
.page-intro-block .page-title-content .full-width-image-block .quote-text,
.full-width-image-block .page-intro-block .page-title-content .quote-text {
max-width: 300px;
margin: 0 auto;
}
}
@media only screen and (max-width: 768px) {
.page-intro-block .page-title-content h2, .page-intro-block .page-title-content .search-for i, .search-for .page-intro-block .page-title-content i, .page-intro-block body.home .page-title-content h1, body.home .page-intro-block .page-title-content h1, .page-intro-block .full-width-image-block body.home .page-title-content .quote-text, .page-intro-block .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, .page-intro-block .hotel-timeline-block .title body.home .page-title-content .title-text, .page-intro-block .page-title-content .image-text-grid.container-lg .heading, .image-text-grid.container-lg .page-intro-block .page-title-content .heading,
.page-intro-block .page-title-content h1,
.page-intro-block .page-title-content .hotel-timeline-block .title .title-text,
.hotel-timeline-block .title .page-intro-block .page-title-content .title-text,
.page-intro-block .page-title-content .home-team-circles .home-team-circles-intro .content .heading,
.home-team-circles .home-team-circles-intro .content .page-intro-block .page-title-content .heading,
.page-intro-block .page-title-content .full-width-image-block .quote-text,
.full-width-image-block .page-intro-block .page-title-content .quote-text {
font-size: 30px;
line-height: 40px;
}
}
.page-intro-block .page-intro-content {
flex: 1;
background-color: #FFFFFF;
}
@media only screen and (max-width: 1023px) {
.page-intro-block .page-intro-content {
max-width: 768px;
margin: 0 auto;
}
}
@media only screen and (max-width: 800px) {
.page-intro-block .page-intro-content {
max-width: 100%;
margin-bottom: 63px;
}
}
.page-intro-block .page-intro-content .content {
padding: 100px 85px 100px 85px;
}
@media only screen and (max-width: 1200px) {
.page-intro-block .page-intro-content .content {
padding: 80px 69px 80px 69px;
}
}
@media only screen and (max-width: 1023px) {
.page-intro-block .page-intro-content .content {
padding: 60px 29px 60px 29px;
}
}
.page-intro-block .page-intro-content .content p:first-of-type, .page-intro-block .page-intro-content .content .image-text-grid.container-lg .subheading:first-of-type, .image-text-grid.container-lg .page-intro-block .page-intro-content .content .subheading:first-of-type, .page-intro-block .page-intro-content .content .full-width-image-block.quote-block .quote-by:first-of-type, .full-width-image-block.quote-block .page-intro-block .page-intro-content .content .quote-by:first-of-type, .page-intro-block .page-intro-content .content .gform_confirmation_message:first-of-type {
margin-top: 50px;
}
@media only screen and (max-width: 1200px) {
.page-intro-block .page-intro-content .content p:first-of-type, .page-intro-block .page-intro-content .content .image-text-grid.container-lg .subheading:first-of-type, .image-text-grid.container-lg .page-intro-block .page-intro-content .content .subheading:first-of-type, .page-intro-block .page-intro-content .content .full-width-image-block.quote-block .quote-by:first-of-type, .full-width-image-block.quote-block .page-intro-block .page-intro-content .content .quote-by:first-of-type, .page-intro-block .page-intro-content .content .gform_confirmation_message:first-of-type {
margin-top: 30px;
}
}
@media only screen and (max-width: 552px) {
.page-intro-block .page-intro-content .content {
padding: 60px 20px 60px 34px;
}
}
.page-intro-block .page-intro-content .title h1, .page-intro-block .page-intro-content .hotel-timeline-block .title .title-text, .hotel-timeline-block .page-intro-block .page-intro-content .title .title-text, .page-intro-block .page-intro-content .title .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content .page-intro-block .page-intro-content .title .heading, .page-intro-block .page-intro-content .title .full-width-image-block .quote-text, .full-width-image-block .page-intro-block .page-intro-content .title .quote-text {
color: #189879;
}
.page-intro-block .page-intro-content .title h2, .page-intro-block .page-intro-content .title .search-for i, .search-for .page-intro-block .page-intro-content .title i, .page-intro-block .page-intro-content .title body.home .page-title-content h1, body.home .page-title-content .page-intro-block .page-intro-content .title h1, .page-intro-block .page-intro-content .title body.home .page-title-content .full-width-image-block .quote-text, body.home .page-title-content .full-width-image-block .page-intro-block .page-intro-content .title .quote-text, .page-intro-block .page-intro-content .title .full-width-image-block body.home .page-title-content .quote-text, .full-width-image-block body.home .page-title-content .page-intro-block .page-intro-content .title .quote-text, .page-intro-block .page-intro-content .title body.home .page-title-content .home-team-circles .home-team-circles-intro .content .heading, body.home .page-title-content .home-team-circles .home-team-circles-intro .content .page-intro-block .page-intro-content .title .heading, .page-intro-block .page-intro-content .title .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-title-content .page-intro-block .page-intro-content .title .heading, .page-intro-block .page-intro-content body.home .page-title-content .hotel-timeline-block .title .title-text, body.home .page-title-content .hotel-timeline-block .page-intro-block .page-intro-content .title .title-text, .page-intro-block .page-intro-content .hotel-timeline-block .title body.home .page-title-content .title-text, .hotel-timeline-block .page-intro-block .page-intro-content .title body.home .page-title-content .title-text, .page-intro-block .page-intro-content .title .image-text-grid.container-lg .heading, .image-text-grid.container-lg .page-intro-block .page-intro-content .title .heading {
display: flex;
}
.page-intro-block .page-intro-content .title h2 img, .page-intro-block .page-intro-content .title .search-for i img, .search-for .page-intro-block .page-intro-content .title i img, .page-intro-block .page-intro-content .title body.home .page-title-content h1 img, body.home .page-title-content .page-intro-block .page-intro-content .title h1 img, .page-intro-block .page-intro-content .title body.home .page-title-content .full-width-image-block .quote-text img, body.home .page-title-content .full-width-image-block .page-intro-block .page-intro-content .title .quote-text img, .page-intro-block .page-intro-content .title .full-width-image-block body.home .page-title-content .quote-text img, .full-width-image-block body.home .page-title-content .page-intro-block .page-intro-content .title .quote-text img, .page-intro-block .page-intro-content .title body.home .page-title-content .home-team-circles .home-team-circles-intro .content .heading img, body.home .page-title-content .home-team-circles .home-team-circles-intro .content .page-intro-block .page-intro-content .title .heading img, .page-intro-block .page-intro-content .title .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading img, .home-team-circles .home-team-circles-intro .content body.home .page-title-content .page-intro-block .page-intro-content .title .heading img, .page-intro-block .page-intro-content body.home .page-title-content .hotel-timeline-block .title .title-text img, body.home .page-title-content .hotel-timeline-block .page-intro-block .page-intro-content .title .title-text img, .page-intro-block .page-intro-content .hotel-timeline-block .title body.home .page-title-content .title-text img, .hotel-timeline-block .page-intro-block .page-intro-content .title body.home .page-title-content .title-text img, .page-intro-block .page-intro-content .title .image-text-grid.container-lg .heading img, .image-text-grid.container-lg .page-intro-block .page-intro-content .title .heading img {
padding-right: 35px;
}
@media only screen and (max-width: 1024px) {
.page-intro-block .page-intro-content .title h2, .page-intro-block .page-intro-content .title .search-for i, .search-for .page-intro-block .page-intro-content .title i, .page-intro-block .page-intro-content .title body.home .page-title-content h1, body.home .page-title-content .page-intro-block .page-intro-content .title h1, .page-intro-block .page-intro-content .title body.home .page-title-content .full-width-image-block .quote-text, body.home .page-title-content .full-width-image-block .page-intro-block .page-intro-content .title .quote-text, .page-intro-block .page-intro-content .title .full-width-image-block body.home .page-title-content .quote-text, .full-width-image-block body.home .page-title-content .page-intro-block .page-intro-content .title .quote-text, .page-intro-block .page-intro-content .title body.home .page-title-content .home-team-circles .home-team-circles-intro .content .heading, body.home .page-title-content .home-team-circles .home-team-circles-intro .content .page-intro-block .page-intro-content .title .heading, .page-intro-block .page-intro-content .title .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-title-content .page-intro-block .page-intro-content .title .heading, .page-intro-block .page-intro-content body.home .page-title-content .hotel-timeline-block .title .title-text, body.home .page-title-content .hotel-timeline-block .page-intro-block .page-intro-content .title .title-text, .page-intro-block .page-intro-content .hotel-timeline-block .title body.home .page-title-content .title-text, .hotel-timeline-block .page-intro-block .page-intro-content .title body.home .page-title-content .title-text, .page-intro-block .page-intro-content .title .image-text-grid.container-lg .heading, .image-text-grid.container-lg .page-intro-block .page-intro-content .title .heading {
flex-direction: column;
}
.page-intro-block .page-intro-content .title h2 img, .page-intro-block .page-intro-content .title .search-for i img, .search-for .page-intro-block .page-intro-content .title i img, .page-intro-block .page-intro-content .title body.home .page-title-content h1 img, body.home .page-title-content .page-intro-block .page-intro-content .title h1 img, .page-intro-block .page-intro-content .title body.home .page-title-content .full-width-image-block .quote-text img, body.home .page-title-content .full-width-image-block .page-intro-block .page-intro-content .title .quote-text img, .page-intro-block .page-intro-content .title .full-width-image-block body.home .page-title-content .quote-text img, .full-width-image-block body.home .page-title-content .page-intro-block .page-intro-content .title .quote-text img, .page-intro-block .page-intro-content .title body.home .page-title-content .home-team-circles .home-team-circles-intro .content .heading img, body.home .page-title-content .home-team-circles .home-team-circles-intro .content .page-intro-block .page-intro-content .title .heading img, .page-intro-block .page-intro-content .title .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading img, .home-team-circles .home-team-circles-intro .content body.home .page-title-content .page-intro-block .page-intro-content .title .heading img, .page-intro-block .page-intro-content body.home .page-title-content .hotel-timeline-block .title .title-text img, body.home .page-title-content .hotel-timeline-block .page-intro-block .page-intro-content .title .title-text img, .page-intro-block .page-intro-content .hotel-timeline-block .title body.home .page-title-content .title-text img, .hotel-timeline-block .page-intro-block .page-intro-content .title body.home .page-title-content .title-text img, .page-intro-block .page-intro-content .title .image-text-grid.container-lg .heading img, .image-text-grid.container-lg .page-intro-block .page-intro-content .title .heading img {
margin-bottom: 35px;
}
}
.page-intro-block .page-intro-content .btn-group {
margin-top: 25px;
margin-left: -10px;
margin-right: -10px;
}
.page-intro-block .page-intro-content .btn-group a {
margin-top: 25px;
margin-left: 10px;
margin-right: 10px;
}
@media only screen and (max-width: 1200px) {
.page-intro-block .page-intro-content .btn-group {
margin-top: 30px;
}
}
.page-intro-block .page-intro-content .content p, .page-intro-block .page-intro-content .content .image-text-grid.container-lg .subheading, .image-text-grid.container-lg .page-intro-block .page-intro-content .content .subheading, .page-intro-block .page-intro-content .content .full-width-image-block.quote-block .quote-by, .full-width-image-block.quote-block .page-intro-block .page-intro-content .content .quote-by, .page-intro-block .page-intro-content .content .gform_confirmation_message {
margin-top: 20px;
margin-bottom: 20px;
}
.page-intro-block .image img {
width: 100%;
}
body:not(.home) .page-intro-block {
margin-top: 0px;
}
body:not(.home) .page-intro-block .page-title-content {
padding: 54px 36px 54px 44px;
margin-top: -100px;
}
@media only screen and (min-width: 1025px) {
body:not(.home) .page-intro-block .page-title-content {
min-height: 300px;
}
}
body:not(.home) .page-intro-block .page-title-content h2, body:not(.home) .page-intro-block .page-title-content .search-for i, .search-for body:not(.home) .page-intro-block .page-title-content i, body:not(.home) .page-intro-block .full-width-image-block body.home .page-title-content .quote-text, body:not(.home) .page-intro-block .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, body:not(.home) .page-intro-block .hotel-timeline-block .title body.home .page-title-content .title-text, body:not(.home) .page-intro-block .page-title-content .image-text-grid.container-lg .heading, .image-text-grid.container-lg body:not(.home) .page-intro-block .page-title-content .heading,
body:not(.home) .page-intro-block .page-title-content h1,
body:not(.home) .page-intro-block .page-title-content .hotel-timeline-block .title .title-text,
.hotel-timeline-block .title body:not(.home) .page-intro-block .page-title-content .title-text,
body:not(.home) .page-intro-block .page-title-content .home-team-circles .home-team-circles-intro .content .heading,
.home-team-circles .home-team-circles-intro .content body:not(.home) .page-intro-block .page-title-content .heading,
body:not(.home) .page-intro-block .page-title-content .full-width-image-block .quote-text,
.full-width-image-block body:not(.home) .page-intro-block .page-title-content .quote-text {
font-size: 38px;
line-height: 50px;
}
@media only screen and (max-width: 800px) {
body:not(.home) .page-intro-block .page-title-content {
margin: 0;
width: calc(100% - 50px);
margin-left: auto;
margin-right: auto;
max-width: 552px;
box-sizing: border-box;
}
body:not(.home) .page-intro-block .page-title-content h2, body:not(.home) .page-intro-block .page-title-content .search-for i, .search-for body:not(.home) .page-intro-block .page-title-content i, body:not(.home) .page-intro-block .full-width-image-block body.home .page-title-content .quote-text, body:not(.home) .page-intro-block .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, body:not(.home) .page-intro-block .hotel-timeline-block .title body.home .page-title-content .title-text, body:not(.home) .page-intro-block .page-title-content .image-text-grid.container-lg .heading, .image-text-grid.container-lg body:not(.home) .page-intro-block .page-title-content .heading,
body:not(.home) .page-intro-block .page-title-content h1,
body:not(.home) .page-intro-block .page-title-content .hotel-timeline-block .title .title-text,
.hotel-timeline-block .title body:not(.home) .page-intro-block .page-title-content .title-text,
body:not(.home) .page-intro-block .page-title-content .home-team-circles .home-team-circles-intro .content .heading,
.home-team-circles .home-team-circles-intro .content body:not(.home) .page-intro-block .page-title-content .heading,
body:not(.home) .page-intro-block .page-title-content .full-width-image-block .quote-text,
.full-width-image-block body:not(.home) .page-intro-block .page-title-content .quote-text {
max-width: 100%;
}
body:not(.home) .page-intro-block .page-title-content br {
display: none;
}
}
@media only screen and (max-width: 600px) {
body:not(.home) .page-intro-block .page-title-content {
padding: 54px 36px 54px 36px;
}
body:not(.home) .page-intro-block .page-title-content h2, body:not(.home) .page-intro-block .page-title-content .search-for i, .search-for body:not(.home) .page-intro-block .page-title-content i, body:not(.home) .page-intro-block .full-width-image-block body.home .page-title-content .quote-text, body:not(.home) .page-intro-block .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, body:not(.home) .page-intro-block .hotel-timeline-block .title body.home .page-title-content .title-text, body:not(.home) .page-intro-block .page-title-content .image-text-grid.container-lg .heading, .image-text-grid.container-lg body:not(.home) .page-intro-block .page-title-content .heading,
body:not(.home) .page-intro-block .page-title-content h1,
body:not(.home) .page-intro-block .page-title-content .hotel-timeline-block .title .title-text,
.hotel-timeline-block .title body:not(.home) .page-intro-block .page-title-content .title-text,
body:not(.home) .page-intro-block .page-title-content .home-team-circles .home-team-circles-intro .content .heading,
.home-team-circles .home-team-circles-intro .content body:not(.home) .page-intro-block .page-title-content .heading,
body:not(.home) .page-intro-block .page-title-content .full-width-image-block .quote-text,
.full-width-image-block body:not(.home) .page-intro-block .page-title-content .quote-text {
font-size: 30px;
line-height: 40px;
}
}
body:not(.home) .page-intro-block .page-intro-content .content {
padding: 87px 65px 79px 72px;
}
@media only screen and (max-width: 552px) {
body:not(.home) .page-intro-block .page-intro-content .content {
padding: 60px 20px 60px 34px;
}
}
@media only screen and (max-width: 800px) {
body:not(.home) .page-intro-block .page-intro-content {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 800px) {
body:not(.home) .page-intro-block .page-intro-container {
flex-direction: column;
}
}
@media only screen and (max-width: 800px) {
body:not(.home) .page-intro-block .page-title {
margin-bottom: 50px;
padding-left: 0px;
padding-right: 0px;
margin-top: -87px;
}
}
body:not(.home) .menu-intro-block {
display: none;
}
.header-banner {
display: flex;
flex-direction: column;
position: relative;
}
.header-banner img {
width: 100%;
height: auto;
transition: transform 0.8s;
overflow: hidden;
}
.header-banner .header-banner-container {
overflow: hidden;
display: flex;
flex-direction: column;
}
.header-banner .header-banner-container .item picture {
display: flex;
flex-direction: column;
}
.header-banner:before {
opacity: 0.3;
}
@media only screen and (min-width: 851px) {
.header-banner {
background-image: none !important;
}
}
.header-banner:hover img {
/* transform: scale(1.1); */
}
.full-width-image-block {
position: relative;
}
.full-width-image-block .full-width-image-container {
min-height: 700px;
display: flex;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media only screen and (max-width: 1200px) {
.full-width-image-block .full-width-image-container {
min-height: 600px;
}
}
.full-width-image-block .full-width-image-container.bg--overlay::before {
opacity: 0.3;
}
.full-width-image-block .content {
max-width: 1220px;
width: 100%;
padding: 60px;
height: 100%;
z-index: 10;
position: relative;
}
.full-width-image-block img {
width: 100%;
}
.full-width-image-block .image {
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 1023px) {
.full-width-image-block .image {
display: none;
}
}
.full-width-image-block .btn-group {
margin-top: 50px;
}
@media only screen and (max-width: 1200px) {
.full-width-image-block .btn-group {
margin-top: 20px;
}
}
.full-width-image-block:not(.quote-block) .content {
text-align: center;
max-width: 900px;
}
@media only screen and (max-width: 1200px) {
.full-width-image-block:not(.quote-block) .content {
max-width: 650px;
}
}
@media only screen and (max-width: 1023px) {
.full-width-image-block:not(.quote-block) .content {
max-width: 450px;
}
}
@media only screen and (max-width: 768px) {
.full-width-image-block:not(.quote-block) .content {
max-width: 100%;
}
}
@media only screen and (max-width: 552px) {
.full-width-image-block:not(.quote-block) .content {
padding: 60px 30px;
}
}
.full-width-image-block:not(.quote-block):before {
opacity: 0.4;
}
.full-width-image-block h1, .full-width-image-block .hotel-timeline-block .title .title-text, .hotel-timeline-block .title .full-width-image-block .title-text, .full-width-image-block .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content .full-width-image-block .heading, .full-width-image-block .quote-text {
font-size: 38px;
line-height: 50px;
}
@media only screen and (max-width: 1200px) {
.full-width-image-block h1, .full-width-image-block .hotel-timeline-block .title .title-text, .hotel-timeline-block .title .full-width-image-block .title-text, .full-width-image-block .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content .full-width-image-block .heading, .full-width-image-block .quote-text {
font-size: 30px;
line-height: 42px;
}
}
@media only screen and (max-width: 1023px) {
.full-width-image-block h1, .full-width-image-block .hotel-timeline-block .title .title-text, .hotel-timeline-block .title .full-width-image-block .title-text, .full-width-image-block .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content .full-width-image-block .heading, .full-width-image-block .quote-text {
font-size: 20px;
line-height: 27px;
}
}
.full-width-image-block.quote-block:before {
opacity: 0.5;
}
.full-width-image-block.quote-block .content {
max-width: 967px;
}
@media only screen and (max-width: 1200px) {
.full-width-image-block.quote-block .content {
max-width: 870px;
}
}
@media only screen and (max-width: 1023px) {
.full-width-image-block.quote-block .content {
max-width: 620px;
}
}
.full-width-image-block.quote-block .content-container::before {
content: "";
width: 96px;
height: 50px;
background-image: url("https://cycashospitality.com/wp-content/themes/cycas//assets/images/icons/quote.svg");
display: block;
background-size: cover;
margin-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
.full-width-image-block.quote-block .content-container::before {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1023px) {
.full-width-image-block.quote-block .content-container::before {
width: 86px;
height: 40px;
}
}
@media only screen and (max-width: 552px) {
.full-width-image-block.quote-block .content-container::before {
width: 42px;
height: 24px;
}
}
.full-width-image-block.quote-block .quote-by {
color: #FFFFFF;
margin-top: 25px;
}
@media only screen and (max-width: 1200px) {
.full-width-image-block.quote-block .quote-by {
margin-top: 20px;
}
}
.full-width-image-block .quote-text {
color: #FFFFFF;
}
.full-width-image-block.block--overlap {
margin-top: -100px;
}
.page-intro-block + .full-width-image-block.block--overlap {
margin-top: -250px;
}
@media only screen and (max-width: 1024px) {
.page-intro-block + .full-width-image-block.block--overlap {
margin-top: -175px;
}
}
@media only screen and (max-width: 800px) {
.page-intro-block + .full-width-image-block.block--overlap {
margin-top: 0px;
}
}
body.page-template-template-page-builder .full-width-image-block:not(.quote-block) .content {
text-align: center;
max-width: 1200px;
}
body.page-template-template-page-builder .full-width-image-block:not(.quote-block) .content .btn {
margin-top: 35px;
}
@media only screen and (max-width: 552px) {
body.page-template-template-page-builder .full-width-image-block:not(.quote-block) .content {
padding: 60px 30px;
}
}
body.page-template-template-page-builder .full-width-image-block:not(.quote-block):before {
opacity: 0.4;
}
.instagram-block {
padding-top: 100px;
background-color: #FFFFFF;
}
@media only screen and (max-width: 640px) {
.instagram-block {
padding-top: 50px;
background-color: transparent;
}
}
.instagram-block .instagram-block-title {
display: flex;
justify-content: center;
margin-bottom: 25px;
align-items: center;
}
.instagram-block .instagram-block-title h2, .instagram-block .instagram-block-title .search-for i, .search-for .instagram-block .instagram-block-title i, .instagram-block .instagram-block-title body.home .page-title-content h1, body.home .page-title-content .instagram-block .instagram-block-title h1, .instagram-block .instagram-block-title body.home .page-title-content .full-width-image-block .quote-text, body.home .page-title-content .full-width-image-block .instagram-block .instagram-block-title .quote-text, .instagram-block .instagram-block-title .full-width-image-block body.home .page-title-content .quote-text, .full-width-image-block body.home .page-title-content .instagram-block .instagram-block-title .quote-text, .instagram-block .instagram-block-title body.home .page-title-content .home-team-circles .home-team-circles-intro .content .heading, body.home .page-title-content .home-team-circles .home-team-circles-intro .content .instagram-block .instagram-block-title .heading, .instagram-block .instagram-block-title .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-title-content .instagram-block .instagram-block-title .heading, .instagram-block .instagram-block-title body.home .page-title-content .hotel-timeline-block .title .title-text, body.home .page-title-content .hotel-timeline-block .title .instagram-block .instagram-block-title .title-text, .instagram-block .instagram-block-title .hotel-timeline-block .title body.home .page-title-content .title-text, .hotel-timeline-block .title body.home .page-title-content .instagram-block .instagram-block-title .title-text, .instagram-block .instagram-block-title .image-text-grid.container-lg .heading, .image-text-grid.container-lg .instagram-block .instagram-block-title .heading {
color: #189879;
text-align: center;
justify-content: center;
position: relative;
margin-left: 20px;
}
.instagram-block .instagram-feeds ul {
display: flex;
flex-wrap: wrap;
}
.instagram-block .instagram-feeds li {
display: flex;
flex-direction: column;
width: 25%;
}
@media only screen and (max-width: 552px) {
.instagram-block .instagram-feeds li {
width: 50%;
}
}
.cycas-instagram {
display: flex;
}
@media only screen and (max-width: 552px) {
.cycas-instagram {
display: none;
}
}
.instagram-text {
display: none;
}
@media only screen and (max-width: 552px) {
.instagram-text {
display: flex;
}
}
.carousel-block {
margin-top: 30px;
margin-bottom: 100px;
}
.carousel-block .carousel-container {
display: flex;
}
@media only screen and (max-width: 1023px) {
.carousel-block .carousel-container {
max-width: 650px;
}
}
@media only screen and (max-width: 800px) {
.carousel-block .carousel-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 634px) {
.carousel-block .carousel-container {
flex-direction: column;
align-items: center;
}
}
.carousel-block .carousel-container-slider {
margin-left: -20px;
margin-right: -20px;
}
.carousel-block .carousel-first-slide {
width: 33.3333%;
background-color: #189879;
background-clip: content-box;
margin-left: -20px;
}
@media only screen and (max-width: 1023px) {
.carousel-block .carousel-first-slide {
width: 50%;
}
}
@media only screen and (max-width: 800px) {
.carousel-block .carousel-first-slide {
margin-left: 0px;
}
}
@media only screen and (max-width: 634px) {
.carousel-block .carousel-first-slide {
width: 75%;
min-height: 320px;
}
}
@media only screen and (max-width: 552px) {
.carousel-block .carousel-first-slide {
width: 100%;
}
}
.carousel-block .carousel-first-slide h1, .carousel-block .carousel-first-slide .hotel-timeline-block .title .title-text, .hotel-timeline-block .title .carousel-block .carousel-first-slide .title-text, .carousel-block .carousel-first-slide .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content .carousel-block .carousel-first-slide .heading, .carousel-block .carousel-first-slide .full-width-image-block .quote-text, .full-width-image-block .carousel-block .carousel-first-slide .quote-text {
color: #E4E0D8;
max-width: 300px;
}
.carousel-block .carousel-first-slide .carousel-first-slide-container {
padding: 55px 88px 33px 63px;
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
.carousel-block .carousel-first-slide .carousel-first-slide-container {
padding: 35px 68px 30px 43px;
}
}
@media only screen and (max-width: 634px) {
.carousel-block .carousel-first-slide .carousel-first-slide-container {
padding: 85px 43px 65px 43px;
text-align: center;
align-items: center;
}
}
.carousel-block .carousel-first-slide .carousel-first-slide-container .btn-group {
margin-top: 50px;
}
.carousel-block .carousel-first-slide,
.carousel-block .carousel-item {
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (max-width: 1440px) {
.carousel-block .carousel-first-slide,
.carousel-block .carousel-item {
padding-left: 15px;
padding-right: 15px;
}
}
@media only screen and (max-width: 1200px) {
.carousel-block .carousel-first-slide,
.carousel-block .carousel-item {
padding-left: 10px;
padding-right: 10px;
}
}
@media only screen and (max-width: 1023px) {
.carousel-block .carousel-first-slide,
.carousel-block .carousel-item {
padding: 0px;
}
}
.carousel-block .carousel-section {
width: 66.6666%;
}
@media only screen and (max-width: 1023px) {
.carousel-block .carousel-section {
width: 50%;
}
}
@media only screen and (max-width: 634px) {
.carousel-block .carousel-section {
width: 75%;
}
}
@media only screen and (max-width: 552px) {
.carousel-block .carousel-section {
width: 100%;
}
}
.carousel-block .image {
display: flex;
flex-direction: column;
overflow: hidden;
}
.carousel-block .carousel-item {
position: relative;
}
.carousel-block .carousel-item.open-hotel-modal,
.hotels-archive-list .open-hotel-modal{
cursor: pointer;
}
.carousel-block .carousel-item:before {
content: "";
position: absolute;
width: calc(100% - 40px);
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.94%, rgba(0, 0, 0, 0.5) 100%);
z-index: 1;
}
@media only screen and (max-width: 1440px) {
.carousel-block .carousel-item:before {
width: calc(100% - 30px);
}
}
@media only screen and (max-width: 1200px) {
.carousel-block .carousel-item:before {
width: calc(100% - 20px);
}
}
@media only screen and (max-width: 1023px) {
.carousel-block .carousel-item:before {
width: 100%;
}
}
.carousel-block .carousel-item .content {
position: absolute;
bottom: 30px;
left: 48px;
z-index: 2;
}
@media only screen and (max-width: 1440px) {
.carousel-block .carousel-item .content {
left: 43px;
}
}
@media only screen and (max-width: 1200px) {
.carousel-block .carousel-item .content {
left: 38px;
bottom: 20px;
}
.carousel-block .carousel-item .content h3 {
font-size: 18px;
line-height: 25px;
}
}
.carousel-block .carousel-item:hover img {
transform: scale(1.1);
}
.carousel-block .carousel-item * {
color: #FFFFFF;
}
.carousel-block .slick-slide img {
width: 100%;
transition: transform 0.8s;
}
.carousel-block .slick-prev,
.carousel-block .slick-next {
bottom: -55px;
top: auto;
width: 57px;
}
.carousel-block .slick-prev::before,
.carousel-block .slick-next::before {
display: none;
}
.carousel-block .slick-prev {
left: calc(50% - 100px);
}
.carousel-block .slick-next {
right: calc(50% - 100px);
}
.home-team-circles {
width: 100%;
height: 1200px;
overflow: hidden;
padding-left: 50px;
padding-right: 50px;
box-sizing: border-box;
padding-top: 100px;
}
@media only screen and (max-width: 1650px) {
.home-team-circles {
height: 1200px;
}
}
@media only screen and (max-width: 1280px) {
.home-team-circles {
height: 1150px;
padding-left: 25px;
padding-right: 25px;
}
}
@media only screen and (max-width: 1200px) {
.home-team-circles {
margin-top: 100px;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles {
height: 1250px;
}
}
@media only screen and (max-width: 640px) {
.home-team-circles {
height: 1250px;
padding-top: 50px;
}
}
@media only screen and (max-width: 400px) {
.home-team-circles {
height: 1300px;
}
}
.home-team-circles .home-team-cricles-container {
position: relative;
background-color: #f2f2f2;
box-sizing: border-box;
margin-top: -8%;
}
@media only screen and (max-width: 1650px) {
.home-team-circles .home-team-cricles-container {
margin-top: -6%;
}
}
.home-team-circles .team-circle {
transition-property: transform;
transition-timing-function: ease-in-out;
position: absolute;
width: 100px;
height: 100px;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 10px;
box-sizing: border-box;
background-repeat: no-repeat;
background-size: cover;
}
.home-team-circles .team-circle.circle-text,
.home-team-circles .team-circle .circle-text {
background-color: #189879;
}
.home-team-circles .team-circle .circle-text {
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
background-repeat: no-repeat;
background-size: cover;
}
.home-team-circles .team-circle .team-circle-container {
border-radius: 50%;
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.home-team-circles .team-circle:nth-child(1) {
width: 293px;
height: 293px;
left: 84%;
top: -90px;
box-sizing: content-box;
}
.home-team-circles .team-circle:nth-child(1) .circle-text {
width: 293px;
height: 293px;
}
@media only screen and (min-width: 1281px) {
.home-team-circles .team-circle:nth-child(1) {
transform: translate(-84%, 0) !important;
}
}
@media only screen and (max-width: 1280px) {
.home-team-circles .team-circle:nth-child(1) {
transform: scale(0.8) translate(-84%, 0) !important;
}
}
@media only screen and (max-width: 1024px) {
.home-team-circles .team-circle:nth-child(1) {
transform: scale(0.7) translate(-84%, 0) !important;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(1) {
left: 79%;
top: 0;
}
}
@media only screen and (max-width: 640px) {
.home-team-circles .team-circle:nth-child(1) {
transform: scale(1) translate(-84%, 0) !important;
}
}
@media only screen and (max-width: 480px) {
.home-team-circles .team-circle:nth-child(1) {
transform: scale(0.9) translate(-84%, 0) !important;
}
}
.home-team-circles .team-circle:nth-child(2) {
width: 202px;
height: 202px;
left: 61%;
top: 210px;
box-sizing: content-box;
}
.home-team-circles .team-circle:nth-child(2) .circle-text {
width: 202px;
height: 202px;
}
@media only screen and (min-width: 1281px) {
.home-team-circles .team-circle:nth-child(2) {
transform: translate(-61%, 0) !important;
}
}
@media only screen and (max-width: 1280px) {
.home-team-circles .team-circle:nth-child(2) {
transform: scale(0.8) translate(-61%, 0) !important;
}
}
@media only screen and (max-width: 1024px) {
.home-team-circles .team-circle:nth-child(2) {
transform: scale(0.7) translate(-61%, 0) !important;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(2) {
left: 45%;
top: 100px;
}
}
@media only screen and (max-width: 640px) {
.home-team-circles .team-circle:nth-child(2) {
transform: scale(1) translate(-61%, 0) !important;
}
}
@media only screen and (max-width: 480px) {
.home-team-circles .team-circle:nth-child(2) {
transform: scale(0.9) translate(-61%, 0) !important;
}
}
.home-team-circles .team-circle:nth-child(3) {
width: 255px;
height: 255px;
left: 100%;
top: 170px;
box-sizing: content-box;
}
.home-team-circles .team-circle:nth-child(3) .circle-text {
width: 255px;
height: 255px;
}
@media only screen and (min-width: 1281px) {
.home-team-circles .team-circle:nth-child(3) {
transform: translate(-100%, 0) !important;
}
}
@media only screen and (max-width: 1280px) {
.home-team-circles .team-circle:nth-child(3) {
transform: scale(0.8) translate(-100%, 0) !important;
}
}
@media only screen and (max-width: 1024px) {
.home-team-circles .team-circle:nth-child(3) {
transform: scale(0.7) translate(-100%, 0) !important;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(3) {
left: 93%;
top: 223px;
}
}
@media only screen and (max-width: 640px) {
.home-team-circles .team-circle:nth-child(3) {
transform: scale(1) translate(-100%, 0) !important;
}
}
@media only screen and (max-width: 480px) {
.home-team-circles .team-circle:nth-child(3) {
transform: scale(0.9) translate(-100%, 0) !important;
}
}
.home-team-circles .team-circle:nth-child(4) {
width: 160px;
height: 160px;
left: 77%;
top: 380px;
box-sizing: content-box;
}
.home-team-circles .team-circle:nth-child(4) .circle-text {
width: 160px;
height: 160px;
}
@media only screen and (min-width: 1281px) {
.home-team-circles .team-circle:nth-child(4) {
transform: translate(-77%, 0) !important;
}
}
@media only screen and (max-width: 1280px) {
.home-team-circles .team-circle:nth-child(4) {
transform: scale(0.8) translate(-77%, 0) !important;
}
}
@media only screen and (max-width: 1024px) {
.home-team-circles .team-circle:nth-child(4) {
transform: scale(0.7) translate(-77%, 0) !important;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(4) {
left: 68%;
top: 401px;
}
}
@media only screen and (max-width: 640px) {
.home-team-circles .team-circle:nth-child(4) {
transform: scale(1) translate(-77%, 0) !important;
}
}
@media only screen and (max-width: 480px) {
.home-team-circles .team-circle:nth-child(4) {
transform: scale(0.9) translate(-77%, 0) !important;
}
}
.home-team-circles .team-circle:nth-child(5) {
width: 239px;
height: 239px;
left: 92%;
top: 550px;
box-sizing: content-box;
}
.home-team-circles .team-circle:nth-child(5) .circle-text {
width: 239px;
height: 239px;
}
@media only screen and (min-width: 1281px) {
.home-team-circles .team-circle:nth-child(5) {
transform: translate(-92%, 0) !important;
}
}
@media only screen and (max-width: 1280px) {
.home-team-circles .team-circle:nth-child(5) {
transform: scale(0.8) translate(-92%, 0) !important;
}
}
@media only screen and (max-width: 1024px) {
.home-team-circles .team-circle:nth-child(5) {
transform: scale(0.7) translate(-92%, 0) !important;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(5) {
left: 88%;
top: 525px;
}
}
@media only screen and (max-width: 640px) {
.home-team-circles .team-circle:nth-child(5) {
transform: scale(1) translate(-92%, 0) !important;
}
}
@media only screen and (max-width: 480px) {
.home-team-circles .team-circle:nth-child(5) {
transform: scale(0.9) translate(-92%, 0) !important;
}
}
.home-team-circles .team-circle:nth-child(6) {
width: 282px;
height: 282px;
left: 62%;
top: 530px;
box-sizing: content-box;
}
.home-team-circles .team-circle:nth-child(6) .circle-text {
width: 282px;
height: 282px;
}
@media only screen and (min-width: 1281px) {
.home-team-circles .team-circle:nth-child(6) {
transform: translate(-62%, 0) !important;
}
}
@media only screen and (max-width: 1280px) {
.home-team-circles .team-circle:nth-child(6) {
transform: scale(0.8) translate(-62%, 0) !important;
}
}
@media only screen and (max-width: 1024px) {
.home-team-circles .team-circle:nth-child(6) {
transform: scale(0.7) translate(-62%, 0) !important;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(6) {
left: 62%;
top: 680px;
}
}
@media only screen and (max-width: 640px) {
.home-team-circles .team-circle:nth-child(6) {
transform: scale(1) translate(-62%, 0) !important;
}
}
@media only screen and (max-width: 480px) {
.home-team-circles .team-circle:nth-child(6) {
transform: scale(0.9) translate(-62%, 0) !important;
}
}
.home-team-circles .team-circle:nth-child(7) {
width: 168px;
height: 168px;
left: 43%;
top: 400px;
box-sizing: content-box;
}
.home-team-circles .team-circle:nth-child(7) .circle-text {
width: 168px;
height: 168px;
}
@media only screen and (min-width: 1281px) {
.home-team-circles .team-circle:nth-child(7) {
transform: translate(-43%, 0) !important;
}
}
@media only screen and (max-width: 1280px) {
.home-team-circles .team-circle:nth-child(7) {
transform: scale(0.8) translate(-43%, 0) !important;
}
}
@media only screen and (max-width: 1024px) {
.home-team-circles .team-circle:nth-child(7) {
transform: scale(0.7) translate(-43%, 0) !important;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(7) {
left: 47%;
top: 282px;
}
}
@media only screen and (max-width: 640px) {
.home-team-circles .team-circle:nth-child(7) {
transform: scale(1) translate(-43%, 0) !important;
}
}
@media only screen and (max-width: 480px) {
.home-team-circles .team-circle:nth-child(7) {
transform: scale(0.9) translate(-43%, 0) !important;
}
}
.home-team-circles .team-circle:nth-child(8) {
width: 203px;
height: 203px;
left: 28%;
top: 250px;
box-sizing: content-box;
}
.home-team-circles .team-circle:nth-child(8) .circle-text {
width: 203px;
height: 203px;
}
@media only screen and (min-width: 1281px) {
.home-team-circles .team-circle:nth-child(8) {
transform: translate(-28%, 0) !important;
}
}
@media only screen and (max-width: 1280px) {
.home-team-circles .team-circle:nth-child(8) {
transform: scale(0.8) translate(-28%, 0) !important;
}
}
@media only screen and (max-width: 1024px) {
.home-team-circles .team-circle:nth-child(8) {
transform: scale(0.7) translate(-28%, 0) !important;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(8) {
left: 15%;
top: 170px;
}
}
@media only screen and (max-width: 640px) {
.home-team-circles .team-circle:nth-child(8) {
transform: scale(1) translate(-28%, 0) !important;
}
}
@media only screen and (max-width: 480px) {
.home-team-circles .team-circle:nth-child(8) {
transform: scale(0.9) translate(-28%, 0) !important;
}
}
.home-team-circles .team-circle:nth-child(9) {
width: 262px;
height: 262px;
left: 5%;
top: 300px;
box-sizing: content-box;
}
.home-team-circles .team-circle:nth-child(9) .circle-text {
width: 262px;
height: 262px;
}
@media only screen and (min-width: 1281px) {
.home-team-circles .team-circle:nth-child(9) {
transform: translate(-5%, 0) !important;
}
}
@media only screen and (max-width: 1280px) {
.home-team-circles .team-circle:nth-child(9) {
transform: scale(0.8) translate(-5%, 0) !important;
}
}
@media only screen and (max-width: 1024px) {
.home-team-circles .team-circle:nth-child(9) {
transform: scale(0.7) translate(-5%, 0) !important;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(9) {
left: 3%;
top: 330px;
}
}
@media only screen and (max-width: 640px) {
.home-team-circles .team-circle:nth-child(9) {
transform: scale(1) translate(-5%, 0) !important;
}
}
@media only screen and (max-width: 480px) {
.home-team-circles .team-circle:nth-child(9) {
transform: scale(0.9) translate(-5%, 0) !important;
}
}
.home-team-circles .team-circle:nth-child(10) {
width: 124px;
height: 124px;
left: 20%;
top: 550px;
box-sizing: content-box;
}
.home-team-circles .team-circle:nth-child(10) .circle-text {
width: 124px;
height: 124px;
}
@media only screen and (min-width: 1281px) {
.home-team-circles .team-circle:nth-child(10) {
transform: translate(-20%, 0) !important;
}
}
@media only screen and (max-width: 1280px) {
.home-team-circles .team-circle:nth-child(10) {
transform: scale(0.8) translate(-20%, 0) !important;
}
}
@media only screen and (max-width: 1024px) {
.home-team-circles .team-circle:nth-child(10) {
transform: scale(0.7) translate(-20%, 0) !important;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(10) {
left: 38%;
top: 450px;
}
}
@media only screen and (max-width: 640px) {
.home-team-circles .team-circle:nth-child(10) {
transform: scale(1) translate(-20%, 0) !important;
}
}
@media only screen and (max-width: 480px) {
.home-team-circles .team-circle:nth-child(10) {
transform: scale(0.9) translate(-20%, 0) !important;
}
}
.home-team-circles .team-circle:nth-child(11) {
width: 219px;
height: 219px;
left: 34%;
top: 600px;
box-sizing: content-box;
}
.home-team-circles .team-circle:nth-child(11) .circle-text {
width: 219px;
height: 219px;
}
@media only screen and (min-width: 1281px) {
.home-team-circles .team-circle:nth-child(11) {
transform: translate(-34%, 0) !important;
}
}
@media only screen and (max-width: 1280px) {
.home-team-circles .team-circle:nth-child(11) {
transform: scale(0.8) translate(-34%, 0) !important;
}
}
@media only screen and (max-width: 1024px) {
.home-team-circles .team-circle:nth-child(11) {
transform: scale(0.7) translate(-34%, 0) !important;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(11) {
left: 37%;
top: 550px;
}
}
@media only screen and (max-width: 640px) {
.home-team-circles .team-circle:nth-child(11) {
transform: scale(1) translate(-34%, 0) !important;
}
}
@media only screen and (max-width: 480px) {
.home-team-circles .team-circle:nth-child(11) {
transform: scale(0.9) translate(-34%, 0) !important;
}
}
.home-team-circles .team-circle:nth-child(12) {
width: 261px;
height: 261px;
left: 0%;
top: 601px;
box-sizing: content-box;
}
.home-team-circles .team-circle:nth-child(12) .circle-text {
width: 261px;
height: 261px;
}
@media only screen and (min-width: 1281px) {
.home-team-circles .team-circle:nth-child(12) {
transform: translate(0%, 0) !important;
}
}
@media only screen and (max-width: 1280px) {
.home-team-circles .team-circle:nth-child(12) {
transform: scale(0.8) translate(0%, 0) !important;
}
}
@media only screen and (max-width: 1024px) {
.home-team-circles .team-circle:nth-child(12) {
transform: scale(0.7) translate(0%, 0) !important;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(12) {
left: -2%;
top: 601px;
}
}
@media only screen and (max-width: 640px) {
.home-team-circles .team-circle:nth-child(12) {
transform: scale(1) translate(0%, 0) !important;
}
}
@media only screen and (max-width: 480px) {
.home-team-circles .team-circle:nth-child(12) {
transform: scale(0.9) translate(0%, 0) !important;
}
}
@media only screen and (max-width: 1650px) {
.home-team-circles .team-circle:nth-child(1) {
left: 79%;
top: 42px;
transform: translate(-79%, 0);
}
.home-team-circles .team-circle:nth-child(2) {
left: 56%;
top: 210px;
transform: translate(-56%, 0);
}
.home-team-circles .team-circle:nth-child(3) {
top: 240px;
}
}
@media only screen and (max-width: 1440px) {
.home-team-circles .team-circle:nth-child(1) {
left: 84%;
top: -90px;
transform: translate(-84%, 0);
}
}
@media only screen and (max-width: 1280px) {
.home-team-circles .team-circle:nth-child(1) {
left: 79%;
top: 42px;
transform: translate(-79%, 0);
}
.home-team-circles .team-circle:nth-child(12) {
left: -2%;
}
.home-team-circles .team-circle:nth-child(3) {
left: 97%;
}
.home-team-circles .team-circle:nth-child(9) {
left: 3%;
top: 330px;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(1) {
left: 79%;
top: 0;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(2) {
left: 45%;
top: 100px;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(3) {
left: 93%;
top: 223px;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(4) {
left: 68%;
top: 401px;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(5) {
left: 88%;
top: 525px;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(6) {
left: 62%;
top: 680px;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(7) {
left: 47%;
top: 282px;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(8) {
left: 15%;
top: 170px;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(9) {
left: 3%;
top: 330px;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(10) {
left: 38%;
top: 450px;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(11) {
left: 37%;
top: 550px;
}
}
@media only screen and (max-width: 870px) {
.home-team-circles .team-circle:nth-child(12) {
left: -2%;
top: 601px;
}
}
@media only screen and (max-width: 640px) {
.home-team-circles .team-circle:nth-child(8), .home-team-circles .team-circle:nth-child(7), .home-team-circles .team-circle:nth-child(9), .home-team-circles .team-circle:nth-child(10), .home-team-circles .team-circle:nth-child(12), .home-team-circles .team-circle:nth-child(11) {
display: none;
}
.home-team-circles .team-circle:nth-child(1) {
left: 52%;
top: 110px;
}
.home-team-circles .team-circle:nth-child(1) .circle-text {
width: 214px;
height: 215px;
}
.home-team-circles .team-circle:nth-child(2) {
left: 82%;
top: 320px;
height: 164px;
width: 164px;
}
.home-team-circles .team-circle:nth-child(5) {
height: 111px;
width: 111px;
left: 31%;
top: 400px;
}
.home-team-circles .team-circle:nth-child(4) {
left: 75%;
top: 501px;
}
.home-team-circles .team-circle:nth-child(4) .circle-text {
height: 157px;
width: 157px;
}
.home-team-circles .team-circle:nth-child(6) {
left: 31%;
top: 650px;
height: 192px;
width: 192px;
}
.home-team-circles .team-circle:nth-child(3) {
left: 94%;
top: 670px;
height: 155px;
width: 155px;
}
}
@media only screen and (max-width: 400px) {
.home-team-circles .team-circle:nth-child(1) {
left: 62%;
top: 100px;
}
.home-team-circles .team-circle:nth-child(2) {
top: 296px;
}
.home-team-circles .team-circle:nth-child(3) {
top: 700px;
}
.home-team-circles .team-circle:nth-child(5) {
top: 385px;
}
.home-team-circles .team-circle:nth-child(4) {
top: 464px;
}
.home-team-circles .team-circle:nth-child(6) {
top: 600px;
}
}
.home-team-circles .team-circle .heading,
.home-team-circles .team-circle .content {
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.12em;
text-align: center;
color: #E4E0D8;
text-transform: uppercase;
}
.home-team-circles .team-circle .heading {
font-size: 64px;
line-height: 49px;
margin-bottom: 10px;
letter-spacing: 0.06em;
}
@media only screen and (max-width: 640px) {
.home-team-circles .team-circle .heading {
font-size: 50px;
line-height: 42px;
}
}
.home-team-circles .team-circle .content {
font-size: 14px;
line-height: 21px;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
letter-spacing: 0.1em;
}
@media only screen and (max-width: 640px) {
.home-team-circles .team-circle .content {
font-size: 12px;
line-height: 20px;
}
}
.home-team-circles .home-team-circles-intro {
padding-left: 50px;
padding-right: 50px;
}
@media only screen and (max-width: 1200px) {
.home-team-circles .home-team-circles-intro {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 1023px) {
.home-team-circles .home-team-circles-intro {
padding-left: 0px;
padding-right: 0px;
}
}
@media only screen and (max-width: 640px) {
.home-team-circles .home-team-circles-intro {
text-align: center;
}
}
.home-team-circles .home-team-circles-intro .content {
max-width: 942px;
}
@media only screen and (max-width: 1440px) {
.home-team-circles .home-team-circles-intro .content {
max-width: 680px;
}
}
.home-team-circles .home-team-circles-intro .content .heading {
margin-bottom: 35px;
}
@media only screen and (max-width: 640px) {
.home-team-circles .home-team-circles-intro .content .heading {
margin-bottom: 30px;
}
}
.home-team-circles .home-team-circles-intro .content * {
color: #189879;
}
@media only screen and (max-width: 768px) {
.home-team-circles .home-team-circles-intro .content * {
max-width: 540px;
}
}
.home-team-circles .home-team-circles-intro .btn-group {
position: absolute;
margin-top: 25px;
}
@media only screen and (max-width: 640px) {
.home-team-circles .home-team-circles-intro .btn-group {
width: calc(100% - 50px);
}
}
.team-block .title {
font-size: 38px;
line-height: 50px;
color: #189879;
text-align: center;
margin-bottom: 37px;
}
@media only screen and (max-width: 552px) {
.team-block .title {
font-size: 30px;
line-height: 40px;
}
}
.team-block .name,
.team-block .position {
font-size: 18px;
line-height: 30px;
letter-spacing: 0.04px;
font-weight: 700;
color: #189879;
text-transform: none;
max-width: 250px;
margin: 0 auto;
}
.team-block .image {
margin-bottom: 10px;
}
.team-block .image img {
border-radius: 50%;
}
.team-block .position {
font-weight: 400;
}
.team-block .team-block-container {
padding: 204px 100px 123px 100px;
margin-bottom: 112px;
}
@media only screen and (max-width: 1024px) {
.team-block .team-block-container {
padding: 204px 35px 123px;
}
}
@media only screen and (max-width: 600px) {
.team-block .team-block-container {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 552px) {
.team-block .team-block-container {
padding: 204px 35px 123px 35px;
}
}
.team-block .team-level {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.team-block .team-level.bio-modal .image {
cursor: pointer;
}
.team-block .team-level:last-child {
margin-bottom: 0px;
}
@media only screen and (max-width: 768px) {
.team-block .team-level:not(:only-child) {
margin-bottom: 100px;
}
.team-block .team-level:last-child {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 600px) {
.team-block .team-level {
flex-direction: column;
}
}
.team-block .team-content {
width: 25%;
text-align: center;
margin-bottom: 65px;
}
@media only screen and (max-width: 1024px) {
.team-block .team-content {
width: 33.333%;
}
}
@media only screen and (max-width: 768px) {
.team-block .team-content {
width: 50%;
margin-bottom: 25px;
}
.team-block .team-content:last-child {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 600px) {
.team-block .team-content {
width: 100%;
}
}
.anchor-block {
background-color: #FFFFFF;
}
.anchor-block .anchor-block-container {
padding: 147px 35px 0px;
}
@media only screen and (max-width: 600px) {
.anchor-block .anchor-block-container {
padding-left: 0px;
padding-right: 0px;
padding-top: 100px;
padding-bottom: 100px;
}
}
.anchor-block .block-title,
.anchor-block .single-anchor-title {
color: #189879;
text-align: center;
}
@media only screen and (max-width: 600px) {
.anchor-block .block-title,
.anchor-block .single-anchor-title {
padding-left: 20px;
padding-right: 20px;
}
}
.anchor-block .block-title {
font-size: 72px;
line-height: 70px;
margin-bottom: 36px;
}
@media only screen and (max-width: 1200px) {
.anchor-block .block-title {
font-size: 50px;
}
}
@media only screen and (max-width: 552px) {
.anchor-block .block-title {
font-size: 30px;
line-height: 40px;
}
}
.anchor-block .anchor-link ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.anchor-block .anchor-link li {
padding-left: 17px;
padding-right: 17px;
margin-bottom: 20px;
}
.anchor-block .anchor-link a {
font-size: 14px;
line-height: 29px;
text-transform: uppercase;
}
.anchor-block .single-anchor-title {
font-size: 38px;
line-height: 50px;
margin-bottom: 40px;
}
@media only screen and (max-width: 1200px) {
.anchor-block .single-anchor-title {
font-size: 30px;
line-height: 42px;
}
}
@media only screen and (max-width: 600px) {
.anchor-block .single-anchor-title {
font-size: 25px;
line-height: 37px;
}
}
.anchor-block .anchor-block-list {
margin-top: 40px;
}
.anchor-block .anchor-block-list .block-list {
padding: 64px 70px 90px;
}
@media only screen and (max-width: 1200px) {
.anchor-block .anchor-block-list .block-list {
padding: 64px 35px 90px;
}
}
@media only screen and (max-width: 600px) {
.anchor-block .anchor-block-list .block-list {
padding-left: 20px;
padding-right: 20px;
}
}
.anchor-block .anchor-block-list .block-list:nth-child(even) {
background-color: #F2F0EC;
}
.anchor-block .anchor-block-list .block-list:nth-child(odd) {
background-color: #E4E0D8;
}
.anchor-block .block-content {
display: flex;
flex-wrap: wrap;
}
.anchor-block .block-content .item {
width: 50%;
margin-bottom: 35px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
text-align: center;
}
@media only screen and (max-width: 850px) {
.anchor-block .block-content .item {
width: 100%;
}
}
.anchor-block .title {
font-size: 38px;
line-height: 50px;
color: #FFFFFF;
position: absolute;
bottom: 36px;
z-index: 100;
left: 0;
padding-left: 35px;
padding-right: 35px;
box-sizing: border-box;
width: 100%;
}
@media only screen and (max-width: 1200px) {
.anchor-block .title {
font-size: 30px;
line-height: 42px;
}
}
@media only screen and (max-width: 600px) {
.anchor-block .title {
font-size: 20px;
line-height: 26px;
bottom: 20px;
}
}
.anchor-block .item {
position: relative;
}
.anchor-block .image {
position: relative;
display: flex;
flex-direction: column;
cursor: pointer;
overflow: hidden;
}
.anchor-block .image img {
width: 100%;
transition: 0.8s;
}
.anchor-block .image:hover img {
transform: scale(1.1);
}
.anchor-block .image:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.94%, rgba(0, 0, 0, 0.5) 100%);
z-index: 1;
}
.single-block {
position: relative;
z-index: 10px;
}
@media only screen and (max-width: 1023px) {
.single-block.container-md {
padding-left: 25px;
padding-right: 25px;
}
}
@media only screen and (max-width: 600px) {
.single-block.container-md {
padding-left: 0px;
padding-right: 0px;
}
}
.single-block .title {
margin-bottom: 45px;
}
.single-block .half-block {
min-width: 800px;
max-width: 50%;
position: relative;
z-index: 100;
}
.single-block .half-block.two-third{
max-width: 75%;
}
@media only screen and (max-width: 850px) {
.single-block .half-block {
min-width: 100%;
}
}
.single-block .single-block-container {
background-color: #FFFFFF;
padding: 71px 60px 77px 72px;
box-sizing: border-box;
}
@media only screen and (max-width: 552px) {
.single-block .single-block-container {
padding: 60px 20px 60px 34px;
}
}
.single-block .title {
font-size: 38px;
line-height: 50px;
color: #189879;
}
@media only screen and (max-width: 552px) {
.single-block .title {
font-size: 30px;
line-height: 40px;
}
}
.single-block h4, .single-block .anchor-links li a, .anchor-links li .single-block a {
margin-top: 20px;
margin-bottom: 20px;
}
.single-block .btn-group {
margin-top: 50px;
}
.single-block .btn-group a {
margin-right: 25px;
}
.slider-block {
background-color: #FFFFFF;
padding-bottom: 150px;
padding-top: 150px;
}
.slider-block .slider-block-container {
font-size: 38px;
line-height: 50px;
color: #189879;
}
@media only screen and (max-width: 660px) {
.slider-block .slider-block-container {
padding-left: 35px;
padding-right: 35px;
box-sizing: border-box;
}
}
.slider-block .title,
.slider-block .content {
max-width: 600px;
margin: 0 auto;
text-align: center;
}
.slider-block .content {
margin-top: 15px;
text-transform: none;
}
.slider-block .slider-list {
margin: 0 auto;
margin-top: 40px;
max-width: 1200px;
}
@media only screen and (max-width: 1400px) {
.slider-block .slider-list {
max-width: 1000px;
}
}
@media only screen and (max-width: 1200px) {
.slider-block .slider-list {
max-width: 800px;
}
}
@media only screen and (max-width: 1023px) {
.slider-block .slider-list {
max-width: 600px;
}
}
@media only screen and (max-width: 768px) {
.slider-block .slider-list {
max-width: 500px;
}
}
@media only screen and (max-width: 660px) {
.slider-block .slider-list {
max-width: calc(100% - 80px);
}
}
.slider-block .slider-list .caption {
font-weight: 400;
font-size: 16px;
line-height: 23px;
letter-spacing: 0.04px;
text-align: center;
text-transform: none;
max-width: 200px;
margin: 0 auto;
margin-top: 10px;
}
.slider-block .slider-list .image {
width: 202px;
height: 166px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
border: 1px solid #e4e0d8;
box-sizing: border-box;
padding: 20px;
}
@media only screen and (max-width: 1400px) {
.slider-block .slider-list .image {
width: 180px;
height: 146px;
}
.slider-block .slider-list .image img {
max-width: 100px;
}
}
@media only screen and (max-width: 768px) {
.slider-block .slider-list .image {
width: 230px;
height: 196px;
}
}
@media only screen and (max-width: 400px) {
.slider-block .slider-list .image {
width: 180px;
height: 146px;
}
}
.slider-block .slider-list .slick-prev,
.slider-block .slider-list .slick-next {
top: 30%;
width: 57px;
height: 20px;
}
@media only screen and (max-width: 400px) {
.slider-block .slider-list .slick-prev,
.slider-block .slider-list .slick-next {
width: 40px;
}
}
.slider-block .slider-list .slick-prev {
left: -80px;
}
@media only screen and (max-width: 800px) {
.slider-block .slider-list .slick-prev {
left: -60px;
}
}
.slider-block .slider-list .slick-next {
left: auto;
right: -80px;
}
@media only screen and (max-width: 800px) {
.slider-block .slider-list .slick-next {
right: -60px;
}
}
.hotel-timeline-block {
display: flex;
}
@media only screen and (max-width: 900px) {
.hotel-timeline-block {
flex-direction: column;
}
.hotel-timeline-block.block--overlap {
margin-top: 0px;
}
}
.hotel-timeline-block .title {
background-color: #189879;
width: 94px;
position: relative;
}
.hotel-timeline-block .title .title-text {
font-size: 38px;
line-height: 50px;
color: #E4E0D8;
}
@media only screen and (min-width: 901px) {
.hotel-timeline-block .title .title-text {
transform: rotate(-180deg);
position: absolute;
left: 29px;
top: 40px;
writing-mode: vertical-lr;
}
}
@media only screen and (max-width: 1200px) {
.hotel-timeline-block .title {
width: 60px;
}
.hotel-timeline-block .title .title-text {
left: 16px;
top: 23px;
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (max-width: 900px) {
.hotel-timeline-block .title {
width: 100%;
height: 86px;
display: flex;
align-items: center;
justify-content: center;
}
}
.hotel-timeline-block .timeline-slider {
flex: 1;
width: 1px;
background-color: #E4E0D8;
}
@media only screen and (max-width: 900px) {
.hotel-timeline-block .timeline-slider {
width: 100%;
}
}
.hotel-timeline-block .timeline-slider .timeline-info .item {
display: flex;
cursor: pointer;
}
@media only screen and (max-width: 900px) {
.hotel-timeline-block .timeline-slider .timeline-info .item {
flex-direction: column;
}
}
.hotel-timeline-block .timeline-slider .timeline-info .image {
width: 40%;
}
@media only screen and (max-width: 1024px) {
.hotel-timeline-block .timeline-slider .timeline-info .image {
width: 50%;
}
}
@media only screen and (max-width: 900px) {
.hotel-timeline-block .timeline-slider .timeline-info .image {
width: 100%;
}
}
.hotel-timeline-block .timeline-slider .timeline-info .image img {
width: 100%;
}
.hotel-timeline-block .timeline-slider .timeline-info .info {
width: 60%;
box-sizing: border-box;
padding: 15% 42px 35px;
}
@media only screen and (max-width: 1200px) {
.hotel-timeline-block .timeline-slider .timeline-info .info {
padding-top: 90px;
}
}
@media only screen and (max-width: 1024px) {
.hotel-timeline-block .timeline-slider .timeline-info .info {
width: 50%;
}
}
@media only screen and (max-width: 1023px) {
.hotel-timeline-block .timeline-slider .timeline-info .info {
padding-top: 120px;
padding: 90px 25px 35px;
}
}
@media only screen and (max-width: 900px) {
.hotel-timeline-block .timeline-slider .timeline-info .info {
width: 100%;
min-height: 700px;
}
}
.hotel-timeline-block .timeline-slider .timeline-info .info p, .hotel-timeline-block .timeline-slider .timeline-info .info .image-text-grid.container-lg .subheading, .image-text-grid.container-lg .hotel-timeline-block .timeline-slider .timeline-info .info .subheading, .hotel-timeline-block .timeline-slider .timeline-info .info .gform_confirmation_message, .hotel-timeline-block .timeline-slider .timeline-info .info .full-width-image-block.quote-block .quote-by, .full-width-image-block.quote-block .hotel-timeline-block .timeline-slider .timeline-info .info .quote-by {
max-width: 600px;
}
.hotel-timeline-block .timeline-slider .timeline-info .years {
font-size: 64px;
line-height: 50px;
color: #189879;
}
.hotel-timeline-block .timeline-slider .timeline-info h2, .hotel-timeline-block .timeline-slider .timeline-info .search-for i, .search-for .hotel-timeline-block .timeline-slider .timeline-info i, .hotel-timeline-block .timeline-slider .timeline-info body.home .page-title-content h1, body.home .page-title-content .hotel-timeline-block .timeline-slider .timeline-info h1, .hotel-timeline-block .timeline-slider .timeline-info body.home .page-title-content .full-width-image-block .quote-text, body.home .page-title-content .full-width-image-block .hotel-timeline-block .timeline-slider .timeline-info .quote-text, .hotel-timeline-block .timeline-slider .timeline-info .full-width-image-block body.home .page-title-content .quote-text, .full-width-image-block body.home .page-title-content .hotel-timeline-block .timeline-slider .timeline-info .quote-text, .hotel-timeline-block .timeline-slider .timeline-info body.home .page-title-content .home-team-circles .home-team-circles-intro .content .heading, body.home .page-title-content .home-team-circles .home-team-circles-intro .content .hotel-timeline-block .timeline-slider .timeline-info .heading, .hotel-timeline-block .timeline-slider .timeline-info .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-title-content .hotel-timeline-block .timeline-slider .timeline-info .heading, body.home .page-title-content .hotel-timeline-block .timeline-slider .timeline-info .title .title-text, body.home .page-title-content .hotel-timeline-block .title .timeline-slider .timeline-info .title-text, .hotel-timeline-block .timeline-slider .timeline-info .title body.home .page-title-content .title-text, .hotel-timeline-block .title body.home .page-title-content .timeline-slider .timeline-info .title-text, .hotel-timeline-block .timeline-slider .timeline-info .image-text-grid.container-lg .heading, .image-text-grid.container-lg .hotel-timeline-block .timeline-slider .timeline-info .heading {
margin-bottom: 50px;
}
.hotel-timeline-block .timeline-info {
position: relative;
}
.hotel-timeline-block .timeline-years {
position: absolute;
width: 60%;
right: 0;
bottom: 15%;
}
@media only screen and (max-width: 1024px) {
.hotel-timeline-block .timeline-years {
width: 50%;
}
}
@media only screen and (max-width: 900px) {
.hotel-timeline-block .timeline-years {
width: 100%;
bottom: 100px;
}
}
.hotel-timeline-block .timeline-years .item {
justify-content: center;
position: relative;
height: 30px;
padding-top: 70px;
font-size: 18px;
line-height: 30px;
letter-spacing: 0.04em;
color: #4d5d5f;
font-weight: 400;
text-align: center;
}
.hotel-timeline-block .timeline-years .item:before {
content: "";
position: absolute;
left: 0;
top: 50%;
height: 3px;
width: 100%;
background-color: #189879;
transform: translate(0px, -50%);
}
.hotel-timeline-block .timeline-years .item:after {
content: "";
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
height: 29px;
width: 29px;
background-color: #189879;
border-radius: 50%;
top: 50%;
}
.hotel-timeline-block .timeline-years .item.slick-current:after {
background-color: #E4E0D8;
border: 6px solid #189879;
height: 17px;
width: 17px;
}
.hotel-timeline-block .slick-prev:before,
.hotel-timeline-block .slick-next:before {
opacity: 0;
}
.hotel-timeline-block .slick-prev,
.hotel-timeline-block .slick-next {
bottom: -65px;
top: auto;
width: 57px;
}
.hotel-timeline-block .slick-prev::before,
.hotel-timeline-block .slick-next::before {
display: none;
}
.hotel-timeline-block .slick-prev {
left: calc(50% - 100px);
}
.hotel-timeline-block .slick-next {
right: calc(50% - 100px);
}
.hotels-archive .hotels-archive-filter {
background-color: #FFFFFF;
padding-top: 150px;
padding-bottom: 40px;
}
.hotels-archive .hotels-archive-filter .title {
font-size: 72px;
line-height: 70px;
color: #189879;
text-align: center;
}
@media only screen and (max-width: 1200px) {
.hotels-archive .hotels-archive-filter .title {
font-size: 50px;
}
}
@media only screen and (max-width: 600px) {
.hotels-archive .hotels-archive-filter .title {
font-size: 30px;
line-height: 40px;
}
}
.hotels-archive .hotels-archive-filter .hotel-filter {
margin: 0 auto;
margin-top: 25px;
display: flex;
justify-content: center;
max-width: 900px;
align-items: center;
padding-left: 25px;
padding-right: 25px;
}
@media only screen and (max-width: 768px) {
.hotels-archive .hotels-archive-filter .hotel-filter {
flex-direction: column-reverse;
}
}
.hotels-archive .hotels-archive-filter .hotel-filter > a {
font-size: 20px;
line-height: 29px;
color: #189879;
text-transform: none;
}
.hotels-archive .hotel-filter-option {
padding-left: 67px;
display: flex;
width: calc(100% - 130px);
box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
.hotels-archive .hotel-filter-option {
padding-left: 0px;
width: 100%;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 552px) {
.hotels-archive .hotel-filter-option {
flex-direction: column;
max-width: 300px;
}
}
.hotels-archive .hotels-filter {
margin: 0 10px;
width: 100%;
border: none;
border-bottom: 2px solid #189879;
font-size: 20px;
line-height: 29px;
color: #189879;
letter-spacing: 1px;
text-transform: none;
padding-right: 15px;
-webkit-appearance: none;
background-color: white;
background-image: url("https://cycashospitality.com/wp-content/themes/cycas//assets/images/icons/arrow-down-green.svg");
background-size: 18px;
background-repeat: no-repeat;
background-position: right;
}
@media only screen and (max-width: 552px) {
.hotels-archive .hotels-filter {
margin-bottom: 20px;
}
}
.hotels-archive .hotels-filter option {
font-family: Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;
font-style: normal;
padding: 5px;
}
.hotels-archive .hotels-filter option:hover {
box-shadow: 0 0 10px 100px #189879 inset;
}
.hotels-archive .hotel-filter-reset {
cursor: pointer;
transition: 0.3s;
line-height: 1.2 !important;
border-bottom: 2px solid transparent;
padding-top: 5px;
}
.hotels-archive .hotel-filter-reset:hover {
border-bottom: 2px solid #189879;
}
.hotels-archive .hotels-archive-section {
padding-top: 70px;
padding-bottom: 127px;
}
.hotels-archive .hotels-archive-section > .title {
margin-bottom: 43px;
}
.hotels-archive .hotels-archive-section > .title {
font-size: 38px;
line-height: 50px;
text-align: center;
color: #189879;
}
.hotels-archive .grid-thumbnail {
background-clip: content-box;
}
.hotels-archive .grid-thumbnail .title {
font-size: 20px;
line-height: 29px;
color: #4D5D5F;
}
.maps-block {
padding-bottom: 141px;
}
#hotels-map {
height: 600px;
}
@media only screen and (max-width: 600px) {
#hotels-map {
height: 1000px;
}
}
.banner-block.container-lg {
margin-top: 123px;
}
.banner-block .banner-block-container {
padding: 118px 35px;
background-color: #189879;
margin: 0 auto;
display: flex;
align-items: center;
flex-direction: column;
}
.banner-block .banner-block-container h2, .banner-block .banner-block-container .search-for i, .search-for .banner-block .banner-block-container i, .banner-block .banner-block-container body.home .page-title-content h1, body.home .page-title-content .banner-block .banner-block-container h1, .banner-block .banner-block-container body.home .page-title-content .full-width-image-block .quote-text, body.home .page-title-content .full-width-image-block .banner-block .banner-block-container .quote-text, .banner-block .banner-block-container .full-width-image-block body.home .page-title-content .quote-text, .full-width-image-block body.home .page-title-content .banner-block .banner-block-container .quote-text, .banner-block .banner-block-container body.home .page-title-content .home-team-circles .home-team-circles-intro .content .heading, body.home .page-title-content .home-team-circles .home-team-circles-intro .content .banner-block .banner-block-container .heading, .banner-block .banner-block-container .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-title-content .banner-block .banner-block-container .heading, .banner-block .banner-block-container body.home .page-title-content .hotel-timeline-block .title .title-text, body.home .page-title-content .hotel-timeline-block .title .banner-block .banner-block-container .title-text, .banner-block .banner-block-container .hotel-timeline-block .title body.home .page-title-content .title-text, .hotel-timeline-block .title body.home .page-title-content .banner-block .banner-block-container .title-text, .banner-block .banner-block-container .image-text-grid.container-lg .heading, .image-text-grid.container-lg .banner-block .banner-block-container .heading {
color: #E4E0D8;
max-width: 700px;
margin-bottom: 33px;
text-align: center;
}
.image-text-grid.container-lg {
margin-top: 97px;
margin-bottom: 97px;
}
@media only screen and (max-width: 1023px) {
.image-text-grid.container-lg {
padding-left: 25px;
padding-right: 25px;
}
}
.image-text-grid.container-lg .grid-list {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.image-text-grid.container-lg .grid-item {
width: 50%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
box-sizing: border-box;
position: relative;
}
@media only screen and (max-width: 600px) {
.image-text-grid.container-lg .grid-item {
width: 100%;
margin-bottom: 25px;
}
}
.image-text-grid.container-lg img {
width: 100%;
}
.image-text-grid.container-lg .content {
position: absolute;
bottom: 50px;
max-width: 80%;
left: 50%;
right: 50%;
width: 100%;
transform: translate(-50%, 0);
}
@media only screen and (max-width: 768px) {
.image-text-grid.container-lg .content {
bottom: 25px;
}
}
.image-text-grid.container-lg .heading {
color: #FFFFFF;
letter-spacing: 0.12px;
margin-bottom: 10px;
text-shadow: 4px 4px 15px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 900px) {
.image-text-grid.container-lg .heading {
font-size: 21px;
line-height: 34px;
}
}
@media only screen and (max-width: 768px) {
.image-text-grid.container-lg .heading {
font-size: 16px;
line-height: 23px;
}
}
.image-text-grid.container-lg .subheading {
color: #FFFFFF;
line-height: 22px;
text-shadow: 4px 4px 15px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 768px) {
.image-text-grid.container-lg .subheading {
font-size: 14px;
line-height: 18px;
}
}
body.home .page-intro-content {
margin-top: -180px;
}
@media only screen and (max-width: 1200px) {
body.home .page-intro-content {
margin-top: -11%;
}
}
@media only screen and (max-width: 1023px) {
body.home .page-intro-content {
margin-top: -4%;
}
}
@media only screen and (max-width: 1023px) {
body.home .page-intro-content {
margin-top: 0px;
}
}
body.home .page-intro-content .title h1, body.home .page-intro-content .title .full-width-image-block .quote-text, .full-width-image-block body.home .page-intro-content .title .quote-text, body.home .page-intro-content .title .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-intro-content .title .heading, body.home .page-intro-content .hotel-timeline-block .title .title-text, .hotel-timeline-block body.home .page-intro-content .title .title-text {
max-width: 550px;
font-size: 51px;
line-height: 62px;
}
@media only screen and (max-width: 1200px) {
body.home .page-intro-content .title h1, body.home .page-intro-content .title .full-width-image-block .quote-text, .full-width-image-block body.home .page-intro-content .title .quote-text, body.home .page-intro-content .title .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-intro-content .title .heading, body.home .page-intro-content .hotel-timeline-block .title .title-text, .hotel-timeline-block body.home .page-intro-content .title .title-text {
font-size: 37px;
line-height: 48px;
max-width: 400px;
}
}
@media only screen and (max-width: 1023px) {
body.home .page-intro-content .title h1, body.home .page-intro-content .title .full-width-image-block .quote-text, .full-width-image-block body.home .page-intro-content .title .quote-text, body.home .page-intro-content .title .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-intro-content .title .heading, body.home .page-intro-content .hotel-timeline-block .title .title-text, .hotel-timeline-block body.home .page-intro-content .title .title-text {
font-size: 34px;
line-height: 45px;
max-width: 380px;
}
}
@media only screen and (max-width: 552px) {
body.home .page-intro-content .title h1, body.home .page-intro-content .title .full-width-image-block .quote-text, .full-width-image-block body.home .page-intro-content .title .quote-text, body.home .page-intro-content .title .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-intro-content .title .heading, body.home .page-intro-content .hotel-timeline-block .title .title-text, .hotel-timeline-block body.home .page-intro-content .title .title-text {
font-size: 30px;
line-height: 40px;
}
}
body.home .page-intro-content .title h1 u, body.home .page-intro-content .title .full-width-image-block .quote-text u, .full-width-image-block body.home .page-intro-content .title .quote-text u, body.home .page-intro-content .title .home-team-circles .home-team-circles-intro .content .heading u, .home-team-circles .home-team-circles-intro .content body.home .page-intro-content .title .heading u, body.home .page-intro-content .hotel-timeline-block .title .title-text u, .hotel-timeline-block body.home .page-intro-content .title .title-text u {
position: relative;
background-image: url("https://cycashospitality.com/wp-content/themes/cycas//assets/images/icons/rectangle-heading.jpg");
background-size: calc(100% - 20px) 30px;
background-repeat: no-repeat;
background-position: bottom;
text-transform: uppercase;
text-decoration: none;
}
body.home .page-intro-content p, body.home .page-intro-content .gform_confirmation_message, body.home .page-intro-content .full-width-image-block.quote-block .quote-by, .full-width-image-block.quote-block body.home .page-intro-content .quote-by, body.home .page-intro-content .image-text-grid.container-lg .subheading, .image-text-grid.container-lg body.home .page-intro-content .subheading {
max-width: 650px;
font-size: 24px;
line-height: 32px;
}
body.home .page-intro-content p{
max-width: 100%;
}
@media only screen and (max-width: 1440px) {
body.home .page-intro-content p, body.home .page-intro-content .gform_confirmation_message, body.home .page-intro-content .full-width-image-block.quote-block .quote-by, .full-width-image-block.quote-block body.home .page-intro-content .quote-by, body.home .page-intro-content .image-text-grid.container-lg .subheading, .image-text-grid.container-lg body.home .page-intro-content .subheading {
font-size: 20px;
line-height: 28px;
}
}
body.home .page-intro-content .btn-group a {
min-width: 264px;
background-color: #189879;
color: #E4E0D8;
position: relative;
padding: 16px 20px 12px 10px;
}
body.home .page-intro-content .btn-group a:before {
content: "";
background-image: url("https://cycashospitality.com/wp-content/themes/cycas//assets/images/icons/menu-arrow.svg");
position: absolute;
width: 8px;
height: 14px;
right: 26px;
top: 47%;
transform: translate(0px, -47%);
}
body.home .page-intro-content .btn-group a:hover {
background-color: transparent;
color: #189879;
}
body.home .page-intro-content .btn-group a:hover:before {
background-image: url("https://cycashospitality.com/wp-content/themes/cycas//assets/images/icons/arrow-right-green.svg");
}
body.home .full-width-image-block.block--overlap {
margin-top: -280px;
margin-bottom: 60px;
}
@media only screen and (max-width: 1200px) {
body.home .full-width-image-block.block--overlap {
margin-top: -21%;
}
}
@media only screen and (max-width: 800px) {
body.home .full-width-image-block.block--overlap {
margin-top: 0px;
}
}
body.home #full-width-image-homepage .bg--overlay:before {
background-color: #4D5D5F;
z-index: 2;
opacity: 0.4;
width: 100%;
}
body.home #full-width-image-homepage .content {
max-width: 850px;
}
@media only screen and (max-width: 1200px) {
body.home #full-width-image-homepage .content {
max-width: 650px;
}
}
@media only screen and (max-width: 1023px) {
body.home #full-width-image-homepage .content {
max-width: 450px;
}
}
@media only screen and (max-width: 768px) {
body.home #full-width-image-homepage .content {
max-width: 100%;
}
}
body.home #full-width-image-homepage:after {
position: absolute;
background-color: #FFFFFF;
content: "";
height: 50%;
width: 100%;
bottom: 0;
left: 0px;
}
@media only screen and (max-width: 1023px) {
body.home #full-width-image-homepage:after {
display: none;
}
}
body.home #full-width-image-homepage .full-width-image-container {
position: relative;
z-index: 1;
}
body.home #full-width-image-homepage .full-width-image-container .content-container {
position: relative;
z-index: 1;
}
body.home .main-section {
background-image: url("https://cycashospitality.com/wp-content/themes/cycas//assets/images/background/europe.svg");
background-position: center 77%;
background-repeat: no-repeat;
background-size: contain;
}
body.blog .archive-navigation,
body.search .archive-navigation {
margin-bottom: 60px;
}
@media only screen and (max-width: 800px) {
body.blog .archive-navigation,
body.search .archive-navigation {
margin-bottom: 35px;
}
}
body.blog .archive-navigation .archive-navigation-container,
body.search .archive-navigation .archive-navigation-container {
display: flex;
justify-content: space-between;
padding-right: 50px;
padding-left: 100px;
}
@media only screen and (max-width: 1023px) {
body.blog .archive-navigation .archive-navigation-container,
body.search .archive-navigation .archive-navigation-container {
padding-left: 100px;
}
}
@media only screen and (max-width: 800px) {
body.blog .archive-navigation .archive-navigation-container,
body.search .archive-navigation .archive-navigation-container {
padding-left: 35px;
padding-right: 35px;
align-items: center;
}
}
@media only screen and (max-width: 600px) {
body.blog .archive-navigation .archive-navigation-container,
body.search .archive-navigation .archive-navigation-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 500px) {
body.blog .archive-navigation .archive-navigation-container,
body.search .archive-navigation .archive-navigation-container {
flex-direction: column;
align-items: flex-start;
}
}
body.blog .archive-navigation .archive-heading,
body.search .archive-navigation .archive-heading {
font-size: 38px;
line-height: 50px;
color: #E4E0D8;
height: 145px;
width: 350px;
background-color: #189879;
padding: 20px 13px 13px 44px;
display: flex;
box-sizing: border-box;
align-items: center;
display: flex;
margin-top: -80px;
position: relative;
z-index: 10;
}
@media only screen and (max-width: 800px) {
body.blog .archive-navigation .archive-heading,
body.search .archive-navigation .archive-heading {
margin-top: 0px;
background: none;
color: #189879;
height: auto;
padding-left: 0;
}
}
@media only screen and (max-width: 552px) {
body.blog .archive-navigation .archive-heading,
body.search .archive-navigation .archive-heading {
width: 100%;
}
}
body.blog .first-three-news,
body.search .first-three-news {
display: flex;
margin-bottom: 25px;
}
@media only screen and (max-width: 1023px) {
body.blog .first-three-news,
body.search .first-three-news {
flex-direction: column;
}
}
@media only screen and (max-width: 552px) {
body.blog .first-three-news,
body.search .first-three-news {
margin-bottom: 0px;
}
}
body.blog .fourth-news-with-banner,
body.search .fourth-news-with-banner {
margin-left: -10px;
margin-right: -10px;
}
@media only screen and (max-width: 1023px) {
body.blog .news-list-container,
body.blog .archive-navigation-container,
body.search .news-list-container,
body.search .archive-navigation-container {
padding-left: 35px;
padding-right: 35px;
}
}
@media only screen and (max-width: 600px) {
body.blog .news-list-container,
body.blog .archive-navigation-container,
body.search .news-list-container,
body.search .archive-navigation-container {
padding-left: 20px;
padding-right: 20px;
}
}
body.blog .first-news,
body.blog .second-third-news,
body.blog .archive-news-banner,
body.blog .other-news-list .news-thumbnail,
body.search .first-news,
body.search .second-third-news,
body.search .archive-news-banner,
body.search .other-news-list .news-thumbnail {
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
body.blog .first-news,
body.search .first-news {
width: 66.66%;
background-color: #E4E0D8;
background-clip: content-box;
}
@media only screen and (max-width: 1023px) {
body.blog .first-news,
body.search .first-news {
width: 100%;
margin-bottom: 20px;
}
}
body.blog .first-news .news-thumbnail,
body.search .first-news .news-thumbnail {
margin-bottom: 0px;
}
body.blog .first-news .news-thumbnail .title,
body.search .first-news .news-thumbnail .title {
font-size: 38px;
line-height: 50px;
}
body.blog .first-news .news-thumbnail .content,
body.search .first-news .news-thumbnail .content {
padding: 62px 55px 55px 51px;
}
@media only screen and (max-width: 552px) {
body.blog .first-news .news-thumbnail .content,
body.search .first-news .news-thumbnail .content {
padding-right: 28px;
padding-left: 23px;
}
}
body.blog .first-news .news-thumbnail .blog-date,
body.search .first-news .news-thumbnail .blog-date {
margin-left: 51px;
}
@media only screen and (max-width: 552px) {
body.blog .first-news .news-thumbnail .blog-date,
body.search .first-news .news-thumbnail .blog-date {
margin-left: 23px;
}
}
body.blog .first-news .btn-group,
body.search .first-news .btn-group {
margin-top: 65px;
}
body.blog .second-third-news,
body.search .second-third-news {
width: 33.333%;
}
@media only screen and (max-width: 1023px) {
body.blog .second-third-news,
body.search .second-third-news {
width: 100%;
display: flex;
flex-wrap: wrap;
padding-left: 0px;
padding-right: 0px;
}
body.blog .second-third-news .news-thumbnail,
body.search .second-third-news .news-thumbnail {
width: 33.333%;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 0px;
box-sizing: border-box;
background-color: #E4E0D8;
background-clip: content-box;
}
}
@media only screen and (max-width: 1023px) and (max-width: 768px) {
body.blog .second-third-news .news-thumbnail,
body.search .second-third-news .news-thumbnail {
width: 50%;
}
}
@media only screen and (max-width: 1023px) and (max-width: 552px) {
body.blog .second-third-news .news-thumbnail,
body.search .second-third-news .news-thumbnail {
width: 100%;
}
}
body.blog .second-third-news .news-thumbnail:last-child,
body.blog .second-third-news .news-thumbnail:nth-child(2),
body.search .second-third-news .news-thumbnail:last-child,
body.search .second-third-news .news-thumbnail:nth-child(2) {
margin-bottom: 0px;
}
@media only screen and (max-width: 552px) {
body.blog .second-third-news .news-thumbnail,
body.search .second-third-news .news-thumbnail {
margin-bottom: 20px !important;
}
body.blog .second-third-news .news-thumbnail:last-child,
body.search .second-third-news .news-thumbnail:last-child {
margin-bottom: 0px;
}
}
body.blog .fourth-news-with-banner,
body.search .fourth-news-with-banner {
display: flex;
margin-bottom: 20px;
flex-wrap: wrap;
}
body.blog .fourth-news,
body.search .fourth-news {
width: 33.333%;
}
@media only screen and (max-width: 1023px) {
body.blog .fourth-news,
body.search .fourth-news {
display: none;
}
}
@media only screen and (max-width: 768px) {
body.blog .fourth-news,
body.search .fourth-news {
display: block;
width: 50%;
}
}
@media only screen and (max-width: 552px) {
body.blog .fourth-news,
body.search .fourth-news {
width: 100%;
margin-bottom: 20px;
}
}
body.blog .fourth-news .grid-thumbnail,
body.search .fourth-news .grid-thumbnail {
margin-bottom: 0px;
}
body.blog .archive-news-banner,
body.search .archive-news-banner {
width: 66.666%;
background-color: #189879;
background-clip: content-box;
display: flex;
align-items: center;
}
body.blog .archive-news-banner.full-width-banner,
body.search .archive-news-banner.full-width-banner {
width: 100%;
margin-top: 123px;
}
body.blog .archive-news-banner.full-width-banner .archive-news-banner-container,
body.search .archive-news-banner.full-width-banner .archive-news-banner-container {
width: 100%;
text-align: center;
padding: 118px 35px;
}
body.blog .archive-news-banner.full-width-banner .archive-news-banner-container .content,
body.search .archive-news-banner.full-width-banner .archive-news-banner-container .content {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 1023px) {
body.blog .archive-news-banner,
body.search .archive-news-banner {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
body.blog .archive-news-banner,
body.search .archive-news-banner {
width: 50%;
}
}
@media only screen and (max-width: 552px) {
body.blog .archive-news-banner,
body.search .archive-news-banner {
width: 100%;
}
}
body.blog .archive-news-banner .content,
body.search .archive-news-banner .content {
font-size: 26px;
line-height: 39px;
color: #E4E0D8;
max-width: 650px;
}
@media only screen and (max-width: 768px) and (min-width: 553px) {
body.blog .archive-news-banner .content,
body.search .archive-news-banner .content {
font-size: 20px;
line-height: 29px;
}
}
body.blog .archive-news-banner .btn-group,
body.search .archive-news-banner .btn-group {
margin-top: 35px;
}
body.blog .archive-news-banner .archive-news-banner-container,
body.search .archive-news-banner .archive-news-banner-container {
padding: 50px 30px 50px 95px;
}
@media only screen and (max-width: 768px) {
body.blog .archive-news-banner .archive-news-banner-container,
body.search .archive-news-banner .archive-news-banner-container {
padding-left: 25px;
padding-right: 25px;
text-align: center;
}
}
body.blog .other-news-list,
body.search .other-news-list {
display: flex;
flex-wrap: wrap;
}
body.blog .other-news-list .news-thumbnail,
body.search .other-news-list .news-thumbnail {
width: 33.3333%;
}
@media only screen and (max-width: 768px) {
body.blog .other-news-list .news-thumbnail,
body.search .other-news-list .news-thumbnail {
width: 50%;
}
}
@media only screen and (max-width: 552px) {
body.blog .other-news-list .news-thumbnail,
body.search .other-news-list .news-thumbnail {
width: 100%;
}
}
body.blog .instagram-block,
body.search .instagram-block {
background-color: #F2F0EC;
}
@media only screen and (max-width: 552px) {
body.blog .search-navigation,
body.search .search-navigation {
width: 100%;
}
}
@media only screen and (min-width: 1024px) {
body.blog #fourth-news-side,
body.search #fourth-news-side {
display: none;
}
}
@media only screen and (max-width: 768px) {
body.blog #fourth-news-side,
body.search #fourth-news-side {
display: none;
}
}
@media only screen and (max-width: 850px) {
body.blog .header-banner,
body.search .header-banner {
background-position: left top;
}
}
.grid-archive-section,
.grid-archive-section .ajax-load-more {
margin: 0 auto;
}
.grid-archive-section .grid-thumbnail,
.grid-archive-section .ajax-load-more .grid-thumbnail {
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
.grid-archive-section .big-grid-archive,
.grid-archive-section .ajax-load-more .big-grid-archive {
background-color: #E4E0D8;
background-clip: content-box;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
background-clip: content-box;
}
.grid-archive-section .big-grid-archive .grid-thumbnail,
.grid-archive-section .ajax-load-more .big-grid-archive .grid-thumbnail {
padding-left: 0px;
padding-right: 0px;
}
.grid-archive-section .big-grid-archive,
.grid-archive-section .ajax-load-more .big-grid-archive {
width: 66.66%;
background-color: #E4E0D8;
background-clip: content-box;
}
@media only screen and (max-width: 1023px) {
.grid-archive-section .big-grid-archive,
.grid-archive-section .ajax-load-more .big-grid-archive {
width: 100%;
margin-bottom: 20px;
}
}
.grid-archive-section .big-grid-archive .grid-thumbnail,
.grid-archive-section .ajax-load-more .big-grid-archive .grid-thumbnail {
margin-bottom: 0px;
}
.grid-archive-section .big-grid-archive .grid-thumbnail .title,
.grid-archive-section .ajax-load-more .big-grid-archive .grid-thumbnail .title {
font-size: 38px;
line-height: 50px;
}
@media only screen and (max-width: 600px) {
.grid-archive-section .big-grid-archive .grid-thumbnail .title,
.grid-archive-section .ajax-load-more .big-grid-archive .grid-thumbnail .title {
font-size: 20px;
line-height: 29px;
}
}
.grid-archive-section .big-grid-archive .grid-thumbnail .content,
.grid-archive-section .ajax-load-more .big-grid-archive .grid-thumbnail .content {
padding: 62px 55px 55px 51px;
}
@media only screen and (max-width: 552px) {
.grid-archive-section .big-grid-archive .grid-thumbnail .content,
.grid-archive-section .ajax-load-more .big-grid-archive .grid-thumbnail .content {
padding-right: 28px;
padding-left: 23px;
}
}
.grid-archive-section .big-grid-archive .grid-thumbnail .blog-date,
.grid-archive-section .ajax-load-more .big-grid-archive .grid-thumbnail .blog-date {
margin-left: 51px;
}
@media only screen and (max-width: 552px) {
.grid-archive-section .big-grid-archive .grid-thumbnail .blog-date,
.grid-archive-section .ajax-load-more .big-grid-archive .grid-thumbnail .blog-date {
margin-left: 23px;
}
}
.grid-archive-section .big-grid-archive .btn-group,
.grid-archive-section .ajax-load-more .big-grid-archive .btn-group {
margin-top: 65px;
}
.grid-archive-section .first-column-grid-archive,
.grid-archive-section .ajax-load-more .first-column-grid-archive {
display: flex;
margin-bottom: 25px;
}
@media only screen and (max-width: 1023px) {
.grid-archive-section .first-column-grid-archive,
.grid-archive-section .ajax-load-more .first-column-grid-archive {
flex-direction: column;
}
}
@media only screen and (max-width: 552px) {
.grid-archive-section .first-column-grid-archive,
.grid-archive-section .ajax-load-more .first-column-grid-archive {
margin-bottom: 0px;
}
}
.grid-archive-section .other-grid-list .ajax-load-more,
.grid-archive-section .ajax-load-more .other-grid-list .ajax-load-more {
display: flex;
flex-wrap: wrap;
}
.grid-archive-section .other-grid-list .ajax-load-more .grid-thumbnail,
.grid-archive-section .ajax-load-more .other-grid-list .ajax-load-more .grid-thumbnail {
width: 33.3333%;
background-color: #E4E0D8;
background-clip: content-box;
}
@media only screen and (max-width: 768px) {
.grid-archive-section .other-grid-list .ajax-load-more .grid-thumbnail,
.grid-archive-section .ajax-load-more .other-grid-list .ajax-load-more .grid-thumbnail {
width: 50%;
}
}
@media only screen and (max-width: 552px) {
.grid-archive-section .other-grid-list .ajax-load-more .grid-thumbnail,
.grid-archive-section .ajax-load-more .other-grid-list .ajax-load-more .grid-thumbnail {
width: 100%;
}
}
.grid-archive-section .other-grid-list .ajax-load-more .load-more,
.grid-archive-section .ajax-load-more .other-grid-list .ajax-load-more .load-more {
display: none;
}
.grid-archive-section .side-grid-archive,
.grid-archive-section .ajax-load-more .side-grid-archive {
width: 33.333%;
}
@media only screen and (max-width: 1023px) {
.grid-archive-section .side-grid-archive,
.grid-archive-section .ajax-load-more .side-grid-archive {
width: 100%;
display: flex;
flex-wrap: wrap;
padding-left: 0px;
padding-right: 0px;
}
.grid-archive-section .side-grid-archive .grid-thumbnail,
.grid-archive-section .ajax-load-more .side-grid-archive .grid-thumbnail {
width: 33.333%;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 0px;
box-sizing: border-box;
background-color: #E4E0D8;
background-clip: content-box;
}
}
@media only screen and (max-width: 1023px) and (max-width: 768px) {
.grid-archive-section .side-grid-archive .grid-thumbnail,
.grid-archive-section .ajax-load-more .side-grid-archive .grid-thumbnail {
width: 50%;
}
}
@media only screen and (max-width: 1023px) and (max-width: 552px) {
.grid-archive-section .side-grid-archive .grid-thumbnail,
.grid-archive-section .ajax-load-more .side-grid-archive .grid-thumbnail {
width: 100%;
}
}
.grid-archive-section .side-grid-archive .grid-thumbnail:last-child,
.grid-archive-section .side-grid-archive .grid-thumbnail:nth-child(2),
.grid-archive-section .ajax-load-more .side-grid-archive .grid-thumbnail:last-child,
.grid-archive-section .ajax-load-more .side-grid-archive .grid-thumbnail:nth-child(2) {
margin-bottom: 0px;
}
@media only screen and (max-width: 552px) {
.grid-archive-section .side-grid-archive .grid-thumbnail,
.grid-archive-section .ajax-load-more .side-grid-archive .grid-thumbnail {
margin-bottom: 20px !important;
}
.grid-archive-section .side-grid-archive .grid-thumbnail:last-child,
.grid-archive-section .ajax-load-more .side-grid-archive .grid-thumbnail:last-child {
margin-bottom: 0px;
}
}
.grid-archive-section .first-column-grid-archive,
.grid-archive-section .other-grid-list .ajax-load-more,
.grid-archive-section .ajax-load-more .first-column-grid-archive,
.grid-archive-section .ajax-load-more .other-grid-list .ajax-load-more {
margin-left: -10px;
margin-right: -10px;
}
@media only screen and (max-width: 1023px) {
.hotels-archive-list {
padding-left: 25px;
padding-right: 25px;
}
}
.hotels-archive-list .big-grid-archive {
background-color: #FFFFFF !important;
}
.hotels-archive-list .other-grid-list {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.hotels-archive-list .other-grid-list .grid-thumbnail {
width: 33.3333%;
background-color: #E4E0D8;
background-clip: content-box;
}
@media only screen and (max-width: 768px) {
.hotels-archive-list .other-grid-list .grid-thumbnail {
width: 50%;
}
}
@media only screen and (max-width: 552px) {
.hotels-archive-list .other-grid-list .grid-thumbnail {
width: 100%;
}
}
.hotels-archive-list .other-grid-list .load-more {
display: none;
}
.hotels-archive-list .ajax-load-more:empty {
position: relative;
}
.page-template-template-grow-with-us .page-intro-block .page-title {
max-width: 411px;
}
#full-width-image-grow-width-us,
.full-width-background-with-text {
margin-top: -250px;
}
@media only screen and (max-width: 1200px) {
#full-width-image-grow-width-us,
.full-width-background-with-text {
margin-top: -150px;
}
}
@media only screen and (max-width: 850px) {
#full-width-image-grow-width-us,
.full-width-background-with-text {
margin-top: 0px;
}
}
#full-width-image-grow-width-us .title,
.full-width-background-with-text .title {
font-size: 72px;
line-height: 75px;
color: #FFFFFF;
}
@media only screen and (max-width: 1200px) {
#full-width-image-grow-width-us .title,
.full-width-background-with-text .title {
font-size: 50px;
line-height: 55px;
}
}
@media only screen and (max-width: 600px) {
#full-width-image-grow-width-us .title,
.full-width-background-with-text .title {
font-size: 30px;
line-height: 40px;
}
}
#full-width-image-grow-width-us .content,
.full-width-background-with-text .content {
max-width: 100%;
padding-top: 100px;
}
@media only screen and (max-width: 1024px) {
#full-width-image-grow-width-us .content,
.full-width-background-with-text .content {
padding-left: 35px;
padding-right: 35px;
}
}
.page-template-template-who-we-are .team-block-container > .title {
font-size: 72px;
line-height: 70px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 1200px) {
.page-template-template-who-we-are .team-block-container > .title {
font-size: 50px;
}
}
@media only screen and (max-width: 600px) {
.page-template-template-who-we-are .team-block-container > .title {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (max-width: 900px) {
.page-template-template-who-we-are .page-intro-block {
margin-bottom: 0px;
}
}
.page-template-template-who-we-are .team-level {
flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
.page-template-template-who-we-are .team-level {
flex-direction: row;
}
}
.page-template-template-who-we-are .team-level .team-content {
width: 25%;
margin-bottom: 35px;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
@media only screen and (max-width: 900px) {
.page-template-template-who-we-are .team-level .team-content {
width: 33.333%;
}
}
@media only screen and (max-width: 768px) {
.page-template-template-who-we-are .team-level .team-content {
width: 50%;
}
}
@media only screen and (max-width: 552px) {
.page-template-template-who-we-are .team-level .team-content {
width: 100%;
}
}
.page-template-template-who-we-are .team-block {
margin-top: 0px;
}
.page-template-template-who-we-are .team-block .team-block-container {
background-color: #F2F0EC;
}
@media only screen and (max-width: 1200px) {
.page-template-template-who-we-are .team-block .team-block-container {
padding-top: 150px;
padding-bottom: 150px;
}
}
.page-template-template-who-we-are .team-block .team-block-container .title {
margin-bottom: 70px;
}
@media only screen and (max-width: 1200px) {
.page-template-template-who-we-are .team-block .team-block-container {
margin-bottom: 0px;
}
}
.page-template-template-who-we-are .team-block .position {
font-size: 16px;
line-height: 20px;
}
body:not(.home).page-template-template-contact-us .contact-title, body:not(.home).page-template-template-contact-us .contact-us-forms-selection .title,
body.page-id-22 .contact-us-forms-selection body:not(.home).page-template-template-contact-us .title, body:not(.home).page-template-template-contact-us .contact-us-tab-forms .item .title,
body.page-id-22 .contact-us-tab-forms .item body:not(.home).page-template-template-contact-us .title,
body.page-id-22 .contact-title,
body.page-id-22 .contact-us-forms-selection .title,
body.page-id-22 .contact-us-tab-forms .item .title {
font-size: 38px;
line-height: 50px;
color: #189879;
margin-bottom: 10px;
}
body:not(.home).page-template-template-contact-us .page-title-content br,
body.page-id-22 .page-title-content br {
display: block;
}
body:not(.home).page-template-template-contact-us .page-title-content .group-social-media,
body.page-id-22 .page-title-content .group-social-media {
display: flex;
}
@media only screen and (max-width: 1023px) {
body:not(.home).page-template-template-contact-us .page-title-content .group-social-media,
body.page-id-22 .page-title-content .group-social-media {
justify-content: center;
}
}
@media only screen and (max-width: 1023px) and (min-width: 801px) {
body:not(.home).page-template-template-contact-us .page-title-content .group-social-media img,
body.page-id-22 .page-title-content .group-social-media img {
max-width: 50px;
}
body:not(.home).page-template-template-contact-us .page-title-content .group-social-media a,
body.page-id-22 .page-title-content .group-social-media a {
margin-right: 10px;
}
}
body:not(.home).page-template-template-contact-us .page-intro-content,
body.page-id-22 .page-intro-content {
width: calc(100% - 350px);
min-height: 800px;
}
@media only screen and (max-width: 800px) {
body:not(.home).page-template-template-contact-us .page-intro-content,
body.page-id-22 .page-intro-content {
max-width: 100%;
width: 100%;
}
}
@media only screen and (max-width: 800px) {
body:not(.home).page-template-template-contact-us .page-intro-content,
body.page-id-22 .page-intro-content {
margin-bottom: 50px;
}
}
body:not(.home).page-template-template-contact-us .page-intro-content .content,
body.page-id-22 .page-intro-content .content {
padding: 0px;
}
body:not(.home).page-template-template-contact-us .page-intro-block .page-intro-content,
body.page-id-22 .page-intro-block .page-intro-content {
background-color: transparent;
}
body:not(.home).page-template-template-contact-us .page-intro-block .page-intro-content .content,
body.page-id-22 .page-intro-block .page-intro-content .content {
padding: 0px;
}
@media only screen and (max-width: 768px) {
body:not(.home).page-template-template-contact-us .page-intro-block,
body.page-id-22 .page-intro-block {
margin-bottom: 0px;
}
}
body:not(.home).page-template-template-contact-us .contact-us-tab-forms,
body:not(.home).page-template-template-contact-us .content,
body:not(.home).page-template-template-contact-us .slick-list,
body:not(.home).page-template-template-contact-us .slick-track,
body.page-id-22 .contact-us-tab-forms,
body.page-id-22 .content,
body.page-id-22 .slick-list,
body.page-id-22 .slick-track {
height: 100%;
}
body:not(.home).page-template-template-contact-us #btn-contact-us-forms,
body.page-id-22 #btn-contact-us-forms {
font-size: 14px;
line-height: 29px;
min-width: 300px;
}
body:not(.home).page-template-template-contact-us .contact-us-tab-forms .item,
body.page-id-22 .contact-us-tab-forms .item {
position: relative;
padding: 50px 75px;
box-sizing: border-box;
display: flex;
justify-content: center;
flex-direction: column;
background-color: #FFFFFF;
}
@media only screen and (max-width: 1200px) {
body:not(.home).page-template-template-contact-us .contact-us-tab-forms .item,
body.page-id-22 .contact-us-tab-forms .item {
padding: 50px 50px;
}
}
@media only screen and (max-width: 552px) {
body:not(.home).page-template-template-contact-us .contact-us-tab-forms .item,
body.page-id-22 .contact-us-tab-forms .item {
padding: 50px 20px;
}
}
body:not(.home).page-template-template-contact-us .contact-us-tab-forms .item:first-child,
body.page-id-22 .contact-us-tab-forms .item:first-child {
align-items: center;
}
body:not(.home).page-template-template-contact-us .contact-us-tab-forms .item:not(:first-child),
body.page-id-22 .contact-us-tab-forms .item:not(:first-child) {
justify-content: flex-start;
padding-top: 85px;
}
body:not(.home).page-template-template-contact-us .contact-us-tab-forms .item:not(:first-child) .gform_wrapper,
body.page-id-22 .contact-us-tab-forms .item:not(:first-child) .gform_wrapper {
padding-right: 25px;
box-sizing: border-box;
}
@media only screen and (max-width: 552px) {
body:not(.home).page-template-template-contact-us .contact-us-tab-forms .item:not(:first-child) .gform_wrapper,
body.page-id-22 .contact-us-tab-forms .item:not(:first-child) .gform_wrapper {
padding-right: 0px;
}
}
body:not(.home).page-template-template-contact-us .contact-us-tab-forms .item .title,
body.page-id-22 .contact-us-tab-forms .item .title {
max-width: calc(100% - 60px);
}
@media only screen and (max-width: 1023px) {
body:not(.home).page-template-template-contact-us .contact-us-tab-forms .item .title,
body.page-id-22 .contact-us-tab-forms .item .title {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (max-width: 552px) {
body:not(.home).page-template-template-contact-us .contact-us-tab-forms .item .title,
body.page-id-22 .contact-us-tab-forms .item .title {
width: 100%;
max-width: 100%;
font-size: 25px;
line-height: 37px;
}
}
body:not(.home).page-template-template-contact-us .contact-us-tab-forms .item:first-child .contact-us-forms-selection,
body.page-id-22 .contact-us-tab-forms .item:first-child .contact-us-forms-selection {
height: 700px;
display: flex;
flex-direction: column;
justify-content: center;
}
body:not(.home).page-template-template-contact-us .contact-us-tab-forms .item:first-child .title,
body.page-id-22 .contact-us-tab-forms .item:first-child .title {
max-width: 100%;
}
body:not(.home).page-template-template-contact-us .contact-us-tab-close,
body.page-id-22 .contact-us-tab-close {
position: absolute;
right: 40px;
top: 70px;
cursor: pointer;
}
@media only screen and (max-width: 1023px) {
body:not(.home).page-template-template-contact-us .contact-us-tab-close,
body.page-id-22 .contact-us-tab-close {
right: 25px;
}
}
@media only screen and (max-width: 552px) {
body:not(.home).page-template-template-contact-us .contact-us-tab-close,
body.page-id-22 .contact-us-tab-close {
right: 20px;
top: 30px;
max-width: 40px;
}
}
body:not(.home).page-template-template-contact-us #contact-us-forms-list label,
body.page-id-22 #contact-us-forms-list label {
color: #189879;
padding-left: 5px;
}
body:not(.home).page-template-template-contact-us #contact-us-forms-list li,
body.page-id-22 #contact-us-forms-list li {
position: relative;
margin-bottom: 10px;
}
body:not(.home).page-template-template-contact-us #contact-us-forms-list .radio-checked,
body.page-id-22 #contact-us-forms-list .radio-checked {
display: none;
}
body:not(.home).page-template-template-contact-us #contact-us-forms-list input[type=radio] + div,
body.page-id-22 #contact-us-forms-list input[type=radio] + div {
float: left;
}
body:not(.home).page-template-template-contact-us #contact-us-forms-list input[type=radio]:checked + div .radio-checked,
body.page-id-22 #contact-us-forms-list input[type=radio]:checked + div .radio-checked {
display: block;
}
body:not(.home).page-template-template-contact-us #contact-us-forms-list input[type=radio]:checked + div .radio-unchecked,
body.page-id-22 #contact-us-forms-list input[type=radio]:checked + div .radio-unchecked {
display: none;
}
body:not(.home).page-template-template-contact-us #contact-us-forms-list img,
body.page-id-22 #contact-us-forms-list img {
top: 0;
position: absolute;
background-image: url("https://cycashospitality.com/wp-content/themes/cycas//assets/images/icons/radio-checked.svg");
z-index: 1;
}
body:not(.home).page-template-template-contact-us ::-webkit-input-placeholder,
body.page-id-22 ::-webkit-input-placeholder {
color: #189879;
}
body:not(.home).page-template-template-contact-us :-ms-input-placeholder,
body.page-id-22 :-ms-input-placeholder {
color: #189879;
}
body:not(.home).page-template-template-contact-us ::placeholder,
body.page-id-22 ::placeholder {
color: #189879;
}
body:not(.home).page-template-template-contact-us .gform_wrapper,
body.page-id-22 .gform_wrapper {
margin-top: 50px;
max-width: 900px;
}
@media only screen and (max-width: 800px) {
body:not(.home).page-template-template-contact-us .slick-track,
body.page-id-22 .slick-track {
display: flex;
align-items: center;
}
}
.page-template-template-meet-hotels .grid-thumbnail.hotels-number, .hotels-archive .grid-thumbnail.hotels-number {
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent !important;
}
.page-template-template-meet-hotels .grid-thumbnail.hotels-number .content, .hotels-archive .grid-thumbnail.hotels-number .content {
background-color: #189879;
padding: 0px;
height: 100%;
width: 100%;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
max-width: 334px;
max-height: 334px;
}
@media only screen and (max-width: 1200px) {
.page-template-template-meet-hotels .grid-thumbnail.hotels-number .content, .hotels-archive .grid-thumbnail.hotels-number .content {
max-width: 300px;
max-height: 300px;
}
}
@media only screen and (max-width: 650px) {
.page-template-template-meet-hotels .grid-thumbnail.hotels-number .content, .hotels-archive .grid-thumbnail.hotels-number .content {
height: 250px;
width: 250px;
}
}
.page-template-template-meet-hotels .grid-thumbnail.hotels-number .hotel-number-text,
.page-template-template-meet-hotels .grid-thumbnail.hotels-number .hotel-caption-text, .hotels-archive .grid-thumbnail.hotels-number .hotel-number-text,
.hotels-archive .grid-thumbnail.hotels-number .hotel-caption-text {
color: #E4E0D8;
}
.page-template-template-meet-hotels .grid-thumbnail.hotels-number .hotel-number-text, .hotels-archive .grid-thumbnail.hotels-number .hotel-number-text {
font-size: 64px;
line-height: 49px;
margin-bottom: 20px;
}
.page-template-template-meet-hotels .grid-thumbnail.hotels-number .hotel-caption-text, .hotels-archive .grid-thumbnail.hotels-number .hotel-caption-text {
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
max-width: 200px;
text-align: center;
letter-spacing: 0.12px;
}
.page-template-template-meet-hotels .side-grid-archive .grid-thumbnail, .page-template-template-meet-hotels .other-grid-list .grid-thumbnail, .hotels-archive .side-grid-archive .grid-thumbnail, .hotels-archive .other-grid-list .grid-thumbnail {
background-color: white;
}
@media only screen and (max-width: 1023px) {
.page-template-template-meet-hotels .side-grid-archive .grid-thumbnail, .page-template-template-meet-hotels .other-grid-list .grid-thumbnail, .hotels-archive .side-grid-archive .grid-thumbnail, .hotels-archive .other-grid-list .grid-thumbnail {
width: 50%;
}
}
@media only screen and (max-width: 600px) {
.page-template-template-meet-hotels .side-grid-archive .grid-thumbnail, .page-template-template-meet-hotels .other-grid-list .grid-thumbnail, .hotels-archive .side-grid-archive .grid-thumbnail, .hotels-archive .other-grid-list .grid-thumbnail {
width: 100%;
}
}
.page-template-template-meet-hotels .big-grid-archive,
.page-template-template-meet-hotels .content:not(.hotels-number), .hotels-archive .big-grid-archive,
.hotels-archive .content:not(.hotels-number) {
background-color: #FFFFFF;
}
.page-template-template-meet-hotels .grid-thumbnail .content,
.page-template-template-meet-hotels .big-grid-archive .grid-thumbnail .content, .hotels-archive .grid-thumbnail .content,
.hotels-archive .big-grid-archive .grid-thumbnail .content {
cursor: pointer;
padding: 22px 20px;
}
body.single .no-image-banner .header-banner-container {
min-height: auto;
}
body.single .no-image-banner .header-banner-container .image {
display: none;
}
body.single .no-image-banner .header-banner-container .content {
width: 100%;
max-width: 1250px;
margin: 0 auto;
padding-bottom: 150px;
margin-left: 45px;
}
@media only screen and (max-width: 1200px) {
body.single .no-image-banner .header-banner-container .content {
margin-left: 30px;
}
}
body.single .no-image-banner .header-banner-container .content * {
max-width: 100%;
}
body.single .blog-title-banner {
display: none;
padding-left: 25px;
padding-right: 25px;
box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
body.single .blog-title-banner {
display: block;
}
body.single .header-banner.no-image-banner + .blog-title-banner{
display: none;
}
body.single .blog-title-banner .blog-title-banner-container {
padding: 54px 36px 54px 44px;
box-sizing: border-box;
background-color: #189879;
max-width: 552px;
margin-left: auto;
margin-right: auto;
margin-top: -100px;
position: relative;
}
body.single .blog-title-banner .blog-title-banner-container h1, body.single .blog-title-banner .blog-title-banner-container .full-width-image-block .quote-text, .full-width-image-block body.single .blog-title-banner .blog-title-banner-container .quote-text, body.single .blog-title-banner .blog-title-banner-container .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content body.single .blog-title-banner .blog-title-banner-container .heading, body.single .blog-title-banner .blog-title-banner-container .hotel-timeline-block .title .title-text, .hotel-timeline-block .title body.single .blog-title-banner .blog-title-banner-container .title-text,
body.single .blog-title-banner .blog-title-banner-container .author {
color: #E4E0D8;
}
body.single .blog-title-banner .blog-title-banner-container .author {
margin-top: 25px;
}
}
body.single header .hamburger {
padding-bottom: 55px;
}
@media only screen and (max-width: 1023px) {
body.single header .hamburger {
padding-bottom: 46px;
padding-top: 31px;
}
}
@media only screen and (max-width: 800px) {
body.single header .hamburger {
padding-top: 19px;
padding-bottom: 27px;
height: auto !important;
}
}
body.single header .menu-intro-section {
right: 100px;
}
@media only screen and (max-width: 1280px) {
body.single header .menu-intro-section {
right: 50px;
}
}
@media only screen and (max-width: 1023px) {
body.single header .menu-intro-section {
right: 25px;
}
}
@media only screen and (max-width: 800px) {
body.single header .menu-intro-section {
right: 0;
}
}
body.single .menu-intro-page {
display: none;
}
body.single .header-banner:hover img {
transform: scale(1);
}
@media only screen and (max-width: 850px) {
body.single .header-banner:not(.no-image-banner) .header-banner {
min-height: 600px;
}
}
@media only screen and (max-width: 552px) {
body.single .header-banner {
height: 500px;
min-height: 500px;
}
}
@media only screen and (max-width: 768px) {
body.single .blog-thumbnail .full-width-image-container {
min-height: 500px;
}
}
@media only screen and (max-width: 552px) {
body.single .blog-thumbnail .full-width-image-container {
min-height: 300px;
}
}
body.single .main-section.bg--red .header-banner-container {
background-color: #F2654C;
}
body.single .main-section.bg--red .main-content h2, body.single .main-section.bg--red .main-content h3, body.single .main-section.bg--red .main-content .search-for i, body.single .main-section.bg--red .main-content a, body.single .main-section.bg--red .main-content a strong, body.single .main-section.bg--red .main-content strong a, .search-for body.single .main-section.bg--red .main-content i, body.single .main-section.bg--red .main-content .image-text-grid.container-lg .heading, .image-text-grid.container-lg body.single .main-section.bg--red .main-content .heading, body.single .main-section.bg--red .main-content body.home .page-title-content h1, body.home .page-title-content body.single .main-section.bg--red .main-content h1, body.single .main-section.bg--red .main-content body.home .page-title-content .full-width-image-block .quote-text, body.home .page-title-content .full-width-image-block body.single .main-section.bg--red .main-content .quote-text, body.single .main-section.bg--red .main-content .full-width-image-block body.home .page-title-content .quote-text, .full-width-image-block body.home .page-title-content body.single .main-section.bg--red .main-content .quote-text, body.single .main-section.bg--red .main-content body.home .page-title-content .home-team-circles .home-team-circles-intro .content .heading, body.home .page-title-content .home-team-circles .home-team-circles-intro .content body.single .main-section.bg--red .main-content .heading, body.single .main-section.bg--red .main-content .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-title-content body.single .main-section.bg--red .main-content .heading, body.single .main-section.bg--red .main-content body.home .page-title-content .hotel-timeline-block .title .title-text, body.home .page-title-content .hotel-timeline-block .title body.single .main-section.bg--red .main-content .title-text, body.single .main-section.bg--red .main-content .hotel-timeline-block .title body.home .page-title-content .title-text, .hotel-timeline-block .title body.home .page-title-content body.single .main-section.bg--red .main-content .title-text {
color: #F2654C;
}
body.single .main-section.bg--red .quote b {
color: #F2654C;
}
body.single .main-section.bg--red svg path {
fill: #F2654C;
}
body.single .main-section.bg--blue .header-banner-container {
background-color: #4C6AAC;
}
body.single .main-section .main-content a,
body.single .main-section .main-content a strong,
body.single .main-section .main-content strong a{
color: #189879;
border-bottom: 1px solid transparent;
transition: 0.3s;
}
body.single .main-section .main-content a:hover{
border-bottom: 1px solid #189879;
}
body.single .main-section.bg--blue .main-content a:hover{
border-bottom: 1px solid #4C6AAC;
}
body.single .main-section.bg--red .main-content a:hover{
border-bottom: 1px solid #F2654C;
}
body.single .main-section.bg--blue .main-content h2, body.single .main-section.bg--blue .main-content h3, body.single .main-section.bg--blue .main-content a, body.single .main-section.bg--blue .main-content a strong, body.single .main-section.bg--blue .main-content strong a, body.single .main-section.bg--blue .main-content a strong, body.single .main-section.bg--blue .main-content .search-for i, .search-for body.single .main-section.bg--blue .main-content i, body.single .main-section.bg--blue .main-content .image-text-grid.container-lg .heading, .image-text-grid.container-lg body.single .main-section.bg--blue .main-content .heading, body.single .main-section.bg--blue .main-content body.home .page-title-content h1, body.home .page-title-content body.single .main-section.bg--blue .main-content h1, body.single .main-section.bg--blue .main-content body.home .page-title-content .full-width-image-block .quote-text, body.home .page-title-content .full-width-image-block body.single .main-section.bg--blue .main-content .quote-text, body.single .main-section.bg--blue .main-content .full-width-image-block body.home .page-title-content .quote-text, .full-width-image-block body.home .page-title-content body.single .main-section.bg--blue .main-content .quote-text, body.single .main-section.bg--blue .main-content body.home .page-title-content .home-team-circles .home-team-circles-intro .content .heading, body.home .page-title-content .home-team-circles .home-team-circles-intro .content body.single .main-section.bg--blue .main-content .heading, body.single .main-section.bg--blue .main-content .home-team-circles .home-team-circles-intro .content body.home .page-title-content .heading, .home-team-circles .home-team-circles-intro .content body.home .page-title-content body.single .main-section.bg--blue .main-content .heading, body.single .main-section.bg--blue .main-content body.home .page-title-content .hotel-timeline-block .title .title-text, body.home .page-title-content .hotel-timeline-block .title body.single .main-section.bg--blue .main-content .title-text, body.single .main-section.bg--blue .main-content .hotel-timeline-block .title body.home .page-title-content .title-text, .hotel-timeline-block .title body.home .page-title-content body.single .main-section.bg--blue .main-content .title-text {
color: #4C6AAC;
}
body.single .main-section.bg--blue .quote b {
color: #4C6AAC;
}
body.single .main-section.bg--blue svg path {
fill: #4C6AAC;
}
body.single .main-section.bg--yellow .header-banner-container {
background-color: #FFE056;
}
body.single .main-section.bg--yellow .header-banner-container h1, body.single .main-section.bg--yellow .header-banner-container .full-width-image-block .quote-text, .full-width-image-block body.single .main-section.bg--yellow .header-banner-container .quote-text, body.single .main-section.bg--yellow .header-banner-container .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content body.single .main-section.bg--yellow .header-banner-container .heading, body.single .main-section.bg--yellow .header-banner-container .hotel-timeline-block .title .title-text, .hotel-timeline-block .title body.single .main-section.bg--yellow .header-banner-container .title-text,
body.single .main-section.bg--yellow .header-banner-container .author {
color: #4D5D5F;
}
body.single .main-section.bg--yellow .quote b {
color: #189879;
}
body.single .header-banner-container {
display: flex;
flex-direction: row;
min-height: 600px;
}
@media only screen and (max-width: 768px) {
body.single .header-banner-container {
flex-direction: column;
}
}
@media only screen and (max-width: 552px) {
body.single .header-banner-container {
min-height: 500px;
}
}
body.single .header-banner-container .image {
width: 45%;
background-position: bottom;
background-repeat: no-repeat;
}
@media only screen and (max-width: 1023px) {
body.single .header-banner-container .image {
width: 60%;
}
}
@media only screen and (max-width: 768px) {
body.single .header-banner-container .image {
height: 600px;
width: 100%;
background-size: cover;
}
}
@media only screen and (max-width: 552px) {
body.single .header-banner-container .image {
height: 500px;
}
}
body.single .header-banner-container .content {
width: 55%;
padding-top: 100px;
}
@media only screen and (max-width: 1024px) {
body.single .header-banner-container .content {
padding-left: 25px;
box-sizing: border-box;
padding-right: 25px;
}
}
@media only screen and (max-width: 1023px) {
body.single .header-banner-container .content {
width: 40%;
}
}
@media only screen and (max-width: 768px) {
body.single .header-banner:not(.no-image-banner) .header-banner-container .content {
display: none;
}
}
body.single .header-banner-container .content h1, body.single .header-banner-container .content .full-width-image-block .quote-text, .full-width-image-block body.single .header-banner-container .content .quote-text, body.single .header-banner-container .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro body.single .header-banner-container .content .heading, body.single .header-banner-container .content .hotel-timeline-block .title .title-text, .hotel-timeline-block .title body.single .header-banner-container .content .title-text {
font-size: 64px;
line-height: 83px;
max-width: 650px;
color: #FFFFFF;
margin-bottom: 25px;
}
@media only screen and (max-width: 1024px) {
body.single .header-banner-container .content h1, body.single .header-banner-container .content .full-width-image-block .quote-text, .full-width-image-block body.single .header-banner-container .content .quote-text, body.single .header-banner-container .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro body.single .header-banner-container .content .heading, body.single .header-banner-container .content .hotel-timeline-block .title .title-text, .hotel-timeline-block .title body.single .header-banner-container .content .title-text {
font-size: 50px;
line-height: 70px;
}
}
@media only screen and (max-width: 1023px) {
body.single .header-banner-container .content h1, body.single .header-banner-container .content .full-width-image-block .quote-text, .full-width-image-block body.single .header-banner-container .content .quote-text, body.single .header-banner-container .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro body.single .header-banner-container .content .heading, body.single .header-banner-container .content .hotel-timeline-block .title .title-text, .hotel-timeline-block .title body.single .header-banner-container .content .title-text {
font-size: 35px;
line-height: 54px;
}
}
body.single .author {
font-size: 24px;
line-height: 32px;
letter-spacing: 0.05px;
font-weight: 400;
color: #FFFFFF;
text-transform: none;
}
body.single .blog-thumbnail {
margin-top: -100px;
}
@media only screen and (max-width: 1023px) {
body.single .blog-thumbnail {
padding-left: 0px;
padding-right: 0px;
margin-top: 50px;
}
}
body.single .signature {
margin-left: -70px;
margin-top: -30px;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 1280px) {
body.single .signature {
margin-left: -30px;
}
}
@media only screen and (max-width: 1023px) {
body.single .signature {
margin-left: 0px;
}
}
@media only screen and (max-width: 800px) {
body.single .signature {
width: 100%;
max-width: 375px;
}
}
body.single .quote,
body.single .quote b {
font-size: 26px;
line-height: 39px;
margin-top: 80px;
position: relative;
color: #4D5D5F;
}
body.single .quote span,
body.single .quote b span {
color: #189879;
}
@media only screen and (max-width: 1024px) {
body.single .quote,
body.single .quote b {
font-size: 21px;
line-height: 34px;
}
}
body.single .quote {
text-indent: -35px;
}
@media only screen and (max-width: 1023px) {
body.single .quote {
padding-left: 25px;
}
}
@media only screen and (max-width: 800px) {
body.single .quote {
width: 100%;
max-width: 500px;
padding-left: 50px;
margin-top: 50px;
box-sizing: border-box;
}
}
body.single .blog-images {
display: flex;
flex-wrap: wrap;
margin-top: 80px;
margin-left: -10px;
margin-right: -10px;
}
body.single .blog-images .item {
width: 50%;
padding: 10px;
box-sizing: border-box;
cursor: pointer;
overflow: hidden;
}
body.single .blog-images .item img {
width: 100%;
transition: transform 0.3s;
}
body.single .blog-images.on-mobile {
display: none;
}
@media only screen and (max-width: 800px) {
body.single .blog-images {
display: none;
margin-left: 0;
margin-right: 0px;
}
body.single .blog-images.on-mobile {
margin-top: 50px;
display: flex;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
}
body.single .single-blog-section .single-blog-section-container {
display: flex;
}
@media only screen and (max-width: 800px) {
body.single .single-blog-section .single-blog-section-container {
flex-direction: column;
}
}
body.single .single-blog-section .blog-siderbar {
width: 450px;
padding-right: 27px;
box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
body.single .single-blog-section .blog-siderbar {
width: 100%;
display: flex;
flex-direction: column;
padding-right: 0px;
padding-left: 60px;
padding-right: 35px;
box-sizing: border-box;
}
}
@media only screen and (max-width: 552px) {
body.single .single-blog-section .blog-siderbar {
padding-left: 10px;
}
}
body.single .single-blog-section .main-content {
padding: 70px 97px 60px 60px;
width: 70%;
background-color: #FFFFFF;
position: relative;
z-index: 1;
}
body.single .single-blog-section .main-content p, body.single .single-blog-section .main-content .gform_confirmation_message, body.single .single-blog-section .main-content .full-width-image-block.quote-block .quote-by, .full-width-image-block.quote-block body.single .single-blog-section .main-content .quote-by, body.single .single-blog-section .main-content .image-text-grid.container-lg .subheading, .image-text-grid.container-lg body.single .single-blog-section .main-content .subheading {
margin-top: 30px;
margin-bottom: 30px;
}
body.single .single-blog-section .main-content img {
width: 100%;
height: auto;
}
body.single .single-blog-section .main-content i {
color: #189879;
font-weight: 400;
}
body.single .single-blog-section .main-content b,
body.single .single-blog-section .main-content strong,
body.single .single-blog-section .main-content strong a{
font-weight: 700;
}
@media only screen and (max-width: 1024px) {
body.single .single-blog-section .main-content {
padding-right: 60px;
}
}
@media only screen and (max-width: 800px) {
body.single .single-blog-section .main-content {
width: 100%;
transform: none !important;
margin-top: 50px;
box-sizing: border-box;
}
}
@media only screen and (max-width: 552px) {
body.single .single-blog-section .main-content {
padding: 60px 20px 60px 20px;
}
}
@media only screen and (max-width: 1023px) {
body.single .single-blog-section {
padding-left: 25px;
padding-right: 25px;
}
}
@media only screen and (max-width: 800px) {
body.single .single-blog-section {
padding-left: 0px;
padding-right: 0px;
}
}
body.single .instagram-block {
background-color: #F2F0EC;
}
body.single .view-all-news {
margin-top: -200px;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1024px) {
body.single .view-all-news {
margin-top: -100px;
}
}
@media only screen and (max-width: 800px) {
body.single .view-all-news {
margin-top: 50px;
}
}
@media only screen and (max-width: 552px) {
body.single .jquery-modal {
padding: 0px;
}
}
/*
##############################
FOOTER
##############################
*/
footer {
background-color: #189879;
padding: 141px 50px;
}
@media only screen and (max-width: 1280px) {
footer {
padding-left: 25px;
padding-right: 25px;
}
}
@media only screen and (max-width: 1023px) {
footer {
padding-left: 58px;
padding-bottom: 59px;
}
}
footer .footer-container {
display: flex;
margin-bottom: 190px;
}
@media only screen and (max-width: 1023px) {
footer .footer-container {
margin-bottom: 97px;
}
}
footer .footer-container .footer-left {
width: 31%;
}
@media only screen and (max-width: 1023px) {
footer .footer-container .footer-left {
margin-bottom: 87px;
}
}
footer .footer-container .footer-centre {
display: flex;
justify-content: center;
width: 30%;
padding-right: 5%;
}
@media only screen and (max-width: 1023px) {
footer .footer-container .footer-centre {
margin-bottom: 111px;
}
}
footer .footer-container .footer-right {
width: 32%;
}
footer .footer-container .footer-right h3 {
margin-bottom: 30px;
max-width: 360px;
}
@media only screen and (max-width: 1440px) {
footer .footer-container .footer-right h3 {
max-width: 360px;
}
}
@media only screen and (max-width: 1023px) {
footer .footer-container {
flex-direction: column;
}
footer .footer-container .footer-left,
footer .footer-container .footer-centre,
footer .footer-container .footer-right {
justify-content: flex-start;
width: 100%;
padding: 0px;
}
}
footer .bottom-bar {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
footer .bottom-bar {
flex-direction: column;
}
}
@media only screen and (max-width: 1023px) {
footer .bottom-bar .copyright {
margin-bottom: 95px;
}
}
footer .bottom-bar .copyright > ul {
display: flex;
flex-wrap: wrap;
}
@media only screen and (max-width: 800px) {
footer .bottom-bar .copyright > ul {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 600px) {
footer .bottom-bar .copyright > ul {
flex-wrap: wrap;
}
}
footer .bottom-bar .copyright > ul li {
position: relative;
}
@media only screen and (max-width: 700px) {
footer .bottom-bar .copyright > ul li {
width: 100%;
}
}
@media only screen and (max-width: 600px) {
footer .bottom-bar .copyright > ul li:first-child {
width: 100%;
}
}
@media only screen and (min-width: 701px) {
footer .bottom-bar .copyright > ul li:nth-child(2) {
margin-left: 15px;
margin-right: 15px;
padding-left: 15px;
padding-right: 15px;
}
footer .bottom-bar .copyright > ul li:nth-child(2):before, footer .bottom-bar .copyright > ul li:nth-child(2):after {
content: "";
position: absolute;
height: 18px;
width: 1px;
background-color: #E4E0D8;
top: 50%;
transform: translate(0, -50%);
}
footer .bottom-bar .copyright > ul li:nth-child(2):before {
left: -1px;
}
footer .bottom-bar .copyright > ul li:nth-child(2):after {
right: -1px;
}
}
@media only screen and (max-width: 600px) {
footer .bottom-bar .copyright > ul li:nth-child(2) {
margin-left: 0px;
padding-left: 0px;
margin-right: 10px;
padding-right: 10px;
}
footer .bottom-bar .copyright > ul li:nth-child(2):before {
display: none;
}
}
footer h1, footer .full-width-image-block .quote-text, .full-width-image-block footer .quote-text, footer .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content footer .heading, footer .hotel-timeline-block .title .title-text, .hotel-timeline-block .title footer .title-text,
footer h2,
footer .search-for i,
.search-for footer i,
footer .image-text-grid.container-lg .heading,
.image-text-grid.container-lg footer .heading,
footer body.home .page-title-content h1,
body.home .page-title-content footer h1,
footer body.home .page-title-content .full-width-image-block .quote-text,
body.home .page-title-content .full-width-image-block footer .quote-text,
footer .full-width-image-block body.home .page-title-content .quote-text,
.full-width-image-block body.home .page-title-content footer .quote-text,
footer h3,
footer h4,
footer .anchor-links li a,
.anchor-links li footer a,
footer h5,
footer p,
footer .gform_confirmation_message,
footer .full-width-image-block.quote-block .quote-by,
.full-width-image-block.quote-block footer .quote-by,
footer .image-text-grid.container-lg .subheading,
.image-text-grid.container-lg footer .subheading,
footer a {
color: #E4E0D8;
}
footer .group-social-media {
margin-top: 50px;
}
footer .footer-container,
footer .bottom-bar {
padding: 0px;
}
header .header-container {
position: relative;
padding-top: 28px;
z-index: 1000;
}
@media only screen and (max-width: 1023px) {
header .header-container {
padding-left: 15px;
padding-right: 0px;
padding-top: 10px;
background-color: #FFFFFF;
}
}
header .menu-intro-section {
width: 349px;
background-color: #189879;
position: absolute;
top: 0;
right: 100px;
}
@media only screen and (max-width: 1024px) {
header .menu-intro-section {
right: 50px;
}
}
@media only screen and (max-width: 1023px) {
header .menu-intro-section {
right: 25px;
}
}
@media only screen and (max-width: 800px) {
header .menu-intro-section {
right: 0px;
max-width: 70px;
}
}
header .menu-intro-section .menu {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
background-color: #189879;
}
@media only screen and (max-width: 800px) {
header .menu-intro-section .menu {
position: fixed;
left: 0;
top: 70px;
height: 350px;
}
header .menu-header-menu .menu-item{
margin-bottom: 7px;
}
.hotels-archive .hotels-archive-section>.title{
font-size: 28px;
}
.maps-block{
padding-bottom: 0px;
}
}
header .menu-header-menu {
padding-left: 40px;
padding-bottom: 40px;
}
@media only screen and (max-width: 1440px) {
header .menu-header-menu {
padding-bottom: 30px;
}
}
header .menu-header-menu .menu-item {
position: relative;
}
header .menu-header-menu .menu-item a {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 27px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #E4E0D8;
position: relative;
}
header .menu-header-menu .menu-item a::before {
content: "";
position: absolute;
background-image: url("https://cycashospitality.com/wp-content/themes/cycas//assets/images/icons/menu-arrow.svg");
width: 8px;
height: 14px;
right: -25px;
background-size: contain;
background-repeat: no-repeat;
top: 50%;
transform: translate(0px, -73%);
opacity: 0;
transition: opacity 0.2s;
}
header .menu-header-menu .menu-item a:hover::before {
opacity: 1;
}
header .menu-header-menu .menu-item.current_page_item a::before {
opacity: 1;
}
header .header-page-intro {
padding-left: 40px;
padding-right: 29px;
padding-top: 50px;
padding-bottom: 40px;
box-sizing: border-box;
min-height: 350px;
display: flex;
align-items: flex-end;
}
@media only screen and (max-width: 1200px) {
header .header-page-intro {
min-height: 250px;
}
}
@media only screen and (max-width: 800px) {
header .header-page-intro {
display: none;
}
}
header .header-page-intro h3 {
color: #E4E0D8;
font-size: 20px;
line-height: 29px;
}
header .hamburger {
padding-top: 40px;
padding-right: 20px;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 1023px) {
header .hamburger {
padding-bottom: 28px;
padding-top: 25px;
}
}
@media only screen and (max-width: 800px) {
header .hamburger {
padding-bottom: 25px;
padding-top: 21px;
padding-right: 9px;
}
}
@media only screen and (max-width: 768px) {
header .hamburger {
padding-bottom: 29px;
padding-top: 18px;
}
}
@media only screen and (max-width: 800px) {
header .logo img {
max-height: 56px;
}
header .logo a {
display: flex;
padding-bottom: 4px;
}
}
.container-md {
margin: 0 auto;
max-width: 1600px;
padding-left: 100px;
padding-right: 100px;
}
@media only screen and (max-width: 1440px) {
.container-md {
max-width: 1150px;
}
}
@media only screen and (max-width: 1280px) {
.container-md {
padding-left: 50px;
padding-right: 50px;
}
}
.container-lg {
margin: 0 auto;
max-width: 1800px;
padding-left: 50px;
padding-right: 50px;
}
@media only screen and (max-width: 1440px) {
.container-lg {
max-width: 1350px;
}
}
@media only screen and (max-width: 1280px) {
.container-lg {
padding-left: 25px;
padding-right: 25px;
}
}
@media only screen and (max-width: 1023px) {
.container-lg {
padding-left: 0px;
padding-right: 0px;
}
}
.block--overlap {
margin-top: -250px;
}
.block--overlap.team-block {
margin-top: -100px;
}
.alm-button--disabled {
display: none;
}
.btn {
color: #E4E0D8;
border: 2px solid #E4E0D8;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
cursor: pointer;
font-weight: bold;
font-size: 14px;
line-height: 29px;
text-align: center;
letter-spacing: 0.12em;
border-radius: 49px;
min-width: 211px;
display: inline-block;
box-sizing: border-box;
padding: 16px 25px 12px 25px;
text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
.btn {
min-width: 190px;
padding: 13px 15px 8px 15px;
}
}
.btn:hover {
background-color: #E4E0D8;
color: #189879;
transition: all 0.3s;
}
.btn.btn--green {
color: #189879;
border: 2px solid #189879;
}
.btn.btn--green:hover {
background-color: #189879;
color: #E4E0D8;
}
.btn.btn--white {
color: white;
border-color: #FFFFFF;
}
.btn.btn--white:hover {
background-color: #FFFFFF;
color: #189879;
}
.news-thumbnail,
.grid-thumbnail {
margin-bottom: 20px;
display: block;
}
.news-thumbnail .title,
.grid-thumbnail .title {
font-size: 20px;
line-height: 29px;
color: #189879;
}
@media only screen and (max-width: 1023px) {
.news-thumbnail .title,
.grid-thumbnail .title {
font-size: 18px;
line-height: 26px;
line-height: 27px;
}
}
.news-thumbnail .image,
.grid-thumbnail .image {
display: flex;
flex-direction: column;
overflow: hidden;
}
.news-thumbnail img,
.grid-thumbnail img {
width: 100%;
transition: 0.8s;
}
.news-thumbnail img:hover,
.grid-thumbnail img:hover {
transform: scale(1.1);
}
.news-thumbnail .content,
.grid-thumbnail .content {
background-color: #E4E0D8;
padding: 47px 28px 60px 23px;
box-sizing: border-box;
}
@media only screen and (max-width: 1023px) {
.news-thumbnail .content,
.grid-thumbnail .content {
padding-bottom: 45px;
}
}
.news-thumbnail .blog-date,
.grid-thumbnail .blog-date {
font-size: 14px;
line-height: 30px;
background-color: #189879;
color: #E4E0D8;
position: absolute;
padding: 3px 10px 0px;
margin-top: -13px;
margin-left: 23px;
letter-spacing: 0.04em;
}
.searchform {
margin-top: 33px;
position: relative;
}
@media only screen and (max-width: 800px) {
.searchform {
margin-top: 0px;
}
}
.searchform #searchsubmit,
.searchform .screen-reader-text {
display: none;
}
.searchform input[type=text] {
background-color: #F2F0EC;
border-bottom: 2px solid #189879;
padding: 0px;
padding-right: 35px;
color: #189879;
width: 227px;
}
@media only screen and (max-width: 552px) {
.searchform input[type=text] {
width: 100%;
box-sizing: border-box;
}
}
.searchform ::-webkit-input-placeholder {
color: #189879;
font-weight: 700;
}
.searchform :-ms-input-placeholder {
color: #189879;
font-weight: 700;
}
.searchform ::placeholder {
color: #189879;
font-weight: 700;
}
.searchform:after {
position: absolute;
content: "";
right: 0;
top: 35%;
transform: translate(0, -50%);
background-image: url("https://cycashospitality.com/wp-content/themes/cycas//assets/images/icons/icon-search.svg");
height: 29px;
width: 28px;
}
.accordion-section {
margin-top: 50px;
}
.accordion-section ul {
list-style: disc;
padding-left: 25px;
}
.accordion-section .content {
padding-top: 15px;
}
.accordion-section .title {
font-size: 20px;
line-height: 29px;
border-top: 1px solid #189879;
padding-top: 15px;
cursor: pointer;
position: relative;
margin-bottom: 0px;
}
.accordion-section .title:before {
content: "";
position: absolute;
background-image: url("https://cycashospitality.com/wp-content/themes/cycas//assets/images/icons/arrow-up-green.svg");
width: 14px;
height: 14px;
right: 15px;
background-size: contain;
background-repeat: no-repeat;
top: 50%;
transform: translate(0px, -50%) rotate(180deg);
transition: transform 0.2s;
}
.accordion-section .title.tab-open {
pointer-events: none;
}
.accordion-section .title.tab-open:before {
transform: translate(0px, -50%) rotate(0deg);
}
.accordion-section .item {
margin-bottom: 40px;
}
.accordion-section .item:last-child {
margin-bottom: 0px;
}
.jquery-modal {
z-index: 1111;
background-color: rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 600px) {
.jquery-modal {
padding: 10px;
}
}
.jquery-modal .modal {
max-width: 1200px;
border-radius: 0px;
padding: 0px;
background-color: transparent;
box-shadow: none;
}
.jquery-modal .modal h1, .jquery-modal .modal .full-width-image-block .quote-text, .full-width-image-block .jquery-modal .modal .quote-text, .jquery-modal .modal .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content .jquery-modal .modal .heading, .jquery-modal .modal .hotel-timeline-block .title .title-text, .hotel-timeline-block .title .jquery-modal .modal .title-text,
.jquery-modal .modal h2,
.jquery-modal .modal .search-for i,
.search-for .jquery-modal .modal i,
.jquery-modal .modal .image-text-grid.container-lg .heading,
.image-text-grid.container-lg .jquery-modal .modal .heading,
.jquery-modal .modal body.home .page-title-content h1,
body.home .page-title-content .jquery-modal .modal h1,
.jquery-modal .modal h3,
.jquery-modal .modal h4,
.jquery-modal .modal .anchor-links li a,
.anchor-links li .jquery-modal .modal a,
.jquery-modal .modal h5 {
color: #189879;
}
@media only screen and (max-width: 1024px) {
.jquery-modal .modal {
width: 96%;
}
}
.jquery-modal .modal-container {
display: flex;
background-color: #FFFFFF;
box-shadow: 0 0 10px #000;
}
@media only screen and (max-width: 700px) {
.jquery-modal .modal-container {
flex-direction: column;
}
}
.jquery-modal .modal-sidebar {
width: 40%;
padding: 83px 63px 54px 67px;
background-color: #189879;
box-sizing: border-box;
}
.jquery-modal .modal[class*="modal-hotel"] .modal-sidebar{
padding: 83px 25px 54px 25px;
padding-top: 0px;
padding-left: 0;
padding-right: 0;
}
.jquery-modal .modal[class*="modal-hotel"] .modal-sidebar p{
padding-left: 25px;
padding-right: 25px;
}
@media only screen and (max-width: 1024px) {
.jquery-modal .modal-sidebar {
padding-left: 35px;
padding-right: 35px;
}
}
.jquery-modal .modal-sidebar p, .jquery-modal .modal-sidebar .gform_confirmation_message, .jquery-modal .modal-sidebar .full-width-image-block.quote-block .quote-by, .full-width-image-block.quote-block .jquery-modal .modal-sidebar .quote-by, .jquery-modal .modal-sidebar .image-text-grid.container-lg .subheading, .image-text-grid.container-lg .jquery-modal .modal-sidebar .subheading {
text-align: center;
color: #E4E0D8;
font-weight: 400;
}
@media only screen and (max-width: 700px) {
.jquery-modal .modal-sidebar {
width: 100%;
}
}
@media only screen and (max-width: 600px) {
.jquery-modal .modal-sidebar {
padding-left: 20px;
padding-right: 20px;
}
}
.jquery-modal .modal-sidebar-carousel {
margin-bottom: 60px;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.jquery-modal .modal[class*="modal-hotel"] .modal-sidebar-carousel{
max-width: 100%;
}
.jquery-modal .modal-main-content {
width: 60%;
padding: 83px 103px 54px 56px;
box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
.jquery-modal .modal-main-content {
padding-left: 35px;
padding-right: 35px;
}
}
@media only screen and (max-width: 600px) {
.jquery-modal .modal-main-content {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 700px) {
.jquery-modal .modal-main-content {
width: 100%;
}
}
.jquery-modal .modal-main-content p, .jquery-modal .modal-main-content .gform_confirmation_message, .jquery-modal .modal-main-content .full-width-image-block.quote-block .quote-by, .full-width-image-block.quote-block .jquery-modal .modal-main-content .quote-by, .jquery-modal .modal-main-content .image-text-grid.container-lg .subheading, .image-text-grid.container-lg .jquery-modal .modal-main-content .subheading {
margin-bottom: 30px;
}
.jquery-modal .modal-main-content b, .jquery-modal .modal-main-content strong {
color: #189879;
}
.jquery-modal .modal-main-content a {
color: #189879;
}
.jquery-modal .modal-main-content a:hover {
text-decoration: underline;
}
.jquery-modal .slick-prev:before,
.jquery-modal .slick-next:before {
opacity: 0;
}
.jquery-modal .slick-prev,
.jquery-modal .slick-next {
bottom: -45px;
top: auto;
width: 57px;
}
.jquery-modal .slick-prev::before,
.jquery-modal .slick-next::before {
display: none;
}
.jquery-modal .slick-prev {
left: calc(50% - 100px);
}
.jquery-modal .slick-next {
right: calc(50% - 100px);
}
.jquery-modal a.close-modal {
top: 28px;
right: 31px;
width: 55px;
height: 56px;
background-image: url("/wp-content/themes/cycas//assets/images/icons/modal-close.svg");
}
@media only screen and (max-width: 700px) {
.jquery-modal a.close-modal {
top: 15px;
right: 15px;
}
}
.jquery-modal .slick-modal-arrow {
position: absolute;
bottom: 0;
width: 100%;
display: flex;
justify-content: space-between;
padding: 40px;
max-width: 1100px;
left: 50%;
transform: translate(-50%, 0);
box-sizing: border-box;
}
.jquery-modal .slick-modal-arrow .slick-arrow-left,
.jquery-modal .slick-modal-arrow .slick-arrow-right {
cursor: pointer;
}
#grid-images-modal .modal-main-content {
width: 100%;
padding: 83px 103px 100px 103px;
}
@media only screen and (max-width: 768px) {
#grid-images-modal .modal-main-content {
padding: 100px 30px 75px;
}
}
@media only screen and (max-width: 552px) {
#grid-images-modal .modal-main-content {
padding-left: 25px;
padding-right: 25px;
padding-top: 50px;
}
}
@media only screen and (max-width: 768px) {
#grid-images-modal .close-modal {
width: 44px;
height: 44px;
right: 27px;
}
}
@media only screen and (max-width: 552px) {
#grid-images-modal .close-modal {
right: 7px;
top: 9px;
width: 30px;
height: 30px;
}
}
#grid-images-modal .slick-prev,
#grid-images-modal .slick-next {
bottom: -65px;
}
#grid-images-modal img {
margin-left: auto;
margin-right: auto;
}
#team-modal .modal-sidebar {
width: 320px;
}
#team-modal .bio-avatar {
margin-bottom: 25px;
position: relative;
}
@media only screen and (max-width: 768px) {
#team-modal .bio-avatar {
display: flex;
justify-content: center;
}
}
#team-modal .bio-avatar img {
border-radius: 50%;
}
#team-modal .bio-avatar .bio-hover {
position: absolute;
top: 0;
left: 0;
transition: opacity 0.5s;
opacity: 0;
width: 100%;
}
#team-modal .bio-avatar:hover .bio-hover {
opacity: 1;
}
#team-modal .bio-name {
font-size: 20px;
line-height: 29px;
}
#team-modal .bio-name,
#team-modal .bio-description {
color: #E4E0D8;
margin-bottom: 5px;
}
#team-modal .bio-name *,
#team-modal .bio-description * {
text-align: left;
}
@media only screen and (max-width: 768px) {
#team-modal .bio-name,
#team-modal .bio-description {
text-align: center;
}
#team-modal .bio-name *,
#team-modal .bio-description * {
text-align: center;
}
}
#team-modal .bio-description {
max-width: 350px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 768px) {
#team-modal .bio-description {
margin-top: 12px;
margin-bottom: 15px;
}
}
#team-modal .modal-main-content {
width: calc(100% - 320px);
padding: 83px 103px 124px 56px;
}
@media only screen and (max-width: 768px) {
#team-modal .modal-main-content {
padding-left: 25px;
padding-right: 25px;
}
}
#team-modal .modal-sidebar {
padding: 83px 59px 54px 52px;
min-height: 600px;
}
#team-modal .group-social-media {
display: flex;
margin-top: 10px;
}
@media only screen and (max-width: 768px) {
#team-modal .group-social-media {
justify-content: center;
}
#team-modal .modal-sidebar{
min-height: auto;
}
}
#team-modal .group-social-media img {
max-width: 35px;
}
#team-modal .slick-prev,
#team-modal .slick-next {
bottom: 53px;
z-index: 1;
}
#team-modal .slick-prev {
left: 64px;
}
#team-modal .slick-next {
right: 44px;
}
@media only screen and (max-width: 768px) {
#team-modal .modal-sidebar,
#team-modal .modal-main-content {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
#team-modal .modal-container {
flex-direction: column;
}
}
#team-modal .team-modal-container > .slick-arrow {
display: none !important;
}
.menu-intro-block .menu-intro-block-container {
display: none;
}
@media only screen and (max-width: 800px) {
.menu-intro-block {
padding-left: 20px;
padding-right: 20px;
}
.menu-intro-block .menu-intro-block-container {
display: block;
width: 494px;
background-color: #189879;
padding: 67px 47px 50px 47px;
width: 100%;
max-width: 552px;
margin: 0 auto;
margin-bottom: 49px;
box-sizing: border-box;
margin-top: -11%;
position: relative;
z-index: 100;
}
}
@media only screen and (max-width: 800px) and (max-width: 552px) {
.menu-intro-block .menu-intro-block-container {
margin-top: -120px;
padding: 67px 30px 50px 30px;
}
}
@media only screen and (max-width: 800px) {
.menu-intro-block .menu-intro-block-container h3 {
color: #E4E0D8;
}
}
#menu-footer-menu a {
font-size: 24px;
line-height: 41px;
}
#page-index h1 a, #page-index .full-width-image-block .quote-text a, .full-width-image-block #page-index .quote-text a, #page-index .home-team-circles .home-team-circles-intro .content .heading a, .home-team-circles .home-team-circles-intro .content #page-index .heading a, #page-index .hotel-timeline-block .title .title-text a, .hotel-timeline-block .title #page-index .title-text a {
font-size: 35px;
line-height: 45px;
color: #189879;
font-weight: 700;
}
#page-index h1, #page-index .full-width-image-block .quote-text, .full-width-image-block #page-index .quote-text, #page-index .home-team-circles .home-team-circles-intro .content .heading, .home-team-circles .home-team-circles-intro .content #page-index .heading, #page-index .hotel-timeline-block .title .title-text, .hotel-timeline-block .title #page-index .title-text {
margin-bottom: 15px;
}
.search-for {
margin-bottom: 20px;
}
.search-for i {
font-style: italic;
}
.page-intro-block .page-intro-content .content ul:not(#contact-us-forms-list) {
list-style-type: disc;
padding-left: 40px;
}
body.single .main-content ul{
list-style: disc;
padding-left: 40px;
margin-top: 15px;
margin-bottom: 30px;
}
.page-intro-block .page-intro-content .content ul li{
margin-bottom: 20px;
}
.page-intro-block .page-intro-content .content p a{
color: #189879;
}
.page-id-3 .page-title-content,
.page-id-708 .page-title-content{
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media only screen and (min-width: 768px) {
.page-id-3 header .menu-intro-section{
width: 353px;
}
}
body.single .main-section.bg--beige{
background-color: transparent;
}
body.single .main-section.bg--beige .header-banner-container{
background-color: #E4E0D8;
}
/* Counter Numbers */
.counter-numbers-block.block--overlap {
margin-top: -100px;
}
@media only screen and (max-width: 600px) {
.counter-numbers-block.block--overlap {
margin-top: 0px;
}
}
.counter-numbers-block .counter-numbers-container {
background-color: #E4E0D8;
padding-top: 210px;
padding-bottom: 225px;
}
.counter-numbers-block .heading {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
letter-spacing: 0.12em;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
font-size: 38px;
font-weight: 700;
line-height: 50px;
text-align: center;
color: #189879;
margin-bottom: 82px;
padding-left: 35px;
padding-right: 35px;
}
.counter-numbers-block .counter-numbers-list {
display: flex;
flex-wrap: wrap;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 35px;
padding-right: 35px;
}
.counter-numbers-block .counter-numbers-list .item {
width: 33.333%;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
.counter-numbers-block .counter-numbers-list {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 600px) {
.counter-numbers-block .counter-numbers-list {
max-width: 500px;
flex-direction: column;
}
.counter-numbers-block .counter-numbers-list .item {
width: 100%;
margin-bottom: 50px;
}
}
.counter-numbers-block .numbers {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
letter-spacing: 0.12em;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
font-size: 96px;
line-height: 1;
letter-spacing: 0em;
color: #189879;
margin-bottom: 10px;
border-top: 4px solid #189879;
padding-top: 20px;
}
@media only screen and (max-width: 1023px) {
.counter-numbers-block .numbers {
font-size: 75px;
}
}
@media only screen and (max-width: 768px) {
.counter-numbers-block .numbers {
font-size: 50px;
}
}
@media only screen and (max-width: 600px) {
.counter-numbers-block .numbers {
font-size: 96px;
}
}
.counter-numbers-block .content {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
letter-spacing: 0.12em;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
font-size: 18px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0.04em;
color: #4D5D5F;
text-transform: none;
}
@media only screen and (max-width: 600px) {
body.single .no-image-banner .header-banner-container .content{
margin: 0;
box-sizing: border-box;
padding-top: 50px;
padding-bottom: 50px;
}
body.single .no-image-banner .header-banner-container .content h1,
body.single .blog-title-banner .blog-title-banner-container h1{
font-size: 20px;
line-height: 33px;
}
body.single .no-image-banner .author,
body.single .blog-title-banner .blog-title-banner-container .author{
font-size: 16px;
line-height: 29px;
}
body.single .header-banner.no-image-banner{
height: auto;
min-height: auto;
}
}
@media only screen and (max-width: 1440px) {
body:not(.home) .page-intro-block .page-title-content h1{
font-size: 30px;
line-height: 41px;
}
}
@media only screen and (min-width:801px) and (max-width:1023px){
body:not(.home) .page-intro-block .page-title-content h1{
font-size: 26px;
line-height: 35px;
}
body:not(.home) .page-intro-block .page-title-content{
padding: 54px 25px 54px 30px;
}
}
/* Counter Numbers end */
.white-block-image-text .item {
display: flex;
margin-bottom: 50px;
}
.white-block-image-text .item .image {
display: flex;
flex-direction: column;
flex: none;
}
.white-block-image-text .item .text{
padding-left: 15px;
padding-right: 15px;
}
.white-block-image-text .item .text h3{
margin-bottom: 5px;
}
@media only screen and (max-width: 400px) {
.white-block-image-text .item{
flex-direction: column;
}
.white-block-image-text .item .image {
margin-bottom: 25px;
}
.white-block-image-text .item .image img{
max-width: 200px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.white-block-image-text .item .text{
padding-left: 0px;
padding-right: 0px;
}
}
.slider-list.disable-slider{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.slider-list.disable-slider .item .caption:empty{
margin: 0px;
}
.slider-list.disable-slider .item{
width: 20%;
margin-bottom: 36px;
}
.slider-list.disable-slider .item .image img{
max-width: 100%;
}
@media only screen and (max-width: 1250px) {
.slider-list.disable-slider .item{
width: 25%;
}
}
@media only screen and (max-width: 1023px) {
.slider-list.disable-slider .item{
width: 33.3333%;
}
}
@media only screen and (max-width: 768px) {
.slider-list.disable-slider .item{
width: 50%;
}
}
@media only screen and (max-width: 660px) {
.slider-list.disable-slider .item{
width: 100%;
}
}
/*# sourceMappingURL=main.css.map */