/******************************************************************
Theme Name: Eclipse360
Description: Custom Theme
Author: Eclipse Creative
Author URI: https://eclipse3sixty.com
Version: 1.0
Tags: WordPress
******************************************************************/

/*********************
FONTS & COLORS
*********************/
@font-face { font-family: 'canela'; src: url('/wp-content/themes/eclipse360/assets/fonts/canela-light.ttf')  format('truetype') }
@font-face { font-family: 'plaza'; src: url('/wp-content/themes/eclipse360/assets/fonts/PlazaITC-Normal.ttf')  format('truetype') }
@font-face { font-family: 'bayshore'; src: url('/wp-content/themes/eclipse360/assets/fonts/Bayshore.otf')  format('truetype') }
@font-face { font-family: 'theinhardt'; src: url('/wp-content/themes/eclipse360/assets/fonts/theinhardt-regular.otf')  format('truetype') }

.aqua, .aqua p { color: #A3CDC9 !important; }
.aqua-background { background-color: #A3CDC9 !important; }
.black, .black p, .black .accordion-title::after { color: #000000; }
.black-background { background-color: #000000 !important; }
.blue, .blue p { color: #449FBD; }
.blue-background { background-color: #449FBD !important; }
.dark-tan, .dark-tan p { color: #BD6C54 !important; }
.dark-tan-background { background-color: #BD6C54 !important; }
.grey, .grey p { color: #525354 !important; }
.grey-background { background-color: #525354 !important; }
.tan, .tan p { color: #EDE9E6 !important; }
.tan-background { background-color: #EDE9E6 !important; }
.white, .white p { color: #FFFFFF !important; }
.white-background { background-color: #FFFFFF !important; }

::selection { background: #449FBD; color: #FFFFFF; }
::-moz-selection { background: #449FBD; color: #FFFFFF; }

/*********************
GLOBAL
*********************/
.overline { font-family: 'canela', serif; font-size: 18px !important; font-weight: 300; line-height: 1.28; letter-spacing: 1.7px; }
h1, h2, h3, h4, h5, h6 { clear: unset; margin: 0; }
h1 { font-family: 'canela', serif; font-size: 7rem !important; font-weight: 300; line-height: 115px; }
h2 { font-family: 'canela', serif; font-size: 55px !important; font-weight: 300; line-height: 70px; }
.h2 { font-family: 'canela', serif; font-size: 55px !important; font-weight: 300; line-height: 70px; }
h3 { font-family: 'canela', serif; font-size: 72px !important; font-weight: 300; line-height: 91px; }
.h3 { font-family: 'canela', serif; font-size: 72px !important; font-weight: 300; line-height: 91px; }
h4 { font-family: 'canela', serif; font-size: 40px !important; font-weight: 300; line-height: 91px; }
.h4 { font-family: 'canela', serif; font-size: 40px !important; font-weight: 300; line-height: 91px; }
p { font-family: 'canela', serif; font-size: 1.3rem; letter-spacing: 1px; padding: 0 0 20px 0; margin: 0; line-height: 33px; }
ul, ol { font-family: 'canela', serif; font-size: 20px !important; font-weight: 400; line-height: 1.28; display: inline-block; margin: 0; padding: 0 0 0 45px; overflow-wrap: unset; }
ul li, ol li { padding: 5px 0 5px 0; margin: 0; }
strong { font-family: 'canela', serif; font-weight: 600; }
.handwriting { font-family: 'bayshore', sans-serif; font-size: 7rem; line-height: 70px; }

#wpadminbar .quicklinks .menupop ul li.wpo-cache-stats .ab-item h4 { font-size: 10px !important; }

html { scroll-behavior: smooth; overflow-x: hidden !important; max-width: 100vw !important; }
body { font-family: 'canela', serif; font-size: 20px; line-height: 33px; color: #525354; padding: 0; margin: 0; overflow-x: hidden !important; max-width: 100vw !important; }

a { color: #E50B12; transition: all 250ms; }
a:hover, a:focus { color: #449FBD; }
.external { background: url('/wp-content/themes/eclipse360/assets/images/icon-external.png'); background-size: 14px 14px !important; background-position: right center !important; background-repeat: no-repeat !important; padding: 0 20px 0 0; }

.alignleft { float: left; padding: 0 20px 0 0; }
.alignright { float: right; padding: 0 0 20px 20px; }
.textleft { text-align: left; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.clear { clear: both; }
.width-full { max-width: 100% !important; }
.width-large { max-width: 1824px !important; margin: 0 auto !important; padding: 0 30px; position: relative; }
.width-medium { max-width: 1533px !important; margin: 0 auto !important; padding: 0 30px; position: relative; }
.width-small { max-width: 1038px !important; margin: 0 auto !important; padding: 0 30px; position: relative; }
.height-large { height: 1080px; }
.height-medium { height: 900px; }
.height-small { height: 712px; }
.height-xsmall { height: 600px; }
.height-xxsmall { height: 350px; }
.smaller { font-size: 12px; line-height: 15px; padding: 30px 10px; }
.medium { font-size: 18px; text-transform: uppercase; line-height: 20px; letter-spacing: 1px; }

.button { position: relative; display: inline-block; font-family: 'theinhardt', sans-serif; font-size: 15px !important; font-weight: 300; line-height: 33px; text-decoration: none !important; background-color: transparent; color: #525354; border: 2px solid #525354; padding: 15px 20px 12px 20px; margin: 20px 0 0 0; text-align: center; transition: all .25s ease-in-out; }
.button:hover { background-color: #525354 ; color: #FFFFFF; }

.entry-content > :first-child { padding: 0; margin: 0; }
.container-content { padding: 0; margin: 0; }
.container-content > .full-width, .container-content > .alignfull { margin: unset; padding: unset; max-width: unset; width: unset; }

.dividing-line { height: 0px; width: 48px; background-color: #FFFFFF; margin: 0 0 20px 0 !important; }
.dividing-line.Center { margin: 0 auto 20px auto !important; }
.dividing-line.Right { margin: 0 0 20px auto !important; }

.slick-slider { padding: 0 !important; margin: 0 !important; }
.slick-slide { padding: 0 !important; margin: 0 !important; background-image: unset !important; background-size: unset !important; }
.slick-slide img { height: 100%; width: 100%; }
.slick-dots { position: relative !important; text-align: left; display: inline-block !important; width: unset; bottom: -7px; padding: 0 !important; }
.slick-dots li { width: unset !important; height: unset !important; overflow: unset !important; margin: 0 5px !important; display: inline-block; }
.slick-dots button:focus { outline: none !important; }
.slick-dots button { cursor: pointer; color: transparent; border-radius: 50%; width: 15px; height: 15px; border: 1px solid #FFFFFF; background: #B9B9B9; transition: all 500ms; padding: 0; }
.slick-dots .slick-active button { background: #E50B12; }
.slick-prev::before { content: ''; color: transparent; }
.slick-next::before { content: ''; color: transparent; }

.container .flex, .container-fluid .flex, .container .flex-grid, .container-fluid .flex-grid, .site-content .content-area .container-content .flex, .site-content .content-area .container-content .flex-grid { margin-left: unset; margin-right: unset; }
.flex { display: flex; align-items: center; }

.noscroll { overflow: hidden !important; }
.v-center { position: relative; top: 50%; transform: translateY(-50%); }

#outdated { display: none; }
#external-link { height: 15px; width: 20px; padding: 0 0 0 10px; }

.arrow { display: inline-block; background: url('/wp-content/themes/eclipse360/assets/images/right-arrow.png'); height: 11px; width: 20px; background-size: cover; background-repeat: no-repeat !important; background-position: center right !important; margin: 0 0 0 10px; transition: all .5s ease-in-out; }
.animate-arrow:hover .arrow { width: 50px; }
.arrow.back { transform: rotate(180deg); }
.arrow.back:hover { width: 50px; }
.Blue-background .arrow { background: url('/wp-content/themes/eclipse360/assets/images/right-arrow-white.png'); }

.hide, .hidden { display: none; }

.playhead { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: clamp(100px, 10vw, 220px); height: clamp(100px, 10vw, 220px); background: url(assets/images/video-play.svg) no-repeat center center / contain; z-index: 2; transition: all .5s ease-in-out; }
.slick-slide:hover .playhead { transform: translate(-50%, -50%) scale(0.8); }

.fancybox__backdrop { background-color: rgba(0, 0, 0, 0.95) !important; }
.fancybox__content { height: 90%; width: 90%; }
.has-image .fancybox__content { border-radius: 15px !important; overflow: hidden !important; }
.carousel__button.is-close { display: none; }

.fadeout { opacity: 0 !important; }
.fadein { opacity: 1 !important; }
.no-click { pointer-events: none !important; }
input[type="search"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], textarea { border: 2px solid #bebebe; border-radius: 7px; padding: 15px 40px 15px 15px !important; width: 100%; font-family: inherit; }

a { color: #000; text-decoration: none; transition: all .25s ease-in-out; }
a:hover { text-decoration: underline; }
* { word-break: keep-all !important; overflow-wrap: unset !important; }
*:focus { outline: none !important; }
p:empty, #gform_wrapper_13 .gform_title { display: none; }
select { padding: 15px 30px 15px 15px !important; border: 2px solid #bebebe; border-radius: 7px !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; position: relative; background: #fff url(assets/images/angle-down.svg) no-repeat 96% center / 10px !important; }
.hr { background-color: #FFFFFF; height: 1px; width: 100%; margin: 20px 0 20px;}

/* SOCIAL SHARE BUTTONS */
.section-social-share { margin: 0 auto 60px !important; width: 400px; height: auto; }
.share-title { font-size: 20px !important; font-weight: bold; font-family: 'vag-bold', sans-serif; color: #E50B12 !important;}
.socials-container{ display: flex;}
.socials-container > * { display: contents; text-decoration: none; color: #000; }
.socials-container img { display: inline-block; max-width: 30px; max-height: 30px; margin-right: 5px; margin-left: 5px; }
.socials { display: inline-block; padding: 10px 0 0 0; }
.socials img { display: inline-block; max-width: 26px; max-height: 26px; margin: 0 0 0 15px; transition: all 0.25s ease-in-out; }
.socials img:hover { transform: scale(1.1); }
.socials .external { background: unset; padding: 0; }
.share-links { margin-top: 30px; margin-bottom: 30px; padding: 15px 30px; background-color: #e5eef8; border-radius: 5px; color: #303e49; font-weight: 600; text-transform: uppercase; width: 212px; }
.share-links>*:not(:last-child) { margin-right: 15px; }

.icon-tel, .icon-email { margin: 0; position: relative; padding-left: 30px; }
.icon-tel::before, .icon-email::before { content: ""; display: block; width: 18px; height: 18px; position: absolute; top: 0; left: 0px; }
.icon-tel::before { background: url(assets/images/tel.svg) no-repeat center center / contain; }
.icon-email::before { background: url(assets/images/mail.svg) no-repeat center center / contain; }

/* PAGE DEFAULTS */
.site-content { -webkit-box-flex: unset !important; flex: unset !important; overflow: unset !important; }
::before, ::after {  pointer-events: none; }
p:last-child, li:last-child { margin-bottom: 0; }
#wrapper input[type="submit"] { padding: 15px 20px !important; }
.letter-spaced-caps { text-transform: uppercase; letter-spacing: 1px; margin: 60px auto 30px; max-width: 1100px; font-weight: 400; }
.category-filters { padding: 0 5% 60px; display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
.category-filters span { text-transform: uppercase; font-weight: 600; }

.highlight-word { display: inline-block; position: relative; }
.pencil-highlight { position: absolute; left: -4px; background-image: url('data:image/svg+xml,<svg width="146px" height="89" viewBox="-41 -50 245 89.0859" style="position: absolute;left: -20px;top: -75%;z-index: 10;"><path d="M -0.719 -22.89 C 40.802 -40.163 86.477 -46.31 131.154 -40.994 C 142.283 -39.666 153.244 -37.672 164.041 -34.849 C 174.338 -32.191 186.297 -29.534 194.435 -22.226 C 198.089 -18.904 201.079 -14.42 202.075 -9.438 C 202.905 -4.288 201.079 0.861 198.254 5.013 C 192.607 13.317 183.307 19.13 174.504 23.448 C 156.069 32.75 134.975 35.906 114.711 37.399 C 92.955 39.06 71.196 39.89 49.439 38.563 C 27.184 37.068 4.926 33.081 -15.501 24.278 C -24.139 20.791 -34.768 16.307 -38.422 7.172 C -42.741 -3.126 -35.599 -13.756 -27.46 -19.569 C -18.657 -25.88 -7.862 -30.198 2.269 -34.019 C 12.733 -38.005 23.363 -41.16 34.324 -43.651 C 56.414 -48.801 79.335 -50.793 101.924 -49.466" fill-opacity="0" stroke-width="3px" stroke="%23ed1c24" id="path-0" style="stroke-dasharray: 651.442; stroke-dashoffset: 0;"></path></svg>');  background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.checklist { list-style: none; padding-left: 45px; }
.checklist li { position: relative; padding: 20px 0; margin: 0; }
.checklist li::before { content: ""; display: block; width: 30px; height: 30px; background: url(assets/images/checkmark.svg) no-repeat center center / contain; position: absolute; left: -45px; top: 20px; }

/******************************************************************************/
/* HEADER                                                                     */
/******************************************************************************/
.sticky-header { position: fixed; top: -200px; left: 0; height: 110px; width: 100%; background-color: #FFFFFF; z-index: 3; border-bottom: 1px solid #d1d1d1; transition: all .5s ease-in-out; }
.scroll .sticky-header { top: 0; }
.sticky-header .logo { display: inline-block; width: 100px; vertical-align: middle; }
.sticky-header .logo img { max-height: 80px; margin: 20px 30px; }
.sticky-header .text { display: inline-block; width: calc(100% - 335px); font-family: 'theinhardt', sans-serif; font-size: 16px; line-height: 33px; letter-spacing: 2.5px; vertical-align: super; text-align: center; }
.sticky-header .button-div { display: inline-block; width: 225px; text-align: right; vertical-align: super;  }
.sticky-header .button-div .button { background-color: #449FBD; color: #FFFFFF !important; border: 2px solid #449FBD; letter-spacing: 2px; padding: 5px 15px 0 15px; margin: 0 5px 0 0; }
.sticky-header .button-div .button:hover { background-color: #FFFFFF; color: #449FBD !important; }

/******************************************************************************/
/* 404 PAGE                                                                   */
/******************************************************************************/
.error { padding: 0; margin: 0; }
.error404 { background: transparent; margin-bottom: 0 !important; }
.error-title { font-size: 150px !important; font-weight: 300; line-height: 1; text-transform: lowercase; }
.error-image { height: 100%; width: 100vw; background-image: url('/wp-content/uploads/2020/08/message_banner.png'); background-size: cover; background-position: center center; }
.error-content { position: absolute; top: 30%; left: 50%; transform: translate(-50%, -30%); text-align: center; }

/******************************************************************************/
/* ANIMATIONS                                                                 */
/******************************************************************************/
.pop-in { height: 0 !important; width: 0 !important; }
.slide-down { top: -25% !important; }
.slide-left { right: -50% !important; }
.slide-right { left: -50% !important; }

.image-delay { transition-delay: .25s !important; }
.image-delay-2 { transition-delay: .375s !important; }
.image-delay-3 { transition-delay: .5s !important; }
.rounded { border-radius: 20px; }

/*
.main-title { padding: 20px 0 20px 0; margin: 60px 0 0 0; opacity: 0; transition: all 1s ease-in-out; }
.main-title.animated { margin: 0; opacity: 1; }
*/

.main-title { opacity: 0; transform: translateY(30px); transition: all ease 1.5s; }
.main-title.animated { opacity: 1; transform: translateY(0); }
.animate-text { margin: 60px 0 0 0; opacity: 0; transition: all 1s ease-in-out; }
.animate-text.animated { margin: 0; opacity: 1; }

.shutters { animation: 1s shutters reverse; }
.shutters.animated { animation: 1s shutters; }

@keyframes shutters {
  0% {
    clip-path: polygon(0% 0%, 20% 0%, 20% 100%, 20% 100%, 20% 0%, 40% 0%, 40% 100%, 40% 100%, 40% 0%, 60% 0%, 60% 100%, 60% 100%, 60% 0%, 80% 0%, 80% 100%, 80% 100%, 80% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(20% 0%, 20% 0%, 20% 100%, 40% 100%, 40% 0%, 40% 0%, 40% 100%, 60% 100%, 60% 0%, 60% 0%, 60% 100%, 80% 100%, 80% 0%, 80% 0%, 80% 100%, 100% 100%, 100% 0%, 100% 0%, 100% 100%, 20% 100%);
  }
}

.palm { display: none; }

/******************************************************************************/
/* BACKGROUND IMAGES                                                          */
/******************************************************************************/
.background-images { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.bg-image { position: absolute; z-index: 1; overflow: hidden; transition: all 2s ease-in-out; }
.bg-image .image { background-repeat: no-repeat !important; background-position: 50% 50% !important; transform: scale(1.1); transition: all 3s ease-in-out; }
.bg-image.animated .image { transform: scale(1); transition-delay: 2s; }
.bg-video iframe { position: absolute; z-index: 1; opacity: .2; }
.bring-forward { z-index: 3; }
.palm { transition: all 2s ease-in-out; }

/******************************************************************************/
/* BANNER                                                                     */
/******************************************************************************/
.banner { position: relative; }
.banner .slick-slider { padding: 0; margin: 0; }
.banner .slick-slider li { padding: 0; margin: 0; }
.banner .slick-slider .slide-image img { height: 100%; width: 100%; }
.slide-banner { display: none !important; }
.banner-content { z-index: 2; }
.banner .subtitle { margin: 30px auto 0 auto; max-width: 800px; }
.banner-content .main-title { padding: 0; text-shadow: 2px 2px 5px #000000; }
.banner-content .main-text p { font-family: 'vag-bold', sans-serif; font-size: 84px; }
.banner .slide-image { position: relative; background-size: cover !important; background-position: top center !important; }
.background-video .height-large { height: 90vw; }
.background-video .height-medium { height: 82vw; }
.background-video .height-small { height: clamp(400px, 55vw, 1000px); }
.overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 15px; }
.banner p { max-width: 900px; }
.banner .Center p { margin: 0 auto; }
.banner .button { margin: 0 10px 0 0; }

.fallback-image { position: relative; overflow: hidden; height: 1080px; }
.fallback-image img { position: relative; top: 50%; left: 0; width: 100%; z-index: 2; scale: 1.2; transform: translateY(-38%); }
.background-video { position: relative; z-index: 4; }
.background-video .background-images { overflow: hidden; }
.video-banner { display: block !important; }
.video-wrap { position: absolute; width: 100%; height: 100%; pointer-events: none; top: 0; left: 0; }
.video-wrap video, .video-wrap iframe { width: 100%; height: 100%; object-fit: cover; }
.video-wrap iframe { position: absolute; width: 180%; height: 180%; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.mobile-video { display: none; }
.mobile-video-banner { position: relative; }
#video-container { position: absolute; top: 0; left: 0; height: 100%; width: 100%; max-height: 1080px; z-index: 2; margin: 0; overflow: hidden; transition: all 1s ease-in-out; }
.flex-video .video-player { position: relative; user-select: none; pointer-events: none; height: 100%; width: 100%; max-height: 1080px; transform: scale(1.03); }

.banner .slider-nav { position: absolute; bottom: -60px; }
.banner .slick-prev { display: none !important; }
.banner .slick-next { display: none !important; }
.banner .slider-nav .slick-prev { position: relative !important; bottom: -4px; cursor: pointer; display: inline-block !important; color: transparent; background: url(/wp-content/themes/eclipse360/assets/images/slider-right.png); background-size: contain !important; background-position: center center !important; width: 10px !important; height: 10px !important; background-repeat: no-repeat !important; transform: rotate(180deg); }
.banner .slider-nav .slick-next { position: relative !important; bottom: -4px; cursor: pointer; display: inline-block !important; color: transparent; background: url(/wp-content/themes/eclipse360/assets/images/slider-right.png); background-size: contain !important; background-position: center center !important; width: 10px !important; height: 10px !important; background-repeat: no-repeat !important; }

.toggleAudio { position: absolute; cursor: pointer; bottom: 5vh; right: 30px; background-size: contain !important; background-position: center center !important; height: 60px; width: 60px; }

/******************************************************************************/
/* CTA                                                                        */
/******************************************************************************/
.cta { position: relative; padding: 60px 0 120px 0; }
.cta .cta-container { position: relative; padding: 30px 60px; background-color: #2C455C; color: #FFFFFF; border-radius: 15px; }
.cta .cta-left { display: inline-block; width: 387px; }
.cta .cta-left img { margin: 10px 0; }
.cta .cta-right { position: absolute; display: inline-block; width: calc(100% - 387px); top: 50%; transform: translateY(-50%); padding: 0 120px 0 60px; }
.cta .cta-right .cta-title { font-size: 38px; font-weight: 600; padding: 0 0 10px 0; }
.cta .cta-right .cta-text { font-size: 24px; font-weight: 300; padding: 0 0 30px 0; }
.cta .cta-tagline { position: absolute; bottom: 30px; left: 34%; font-size: 12px; padding: 0; }

/******************************************************************************/
/* FIFTY FIFTY                                                                */
/******************************************************************************/
.fifty-fifty { position: relative; margin: 0 !important; }
.fifty-fifty .main-title.large { font-size: 60px !important; padding: 0 0 20px 0; }
.fifty-fifty .main-title.medium { font-size: 38px !important; padding: 0 0 20px 0; }
.fifty-fifty .main-title.small { font-size: 24px !important; padding: 0 0 20px 0; }
.fifty-fifty-image { position: relative; display: inline-block; vertical-align: top; z-index: 2; }
.fifty-fifty-image .slide-image { position: relative; overflow: hidden; }
.fifty-fifty-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 17px; transition: all .25s ease-in-out; }
.fifty-fifty.text-text .fifty-fifty-image.nopadding .fifty-fifty-content { padding: 0; }
.fifty-fifty.text-text .fifty-fifty-text.nopadding .fifty-fifty-content { padding: 0 0 0 40px; }
.fifty-fifty-image a:hover img { scale: 1.05; }
.fifty-fifty .slick-slider li { position: relative; }
.fifty-fifty-image button.slick-prev { display: none !important; }
.fifty-fifty-image button.slick-next { display: none !important; }
.fifty-fifty-text { position: relative; display: inline-block; vertical-align: top; z-index: 1; }
.fifty-fifty-text img { width: 100%; height: 100%; object-fit: cover; scale: 1.0; border-radius: 15px; transition: all .25s ease-in-out; }
.fifty-fifty-content { position: absolute; top: 50%; transform: translateY(-50%); width: 82%; z-index: 2; }
.fifty-fifty.text-text .fifty-fifty-image .fifty-fifty-content { position: unset; top: unset; transform: unset; padding: 0 25% 0 0; display: inline-block; width: 100%; }
.fifty-fifty.text-text .fifty-fifty-text .fifty-fifty-content { position: unset; top: unset; transform: unset; padding: 0 10% 0 0; display: inline-block; width: 100%; }
.fifty-fifty .button { margin: 10px 0 0 0; }
.fifty-fifty .image-caption { position: absolute; bottom: 30px; right: 30px; font-size: 15px; }
.fifty-fifty .image-caption.inverse { right: 0; left: 30px; }
.fifty-fifty .slider-nav { padding: 10px 0 0 0; text-align: center; }
.fifty-fifty .slider-nav .slick-dots { position: unset; text-align: left; list-style: unset; transform: unset; display: inline-block !important; margin: 0; }
.fifty-fifty .slider-nav .slick-dots li { padding: 0 !important; margin: 0 5px; width: unset !important; }
.fifty-fifty .slider-nav .slick-prev { position: relative; top: 9px; cursor: pointer; display: inline-block; color: transparent; background: url('/wp-content/themes/eclipse360/assets/images/right.png'); background-size: contain !important; background-position: center center !important; width: 15px; height: 15px; background-repeat: no-repeat !important; transform: rotate(180deg); }
.fifty-fifty .slider-nav .slick-next { position: relative; top: 9px; cursor: pointer; display: inline-block; color: transparent; background: url('/wp-content/themes/eclipse360/assets/images/right.png'); background-size: contain !important; background-position: center center !important; width: 15px; height: 15px; background-repeat: no-repeat !important; }

/******************************************************************************/
/* FORMS                                                                      */
/******************************************************************************/
.gform-body a { color: #FFFFFF; text-decoration: underline; }
.gform_required_legend, .gform-body label { font-size: 1.125rem !important; line-height: 3rem; font-weight: 100 !important; text-align: left; }
.gform_required_legend { display: none !important; }
.gform_legacy_markup_wrapper textarea { color: #1C3144; }
.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { color: #1C3144; }
.gform_legacy_markup_wrapper div.validation_error, .gform_legacy_markup_wrapper ol.validation_list { background-color: #FFFFFF; }
.gform_legacy_markup_wrapper .gform_validation_errors>h2 { font-size: 30px !important; }
.gform_legacy_markup_wrapper .gform_validation_errors>h2:before { height: unset !important; width: unset !important; }
.gform_legacy_markup_wrapper .gfield_error .gfield_label { color: #FFFFFF !important; }
.gform_legacy_markup_wrapper .validation_message { color: #FFFFFF !important; }
.form-fifty-fifty { display: inline-block; width: 50%; }

input[type="submit"] { position: relative; display: inline-block; cursor: pointer; font-family: 'theinhardt', sans-serif; font-size: 15px !important; font-weight: 300; letter-spacing: 2px; line-height: 33px; text-decoration: none !important; background-color: #449FBD; color: #FFFFFF; border: 2px solid #449FBD; padding: 5px 20px 0 20px; margin: 20px 0 0 0; text-align: center; transition: all .25s ease-in-out; }
input[type="submit"]:hover { background-color: transparent ; color: #449FBD; }

.gform_wrapper.gravity-theme .gfield_description { padding-top: 0 !important; font-size: 12px !important; }

.checkbox-move-up .gchoice_7_10_1 { margin: -25px 0 0 0; }

.gform_wrapper.gravity-theme .gform_validation_errors>h2 { font-size: 16px !important; line-height: 16px !important; }
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message { padding: 3px 10px 0 10px !important; margin: 5px 0 10px 0 !important; line-height: 16px !important; }
.gform_legacy_markup_wrapper .gfield_required { margin-left: 0 !important; }
input[type="tel"] { padding: 15px 40px 15px 40px!important; }

.spark-registration-form .form-item { display: inline-block; width: calc(50% - 30px); margin: 15px 10px 0 0; vertical-align: top; }
.spark-registration-form .form-item.full-width { width: calc(100%); }
.spark-registration-form .form-item.extra-details { display: none; }
.spark-registration-form .form-item.extra-details.active { display: block; }
.spark-registration-form .form-item.brokerage { display: none; }
.spark-registration-form .form-item.brokerage.active { display: inline-block; }
.spark-registration-form .form-item.brokerage-left { display: none; }
.spark-registration-form .form-item.brokerage-left.active { display: inline-block; }

.spark-registration-form .form-item input { width: calc(100% - 60px) !important; font-size: 20px; }
.spark-registration-form .form-item input[type="tel"] { width: calc(100% - 85px) !important; }
.spark-registration-form .form-item input[type="date"] { width: calc(100% - 85px) !important; padding: 15px 40px 15px 40px !important; border: 2px solid #bebebe; border-radius: 7px; }
.spark-registration-form .form-item select { font-family: canela, serif; font-size: 20px; background: #fff url(assets/images/angle-down.png) no-repeat 96% center / 25px !important; }
.spark-registration-form .form-item .answer.checkbox input { width: 30px !important; }

/******************************************************************************/
/* FULL WIDTH                                                                 */
/******************************************************************************/
.full-width { position: relative; }
.full-width-content { position: relative; z-index: 2; }
.full-width .intro-div.text-beside { position: relative; width: 25%; display: inline-block; vertical-align: top; padding: 50px 10px 10px 0; z-index: 2; }
.full-width .intro-div.text-beside .intro-content-div { height: 100%; }
.full-width .intro-div.text-beside .intro-content { position: relative; top: 50%; transform: translateY(-50%); padding: 0; }
.full-width .masonry-images.columns-div { display: grid; }
.full-width .columns-div.text-beside { width: calc(75% - 10px); display: inline-block; vertical-align: top; }
.full-width .columns-div.center-mode .slick-slider { margin: 0 0 0 -11% !important; }
.full-width.columns .intro-div.text-beside { padding: 0 10px 10px 0; }
.full-width .intro-content { display: inline-block; width: 100%; }
.full-width .main-title.extra-large { font-size: 191px !important; margin: 0 0 0 -30px; }
.full-width .main-title.large { font-size: 55px !important; padding: 0 0 20px 0; }
.full-width .main-title.medium { font-size: 38px !important; padding: 0 0 20px 0; }
.full-width .main-title.small { font-size: 24px !important; padding: 0 0 20px 0; }
.full-width .intro-content.has-icon { width: calc(100% - 100px); }
.full-width ol { display: block; padding: 0 0 30px 25px; }
.full-width ul { display: block; padding: 0 0 30px 25px; }
.full-width ol ul { padding: 0 0 0 25px; }
.full-width li { padding: 10px 0 0 0; }
.full-width .text .button { margin: 10px 10px 0 0; }
.full-width .button a { color: #FFFFFF; }
.full-width a .button p { padding: 0 !important; margin: 0; color: #FFFFFF !important; }
.full-width a:hover .button p { color: #E50B12 !important; }
.full-width-column { postion: relative; display: inline-block; vertical-align: top; width: 100%; right: 0; padding: 30px 20px 30px 20px; }
.full-width .masonry-images.columns-div .full-width-column { min-height: unset; position: relative; }
.full-width .masonry-images .full-width-column { min-height: 350px; padding: 30px 20px 120px 20px; }
.full-width .masonry-images .column-image { min-height: 350px; }
.full-width .column-image { position: relative; overflow: hidden; height: 100%; width: 100%; margin: 0; transition: all .5s ease-in-out; }
.full-width .masonry-images .column-image img { position: relative; }
.full-width .full-width-column:hover .column-image .regular-image { scale: 1.05; }
.full-width .full-width-column:hover .column-title.no-image { color: #FFFFFF !important; }
.full-width .slick-sider .slick-track { margin-left: 0; margin-right: 0; }

.thankyou { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,.75); z-index: 200; transition: all .5s ease-in-out; }
.thankyou.hide { left: 150%; }
.message { position: fixed; top: 50%; left: 50%; width: 50%; min-width: 275px; max-width: 500px; background-color: #449FBD; color: #FFFFFF; z-index: 200; padding: 30px; border-radius: 20px; text-align: center; font-size: 20px; transform: translate(-50%, -50%); }
.message .close { position: absolute; top: 10px; right: 15px; color: #FFFFFF; }
.message .larger-font { font-size: 30px; }

/*Masonry Images*/
.full-width .masonry-images .full-width-column.video-glow .column-image.video { box-shadow: 0 0 20px 2px rgba(72,171,224,.35); }
.full-width .masonry-images .full-width-column .column-image.video { min-height: 465px; }
.full-width .masonry-images .full-width-column .column-image.video iframe { transform: scale(1.35); }

/*Slider Videos*/
.full-width.slider-videos .full-width-column .tile-video { position: relative; overflow: hidden; border-radius: 15px; }
.full-width.slider-videos .full-width-column .tile-video .video-player { position: relative; user-select: none; pointer-events: none; height: 53vh; width: 100%; transform: scale(3.2); transition: all .5s ease-in-out; }
.full-width.slider-videos .slick-track li { transition: all .5s ease-in-out; }
.full-width.slider-videos .slick-track:hover li { width: 20% !important; }
.full-width.slider-videos .slick-track:hover li.slick-slide .full-width-column .tile-video .video-player { transform: scale(5.6); }
.full-width.slider-videos .slick-track li.slick-slide:hover { width: 60% !important; }
.full-width.slider-videos li.slick-slide:hover .full-width-column .tile-video .video-player { transform: scale(1.75) !important; }
.full-width .column-image img { height: 100%; width: 100%; object-fit: cover; margin: 0 0 0 0; scale: 1; transition: all .5s ease-in-out; }
.full-width.slider-videos .column-image.video-glow { box-shadow: 0 0 20px 2px rgba(72,171,224,.35); }
.full-width .column-image .tile-overlay { position: absolute; bottom: 0; left: 0; height: 310px; width: 100%; background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; }

/*Slider Regular*/
.full-width.slider.regular .column-image img { max-height: 62vh; scale: 1; }
.full-width.slider.regular .column-image:hover img { scale: 1.05; }
.full-width.slider.regular .slick-prev { position: absolute; top: 50%; left: -30px; cursor: pointer; background: url('/wp-content/themes/eclipse360/assets/images/slider-right.png'); background-size: contain !important; background-position: center center !important; width: 89px; height: 89px; background-repeat: no-repeat !important; font-size: 0; border: 0; z-index: 2; transform: rotate(180deg); transition: all .5s ease-in-out; }
.full-width.slider.regular .slick-next { position: absolute; top: 50%; right: -30px; cursor: pointer; background: url('/wp-content/themes/eclipse360/assets/images/slider-right.png'); background-size: contain !important; background-position: center center !important; width: 89px; height: 89px; background-repeat: no-repeat !important; font-size: 0; border: 0; z-index: 2; transition: all .5s ease-in-out; }
.full-width.slider.regular .slick-prev:hover { left: -40px; }
.full-width.slider.regular .slick-next:hover { right: -40px; }

/*Slider Ticker*/
.full-width.slider-ticker-style .full-width-column { min-height: unset; }
.full-width.slider-ticker-style .full-width-column .column-image { min-height: unset; }
.full-width.slider-ticker-style .full-width-column .column-image img { object-fit: contain; scale: 1; max-height: 100px; }
.full-width.slider-ticker-style .slider-nav { display: none; }

.full-width .text-on-top { position: absolute; }
.full-width .column-info { padding: 10px; }
.full-width .column-info .column-overline { font-size: 16px; letter-spacing: 1px; }
.full-width .column-info .column-title { display: inline-block; font-size: 30px; font-weight: 600; padding: 5px 0 0 0; margin: 0; line-height: 1.1; transition: all .5s ease-in-out; }
.full-width .full-width-column.stats { min-height: unset; }
.full-width .full-width-column.stats .column-info .column-title { font-size: 135px !important; }
.full-width .full-width-column.stats .column-info .column-text p { font-size: 38px !important; font-weight: 600; }
.full-width .full-width-column.stats .stats-line { height: 5px; width: 70px; margin: 5px auto 15px auto; }

.full-width .column-info .column-title.center { display: block; }
.full-width .column-info .column-title.no-image { font-size: 55px; font-weight: 600; margin: 0 0 0 -20px; }
.full-width .column-info .link-text-div { display: inline-block; }
.full-width .column-info .link-text { display: inline-block; font-family: 'vag-bold', sans-serif; font-size: 18px; }
.full-width .column-info .button { margin: 20px 0 0 0; }
.full-width .full-width-column:hover .button { border: 2px solid #E50B12; }

.full-width .slick-slider { padding: 50px 0 0 0 !important; }
.full-width .slick-slider li { position: relative; display: block; padding: 0; }
.full-width .slick-slider #external-link { display: none; }
.full-width .slick-slider svg { display: none; }

.full-width .slider-nav .slick-prev { position: relative; top: 9px; cursor: pointer; display: inline-block !important; color: transparent; background: url('/wp-content/themes/eclipse360/assets/images/right.png'); background-size: contain !important; background-position: center center !important; width: 15px; height: 15px; background-repeat: no-repeat !important; font-size: 0; transform: rotate(180deg); }
.full-width .slider-nav .slick-next { position: relative; top: 9px; cursor: pointer; display: inline-block !important; color: transparent; background: url('/wp-content/themes/eclipse360/assets/images/right.png'); background-size: contain !important; background-position: center center !important; width: 15px; height: 15px; background-repeat: no-repeat !important; font-size: 0; }
.full-width .slider-nav .slick-dots { position: unset; text-align: left; list-style: unset; transform: unset; display: inline-block !important; margin: 0; }
.full-width .slider-nav .slick-dots li { margin: 0; width: unset !important; }

.full-width.regular.slider .intro-div.text-beside { height: 750px !important; }
.full-width.regular.slider .full-width-column { min-height: unset; }

/*Slider Testimonials*/
.full-width.slider-testimonials .slick-slider { padding: 0 !important; }
.full-width.slider-testimonials .full-width-column { min-height: unset; padding: 70px 0 30px 0; }
.full-width.slider-testimonials .full-width-column .column-image { position: absolute; z-index: 2; margin: -70px 0 0 0; }
.full-width.slider-testimonials .column-image img { width: 166px; height: 166px; margin: 0 auto; scale: 1; margin: 0 auto -80px auto; }
.full-width.slider-testimonials .column-info { background-color: #2C455C; border-radius: 15px; padding: 120px 100px 60px 100px; }
.full-width.slider-testimonials .column-info .name { text-transform: uppercase; font-weight: 600; padding: 20px 0 5px 0; }
.full-width.slider-testimonials .column-info .position { font-size: 15px !important; }

/*Slider Team*/
.full-width.team .full-width-column { min-height: unset; }
.full-width.team .full-width-column .column-image img { scale: 1; max-height: 495px; max-width: 450px; }
.full-width.team .column-info { padding: 20px 60px 40px 60px; }
.full-width.team .full-width-column { transition: all .25s ease-in-out; }
.full-width.team .full-width-column:hover a { color: #FFFFFF; text-decoration: underline; }
.full-width.team .team-plus { background: url('/wp-content/themes/eclipse360/assets/images/icon-plus.png'); background-size: contain !important; height: 54px; width: 54px; margin: 0 0 -15px 5px; display: inline-block; }
.full-width.team .team-position { margin: 10px 0 0 0; font-weight: 400; }
.full-width.team .team-email { background: url('/wp-content/themes/eclipse360/assets/images/icon-email.png'); background-size: contain !important; height: 23px; width: 32px; margin: 10px 20px 4px 0; display: inline-block; }
.full-width.team .team-phone { background: url('/wp-content/themes/eclipse360/assets/images/icon-phone.png'); background-size: contain !important; height: 30px; width: 30px; margin: 10px 0 0 0; display: inline-block; }

.team-bio-div { position: fixed; top: 0; right: -200%; z-index: 200; background-color: #FFFFFF; height: 100vh; width: 100vw; transition: all .5s ease-in-out; }
.team-bio-div.active { right: 0; }
.team-bio-div .background-circle { position: absolute; bottom: -500px; right: -400px; background: url('/wp-content/uploads/2024/02/circle-2.png'); background-size: contain !important; background-position: center center !important; height: 1197px; width: 1197px; }
.team-bio { position: relative; padding: 120px; top: 50%; left: 50%; max-width: 1075px; transform: translate(-50%, -50%); }
.team-bio .bio-close { position: absolute; top: 60px; right: 60px; transition: all .5s ease-in-out; }
.team-bio .bio-close:hover { transform: rotate(270deg); }
.team-bio .bio-image { display: inline-block; margin: 0 30px 0 0; }
.team-bio .bio-image img { width: 300px; }
.team-bio .bio-info-div { position: relative; padding: 0 0 30px 0; }
.team-bio .bio { position: relative; margin: 30px 0 0 0; transition: all .5s ease-in-out;  }
.team-bio .bio.active { margin: 0 0 0 0; }
.team-bio .bio-info { display: inline-block; vertical-align: middle; }
.team-bio .bio-info .column-title { font-size: 38px; font-weight: 600; }
.team-bio .bio-info .team-position { font-weight: 400; }
.team-bio .team-email.red { background: url('/wp-content/themes/eclipse360/assets/images/icon-email-red.png'); background-size: contain !important; height: 23px; width: 32px; margin: 10px 20px 4px 0; display: inline-block; }
.team-bio .team-phone.red { background: url('/wp-content/themes/eclipse360/assets/images/icon-phone-red.png'); background-size: contain !important; height: 30px; width: 30px; margin: 10px 0 0 0; display: inline-block; }

/*Project with filters*/
.filters { font-size: 20px; font-weight: 300; }
.filters .filter { display: inline-block; color: #FFFFFF; padding: 0 15px 0 0; }
.filters .filter.active { text-decoration: underline; }
.full-width.masonry-images .full-width-column.filter-cat-hide { position: absolute; right: -200vw; max-height: 0; opacity: 0; padding: 0 !important; transition: max-height .5s, opacity .5s, right 0 ease-in-out .5s; }
.full-width.masonry-images .full-width-column.page-hide { position: absolute; right: -200vw; max-height: 0; opacity: 0; padding: 0 !important; transition: max-height .5s, opacity .5s, right 0 ease-in-out .5s; }

/* Special classes */
.subhead { font-family: 'theinhardt', sans-serif; font-size: 1.5rem; line-height: 33px; letter-spacing: 2.5px; }
.text-left { max-width: 40%; padding: 0 0 0 2%; }
.text-right { max-width: 666px; padding: 30px 0 0 47%; }
.text-center { max-width: 1000px; margin: 0 auto; }
.text-center2 { max-width: 552px; margin: 0 auto; }
.celebration-top-script { display: inline-block; margin: 0px -5px 0 10px; vertical-align: bottom; font-family: 'bayshore', sans-serif; font-size: 10rem; line-height: 110px; }
.celebration-script { margin: 10px 0 30px -30px; }
.luxury-script { display: inline-block; margin: 0 -12px 0 -20px; vertical-align: bottom; }
.luxe-life .full-width-content { position: absolute; bottom: -250px; left: 50%; transform: translateX(-50%); }
.luxe-life .full-width-content .text-center { padding: 5vw 5vw; }
.last-quote { vertical-align: text-top; }
.info-div-text .full-width-column { width: calc(25% - 40px) !important; padding: 0px 20px 0px 20px; }
.info-div-text .info-text-top { font-size: 37px; line-height: 55px; }
.info-div-text .info-text { font-size: 18px; }

.accordion-title { font-size: 40px; line-height: 50px; padding: 0 0 30px 0; }
.accordion-cover { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(163, 205, 201, 1) 100%); height: 200px; max-height: 1000px; margin: -200px 0 0 0; position: relative; z-index: 2;  }
.accordion-cover.white { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%); }
.accordion-cover.active { max-height: 0; margin: 0 0 0 0; }
.accordion { max-height: 0; opacity: 0; transition: all .5s ease-in-out; }
.accordion.active { max-height: 3000px; opacity: 1; }
.accordion-border { width: 100%; border-top: 1px solid #000000; }
.accordion-expand { padding: 30px 0 0 0; background: url('/wp-content/uploads/2024/10/read-more.png'); background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; height: 30px; width: 30px; margin: 0 auto; transform: rotate(0deg); transition: all .5s ease-in-out; }
.accordion-expand.active { transform: rotate(180deg); }

.itn-item { padding: 0 150px 0 0; }
.itn-item hr { border: 1px solid rgba(0, 0, 0, .15); margin: 10px 0 2px 0; }
.itn-item .date { display: inline-block; width: calc(100% - 64px); font-family: 'theinhardt', sans-serif; font-size: 1rem; letter-spacing: 1px; line-height: 25px; }
.itn-item .arrow { display: inline-block; height: 9px; width: 50px; background: url('https://nikkibeachresidencesantigua.com/wp-content/uploads/2024/10/READ-MORE-ARROW.png'); background-size: cover !important; background-position: right center !important; background-repeat: no-repeat !important; transition: all .5s ease-in-out; }
.itn-item:hover .arrow { width: 25px; }


/******************************************************************************/
/* GUIDE                                                                      */
/******************************************************************************/
.block-def { margin: 0; padding: 10px 0 10px 0; font-size: 22px; }
.block-def.new-version { border: 1px solid red; margin: 10px 0 10px 0; padding: 10px; background-color: rgba(255, 0, 0, .025); }
.block-def.new-version .upgrade { font-size: 15px; }
.block-def.new-version .upgrade a { text-decoration: underline; }
.block-def .walkthrough-link { font-size: 15px; text-decoration: underline; }
.block-def.not-used { border: 1px solid rgba(255, 255, 0, 1); margin: 30px 0 30px 0; padding: 10px; background-color: rgba(255, 243, 181, .15); }
.block-def .not-used-message { font-size: 15px; }
.block-def .not-used-message a { text-decoration: underline; }
.developer { background-color: rgba(0,0,0,1); margin: 10px 0; padding: 10px; color: #FFFFFF; font-size: 15px; }
.developer p { color: #FFFFFF; font-size: 15px; }
.developer li { font-size: 15px; padding: 10px 10px 5px 0; margin: 0 0 0 15px; }
.letter-links { text-decoration: underline; display: inline-block; }

/******************************************************************************/
/* PORTFOLIO - NEW STYLE                                                      */
/******************************************************************************/
.portfolio-new { position: relative; max-width: 1824px; margin: 0 auto; }
.portfolio-new .width-medium { padding: 0; }
.portfolio-new .fifty-fifty.text-text .fifty-fifty-image .fifty-fifty-content { position: unset; top: unset; transform: unset; padding: 0 25% 0 0; display: inline-block; width: 100%; }
.portfolio-new .fifty-fifty.text-text .fifty-fifty-image .fifty-fifty-content.has-icon { width: calc(100% - 100px); }
.portfolio-new .fifty-fifty.text-text .fifty-fifty-image.nopadding .fifty-fifty-content { padding: 0; }
.portfolio-new .fifty-fifty.text-text .fifty-fifty-image .fifty-fifty-content .main-title { padding: 0 0 20px 0; }
.portfolio-new .fifty-fifty.text-text .fifty-fifty-text .fifty-fifty-content { position: unset; top: unset; transform: unset; padding: 0 0 0 15%; }
.portfolio-new .fifty-fifty.text-text .fifty-fifty-text.nopadding .fifty-fifty-content { padding: 0 0 0 40px; }
.portfolio-new .white-box { background-color: #FFFFFF; padding: 60px; border-radius: 15px; margin: 0 0 40px 0; }
.portfolio-new ul { padding: 0; }
.portfolio-new ul li { list-style: none; background-image: url('/wp-content/themes/eclipse360/assets/images/checkmark.png'); background-repeat: no-repeat; background-position: left center; background-size: 33px; padding: 10px 0 10px 40px; }
.portfolio-new .icon { height: 85px; width: 85px; display: inline-block; vertical-align: top; margin: -20px 15px 0 0; }
.portfolio-new .full-width img { border-radius: 15px; }
.portfolio-new .background-1 { position: absolute; top: 430px; left: -230px; background: url('/wp-content/uploads/2024/02/circle-1.png'); height: 356px; width: 356px; background-size: contain !important; background-position: center center !important; }
.portfolio-new .background-2 { position: absolute; top: 420px; right: -460px; background: url('/wp-content/uploads/2024/02/circle-2.png'); height: 1062px; width: 1062px; background-size: contain !important; background-position: center center !important; }
.portfolio-new .background-3 { position: absolute; top: 1950px; left: -400px; background: url('/wp-content/uploads/2024/02/circle-2.png'); height: 1062px; width: 1062px; background-size: contain !important; background-position: center center !important; }

/******************************************************************************/
/* PORTFOLIO - OLD STYLE                                                      */
/******************************************************************************/
#content.portfolio { position: relative; max-width: 1820px; margin: 0 auto; color: #FFFFFF; }
#content.portfolio #inner-content { position: relative; padding: 100px 30px 0 30px; margin: 100px 0 0 0; }
#content.portfolio #main article { display: inline-block; width: 40%; vertical-align: top; }
#content.portfolio #main .article-header { padding: 0 200px 0 0; }
#content.portfolio .article-header h3 { font-size: 20px !important; font-weight: 500; text-transform: uppercase; padding: 0 0 10px 0; }
#content.portfolio .article-header h1 { font-size: 60px !important;  }
#content.portfolio #main .entry-content { display: inline-block; width: 60%; vertical-align: top; }
#content.portfolio #main .entry-content a { color: #FFFFFF; }
#content.portfolio #inner-content .portfolio-image { padding: 0 15px; }
#content.portfolio #inner-content .video { padding: 30px 15px 0 15px; }
#content.portfolio #inner-content .video iframe { width: 100%; height: 100%; min-height: 62vh; border-radius: 15px; }
#content.portfolio img { max-width: 100%; height: auto; border-radius: 15px; margin: 30px 0; }
#content.portfolio .testimonial { background-color: #2C455C; padding: 120px 90px 60px 90px; text-align: center; border-radius: 15px; }
#content.portfolio .testimonial p { color: #FFFFFF; }
#content.portfolio .related-projects { padding: 120px 0 90px 0; margin: 0; }
#content.portfolio .more-title-div { position: relative; display: inline-block; width: 30%; height: 600px; vertical-align: top; }
#content.portfolio .more-title-content { position: absolute; top: 50%; transform: translateY(-50%); }
#content.portfolio .more-title { font-size: 20px; font-weight: 500; }
#content.portfolio .more-category { font-size: 70px; font-weight: 600; line-height: 1.28; }
#content.portfolio .more-slider { display: inline-block; width: 70%; vertical-align: top; }
#content.portfolio .project { position: relative; }
#content.portfolio .project.more-div img { margin: 0; }
#content.portfolio li a { text-decoration: none !important; }
#content.portfolio .project-title { font-size: 30px; font-weight: 600; color: #FFFFFF; padding: 20px 0 0 0; }
#content.portfolio .more-slider li { padding: 15px !important; }
#content.portfolio .more-slider li img { height: 600px; width: auto; object-fit: cover; margin: 0 0 10px 0; scale: 1; transition: all .5s ease-in-out; }
#content.portfolio .slick-prev { position: absolute; top: 40%; left: -30px; cursor: pointer; background: url('/wp-content/themes/eclipse360/assets/images/right-arrow-white.png'); background-size: contain !important; background-position: center center !important; width: 89px; height: 89px; background-repeat: no-repeat !important; font-size: 0; border: 0; z-index: 2; transform: rotate(180deg); transition: all .5s ease-in-out; }
#content.portfolio .slick-next { position: absolute; top: 40%; right: -30px; cursor: pointer; background: url('/wp-content/themes/eclipse360/assets/images/right-arrow-white.png'); background-size: contain !important; background-position: center center !important; width: 89px; height: 89px; background-repeat: no-repeat !important; font-size: 0; border: 0; z-index: 2; transition: all .5s ease-in-out; }
#content.portfolio .slick-prev:hover { left: -40px; }
#content.portfolio .slick-next:hover { right: -40px; }
#content.portfolio li a .column-image { position: relative; overflow: hidden; height: 100%; width: 100%; margin: 0; border-radius: 15px; transition: all .5s ease-in-out; }
#content.portfolio li a .column-image img { object-position: 50% 50%; scale: 1; }
#content.portfolio li a:hover .column-image img { scale: 1.05; }

#content.portfolio .background-1 { position: absolute; top: 430px; left: -230px; background: url('/wp-content/uploads/2024/02/circle-1.png'); height: 356px; width: 356px; background-size: contain !important; background-position: center center !important; }
#content.portfolio .background-2 { position: absolute; top: 420px; right: -460px; background: url('/wp-content/uploads/2024/02/circle-2.png'); height: 1062px; width: 1062px; background-size: contain !important; background-position: center center !important; }
#content.portfolio .background-3 { position: absolute; top: 1950px; left: -400px; background: url('/wp-content/uploads/2024/02/circle-2.png'); height: 1062px; width: 1062px; background-size: contain !important; background-position: center center !important; }

/******************************************************************************/
/* FOOTER                                                                     */
/******************************************************************************/
#footer { position: relative; font-family: 'theinhardt', sans-serif; font-size: 15px; line-height: 20px; letter-spacing: 2px; padding: 150px 10px 30px 10px; background-color: #EDE9E6; color: #525354; z-index: 2; }
.footer-logo img { max-width: 26vw; }
.footer-socials { width: 100%; padding: 30px 0 30px 0; margin: 0 0 0 -25px; }
.footer-socials .social { display: inline-block; }
.footer-socials .social img { max-width: 48px; max-height: 48px; margin: 0 10px; transform: scale(1); transition: all .5s ease-in-out; }
.footer-socials .social img:hover { transform: scale(1.1); }
#footer .developers .column { display: inline-block; border-right: 1px solid rgba(209, 209, 209, 1); padding: 0 60px; }
#footer .developers .column.no-border { border-right: none; }
#footer hr { width: 100%; background-color: rgba(209, 209, 209, 1); height: 1px; margin: 60px 0 60px 0; opacity: .25; }
#footer hr.last { margin: 60px 0 0 0; }
.copyright { text-align: center; padding: 30px 0 0 0; }

/*****************************************************/
/* RESPONSIVE                                        */
/*****************************************************/
@media (max-width: 10000px) {
    .flex-video .video-player { transform: scale(4); }
}

@media (max-width: 4000px) {
    .flex-video .video-player { transform: scale(2.5); }
}

@media (max-width: 3875px) {
    .flex-video .video-player { transform: scale(2.25); }
}

@media (max-width: 3375px) {
    .flex-video .video-player { transform: scale(2); }
}

@media (max-width: 2895px) {
    .flex-video .video-player { transform: scale(1.75); }
}

@media (max-width: 2400px) {
    .flex-video .video-player { transform: scale(1.65); }
}

@media (max-width: 2260px) {
    .flex-video .video-player { transform: scale(1.5); }
}

@media (max-width: 2245px) {
    .flex-video .video-player { transform: scale(1.17); }
}

@media (max-width: 2185px) {
    .flex-video .video-player { transform: scale(1.15); }
}

@media (max-width: 2150px) {
    .flex-video .video-player { transform: scale(1.13); }
}

@media (max-width: 2108px) {
    .flex-video .video-player { transform: scale(1.11); }
}

@media (max-width: 2070px) {
    .flex-video .video-player { transform: scale(1.09); }
}

@media (max-width: 2030px) {
    .flex-video .video-player { transform: scale(1.07); }
}

@media (max-width: 1995px) {
    .flex-video .video-player { transform: scale(1.05); }
}

@media (max-width: 1920px) {
    .shaded { padding: 13% 10px 2% 60px !important; }
}

@media (max-width: 1875px) {
    .flex-video .video-player { transform: scale(1.10); }
}

@media (max-width: 1760px) {
    .flex-video .video-player { transform: scale(1.15); }
}

@media (max-width: 1685px) {
    .flex-video .video-player { transform: scale(1.25); }
}

@media (max-width: 1600px) {
    .text-left h2 { font-size: 40px !important; line-height: 50px; }
    .celebration-script { font-size: 90px; line-height: 40px; }
}

@media (max-width: 1550px) {
    .flex-video .video-player { transform: scale(1.35); }
}

@media (max-width: 1435px) {
    .flex-video .video-player { transform: scale(1.45); }
}

@media (max-width: 1345px) {
    .flex-video .video-player { transform: scale(1.55); }
}

@media (max-width: 1330px) {
    .sticky-header .text { font-size: 14px; line-height: 20px; }
    .sticky-header .button-div .button { font-size: 12px !important; }
}

@media (max-width: 1255px) {
    .flex-video .video-player { transform: scale(1.65); }
    .info-div-text .full-width-column { width: calc(50% - 40px) !important; }
    .itn-item { padding: 0 0 0 0; }
}

@media (max-width: 1185px) {
    .flex-video .video-player { transform: scale(1.85); }
}

@media (max-width: 1115px) {
    .flex-video .video-player { transform: scale(2.05); }
}

@media (max-width: 1055px) {
    .flex-video .video-player { transform: scale(2.25); }
}

@media (max-width: 1023px) {
    .desktop-video { display: none; }
    .mobile-video { display: block; }
    
    .fallback-image { left: 20px; width: calc(100% - 40px); }
    
    h1 { font-size: 60px !important; line-height: 70px; }
    h2 { font-size: 25px !important; line-height: 35px; }
    .h2 { font-size: 25px !important; line-height: 35px; }
    h3 { font-size: 35px !important; line-height: 45px; }
    .h3 { font-size: 35px !important; line-height: 45px; }
    p { font-size: 18px; line-height: 22px; }
    .subhead { font-size: 16px; line-height: 23px; }
    .handwriting { font-size: 80px; line-height: 40px; }
    .accordion-title { font-size: 25px !important; line-height: 35px; }
    .luxe-life .full-width-content { width: 90%; }
    .luxe-life .full-width-content .text-center { padding: 5vw 3vw; }
    .luxury-script { margin: 0 -5px 0 -10px; }
    .width-large { padding: 0 10px; }
    .width-medium { padding: 0 10px; }
    .width-small { padding: 0 10px; }
    
    .shaded { padding: 17% 10px 2% 10px!important }
    
    .img1 { height: 88vw !important; width: 100% !important; left: 20px !important; }
    .img1 .image { height: 88vw !important; width: calc(100% - 40px) !important; left: 20px !important; }
    .text-right { max-width: 100%; padding: calc(90vw + 60px) 0 0 0; }
    
    .img2 { height: 80vw !important; width: 100% !important; top: -230px !important; left: 20px !important; }
    .img2 .image { height: 80vw !important; width: calc(100% - 40px) !important; top: -230px !important; left: 20px !important; }
    .text-left { max-width: 100%; padding: calc(37vw + 60px) 0 0 0; }
    .text-left .main-title { max-width: 100%; }
    .celebration-top-script { line-height: 60px; }
    .celebration-script { margin: 10px 0 30px 0; }
}

@media (max-width: 800px) {
    .banner { min-height: 400px; }
    .in-the-press .full-width-column { width: calc(50% - 45px) !important; }
}

@media (max-width: 775px) {
    #video-container { height: 70vh; }
    .flex-video .video-player { transform: scale(1.95); }
    .background-video .bg-image { height: 70vh !important; }
    .sticky-header { z-index: 5; }
    .info-div-text { margin: -155px 0 0 0; z-index: 4; transition: all .5s ease-in-out; }
    .info-div-text .info-text-top { font-size: 30px !important; }
}

@media (max-width: 700px) {
    .flex-video .video-player { transform: scale(2.25); }
}

@media (max-width: 640px) {
    .sticky-header { width: calc(97% - 20px); padding: 20px; height: 40px; }
    .sticky-header .logo { display: none; }
    .sticky-header .text { width: 100%; }
    .sticky-header .button-div { position: fixed; bottom: 0; right: 0; width: 100%; display: block; text-align: center; }
    .sticky-header .button-div .button { width: calc(100% - 34px); margin: 0; padding: 10px 15px 5px 15px !important; }
    .mobile-hide { display: block; height: 0; opacity: 0; }
    .info-div-text { margin: -200px 0 0 0; }
    .img3 { left: 4vw !important; }
    .img4 { right: 4vw !important; }
    input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select:focus, textarea, #footer .button { font-size: 16px !important; }
    input[type="search"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], textarea { padding: 5px 10px 5px 10px !important; }
    .form-fifty-fifty { width: 100%; }
    .spark-registration-form .form-item { width: 100%; }
    .spark-registration-form .form-item input[type="tel"] { width: calc(100% - 60px) !important; }
    .footer-socials { margin: 0 0 0 -10px; }
}

@media (max-width: 600px) {
    #header>.container { padding: 15px 10px 15px 10px; }
    .scroll #header>.container { padding: 5px 10px 5px 10px; }
    .fallback-image { left: 0; width: 100%; }
    .info-div-text { margin: -250px 0 0 0; }
    .info-div-text .full-width-column { width: calc(100% - 40px) !important; }
    .info-div-text .full-width .column-info { height: auto !important; }
    .luxe-life .full-width-content { bottom: -54vw; }
    .form { padding: 30px 10px 30px 10px !important; }
    #footer .developers .column { border-right: 0; padding: 0 30px 30px 30px; }
    .footer-logo img { max-width: 50vw; }
}

@media (max-width: 570px) {
    .info-div-text { margin: -300px 0 0 0; }
}

@media (max-width: 535px) {
    .info-div-text { margin: -350px 0 0 0; }
    .in-the-press .full-width-column { width: calc(100% - 30px) !important; }
}

@media (max-width: 500px) {
    .info-div-text { margin: -400px 0 0 0; }
    .handwriting { font-size: 60px; line-height: 20px; }
    .celebration-top-script { line-height: 60px; }
    .luxe-life .full-width-content { bottom: -64vw; }
    .text-left { padding: 60px 0 0 0; }
}

@media (max-width: 480px) {
    h1 { font-size: 38px !important; }
}

@media (max-width: 465px) {
    .info-div-text { margin: -450px 0 0 0; }
}

@media (max-width: 450px) {
    .fallback-image img { scale: 2.2; transform: translateY(-25%); }
    .luxe-life .full-width-content { bottom: -73vw; }
}

@media (max-width: 435px) {
    .info-div-text { margin: -500px 0 0 0; }
}

@media (max-width: 400px) {
    .info-div-text { margin: -570px 0 0 0; }
    .luxe-life .full-width-content { bottom: -86vw; }
}