/*

IMPORTANT: Make sure to turn "Use the custom.css stylesheet?" option on in your Child 
Theme settings page (under the top level Genesis menu item in your Wordpress dashboard). 

You can use the "custom" class to override *any* CSS declarations contained in the 
style.css file.

For example, if you wish to change the default link color to green, you would add the 
following declarations to this file:

	.custom a, .custom a:visited { color: #090; }	<--- This makes links green
	.custom a:hover { color: #00f; }	<--- This makes links blue when you mouse over them

*/

/* Import Fonts
------------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css?family=Allura&display=swap');

.testimonial .client .name {
    font-family: 'Allura', cursive;
	font-size: 38px;
	font-weight: bold;
}


body, p, select, textarea {
    font-size: 16px;
}

.custom #secondary_area .content, .custom #secondary_area .content p {
    font-size: 23px;
}

.custom #title a,
body.header-image #header #title-area a {
	background-color:#0c0d28;
	-webkit-border-radius: 20px; /*I added border radius*/
	-moz-border-radius: 20px;
	border-radius: 20px;
	width: 325px; /* changed from 300px to 325px*/
}

.custom #title a:hover,
 body.header-image #header #title-area a:hover {
	background-color: #191b53;
}

.custom.header-image #title-area, .custom.header-image #title {
    height: 70px!important; /*was 64px*/
    margin-top: 5px;
	width: 325px!important; /*I added width when I added border radius*/
}

.custom #title-area {
    margin-right: 0;
}
    

.flexslider .flex-direction-nav li a:hover, .navigation a:hover, .navigation a:hover, .navigation li a:hover, .navigation li.active a, input[type=button], input[type=submit], a.button, .button, .reply a, #footer-widgets {
	background-color: #0c0d28;
}

.custom #footer-widgets {
	background-image: url(blue/bg-footer.png);
}

.custom #header {
	margin: 0 auto;
	width: 100%;
	text-shadow: 1px 1px 0 rgba(0,0,0,.5);
	color: #fff;
	background: url(images/bg-header.jpg) #0c0d28;
	border-bottom: 5px solid #f6b51b;
	-webkit-box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2);
	-mox-box-shadow:  inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2);
	min-height: 83px; /*was 75px*/
}

input[type=button], input[type=submit], a.button, .button, .reply a {
	background: #f6b51b;
	border: none;
	cursor: pointer;
	line-height: 20px;
	text-decoration: none;
	color: #013474 !important;
	padding: 6px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	display: inline-block;
}

input[type=button]:hover, input[type=submit]:hover, a.button:hover, .button:hover, .reply a:hover {
	background: #013474;
	color: #f6b51b !important;
}

.custom.homepage_template .section {
	background: url(images/groovepaper.png) #fff;
	clear: both;
	padding: 40px 0 40px;
}

.custom .section-columns { /*eliminated top margin to tighten up the homepage after we deleted the WHAT WE DO section */
    margin-top: 0;
    padding-top: 30px;
}


.custom .homepage_template .section2 {
	background: url(images/groovepaper.png) #fff;
	clear: both;
	padding: 0 0 80px;
}

.custom #inner .wrap { /* inner pages tighten up space between tagline and content*/
    padding: 30px 0;
}

.custom .section p { /*align image widget text under three images on homepage*/
    margin: 0 10px 20px;
}

.custom .section2 p {
	margin-bottom: 20px;
}

.custom #secondary_area {
	padding: 40px 0;
	background: url(images/groovepaper.png) #fff;
	border-bottom: 1px solid #eee;
	-webkit-box-shadow:  0px 5px 0px 0px rgba(210, 210,210, 0.1);
	-mox-box-shadow:  0px 5px 0px 0px rgba(210, 210,210, 0.1);
	box-shadow:  0px 5px 0px 0px rgba(210, 210,210, 0.1);
}

img.centered,
.aligncenter {
	/*display: block;
	margin: 0 auto 20px;*/
	border-radius          : 5px;
	-moz-border-radius     : 5px;
	-webkit-border-radius  : 5px;
	-o-border-radius       : 5px;
	-moz-box-shadow    : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	-webkit-box-shadow : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	-o-box-shadow      : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	box-shadow         : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	border: 3px solid #FFF;
	display: block;
	margin: 5px auto 10px;
}

img.alignnone {
	/*display: inline;
	margin: 0 0 10px;*/
	border-radius          : 5px;
	-moz-border-radius     : 5px;
	-webkit-border-radius  : 5px;
	-o-border-radius       : 5px;
	-moz-box-shadow    : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	-webkit-box-shadow : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	-o-box-shadow      : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	box-shadow         : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	border: 3px solid #FFF;
	display: inline;
	margin: 5px 5px 10px;
}

img.alignleft,
.wp-caption.alignleft {
	/*display: inline;
	margin: 0 20px 20px 0;*/
	 border-radius          : 5px;
	-moz-border-radius     : 5px;
	-webkit-border-radius  : 5px;
	-o-border-radius       : 5px;
	-moz-box-shadow    : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	-webkit-box-shadow : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	-o-box-shadow      : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	box-shadow         : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	border: 3px solid #FFF;
	display: inline;
	margin: 5px 15px 15px 5px;
}

img.alignright,
.wp-caption.alignright {
	/*display: inline;
	margin: 0 0 20px 20px;*/
	border-radius          : 5px;
	-moz-border-radius     : 5px;
	-webkit-border-radius  : 5px;
	-o-border-radius       : 5px;
	-moz-box-shadow    : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	-webkit-box-shadow : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	-o-box-shadow      : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	box-shadow         : 0 2px 6px rgba( 0, 0, 0, 0.4 );
	border: 3px solid #FFF;
	display: inline;
	margin: 5px 5px 10px 15px;	
}

.custom #nav li a {
    font-size: 13px;
}

.custom .entry-content ul li {
    margin: 0 0 0 30px; /*was 0 0 0 30px*/
}

.custom .sidebar h4.widgettitle {
    color: #333333;
    font-size: 17px; /*was 14px */
}

.custom .footer-widgets-1 {
	float: left;
	width: 31%;
}

.custom .footer-widgets-2 {
	float: left;
	width: 62%;
	margin-left: 3%;
}

.custom .footer-widgets-3 {
	float: left;
	width: 0%;
	margin-left: 3%;
}

.custom #footer-widgets.footer-widgets div.wrap div.footer-widgets-1 div#text-11.widget div.widget-wrap div.textwidget div.one-third div img.alignleft {
	border: 0;
}

.custom #footer-widgets a {
    background: none;
    box-shadow: 0 2px 0 0 rgba(50, 50, 50, 0.1);
    color: #E6D568;
	display: inline-block;
    padding: 1px 5px;
    text-decoration: underline;
	text-shadow: none;
	-webkit-transition: color .4s ease-in-out;
	-moz-transition: color .4s ease-in-out;
	-ms-transition: color .4s ease-in-out;
	-o-transition: color .4s ease-in-out;
	transition: color .4s ease-in-out;
}

.custom #footer-widgets a:hover {
	color: #12b3ef;
}

.custom .gform_wrapper input, .custom .gform_wrapper select, .custom .gform_wrapper textarea {  /*sidebar was cutting off the right end if form fields*/
padding: 4px 1px !important;
}

.custom #nav li li a, .custom #nav li li a:link, .custom #nav li li a:visited {
	font-size: 13px;
}

/*.custom #nav li a { reduce spacing in nav for IE fit
    margin-left: 25px;
}*/

.custom .archive-page ul li, 
.custom .entry-content ul li {
    list-style-type: none;
}

.custom .envira-tags-filter-list {
    clear: both;
    margin: 0 0 30px !important;
}


@media only screen and (max-width: 1080px) {

}

@media only screen and (max-width: 960px) {

/*Iframe video mobile */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

}

@media only screen and (max-width: 800px) {

}
@media only screen and (max-width: 600px) {
.custom .footer-widgets-1 {
	float: none;
	width: 100%;
}

.custom .footer-widgets-2 {
	float: non;
	width: 100%;
	margin-left: 3%;
}

.custom .footer-widgets-3 {
	float: none;
	width: 0%;
	margin-left: 3%;
}
}
@media only screen and (max-width: 360px) {

}