/*
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-full-width .fl-page-content{
	max-width: 100% !important;
}
.fl-button{
	        border-radius: 4px !important;
    font-size: 1.1em !important;
}

/* Start Main Family Center Template Styles */
.page-family-center .container{
    max-width: 1024px !important;
}
.page-family-center h1{
    margin-bottom:25px;
}
.page-family-center h1 sup{
    font-size: .4em;
    top: -20px;
    position: relative;
}
.page-family-center h2{
    width: 100%;
    padding: 10px 0px;
    margin-bottom: 19px;
    border-bottom: 2px solid #000000;
}
.page-family-center p{
    font-family: "gotham-light",Verdana,Arial,sans-serif;
    font-size: 16px;
}
b, strong {
    font-weight: bolder;
    font-family: "gotham-bold",Verdana,Arial,sans-serif;
}
.page-family-center .sub-heading{
    font-size: 24px !important;
    font-family: "gotham-medium",Verdana,Arial,sans-serif !important;
}
.fc-hero{
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #ffffff;
	background: url(https://futuregoals.nhl.com/wp-content/uploads/2021/04/fc-her-bg.jpg);
}
.fc-header{
    width:100%;
    align-items: center;
    display: grid;
    grid-template-columns: 320px 1fr 155px;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas:
        ". . .";
}
.fc-header img{
    max-height: 145px;
}
.fc-hero-content{
    padding: 125px 0px 150px 0px;
}
#fc-featured-svg{
    margin-top: -124px;
    position: relative;
    max-width:100%;
}
.fc-cta{
    padding: 9px 14px;
    font-size: 20px;
    background: #b92e34;
    color: #ffffff;
    border-radius: 8px;
    min-width: 160px;
    display: inline-block;
    text-align: center;
}
.fc-cta:hover{
    color: #ffffff;
    text-decoration: none !important;
    opacity:.85;
}
.page-family-center .disabled, .page-family-center .disabled:hover{
    opacity: .3;
    cursor: default;
    pointer-events: none;
}
.fc-main-content{
    padding: 100px 0px;
}
.page-family-center .module-list{
    padding: 75px 0px;
}
.page-family-center .module-list button{
    align-items: center;
    transition: .15s all;
    width: 100%;
    text-align: left;
    background: none;
    color: #424242;
    padding: 45px 25px;
    border-top: none;
    border-bottom: 2px solid #d8d8d8;
    border-right: none;
    border-left: none;
    border-radius: 0;
    display: grid;
  grid-template-columns: 125px 1.25fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas:
    ". . .";
}
.page-family-center .module-list button i{
    color: #ffffff;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    text-align: center;
    line-height: 89px;
    font-size: 40px;
    float: left;
    margin-right: 35px;
}
.page-family-center .module-list button:hover{
    background: #333333;
    color: #ffffff;
    border-bottom: 2px solid rgb(216 216 216 / 0%);
    border-radius: 8px;
    cursor:pointer;
	background: url(https://futuregoals.nhl.com/wp-content/uploads/2021/04/activity-hover.png);
}
.page-family-center .module-list button:hover h3{
    color: #ffffff !important;
}
.page-family-center .launch-module{
    display: block;
    width: 100%;
    text-align: center;
    background: #000000;
    color: #ffffff;
}
.fc-share-box{
    color: #ffffff !important;
    padding: 35px 55px;
    border-radius: 8px;
    width:100%;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr 155px;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas:
        ". . .";
}
.fc-share-box h4{
    color: #ffffff !important;
}
.fc-share-box .fc-cta{
	background: #ffffff;
    color: #424242;
    border: none;
    width: auto;
}
#myInput{
	height: 0;
    padding: 0;
    border: none;
}
/* Ensure this sits above everything when visible */
.page-family-center .select-country-form{
    margin: 20px 0px;
}



.page-family-center .select-country-form label{
    display:block;
    font-size: 16px; 
	margin-bottom: 0px;
}
.fc-modal {
    position: fixed;
    align-items: center;
    justify-content: center;
    display: flex;
    z-index: 10000; /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.fc-modal.is-visible {
    visibility: visible;
}

.fc-modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.fc-modal.is-visible .fc-modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.fc-modal-wrapper {
  z-index: 9999;
  width: 50em;
  background-color: #fff;
  box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
  margin: 50px 0px;
	overflow: scroll;
    max-height: 92vh;
	border-radius: 8px;
}

.fc-modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}

.fc-modal.is-visible .fc-modal-transition {
  transform: translateY(0);
  opacity: 1;
}

.fc-modal-header,
.fc-modal-content {
  padding: 1em;
}

.fc-modal-header {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
  border-bottom: 1px solid #e8e8e8;
}

.fc-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  color: #aaa;
  background: none;
  border: 0;
}

.fc-modal-close:hover {
  color: #777;
  cursor:pointer;
}

.fc-modal-heading {
  font-size: 1.125em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fc-modal-content > *:last-child {
  margin-bottom: 0;
} 
.form-usa, .form-canada, .form-other{
    display:none;
	border-bottom: 1px solid #eaeaea;
    margin-bottom: 16px;
}
.fc-validation-message{
	display: none;
}

/* Start Foundry form modifications */
.evaluation.foundry .section-container .section{
	padding: 0px !important;
	border: none !important;
}
.page-family-center .select-country-form select{
	width:100%;
}
.page-family-center .select-country-form select, .page-family-center .foundry .fg-line, .gfield_select {
    word-wrap: normal;
    padding: 13px 8px !important;
    border-radius: 8px !important;
    border: 1px solid #cecece !important;
	margin: 10px 0px;
	color: #333333 !important;
}
.page-family-center .foundry .questions{
	width: 100% !important;
}
.page-family-center .foundry .col-xs-6 {
    width: 100% !important;
}
.evaluation.foundry{
	font-family: "roboto", sans-serif !important;
}
.page-family-center .evaluation.foundry .btn-toolbar .btn-spacer {
    width: 0px !important;
}
.evaluation.foundry .btn-toolbar .evaluation-nav-button{
	border-radius: 8px;
	width: 100%;
}
.evaluation.foundry .btn-toolbar .paging{
	display:none;
}
.evaluation.foundry .btn-toolbar{
	padding: 0px 0px 20px 0px !important;
}
.select-country-form label{
	color: #333333;
}
.page-family-center .foundry .section-title, .page-family-center .foundry .evaluation-header, .page-family-center .foundry .section-description{
	display:none;
}
.page-family-center .foundry .fg-line.textarea {
    min-height: 53px !important;
}
.page-family-center .foundry p {
    font-size: 16px !important;
    border: none !important;
    font-family: "roboto", sans-serif !important;
}
.evaluation.foundry {
    background-color: #ffffff !important;
}
.foundry .form-group {
	margin-bottom: 10px !important;
}
.foundry legend{
	font-size: 16px !important;
    border: none !important;
    margin-bottom: 0px !important;
}
.page-family-center .foundry .m-b-25{
    display:none !important;
}
/*Gravity Form edits*/
.gform_legacy_markup_wrapper .top_label .gfield_label, .gform_legacy_markup_wrapper legend.gfield_label{
    font-size: 16px;
    font-weight: 400;
}
.gform_legacy_markup_wrapper ul.gfield_radio li label{
    font-weight: 400;
    font-size: 14px;
}
.gform_legacy_markup_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]{
    margin-top: 0px !important;
}
.page-family-center .opt-in-field{
    margin-bottom: 25px;
}

/* End Foundry form modifications */


@media(max-width:767px){
	.fc-header {
		grid-template-columns: none;
		grid-template-areas: none;
	}
	.page-family-center .module-list button{
		grid-template-columns: none;
    	grid-template-areas: none;
	}
	.module-list button .kicker{
		margin: 20px 0px;
	}
	.module-list button .icon{
		margin-left: -7px;
	}
	
	.fc-share-box {
		display:block;
		padding: 25px;
	}
}
/* End Main Family Center Template Styles */