/*
Theme Name: Pacifica
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Pacifica
Author: #
Author URI: #
Version: 1.0
*/

@font-face {
    font-family: 'Roc Grotesk Wide';
    src: url('assets/fonts/RocGrotesk-Wide.woff2') format('woff2'),
        url('assets/fonts/RocGrotesk-Wide.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roc Grotesk';
    src: url('assets/fonts/RocGrotesk-Light.woff2') format('woff2'),
        url('assets/fonts/RocGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Roc Grotesk';
    src: url('assets/fonts/RocGrotesk-Medium.woff2') format('woff2'),
        url('assets/fonts/RocGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#fff;text-decoration:none}
a:hover {text-decoration:none}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {background:#000;color:#fff;font:300 10px/12px 'Roc Grotesk', Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h2{font-weight:normal;font-family:'Roc Grotesk Wide', Arial, sans-serif;text-transform:uppercase;font-size:31px;line-height:1;margin:0 0 40px;letter-spacing:13%}
h3{font-weight:normal;font-family:'Roc Grotesk Wide', Arial, sans-serif;text-transform:uppercase;font-size:15px;line-height:1;margin:0 0 20px;letter-spacing:13%}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
table {border:solid #CCC;border-width:0 1px 1px 0}
a, button, input[type="submit"] { -moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;}
body{   -webkit-text-size-adjust:100%;    -ms-text-size-adjust: none;}
input[type=number], input[type=email], input[type=tel], input[type=text], input[type=password], input[type=file], input[type=submit], textarea{-webkit-appearance:none;border-radius:0;-webkit-border-radius:0}

/* Containers */
#page {width:100%;overflow:hidden;position:relative;}

/* Header */
#header {}

/* Content*/
#content {width:100%;overflow:hidden;}
#content ul {list-style:disc;margin:0 0 1em 18px}
#content ol {list-style:decimal;margin:0 0 1em 22px}

/*Banner*/
.banner {margin-bottom:197px;overflow: hidden;position: relative;height:100vh;}
.banner img{animation: bannerZoom 6s ease-in-out infinite alternate;	will-change: transform;width:100%;height:100%;object-fit:cover;}
.banner .coomingsoon{font-family:'Roc Grotesk Wide', Arial, sans-serif;z-index:2;position:absolute;top:0;left:0;right:0;padding:78px 80px;color:#fff;display:flex;justify-content:space-between}
.banner .coomingsoon span{text-transform:uppercase;font-size:60px;line-height:1;letter-spacing:13%}
.banner video{display:block;width:100%;height:100%;object-fit:cover;}
.banner__arrow {  position: absolute;  bottom: 66px;  left: 50%;  transform: translateX(-50%);  display: flex;  align-items: center;  justify-content: center;  width: 50px;  height: 50px; color: #fff; animation: bounce 2s infinite; cursor: pointer;}
.banner__arrow svg {    width: 21px;height: 25px;}
#content .banner .list{z-index:2;margin:0;position:absolute;bottom:100px;left:0;right:0;padding:35px 80px;list-style:none;overflow:hidden;color:#fff;display:flex;justify-content:space-between}
#content .banner .list li{font-family:'Roc Grotesk Wide', Arial, sans-serif;flex: 1;text-align:center;text-transform:uppercase;font-size:30px;line-height:1;letter-spacing:13%}
#content .banner .list li:first-child{text-align:left;}
#content .banner .list li:last-child{text-align:right;}
#content .banner .list li a:hover{opacity:0.7}
#content .banner .mobile{display:none}
@keyframes bannerZoom {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.12);
	}
}

.content-area{font-size:20px;line-height:1.35;padding:0 80px 150px;max-width:1140px;margin:0 auto;}
.content-area p{margin-bottom:30px;letter-spacing:2%;max-width:1000px;margin-left:auto;margin-right:auto;text-align:center;}
#content .gform_wrapper .gform_required_legend{display:none}
#content .gform_wrapper{padding-top:82px}
#content .gform_wrapper input[type="email"],
#content .gform_wrapper input[type="text"],
#content .gform_wrapper input[type="tel"],
#content .gform_wrapper input[type="number"]{letter-spacing:13%;line-height:25px;margin:0 0 8px;background:none;border:1px solid #fff;padding:5px 0;color:#fff;font-family:'Roc Grotesk Wide', Arial, sans-serif;font-size:14px;font-weight:normal;border-width:0 0 1px;}
#content .gform_wrapper input[type="email"]::placeholder ,
#content .gform_wrapper input[type="text"]::placeholder ,
#content .gform_wrapper input[type="tel"]::placeholder ,
#content .gform_wrapper input[type="number"]::placeholder {letter-spacing:13%; color: #fff;text-transform:uppercase; opacity: 1; }
#content .gform_wrapper input[type="email"]:-ms-input-placeholder,
#content .gform_wrapper input[type="text"]:-ms-input-placeholder,
#content .gform_wrapper input[type="tel"]:-ms-input-placeholder,
#content .gform_wrapper input[type="number"]:-ms-input-placeholder{letter-spacing:13%; color: #fff;text-transform:uppercase; opacity: 1; }
#content .gform_wrapper input[type="email"]::-ms-input-placeholder,
#content .gform_wrapper input[type="text"]::-ms-input-placeholder,
#content .gform_wrapper input[type="tel"]::-ms-input-placeholder,
#content .gform_wrapper input[type="number"]::-ms-input-placeholder{letter-spacing:13%; color: #fff;text-transform:uppercase; opacity: 1; }
#content .gform_wrapper .ginput_container_consent{font-size:10px;letter-spacing:3%;position:relative;}
#content .gform_wrapper .gfield--input-type-consent{margin-bottom:-12px}
#content .gform_wrapper .ginput_container_consent input{position:absolute;top:0;left:0;width:0;height:0;opacity:0;}
#content .gform_wrapper .ginput_container_consent label{display: block;line-height:16px;padding:0 0 0 17px;position:relative;}
#content .gform_wrapper .ginput_container_consent label span{color:#fff}
#content .gform_wrapper .ginput_container_consent label:before{content:'';width:8px;height:8px;position:absolute;top:2px;left:0;border:1px solid #fff;}
#content .gform_wrapper .ginput_container_consent input:checked +label:before{background:#fff;}
#content .gform_wrapper input[type="submit"]{letter-spacing:13%;font:15px/ 1 'Roc Grotesk Wide', Arial, sans-serif;margin:0 auto;padding:0;border:none;background:none;cursor:pointer;text-transform:uppercase;color:#fff;border: 1px solid #fff;  padding: 12px 18px 10px;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;  margin: 0;}
input[type=number] {-moz-appearance: textfield;}
#content .gform_wrapper .gform_footer{padding-top:50px;}
#content .gform_wrapper .validation_message {display:none}
#content .gform_wrapper .gfield_error input[type="email"],
#content .gform_wrapper .gfield_error  input[type="text"],
#content .gform_wrapper .gfield_error  input[type="tel"],
#content .gform_wrapper .gfield_error input[type="number"]{border-color: #f00;}
#content .gform_wrapper .gfield_error .ginput_container_consent label a,
#content .gform_wrapper .gfield_error .ginput_container_consent label{color:#f00}
#content .gform_wrapper .gfield_error .ginput_container_consent label span{color:#f00}
#content .gform_confirmation_message{padding-top: 40px;  text-align: center;}
#content .gform_wrapper  .ginput_container_consent label a:hover{text-decoration:underline;}
#content .gform_wrapper input[type="submit"]:hover{background:#fff;color:#000}

/*.panoramic-view:after{letter-spacing:13%;padding:4px 13px;font-weight:normal;font-family:'Roc Grotesk Wide', Arial, sans-serif;content:'PANNING IMAGE LEFT TO RIGHT';position:absolute;transform: translateX(-50%);z-index:2;top:53px;left:50%;color:#fff;text-transform:uppercase;background:#CA079333}*/
.panoramic-view {
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.panoramic-view::-webkit-scrollbar {
    display: none;
}
.panoramic-view__track {
    display: flex;
    height: 334px;
    cursor: grab;
}
.panoramic-view__track img {
    height: 100%;
    width: auto;
    max-width: none;
    display: block;
    user-select: none;
    pointer-events: none;
}
.panoramic-view-wrap h3 {
    padding: 46px 80px 0;
    text-align: center;
    max-width: 900px;
    color: #fff;
    margin: 0 auto;
}
@keyframes pan-lr {
    0%   { transform: translateX(0); }
    100% { transform: translateX(calc(-100% + 100vw)); }
}

@keyframes bounce {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50%       { transform: translateX(-50%) translateY(10px); }
}
.banner .list,
.banner .list li,
#content-area {    opacity: 0;    transform: translateY(30px);    transition: opacity 0.7s ease, transform 0.7s ease;}
.banner .list li:nth-child(2) { transition-delay: 0.1s; }
.banner .list li:nth-child(3) { transition-delay: 0.2s; }
.banner .list li:nth-child(4) { transition-delay: 0.3s; }
.banner .list.is-visible,
.banner .list.is-visible li,
#content-area.is-visible {   opacity: 1;   transform: translateY(0);}
#content-area:first-child{ text-align:left;padding-top:100px;   opacity: 1;    transform: translateY(0px);   }
#content-area:first-child p{max-width:100%;text-align:left;}

/* Post */
#content .post {border-bottom:1px solid #CCC;margin:0 0 25px}
#content .post .meta {font-style:italic}
#content .post h1 {border:0;margin:0}
#content .sticky {background:#f5efca}

/* Pagination */
#content #prev-next {list-style:none}
#content #prev-next #prev {float:left}
#content #prev-next #next {float:right}

/* Sidebar */
#sidebar {float:right;padding:10px 0 20px;width:200px}
#sidebar ul {list-style:none;margin:0 0 1em 18px}
#sidebar ul ul {list-style:disc}

/* Footer */
#colophon {padding:30px 80px 130px;letter-spacing:3%;max-width:900px;margin:0 auto;text-align:center;overflow:hidden}
#colophon  .info + .info:before{content:'|'; display:inline-block;vertical-align:top;margin:0 5px 0 3px}
#colophon a:hover{text-decoration:underline;}

/* Image Alignment */
img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}


/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;margin:10px;padding-top:4px;text-align:center}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/*Respoisive*/
@media only screen and (max-width: 1200px) {
	.banner .coomingsoon{padding:40px}
	.panoramic-view-wrap h3,
	#content .banner .list{padding-left:40px;padding-right:40px;}
	.banner{margin-bottom:100px}
	.content-area{padding:0 40px 100px}
	#colophon{padding:30px 40px 100px}
}
@media only screen and (max-width: 980px) {
	#content .banner .list li{font-size:22px}
	#content .gform_wrapper.gravity-theme .gform_fields {   grid-column-gap: 0;    }
	#content .gform_wrapper.gravity-theme .gfield:not(.gfield--width-full) { grid-column: 1 / -1;}
	#content .gform_wrapper.gravity-theme .ginput_complex span {flex: 0 0 100%;margin-bottom: 16px;padding-left: 0; }
	#content .gform_wrapper.gravity-theme .ginput_complex span.name_last{margin-bottom: 0px;}
}
@media only screen and (max-width: 767px) {
	.banner .coomingsoon {padding: 30px 22px;}
	.banner .coomingsoon span{font-size:20px}
	.banner__arrow{bottom:34px}
	.panoramic-view-wrap h3, #content .banner .list {  padding-left: 22px; padding-right: 22px; }
	 #content .banner .list li {font-size: 12px; }
	#content .banner .list{padding-bottom:0;bottom:93px;}
	.banner {margin-bottom: 83px;}
	#content-area:first-child{padding-top:80px;}
	#content-area > *{text-align:left!important}
	.content-area {font-size: 13px;   line-height: 1.4;padding: 0 22px 62px;}
	h2{font-size:25px;line-height:1.2;margin-bottom:28px}
	.content-area p{margin-bottom:23px}
	#content .gform_wrapper {padding-top: 10px;}
	#content .gform_wrapper input[type="email"], #content .gform_wrapper input[type="text"], #content .gform_wrapper input[type="tel"], #content .gform_wrapper input[type="number"]{font-size:10px; margin-bottom:2px;   line-height: 16px;}
	#content .gform_wrapper input[type="submit"]{font-size:10px;margin:0 auto 0 0}
	#content .gform_wrapper .gform_footer{padding-top:16px}
	#colophon {padding: 10px 22px 34px;}
	.panoramic-view-wrap h3{font-size:10px;}
	#colophon{font-size:9px;}
	#colophon .info{display:inline-block;vertical-align:top;}
	#colophon .info + .info:before{margin-left:2px}
	.panoramic-view-wrap h3 {padding-top:22px;}
	.panoramic-view-wrap:after {white-space:nowrap;}
	#content .banner .mobile{        height: 100%;display:block}
	#content .banner .mobile + img{display:none}
}