/*

Theme Name: Surf Pacific (GrowBD Mobilized)

Theme URI: http://www.surfpacific.com.au

Description: A WordPress theme designed and built by Surf Pacific and mobilized by Grow Business Development

Author: Surf Pacific

Author URI: http://www.growbd.com.au

Version: 2.0

*/



html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



body {

    background: #fff;

    font: normal 14px/23px "Droid Sans", Arial, Helvetica, sans-serif;

    color: #666;

}



.main-bg {

    background: #ebeaea;

    -webkit-box-shadow: inset 0px 4px 30px 0px rgba(0, 0, 0, .5);

    box-shadow: inset 0px 4px 30px 0px rgba(0, 0, 0, .5);

}



/*------------------------------------*\

    $GLOBAL

\*------------------------------------*/



.clr { clear: both }



.left { float: left }



.right { float: right ;}



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



.text-right { text-align: right; }



.upper { text-transform: uppercase; }



.lower { text-transform: lowercase;}



.under { border-bottom: 1px solid; }



.spaced { letter-spacing: 2px; }



.inline-block {

     display: inline-block;

     zoom: 1;

    *display: inline;

}



.cf:before,

.cf:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}

.cf:after { clear: both; }

.cf { *zoom: 1; }



.grid { overflow: hidden; } 



.one-half, .one-third { float: none; }



.one-half { 

    width: 100%;

}



.one-third {

    width: 100%;

    margin-right: 5%;

}



.two-thirds {

    width: 100%;

    margin-right: 5%;

}



.grid .last, .promo .last, .content .last  { /* margin-right: 0; */ } 



::-moz-selection, ::selection {

    background: #1dbdef;

    color: #fff;

    text-shadow: none;

}



p, ul, ol, blockquote, table, hr, .grid, .cta, .note, .highlight, .button, .promo, .banner{ 

    margin-right: 0px;

    margin-bottom: 12px; 

} /* Give elements the same margin to create consistent vertical rhythm */

.cta { 
    margin-bottom: 10px;
}

.no-mb { margin-bottom: 0; }



h1, h2, h3, h4, h5, h6 { font-weight: normal; }



h1, .promo h3 { font-family:'AvantGardeGothicITCW01M 731087'; text-transform: uppercase;}



h1 {

    font-size: 30px;

    line-height: 40px;

    margin-bottom: 18px;

    color: #03a0af;

    text-transform: uppercase;

    text-align: center;

}



h2 {

    font-size: 18px;
    line-height: 26px;

   /* font-size: 25px;

    line-height: 35px; */

    margin-bottom: 6px;

    color: #1d378b;

}



.home .content h2 { text-align: center;} 



h3 {

    font-size: 19px;

    line-height: 31px;

    margin-bottom: 10px;

    color: #21a097;

}



h4 {

    font-size: 19px;

    line-height: 29px;

    margin-bottom: 18px;

}



h5 {

    font-size: 16px;

    line-height: 26px;

    margin-bottom: 18px;

}



h6 {

    font-size: 14px;

    line-height: 23px;

    margin-bottom: 23px;

}



small { font-size: 12px; }



a:link, a:visited {

    text-decoration: none;

    color: #21a097;

    font-weight: bold;

    -webkit-transition: all .1s linear;

       -moz-transition: all .1s linear;

        -ms-transition: all .1s linear;

         -o-transition: all .1s linear;

            transition: all .1s linear;

}



a:hover {

    color: #1d378b;

    text-decoration: underline;

    outline: none;

}



a:focus, a:active { outline: none }



input[type="submit"] {

    width: auto;

    padding: 10px 15px;

    -webkit-border-radius: 3px;

     -opera-border-radius: 3px;

     -khtml-border-radius: 3px;

       -moz-border-radius: 3px;

            border-radius: 3px;

    cursor: pointer;

    border: none;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

    background: #777;

}



input[type="submit"]:hover { background: #333 }



input, select, textarea {

    font-family: inherit;

    font-size: inherit; 

    border-top: 1px solid #d5d5d5;

    border-right: 1px solid #d5d5d5;

    border-bottom: 1px solid #b5b5b5;

    border-left: 1px solid #b5b5b5;

    padding: 3px 5px;

}



hr {

    border: solid #ccc;

    border-width: 1px 0 0 0;

    clear: both;

}



/*------------------------------------*\

    $STRUCTURE

\*------------------------------------*/



.container {

    margin: 0 auto;

    width: 100%;

}



.header {

    width: 100%;

    overflow: hidden;

}



.logo {

    padding: 35px 0 0 0;

    width:100%;

}



.top {

    width: 100%;

    /* height: 135px; */

    /* overflow: hidden; */

}



.contact {

    float: none;

    visibility: hidden;

    height: 0px;

}



.contact h2 {

    font-size: 30px;

    line-height: 26px;

    margin-bottom: 5px;

    color: #2c4493;

    text-align: right;

}



.contact p {

    font-size: 15px;

    line-height: 24px;

    margin-bottom: 0;

    text-align: right;

}



.contact img {

    float: none;

}



/*------------------------------------*\

    $NAVIGATION

\*------------------------------------*/



.access {

    background: #fff;

    display: block;

    float: none;

    width:  100%;

    margin-bottom: 11px;

    border: solid #675d61;

    border-width: 1px 0;

}



.access .sub-menu {

visibility: hidden !important;

}



.access .menu-header, div.menu {

    font-size: 13px;

    width:  100%;

    height: 0;

    text-align: center;

    visibility: hidden;

    display: none;

}



.access .menu-header ul, div.menu ul {

    list-style: none;

    margin: 0;

}



.access .menu-header li, div.menu li {

    float: none;

    position: relative;

    z-index: 500;

}



.nav-menu {

	display: block;

    height: inherit;

	text-align: center;

    visibility: visible;

    font-family: 'AvantGardeGothicITCW01M 731087';

    text-transform: uppercase;

    font-size: 18px;

}



/*------------------------------------*\

    $TOP LEVEL

\*------------------------------------*/



.access a {

    color: #6a6969;

    display: block;

    line-height: 40px;

    padding: 0 29px;

    text-decoration: none;

    font-weight: normal;

    text-transform: uppercase;

}



/*------------------------------------*\

    $DROPDOWNS

\*------------------------------------*/



.access ul ul {

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

    float: left;

    width: 240px;

    z-index: 99999;

    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.25);

       -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.25);

            box-shadow: 0px 5px 5px rgba(0,0,0,0.25);   

    visibility: hidden;

}



.access li.menu-item-75 ul a { width: 285px;}



.access ul ul li { 

    min-width: 240px;

}



.access ul ul ul {

    left: 100%;

    top: 0;

}



.access ul ul a {

    background: #fff;

    line-height: 40px;

    padding: 0 23px;

    width: 198px;

    height: auto;

}



.access li:hover > a {

    background: #fff;

    color: #25adba;

}



.access ul ul :hover > a {

    background: #25adba;

    color: #fff;

}



.access ul li:hover > ul { display: block }



/*------------------------------------*\

    $CURRENT PAGE

\*------------------------------------*/



.access ul li.current_page_item > a, .access ul li.current-menu-ancestor > a, .access ul li.current-menu-item > a, .access ul li.current-menu-parent > a {

    background: #fff;

    color: #25adba;

    text-decoration: underline;

}



* html .access ul li.current_page_item a, * html .access ul li.current-menu-ancestor a, * html .access ul li.current-menu-item a, * html .access ul li.current-menu-parent a, * html .access ul li a:hover {

    background: #444;

    color: #fff;

}



.access ul ul li.current_page_item > a, .access ul ul li.current-menu-ancestor > a, .access ul ul li.current-menu-item > a, .access ul ul li.current-menu-parent > a {

    background: #25adba;

    color: #fff;

}



/*------------------------------------*\

    $JQUERY FEATURED AREA

\*------------------------------------*/



.feature {

    width:  100%;

    height: 0px;

    position: relative;

    margin: 0px;

    visibility: hidden;

}



.feature ul {

    list-style: none;

    width:  100%;

    height: 388px;

    position: relative;

    z-index: 1;

}



.feature li {

    display: none;

    width:  100%;

    height: 388px;

}



.feature .first { display: block }



.feature img {

    width: 980px;

    height: 388px;

    position: absolute;

    z-index: 2;

}



.feature .text {

    position: absolute;

    top: 128px;

    right: 40px;

    z-index: 3;

    background:url(images/feature-bg.png) repeat;

    width: 300px;

    padding: 10px 40px;

}



.feature p {

    font-size: 16px;

    line-height: 24px;

    color: #fff;

    margin-bottom: 25px;

    

    text-align: left;

}



.feature .text h2 {

    color: #fff;

    text-align: left;

    text-transform: uppercase;

}

.text .button a {

    margin-right: 25px;

    background: #394d94;

}

.text .button a:last-child {

    margin-right: 0;

}



.cycle-pager {

    position: absolute;

    bottom: 100px;

    right: 92px;

    bottom: 100px;

    z-index: 3;

}



.cycle-pager a {

    display: block;

    float: left;

    width: 13px;

    height: 13px;

    border-radius: 100%;

    cursor: pointer;

    background: transparent;

    border: 1px solid #fff;

    margin-left: 5px;

}



.cycle-pager a:hover, .cycle-pager .activeSlide {

    background: #fff;

}



/*------------------------------------*\

    $PROMO

\*------------------------------------*/



.promo {

    /* overflow: hidden; */

    /* padding: 23px 0; */

    /* border: dashed #bcbcbc; */

    /* border-width: 1px 0; */

    visibility: hidden;

    height: 0px;

    margin: 0px;

    padding: 0px;

}



.promo-item {

    /* float: left; */

    width: 100%;

    margin-right: 0;

    text-align: center;

}



.promo h3 {

    color: #4ab8c3;

    margin-bottom: 5px;

}



.promo p {

    font-size: 14px;

    line-height: 23px;

    margin-bottom: 0;

    padding: 0 10px;

}



.promo span {

    color: #2c4493;

    text-decoration: underline; 

    line-height: 34px;

    font-weight: bold;

}



.promo a {

    display: block;

    float: left;

    width: 100%;

    text-decoration: none;

    font-weight: normal;

}



.promo a:hover { color: inherit; }



.promo .last { margin-right: 0; }



/*------------------------------------*\

    $BANNER

\*------------------------------------*/



.banner {

    width: 96%;

    height: 311px;

    position: relative;

    z-index: 1;

    visibility: hidden;

    display: none;

    height: 0px;

}



.banner .text {

    position: absolute;

    z-index: 2;

    top: 83px;

    right: 10px;

    color: #fff;

    width: 270px;

}



.banner h2 {

    color: #fff;

    font-family: 'AvantGardeGothicITCW01M 731087';

    text-transform: uppercase;

    font-size: 30px;

    margin-bottom: 4px;

}



.banner p {

    font-size: 17px;

    line-height: 25px;

}



/*.map {   display: none; height: 300px; }*/



.map img {

    float: left;

    margin-right: 10px;

}



.map img.last {

    margin: 0;

}

/*------------------------------------*\

    $MAIN CONTENT AREA

\*------------------------------------*/



.main {

    width: 100%;

    margin-bottom: 23px;

    overflow: hidden;

    padding-top: 20px;

}

.home .main { 
    padding-top: 4px;
}


.content {

    float: left;

    overflow: hidden;

    width: 100%;

    padding: inherit;

    padding: 5px 10px;

}



.content-full { width: 100%;}



.content-right {

    float: right;

    width: 640px;

}



.breadcrumbs { 

    font-size: 12px;

    line-height: 23px;

}



.breadcrumbs a { color: #808080 }



.breadcrumbs a:hover { text-decoration: underline }



.breadcrumbs .current { color: #333 }



/*------------------------------------*\

    $CONTENT SPECIFIC TYPOGRAPHY

\*------------------------------------*/



.content p strong, .content li strong { color: #666; } /* Make bold text slightly darker than the body copy */



.content table {

    border-top: 1px solid #d5d5d5;

    border-right: 1px solid #d5d5d5;

    border-collapse: collapse;

}



.content table th {

    color: #fff;

    background: #808080;

    padding: 5px 10px;

    text-align: left;

}



.content table td {

    border-bottom: 1px solid #d5d5d5;

    border-left: 1px solid #d5d5d5;

    padding: 5px 10px;

}



.content ul {

    list-style: disc;

    margin-left: 0px;

}



.content ol {

    list-style: decimal;

    margin-left: 42px;

}



.content li {

    margin-bottom: 14px;

}



/* Page lists display with [child-pages] */



ul.child-pages {

    list-style: none;

    margin-left: 0;

    border-top: 1px solid #7b7a7a;

    font-size: 16px;

}



ul.child-pages li { 

    border-bottom: 1px solid #7b7a7a; 

    margin-bottom: 0;

}



ul.child-pages a { 

    display: block; 

    padding: 10px 5px;

}



blockquote {

    border: double #d5d5d5;

    border-width: 4px 0;

    padding: 23px;

    font-size: 16px;

    line-height: 26px;

    text-align: center;

}



blockquote p { margin: 0 }



.pullquote {

    text-align: center;

    font-size: 21px;

    line-height: 31px;

    width: 33%;

    float: right;

    margin: 0 0 1em 1em;

}



.pullquote.left { margin: 0 1em 1em 0; }



/*------------------------------------*\

    $SHORTCODES

\*------------------------------------*/



/* Styling for [cta] shortcode */



.cta {

    clear: both;

    background-color: #21a097;

    border-radius: 0px;

    -webkit-transition: all .25s ease-in-out;

       -moz-transition: all .25s ease-in-out;

            transition: all .25s ease-in-out;

}



.cta:hover { background-color: #1d378b }



.cta p { margin-bottom: 0; }



.cta a {

    color: #fff;

    text-shadow: 0 1px 0 rgba(0,0,0,0.25);

    display: block;

    padding: 14px 23px;

    line-height: 1.4em;

}



.cta a:hover { text-decoration: none }



/* Styling for [note] shortcode */



.note {

    padding: 10px 15px;

    background: #fcffc5;

    border: 1px solid #fbffa3;

}



.note p {

    color: #555;

    margin: 0;

}



/* Styling for [highlight] shortcode */



.highlight {

    padding: 10px 15px;

    background: #A9E8FA;

    border: 1px solid #79dbf7;

}



.highlight p {

    color: #555;

    margin: 0;

}



/* 

    Styling for [button] shortcode 

    Example: [buttton]<a href="#">Button text</a>[/button]

*/



.button {

    overflow: hidden;

    clear: both;

}



.button a {

    padding: 5px 15px;

    display: block;

    float: left;

    margin: 0;

    background: #02958a;

    color: #fff;    

    border-radius: 0px;

}



.button a:hover {

    text-decoration: underline;

    background: #02958a;

}



.button a:active {

    -moz-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.6);

         box-shadow: inset 1px 1px 10px rgba(0,0,0,0.6);

}





/*------------------------------------*\

    $BLOG

\*------------------------------------*/



.post-divider {

    display: block;

    height: 1px;

    background: #ccc;

    margin-bottom: 23px;

}



.post-meta { margin-bottom: 23px; }



.post-meta p {

    font-size: 12px;

    line-height: 19px;

    margin-bottom: 0;

}



a.more-link {

    display: block;

    clear: both;

    margin: 14px 0;

    float: right;

    padding: 5px 10px;

    background: #808080;

    color: #fff;

    font-size: 12px;

    text-transform: uppercase;

}



a.more-link:hover {

    background: #454545;

    text-decoration: none;

}



.post-navigation {

    overflow: auto;

    border-top: 1px solid #d5d5d5;

    font-size: 12px;

    text-transform: uppercase;

    padding: 14px 0;

}



.archive-navigation {

    display: block;

    clear: both;

    padding: 14px 0;

    text-align: center;

    border-top: 1px solid #d5d5d5;

}



.archive-navigation span, .archive-navigation a {

    padding: 3px 6px;

    font-size: 12px;

    border: 1px solid #d5d5d5;

    -webkit-border-radius: 2px;

     -opera-border-radius: 2px;

     -khtml-border-radius: 2px;

       -moz-border-radius: 2px;

            border-radius: 2px;

    

}



.post-share {

    border: dashed #d5d5d5;

    border-width: 1px 0;

    padding: 11px 11px 0 11px;

    margin-bottom: 23px;

}



.post-share h5 {

    float: left;

    font-weight: bold;

    margin: 0 10px 0 0;

    font-size: 12px;

    text-transform: uppercase;

    line-height: 23px;

}



/*------------------------------------*\

    $CONTENT IMAGES

\*------------------------------------*/



img.alignright {

    float: right;

    margin: 0 0 23px 23px;

    padding: 8px;

    background-color: #fff;

    border: 1px solid #ddd;

}



img.alignleft {

    float: left;

    margin: 0 23px 23px 0;

    padding: 8px;

    background-color: #fff;

    border: 1px solid #ddd;

}



img.aligncenter {

    display: block;

    margin: 0 auto 23px auto;

    padding: 8px;

    background-color: #fff;

    border: 1px solid #ddd;

}



img.alignnone {

    display: block;

    margin-bottom: 23px;

    padding: 8px;

    background-color: #fff;

    border: 1px solid #ddd;

}



a img.alignright {

    float: right;

    margin: 0 0 23px 23px;

}



a img.alignleft {

    float: left;

    margin: 0 23px 23px 0;

}



a img.aligncenter {

    display: block;

    margin: 0 auto 23px auto;

}



a img.alignnone {

    display: block;

    margin-bottom: 23px;

}



.wp-caption {

    margin-bottom: 23px;

    padding: 8px;

    border: 1px solid #ddd;

}



.wp-caption img {

    border: none;

    margin: 0;

    padding: 0;

}



.wp-caption p.wp-caption-text {

    font-size: 12px;

    line-height: 17px;

    margin: 5px 0 0 0;

    padding: 10px 0 5px 0;

    text-align: center;

}



#gallery-1 img {

    border: 1px solid #d5d5d5 !important;

    background: #fff;

    padding: 6px;

}



#gallery-1 img:hover { border: 1px solid #808080 !important }



#sb-wrapper-inner { border: 10px solid #fff !important; } /* Border around lightbox */



/*------------------------------------*\

    $RIGHT SIDEBAR

\*------------------------------------*/



.sidebar {

    float: none; 
    width: 100%;
    padding: 0 10px;

}



.sidebar > div, .sidebar-blog > div { margin-bottom: 23px; }



.island {

    padding: 18px 23px 30px 23px;

    background-color: #34bdb3;

    color: #fff;

}



.island h3 {

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    margin: 0;

}



.island p { margin: 0;}



.island .button {

    float: right;

    margin-top: -14px;

}



.list h3 {

    color: #1d378b;

    text-transform: uppercase;

    border-bottom: 1px solid #675d61;

}



.list ul {

    list-style-type: none;

    margin: 0;

}



.list a {

    display: block;

    padding: 10px 0;

    line-height: 1.4em;

    font-weight: normal;

    font-size: 18px;

    text-align: left;

}



.list a:hover, .list .current_page_item a { text-decoration: none; color: #1d378b;}



.search {

    border: 1px solid #d5d5d5;

    -webkit-border-radius: 20px;

     -opera-border-radius: 20px;

     -khtml-border-radius: 20px;

       -moz-border-radius: 20px;

            border-radius: 20px;

}



#s {

    display: block;

    width: 83%;

    padding: 5px 10px 5px 30px;

    color: #777;

    border: none;

    background: url(images/icon-search.png) 10px 50% no-repeat;

    -webkit-border-radius: 20px;

     -opera-border-radius: 20px;

     -khtml-border-radius: 20px;

       -moz-border-radius: 20px;

            border-radius: 20px;

}



#s:focus {

    background-color: #fff;

    outline: none;

}



#searchsubmit { display: none }



/*------------------------------------*\

    $LEFT SIDEBAR

\*------------------------------------*/



.sidebar-left {

    float: none;

    width: 100%;

    border: solid #d5d5d5;

    border-width: 1px 1px 0 1px;

    background: #fff;

    margin: 0px;

}



.sidebar-left div {

    padding: 15px 15px 15px 45px;

    border-bottom: 1px solid #d5d5d5;

}



.sidebar-left h4 {

    font-size: 14px;

    line-height: 14px;

    font-weight: bold;

    text-transform: uppercase;

    margin: 0 0 5px 0;

    color: #333;

}



.sidebar-left p {

    font-size: 14px;

    line-height: 18px;

    margin: 0;

}



.sidebar-left p + p { margin: 10px 0 0 0 }



.sidebar-left hr {

    color: #fff;

    background-color: #fff;

    border-bottom: 1px solid #d5d5d5;

    margin: 0 0 10px 0;

    height: 1px;

    border-style: solid;

    border-width: 1px;

    margin-left: -15px;

    margin-right: -15px;

}



.contact-phone { background: url(images/icon-phone.png) 15px 15px no-repeat }



.contact-fax { background: url(images/icon-fax.png) 15px 15px no-repeat }



.contact-email { background: url(images/icon-email.png) 15px 15px no-repeat }



.contact-address { background: url(images/icon-location.png) 15px 15px no-repeat }



.contact-hours { background: url(images/icon-hours.png) 15px 15px no-repeat }



.contact-payment { background: url(images/icon-payment.png) 15px 15px no-repeat }



/*------------------------------------*\

    $ASSOCIATES

\*------------------------------------*/



.associate {

    display: none;

}







.associate ul {

    list-style: none;

}



.associate li {

    float: none;

    padding: 0;

    margin-bottom: 0;

}



/*------------------------------------*\

    $NEWSLETTER SUBSCRIPTION

\*------------------------------------*/



.subscribe {

    

    display: none;

    width: 100%;

    height: 30px;

    padding: 5px 15px;

    background-color: #fff;

    float: none;

}



.subscribe h6 {

    float: none;

    color: #02958a;

    line-height: 12px;

    font-size: 12px;

    margin: 12px;

    text-transform: uppercase;

    text-align: center;

}



.subscribe span { color: #6a6969; font-size: inherit;}



.subscribe > div { float: left }



.subscribe form { height: 30px }



.subscribe form input {

    float: none;

    border: 1px solid #ccc;

    width: 33%;

    background: #fff;

    padding: 5px;

    float: left;

    color: #999;

    margin: 0 5px 0 0;

}



.subscribe input.btn-subscribe {

    float: none;

    width: 22%;

    height: 27px;

    padding: 5px 0;

    background: #03958a;

    color: #fff;

    text-transform: uppercase;

    font-size: 11px;

    font-weight: bold;

    text-align: center;

    border-radius: 0;

    -webkit-appearance: none; /* Remove iOS default styles */

    border: none;

}



.subscribe input.btn-subscribe:hover {

    background: #1d378b;

    cursor: pointer;

}



/*------------------------------------*\

    $FOOTER

\*------------------------------------*/



.footer {

    width: 100%;

    clear: both;

    overflow: auto;

    padding: 15px 0;

    text-align: center;

}



.footer p, .footer a {

    font-size: 11px;

    color: #777;

}



.footer a:hover { color: #444 }



.footer-nav { 

    display: none; /* Hide until Sitemap link is clicked */

    margin-bottom: 14px;

}



.footer-nav a {

    font-weight: bold;

    text-transform: uppercase;

    margin: 0 25px;

}



.table {

    margin: 0 auto;

    display: table;

}



.footer ul {

    list-style-type: none;

    margin: 0 auto;

    text-align: left;

}



.footer ul li { float: left; }



.footer ul li ul { margin-top: 10px; }



.footer ul li ul li {

    float: none;

    display: block;

}



.footer ul li ul li a {

    text-transform: none;

    font-size: 11px;

    line-height: 18px;

}



.copyright p { margin-bottom: 0; }



.copyright a { font-weight: normal; }





li.last {

    padding-right: 0;

    margin-right: 0;

}

ul.drink_list {
    padding-left: 26px;
}