/*
Theme Name: Smitten Apple
Author: Marcel Turi
Author URI: http://m.turi.co
Description: Custom WordPress theme for Prevar's Smitten™ Apple brand website
Version: 1.0
*/

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 (20110126) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border:0; margin:0; padding:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }

/* Element styles */
html { color:#333; background:#fff; overflow-y:scroll; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
body { font:400 .8125em/1.4 'segoe ui', sans-serif; background:transparent url('#') no-repeat 50% 200px; }
h1, h2, h3 { margin:0 0 .75em; font:400 italic 2em/1.2 georgia, serif; }
h3, h4 { font-style:normal; font-size:1.6em; }
h4 { color:#999; }
p { margin:0 0 1em; }
blockquote { font-size:1.2em; margin:1em 0; padding:.5em 2em; font-style:italic; }
pre { color:#393; overflow:auto; margin:1em 0; padding:0 1em; border-left:.5em solid #ddd; font:1em/1.2 consolas, 'courier new', monospace; }
hr { clear:both; border:0; border-bottom:1px dotted #ccc; }
i, em { font-style:italic; }
b, strong { font-weight:700; }
small { font-size:.85em; }
a { color:#e41569; }
  a:hover { text-decoration:none; }

/* Form styles */
form input.txt, form input.name, form input.email, form textarea { width:15em; padding:.25em; border:1px solid #aaa; border-color:#aaa #bbb #ccc #ddd; font:400 1.1em/1.2 'segoe ui', sans-serif; }
form input.sm { width:3em; }
form textarea { height:5em; overflow:auto; }

/* Class styles */
.l { float:left; margin:0 1em 1em 0; }
.r { float:right; margin:0 0 1em 1em; }
.hide { display:none; }
.good { color:#393; }
.error { color:#c33; }
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin: 0 auto; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6); clip:auto !important; color:#21759b; display:block; font-size:14px; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000; }
.clear:before, .clear:after { content:''; display:table; }
.clear:after { clear:both; }

/* Layout styles */


/* ID styles */
#wrap { width:900px; margin:1em auto 0; padding:0 0 1em; }
  aside#apri { width:300px; height:580px; float:right; background:transparent url('img/bg-apri.png') no-repeat -40px 0; }
    #apri .arap { padding:0 0 0 2em; }
    #apri blockquote { color:#444; padding:0; margin:2em 2em 0 0; font:400 italic 1.4em/1.4 georgia, serif; }
  #wrap #main { width:600px; float:left; padding:10px 0; background:#fff; border-radius:8px; box-shadow:0 0 10px #ccc; }
    #main .mrap { margin:0 10px; padding:4px; border-radius:5px; border:1px solid #EB7799; }
    #main header#hpri { margin:20px 25px 30px; }
      #hpri hgroup {}
        #hpri hgroup h1 { width:520px; height:100px; text-indent:-9999em; background:#fff url("img/logo.png") 50% 50% no-repeat; }
          #hpri hgroup h1 a { top:20px; width:256px; height:60px; display:block; position:relative; }
        #hpri hgroup .site-description { display:none; }
    #main nav#npri { float:left; width:200px; }
      #npri ul { padding:0 0 1em; margin:0 1em 0 25px; font:400 italic 1.4em/1.2 georgia, serif; }
        #npri ul li { margin:0 0 .75em; }
          #npri ul li a { color:#333; padding:0 0 0 30px; text-decoration:none; text-transform:lowercase; background:#fff url('img/bg-npri-a.png') 0 50% no-repeat; }
            #npri ul li a:hover { background-position:-300px 50%; }
            #npri ul li.current-menu-item a { background-position:-300px 50%; }
        #npri ul ul { padding:0; margin:.5em 0 0 2.25em; font-size:.75em; font-style:normal; }
          #npri ul ul li {}
            #npri ul ul li a { color:#666; padding:0; background-image:none; }
              #npri ul ul li a:hover { text-decoration:underline; }
              #npri ul ul li a:before { content:"- "; }
              #npri ul ul li.current-menu-item a { color:#e41569; }
      /* Small menu */
      .menu-toggle { display: none; cursor: pointer; }
      .main-small-navigation ul { display: none; }
    #main section#spri { float:right; width:360px; margin:0 10px 10px 0; }
      #spri .srap { padding:0 1em; }
      #spri ul, #spri ol { margin:.5em 2.5em 1em 1.5em; }
          #spri ul li, #spri ol li { list-style:disc; margin-bottom:.5em; }
          #spri ol li { list-style:decimal; }
          #spri ol ol, #spri ul ul,
          #spri ol ul, #spri ul ol { margin-bottom:0; }
            #spri ol ul li, #spri ul ul li { list-style:circle; }
            #spri ul ol li { list-style:decimal; }
    #wrap #main footer { clear:both; padding:0; width:570px; }
  #wrap footer { color:#999; clear:both; width:600px; padding:2em 0 1em; font-size:.9em; text-align:center; }
    #wrap footer a { color:#999; }
      #wrap footer a:hover { color:#666; text-decoration:underline; }

/* Page styles */
body.home {}
  body.home #main header#hpri { margin:20px 25px; }
    body.home #hpri hgroup {}
      body.home #hpri hgroup h1 { height:330px; background-image:url("img/logo-home.jpg"); }
        body.home #hpri hgroup h1 a { top:0; left:20px; width:370px; height:90px; }

body.page-id-29 {}
  .page-id-29 #sgnd { margin:5em 2em 0 0; text-align:center; font:400 italic 1.6em/1.4 georgia, serif; }
  .page-id-29 .contact-form  div { clear:both; }
  .page-id-29 .contact-form  label { width:8em; float:left; display:block; line-height:2; font-weight:400; }
    .page-id-29 .contact-form  label span { display:none; }
  .page-id-29 .contact-form  input.name, .page-id-29 .contact-form  input.email, .page-id-29 .contact-form  textarea { width:15em; float:right; padding:.25em; border:1px solid #aaa; border-color:#aaa #bbb #ccc #ddd; font:400 1.1em/1.2 'segoe ui', sans-serif; }
  .page-id-29 .contact-form  textarea { height:10em; }
  .page-id-29 .contact-form  .contact-submit { clear:both; text-align:right; margin-right: 1em; }

/* Other styles */
html.js .no-js { display:none; }
html.js #apri blockquote, html.js #apri #sgnd { display:none; }
html.js #main #spri { overflow:hidden; }
html.js #spri .srap { padding:0; }
html.js #spri .disable { display:none; }

@media all and (orientation:portrait) {}

@media all and (orientation:landscape) {}

@media screen and (max-device-width:480px) {
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
  * { background:transparent !important; color:#444 !important; text-shadow:none !important; }
  a, a:visited { color:#444 !important; text-decoration:underline; }
  a:after { content:" (" attr(href) ")"; }
  abbr:after { content:" (" attr(title) ")"; }
  .ir a:after { content:""; }
  pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
  thead { display:table-header-group; }
  tr, img { page-break-inside:avoid; }
  @page { margin:0.5cm; }
  p, h2, h3 { orphans:3; widows:3; }
  h2, h3 { page-break-after:avoid; }
}