/*

Theme Name: The PDA
Theme URI: http://blog.the-pda.org/
Author: Andy Webb
Description: 
Version: 1.0

*/

#menu-pia-header-menu > li, #menu-primary-menu > li {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	font-weight: normal;
}
#menu-pia-header-menu > li:hover,
#menu-pia-header-menu > li a:focus,
#menu-pia-header-menu > li a:active,
#menu-pia-header-menu > li.current-menu-item,
#menu-primary-menu > li:hover,
#menu-primary-menu > li a:focus,
#menu-primary-menu > li a:active,
#menu-primary-menu > li.current-menu-item {
	font-weight:bold;
}

#menu-pia-header-menu > li > a, #menu-primary-menu > li > a {
    line-height: 1;
}

.icon-in-link-pda-logo a:before {
    content: "\e6f5";
}

.icon-in-link a:before {
    font-family: 'pda';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.primary-menu .sub-menu {
	display:none;
	list-style: none;
}
.primary-menu > li > .sub-menu > li:first-child {
	padding-top: 1rem !important;
}

@media screen and (max-width: 1160px) {
	.primary-menu li.expanded > .sub-menu {
		display: flex;
	}
}

.primary-menu .sub-menu li {
	line-height: 1.5;
}

.primary-menu > li > .sub-menu {
	padding: 0rem 1rem 1rem 1rem;
}

.primary-menu .sub-menu .sub-menu {
	padding-left: 0.25rem;
}

.primary-menu li.current-menu-ancestor > a {
	color: #fff !important;
	font-weight: bold;
}
.primary-menu .sub-menu li.current-menu-ancestor > a {
	color: #0b4068 !important;
}

#menu-primary-menu li a:active,
#menu-primary-menu li a:focus,
#menu-primary-menu li .sub-menu li a:focus {
	text-decoration: underline;
}
#menu-primary-menu li.home-menu-item a:active,
#menu-primary-menu li.home-menu-item a:focus,
#menu-primary-menu li.home-menu-item .sub-menu li a:focus {
	text-decoration: none;
}

#menu-primary-menu li a.icon:active,
#menu-primary-menu li a.icon:focus,
#menu-primary-menu li .sub-menu li a.icon:focus {
	text-decoration: none;
}

#menu-pia-secondary-menu li a:focus, #menu-secondary-menu li a:focus {
    color: #283C96;
}

#menu-pia-secondary-menu li.important-menu-item:focus-within, #menu-secondary-menu li.important-menu-item:focus-within {
    background: #283C96;
}

#menu-pia-secondary-menu li.important-menu-item:focus-within a, #menu-secondary-menu li.important-menu-item:focus-within a {
    color: #fff;
}

#menu-primary-menu li .sub-menu li a {
	color: #0b4068;
	text-transform: initial;
    	font-weight: bold;
    	font-size: 1.25rem;
}
#menu-primary-menu li .sub-menu li:hover > a,
#menu-primary-menu li .sub-menu li > a:active
 {
	color: #fff;
}
#menu-primary-menu li .sub-menu li.current-menu-item > a {
	color: #fff;
}

.primary-menu > .menu-item-has-children {
	z-index: 10;
}
.primary-menu > .menu-item-has-children > .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
}
.primary-menu .sub-menu {
	flex-direction: column;
}
.primary-menu .sub-menu a {
	margin-bottom: 0.4rem;
}

#menu-primary-menu.primary-menu {
	display: flex;
	overflow: visible;
}


#footer dl dd a,
#footer dl dd h4,
#footer dl dd p {
	color: #444;
}


@media screen and (min-width: 1161px) {
	.primary-menu .menu-item-has-children:hover .sub-menu,
	.primary-menu .menu-item-has-children:focus-within .sub-menu {
		display: flex;
	}
	.desktop-copy {
		display:inline-block;
	}
	.mobile-copy {
		display: none;
	}
	.mobile-only-nav-item {
		display: none !important;
	}
}

@keyframes marquee-left {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-50%);
	}
}


        div.pda-notifications p.infobar {
                padding: 0 0.5rem;
                position: relative;
                display: flex;
                text-indent: 0;
        }
        div.pda-notifications p.infobar a {
		flex: 0 0 auto;
	}
	div.pda-notifications p.infobar p.marquee{
		flex: 1 0 0%;
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
	div.pda-notifications p.infobar .mobile-marquee {
		display: none;	
	}


	#menu-primary-menu .home-menu-item a{
		width:90px;
		height:90px;
		background-image:url('/wp-content/themes/thepda/images/pda-white-no-text.svg');
		background-size: 80px 80px;
		background-position: center;
		background-repeat: no-repeat;
	}

	#menu-primary-menu .home-menu-item a::before {
		content:initial;
	}


@media screen and (max-width: 1160px) {
	#menu-primary-menu .home-menu-item a{
		width:50px;
		height:50px;
		background-size: 40px 40px;
	}

	#header #menu-primary-menu li.more-menu-item a {
 	   padding-right: 0px;
	    transform: translateX(0px);
	}
	.menu-primary-menu-container, .menu-pia-header-menu-container {
		font-size: 1.5rem;
	}
	#menu-primary-menu.dropdown li.mobile-only-nav-item {
    		position: absolute;
    		right: 8.5rem;
    		width: 33vw;
    		top: 1.275rem;
	}
	.main-mobile-search-form input {
	    padding: 0.25rem;
	    width: -webkit-fill-available;
	    width: 100%;
	}
	.main-mobile-search-form button {
		
	}

	div.pda-notifications p.infobar {
    		height: 2rem;
		white-space: nowrap;
	}
	
        div.pda-notifications p.infobar .mobile-marquee {
                display: inline-block;
        }

	.pda-notifications .infobar p.marquee {
		flex: 1 0 0%;
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		margin: 0;
		padding: 0;
		position: relative;
	}
	.pda-notifications .infobar span.marqueed {
		position: absolute;
		top: 0;
		transform: translateX(0%);
		animation: marquee-left 20s linear infinite;
	}
	.pda-notifications .infobar {
		flex: 0 0 auto;
	}


	.secondary-menu {
		display: flex;
		margin-left: 1px;
		margin-right: 1px;
	}
	#menu-secondary-menu, #menu-pia-secondary-menu {
		margin-left: 1px;
		margin-right: 1px;
	}
	.secondary-menu form {
		display: flex !important;
		height: 100%;
	}
	.secondary-menu form input {
		flex: 1;
		width: 100% !important;
	}
	.secondary-menu form button {
		flex: 0 0 auto;
		width: auto;
		height: 100%;
	}
	.secondary-menu form button span {
		padding-left: 0rem;
		padding-right: 0rem;
	}
	#header, #header .menu-primary-menu-container, #header .menu-secondary-menu-container, #header .menu-pia-header-menu-container, #header .menu-pia-secondary-menu-container, #header p.infobar, #cookies, #cookies ul, #join-strip, #pia-boilerplate, #layout{
		overflow: inherit;
	}
	
	#cookies{
		max-width: 100vw;
		overflow: hidden;
	}
	#cookies p {
		width: auto;
	}

	#footer dl dd ul li {
		margin-bottom: 1em;
	}
	
	#footer dl #footer-left p {
		line-height: 2em;
	}

	.member-only-widgets {
		text-align: center;
	}
	#menu-pia-secondary-menu li.important-menu-item, #menu-secondary-menu li.important-menu-item {
		padding: 0 0em;
	}
	.secondary-menu > li {
		flex: 0 0 auto;
		width: auto;
	}
	.secondary-menu > li.expand-mobile {
		flex: 1;
		width: 100%;
	}
	.my-pda #menu-primary-menu.dropdown li {
		width: auto;
	}
	.my-pda #menu-primary-menu.dropdown li.mobile-only-nav-item {
		width: 33vw;
	}

	.button.massive-button, button.massive-button{
		max-width: 80vw;
		line-height: 1;
		display: flex;
		align-items:center;
		margin: 0.25rem auto;
		height: auto;
		min-height: 2.4em;
		justify-content: center;
	}


	.desktop-copy {
		display: none;
	}
	.mobile-copy {
		display: inline-block;
	}

	#menu-primary-menu.primary-menu.dropdown {
		flex-direction: column;
		max-height: 100vh;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	#menu-pia-header-menu > li, #menu-primary-menu > li {
		display: none;
	}

	#menu-primary-menu.primary-menu.dropdown li.more-menu-item {
		position: absolute;
		top: 0rem;
		right: 0rem;
		left: 50%;
		width: auto;
		background: transparent;
		text-align: right
	}

	#header {
		position: sticky;
		z-index: 1000;
		top:0;
		width: 100%;
	}
	#header.fixed {
		position: sticky;

	}
	.primary-menu > .menu-item-has-children > .sub-menu {
		position: initial;
	}
	#menu-primary-menu li .sub-menu li a {
		line-height: 1.5;
		white-space: initial;
	}

	.primary-menu.dropdown .menu-item-has-children::after{
		content: ' ';
		width: 0;
		height: 0;
		border-width: 1rem 1rem 0 1rem;
		border-color: #8CC8D2 transparent transparent transparent;
		border-style: solid;
		position: absolute;
		right: 1rem;
		top: 1.5rem;
		transition: all 0.2s linear;
		transform-origin: 50% 25%;
	}
	.primary-menu .menu-item-has-children.expanded::after{
		border-color: #ffffff transparent transparent transparent;
		transform: rotate(180deg);
	}
	#menu-primary-menu.dropdown li, #menu-primary-menu.dropdown li.responsive-only {
		padding: 0;
	}
	#menu-primary-menu.dropdown li > a {
		padding-left: 15px;
	}
	#header.fixed #menu-primary-menu.dropdown li.home-menu-item {
		font-size: 50px;
		line-height: 50px;
	}

	#header #menu-primary-menu li.home-menu-item {
		font-size: 50px;
		line-height: 50px;
	}

	#header #menu-primary-menu li.more-menu-item {
		font-size: 50px;
		line-height: 50px;
		background: transparent;
	}
	
	
	#content.home-page ul.columns-2 > li:last-child,
	#content2.home-page ul.columns-2 > li:last-child,
	#content3.home-page ul.columns-2 > li:last-child {
		width: 100%;
		padding: 1em 0;
	}

.primary-menu .sub-menu .sub-menu {
    padding-left: 0;
    transform: translateX(-0.15rem);
    border-top: 0.5rem solid white;
    border-bottom: 0.5rem solid white;
}
#menu-primary-menu > li > .sub-menu .sub-menu > li {
	padding-left:0 !important;
	padding-right: 0 !important;

}
#menu-primary-menu > li > .sub-menu > li {
	padding-left: 0 !important;
	padding-right: 0 !important;
}


#menu-primary-menu .sub-menu li {
	line-height: 1.5 !important;
}

#menu-primary-menu > li > a {
	color: #0b4068;
	text-transform: initial;
}



}

.skip-to-main {
	left: -9999px;
	position: absolute;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: -999;
}

.skip-to-main:active, .skip-to-main:focus {
	color: #fff;
	background-color: #008C96;
	left: 0;
	top: auto;
	width: 30%;
	height: auto;
	overflow: auto;
	margin: 10px 35%;
	padding: 5px;
	border-radius: 15px;
	border: 4px solid black;
	text-align: center;
	font-size: 1.2em;
	z-index: 999;
}

.menu-primary-menu-container.expanded-menu {
	z-index: 3;
}

.menu-primary-menu-container::before{
	content: '';
	position: absolute;
	top:0;
	right: 0;
	left:0;
	height: 140vh;
	background: #ffffff00;
	transition: all 0.2s linear;
	pointer-events: none;
}

.menu-primary-menu-container.expanded-menu::before {
	height: 140vh;
	background: #ffffffBF;
}

#menu-primary-menu > li > .sub-menu > li {
    width: 100%;
    background: #fff3d8;
    border-left: 0.15rem solid #ffd880;
    padding: 0.5rem 0.75rem;
}

#menu-primary-menu > li > .sub-menu .sub-menu > li  {
    width: 100%;
    background: #d8ebee;
    border-left: 0.15rem solid #6cb6c1;
    padding: 0.5rem 0.75rem;
    color: #000;
}
#menu-primary-menu > li > .sub-menu .sub-menu > li a {
	color: #000;
}

#menu-primary-menu li .sub-menu li:hover > a, #menu-primary-menu li .sub-menu li > a:active {
	color: #000;
}

#menu-primary-menu li .sub-menu li.current-menu-item > a {
	color: #000;
}


.primary-menu .dropdown-only {
	display:none;
}

@media screen and (max-width: 1160px) {
	.primary-menu.dropdown .dropdown-only {
        	display:flex;
	}

	.post.type-post div.entry-content table{
		max-width: 90vw;
	}
}


.primary-menu.dropdown li.flex-mobile-only {
	flex: 1;
}

.primary-menu.dropdown li.flex-bottom-bar-mobile-only {
    background: #008294;
    justify-content: space-between !important;
    display: flex !important;
    padding: 0rem;
}

.primary-menu.dropdown li.flex-bottom-bar-mobile-only a {
    color: white !important;
    padding: 1.5rem !important;
}

.primary-menu.dropdown li.flex-bottom-bar-mobile-only .expand-all {
 	text-align: right;
	padding-right: 1rem;
	text-transform: initial;
	width: 100%;
	cursor: pointer;
	font-weight: normal;
}

@media screen and (min-width:1161px) {
	.primary-menu li.flex-bottom-bar-mobile-only,
	.primary-menu.dropdown li.flex-bottom-bar-mobile-only {
		display:none !important;
	}
	.primary-menu > li.menu-item-has-children:hover::after {
	    content: "\2329";
	    position: absolute;
	    bottom: 0.75rem;
	    line-height: 1;
	    transform-origin: 50% 50%;
	    transform: rotate(-90deg) scaleX(1.75) translateY(-2px);
	    font-size: 1.5rem;
	}

	.primary-menu ul.sub-menu li.menu-item-has-children::after {
		content: "\2329";
		position: absolute;
		top: 0.5rem;
		right: 1.5rem;
		color: #0b4068;
		transform: rotate(-90deg);
		font-size: 1.5rem;
		transition: all 0.2s linear;
	}
	.primary-menu ul.sub-menu li.third-tier-reveal.menu-item-has-children::after {
		transform: rotate(90deg);
	}
	#menu-primary-menu > li > .sub-menu .sub-menu {
		display: none;
	}
	#menu-primary-menu > li > .sub-menu .sub-menu.reveal {
		display: flex;
	}
}

#content ul.aw-child-pages li h4 {
	font-size: 15px;
}