/* Enable Code-Hinting (color coding for quick navigation) in my software: <style> */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:800,700,300italic,400|Work+Sans:400,300,700,900,200,100');

html, body{
}

h1{
	color:#005288;
}

#main-menu a,
#main-menu a:link,
#main-menu a:visited,
header.site-header,
header{
	border-bottom-color:#005288;
}
nav ul li a,
nav ul li a:link,
nav ul li a:visited{
	text-transform:uppercase;
}
.column a, a:link, a:visited{
	color:inherit;
}
	
/* Legacy Logo */
#site-branding{
	width:230px;
}
#site-branding img{
	max-width:225px;
	max-height:100px;
	padding:15px 5px 5px 0;
}

.footer-bug{
	display:block;
	display:inline-block;
	max-height: 1.5em;
	margin: 2px 5px;
}
h2,
.learn-more,
.listings-links a strong,
.listings-links a:link strong,
.listings-links a:visited strong,
footer.content-contain a:hover,
footer.content-contain a:active,
footer.content-contain a:focus,
.widget_nav_menu .menu a:hover,
.widget_nav_menu .menu a:active,
.widget_nav_menu .menu a:focus,
nav ul li.current_menu_item a,
nav ul li.current_menu_item a:link,
nav ul li.current_menu_item a:visited,
nav ul li.current_page_item > a,
nav ul li.current_page_item > a:link,
nav ul li.current_page_item > a:visited,
#main-menu li a:hover,
#main-menu li a:active,
#main-menu li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:active,
#main-menu ul li a:focus,
#main-menu .sub-menu a:hover,
#main-menu .sub-menu a:active,
#main-menu .sub-menu a:focus,
.widget_ff_pretty_entries .post-title{
	color:#005288!important;
}


.archive-link-right,
.current-menu-parent > a,
.current-menu-parent > a:link,
.current-menu-parent > a:visited,
.current_page_parent > a,
.current_page_parent > a:link,
.current_page_parent > a:visited,
/*li .current-menu-item a,
li .current-menu-item a:link,
li .current-menu-item a:visited,
li .current_page_item a,
li .current_page_item a:link,
li .current_page_item a:visited*/
.current-menu-item > a,
.current-menu-item > a:link,
.current-menu-item > a:visited,
.current_page_item > a,
.current_page_item > a:link,
.current_page_item > a:visited{
	color:#005288 !important;
}
.gm-style .gm-style-iw a,
.gm-style .gm-style-iw a:link,
.gm-style .gm-style-iw a:visited{
	color:#005288;
}
.gm-style .gm-style-iw a:hover,
.gm-style .gm-style-iw a:active,
.gm-style .gm-style-iw a:focus{
	color:#000000;
}

.cta-button,
a.cta-button,
a.cta-button:link,
a.cta-button:visited,
.cta-button-wrapper a,
.cta-button-wrapper a:link,
.cta-button-wrapper a:visited{
	border-color:#005288!important;
	color:#005288;
}
.cta-button:hover,
a.cta-button:hover,
a.cta-button:active,
a.cta-button:focus,
.cta-button-wrapper a:hover,
.cta-button-wrapper a:active,
.cta-button-wrapper a:focus{
	background-color:#005288;
	color: #ffffff;
}
.cta-button.dark,
a.cta-button.dark
a.cta-button.dark:link,
a.cta-button.dark:visited,
.cta-button-wrapper.dark a,
.cta-button-wrapper.dark a:link,
.cta-button-wrapper.dark a:visited{
	background-color:#005288;
	border-color:#005288;
}
.cta-button.dark:hover,
a.cta-button.dark:hover,
a.cta-button.dark:active,
a.cta-button.dark:focus,
.cta-button-wrapper.dark a:hover,
.cta-button-wrapper.dark a:active,
.cta-button-wrapper.dark a:focus{
	background-color: #444444;
}
@media screen and (max-width:782px){
	header nav[aria-expanded=true] #main-menu ul a:hover,
	header nav[aria-expanded=true] #main-menu ul a:active,
	header nav[aria-expanded=true] #main-menu ul a:focus,
	header nav[aria-expanded=true] #main-menu a:hover,
	header nav[aria-expanded=true] #main-menu a:active,
	header nav[aria-expanded=true] #main-menu a:focus,
	header nav[aria-expanded=true] a:hover,
	header nav[aria-expanded=true] a:active,
	header nav[aria-expanded=true] a:focus{
		color:#005288;
	}
	header nav[aria-expanded=true] ul li a:hover i.fa::before,
	header nav[aria-expanded=true] ul li a:active i.fa::before,
	header nav[aria-expanded=true] ul li a:focus i.fa::before {
		background-color:#005288;
	}
}
input[type="button"]:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus{
	background-color:#444444;
}

.highlight-title{
	text-transform:uppercase;
	color:#005288;
}
.highlight-stripe{
	background-color:#005288;
	color: #FFFFFF;
}
.softer-stripe{
	background-color:#cfd4d8;
	color: #6a737b;
}
.texture-stripe{
	background-color: #72cdf4; /* #834F2E */
	
	box-shadow: 0 2px 2px rgba(0, 0, 0, .2) inset;
	color: #FFFFFF;
}
.texture-stripe h1,
.texture-stripe h2{
	color: #FFFFFF;
}

.texture-stripe a,
.texture-stripe a:link,
.texture-stripe a:visted{
	color:#EAEAEA;
}
.texture-stripe a:hover,
.texture-stripe a:active,
.texture-stripe a:focus{
	color: #FFFFFF;
}


nav ul li a i.fa:before,
nav ul li a:link i.fa:before,
nav ul li a:visited i.fa:before{
	
}
nav ul li a:hover i.fa:before,
nav ul li a:active fa:before,
nav ul li a:focus i.fa:before {
	background-color:#005288;
	color: #FFFFFF;
	border-color:#005288;
}


@media screen and (min-width:983px){
	.amenity-col + .amenity-col{
		width:60%;
	}
}

.corner-ribbon.avl-ribbon em:before {
  border-left-color: #0060a1; /* Slightly Darker Green */
  border-top-color: #0060a1; /* Slightly Darker Green */
}
.corner-ribbon.avl-ribbon em:after {
  border-right: 3px solid #00426e; /* Slightly Darker Green */
  border-top: 3px solid #00426e; /* Slightly Darker Green */
}
.corner-ribbon.avl-ribbon em {
  background-color: #005288; /* Main Green */
}

.corner-ribbon.csn-ribbon em:before {
  border-left-color: #73abd1; /* Slightly Darker Blue */
  border-top-color: #73abd1; /* Slightly Darker Blue */
}
.corner-ribbon.csn-ribbon em:after {
  border-right: 3px solid #57829e; /* Slightly Darker Blue */
  border-top: 3px solid #57829e; /* Slightly Darker Blue */
}
.corner-ribbon.csn-ribbon em {
  background-color: #6697b8; /* Main Blue */
}

.corner-ribbon.sld-ribbon em:before {
  border-left-color: #666666; /* Slightly Darker Red */
  border-top-color: #666666; /* Slightly Darker Red */
}
.corner-ribbon.sld-ribbon em:after {
  border-right: 3px solid #333333; /* Slightly Darker Red */
  border-top: 3px solid #333333; /* Slightly Darker Red */
}
.corner-ribbon.sld-ribbon em {
  background-color: #4d4d4d; /* Main Red */
}





	
/* Defaults */

.feature-tile-fusion_testimonial blockquote,
.content-stripe.testimonials.injected blockquote,
.content-stripe.testimonials blockquote{
	color: #005288;
}

.content-stripe.style1,
.content-stripe .column.style1{
	background-color:#005288;
	color:#D7D7D7;
}
.style1 h1,
.style1 h2,
.style1 h3,
.style1 h4,
.style1 h5{
	color:#ffffff!important;
}
.content-stripe.testimonials.injected.style1{
	background-color: #005288;
}

.content-stripe.style1 blockquote,
.content-stripe .column.style1 blockquote,
.content-stripe.testimonials.injected.style1 blockquote{
	color: #D7D7D7;
}

.content-stripe.style2,
.content-stripe .column.style2,
.content-stripe.testimonials.injected.style2{
	background-color:#ededed;
}
.style2{
	background-image: url(/wp-content/themes/fusion-foundry/assets/images/Matrix-Icon-BG1-Trans2.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
}
section.style2 + div + section.style2,
section.style2 + div + section.style2 + div + section.style2
section.style2 + div + section.style2 + div + section.style2 + div + section.style2{
	background-image: none;
}
.content-stripe.testimonials .read-more{
	border: 1px solid #005288;
}
.content-stripe.testimonials.style1.injected .read-more{
	border: 1px solid #D7D7D7;
}
.content-stripe.testimonials.style2.injected .read-more{
	border: 1px solid #005288;
}





#page-nav #prev-link:hover .nav-arrow,
#page-nav #next-link:hover .nav-arrow{
	background-color: #005288;
}


.case-study .post-header h1,
.modal .close-modal:hover,
.fa.green,
.triptych h3 {
    color: #005288;
}

.fa.green {
    color: #5e9732;
}
#meta-nav li a:hover,
#meta-nav li a:active,
#meta-nav li a:focus,

#main-nav-contain a:hover,
#main-nav-contain a:active,
#main-nav-contain a:focus,

#meta-nav .current-menu-item a,
#meta-nav .current-menu-item a:link,
#meta-nav .current-menu-item a:visited,

#meta-nav .current_page_item a,
#meta-nav .current_page_item a:link,
#meta-nav .current_page_item a:visited,

#meta-nav .current_page a,
#meta-nav .current_page a:link,
#meta-nav .current_page a:visited,

#meta-nav .current_page_ancestor a,
#meta-nav .current_page_ancestor a:link,
#meta-nav .current_page_ancestor a:visited{
	background-color: #005288;
	box-shadow:none; /*inset 0 -2px 0 #005288;*/
}

@media screen and (max-width:767px){
	nav .menu li.menu-separator:before,
	li.menu-separator:before {
		background-color: #005288;
	}
}

@media screen and (min-width:768px){
	.triptych .column:before {
		color: #005288;
	}
	.triptych .column hr.green-stripe {
		/*background-color: #005288;*/
		display:none;
	}
}

/* SHORTCODE BUTTON COLORS */

/* Blue */
.fflms-button.color-blue {background:#005288;}
.fflms-button.color-blue span {color:#ffffff;}

/* Light Blue */
.fflms-button.color-bright {background:#72cdf4;}
.fflms-button.color-bright span {color:#444444;}

/* White */
.fflms-button.color-white {background:#ffffff;}
.fflms-button.color-white span {color:#005288;}
.fflms-button.color-white:hover {opacity: 1; background:#005288;}
.fflms-button.color-white:hover span {color:#ffffff;}