/*   
Theme Name: Responsive Website
Theme URI: http://www.appletoncreative.com/
Description: Framework using Bootstrap 3.0
Author: Appleton Creative
Author URI: http://www.appletoncreative.com/
Version: 1.5
*/

html, body {
	overflow-x: hidden;
	min-height:100%;
}

body {
	line-height: 1.8em !important
}

a:hover {
	opacity: 1;
	color: inherit
}

input[type='text'], textarea, select, option {
	color: #000
}

input[type='text'], textarea {
	border: 1px solid #666
}

/* UTILITY */

.parallax {
	  background-repeat: no-repeat;
    background-size: 100% auto;
    margin: 0 auto; 
    width: 100%; 
    background-attachment: fixed;
    background-position: center center;
}

.hero {
	  height: 350px;
}

.row-first {
	padding-top: 40px
}

.row-block {
	padding: 40px 0px;
	margin: 0px
}

.row-hero img {
	width: 100%
}

img.circle {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
}

.stroke {
	border: 3px solid #fff
}

.aligncenter {
	margin: 10px auto
}

img.aligncenter {
	display:block
}

.alignleft {
	float: left;
	margin: 10px 20px 10px 0px
}

.alignright {
	float: right;
	margin: 10px 0px 10px 20px
}

.tiny {
	font-size: 85%
}

.btn {
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

/* HEADER */

header {
  background-color: #fff;
  z-index: 999;
  position: fixed;
  top: 0;
  width: 100%;
}

#logo {
	float: left;
	margin: 10px;
	max-width: 120px
}

.widget-header-top {
	margin: 10px auto
}

.widget-header-right .widget {
	float: right
}

.widget-header-left .widget {
	float: left
}

.navbar-nav > li > a {
	opacity: 1
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:active {
	background-color: transparent
}

.navbar-toggle {
	border: 1px solid #ccc
}

.navbar-toggle .icon-bar {
	background-color: #ccc
}

/* TOGGLE */

.panel-heading {
	padding: 0px
}

.panel-heading a {
	padding: 10px 15px;
	display: block
}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
	display: block;
	text-decoration: none
}

.panel-title a:hover, .panel-title a:active {
	text-decoration: none
}

.panel-title a:hover {
	opacity: .8
}


/* FOOTER */

footer {
  background-color: #000;
  color: #fff;
  margin-top: 40px
}

.nav-footer {
	color: #fff;
	text-align: center;
	padding: 15px 0px;
	margin: 0px
}

.nav-footer li {
	display: inline;
	margin: 0px 10px
}

footer a, footer a:hover, footer a:active {
	color: #fff;
	text-decoration: none;
}

.footer-copy {
	margin: 30px auto
}

.credit {
	text-align: center;
	color: #fff;
	margin: 20px 0px
}

.credit a, .credit a:hover {
	text-decoration: none
}

/* GRAVITY FORMS */

.gform_wrapper {
	max-width: 100% !important
}

/* RESPONSIVE */

@media (max-width: 1024px) {
	
	.slider .flickity-prev-next-button {
		width: 30px !important;
		height: 30px !important
	}
	
}

@media (max-width: 767px) {
	.navbar-nav {
		background-color: #fff
	}
}

@media (max-width: 600px) {
	.btn {
		white-space: normal
	}
}

@media (max-width: 500px) {
	
	.flickity-prev-next-button {
		width: 25px !important;
		height: 25px !important
	}

	.ginput_container {
		clear: both;
		margin-bottom: 15px
	}
	
	.gform_fields label.gfield_label, .gform_fields .ginput_container input, .gform_fields .ginput_container input.medium, .gform_fields .gform_wrapper .top_label input.medium {
		width: 100% !important
	}

}

/* WORDPRESS GALLERY STYLES */

.gallery .gallery-item {
float: left;
margin: 0px;
text-align: center;
padding: 6px;
box-sizing: border-box;
}

.gallery-columns-5 .gallery-item {
width: 20%;
}

.gallery .gallery-item img {
	width: 100%;
	height: auto;
	display: block
}

@media (max-width: 600px) {
	.gallery-item {
		width: 33% !important;
	}
}

@media (max-width: 400px) {
	.gallery-item {
		width: 50% !important;
	}
}

/* FOUT FIX */

.wf-loading  {
  visibility: hidden
}