/*
 * --------------------------------------------------
 * Fonts
 * --------------------------------------------------
 */
@font-face {
    font-family: 'source_sans_proitalic';
    src: url('/fonts/sourcesanspro-italic-webfont.eot');
    src: url('/fonts/sourcesanspro-italic-webfont.eot?#iefix') format('eot'),
         url('/fonts/sourcesanspro-italic-webfont.otf') format('opentype'),
         url('/fonts/sourcesanspro-italic-webfont.ttf') format('truetype'),
         url('/fonts/sourcesanspro-italic-webfont.woff') format('woff'),
         url('/fonts/sourcesanspro-italic-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_prolight';
    src: url('/fonts/sourcesanspro-light-webfont.eot');
    src: url('/fonts/sourcesanspro-light-webfont.eot?#iefix') format('eot'),
         url('/fonts/sourcesanspro-light-webfont.otf') format('opentype'),
         url('/fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('/fonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('/fonts/sourcesanspro-light-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_probold';
    src: url('/fonts/sourcesanspro-bold-webfont.eot');
    src: url('/fonts/sourcesanspro-bold-webfont.eot?#iefix') format('eot'),
         url('/fonts/sourcesanspro-bold-webfont.otf') format('opentype'),
         url('/fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('/fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('/fonts/sourcesanspro-bold-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('/fonts/sourcesanspro-regular-webfont.eot');
    src: url('/fonts/sourcesanspro-regular-webfont.eot?#iefix') format('eot'),
         url('/fonts/sourcesanspro-regular-webfont.otf') format('opentype'),
         url('/fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('/fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('/fonts/sourcesanspro-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*
         url('/fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg'),
         url('/fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg'),
         url('/fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg'),
         url('/fonts/sourcesanspro-italic-webfont.svg#source_sans_proitalic') format('svg'),

*/
/*
 * --------------------------------------------------
 * Global Style Tweaks
 * --------------------------------------------------
 */

html,
body {
	overflow-x: hidden; /* Prevent scroll on narrow devices */
    font-family: source_sans_proregular, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.1em;
    line-height: 1.2;
    color: #000 !important;
}

/*
 * --------------------------------------------------
 * Specific Tag Tweaks
 * --------------------------------------------------
 */

p {
    font-family: source_sans_proregular, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}


/*
h1 {
    font-family: source_sans_prolight, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 4em;
    letter-spacing: 0.08em;
}

h2, h3, h4, h5, h6 {
    font-family: source_sans_prolight, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.08em;
}


a {
  color: #428bca;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
*/

a {
  color: #666;
  text-decoration: underline;
}

a:visited {
  color: #999;
}

a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

code {
    color: #000;
    background-color: #fff;
}

textarea {
	width: 100%;
}

blockquote {
    font-family: source_sans_proregular, Helvetica, Arial, sans-serif;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    margin-left: 0 !important;
    padding-left: 0.5em;
    border-left: 0.25em solid #ccc;
    color: #333;
}

/*
label {
	text-transform: uppercase;
	color: #666;
}
*/

/*
 * --------------------------------------------------
 * AutoComplete Styles
 * --------------------------------------------------
 */
.autocomplete-suggestions {
	border: 1px solid #999; 
	background: #FFF; 
	cursor: default; 
	overflow: auto; 
	-webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); 
	-moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); 
	box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); 
}

.autocomplete-suggestion { 
	padding: 2px 5px; 
	white-space: nowrap; 
	overflow: hidden; 
}

.autocomplete-no-suggestion { 
	padding: 2px 5px;
}

.autocomplete-selected { 
	background: #F0F0F0; 
}

.autocomplete-suggestions strong { 
	font-weight: bold; color: #000; 
}

.autocomplete-group { 
	padding: 2px 5px; 
}

.autocomplete-group strong {
	font-weight: bold; 
	font-size: 16px; 
	color: #000; 
	display: block; 
	border-bottom: 1px solid #000;
}

/*
 * --------------------------------------------------
 * Pure Overrides
 * --------------------------------------------------
 */

#menu .pure-menu-selected,
#menu .pure-menu-heading {
    background: #2a6496 !important;
    height: 1.2em !important;
}

.pure-menu .pure-menu-heading {
    text-transform: none;
    font-size: 1.5em !important;
    font-variant: small-caps;
    letter-spacing: 0.05em;
}

.pure-menu a,
.pure-menu .pure-menu-can-have-children > li:after {
    color: #ccc !important;
}

.pure-menu .pure-menu-heading {
    color: #fff !important;
    width: 80% !important;
    padding-left: 10% !important;
    padding-right: 10% !important;
    height: 80% !important;
    padding-top: 10% !important;
    padding-bottom: 10% !important;
}

/*
`.menu-link` represents the responsive menu toggle that shows/hides on
small screens.
*/
    .menu-link:hover,
    .menu-link:focus {
        background: #fff !important;
    }


.menu-link {
    background: #fff !important;
    font-size: 0.8em !important;
    width: 1.5em !important;
    height: 0.15em !important;
    padding-left: 0.25em !important;
    padding-right: 0.25em !important;
}

.menu-link span,
.menu-link span:before,
.menu-link span:after {
    background-color: #000 !important;
}

/*
 * --------------------------------------------------
 * Main Page Divs
 * --------------------------------------------------
 */

#search-page-div {
	display: none;
}

#contact-page-div {
	display: none;
}

#subscribe-page-div {
	display: none;
}

#privacy-policy {
	display: none;
}

#about {
	display: none;
	text-rendering: optimizeLegibility;
}

#faq {
	display: none;
	text-rendering: optimizeLegibility;
}

/*
 * --------------------------------------------------
 * My Styles
 * --------------------------------------------------
 */

#nav-link-social a {
	display: inline;
	margin-top: 0.5em !important;
	margin-right: 0.25em !important;
	padding-top: 0.5em !important;
}

#nav-link-google {
	margin-top: 0.5em !important;
	margin-left: 0 !important;
	padding-top: 0.5em !important;
}

#search-text {
    width: 95%;
    margin-bottom: 1em;
    font-size: 0.9em;
}

#twitter-badge {
	margin-top: 1em;
	margin-left: 0.5em;
}

.site-title {
    font-family: source_sans_prolight, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 4.5em;
    font-variant: small-caps;
    margin-top: -0.5em;
    letter-spacing: 0.08em;
    color: #000;
}

.site-subtitle {
    font-family: source_sans_prolight, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    font-variant: small-caps;
    margin-bottom: 0.75em;
    letter-spacing: 0.08em;
    color: #666;
}

.page-title {
    font-family: source_sans_prolight, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    font-variant: small-caps;
    text-align:center;
    margin-top: 0.5em;
    letter-spacing: 0.08em;
    color: #000;
    display: none;
}


.index-tabs {
    margin-top: 1em;
    margin-bottom: 1em;
}

.index-letter,
.index-letter-selected {
    display: inline-block;
    border: 0.05em solid #ccc;
    margin-left:0;
    margin-right: 0;
    width: 1.05em !important;
    max-width: 1.05em !important;
    text-align:center;
    font-size: 1.25em;
}

.index-letter-selected a {
    width: 1.05em !important;
    max-width: 1.05em !important;
    color: #b22222;
}

.page-header {
    font-size: 1.25em;
    margin-top: 0.25em;
    margin-bottom: -0.75em !important;
    color: #2a6496;
}

.index-header,
.index-header a {
    font-size: 1.25em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    color: #2a6496;
}

.home-page-div {
	display: inline;
	width: 50%;
}

.latest-word {
	padding-left: 0.5em; 
	padding-right: 0.5em; 
	background-color:#f6f6f6;
	padding-top: 0.5em;
	padding-bottom: 0em;
}

.home-page-word {
	font-family: source_sans_probold, Helvetica, Arial, sans-serif;
	font-size: 1.25em;
}

.on-this-date {
	color: #B22222;
}

.content-header {
    font-family: source_sans_prolight, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    font-variant: small-caps;
    letter-spacing: 0.08em;
    text-align: center;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    color: #666;
}

.date-table {
    display: table;
    width: 100%;
}

.date-table div {
    display: table-row;
}

.date-table span {
    width: 50%;
    display: table-cell;
    text-align: right;
    padding-right: 0.5em;
}

.date-table a {
    display: table-cell;
    text-align: left;
    padding-left: 0.5em;
}

.index-words {
    margin-top: 0.5em;
    white-space: pre-line;
}

.add-separator::after {
    content: '\A0\B7';
}

.no-break {
    white-space: nowrap;
}

.no-collapse {
    white-space: pre-wrap;
}

.bolded,
.headword {
    font-family: source_sans_probold, Helvetica, Arial, Arial, sans-serif !important;
    font-style: inherit !important;
}

.italic-headword {
    font-family: source_sans_probold, Helvetica, Arial, Arial, sans-serif;
    font-style: italic !important;
}

.bold-italic {
	font-weight: bold;
    font-style: italic;
}

.italicized {
    font-family: source_sans_proitalic, Helvetica, Arial, sans-serif;
    font-size: 100%;
}

.strikethrough {
	text-decoration:line-through;
}

.centered {
	text-align: center;
}

.superscript {
	font-size: small; 
	vertical-align: super;
} 

.subscript {
	font-size: small; 
	vertical-align: sub;
}

/* Responsive image  */
.img-wrapper img {
    max-width: 100% !important;
    display: block;
    height: auto;
}    

.img-float-left {
    float: left;
    padding-right: 1em;
    padding-bottom: 1em;
}

.img-float-right {
    float: right;
    padding-left: 1em;
    padding-bottom: 1em;
}

.img-no-float {
    padding-top: 1em;
    padding-bottom: 1em;
}

.pure-form {
    margin-left: 0.5em;
}

.noseeum {
	display: none;
}

.emphasis-text {
	font-weight: bold;
	color: red;
}

.see-more {
	margin-top: -0.25em !important;
	margin-left: 2em !important;
}

.text-toggle {
	display: inline-block;
	cursor: pointer;
}

.faq-question {
	display: block;
	margin-top: 1.25em !important;
	width: 100% !important;
	font-weight: bold;
	font-size: 1.5em;
	cursor: pointer;
}

.faq-answer {
	display: none;
}

/* Search form & results styles */

.pure-form div {
	margin-bottom: 1em;
}

.pure-radio {
	margin-right: 0.1em;
	margin-bottom: -0.5em !important;
    text-transform: none !important; 
}

.search-form-text {
	padding-right: 1em;
}

.recent-blog-post,
.search-result-wrapper {
	padding-bottom: 1em;
}

.search-result-word,
.search-result-definition {
    font-family: source_sans_proregular, Helvetica, Arial, sans-serif;
}

/* Contact form */

.contact-group {
	display: inline-block;
	margin-right: 2em;
}

/* Footer */

#page-bottom {
    font-family: source_sans_proregular, Helvetica, Arial, sans-serif;
    text-transform: uppercase; 
    font-size: 65% !important;
	margin-top: 4em;
    padding-top: 0.75em;
    padding-bottom: 0.5em;
    border-top: 0.2em solid #ccc;
}

.footer-heading {
    font-size: 1.1em;
    margin-top: 0.5em;
    color: #2a6496;
}

#twitter-follow {
	margin-top: 0.5em !important;
}

#newsletter-div {
	background-color: #eee !important;
	padding: 0.5em;
}

/*
 * --------------------------------------------------
 * Word Pages (word.html?word=word-url)
 * --------------------------------------------------
 */

#word-page-top-grid {
    font-family: source_sans_proregular, Helvetica, Arial, sans-serif;
    font-size: 0.75em;
    padding-top: 0;
    padding-bottom: 0.5em;
}

#previous-next {
    text-align: right;
}

.word-breadcrumb {
    font-family: source_sans_proregular, Helvetica, Arial, sans-serif;
    font-size: 0.75em;
}

.word-headword {
    font-family: source_sans_probold, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 2.5em;
    letter-spacing: 0.08em;
    margin-top: 0.75em;
    margin-bottom: 0.5em;
}

.word-type {
    font-style: italic;
}

.word-definition {
    font-family: source_sans_prolight, Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.2;
}

.CitationText, 
.note-citation,
.word-citation {
    font-family: source_sans_proregular, Helvetica, Arial, sans-serif;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 0.5em;
    border-left: 0.25em solid #ccc;
    color: #333;
}

.word-citation-year {
    font-family: source_sans_prolight, Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    margin-bottom: -0.75em;
    color: #999;
}

.word-meta-heading {
    font-size: 1.5em;
    margin-bottom: 0.25em;
    color: #2a6496;
}

.word-sub-heading {
    font-family: source_sans_proregular, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    margin-bottom: 0.25em;
}

	
}
.word-dates {
    margin-top: 1.5em !important;
}

#social a {
	margin-right: 0.75em;
} 

/* 
 * ----------------------------------------
 * Media Queries
 * Styles applied to specified width and up
 * ----------------------------------------
 */
@media screen and (min-width: 320px) { /* Phones and up*/
    
}

@media screen and (min-width: 769px) { /* Tablets and up*/

}

@media screen and (min-width: 992px) { /* Desktops */

}

/* 
 * ----------------------------------------
 * Media Queries
 * Styles applied to specified width and down
 * ----------------------------------------
 */
@media screen and (max-width: 1010px){ /* Up to Desktops */

}

@media screen and (max-width: 768px) { /* Up to Tablets */

    .site-subtitle {
        font-size: 1.75em;
        letter-spacing: 0.05em;
    }

    .index-letter {
        width: 1.4em;
        font-size: 1.25em;
    }

	footer navigation{
		display: block;
	}

	footer mailing-list{
		display: block;
		margin-top: 2em;
	}

	footer social{
		display: block;
		margin-top: 1em;
	}
	
	.contact-group {
		margin-bottom: -0.25em !important;
	}

	.contact-group input[type='text'] {
		width: 100% !important;
	}

}

@media screen and (max-width: 400px) { /* Up to Phones */


    .site-title {
        font-size: 3em;
        letter-spacing: 0.05em;
		margin-top: 0;
    }
    
    .site-subtitle {
        font-size: 1.5em;
        letter-spacing: 0.05em;
    }

    .page-title {
        display: block;
        font-size: 3em;
    }

    .header {
        margin-top:0 !important;
        padding-top:0 !important;
    }
    
    #previous-next {
        display:none;
    }

    .content-header {
        font-size: 1.35em;
    }

    .index-letter {
        width: 1.05em;
        font-size: 1.2em;
    }
    
    .date-table {
        display: block;
    }
    
    .date-table div {
        display: block
    }
    
    .date-table span {
        display: block;
        width: 100%;
        text-align: left;
        padding-right: inherit;
    }
    
    .date-table span::after {
        content: ':';
    }
    
    .date-table a {
        display: block;
        margin-bottom: 0.5em;
        text-align: left;
        padding-left: inherit;
    }

	.contact-group {
		margin-bottom: -0.25em !important;
	}
	
	input[type='email'],
	input[type='text'] {
		width: 90% !important;
	}
	
	textarea {
		width: 90%;
	}

	.faq-question {
		margin-top: 1em !important;
		font-weight: bold;
		font-size: 1.25em;
	}

}