/* Boilerplate + h5bp.com/css */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: 'Roboto', sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.5; } .front { overflow-x: hidden; } a { color: #2a6ebb; text-decoration: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } a:visited { /* color: #64af5f; */ } a:hover { color: #2a6ebb;} a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } .field-type-text-with-summary a { color: #2a6ebb; text-decoration: underline; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .field-type-text-with-summary a:visited { /* color: #64af5f; */ } .field-type-text-with-summary a:hover { color: #2a6ebb; text-decoration: none;} .field-type-text-with-summary a:focus { outline: thin dotted; } .field-type-text-with-summary a:hover, a:active { outline: 0; } h2 a { color: #2a6ebb; text-decoration: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } h2 a:visited { /* color: #64af5f; */ } h2 a:hover { color: #000000;} h2 a:focus { outline: thin dotted; } h2 a:hover, a:active { outline: 0; } li a { color: #2a6ebb; text-decoration: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } li a:visited { /* color: #64af5f; */ } li a:hover { color: #000000;} li a:focus { outline: thin dotted; } li a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 0; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word;} q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } select { font-size: 0.875em; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 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-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); margin: 0 0 20px; } .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Layout padding for small screen */ .zone-content, .zone-branding-wrapper, #section-footer {padding-left: 1em; padding-right: 1em; } .zone-content-wrapper { padding: 1em 0;} .zone-front-row-two, .zone-front-row-three { padding-left: 1em; padding-right: 1em;} /* Typography (Base for all) */ body {background: url(../images/body-bg.png) repeat; color: #000000; font-family: 'Roboto', Arial, sans-serif;} h1,h2,h3,h4,h5,h6 { font-weight: normal; line-height: 1; color: #2a6ebb;} .hsc-homepage h3, .hsc-homepage h4, .hsc-homepage h5, .hsc-homepage h6 { color: #4B0082; } #active-offer h1 { color: #2a6ebb; } h1 {font-size: 1.3em; line-height: 1.2; margin:0 0 .2em 0; font-weight: bold; } /* 32px @ 16px */ h2 {font-size: 1.25em; line-height: 1; margin: 0 0 .2em 0;} h3 {font-size: 1.2em; line-height: 1; margin: 0 0 .2em 0;} h4 {font-size: 1.1em; line-height: 1; margin: 0 0 .2em 0;} h5 {font-size: 1.1em; line-height: 1; margin: 0 0 .1em 0; font-weight: bold;} h6 {font-size: 1em; line-height: 1; margin: 0 0 1em 0;} .large { color: #13284B; font-weight: bold;} /* Headear Top */ .zone-header-wrapper { padding: 0px 1em 5px 1em; background: #eee; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%); /* Opera */ background-image: -o-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F3F3F3), color-stop(1, #e5e5e5)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #F3F3F3 0%, #E5E5E5 100%); border-bottom: 1px solid #d5d5d5;} /* Search Box */ .zone-header-wrapper input[type="text"] { border: none; border-radius: 4px; border: 1px solid #d5d5d5; } .zone-header-wrapper input[type="submit"] {border-radius: 4px;} .search-form { margin: 0; } input.custom-search-box { height: 24px; color: #616365;} /*Search Page*/ .search-results .title {font-size: 1.5em;} .search-results .title a{text-decoration: underline;} /* Secondary Nav */ .region-header-first .menu { list-style-type: none; margin: .5em 0; padding: 0; } .region-header-first .menu li { display: inline; margin: 0; padding: 0; border-left: 1px solid #f5f5f5; border-right: 1px solid #d5d5d5; list-style-image: none; } .region-header-first .menu li a { display: inline; padding: 0 5px 0 0px; color: #2a6ebb; font-size: 0.625em; font-weight: bold;} .region-header-first .menu li a:hover, .region-header-first .menu li.active a, .region-header-first .menu li.active-trail a { color: #000000;} .region-header-first .menu li.first { border-left: none;} .region-header-first .menu li.last { border-right: none;} .region-header-first .menu li.first a { padding-left: 0; } .region-header-first .menu li.last a { padding-right: 0;} /* Language Switcher */ html.js .block-locale-language div.contextual-links-wrapper {display: none; } .block-locale-language { width: auto; margin: 0 20px 0 0; float: left; padding: 5px; border: 1px solid #d5d5d5; background: #fff; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%); /* Opera */ background-image: -o-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E5E5E5)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%); border-radius: 4px;} .block-locale-language .content ul {margin: 0; padding: 6px 0 6px 0; line-height: 0%; } .block-locale-language .content ul li { display: inline; list-style-type: none; font-size: 1em; font-weight: bold; } .block-locale-language .content ul li a { color: #2A6EBB; text-shadow: 0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.8); text-transform: lowercase; display: inline-block;} .block-locale-language .content ul li a:first-letter { text-transform: uppercase;} .block-locale-language .content ul li a:hover, .block-locale-language .content ul li a.active { color: #000000;} .block-locale-language .content ul li.fr { padding-left: 3px;} .block-locale-language .content ul li.en { padding-right: 3px; border-right: 1px solid #ccc; } .block-locale-language .content .locale-untranslated { text-decoration: none;} /*.block-locale-language .content .locale-untranslated { text-decoration: line-through;} */ /* Branding (Logo Zone) */ .zone-branding-wrapper { padding: 1em; background: #f5f5f5; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%); /* Opera */ background-image: -o-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #efefef)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #FFFFFF 0%, #EFEFEF 100%); } /* Logo */ .logo-img img {width: 30%; height: auto; color: #fff;} /* Healthy Schools & Communities */ .hsc-homepage .field.field-name-title.field-type-ds { display: none; } .divider { border-top: 1px solid #ccc; padding: 60px 0 0; margin: 60px 0 .5em 0; } .next-steps { float: left; display: none; } .nextsteps-toggle { cursor: pointer; } .nextsteps-toggle:after { content: " \2193"; } /*Second Header Branding*/ .region-branding-second-inner { display:grid; grid-template-rows:1fr; grid-template-columns: repeat(12, 1fr); grid-column-gap: 10px; grid-row-gap: 1.3em; padding-top: 1.3em; } /* Cart Block */ /*#block-ophea-commerce-user-cart, .block-dashboard-login-prompt .content, .block-dashboard-register-prompt .content, .close-popup, .ophea-resources-submit a, .submit-results { margin-top: 1.3em; padding: 10px 1em; background:#fecc5f; background:-webkit-gradient(linear,left top,left bottom,color-stop(#feda71,0),color-stop(#febb4a,1)); background:-webkit-linear-gradient(top, #feda71 0%, #febb4a 100%); background:-moz-linear-gradient(top, #feda71 0%, #febb4a 100%); background:-o-linear-gradient(top, #feda71 0%, #febb4a 100%); background:linear-gradient(top, #feda71 0%, #febb4a 100%); border:1px solid #f5b74e; border-color:#f5b74e #e5a73e #d6982f; display:inline-block; border-radius:4px; }*/ .close-popup, .ophea-resources-submit a, .submit-results, #ophea-resources-filter-form #edit-submit, #ophea-resources-filter-form #edit-reset, .ophea-resources-back-wrapper a { margin-top: 1.3em; padding: 10px 1em; background:#fecc5f; background:-webkit-gradient(linear,left top,left bottom,color-stop(#feda71,0),color-stop(#febb4a,1)); background:-webkit-linear-gradient(top, #feda71 0%, #febb4a 100%); background:-moz-linear-gradient(top, #feda71 0%, #febb4a 100%); background:-o-linear-gradient(top, #feda71 0%, #febb4a 100%); background:linear-gradient(top, #feda71 0%, #febb4a 100%); border:1px solid #f5b74e; border-color:#f5b74e #e5a73e #d6982f; display:inline-block; border-radius:4px; } #block-ophea-commerce-user-cart { grid-column:1 / -1; display: inline-block; } #block-ophea-commerce-user-cart .block-inner { background:#fecc5f; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffcb3c,0),color-stop(#febb4a,1)); background:-webkit-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:-moz-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:-o-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:linear-gradient(top, #ffcb3c 0%, #ecac00 100%); border:1px solid #f5b74e; border-color:#f5b74e #e5a73e #d6982f; display:inline-block; border-radius:4px; width:100%; text-align:center; } #block-ophea-commerce-user-cart .block-inner .content{ display:inline-block; padding: 10px 1em; } #block-ophea-commerce-user-cart .content, .block-dashboard-login-prompt .content {color:#000000; text-shadow:0 1px 0 #fedd9b; text-align: center; font-size: 1em; font-weight: 500;} #block-ophea-commerce-user-cart .content a, .ophea-resources-submit a, .ophea-resources-back-wrapper a {color:#643d1b;} #block-ophea-commerce-user-cart .content a:hover, .ophea-resources-submit a:hover {color:#000;} #block-ophea-commerce-user-cart .content .cart-link a { padding: 0 25px 0 0; background: url(../images/cart.png) 100% 50% no-repeat; } /*Donate Button*/ /*.block-ophea-donate-button*/ .block-ophea-donate-button { grid-column:1 / -1; } .block-ophea-donate-button .block-inner .content{ background:#fff; background: -webkit-linear-gradient(top, #568BB5 0%, #0E6BB5 100%) !important; background: -ms-linear-gradient(top, #568BB5 0%, #0E6BB5 100%) !important; background: -moz-linear-gradient(top, #568BB5 0%, #0E6BB5 100%) !important; background: -o-linear-gradient(top, #568BB5 0%, #0E6BB5 100%) !important; background: linear-gradient(top, #568BB5 0%, #0E6BB5 100%) !important; border: none !important; border-radius:4px; display: inline-block; width: 100%; } .block-ophea-donate-button .block-inner .content p a{ padding: 10px 1em; display:inline-block; color:white; font-weight: 500; font-family: "Roboto", Arial, sans-serif; } .block-ophea-donate-button .block-inner .content p a:hover{ color: #CCC; } .block-ophea-donate-button .block-inner .content p { text-align: center; margin: 0px; } /* Main Nav (Top) */ .zone-menu-wrapper { padding: 5px 1em 5px 1em; background: #edac00; border-top: 1px solid #d6982f; border-bottom: 1px solid #d6982f;} .zone-menu-wrapper .tinynav { width: 100%; margin: 0; padding: 0; background: #edac00 url(../images/arrow-mob-nav.png) no-repeat right center ; border: none; color: #fff; font-weight: bold; } .region-menu .menu li a {display: none;} /* Main Nav Sidebar (Main level) */ .region-sidebar-first .block-menu-block { background-color: #edac00; border: 4px solid #fff;border-radius: 4px;box-shadow: 0px 0px 5px rgba(0,0,0,0.2); margin-bottom: 1.25em;} .region-sidebar-first .menu {margin: 0; padding: 0; list-style-type: none; } .region-sidebar-first .menu li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .lt-ie-7.region-sidebar-first .block-menu-block .block-inner {background-color: #edac00; } .region-sidebar-first .menu li a { display: block; padding: 7px 10px 7px 10px; border-bottom: 1px solid #F9F9F9; color: #643d1b; font-weight: 500; line-height: 20px; } .region-sidebar-first .menu li a:hover { background: #2A6EBB; color: #fff; } .region-sidebar-first .menu li.expanded {background: #f8f8f8; } .region-sidebar-first .menu li.expanded a {border: none;} .region-sidebar-first .menu li a.active, .region-sidebar-first .menu li a.active-trail {background: #2A6EBB url(../images/arow-active.png) no-repeat 100% 50%; color: #fff; border-bottom: 1px solid #F9F9F9; } .region-sidebar-first .menu li.last a { border-bottom: none; } /* 2nd level */ .region-sidebar-first .menu li ul.menu {padding: 7px 0 7px 0; border-bottom: 1px solid #eee; } .region-sidebar-first .menu li ul.menu li a {padding: 7px 10px 7px 10px; color:#004F9C; font-size: 14px; line-height: 16px; text-shadow: none; border-bottom: 1px solid #fff; } .region-sidebar-first .menu li ul.menu li a:hover { color: #643d1b; background: none; text-shadow: none;} .region-sidebar-first .menu li ul.menu li a.active { color: #643d1b; background: none; text-shadow: none;} .region-sidebar-first .menu li ul.menu li.last a { border-bottom: none; } /* 3rd level */ .region-sidebar-first .menu li ul.menu {padding: 5px 0 5px 0; border-bottom: none; } .region-sidebar-first .menu li ul.menu li.expanded a { border-bottom: none; } .region-sidebar-first .menu li ul.menu li ul.menu li a {padding: 6px 20px 6px 40px; color:#954d0d; font-size: 0.875em; } .region-sidebar-first .menu li ul.menu li ul.menu li a:hover { background: none; color: #643d1b;} .region-sidebar-first .menu li ul.menu li a.active-trail {background: none; color: #643d1b;} .region-sidebar-first .menu li ul.menu ul.menu {padding: 0px 0 0px 0; border-bottom: none; } .region-sidebar-first .menu li ul.menu li ul.menu li a.active-trail {background: none; color: #616365; border-bottom: none; } /* Main Nav Sidebar (Main level) - HSC Styles */ .context-healthy-schools-certification .region-sidebar-second .block-menu-block { background-color: #edac00; border: 4px solid #fff;border-radius: 4px;box-shadow: 0px 0px 5px rgba(0,0,0,0.2); margin-bottom: 1.25em;} .region-sidebar-second .hsc-secondary-menu {margin: 0; padding: 0; list-style-type: none; } .region-sidebar-second .hsc-secondary-menu li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .lt-ie-7.context-healthy-schools-certification .region-sidebar-second .block-menu-block .block-inner {background-color: #edac00; } .region-sidebar-second .hsc-secondary-menu li a { display: block; padding: 7px 10px 7px 10px; border-bottom: 1px solid #F9F9F9; color: #643d1b; font-weight: bold; line-height: 20px; } .region-sidebar-second .hsc-secondary-menu li a:hover { background: #2A6EBB; color: #fff; } .region-sidebar-second .hsc-secondary-menu li.expanded {background: #f8f8f8; } .region-sidebar-second .hsc-secondary-menu li.expanded a {border: none;} .region-sidebar-second .hsc-secondary-menu li a.active, .region-sidebar-second .hsc-secondary-menu li a.active-trail {background: #2A6EBB url(../images/arow-active.png) no-repeat 100% 50%; color: #fff; border-bottom: 1px solid #F9F9F9; } .region-sidebar-second .hsc-secondary-menu li.last a { border-bottom: none; } /* 2nd level - HSC Styles */ .region-sidebar-second .hsc-secondary-menu li ul.menu {padding: 7px 0 7px 0; border-bottom: 1px solid #eee; } .region-sidebar-second .hsc-secondary-menu li ul.menu li a {padding: 7px 10px 7px 10px; color:#004F9C; font-size: 0.875em; line-height: 1em; text-shadow: none; border-bottom: 1px solid #fff; } .region-sidebar-second .hsc-secondary-menu li ul.menu li a:hover { color: #643d1b; background: none; text-shadow: none;} .region-sidebar-second .hsc-secondary-menu li ul.menu li a.active { color: #643d1b; background: none; text-shadow: none;} .region-sidebar-second .hsc-secondary-menu li ul.menu li.last a { border-bottom: none; } /* 3rd level - HSC Styles */ .region-sidebar-second .hsc-secondary-menu li ul.menu {padding: 5px 0 5px 0; border-bottom: none; } .region-sidebar-second .hsc-secondary-menu li ul.menu li.expanded a { border-bottom: none; } .region-sidebar-second .hsc-secondary-menu li ul.menu li ul.menu li a {padding: 6px 20px 6px 40px; color:#954d0d; font-size: 0.875em; } .region-sidebar-second .hsc-secondary-menu li ul.menu li ul.menu li a:hover { background: none; color: #643d1b;} .region-sidebar-second .hsc-secondary-menu li ul.menu li a.active-trail {background: none; color: #643d1b;} .region-sidebar-second .hsc-secondary-menu li ul.menu ul.menu {padding: 0px 0 0px 0; border-bottom: none; } .region-sidebar-second .hsc-secondary-menu li ul.menu li ul.menu li a.active-trail {background: none; color: #616365; border-bottom: none; } .region-sidebar-second .hsc-secondary-menu .content {padding: 0px !important;} /* Section Blocks */ .zone-preface-row-one-wrapper {background: #2A6EBB;} .zone-preface-row-one-wrapper .content {padding: 1em 2em; text-align: center;} .zone-preface-row-one-wrapper .content p { margin: 0; font-size: 1em; line-height: 1.2; font-weight: bold; color: #ffffff; text-shadow: 0 -1px 1px rgba(0,0,0,0.5);} .zone-preface-row-one-wrapper .content p a { color: #ffffff; text-decoration: underline;} .zone-preface-row-one-wrapper .content p a:hover { text-decoration: none;} /* Footer */ .section-footer { min-height: 200px; padding: 2em 0; background: #2A6EBB; border-top: 7px solid #EDAC00; box-shadow: inset 0 0px 10px rgba(0,0,0,.25); } .zone-footer-row-one { padding: 0 0 1em 0;} .zone-footer-row-two { padding: 1em 0 0 0; border-top: solid 1px #00598F; box-shadow: inset 0px 1px #006DAF;} /* Footer Main Nav */ .region-footer-row-one-first .menu { margin: 0; padding: 0;} .region-footer-row-one-first .menu li { margin: 0; padding: 0; list-style-type: none; list-style-image: none;} .region-footer-row-one-first .menu li a { display:block; padding: 5px 0; color: #fff; font-size: 1em; border-bottom: 1px solid #00598f; box-shadow: inset 0px 1px #006DAF; } .region-footer-row-one-first .menu li.first a {box-shadow: none;} .region-footer-row-one-first .menu li.last a {border-bottom:none;} .region-footer-row-one-first .menu li a:hover, .region-footer-row-one-first .menu li a.active { color: #fff;} /* Footer Tertiary Nav */ .region-footer-row-one-second .menu li { margin: 0; padding: 0; list-style-type: none; list-style-image: none;} .region-footer-row-one-second .menu li a { display:block; padding: 5px 0; color: #fff; font-size: 1em; border-bottom: 1px solid #00598f; box-shadow: inset 0px 1px #006DAF; } .region-footer-row-one-second .menu li.first a {box-shadow: none;} .region-footer-row-one-second .menu li.last a {border-bottom:none;} .region-footer-row-one-second .menu li a:hover, .region-footer-row-one-second .menu li a.active { color: #fff;} /* Footer Newsletter */ .region-footer-row-one-third .content a { display:block; padding: 5px 0 5px 0px; color: #fff; font-size: 1em; border-bottom: 1px solid #00598f; box-shadow: 0px 1px #006DAF;} .region-footer-row-one-third .content a:hover { color: #fff;} /* Social Links */ .region-footer-row-two-first .content a { display: block; float: left; margin: 0 10px 10px 0; width: 32px; height: 32px; text-indent: -9999em;} .region-footer-row-two-first .content a.facebook { background: url(../images/facebook.png) no-repeat;} .region-footer-row-two-first .content a.twitter { background: url(../images/twitter.png) no-repeat;} .region-footer-row-two-first .content a.youtube { background: url(../images/youtube.png) no-repeat; margin-right: 0;} .region-footer-row-two-first .content a:hover { opacity: 0.75;} /* Footer Site Info */ .region-footer-row-two-second .content { font-size: 1em; color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.5); text-align: right; } /* ====== HOME PAGE ====== */ /* Slider */ .flexslider { background: none; border: none; box-shadow: 0 0px 7px rgba(0,0,0,.25); margin: 0; } .flex-nav-container { margin-bottom: 0;} .flexslider .slide-content a { display: block; } .flexslider .slide-content { display: block; position: absolute; left: 0; top: 0.5em; width: 100%; } .flexslider .slide-content-inner { display: inline-block; background: rgba(19,40,75,.75); } .flexslider .labeltitlesub-title { padding: 2% 3%; } .flexslider .label { padding: 2% 3%; } .flexslider .title { padding: 2% 3%; } .flexslider .sub-title { padding: 2% 3%; } .flexslider .labelsub-title { padding: 2% 3%; } .flexslider .labeltitle { padding: 2% 3%; } .flexslider .titlesub-title { padding: 2% 3%; } .flexslider .slide-content-inner h2 { margin: 0 0 .1em 0; font-size: 2em; font-family: 'Just Another Hand', cursive; font-weight: normal; color: #ffffff;} .flexslider .slide-text { display: block; font-family: 'Roboto', sans-serif; font-size: 0.75em; line-height:1.1; color: #ffffff;} .flexslider a.slide-wrapper { display: block;} .flexslider ul.slides li a.slide-wrapper img { display: block; margin: 0;} .flex-control-nav { width: 98%; bottom: 0; text-align: right;} .flex-control-paging li a { width: 12px; height: 12px; display: block; background: white; text-indent: 9999em; box-shadow: 0px 0px 18px rgba(255,255,255,0.9) } .flex-control-paging li a.flex-active { background: black; } .flex-direction-nav a { display: block; position: absolute; top: 40%; width: 30px; height: 30px; margin: 0; background: url(../images/bg_direction_nav.png) no-repeat 0 0; text-indent: -9999em; opacity: 1; } .flex-direction-nav .flex-next {display: none; background-position: 100% 0; right: 16px; } .flex-direction-nav .flex-prev {display: none; left: 16px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .lt-ie9 .flexslider .slide-content { background: url(../images/ie-transparent-bg-black-75.png) repeat; } .lt-ie9 .flex-direction-nav .flex-prev { left: 10px; } .lt-ie9 .flex-direction-nav .flex-next { right: 10px; } .flexslider .slide-label { font-size: 1.2em; font-family: 'Just Another Hand', cursive; font-weight: normal; color: #ffffff; } /* Welcome */ .region-front-row-one-second { padding: 1em;} /* Home Page Blog */ .region-front-row-two-one { margin: 0 0 20px 0; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); background: #fff; border-radius: 4px 4px 0 0;} .region-front-row-two-one h2.block-title { margin: 0; padding: 1em; background: #2A6EBB; color: #fff; font-size: 1.5em; font-weight: normal; border-bottom: 7px solid #edac00; border-radius: 4px 4px 0 0; } .region-front-row-two-one .content { padding: 1em; } .region-front-row-two-one .content h2 { font-size: 1.25em; } .region-front-row-two-one .content h2 a { color: #bd5413; font-weight: normal; } .region-front-row-two-one .views-row p { margin: 0; font-size: 0.875em; /* 14px @ 16px */;} .region-front-row-two-one .views-row { padding: 1em 0; border-bottom: 1px solid #eee; } .region-front-row-two-one .views-row-first { padding-top: 0;} /* Font styles for homepage headers*/ h4.home-title {color: #266EBC;} h4.home-title a{line-height: 1.2em; text-decoration: underline;} h4.home-title a:hover {text-decoration: none;} /* Home Page Featured Products */ .region-front-row-two-second { margin: 0 0 20px 0; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); background: #fff; border-radius: 4px 4px 0 0; } .region-front-row-two-second h2.block-title { margin: 0; padding: 1em; background: #2A6EBB; color: #fff; font-size: 1.5em; font-weight: normal; border-bottom: 7px solid #edac00; border-radius: 4px 4px 0 0; } .region-front-row-two-second .content { padding: 1em;} .region-front-row-two-second .content a.btn.btn-custom {width: 65%;} .region-front-row-two-second .content h3.product-title a { color: #bd5413; font-weight: 700; } /* Home Page Quick Links */ .region-front-row-two-third { margin: 0 0 20px 0; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); background: #fff; border-radius: 4px 4px 0 0; } .region-front-row-two-third h2.block-title { margin: 0; padding: 1em; background: #2A6EBB; color: #fff; font-size: 1.5em; font-weight: normal; border-bottom: 7px solid #edac00; border-radius: 4px 4px 0 0; } .region-front-row-two-third .content { padding: 1em;} .region-front-row-two-third a.btn.btn-custom {width: 100%; padding: 7px 0;} .lt-ie-7.region-front-row-two-third a.btn.btn-custom {width: 240px; padding: 7px 0;} /* Home Page Faccebook */ .region-front-row-three-one { margin: 0 0 1.25em 0; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); background: #fff; border-radius: 4px 4px 0 0;} .region-front-row-three-one h2.block-title { margin: 0; padding: 1em; background: #2A6EBB; color: #fff; font-size: 1.5em; font-weight: normal; border-bottom: 7px solid #edac00; border-radius: 4px 4px 0 0; } .region-front-row-three-one h2.block-title a {color: #fff;} .region-front-row-three-one h2.block-title a:hover {color: #edac00;} .region-front-row-three-one .content { padding: 1em;} .lt-ie-7.region-front-row-three-one { height: 630px; overflow: hidden;} /* Home Page Twitter */ .region-front-row-three-second { margin: 0 0 1.25em 0; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); background: #fff; border-radius: 4px 4px 0 0;} .region-front-row-three-second h2.block-title { margin: 0; padding: 1em; background: #2A6EBB; color: #fff; font-size: 1.5em; font-weight: normal; border-bottom: 7px solid #edac00; border-radius: 4px 4px 0 0; } .region-front-row-three-second h2.block-title a {color: #fff;} .region-front-row-three-second h2.block-title a:hover {color: #edac00;} .region-front-row-three-second .content { padding: 1em;} /* Homepage Slider overrides*/ /*---------------------------------------------------*/ .zone-front-row-one.container-12 { width: 100%; max-width: 1720px; } .zone-front-row-one .region-front-row-one-first.grid-8 { width: 100%; } .block-slider-block { margin-bottom: 1em; } @media screen and (min-width: 740px) { .block-slider-block { margin-bottom: 0; } } /*---------------------------------------------------*/ /* Make the Facebook Like box responsive (fluid width) https://developers.facebook.com/docs/reference/plugins/like-box/ */ #fb-root { display: none; } .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } /* Facebook */ .fb-wall{ font-size:0.875em; line-height:1.4; padding:10px; background-color:#FFF;} .fb-wall a{ text-decoration:none; color:#3B5998;} .fb-wall a:hover{ text-decoration:underline;} .fb-wall.loading{ height:300px; background:url(../images/loader-small.gif) no-repeat center center;} .fb-wall-box{ margin-bottom:10px; border-top:1px solid #eee; padding-top:10px;} .fb-wall-box-first{ border:0; padding-top:0;} .fb-wall-avatar{ float:left; border:0;} .fb-wall-data{ margin-left:50px;} .fb-wall-media{ display:block; font-size:0.6875em; margin-bottom:5px;} .fb-wall-border-left{ border-left:2px solid #CCCCCC; padding:0 0 3px 8px;} .fb-wall-media-container{ display:table;} .fb-wall-media-link{ border:1px solid #ccc; display:inline-block; color:#3B5998; cursor:pointer; float:left; margin-right:5px;} .fb-wall-media-link:hover{ border:1px solid #3B5998;} .fb-wall-picture{ margin-right:10px; border:0; display:block; margin:3px;} .fb-wall-name{ display:block; font-weight:bold; color:#3B5998;} .fb-wall-caption{ display:block; color:#3B5998;} .fb-wall-description{ display:block; color:#616365; line-height:1.2em;} .fb-wall-icon{ float:left; margin-right:5px;} .fb-wall-date{ font-size:0.625em; text-transform: uppercase; letter-spacing: 1px; color:#bbb; clear:left; display:block; margin-bottom:5px;} .fb-wall-message{ display:block; margin-bottom:5px;} .fb-wall-message-from{ font-weight:bold; color:#3B5998;} .fb-wall-link{ color:#616365; font-size:0.6875em; text-decoration:none;} /* Likes */ .fb-wall-likes{ border-bottom:1px solid #E5EAF1; margin-bottom:2px; display:block; font-size:0.6875em; background:url(../images/like.gif) no-repeat 0 0 #FFF; padding-top:5px;} .fb-wall-likes div{ margin:0; background:url(../images/like.gif) no-repeat 0 -5px #EDEFF4; padding:5px 5px 4px 24px;} .fb-wall-likes div span{ color:#3B5998;} /* Comments */ .fb-wall-comments{ margin-top:2px; font-size:0.6875em;} .fb-wall-comment{ background-color:#EDEFF4; border-bottom:1px solid #E5EAF1; margin-top:2px; padding:5px 5px 4px; display:block; overflow:hidden;} .fb-wall-comment-message{ display:table;} .fb-wall-comment-from-name{ font-weight:bold; color:#3B5998;} .fb-wall-comment-from-date{ color:#616365; clear:left; display:block;} .fb-wall-comment-avatar{ width:32px; height:32px; float:left; margin-right:5px; overflow:hidden;} .fb-wall-comment-avatar img{ width:32px; height:32px;} /* Clearfix */ .fb-wall:after, .fb-wall-media:after, .fb-wall-clean{ content:'.'; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0;} /* ====== BLOG & ARTICLE ====== */ /* Article / Blog View & Page */ .page-articles .views-row, .page-blogs .views-row { padding: 1em 0; border-bottom: 1px solid #ccc; box-shadow: 0 1px 0 #fff; } .page-articles .views-row p, .page-blogs .views-row p { margin: 0; } .view-display-id-page_articles .views-row .article-thumb, .blog-page .views-row .article-thumb { float: left; margin: 0 1em 1em 0; } .view-display-id-page_articles .views-row .article-thumb img, .blog-page .views-row .article-thumb img { background: #fff; padding: 5px;} /* Article Archive Block */ .region-sidebar-second .block .content .view-articles ul, .region-sidebar-second .block .content .view-blog ul { margin: 0; padding: 0; list-style-type: none;} .region-sidebar-second .block .content .view-articles ul li, .region-sidebar-second .block .content .view-blog ul li { margin: 0; padding: 10px 1em; border-bottom: 1px solid #eee; color: #616365; font-size: 1em; /* 18px @ 16px */ } .region-sidebar-second .block .content .view-articles ul li a.active, .region-sidebar-second .block .content .view-blog ul li a.active { color: #2a6ebb; } .region-sidebar-second .block .content .view-articles ul li:last-child, .region-sidebar-second .block .content .view-blog ul li:last-child { border: none; } /* Article Archive Block */ .gallery-images { margin: 0 0 1.25em 0;} .gallery-image { float: left; margin: 0 10px 10px 0; padding: 4px; background: #fff; border: 1px solid #eee;} /* Blog View & Page */ .comment-wrapper { padding: 1.5em; margin: 0 0 1.5em 0; background: #fff; border: 1px solid #eee; border-radius: 4px;} .comment-wrapper .filter-guidelines-item, .comment-wrapper .filter-wrapper { display: none;} .date {display: block; margin: 0 0 .5em 0; font-size: 0.75em; letter-spacing: 0.1em; text-transform: uppercase; color: #000;} .content-image, .node-type-blog-post .field-name-field-image { float: none; margin: 0 0 1em 0;} .content-image img, .node-type-blog-post .field-name-field-image img {padding: 5px; background: #fff; border: 1px solid #eee;} .region-sidebar-second .block h2.block-title { margin: 0; padding: 1em; background: #2A6EBB; color: #fff; font-size: 1.5em; font-weight: normal; border-bottom: 7px solid #edac00; border-radius: 4px 4px 0 0; } /*.region-sidebar-second .block .content a{ margin-top: 1.3em; padding: 10px 1em; background:#fecc5f; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffcb3c,0),color-stop(#febb4a,1)); background:-webkit-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:-moz-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:-o-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:linear-gradient(top, #ffcb3c 0%, #ecac00 100%); border:1px solid #f5b74e; border-color:#f5b74e #e5a73e #d6982f; display:inline-block; border-radius: 4px; }*/ /*FILTER LABELS - NO BUTTON BG*/ .page-blogs .region-sidebar-second .block .content a, .node-type-blog-post .region-sidebar-second .block .content a, .page-articles .region-sidebar-second .block .content a, .node-type-article .region-sidebar-second .block .content a{ padding: 5px 0; background: none; border: 0; } .author { margin: 0 0 1.25em 0; font-size: 0.875em; font-weight: bold; color: #aaa; font-style: italic;} .region-sidebar-second .block .btn-custom { width: 100%;} .node-type-blog-post .video-container { overflow: scroll;} /* Professional Learning */ /* Sidebar Block */ .block-block-15 {padding: 1.25em; margin: 0 0 1em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);} .block-block-16 { padding: 1.25em; margin: 0 0 1em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } .view-workshops .view-filters, .view-webinars .view-filters { padding: 1.25em; margin: 0 0 2em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } /* Workshops & Webinars */ .page-node-111 .title { display: none;} .view.pl .categories {margin: 0 0 1em 0;} .view.pl .views-row .term { width: 40px; height: 40px; float: left; margin: 0 10px 0 0; background: #eee; text-indent: -9999em;} .view.pl .views-row .term-7 {background: url(../images/pl-audience-education.svg) no-repeat;} .view.pl .views-row .term-8 {background: url(../images/pl-audience-health.svg) no-repeat;} .view.pl .views-row .term-9 {background: url(../images/pl-audience-recreation.svg) no-repeat ;} .view.pl .views-row .term-511 {background: url(../images/pl-audience-education-secondary.svg) no-repeat ;} .i18n-fr .view.pl .views-row .term-7 { background: url(../images/pl-audience-education-fr.svg); } .i18n-fr .view.pl .views-row .term-8 { background: url(../images/pl-audience-health-fr.svg); } .i18n-fr .view.pl .views-row .term-9 { background: url(../images/pl-audience-recreation-fr.svg); } .i18n-fr .view.pl .views-row .term-511 {background: url(../images/pl-audience-education-secondary-fr.svg) no-repeat ;} .view.pl .views-row { padding: 20px 0; border-bottom: 1px solid #ccc;} .view.pl .views-row.views-row-first { padding-top:0; } .view.pl .views-row.views-row-last { border-bottom: none;} .view.pl .views-row .btn.btn-custom a { color: #643d1b; } .view.pl .views-row .btn.btn-custom a:hover { color: black; } #webform-client-form-111 fieldset {padding: 1.25em; margin: 0 0 1.25em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);} #webform-client-form-111 legend { padding: .25em 1.25em; background: #eee; border:1px solid #ccc; text-align:right;} .node-webinar .item .terms span::after{ content: ", "; } .node-webinar .item .terms span:last-child::after{ content: ""; } /* Additional Resources */ .node-type-additional-resource .region-sidebar-second-inner {margin: 0 0 20px 0;box-shadow: 0px 0px 5px rgba(0,0,0,0.1);background: #fff;border-radius: 4px 4px 0 0;} .node-type-additional-resource .region-sidebar-second .block {margin: 0;box-shadow: none;background:none;border-radius: 0px;} .node-type-additional-resource .region-sidebar-second .block p {margin: 0px;} .node-type-additional-resource .region-sidebar-second .block .content {padding-bottom: 0px;} .node-type-additional-resource .region-sidebar-second .block .content .project-website-link {margin:0;} /* ===== ORDER ===== */ .page-node-3 .title, .page-node-3 h1 { display: none;} /* AddThis */ .block-17 { margin: 1.5em 0; padding: 1.25em 0 1em 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;} /* Cart */ .block-commerce-cart { background: #fff; margin: 0 0 1.25em 0; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);} .block-commerce-cart .content {padding: 1em; font-size: 0.875em;} /* Catalog Table */ /* .product-catalog table { width: 100%; border-collapse: separate; border-spacing: 10px;} .product-catalog table td { width: 43%; background: #fff; border-radius:4px; margin:0 10px; padding:1.25em; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } */ /* Product Pages */ .node-product-display .field-name-recommended-products { display: none; } .block-recommended { background: #fff; padding: 1em 0 0 1em; margin: 1.25em 0 1.25em 0; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);} .block-recommended .related-product, .block-recommended .view-featured-products .product-container { background: none; box-shadow: none; } .related-product, .block-recommended .view-featured-products .product-container { padding: 1.25em; background: #fff; border-radius:4px; margin:0 0 1em 0; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); list-style-type: none; overflow: hidden; } .product-container {background: #fff; border-radius:4px; margin:0 0 1.25em 0; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); list-style-type: none; overflow: hidden; } .product-container .inner-wrap {padding:1.25em;} .block-recommended .view-featured-products .product-container { width: 380px; box-shadow: none; } .block-recommended .view-featured-products .product-container .inner-wrap { padding: 0; } /* Product */ .product-title {font-size: 1.25em; margin: 0 0 1.25em 0;} h3.product-title {font-size: 1.5em;} .block-recommended .view-featured-products h3 { margin: 0 0 1em 0; } .block-recommended .view-featured-products .product-price { display: none; } /* Checkout */ .block-commerce-checkout-progress {padding: 1em; margin: 0 0 1.25em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } .block-commerce-checkout-progress ol li { list-style-position: inside;} .view-commerce-cart-form {padding: 1.25em; margin: 0 0 1.25em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);} #commerce-checkout-form-checkout {padding: 1.25em; margin: 0 0 1.25em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } #views-form-commerce-cart-form-default .form-actions, #views-form-commerce-cart-form-default p { float: right; } #views-form-commerce-cart-form-default p { margin: 1em 0.5em 1em 0; } /* Mimic clearfix */ #views-form-commerce-cart-form-default > div:before, #views-form-commerce-cart-form-default > div:after { content: ""; display: table; } #views-form-commerce-cart-form-default > div:after { clear: both; } #views-form-commerce-cart-form-default > div { *zoom: 1; } /* Order Filters */ .zone-preface-row-two-wrapper { padding: 0 1.25em; background: #ffffff; } html.js .zone-preface-row-two-wrapper fieldset.collapsible .fieldset-legend { background-image: none; padding-left: 0; } html.js .zone-preface-row-two-wrapper fieldset.collapsible .fieldset-legend a { background-image: url(../../../../../misc/menu-expanded.png); background-position: 0 50%; background-repeat: no-repeat; padding-left: 15px; } html.js .zone-preface-row-two-wrapper fieldset.collapsed .fieldset-legend { background-image: none; padding-left: 0; } html.js .zone-preface-row-two-wrapper fieldset.collapsed .fieldset-legend a { background-image: url(../../../../../misc/menu-collapsed.png); background-position: 0 50%; background-repeat: no-repeat; padding-left: 15px; } .zone-preface-row-two-wrapper .filter-text.grid-2 { font-size: 1em; } .zone-preface-row-two-wrapper .content {padding: 0.5em 0px; } .zone-preface-row-two-wrapper .views-exposed-widgets { margin: 0; } .zone-preface-row-two-wrapper label { font-weight: normal; font-size: 0.875em; text-transform: lowercase; } .zone-preface-row-two-wrapper .views-exposed-form .views-exposed-widget-custom { font-size: 1em; font-weight: bold; } .zone-preface-row-two-wrapper .views-exposed-form .views-exposed-widget-custom .fieldset-title { color: #2a6ebb; } .zone-preface-row-two-wrapper .views-exposed-form .views-exposed-widget-custom .fieldset-title:hover { color: #000000; } .zone-preface-row-two-wrapper .views-exposed-form .views-exposed-widget-custom .form-select { border-radius: 4px; border: 1px solid #d5d5d5;} .views-exposed-form .views-exposed-widget-custom .form-submit { margin: 0 10px 0 10px;} .zone-preface-row-two-wrapper .views-exposed-form .views-exposed-widget-custom.views-reset-button a { -webkit-appearance: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; background: #dddddd url('../images/button.png?1298351022') repeat-x; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(#ffffff, #dddddd); background-image: -moz-linear-gradient(#ffffff, #dddddd); background-image: -o-linear-gradient(#ffffff, #dddddd); background-image: linear-gradient(#ffffff, #dddddd); border: 1px solid; border-color: #dddddd #bbbbbb #999999; cursor: pointer; color: #616365; display: inline-block; font: bold 12px/1.3 "Roboto", Arial, "Liberation Sans", FreeSans, sans-serif; outline: 0; overflow: visible; margin: 0; padding: 3px 10px; text-decoration: none; vertical-align: top; width: auto; *padding-top: 2px; *padding-bottom: 0; } .zone-preface-row-two-wrapper .views-exposed-form .views-exposed-widget-custom.views-reset-button a:hover{ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc)); background-image: -webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: -moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: -o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc); background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc); text-decoration: none; } .zone-preface-row-two-wrapper .views-exposed-form .views-exposed-widget-custom.views-reset-button a:active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#dddddd, #eeeeee); background-image: -moz-linear-gradient(#dddddd, #eeeeee); background-image: -o-linear-gradient(#dddddd, #eeeeee); background-image: linear-gradient(#dddddd, #eeeeee); -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0; border-color: #999999 #bbbbbb #dddddd; } .zone-preface-row-two-wrapper .views-exposed-form .views-exposed-widget-custom.views-submit-button { float: left;} .view-id-workshops .views-exposed-form .views-exposed-widget.views-submit-button { display:block;clear:left;} .view-id-workshops .views-exposed-form .views-exposed-widget.views-reset-button { float: left;} .zone-preface-row-two-wrapper .views-exposed-form .views-exposed-widget-custom .bef-checkboxes .form-item { padding: 5px 0; border-bottom: 1px solid #ddd; } .bef-select-as-checkboxes-fieldset .fieldset-wrapper { padding: 0 0 0 0px; } .views-exposed-widget-custom .bef-select-as-checkboxes-fieldset { display: inline; } .views-exposed-form .views-widget-filter-commerce_price_amount label { float: left; font-size: 1em; font-weight: bold; margin-right: 0.5em; } .views-exposed-form .views-widget-filter-commerce_price_amount .form-select { max-width: 140px; } .filter-text { font-weight: bold; font-size: 0.875em;} .view-empty {margin: 1.5em 0 1.5em 0; background: #fff; padding: 20px;border-radius: 4px; border: 1px solid #eee;} .view-empty p {margin: 0;} /* Catalol Filter Output */ .view-product-catalog-filters .exposed_filter_data { margin: 0 0 1.75em 0; padding: 1em; font-size: .85em; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);} .view-product-catalog-filters .exposed_filter_data .title { display: inline; } .view-product-catalog-filters .exposed_filter_data .filter { display: inline; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px #ccc solid;} .view-product-catalog-filters .exposed_filter_data .filter:last-child { margin-right: 0; padding-right: 0; border: none;} .view-product-catalog-filters .exposed_filter_data .content { display: inline; } .view-product-catalog-filters .exposed_filter_data .filter .name { display: inline; font-weight: bold; } .view-product-catalog-filters .exposed_filter_data .filter .value { display: inline; } /* WEBFORMS */ #webform-component-information, #webform-component-delegates { display: inline; float: left; width: 49%; background: #fff; margin-right: 2%; padding: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eee; } #webform-component-delegates { margin-right: 0; } #webform-component-information .form-item, #webform-component-delegates .form-item { max-width: 500px; } #webform-component-information input, #webform-component-information select, #webform-component-delegates input, #webform-component-delegates select { width: 397px; } #webform-component-information #webform-component-information--school-board select { width: 397px; } @media only screen and (max-width: 739px) { #webform-component-information, #webform-component-delegates { width: 100%; margin-right: 0; } #webform-component-information { margin-bottom: 1em; } #webform-component-information input, #webform-component-information select, #webform-component-delegates input, #webform-component-delegates select { width: 100%; max-width: 300px; } .hsc-homepage .field.field-name-title.field-type-ds { display: none; } } #webform-component-information input.form-text, #webform-component-delegates input.form-text { padding: 0em .25em; height: 2.8em; border: 1px solid #d6d6d6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #webform-component-information input.form-text:focus, #webform-component-delegates input.form-text:focus { border: 2px solid #2A6EBB; } #webform-component-information select, #webform-component-delegates select { padding: 0em .25em; height: 2.2em; } #webform-component-information .description, #webform-component-delegates .description { font-style: italic; color: #767676; margin-top: .25em; } #webform-client-form-1036 .form-actions { clear: left; } #webform-client-form-1036 .form-actions input.form-submit { margin-top: 1em; display: inline-block; *display: inline; padding: 7px 20px; margin-bottom: 0; *margin-left: .3em; font-size: 1em; line-height: 20px; font-weight: bold; *line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #bbbbbb; *border: 0; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); color: #643d1b; background-color: #faa732; *background-color: #f89406; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-shadow: none; } #webform-client-form-1036 .form-actions input.form-submit:hover, #webform-client-form-1036 .form-actions input.form-submit:active { color: #ffffff; background: #f89406; } /* CHECKOUT */ .checkout-continue { margin: 1em .5em 0 0;} #commerce-checkout-form-checkout legend { margin: 0 0 1em 0;} #commerce-checkout-form-checkout .fieldset-legend { display: block; font-size: 1.5em; font-weight: bold; margin: 0; color: #2a6ebb;} .field-name-commerce-order-total .commerce-price-formatted-components {width: 100%; margin-left: 0; } .commerce-order-handler-area-order-total .commerce-price-formatted-components {width: 100%; margin-left: 0; } ol.inline.commerce-checkout-progress li { float: left; width: 22%; white-space: nowrap; margin: 0 0 0 1em;} .commerce_payment, .commerce-order-commerce-order { background: #fff; padding: 1.25em; margin: 0 0 1.25em 0; border: 1px solid #eee;} .commerce_payment legend {padding: .25em 1.25em;background: #eee; border: 1px solid #ccc;} .field-name-commerce-customer-billing, .field-name-commerce-customer-shipping { margin: 0 0 1em 0;} .field-name-commerce-customer-billing .field-label, .field-name-commerce-customer-shipping .field-label {margin: 0 0 .5em 0; font-weight: bold; font-size: 1.25em; color: #2a6ebb;} .view-commerce-user-file-licenses .views-table caption {text-align: left; font-weight: bold; margin: 0 0 .5em 0; } .view-commerce-user-file-licenses .view-grouping-header {margin: 0 0 .5em 0; font-weight: bold; font-size: 1.25em; color: #2a6ebb;} /* Product Term Nav */ .lt-ie-7.block-term-nav-block .block-inner {background-color: #fff; } .block-term-nav-block { background: #fff; margin: 0 0 1.25em 0; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } .block-term-nav-block .content {padding: 1em;} .term-item-list:first-child { padding-top: 0;} .term-item-list:last-child {padding-bottom: 0; border-bottom: none;} .term-item-list { padding: 20px 0 0 0; border-bottom: 1px solid #eee; } .term-nav li { list-style-type: none; padding: 5px 0; border-top: 1px solid #eee; } .count-number { color: #ccc;} .view-term-nav h3 {font-size: 1.1em; margin: 0 0 .5em 0; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;} /* Product View */ .product-price { clear: both; font-size: 1.5em; color: #13284B; } .product-teaser { font-size: 0.875em; } .product-thumb {float: left; margin: 0.5em 0; } .product-thumb img {display: block; padding: 4px; background: #eee; border: 1px solid #ccc; float: left; margin: 0 20px 0 0;} .product-thumb img:hover {background: #e5e5e5; border: 1px solid #c1c1c1;} /* Product Display */ .commerce-add-to-cart .form-submit { color: #643d1b; font-size: 1em; margin-top: 1.3em; padding: 10px 1em; background:#fecc5f; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffcb3c,0),color-stop(#febb4a,1)); background:-webkit-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:-moz-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:-o-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:linear-gradient(top, #ffcb3c 0%, #ecac00 100%); border:1px solid #f5b74e; border-color:#f5b74e #e5a73e #d6982f; display:inline-block; border-radius:4px; font-family: "Roboto", Arial, sans-serif; } .commerce-add-to-cart:hover .form-submit:hover { color: #000000; font-size: 1em; margin-top: 1.3em; padding: 10px 1em; background:#fecc5f; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffcb3c,0),color-stop(#febb4a,1)); background:-webkit-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:-moz-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:-o-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:linear-gradient(top, #ffcb3c 0%, #ecac00 100%); border:1px solid #f5b74e; border-color:#f5b74e #e5a73e #d6982f; display:inline-block; border-radius:4px; } .product-image a { display: block;} .product-image img {display: block; clear: both; padding: 4px; background: #eee; border: 1px solid #ccc; float: left; margin: 0 20px 20px 0;} .product-image img:hover {background: #e5e5e5; border: 1px solid #c1c1c1; } .term-tags .label {text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size:0.75em; } .term-tags { clear: both; padding: 10px 0; border-top: 1px solid #eee; } .tag a { padding: 5px 15px; margin: 0 5px 0 0; background: #f8f8f8; border: 1px solid #ddd; border-radius: 15px; font-size:0.75em;} .tag a:hover { background: #fff; border: 1px solid #ccc;} /* Associated Products */ .block-associated-products {margin: 0 0 1em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } .block-associated-products .block-inner h2 { margin: 0; padding: 1em; background: #2A6EBB; color: #fff; font-size: 1.5em; font-weight: normal; border-bottom: 7px solid #edac00; border-radius: 4px 4px 0 0;} .block-associated-products .associated-products {padding: 1.25em;} .block-associated-products .associated-products h2 { background: none; padding: 0; margin: 0 0 5px 0; text-transform: none; font-weight: normal; border: none; font-size: 1.25em; } .associated-product-item { padding: 0 0 1.25em 0; margin: 0 0 1.25em 0; border-bottom: 1px solid #eee; } .associated-product-item:last-child { margin: 0; padding: 0; border: none; } .field-name-field-product-image {float: left; } .field-name-field-product-image img {display: block; padding: 4px; background: #eee; border: 1px solid #ccc; float: left; margin: 0 20px 0 0;} .field-name-field-product-image img:hover {background: #e5e5e5; border: 1px solid #c1c1c1; } .field-commerce-price { margin: 0 0 0.25em 0; font-weight: bold; } /* ===== Resources ===== */ .content-item { padding: 0.5em 0; border-bottom: 1px solid #eee;} .group-submitted-by { padding: 1.25em 0 0 0; } .content-item .label-inline { font-weight: bold; } /* Additional Resources */ .project-website-link { margin: 1em 0 0 0; } .content-inline-item { border-right: 1px solid #d4d4d4; padding: 0 1em ;} .project-website-link a { display: block; margin: 0 0 1em 0;} .content-inline-item:last-child { border:none;} /* ===== OTHER ===== */ .page-user #user-login, .page-user #user-pass {padding: 1.25em; margin: 0 0 1.25em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);} /* User Registration */ .page-user-register #edit-account {padding: 1.25em; margin: 0 0 1.25em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);} .page-user-register .field-group-fieldset, .page-user-register #edit-campaignmonitor {padding: 1.25em; margin: 0 0 1.25em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);} .page-user-register .field-group-fieldset legend, .page-user-register #edit-campaignmonitor legend { padding: .25em 1.25em; background: #eee; border:1px solid #ccc; text-align:right;} /* User Profile */ .user-profile {padding: 1.25em; margin: 0 0 1.25em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);} .user-info { padding: 1em 0; border-bottom: 1px solid #eee;} .user-info .label-inline { font-weight: bold;} /* Formalize Width Override */ .content .node select, .content .node textarea, .content .node input[type="text"], .content .node input[type="email"], .zone-content .block input[type="email"], .zone-content .block input[type="text"] {width: 100%;} /* textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {width: 100%;} */ .button-set { float: right; margin: 0 0 1em 1em; width: 20%; } /* Custom Blockquote */ .field-name-body blockquote {margin: 1.5em 0 1.5em 0;background: #fff; border-radius: 4px; border: 1px solid #eee; padding: 1.25em 40px 0 44px; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; background: #fff url(../images/blockquote-quote.png) no-repeat 20px 22px; } .quote-author {display: block; float: left; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #2a6ebb;} .quote-author-place { padding: 0 0 0 10px; margin: 0 0 0 10px; color: #616365; font-family: Georgia,"Times New Roman",Times,serif; border-left: 1px solid #ccc; } /* Lists */ .field-name-body ul {margin: 1.5em 0 1.5em 0;background: #fff; padding: 20px;border-radius: 4px; border: 1px solid #eee;} .field-name-body ul li {list-style: none; background: url(../images/bullet.png) no-repeat left 6px; margin: 0 0 0.8em 0; padding: 0 0 0 23px; } .field-name-body ul ul {margin: .5em 0 .5em 0; background:none; padding: 0; border: none;} .field-name-body ul ul li { margin: 0 0 0.1em 0; padding: 0 0 0 23px; } .field-name-body ol {margin: 1.5em 0 1.5em 0;background: #fff; padding: 20px;border-radius: 4px; border: 1px solid #eee;} .field-name-body ol li {padding: 0; margin: 0 0 0.5em 1.25em;} ul li.leaf { list-style-image: none; list-style-type: none;} div.messages {margin: 0 0 1.25em 0;} /* Sub Menu */ ul.sub-menu { background: none; border: none; width: auto; margin: 0 auto; } ul.sub-menu li { background: none; padding: 0; display: inline-block; margin-right: 15px; } .hsc-homepage ul.sub-menu { padding: 10px 0px 20px; } .hsc-homepage ul.sub-menu li { display: block; } ul.sub-menu li:last-child { margin: 0; } ul.sub-menu li a { font-size: 1.25em; } /* Tab Overrides */ ul.primary {margin: 1em 0 1em; padding: 0 0 0.5em 1em; } ul.primary li a {padding: 0.5em 1em; border-radius: 4px 4px 0 0; color: #666; background: #eee; background-image: -ms-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%); background-image: -moz-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%); background-image: -o-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F3F3F3), color-stop(1, #e5e5e5)); background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #E5E5E5 100%); background-image: linear-gradient(to bottom, #F3F3F3 0%, #E5E5E5 100%);} ul.primary li.active a {background: url(../images/body-bg.png) repeat; border: 1px solid #bbbbbb; border-bottom: 1px solid #f4f4f4; } ul.primary li a:hover {background: #fff; border-bottom-color: #f4f4f4; color: #616365; } /* Map */ .map { background: #fff; padding: 4px; border: 1px solid #eee; } .block-client-block-106 {padding: 1.25em; margin: 0 0 1.25em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);} #active-offer { display: none;} /*#cboxWrapper { border-radius: 10px; }*/ #cboxWrapper #active-offer { display: none;} #cboxWrapper #cboxLoadedContent { overflow: hidden !important; } #active-offer area:focus { outline: none; } #active-offer p { max-height: 170px; } #cboxClose { display: none !important;} .front #colorbox { display: none; } .front #cboxWrapper { display: none;} .front #cboxOverlay { opacity: 0 !important;} /* Pager */ .item-list .pager { margin: 2.5em 0;} .item-list .pager li { padding: 0.5em;} .item-list .pager li.pager-current { background: #fff; border: 1px solid #eee; color: #666; } /* Econnection */ #subForm { padding: 1.5em; background: #fff; border: 1px solid #ddd; border-radius: 4px; } /* WYSIWYG */ .full-width-img { margin: 0 0 1.25em 0; width: 98.5%; padding: .5%; background: #fff; border: 1px solid #eee; } .full-width-img img { width: 100%;} .float-left { float: left; padding: 4px; margin: 0 20px 20px 0; border: 1px solid #ccc;} .float-right { float: right;} .highlight {margin: 1.5em 0 1.5em 0;background: #fff; padding: 20px;border-radius: 4px; border: 1px solid #eee; } /* Table */ table {width:100%; border-collapse:collapse; border:0px; margin: 0 0 1.25em 0; font-size: 1em;} table thead tr {background:#2a6ebb ; padding: 0.5em 1em; color: #fff; font-weight: bold; font-size: 1em;} table thead tr:hover td { background: none; } table a { text-decoration: underline; } table a:hover { text-decoration: none; } table tr td, table tr th {padding: .5em 1.25em; border: 1px solid #eee; text-align: left; } table tr.odd {background: #f7f7f7;} table tr, tr.even {background: #fff;} table ul.links {margin: 0; padding: 0; font-size: 0.875em;} table ul.links li {padding: 0 1em 0 0;} tr:hover td, tr.even:hover td.active, tr.odd:hover td.active {background: #FFFEEE; } /* Custom Table */ .field-name-body table.fancy tr th {background: #fff;} .field-name-body table.fancy { border-top:1px solid #e3f1fe; border-right:1px solid #e3f1fe; margin:1em 0;} .field-name-body table.fancy tr.even td, .field-name-body table.fancy tr.even .column1 {background:#f4f9fe; } .field-name-body table.fancy td { border-bottom: 1px solid #e3f1fe; border-left:1px solid #e5eff8; padding:10px;} .field-name-body table.fancy th { text-align:left; border-bottom: 1px solid #e3f1fe; border-left:1px solid #e5eff8;padding:.3em 1em;} .field-name-body table.fancy thead th {background:#2a6ebb ; font-size: 0.875em; color:#f4f9fe;} .field-name-body table.fancy tfoot th {background:#f4f9fe; text-align:center;} .field-name-body table.fancy th.column1 a { font-size: 0.875em; text-transform: uppercase; font-weight: bold; color: #bd5717; } .field-name-body table.fancy th.column1 a:hover { color: #2a6ebb; } .field-name-body table.fancy th.column1 p {color:#616365; margin: 0; font-weight: normal; font-size: 0.75em; } .field-name-body table.fancy th.vertical { padding: 10px; height: 60px; background: #edf6fe; } .field-name-body table.fancy th.vertical p {font-size: 0.75em; font-weight: normal; padding: 0; margin: 0;} /* Forum */ .forum-table-topics thead tr { } .forum-table tr th {border: 1px solid #C1C1C1; color: #616365; } .forum-table td { vertical-align: middle; } .forum-last-reply {text-align: center;} .forum-list-icon-wrapper { width: 40px; height: 40px; box-shadow: none; border: none; background: none; text-shadow: none;} .forum-name { margin: 0 0 0 1em; font-weight: bold; font-size: 1.25em; } tr.even td.forum-list-icon-default .forum-list-icon-wrapper span, tr.odd td.forum-list-icon-default .forum-list-icon-wrapper span, .forum-list-icon-legend .forum-list-icon-default {background: url(../images/forum_list_default_ophea.png) no-repeat 0% 50%;} tr.even td.forum-list-icon-new-posts .forum-list-icon-wrapper span, tr.odd td.forum-list-icon-new-posts .forum-list-icon-wrapper span, .forum-list-icon-legend .forum-list-icon-new-posts {background: url(../images/forum_list_new_posts_ophea.png) no-repeat 0% 50%;} .forum-node-create-links .forum-add-node {margin-bottom: 1em;} /* French Forum Overrides */ .i18n-fr.page-forum .zone-branding-wrapper { background: #2c313c; } .i18n-fr.page-forum .zone-branding-wrapper .educavie-logo a { display: block; width: 300px; height: 65px; background: url(../images/logo-educavie.png) no-repeat; text-indent: -9999em;} .i18n-fr.page-forum .zone-branding-wrapper .logo-img img { display: none;} /* Button */ .a-btn{ background:#fecc5f; background:-webkit-gradient(linear,left top,left bottom,color-stop(#feda71,0),color-stop(#febb4a,1)); background:-webkit-linear-gradient(top, #feda71 0%, #febb4a 100%); background:-moz-linear-gradient(top, #feda71 0%, #febb4a 100%); background:-o-linear-gradient(top, #feda71 0%, #febb4a 100%); background:linear-gradient(top, #feda71 0%, #febb4a 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda71', endColorstr='#febb4a',GradientType=0 ); border:1px solid #f5b74e; border-color:#f5b74e #e5a73e #d6982f; -webkit-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; -moz-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #fee395; padding:0px 20px; height:42px; display:inline-block; position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; float:left; overflow:hidden; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .a-btn-text{ padding-top:7px; display:block; font-size:1.125em; white-space:nowrap; color:#996633; text-shadow:0 1px 0 #fedd9b; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; font-weight: 600; } .a-btn:hover{ -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4); } .a-btn:hover .a-btn-text{ text-shadow:0px 1px 1px rgba(0,0,0,0.2); color:#fff; } .a-btn:active{ position:relative; top:1px; background:#fec354; background:-webkit-gradient(linear,left top,left bottom,color-stop(#fec354,0),color-stop(#fecd61,1)); background:-webkit-linear-gradient(top, #fec354 0%, #fecd61 100%); background:-moz-linear-gradient(top, #fec354 0%, #fecd61 100%); background:-o-linear-gradient(top, #fec354 0%, #fecd61 100%); background:linear-gradient(top, #fec354 0%, #fecd61 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec354', endColorstr='#fecd61',GradientType=0 ); border-color:#d29a3a #cc9436 #c89133; text-shadow:0 1px 0 #fee1a0; -webkit-box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; -moz-box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e; } /* Custom Color Button */ .btn { display: inline-block; *display: inline; padding: 7px 20px; margin-bottom: 0; *margin-left: .3em; font-size: 1em; line-height: 20px; font-weight: bold; *line-height: 20px; color: #616365; text-align: center; vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #616365; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:focus { outline: thin dotted #616365; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn-custom { font-family: "Roboto", Arial, sans-serif; text-shadow: 0 1px 0 #fedd9b; font-size: 1em; padding: 10px 0; color: #643d1b; background:#fecc5f; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffcb3c,0),color-stop(#febb4a,1)); background:-webkit-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:-moz-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:-o-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:linear-gradient(top, #ffcb3c 0%, #ecac00 100%); border:1px solid #f5b74e; border-color:#f5b74e #e5a73e #d6982f; display:inline-block; border-radius:4px; } .btn-custom a { padding: 0 !important; } .btn-custom:hover, .btn-custom:active { color: #000000; } .btn-custom:active, .btn-custom.active { color: #000000; } a.btn.btn-custom { color: #643D1B; text-decoration: none; padding: 10px 1em; } a.btn.btn-custom:hover { color: #000000; text-decoration: none; } .lt-ie-7.btn-custom:active, .lt-ie-7.btn-custom.active { background: none; } /*I had to put important tags for now as backend needs to remove inline styles on content for these to take effect without*/ button:not[#cboxClose] { color: #643d1b !important; padding: 10px 1em !important; background:#fecc5f !important; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffcb3c,0),color-stop(#febb4a,1)); background:-webkit-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:-moz-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:-o-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:linear-gradient(top, #ffcb3c 0%, #ecac00 100%) ; border:1px solid #f5b74e !important; border-color:#f5b74e #e5a73e #d6982f !important; display:inline-block !important; border-radius:4px !important; } button:hover{ color: black !important; } /*commerce buttons :not selector excludes search form go button*/ form:not(#custom-search-blocks-form-1) #edit-actions input { font-family: "Roboto", Arial, sans-serif; text-shadow: 0 1px 0 #fedd9b; font-size: 1em; color: #643d1b; padding: 10px 1em; background:#fecc5f; background:-webkit-gradient(linear,left top,left bottom,color-stop(#ffcb3c,0),color-stop(#febb4a,1)); background:-webkit-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:-moz-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:-o-linear-gradient(top, #ffcb3c 0%, #ecac00 100%); background:linear-gradient(top, #ffcb3c 0%, #ecac00 100%); border:1px solid #f5b74e; border-color:#f5b74e #e5a73e #d6982f; display:inline-block; border-radius:4px; } #edit-actions input:hover { color: #000000; } /* 3rd Party Resources */ .ophea-resource-wrapper { margin-top: 1em; } .resource-teaser-wrapper { display: flex; flex-direction: row; border-bottom: 1px solid #ccc; padding-top: 1em; padding-bottom: 1em; } .resource-teaser-wrapper .resource-thumbnail img { max-width: 150px; } .resource-teaser-wrapper .resource-body { padding-left: 1em; } .resource-teaser-wrapper .resource-body p { margin: 0; } .page-ophea-resources #block-system-main .resource-filters-wrapper { display: block; float: left; width: 100%; clear: both; } .page-ophea-resources #block-system-main .item-list { display: block; float: left; width: 100%; clear: both; } .page-ophea-resources #block-system-main .resource-filters-wrapper .form-item:nth-of-type(1) { display: block; float: left; width: 100%; } .page-ophea-resources #block-system-main .resource-filters-wrapper .form-item { display: block; float: left; margin-right: 10px; } .page-ophea-resources #block-system-main .resource-filters-wrapper #edit-submit { display: block; float: left; clear: both; margin-top: 10px; margin-bottom: 20px; } .page-ophea-resources #block-system-main .pagination-wrapper { display: block; } .page-ophea-resources #block-system-main .pagination-wrapper .item-list { display: block; width: auto; text-align: center; } .page-ophea-resources #block-system-main .resource-list-wrapper .list-item { list-style: none; background: url(../images/bullet.png) no-repeat left 6px; margin: 0 0 0.8em 0; padding: 0 0 0 23px; } .page-ophea-resources #block-system-main .pagination-wrapper .list-item { display: block; float: left; list-style: none; background: none; margin-top: 10px; margin-right: 10px; } .page-ophea-resources .ophea-resources-back-wrapper a { margin-bottom: 15px; } .page-ophea-resources .ophea-api-field-wrapper { margin: 0 0 1.5em; } .page-ophea-resources .ophea-api-field-label { font-weight: bold; font-size: 1em; } .page-ophea-resources .ophea-api-field-item { font-size: 1em; } .page-ophea-resources #content p { font-size: 100%; } .page-other-resources .resource-list-wrapper { clear: right; } .page-other-resources .ophea-resources-submit p:nth-of-type(1) { float: left; width: 60%; margin: 0; } .page-other-resources .ophea-resources-submit p:nth-of-type(2) { float: right; width: 30%; margin-left: 4%; } .page-other-resources .ophea-resources-submit a { margin-top: 0.5em; } .error .dismiss { display: none; } /* @end */ /* HSC Landing Page Styles */ .hsc-homepage .field-name-body ol li:last-child { margin-bottom: 0px; } .hsc-homepage .field-name-body ol { background: none; margin: 0px; padding: 0px; padding-left: 40px; margin-bottom: 30px; border: none; margin-top: 10px; line-height: 20px; /*font-style: italic;*/ } .hsc-homepage .field-name-body h2 { font-size: 1.75em; display: inline-block; } .hsc-homepage .field-name-body ol li { margin-bottom: 12px; } .hsc-homepage .field-name-body ul li h3, .hsc-homepage .field-name-body .content-wrap h3 { margin-bottom: 10px; font-size: 1.125em; } .hsc-homepage .field-name-body ul { border: none; display: inline-block; margin-top: 0; } .hsc-homepage .field-name-body ul li { margin-bottom: 30px; width: 100%; float: left; box-sizing: border-box; } .hsc-homepage .field-name-body ul li:last-child { margin-bottom: 0px; } .hsc-homepage .field-name-body ul li ul { margin-top:10px; border: none; margin-bottom: 0px; } .hsc-homepage .field-name-body ul li ul li { margin-bottom: 2px; } .hsc-homepage .field-name-body ul li p { margin: 0px; } .hsc-homepage .field-name-body .content-wrap ul{ border:none; padding: 20px 40px 0px; overflow: auto; } .hsc-homepage .field-name-body .content-wrap ul li p { font-size: 0.875em; line-height: 22px; margin-bottom: 15px; } .hsc-homepage .field-name-body .content-wrap ul li p:last-child { margin-bottom: 0px; } .hsc-homepage .field-name-body ul li ul { padding: 0px; padding-left: 40px; } .hsc-homepage .field-name-body ul.sub-menu { padding: 0px; padding-left: 40px; margin-bottom: 20px; width: 100%; float: left; border:none !important; } .hsc-homepage .field-name-body ul.sub-menu li { margin-bottom: 0px; width:33%; display: inline-block; margin: 0px; } .hsc-homepage .field-name-body ul.sub-menu li a { font-size: 0.875em; } .hsc-homepage .field-name-body p { width: 100%; clear: left; } .hsc-homepage .field-name-body p:last-child { margin-bottom: 0px; } .hsc-homepage .field-name-body .content-wrap { padding:40px; background-color: #fff; border:thin solid #ddd; margin-bottom: 20px; overflow: auto; } .hsc-homepage .field-name-body .content-wrap h5 { font-size: 0.875em; font-style: normal; margin-top: 10px; margin-bottom: 5px; width: 100%; float: left; } .hsc-homepage .field-name-body .step-process ul { padding-top: 0px; padding-left: 0px; list-style-type: none; margin-bottom: 10px; } .hsc-homepage .field-name-body ul.step-process li ul li { text-align: center; width: 30%; font-size: 0.75em; display: inline-block; line-height: 16px; margin-right: 5%; } @media only screen and (max-width: 739px) { .hsc-homepage .field-name-body ul.step-process li ul li { width: 100%; padding: 10px 0; } } .hsc-homepage .field-name-body ul.step-process li ul li:nth-child(3n) { margin-right: 0px; } .hsc-homepage .field-name-body ul.step-process li ul li:last-child { margin-bottom: 0px; } .hsc-homepage .field-name-body ul.step-process li ul li img { display: block; margin: 0 auto; margin-bottom: 10px; } .hsc-homepage .field-name-body .step-process .aas-logo img { width: auto; text-align: center; margin-top: 5px; } .hsc-homepage .field-name-body ul.people li { border-bottom: thin solid #ddd; padding-bottom: 20px; margin-bottom: 25px; } .hsc-homepage .field-name-body ul.people li:last-child { border: none; margin-bottom: 0px; padding-bottom: 0px; } .hsc-return p { float: left; } .hsc-return p:last-child { float: right; } /* HSC Registration */ .page-eform-submit-terms-of-use #cboxClose { display: block !important; background: none !important; text-indent: 0 !important; width: auto !important; height: auto !important; position: absolute; right: 16px; bottom: 16px; color: #e97124; transition: all 0.2s ease-in-out; } .page-eform-submit-terms-of-use #cboxClose:hover, .page-eform-submit-terms-of-use #cboxClose:active { color: #2A6EBB; } .page-eform-submit-terms-of-use #cboxLoadedContent { padding: 1em; } .page-eform-submit-terms-of-use .confirm-school-popup-school p { margin-top: 10px; font-weight: bold; } .page-eform-submit-terms-of-use #confirm-school-popup-ok { position: absolute; left: 16px; bottom: 16px; } /* HSC Landing Page Styles */ /* HSC Admin Interface */ .view-hsc-admin-interface .view-content .views-field-uid-5 { display: none; } .view-hsc-admin-interface thead tr a, .view-hsc-admin-interface thead tr a:hover { color: #FFFFFF; } .view-hsc-admin-interface .views-field-nothing-5 a:not(.step-links), .view-hsc-admin-interface .views-field-nothing-5 span { display: block; margin-bottom: 10px; } /* Responsive vids */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .addthis_button_tweet { width: 77px !important; } .flowplayer { width: 100% !important; height: auto !important; } .block-dashboard-login-prompt { width: 100%; } .block-dashboard-login-prompt .content { float: left; margin:0; width: 100%; box-sizing: border-box; } .block-dashboard-login-prompt .content p { margin: 0; } .block-hsc-dashboard-dashboard-login-prompt .content a { } .block-hsc-dashboard-dashboard-login-prompt .content a:hover { color: #000000; } .block-dashboard-register-prompt .content a { width:auto; padding: 0px; background: none; width: 100%; } .block-dashboard-register-prompt { margin-bottom: 20px; } /*nav { position: absolute; left: 0; right; 0; top: 100px; background: green; display: block; width: 100%; padding: 4px 0; height: 30px; z-index: 100; } nav a { font-family: helvetica; color: #ffffff; padding: 2px; 4px; display: block; float: left; text-decoration: none; margin-right: 4px; } nav a:hover, nav a.active { background: white; color: green }*/ .page-taxonomy-term .node-school { float: left; width: 100%; margin-bottom: 30px; } .page-taxonomy-term .node-school .clearfix { display: none; } .page-taxonomy-term .node-school ul.inline li { padding: 0px; } .page-taxonomy-term .node-school h2 { font-size: 1.25em; margin-bottom: 5px; } .page-node .node-school .field { margin-bottom: 20px; width: 100%; clear: left; float: left; } .page-node .node-school .field .field-items .field-item { float: left; margin-right: 10px; } .fixed { position: fixed; top: 0 } nav { position: absolute; left: 0; right; 0; top: 100px; display: block; width: 100%; padding: 4px 0; height: 30px; z-index: 100; } nav a { font-family: "Roboto", Arial, sans-serif; color: #ffffff; padding: 2px; 4px; display: block; float: left; text-decoration: none; margin-right: 4px; } nav a:hover, nav a.active { background: white; color: green } .fixed { position: fixed; top: 0 } /* other resources */ /*page-other-resources*/ .resource-list-wrapper{ overflow: auto; } .resource-list-wrapper .resource-filters-wrapper{ padding: 1.25em; margin: 0 0 1.25em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); overflow: auto; } .resource-list-wrapper .resource-filters-wrapper .form-item-field-cost{ width: 100%; margin-top: 0; } .resource-list-wrapper .resource-filters-wrapper .form-item-field-target-audience, .resource-list-wrapper .resource-filters-wrapper .form-item-field-topic, .resource-list-wrapper .resource-filters-wrapper .form-submit{ } .resource-list-wrapper .resource-filters-wrapper .form-submit{ /*margin-top: 2em;*/ } .resource-list-wrapper .item-list{ padding: 1.25em; margin: 0 0 1.25em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } .resource-list-wrapper .item-list li{ list-style: none; } .resource-list-wrapper .item-list li.list-item .resource-body > a { display: block; padding: 1em 0; text-decoration: underline; } .resource-list-wrapper .item-list li.list-item .resource-body > a:hover { text-decoration: none; } .resource-list-wrapper .pagination-wrapper .item-list{ padding: 0; margin: 0 0 1em 0; background: transparent; border-radius: 0; box-shadow: none; } .resource-list-wrapper .pagination-wrapper .item-list li{ margin-bottom: 0; display: inline; } .resource-list-wrapper .pagination-wrapper .item-list li a{ display: inline-block; border-bottom: none; padding-bottom: 0; padding: 0; margin-right: 1em; } /* other resources */ /*page-other-resources*/ .resource-list-wrapper{ overflow: auto; } .resource-list-wrapper .resource-filters-wrapper{ padding: 1.25em; margin: 0 0 1.25em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); overflow: auto; } .resource-list-wrapper .resource-filters-wrapper .form-item-field-cost{ width: auto; float: left; margin-top: 1.5em; margin-right: 1em; } .resource-list-wrapper .resource-filters-wrapper .form-item-field-cost input[type="checkbox"]{ margin-top: -0.5em; } .resource-list-wrapper .resource-filters-wrapper .form-item-field-target-audience, .resource-list-wrapper .resource-filters-wrapper .form-item-field-topic, .resource-list-wrapper .resource-filters-wrapper .form-submit{ } .resource-list-wrapper .resource-filters-wrapper .form-submit{ /*margin-top: 2em;*/ } .resource-list-wrapper .item-list{ padding: 1.25em; margin: 0 0 1.25em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } .resource-list-wrapper .item-list li{ list-style: none; } .resource-list-wrapper .pagination-wrapper .item-list{ padding: 0; margin: 0 0 1em 0; background: transparent; border-radius: 0; box-shadow: none; } .resource-list-wrapper .pagination-wrapper .item-list li{ margin-bottom: 0; display: inline; } .resource-list-wrapper .pagination-wrapper .item-list li a{ display: inline-block; border-bottom: none; padding-bottom: 0; padding: 0; margin-right: 1em; } /* Non-Semantic Helper Classes */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* Print Styles */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #616365; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* webforms */ #block-hsc-dashboard-hsc-dashboard-titles .form-title{ text-align: center; } #submit-a-resource-entityform-edit-form .pre-instructions{ padding: 0 0 1em; border-bottom: 3px solid #ccc; margin-bottom: 2em; } #submit-a-resource-entityform-edit-form p{ margin-bottom: .5em; font-weight: bold; max-width: 75%; margin-left: auto; margin-right: auto; } #submit-a-resource-entityform-edit-form .form-wrapper{ padding: 1.25em; margin: 0 0 1.25em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } #submit-a-resource-entityform-edit-form .form-actions .form-wrapper{ padding-top: 2.5em; } #submit-a-resource-entityform-edit-form .form-actions .form-wrapper legend{ position: relative; top: 2em; } #submit-a-resource-entityform-edit-form #edit-field-file-attachments-en, #submit-a-resource-entityform-edit-form #edit-field-file-attachments-en--2, #submit-a-resource-entityform-edit-form .form-actions{ padding: 0; margin: 0; border-radius: none; box-shadow: none; background-color: transparent; } #submit-a-resource-entityform-edit-form .form-actions .form-submit{ font-size: 1em; } #submit-a-resource-entityform-edit-form .form-item{ margin: .5em 0; } button, input[type="text"], input[type="submit"], input[type="reset"] { font-family: "Roboto", Arial, sans-serif; } #submit-a-resource-entityform-edit-form .form-select, #submit-a-resource-entityform-edit-form .form-text, #submit-a-resource-entityform-edit-form .form-textarea{ width: 100%; border: none; border: 1px solid #ccc; font-size: 1.4em; } #submit-a-resource-entityform-edit-form .form-select{ font-size: 100%; } #submit-a-resource-entityform-edit-form label{ border-bottom: 1px solid #eee; margin-bottom: 1em; padding-bottom: .25em; } #submit-a-resource-entityform-edit-form .field-name-field-website .link-field-column label{ padding: 0; margin: 0; border: none; } #submit-a-resource-entityform-edit-form .field-name-field-website .link-field-column{ display: block; float: none; width: 100%; } body.page-eform-submit-submit-a-resource #block-block-48, body.page-eform-submit-audit-results #block-block-48, body.page-eform-submit-terms-of-use #block-block-48, body.page-eform-submit-waiting-list #block-block-48, body.page-eform-submit-online-reporting #block-block-48, body.page-eform-submit-deadlines #block-block-48, body.page-eform-submit-six-steps #block-block-48 { display: none; } .entity-entityform .field .field-label { font-weight: bold; } .entitytype-online_reporting-form .form-item-field-online-reporting-agreement-und, .entitytype-deadlines-form .form-item-field-deadlines-agreement-und, .entitytype-six_steps-form .form-item-field-six-steps-agreement-und { float: left; } .entitytype-online_reporting-form .form-item-field-online-reporting-agreement-und .form-checkbox, .entitytype-deadlines-form .form-item-field-deadlines-agreement-und .form-checkbox, .entitytype-six_steps-form .form-item-field-six-steps-agreement-und .form-checkbox { float: left; position: absolute; top: 4px; left: 0; } .entitytype-online_reporting-form .form-item-field-online-reporting-agreement-und label, .entitytype-deadlines-form .form-item-field-deadlines-agreement-und label, .entitytype-six_steps-form .form-item-field-six-steps-agreement-und label { width: 100%; padding-left: 30px; margin-bottom: 20px; } /*resource node page*/ .context-other-resources .ophea-api-field-wrapper{ padding: 1.25em; margin: 0 0 1.25em 0; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); margin-bottom: 1em; } .context-other-resources .ophea-api-field-wrapper.thumbnail-ophea-wrapper { display: flex; flex-direction: row; align-items: center; } .context-other-resources .ophea-api-field-wrapper.thumbnail-ophea-wrapper .content-wrapper { margin-left: 1em; } @media only screen and (max-width: 630px) { .context-other-resources .ophea-api-field-wrapper.thumbnail-ophea-wrapper { display: flex; flex-direction: column; } } .context-other-resources .ophea-api-field-wrapper .field-source p{ margin-bottom: 0; } .context-other-resources .ophea-api-field-wrapper .field-label{ border-bottom: 1px solid #eee; margin-bottom: 1em; padding-bottom: .25em; font-weight: bold; } .dashboard-deadline-extension { padding: 10px; margin: 10px; border: 2px solid #ccc; background-color: #fff; } .dashboard-deadline-extension .p-bottom { margin-bottom: 0; padding-bottom: 0; } #views-exposed-form-product-catalog-filters-product-catalog-filters .views-exposed-widget-custom .description { display:none; } /* hsc reports */ .view-hsc-admin-screen th { font-size: 0.875em; } .view-hsc-admin-screen tr td { vertical-align: middle; } .view-hsc-admin-screen.view-display-id-page_1 .views-field-user-2 { font-size: 0.75em; } .view-hsc-admin-screen .view-footer a { float: right; color:#fff; background-color: #2A6EBB; padding: 5px 20px; font-size: 0.75em; } .view-hsc-admin-screen .view-footer a:hover { color:#fff; } .view-hsc-admin-screen.view-display-id-page td.views-field-user-3 { letter-spacing: 4px; } .view-hsc-admin-screen td.views-field-field-address-text { width: 25%; } .view-hsc-admin-screen .page-hsc-report ul { list-style-type: none; } .view-hsc-admin-screen .page-hsc-report .views-row { background-color: #fff; border: thin solid #ddd; padding: 40px; margin-bottom: 20px; } .view-hsc-admin-screen.page-hsc-report .views-row .submitted { margin-bottom: 10px; margin-top: -5px; } .view-hsc-admin-screen .view-footer a:hover { color:#fff; } .view-hsc-admin-screen.view-display-id-page td.views-field-user-3 { letter-spacing: 4px; } .view-hsc-admin-screen td.views-field-field-address-text { width: 25%; } .view-hsc-admin-screen .page-hsc-report ul { list-style-type: none; } .view-hsc-admin-screen .page-hsc-report .views-row { background-color: #fff; border: thin solid #ddd; padding: 40px; margin-bottom: 20px; } .view-hsc-admin-screen.page-hsc-report .views-row .submitted { margin-bottom: 10px; margin-top: -5px; } .view-hsc-admin-screen .page-hsc-report .views-row .field { margin-bottom: 20px; } .view-hsc-admin-screen .page-hsc-report .views-row .field:last-child { margin-bottom: 0px; } .view-hsc-admin-screen .page-hsc-report .views-row .field-label { font-weight: bold; } .view-hsc-admin-screen .action-links-field-collection-add, .view-hsc-admin-screen .field-collection-view-links { display: none; } .related-product h3 a, .products-display h3 a, h3.product-title a{ text-decoration: underline; } .related-product h3 a:hover, .products-display h3 a:hover, h3.product-title a:hover{ color: #2a6ebb; text-decoration: none; } .view-display-id-archive_by_month_blog_block, .view-display-id-archive_by_month_articles_block{ font-weight: bold; } /* HSC */ .block-dashboard-login-prompt { width: 100%; } .block-dashboard-login-prompt .content { float: left; margin:0px; width: 100%; box-sizing: border-box; } /* hsc audit results radio buttons */ .field-name-field-audit-results .form-radios { width: 100%; } .field-name-field-audit-results .form-radios { display: inline-block; } .field-name-field-audit-results .form-radios .form-item { display: inline; } .field-name-field-audit-results .form-radios label, .field-name-field-audit-results .form-checkboxes label { width: auto !important; float: none !important; margin-right: 20px; } .hsc-page-btn { margin-top: 1.3em; } .hsc-page-btn a { margin: 0 !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background: none !important; color: #643d1b; } @media only screen and (max-width: 739px) { .hsc-page-btn { width: 100% !important; box-sizing: border-box; } } /* HSC Register/Login Blue */ /* Mobile Button*/ .block-hsc-dashboard-dashboard-login-prompt .btn-custom, .block-hsc-dashboard-dashboard-login-prompt--2 .btn-custom, .block-hsc-dashboard-dashboard-register-prompt .btn-custom, .block-hsc-dashboard-dashboard-register-prompt--2 .btn-custom { border: none !important; text-shadow: none !important; padding: 0 !important; background: none !important; } .block-hsc-dashboard-dashboard-login-prompt .content a, .block-hsc-dashboard-dashboard-login-prompt--2 .content a, .block-hsc-dashboard-dashboard-register-prompt .content a, .block-hsc-dashboard-dashboard-register-prompt--2 .content a { color: #fff; background: -webkit-linear-gradient(top, #568BB5 0%, #0E6BB5 100%) !important; background: -ms-linear-gradient(top, #568BB5 0%, #0E6BB5 100%) !important; background: -moz-linear-gradient(top, #568BB5 0%, #0E6BB5 100%) !important; background: -o-linear-gradient(top, #568BB5 0%, #0E6BB5 100%) !important; background: linear-gradient(top, #568BB5 0%, #0E6BB5 100%) !important; border: none !important; text-shadow: none !important; padding: 10px 0 !important; border-radius: 4px !important; display: block; } .block-hsc-dashboard-dashboard-login-prompt .content a:hover, .block-hsc-dashboard-dashboard-login-prompt--2 .content a:hover { color: #ccc; } .block-hsc-dashboard-dashboard-login-prompt--2 .content, .block-hsc-dashboard-dashboard-login-prompt .content { background: none !important; border: none !important; } .block-dashboard-login-prompt .content a { width: auto; padding: 0px; background: none; width: 100%; padding: 10px 2px; } .block-dashboard-register-prompt { margin-bottom: 0px !important; } .hsc-homepage .field.field-name-title.field-type-ds { display: none !important; } /* HSC Button Layouts for Mobile */ /*Mobile*/ @media only screen and (max-width: 739px) { .block-dashboard-login-prompt .content a { width: auto; display: block; } .block-hsc-dashboard-dashboard-login-prompt--2 { display: none; } .block-hsc-dashboard-dashboard-login-prompt { display: block; width: 100%; } .block-hsc-dashboard-dashboard-login-prompt .content { padding: 0; } .block-block-49 { width: 50%; float: left; display: inline-block; } .block-block-50 { width: 50%; display: inline-block; } .block-block-49--2 { display: none; } .block-block-50 .content, .block-block-49 .content { display: block; } .block-block-50--2 { display: none; } .hsc-page-btn { width: 100% !important; box-sizing: border-box; } } /*Desktop*/ @media only screen and (min-width: 740px) { .block-hsc-dashboard-dashboard-login-prompt--2 { display: block !important; } .block-hsc-dashboard-dashboard-login-prompt { display: none !important; } .block-block-49 { display: none !important; } .block-block-50 { display: none !important; } /* .hsc-page-btn { background: none !important; }*/ } .hsc-title, .hsc-logo { text-align: center; } .hsc-title { margin-top: 10px; } .products-display h3 a, .related-product h3 a{ text-decoration: underline; } .related-product h3 a:hover, .products-display h3 a:hover, h3.product-title a:hover{ color: #2a6ebb; text-decoration: none; } .view-display-id-archive_by_month_blog_block, .view-display-id-archive_by_month_articles_block{ font-weight: bold; } .hsc-page-btn { margin-top: 1.3em; } /*.hsc-page-btn { margin: 0 !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background: none !important; }*/ .hsc-page-btn a { color: #643d1b; } /* Sidebar blocks with a white background (not buttons) */ #block-block-38, #block-block-37, #block-block-39, .block-archive-list, .block-product-details { margin: 0 0 20px 0; background: #fff; border-radius: 4px 4px 0 0; } /* HSC dashboard blocks need left and right padding */ #block-block-38 .content, #block-block-37 .content, #block-block-39 .content { padding: 0 1em; } /* product details blocks needs extra padding */ .block-product-details .content { padding: 1em; } aside.region > div > section.block { background-color: white; } table.views-table > thead > tr > th > a{ color:white; } aside.region > div > section.block > div > div.content.clearfix{ padding:1em; }