.hideDesktop {display: none}
.bullet-mobi {list-style-type: none; padding-inline-start: 0px;}
.no-inline-start {padding-inline-start: 15px;}
#accordionGroup h3 {padding-left:0px!important; margin-left:0px!important}
.narrow_style .accordion-trigger {padding:0px!important;}
ol.faq-drop {list-style-position: inside;}
/**** Global page Styles ***/
#PageBody {
overflow: hidden;
overflow-x: hidden;
overflow-y: visible;
}
#SpContent_Container{
padding: 0 !important;
}
#SpContent_Container{
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
#CustomPageBody{
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
#CustomPageBody {
overflow: hidden;
overflow-x: hidden;
overflow-y: visible;
}
#sp-main{
width: 100%;
padding: 0;
}
#CustomPageBody p {
padding-bottom: 0px;
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
color: #545557;
}
#CustomPageBody p.centeralign {
text-align:center !important;
}
#sp-main {
background-color: #fff;
margin-top: 0px !important;
}
#SpSubHead {
width: 100%;
margin: 0 auto;
display: none !important;
}
#SpTitleBar{
height:0px;
font-size:1px!important;
}
.row1 {
display: flex;
flex-wrap: wrap;
row-gap: 25px;
}
#anchor-menu-1{
scroll-behavior: smooth;
}
#anchor-menu-2{
scroll-behavior: smooth;
}
#anchor-menu-3{
scroll-behavior: smooth;
}
#anchor-menu-4{
scroll-behavior: smooth;
}
#anchor-menu-5{
scroll-behavior: smooth;
}
.ymcontainer{
width: 100% !important;
background-color: #f2f2f2 !important;
padding-left: 100px;
padding-right: 100px;
}
.linebreak{
color: #545557;
}
.asterix{
font-size:14px !important;
}
.left-button{
float:left !important;
margin-left:10px !important;
}
.heavy-text{
font-weight: 600;
font-size: 18px;
}
#CustomPageBody ul.bluebullets li {
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
color: #545557;
list-style: none;
}
#CustomPageBody ul.bluebullets li::before {
content: "\2022";
color: #6da9dc;
display: inline-block;
position: absolute;
width: 2em;
margin-left: -1em;
}
#CustomPageBody ul.bluebullets.sublist
{
padding-bottom:20px;
}
ol.faq-drop
{
margin-bottom:0px;
}
.document-downloads ol li {
padding:5px 0;
font-size: 15px
}
.document-downloads_option_2 ol {
display: inline-block;
width: 100%;
list-style-type: none;
margin: 0;
padding: 0 10px;
}
.document-downloads_option_2 ol li {
padding:10px 0;
font-size: 15px;
border-bottom: 1px solid #eee;
}
.document-downloads_option_2 ol li span {
float:right;
position: relative;
top:0;
right:0;
color:#545557;
padding-left: 20px
}
.upperdouble{
padding-bottom:16px !important;
}
.lowerdouble{
padding-top:16px !important;
}
.tiles_2.quotebg{
background-image: url('https://cdn.ymaws.com/associationforcoaching.site-ym.com/resource/resmgr/fellow/fellow_membership/fellow_homepage_banner1.jpg');
background-repeat:no-repeat;
background-size:cover;
border-bottom:18px solid #1d3d8f;
}
.inner_row1_image{
width: 100%;
object-fit:contain !important;
height:auto !important;
}
.info.staticquote{
font-size:20px !important;
}
.info.staticquoteblue{
font-size:20px !important;
color:#545557 !important;
}
.three_tile_image{
width: 100%;
border-bottom:7px solid #559945;
}
.dl-hub-four
{
border-bottom:none !important;
}
img.quotemark{
position:absolute;
left:7%;
}
.lower-carousel-caption{
max-height:100% !important;
width:100% !important;
left:2%;
}
.inner_row2_image{
width: 100%;
border-bottom:8px solid #1d3d8f;
}
.lowercarousel{
border-bottom:18px solid #1d3d8f;
}
/****Bootstrap Grid styles****/
.col-md-6{
display:flex;
padding:0px !important;
}
.col-md-4{
padding: 0px !important;
display:flex;
}
.col-md-3{
padding: 0px !important;
display:flex;
}
.col-md-5{
padding:0px !important;
display:flex;
}
.col-lg-3{
padding:0px !important;
display:flex;
}
/***Styles applied to content within grid for 1,2,3,4 column layouts - grid styles above based on boostrap 3.4 styles below are to incorporate padding and margins needed within the 12 column grid****/
.tiles_1{
width:100%;
margin:7px;
display:block;
}
.tiles_1.fullwidth{
background:#ffffff;
width:100%;
margin:7px;
display:flex;
height:100%;
flex-wrap:wrap;
padding-top:10px;
padding-bottom:20px;
}
.tiles_2{
background:#ffffff;
width:100%;
margin:7px;
display:flex;
height:100%;
flex-wrap:wrap;
}
.tiles_3{
background:#ffffff;
width:100%;
margin:7px;
/*display:flex;
*/
padding-bottom:10px;
}
.tiles_4{
background:#ffffff;
width:100%;
margin:7px;
display:flex;
padding-bottom:10px;
}
.tiles_4.dl-hub-format .col-md-12, .tiles_4.dl-hub-format .col-sm-12, .tiles_4.dl-hub-format .col-xs-5, .tiles_4.dl-hub-format .col-xs-12, .tiles_4.pricing-tile .col-sm-12, .tiles_4.pricing-tile .col-md-12, .col-sm-12.tableend
{
padding:0px !important;
}
.tiles_4.pricing-tile .col-sm-12
{
clear:both;
}
/*** Images and video styles inside tiles***/
.video_respond{
width:100%;
height:0;
padding-bottom:56.25%;
position:relative;
}
.video_respond iframe{
position:absolute;
width:100%;
height:100%;
}
.tiles_2 .image-fit{
object-fit: cover;
}
.tiles_4 .image-fit{
object-fit: cover;
}
.tiles_2.imagetop
{
display:block;
}
.tiles_2.imagetop .col-md-12
{
padding-left:0px !important;
padding-right:0px !important;
}
.tiles_2.imagetop .col-md-12.imagestack
{
padding-left:8px !important;
padding-right:8px !important;
}
.tiles_2.imagetop.left-button
{
}
.toprow{
padding-top: 30px;
margin-bottom: 30px;
width: 100%;
background-color: #FFFFFF;
border-top: 1px solid #545557;
padding-left: 200px;
padding-right: 200px;
}
.dlbuttons{
justify-content: space-around;
;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.dlbuttons.secondrow
{
margin-top:20px;
}
.ac-hub{
width:100%;
margin-top:0px;
z-index:999;
top:0;
left:0;
border-top: 1px solid #545557;
}
.tiles_2 h3 {
text-align: left !important;
margin: 5px 20px 0px 0px !important;
min-height:50px;
}
.tiles_2 h3.fellowmembers {
min-height:auto;
}
.tiles_2 h3.individual {
min-height:65px !important;
}
.tiles_2 p.info {
text-align: left !important;
margin: 5px 20px 5px 0px !important;
padding:10px;
}
.tiles_3 h3 {
text-align: left !important;
margin: auto !important;
min-height:65px;
}
.tiles_3 p.info {
text-align: left !important;
margin: auto !important;
padding:10px !important;
/*min-height:140px;*/
}
.tiles_4 h3 {
text-align: left !important;
margin: auto !important;
min-height: 65px;
}
.tiles_4.dl-hub-format h3 {
text-align: center !important;
margin: 0px 40px !important;
min-height:52px !important;
font-weight:bold !important;
font-size:14px !important;
}
.tiles_4.dl-hub-format h2 {
text-align: center !important;
margin: 0px 40px !important;
min-height:auto !important;
font-weight:bold !important;
font-size:20px !important;
}
#SpContent .tiles_4.dl-hub-format h2
{
padding-top:10px !important;
}
.tiles_4 p.info {
text-align: left !important;
margin: auto !important;
padding:10px;
min-height:180px;
}
.tiles_4.dl-hub-format p.info {
text-align: center !important;
margin: auto !important;
padding:10px;
min-height:40px !important;
}
.tiles_4 p.info.pricing {
text-align: left !important;
margin: auto 0px !important;
padding:10px !important;
min-height:auto;
}
.tiles_4 p.info.answer {
text-align: left !important;
margin: 20px auto 10px !important;
padding:10px !important;
min-height:auto;
}
.fellow-desktop{
display:flex;
width: 100%;
border-bottom:12px solid #1d3d8f;
}
.book_info
{
min-height:155px;
}
.onecolinfo-2
{
min-height:100px;
}
.threecolinfo
{
min-height:200px;
}
.threecolinfo-2
{
min-height:220px;
}
.threecolinfo-3
{
min-height:355px;
}
.threecolinfo-4
{
min-height:360px;
}
.twocolinfo
{
min-height:275px;
}
.fourcolinfo
{
min-height:270px;
}
hr {
margin-top: 5px;
margin-bottom: 10px;
border: 0;
border-top: 1px solid #1d3d8f !important;
}
.ActionButton {
background-color: #dddd32 !important;
border-radius: 15px;
color: black !important;
float: none;
margin: 0px auto 0px 0px;
display: inline-block;
min-width: 200px;
text-align: center;
padding: 20px 0 20px 0;
text-decoration: none !important;
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif;
}
.ActionButton:hover {
background-color: #1d3d8f !important;
color: #ffffff !important;
}
.HubButton {
background-color: #fff !important;
border-radius: 10px;
border: 2px solid #838488;
letter-spacing: 0.1px;
color: #545557 !important;
float: none;
margin: auto;
display: inline-block;
min-width: 220px;
text-align: center;
padding: 10px 0 10px 0;
text-decoration: none !important;
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
}
.HubButton1 {
background-color: #FFFFFF !important;
border-radius: 10px;
border: 2px solid #545557;
letter-spacing: 0.1px;
color: #545557 !important;
float: none;
margin: auto;
display: inline-block;
min-width: 220px;
text-align: center;
padding: 10px 0 10px 0;
text-decoration: none !important;
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
}
.HubButton2 {
background-color: #FFFFFF !important;
border-radius: 10px;
border: 2px solid #545557;
letter-spacing: 0.1px;
color: #545557 !important;
float: none;
margin: auto;
display: inline-block;
min-width: 220px;
text-align: center;
padding: 10px 0 10px 0;
text-decoration: none !important;
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
}
.HubButton3 {
background-color: #FFFFFF !important;
border-radius: 10px;
border: 2px solid #545557;
letter-spacing: 0.1px;
color: #545557 !important;
float: none;
margin: auto;
display: inline-block;
min-width: 220px;
text-align: center;
padding: 10px 0 10px 0;
text-decoration: none !important;
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
}
.HubButton4 {
background-color: #FFFFFF !important;
border-radius: 10px;
border: 2px solid #545557;
letter-spacing: 0.1px;
color: #545557 !important;
float: none;
margin: auto;
display: inline-block;
min-width: 220px;
text-align: center;
padding: 10px 0 10px 0;
text-decoration: none !important;
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
}
.HubButton:hover {
background-color: #DBDDDD!important;
color: #545557 !important;
border: 2px solid #DBDDDD !important;
}
.HubButton1:hover {
background-color: #545557!important;
color: #ffffff !important;
}
.HubButton2:hover {
background-color: #dddd32!important;
color: #545557 !important;
border: 2px solid #dddd32 !important;
}
.HubButton3:hover {
background-color: #2867B2!important;
color: #ffffff !important;
border: 2px solid #2867B2 !important;
}
.HubButton4:hover {
background-color: #6da9dc!important;
color: #ffffff !important;
border: 2px solid #6da9dc !important;
}
.buttoncontainer{
margin-top: 300px;
}
.Intro1{
padding-right: 40px;
}
.Intro2{
padding: 0px 20px 0 40px;
}
.centerImage{
text-align:center;
display:block;
}
.row1 {
/*border-bottom: 1px solid #d3d3d3;
*/
padding-bottom: 30px;
/*display: flex;*/
margin: 0 10px 0 10px;
flex-wrap: wrap;
}
.row1.section_heading {
padding-bottom: 0px !important;
}
.column {
padding: 0px !important;
margin: auto;
/*max-width: 350px !important;
*/
background-color: #FFFFFF;
/*min-height: 375px !important;
*/
}
.under {
position: absolute;
z-index: 0;
}
.over {
position: absolute;
z-index: -1;
}
.yellow_tile_image {
width: 100%;
border-bottom: 7px solid #1d3d8f;
}
.read_more_btn {
background-color: #1d3d8f;
color: #fff !important;
padding: 10px 25px;
border-radius: 8px;
display: block;
max-width: 150px;
margin: 10px auto;
text-align: center;
margin-right: 7px;
}
.read_more_btn:hover {
background-color: #537cc4;
}
.row1, .row2 {
padding-top: 10px;
padding-bottom: 10px;
}
.row2 {
padding-top: 30px;
}
.ac-header{
width:100%;
height:500px;
padding:10px;
color:#ffffff;
font-family: 'Source Sans Pro', sans-serif;
font-size:26px;
vertical-align:middle;
text-align:left;
margin-top:0px;
margin-bottom:50px;
display:table;
position:absolute;
z-index:999;
top:0;
left:0;
}
.ac-footer{
width:100%;
}
.h2{
font-size: 20px;
}
.toprow {
padding-top: 30px;
margin-bottom: 30px;
width: 100%;
background-color: #FFFFFF;
border-top: 1px solid #545557;
padding-left: 100px;
padding-right: 100px;
}
.footer-row{
margin-top: 70px;
}
.yellow-header{
background-color:#fbbd3c;
}
.icon-sec p {
font-size: 20px;
font-weight: bold;
text-align: center;
}
.icon-sec img {
display: block;
margin: 0 auto;
}
.fellow_members_info p {
/*min-height: 140px;*/
}
p.info.pricing
{
color:#537cc4 !important;
}
p.info.answer
{
color:#545557 !important;
}
.box_link
{
cursor:pointer;
}
.box_link:hover
{
color:#545557 !important;
}
.box_link p.info.pricing
{
color:#537cc4 !important;
}
.box_link p.info.pricing a
{
color:#537cc4 !important;
}
.box_link:hover p.info.pricing
{
color:#545557 !important;
}
.box_link:hover p.info.pricing a
{
color:#545557 !important;
}
img.first-slide.mobilebanner
{
display:none;
}
.fellow_members_info {
min-height:265px !important;
}
.flex-cell.span-2 {
flex: 2!important;
padding:10px 25px 15px 5px !important
}
.flex-cell.span-tiny {
flex: 0.25!important;
}
@media (min-width: 1200px) and (max-width: 1420px) {
.ymcontainer{
padding-left: 50px !important;
padding-right: 50px !important;
}
.tiles_4 h3 {
min-height:90px;
}
.threecolinfo{
min-height:225px !important;
}
.fellow_members_info
{
min-height:335px !important;
}
}
@media (min-width: 1250px) and (max-width: 1450px) {
.row1{
padding: 10px 0px 10px 0px !important;
}
.row1.doubletile{
padding: 10px 0px !important;
}
.tiles_4 h3 {
min-height:90px;
}
.fellow_members_info
{
min-height:315px !important;
}
}
@media (min-width: 1200px) {
.tiles_2 h3.individual {
min-height:65px !important;
}
}
@media (max-width: 1200px) {
.fellow_members_info {
min-height:330px !important;
}
.col-sm-12.tiles_2_longcontent {
width: 100% !important;
margin-bottom:20px;
}
.tiles_2 h3 {
min-height:auto !important;
}
.tiles_4 h3 {
min-height:90px;
}
.upperdouble{
padding-bottom:0px !important;
}
.lowerdouble{
padding-top:0px !important;
}
.tiles_2.left_tile{
margin-right:7px;
}
.tiles_2.right_tile{
margin-left:7px;
}
.fourcolinfo
{
min-height:300px;
}
.threecolinfo{
min-height:225px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.tiles_2 .image-fit{
height:255px;
}
.tiles_2.imgcontentmatch
{
margin: 0px 7px !important;
}
}
@media (min-width: 991px) and (max-width: 1145px) {
.threecolinfo{
min-height:245px !important;
}
.threecolinfo-2
{
min-height:240px;
}
.threecolinfo-3{
min-height:395px !important;
}
.threecolinfo-4{
min-height:405px !important;
}
}
@media (min-width: 992px) {
.fellow_members_info p {
/*min-height: 140px;*/
}
.fellow_members_info
{
min-height:auto !important;
}
}
@media (max-width: 992px) {
.tiles_3 p.info {
min-height:auto !important;
margin-bottom:30px !important;
}
.tiles_3 h3{
min-height:auto;
}
.tiles_4 p.info {
min-height:auto !important;
margin-bottom:30px !important;
}
.tiles_4 h3{
min-height:auto;
}
}
@media (max-width: 991px) {
.col-sm-12.tiles_2_shortcontent {
margin-bottom:20px;
}
.tiles_3 p.info {
min-height:auto !important;
margin-bottom:30px !important;
}
.tiles_3 h3{
min-height:auto;
}
.tiles_4 p.info {
min-height:auto !important;
margin-bottom:30px !important;
}
.tiles_4 h3{
min-height:65px;
}
.threecolinfo
{
min-height:auto !important;
}
.threecolinfo-2
{
min-height:auto;
}
.threecolinfo-3
{
min-height:auto;
}
.threecolinfo-4
{
min-height:auto;
}
.fourcolinfo
{
min-height:190px;
}
.left-button-row-of-three{
float:left !important;
margin-left:10px !important;
}
.fellow_members_info {
min-height:auto !important;
}
.tiles_2 h3.individual {
min-height:auto !important;
}
}
@media (max-width:959px) {
.pdf-button-960 {
margin-top: 30px !important;
}
.toprow img{
margin-bottom: 10px;
}
.row a{
margin-bottom: 10px;
}
.ac-header img{
object-fit: cover;
object-position: left 50%;
}
.footer-row{
display: none;
}
.twocolinfo
{
min-height:280px;
}
}
@media only screen and (max-width: 859px) {
.navbar-header {
background: #dddd32 none repeat scroll 0 0;
}
}
@media (min-width: 992px) and (max-width: 1000px) {
.tiles_2 h3.individual
{
min-height:90px !important;
}
}
@media (min-width: 820px) and (max-width: 1000px) {
.HubButton {
min-width: 190px;
}
}
@media (min-width: 1200px) and (max-width: 1276px) {
.book_info
{
min-height:180px !important;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
/**These heights change in relation to content lenght, if more or less content is required check this screen size in media query and increase or decrease the limits accordingly*/
.inner_row1{
max-height: 300px !important;
}
.inner_row2{
max-height: auto !important;
}
.inner_row3{
max-height: 310px !important;
}
.inner_row1_image{
max-height: 300px !important;
}
.inner_row2_image{
max-height: 350px !important;
}
.inner_row3_image{
max-height: 310px !important;
}
}
@media screen and (min-width: 768px){
.fellow-mobile{
display:none;
}
}
@media screen and (max-width: 767px){
.col-sm-12.light-line-break
{
width:100% !important;
}
/*.tiles_2 .image-fit{
height:200px;
}*/
.tiles_4 .image-fit{
height:200px;
}
.tiles_4.dl-hub-format .image-fit{
height:auto !important;
}
.fellow_members_info p{
min-height:auto !important;
}
.tiles_2{
padding-bottom:10px;
}
.fellow-desktop{
display:none;
}
.fellow-mobile{
display:flex;
width: 100%;
border-bottom:12px solid #1d3d8f;
}
.tiles_4
{
padding-bottom:0px !important;
}
.tiles_4.dl-hub-format h3 {
text-align: left !important;
margin: 5px 5px 10px 5px !important;
min-height:auto !important;
font-weight:bold !important;
font-size:14px !important;
padding:5px !important;
}
.tiles_4.dl-hub-format h2 {
text-align: left !important;
margin: 5px 20px 10px 5px !important;
min-height:auto !important;
font-weight:bold !important;
font-size:18px !important;
padding:5px !important;
}
.twocolinfo
{
min-height:auto;
}
.fourcolinfo
{
min-height:auto;
}
.tiles_4 h3
{
min-height:auto;
}
#SpContent .tiles_4.dl-hub-format h2 {
padding:5px !important;
}
#SpContent .tiles_4.dl-hub-format h3 {
margin-top:10px !important;
}
.tiles_4.dl-hub-format p.info {
text-align: left !important;
margin: 5px 5px 10px 5px !important;
padding:5px;
min-height:40px !important;
}
}
@media (min-width: 641px) and (max-width: 1199px) {
.ymcontainer{
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media (min-width: 530px) and (max-width: 1350px) {
.pdf-button {
margin-top: 30px;
}
.toprow img{
margin-bottom: 10px;
}
.row a{
margin-bottom: 10px;
}
.ac-header img{
object-fit: cover;
object-position: left 50%;
}
.footer-row{
display: none;
}
.toprow{
padding-left: 15px;
padding-right: 15px;
}
}
.gridsmallscreen
{
display:none;
}
/*Any handheld devices below 640px*/
@media screen and (max-width: 640px) {
.no-inline-start {padding-inline-start: 0px;}
/* start of phone styles */
.bullet-mobi { padding-inline-start: 0px;}
.bullet-mobi li { color: #545557; }
.bullet-mobi::marker {color: #6da9dc;}
.griddesktop
{
display:none;
}
.gridsmallscreen
{
display: flex;
}
.gridverticaltable
{
display: flex;
}
.tiles_4.gridsmallscreen
{
width:100% !important;
margin:5% 0% !important;
}
.tiles_4.gridverticaltable
{
width:100% !important;
margin:5% 0% !important;
}
.fa.fa-info-circle{
font-size:20px;
}
.toprow img{
margin-bottom: 10px;
}
.toprow {
margin-bottom: 30px;
width: 100%;
background-color: #FFFFFF;
border: none !important;
padding: 10px 0 0 0 !important;
margin: 0 !important;
}
.ac-hub{
border: none !important;
}
.ymcontainer{
padding: 0 !important;
}
.row a{
margin-bottom: 10px;
}
.ac-header img{
object-fit: cover;
object-position: left 50%;
height: 10vh;
}
.footer-row{
display: none;
}
.tiles_1{
width: 92% !important;
margin: 4% !important;
}
.tiles_2{
width: 92% !important;
margin: 4% !important;
}
.tiles_3{
width: 92% !important;
margin: 4% !important;
}
.tiles_4{
width: 92% !important;
margin: 4% !important;
}
}
@media (max-width: 600px) {
img.quotemark{
display: none;
}
.mobilequote{
display:inline-block;
font-Size:28px;
color: #1d3d8f;
}
}
@media (min-width: 550px) and (max-width: 819px) {
.HubButton {
min-width: 260px;
}
}
@media (max-width: 819px) {
.secondrow {
margin-top: 0px !important;
}
}
/*Any handheld devices below 480px*/
@media only screen and (max-width: 480px) {
.fa.fa-info-circle{
font-size:20px;
}
.HubButton {
min-width: 240px;
}
.tiles_4{
width: 90% !important;
margin: 5% !important;
}
.tiles_3{
width: 90% !important;
margin: 5% !important;
}
.tiles_2{
width: 90% !important;
margin: 5% !important;
}
.tiles_1{
width: 90% !important;
margin: 5% !important;
}
.tiles_4.dl-hub-format h3
{
display:none !important;
}
.book_info
{
min-height:auto !important;
}
.tiles_4{
width: 90% !important;
margin: 5% !important;
}
.tiles_3{
width: 90% !important;
margin: 5% !important;
}
img.first-slide.desktopbanner
{
display:none;
}
img.first-slide.mobilebanner
{
display:block;
}
}
/*New Table Styles March 2026*/
.flex-table {
display: flex;
flex-direction: column;
padding:20px 0px;
color: #64656A;
}
.flex-row {
display: flex;
border-bottom: 1px solid #ddd;
}
.flex-cell {
flex: 1;
padding: 10px;
font-size: 15px;
}
.flex-row.header {
font-weight: bold;
background: #f4f4f4;
border-bottom: 2px solid #1d3d8f;
}
.mobileonly
{
display:none;
}
/* Responsive Breakpoint */
@media (max-width: 600px) {
.narrow_style .accordion-trigger { padding: 0em 25px 0 0.5em; }
.flex-row.header { display: none; } /* Hide the horizontal header */
.mobiledisplay .flex-row.header { display: flex; border-bottom: 2px solid #1d3d8f;padding-inline-start: 5px;} /* Show the horizontal header */
.flex-row {
display: block; /* Treat row as a list container */
padding: 5px;
margin-bottom: 15px;
border: none;
border-radius: 8px;
list-style-type: disc; /* Define bullet style */
list-style-position: outside; /* Keeps bullets aligned with text */
color: #64656A;
font-size: 15px;
padding-inline-start:35px;
}
.mobiledisplay .flex-row {
display: flex;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
border-radius: 0px;
list-style-type: none; /* Define bullet style */
list-style-position: outside; /* Keeps bullets aligned with text */
color: #64656A;
font-size: 15px;
padding-inline-start:0px;
}
.flex-cell {
display: list-item; /* Makes the div behave like an */
padding: 5px 0;
}
.mobiledisplay .flex-cell {
display: flex; /* Makes the div behave like an */
padding: 5px 10px;
}
.flex-cell::before {
content: attr(data-label) ": "; /* Labels each list item */
font-weight: bold;
}
.mobiledisplay.flex-cell::before
{
content: attr(data-label) ""; /* Labels each list item */
font-weight: bold;
}
.flex-cell:first-child {
list-style-type: none; /* Removes the bullet */
font-size: 15px;
font-weight: bold;
border-bottom: 1px solid #eee;
margin-bottom: 10px;
padding-bottom: 10px;
margin-inline-start:-40px;
padding-inline-start: 15px;
}
.mobiledisplay .flex-cell:first-child {
list-style-type: none; /* Removes the bullet */
font-size: 15px;
font-weight: bold;
border-bottom: 0px;
margin-bottom: 10px;
padding-bottom: 10px;
margin-inline-start:0px;
padding-inline-start: 5px;
}
.mobi-no-flex-cell { display:block!important}
.flex-cell br
{
/* display:none; */
}
.flex-cell.no-mobi br
{
display:none!important;
}
.flex-cell:first-child::before {
content: "";
}
.flex-cell.showdata:first-child::before {
content: attr(data-label) ": ";
}
.flex-cell:first-child::marker {
content: "";
}
.flex-cell::marker
{
display: inline-block;
color: #6da9dc;
width: 2em;
margin-left: -1em;
}
.mobileonly {
display:block;
}
.bluebullets.mobileonly
{
padding-top:20px;
}
.flex-table
{
padding-top:0px;
}
.flex-table.mobiledisplay
{
padding-top:20px;
}
.flex-table.mobiledisplay-noflex
{
display: inline
}
.flex-table.nonemobile
{
display:none;
}
.nonemobile
{
display:none;
}
.flex-cell.spancellthird
{
flex: 0 0 65%;
}
}
.flex-cell.spancellthird
{
flex: 0 0 66.8%;
}
.flex-cell.spancell
{
flex: 0 0 50%;
}
.accordion-trigger
{
padding-inline:10px
}
.accordion-panel
{
padding:0.2em 0.7em;
}
.narrow_style .accordion
{
padding:0px;
}
}