/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 
.fl-module-rich-text._960 p {
	max-width:960px;
	display: block;
	margin:0 auto;
	text-align: center;
}
/* Popup close button */
.mfp-wrap .mfp-content button.mfp-close,
.mfp-wrap .mfp-content button.mfp-close:active,
.mfp-wrap .mfp-content button.mfp-close:hover {
    width: 36px !important;
    height: 36px !important;
    top: 16px !important;
    right: 16px !important;
    background: #c82909!important;
    border-radius: 8px !important;
    opacity: 1 !important;
    font-size: 0 !important;
    padding: 0 !important;
    transform: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.22) !important;
}

.mfp-wrap .mfp-content button.mfp-close::before {
    content: "×";
    color: #fff;
    font-size: 26px;
    line-height: 36px;
    display: block;
    text-align: center;
}

.mfp-wrap .mfp-content button.mfp-close span {
    display: none !important;
}

.mfp-wrap .mfp-content button.mfp-close:hover {
    background: #003b5c !important;
}

/* G Form Button */
.gform_button {
    background: #f47b20 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 14px 34px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all .25s ease !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.18);
}
.gform_button:hover {
    background: #003b5c !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0,0,0,.25);
}
.gform_button:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(0,0,0,.18);
}
.gform_button:focus {
    outline: none !important;
    box-shadow:
        0 0 0 3px rgba(244,123,32,.25),
        0 4px 12px rgba(0,0,0,.18);
}
.gform_button,
.gform_button:hover,
.gform_button:active {
    transform: none !important;
}

/* Remove Chrome click outline from Beaver buttons and menu links */
.fl-button:focus,
.fl-button:active,
.fl-button-wrap .fl-button:focus,
.fl-button-wrap .fl-button:active,
.fl-page-nav a:focus,
.fl-page-nav a:active,
.menu-item a:focus,
.menu-item a:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Keep a nicer keyboard focus style */
.fl-button:focus-visible,
.fl-page-nav a:focus-visible,
.menu-item a:focus-visible {
    outline: 2px solid #f47b20 !important;
    outline-offset: 4px !important;
    box-shadow: none !important;
}

/* Capability */
.capability {
	min-height: 425px;
}
.capabilities .fl-post-grid-post.capability {
	border:none;
	border-radius:12px 12px 0px 0px;
	box-shadow: 0 20px 12px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.5s ease;
}
.capabilities .fl-post-grid-post.capability:hover {
	box-shadow: 0 22px 18px rgba(0, 0, 0, 0.18);
	transform: scale(1.02);
	
}
.capabilities .capability .fl-post-grid-image {
	height:220px;
}
.capabilities .capability .fl-post-grid-image img {
	object-fit: cover;
	height:220px !important;
	border-radius:12px 12px 0px 0px;
}

.capabilities .capability .fl-post-grid-text {
	/*position: absolute;
	bottom:0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0));*/
}
.capabilities .capability .fl-post-grid-text h2.fl-post-grid-title a {
	color:#003354;
	text-transform: normal;
}

.capabilities .capability .fl-module-button {
	margin-top:auto;
}
/* Support Service list within Capabilities */
.support_services {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 60px 30px;
}
.support_services .support_service_item {
	max-width: 600px;
}
.support_service_item {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.support_service_item img {
	max-width:160px;
	height:220px;
	border-radius: 24px;
	object-fit: cover;
	display: inline-block;
	background-color:#ffffff;
}
.support_service_item .meta {
	display: inline-block;
	padding:0px 10px 10px 20px;
	width:430px;
}
.support_service_item .meta p {
	font-size:16px;
}
.support_services.capability_list .support_service_item .meta h4, .support_services.capability_list .support_service_item .meta p {
	color:#ffffff;
}
.support_services.service_list .support_service_item .meta h4, .support_services.service_list .support_service_item .meta p {
	color:#ffffff;
}
/* Partner Callout Card */
.row_partner .fl-col-group {
	width: fit-content;
	margin: 0 auto;
}
.callout_partner {
	display: flex;
	justify-content: center;
}
.callout_partner .fl-node-content {
	width: 270px!important;
	height: 260px!important;
	overflow: hidden;
}
.callout_partner .fl-callout-text-wrap {
	margin-top: 8px;
}
.callout_partner .fl-callout-text {
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	height: 100px;
	overflow: hidden;
}
.callout_partner .fl-callout-text p {
	padding-bottom: 0px!important;
}
.callout_partner .fl-callout-photo {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.callout_partner .fl-callout-photo .fl-photo,
.callout_partner .fl-callout-photo .fl-photo-content,
.callout_partner .fl-callout-photo a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.callout_partner .fl-callout-photo figure.fl-photo {
    margin: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.callout_partner .fl-callout-photo img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 80px !important;
    object-fit: contain !important;
    object-position: center center !important;
}
.callout_partner .fl-button-wrap {
	text-align: center;
}
.callout_partner .fl-callout-text-wrap .fl-callout-button {
	padding-top: 5px;
}
.callout_partner .fl-callout-text-wrap .fl-callout-button a.fl-button {
	background: #2b7bb9;
	border-color: #2b7bb9;
	font-size: 14px;
	padding: 3px 6px; 
}
.callout_partner .fl-callout-text-wrap .fl-callout-button a.fl-button:hover {
	background: #f47b20;
	border-color: #f47b20;
}