/* qedc-videos responsive screen stylesheet */
/* Copyright 2017 Chxo Internets, LLC, All rights reserved. */

/* 

Font: Roboto 400, 700 

Colors:
  orange: #f5911f
  blue: #1c3e95
  
*/

/* re-styling */
html { font-size: 100%; }
body { z-index: 1; margin: 0; padding: 0; font-family: Roboto, sans-serif; font-size: 1em; font-size: 1rem; line-height: 1.2em; font-weight: 400; color: #3c4858; background-color: #acacac; }

h1, h2, h3, h4, h5, p, ul, ol, li, form, nav, section, header, figure, aside, blockquote, table { margin: 0; padding: 0; line-height: 1.33em; font-weight: 400; }
h1, h2, h3, h4, h5 { margin: 0 0 0.5em 0; font-weight: 700; }
h1 { font-size: 24px; font-size: 1.5rem; }
h1.blog.title { font-size: 32px; font-size: 2rem; }
h2 { font-size: 21.6px; font-size: 1.35rem; }
h3 { font-size: 19.2px; font-size: 1.2rem; }
h4 { font-size: 16px; font-size: 1rem; text-transform: uppercase; }
p { margin: 0 0 1em 0; }
a { color: #1c3e95; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border-style: none; }
th, td { vertical-align: top; }
strong { font-weight: 700; }

/* mozilla :-p */
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 }

/* Utility */
p.error, span.error { color: #ff0000; }
p.center, div.center { text-align: center; }
p.left, div.left, img.left, table.left { float: left; margin: 0 2em 1.5em 0; }
p.right, div.right, img.right, table.right { float: right; margin: 0 0 1.5em 2em; }
p.left, p.right, div.left, div.right, table.left, table.right, img.left, img.right { width: 48%; }
p.left img, p.right img, div.left img, div.right img, table.left img, table.right img { width: 100%; }
td.left { text-align: left; }
td.right { text-align: right; }
div.whitespace { font-size: 0px; line-height: 0px; clear: both; }
span.whitespace { display: block; font-size: 0px; line-height: 0px; clear: both; }
img.icon { vertical-align: middle; }
span.continuation { display: block; }
img.private { border: 3px solid #89d766; border-style: solid none; }
div.imagewrap { text-align: center; }
p.none { display: none; }
div.printonly { display: none; }
img.thumbnail { width: 100%; height: auto; }
div.linked { cursor: pointer; }
div.mobile { display: none; }
div.desktop { display: block; }

/* Structure */
#Canvas { z-index: 1; width: 100%; max-width: 1000px; margin: 0 auto; padding: 0; background-color: #ffffff; }

#Header { position: relative; width: 100%; height: 15vh; min-height: 107px; }
#HeaderInner { padding: 32px 4.2%; }
#Logo { position: absolute; bottom: 20px; height: 80px; } 
#Logo img { max-height: 100%; }
#Pages { position: absolute; bottom: 43px; right: 5%; width: auto; text-align: right; font-size: 12px; }
#Pages a { display: inline-block; min-width: 76px; margin: 0 0 7px 13px; border: 1px solid #205ca9; padding: 7.2px 8px 4.3px 8px; font-size: 10.5px; line-height: 1.33em; text-transform: uppercase; color: #1c3e95; text-align: center; text-decoration: none; }
#Pages a:hover { background-color: #1c3e95; color: #ffffff; }

#Object { box-sizing: border-box; padding: 16px 4.2%; min-height: 24em; }
#Object img { max-width: 100%; }
#Object iframe { max-width: 100%; }
#Object iframe.noresize { max-width: none; }

div.blogcontents { margin: 2em 0; }
div.blogcontents h1.title { margin: 0 0 0.25em 0; }
div.blogcontents div.post { margin: 0 0 2em 0; }

#Footer { position: relative; clear: both; width: 100%; height: auto; min-height: 81px; background-color: #f5911f; }
#FooterInner { padding: 32px 4.2%; text-align: center; font-size: 12.75px; line-height: 1.33em; color: #ffffff; text-transform: uppercase; letter-spacing: 0.03em; }
#Footer p { margin-bottom: 1em; }
#Footer p:last-of-type { margin-bottom: 0em; }
#Footer a { color: #ffffff; text-decoration: underline; }
#Footer img { max-width: 100%; }
#MobilePages { display: none; }


/* Editor */
.editor { font: 12px Verdana, sans-serif; line-height: 15px; }
p.editor { clear: left; }
span.editor { padding-right: 1em; }
p.editor { margin: 0; }
.editor a { color: #72bff4; text-decoration: none; }
.editor a:hover { color: #777; text-decoration: none; }
#Object .editor a { color: #72bff4; }
#Object .editor a:hover { color: rgb(42,42,42); text-decoration: none; }
h1 + p.editor { margin: -1.5em 0 1em 0; }


/* Form */
form { margin: 0 0 2em 0; }
table.form { }
table.form td { padding: 5px; vertical-align: top; }
table.form td.label { padding: 5px 2px; text-align: right; }
#Object table.form img.thumbnail { height: 80px; width: auto; }
input.text { border: 1px solid #A6A8AB; padding: 3px 2px; font-family: Roboto, sans-serif; font-size: 16px; }
input.text.tempvalue { color: #A6A8AB; }
input.button, a.button { text-align: center; padding: 2px 10px; font-size: 16px; font-weight: 700; color: #fff; background-color: #f5911f; border: 0; border-radius: 5px; padding: 10px 16px; vertical-align: -3px; margin: 0 5px; cursor: pointer; }
a.button { border-radius: 5px; text-decoration: none; background-color: #9a9996; }
input.button.primary, a.button.primary { background-color: #1c3e95; }
input.button:hover, a.button:hover { background-color: #1c3e95; }
input.button.primary:hover, a.button.primary:hover { background-color: #f5911f; }
textarea { border: 1px solid #A6A8AB; width: 320px; padding: 2px; font-family: Roboto, sans-serif; font-size: 16px;  }
textarea.html5markup { border: 0; padding: 0; width: 600px; height: 240px; }
textarea.html5markup.content { height: 416px; }
table.mceEditor td { padding-top: 0px; }
img.jscalendar_button { vertical-align: middle; }
div.sortable p { width: 200px; padding: 4px; margin: 0px 0px 5px 0px; border: 1px solid #ccc; cursor: move; }
img.processing { vertical-align: middle; margin-left: 4px; }

table.userform { width: 100%; border-collapse: collapse; }
table.userform td { text-align: left; vertical-align: bottom; padding: 5px 5px 10px 0px; }
table.userform td.label { width: 30%; text-align: right; vertical-align: top; padding: 5px 15px 10px 0px;  }
table.userform label.required:after { display: inline-block; padding: 0 0 0 3px; color: #f00; content: "*"; position: absolute; }
table.userform label.error { color: #f00; }
table.userform p { margin: 0 0 4px 0; font-size: 0.9em; }

#sort_form td { vertical-align: top; width: 180px; padding: 6px 24px 6px 6px; }
#sort_form td.buttons { text-align: center; }
#sort_form td.contents { width: 220px; }
#sort_form td.icon { width: 32px; }
#sort_form td.summary { width: 250px; font-size: 0.8em; }
div.sortitem { width: 280px; border: 1px solid #ccc; cursor: move; }
div.sortitem table { margin-bottom: 5px; }
div.sortitem.center { text-align: left; }
div.sortitem.right { float: none; }
div.sortitem.division { background-color: rgb(198,40,8);; color: #fff; }
div.sortitem.division.archive { background-color: rgb(126,176,204);; color: #fff; }
#sort_form div.sortitem td { vertical-align: middle; padding: 6px; }
#sort_form a { color: rgb(165,151,120); }

div.cropper { position: relative; margin-bottom: 7px; }
div.croptool { position: absolute; height: 184px; width: 184px; border: 2px solid #ffcc00; cursor: pointer; }
div.crophandle { position: absolute; bottom: 0px; right: 0px; height: 32px; width: 32px; background-color: #ffcc00; opacity: 0.68; cursor: move; }

div.img-editor { position: relative; z-index: 90; display: inline-block; max-width: 100%; }
div.img-editor a.editor { display: none; position: absolute; bottom: 8px; left: 8px; padding: 4px; background-color: rgba( 255, 255, 255, 0.8 ); }
div.img-editor:hover a.editor { display: block; }

div.search { margin-bottom: 1em; }
div.search img { width: 90px; height: auto; }
div.search td { padding: 4px 0 0 0; }
div.search td.icon { width: 90px; padding: 8px 6px 0 0; }
#Main div.search h3 { margin: 0; padding: 0; }
#Main div.search h4 { margin: 0; padding: 0; text-transform: none; }
div.search div.summary { font-size: 14px; margin: 0 0 4px 0; }
div.search div.summary b { color: #000000; }
div.search div.parents { font-size: 14px; color: #0e7d10; }
div.search div.parents a { text-decoration: none; color: #0e7d10; }

div.pager { line-height: 1.33em; }

/* m_table styles */
div.m_container { min-width: 480px; margin-bottom: 8px; }
table.m { font-size: inherit; font-family: Verdana; margin-bottom: 4px; }
table.m th { text-align: left; font-weight: normal; font-size: 0.8em; padding: 0px 0.8em 0px 0.8em; }
table.m td { font-size: 0.8em; padding: 5px 0.4em 2px 0.2em; }
table.m span.text a { padding: 0px 4px; }
table.m span.objectid a { font-size: 1.2em; }
/* row styles */
table.m tr.header { color: white; background-color: #44b639; }
table.m tr.header th { padding: 0.2em 0.4em; }
table.m tr.odd { background-color: #ffffff; }
table.m tr.even { background-color: #F6F6F6; }
/* selectors */
table.m tr.columnselect { height: 3px; background-color: #eee; }
table.m tr.columnselect td { padding: 2px 0.4em 1px 0.2em; }
table.m td.rowselect { width: 3px; background-color: #eee; }
table.m td.selector { font-size: smaller; vertical-align: middle; text-align: center; border: 3px #fff; border-style: none solid solid none; }
#Main td.selector { padding: 0.1em 0.4em 0.2em 0.4em; }
table.m td.selector.selected { background-color: #FFE380; }
/* cell selection styles */
table.m tbody td.colselected { background-color: #E6F6FF; }
table.m tbody td.rowselected { background-color: #E6F6FF; }
table.m tbody td.colselected.rowselected { background-color: #BFE9FF; }
/* sorters */
table.m th.sorted { background-color: #3998b6; }
table.m th.down:after { content: "+"; }
table.m th.up:after { content: "-"; }
/* form widgets */
table.m textarea { width: 100%; height: 24px; border: 1px solid #660; padding: 2px 4px; font-family: inherit; font-size: 11pt; }
table.m span.collapser { float: right; color: #c3c3c3; }
table.m img.icon { max-height: 19px; width: auto; margin: 0; }
table.m colgroup.collapsed { visibility: collapse; }
div.m_container form { display: none; }
div.m { margin: 6px 24px; }
#m_exportPopup { position: absolute; background-color: #fff; padding: 6px 8px; border: 1px solid #999; }
#m_exportPopup table { border-collapse: collapse; }
#m_exportPopup th { padding: 2px 4px; border: 1px solid #ccc; text-align: left; }
#m_exportPopup td { padding: 2px 4px; border: 1px solid #ccc; }
#m_exportPopup p { margin: 0.4em 0 0.4em 0; }
/* type-specific */
table.m td.bool { text-align: center; }
table.m td.number { text-align: center; }
table.m td.currency { text-align: right; }

/* Mobile - 672px */
@media screen and (max-width: 42em) {
  div.desktop { display: none; }
  div.mobile { display: block; }
  
  #Header { min-height: 0; height: auto; }
  #HeaderInner { padding: 16px 0 7px 0; text-align: center; }
  #Logo { position: static; bottom: auto; display: inline-block; height: 55px; margin: 0 auto; }
  #Pages { display: none; }
  
  #Main { float: none; width: 100%; min-height: 40vh; }
  #Canvas.set #Main { width: 100%; }
  #Canvas.addMessage #Main { width: 100%; }
  #Canvas.message #Main { width: 100%; }
  #MainInner { padding: 26px 6%; }
  #Canvas.directory #MainInner { overflow: scroll; }
  #Main h2 { margin-bottom: 0.25em; padding: 0 5.5%; }
  
  #MobilePages { display: block; }
  #MobilePages p { margin-bottom: 1em !important; }
  
}













/* EOF */