/* Please note: Twitter Bootrap files located under the framework folder of website. There are other CSS files found under that folder attached via the template */
/* For more information/documentation please visit: http://twitter.github.io/bootstrap/ */

/* Insert Viewport declorations Here */

 /* Extra small devices Phones   */

 /* Small devices Tablets  */

 /* Medium devices Desktops */

 /* Large devices Desktops  */

/* Insert Global Vars Here */

/* Insert Main Styles Here */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap - its a 'mobile first/inherit' approach */

/* Please note, you can now use the http://www.caravanhirenp.co.nz/assets/ rather than http://www.caravanhirenp.co.nz */

body {background-color: #E2ECF1;color:#00000;}

img {max-width:100%;height:auto;}

.navbar-inverse { background-color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #2D80AC !important}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #2D80AC !important}
.dropdown-menu, .dropdown-menu>li>a, .dropdown-menu>li>a { background-color: #FFFFFF}
.dropdown-menu>.active>a, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #2D80AC !important; color: #FFFFFF !important}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border: none; border-top: 5px solid #2D80AC}
.navbar-inverse .navbar-brand { color: #000000 !important}
.navbar-inverse .navbar-brand:hover { color: #2D80AC !important}
.navbar-inverse .navbar-nav>li>a { color: #000000 !important}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF !important}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF !important}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #000000 !important}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF !important}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #000000}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover {border-color: #2D80AC;background-color: #2D80AC}

.btn-default { 
    color: #FFFFFF; 
    background-color: #2D80AC; 
    border-color: #2D80AC; 
} 
 
.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default { 
    color: #FFFFFF; 
    background-color: #276A8F; 
    border-color: #2D80AC; 
} 
 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default { 
    background-image: none; 
} 
 
.btn-default.disabled, 
.btn-default[disabled], 
fieldset[disabled] .btn-default, 
.btn-default.disabled:hover, 
.btn-default[disabled]:hover, 
fieldset[disabled] .btn-default:hover, 
.btn-default.disabled:focus, 
.btn-default[disabled]:focus, 
fieldset[disabled] .btn-default:focus, 
.btn-default.disabled:active, 
.btn-default[disabled]:active, 
fieldset[disabled] .btn-default:active, 
.btn-default.disabled.active, 
.btn-default[disabled].active, 
fieldset[disabled] .btn-default.active { 
    background-color: #2D80AC; 
    border-color: #2D80AC; 
} 
 
.btn-default .badge { 
    color: #2D80AC; 
    background-color: #FFFFFF; 
}

.logo-link img {padding-bottom:5px}

.white {
    background-color: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-bottom:20px;
}

footer {
    margin-top:20px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}    
    
/* Stylesheet: CaravanHireNP Modified On 2015-02-24 13:58:26 */
/* How to use (if you want) define the font sizes by the largest viewport first, this will then use a ratio calcualtion to resize on viewport */






 /* Extra small devices Phones   */

 /* Small devices Tablets  */

 /* Medium devices Desktops */


/* Extra small devices (phones, less than 768px) */

h1{
    font-size:23.4px;
}

h2{
    font-size:19.5px;
}

h3{
    font-size:15.6px;
}
h4{
    font-size:11.7px;
}


footer{
    font-size:12px;
}



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    
    h1{
        font-size:25.2px;
    }

    h2{
        font-size:21px;
    }

    h3{
        font-size:16.8px;
    }
    h4{
        font-size:12.6px;
    }

    
}



/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    
    h1{
        font-size:30.6px;
    }

    h2{
        font-size:25.5px;
    }

    h3{
        font-size:20.4px;
    }
    h4{
        font-size:15.3px;
    }


    footer{
        font-size:13px;
    }

}




/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    
    h1{
        font-size:36px;
    }

    h2{
        font-size:30px;
    }

    h3{
        font-size:24px;
    }

    h4{
        font-size:18px;
    }


    footer{
        font-size:14px;
    }



}
/* Stylesheet: Font Size Ratios Modified On 2014-08-05 15:55:04 */
/*  Important! The Width/Height is now controlled via the CSS, see below  */
/*  The map id matches the current page alias after the '#GoogleMap_'.. see map template for more info */

#GoogleMap_contact-us .Google_Map
{
    height: 350px; 
    width: 100%;
}

.infoBox {
    padding: 0.5em;
    border: 1px solid #555;
    background-color: #fff;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.m_tooltip {
    padding: 0.5em;
    border: 1px solid #555;
    background-color: #fff;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
/* Stylesheet: Google Map Modified On 2014-07-17 08:22:18 */