/*

Theme Name: Ocean Canyon Properties
Theme URI: http://oceancanyon.com
Author: Brian Sparks
Author URI: http://cflare.com/
Description: Where Friends Meet.
Version: 0.1.4
Template: x
oceancanyon
*/

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border-color: #9e9e9e; }
hr { border-top-color: #E4E4E4; }

.x-topbar{ background-color: #FFAE35; border-bottom: 0; }
    .x-topbar .x-topbar-inner .p-info{ color: #000; font-size: 13px; float: inherit; text-align: center;  }
    .x-topbar .p-info a{ color: #000 !important; }
.masthead .x-logobar{ background-color: #45b7f2; border-bottom: 0px; }
.x-logobar .contact a{ color: #fff; }
.x-logobar .contact a:hover{ color: #0091dd; }
.masthead-stacked{ background: #f3f3f3; }
.masthead-stacked .x-brand{ float: left; }
.masthead-stacked .contact{ text-align: right; color: #fff; }
.masthead .x-navbar{ background-color: #0091dd; }
.x-navbar .desktop .x-nav > li > a { box-shadow: inherit !important; }
.x-navbar .desktop .x-nav > li > a:hover{ background: #fff; box-shadow: inherit !important; }

.x-navbar .desktop ul li.x-active{ background: #fff; }
.x-navbar .desktop .current-menu-item a span{ color: #000; }
.x-navbar .desktop .sub-menu a, .x-breadcrumb-wrap a, .x-breadcrumbs .delimiter { color: #45b7f2 !important; }
    .x-navbar .desktop .sub-menu li:hover{ background: #45b7f2; }
    .x-navbar .desktop .sub-menu a:hover { color: #fff !important; }
    .x-navbar li.special { background: #FFAE35; }
        .x-navbar li.special:hover { background: #E49F37; }

.x-navbar .x-nav-wrap #menu-social-menu li a { font-family: "Lato",sans-serif; font-style: normal; font-weight: 700; letter-spacing: 0.085em; color: #fff; margin: 0 0 -1px; border: 1px solid #f2f2f2; border-left: 0; border-right: 0; padding: 1em 0; background-color: transparent; }
#menu-social-menu{ margin: 25px 0; }



.upper { text-transform: uppercase; }
.greenicons .x-icon-check { color: #abe866; }
.noppadding p{ margin-bottom: 0; }
.nopmargin p { margin-bottom: 0; }
.hidep p:first-child { display: none; }

.homeBlock{ text-align: center; color: #45b7f2;}

.post .entry-content h1{ font-size: 200%; }

.ribbon:before, .ribbon:after { content: ""; position: absolute; display: block; bottom: -1em; border: 1.5em solid #4CC2FF; z-index: 1; }
.ribbon:before {left: -2em; border-right-width: 1.5em; border-left-color: transparent;}
.ribbon { margin-top: 10px; font-size: 16px !important; width: 40%; position: relative; background: #4CC2FF; color: #fff; text-align: center; padding: 10px; margin: 0 auto; }
.ribbon span{ color: #fff; }
.ribbon:after { right: -2em; border-left-width: 1.5em; border-right-color: transparent; }

#LiveHelpEmbedded{ width: 159px; margin-right: 110px; background-color: orange !important; }

.floating-contactus { bottom: 0;right: 0;z-index: 10;position: fixed;background-color: #45b7f2;padding: 10px;color: #fff;cursor: pointer;margin-right: 80px;}
.floating-contactus-content { bottom: 0; right: 0; z-index: 2000; position: fixed; background-color: #fff; padding: 10px; color: #fff; border: 1px solid #ccc; width: 498px; }
.floating-contactus-content .gform_wrapper .top_label li.gfield{ margin-bottom: 5px !important; }
.floating-contactus-content .gform_wrapper .field_sublabel_below .ginput_container_address label{ display: none !important; }
.floating-contactus-content h2{margin-top: 0;}
.floating-contactus-content label.gfield_label{ /* display: none !important; */ color: #000; }
.floating-contactus-content textarea.textarea{ line-height: 15px !important; height: 100px !important; padding: 5px !important; }
.floating-contactus-content .top_label .ginput_container, .floating-contactus-content li.gfield{ margin-top: 0px !important; }
.floating-contactus-content .address_line_1 input{margin-bottom: 8px !important;}
.floating-contactus-content span.address_zip{ margin-bottom: 0px !important;}
.floating-contactus-content span.address_country{ margin-top: 1px !important; margin-bottom: 0px !important; }
.floating-contactus-content .gform_footer{ margin: 5px 0 50px !important; }

#fb-root { display: none; }
    
.x-btn-transparent{ color: #45b7f2 !important; }
.x-btn-transparent:hover{ color: rgb(0, 145, 221) !important; }
input[type="submit"]{ padding: .429em 3em; }

.widget ul, .widget ol{ border: none; }
.widget.widget_recent_entries li { padding: .8em; font-size: 81.25%; }
    .widget.widget_recent_comments li{ padding: .8em; }
.widget ul li a{ border-bottom: none; }

.ocp-modal { z-index: 99999999; background-color: #fff; position: fixed; margin-top: -50px; margin-left: -210px; top: 20%; left: 50%; width: 454px; height: 278px; }

.ocp-backdrop { cursor: pointer; opacity: .4; filter: alpha(opacity=40); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999998; background: url("http://www.oceancanyon.com/wp-content/plugins/wp-welcome-message/lib/img/stripe-black.png"); }

.fade.in { opacity: 1; }
.fade { opacity: 0; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }

.text100pc a.x-accordion-toggle{ font-size: 100%; }

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }
i.x-icon-bars.social:before { content: "\f005"; }

#wpc-weather{ margin: 0; padding: 0; }
    #wpc-weather .time_symbol{ border-top: 1px solid #000; border-bottom: 1px solid #000; }
    #wpc-weather .time_temperature{ margin-top: -27px !important; }

form.dealerLeadForm { max-width: 420px; margin: 0 auto; }
.facebookForm table td{ border-top: none; }
    .facebookForm p{ <!-- display:none; --> }
    .facebookForm input{ width: 100%; }
    
/* Countdown */
.tminus_countdown { margin: 0 auto;}
.tminus_countdown .jedi-dashboard{ width: 330px; height: inherit; }
.jedi-dashboard .jedi-hours_dash{ clear: inherit; }
    
@media (max-width: 480px){
    form.dealerLeadForm{ width: 100%; }
    form.dealerLeadForm td { display: block; }
    form.dealerLeadForm input, form.dealerLeadForm textarea{ width: 100%; }
    
    #LiveHelpEmbedded{ margin-right: -34px; }
    #LiveHelpCallAction{ bottom: 37px !important; right: 7px !important; }
}

@media ( max-width: 767px ){
    .x-topbar .p-info { background-color: inherit; }    
}

@media print {
  a[href]:after{content: none !important;}
  #LiveHelpEmbedded{ display: none !important; }
  .floating-contactus{ display: none !important; }
  
}