/*
Theme Name: 	BSPK
Theme URI: 		http://thevillageagency.com
Description: 	WordPress Theme
Version: 		2013
Author: 			Village Agency
Author URI: 	http://thevillageagency.com
*/

/* =============================================================================
   General Styles
   ========================================================================== */
   body { background:#FFF;  font-size:12px; line-height:20px; font-family: "brandon-grotesque",sans-serif;
font-style: normal; font-weight: 500;    }
   h1,h2,h3,h4,h5,h6 { font-weight:300; padding-top: 10px; padding-bottom: 10px; font-family: "brandon-grotesque",sans-serif;  }
   h1 { font-size:18px; line-height:120px; color:#4d5961; text-transform: uppercase; padding: 0; } 
   h2 { font-size:14px; line-height:24px; color:#959da0; text-align: center; text-transform: uppercase; border-bottom: 1px solid #f1f1f1; text-transform: uppercase; margin-bottom: 10px;}
   h3 { font-size:14px; line-height:24px; color:#959da0; text-align: left; text-transform: uppercase; border-bottom: 1px solid #f1f1f1; text-transform: uppercase; margin-bottom: 10px;}
   h4 { font-size:24px; line-height:34px; color:#41454e; font-weight: 400; text-transform: uppercase; } 
   h5 { font-size:18px; line-height:22px; color:#222222; }
   h6 { font-size:18px; line-height:22px; color:#222222; } 
   p  { font-size:14px; line-height:26px; color:#50535b;  font-family: 'Lato', sans-serif;  }
   ul { margin: 0; padding: 0; }
   ol { margin: 0; padding: 0;}
   li { font-size:14px; line-height:30px; color:#50535b;}
   hr { outline:none; border:none; border-top:1px solid #e8e8e8; margin:10px 0px;}
   
   a:link 			{ color:#000; text-decoration: none;} 
   a:visited 	{ color:#000; text-decoration: underline;}
   a:hover 		{ color:#000; text-decoration: underline;}
   a:active 		{ color:#000; text-decoration: underline;}
   a:focus 		{ outline-style: none;}  	
 
/* =============================================================================
   Structure
   ========================================================================== */ 
   .grid-container { margin: 0 auto; max-width: 1220px;}
		
/* =============================================================================
   Header
   ========================================================================== */ 	
	.header-wide { width: 100%; background:#2e323a; }
	.logo { width: 160px; margin: 0 auto; display: block;}
	
	.nav-wrapper { background: #ffffff; }
	
   .nav {background: url('images/desktop-nav-logo.jpg') top right no-repeat #FFF; width: 100%; float:left; }
   .desktop-nav ul {text-align:center; padding-left:20px; } 
   .desktop-nav ul li {float:left;display:inline; text-transform: uppercase;}
   .desktop-nav ul li a { display:block; line-height: 95px; color:#a8abad; font-size: 12px; margin-right: 50px; font-weight: 500;   } 
   .desktop-nav ul li a:hover { text-decoration: none; color: #41454e;  } 
   .desktop-nav ul li ul { width:100%;background:#cfd3d6; z-index: 2000;  position:absolute; left: 0; padding-top: 50px;
    text-align: left; padding-bottom: 50px;  } 
   .desktop-nav ul li ul li {width:330px; z-index: 3000; clear: both; }
   .desktop-nav ul li ul li a {display:block; padding-left: 18px; color:#2e323a; line-height: 35px; margin-bottom: 5px;}
   .desktop-nav ul li ul li a:hover  {background: url('images/desktop-nav-ul-li-hover.jpg') top left no-repeat; color: #FFF; text-decoration: none;  }
   .desktop-nav ul li ul.children {display:none;}
   .desktop-nav ul li:hover ul.children {display:block;}
   
   .desktop-nav ul li.current_page_item a { font-weight: 500;  }
   .desktop-nav ul li.current_page_item ul li a { font-weight: 500;  }
   
   a.mobile-menu-link {  width: 100%; background: #FFF; line-height: 40px;  text-align: left; font-weight: 600; display: block; 
   text-transform: uppercase; padding-left: 20px; }
   a:hover.mobile-menu-link { text-decoration: none; }
   .mobile-nav ul li { width: 100%; border-top: 1px solid #a8abad;}
   .mobile-nav ul li a { display:block; width: 100%; line-height: 40px; color:#a8abad; text-align: center;   font-size: 14px; text-transform: uppercase;   background:#2e323a; color: #FFF;  font-family: "brandon-grotesque",sans-serif;
font-style: normal; font-weight: 500; } 
   .mobile-nav ul li a:hover { text-decoration: none; }
   .mobile-nav ul li ul li a { display:block; width: 100%; line-height: 40px; color:#2e323a;background:#cfd3d6;  font-size: 12px;   text-align: center; text-transform: uppercase;   font-family: "brandon-grotesque",sans-serif;
font-style: normal; font-weight: 500;  }  
    .mobile-nav ul li ul li a:hover { text-decoration: none;}

/* =============================================================================
   Home Page Styles 
   ========================================================================== */ 
   .home-page-top { background: #f1f1f1; }
   .home-row-copy { padding: 30px; }
   .home-row-copy p { color: #82868f; font-size: 12px; line-height: 26px;}
   .home-row-copy a { font-weight: 600; margin-top: 10px; display: block; }
   
   .home-row-1 { position: relative; background: #FFF; display: block;padding: 0; }
   .home-row-1 section { padding: 0;}
   .home-row-1-branding { display: block; position:absolute; bottom: 0;  right: 0;  }
   .home-row-2 { position: relative; background: #FFF; display: block; padding: 0;   }
   .home-row-2 section { padding: 0;}
   .home-row-2-branding { position:absolute; bottom: -1px; left: 50%;  }
   
   .home-row-3 { position: relative; background: #FFF; display: block;  }
   .home-row-3 section { padding: 0;}
   
   .page-template-tpl-home-page-php h1 { line-height:60px; margin-top: 20px; }
   .page-template-tpl-home-page-php h3 { color: #41454e; font-weight: 400; border-bottom: none;}

/* =============================================================================
   Sub Page Styles 
   ========================================================================== */ 
   .sub-page-title { background: #f1f1f1; height: 120px; }
   .sub-page-title h1 { line-height: 120px; }
   
/* =============================================================================
   Row Styles
   ========================================================================== */ 
   .row {  padding-top: 20px; padding-bottom: 10px; clear: both;   }

   .row.banner { padding-top: 0;}
   .row.banner img { max-width: 100%; }
   
   .logo_row img { border-right: 1px solid #f1f1f1; margin-bottom: 20px;}
   
   .highlight-row-wrap { border: 1px solid #f1f1f1; padding: 40px 50px; 
   background: url(images/highlight-row-bg.jpg) bottom center no-repeat; }
   .image-highlight { margin-top: 30px;}
   p.social { color: #959da0; font-size: 12px; text-align: center; }
   
   .link-block-row { margin-top: 30px;}
   .link-block-item { position: relative;}
   .link-block-image { position: relative;  display: inline-block; z-index:10; width: 100%; margin-top: -30px; }
   .link-block-title { position: relative; display: inline-block; bottom:30px; z-index: 2000; left: 0; background: #32363F; color: #FFF; height: 30px; line-height: 30px; padding-left: 15px; padding-right: 15px; font-size: 15px;   font-family: "brandon-grotesque",sans-serif;  font-weight: normal;}

/* =============================================================================
   Footer Styles
   ========================================================================== */  
   .footer  { margin-top: 20px; padding-top: 20px; padding-bottom: 40px; border-top: 1px solid #e8e8e8;}
   .footer  img { display:inline; float:left; }
   .footer p { display:inline; float:left;   color: #a8abad; text-transform: uppercase; font-size: 12px; margin-left: 10px; line-height: 50px;  }
   
/* =============================================================================
   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;}
   	
   .mobile-menu-link  [class*="entypo-"]:before {  font-family: 'entypo', sans-serif; color:#a8abad; font-size: 24px;  
   text-align: center; line-height: 40px; font-weight: normal; width: 30px; display:inline; float: right; margin-right: 10px; }
/* =============================================================================
   Gravity form styles  
   ========================================================================== */ 
   .gform_body {font-family: 'Lato', sans-serif;    }
   .gform_body ul {}
   .gform_body li  { margin-top: 10px;}
   .gfield_required {  color: #959da0 !important; }
   .gfield label { font-weight:300; color: #959da0; text-transform: uppercase;  font-family: 'Lato', sans-serif;  font-size: 12px;}
   .gfield input[type=text] 	{ box-sizing: border-box; font-size: 14px !important;  height:40px; padding:10px; 
   border: 1px solid #e6eaec; background: #fcfdfd;  }
   
   .gform_wrapper .top_label input[type=text].medium {}
   
   .gfield textarea 	{ box-sizing: border-box;  font-size: 13px !important;   border: 1px solid #e6eaec;  background: #fcfdfd; }
   
   .gform_footer input[type=submit] {  box-sizing: border-box;  background-color:#3c414a;  border:none; line-height: 50px;
   color:#ffffff;    display:inline-block;  text-transform: uppercase; font-family: 'Lato', sans-serif;
   font-size:15px;   font-weight:normal; padding:0px 50px; 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_wrapper .top_label .gfield_label { font-weight: 500 !important;  font-family: "brandon-grotesque",sans-serif;}
    
 .gform_wrapper .top_label input#input_1_9 { width: 100px !important;}   
 .gform_wrapper .top_label input#input_1_10 { width: 100px !important;}
/* =============================================================================
   small / mobile media query
   ========================================================================== */
   @media only screen and (min-width: 320px) and (max-width: 767px)  {	
   
   .mobile-nav { display: none; }
   .grid-container { padding: 0;}
   .highlight-row-wrap { padding: 10px 0px; }
   
   .nav-wrapper { background: none; }
   .desktop-nav  { display: none; }
   
   .footer-mark { display: block; float: none; width: 50px; margin: 0 auto; clear: both;}

   }
   
   
/* =============================================================================
   medium / tablet media query
   ========================================================================== */ 
   @media only screen and (min-width: 768px) and (max-width: 1023px)  {
   .grid-container { padding: 0;}
   .desktop-nav { display: none; }
   }
   
     
/* =============================================================================
   large / desktop media query
   ========================================================================== */
   @media only screen and (min-width: 1024px) {
   a.mobile-menu-link { display: none; }
   .mobile-nav { display: none; }
   .home-row-1 { border-left: 10px solid #f1f1f1; border-right: 10px solid #f1f1f1; }
   .home-row-2 { border-left: 10px solid #f1f1f1; border-right: 10px solid #f1f1f1; }
   
   .page-item-62 ul li { margin-left: 20%;  }

   
   }
      

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