/*
<!---
HISTORY:
01/12/24 (GF) CFCOOP-9600 - Hyundai Marketing Covenant Homepage
--->
*/

/* /////////////////// */
/* Bootstrap overrides */
.navbar {
    margin-bottom: 0px;
    border-radius: 0px;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #a36b4f;
}
a {
    color: #002856;
}
a:hover {
    color: #002856;
}
@media (min-width: 768px){
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
         margin-left: 0px;
    }
}
@media (min-width: 1300px){
    .container {
        width: 1280px;
    }
}


/*******************************************/
/* Global */
    html {
        background: none;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    body {
        background-color: transparent;
        font-family: "Genesis Sans Text";
        font-size: 14px;
 		margin:0px 25px;
        color: #010101;
    }
    #main-container {
/*        border: 1px solid #010101;*/
/*        background-color: #ffffff;*/
    }
    header {
        background-color: #fff;
    }
    header .firstLevelNav {
        border-width: 0px;
    }
    header .firstLevelNav .navbar-brand {
        height: auto;
/*        margin-top: 21px;*/
        margin-left: 15px;
        padding: 0px;
    }

    header .firstLevelNav .navbar-header {
        height: 94px;
        font-family: "Genesis Sans Text";
        font-size: 21px;
    }
    header .firstLevelNav .navbar-header .navbar-text {
        color: #002856;
        margin-top: 35px;
    }
    header .firstLevelNav .navbar-collapse {
/*        font-weight: bold;*/
    }
    header .firstLevelNav .navbar-collapse {
/*        text-transform: uppercase;*/
    }
    header .firstLevelNav .navbarSeperators{
        color: #002856;
        position: relative;
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 20px;
    }
    header .firstLevelNav .navbar-nav > li > a {
        color: #002856;
    }
    header .firstLevelNav .navbar-nav > li > a:hover {
        color: #002856;
    }

    main {
	 /* Case # 64362 HMA Marketing Covenant Website Updates
	    background: url(/includes/hyundaichi/img/compliance_content_bg.jpg) no-repeat top right;

        padding-bottom: 30px;
        background: url(/includes/hyundaichi/img/2018_Kona_Ultimate_Blue_0002_Camping.jpg) no-repeat top right;
     */
        padding-bottom: 30px;
    }
    footer {
        color: #002856;
        text-align: center;
        font-size: 11px;
        opacity: 0.6;
        margin: 1em auto 1em;
    }
    footer .copy {
        font-size: 10px;
        padding-bottom: 1em;
    }
    footer .copyright, footer .reserved {
        font-size: 10px;
    }
@media (min-width: 768px){
    header .firstLevelNav .navbar-collapse {
        margin-top: 41px;
    }
    #main-container {
        margin-top: 45px;
    }
    header .firstLevelNav {
        height: 94px;
    }
}





/*******************************************/
/* Header */
header .secondLevelNav {
    display: none;
}
header .secondLevelNav div {
    float: left;
    height: 100%;
    padding:  0px 8px;
    display: table;
    text-align: center;
}
header .secondLevelNav div:first-of-type {
    padding-left: 15px;
}
header .secondLevelNav span {
    display: table-cell;
    vertical-align: middle;
}
header .secondLevelNav a {

    color: #ffffff;
    display: table-cell;
    vertical-align: middle;header .secondLevelNav {
    display: none;
}
@media (min-width: 768px){
    header .secondLevelNav {
        font-family: "Genesis Sans Text";
        height: 45px;
        background-color: #c2c2c2;
        color: #3c3c3c;
        display: table;
        width: 100%;
    }
}
@media (min-width: 991px){
    header .secondLevelNav div.seperation {
        padding:  0px 15px;
    }
}
@media (min-width: 1200px){

}
}
@media (min-width: 768px){
    header .secondLevelNav {
        font-family: "Genesis Sans Text";
        height: 45px;
        background-color: #8b9297;
        color: #ffffff;
        display: table;
        width: 100%;
    }
}
@media (min-width: 991px){
    header .secondLevelNav div.seperation {
        padding:  0px 15px;
    }
}
@media (min-width: 1200px){

}




/*******************************************/
/* Main */
    main .boxContainer {
		margin-left: 15px;
    }
    main .infoBox {
        background: rgba(256,256,256,0.8);
        width: auto;
        height: auto;
        margin-left: 10px;
        font-size: 15px;
        color: #010101;
        padding: 20px;
    }
    main .infoBox div:first-of-type {
        border-bottom: 1px solid #9a9a9a;
        margin-bottom: 1em;
    }
    main .infoBox div:nth-of-type(2)  {
        padding-right: 5px;
    }
    main .infoBox h2 {
        font-family: "Genesis Sans Text";
        font-size: 24px;
        margin-top: 0px;
        line-height: 1.5;
        color: #002856;
    }
    main .infoBox h3 {
        font-family: "Genesis Sans Head";
        font-size: 20px;
        margin-top: 0px;
        color: #002856;
    }
    main .infoBox p {
        margin: 1em 0 10px;
    }
    main .infoBox a {
/*        font-weight: bold;*/
        color: #a36b4f;
    }


    main .callToActionBox {
        background: rgba(256,256,256,0.8);
        padding: 1em;
        margin-right: 15px;
        margin-top: 1em;
    }
    main .callToActionBox h3 {
        font-family: "Genesis Sans Head";
        font-size: 20px;
        margin-top: 0px;
        color: #002856;
    }
    main .callToActionBox .glyphicon {
        font-size: .75em;
    }
@media (min-width: 384px){
    main .infoBox {
        width: 510px;
        height: 220px;
        margin-top: 70px;
    }
    main .infoBox div:first-of-type {
        border-right: 1px solid #9a9a9a;
        border-bottom-width: 0px;
        height: 100%;
    }
    main .callToActionBox {
        float: left;
        width: 31.2%;
        height: 155px;
        margin-top: 20px;
    }
}
@media (min-width: 991px){
    main .callToActionBox {
        float: left;
        width: 31.75%;
        height: 140px;
        margin-top: 35px;
    }
}
@media (min-width: 1200px){
    main .infoBox a {
        color: #002856;
    }
    main .callToActionBox {
        float: left;
        width: 32%;
        height: 120px;
        margin-top: 55px;
    }
}
td {
	text-align: left;
}

#content .saagHeader {
	font-weight:bold;
	background-color:#EBEBEB;
	text-align:center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

#content .saagDetail {
	text-align:center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}