/* CSS Document for Print */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,700italic,700,300);

@page {margin: .5cm;}

body {
  color: #000;
  font-family: Georgia, "Time New Roman", serif; font-size: 12pt;
  font-weight: normal; margin: 0; padding: 0;
}

h1, h2, h3, h4 {margin: 0; font-family: "Open Sans", sans-serif;}
h1 {font-size: 1.4em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
p {margin: 0 0 1em 0; font-size: .9em;}

a, a:visited {color: inherit; text-decoration: none;}
a::after, a:visited::after {
  content: '(' attr(href) ')';
  font-style: italic;
  word-wrap: break-word;
}

nav {display: none;}

header {position: relative;}
header::after {content: url(../images/banner_1300_print.jpg); width: 90%;}
header a.logo {display: block; width: 145px; height: 60px; position: absolute; top: 20px; left: 20px;}
header a.logo::before {content: url(../images/logo_print.svg);}
header a.logo::after {display: block; position: absolute; top: 60px; left: 0px;}
header a.logo span {display: none;}
header div.hero {width: 75%; position: absolute; top: 120px; left: 20px;}
header div.hero h1 span {display: none;}
header div.hero a::after {display: block;}

section {margin: 50px;}
section::after {content: ''; display: block; clear: both;}

section.main {margin-top: 20px; margin-bottom: 30px;}
section.main aside {width: 33%; float: left; text-align: center;}
section.main aside div.content {margin: 15px;}
section.main aside div.content h3 a::after {display: block; font-family: serif; font-weight: normal;}
section.main aside div.one::before {content: url(../images/icon_honesty.svg);} 
section.main aside div.two::before {content: url(../images/icon_gear.svg);} 
section.main aside div.three::before {content: url(../images/icon_umbrella.svg);} 

section.promo {position: relative; margin-bottom: 40px; padding-top: 50px; border-top: 1px solid #ccc;}
section.promo::before {content: url(../images/photo_lounge_print.jpg);}
section.promo article {width: 40%; position: absolute; top: 40px; left: 425px;}

section.more {padding-top: 50px; border-top: 1px solid #ccc; page-break-inside: avoid;}
section.more aside {width: 25%; float: left; margin: 0 35px 0 0;}
section.more div.content img {display: none;}
section.more aside:nth-child(1) div.content::before {content: url(../images/photo_seating_print.jpg);}
section.more aside:nth-child(2) div.content::before {content: url(../images/photo_lighting_print.jpg);}

section.more blockquote {
  width: 30%;
  float: left;
  margin-left: 30px;
  position: relative;
}
section.more blockquote::before {
  content:'\201c';
  color: #ccc;
  font-size: 5em;
  font-family: serif;
  display: inline-block;
  position: absolute;
  top: -20px;
  left: -45px;
}
section.more blockquote p.quote {
  font-style: italic;
  font-size: 1.4em;
  color: #888;
}
section.more blockquote p.quote::after {
  content:'\201d'; font-family: serif;
}
section.more blockquote p.credit {
  padding-left: 20px; position: relative;
}
section.more blockquote p.credit::before {
  content:'\2014';
  position: absolute;
  left: 0px; top: -1px;
}


section.services {margin-top: 20px; margin-bottom: 30px;}
section.services aside {width: 33%; float: left; text-align: center;}

footer {border-top: 1px solid #ccc; position: relative; min-height: 200px; padding: 20px 0 0 230px;}
footer::after {content: url(../images/qr_filosoft.png); position: absolute; top: 20px; left: 0px;}
footer a {display: block; margin-top: 22px;}
footer a::after {display: block;}
footer div.content {padding-left: 20px;}
footer div.content::after {
  content: 'This page was printed from https://filosoft.ro';
  display: block; margin-top: 40px; font-style: italic; font-size: .9em;
}