/*
Theme Name: 	Process Partners
Theme URI: 		http://www.elevenmedia.com.au
Description: 	WordPress Theme
Version: 		2013
Author: 			Eleven Media 
Author URI: 	http://www.elevenmedia.com.au
*/

/* =============================================================================
   General Styles
   ========================================================================== */
   body {  font-size:12px; line-height:20px; font-family: 'Raleway', sans-serif;     }
   h1,h2,h3,h4,h5,h6 { font-weight: 500; padding-top: 3px; padding-bottom: 10px; font-family: 'Raleway', sans-serif;   }
   h1 { font-size:20px; line-height:20px; color:#003964; border-bottom: 1px solid #e0e0e0; border: none\0/ !important; } 
   h2 { font-size:16px; line-height:15px; color:#b2bc3a;  border-bottom: 1px solid #e0e0e0; border: none\0/ !important; }
   h3 { font-size:13px; line-height:26px; color:#003964; }
   h4 { font-size:13px; line-height:22px; color:#003964; } 
   h5 { font-size:18px; line-height:22px; color:#003964; }
   h6 { font-size:18px; line-height:22px; color:#003964; } 
   p  { font-size:11px; line-height:18px; color:#5e5e5e; font-family:Arial, Helvetica, sans-serif;  padding: 3px 0px;}
   ul { margin: 0; padding: 0; }
   ol { margin: 0; padding: 0;}
   li { font-size:11px; line-height:18px; color:#5e5e5e; font-family:Arial, Helvetica, sans-serif;  padding: 0px 0px;}
   hr { outline:none; border:none;  border-top: 1px solid #e0e0e0; margin:10px 0px;}
   
   a:link 		{ color:#003964; text-decoration: none;} 
   a:visited 	{ color:#003964; text-decoration: underline;}
   a:hover 		{ color:#003964; text-decoration: underline;}
   a:active 	{ color:#003964; text-decoration: underline;}
   a:focus 		{ outline-style: none;}  	
 
/* =============================================================================
   Structure
   ========================================================================== */ 
   
   .header-wide { width: 100%; background: #003064; }
   .branding-wide { width: 100%; background: #FFF; }
   
   .grid-container {  margin: 0 auto; width: 980px\0/ !important;  max-width: 980px; }
   .grid-container-banner {  width: 100%; margin: 0 auto; max-width: 1110px; }
   .grid-container-banner-sub {  width: 100%; margin: 0 auto; max-width: 1110px; }


   .home-page-copy { background: #FFF; margin-top:0; z-index: 300; position: relative; border-top:8px solid #bfc000;
   margin-bottom: 100px; padding-top: 30px; padding-bottom: 50px; }
   
   .sub-page-copy { background: url(images/sub-bg-wrap.jpg) top center repeat-y #FFF;  z-index: 300; position: relative; border-top:8px solid #bfc000; margin-bottom: 100px;  padding-top: 30px; padding-bottom: 50px;}



/* =============================================================================
   Header / Nav Styles 
   ========================================================================== */ 	
	.logo { display:inline; float:left; width: 310px; height: 77px; }
	.symbol { display:inline; float:right; width: 600px; height: 77px;  }
	
	.nav {  height: 40px; width: 1000px; margin-left: -20px; }
	.nav ul { list-style: none;   }
	.nav ul li { float: left;  display: inline;  font-size: 11px; font-family: 'Open Sans', sans-serif;}
	.nav ul li a { display:block; color:#FFF; line-height:40px; text-decoration:none; padding:0px 20px; 
	background: url(images/desktop-nav-bg.jpg) top right no-repeat;   }
	.nav ul li a:hover { color:#FFF; background: url(images/desktop-nav-bg.jpg) bottom right no-repeat;  }
	
	 
/* =============================================================================
   Slider Styles 
   ========================================================================== */ 
	.cycle-slideshow { width: 100%; overflow: hidden; height: auto; position: relative;}
	.cycle-slideshow img {width: 100%; display: block;}
	.cycle-navigation > * { cursor: pointer; }
	.cycle-navigation { position: relative; }
	.cycle-navigation span { position: absolute; width: 61px; height: 61px; z-index: 500;}
	.cycle-navigation .prev { left:75px; top:180px; background: url(images/slider-nav.png) top left no-repeat; }
   .cycle-navigation .next { left:140px; top:180px; background: url(images/slider-nav.png) top right no-repeat;  }
   .cycle-navigation .prev:hover {  background: url(images/slider-nav.png) bottom left no-repeat; }
   .cycle-navigation .next:hover {  background: url(images/slider-nav.png) bottom right no-repeat; }
   
   .slide-item  { position: relative; display: block; width: 100%; }
   .slide-caption { position: absolute; bottom:115px; right: 85px; background: #bfc100; z-index: 2000; 
   color: #FFF; padding: 20px; font-size:20px; line-height: 20px; font-family: 'Open Sans', sans-serif; font-weight: 300; 
    -webkit-font-smoothing: antialiased; }
    
    .side-nav { width: 200px; margin-left: 20px;}
    .side-nav h3 { font-size:18px; line-height:15px; border-bottom: 1px solid #e0e0e0;}
    .side-nav li { border-bottom: 1px solid #e0e0e0; background: url(images/sidebar-li.jpg) top left no-repeat; line-height: 20px;}
    .side-nav li a { display: block; padding-left: 15px; padding-top: 10px; padding-bottom: 10px; color: #003064;
    font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: bold; }
    .side-nav li a:hover { text-decoration: none; color: #000;}

/* =============================================================================
   Row Styles
   ========================================================================== */ 
   .row { padding-top: 5px; clear: both;   }
   .row ul { margin-left: 20px; }
   .row li { list-style: disc; }
   
   .row.banner img { max-width: 100%; }
   .gallery-wrap a { max-width: 100%; height: 130px; overflow: hidden; }
   
   .home-page-copy a { display: inline-block; background: #bfc100; padding: 10px 20px 10px 20px;  width: auto; color: #FFF; 
      font-weight: 700;   margin-top:10px; 
      -moz-border-radius: 5px;  -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
    .home-page-copy a:hover { background:#003964; text-decoration: none; }
    
    a.project-icon { margin-bottom: 15px; background:#003964;  display: block;   overflow: hidden
          -moz-border-radius: 5px;  -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;      }
   a.project-icon img { -moz-border-radius: 5px;  -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
    .project-icon p { font-weight: bold; color:#FFF; text-align: center;  } 
    a:hover.project-icon { text-decoration: none; }
   a:hover.project-icon img { opacity: 0.5;}
/* =============================================================================
   Icon Styles 
   ========================================================================== */ 			
   [class*="entypo-"]:before {  font-family: 'entypo', sans-serif; color:#222; font-size: 30px;  
   text-align: center; line-height: 30px; font-weight: normal; width: 30px; display:inline; float:left;}

/* =============================================================================
   Flexnav styles  
   ========================================================================== */  
   .mobile-nav { display: inherit; clear: both; position: relative; width: 100%; z-index: 6000;}
   .flexnav { *zoom: 1; -webkit-transition: 0; -moz-transition: 0; -o-transition: 0;  transition: 0; clear: both;
     -webkit-transform-style: preserve-3d; overflow: hidden; margin: 0 auto; width: 100%; max-height: 0; }
   .flexnav:after { content: "";   display: table;  clear: both; }
   .flexnav.show { max-height: 2000px; -webkit-transition: 1s;  -moz-transition: 1s; -o-transition: 1s;  transition: 1s; } 
   .flexnav li { font-size: 100%; position: relative;  overflow: hidden; line-height: 50px; }
   
   /* first level  */
   .flexnav li a { position: relative; display: block; z-index: 2;  overflow: hidden; color: #FFF; background: #003064;
    border-bottom: 1px solid #021f36;   padding-left: 20px; font-family: 'Ropa Sans',Arial, Helvetica, sans-serif; 
    font-size: 14px;}
   .flexnav li a:hover { text-decoration: none; }
   .flexnav li ul { width: 100%; }
   .flexnav li ul li { font-size: 100%;  position: relative;  overflow: hidden; }
   .flexnav li ul.show li { overflow: visible; }
   
   /* second level  */
   .flexnav li ul li a {  display: block;  background: #021f36; padding-left: 30px; }
   
   /* third level  */
   .flexnav ul li ul li a {   background: #0196ab; padding-left: 40px;  }
   
   /* rhs button styles level  */
   .flexnav .touch-button { position: absolute;  z-index: 999;  top: 0; right: 0;  width: 50px; height: 50px; display: inline-block;     background: #021f36;   text-align: center; } 
   .flexnav .touch-button:hover { cursor: pointer; }
   .flexnav .touch-button .navicon {  position: relative;  line-height: 50px;   font-size: 12px;  color: #FFF; }
   
   /* menu button */
   .menu-button { display: block; padding-left: 20px; line-height: 50px;  background: #003064; color: #FFF; cursor: pointer; 
   border-bottom: 1px solid #021f36; font-family: 'Ropa Sans',Arial, Helvetica, sans-serif;  font-size: 14px; }
   .menu-button .touch-button {  background: #021f36;  position: absolute;  z-index: 999; top: 0;  right: 0;
   width: 50px;  height: 50px; display: inline-block; text-align: center; }
   .menu-button .touch-button .navicon {  font-size: 14px;  position: relative; line-height: 50px; color: #FFF; }
   
   
   	
/* =============================================================================
   Gravity form styles  
   ========================================================================== */ 
   .gform_body {}
   .gform_body ul {}
   .gform_body li  { margin-top: 10px;}
   .gfield label { font-weight: bold; }
   .gfield input[type=text] 	{ box-sizing: border-box; font-size: 14px !important;  height:35px; padding:10px; 
   border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
   -webkit-box-shadow: inset 0 3px 4px #f8f8f8;-moz-box-shadow: inset 0 3px 4px #f8f8f8; box-shadow:
   inset 0 3px 4px #f8f8f8; width:100%;  }
   
   .gfield  select	{ box-sizing: border-box; font-size: 13px !important;  height:35px; padding:10px; border: 1px solid #ccc;
   -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 3px 4px #f8f8f8;
   -moz-box-shadow: inset 0 3px 4px #f8f8f8; box-shadow: inset 0 3px 4px #f8f8f8; width:100%; }
   
   .gfield textarea 	{ box-sizing: border-box;  font-size: 13px !important;    padding:10px;  border: 1px solid #ccc; 
   -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 3px 4px #f8f8f8;
   -moz-box-shadow: inset 0 3px 4px #f8f8f8; box-shadow: inset 0 3px 4px #f8f8f8; width:100%;}
   
   .gform_footer input[type=submit] {  box-sizing: border-box;  background-color:#555;    border:1px solid #000; 
   color:#ffffff;    -moz-border-radius:3px;   -webkit-border-radius:3px; border-radius:3px;  display:inline-block;  
   font-size:15px;   font-weight:normal; padding:10px 30px; margin-bottom: 20px; margin-top: 10px; }
   
   .gform_footer input[type=submit]:hover {    cursor:pointer;    background-color:#222;  }   
   .gform_wrapper .gform_footer { margin: 0; padding: 0;}
   .gform_description { font-size: 12px; line-height: 25px; color: #5c5c5c; margin-bottom: 15px;}
   .gform_heading {  margin-bottom: 20px;}
   
   .gform_validation_container { display: none;}
   
/* =============================================================================
   Mobile and Tablet Media Query
   ========================================================================== */
   @media only screen and (min-width: 320px) and (max-width: 959px) {	
   body { background: url('images/bg-mobile.jpg') bottom center no-repeat #FFF; padding-bottom: 180px;}
   .grid-container { padding: 0; }
   .sub-page-copy { background-image: none; background-color: #FFF; }
   
   a.logo { width: 310px; margin: 0 auto; display: block; float: none; }
   
   .desktop-nav { display: none; }
   .symbol { display: none;}
   .sidebar-wrap { display: none; }
   .content-col-wrap { width: 100%;}
   .cycle-navigation { display: none;}
   .slide-caption {  display: none;}

   }
   
/* =============================================================================
   Tablet Only Media Query
   ========================================================================== */
   @media only screen and (min-width: 960px) and (max-width: 1024px) {	
   .cycle-navigation { display: none;}
   .slide-caption {  display: none;}
   }
   
/* =============================================================================
   Desktop or bigger Media Query
   ========================================================================== */    
   @media only screen and (min-width:960px) {	
   body { background:#f0efee;  }
    .home-page-copy  { margin-top: -120px; 
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);   -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);  
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    }
    .sub-page-copy  { margin-top: -120px;
        -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);   -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);  
    box-shadow: 0 0 20px rgba(0,0,0,0.2); }
    .mobile-nav { display: none;}
       .content-col-wrap { display:inline; float:right; margin-right: 25px;}
   }
   
  

   
   
/* =============================================================================
   End of CSS file
   ========================================================================== */