/*
 Theme Name:   Your Web Layout Child
 Theme URI:    http://inmotionwebdesigns.com
 Description:  Your Web Layout Child Theme
 Author:       Design Services
 Author URI:   http://yourweblayout.com
 Template:     yourweblayout
 Version:      1.3.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  yourweblayout-child

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS: 
----------------------------------------------------------------
1.0 Bootstrap
	1.1 Adjustments

2.0	Underscores
	2.1 Elements
	2.2 Accessibility
	2.3 Alignments
	2.4 Clearings

3.0 Your Web Layout
	3.1 Typography
	3.2 Background
	3.3 Header
	3.4 Navigation
	3.5 Contentog
	3.6 Sidebar
	3.7 Footer
	3.8 Custom
	3.9 WooCommerce
	3.9.5 Blog

4.0 Media Queries
	4.1 xs
	4.2 sm
	4.3 md
	4.4 lg
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Bootstrap
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.1 Adjustments
--------------------------------------------------------------*/
/* If they insist, disable responsiveness thusly
 * @link http: //getbootstrap.com/getting-started/#disable-responsive
 *
 * 1. Replace all col classes (col-lg, col-md, col-sm) with col-xs
 * 2. Remove all navbar collapsing and expanding behavior
 * 3. Uncomment css below to override container width
 */

/*
.container {
	width: 970 !important;
}


@media (min-width: 576px) {

}

@media (min-width: 768px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
}
*/

/*--------------------------------------------------------------
2.0	Underscores
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.1 Elements
--------------------------------------------------------------*/
img {
	height: auto; /* Make sure images are scaled correctly */
	max-width: 100%; /* Adhere to container width */
}

figcaption {
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 5px;
}

/* Make sure elements fit their containers */
embed,
iframe,
object,
.wp-caption,
.widget select {
	max-width: 100%;
}

/* Required by WordPress theme check */
.sticky,
.bypostauthor,
.gallery-caption,
.wp-caption-text {
}

/*--------------------------------------------------------------
2.2 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #14253e;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* put code in here to specify colors for Dark Mode on mobile devices */
@media (prefers-color-scheme: dark) {
	
}

/*--------------------------------------------------------------
2.3 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
2.4 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
3.0 Your Web Layout
--------------------------------------------------------------*/
/* this removes the anchor tags around images and text when printing a webpage */
@media print {
	a[href]:after {
		content: "";
	}
}

/*--------------------------------------------------------------
3.1 Typography
--------------------------------------------------------------*/
body {
	color: #000;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px;
	text-rendering: optimizeLegibility;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
	color: #000;
	font-weight: 500;
}

h1,
h2.post-title {
	font-size: 36px;
	line-height: 39px;
}

h2 {
	font-size: 30px;
	line-height: 34px;
}

h3 {
	font-size: 24px;
	line-height: 30px;
}

h4 {
	font-size: 21px;
	line-height: 26px;
}

p {
	margin-bottom: 20px;
}

a {
	color: #457b9d;	
}

a:hover, 
a:focus {
	color: #f25a1b;
	transition: .5s;
}

/*this hides the dotted border that appears on menu items when active */
a:focus {
	outline: none;
}

/* Button Styles */
.btn-success {
	background-color: #f25a1b;
	border-color: #f25a1b;
	color: #fff;
}
.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success {
	background-color: #457b9d;
	border-color: #457b9d;
	color: #fff;
}
.btn-lg, 
.btn-group-lg > .btn {
	border-radius: 0;
	font-size: 24px;
	line-height: 1.33;
	padding: 10px 16px;
}

ul {
	margin-bottom: 20px;
	padding-left: 20px;
}

/* xs */
@media (min-width: 576px) {

}

/* sm */
@media (min-width: 768px) {

}

/* md */
@media (min-width: 992px) {

}

/* lg */
@media (min-width: 1200px) {

}

/*--------------------------------------------------------------
3.2 Background
--------------------------------------------------------------*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffdfd+0,dfdede+100 */
body,
.site-content {
	background: #fffdfd;
	background: -moz-linear-gradient(top,  #fffdfd 0%, #dfdede 100%);
	background: -webkit-linear-gradient(top,  #fffdfd 0%,#dfdede 100%);
	background: linear-gradient(to bottom,  #fffdfd 0%,#dfdede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdfd', endColorstr='#dfdede',GradientType=0 );
}
.site-header {
	background: rgba(255, 255, 255, .5);
	position: relative;
	z-index: 100000;
}

#site-navigation,
.navbar-default,
.site-content > .container {
	background: transparent;
}

.site-footer {
	background: #fff;
	border-top: 1px solid #457b9d;
}

.attribution {
	background: #457b9d;
	padding: 10px 0;
}

/*--------------------------------------------------------------
3.3 Header
--------------------------------------------------------------*/
#logo {
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}
#logo img:hover {
	opacity: .7;
	transition: .5s;
}
#gtranslate-2 {
	text-align: center;
}

/* xs */
@media (min-width: 576px) {

}

/* sm */
@media (min-width: 768px) {
	
}

/* md */
@media (min-width: 992px) {
	#logo,
	.header-scroll-logo {
		text-align: left;
	}
	#gtranslate-2 {
		margin: 40px 0;
	}
}

/* lg */
@media (min-width: 1200px) {
	
}

/*------------------------------------------------------------
Scroll Header
-------------------------------------------------------------*/
.scroll-header {
	background: rgba(255, 255, 255, .7);
}

/* Hides Hamburger menu on scroll on phone view */
.scroll-header #site-navigation-scroll {
	background: transparent;
	display: none;
}

/* keeps styling on top button after it's clicked on */
.scroll-header {
	top: 0;
	color: #14253e;
	display: none;
	position: fixed;
	right: 0;
	width: 100%;
	z-index: 1;
}

/* sm */
@media (min-width: 768px) {
	.admin-bar .scroll-header {
		top: 32px;
	}
	
	/* need this to display the menu on scroll if hid it on phone view above */
	.scroll-header #site-navigation-scroll {
		display: block;
	}

}

/* md */
@media (min-width: 992px) {
	.admin-bar .scroll-header {
		top: 32px;
	}
}


/*--------------------------------------------------------------
3.4 Navigation
--------------------------------------------------------------*/
/* Primary nav */

.navbar {
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	min-height: 30px;
}

.navbar-default .navbar-nav {
	margin: 0;
	padding-left: 0;
	transition: color .5s;/* for background hover animation */
}

.navbar-default .navbar-nav > li {
	margin: 0;/* use this for animated background hover */
	/*margin: 7px 0; use this for animated underline and to remove vertical scroll on cell phones */
}

.navbar-default .navbar-nav > li > a {
	color: #000;
	font-size: 18px;
	font-weight: 500;
	padding: 10px 0;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	background-color: transparent;
	color: #f25a1b;
}

.navbar-default .navbar-nav > .active > a {
	background-color: transparent;
	color: #f25a1b;
}

.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
	color: #f25a1b;
}

.navbar.navbar-nav .sub-arrow, 
.navbar.navbar-nav .collapsible .sub-arrow {
	margin-left: 1px;
}

/* sm */
@media (max-width: 768px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
          display:block !important;
          overflow-y:auto !important;
    }
    .dropdown-menu {
        position:relative;
        box-shadow:none;
        border:none;
        float:none;
    }
}

/* md */
@media (min-width: 992px) {
	.navbar-default .navbar-nav > li {
		padding: 10px 12px;
	}
}

/* lg */
@media (min-width: 1200px) {
	.navbar-default .navbar-nav > li {
		padding: 10px 15px;
	}
}

/* ------------------------------------------------------------------------------
Animates the underline of the main navigation items 
--------------------------------------------------------------------------------*/
.navbar-default .navbar-nav > li > a {
	color: #000;/* need for animated underline */
	position: relative;/* need for animated underline */
	text-decoration: none;/* need for animated underline */
}

.navbar-default .navbar-nav > li > a:hover {
	color: #f25a1b;
}

.navbar-default .navbar-nav > li > a:before {
	background-color: #f25a1b;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	visibility: hidden;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.navbar-default .navbar-nav > li > a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* ------------------------------------------------------------------------------
Animates the underline of the main navigation items after scrolling down
--------------------------------------------------------------------------------*/
.scroll-header .navbar-default .navbar-nav > li > a {
	color: #000;/* need for animated underline */
	position: relative;/* need for animated underline */
	text-decoration: none;/* need for animated underline */
}

.scroll-header .navbar-default .navbar-nav > li > a:hover {
	color: #f25a1b;
}

.scroll-header .navbar-default .navbar-nav > li > a:before {
	background-color: #f25a1b;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	visibility: hidden;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.scroll-header .navbar-default .navbar-nav > li > a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* sm */
@media (min-width: 768px) {
	
}

/*-------------------------------------------------------------
		Hamburger Menu 
--------------------------------------------------------------*/
/*edit to length you need to remove vertical scroll on mobile view*/
.navbar-collapse {
	/*max-height: 600px;*/
	max-height: 240px;
	transition: all .9s;
}

/* removes grey top border on mobile devices */
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
	border: 0 none;
}

/*styles for hamburger toggle */
.navbar-default .navbar-toggle {
	background-color: transparent;
	border: 0;
	float: right;
	margin-bottom: 8px;
	margin-right: 15px;
	margin-top: 8px;
	padding: 9px 10px;
	position: relative;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: transparent;
	opacity: 0.6;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #14253e;
	border-radius: 1px;
	display: block;
	height: 2px;
	width: 22px;
}

/* ------------------------------------------------------
                          Drop down menu
-------------------------------------------------------- */
.dropdown-menu {
	background-color: rgba(255, 255, 255, 0.5);
	/*border: 0;
	border-radius: 0;
	box-shadow: 0;*/
	min-width: 160px;
	padding: 5px 20px;
	/*position: absolute;
	top: 100%;
	z-index: 1000;*/
}

.dropdown-menu > li {
	font-size: 18px;
	font-weight: 500;
	padding: 5px 3px;
	text-align: left;
}

/* Below 3 rules needed to prevent the weird on-click styling of the pages in the dropdown menu */
.dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    /*clear: both;*/
    color: #000;
    /*display: inline-block;*/
    line-height: 1.25;
    padding: 3px;
    /*white-space: nowrap;*/
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	background-color: transparent;
	color: #f25a1b;
	/*text-decoration: none;*/
}


.navbar-default .navbar-nav .dropdown-menu li a {
	color: #000;
    white-space: nowrap;
}

.navbar-default .navbar-nav .dropdown-menu li a:hover {
	color: #f25a1b;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	background-color: transparent;
	color: #f25a1b;
	outline: 0;
}

/*This allows you to set the background color for the active sub-menu item when you mouse off it to click on it's sub-menu item*/
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background-color: transparent;
	border-color: #f25a1b;
}

.site-header .caret {
	display: none;
}

/* sm */
@media (min-width: 768px) {
	
}

/* md */
@media (min-width: 992px) {
	
}

/* lg */
@media (min-width: 1200px) {
	
}

/*--------------------------------------------------------------
3.5 Content
--------------------------------------------------------------*/
.home .entry-title  {
	display: none;
}

.entry-title {
	margin: 30px 0;
	border-bottom: 2px solid #457b9d;
	text-align: left;
}

.home .entry-content {

}

.entry-content {
	padding-bottom: 25px;
}
.entry-content h2 {
	margin-top: 0;
}
.entry-content h2,
.entry-content h3 {
	margin-bottom: 20px;
}

.entry-content li {
	margin-bottom: 5px;
}

.entry-footer {

}

/* sm */
@media (min-width: 768px) {
	
}

/* md */
@media (min-width: 992px) {	
	
}

/* lg */
@media (min-width: 1200px) {
	
}

/*--------------------------------------------------------------
3.6 Sidebar
--------------------------------------------------------------*/
.widget-area {

}

.widget-title {

}

/*--------------------------------------------------------------
3.7 Footer
--------------------------------------------------------------*/
.attribution,
.footer-social {
	text-align: center;
}
.footer-content img:hover {
	opacity: .7;
	transition: .5s;
}
.footer-content {
	padding: 20px 0;
}
.footer-content p,
.footer-content a {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 35px;
}
.footer-content a:hover {
	color: #f25a1b;
	text-decoration: none;
}
.fa-phone,
.fa-fax,
.fa-envelope {
	margin-right: 10px;
}
#black-studio-tinymce-5,
#black-studio-tinymce-6,
#black-studio-tinymce-7	{
	margin-top: 10px;
}
.attribution p,
.attribution a {
	color: #fff;
	font-size: 12px;
}

.attribution p {
	margin-bottom: 0;
}
/* sm */
@media (min-width: 768px) {
	#black-studio-tinymce-6,
	#black-studio-tinymce-7	{
		text-align: right;
	}
	#black-studio-tinymce-5,
	#black-studio-tinymce-6,
	#black-studio-tinymce-7	{
		margin-top: 30px;
	}
}

/* md */
@media (min-width: 992px) {
	
	/* Sticky footer - @link http: //mystrd.at/modern-clean-css-sticky-footer/ */
	html {
		min-height: 100%;
		position: relative;
	}
	
	body {
		margin: 0 0 200px; /* = .site-footer height */
	}
	
	.site-footer {
		bottom: -220px;
		height: 240px; /* = body margin-bottom */
		left: 0;
		position: absolute; /* replace with position: fixed; to keep footer fixed to bottom of browser - see footer file too! */
		width: 100%;
	}
}

/* lg */
@media (min-width: 1200px) {
	
}

/*--------------------------------------------------------------
3.8 Leaderboard
--------------------------------------------------------------*/
.leaderboard-image {
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}
.leaderboard-image img {
	margin-bottom: 20px;
	width: 100%;
}

/*--------------------------------------------------------------
3.8 Custom
--------------------------------------------------------------*/
.edit-link {
	display: none;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-60 {
	margin-top: 60px;
}
.spacer {
	margin-top: 30px;
}

iframe {
	border: 0;
}

/*responsive iframe next 2 rules 
.iframe-container {
    margin-bottom: 20px;
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.iframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

/* Back to top button - next 3 rules*/
.svg-inline--fa.fa-w-10 {
	width: 100%;
}

/* keeps styling on top button after it's clicked on */
.topbutton,
.topbutton:visited,
.topbutton:active, 
.topbutton:focus {
    background: #14253e;
	border: 1px solid #14253e;
	border-radius: 50px;
    bottom: 90px;
	color: #fff;
    display: none;
	font-size: 33px;
	height: 40px;
    position: fixed;
    right: 5px;
	transition: all .9s;
    width: 40px;
    z-index: 1;
}

.topbutton:hover {
    background: #fff;
	border: 1px solid #fff;
	color: #14253e;
}

.fa-angle-up {
	padding: 0 8px;
}

.img-cont {
	overflow: hidden;
}

/* Home Page */
.featured-one {
	padding: 40px 0;
}
.featured-one h1 {
	margin-bottom: 30px;
	margin-top: 0;
}
.featured-one .btn-success {
	background-color: #457b9d;
	border-color: #457b9d;
	color: #fff;
}
.featured-one .btn-success:hover, 
.featured-one .btn-success:focus, 
.featured-one .btn-success:active, 
.featured-one .btn-success.active, 
.featured-one .open .dropdown-toggle.btn-success {
	background-color: #f25a1b;
	border-color: #f25a1b;
	color: #fff;
	transition: .5s;
}
.featured-one .btn-lg, 
.featured-one .btn-group-lg > .btn {
	border-radius: 0;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.33;
	padding: 10px 16px;
	width: 100%;
}
.bs-wrap {
	box-shadow: 0 1px 28.8px 3.2px rgba(46, 53, 65, 0.25);
}
.slider {
	box-shadow: 0 1px 4.9975px 0.0025px rgba(20, 44, 29, 0.45);
	position: relative;
}

/* sm */
@media (min-width: 768px) {

}

/* md */
@media (min-width: 992px) {

}

/* lg */
@media (min-width: 1200px) {
	
}

/* xxl */
@media (min-width: 1400px) {
	.slider {
		top: -156px;
	}
	.home #primary,
	#primary {
		margin-top: -134px;
	}
}

/*--------------------------------------------------------------
3.9.5 Blog
-------------------------------------------------------------- */
.entry-meta {
	margin-bottom: 20px;
}
.blog .entry-title,
.single .entry-title,
.archive .entry-title {
	border-bottom: 0;
}

.updated {
	display: none;
}

.attachment-post-thumbnail {
	border: 0 solid #000;
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
	max-width: 265px;
}

.blog article,
.archive article,
.search article {
	clear: both;
	content: "";
	display: table;
}

a.moretag {
	display: block;
	margin-top: 20px;
	text-decoration: underline;
}

.entry-footer {
	font-size: 13px;
	font-style: italic;
}

.nav-links {
	display: block;
}

.nav-next,
.nav-previous {
	background: #14253e;
	border-radius: 3px;
	margin: 10px 0 20px;
	padding: 5px 10px;
}

.nav-next {
	float: right;
}

.nav-previous {
	float: left;
}

.nav-next a,
.nav-previous a {
	color: #fff;
}

.search-form {
	display: flex;
	align-items: center;
	justify-content: center;	
}

/* Style for "Magnifying Glass" button */ 
.search-form input[type="submit"] {
	background: transparent;
	border: 1px solid transparent;
	border-radius: 0;
	color: #14253e;
	-webkit-appearance: button;
	cursor: pointer;
	margin: 0 0 3px 0;
	padding: 5px 10px;
}
 
.search-form input:hover[type="submit"] {
	opacity: 7.0;
	text-decoration: none;
}  

input[type="search"] {
	border: 1px solid #5c428b;
	font-size: 16px;
	line-height: 29px;
	padding: 1px 0 1px 5px;
	width: 100%;
} 

/* This places the "Leave a Reply" & "Comments" headings go below next/prev post instead of next to it */
#reply-title,
#comments {
	clear: both;
}

/* This places the label for the reply field of the comment box above the box instead of next to it */
.comment-form-comment label {
	display: block;
} 

/* Style for "Post Comment" button */
button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	background: #14253e;
	border: 1px solid #14253e;
	border-radius: 3px;
	color: #fff;
	-webkit-appearance: button;
	cursor: pointer;
	margin: 10px 0 20px;
	padding: 5px 10px;
}

button:hover, 
html input:hover[type="button"], 
input:hover[type="reset"], 
input:hover[type="submit"] {
	opacity: 7.0;
	text-decoration: underline;
}  

/* sm */
@media (min-width: 768px) {
	
}

/* md */
@media (min-width: 992px) {
	
}

/* lg */
@media (min-width: 1200px) {
	
}


/*------------------------------------------------------------------
 Content Views
-------------------------------------------------------------------
.pt-cv-content-item {
	background: #fff;
	box-shadow: 1px 3px 5px #c6c6c6;
	padding: 0;
}

.pt-cv-view .pt-cv-ifield {
	margin-left: -15px;
	margin-right: -15px;
}

.pt-cv-thumbnail {
	margin-bottom: 0 !important;
}

.pt-cv-thumbnail.pull-left {
	margin-right: 30px !important;
}

h4.pt-cv-title a {
	color: #14253e;
	display: inline-block;
	font-size: 22px;
	margin-top: 30px;
}

.pt-cv-content {
	font-size: 16px;
	padding-right: 30px;
}

.pt-cv-wrapper .btn-success {
	color: #fff;
	background-color: #14253e;
	border-color: #14253e;
	border-radius: 3px;
	font-size: 18px;
	font-weight: 600;
	padding: 0;
	text-transform: uppercase;
}

.pt-cv-wrapper .btn-success:hover,
.pt-cv-wrapper .btn-success:focus {
	color: #fff;
	background-color: #14253e;
	border-color: #14253e;
}

.pt-cv-wrapper .btn-success:after {
	content: " >>";
}

.pt-cv-meta-fields {
	color: #000;
	font-size: 16px;
	font-weight: 600;
}

.pt-cv-meta-fields a {
	color: #14253e;
} */

/* Calendar widget in sidebar 
#calendar_wrap {
	background: #e8e8e8;
	padding: 10px;
}

#wp-calendar {
	background: #fff;
	border: 1px solid #999;
	width: 100%;
}

#wp-calendar th,
#wp-calendar td {
	text-align: center;
}

#wp-calendar td {
	border-top: 1px solid #999;
}

#wp-calendar td {
	border-right: 1px solid #999;
}

#wp-calendar td:last-child {
	border-right: 0;
}

#wp-calendar td#prev,
#wp-calendar td#next,
#wp-calendar td.pad {
	border-right: 0;
}*/

/*-------------------------------------------------------
weForms CSS
--------------------------------------------------------*/
#form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type="submit"],
.wpuf-form-add.wpuf-style ul.wpuf-form li.wpuf-submit input[type="submit"] {
	font-size: 16px;
	padding: 5px 15px;
	line-height: inherit;
	height: inherit;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #14253e;
	border-color: #14253e #14253e #14253e;
	-webkit-box-shadow: 0 1px 0 #14253e;
	box-shadow: 0 1px 0 #14253e;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #14253e, 1px 0 1px #14253e, 0 1px 1px #14253e, -1px 0 1px #14253e;
}

#form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type="submit"]:hover,
.wpuf-form-add.wpuf-style ul.wpuf-form li.wpuf-submit input[type="submit"]:hover {
	border: 1px solid #ccc;
	background: #cacaca;
	border-color: #cacaca #cacaca #cacaca;
	box-shadow: 0 1px 0 #cacaca;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #cacaca, 1px 0 1px #cacaca, 0 1px 1px #cacaca, -1px 0 1px #cacaca;
}


.wpuf-label label {
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	margin-bottom: 0;
}

ul.wpuf-form.form-label-above li {
	margin-bottom: 0;
	padding: 0;
}

ul.wpuf-form.form-label-above li.wpuf-el.email,
ul.wpuf-form.form-label-above li.wpuf-el.date___time_692654483 {
	margin-bottom: 10px;
	padding: 0;
}

.wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type="text"] {
	height: 30px;
}

.wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea {
	max-height: 80px;
}

ul.wpuf-form li.wpuf-el label.wpuf-form-sub-label {
	display: block;
}


/*--------------------------------------------------------------
4.4 lg
--------------------------------------------------------------*/
@media (min-width: 1200px) {

/* this makes the header fixed on desktop only add to 992 or 1200 media query
.site-header {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1030;
}
.site-content {
	padding-top: 184px;
}
*/

/* this makes the home sections link to services page without going underneath the fixed header on desktop only 
h2:before {	
	content: "";
	display: block;	
	height: 184px; 
	margin-top: -184px;
	visibility: hidden; 
}*/

}



/*--------------------------------------------------------------
Animations
--------------------------------------------------------------*/
/* hides animations until scroll */	
.bt_hidden { 
	opacity: 0;
}

.bt_visible { 
	opacity: 1;
}

.fadeInRight,
.fadeInLeft,
.fadeInDown,
.fadeInUp,
.fadeIn {
	animation-duration: 2s;
}

.fadein-right-1.fadeInRight,
.fadein-left-1.fadeInLeft {
	animation-duration: 2s;	
}

.fadein-right-2.fadeInRight,
.fadein-left-2.fadeInLeft {
	animation-duration: 3s;	
}

.fadein-right-3.fadeInRight,
.fadein-left-3.fadeInLeft {
	animation-duration: 4s;	
}

.slideInRight,
.slideInLeft {
	animation-duration: 2s;
}

.slideInDown,
.slideInUp {
	animation-duration: 3s;
}


/*@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}


@keyframes zoomIn {
  from {
    opacity: 1;
    transform: scale3d(1.0, 1.0, 1.0);
  }

  50% {
    opacity: 1;
    transform: scale3d(1.3, 1.3, 1.3);
  }
	
  100% {
    transform: scale3d(1.0, 1.0, 1.0);
  }
}

.zoomIn {
	animation-delay: 3s;
	animation-duration: 6s;
	animation-name: zoomIn;
}*/

@keyframes zoomIn-logo {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn-logo {
	animation-duration: 2s;
	animation-name: zoomIn-logo;
}

/***************** Extra Blank Media Queries ****************/

/* sm */
@media (min-width: 768px) {
	
}

/* md */
@media (min-width: 992px) {
	
}

/* lg */
@media (min-width: 1200px) {
	
}