/*

Theme Name: WP-Forge

Theme URI: http://themeawesome.com/responsive-wordpress-theme

Author: ThemeAwesome.com

Author URI: http://themeawesome.com/

Description: A WordPress theme built with ZURB's Foundation for Sites (Foundation 6.2.3), the most advanced responsive front-end framework in the world. By combining WordPress and Foundation you get a resposive WordPress theme that makes creating websites fun and exciting again! Please view the CHANGELOG and README files before/after installation and/or update.

Version: 6.2.3.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, sticky-post, translation-ready

Text Domain: wp-forge

*/

/*

  1.0 - Reset

 */

ins {

	background: #fff9c0;

	text-decoration: none;

	padding:0 0.1875rem;}

sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;}

sup {

	top: -0.5em;}

sub {

	bottom: -0.25em;}

small {

	font-size: smaller;}

img {

	border: 0;

	-ms-interpolation-mode: bicubic;}

blockquote cite {

	margin-top: 1rem;}

.sticky {/* Style not used but left in case you want to style the sticky in some way - use fixed instead see below */}



.logo {
	margin-top:20px;
	float: right;
    margin-right: -35px;
	margin-bottom:15px;
	
	}

.logo-f {
	width:132px;
	margin-right:22px;
	float:left;
	margin-top:3px;
	}





.intro-text {
	
	color:#FFFFFF;
	font-size:24px;
	}
	
	
	


a:hover, a:focus {
	color: #6a5085 !important;
	}


#responsive-menu-pro-container a:hover,
#responsive-menu-pro-container a:focus {
	color: #FFFFFF !important;
	}



#main-nav   {
    height: 30px; /* set to the height you want your menu to be */
    margin: 0 0 10px; /* just to give some spacing */
	margin-top:68px !important;
	z-index:9999 !important;
}

#main-nav ul    {
    margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
	float:right;
}

#main-nav li    {
    display: block;
    float: left;
    line-height: 30px; /* this should be the same as your #main-nav height */
    height: 30px; /* this should be the same as your #main-nav height */
    margin: 0; padding: 0; /* only needed if you don't have a reset */
    position: relative; /* this is needed in order to position sub menus */
}

#main-nav li a  {
    display: block;
    height: 30px;
    line-height: 16px;
    padding: 0 15px;
	font-size:14px;
	font-weight:500 !important;
	color:#9583a9 !important;
	
}



#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover,
#main-nav li.current-page-ancestor a
 {
    color: #b7be1c !important;
}

#main-nav .active a:hover {
	color: #b7be1c !important;
	
	}


#main-nav ul ul { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    position: absolute;
    top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */
}

#main-nav ul ul li { /* this targets all submenu items */
    float: none; /* overwriting our float up above */
    width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}

#main-nav ul ul li a { /* target all sub menu item links */
    padding: 5px 10px; /* give our sub menu links a nice button feel */
}


#main-nav ul li:hover > ul {
    display: block; /* show sub menus when hovering over a parent */
}



#responsive-menu-container {
	background-color:transparent !important; 
}



#responsive-menu-pro-container {
	position:relative !important; 
	}


ul#responsive-menu-pro {
	margin-bottom:10px !important;
	
	}


.responsive-menu-pro-open #responsive-menu-pro-container.push-top, .responsive-menu-pro-open #responsive-menu-pro-container.slide-top {
	transition: transform 0.85s ease-in-out 0s !important;
	-webkit-transition: transform 0.85s ease-in-out 0s !important;
}

#responsive-menu-pro-container.push-top, #responsive-menu-pro-container.slide-top {
	transition: transform 0.85s ease-in-out 0s !important;
	-webkit-transition: transform 0.85s ease-in-out 0s !important;
}




.responsive-menu-pro-button {
	transform: translateY(0px) !important;
	
	}

	
#responsive-menu-pro-container {
	z-index: 0 !important;
	
	}

.responsive-menu-pro-wrapper {
	z-index:-10 !important;
	
	}




.title-left p {
    margin-top: 40px;
	margin-bottom:0px !important;
}


.gform_wrapper div.validation_error {
    border-bottom: 2px solid #6a5085 !important;
    border-top: 2px solid #6a5085 !important;
    
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: #F0EAFE !important;
    border-bottom: 1px solid #6a5085 !important;
    border-top: 1px solid #6a5085 !important;
}

.gform_wrapper div.validation_error {
    border-bottom: 2px solid #6a5085 !important;
    border-top: 2px solid #6a5085 !important;
    color: #6a5085 !important;
}




/**

 * 4.0 - Basic Structure

 */



html, body {
  height: 100%;
}



a {
	color: #444444;
	
	}


body {
	font-family: 'Raleway', sans-serif;
	font-weight:300;

	color: #444444 !important;

	background-color: #FFFFFF;

	text-rendering: optimizeLegibility;

	-ms-word-wrap: break-word;

	word-wrap: break-word;
	
	letter-spacing: 0.5px;
	}
	
	.linkstyle .main-content.yellow-bg p a {
		color: #444444 !important;
		text-decoration:underline;
		line-height:1.8em;
		
		}
	
	h1 {
		font-family: 'Raleway', sans-serif;
		color: #6a5085 !important;
		padding-top:0px !important;
		padding-bottom:12px !important;
		font-size:25px !important;
		font-weight:300 !important;
		
		
		
		}
		
	h2 {
		font-family: 'Raleway', sans-serif;
		color: #b7be1c !important;
		line-height:1.4 !important;
		font-weight:300;
		font-size:18px;
		margin-bottom:20px;
		}	
		
	h3 {
		font-family: 'Raleway', sans-serif;
		color: #b7be1c !important;
		line-height:1.0 !important;
		font-weight:300;
		font-size:18px;
		}	


h1.page {
	padding-top:20px !important;
	padding-bottom:12px !important;
	font-size:25px !important;
	font-weight:300 !important;
	
	
	}

.page-template-contact-page .main-content {
	margin-top:30px;
	
	}	

.gform_wrapper .top_label .gfield_label {
	font-weight:normal !important;
	}	
	

.gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large {
	width:100% !important;
	
	}


#gform_submit_button_1.gform_button.button	{
	background-color: #6a5085 !important;
	
	}
	
.team-title p {
	margin:0px;
	padding:0px;
	margin-top:12px;
	
	}

.team-title h1 {
	padding-bottom:6px !important;
	margin-bottom:2px !important;
	margin-top:-6px !important;
	
	}
	

blockquote {
	background-color:#f8f8e8;
	color: #b7be1c !important;
	border:none !important;
	padding-bottom: 20px;
    padding-top: 20px;
	}
	
	
	
	

blockquote p {
	color: #b7be1c !important;
	margin-bottom:0px;
	
	
	}


.yellow-bg {
	background-color:#f8f8e8 !important;
	padding-bottom: 20px;
    padding-top: 20px;
	
	}



.heading-yellow {
	background-color:#f8f8e8;
	
	}


		
		strong, b {
			font-weight:400 !important;
			
			}

a {

	outline:none!important;

	transition: all .2s ease-in !important;
	-webkit-transition: all .2s ease-in !important;
	
	}


.intro-text p {
	margin-bottom:0px;
	line-height:1.3;
	padding-top:27px;
	padding-bottom:31px;
	
	}

.main-content a {
	color:#b7b71d !important;
	
	}

.content_wrap {

	padding-top: 0px;}



img.header-image {/* Remove fancy borders */

	border-radius: 0;

	box-shadow:none;}


.footer {
	padding-top:20px;
	padding-bottom:20px;
	margin-top:40px;
	}

.footer-text {
	margin-top:5px;
	font-size:11px;
	float:left;
	
	}




.content_container {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -140px; 
}
.content_container:after {
  content: "";
  display: block;
}



.footer_container {
	background-color: #6a5085;
	
	}
.footer_container, .content_container:after {
  height: 100px; 
}



footer[role="contentinfo"] {

	border-top: 1px solid #ededed;

	clear: both;

	line-height: 2;

	padding: 1.5rem 0;}

footer[role="contentinfo"].inline-list {

	margin-bottom: 1rem;}

footer > .site-info {

	margin-bottom:0;}

footer > .site-info.lft {

	text-align:left;}

footer > .site-info.rt {

	text-align:right;}

footer > .site-info.cntr {

	text-align:center;}

.table {

	display: table;   /* Allow the centering to work */

	margin: 0 auto;}

.table ul.navcntr li {

	display: inline-block!important;}

.footer_wrap p {

  	margin-bottom:0;}

.footer_wrap a {

	text-decoration:none;}

.footer_wrap .table {

	margin-bottom: 1rem;}


#backtotop {

	position: fixed;

	right: 1rem;

	bottom:1rem;

	z-index: 99;

	cursor: pointer;

	display: none;

	font-size: 1.2rem;

	width:1.5rem;

	height:1.5rem;

	line-height:1.5rem;

	text-align:center;

	border-radius:10%;

	opacity: 0.5;

}

#backtotop span.genericon {

	line-height: 1.5;

	margin-left: 0.125rem;

}

#backtotop:hover {

	opacity: 1.0;

}

.hvr-fade {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  overflow: hidden;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: color, background-color;

  transition-property: color, background-color;

}



  	@media only screen and (max-width: 60em) {
		
		.under-menu-wrap {
	transition: transform 0.85s ease-in-out 0s !important;
	-webkit-transition: transform 0.85s ease-in-out 0s !important;
	margin-top:-250px;
	z-index:99 !important;
	
	}

	.header {
	z-index:99900 !important;
	position:relative;
	
	}
	
	.responsive-menu-pro-button {
	transform: translateY(0px) !important;
	
	}

	
#responsive-menu-pro-container {
	z-index: 0 !important;
	
	}

.responsive-menu-pro-wrapper {
	z-index:-10 !important;
	
	}
	
	.title-left {
		float:right !important;
		
		
		
		}
		
		.title-left p {
			margin-bottom:0px !important;
			margin-top:10px !important;
			font-size:12px;
		}
		
		.team-title p {
			margin-top:0px !important;
		}
		

    	}

	@media only screen and (min-width: 40em) {
		
		#footer {
	padding-right:30px;
	text-align:right !important;
	
	}
	
	

  	}



@media screen and (max-width: 63.9375em) {

	.f-topbar-fixed {

	    padding-top: 0;}
		
		
		}







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

}

.left {

  float: left !important;}

.right {

  float: right !important;}

hr {

  border: solid #dddddd;

  border-width: 1px 0 0;

  clear: both;

  height: 0;

  margin: 1.5rem 0; }

	
	
	
	
	
	
	


/**

 * 15.0 - Media Queries

 */



/* Small only */

@media screen and (max-width: 39.9375em) {
	
	
	.logo {
		width:222px;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		margin-bottom:10px;
		float: none;
		
		}
	
	.logo-f {
		float:none;
		width:132px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:14px;
		
		}
		
	
	.footer-text {
		float:none;
		width:100%;
		text-align:center;
		margin-top:14px;
		
		}	
		
		.intro-text {
			font-size:19px;
			
			}

.column, .columns {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}


.content_container {
  /* equal to footer height */
  margin-bottom: -190px; 
}


.footer_container, .content_container:after {
  height: 150px; 
}




.title-left {
		text-align:right;
		
		
		}






}




/* Medium and up */

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



/* Medium only */

@media screen and (min-width: 40em) and (max-width: 63.9375em) {

}

/* Large and up */

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

/* Large only */

@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

