/* --------------- EXTERNAL and APP LINK ICONS ------------------*/

/* Automatically add appropriate icon to external links */

a[href^="https://"]:before,
a[href^="https://"]:not([href*="www.virginia.gov"]):before, /*except for anything pointing to Virginia.gov -- commonBanner*/
/*For some reason, .asp and .aspx need their own declaration of rules*/
a[href$='.aspx']:before {
    content: url('../images/icons/web.png');    
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-left: 5px;
    padding-right: 5px;    
    vertical-align: middle;
}

/*Removes external link from in front of app links of pdf, word, excel, ppt ---- focuses on type of file instead*/
a[href$='.pdf']::before,
a[href$='.doc']::before,
a[href$='.docx']::before,
a[href$='.xls']::before,
a[href$='.xlsx']::before,
a[href$='.ppt']::before,
a[href$='.pptx']::before,
a[href$='.pps']::before {
    content: none;
}


/*Add PDF icon to any link that ends in .pdf*/
a[href$='.pdf']::after {
    content: url('../images/icons/pdf.gif');
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-left: 5px;
    vertical-align: middle;
}


/*Add Word icon to any link that ends in .doc, .docx*/
a[href$='.doc']::after,
a[href$='.docx']::after {
    content: url('../images/icons/doc.gif');
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-left: 5px;
    vertical-align: middle;
}

/*Add Excel icon to any link that ends in .xls, .xlsx*/
a[href$='.xls']::after,
a[href$='.xlsx']::after {
    content: url('../images/icons/xls.gif');
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-left: 5px;
    vertical-align: middle;
}

/*Add PPT icon to any link that ends in .ppt, .pptx*/
a[href$='.ppt']::after,
a[href$='.pptx']::after,
a[href$='.pps']::after {
    content: url('../images/icons/ppt.gif');
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-left: 5px;
    vertical-align: middle;
}


/* Add Icon to email links */
a[href^=mailto]::before {
    content: url('../images/icons/mail_sm.png');
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-right: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}

/*Add Movie icon to any link that ends in .wmv*/
a[href$='.wmv']::after {
    content: url('../images/icons/wmv.png');
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-left: 5px;
    vertical-align: middle;
}

/* Add class to remove external link icon - currently used for footer and google directions link in VABOARD*/
.noext a[href^="https://"]:before, /*THIS NEEDS TO BE CHANGED BEFORE LAUNCH AND FOR STAGING TO TEST*/
.noext a[href^="https://"]:before {
    content: none;
}

/* Add class to remove pdf icon from FOOTER ONLY*/
.footPDF a[href$='.pdf']::after {
    content: none;
}

/* Add class to remove external link icon from internal apps pages*/
.apps a[href$='.aspx']:before {
    content: none;
}




/* Add class to external links in menu. items need class="menuexit" added in the nav.htm include ONLY on text <li> that leave site NOT on images*/
.menuexit a[href^="https://"]:after, /*THIS NEEDS TO BE CHANGED BEFORE LAUNCH AND FOR STAGING TO TEST*/
.menuexit a[href^="https://"]:after {
    content: url('../images/icons/right-arrow15.png');
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-left: 5px;
    vertical-align: middle;
}



/*Formatting below is ONLY to be used in UL for large lists - need to add class to UL of "iconlist"* - Example: vaboard.org/links.htm ---- Need to double-check for hard-coded internal links*/

ul.iconlist a[href^="https://"]:before,
ul.iconlist a[href^="https://"]:before {
    content: url('../images/icons/web.png'); /*icon is 20x20, canvas is 25 wide, with icon left aligned*/    
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-left: 5px;    
    vertical-align: middle;
    margin-left: -30px; /* This overrides the main external icon to allow for alignment with list items that do NOT have icons */
}

ul.iconlist a[href$='.pdf']:not(.owl-item)::after { /*This removes the PDF from the end of a line ONLY in the UL with class "ext"*/
    content: none;
}

ul.iconlist a[href$='.pdf']:not(.owl-item)::before {
    content: url('../images/icons/pdfList.gif'); /*icon is 20x20, canvas is 25 wide, with icon left aligned*/
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-left: 5px;
    vertical-align: middle;
    margin-left: -30px; /*Keeps icons and items without icon left-justified*/
    line-height: 20px; /*Keeps line spacing even if there is no icon*/
}

ul.iconlist a[href$='.doc']:not(.owl-item)::after,
ul.iconlist a[href$='.docx']:not(.owl-item)::after { /*This removes the doc from the end of a line ONLY in the UL with class "ext"*/
    content: none;
}

ul.iconlist a[href$='.doc']:not(.owl-item)::before,
ul.iconlist a[href$='.docx']:not(.owl-item)::before {
    content: url('../images/icons/docList.gif'); /*icon is 20x20, canvas is 25 wide, with icon left aligned*/
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-left: 5px;
    vertical-align: middle;
    margin-left: -30px; /*Keeps icons and items without icon left-justified*/
    line-height: 20px; /*Keeps line spacing even if there is no icon*/
}



ul.iconlist a[href$='.xls']:not(.owl-item)::after,
ul.iconlist a[href$='.xlsx']:not(.owl-item)::after { /*This removes the xls from the end of a line ONLY in the UL with class "ext"*/
    content: none;
}

ul.iconlist a[href$='.xls']:not(.owl-item)::before {
    content: url('../images/icons/xlsList.gif'); /*icon is 20x20, canvas is 25 wide, with icon left aligned*/
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-left: 5px;
    vertical-align: middle;
    margin-left: -30px; /*Keeps icons and items without icon left-justified*/
    line-height: 20px; /*Keeps line spacing even if there is no icon*/
}


ul.iconlist a[href$='.ppt']:not(.owl-item)::after,
ul.iconlist a[href$='.pptx']:not(.owl-item)::after { /*This removes the ppt from the end of a line ONLY in the UL with class "ext"*/
    content: none;
}

ul.iconlist a[href$='.ppt']:not(.owl-item)::before {
    content: url('../images/icons/pptList.gif'); /*icon is 20x20, canvas is 25 wide, with icon left aligned*/
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-left: 5px;
    vertical-align: middle;
    margin-left: -30px; /*Keeps icons and items without icon left-justified*/
    line-height: 20px; /*Keeps line spacing even if there is no icon*/
}

ul.pList {
    margin-bottom: /*10px*/ 0px;
    margin-top: 0;
    line-height: 30px;
}