/**
 *  UMG Core 2
 *  ./assets/css/core-tabs.css
 *
 *  20-Feb-2018 - Ade - added classes for tabbed page support
 *	21-Feb-2018 - Ade - tweaked .news-items h4 {height:3.9em;} to height:3.84em; to hide partial line showing in news tab
 *	04-May-2018 - Ade - changed ul.tabs to width:100% from 35rem and added percentage classes for tabs (needs code-set in tempalte)
 *					  - added media query @ 945px to shrink fonts
 *					  - added .tabs-n classes to @ 480px with 33.3% to split to 2 rows and moved breadcrumbs dowm
 */
#tabbed-content{position:relative;}
/* fix for links in tabs */
.tabbed .primary.wide {
	border-style: none;
}

/* = buttons
   ========================================================================== */
.tabbed-pages .tabs{
	margin-left:-4rem;
	z-index:30;
	position:absolute;
	font-size:1.2rem;
	top:-2.5rem;
/*	width:35rem; */
	width:100%;
	max-width:100%;
	height:2.5rem;
	line-height:2.5rem;
	text-align:center;
	text-transform:uppercase;
}
.tabbed-pages .tabs li{
	width:33.333%;
	max-width:12em;
	display:inline-block;
	margin:0;
	float:left;
}
.tabbed-pages .tabs-3 li{
	width:33.333%;
}
.tabbed-pages .tabs-4 li{
	width:25%;
}
.tabbed-pages .tabs-5 li{
	width:20%;
}
.tabbed-pages .tabs-6 li{
	width:16.66666%;
}

/* = tabbed content
   ========================================================================== */

/* turn off first tab .entry-title - only displays others */
.tabbed-page .entry img.wp-post-image{width:270px;height:auto;float:left;margin:0 30px 50px 0}


/* content */
.tabbed-page{display:none}
.tabbed-page.active{display:block}
.tabbed-page .entry-title{text-transform:uppercase;margin:0 0 3em;font-weight:normal}

/* link directory support */
/*.tabbed-pages .linkdir{display:none;}*/
.tabbed-pages .linkdir.active{display:block;}


/* content - company tabs */
#leadership-tab .summary{padding:0 1em 0 310px;}
#leadership-tab .entry.first{margin:0 0 1.8em;}
#leadership-tab p{margin-top:.5em;line-height:1.75;font-size:0.875em;}

#NEWS-TAB{}
.news-items{display:block;font-size: 1.4em;}
.news-items div{display:block;width:50%;float:left;vertical-align:top}
.news-items a{padding:.8em;display:block;width:100%;height:100%;}
.news-items .alt{background:#F6F7F8}
.news-items h4{height:3.84em;overflow:hidden;font-size:.85em;}
.news-items span{font-size:.6em;opacity:.8;}
.news-items span::before{line-height:1.8em;}
.news-page-nums{line-height:2;padding:2em 1em;text-align:center;text-transform:uppercase}
.news-page-nums i::before{line-height:1.65}
.news-page-nums .next{float:right}
.news-page-nums .prev{float:left}
.news-page-nums .next:hover,
.news-page-nums .prev:hover{text-decoration:none !important}

.primary .news-items a:hover{text-decoration:none}

.border-grid{border:1px solid;border-right-width:0;border-bottom-width:0;}
.border-grid div{border:1px solid;border-top-width:0;}
.border-grid div:nth-of-type(even){border-left-width:0;}

/* content - faq tabs */
#FAQS-TAB{}
#faqs-tab p{margin:1rem 0;font-size:1rem}
#faqs-tab h4 {
    margin-top: 2em;text-transform:none;
    font-size: 1em;
    text-transform: none;
    font-weight: bold;
    color: black;
}

/*	=Effects
	========================================================================= */
#leadership-tab .entry +.entry::after{border-color:transparent}
#leadership-tab .entry::after{content:' ';display:block;width:4.5em;border-bottom:1px solid #000;margin:.8em 0 1.75em}

/*  =Media queries
	========================================================================= */

/* 945px added 4-may-2018 */
@media screen and ( max-width:945px ) {
	.tabbed-pages section .button{min-width:unset;}
	.tabbed-pages .tabs li{font-size:.8rem;}
}

@media screen and ( max-width:768px ) {
	.tabbed-pages .tabs li{font-size:.875rem;}
	#leadership-tab .summary{padding:0;margin-bottom:3em;}
	#leadership-tab .event{margin:1em 0;}
	#leadership-tab .entry:after{border-color:#000;margin-left:auto;margin-right:auto;}
	#leadership-tab .summary-title{text-align:center;}
	.tabbed-page .entry img.wp-post-image{width:300px;margin:1em auto;float:none;clear:both;display:block;box-shadow:4px}
	.news-items,.news-items div,.news-items .alt{border:0;margin:0;background:none;width:100%}
	.news-items a:nth-of-type(odd){background-color:#f4f5f6;}
}
@media screen and ( max-width:570px ) {
	.tabbed-pages .tabs li{font-size:.75rem;}
}
@media screen and ( max-width:480px ) {
	.news-items h4{font-size:.75em;}
	.tabbed-pages .tabs{margin-left:-1rem;}

	/* added 4-may-2018 */
	.tabbed-pages .tabs-4 > li,.tabbed-pages .tabs-5 > li,.tabbed-pages .tabs-6 > li{
		width:33.333%;
	}
	#primary nav .breadcrumbs{margin-top:3rem;}

}