/*
 Theme Name:   SFContario 8
 Theme URI:    http://dev.sfcontario.ca/sfcontario8-child
 Description:  Specifics of SFContario Website
 Author:       Alexander von Thorn
 Author URI:
 Template:     twentysixteen
 Version:      1.0.0
 License:
 License URI:
 Tags:
 Text Domain:  sfcontario8-child
*/

// entry-title: Chewy >> Baloo Thambi
// h2, h3, h4... Acme>> Hamersmith One
// body: Source Sans Pro >> Gudea

/* all pages all media */

a{ ccolor: #060; opacity: 0.9; font-size: 105%; }
a:hover{ background-color: #dfd; color: #400; opacity: 1.0; text-decoration: underline }
a[name]{ margin-top: -5em }
a.mail{
   background-image: url("/graphics/mailicon.png");
   background-size: 1em 1em; background-repeat: no-repeat;
   padding-left: 1.25em;
   }

body{
   background-color: initial; color: #040;
   font-family: Gudea, sans-serif;
   font-size: 0.95em; line-height: 100%;
   }

#colophon{ display: none }

.contact-links{ margin: 0px }

.contact-links a{
   font-size: 85%; color: #066;
   display: inline; line-height: 95%; margin: 0px 5px
   }

.contact-links a:hover{ color: #660 }

.contact-links a figcaption{ width: 100px; text-align: center }

.contact-links a img{ display: inline; }

.contact-links p{ display: inline; }

.contact-links td{ padding: 0.1em; }

#content{ padding: 0em 0.25em; }

.entry-content{ margin: 0em 0.5em }

.entry-content h2, .entry-content h3, .entry-content h4{
   margin: 0.5em 0em; text-transform: none; letter-spacing: 0px }
   }
.entry-header, .entry-content, .entry-footer{ margin: 0.25em }

.entry-title{ font-family: Baloo Thambi, sans-serif }

h2, h3, h4, th{ font-family: Hammersmith One, sans-serif; margin: 0em }

hr{ margin: 0.4em }

.infotable, .infotable input{ font-size: 80%; letter-spacing: -1px }

.infotable td{ padding: 0.1em 0.1em 0.5em 0.1em; margin: 0em 0.2em; text-align: left }

.infotable th{ padding: 0.1em 0.5em 0.5em 0.1em; margin: 0em 0.2em; text-align: right }

.topheaders th{ text-align: left }

#inlinks{ background-color: #fcc }

#masthead{ margin: 0px; padding: 0px; }

#menu2016{ display: none }

p{ margin: 0em 0em 0.75em }

#page{ margin: 1.4em 0em 0.4em 0em }

#primary{ width: 70%; display: inline-block }

#secondary{ width: 28%; float: right }

.sidebar{ padding: 0.5em }

.site-branding{ margin: 0.25em auto 0.25em 0.1em }

.site-header{ padding: 0.5em 0.5em 0.5em 0.5em }

.site-header-main{ background-color: #7cfa7c; padding: 0em 0.5em; }

.site-inner{ max-width: 100% }

.site-title{
   font-family: Baloo Thambi, Arial Black, sans-serif;
   font-size: 400%; line-height: 1em
   }

table, th, td{ border: none; vertical-align: top }

.toc{ background-color: #e8ffe8; }

.tocbox{
   float: right; display: inline-block !important; margin: -4em 0em -4em 2em;
   font-size: 65%; background-color: #383;
   }

.tocbox a{ color: #040 }

.tocbox a:hover{ color: #660; font-weight: bold }

.tocbox div{ padding: 0.5em 1em 0.5em 0.5em; margin: 0.25em; }

.tocbox #downlinks{ background-color: #ffc }

.tocbox #uplinks{ background-color: #cff }

.widget{ border-top: 2px solid; padding-top: 0.5em; margin-bottom: 1em }

.widget .widget-title{
   font-family: Hammersmith One, sans-serif; margin: 0em;
   text-align: center; text-transform: none;
   }

#toplink{ display: none }


@media screen and (min-width: 600px) {

#primary-menu{
   position: fixed; top: 0px; left: 0px; z-index: 100; width: 100%; margin: -0em;
   font-family: Hammersmith One, sans-serif;
   }

#primary-menu #closezone{ opacity: 0.3; line-height: 3em; background-color: red }

#primary-menu li{ list-style: none; display: inline; margin: 0em 0.25em }

#primary-menu li a{ color: #060 }

#primary-menu li a:hover{ color: #a0a; }

#primary-menu .menuzone{ background-color: #7afc7a }

#primary-menu ul{ padding: 0.25em 0.25em 0.25em 0.25em; margin: 0px; }

.sub-menu{ display: none; }

#toplink{
   display: inline; float: right; padding: 0.25em 0.1em 0.1em 0.1em;
   border: 1px solid #0a0; border-radius: 0.6em 0.6em 0em 0em;
   text-transform: uppercase; font-size: 50%; color: #dfd; background-color: #060
   }

#toplink::first-letter{ font-size:140% }

}


@media screen and (min-width: 1340px) {

.site-header-menu{ padding: 3px 1em }

}