/*
Theme Name:     EFL 2020 BJS Insurance
Theme URI:      
Description:    Child theme for Bendico. Requires ACF Pro and relevant custom fields groups.
Author:         Go4 Multimedia
Author URI:     
Template:       bendico
*/

/* @import slow, enqueue instead */

/* feature colour green ff0000 dark 1c1d18*/
.footer, #title-bar, .subnav-wrapper h4, .button, button, .right-off-canvas-menu, .header.nih { background-color:#ff0000; }
.footer { background-color:#1c1d18; }
h1, h2, h3, h4, h5, .columns-stripe a, 
.logo-left-menu-right #main-nav a:hover, .logo-left-menu-right.nih #main-nav li:hover > a, .logo-left-menu-right.nih #main-nav .current_page_item a, .logo-left-menu-right.nih #main-nav .current-menu-item a, .logo-left-menu-right.nih #main-nav .current_page_ancestor.menu-item-has-children a, .logo-left-menu-right.nih #main-nav .current-page-ancestor.menu-item-has-children a, .logo-left-menu-right.nih #main-nav .current_page_ancestor a, .logo-left-menu-right.nih #main-nav .current_page_ancestor.menu-item-has-children a:hover, .tabs .tab-title > a:hover { 
color:#ff0000;
}
/* single posts in categories highlight top level menu item, change cat and menu id */
/*.single.xxxCATxxx .logo-left-menu-right #main-nav .menu-item-xxxIDxxx a { 
color:#000; 
} */
/* ..but keep dropdown items standard color */
/*.single.xxxcatxxx .logo-left-menu-right #main-nav .menu-item-xxxIDxxx .sub-menu a {
color:#666 !important;
} */
#main-nav li:hover > ul { 
border-top-color: #ff0000 !important; 
}

body, ol, ul, dl, li, tr, td, p {
font-family:'Nunito', Helvetica, Arial, sans-serif;
font-weight:400;
font-size:20px;
}
strong {
font-weight:600;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Nunito', Helvetica, Arial, sans-serif;
font-weight:300;
}
h2, h2.collapseomatic, .entry-content h2.collapseomatic { font-size:35px; }
h3, h3.collapseomatic, .entry-content h3.collapseomatic {font-size: 29px;}
h4, h4.collapseomatic, .entry-content h4.collapseomatic {font-size: 23px;}
h5, h5.collapseomatic, .entry-content h5.collapseomatic {font-size: 19px;}
h6 { font-size:16px; }
.button {
padding:20px 30px;
font-size:17px;
}
.button:not(.searchfield):after {
display:inline-block;
margin-left:17px;
position:relative;
top:1px;
content:'\f0a9';
font-family: 'Font Awesome 5 Free';
font-weight:900;
color:#fff;
}
#title-bar h1 {
text-transform:uppercase;
}
#title-bar h1 .page-intro-text {
display:block;
font-family:'Nunito', Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
}
#title-bar h1 .page-intro-text .button {
margin:20px 0 0 0;
font-weight:600;
}


header.header.nih { background-color:#031c1a; }
.nih.logo-left-menu-right .contain-to-grid#top, .nih.logo-left-menu-right .top-bar {
max-width:100% !important;
}
.nih #title-bar .page-title-over-banner { min-height:360px; }
.nih #title-bar, .logo-left-menu-right.nih .contain-to-grid { background:transparent !important; }
header.header.nih { border:none; background-position:center; }
header.header.nih.no-image { background-image:none !important; }
.nih #title-bar .page-title-over-banner {
max-height:440px;
display:flex;
padding:0;
}
.nih .header h1, .nih #title-bar .page-title-over-banner h1 {
color:#fff !important;
border-bottom:none !important;
font-weight:300 !important;
}
.nih #title-bar .page-title-over-banner.no-image {
min-height: 350px !important;
}
.nih #title-bar .page-title-over-banner h1 {
transform:none;
top:auto;
padding-bottom:60px;
width:100%;
align-self: flex-end;
max-width:1140px;
}
.nih #title-bar h1, .nih #title-bar .page-title-over-banner.no-image h1 {
font-size:62px;
text-transform:none;
font-weight:300;
}
.nih .exp-search svg path {
fill:#fff;
}

.nih .menu-icon span::after {
box-shadow: 0 0 0 1px #fff, 0 9px 0 1px #fff, 0 18px 0 1px #fff;
height: .05px;
margin-top: -0.55rem;
}

.logo-left-menu-right .name h1 a {
background-image: url('assets/images/bjs-efnl-logos-composite.png');
text-indent:-9999em;
}
.logo-left-menu-right .name h1 a:after {
content: "insurance";
display: block;
width: 300px;
height: 300px;
color: #fff;
text-indent: 0;
position: relative;
bottom: -60px;
font-size: 30px;
font-weight:700;
color:#ff0000;
}

.logo-left-menu-right .top-menu-wrap {
height:140px;
}

.logo-left-menu-right #top-menu li {
float:right;
}
.logo-left-menu-right #top-menu .yjfl-logo, .logo-left-menu-right #top-menu .bjs-logo {
float:left;
}

#top-menu .yjfl-logo a, #top-menu .bjs-logo a {
text-indent: -9999em !important;
height: 130px;
width: 130px;
background-size: contain;
display: block;
background-repeat: no-repeat;
background-position: center;
margin-right:10px;
}

#top-menu .yjfl-logo a {
background-image: url('assets/images/white-logo-with-name.png');
}

#top-menu .bjs-logo a {
background-image: url('assets/images/BJS-logo.png');
}


#top-menu .bjs-logo , #top-menu .yjfl-logo {
float: left;
}

.exp-search form {
background: transparent;
}
.exp-search input[type="search"].search-field.expand-search {
width:725px;
background:#080a05;
color:#fff;
padding: 2rem;
top: -15px !important;
border:1px solid #444;
}

/*
body.page-template-page-blank-landing-page { 
background-image: url('assets/images/img.jpg'); 
}
body.page-template-page-blank-landing-page:before {
position: fixed;
width: 100%;
height: 100%;
content: " ";
background: rgba(0,0,0,.2); 
}
*/
.logo-left-menu-right.nih #main-nav a {
color:#fff;
font-size:19px;
}

 /* has children indicator */
li.page_item.page_item_has_children a:after, li.menu-item.menu-item-has-children a:after {
content: "\f107";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
padding-left: 5px;
}
/* not on dropdowns or mobile menu */
li.page_item.page_item_has_children ul.children a:after, li.menu-item.menu-item-has-children ul.sub-menu a:after, .m-nav li.page_item.page_item_has_children a:after, .m-nav li.menu-item.menu-item-has-children a:after {
display:none;
}
.logo-left-menu-right #main-nav ul a, #main-nav .current_page_item ul a, .logo-left-menu-right #main-nav ul .current_page_item a, .logo-left-menu-right #main-nav .current-menu-item ul a, .logo-left-menu-right #main-nav ul .current-menu-item a, .logo-left-menu-right #main-nav .children a {
color:#555 !important;
font-size:17px !important;
width:220px;
}
.logo-left-menu-right #main-nav ul ul {
right: 181px;
top:0;
}

/* height of navbar, position of dropdowns, might need mods depending on layout
.fullwidth-banner-menu .top-bar, .header.fullwidth-banner-menu.nav-at-very-top .top-bar-section { height: 80px; }
.fullwidth-banner-menu #main-nav a { line-height:80px; }
.fullwidth-banner-menu ul#main-nav { top:0; }
.fullwidth-banner-menu #main-nav li ul { top:79px; }
*/

h2 { font-size: 34px; }
 
.subnav-wrapper h4 a {
color:#fff;
text-transform:none;
font-family:'Nunito', Helvetica, Arial, sans-serif;
font-weight:300;
font-size:26px;
}
.subnav-wrapper li a {
text-transform:uppercase;
font-weight:400;
font-size:17px;
text-transform:none;
}
.subnav ul.children li a {
font-size: 16px;
font-weight:400;
}
.subnav li.page_item.page_item_has_children a:after {
display:none;
}
.subnav li.current_page_item a, .subnav li.current_page_ancestor a, .subnav li a:hover {
background:#f8f8f8;
}
.subnav li.current_page_item a, .subnav li.current_page_ancestor a {
font-weight:600;
}

.subnav li.current_page_ancestor ul.children li.current_page_item a {
background: #eee;
font-weight:600;
}

/* certs */

/* banner for cards archive */
.post-type-archive-certificates header.header.nih {
background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.35)), url('assets/images/banner1800-air2.jpg') !important;
}

ul.small-block-grid-1.certs {
margin:0 -0.3rem 2rem;
}
.certs.small-block-grid-1 > li {
padding: 0 .3rem .4rem;
}
.certs .card-text { 
padding:0; 
background:#ff0000;
border-radius:4px;
}
.certs .card-text:hover { 
background:#cc1309;
}

.certs .card-text h4 a { 
display:block;
padding:15px 40px 16px 20px; 
color:#fff;
font-weight:300;
position:relative;
}
.certs .card-text h4 a:hover {
text-decoration:none;
}
.certs .card-text h4 a:before { 
content:'\f15c';
font-family: 'Font Awesome 5 Free';
color: #fff;
font-weight: 900;
font-size: 15px;
position: absolute;
top: 10px;
right: 15px;
}

/* cards */
.columns-stripe.cards a {
transition: all .2s;
}
.columns-stripe.cards a:hover { 
opacity:1; 
box-shadow: 0 0 9px rgba(0,0,0,.18);
}
.card-text h4 { font-size:26px; }

.fancy-button.v2 h3 { font-size:28px; line-height:1.2;text-shadow:0 0 9px #333; }
.fancy-button.v2 h3:after {
display:inline-block;
margin-left:8px;
position:relative;
/* top:-1px; */
content:'\f0a9';
font-family: 'Font Awesome 5 Free';
font-weight:900;
color:#fff;
font-size:22px;
}

.footer h3, .footer h4 {
font-size:23px;
}
.footer .menu-footer-menu-container li, .footer .widget .menu li, .footer .widget_recent_entries li {
font-size:17px;
}
.footer .large-4 .widget_media_image img {
max-width:100px;
}

.collapseomatic, .entry-content .collapseomatic { border-bottom:1px solid #ddd; padding: 20px 42px 20px 0 !important; }
.collapseomatic.colomat-close, .entry-content .collapseomatic.colomat-close { border:none; }
.collapseomatic_content, .entry-content .collapseomatic_content {
margin: 0;
border-bottom: 1px solid #ddd;
padding-bottom: 24px;
}
.collapseomatic:before, .entry-content .collapseomatic:before { top:3px; }
.search-results article { margin:0 auto; max-width:800px; padding:40px 20px !important; }
.search-results article footer { margin:10px 0 0 0; }

table tr td, table tr th {
border-bottom:1px solid #ddd;
padding-left:0;
}
table.nofirstcolborder tr td:first-of-type, table.nofirstcolborder tr th:first-of-type {
border:none;
}
table.nofirstcolborder tr th + td:first-of-type, table.nofirstcolborder tr td + th:first-of-type {
border-bottom:1px solid #ddd;
}

/* show/hide */
.show-under-960 { display:none; }
.hide-under-960 { display:block; }
.adminonly {
border: 1px solid #666;
padding: 25px 10px 10px;
position: relative;
background: #eee;
margin: 5px 0;
font-size:14px;
}
.adminonly:before {
content: 'admins only';
position: absolute;
top: 0;
right: 0;
background: #666;
color: #fff;
font-size: 11px;
text-transform: uppercase;
padding: 2px 4px;
}

/* -------------------------------------------------- */

@media only screen and (max-width: 1280px) {

	.nih .header h1, .nih #title-bar .page-title-over-banner h1 {
	padding:0 7% 60px 7%;
	}

}


@media only screen and (max-width: 960px) {

	/* show/hide flip */
	.show-under-960 { display:block; }
	.hide-under-960 { display:none; }

}

@media only screen and (max-width: 640px) {

	.nih #title-bar h1, .nih #title-bar .page-title-over-banner.no-image h1 { font-size:42px; }
	.nih #title-bar .page-title-over-banner h1 { padding-bottom: 30px; }
	
}

@media only screen and (max-width: 480px) {

	.off-canvas-wrap.move-left.overlay-m-nav a.exit-off-canvas {
	left: 84%;
	}

}