/*
-------------------------------------------------------------------------------------
  EPSB.ca Responsive Layout
  Author: Dylan Rogowsky
  www.epsb.ca


  table of contents
  ---------------------
  =webfonts
  =base
    ==reset
    ==scaffolding
    ==icons
    ==typography
    ==forms
    ==tables
    ==buttons
    ==utilities
  =content
    ==carousel
    ==homepage-tabs
    ==school-tabs
    ==pagination
    ==sidebar
    ==search
    ==secondary-navigation
    ==contact
    ==publications
    ==board-of-trustees
    ==tables
    ==embedded
    ==fancybox
  =footer
  =layout
    ==smartphone
    ==tablet
    ==desktop
    ==supplemental-mobile-midpoint
    ==supplemental-mobile-navigation
    ==supplemental-carousel
   =retina
   =print
------------------------------------------------------------------------------------- */


/* =webfonts
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact
Monotype Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
------------------------------------------------------------------------------------- */
@font-face{
  font-family: "FrutigerLTW01-55Roman";
  src: url('/media/epsb/layoutassets/fonts/af97a512-f55a-4f61-b2ce-659c883930fc.eot');
  src: url('/media/epsb/layoutassets/fonts/af97a512-f55a-4f61-b2ce-659c883930fc.eot') format("eot"),
     url('/media/epsb/layoutassets/fonts/3fbbd6b1-cfa7-4ff0-97ea-af1b2c489f15.woff') format("woff"),
     url('/media/epsb/layoutassets/fonts/076311f8-a01b-4389-a5eb-334a62e62d45.ttf') format("truetype"),
     url('/media/epsb/layoutassets/fonts/c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877.svg') format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: "Frutiger LT W01 65 Bold";
  src: url('/media/epsb/layoutassets/fonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot');
  src: url('/media/epsb/layoutassets/fonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot') format("eot"),
     url('/media/epsb/layoutassets/fonts/9aa32a81-1124-4c43-b3db-15bfb1f7aed2.woff') format("woff"),
     url('/media/epsb/layoutassets/fonts/6faffbf4-f8e8-4817-b24b-a390e166be7e.ttf') format("truetype"),
     url('/media/epsb/layoutassets/fonts/fc09de64-de25-425e-90dc-a0cae29b02c4.svg') format("svg");
  font-weight: normal;
  font-style: normal;
}



/* =base
   ==reset v2.0 | http://meyerweb.com/eric/tools/css/reset/
------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
html { line-height: 1; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
* { outline: none; }


/* =base
   ==scaffolding
------------------------------------------------------------------------------------- */
body { margin: 0; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 75%; line-height: 1.75; color: #333; background-color: #fff; }
a { color: #0079c2; text-decoration: none; }
a:hover { color: #10294b; text-decoration: underline; }
hr { height: 1px; border: none; border-top: 1px dotted #AFAFAF; }

img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; height: auto !important; }
img.float-left { float: left; margin: 5px 15px 5px 0; }
div.float-left { float: left; margin: 5px 15px 5px 0; }
img.float-right { float: right; margin: 5px 0 5px 15px; }
div.float-right { float: right; margin: 5px 0 5px 15px; }
img.border { border: 4px solid #edebeb; }

.float-right { float: right; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
p, pre { margin: 0 0 1.5em 0; }
/* p + ul, h3 + ul, h4 + ul, h3 + p, h4 + p { margin-top: -1em; } */
aside h3 + p { margin-top: 0; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 20px; }
ol.bullet-alpha { list-style-type: upper-alpha; }
nav ul, nav ol { list-style: none; list-style-image: none; }

button, input, select, textarea { font-size: 12px; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input, textarea { -webkit-border-radius: 0; border-radius: 0px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
textarea { overflow: auto; vertical-align: top; min-height: 170px; }
table { border-collapse: collapse; border-spacing: 0; }


/* =base
   ==icons
------------------------------------------------------------------------------------- */
.sprite-social { background: url('') no-repeat top left; margin-right: 4px; display: block; float: left; text-indent: -4000px; }
.icon-connect-facebook { background-position: 0 0; width: 16px; height: 16px; }
.icon-connect-flickr { background-position: 0 -66px; width: 16px; height: 16px; }
.icon-connect-linkedin { background-position: 0 -132px; width: 16px; height: 16px; }
.icon-connect-schoolzone { background-position: 0 -198px; width: 18px; height: 16px; }
.icon-connect-twitter { background-position: 0 -264px; width: 16px; height: 16px; }
.icon-connect-youtube { background-position: 0 -330px; width: 16px; height: 16px; }
.icon-share-facebook { background-position: 0 -396px; width: 16px; height: 16px; float: none; display: inline-block; }
.icon-share-google { background-position: 0 -462px; width: 16px; height: 16px; float: none; display: inline-block; }
.icon-share-twitter { background-position: 0 -528px; width: 16px; height: 16px; float: none; display: inline-block;  }
img.sprite-social { width: 16px !important; height: 16px !important; margin-right: 4px; background: none; }
.sprite-title { background: url('/media/epsb/layoutassets/images/sprite-title.png') no-repeat top left; margin-right: 4px; padding: 2px 0; }
.icon-title-documents { background-position: 0 0; padding-left: 42px; }
.icon-title-events { background-position: 0 -229px; padding-left: 44px; }
.icon-title-news { background-position: 0 -453px; padding-left: 48px; }
.icon-title-share { background-position: 0 -677px; padding-left: 51px; }
.icon-title-highlights { background-position: 0 -906px; padding-left: 35px; }
.sprite-document { background: url('/media/epsb/layoutassets/images/sprite-document.png') no-repeat top left; }
.icon-document-DOC, .icon-document-DOCX { background-position: 10px 5px; }
.icon-document-PDF { background-position: 10px -316px; }
.icon-document-XLS, .icon-document-XLSX { background-position: 10px -637px; }
.icon-document { background-position: 10px -958px; }
.sprite-icon { background: url('/media/epsb/layoutassets/images/sprite-icons-new.png') no-repeat top left; }
.icon-bus { background-position: 0 0; padding-left: 26px; display: inline-block; height: 18px; }
.icon-events { background-position: 0 -128px; }
.icon-meeting { background-position: 0 -193px; }
.icon-open { background-position: 0 -255px; }
.icon-close { background-position: 0 -67px; }
.icon-parking { background-position: 0 -316px; padding-left: 26px; display: inline-block; height: 18px; }
.icon-telephone { background-position: 0 -444px; padding-left: 26px; }
.icon-fax { background-position: 0 -509px; padding-left: 26px; }
.icon-email { background-position: 0 -572px; padding-left: 26px; }
.icon-web { background-position: 0 -635px; padding-left: 26px; }
p.icon-telephone { background-position: 0 -378px; }
#wrapper-footer .icon-telephone { background-position: 0 -382px; }
div.sprite-title { padding-top: 0; border-bottom: 1px dotted #AFAFAF; padding-bottom: 1.5em; margin-top: 1em; }
div.sprite-title h3 { line-height: 1em; margin: 0; }
.schoolzone { display: block; height: 15px; width: 113px; text-indent: -4000px; background: url('/media/epsb/layoutassets/images/logo-schoolzone.png') 0 0 no-repeat; }
span.schoolzone { line-height: 1em; display: inline-block; zoom: 1; *display: inline; }



/* =base
   ==typography
------------------------------------------------------------------------------------- */
.bold { font-weight: bold; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; }
.ucase { text-transform: uppercase; }
.lcase { text-transform: lowercase; }
.italic { font-style: italic; }
.black { color: #000; }
.green { color: #57b92d; }
.blue { color: #0d80c5; }
.orange { color: #db872c; }

h1 { font-size: 2.5em; margin: 0.2em 0; line-height: 1em; color: #003471; text-transform: uppercase; font-family: 'Frutiger LT W01 65 Bold'; font-weight: normal; font-style: normal; }
h1 span.regular { font-family: 'FrutigerLTW01-55Roman'; }
h2 { font-size: 1.5em; margin: .83em 0; color: #0079c2; text-transform: uppercase; font-family: 'Frutiger LT W01 65 Bold'; font-weight: normal; font-style: normal; }
h3 { font-size: 1.17em; margin: .83em 0; line-height: 1.5em; text-transform: uppercase; font-family: 'Frutiger LT W01 65 Bold'; font-weight: normal; font-style: normal; }
h4 { font-size: 1em; margin: 1.33em 0; color: #57b92d; text-transform: uppercase; font-family: 'Frutiger LT W01 65 Bold'; font-weight: normal; font-style: normal; }
h5 { font-size: .83em; margin: 1.67em 0; }
h6 { font-size: .75em; margin: 2.33em 0; }

h3 a:link, h3 a:visited { color: #333; }

em {font-style:italic}

/* =base
   ==forms
------------------------------------------------------------------------------------- */
.btn, input[type="submit"], input[type="button"] { font-family: 'Frutiger LT W01 65 Bold'; text-transform: uppercase; font-weight: normal; font-style: normal; text-align: left; line-height: 1.5em; display: inline-block; background: #3c91c2; color: #fff; border: 0; padding: 8px 14px 7px; }
input[type="submit"], input[type="button"] { padding: 10px 14px 6px; }

input[type="search"], input[type="text"], input[type="password"], textarea, select { border: 2px solid #e4e4e4; background: #f7f7f7; padding: 6px; margin: 5px 0; }
.btn { margin-bottom: 0.5em; }

.input-width-50, .input-width-100 { margin: 5px 0; }
.input-width-50 input[type="text"], .input-width-100 input[type="text"], .input-width-100 select, .input-width-100 textarea { margin: 0; width: 100%; }
.input-width-50 input[type="text"], .input-width-100 input[type="text"], .input-width-100 textarea {  padding: 0; border: 0;}
.input-width-50.input-text, .input-width-100.input-text, .input-width-100.input-textarea { border: 2px solid #E4E4E4; padding: 4px 6px; background: #F7F7F7; }
.input-col-2 .input-width-50:first-child { float: left; }
.input-width-50 { margin: 0; width: 44%; float: right; }

.form-width-100 { width: 100%; }
.form-width-50-1, .form-width-50-2 { width: 45%; }
input[type="text"].form-width-50-1 { margin-right: 10%; }


/* =base
   ==fancybox
------------------------------------------------------------------------------------- */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { border: 0; outline: none; vertical-align: top; margin: 0; padding: 0; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: nowrap; margin: 0; padding: 15px; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; overflow: hidden; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/media/epsb/layoutassets/images/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('/media/epsb/layoutassets/images/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../img/blank.gif); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible!important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/media/epsb/layoutassets/images/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: 700; line-height: 24px; white-space: nowrap; padding: 2px 20px; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; background: rgba(0, 0, 0, .8); padding: 10px; }
.fancybox-inner, .fancybox-lock { overflow: hidden; }
.fancybox-nav: hover span, .fancybox-opened .fancybox-title { visibility: visible; }


/* =base
   ==buttons
------------------------------------------------------------------------------------- */


/* =base
   ==utilities
------------------------------------------------------------------------------------- */
.placeholder { color: #aaa; }
.right { text-align: right; }
.hide { display: none; }
.show { display: block; }
.invisible { visibility: hidden; }
.smartphone-only { display: none; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.no-margin-bottom { margin-bottom: 0; }
.ir { display: inline-block; text-indent: -4000px; }
.small { font-size: 0.75em; }
.large { font-size: 1.25em; }




/* =header
------------------------------------------------------------------------------------- */
#strip-login { background: #333333 url('/media/epsb/layoutassets/images/background-header-loginstrip.gif') center top repeat-x; color: #0079c2; text-align: right; height: 7px; }
#strip-logo ul, #strip-logo li { display: inline; margin: 0; padding: 0; }
#strip-logo li { border-left: 1px solid #000; padding: 0 0 0 5px; }
#strip-logo li:first-child { border-left: none; padding: 0; }
#strip-logo { padding: 10px 0; }
#strip-logo a.logo { margin-top: 16px; width: 350px; height: 30px; background: transparent url('/media/epsb/layoutassets/images/logo-epsb.png') 0 0 no-repeat; float: left; }
#search-container { width: 225px; float: right; padding-top: 5px; }
#strip-logo form { display: inline-block; float: right; }

#search-container form { background: url('/media/epsb/layoutassets/images/background-search.png') no-repeat scroll 0 0 transparent; height: 36px; width: 220px; padding-left: 5px; }
#search-container input { background: none repeat scroll 0 0 transparent; border: none; font-size: 11px; padding: 0; width: 164px;}
#search-container input[type="submit"] { border: 0 none; cursor: pointer; height: 27px; text-indent: -9999px; width: 20px;}
#search-container input[type="search"] { height: 13px;  margin-left: 1px; width: 195px; }

#strip-navigation { border-top: 1px solid #afafaf; border-bottom: 1px solid #afafaf; font-family: 'Frutiger LT W01 65 Bold'; text-transform: uppercase; padding: 0; }
#strip-navigation ul { display: inline; margin: 0; padding: 0; }
#strip-navigation li { display: inline-block; padding: 0; float: left; background: transparent url('/media/epsb/layoutassets/images/background-navigation.png') repeat-x center center; z-index: 0; }
#strip-navigation li:first-child { margin-left: -10px; }
#strip-navigation li.active { background: transparent url('/media/epsb/layoutassets/images/background-navigation-active.png') repeat-x center bottom; }
.lt-ie9 #strip-navigation li.active { margin-right: -1px; z-index: 5; }
#strip-navigation li:first-child a { padding-left: 11px; margin-left: 0; }
#strip-navigation li.active:first-child a { padding-left: 10px; margin-left: 1px; }
#strip-navigation a { color: #d30b0b; text-decoration: none; position: relative; top: 1px; background: #fff; padding: 5px 10px; margin: 0 0 0 1px; display: inline-block; border-bottom: 1px solid #AFAFAF; }
#strip-navigation li.active a {  margin: 0 1px; border-bottom: 1px solid #fff; }
#strip-navigation li.active + li a {  margin: 0; }

#strip-navigation a:hover, #strip-navigation a.current { color: #0079c2; }
#smartphone-menu-button { float: right; margin-top: 20px; display: none; }

/* Google Translate widget */
#strip-navigation #google_translate_element { float: right; margin: auto; border: none; }
#strip-navigation #google_translate_element a { color: inherit; }
#strip-navigation #google_translate_element .goog-te-gadget-simple { border: none; font-size: inherit; text-transform: none; }
#strip-navigation #google_translate_element .goog-te-gadget-simple a { color: inherit; text-transform: none; border-bottom: none; }

#wrapper-dropdown .block { margin-bottom: 0; }
#wrapper-dropdown .block section { padding: 10px; height: 220px;}
#wrapper-dropdown .block p { margin: 1em 0 0; }
#wrapper-dropdown .block section p:first-child { margin-top: 0.5em; }
#wrapper-dropdown .block p+ul { margin-top: 0; }
#wrapper-dropdown .block ul { list-style-type: none; padding-left: 10px; }
#wrapper-dropdown .block.schoolszone { background: #faf8f9 url('/media/epsb/layoutassets/images/background-megamenu-schoolzone.png') left center no-repeat; }
#wrapper-dropdown .block.schoolszone a.schoolzone { margin-top: 10px; }
#wrapper-dropdown .block.schoolszone a, #wrapper-dropdown .block.schoolszone p { margin: 1em 0; }
#wrapper-dropdown .block.schoolszone input[type="text"], #wrapper-dropdown .block.schoolszone input[type="password"] { width: 194px; padding: 9px 6px 9px 40px; }
#wrapper-dropdown .block.schoolszone input[type="text"] { background: url('/media/epsb/layoutassets/images/icon-login-user.png') -1px center no-repeat; }
#wrapper-dropdown .block.schoolszone input[type="password"] { background: url('/media/epsb/layoutassets/images/icon-login-pass.png') -1px center no-repeat; }
#wrapper-dropdown .block.schoolszone input[type="submit"] { float: right; margin-top: 0.5em; }


#wrapper-dropdown { float: left; overflow: hidden; position: absolute; width: 100%; z-index: 1; padding-bottom: 10px; line-height: 1.5em; }
div.row.drop-down { display: none; max-width: 1058px; border: 1px solid #AFAFAF; border: 1px solid rgba(0, 0, 0, 0.2); border-top: 0; border-radius: 0 0 5px 5px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); background: #fff; }
#wrapper-dropdown div.row.drop-down li ul {
  list-style: none;
  padding-left: 2em;
}
#wrapper-dropdown div.row.drop-down li ul > li:before {
    content: '»';
    float: left;
    margin-left: -1em;
    color: #0079c2;
}
div.row.drop-down div > ul div > li > a {
  font-weight: bold;
}
div.row.drop-down div ul ul {
  margin: 0;
}

div.row.drop-down ul div > li {
  margin-top: 0.5em;
}


/* =content
------------------------------------------------------------------------------------- */
#wrapper-page-title h1 { float: left; width: 70%; }
#wrapper-page-title p { margin-top: 1.5em; }
#wrapper-page-title .share-tools { float: right; margin-top: 0; color: #0d80c5; font-family: 'Frutiger LT W01 65 Bold'; font-weight: normal; }
#wrapper-page-title .share-tools a { margin-left: 2px; }

#wrapper-content-header { padding-bottom: 1em; }
#wrapper-content-header .row { position: relative; }
#wrapper-content-header p { margin-top: 1.5em; }
#wrapper-content-header h1 { float: left; width: 70%; }
#wrapper-content-header .share-tools { position: absolute; bottom: 0; right: 0; color: #0d80c5; font-family: 'Frutiger LT W01 65 Bold'; font-weight: normal; }
#wrapper-content-header .share-tools p { margin: 0; }
#wrapper-content-header .share-tools a { margin-left: 2px; }

.section-highlight { border: 2px solid #E4E4E4; background: #F7F7F7; padding: 0.5em 1em; }


#wrapper-carousel.homepage { background: #f9f9f9 url('/media/epsb/layoutassets/images/background-carousel.jpg') center top repeat; border-bottom: 1px solid #afafaf; padding: 22px 0; }
.link-container { font-size: 14px; line-height: 1.5em; }
.link-container h3 { text-transform: none; font-style: italic; }
.link-container ul { list-style: none; padding: 0 10px 0 0; }
.link-container li { margin-bottom: 0.5em; }
#tabcontent-parents h3, #tabcontent-parents .chevron { color: #ff830d; }

ul.thumbnail-list { margin: 0; padding: 0; list-style-type: none; }
ul.thumbnail-list li { padding: 0.5em 0 0 75px; position: relative; border-top: 1px dotted #AFAFAF; }
ul.thumbnail-list li:first-child, ul.thumbnail-list li.no-border-top { padding-top: 0; border-top: none; }
ul.thumbnail-list img { left: 0; position: absolute; }
ul.thumbnail-list p.date { margin: 0.5em 0 0.5em -75px; }
ul.file-list { margin: 0; padding: 0; list-style-type: none; }
ol.file-list { }
ul.file-list li, ol.file-list li { min-height: 2.25em; padding: 0 0 1px 60px; background-image: url('/media/epsb/layoutassets/images/sprite-document.png'); background-repeat: no-repeat; }
ul.file-list p { margin: 0.5em 0; }
ul.meeting-list { margin: 0; padding: 0 20px; list-style-type: none; }
.layout-row-content-column-three .column-center ul.meeting-list { padding: 0; }
ul.meeting-list li { padding: 0.5em 0 0 0; position: relative; border-top: 1px dotted #AFAFAF; }
ul.meeting-list li:first-child { border-top: none; }
ul.meeting-list span.date { background: url('/media/epsb/layoutassets/images/sprite-icons-new.png') 0 -128px no-repeat; padding-left: 26px; }
ul.meeting-list span.stream-llnk { float: right; }
ul.no-bullet { list-style-type: none; padding-left: 0; }

/* Program Page */
ul.school-list, ul.col-2.school-list, ul.col-3.school-list { margin: 0 0 3em 0; padding: 0; list-style: none; }
ul.school-list li, ul.col-2.school-list li, ul.col-3.school-list li { padding: 0; }
ul.school-list h5, ul.col-2.school-list h5, ul.col-3.school-list h5 { font-family: 'Frutiger LT W01 65 Bold'; font-weight: normal; font-size: 1em; color: #ef5a50; text-transform: uppercase; margin-bottom: 0; }

.letter-select ~ ul.school-list li { display: inline-block; list-style-type: none; width: 50%; }
.letter-select a { font-weight: bold; }

ul.smartphone-school-list { list-style: none; }

/* Maps */
#map-canvas img { max-width: none; }


/* =content
   ==carousel
------------------------------------------------------------------------------------- */
#wrapper-carousel { margin-bottom: 1em; }
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flexslider { margin: 0; padding: 0; position: relative; zoom: 1; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flexslider-controls a.flexslider-next, .flexslider-controls a.flexslider-prev { width: 42px; height: 42px; display: block; float: left; margin: 1px 0 0 0; background: url('/media/epsb/layoutassets/images/sprite-carousel.png') no-repeat 0 0; text-indent: -9999px; }
.flexslider-controls a.flexslider-next { background-position: -42px 0; margin-right: 30px; }
.flex-control-nav { display: inline-block; }
.flex-control-nav li { margin: 0 9px 0 0; display: inline-block; zoom: 1; *display: inline; zoom: 1; *display:inline; }
.flex-control-paging li a { width: 12px; height: 42px; display: block; background: url('/media/epsb/layoutassets/images/sprite-carousel.png') no-repeat -114px 0; cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a.flex-active { background-position: -135px 0; }
.flex-caption { text-transform: uppercase; margin: 0; font-family: 'Frutiger LT W01 65 Bold'; font-weight: normal; font-style: normal; }
h3.flex-caption { position: absolute; left: 10px; top: 10px; color: #FFFFFF; padding: 6px; font-size: 24px; line-height: 1.25em; }
h3.flex-caption span { background: transparent url('/media/epsb/layoutassets/images/background-carousel-heading.png') 0 0 repeat; padding-left: 6px; padding-right: 6px; }
p.flex-caption { position: absolute; right: 10px; bottom: 10px; }
p.flex-caption a { display: inline-block; background: transparent url('/media/epsb/layoutassets/images/background-carousel-link.png') 0 0 repeat; color: #FFFFFF; padding: 6px; text-decoration: none; }
#wrapper-carousel.homepage .carousel-right { background: #fff; min-height: 390px; }
#wrapper-carousel.homepage .carousel-right section { padding: 5px 20px 20px 20px; }
#wrapper-carousel.homepage .carousel-right .btn { background-color: #77c052; border-right: 1px solid #fff; margin: 0.5em 0; }
#wrapper-carousel .carousel-right hr { margin: 1em 0; }

/* =content
   ==homepage-tabs
------------------------------------------------------------------------------------- */
.tab { width: 25%; float: left; padding: 0; }
.tab a { font-size: 1.17em; margin: 1em 0; display: block; text-transform: uppercase; font-family: 'Frutiger LT W01 65 Bold'; font-weight: normal; font-style: normal; background: #dedede url('/media/epsb/layoutassets/images/background-homepage-tab.png') left bottom no-repeat; color: #7c7c7c; border-left: 1px solid #fff; padding: 8px 16px; border-top: 1px solid #dedede; }
.tab:first-child a { border-left: none; background-image: none; }
.tab.parents.active a { background-color: #ff830d; border-top: 1px solid #e3760d; color: #fff; }
.tab.students.active a { background-color: #ffab0d; border-top: 1px solid #ffda0d; color: #fff; }
.tab.partners.active a { background-color: #77c052; border-top: 1px solid #92da6d; color: #fff; }
.tab.newtoedmonton.active a { background-color: #e71c1c; border-top: 1px solid #fa8e8e; color: #fff; }
#tabcontent-parents, #tabcontent-students, #tabcontent-partners, #tabcontent-newtoedmonton { display: none; font-size: 14px; line-height: 1.5em; }
#tabcontent-parents { display: block; }
#tabcontent-parents.link-container { border-top: 2px solid #B5E3F6; }
#tabcontent-parents.homepage-tabcontent { border-top: none; }
.homepage-tabcontent h3 { text-transform: none; font-style: italic; }
.homepage-tabcontent ul { list-style: none; padding: 0 10px 0 2px; }
.homepage-tabcontent li { margin-bottom: 0.5em; }
.homepage-tabcontent .chevron, #tabcontent-parents .chevron { padding-left: 2px; }
#tabcontent-parents h3, #tabcontent-parents .chevron { color: #ff830d; }
#tabcontent-students h3, #tabcontent-students .chevron { color: #ffab0d; }
#tabcontent-partners h3, #tabcontent-partners .chevron { color: #77c052; }
#tabcontent-newtoedmonton h3, #tabcontent-newtoedmonton .chevron { color: #e71c1c; }
.homepage-tabcontent .btn { display: block; margin: 5em 4px 0; text-align: left; }
.homepage-tabcontent .btn a { color: #fff; }
#tabcontent-parents .btn { background-color: #ff830d; }
#tabcontent-students .btn { background-color: #ffab0d; }
#tabcontent-partners .btn { background-color: #77c052; }
#tabcontent-newtoedmonton .btn { background-color: #e71c1c; }


/* =content
   ==school-tabs
------------------------------------------------------------------------------------- */
/* SCHOOL INFORMATION */
.school-information h5 { text-transform: uppercase; margin: 0; font-size: 1em; font-family: 'Frutiger LT W01 65 Bold'; font-weight: normal; font-style: normal; }
.school-information .details { display: block; font-size: 10px; font-style: italic; margin-top: -5px; margin-bottom: -13px; }
.school-info-large { margin: 0; font-family: 'Frutiger LT W01 65 Bold'; font-weight: normal; font-style: normal; font-size: 31px; color: #afafaf; text-align: center; }
.school-info-medium { font-family: 'Frutiger LT W01 65 Bold'; font-weight: normal; font-style: normal; text-align: center; font-size: 16px; line-height: 1.25em; margin: 0.5em 0 0; }
.school-left-column, .school-middle-column, .school-right-column { float: left; padding: 0; margin-bottom: 1em; }
.school-left-column { width: 44%; padding-right: 2% }
.school-left-column img { width: 30%; }
.school-middle-column { width: 21%; padding: 0 2%; border-left : 1px dotted #AFAFAF; border-right: 1px dotted #AFAFAF; }
.school-right-column { width: 26%; padding-left: 2%; }

.school-information-row-2 { border-top: 1px dotted #AFAFAF; border-bottom: 1px dotted #AFAFAF; }
.school-programs, .school-attendance { width: 100%; margin: 1em 0; }
.lt-ie8 .school-information-row-3 { margin-bottom: 1.5em;  }
.school-attendance-graph { margin-top: 2em; width: 100%; }
#school-attendance-piegraph { display: none; }
.school-attendance-graphitem { display: block; float: left; color: #fff; text-align: center; }
.school-attendance-graph .school-attendance-graphitem { height: 24px; background-image: url('/media/epsb/layoutassets/images/background-program-bar.png'); background-position: 0 0; background-repeat: repeat-y; }
.school-attendance-graph .school-attendance-graphitem:first-child { background-image: none; }
.school-attendance-graph .school-attendance-graphitem img { width: 100%; height: 100%; margin-left: 1px; }
.school-attendance-graph .school-attendance-graphitem:first-child img { margin-left: 0; }
.school-attendance-graphitem span { display: block; background-color: #3C91C2; }
.school-programs ul { list-style-type: none; padding: 0; }
.school-programs li { display: inline-block; width: 23%; padding-right: 2%; }
.school-programs li a { display: inline-block; width: 90%; vertical-align: top; margin-top: 0; padding: 0; }
.school-program-listitem { display: inline-block; height: 14px; width: 14px; margin: 3.5px 7px 3.5px 0; background-color: #3C91C2; }
/* PROGRAM COLORS */
/* REGULAR */
.school-program-listitem.program-REG, .school-attendance-graphitem.program-REG span { background-color: #3C91C2; }
/* EARLY YEARS */
.school-program-listitem.program-EEP, .school-attendance-graphitem.program-EEP span,
.school-program-listitem.program-ELC, .school-attendance-graphitem.program-ELC span,
.school-program-listitem.program-ZKG, .school-attendance-graphitem.program-ZKG span,
.school-program-listitem.program-ZFK, .school-attendance-graphitem.program-ZFK span,
.school-program-listitem.program-ZST, .school-attendance-graphitem.program-ZST span,
.school-program-listitem.program-PKP, .school-attendance-graphitem.program-PKP span { background-color: #FF830D; }
/* ABORIGINAL EDUCATION */
.school-program-listitem.program-AMK, .school-attendance-graphitem.program-AMK span,
.school-program-listitem.program-AWA, .school-attendance-graphitem.program-AWA span,
.school-program-listitem.program-ECR, .school-attendance-graphitem.program-ECR span { background-color: #003471; }
/* ARTS */
.school-program-listitem.program-ART, .school-attendance-graphitem.program-ART span,
.school-program-listitem.program-DAN, .school-attendance-graphitem.program-DAN span,
.school-program-listitem.program-VIC, .school-attendance-graphitem.program-VIC span { background-color: #E71C1C; }
/* ATHLETICS */
.school-program-listitem.program-SPA, .school-attendance-graphitem.program-SPA span { background-color: #77C052; }
/* FAITH-BASED */
.school-program-listitem.program-ECP, .school-attendance-graphitem.program-ECP span,
.school-program-listitem.program-LOG, .school-attendance-graphitem.program-LOG span,
.school-program-listitem.program-MDC, .school-attendance-graphitem.program-MDC span,
.school-program-listitem.program-MWC, .school-attendance-graphitem.program-MWC span { background-color: #FFAB0D; }
/* HOME-EDUCATION */
.school-program-listitem.program-LRN, .school-attendance-graphitem.program-LRN span { background-color: #E0119D; }
/* LANGUAGE & CULTURE */
.school-program-listitem.program-ASL, .school-attendance-graphitem.program-ASL span,
.school-program-listitem.program-BAR, .school-attendance-graphitem.program-BAR span,
.school-program-listitem.program-BCH, .school-attendance-graphitem.program-BCH span,
.school-program-listitem.program-FIM, .school-attendance-graphitem.program-FIM span,
.school-program-listitem.program-BGE, .school-attendance-graphitem.program-BGE span,
.school-program-listitem.program-BHE, .school-attendance-graphitem.program-BHE span,
.school-program-listitem.program-LFI, .school-attendance-graphitem.program-LFI span,
.school-program-listitem.program-ISA, .school-attendance-graphitem.program-ISA span,
.school-program-listitem.program-BUK, .school-attendance-graphitem.program-BUK span { background-color: #00B0CA; }
/* TEACHING PHILOSOPHY */
.school-program-listitem.program-ACA, .school-attendance-graphitem.program-ACA span,
.school-program-listitem.program-APL, .school-attendance-graphitem.program-APL span,
.school-program-listitem.program-CAR, .school-attendance-graphitem.program-CAR span,
.school-program-listitem.program-COG, .school-attendance-graphitem.program-COG span,
.school-program-listitem.program-CSC, .school-attendance-graphitem.program-CSC span,
.school-program-listitem.program-IBC, .school-attendance-graphitem.program-IBC span,
.school-program-listitem.program-IBD, .school-attendance-graphitem.program-IBD span,
.school-program-listitem.program-IBM, .school-attendance-graphitem.program-IBM span,
.school-program-listitem.program-IBP, .school-attendance-graphitem.program-IBP span,
.school-program-listitem.program-NWC, .school-attendance-graphitem.program-NWC span,
.school-program-listitem.program-PAP, .school-attendance-graphitem.program-PAP span,
.school-program-listitem.program-SCA, .school-attendance-graphitem.program-SCA span,
.school-program-listitem.program-SKC, .school-attendance-graphitem.program-SKC span,
.school-program-listitem.program-TPM, .school-attendance-graphitem.program-TPM span,
.school-program-listitem.program-VRP, .school-attendance-graphitem.program-VRP span,
.school-program-listitem.program-WAL, .school-attendance-graphitem.program-WAL span,
.school-program-listitem.program-IBR, .school-attendance-graphitem.program-IBR span,{ background-color: #557630; }
/* SPECIAL EDUCATION */
.school-program-listitem.program-BLA, .school-attendance-graphitem.program-BLA span,
.school-program-listitem.program-BAO, .school-attendance-graphitem.program-BAO span,
.school-program-listitem.program-CHA, .school-attendance-graphitem.program-CHA span,
.school-program-listitem.program-CLS, .school-attendance-graphitem.program-CLS span,
.school-program-listitem.program-DHP, .school-attendance-graphitem.program-DHP span,
.school-program-listitem.program-EXT, .school-attendance-graphitem.program-EXT span,
.school-program-listitem.program-FIS, .school-attendance-graphitem.program-FIS span,
.school-program-listitem.program-ISP, .school-attendance-graphitem.program-ISP span,
.school-program-listitem.program-INT, .school-attendance-graphitem.program-INT span,
.school-program-listitem.program-LIT, .school-attendance-graphitem.program-LIT span,
.school-program-listitem.program-OPP, .school-attendance-graphitem.program-OPP span,
.school-program-listitem.program-STR, .school-attendance-graphitem.program-STR span,
.school-program-listitem.program-TMP, .school-attendance-graphitem.program-TMP span { background-color: #8E258D; }
/* SKILLS AND JOB TRAINING */
.school-program-listitem.program-ZKE, .school-attendance-graphitem.program-ZKE span,
.school-program-listitem.program-ZRA, .school-attendance-graphitem.program-ZRA span,
.school-program-listitem.program-ZSC, .school-attendance-graphitem.program-ZSC span,
.school-program-listitem.program-TSP, .school-attendance-graphitem.program-TSP span { background-color: #7A7A7A; }
/* ENGLISH LANGUAGE LEARNING */
/* None listed yet */
/* PREGNANT AND PARENTING TEENS */
/* None listed yet */

.school-attendance-graphitem + .school-attendance-graphitem span { border-left: thin solid white; }

/* SCHOOL TABS */
.school-tabs { font-size: 11px; text-align: left; list-style-type: none; padding: 0; margin: 2em 0 0; font-family: 'Frutiger LT W01 65 Bold'; font-weight: normal; font-style: normal; text-transform: uppercase; }
.school-tabs li { display: inline; float: left; }
.school-tabs li a { display: inline-block; padding: 7px 10px 3px; border-top: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; background: #f5f5f5; color: #959595; }
.school-tabs li:first-child a { border-left: 1px solid #E4E4E4; }
.school-tabs li.active a { background: #fff; color: #000; border-bottom: 1px solid #fff; margin-top: -2px; padding: 9px 10px 3px; }
.school-tab-content { border: 1px solid #E4E4E4; margin-top: -1px; padding: 0 15px; margin-bottom: 2em; display: none; }
#school-tab-details { display: block; }

#school-tab-map #map-canvas { float: left; width: 75%; height: 730px; border: 1px solid #DDD; }
#school-tab-map #legend { float: left; width:20%; height:710px;  background: #F5F5F5; border-top: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; padding: 2%; }
#school-tab-map #legend h4 { display: inline-block; padding-right: 10px; }
#legend a.fancybox img { vertical-align: middle; }
#school-tab-map label { display: block; margin-bottom: 5px; }

.block.column-right aside.bookflap-openhouse { background: #77C052; color: white; }
.block.column-right aside.bookflap-openhouse h3 { color: white; }

.block.column-right aside.bookflap-lotteryprocess { background: #ff830d; color: white; display: none; }
.block.column-right aside.bookflap-lotteryprocess h3 { color: white; }
.block.column-right aside.bookflap-lotteryprocess a { color: white; text-decoration: underline; }

/* =content
   ==pagination
------------------------------------------------------------------------------------- */
.page_navigation { font-weight: bold; text-align: center; }
.page_navigation a { padding: 0 7px; display: inline-block; margin-left: 3px; background: #e9e9e9; text-decoration: none; color: #000; border: 1px solid #c9c9c9; }
.page_navigation a:first-child { margin-left: 0; }
.page_navigation a.pager-prev, .page_navigation a.pager-next { color: #0ba1e2; }
.page_navigation a.pager-current { border-color: #000033; }
.page_navigation a:hover { border-color: #0ba1e2; }
.page_navigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .page_navigation { height: 1%; }
*:first-child + html .page_navigation { overflow: hidden; }


/* =content
   ==sidebar
------------------------------------------------------------------------------------- */
.block.column-right aside { background: #f5f5f5; padding: 5px 22px 10px; margin-bottom: 1.5em; }
.block.column-right aside h3 { color: #0d80c5; }
.block.column-right aside hr { border-color: #afafaf; margin: -0.5em 0 1em; }
.block.column-right aside p:last-child { margin-bottom: 0; }
.block.column-right aside ul.thumbnail-list { margin: 0; padding: 0; list-style-type: none; }
.block.column-right aside ul.thumbnail-list li { padding: 4px 0 4px 26px; position: relative; border-top: 1px dotted #AFAFAF; background: url('/media/epsb/layoutassets/images/sprite-icons-new.png') 0 -122px no-repeat; }
.block.column-right aside ul.thumbnail-list li:first-child, .block.column-right aside ul.thumbnail-list li.no-border-top { border-top: none; }
.block.column-right aside ul.thumbnail-list img, .block.column-right aside ul.thumbnail-list .teaser { display: none; }
.block.column-right aside ul.thumbnail-list p { margin: 0; }
.block.column-right aside ul.thumbnail-list a.bold { font-weight: normal; text-transform: none; }
.block.column-right aside .page_navigation { margin: 1em 0; }


/* =content
   ==search
------------------------------------------------------------------------------------- */
.search-container { border: 2px solid #E4E4E4; background: #F7F7F7; padding: 4px 6px; }
.section-highlight .search-container { background: #FFF; }
.search-container .input-width-100.input-text { border: 1px solid #E4E4E4; background: #fff; padding: 0 0 0 6px; }
.search-container .input-width-100.input-text input[type="text"] { background: #fff; padding: 6px 0; width: 55%; }
.search-container .input-width-100.input-text input[type="submit"] { float: right; padding: 6px 14px 4px; }
.filter-accordion .search-container { background: #fff; border: none; }
.filter-accordion .search-container .input-width-100.input-text button { float: right; padding: 6px 14px 4px; }



/* =content
   ==secondary-navigation
------------------------------------------------------------------------------------- */
#nav-secondary ul { border-bottom: 1px solid #E8E8E8; list-style-type: none; margin: 0; padding: 0; font-size: 13px; }
#nav-secondary ul li { color: #233a81; background-image: none; border-top: 1px solid #e9e9e9; display: block; padding: 0; line-height: 18px; text-transform: uppercase; }
#nav-secondary ul li a { display: block; padding: 7px 0 7px 0; color: #37517d; }
#nav-secondary ul li span { display: block; padding: 7px 0 7px 0; color: #37517d; }
#nav-secondary ul li .navigation-active { font-weight: bold; }
#nav-secondary ul li .currentsection { font-weight: bold; }
#nav-secondary ul ul { border-bottom: none; }
#nav-secondary ul ul li { border-top: 1px solid #fff; background: #f3f3f3; text-transform: none; }
#nav-secondary ul ul li a { display: block; padding: 7px 7px 7px 10px; color: #2a61a1; }
#nav-secondary ul ul li span { display: block; padding: 7px 7px 7px 10px; color: #2a61a1; }
#nav-secondary ul ul ul { border-bottom: none; }
#nav-secondary ul ul ul li { border-top: 1px solid #fff; background: #f9f9f9; }
#nav-secondary ul ul ul li a { display: block; padding: 7px 7px 7px 20px; color: #419fc8; }
#nav-secondary ul ul ul li span { display: block; padding: 7px 7px 7px 20px; color: #419fc8; }

ul.smartphone-nav { list-style-type: none; padding: 0; margin: 0; }
#wrapper-content ul.smartphone-nav { margin: 1em 0; }
ul.smartphone-nav > li a, ul.smartphone-nav li.zone-links { display: block; padding: 5px 8px; }
ul.smartphone-nav > li a { border-bottom: 1px solid #AFAFAF; }
ul.smartphone-nav > li.zone-links a { display: inline; border: none; border-top: none !important; padding: 0; text-transform: none; }
ul.smartphone-nav li.highlight a { background: #f2f2f2; font-size: 14px; }
ul.smartphone-nav > li:first-child > a { border-top: 1px solid #AFAFAF; }
ul.smartphone-nav li a .chevron { float: right; color: #0079C2; }
ul.smartphone-nav-dynamic { margin-left: 16px; }
ul.smartphone-nav-dynamic.no-left-margin { margin-left: 0; }
ul.smartphone-nav-dynamic li { margin-bottom: 0; }
ul.smartphone-nav.page-nav-back { display: none; }

#mobilenav-wrapper { display: none; }

/* =content
   ==contact
------------------------------------------------------------------------------------- */
.contact-form-text { width: 40%; }
.contact-form { width: 60%; }
.contact-dropdown-row { border-top: 2px solid #b5e3f6; padding: 1em 0; }
.contact-dropdown, .contact-dropdown-text { width: 50%; }
.contact-dropdown-text { padding-top: 39px; }
.contact-dropdown-text p { padding: 0 10px; }
.contact-dropdown-text .default { color: #3c91c2; font-style: italic; }
.block-content .tile-container-2-col { margin-left: 0; }
.block-content .tile-container-2-col .tile:first-child { border-left: 0; }
#wrapper-content .block-content .tile-container-2-col .tile:first-child section { padding-left: 0;  }


/* =content
   ==publications
------------------------------------------------------------------------------------- */
#publication-search .input-width-100.input-text input[type="text"] { width: 80%; }
.publication-search-summary { color: #0d80c5; font-style: italic; }
.publication-search-tabs { font-size: 11px; text-align: left; list-style-type: none; padding: 0; margin: 0; font-family: 'Frutiger LT W01 65 Bold'; font-weight: normal; font-style: normal; text-transform: uppercase; }
.publication-search-tabs li { display: inline; float: left; }
.publication-search-tabs li a { display: inline-block; padding: 7px 10px 3px; border-top: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; background: #f5f5f5; color: #959595; }
.publication-search-tabs li:first-child a { border-left: 1px solid #E4E4E4; }
.publication-search-tabs li.active a { background: #fff; color: #000; border-bottom: 1px solid #fff; margin-top: -2px; padding: 9px 15px 3px; }
.publication-search-tab-content { border: 1px solid #E4E4E4; margin-top: -1px; padding: 0 15px 15px; margin-bottom: 2em; display: none; }
#publication-search-tab-current, #current-publication-search-results-publications, #archive-publication-search-results-publications { display: block; }
.publication-search-results-sort { padding: 10px 0; }
.publication-search-results-sort p { float: left; }
.publication-search-results-sort form { float: right; }
.publication-search-results-toggle { border-bottom: 1px dotted #AFAFAF; }
.publication-search-results-toggle h3 { float: left; margin: 10px 0; }
.publication-search-results-toggle a { float: right; display: inline-block; background: transparent url('/media/epsb/layoutassets/images/sprite-icons-new.png') 36px -62px no-repeat; padding-right: 20px; margin-top: 12px; }
.publication-search-results-toggle a.open { background-position: 38px -250px; }
.publication-search-results { display: none; }
.modified-date { float: right; color: #57b92d; }


/* =content
   ==careers
------------------------------------------------------------------------------------- */
#wrapper-content .careers-landing-split .block section { border-top: none; }
#wrapper-content .careers-landing-split { border-top: 2px solid #B5E3F6; }
#careers-search { background: transparent url('/media/epsb/layoutassets/images/placeholder-careers-background.jpg') center center; background-size: cover; }
#careers-search.layout-row-100 .block { width: 70%; padding: 5% 15%; }
#careers-search.layout-row-100 .block section { border-top: none; }



/* =content
   ==board-of-trustees
------------------------------------------------------------------------------------- */
ol.board-meeting { font-weight: bold; }
ol.board-meeting li li, ol.board-meeting li .note { font-weight: normal; }
ol.board-meeting li .note { font-style: italic; display: block; padding: 0.5em 1em; }
#map-canvas.map-trustee { width: 100%; height: 500px; }


/* =content
   ==tables
------------------------------------------------------------------------------------- */
table th, table td { vertical-align: top; }
table th { font-weight: bold; padding: 0 0.5em; }
table td { padding: 0.5em; }
table tr td:first-child, table tr th:first-child { padding-left: 0; }
table td ul { margin: 0; }

/* =content
   ==embedded
   ------------------------------------------------------------------------------------- */
.block.column-center iframe, .block.column-center embed, .block.column-right iframe, .block.column-center embed { max-width: 100%; }

/* =footer
------------------------------------------------------------------------------------- */
#wrapper-footer { border-top: 1px solid #afafaf; }
#wrapper-footer img.border { border: 4px solid #fff; }
#strip-footer { border-top: 1px solid #fff; background: #f2f2f2 url('/media/epsb/layoutassets/images/background-footer.png') center top no-repeat; }
#strip-footer .row { background: #f2f2f2 url('/media/epsb/layoutassets/images/background-footer-ribbons.png') center top no-repeat; }
#strip-footer .block { background: transparent url('/media/epsb/layoutassets/images/background-footer-border.png') left center no-repeat; min-height: 210px; padding: 0 16px; }
#strip-footer .block:first-child { background: none; padding-left: 0; }
#strip-subfooter { background: #0079c1; color: #fff; }
#strip-subfooter .row { padding: 10px 0; }
#strip-subfooter a:link, #strip-subfooter a:visited { text-decoration: none; color: #fff; }
#strip-subfooter a:hover { color: #10294b; text-decoration: underline; }
#strip-subfooter p { display: inline; margin: 0; float: left; }
#strip-subfooter ul { margin: 0; padding: 0; display: inline; float: right; }
#strip-subfooter li { display: inline; margin: 0; padding: 0; border-left: 1px solid #d3d3d3; padding: 0 5px 0 10px; }
#strip-subfooter li:first-child { border-left: none; padding-left: 0; }
#wrapper-footer ul.smartphone-nav { text-transform: uppercase; }



/* =layout
--------------------------------------------------- */
#mq-target { display: none; }
header, article, footer, article, nav.row, div.row { width: 98%; max-width: 1040px; margin: 0 auto; overflow: hidden; *zoom: 1; }
div.row div.row { width: 100% } /* Max width for nested rows */
div.nested-row { width: 100%; }
nav.row { overflow: visible; }
.block { float: left; margin-right: -100%; margin-bottom: 1em; width: 100%; min-height: 10px; }
.layout-row-100 .block, .layout-row-100-iegrid .block { width: 100%; margin-left: 0%; }

.layout-row-50 .block, .layout-row-50-iegrid .block { width: 49%; }
.layout-row-50-iegrid .block.tile-1 { margin-left: 0%; clear: left; }
.layout-row-50-iegrid .block.tile-2 { margin-left: 51%; clear: right; }
.layout-row-50 .block:nth-child(2n+1) { margin-left: 0%; clear: left; }
.layout-row-50 .block:nth-child(2n+2) { margin-left: 51%; clear: right; }
.layout-row-50 .block.span2, .layout-row-50-iegrid { width: 100%; }

.layout-row-33 .block, .layout-row-33-iegrid .block { width: 32%; }
.layout-row-33-iegrid .block.tile-1 { margin-left: 0%; clear: left; }
.layout-row-33-iegrid .block.tile-2 { margin-left: 34%; }
.layout-row-33-iegrid .block.tile-3 { margin-left: 68%; clear: right; }
.layout-row-33 .block:nth-child(3n+1) { margin-left: 0%; clear: left; }
.layout-row-33 .block:nth-child(3n+2) { margin-left: 34%; }
.layout-row-33 .block:nth-child(3n+3) { margin-left: 68%; clear: right; }
.layout-row-33 .block.span2, .layout-row-33-iegrid .block.span2 { width: 66%; }
.layout-row-33 .block.span3, .layout-row-33-iegrid .block.span3 { width: 100%; }

.layout-row-25 .block, .layout-row-25-iegrid .block { width: 25%; }
.layout-row-25-iegrid .block.tile-1 { margin-left: 0%; clear: left; }
.layout-row-25-iegrid .block.tile-2 { margin-left: 25%; }
.layout-row-25-iegrid .block.tile-3 { margin-left: 50%; }
.layout-row-25-iegrid .block.tile-4 { margin-left: 75%; clear: right; }
.layout-row-25 .block:nth-child(4n+1) { margin-left: 0%; clear: left; }
.layout-row-25 .block:nth-child(4n+2) { margin-left: 25%; }
.layout-row-25 .block:nth-child(4n+3) { margin-left: 50%; }
.layout-row-25 .block:nth-child(4n+4) { margin-left: 75%; clear: right; }
.layout-row-25 .block.span2, .layout-row-25-iegrid .block.span2 { width: 50%; }
.layout-row-25 .block.span3, .layout-row-25-iegrid .block.span3 { width: 75%; }
.layout-row-25 .block.span4, .layout-row-25-iegrid .block.span4 { width: 100%; }


.layout-row-carousel .carousel-left { width: 66%; margin-left: 0%; }
.layout-row-carousel .carousel-right { width: 32%; margin-left: 68%; }
.layout-row-contact .contact-left { width: 40.5%; margin-left: 0%; }
.layout-row-contact .contact-right { width: 57.5%; margin-left: 42.5%; }
.layout-row-content-column-two .column-center { width: 74.5%; margin-left: 0%; }
.layout-row-content-column-two .column-right { width: 23.5%; margin-left: 76.5%; }
.layout-row-content-column-three .column-left { width: 19.25%; margin-left: 0%; }
.layout-row-content-column-three .column-center { width: 53.25%; margin-left: 21.25%; }
.layout-row-content-column-three .column-right { width: 23.5%; margin-left: 76.5%; }

#wrapper-content .block section { border-top: 2px solid #b5e3f6; padding: 16px; }
#wrapper-content .block section.no-border { border-top: 0; }
#wrapper-content .block section ul, #wrapper-content .block section ol { margin: 1.5em 0;}
#wrapper-content div.nested-row .block:first-child section { padding-left: 0; }

#tabcontent-parents h3, #tabcontent-parents ul, .homepage-tabcontent h3, .homepage-tabcontent ul  { padding: 0 16px; }

.carousel-right .block { width: 100%; margin-left: 0%; clear: both; }
.block img.float-left, .block img.float-right { margin-top: 0; }


/* =layout
   ==smartphone (0px - 320px)
--------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 480px) {
  #mq-target { width: 480px; }

  .smartphone-only { display: block; }
  .smartphone-hidden { display: none; }

  /* =layout
  --------------------------------------------------- */
  header, article, footer, article, nav.row, div.row { width: 94%; }
  div.nested-row { width: 100%; }
  #wrapper-header { margin-bottom: 1em; }
  .homepage-tabcontent, .homepage-tabs, .share-tools, #share-my-thoughts, #i-want-to, #tell-me-about, #tabcontent-parents.homepage-tabcontent { display: none; }
  #wrapper-carousel-homepage, #wrapper-carousel { margin-bottom: 0; }
  /* #wrapper-carousel-homepage { display: none; } */
  .block, .layout-row-100 .block, .layout-row-50 .block, .layout-row-50 .block:nth-child(2n+1), .layout-row-50 .block:nth-child(2n+2), .layout-row-33 .block, .layout-row-33 .block:nth-child(3n+1), .layout-row-33 .block:nth-child(3n+2), .layout-row-33 .block:nth-child(3n+3), .layout-row-25 .block, .layout-row-25 .block:nth-child(4n+1), .layout-row-25 .block:nth-child(4n+2), .layout-row-25 .block:nth-child(4n+3), .layout-row-25 .block:nth-child(4n+4), .layout-row-carousel .carousel-left, .layout-row-carousel .carousel-right, .layout-row-content-column-two .column-center, .layout-row-content-column-two .column-right, .layout-row-content-column-three .column-center, .layout-row-content-column-three .column-right, .layout-row-contact .contact-left, .layout-row-contact .contact-right { width: 100%; margin-left: 0%;  clear: both;; }
  .smartphone-only div.tile { padding: 0 8px; }
  #tabcontent-newtoedmonton + div.layout-row-50 .block:first-child section, #tabcontent-parents + div.layout-row-50 .block section, #wrapper-content .homepage-tabcontent + .layout-row-33 .block:first-child section { border-top: none; }

  /* =masthead
  --------------------------------------------------- */
  #strip-navigation, #search-container { display: none; }
  #strip-login { height: 5px; }
  #strip-logo { padding: 0 0 15px; border-bottom: 1px solid #AFAFAF; }
  #strip-logo a.logo { width: 159px; height: 67px; background: transparent url('/media/epsb/layoutassets/images/logo-epsb-smartphone.png') 0 0 no-repeat; }
  #smartphone-menu-button { display: block; }
  #wrapper-header .smartphone-only { border-bottom: 1px solid #AFAFAF; }
  #wrapper-page-title p { display: none; }
  #wrapper-content-header p { display: none; }

  /* =content
  --------------------------------------------------- */
  #wrapper-page-title h1 { font-size: 2em; margin: 0,5em 0; float: none; width: 100%; }
  #wrapper-content-header h1 { font-size: 2em; margin: 0,5em 0; float: none; width: 100%; }
  h3.sprite-title, div.sprite-title  { background: none; padding-left: 0; border: none; }

  /* .layout-row-carousel .carousel-left { display: none; } */
  #wrapper-content .block section { padding: 0; }
  .block.column-right aside h3 { margin: 0; }
  .block.column-right aside { padding: 8px; }

  textarea { min-height: 50px; }

  ul.thumbnail-list li { border: none; }
  ul.thumbnail-list p.date { display: inline; margin: 0; }
  ul.thumbnail-list .teaser { display: none; }
  ul.thumbnail-list p { margin-top: 0; }

  .link-container { font-size: 12px; line-height: 1.5em; }
  .link-container ul { list-style-type: disc; padding: 0 0 0 20px; }
  #tabcontent-parents { border-top: none; }
  #tabcontent-parents h3, #tabcontent-parents .chevron { font-style:  normal; color: #000; }
  #tabcontent-parents h3, #tabcontent-parents ul, .homepage-tabcontent h3, .homepage-tabcontent ul { padding-left: 0; }
  #wrapper-content #share-my-thoughts.block section { border-top: none; }

  #publication-search .input-width-100.input-text input[type="text"] { width: 65%; }

  .school-information .details { margin-bottom: 0; }
  #school-attendance-piegraph { display: block; }
  .school-attendance-graph { display: none; }
  .school-info-medium { margin: 2.25em 0 0.5em; }


  /* School Info + Tabs + Publications */
  .school-information-row-1, .school-information-row-2, .school-information-row-3 { display: none; }
  .layout-row-content-column-two .column-center .school-information img.border { display: inline-block; }

  .school-address { width: 100%; padding: 1em 0; border: none; border-bottom: 1px dotted #AFAFAF; }
  .school-ward-trustee, .school-grades-enrollment { width: 45%; padding: 0; }
  .school-ward-trustee, .school-grades-enrollment { padding-right: 4%; border: none; border-right: 1px dotted #AFAFAF; }

  .school-grades-enrollment { padding-left: 4%; padding-right: 0; border: none; }
  .school-attendance { margin-bottom: 0; }
  .school-programs li { width: 100%; }

  .school-enrollment { width: 100%; border: none; border-top: 1px dotted #AFAFAF; padding-top: 10px; }
  .school-built p, .school-grades p { font-size: 36px; }
  .school-enrollment h5, .school-enrollment a, .school-attendance h5, .school-attendance a { text-align: center; }
  .school-tab-content, .publication-search-tab-content { border: none; padding: 0 8px; display: none; }
  .school-tabs, .publication-search-tabs { display: none; list-style-type: none; padding: 0; margin: 0; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; text-transform: none; }
  .school-tabs li, .publication-search-tabs li  { float: none; }
  .school-tabs li a, .publication-search-tabs li a { display: block; border: none; border-bottom: 1px solid #AFAFAF; padding: 5px; }
  .school-tabs li.active a, .publication-search-tabs li.active a  { border-bottom: 1px solid #AFAFAF; padding: 5px; margin: 0; }
  .school-tabs li:first-child a, .publication-search-tabs li:first-child a  { border-right: 0; border-left: 0; border-top: 1px solid #AFAFAF; }
  .school-tabs li a .chevron { float: right; }
  #school-tab-details, #publication-search-tab-current, #publication-search-results-publications { display: none; }
  #school-tab-map #map-canvas { float: none; width: 100%; height: 300px;  }
  #school-tab-map #legend { float: none; width:96%; height:auto; padding: 2%; }

  .contact-dropdown-text { padding-top: 0; }

  .layout-row-content-column-two .column-center img.border, .layout-row-content-column-three .column-center img.border { display: none; }
  #school-tab-map img { display: block; }

  #map-canvas.map-trustee { height: 300px; }

  /* =footer
  --------------------------------------------------- */
  #strip-footer { background-image: url('/media/epsb/layoutassets/images/background-footer-ribbons.png'); }
  #strip-footer .block, #strip-footer .block:first-child { min-height: 0; background: none; padding: 0; }
  #strip-footer .block section { padding: 0; }
  #strip-footer .row { background: none; }
  #strip-subfooter .row { padding: 0; }
  #strip-subfooter .row p { padding: 0; display: block; margin-top: 0.5em; }
  #strip-subfooter ul { float: none; clear: both; margin: 8px 0; display: block; }
  .smartphone-only .input-width-100 { margin: 0; border: none; padding: 10px; }
  .smartphone-only .input-width-100.input-text input[type="submit"] { float: right; padding: 6px 14px 5px; }
  .smartphone-only .input-width-100.input-text input[type="text"] { background: #fff; border: 1px solid #AFAFAF;  padding: 6px 0; width: 70%; text-indent: 5px; }
  
  .smartphone-only.search-header .input-width-100.input-text input[type="submit"] { float: none; }
  
  /* Google Translate widget */
  #google_translate_element_mobile { display: inline-block; }
}


/* =layout
   ==tablet (321px - 600px)
--------------------------------------------------- */
@media screen and (min-width: 481px) and (max-width: 600px) {
  #mq-target { width: 600px; }

  /* =layout
  --------------------------------------------------- */
  .layout-row-50 .block:nth-child(2n+1), .layout-row-50 .block:nth-child(2n+2), .layout-row-50 .block.tile-1, .layout-row-50 .block.tile-2 { margin-left: 0%; width: 100%; clear: left; }
  .layout-row-carousel .carousel-left, .layout-row-carousel .carousel-right { width: 100%; margin-left: 0%; clear: both; overflow: hidden; *zoom: 1; }
  .layout-row-content-column-two .column-center, .layout-row-content-column-two .column-right { width: 100%; margin-left: 0%; clear: both; overflow: hidden; *zoom: 1; }
  .layout-row-content-column-three .column-center, .layout-row-content-column-three .column-right { width: 100%; margin-left: 0%; clear: both; overflow: hidden; *zoom: 1; }
  footer.layout-row-33 .block { width: 49%; }
  footer.layout-row-33 .block:nth-child(3n+1), footer.layout-row-33 .block.tile-1 { margin-left: 0%; clear: left; }
  footer.layout-row-33 .block:nth-child(3n+2), footer.layout-row-33 .block.tile-2 { margin-left: 51%; clear: right }
  footer.layout-row-33 .block:nth-child(3n+3), footer.layout-row-33 .block.tile-3 { margin-left: 0%; width: 100%; clear: left; }

  .block.column-right aside { width: 39%; margin-left: 2%; float: left; }
  .block.column-right aside:first-child { margin-left: 0; }
  .block.column-right:nth-child(2n+1) { margin-left: 0; }

  .school-information-row-1 { margin-top: 1em; }



  /* =masthead
  --------------------------------------------------- */
  nav.row { margin-left: -5px; }
  #strip-navigation li:first-child { margin-left: 0; }
  #strip-navigation li{ margin-left: 0; }
  #strip-navigation a:link, #strip-navigation a:visited { border-bottom: none; top: 0; margin: 0 1px 0 0; }

  /* =content
  --------------------------------------------------- */
  .homepage-tabcontent .block { width: 32%; }
  .homepage-tabcontent .block:nth-child(4n+1), .homepage-tabcontent .block.tile-1 { display: none; }
  .homepage-tabcontent .block:nth-child(4n+2), .homepage-tabcontent .block.tile-2 { margin-left: 0%;  clear: left; }
  .homepage-tabcontent .block:nth-child(4n+3), .homepage-tabcontent .block.tile-3 { margin-left: 34%; }
  .homepage-tabcontent .block:nth-child(4n+4), .homepage-tabcontent .block.tile-4 { margin-left: 68%; clear: right; }

  .homepage-tabs .tab { width: 20%; }
  .homepage-tabs .newtoedmonton { width: 40%; }
  .homepage-tabcontent .btn, #tabcontent-newtoedmonton .btn { margin-left: -100px; }

  #wrapper-content div.nested-row .block section, #wrapper-content div.nested-row .block:first-child section { padding: 0 8px; }

  .contact-dropdown-text { padding-top: 0; }
  .layout-row-50.contact-dropdown-row .block { width: 49%; }
  .layout-row-50.contact-dropdown-row .block:nth-child(2n+1), .layout-row-50.contact-dropdown-row .block.tile-1 { margin-left: 0%; clear: none; }
  .layout-row-50.contact-dropdown-row .block:nth-child(2n+2), .layout-row-50.contact-dropdown-row .block.tile-2 { margin-left: 51%; clear: none; }



  h3.flex-caption { font-size: 24px; }

  .school-programs li { width: 48%; }

  #school-tab-map #map-canvas { float: none; width: 100%; height: 500px;  }
  #school-tab-map #legend { float: none; width:96%; height:auto; padding: 2%; }

  /* =footer
  --------------------------------------------------- */
  #strip-footer { background-image: url('/media/epsb/layoutassets/images/background-footer-ribbons.png'); }
  #strip-footer .row { background: none; }

}


/* =layout
   ==desktop (601px+)
--------------------------------------------------- */
@media screen and (min-width: 601px) {
  #mq-target { width: 601px; }

  /* =layout
  --------------------------------------------------- */


  /* =masthead
  --------------------------------------------------- */


  /* =content
  --------------------------------------------------- */
  .school-programs li { width: 31%; }
  /* =footer
  --------------------------------------------------- */

}


/* =layout
   ==supplemental-mobile-midpoint
--------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 650px) {
  #strip-logo a.logo:link { width: 174px; height: 40px; background: transparent url('/media/epsb/layoutassets/images/logo-epsb-smartphone.png') 0 center no-repeat; }
  #search-container { padding-top: 25px; }
}


/* =layout
   ==supplemental-mobile-navigation (0px - 600px)
--------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 600px) {
  #mobilenav-wrapper { margin: 10px 0; display: block;  }
  #mobilenav-button { float: left; margin: 0 14px 0 0; width: 43px; height: 27px; background: url('/media/epsb/layoutassets/images/sprites-smartphone-nav.png') no-repeat 0 0 transparent; cursor: pointer;}
  #mobilenav-button:hover { background-position: -60px 0; }
  #mobilenav-button.menu-selected { background-position: 0 -40px; }
  #mobilenav-button.menu-selected:hover { background-position: -60px -40px; }
  #mobilenav select { float: right; margin: 0; }
  .layout-row-content-column-three .column-center, .layout-row-content-column-three .column-right { width: 100%; margin-left: 0%; clear: both; overflow: hidden; *zoom: 1; position: relative; }
  .layout-row-content-column-three .column-left { background: none repeat scroll 0 0 #FFFFFF; border-left: 0 none; height: 0; left: -274px; overflow: hidden; padding: 10px 8px 0; position: absolute; width: 220px; }
  .mobilenav-selector { max-width: 80%; }
}


/* =layout
   ==supplemental-carousel
--------------------------------------------------- */
@media screen and (min-width: 321px) and (max-width: 758px) {
  #wrapper-carousel-homepage .carousel-right { margin-top: 20px; }
  #wrapper-carousel-homepage .carousel-right { padding: 5px; min-height: 0; }
  .layout-row-carousel .carousel-left, .layout-row-carousel .carousel-right { width: 100%; margin-left: 0%; clear: both; overflow: hidden; *zoom: 1; }
  .carousel-right { width: 100%; margin-left: 0%; clear: both; overflow: hidden; }
  .carousel-right .block { width: 49%; }
  .carousel-right .block:nth-child(2n+1), .carousel-right .block.tile-1 { margin-left: 0%; clear: none; }
  .carousel-right .block:nth-child(2n+2), .carousel-right .block.tile-2 { margin-left: 51%; clear: none; }
  .homepage-tabcontent .btn { margin-left: -50px; }
}


@media screen and (min-width: 768px) and (max-width: 770px) {
  .homepage-tabcontent .btn { margin-left: -50px; }
  #wrapper-carousel-homepage .carousel-right .btn { width: 33%; }
}


/* =media-queries
   ==retina
--------------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #strip-logo a.logo { background-size: 350px 30px; background-image: url('/media/epsb/layoutassets/images/logo-epsb@2x.png'); }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 0px) and (max-width: 650px), only screen and (-o-min-device-pixel-ratio: 1.5) and (min-width: 0px) and (max-width: 650px), only screen and (min--moz-device-pixel-ratio: 1.5) and (min-width: 0px) and (max-width: 650px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 0px) and (max-width: 650px) {
  #strip-logo a.logo:link { background-size: 174px 25px; background-image: url('/media/epsb/layoutassets/images/logo-epsb-smartphone@2x.png'); }
}


/* 404 page */
#search-container2 { width: 225px;  padding-top: 5px; }
#search-container2 form { background: url('/media/epsb/layoutassets/images/background-search.png') no-repeat scroll 0 0 transparent; height: 36px; width: 220px; padding-left: 5px; }
#search-container2 input { background: none repeat scroll 0 0 transparent; border: none; font-size: 11px; padding: 0; width: 164px;}
#search-container2 input[type="submit"] { border: 0 none; cursor: pointer; height: 27px; text-indent: -9999px; width: 20px;}
#search-container2 input[type="search"] { height: 13px;  margin-left: 1px; width: 195px; }

#notfound-search  { display: inline-block; height:178px; background: #CCCCCC; }
#notfound-image {display: inline-block; vertical-align: top; height:500px; }
#notfound-row {background: #CCCCCC; white-space: nowrap; margin-top:10px; margin-bottom: 10px;}
#notfound-search-row {padding-left:40px;}
#sorryimg { max-width:100%; }

@media screen and (min-width: 0px) and (max-width: 650px) {
  #notfound-image { display: none;}
}

@media screen and (min-width: 0px) and (max-width: 480px) {
  #notfound-image { display: none;}
  #notfound-search  { width:100%; }
  #notfound-row {white-space: normal}
  #notfound-search-row {padding-left:8%;}
}

/* Responsive iFrame (Calendar) */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}