@import url('https://fonts.googleapis.com/css2?family=Fredoka+One');

#family-top-row{padding-top: 3px !important;width: 100vw;margin: 0 calc(-50vw + 50%) !important}
#family-top-row .container-fluid{padding-left:0;padding-right:0;}
#family-top-row {height: auto !important;background: #fff !important;padding-top:15px;box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);border-bottom:0px solid #efefef;margin-bottom:30px}
#family-top-row .vc_row-fluid{display: grid;grid-template-columns:auto 300px 600px 300px auto !important;grid-template-rows:20px 210px;grid-column-gap: 0px;grid-row-gap: 0px;margin-bottom: 0}
#family-top-row .vc_row-fluid::before{}
#family-top-row .vc_row-fluid::after{}
#family-top-row .vc_row-fluid *{position: relative !important;height: auto !important;width: auto !important;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important}
#family-top-row .widget{padding: 0;margin:0}
#menu-family-primary {margin:0}
#menu-family-primary.menu{display: grid !important;grid-template-columns: repeat(7, auto) !important;align-content: center;max-width: 1200px;margin:0 auto }
#menu-family-primary.menu li a{text-align: center;color: #7eca08 !important;font-size:19px}
#menu-family-primary li a:hover {color: #000 !important;background-color: transparent !important;opacity:07;}
#menu-family-primary .widget_nav_menu{width: 100% !important}

.menu-family-primary-container {padding: 0;}
.menu-family-primary-container {border-top:solid 1px #ccc;border-bottom: 1px solid #ccc;margin-top: 15px;}
.menu-family-primary-container ul li {float:none;display:inline;}
.menu-family-primary-container ul {text-align: center;}
.menu-family-primary-container ul li {display:inline;float:none;margin-bottom: 0 !important}
.menu-family-primary-container ul li a {display:block;color:#7eca08;padding: 5px 10px;text-transform: uppercase;font-family: 'Fredoka One',sans-serif;font-weight: 600;letter-spacing: 1.5px;font-size: 15px;}


#menu-family-secondary{margin:0}
#menu-family-secondary.menu{display: grid !important;grid-template-columns: repeat(6, auto) !important;max-width: 850px;margin:0 auto }
#menu-family-secondary.menu li a{text-align: center}
#menu-family-secondary.menu li a:hover{color:#7eca08 !important}

.menu-family-secondary-container {border-bottom: 1px solid #cccccc;background: #f8f8f8;margin: 0;font-family: 'IBM Plex Sans', sans-serif;font-weight:600}
.menu-family-secondary.menu {margin: 0 auto;max-width: 1200px;text-align: center;border-top:none;margin:0 auto}
.menu-family-secondary-container ul {margin:0;padding:0;text-align:center;padding-top:8px}
.menu-family-secondary-container ul li {display:inline;float:none;margin-bottom: 8px}
.menu-family-secondary-container ul li a {text-transform: uppercase;display: block;color: #333!important;border-right:1px solid #ccc;line-height: normal;padding: 0;font-size: 15px;font-family: 'IBM Plex Sans', sans-serif; font-weight: 400;letter-spacing: .5px;}
.menu-family-secondary-container ul li:last-of-type a {border-right: 0;}
.menu-family-secondary-container ul li a:hover {color: #000 !important;background-color: transparent !important;opacity:07;}

#family-top-row .vc_col-sm-3:first-of-type { grid-area: 2 / 2 / 3 / 3;justify-self: center;align-self: center }
#family-top-row .vc_col-sm-3:first-of-type * {padding: 0 !important;margin:0}
#family-top-row .vc_col-sm-3:first-of-type a{font-size: 21px;padding: 0 !important;margin-right: 0;color: #7eca08 !important; font-family: 'Permanent Marker'; font-weight: 400;}
#family-top-row .vc_col-sm-3:first-of-type i{font-size: 24px;color: #000;margin: 0 3px 5px;}
#family-top-row .vc_col-sm-3:first-of-type {margin-top: 20px}
#family-header-social-links{text-align: center;}


#family-top-row .vc_col-sm-6:nth-child(2) { grid-area:  2 / 3 / 3 / 4;align-self: center !important}
#family-top-row .vc_col-sm-6:nth-child(2) img{width: 100% !important;min-height: none !important;width: auto !important;}
#family-top-row .vc_col-sm-6:nth-child(2) *{margin-bottom: 0}



#family-top-row .vc_col-sm-3:last-of-type{grid-area: 2 / 4 / 3 / 5;align-self: center;justify-self: center;margin-top: 0px}
#family-top-row .vc_col-sm-3:last-of-type a{font-size:  13px;padding: 0 !important;margin: 0 !important; font-family: 'IBM Plex Sans'; font-weight: 400;color: #000;text-transform: uppercase}
#family-top-row .vc_col-sm-3:last-of-type .sr-only{display: none}
#family-top-row .vc_col-sm-3:last-of-type .wpb_raw_html{margin-bottom: 0;margin-left: 25px;margin-right: 25px}
#family-top-row .vc_col-sm-3:last-of-type *{margin: 0}
#family-top-row .fa-search{top:3px !important}
#family-header-other-magazines{margin-top:5px !important}

.family-social{margin-bottom: -40px !important;margin-left: 20px !important;z-index: 1000}

#family-top-row .wpb_wrapper > .vc_row.wpb_row.vc_inner.vc_row-fluid{display: flex;max-width: 1200px;margin:0 auto !important}
#family-top-row .wpb_wrapper > .vc_row.wpb_row.vc_inner.vc_row-fluid p{text-align: center}

/*mobile stuff*/



@media (max-width: 980px){ 
#family-top-row .wpb_wrapper > .vc_row.wpb_row.vc_inner.vc_row-fluid{flex-direction: column}
  
#family-top-row .vc_col-sm-3:first-of-type{display: none}
#family-top-row .vc_col-sm-3:last-of-type{width: 100% !important;}
#family-top-row .vc_col-sm-3:last-of-type .vc_column-inner{width: 300px !important;margin: 0 calc((100% - 300px) / 2 )!important}    
#family-top-row .vc_col-sm-3:last-of-type .vc_column-inner p{display: none}
#family-top-row .vc_row-fluid {box-shadow: none !important;display: block}
#family-top-row{box-shadow: none;text-align: center !important;margin-top: -180px !important;/*margin-left: 85px !important;margin-right: 85px !important;*/width: auto}

#family-top-row .vc_col-sm-6{width:100% !important;align-self: start !important}
#family-top-row .vc_col-sm-6 img{height: 90px !important;margin: 0 auto}

#family-top-row .col-sm-12{width: 100vw;margin: 0 calc(-50vw + 50%) !important}
#family-top-row #menu-family-primary.menu {display:none !important;margin: 0 !important;text-align: center !important;}
#family-top-row #menu-family-primary li a{font-size: 11px;display: inline;}
#family-top-row #menu-family-secondary.menu {display:none!important;margin: 0 !important;text-align: center !important;padding: 0;}
#family-top-row #menu-family-secondary li a{font-size: 12px;border: 0;display: inline;margin: 0 5px;}
.menu-family-primary-container{text-align: left !important}
.menu-family-primary-container ul li a {padding: 4px;}
 }






/*Homepage Top Story Area */
#family-front-box .vc_col-sm-8 .entry-content-wrap {margin:-125px 40px 0;background: #fff;z-index: 50;position: relative;padding: 50px}
#family-front-box .content-list-wrapper .basic-content-wrap{overflow:inherit }
#family-front-box .vc_col-sm-8 .entry-content-wrap  .content-primary-cat{display: inline-block;background: #1ba4da;padding: 10px 20px;position: absolute;top:-30px;left: 0;font-family: Montserrat, sans-serif;letter-spacing: 1px}
#family-front-box .vc_col-sm-8 .entry-content-wrap  .content-primary-cat a{color: #fff !important;text-transform: uppercase;font-size: 12px;}
#family-front-box .vc_col-sm-8 .entry-title a, .sponsored-section-title-block .loop-wrapper .grid-item .entry-title a {font-size: 48px;color: #7eca08;font-weight: 400;letter-spacing: -.5px;font-family: 'Fredoka One',sans-serif !important;line-height:1em;}

@media (max-width:980px) {
#family-front-box .vc_col-sm-8 .entry-title a,#family-front-box .vc_col-sm-8 .entry-title a, .sponsored-section-title-block .loop-wrapper .grid-item .entry-title a {
font-size:30px;}
#family-front-box .vc_col-sm-8 .entry-content-wrap, #family-front-box .vc_col-sm-8 .entry-content-wrap {margin:0;padding:20px;}

}

#family-front-box .vc_col-sm-8 .entry-content, #family-front-box .vc_col-sm-8 .entry-content, .sponsored-section-title-block .loop-wrapper .hentry .entry-content {font-weight: 400;font-family: Montserrat,sans-serif;line-height: 30px;font-size: 20px;}

#family-front-box .vc_col-sm-4 .entry-content-wrap h3.entry-title {z-index: 50;padding: 15px 20px;width: 100%;background: #000;}
#family-front-box .vc_col-sm-4 .entry-content-wrap  .content-primary-cat{display: inline-block;background: #1ba4da;padding: 10px 20px;position: absolute;top: -15px;font-family: Montserrat, sans-serif;letter-spacing: 1px;left: 10px;z-index: 3;}
#family-front-box .vc_col-sm-4 .family-bottom-secondary-story .entry-content-wrap  .content-primary-cat {left:unset; right:0px;}
#family-front-box .vc_col-sm-4 .category-family-sponsored .entry-content-wrap .content-primary-cat {background-color:#515151;}
#family-front-box .vc_col-sm-4 .entry-content-wrap  .content-primary-cat a{color: #fff !important;text-transform: uppercase;font-size: 12px;}
#family-front-box .vc_col-sm-4 .entry-title a{color: #fff !important;font-family: Montserrat,sans-serif!important;text-transform: uppercase;font-size: 16px;font-weight: 600!important;line-height:1.25px;}

#family-front-box vc_.col-sm-4 .entry-title {width: 100%}
#family-front-box .thumb-wrap{margin-bottom: 0;position: relative}
#family-front-box .vc_col-sm-4 .thumb-wrap.thumb-float-none + .entry-content-wrap{margin-top: -50px;z-index: 1000;position: relative;height: 100%;}
#family-front-box .vc_col-sm-4 .wpb_single_image{margin-bottom: 0}

.content-list-wrapper.family-top-story .crop .inner-thumb-wrap{border-left:black 40px solid;}


.white-on-red-title h2 {background: #EB2036;display: inline-block;color: #fff;padding:10px 20px;font-family: 'Permanent Marker';font-weight: 400;text-transform: uppercase;font-size: 21px;margin-left: 40px;letter-spacing: 1px;}
.white-on-black-title h2 {background: #000;display: inline-block;color: #fff;padding:10px 20px;text-transform: uppercase;font-size: 21px;margin-left: 40px;letter-spacing: 1px;}
.red-on-white-title h2 {display: inline-block;color: #EB2036;padding:10px 20px;font-family: 'Permanent Marker'!important; font-weight: 400!important;font-size: 28px!important;margin-left: 0px;padding-left: 0!important;}
.black-on-white-title h2 {display: inline-block;color: #000;padding:10px 20px;font-family: 'Permanent Marker'; font-weight: 400;text-transform: uppercase;font-size: 28px;margin-left: 0px;padding-left: 0}
.sponsored-section-title-block{border-top:2px solid #000;padding-top: 40px;border-bottom:2px solid #000;padding-bottom: 30px}
.sponsored-section-title-block .entry-content-wrap {margin:-50px 0 0;background: #fff;z-index: 50;position: relative;padding: 30px 0 0}
.sponsored-section-title-block .entry-content-wrap  .content-primary-cat{display: inline-block;background: #515151;padding: 10px 20px;position: absolute;top:-54px;left: 1px;font-family: Montserrat, sans-serif;letter-spacing: 1px}
.sponsored-section-title-block .entry-content-wrap  .content-primary-cat a{color: #fff !important;text-transform: uppercase;font-size: 16px;}
/*.loop-wrapper .sponsored-section-title-block .grid-item  .entry-title a{font-size: 48px;color: #000;font-family: 'Spectral', serif !important;font-weight: 200 !important;letter-spacing: -0.5px !important;}
.sponsored-section-title-block .entry-content {font-weight: bold !important;font-family: Montserrat,sans-serif !important;line-height: 180% !important} */

@media(min-width:980px){
.no-title-top-margin {margin-top:95px;}
}

h2.family-article-primary-category {     
font-size: 1em;
    margin-left: 10px;
    margin-bottom: -35px;
    border-bottom:none;
}

/* ===== Bootstrap Migration patches Apr. 2022 ===== */
#family-top-row .vc_row-fluid * {
    flex: unset!important;
    max-width: unset!important;
}
@media (min-width:981px) {
#family-top-row .wpb_wrapper > .vc_row.wpb_row.vc_inner.vc_row-fluid {
    display: grid;
    max-width: 1200px;
    margin: 0 auto !important;
    flex: unset;
    max-width: unset;
}
}