style.css

/*
Theme Name: Gototheworld
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: This is the theme for Power To Change Students Regional Winter Conferences.
Version: 1.0
License: This is theme is for use by Power To Change. Copyright Power To Change Students. 2012.
Text Domain: P2C Plus
*/

/*
	Fluid Baseline Grid v1.0.0
	Designed & Built by Josh Hopkins and 40 Horse, http://40horse.com	
	Licensed under Unlicense, http://unlicense.org/
	
	Base stylesheet with CSS normalization, typographic baseline grid and progressive responsiveness
*/


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 31, 2012 */

@font-face {
  font-family: 'CaeciliaLTStdLightBoldItalic';
  src: url(fonts/caecilialtstd-bolditalic-webfont.eot);
  src: url(caecilialtstd-bolditalic-webfont.eot?#iefix) format('embedded-opentype'),
       url(fonts/caecilialtstd-bolditalic-webfont.woff) format('woff'),
       url(fonts/caecilialtstd-bolditalic-webfont.ttf) format('truetype'),
       url(fonts/caecilialtstd-bolditalic-webfont.svg#CaeciliaLTStdLightBoldItalic) format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'EntypoRegular';
    src: url(fonts/entypo-webfont.eot);
    src: url(fonts/entypo-webfont.eot?#iefix) format('embedded-opentype'),
         url(fonts/entypo-webfont.woff) format('woff'),
         url(fonts/entypo-webfont.ttf) format('truetype'),
         url(entypo-webfont.svg#EntypoRegular) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url(fonts/modernpics-webfont.eot);
    src: url(fonts/modernpics-webfont.eot?#iefix) format('embedded-opentype'),
         url(fonts/modernpics-webfont.woff) format('woff'),
         url(fonts/modernpics-webfont.ttf) format('truetype'),
         url(fonts/modernpics-webfont.svg#ModernPictogramsNormal) format('svg');
    font-weight: normal;
    font-style: normal;
}

/* HTML5 DECLARATIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}

/* BASE */
html {height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%;} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {text-align: center; min-height: 100%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; background: #fff 0 1.1875em;} /* Improve default text rendering, handling of kerning pairs and ligatures */

/* DEFAULT FONT SETTINGS */
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */
body, button, input, select, textarea {font: 100%/1.5 "Myriad Pro", "Helvetica Neue","Helvetica","Palatino Linotype",Times,"Times New Roman",serif; *font-size: 1.15em; font-weight: normal; color: #2b2b2b} /* IE7 and older can't resize px based text */
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, {margin: 0 0 1.5em 0; padding: 0}
img {margin: 0;}

/* TYPOGRAPHY */
/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */
h1, h2, h3, h4, h5, h6 {font-family: 'CaeciliaLTStdLightBoldItalic', 'Century Gothic', AppleGothic, sans-serif; color:#2B80AE; text-align: center; font-weight: normal !important;}
h1 {margin: 0; font-size: 2.5em; line-height: 1.2em; margin-bottom: 0.4em} /* 60px / 72px */
h2 {margin: 0.75em 0 0.75em 0; font-size: 1.5em; line-height: 1em;} /* 48px / 48px */
h3 {margin: 0; font-size: 1.1em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.25em} /* 36px / 48px */ 
h4 {margin: 0; font-size: 0.75em; line-height: 1em; margin-bottom: 0.5em} /* 24px / 24px */
h5 {margin: 0; font-size: 1.3125em; line-height: 1.1428571428571428571428571428571em; margin-bottom: 1.1428571428571428571428571428571em} /* 21px / 24px */
h6 {margin: 0; font-size: 1.125em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 1.3333333333333333333333333333333em} /* 18px / 24px */
p, ul, blockquote, pre, td, th, label {margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em} /* 16px / 24px */
small, p.small {margin: 0; font-size: 0.875em; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em} /* 14px / 24px */

/* CODE */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word} /* Allow line wrapping of 'pre' */
pre, code, kbd, samp {font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; font-family: Menlo, Consolas, 'DejaVu Sans Mono', Monaco, monospace}

/* TABLES */
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em}
th {text-align: left}
tr, th, td {padding-right: 1.5em; border-bottom: 0 solid #333}

/* FORMS */
form {margin: 0}
fieldset {border: 0;padding: 0}
textarea {overflow: auto; vertical-align: top}
legend {*margin-left: -.75em}
button, input, select, textarea {vertical-align: baseline; *vertical-align: middle} /* IE7 and older */
button, input {line-height: normal; *overflow: visible}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box}
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 {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}

/* QUOTES */
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
blockquote, q, cite {font-style: italic}
blockquote {padding-left: 1.5em; border-left: 3px solid #ccc}
blockquote > p {padding: 0}

/* NAV */
#nav {width: 100%; margin: 0 0 1.5em 0;}
#nav li {display: block; background: #2B80AE url(images/leftofticket.png) no-repeat left; font-size: 1em; padding: 0.75em 1em 0.75em 2em; margin: 0.5em auto 0.5em auto; text-decoration: none; list-style: none; text-align: left; border-bottom: 1px solid #222; cursor:pointer;}
#nav a li {display: block; color: #fff;}
#nav ul.info {display: none; list-style: none;}
#nav ul.info a li {display: block; background: #2B80AE url(images/leftofticket.png) no-repeat left; font-size: 1em; margin: 0 auto 0.5em auto; padding: 0.75em 1em 0.75em 2em; border-bottom: 1px solid #222; cursor: pointer;}

#nav li:hover {background: #003366 url(images/leftofticketh.png) no-repeat left;}
#nav ul.info li:hover {background: #003366 url(images/leftofticketh.png) no-repeat left;}

/* Social Buttons */
.social-buttons {float: none; width: 40%; margin: 0 auto 1.5em auto;}
.social-buttons li {display: block; background: #2B80AE; font-size: 1em; padding: 0.5em 1em 0.5em 1em; margin: 0.5em auto 0.5em auto; border-radius: 5px; text-decoration: none; list-style: none; text-align: left;-moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border-bottom: 1px solid #222; cursor:pointer;-webkit-transition-property:color, background;-webkit-transition-duration: 0.05s, 0.05s;-webkit-transition-timing-function: linear, ease-in;}
.social-buttons a li {display: block; color: #fff;}
.social-buttons ul.socs {display: block; list-style: none;}
.social-buttons ul.socs a li {display: block; background: #2B80AE; font-size: 1em; margin: 0 auto 0.5em auto; padding: 0.5em 1em; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border-bottom: 1px solid #222; cursor: pointer;-webkit-transition-property:color, background;-webkit-transition-duration: 0.05s, 0.05s;-webkit-transition-timing-function: linear, ease-in;}

.social-buttons li:hover {background-color: #003366;}
.social-buttons ul.socs li:hover {background-color: #003366;}

/* Special data block */
.autofit { text-align: center; }
.projectdata h3 { border: 2px solid #2B80AE; text-align: center; padding: 0.5em 1em 0.5em 1em; margin: 0.5em auto 0.5em auto;}
.projectdata h3 span.icon { vertical-align:baseline; }
.projectdata { float: none; margin: 0 1.5em 0.5em 0; padding-right: 1.5em; }
.projectinfo { float: left; margin: 0.5em 1em; text-align: center; width: 170px;}
.autofit img { max-width: 100%; }
.projects .project_title_img { max-height: 37px; }
.projects h3 { text-align: center; }
.project_link { margin: 0.5em 2em; }
.project_link img { max-height: 60px; }
.project_map { display: none; max-width: 55%; margin: 0 auto; }
.project_imgs { display: block; }
.the_content ul { text-align: left; list-style:disc; margin-left: 2em; margin-bottom: 2em; line-height: 1.25em;}
.the_content ol { text-align: left; list-style:decimal; margin-left: 2em; margin-bottom: 2em; line-height: 1.25em;}
.alignleft { float: left; margin: 0.5em 0.5em 0.5em 0; }
.alignright { float: right; margin: 0.5em 0 0.5em 0.5em; }
.clear { clear: both; }
#spring_break_projects img, #summer_projects img { height: 45px; }
#spring_break_projects, #summer_projects { width: 205px;}
#spring_break_projects {text-align: right;  float: left; margin-right: 5px;}
#summer_projects { text-align: left;  float: right; margin-left: 5px;}

/* LISTS */
ul, ol {color: #222; background: transparent; list-style: none; list-style-position: inside; margin: 0; padding: 0;}
li ul, li ol {color: #2B80AE; width: 100%;}

dl dd {position: relative; max-width: 34em; margin: 1.5em auto;}
dt a {font-family: 'CaeciliaLTStdLightBoldItalic', 'Century Gothic', AppleGothic, sans-serif; text-align: center; display: block; color: #ECECEC; background: #2B80AE; font-size: 1em; font-weight: normal; margin: 0 auto 0.5em auto; padding: 1em 1.5em 1em 1.5em; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; border-bottom: 1px solid #222; cursor: pointer;-webkit-transition-property:color, background;-webkit-transition-duration: 0.05s, 0.05s;-webkit-transition-timing-function: linear, ease-in;}
dt a:hover {color: #FFF; background-color: #003366;}

/* THE FAQ LIST */
.accordion {float: left; width: 100%; margin: 0 auto;}

/* HYPERLINKS */
a {text-decoration: none; color:#2B80AE;}
a:hover {color: #2B80AE; text-decoration: none;}
a:focus {outline: thin dotted}
a:hover, a:active {outline: none; color: #2B80AE; text-decoration: none;} /* Better CSS Outline Suppression */
a.post {color: #222;}

/* MEDIA */
figure {margin: 0}
img, object, embed, video {max-width: 100%;	_width: 100%} /* Fluid images */
img {height: auto; border: 0; -ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */

img.attachment-post-thumbnail,
img.wp-post-image,
img.attachment-thumbnail 
img.attachment-medium,
img.attachment-large,
img.attachment-full
{height: auto; margin: 0 0 0.5em 0;}

/* ABBREVIATION */
abbr[title], dfn[title] {border-bottom: 1px dotted #333; cursor: help}

/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, mark {text-decoration: none}
mark {background: #c47529}
ins {background: #d49855}
del {text-decoration: line-through}
::-moz-selection {background: #8bb9d8; color: #fff; text-shadow: none} /* selected text */
::selection {background: #8bb9d8; color: #fff; text-shadow: none} /* selected text */

/* OTHERS */
strong, b, dt { font-weight: bold}
dfn {font-style: italic}
var, address {font-style: normal}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} /* Position 'sub' and 'sup' without affecting line-height */
sup {top: -0.5em} /* Move superscripted text up */
sub {bottom: -0.25em} /* Move subscripted text down */
span.amp{font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */
.autofit { height: auto; max-width: 100%; }

/* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}
.cf {zoom:1} /* For IE 6/7 (trigger hasLayout) */

/* DEFAULT MOBILE STYLE */
body {width: 100%; margin: 0 auto} /* Center page without wrapper */
/* column grid */
.g1,.g2,.g3,.g-half{display:block; position: relative; margin-left: 1%; margin-right: 1%}
/* 1 column grid */
.g1,.g2,.g3,.g-half{width:98%;}

.g1-footer ul li{width: 100%;}

.wrapper{max-width:1140px; padding: 0 10px 0 10px; margin: 0 auto;}

header{max-width:1140px; padding: 1em 1em 0 1em; margin: 0 auto;}

.logo {margin: 0 auto 0.75em 0;}
.logo-full {display: none; float: left}

#footer-container{max-width:1140px; padding: 1.5em 1em 0 1em; margin: 0 auto;}
#footerlogo-container{float; left; text-align: center; font-size: 0.75em; padding: 1em; color: #222; background: #e6e6e6; margin: 1em auto 0 auto;moz-box-shadow: rgba(230,230,230,1) 0 0 1em; -webkit-box-shadow: rgba(230,230,230,1) 0 0 15px; box-shadow: rgba(230,230,230,1) 0 0 15px;}

/* Buttons */
/* Registration */
.reg-button {display: inline-block; background-color: #2B80AE; font-size: 30px; padding: 15px 25px 15px 25px; margin: 0.5em auto; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border-bottom: 1px solid #222; cursor: pointer;-webkit-transition-property:color, background;-webkit-transition-duration: 0.05s, 0.05s;-webkit-transition-timing-function: linear, ease-in;}

.reg-button a {color: #fff;}

.reg-button:hover {background-color: #003366;}

.projectinfo .reg-button { font-size: 1.25em; }

/* Livestream */
.ls-button {display: inline-block; background-color: #fff; font-size: 30px; padding: 15px 25px 15px 25px; margin: 0 auto 1em auto; color: #2B80AE; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 1px #ececec; -webkit-box-shadow: 0 1px 1px #ececec; text-shadow: 0 -1px 1px #ececec; border-bottom: 3px solid #ececec; cursor: pointer;-webkit-transition-property:color, background;-webkit-transition-duration: 0.05s, 0.05s;-webkit-transition-timing-function: linear, ease-in;}
.ls-button a {color: #fff;}
.ls-button:hover {background-color: #ececec; color: #003366; border-bottom: 3px solid #fff;}


/* Footer Styles */
footer {position: relative; float: left; width: 100%; background: #2B80AE; margin: 1.5em 0 0 0; moz-box-shadow: rgba(0,0,0,.5) 0 0 7px; -webkit-box-shadow: rgba(0, 0, 0, .5) 0 0 7px; box-shadow: rgba(0, 0, 0, .5) 0 0 7px;}

h4.footer-header {color: #FFF; margin: 0 0 0.5em 0; font-size: 1.5em;
line-height: 1em;}

footer ul li {color: #FFF; border-top: 1px dotted #FFF; margin: 0; padding: 5px 0;-webkit-transition-property:color, background;-webkit-transition-duration: 0.05s, 0.05s;-webkit-transition-timing-function: linear, ease-in;}
footer ul li:hover {color: #2B80AE; background: #FFF;}

footer ul li.last {display: block; color: #FFF; margin: 0;-webkit-transition-property:color, background;-webkit-transition-duration: 0.05s, 0.05s;-webkit-transition-timing-function: linear, ease-in;}
footer ul li.last:hover {color: #2B80AE; background: #FFF;}

p.headline {font-size: 1em;}

p.copyright {float: none; margin: 10px 0 10px 0;}

.profilepic {display:block;float:none; margin: 0 auto; padding:0 1em 0 0;width:45px;}
.profilepic img {width:45px;}

span.icon {font-family: 'EntypoRegular'; font-size: 2em; font-weight: normal; line-height: 0.25em; vertical-align: top; cursor: pointer;}
span.icon#small {line-height: 0.4em; padding: 0 0 0 .2em;}
span.icon#small {line-height: 0.4em; padding: 0 0 0 .2em;}
span.icon#smallmenu {float: right; line-height: 0.5em; padding: 0;}
span.icon#smallmenuhome {float: right; line-height: 0.5em; padding: 0;}
span.faq {font-family: 'EntypoRegular'; font-size: 3em; font-weight: normal; line-height: 0.2em; vertical-align: top;}
span.icon#social-head {color: #2B80AE; font-family: 'ModernPictogramsNormal'; font-size: 2em; font-weight: normal; line-height: 0.6em; vertical-align: top; margin: 0 0.4em 0 0;}
span.icon#social {color: #ececec; font-family: 'ModernPictogramsNormal'; font-size: 2em; font-weight: normal; line-height: 0.6em; vertical-align: top; margin: 0 0.4em 0 0;}
p.social {color: #ececec; text-align: center;}
span.icon#social:hover {color: #fff;}
.resource span.icon {font-size: 5em;}

/* These next two are for the sharing buttons on the Resource and Promote page */
span.icon#social-buttons {float: right; color: #ececec; font-family: 'ModernPictogramsNormal'; font-size: 1.5em; font-weight: normal; line-height: 1em; vertical-align: top; margin: 0;}
span.icon#social-buttons:hover {color: #fff;}


/* Hide the Photo on the Twitter Embed */
.twtr-hd {display: none;}

/* SCHEDULE */
.schedule-container {margin: 0 0 1em 0; -moz-box-shadow: 0px 3px 7px #999; -webkit-box-shadow: 0px 3px 7px #999;}
h3.schedule {background:#2B80AE; color:white; margin: 0; padding:1em; border-radius:0;}
ul.schedule {text-align: left; padding: 1em; margin: 0; background: #f9f9f9;}
ul.schedule li.session {color: #222; background: #E3E9EC; padding: 0.5em 1em; margin:0.5em -1em;}

/* FitVids.js Styles */
#homevideo{width:100%;background:#ececec;margin: 0 0 1em 0; -moz-box-shadow: 0px 3px 7px #999; -webkit-box-shadow: 0px 3px 7px #999;}
.vendor{margin-bottom:0;}

/* media Queries

FOLDING FLUID GRID
< 767px			- 1-Column Fluid Grid
768px - 1023px	- 2-Column Fluid Grid
> 1024px			- 3-Column Fluid Grid
Change widths as necessary
------------------------------------------- */

/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {

body { }

.project_map { display: none; }
.project_imgs { display: block; }

}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {

body { }
	
h1 {
  font-size: 3em;
}

.project_map { display: none; }
.project_imgs { display: block; }

}

/* SMALL TABLET */
@media only screen and (min-width: 600px) {

body { }
	
h1 {
  font-size: 4em;
}

.project_map { display: none; }
.project_imgs { display: block; }

}

/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) { 

.logo {float: left;}

/* NAV */
#nav {float: right; width: auto; margin: 0.2em 0 1em 0;}
#nav a li {display: none}
#nav ul.info {display: block; list-style: none; float: left}
#nav ul.info a {display: block; list-style: none; float: left}
#nav ul.info a li {display: block; float: left; width: 90px; font-size: 0.75em; margin: 0 0 0 1.5em; text-align:center; }

span.icon#smallmenu {float: none; line-height: 0.7em; padding: 0 0 0 .2em;}
span.icon#smallmenuhome {float: none; line-height: 0.7em; padding: 0;}

/* Buttons */
.reg-button {margin: 0.5em 0 0.5em 0;}

h1, h2, h3, h4, h5, h6 {text-align: left;}
h1 {font-size: 5.5em;}
h2.vision {text-align: center; font-weight: normal !important;}
p.headline {font-size: 120%; text-align: center; padding: 0 5em;}
p.second {font-size: 100%; padding: 0 5% 0 0;}
p {font-size: 100%; text-align: left; margin-bottom: 1.5em; line-height: 1.25em;}
 
footer ul li.last {border-bottom: 1px dotted #e5e5e5;}

p.copyright {text-align: center; float: none;}

.profilepic {display:inline-block;float:left; margin: 0 auto; padding:0 1em 0 0;width:44px;}
.profilepic img {width:auto;}
.social-buttons {float: left;}

/* COLUMN GRID */
.g1,.g2,.g3 {display:inline; float: left}
	
/* 3 COLUMN GRID */
.g1 {width:31.333%; margin: 0 1% 1% 1%;}
.g2 {width:64.667%;}
.g3 {width:100%; margin: 0;}
.g3-speakers {width:110%; margin: 0;}
.g-half {float: left; width: 43%; margin: 0 3% 0 1%;}
.g-half2 {float: left; width: 48%; margin:0 1%;}
.g1-footer {float: left; width: 31.3%; margin: 0 1%;}

.project_map { display: none; }
.project_imgs { display: block; }



}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1000px) { 

body { }

h1 {font-size: 7em;}
h2.vision {text-align: center;}
p.headline, div.headline {font-size: 160%; text-align: center; padding: 0 5em;}
p.second {font-size: 120%; padding: 0;}
p {font-size: 100%; text-align: left; margin-bottom: 0 1.5em 0 0; line-height: 1.25em;}

.logo {display:none;}
.logo-full {display: block; width:25%;}

#nav {float: right; width: auto; margin: 0.5em 0 1em 0;}

.profilepic {width:59px; margin: 0 0.75em 0 0; padding: 0;}
.profilepic img {width:auto; margin: 0; padding: 0;}

.projectdata { width: 170px; float: left; margin: 0 1.5em 0.5em 0; padding-right: 1.5em; border-right: 1px dashed #2B80AE; }
.projectinfo { float: none; margin 0; }

.autofit img { max-width: 75%; }


.project_map { display: block; }
.project_imgs { display: none; }


}

@media only screen and (min-width: 1280px) { 
/* DESKTOP */

body { }
	
h1 {
  font-size: 7.5em;
}


}

/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1400px) { 

body {font-size:116.75%; background: #fff 0 1.25em;} /* 18.5px / 28px */
}

/* PRINT */
@media print {
  * {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} /* Black prints faster */
  a, a:visited {color: #444 !important; 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 print links for images, javascript or internal links */
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
  thead {display: table-header-group; } /* Repeat header row at top of each printed page */
  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}
}