/* Author: Jon Henshaw */

/* Global */
.button { font-weight:700;font-family:"Lora","Georgia",serif;font-style:italic; }
li { list-style-type:square; }
img.shadow { -webkit-box-shadow: 5px 5px 33px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 5px 33px 0px rgba(0,0,0,0.75);box-shadow: 5px 5px 33px 0px rgba(0,0,0,0.75); }
.screenshot img { border:1px solid #eee; }

/* Typography: Families */
*, .button { color:#434751; }
*, p, small, .fine, li { font-family:"Open Sans","Arial","Helvetica",sans-serif;font-weight:300; }
h1, h2, h3, h4, h5, h6 { font-family:"Montserrat","Arial","Helvetica",sans-serif; }
blockquote { font-family:"Lora","Georgia",serif; }
h2 abbr { font-weight:600; }
abbr { border:none; }

/* Headers */
h5, h6 { text-transform:capitalize; }
h1 { font-size:3rem; }
h2 { font-size:2.7rem; }
h3 { font-size:26px; }
h4 { font-size:21px; }
h5 { font-size:15px; }
h6 { font-size:12px; }

/* Body Copy Styles */
p, .intro, .intro span, .intro strong, smpartiall, .fine, li { color:#696c74;letter-spacing:.02em; }
p, small, .fine, ol, ul { line-height:1.9em; }
p { font-size:1.2rem }
.intro { font-size:18px;line-height:2em; }
.intro span { font-size:26px }
small { font-size:13px; }
.fine { font-size:11px; }
blockquote { font-size:24px;line-height:36px;font-style:italic; }
ol, ul { font-size:15px; }
mark { background-color:#FFEF7E; }
code {  }
strong { font-weight:bold; }

/* Links */
a { text-decoration:none; }
a:link { background-color:#fff7be; }
a:visited { background-color:#fff7be; }
a:hover, a.button:link, a.button:visited { background-color:#FFEF7E; }
a:active { background-color:#48CED8; }
a.button:hover { background:#48CED8; }

a.secondary:link { background-color:transparent;border-bottom:1px dashed #434751; }
a.secondary:visited { background-color:transparent;border-bottom:1px dashed #434751; }
a.secondary:hover { background-color:#FFEF7E; }
a.secondary:active { background-color:#48CED8; }

/* Home Layout */
#home { max-height:700px;overflow:hidden;color:#fff;background:url("//d12ntb1hgzs8e3.cloudfront.net/img/hero.jpg");background-size:cover;background-position:top center; }
#home .mast h1, #home .mast p, #home .mast a.logo:link, #home .mast a.logo:visited, #home .mast li a:link, #home .mast li a:visited, #home h1 em { color:#fff; }
#home h1 { margin:2em 0 0 0;font-weight:normal;font-size:4rem;line-height:1.3em;padding: 0;}
#home h1 span { color:#A0EAEB;font-weight:bold; }
#home h1 em { font-weight:600; }
#home .button { margin-bottom:6em; }
#home .mast p {font-size: 200%; padding: 0 100px 0 100px; line-height: 150%;}

/* Home Suite Layout */
#homesuite { max-height:700px;overflow:hidden;color:#fff;background:url("../img/wood.jpg");background-size:cover;background-position:top center; }
#homesuite .mast h1, #home .mast p, #home .mast a.logo:link, #home .mast a.logo:visited, #home .mast li a:link, #home .mast li a:visited, #home h1 em { color:#fff; }
#homesuite h1 { margin:2em 0 0 0;font-weight:normal;font-size:2.7rem;line-height:1.3em;padding: 0;}
#homesuite h1 span { color:#A0EAEB;font-weight:bold; }
#homesuite h1 em { font-weight:600; }
#homesuite .button { margin-bottom:6em; }
#homesuite .mast p {font-size: 200%; color: white; padding: 0 100px 0 100px; line-height: 150%;}

/* Why Raven */
.why { background:url("//d12ntb1hgzs8e3.cloudfront.net/img/why-5.png") no-repeat center top;height:400px; }
.why h1 { padding-top:1.2em; }
.numbercircle { font-size:30px;font-weight:bold;border-radius: 50%;width: 47px;height: 47px;border: 2px solid #48CED8;color: #48CED8;text-align: center;display:inline-block;font-family:arial;
}

/* Masthead */
.mast { padding:1.5em 0; }
.mast li {padding-top:16px;text-transform:uppercase; }
.logo img { height:60px;}
.signuplogo img { height:120px; }
a.signuplogo:link, a.signuplogo:visited, a.logo:link, a.logo:visited, li a:link, li a:visited { border:none;background-color:transparent; }

/* Main Nav */
.mast .inline-list, .inline-list li { margin-left: 2.3rem; }
ul.subnav li a { border-bottom:3px solid #fff }
ul.subnav li.active a, ul.subnav li a:hover { border-bottom:3px solid #FFEF7E; }

/* Tour Nav */
ul.tournav { margin:3em 0;padding:0;list-style-type:none;text-align:center }
ul.tournav li { margin:0;padding: 1em 0;display:inline-block; }
ul.tournav li a { margin:0 3em;padding:.5em 1em;color:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
ul.tournav li.active a, ul.tournav li a:hover { background:#FFEF7E;color:#434751; }

/* Info Boxes */
.infobox { padding:2em 0; }
.infobox h2 { margin-top:0; }
.infowhite { background:transparent; }
.infogrey { background:#f1f1f1; }
.infoyellow { background:#fff7be; }
.infodark { background:#434751; }
.infodark h1, .infodark h1 abbr { color:#FFEF7E; }
.infodark h1 abbr { font-weight:600; }
.infodark p, .infodark abbr, .infodark label { color:#fff; }
.infodark img { margin:2em 0; }


/* Footer */
footer { background:#434751;padding:2em 0; }
footer.signup { background:#fff; }
footer * { color:#CED7E0; }
footer.signup * { color:#aaa; }
footer h4 { font-size:14px;margin:0;padding:0;color:#fff; }
footer ul { list-style-type:none;margin:0 0 1em 0;padding:0; }
footer li { list-style-type:none;font-size:13px;line-height:1.7em; }
footer li a:hover, footer li a:hover abbr { color:#FFEF7E; }
.social img { height:30px;width:30px; }
.social a { background:transparent; }
.social p, .news p, .news h1 { font-family: "Open Sans","Arial","Helvetica",sans-serif;font-size: 1.2rem;margin: 0 0 1em;text-transform: uppercase; }
footer hr { border:none;height:1px;background:#CED7E0; }
footer.signup hr { border:none;height:1px;background:#eee; }

/*footer { position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%; } */

/* Testimonial */
.quote { background: #F2F4F7;padding: 15px 20px 5px 15px;border-radius: 5px; }
.quote:after { content: '';width: 0px;height: 0px;border-style: solid;border-width: 20px 18px 0 18px;border-color: #F2F4F7 transparent transparent transparent;position: relative;top: 37px;left: 20px; }
.quote blockquote { margin:1em 1em .5em 1em; }
.customer { margin-left: 25px; }
.customer .photo { float: left;margin-right: 10px; }
.customer .photo img { background-color: #ccc;border-radius: 100px;width: 60px;height: 60px; }
.customer strong { font-weight:bold; }
.customer p { position: relative;top: 5px;text-transform: uppercase;margin-bottom:0;font-size:.8rem; }
.infogrey .quote { background:#fff; }
.infogrey .quote:after { border-color: #fff transparent transparent transparent; }

/* Contact */
.map { margin-bottom:-6px; }

/* Signup */
.signup { background:#fff; }
.signup label, .signup p { color:#434751; }
#raven_signup_errors { display: block; font-size: 0.75rem; color: #FF7E8E; font-style: italic; line-height: 1.5; }

/* Pricing Tables */
.pricing-table {
  border: solid 1px #DDDDDD;
  margin-left: 0;
  margin-bottom: 1.25rem;
  padding:0;}
  .pricing-table * {
    list-style: none;
    line-height: 1; }
  .pricing-table .title {
    background-color: #333333;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    color: #EEEEEE;
    font-weight: normal;
    font-size: 1rem; }
  .pricing-table .price {
    background-color: #F6F6F6;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    color: #333333;
    font-weight: normal;
    font-size: 2rem; }
  .pricing-table .description {
    background-color: #FFFFFF;
    padding: 0.9375rem;
    color: #777777;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: dotted 1px #DDDDDD; }
  .pricing-table .bullet-item {
    background-color: #FFFFFF;
    padding: 0.9375rem;
    color: #333333;
    font-size: 0.875rem;
    font-weight: normal;
    border-bottom: dotted 1px #DDDDDD; }
  .pricing-table .cta-button {
    background-color: #FFFFFF;
    text-align: center;
    padding: 1.25rem 1.25rem 0; }

/* Raven Suite Icons */
    #homesuite .mast .icons p {
        font-size: 120%;
        margin: 0;
        padding: 0;
        color: white;
    }
    #homesuite .mast .icons img {
        width: 60%;
        margin: 0;
        padding: 20px 0 0 0;
    }
    .icons img {
        padding: 0;
    }

/* Home Page Product Boxes */
.products h2 {
    font-size: 150%;}
   .products h3 {
    color: #FFF;
    font-size: 160%;
    font-weight: 400;
    margin: 5px;}
   #products-tagline {
    line-height: 140%;
    font-size: 220%;
    margin: 0;
    font-weight:400;
    color: #353535;
    text-shadow: 0 0 12px 434751, 0 0 5px #434751;
    padding: 18px 10px 18px 10px;}
   #products-tagline em {
    font-weight: 700;   
    color: #353535;}
   .products-table {
    border: solid 1px #DDDDDD;
    margin-left: 0;
    margin-bottom: 1.25rem;
    padding:0;}
   .products-table p {
    list-style: none;
    color: black;
    line-height: 130%;
    font-weight: 400;
    font-size: 100%;}
   .products-table .main {
    background-color: #ececec;
    padding: 20px;
    text-align: center;
    color: #EEEEEE;
    font-weight: normal;
    font-size: 1rem; }
   .products-table .title {
    background-color: #353535;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    font-size: 1rem; }
   .products-table .auditor-main {
    background: url("../img/connections-light.png") 100% 0;
    padding: 20px;
    text-align: center;
    color: #EEEEEE;
    font-weight: normal;
    width: 100%;
    font-size: 1rem; }
   ul.products-table li {
    list-style-type:none;}


    /* Media Queries */
@media only screen and (max-width: 40em) {
    h1, #homesuite h1 { font-size:23px; }
    #home h1 { font-size:35px; }
    .intro span { font-size:20px; }
    h2 { font-size:2rem; }
    blockquote { font-size:18px; }
    p, #homesuite .mast .icons p { font-size:1.1rem }
    #homesuite .button, #home .button { font-size: 60%; }
    #homesuite .mast .icons img { width: 40%;}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    #home h1 { font-size:45px; }
    #homesuite h1 { font-size:40px; }
    .intro span { font-size:23px; }
}

@media only screen and (min-width: 40.063em) {
    
}