body{
font-family:'Source Sans 3',sans-serif;
}

h1,h2,h3,h4{
font-family:'Libre Baskerville',serif;
}
/* HEADER */

.hd-header{
background:#fff;
border-bottom:1px solid #eaeaea;
position:sticky;
top:0;
z-index:999;
font-family:Arial,Helvetica,sans-serif;
}

/* TOP ROW */

.hd-top{
max-width:1220px;
margin:auto;
display:flex;
align-items:center;
padding:18px 20px;
}

/* LOGO */

.hd-logo img{
height:50px;
width:auto;
display:block;
}

/* SEARCH */

.hd-search{
display:flex;
width:38%;
margin-left:210px;   /* move search right */
}

.hd-search input{
flex:1;
padding:9px 12px;
border:1px solid #ddd;
border-right:none;
font-size:13px;
outline:none;
border-radius:4px 0 0 4px;
}

.hd-search-btn{
background:#ff6b35;
border:1px solid #ff6b35;
color:#fff;
padding:9px 16px;
font-weight:700;
cursor:pointer;
border-radius:0 4px 4px 0;
font-size:13px;
}

/* UTILITY LINKS */

.hd-utility{
margin-left:auto;
display:flex;
gap:22px;
}

.hd-utility a{
text-decoration:none;
font-size:12px;
font-weight:700;
letter-spacing:.6px;
color:#444;
}

/* MENU ROW */

.hd-menu-row{
max-width:1220px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
padding:10px 20px;
border-top:1px solid #eee;
}

/* MAIN MENU */

.hd-menu{
display:flex;
gap:24px;
white-space:nowrap;
}

.hd-menu a{
text-decoration:none;
font-size:12px;
font-weight:700;
letter-spacing:.7px;
color:#222;
}

/* SUBMIT BUTTON */

.hd-orange-btn{
background:#ff6b35;
color:#fff;
text-decoration:none;
padding:7px 14px;
font-size:12px;
font-weight:700;
border-radius:4px;
}

/* HOVER */

.hd-menu a:hover,
.hd-utility a:hover{
color:#ff6b35;
}
/* MENU TOGGLE ICON */

.hd-menu-toggle{
display:none;
flex-direction:column;
gap:4px;
margin-left:auto;
cursor:pointer;
}

.hd-menu-toggle span{
width:24px;
height:3px;
background:#222;
display:block;
}


/* MOBILE */

@media (max-width:768px){

/* show menu icon */

.hd-menu-toggle{
display:flex;
}

/* hide desktop utility */

.hd-utility{
display:none;
}

/* search full width */

.hd-search{
width:100%;
margin-left:0;
margin-top:10px;
}

/* stack top */

.hd-top{
flex-wrap:wrap;
}

/* hide menu by default */

.hd-menu-row{
display:none;
flex-direction:column;
align-items:flex-start;
gap:12px;
}

/* open menu */

.hd-menu-row.active{
display:flex;
}

/* vertical menu */

.hd-menu{
flex-direction:column;
gap:10px;
width:100%;
}

.hd-menu a{
font-size:13px;
padding:6px 0;
}

/* submit button full width */

.hd-orange-btn{
width:100%;
text-align:center;
padding:10px;
}

}