/* -------------------------------------------------------

Theme Name: I-CAR Australia
Theme URI: http://fireworkswebsites.com.au
Description: Custom theme for I-CAR Australia

Author: Fireworks Websites
Author URI: http://fireworkswebsites.com.au
Version: 1.0

#005790 - menu background, link, etc, dark #004573
#575E69 - middle background
#006CB4 - i-car blue, dark #005790
#E13A00 - orange, dark #b42e00

------------------------------------------------------- */

.container {
    width: 1170px;
}

@media (max-width: 1200px) {
    .container {
        width: 100%;
    }
}

h1 {
    font-family: "proxima-nova", serif;
    font-size: 24px;
    text-transform: uppercase;
}

a {
    color: #0072BC;
}

.btn-icar, .btn-icar-blue, input#searchsubmit:hover, input[type="submit"] {
    background: #E13A00;
    color: white;
    text-transform: uppercase;
    padding: 6px 15px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
}

.btn-icar:hover, .btn-icar:active, .btn-icar:focus, input[type="submit"]:hover {
    background: #B42E00;
    color: white;
}

.blue-bg, .btn-icar-blue {
    background: #005790;
}

.btn-icar-blue:hover, .btn-icar-blue:active, .btn-icar-blue:focus {
    background: #004573;
    color: white;
}

.btn-lng {
    max-width: 180px;
    width: 100%;
}

.btn-sub {
    max-width: 376px;
    width: 100%;
    font-weight: bold;
    color: white;
}

.btn-grid .btn-sub {
    margin-bottom: 5px;
    padding: 20px 5px;
    letter-spacing: 1px;
    text-transform: none;
}

.pro-level-1 {
    background: #ffff00;
    border-color: #ffff00;
    color: black;
}

.pro-level-1:hover {
    background: #e6e600;
    color: black;
}

.pro-level-1:active, .pro-level-1:focus {
    background: #cccc00;
    color: black;
}

.pro-level-2 {
    background: #8db4e2;
    border-color: #8db4e2;
    color: black;
}

.pro-level-2:hover {
    background: #85afe0;
    color: black;
}

.pro-level-2:active, .pro-level-2:focus {
    background: #71a2da;
    color: black;
}

.pro-level-3 {
    background: #948a54;
    border-color: #948a54;
    color: black;
}

.pro-level-3:hover {
    background: #837a49;
    color: black;
}

.pro-level-3:active, .pro-level-3:focus {
    background: #726b40;
    color: black;
}


a:hover, a:focus, a:active {
    color: #004573;
    text-decoration: none;
}

#logo {
    position: absolute;
    /*padding: 20px;*/
    max-height: 94px;
    width: auto;
}

.header-search-bar {
    background: #005790;
    padding: 10px;
}

nav {
    position: relative;
    height: 94px;
}

.sub-menu {
    box-shadow: 0 8px 8px rgba(0, 0, 0, .1);
}

.header-search-bar select {
    border: 1px solid white;
    padding: 5px;
    width: 78%;
    margin-right: 2%;
    position: relative;
    float: left;
}

.header-search-bar .btn-icar {
    width: 20%;
    float: left;
    height: 33px;
}

.clear {
    clear: both;
}

@media (max-width: 768px) {
    .header-search-bar select {
        margin-bottom: 10px;
    }
}

.responsive-menu {
    text-transform: uppercase;
    color: #272727;
    font-size: 24px;
    float: right;
    padding-top: 0;
    font-family: 'proxima-nova', sans-serif;
}

.responsive-menu i {
    font-size: 22px;
    position: relative;
    top: -2px;
}

.secondary-menu i {
    font-size: 24px;
}

.secondary-menu {
    float: right;
    margin-top: 7px;
    margin-right: 20px;
}

.secondary-menu a {
    display: inline-block;
    margin-left: 15px;
    font-size: 24px;
}

.secondary-menu a:hover {
    text-decoration: none;
}

#myicar {
    width: auto;

    position: relative;
    top: -2px;
}

@media (max-width: 597px) {

    #sf-menu {
        text-align: left;
    }

    #logo {
        position: static;
    }

    #myicar {
        position: absolute;
        bottom: -38px;
        left: 20px;
    }

    .responsive-menu {
        margin-right: 20px;
    }

    #mainnav .container-header {
        position: relative;
    }

    #mainnav {
        text-align: center;
    }

    .secondary-menu {
        float: none;
    }
}

.front-page h1 {
    font-size: 42px;
    font-weight: 100;
}

#homeslider .caption {
    position: absolute;
    z-index: 1;
    /*top: 50%;*/
    bottom: 100px;
    width: 1140px;
    text-align: center;
    right: 0;
    left: 0;
    max-width: 100%;
    margin: 0 auto;
}

#homeslider .caption p {
    /*width: 30%;*/
}

.caption a.btn.btn-icar {
    font-size: 28px;
}

#homeslider .slide {
    position: relative;
}

#homeslider .caption p {
    color: white;
    font-family: 'proxima-nova', sans-serif;
    font-size: 24px;
    text-shadow: 1px 1px 1px black;
}

#homeslider .caption p,
#homeslider .caption h1,
#homeslider .caption h2,
#homeslider .caption h3,
#homeslider .caption h4,
#homeslider .caption h5,
#homeslider .caption h6,
#homeslider .caption li {
    color: white;
}

.h_slide .lSSlideOuter .lSPager.lSpg > li a {
    background-color: rgba(255, 255, 255, .5);
    height: 15px;
    width: 15px;
}

.h_slide .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: white;
}

.h_slide .lSSlideOuter .lSPager.lSpg {
    position: absolute;
    bottom: 45px;
    z-index: 100;
    left: 0;
    right: 0;
}

.h_slide:after, .h_slide:before {
    content: '';
    display: block;
    background: transparent;
    height: 15px;
    width: 50%;
    position: absolute;
    z-index: 2;
    bottom: 0;
    /* border-left: 0px; */
    border-right: 40px solid transparent;
    border-bottom: 20px solid white;
}

.h_slide:before {
    right: 0;
    border-left: 40px solid transparent;
    border-right: 0;
}

.h_slide {
    position: relative;
    margin-bottom: 30px;
}

@media (max-width: 1170px) {
    #homeslider .caption {
        left: 20px;
        top: 20%;
    }

    #homeslider .caption p {
        width: 60%;
    }

    .caption a.btn.btn-icar {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    #homeslider .caption p {
        font-size: 16px;
        width: auto;
    }

    .h_slide .lSSlideOuter .lSPager.lSpg {
        bottom: 20px;
    }

    .caption a.btn.btn-icar {
        font-size: 18px;
    }
}

@media (max-width: 450px) {

    #homeslider .caption {
        left: 0;
        top: 0;
    }

    #homeslider .caption p {
        font-size: 16px;
    }

    #homeslider .caption a {
        font-size: 14px;
    }
}

footer {
    background: #004573;
    padding: 20px;
    color: white;
    margin-top: 30px;
}

footer a {
    color: rgba(255, 255, 255, 0.8);
}

footer a:hover {
    color: white;
}

footer a i {
    margin-left: 15px;
}

footer p {
    margin-bottom: 0;
}

.featured-slider-bg {
    background: #575E69;
    padding: 40px 30px 30px 30px;
    margin-bottom: 30px;
    position: relative;
}

.featured-slider-bg:before, .featured-slider-bg:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    background: transparent;
    width: 60px;
    height: 20px;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
    border-top: 20px solid white;
    z-index: 1;
}

.featured-slider-bg:before {
    top: 0;
}

.featured-slider-bg:after {
    bottom: -20px;
    border-top-color: #575E69;
}

#featuredslider {
    height: auto !important;
}

#featuredslider img {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    margin: 15px 0;
}

#featuredslider .slide {
    padding: 0 15px;
}

#featuredslider a .slide {
    color: white;
}

#featuredslider a:hover {
    color: white;
    text-decoration: none;
    cursor: pointer;
}

#featuredslider .slide .featured-heading {
    font-size: 30px;
    color: white;
    text-align: center;
    font-weight: 100;
}

.manufacturers {
    margin-top: 30px;
}

a.manufacturer:nth-of-type(4n+1) div {
    clear: both;
}

.manufacturer div .heading, .single-top-member .heading {
    font-family: 'proxima-nova', sans-serif;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: bottom;
    margin-bottom: 30px;
}

.manufacturer div .heading:after, .single-top-member .heading:after {
    width: 50px;
    content: '';
    height: 2px;
    background: #E13A00;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}

.upcoming-course p {
    margin-bottom: 0;
}

.upcoming-course {
    margin-bottom: 10px;
    overflow: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.upcoming-course:last-of-type {
    border-bottom: 0;
}

.upcoming-course .day {
    font-size: 38px;
    display: block;
    line-height: 1em;
}

.upcoming-course .month {
    font-size: 22px;
    text-transform: uppercase;

}

.course-date {
    margin-right: 15px;
}

.upcoming {
    display: inline-block;
    margin-bottom: 40px;
}

h2 {
    font-family: 'proxima-nova', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 36px;
    line-height: 1.5em;
}

.course {
    overflow: auto;
    padding: 10px 0;
}

.press-title {
    font-size: 20px;
}

.press-date {
    color: #444;
    margin-bottom: 0;
}

.press-article {
    margin-bottom: 10px;
    overflow: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.press-article:last-of-type {
    border-bottom: 0;
}

.no-margin {
    margin: 0;
}

.single-course-calendar {
    padding-top: 5px;
    padding-bottom: 5px;
}

.single-course-calendar:nth-of-type(2n) {
    background: #eee;
}

#cost {
    margin-top: 10px;
    margin-bottom: 10px;
}

.search-result {
    padding: 5px 10px;
}

.search-result:hover {
    background: #eee;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.search-result p:last-of-type {
    margin-bottom: 0;
}

h1 {
    font-size: 36px;
    font-weight: bold;
    color: #006CB4;
    margin-top: 40px;
}

h2 {
    font-size: 30px;
}

.result-title {
    font-weight: bold;
    font-size: 18px;
}

/*@media( min-width: 1280px ) {*/
/*.h_slide {*/
/*height: 450px;*/
/*overflow: hidden;*/
/*}*/

/*.h_slide .slide {*/
/*height: 450px;*/
/*}*/
/*}*/

#sidebar {
    margin-top: 40px;
}

.sidebar-margin {
    height: 40px;
}

#sidebar img {
    margin-bottom: 10px;
}

.updated-label {
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    color: white;
    border-radius: 2px;
    background: #0072BC;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-weight: bold;
    margin-left: 15px;
}

.new-label {
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    color: white;
    background: #E13A00;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-weight: bold;
    margin-left: 15px;
}

iframe, input {
    max-width: 100%;
}

#sidebar input:not([type="submit"]), #sidebar textarea {
    width: 100%;
}

#sidebar input[type="submit"] {
    float: right;
}

@media (max-width: 768px) {
    #sidebar input[type="submit"] {
        width: 100%;
    }
}

#sidebar h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 36px;
    font-family: 'proxima-nova', sans-serif;
}

.contact-heading {
    margin-bottom: 25px;
}

.single-manufacturer-container, .single-top-member, .single-middle-member {
    margin: 0 15px 15px 15px;
    padding: 10px;
    border: 1px solid #ebebeb;
}

.single-manufacturer-container:hover {
    transition: 0.2s;
    font-size: 1.2em;
    margin: 0 10px 15px 10px;
    border: 1px solid #cbcbcb;
}

img, #sidebar div {
    max-width: 100%;
}

.single-top-member, .single-middle-member {
    text-align: center;
    margin: 0 10px 30px 10px;
}

.single-top-member p, .single-middle-member p {
    font-size: 1.2em;
    text-transform: uppercase;
}

.single-top-member:hover, .single-middle-member:hover {
    transition: 0.2s;
    /*font-size: 1.2em;*/
    /* margin: 0 10px 15px 10px; */
    margin: 0 0 30px 0;
    padding: 10px 20px;
    border: 1px solid #cbcbcb;
}

.template-our-members h3 {
    margin-bottom: 30px;
}

.top-members, .middle-members, .other-members {
    overflow: auto;
}

.single-middle-member p {
    font-weight: bold;
}

@media (min-width: 992px) {
    .other-members {
        margin: 0 15px;
    }
}

.single-top-member {
    overflow: auto;
    height: 200px;
    position: relative;
}

.single-middle-member {
    height: 100px;
    position: relative;
}

.single-middle-member img, .single-top-member img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.single-top-member .heading {
    margin: 5px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 15px;
}

.single-top-member img {
    max-width: 200px;
    max-height: 180px;
}

.single-middle-member img {
    max-width: 90px;
    max-height: 90px;
}

.single-middle-member:hover p {
    margin-left: 20px;
    margin-right: 20px;
    transition: 0s;
    -moz-transiton: 0s;
    -webkit-transition: 0s;
}

.single-middle-member p {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 0;
    transition: 0s;
    -moz-transition: 0s;
    -webkit-transition: 0s;
}

.sorting {
    color: #006CB4;
}

#orderbyname:hover, #orderbycode:hover, #orderbydelivery:hover  {
    cursor: pointer;
}

div#sidebar img {
    margin-bottom: 15px;
}

.top-members .col-xs-12:nth-of-type(4n + 1) {
    clear: both;
}

blockquote {
    font-family: 'Open Sans', sans-serif;
}

.states .col-xs-4:nth-of-type(3n + 1) {
    clear: both;
}

.states a {
    display: block;
    margin-bottom: 10px;
}

.gform_body li {
    margin-bottom: 15px;
}

body .container .gform_wrapper label.gfield_label + div.ginput_container {
    margin-top: 0;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 119px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
}

select {
    -webkit-appearance: none;
    background: white;
}

.alignright, .alignleft {
    margin-top: 10px;
}

@media (max-width: 500px) {
    .alignright, .alignleft {
        width: 100%;
        float: none;
        margin: 10px 0 0;
    }
}

.select-arrow:after, .ginput_container_select:after {
    content: '\f0d7';
    font-family: FontAwesome, sans-serif;
    position: absolute;
    left: 73%;
    top: 1px;
    z-index: 0;
    pointer-events: none;
    background: transparent;
    padding: 5px;
    color: #272727;
}

body .gform_wrapper .top_label select.large {
    width: 100%;
}

.ginput_container_select:after {
    right: 15px;
    left: initial;
}

@media (min-width: 768px) {
    #field_2_7 .ginput_container_select:after {
        right: 54%;
    }
}

.select-arrow, .ginput_container_select {
    position: relative;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;

    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

body .gform_wrapper select {
    border: 1px solid #bbb;
    padding: 5px 7px;
}

.btn-danger, .btn-success {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.disable-temp {
    background: rgba(155,155,155, 0.4);
}

#company {
    margin-top: 10px;
    margin-bottom: 5px;
}

.gpnf-dialog .ui-dialog-titlebar {
    background: #005790 !important;
}

.gpnf-dialog .ui-dialog-titlebar-close {
    background: url(http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_888888_256x240.png) repeat scroll -93px -128px rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    width: 20px !important;
    height: 20px !important;
    top: 24px !important;
    right: 1em !important;
}

.gpnf-dialog .ui-dialog-titlebar-close:hover {
    background: url("http://code.jquery.com/ui/1.10.3/themes/smoothness/images/ui-icons_222222_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0) !important;
}

/**
 * DataTables Styling
 */
table.dataTable thead th, table.dataTable thead td {
    padding: 0 10px;
}
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #575e69;
    padding: 5px;
    height: 33px;
    color: #bbb;
}

tr.odd td.sorting_1, tr.even td.sorting_1 {
    background-color: inherit;
}

table.dataTable th, table.dataTable td, table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer {
    border-bottom: 0;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 0;
}

#acf-image-crop-overlay {
    display: none;
}