/*
Theme Name: IWL2013
Author: Toivo J // Touch Marketing
Version 1.0
*/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
 * COLOURS
 * 
 * main maroon    #5a1530
 * 
 * 
 * 
 */

/* ---------------------------------------------------------------------------------------------------------------------------
    WORDPRESS Required CSS
----------------------------------------- */
    
.alignnone { margin: 17px 10px; }
.aligncenter { display:block; margin: 17px auto; }
.alignright { float:right; margin: 17px 0 17px 10px; }
.alignleft { float:left; margin: 0 10px 17px 0; }
 
.wp-caption {
    text-align:center;
    margin:5px;
    max-width: 635px; }
.wp-caption-text, .gallery-caption {
    padding:2px;
    margin:0 5px; }
 
.bypostauthor, .sticky { }


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body{
   color:#363636;
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
p.big, .big-p p{
   font-size:1.2857142857em;
}
p{
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   margin-bottom: 8px;
   color:#363636;
}
p:last-child{
   margin-bottom: 17px;
}
p a{
   font-weight:bold;
}

blockquote{
   padding:20px 3.3em;
   margin:17px 0;
   position:relative;
   border:none;
   color:#5a1530;
}
blockquote p{
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   color:#5a1530;
   font-size:1.1428571429em;
   font-style:italic;
}
.testimonial blockquote{
   font-size:1.4285714286em;
}
blockquote:before{
   content:"“";
   font-style:normal;
   position:absolute;
   top:-0.3em;
   left:0;
   font-size:7em;
}
blockquote:after{
   content:"”";
   font-style:normal;
   position:absolute;
   bottom:-0.8em;
   right:0;
   font-size:7em;
}
.testimonial blockquote + h6{
   margin-top:0;
   margin-right:60px;
   float:right;
}

.tb-marg{
   margin-top:17px;
   margin-bottom:17px;
}

.button{
   box-shadow: none;
   border:none;
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.button.secondary{
   color:white;
   box-shadow: none;
   border:none;
}

h1,h2,h3,h4,h5,h6{
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
   font-weight:600;
   color:#5a1530;
}
h4, h5, h6{
   margin-bottom: 5px;
}
h1{
   font-size:32px;
   padding-bottom:17px;
   border-bottom: 1px solid #b0aaa6;
   text-transform:uppercase;
}
h2{
   font-size:28px;
}
h3{
   font-size:24px;
}
h4{
   font-size:20px;
}
h5{
   font-size:16px;
}
h6{
   font-size:14px;
   font-family: Georgia, serif;
   font-weight:bold;
}

ul, ol, dl{
   margin-left: 25px;
}

.sidebar{
   border-right:1px dashed #e2e0df;
   padding-right:20px;
}
.sidebar .chunk{
   
}

code {
  background: none;
  font-weight: inherit;
  font-family: inherit;
}

/* -----------------------------------------
   Header & Nav
----------------------------------------- */

header{
   border-bottom: 10px solid #e2e0df;
}
#logo{
   margin-top:20px;
   float:left;
}
header .testimonial{
   margin-top:0;
   border:none;
   max-height:90px;
}
header .testimonial blockquote:before{
   top:-0.2em;
}
header .testimonial blockquote:after{
   bottom:-0.9em;
}
header .testimonial blockquote{
   margin-top:0;
   padding-bottom:0;
   margin-bottom:8px;
   font-size:11px;
}
header .testimonial blockquote h6{
   font-size:11px;
}
header .testimonial blockquote p{
   margin-bottom:0;
}
#quick-contact{
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
   margin-top:50px;
   line-height:1.4em;
   text-align:right;
}
ul.nav-bar{
   margin-bottom:0;
   margin-top: 10px;
}
ul.nav-bar li{
   display:inline-block;
}
ul.nav-bar li a{
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
   text-transform:uppercase;
   font-weight:600;
   display:block;
   padding:6px;
}
ul.nav-bar li a.selected, ul.nav-bar li a:hover{
   background: #e2e0df;
   border-radius: 10px 10px 0 0;
}

/* -----------------------------------------
   Footer
----------------------------------------- */

footer{
   border-top: 10px solid #e2e0df;
   background:#fcfafb;
}

footer .back-to-top {
    margin-top: -10px;
    position: relative;
    top: -1em;
}

.testimonial{
   margin-top:40px;
   border-top: 1px dashed #e2e0df;
}

.subscribe2 label, .subscribe2 label + br{
   display:none;
}

.subscribe2 h5{
   line-height:1.4em;
   margin-bottom:10px;
}

footer .subscribe2 input[name='unsubscribe'], .sidebar .subscribe2 input[name='unsubscribe']{
   display:none;
}
.copyright{
   font-size:12px;
}


/* -----------------------------------------
   Forms
----------------------------------------- */

input[type='submit']{
   width: auto;
   background-color: #b0aaa6;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   font-family: inherit;
   font-size: 14px;
   font-weight: bold;
   line-height: 1;
   margin: 0;
   padding: 10px 20px 11px;
   position: relative;
   text-align: center;
   text-decoration: none;
   -webkit-transition: background-color 0.15s ease-in-out;
   -moz-transition: background-color 0.15s ease-in-out;
   -o-transition: background-color 0.15s ease-in-out;
   transition: background-color 0.15s ease-in-out;
   box-shadow: none;
   border: none;
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
input[type='submit']:hover, input[type='submit']:focus {
    background-color: #98908B;
}


/* -----------------------------------------
   Home
----------------------------------------- */

#intro{
   background: #5a1530;
}
#intro .top-row{
   padding:20px 0;
}
#intro-blurb{
   margin-top:50px;
}
#intro h1{
   text-transform:none;
   color:white;
   border-bottom:none;
}
#intro p{
   color:white;
}
#features-bar{
   background:#e2e0df;
   padding:15px 0;
}
#features-bar h5{
   text-decoration:underline;
   font-size:1.1428571429em;
   line-height:1.3em;
   margin:0;
   color:#7c7c7c;
   padding-left:20px;
   position:relative;
}
#features-bar h5:before{
   content:"";
   position:absolute;
   top:0;
   left:0;
   height:17px;
   width:15px;
   background: url(img/sprite.png) top left no-repeat;
}

section.main{
   padding:40px 0;
}

#overview h3{
   text-transform:uppercase;
   padding-left:50px;
   position:relative;
   padding-top:0.4em;
   font-size:22px;
   color:#b0aaa6;
   padding-bottom:0.8em;
   border-bottom: 1px solid #b0aaa6;
}
#overview h3:before{
   content:"";
   position:absolute;
   top:0;
   left:0;
   height:46px;
   width:47px;
   background: url(img/sprite.png) -17px top no-repeat;
}



/* -----------------------------------------
   Who we are
----------------------------------------- */

.profile{
  margin-top:40px;
  padding-bottom:20px;
  border-bottom: 1px dashed #e2e0df;
}

.profile.last{
  padding-bottom:0;
  border-bottom:none;
}





/* -----------------------------------------
   Blog
----------------------------------------- */

.blog .sidebar{
   border-right:none;
   padding-right:0;
   border-left:1px dashed #e2e0df;
   padding-left:20px;
}
#blog-back{
   margin-top:-2em;
   margin-bottom:20px;
   opacity:0.5;
}
#blog-back-bot{
   margin-top:20px;
   opacity:0.5;
}
.post{
   border-bottom: 1px dashed #e2e0df;
   padding-bottom:20px;
   margin-bottom:40px;
}
.post:last-child{
   border-bottom: none;
   padding-bottom:0;
   margin-bottom:40px;
}
.date{
   margin-bottom:-12px;
   font-weight:bold;
   font-size:0.8571428571em;
   text-transform:uppercase;
}




/* -----------------------------------------
   Contact
----------------------------------------- */

form.wpcf7-form{
   margin-top:17px;
}

.wpcf7-not-valid{
   background-color: rgba(198, 15, 19, 0.1) !important;
    border-color: #C60F13 !important;
}
span.wpcf7-not-valid-tip-no-ajax {
    margin-top: -0.8em;
}
div.wpcf7-validation-errors {
    border: none;
}

.wpcf7-mail-sent-ok{
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px 3px 3px 3px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
    padding: 6px 7px 7px;
    position: relative;
    background-color: #5DA423;
    color: #FFFFFF;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}

.wpcf7-validation-errors{
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px 3px 3px 3px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
    padding: 6px 7px 7px;
    position: relative;
    background-color: #C60F13;
    color: #FFFFFF;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}



/* -----------------------------------------
   IE wackiness
----------------------------------------- */

.lt-ie9 img{
   max-width: 100% !important;
   width: auto !important;
   height: auto !important;
}

/* -----------------------------------------
   Queries
----------------------------------------- */

/* 767 and under */
@media only screen and (max-width: 767px) { 
  
  #logo{
     display:block;
     float:none;
     margin-left:auto;
     margin-right:auto;
  }
  #quick-contact {
    margin-top: 20px;
    text-align: center;
  }
  
  ul.mob-nav.accordion {
     margin-top:20px;
     margin-bottom:40px;
  }
  ul.mob-nav.accordion .nav-bar{
     margin-left:0;
  }
  ul.nav-bar li a.selected, ul.nav-bar li a:hover {
    border-radius: 10px;
   }
  .mob-nav .nav-bar li a{
     font-size:1.1428571429em;
  }
  #intro-blurb {
    margin-top: 0px;
   }
   #features-bar h5 {
    margin-bottom:10px;
   }
  #features-bar .four.columns:last-child h5 {
    margin-bottom:0px;
   } 
   
   
   blockquote:before, blockquote:after {
    font-size: 3em;
   }
   blockquote:before {
    top: 0;
   }
   blockquote:after {
    bottom: -0.2em;
   }
   .testimonial blockquote {
    font-size: 1.1428571429em;
   }
   blockquote {
    padding: 20px 1.5em;
   }
   
   .copy-break.show-for-small {
    display:inline !important;
   }
   
   .sidebar {
    border-right: none;
    padding-right: 0;
    border-bottom: 1px dashed #E2E0DF;
    padding-bottom: 20px;
    margin-bottom: 20px;
   }
   
   .blog .sidebar {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px dashed #E2E0DF;
    border-left: none;
    padding-left: 0;
   }
   
   footer .back-to-top {
    left:15%;
    width: 70%;
   }
   
}