/** @file Zocial Butons @see http://zocial.smcllns.com by Sam Collins (@smcllns) License: @see  http://opensource.org/licenses/mit-license.php You are free to use and modify, as long as you keep this license comment intact or link back to zocial.smcllns.com on your site. zocial font included in _typography.scss */
/* Button structure */
.zocial, a.zocial, a.zocial:link, a.zocial:visited, a.zocial:hover, a.zocial:active, a.zocial:focus { border: 1px solid #777; border-color: rgba(0, 0, 0, 0.2); border-bottom-color: #333; border-bottom-color: rgba(0, 0, 0, 0.4); color: #fff; -webkit-box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.1em rgba(255, 255, 255, 0.9); box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.1em rgba(255, 255, 255, 0.9); cursor: pointer; display: inline-block; font: bold 100%/2.1 "Lucida Grande", Tahoma, sans-serif; padding: 0 .95em 0 0; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); white-space: nowrap; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; position: relative; border-radius: .3em; }

.zocial:before { content: ""; border-right: 0.075em solid rgba(0, 0, 0, 0.1); float: left; font: 120%/1.65 zocial; font-style: normal; font-weight: normal; margin: 0 0.5em 0 0; padding: 0 0.5em; text-align: center; text-decoration: none; text-transform: none; -webkit-box-shadow: 0.075em 0 0 rgba(255, 255, 255, 0.25); box-shadow: 0.075em 0 0 rgba(255, 255, 255, 0.25); -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.zocial:active { outline: none; /* outline is visible on :focus */ }

/* Buttons can be displayed as standalone icons by adding a class of "icon" */
.zocial.icon { overflow: hidden; max-width: 2.4em; padding-left: 0; padding-right: 0; max-height: 2.15em; white-space: nowrap; }

.zocial.icon:before { padding: 0; width: 2em; height: 2em; -webkit-box-shadow: none; box-shadow: none; border: none; }

/* Gradients */
.zocial { background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(49%, rgba(255, 255, 255, 0.05)), color-stop(51%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1))); background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); }

.zocial:hover, .zocial:focus { background-image: -o-linear-gradient(rgba(255, 255, 255, 0.15) 49%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.15)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(49%, rgba(255, 255, 255, 0.15)), color-stop(51%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.15))); background-image: linear-gradient(rgba(255, 255, 255, 0.15) 49%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.15)); }

.zocial:active { background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 30%, transparent 50%, rgba(0, 0, 0, 0.1)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(50%, transparent), to(rgba(0, 0, 0, 0.1))); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 30%, transparent 50%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 30%, transparent 50%, rgba(0, 0, 0, 0.1)); }

/* Adjustments for light background buttons */
.zocial.email { border: 1px solid #aaa; border-color: rgba(0, 0, 0, 0.3); border-bottom-color: #777; border-bottom-color: rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.7), inset 0 0 0.08em rgba(255, 255, 255, 0.5); box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.7), inset 0 0 0.08em rgba(255, 255, 255, 0.5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

/* :hover adjustments for light background buttons */
.zocial.email:focus, .zocial.email:hover { background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.15)); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.5)), color-stop(49%, rgba(255, 255, 255, 0.2)), color-stop(51%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.15))); background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.15)); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.15)); }

/* :active adjustments for light background buttons */
.zocial.email:active { background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1)); }

/* Button icon and color */
/* Icon characters are stored in unicode private area */
.zocial.email:before { content: "]"; color: #312c2a; }

.zocial.facebook:before { content: "f"; }

.zocial.pinterest:before { content: "1"; }

.zocial.print:before { content: "\00D1"; }

.zocial.twitter:before { content: "T"; }

/* Button background and text color */
.zocial.email { background-color: #f0f0eb; color: #312c2a; }

.zocial.facebook { background-color: #4863ae; }

.zocial.pinterest { background-color: #c91618; }

.zocial.print { background-color: #f0f0eb; color: #222; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

.zocial.twitter { background-color: #46c0fb; }

/*
The Miscellaneous Buttons
These button have no icons and can be general purpose buttons while ensuring consistent button style
Credit to @guillermovs for suggesting
*/
.zocial.primary, .zocial.secondary { margin: 0.1em 0; padding: 0 1em; }

.zocial.primary:before, .zocial.secondary:before { display: none; }

.zocial.primary { background-color: #333; }

.zocial.secondary { background-color: #f0f0eb; color: #222; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

/* Any browser-specific adjustments */
button:-moz-focus-inner { border: 0; padding: 0; }

@font-face { font-family: 'Lato'; src: url("/education/sites/default/libraries/typography/lato/lato-regular-webfont.eot"); src: url("/education/sites/default/libraries/typography/lato/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/education/sites/default/libraries/typography/lato/lato-regular-webfont.woff") format("woff"), url("/education/sites/default/libraries/typography/lato/lato-regular-webfont.ttf") format("truetype"), url("/education/sites/default/libraries/typography/lato/lato-regular-webfont.svg#lato_regular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Lato'; src: url("/education/sites/default/libraries/typography/lato/lato-light-webfont.eot"); src: url("/education/sites/default/libraries/typography/lato/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("/education/sites/default/libraries/typography/lato/lato-light-webfont.woff") format("woff"), url("/education/sites/default/libraries/typography/lato/lato-light-webfont.ttf") format("truetype"), url("/education/sites/default/libraries/typography/lato/lato-light-webfont.svg#lato_light") format("svg"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Lato'; src: url("/education/sites/default/libraries/typography/lato/lato-hairline-webfont.eot"); src: url("/education/sites/default/libraries/typography/lato/lato-hairline-webfont.eot?#iefix") format("embedded-opentype"), url("/education/sites/default/libraries/typography/lato/lato-hairline-webfont.woff") format("woff"), url("/education/sites/default/libraries/typography/lato/lato-hairline-webfont.ttf") format("truetype"), url("/education/sites/default/libraries/typography/lato/lato-hairline-webfont.svg#lato_hairline") format("svg"); font-weight: 100; font-style: normal; }

@font-face { font-family: 'Lato'; src: url("/education/sites/default/libraries/typography/lato/lato-bold-webfont.eot"); src: url("/education/sites/default/libraries/typography/lato/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/education/sites/default/libraries/typography/lato/lato-bold-webfont.woff") format("woff"), url("/education/sites/default/libraries/typography/lato/lato-bold-webfont.ttf") format("truetype"), url("/education/sites/default/libraries/typography/lato/lato-bold-webfont.svg#lato_bold") format("svg"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Lato'; src: url("/education/sites/default/libraries/typography/lato/lato-italic-webfont.eot"); src: url("/education/sites/default/libraries/typography/lato/lato-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/education/sites/default/libraries/typography/lato/lato-italic-webfont.woff") format("woff"), url("/education/sites/default/libraries/typography/lato/lato-italic-webfont.ttf") format("truetype"), url("/education/sites/default/libraries/typography/lato/lato-italic-webfont.svg#lato_italic") format("svg"); font-weight: normal; font-style: italic; }

@font-face { font-family: 'zocial'; src: url("/education/sites/default/libraries/ss-symbolicons-block/webfonts/zocial-regular-webfont.eot"); src: url("/education/sites/default/libraries/ss-symbolicons-block/webfonts/zocial-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/education/sites/default/libraries/ss-symbolicons-block/webfonts/zocial-regular-webfont.woff") format("woff"), url("/education/sites/default/libraries/ss-symbolicons-block/webfonts/zocial-regular-webfont.ttf") format("truetype"), url("/education/sites/default/libraries/ss-symbolicons-block/webfonts/zocial-regular-webfont.svg#zocialregular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'fontello'; src: url("/education/sites/default/libraries/ss-symbolicons-block/webfonts/fontello/fontello.eot"); src: url("/education/sites/default/libraries/ss-symbolicons-block/webfonts/fontello/fontello.eot#iefix") format("embedded-opentype"), url("/education/sites/default/libraries/ss-symbolicons-block/webfonts/fontello/fontello.woff") format("woff"), url("/education/sites/default/libraries/ss-symbolicons-block/webfonts/fontello/fontello.ttf") format("truetype"), url("/education/sites/default/libraries/ss-symbolicons-block/webfonts/fontello/fontello.svg#fontello") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Oswald'; src: url("/education/sites/default/libraries/typography/oswald/oswald-regular-webfont.eot"); src: url("/education/sites/default/libraries/typography/oswald/oswald-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/education/sites/default/libraries/typography/oswald/oswald-regular-webfont.woff") format("woff"), url("/education/sites/default/libraries/typography/oswald/oswald-regular-webfont.ttf") format("truetype"), url("/education/sites/default/libraries/typography/oswald/oswald-regular-webfont.svg#oswald_regular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Oswald'; src: url("/education/sites/default/libraries/typography/oswald/oswald-light-webfont.eot"); src: url("/education/sites/default/libraries/typography/oswald/oswald-light-webfont.eot?#iefix") format("embedded-opentype"), url("/education/sites/default/libraries/typography/oswald/oswald-light-webfont.woff") format("woff"), url("/education/sites/default/libraries/typography/oswald/oswald-light-webfont.ttf") format("truetype"), url("/education/sites/default/libraries/typography/oswald/oswald-light-webfont.svg#oswald_light") format("svg"); font-weight: 100; font-style: normal; }

@font-face { font-family: 'Oswald'; src: url("/education/sites/default/libraries/typography/oswald/oswald-bold-webfont.eot"); src: url("/education/sites/default/libraries/typography/oswald/oswald-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/education/sites/default/libraries/typography/oswald/oswald-bold-webfont.woff") format("woff"), url("/education/sites/default/libraries/typography/oswald/oswald-bold-webfont.ttf") format("truetype"), url("/education/sites/default/libraries/typography/oswald/oswald-bold-webfont.svg#oswald_bold") format("svg"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'icons'; src: url("/sites/all/themes/learn/typography/icons/font-icons-v11.eot"); src: url("/sites/all/themes/learn/typography/icons/font-icons-v11.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/learn/typography/icons/font-icons-v11.woff2") format("woff2"), url("/sites/all/themes/learn/typography/icons/font-icons-v11.woff") format("woff"), url("/sites/all/themes/learn/typography/icons/font-icons-v11.ttf") format("truetype"), url("/sites/all/themes/learn/typography/icons/font-icons-v11.svg#icons") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Kalam'; src: url("/education/sites/default/libraries/typography/kalam/kalam-regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Kalam'; src: url("/education/sites/default/libraries/typography/kalam/kalam-light.ttf") format("truetype"); font-weight: lighter; font-style: normal; }

@font-face { font-family: 'Kalam'; src: url("/education/sites/default/libraries/typography/kalam/kalam-bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }
/*# sourceMappingURL=typography.css.map */