/* -------------------

    FONT FACE

---------------------- */

@font-face {
    font-family: "GibsonLight";
    font-weight: normal;
    font-style: normal;
    src: url(//images2.drct2u.com/repo/JDW/desktop/common/04-fonts/Gibson-Light-webfont.woff) format("woff");
}

@font-face {
    font-family: "GibsonRegular";
    font-weight: normal;
    font-style: normal;
    src: url(//images2.drct2u.com/repo/JDW/desktop/common/04-fonts/Gibson-Regular-webfont.woff) format("woff");
}

@font-face {
    font-family: "GibsonSemiBold";
    font-weight: normal;
    font-style: normal;
    src: url(//images2.drct2u.com/content/stylesheets/Gibson-SemiBold-webfont.woff) format("woff");
}

/* -------------------

    VARIABLES

---------------------- */

:root {
	/* gutters */
	--nsr-gutters: 16px;
	
	/* main background colors */
	--nsr-background-color: #fff;
	
	/* font family */
	--nsr-brand-font-primary: "GibsonLight", ;
	--nsr-brand-font-secondary: "GibsonRegular";
	--nsr-brand-font-tertiary: "GibsonSemiBold";
	
	/* general color */
	--nsr-color: #000;

	/* general links */
	--nsr-link-color: var(--nsr-color);
	--nsr-link-hover-color: var(--nsr-color);

	/* breadcrumb */
	--nsr-breadcrumb-container-background-color: #fff;
	--nsr-breadcrumb-margin: 0;
	--nsr-breadcrumb-padding: 0;
	--nsr-breadcrumb-border-color: #e5e5e5;
	--nsr-breadcrumb-border-style: solid;
	--nsr-breadcrumb-border-width: 1px 0 1px 0;
	--nsr-breadcrumb-divider-display: none;
	--nsr-breadcrumb-divider-content: ">";
	--nsr-breadcrumb-divider-color: var(--nsr-color);
	--nsr-breadcrumb-font-family: var(--nsr-brand-font-secondary);
	--nsr-breadcrumb-font-size: 14px;
	--nsr-breadcrumb-font-weight: normal;
	--nsr-breadcrumb-line-height: 18px;
	--nsr-breadcrumb-text-transform: normal;
	--nsr-breadcrumb-current-color: var(--nsr-color);
	--nsr-breadcrumb-link-text-color: var(--nsr-link-color);
	--nsr-breadcrumb-link-text-decoration: none;
	--nsr-breadcrumb-link-text-hover-color: var(--nsr-link-hover-color);
	--nsr-breadcrumb-link-hover-text-decoration: none;
	--nsr-breadcrumb-link-padding: var(--nsr-gutters);
	--nsr-breadcrumb-link-first-child-padding: var(--nsr-gutters);
	--nsr-breadcrumb-icon-display: flex;
	--nsr-breadcrumb-li-border-color: #e5e5e5;
	--nsr-breadcrumb-li-border-style: solid;
	--nsr-breadcrumb-li-border-weight: 0 1px 0 0;
	/* breadcrumb - desktop */
	--nsr-desktop-breadcrumb-margin: 0;
	--nsr-desktop-breadcrumb-padding: 0 var(--nsr-gutters);
	--nsr-desktop-breadcrumb-border-color: #e5e5e5;
	--nsr-desktop-breadcrumb-border-style: solid;
	--nsr-desktop-breadcrumb-border-width: 0;
	--nsr-desktop-breadcrumb-link-text-decoration: underline;
	--nsr-desktop-breadcrumb-link-first-child-padding: var(--nsr-gutters) var(--nsr-gutters) var(--nsr-gutters) 0;
	
	/* main title and first paragraph */
	--nsr-h1-font-family: var(--nsr-brand-font-tertiary);
	--nsr-h1-color: var(--nsr-color);
	--nsr-h1-text-align: center;
	--nsr-h1-font-size: 26px;
	--nsr-h1-font-weight: normal;
	--nsr-h1-line-height: 32px;
	--nsr-h1-letter-spacing: inherit;
	--nsr-h1-text-transform: normal;
	--nsr-p-font-size: 20px;
	--nsr-p-line-height: 28px;
	--nsr-p-color: var(--nsr-color);
	--nsr-p-strong-color: var(--nsr-color);
	--nsr-p-strong-font-family: var(--nsr-brand-font-tertiary);
	--nsr-p-font-family: var(--nsr-brand-font-primary);

	/* search container */
	--nsr-search-container-margin: calc(var(--nsr-gutters)* 2) var(--nsr-gutters) calc(var(--nsr-gutters)* 2);
	
	/* search suggestions & search again h2 */
	--nsr-h2-color: var(--nsr-color);
	--nsr-h2-font-family: var(--nsr-brand-font-tertiary);
	--nsr-h2-font-weight: normal;
	--nsr-h2-font-size: 20px;
	--nsr-h2-line-height: 28px;
	--nsr-h2-text-transform: normal;
	--nsr-h2-letter-spacing: 0px;

	/* search suggestions & search again box-shadow */
	--nsr-search-container-box-shadow: none;
	
	/* search suggestions */
	--nsr-search-suggestions-border-radius: var(--shape-4);
	--nsr-search-suggestions-background-color: #f5f5f5;
	--nsr-search-suggestions-padding: 24px;
	--nsr-search-suggestions-list-font-size: 16px;
	--nsr-search-suggestions-list-margin: 0 0 calc(var(--nsr-gutters)/4);
	
	/* search again */
	--nsr-search-again-border-radius: var(--shape-4);
	--nsr-search-again-background-color: #f5f5f5;
	--nsr-search-again-padding: 24px;
	--nsr-search-again-label-font-size: 16px;
	--nsr-search-again-label-color: var(--nsr-color);
	--nsr-search-again-input-border: 2px solid #e5e5e5;
	--nsr-search-again-input-active-border: 2px solid #0066cc;
	--nsr-search-again-input-color: var(--nsr-color);
	--nsr-search-again-input-background-color: #fefefe;
	--nsr-search-again-input-active-background-color: #fefefe;
	--nsr-search-again-input-padding: var(--nsr-gutters);
	--nsr-search-again-input-margin: 0 var(--nsr-gutters) 0 0;
	--nsr-search-again-input-border-radius: var(--shape-4);
	--nsr-search-again-input-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.16);
	--nsr-search-again-button-color: #fff;
	--nsr-search-again-button-background-color: #208636;
	--nsr-search-again-button-active-background-color: #216e32;
	--nsr-search-again-button-border: 1px solid transparent;
	--nsr-search-again-button-border-radius: var(--shape-4);
	--nsr-search-again-button-font-size: 16px;
	--nsr-search-again-button-font-weight: 600;
	--nsr-search-again-button-background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400;' xml:space='preserve'%3e%3cpath fill='%23FFFFFF' d='M365.6,320.3l-69.1-69.1C312,228.3,321,200.7,321,171c0-79.4-64.6-144-144-144C97.6,27,33,91.6,33,171 c0,79.4,64.6,144,144,144c26.3,0,51-7.1,72.2-19.5l70.6,70.6c5.2,5.2,13.7,5.2,19,0l26.8-26.8C370.8,334.1,370.8,325.6,365.6,320.3z M87,171c0-49.6,40.4-90,90-90s90,40.4,90,90s-40.4,90-90,90S87,220.6,87,171z'/%3e%3c/svg%3e");
}

/* -------------------

    BRAND - TWEAKS

---------------------- */

.no-search-results .search-again__input-button input {
	font-size: 16px;
}
.no-search-results .search-again__input-button button {
	border: none;
}
.no-search-results .search-again__input-button button:after {
	height: 24px;
	width: 24px;
    background-size: 24px 24px;
}