/* global  */

body{font-size:13px;line-height:1.4}
main{padding:0 10px}

/* text styles */ 

h1,h2,h3{line-height:1.5}
h1{font-size:16px}

/* generic header */

#genericHeader{margin-bottom:30px}
#genericHeader tbody tr:last-child{display:none}
#genericMenu{display:none}

/* agent access header */

#agentHeader{flex-direction:column;gap:20px}
#agentHeader>div:first-child{flex:1;padding-top:15px}
#agentHeader>div:first-child #hsLogo{height:70px;margin-bottom:0}
#agentHeader>div:first-child #agentName{display:none}
#agentHeader>div:last-child{border-left:0}

#agentMenu{display:flex;flex-direction:column;margin-bottom:20px;padding:0}
#agentMenu>div{flex:1;font-size:13px;padding-left:30px}
#agentMenu .item{margin:0}

#agentStars{flex-direction:column;gap:1px;margin:0;width:100%}
#agentStars>div{line-height:1.7}

#agentNav{flex-direction:column;flex-wrap:wrap;gap:10px;line-height:1;padding:10px 0}
#agentNav>div{flex:0 0 100%}

/* list agent tours */

.tourRow{flex-direction:column;font-size:13px;gap:10px;justify-content:center;line-height:1.7;margin:30px 0}
.tourRow>div:first-child,.tourRow>div:nth-child(2),.tourRow>div:nth-child(3),.tourRow>div:last-child{flex:1;text-align:center}
.tourRow>div:first-child{order:1}
.tourRow>div:nth-child(2){order:3}
.tourRow>div:nth-child(3){order:4}
.tourRow>div:last-child{order:2;padding:20px 0}

/* manage tour main - property header */

#tourHeader{flex-direction:column;font-size:13px;gap:10px}
#tourHeader>div,#tourHeader>div:first-child,#tourHeader>div:last-child{flex:1}
#tourManage.twoCol{flex-direction:column;padding:25px 15px}
#tourManage .item{font-size:13px;margin-bottom:20px}
#tourManage .item .itemInfo{box-sizing:border-box;font-size:12px;padding-left:35px;width:100%}

/* tour type tabs */

#tourTypeTabs{gap:10px;flex-wrap:wrap;margin-bottom:10px}
#tourTypeTabs>span{border-radius:5px;flex:0 0 45%;font-size:13px;line-height:1.2;padding:10px 0}
.tourTypeContent{margin-bottom:30px;padding:15px}
.tourTypeContent a{font-size:14px}
.tourTypeContent img{max-width:100%}
#tourTypeFeatures{grid-template-columns:repeat(1,1fr);text-align:center}

/* form layouts */

.field{flex-direction:column;font-size:13px;gap:5px;margin:0 0 20px 0}
.field>div:first-child{flex:0 0 100%;line-height:1.5;text-align:left}
.field>div:last-child{align-self:flex-start;flex:1}