/* Theme overrides */

html, body, .w3-default-font {
    font-family: Roboto, sans-serif;
    font-size: 14px;
}

body {
    color: #666666;
}

h1{font-size:1.8em}
h2{font-size:1.6em}
h3{font-size:1.4em}
h4{font-size:1.3em}
h5{font-size:1.2em}
h6{font-size:1.1em}

h1,h2,h3,h4,h5,h6, .w3-top {
    font-family: Oswald, sans-serif;    
    color: #666666;
}

a {text-decoration: none;}

.w3-theme-l5 {color:#000 !important; background-color:#fef4f3 !important}
.w3-theme-l4 {color:#000 !important; background-color:#fdd9d6 !important}
.w3-theme-l3 {color:#000 !important; background-color:#fbb3ae !important}
.w3-theme-l2 {color:#000 !important; background-color:#f98d85 !important}
.w3-theme-l1 {color:#fff !important; background-color:#f6665c !important}
.w3-theme-d1 {color:#fff !important; background-color:#f32617 !important}
.w3-theme-d2 {color:#fff !important; background-color:#e11a0c !important}
.w3-theme-d3 {color:#fff !important; background-color:#c5170a !important}
.w3-theme-d4 {color:#fff !important; background-color:#a91409 !important}
.w3-theme-d5 {color:#fff !important; background-color:#8d1007 !important}

.w3-lighter-grey,.w3-hover-lighter-grey:hover,.w3-lighter-gray,.w3-hover-lighter-gray:hover{color:#666 !important;background-color:#fafafa!important}

.w3-white, .w3-hover-white:hover {
    color: #666666 !important;
    background-color: #fff !important;
}

.w3-theme-grey {color:#fff !important; background-color:#ccc !important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#cc0502!important}
.w3-text-red,.w3-hover-text-red:hover{color:#cc0502!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}

.w3-theme-transparent {color: inherit; background-color: transparent;}

.w3-theme-light {color:#000 !important; background-color:#fef4f3 !important}
.w3-theme-dark {color:#fff !important; background-color:#8d1007 !important}
.w3-theme-action {color:#fff !important; background-color:#8d1007 !important}

.w3-theme {color:#fff !important; background-color:#f44336 !important}
.w3-text-theme {color:#f44336 !important}
.w3-border-theme {border-color:#f44336 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#f44336 !important}
.w3-hover-text-theme:hover {color:#f44336 !important}
.w3-hover-border-theme:hover {border-color:#f44336 !important}

.w3-padding-top-16{padding-top:16px!important;}
.w3-padding-top-32{padding-top:32px!important;}
.w3-padding-top-64{padding-top:64px!important;}
.w3-padding-right-16{padding-right:16px!important;}
.w3-padding-right-32{padding-right:32px!important;}
.w3-padding-right-64{padding-right:64px!important;}
.w3-padding-bottom-16{padding-bottom:16px!important;}
.w3-padding-bottom-32{padding-bottom:32px!important;}
.w3-padding-bottom-64{padding-bottom:64px!important;}
.w3-padding-left-16{padding-left:16px!important;}
.w3-padding-left-32{padding-left:32px!important;}
.w3-padding-left-64{padding-left:64px!important;}

.w3-margin-top-16{margin-top:16px!important;}
.w3-margin-top-32{margin-top:32px!important;}
.w3-margin-top-64{margin-top:64px!important;}
.w3-margin-right-16{margin-right:16px!important;}
.w3-margin-right-32{margin-right:32px!important;}
.w3-margin-right-64{margin-right:64px!important;}
.w3-margin-bottom-16{margin-bottom:16px!important;}
.w3-margin-bottom-32{margin-bottom:32px!important;}
.w3-margin-bottom-64{margin-bottom:64px!important;}
.w3-margin-left-16{margin-left:16px!important;}
.w3-margin-left-32{margin-left:32px!important;}
.w3-margin-left-64{margin-left:64px!important;}

.w3-card,.w3-card-2{box-shadow:0 4px 2px 0 rgba(0,0,0,0.16),0 2px 5px 0 rgba(0,0,0,0.12)}
.w3-card-4, .w3-hover-shadow:hover {box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 8px 3px 0 rgba(0,0,0,0.19);}

.w3-content{max-width:1320px;}

.w3-dropdown-click {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;  
}

.w3-container.no-x-pad {
    padding-left: 0;
    padding-right: 0;
}

.w3-container.l3:nth-child(4n+5),
.w3-container.l3:first-child {
    padding-left: 0;
    padding-right: 32px;
}

.w3-container.l3:nth-child(4n+4) {
    padding-right: 0;
    padding-left: 32px;
}

/* Theme */

/* General */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

p {
    font-size: 1em;
    line-height: 1.5;
    font-family: Roboto;
}

a {
    font-size: 1em;
    color: #666666;
    text-decoration: none;
}

p a {
    color: #CC0502;
}

td, .td {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
}

main {
    margin-top: 20px;
    background-color: #fafafa;
}

footer {}

footer a {
    color: #bababa;
}

footer h2 {
    font-family: Roboto, sans-serif;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    float: left;
    padding-left: 0px !important;
    padding-right: 15px;
    min-width: 17%;
}

footer p {
    min-width: 83%;
    display: block;
    color: #bababa;
}

.loader {
    display: none;
}

/* Menu */

#top-menu {
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    font-family: Roboto, sans-serif;
    height: 54px;
}

#main-menu {
    position: relative;
}

#main-menu .menu-entry {
    text-decoration: none;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #CC0502;
    font-size: 1.2em;
    background-color: transparent;
    position: unset;
    padding-bottom: 32px;
}

#main-menu .w3-dropdown-content {
    text-align: left;
    left: 0;
    width: 100%;
    background-color: white;
    margin-top: 32px;
    min-height: 100%;
    text-transform: none;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    color: #666;
}

#main-menu .card-links {
    font-size: 1.4em;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    border-top: 1px solid #f2f2f2;
}

#main-menu h3 {
    margin-top: 0;
    text-transform: uppercase;
    font-size: 1.2em;
}

#responsive-menu h2 {
    font-size: 0.8em;
}

#responsive-menu h3 {
    font-size: 0.8em;
    padding-left: 16px;
}

#responsive-menu a {
    font-size: 0.7em;
}

/* Tables */

.list-datas dt, .list-datas dd, .list-datas-expanded dt, .list-datas-expanded dd {
    float: left;
    margin: 0;
    margin-bottom: 0px;
}

p.icon-list {
    font-size: 1.5em;
    color: black;
    margin: 0;
}

/* Cards */

.list-cards .w3-card-2 {
     margin-bottom: 4em;
     min-height: 470px;
     max-width: 320px;
}

.list-cards .w3-card-2 img {
    max-width: 100%;
}

.list-cards h3 {
    padding: 0;
    margin: 0.5em 0;
}

.list-cards .title {
    margin: 0 0 0.5em;
    border-top: 1px solid #ccc;
    border-bottom: 1px dashed #ccc;
}

.list-cards .list-datas-expanded {
    font-size: 0.9em;
}

.list-cards .list-datas dt, .list-cards .list-datas-expanded dt {
    width: 57%;
    font-weight: bold;
    clear: both;
    margin-bottom: 0.2em;
    padding-right: 1%;
}

.list-cards .list-datas dd, .list-cards .list-datas-expanded dd {
    width: 43%;
}

.list-cards p.icon-list i {
    padding: 0 10px 0 0;
}

.list-cards p.icon-list .w3-text {
    font-size: 0.7em;
}

table th {
    padding-left: 0.5em;
}

/* HHM */
input.hhm-search {
    background-color: #b40d1d;
    color: white;
    text-transform: uppercase;
    border: none;
    padding-left: 40px !important;
    background-image: url(/site/templates/images/search-icon.png);
    background-position: 10px center;
    background-repeat: no-repeat;
}

/* HHM Nav */
.hhm-lang-menu {
    background-color: #cc0502;
}

.hhm-lang-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}
    
.hhm-lang-menu ul li {
    display:inline-block;
    background-color: #cc0502;
}

.hhm-lang-menu a {
    display:block;
    padding:0 10px; 
    color:#FFF;
    line-height: 60px;
    text-decoration:none;
}

.hhm-lang-menu a:hover { 
    background-color: #F6F6F6; 
    color: #cc0502;
}

/* Hide Dropdowns by Default */
.hhm-lang-menu ul ul {
    display: none;
    position: absolute; 
    top: 60px; /* the height of the main nav */
}

.hhm-lang-menu ul ul li {
  background-color: #F6F6F6;
}

.hhm-lang-menu ul ul li a {
  color: #cc0502;
}

.hhm-lang-menu ul ul li a:hover {
  color: #fff;
  background-color: #cc0502;
}

/* Display Dropdowns on Hover */
.hhm-lang-menu ul li:hover > ul {
    display:inherit;
}
    
/* Fisrt Tier Dropdown */
.hhm-lang-menu ul ul li {
    width:170px;
    float:none;
    display:list-item;
    position: relative;
}

/* Second, Third and more Tiers */
.hhm-lang-menu ul ul ul li {
    position: relative;
    top:-60px; 
    left:170px;
}

    
/* Change this in order to change the Dropdown symbol
.hhm-lang-menu li > a:after { content:  ' +'; }
.hhm-lang-menu li > a:only-child:after { content: ''; } */