/*
Theme Name: Coast and Valley - AIOS Starter Theme (Child)
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.8
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/


/*

TABLE OF CONTENTS

1. Custom CSS
2. IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
  
*/


/*******************************************************
 *
 * 1. Navigation
 *
 *******************************************************/


/* Sub Menu */


/*#nav li {
    position:relative;
    display: inline-block;
}
  
#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: rgba(0,0,0,0.9) url("images/submenu-fixer.png");
    display: none;
    padding: 0;
    position: absolute;
    width:100%;
    min-width:180px;
}
#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}
#nav .sub-menu a:hover {
    background: none repeat scroll 0 0 #b2b2b2;
    color: #000000;
    text-decoration: none;
}
#nav .sub-menu .sub-menu {
    margin-left: 100%;
    top:0;
}
#nav li:hover > .sub-menu {
    display: block;
}
#nav .sub-menu li {
    position: relative;
}
*/


/*******************************************************
 *
 * 2. Custom CSS
 *
 *******************************************************/


/* Global */

body {
    font-family: Arial, Helvetica, Georgia, Sans-serif;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    line-height: 29px;
    background: #fff;
    color: #000000;
    font-weight: normal;
    margin: 0;
    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
}

a.skiptobtn {
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px;
    z-index: -1;
    opacity: 0;
    background: rgba(255, 255, 255, 0.5);
    color: #000;
}

a.skiptobtn:focus {
    opacity: 1;
    z-index: 9;
    display: block;
}

body.no-scroll {
    overflow: hidden;
}


/* Extra */

::selection {
    background: #0f0324;
    color: #fff;
}


/* Placeholder effect */

[placeholder]:focus::-webkit-input-placeholder {
    transition: all 0.2s linear;
    transform: translate(10px, 0);
    opacity: 0;
    color: inherit;
}

input[type="text"]:focus::-webkit-input-placeholder {
    color: inherit;
}

textarea {
    overflow-x: hidden;
}

.transition {
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
}

.heading-hidden {
    display: none;
}

a {
    color: inherit;
    font-style: normal;
    /*    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;*/
    outline: none !important;
}

a:hover,
a:focus {
    color: #0f0324;
}

.wpcf7 form .wpcf7-response-output {
    text-align: center;
    margin: 2em 0 0.5em;
}

.ai-default-cf7wrap input[type="text"],
.ai-default-cf7wrap input[type="tel"],
.ai-default-cf7wrap input[type="email"] {
    color: #000;
}

.ai-default-cf7wrap input[type="submit"],
.ai-default-cf7wrap input.wpcf7-submit {}


/* Styled Button */

.styled-btn {
    position: relative;
    display: inline-block;
    color: #000;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 3px;
    font-weight: 400;
    border: 2px solid #576769;
    padding: 20px 40px;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

.styled-btn:hover,
.styled-btn:focus {
    /*background: #0f0324;
        border-color: #0f0324 !important;*/
    background: #10072b;
    border-color: #10072b !important;
    color: #fff;
}

.styled-btn.sb-thin {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 16px;
    border: 2px solid #576769;
    padding: 19px 20px;
}

.styled-btn.sb-white {
    color: #fff;
    border-color: #fff;
}

.styled-btn.sb-white:hover,
.styled-btn.sb-white:focus {
    border-color: #576769;
}


/* Section Header */

.header-center-wrap {
    position: relative;
    display: inline-block;
}

.section-header {
    position: relative;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 400;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

.section-header:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 2px;
    background: #a2a9a9;
    bottom: 0;
}

.section-header.sh-white {
    color: #fff;
}

.section-header.sh-center {
    text-align: center;
}


/* Quick Links */

.quick-link-icon-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.quick-link-icon-wrap:before,
.quick-link-icon-wrap:after {
    content: "";
    width: 2px;
    height: 18px;
    background: #7b7c79;
    display: block;
}

.quick-link-icon-wrap:before {
    margin-bottom: 10px;
}

.quick-link-icon-wrap:after {
    margin-top: 10px;
}

.quick-link-icon-wrap a {
    display: block;
    width: 25px;
    height: 25px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
    font-size: 10px;
    margin: 12px 0;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

.quick-link-icon-wrap a:hover,
.quick-link-icon-wrap a:focus {
    background: #10072b;
    border-color: #10072b;
}

.quick-link-icon-wrap a span {
    display: none;
}

.quick-link-icon-wrap a.asis-mailto-obfuscated-email {
    font-size: 8px;
}

.quick-link-icon-wrap.ql-inline {
    position: relative;
    flex-direction: row;
    margin-bottom: 60px;
    margin-bottom: 4vw;
}

.quick-link-icon-wrap.ql-inline:before,
.quick-link-icon-wrap.ql-inline:after {
    display: none;
}

.quick-link-icon-wrap.ql-inline a {
    color: #202020;
    border-color: #647375;
    margin: 0 12px;
}

.quick-link-icon-wrap.ql-inline a:hover,
.quick-link-icon-wrap.ql-inline a:focus {
    color: #fff;
}


/* Contact Row */

.contact-row {
    position: relative;
    text-align: center;
}

.contact-row .info-line {
    position: relative;
    font-size: 15px;
    line-height: 17px;
    color: #000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 14px;
    letter-spacing: 1px;
}

.contact-row .info-line:first-child {
    margin-left: 0;
}

.contact-row .info-line i {
    display: block;
    width: 20px;
    margin-right: 10px;
    text-align: center;
    font-size: 13px;
    line-height: 17px;
    color: #0047a5;
}

.contact-row a {
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

.contact-row a:hover,
.contact-row a:focus {
    /* color: #c8021f;*/
}

.contact-row .info-line.phone-info i {
    font-size: 14px;
}

.contact-row .info-line.email-info i {
    font-size: 12px;
}

.contact-row .info-line.address-info i {
    font-size: 20px;
    line-height: 20px;
}


/* Nav Trigger */

.ex-nav-trigger {
    position: relative;
    cursor: pointer;
    width: 25px;
    line-height: normal;
}

.ex-nav-trigger span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    margin-bottom: 4px;
    margin-left: auto;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

.ex-nav-trigger span:last-child {
    margin-bottom: 0px;
}

.ex-nav-trigger:hover span,
.ex-nav-trigger:focus span {
    width: 100% !important;
    background: #576769;
}


/* Panel Left */

.panel-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 4.81%;
    height: 100%;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.home .panel-left {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}


/* Header */

header.header {
    position: fixed;
    background: transparent;
    top: 0;
    z-index: 40;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    /*animation-delay: 1s;*/
}

.header-main {
    width: 100%;
    z-index: 4;
    padding: 20px 0 20px 1%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
}

.header-main.active {
    opacity: 1;
    pointer-events: auto;
}

.navigation .menu-main-navigation-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.logo-wrapper {
    position: relative;
}

.logo-wrapper img {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: auto;
    max-width: 275px;
    filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

.aios-split-nav {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-right: 78px;
    flex-wrap: wrap;
}

.aios-split-nav + div + .aios-split-nav {
    justify-content: flex-start;
    padding-right: 0;
    padding-left: 78px;
}


/* Navigation */

@keyframes showSubmenu {
    0% {
        transform: translate(-50%, -50%, 0) scale(0.5);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, 0, 0) scale(1);
        opacity: 1;
    }
}

._header ul {
    list-style: none;
}

._header ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 27.5px;
    position: relative;
}

._header ul li a {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    /*font-size: 16px;*/
    font-size: 14px;
    letter-spacing: 2px;
    padding: 10px 1px;
    line-height: 18px;
    color: #fff;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

._header ul.aios-split-nav > li > a:hover,
._header ul.aios-split-nav > li > a:focus {
    text-shadow: 0 0 1px #fff;
    opacity: .6;
}

._header ul li a:hover,
._header ul li a:focus {
    background: transparent;
}

._header ul li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

._header ul li a:hover:after ._header ul li a:focus:after {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}


/* Second Level */

._header ul li ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: none;
    list-style: none;
    margin: 0;
    display: none;
    padding: 0;
    width: 100%;
    text-align: center;
    min-width: 150px;
    z-index: 10;
}

._header ul li ul.sub-menu li {
    position: relative;
    display: block;
    padding: 0;
    /*margin-bottom: 1px;*/
    /*background: rgba(0,0,0,.8);*/
    background: #f7f5f2;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

._header ul li ul.sub-menu li:hover,
._header ul li ul.sub-menu li:focus {
    /*background: rgba(15,3,36,1);*/
    /*background: #60517b;*/
    background: #fff;
}

._header ul li ul.sub-menu li a {
    padding: 10px;
    display: block;
    letter-spacing: 0;
    color: #000;
}

._header ul li ul.sub-menu li a:after {
    display: none;
}


/* Third Level */

._header ul li ul.sub-menu ul.sub-menu {
    left: 100%;
    top: 0;
    padding-top: 0;
    padding-left: 2px;
    transform: translateX(0);
    min-width: unset;
    width: 100%;
}


/* Fourth Level */

._header ul li ul.sub-menu ul.sub-menu ul.sub-menu {
    display: none !important;
}

._header li:hover > ul.sub-menu,
._header li:focus > ul.sub-menu {
    display: block;
}


/* Fixed Header Original */

.header.active {
    background: rgba(255, 255, 255, 0.7);
    padding: 0;
    color: #000000;
    /*transform: translateY(-110%);*/
}

.header.active .header-main {
    padding: 10px 0 10px 1%;
}

.header.active .logo-wrapper img {
    filter: unset;
    -moz-filter: unset;
    -webkit-filter: unset;
}

.header.active .ex-nav-trigger span {
    background: #000;
}

.header.active .ex-nav-trigger:hover span,
.header.active .ex-nav-trigger:focus span {
    background: #576769;
}

.header.active._header ul li a {
    color: #000;
}

.header.active._header ul li a:after {
    background: #0f0324;
}

.header.active._header ul.aios-split-nav > li > a:hover,
.header.active._header ul.aios-split-nav > li > a:focus {
    text-shadow: 0 0 1px #000;
    opacity: 1;
}

.header.active._header ul li ul.sub-menu li a {
    color: #000;
}

.header.active .logo-wrapper img {
    width: 71%;
}

.aios-split-nav li:focus-within > .sub-menu,
#expanded-nav li:focus-within > .sub-menu {
    display: block;
}


/* Expanded Nav */

.expanded-menu-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100%;
    display: flex;
    z-index: 60;
    /*transition: transform .75s ease;
    -webkit-transition: transform .75s ease;
    -moz-transition: transform .75s ease;*/
    -webkit-backface-visibility: hidden;
    transition: visibility 0.3s linear, opacity 0.3s linear;
    -webkit-transition: visibility 0.3s linear, opacity 0.3s linear;
    -moz-transition: visibility 0.3s linear, opacity 0.3s linear;
    /*transform: translateX(100%);*/
    opacity: 0;
    visibility: hidden;
}

.expanded-menu-wrapper:before {
    z-index: 0;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    background-size: cover;
}

.expanded-menu-wrapper.active {
    /*transform: translateX(0);*/
    opacity: 1;
    visibility: visible;
}

.expanded-menu-whitespace {
    width: 78%;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.expanded-menu-inner {
    position: relative;
    z-index: 1;
    width: 22%;
    height: 100%;
    background: #fff;
    color: #000;
    text-align: left;
    overflow-y: auto;
}

.expanded-menu-wrapper.active .expanded-menu-inner {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.expanded-menu-inner .exp-menu-inner-basis {
    height: 100%;
    position: relative;
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.expanded-menu-inner .close-btn {
    color: #576769;
    position: absolute;
    text-align: center;
    z-index: 5;
    top: 20px;
    right: 20px;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

.expanded-menu-inner .close-btn:hover,
.expanded-menu-inner .close-btn:focus {
    color: #000;
}

.expanded-menu-logo {
    position: relative;
    margin-top: 65px;
    margin-top: 4vw;
    margin-bottom: 105px;
    margin-bottom: 6.5vw;
}

.expanded-menu-logo img {
    display: block;
    max-width: 275px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.expanded-menu-nav {
    position: relative;
}

.expanded-menu-nav ul {
    display: block;
    position: relative;
}

.expanded-menu-nav ul li {
    display: block;
    position: relative;
    border-top: 2px solid #f3f3f3;
}

.expanded-menu-nav ul li:first-child {
    border-top: none;
}

.expanded-menu-nav ul li a {
    display: block;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #000;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 16px 5px;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

.expanded-menu-nav ul > li:hover > a,
.expanded-menu-nav ul > li:focus > a {
    color: #7f7f7f;
}

.expanded-menu-nav ul li ul {
    display: none;
    background: #F7F5F1;
}

.expanded-nav-contact-menu {
    position: relative;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}


/* Hero */

#hero {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

#hero:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    content: "";
    height: 100%;
    background: rgba(0, 0, 0, .3);
    /*background: rgba(16, 7, 43, 0.4);*/
}

#hero .cycloneslider-template-responsive {
    max-width: initial !important;
    z-index: 1;
    position: relative;
    z-index: 1;
}

#hero canvas {
    width: 100%;
    height: auto;
    display: block;
}

#hero .panel-left {
    align-items: flex-start;
    color: #fff;
    z-index: 6;
}

.hero-tagline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
}

.ht-inner {
    position: relative;
    margin-top: 45px;
    margin-left: 5px;
}

.tagline-wrap span {
    font-family: "Lato", sans-serif;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: 0.8;
    text-shadow: 0 0 1px #000;
}

.tagline-wrap strong {
    display: block;
    font-family: "Cinzel", serif;
    text-transform: uppercase;
    font-size: 49px;
    line-height: 50px;
    letter-spacing: 5px;
    font-weight: 300;
    padding: 35px 0 3px;
    margin-bottom: 24px;
    text-shadow: 0 0 1px #000;
}

.tagline-wrap p {
    display: block;
    font-size: 23px;
    line-height: 28px;
    opacity: 0.8;
    font-family: "Arapey", serif;
    font-style: italic;
    text-shadow: 0 0 1px #000;
}

.tagline-btn-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
    text-shadow: 0 0 1px #000;
}

.tagline-btn-wrapper .qs-btn {
    box-shadow: 0 0 1px #000;
}

.qs-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #f7f5f2;
    padding: 13px 28px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3px;
    color: #fff !important;
    font-weight: 300;
    text-decoration: none !important;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

.qs-btn span {
    opacity: 0.8;
}

.qs-btn i {
    margin-right: 14px;
}

.qs-btn:hover,
.qs-btn:focus {
    background: #10072b;
    border-color: #10072b;
    color: #fff;
}

.hero-floating-nav {
    position: absolute;
    bottom: 6.19%;
    right: 6.31%;
    z-index: 10;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.25s ease-in-out !important;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    user-select: none;
}

.hero-floating-nav:hover,
.hero-floating-nav:focus {
    opacity: 0.8 !important;
    filter: brightness(0) !important;
}

@keyframes boat {
    0% {
        transform: translate(0, 0px) rotate(0deg);
    }
    50% {
        transform: translate(0, 10px) rotate(-10deg);
    }
    100% {
        transform: translate(0, -0px) rotate(0deg);
    }
}

.hero-floating-nav canvas {
    display: block;
    width: 100%;
    height: auto;
    max-width: 32px;
    background: url(images/boat-icon.png) center no-repeat;
    background-size: contain;
    animation-name: boat;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.hero-floating-nav span {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    display: block;
    font-family: "Lato", sans-serif;
    letter-spacing: 2px;
    color: #fff;
    margin-top: 13px;
}


/* Welcome Section */

#welcome-wrapper {
    position: relative;
    display: flex;
    overflow: hidden;
}

.welcome-left,
.welcome-right {
    width: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.welcome-left {
    background: url(images/welcome-accent.jpg) center no-repeat;
    background-size: cover;
}

.welcome-left .floating-box {
    position: relative;
    border: 4px solid rgba(255, 255, 255, 0.7);
    padding: 2px;
    min-width: 282px;
    text-align: center;
}

.floating-box .fb-outer-layer {
    border-radius: 5px;
    border: 15px solid #fff;
}

.floating-box .fb-outer-layer .fb-center {
    background: rgba(255, 255, 255, 0.75);
    position: relative;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 200;
    padding: 89px 10px;
}

.floating-box .fb-outer-layer .fb-center span {
    display: block;
    letter-spacing: 5px;
}

.welcome-right {
    background: #fff;
    padding: 160px 130px 130px 160px;
    padding: 10% 8% 10% 9%;
}

.welcome-right h1 {
    display: block;
    position: relative;
    font-size: 60px;
    line-height: 70px;
    text-transform: uppercase;
    color: #000;
    font-weight: 300;
    letter-spacing: 3px;
    margin-bottom: 40px;
}

.welcome-right p {
    display: block;
    color: #000;
    font-size: 19px;
    line-height: 29px;
    font-family: "Arapey", serif;
    font-style: italic;
    margin-bottom: 37px;
}

.welcome-right .styled-btn {
    margin-top: 20px;
}


/* Discover Wrapper */

#discover-wrapper {
    position: relative;
    /*background: #0f0324;*/
    background: #10072b;
    padding: 185px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    display: none !important;
}

#discover-wrapper > div.textwidget {
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-wrapper {
    position: relative;
    margin-right: -105px;
    margin-right: -6.5vw;
    z-index: 5;
}

.video-wrapper a {
    display: block;
    color: #fff;
}

.video-wrapper canvas {
    display: block;
    width: 100%;
    height: auto;
    max-width: 579px;
}

.video-wrapper .play-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

.video-wrapper a:hover .play-btn,
.video-wrapper a:focus .play-btn {
    opacity: 0.8;
}

.video-wrapper .play-btn canvas {
    background: url(images/play-icon.png) center no-repeat;
    background-size: cover;
    display: inline-block;
    width: 100%;
    height: auto;
    max-width: 73px;
}

.video-wrapper .play-btn span {
    font-size: 24px;
    line-height: 26px;
    font-weight: 300;
    color: #fff;
    font-family: "Lato", sans-serif;
    display: block;
    letter-spacing: 2px;
    margin-top: 10px;
}

.discover-details-wrapper {
    position: relative;
    border: 1px solid #fff;
    z-index: 4;
    color: #fff;
}

.discover-details-wrapper canvas {
    width: 100%;
    height: auto;
    display: block;
    z-index: 0;
}

.discover-details-wrapper .discover-text-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding-left: 10vw;
    padding-right: 60px;
    padding-right: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 31px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 3px;
}


/* Quick Search */

#quick-search {
    position: relative;
    background: #f7f5f2;
    /*background: #fff;*/
    color: #000;
    /* padding: 320px 20px; */
    text-align: center;
    /* overflow: hidden; */
}

.qs-center-wrapper {
    width: 71.56%;
    margin: 0 auto;
    position: relative;
    padding: 320px 20px;
}

.qs-form-wrap {
    position: relative;
    margin-bottom: 50px;
}

.qs-form-wrap form {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    text-align: left;
}

.qs-form-wrap input[type="text"],
.qs-form-wrap input[type="submit"],
.qs-form-wrap button {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: none;
    background: transparent;
}

.qs-form-wrap .bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 200px !important;
}

.qs-form-wrap form .qs-field {
    width: 82.74%;
    border-bottom: 1px solid #999897;
    display: flex;
    align-items: center;
}

.qs-form-wrap form .qs-field i {
    margin-top: 2px;
}

.qs-form-wrap form .qs-field .bootstrap-select.qs-select {
    width: calc( 100% - 18px) !important;
}

.qs-form-wrap .qs-field input[type="text"] {
    font-size: 24px;
    font-weight: 300;
    color: #000;
    font-family: "Lato", sans-serif;
    padding: 16px 15px;
    width: 100%;
}

.qs-form-wrap form .qs-action {
    width: 14.96%;
}

.qs-form-wrap form .qs-action .styled-btn.sb-thin {
    width: 100%;
    padding: 19px 10px;
}

.qs-buttons {
    position: relative;
    text-align: center;
}

.qs-buttons .styled-btn.sb-thin {
    width: 100%;
    max-width: 264px;
    margin: 0 15px;
    padding: 24px 20px;
}

#neighborhoods-wrapper {
    position: relative;
    padding: 85px 0 0 0;
    text-align: center;
    overflow: hidden;
}

.featured-neighborhoods {
    position: relative;
    font-size: 0;
}

.featured-neighborhoods .fn-row {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.featured-neighborhoods .fn-item {
    position: relative;
    display: block;
    padding: 8px;
    z-index: 5;
}

.featured-neighborhoods .fn-item.fn-filler {
    z-index: -1;
}

.featured-neighborhoods .fn-item.fn-link a:before,
.featured-neighborhoods .fn-item.fn-filler a:before {
    display: none;
}

.featured-neighborhoods .fn-item a {
    display: block;
    position: relative;
}

.featured-neighborhoods .fn-item.fn-link a {
    border: 1px solid #576769;
    background: #f7f5f2;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

.featured-neighborhoods .fn-item a canvas {
    display: block;
    width: 100%;
    height: auto;
    background-size: cover;
    position: relative;
    z-index: 0;
}

.featured-neighborhoods .fn-item a:before {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(32, 32, 32, 0.2);
    content: "";
    width: 100%;
    height: 100%;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

.featured-neighborhoods .fn-item a:hover:before,
.featured-neighborhoods .fn-item a:focus:before {
    /*background: rgba(32,32,32,.74);*/
    background: #10072b;
}

.featured-neighborhoods .fn-item a .fn-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.featured-neighborhoods .fn-item a .fn-overlay .fn-title {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 300;
    padding-bottom: 15px;
    position: relative;
}

.featured-neighborhoods .fn-item a .fn-overlay .fn-title:after {
    width: 60px;
    height: 2px;
    background: rgba(255, 255, 255, 0.6);
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 0;
}

.featured-neighborhoods .fn-item.fn-link a .fn-title {
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    padding: 0;
    letter-spacing: 5px;
    text-transform: uppercase;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

.featured-neighborhoods .fn-item.fn-link a .fn-title:after {
    display: none;
}

.featured-neighborhoods .fn-row.fn-row-bottom {
    align-items: flex-end;
    margin-top: -14.6%;
}

.featured-neighborhoods .fn-item.fn-santa-barbara {
    width: 47.75%;
}

.featured-neighborhoods .fn-item.fn-montecito,
.featured-neighborhoods .fn-item.fn-filler {
    width: 27.18%;
}

.featured-neighborhoods .fn-item.fn-hope-ranch,
.featured-neighborhoods .fn-item.fn-link {
    width: 24.06%;
}

.featured-neighborhoods .fn-item.fn-goleta,
.featured-neighborhoods .fn-item.fn-carpinteria {
    width: 23.9%;
}

.featured-neighborhoods .fn-item.fn-link a:hover,
.featured-neighborhoods .fn-item.fn-link a:focus {
    /*background: #0f0324;
            border-color: #0f0324;*/
    background: #10072b;
    border-color: #10072b;
}

.featured-neighborhoods .fn-item.fn-link a:hover .fn-title,
.featured-neighborhoods .fn-item.fn-link a:focus .fn-title {
    color: #fff;
}


/* Featured Listings */

#featured-listings-section {
    position: relative;
    padding: 75px 0 0 0;
    text-align: center;
    overflow: hidden;
}

.featured-listings-wrapper {
    position: relative;
}

.featured-listings-wrapper .slick-arrow {
    position: absolute;
    width: 61px;
    height: 64px;
    border: 2px solid #f7f5f2;
    background: transparent;
    z-index: 39;
    font-size: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

.featured-listings-wrapper .slick-arrow:hover,
.featured-listings-wrapper .slick-arrow:focus {
    background: #10072b;
    border-color: #10072b;
}

.featured-listings-wrapper .slick-arrow:before {
    content: "";
    position: relative;
    font-family: agentimage !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    font-size: 18px;
    line-height: 18px;
    margin-top: -2px;
}

.featured-listings-wrapper .slick-arrow.slick-prev {
    left: 5vw;
}

.featured-listings-wrapper .slick-arrow.slick-next {
    right: 5vw;
}

.featured-listings-wrapper .slick-arrow.slick-prev:before {
    content: "\b0205";
}

.featured-listings-wrapper .slick-arrow.slick-next:before {
    content: "\b0206";
}

.featured-listings-wrapper .fl-item {
    display: block;
    position: relative;
}

.featured-listings-wrapper .fl-item:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    content: "";
    background: rgba(32, 32, 32, 0.2);
    width: 100%;
    height: 100%;
}

.featured-listings-wrapper .fl-item canvas {
    display: block;
    width: 100%;
    height: auto;
    background-size: cover;
    z-index: 1;
    position: relative;
}

.featured-listings-wrapper .fl-item .fl-overlay-details {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    padding: 80px 40px;
}

.featured-listings-wrapper .fl-item .fl-overlay-details .fl-overlay-details-inner {
    width: 71.31%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.featured-listings-wrapper .fl-item .fl-details-left {
    position: relative;
    text-transform: uppercase;
    color: #fff;
    font-family: "Lato", sans-serif;
}

.fl-details-left strong {
    display: block;
    font-size: 38.49px;
    line-height: 40px;
    font-weight: 400;
    letter-spacing: 3px;
    margin-bottom: 2px;
}

.fl-details-left p {
    font-weight: 300;
    font-size: 24px;
    line-height: 27px;
    letter-spacing: 2px;
    text-align: justify;
}

.fl-details-left .fl-amenities {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    font-size: 16px;
    line-height: 20px;
/*    font-weight: 500;*/
    margin-top: 50px;
    width: 100%;
    /* max-width: 375px; */
}

.fl-details-left .fl-amenities span.fla-center {
    padding: 0 33px;
    margin: 0 33px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.featured-listings-wrapper .fl-item .fl-details-right {
    position: relative;
}

.fl-details-right .styled-btn {
    display: block;
    max-width: 263px;
    border-color: #f7f5f2;
    margin-bottom: 16px;
    color: #fff;
    padding: 18px 40px;
}

.fl-details-right .styled-btn:hover,
.fl-details-right .styled-btn:focus {
    border-color: #576769;
}

.fl-details-right .styled-btn:last-child {
    margin-bottom: 0;
}


/* Call to Action */

#cta-section {
    position: relative;
    display: block;
    padding: 310px 0 320px;
    background: url(images/bg-cta-parallax.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    overflow: hidden;
}

.mobile #cta-section,
.safari-true #cta-section {
    background-attachment: scroll;
}

#cta-section:before {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.cta-inner {
    width: 74%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    z-index: 2;
}

.cta-inner h3 {
    font-family: "Cinzel", serif;
    text-transform: uppercase;
    font-size: 55px;
    line-height: 60px;
    letter-spacing: 1px;
    font-weight: 300;
    padding: 35px 0 3px;
    margin-bottom: 65px;
}

.cta-inner h3 em {
    display: block;
    font-style: normal;
}

.cta-inner h3 span {
    display: block;
    letter-spacing: 19px;
    font-weight: 400;
    margin-left: 16px;
    font-size: 50px;
}

.cta-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-list .styled-btn {
    letter-spacing: 0;
    font-weight: 400;
    color: #fff;
    padding: 20px 20px;
    width: 100%;
    max-width: 266px;
    margin: 0 15px;
    border-color: #ffffff;
}


/* Work With Us */

#work-with-us {
    position: relative;
    background: url(images/bg-footer-contact-center-bottom-parallax.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 140px 0px;
    overflow: hidden;
}

.mobile #work-with-us,
.safari-true #work-with-us {
    background-attachment: scroll;
}

#work-with-us .section-header {
    color: #f7f5f2;
    letter-spacing: 0.18em;
    margin-bottom: 25px;
}

#work-with-us .section-header:after {
    width: 57px;
    opacity: 0.5;
    margin-left: -28.5px;
}

.wwu-inner-wrap {
    position: relative;
    background: rgba(255, 255, 255, 0.7);
    /*padding: 55px 0;*/
    padding: 55px 0;
}

.wwu-inner-wrap:before,
.wwu-inner-wrap:after {
    display: block;
    content: "";
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    left: 0;
}

.wwu-inner-wrap:before {
    top: -18px;
}

.wwu-inner-wrap:after {
    bottom: -18px;
}

.wwu-center-wrap {
    position: relative;
    width: calc(86.62% + 40px);
    padding: 0 20px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wwu-box {
    position: relative;
    background: #10072b;
    width: 100%;
    /*max-width: 500px;
        padding: 70px 45px;*/
    max-width: 450px;
    padding: 27px 30px 28px;
    text-align: center;
    color: #fff;
}

.wwu-box p {
    display: block;
    font-family: "Arapey", serif;
    font-style: italic;
    /*font-size: 17px;
        line-height: 25px;*/
    font-size: 16px;
    line-height: 21px;
    color: rgba(247, 245, 242, 0.8);
    margin-bottom: 25px;
    font-weight: 400;
}

.wwu-box .styled-btn {
    letter-spacing: 0.18em;
    color: #f7f5f2;
    padding: 14.5px 28px;
    margin-top: 20px;
}

.wwu-box .styled-btn:hover,
.wwu-box .styled-btn:focus {
    background: #fff;
    border-color: #fff !important;
    color: #000;
}


/* Footer */

footer.footer {
    position: relative;
    background: #10072b;
    color: #fff;
    padding: 50px 0 130px;
    font-family: "Lato", sans-serif;
    overflow: hidden;
}

footer.footer a:hover,
footer.footer a:focus {
    color: #576769;
}

.footer-inner {
    position: relative;
    width: 71.56%;
    margin: 0 auto;
    text-align: center;
}

.footer-widget {
    position: relative;
    text-align: center;
}

.footer-logo {
    position: relative;
    display: inline-block;
}

.footer-logo img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 275px;
    filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.footer-contact {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}

.fcontact-item {
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    margin-left: 45px;
    letter-spacing: 2px;
}

.fcontact-item:first-child {
    margin-left: 0;
}

.footer-nav {
    position: relative;
    margin: 50px 0;
    border-top: 1px solid #211834;
    border-bottom: 1px solid #211834;
    padding: 40px 0;
}

.footernav {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.footernav li {
    text-align: left;
    display: block;
    min-width: 130px;
}

.footernav li.menu-item-has-children {
    padding-right: 60px;
}

.footernav li.menu-item-43,
.footernav li.menu-item-62 {
    padding-right: 70px;
}

.footernav li:last-child {
    min-width: unset;
}

.footernav li a {
    display: inline-block;
/*    font-weight: 600;*/
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 2px;
}

.footernav li ul {
    display: block;
    margin-top: 28px;
}

.footernav li ul li {
    padding: 5px 0;
}

.footernav li ul li a {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    letter-spacing: 1px;
}

.footer-copyright {
    position: relative;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 1px;
}

.footer-copyright .footer-credit-logo {
    margin-top: 55px;
    font-size: 45px;
    letter-spacing: 3px;
}


/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/

.ip-banner {
    position: relative;
    width: 100%;
}

.ip-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    /*background: rgba(0,0,0,.6);*/
    background: rgba(0, 0, 0, 0.35);
}

.ip-banner canvas {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    min-height: 250px;
    background-color: #f9f7f7;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ip-banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.ip-banner h1 {
/*    font-weight: 700;*/
    font-size: 32px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.7;
}

.ip-banner h1 span {
    display: block;
    font-size: 24px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.01em;
}


/* Adjust minimum height of page area */

#content-sidebar,
#content-full {
    min-height: 500px;
    margin-top: 20px;
}


/** Adjust width of content columns **/

#content-sidebar #content {
    width: 77.08%;
}

#content-full #content {
    width: 100%;
}


/* Adjust width of sidebar */

.sidebar {
    width: 20.83%;
}


/* fullwidth template */

.page-template-template-fullwidth #content {
    padding-left: 15px;
    padding-right: 15px;
}

.page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
    margin-left: -15px;
    margin-right: -15px;
}


/* Adjust line height of page elements */

#content h4,
aside h4,
#content p,
aside p,
#content blockquote,
aside blockquote,
#content ul,
aside ul,
#content fieldset,
aside fieldset,
#content form,
aside form,
#content ol,
aside ol,
#content dl,
aside dl,
#content dir,
aside dir,
#content menu,
aside menu {
    line-height: 1.7;
}


/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */

#content .entry-title,
#content .archive-title {
    font-family: "Lustria", serif;
    text-transform: uppercase;
    font-size: 39px;
    line-height: 1.3;
    letter-spacing: 5px;
    font-weight: 300;
    margin-bottom: 24px;
    text-align: center;
}

.page-id-24 #content .entry-title {
    margin: 40px 0;
}


/* Styles for category/archive/search/etc subheadings (h2) */

#content .archive-subtitle {
    font-family: "Cinzel", serif;
    text-transform: uppercase;
    font-size: 29px;
    line-height: 30px;
    letter-spacing: 1px;
    font-weight: 300;
}


/* Sidebar */

.ips-widget {
    text-align: center;
}

.ips-logo {
    display: block;
    position: relative;
    margin-bottom: 20px;
}

.ips-logo img {
    width: 100%;
    height: auto;
    max-width: 275px;
}

.agent-contact-lang.agent-contact-detail {
    display: none;
}

.wpcr3_pagination .wpcr3_a.wpcr3_current {
    background: #0f0324 !important;
}

div.wpcr3_review .wpcr3_review_datePublished {
    display: none !important;
}

div.wpcr3_review span {
    margin: 0px 3px;
}


/* roadmaps */

.aios-roadmaps {
    justify-content: space-between;
}


/* IHF BANNER */

.page-id-0 .ip-banner canvas {
    background-image: url(/wp-content/uploads/2021/03/cv-banner.jpg) !important;
}

#quick-search button.btn.dropdown-toggle.btn-default {
    font-weight: 300;
    color: #000;
    font-family: "Lato", sans-serif;
    padding: 16px 15px;
    width: 100%;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: none;
    background: transparent;
}

#quick-search span.filter-option.pull-left {
    font-size: 24px !important;
    text-overflow: ellipsis;
}

.ip-community {
    text-align: center;
    min-height: 300px;
    border: 1px solid #fff;
    color: #fff;
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
}

.ip-community p:after {
    width: 60px;
    height: 2px;
    background: rgba(255, 255, 255, 0.6);
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 0;
}

.ip-community p {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
    font-size: 24px;
    line-height: 30px !important;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    padding: 15px;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin: 0 !important;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

#santabarbara {
    background: url("http://www.coastandvalleyproperties.com/wp-content/themes/coastandvalley/images/c-santa-barbara.jpg") 0 0 no-repeat;
    background-size: cover;
    background-position: center center;
}

#montecito {
    background: url("http://www.coastandvalleyproperties.com/wp-content/themes/coastandvalley/images/c-montecito.jpg") 0 0 no-repeat;
    background-size: cover;
    background-position: center center;
}

#hoperanch {
    background: url("http://www.coastandvalleyproperties.com/wp-content/uploads/2021/03/hoperanch.jpeg") 0 0 no-repeat;
    background-size: cover;
    background-position: center center;
}

#goleta {
    background: url("http://www.coastandvalleyproperties.com/wp-content/uploads/2021/03/goleta.jpg") 0 0 no-repeat;
    background-size: cover;
    background-position: center center;
}

#carpinteria {
    background: url("http://www.coastandvalleyproperties.com/wp-content/uploads/2021/03/carpinteria.jpeg") 0 0 no-repeat;
    background-size: cover;
    background-position: center center;
}

#santaynez {
    background: url("http://www.coastandvalleyproperties.com/wp-content/uploads/2021/03/fc-santa-ynez.jpeg") 0 0 no-repeat;
    background-size: cover;
    background-position: center center;
}


/* .page-id-7 .ai-contact-wrap input.wpcf7-submit, 
.page-id-7 .ai-default-cf7wrap input.wpcf7-submit {
    background: #0f0324 !important;
}
.page-id-7 .ai-contact-wrap input.wpcf7-submit:hover, 
.page-id-7 .ai-default-cf7wrap input.wpcf7-submit:hover {
    background: #576769 !important;
} */

#hero canvas {}

#hero .cycle-slide-active canvas {
    /*animation: move 40s ease;
  -ms-animation: move 40s ease;
  -webkit-animation: move 40s ease;
  -0-animation: move 40s ease;
  -moz-animation: move 40s ease;*/
}

@-webkit-keyframes move {
    0% {
        -webkit-transform-origin: bottom left;
        -moz-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        -o-transform-origin: bottom left;
        transform-origin: bottom left;
        transform: scale(1);
        -ms-transform: scale(1);
        /* IE 9 */
        -webkit-transform: scale(1);
        /* Safari and Chrome */
        -o-transform: scale(1);
        /* Opera */
        -moz-transform: scale(1);
        /* Firefox */
    }
    100% {
        transform: scale(1.5);
        -ms-transform: scale(1.5);
        /* IE 9 */
        -webkit-transform: scale(1.5);
        /* Safari and Chrome */
        -o-transform: scale(1.5);
        /* Opera */
        -moz-transform: scale(1.5);
        /* Firefox */
    }
}

#listings-results .listings-pagination ul {
    margin-bottom: 50px !important;
}

#listings-results .listings-pagination ul li.active a,
#listings-results .listings-pagination ul li a.active,
#listings-results .listings-pagination ul li a:hover,
#listings-results .listings-pagination ul li a:focus {
    border-color: #10072b !important;
    background: #10072b !important;
}

#content .listings-printable-info {
    background: #10072b!important;
}

#content .agent-holder .render-all-description p {
    line-height: 1.5;
}


/*.agent-holder .render-all-description a.agents-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 136px;
    height: 50px;
    border: 2px solid #10072b;
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    color: #10072b;
    transition: all 0.4s ease;
}
    .agent-holder .render-all-description a.agents-button:hover {
        color: #ffffff;
        background-color: #10072b;
    }*/

.agent-holder .render-all-description a {
    color: #10072b;
}

.agent-holder .render-all-description a {
    color: #000000;
}

.agent-holder .agent-contact-name {
    font-weight: normal;
    font-family: "Lustria", serif;
}

.page-id-13 .ai-contact-wrap input.wpcf7-submit,
.page-id-7 .ai-default-cf7wrap input.wpcf7-submit {
    background: #10072b !important;
}

.aios-cu-info {
    text-align: center;
}

.aios-cu-inner .aios-cu-left .aios-cu-main .aios-cu-form {
    margin: 25px auto 0;
}

.aios-cu-inner .aios-cu-left .aios-cu-main .aios-cu-smi {
    text-align: center;
    margin-left: 0;
}

.aios-cu-inner .aios-cu-left .aios-cu-main .aios-cu-contact span a:hover,
.aios-cu-inner .aios-cu-left .aios-cu-main .aios-cu-contact span a:focus {
    color: #10072b;
}

.aios-cu-inner .aios-cu-left .aios-cu-main .aios-cu-smi a:hover,
.aios-cu-inner .aios-cu-left .aios-cu-main .aios-cu-smi a:focus {
    color: #10072b;
}

.aios-cu-inner .aios-cu-left .aios-cu-main .aios-cu-form {
    border-color: #10072b;
}

.grecaptcha-badge {
    z-index: 100;
}

#listings-results .listings-grid .listings-address,
#listings-results .listings-grid .listings-price,
#listings-results .listings-grid .listings-plan span {
    text-shadow: 0 0 3px #000;
}

#listings-details .listings-cta.white > li > a {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 100%;
    height: 54px;
    margin: 0 auto;
    padding: 10px;
    border: 2px solid #000;
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    transition: all 0.3s ease;
}

#ihf-main-container ul {
    padding-left: 0;
    margin-left: 0;
}

#listings-details .listings-form textarea {
    padding-right: 40px !important;
}


/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */

strong, h1, h2, h3, h4, h5, h6 {
    font-weight: 400 !important;
}

#listings-results .listings-grid .listings-col .listings-footer {
        position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: transparent !important;
    display: none !important;
}

#listings-details .listings-address, #listings-details .listings-address strong {
    font-weight: 400 !important;
}

body.sold-listing #listings-results .listings-grid .listings-price span:not(.sold) {
    display: none !important;
}