/*
 Theme Name: KP NIRW
 Author: The Studio - KP SoCal
 Author URI: https://kp.org/thestudio
 Description: Child Theme of Understrap
 Template: understrap
 Version: 1.0.0
*/
@import url("../understrap/style.css");
 
@font-face {
  font-family: "Gotham Book";
  src: url(' fonts/Gotham-Book.eot ');	/*eot*/
  src: url(' fonts/Gotham-Book.otf ') format("opentype"),	/*otf*/
       url(' fonts/Gotham-Book.eot?#iefix ') format("embedded-opentype"), 	/*eot*/
       url(' fonts/Gotham-Book.woff ') format("woff"),	/*woff*/
       url(' fonts/Gotham-Book.ttf ') format("truetype");	/*ttf*/
     
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gotham Bold";
  src: url(' fonts/Gotham-Bold.eot ');	/*eot*/
  src: url(' fonts/Gotham-Bold.otf ') format("opentype"),	/*otf*/
       url(' fonts/Gotham-Bold.eot?#iefix ') format("embedded-opentype"), 	/*eot*/
       url(' fonts/Gotham-Bold.woff ') format("woff"),	/*woff*/
       url(' fonts/Gotham-Bold.ttf ') format("truetype");	/*ttf*/
     
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gotham Medium";
  src: url(' fonts/Gotham-Medium.eot ');	/*eot*/
  src: url(' fonts/Gotham-Medium.otf ') format("opentype"),	/*otf*/
       url(' fonts/Gotham-Medium.eot?#iefix ') format("embedded-opentype"), 	/*eot*/
       url(' fonts/Gotham-Medium.woff ') format("woff"),	/*woff*/
       url(' fonts/Gotham-Medium.ttf ') format("truetype");	/*ttf*/
     
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gotham Light";
  src: url(' fonts/Gotham-Light.eot ');	/*eot*/
  src: url(' fonts/Gotham-Light.otf ') format("opentype"),	/*otf*/
       url(' fonts/Gotham-Light.eot?#iefix ') format("embedded-opentype"), 	/*eot*/
       url(' fonts/Gotham-Light.woff ') format("woff"),	/*woff*/
       url(' fonts/Gotham-Light.ttf ') format("truetype");	/*ttf*/
     
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url(' fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url(' fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
		 url(' fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
		 url(' fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
		 url(' fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
		 url(' fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Gotham Book" !important;
}
a,
a:hover,
a:visited {
	color: #0078b4 !important;
}
@media screen and (min-width: 768px){
	h1 { font-size: 34px; }
	h2 { font-size: 26px; }
	h3 { font-size: 22px; }
	h4 { font-size: 18px; }
	h5, h6 { font-size: 18px; }
}
h1 {
	color: #003b71;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 2.5rem !important;
}

.w-subhead h1 { 
	margin-bottom: .5rem !important;
}

.w-subhead h2 { 
	font-size: 1.5rem;
}

li {
	padding: 10px;
}

.hero-slides {
	font-family: "Gotham Book" !important;
}

.slider-links a {
	color: #fff !important;
	text-decoration: underline !important;
	font-size: 16px !important;
}

.accordion {
	border-bottom: 1px solid #858585;
}
#accordion-forms > h3 > span {
	/*background-image: none !important; */
}
#accordion > h3:after,
#accordion-forms > h3:after {
	position: relative;
	top: 20px;
	float: right;
	border-right: none !important;
	border-style: solid !important;
	border-width: 0.1em 0.1em 0 0 !important;
	content: '' !important;
	display: inline-block !important;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(45deg);
	vertical-align: 0.25em !important;
	height: 0.8em;
	width: 0.8em;
	transition: transform .2s ease-out;
}
#accordion > .ui-state-active:after,
#accordion-forms > .ui-state-active:after {
	transform: rotate(135deg);
}

.custom-logo-divider {
	display: inline;
	padding: 0 15px;
}

.current-menu-item {
	background-color: #f4f5f7 !important;
}

#main-nav, 
.bg-primary {
	background-color: #f4f5f7 !important;
}
.navbar {
	padding: 0 1rem !important;
}
.nav-link {
	padding: 1rem !important;
}
.dropdown-menu {
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	border: 0 !important;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-toggle::after {
	border-right: none !important;
	border-style: solid !important;
	border-width: 0.1em 0.1em 0 0 !important;
	content: '' !important;
	display: inline-block !important;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(45deg);
	vertical-align: 0.25em !important;
	height: 0.6em;
	width: 0.6em;
	transition: transform .3s ease-in-out;
}
.dropdown-toggle:hover:after {
	transform: rotate(135deg);
}
.dropdown-item:focus, .dropdown-item:hover {
	background-color: #e8e8e8 !important;
}

.custom-logo-link img {
	position: relative;
	top: -6px;
	max-width: 214px;
}
.custom-logo-link,
.custom-logo-link:hover {
	text-decoration: none;
	color: #0079b2;
	font-size: 1.25rem;
}

.navbar-nav {
	width: 100%;
	justify-content: space-evenly;
}


.parent-title h2 {
	font-size: 1.7rem;
	margin-bottom: 50px;
}

.calculator-buttons-row {
	margin-bottom: 30px;
}
.calculator-buttons-row ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;	
	list-style: none;
}

.calculator-buttons-row li {
	border: 1px solid #0078b4;
	padding: 0;
	margin: 0 1%;
	width: 23%;
}
.calculator-buttons-row li:first-child {
	margin-left: 0 !important;
} 
.calculator-buttons-row li:last-child {
	margin-right: 0 !important;
}
.calculator-buttons-row li a {
	text-decoration: none;
}
.calculator-buttons-row li a > div {
	display: table;
	height: 100%;
	text-align: center;
	width: 100%;
	padding: 10px;
}
.calculator-buttons-row li a > div:hover {
	background-color: #f4f5f7;
}
#left-sidebar {
	margin: 45px 0;
}
#left-sidebar h2 {
	margin-bottom: 20px !important;
}
.leftnav-container {
}
.leftnav {
	list-style: none;
	margin: 0;
	padding: 0;
}

.leftnav li {
	padding: 5px;
}
	
	
.int-only-msg { 
	padding: 20px 0;
}

	
	
@media only screen and (min-width: 1024px) {
	
	.dropdown-menu {
		display: none;
		margin: 0;
		position: absolute;
		top: 100%;
		left: 0;
		background-color: #e8e8e8 !important;
		width: 300px;
		z-index: 1000;
		padding-left: 20px;
		border: 0;
	}
	#navbarNavDropdown .dropdown-item {
		color: #4e4e4e !important;
		padding: .25rem 1.5rem .25rem 2.5rem !important;
	}
	.dropdown-item.active, 
	.dropdown-item:active {
		background-color: #e8e8e8 !important;
	}
	.dropdown-menu li, .dropdown-menu > li > ul > li {
		text-align: left;
		font-size: 14px;
		padding: 0;
		list-style: none;
		display: list-item;
		margin-left: 0;
	}
	
	/* risk cals */
	#menu-item-234 > .dropdown-menu > li:first-child > a,
	#menu-item-234 > .dropdown-menu > li:nth-child(3) > a,
	#menu-item-234 > .dropdown-menu > li:nth-child(5) > a,
	#menu-item-234 > .dropdown-menu > li:nth-child(10) > a,
	
	/* research */
	#menu-item-249 > .dropdown-menu > li:first-child > a,
	#menu-item-249 > .dropdown-menu > li:nth-child(2) > a,
	#menu-item-249 > .dropdown-menu > li:last-child > a,
	
	/* research - external */
	#menu-item-1901 > .dropdown-menu > li:first-child > a,
	#menu-item-1901 > .dropdown-menu > li:nth-child(2) > a,
	#menu-item-1901 > .dropdown-menu > li:last-child > a,
	
	/* registry forms */
	#menu-item-263 > .dropdown-menu > li:first-child > a, 
	#menu-item-1915 > .dropdown-menu > li:first-child > a 
	{
		font-family: "Gotham Book";
		font-weight: 500;
		font-size: 1.2rem;
		color: #003b71 !important;
		padding-left: 1.5rem !important;
	}
	
}

.wrapper-home,
.wrapper-all {
	padding: 0;
}

.home-container,
.body-container,
.footer-container { 
	line-height: 1.8;
	padding: 40px 10%;
}

.home-highlights,
.reports-highlights { 
	padding: 40px 0;
}

.home-highlights h2,
.reports-highlights h2 {
	color: #003b71;
	margin-bottom: 20px;
}


#feat-stories-container {
	padding: 0 0 50px 0;
}
#feat-stories-container h4 {
	font-family: "Gotham Medium";
	font-size: 1rem;
	color: #003b71;
	font-weight: 500;
	padding: 0;
}
.feat-stories-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	padding-bottom: 30px;
}
.feat-stories-img {
	padding-top: 5px;
	padding-right: 30px;
	width: 32%;
}
.feat-stories-text {
	width: 68%;
	font-size: 14px;
}

.read_more {
	font-size: 12px;
	text-transform: uppercase;
}

.read_more a,
.read_more a:hover {
	font-weight: 700;
	color: #0078b4;
	text-decoration: none;
}

.journals-year-container {
	margin: 30px 0 20px;
}
.journals-year-container h3 {
	margin: 20px 0 !important;
}
	
.journals-year-container h3::after {
    display: block;
	content: "";
    width: 100%;
    height: 1px;
	border-bottom: 1px dotted #000;
	padding: 10px;
}

.journal-box {
	margin-bottom: 20px; 
	padding-bottom: 15px;
	border-bottom: 1px dotted #000;
}


/*
.stories-container {
}
.story-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}
.story-img {
	width: 25%;
}
.story-copy {
	width: 75%;
}
*/

#prev-years {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-left: 0;
	margin-left: 0;
	width: 70%;
}

#prev-years li {
	list-style: none;
	flex: 0 0 33.333333%;
	padding: 0 30px 30px 0;
	box-sizing: border-box;
}

#prev-years a,
#prev-years a:hover { 
	font-weight: 700;
	color: #0078b4;
	text-decoration: none;
}

#prev-years img {
	width: 30px;
	padding-right: 5px;
}

.footer-wrapper {
	padding: 20px 0;
	background-color: #e8eaee;
}
	
	
@media only screen and (max-width: 1080px) {
	
	.navbar-brand {
		font-size: 1.2rem !important;
	}
}
@media only screen and (max-width: 768px) {
	
	.navbar-brand {
		white-space: normal !important;
	}
	.custom-logo-link img {
		display: block;
	}
	.custom-logo-divider {
		display: none;
	}
	.navbar-brand {
		font-size: 1rem !important;
	}
}