/* -------------------------------------------------- */
/* Reset - http://purecss.io/base
/* -------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, main{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}.hide{display:none;}html{box-sizing: border-box;}*,*:before,*:after{box-sizing:inherit;}.clear{font-size:0px;clear: both;height: 0px;}*:focus{outline: none;}strong{font-weight:bold;}em{font-style:italic;}input:invalid{box-shadow: none;}button{border:none;background:none;padding:0;margin: 0;}button::-moz-focus-inner{border:0;}input,button{border-radius:0;border-radius:none;}

/* -------------------------------------------------- */
/* Common
/* -------------------------------------------------- */
body{
	background: #071B38;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #7D7F82;
}
p{
	line-height: 1.6em;
	padding-bottom: 27px;
}
.align-center{
	text-align: center;
}
p.set-apart{
	padding-top: 36px;
}
.sm-txt{
	font-size: 14px;
}
strong{
	color: #2D2F31;
	font-weight: 500;
}
main{
	background: #fff;
	background: #f9f9f9;
}
a, a:visited{
	color: #1CADDE;
	text-decoration: none;
}
a:hover, a:active{
	text-decoration: underline;
	color: #1EB7EB;
}

hr{
	border: none;
	padding-top: 18px;
	margin-bottom: 36px;
}

/* -------------------------------------------------- */
/* Header/titles
/* -------------------------------------------------- */
h1, h2, h3, h4{
	font-family: 'Old Standard TT', serif;
	text-transform: uppercase;
	line-height: 1.2em;
	color: #2D2F31;
	text-align: center;
}
h2{
	font-size: 33px;
}
h3{
	font-size: 27px;
}
h4{
	font-size: 18px;
}
h2.set-apart,
h3.set-apart{
	padding-top: 27px;
}
.with-bar-alt,
.with-bar{
	background: no-repeat center bottom;
	padding-bottom: 22px;
	margin-bottom: 27px;
	text-align: center;
}
.with-bar-alt{
	background-image: url('/assets/images/title-bar-alt.svg');
	padding-bottom: 27px;
}
.with-bar{
	background-image: url('/assets/images/title-bar.svg');
}

/* -------------------------------------------------- */
/* Containers
/* -------------------------------------------------- */
.container-max,
.container-med,
.container-min,
.container-vmin{
	margin: 0 auto;
	padding: 0 18px;
}
.container-max{
	max-width: 1366px;
}
.container-med{
	max-width: 1078px;
}
.container-min{
	max-width: 790px;
}
.container-vmin{
	max-width: 502px;
}

/* -------------------------------------------------- */
/* Hero/header
/* -------------------------------------------------- */
.hero{
	background: #092246 url('/assets/images/hero-capital.jpg') center top/cover no-repeat fixed;
	padding-bottom: 108px;
	text-align: center;
	color: #fff;
}
.inside .hero{
	padding-bottom: 0;
	background: url('/assets/images/hero-flag.jpg') center top/100% auto no-repeat fixed;
}
.head-wrap{
	padding: 27px 18px 108px 18px;
}
.inside .head-wrap{
	padding: 27px 18px;
}
.logo{
	display: inline-block;
	background: url('/assets/images/papcc-full.svg') center top no-repeat;
	width: 962px;
	height: 28px;
	margin-bottom: 18px;
}
.hero h1{
	font-size: 54px;
	text-shadow: 0 2px 0 rgba(0,0,0,.24);
	color: #fff;
}
/* -------------------------------------------------- */
/* Prime navigation
/* -------------------------------------------------- */
.prime-nav{
	display: inline-block;
}
.prime-nav.show{
	display: inline-block;
}
.prime-nav ul{
	display: flex;
	background: #C01B33;
}
.prime-nav li{
	border-right: 1px solid rgba(0,0,0,.06);
}
.prime-nav a{
	display: block;
	line-height: 48px;
	padding: 0 27px;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	text-transform: uppercase;
}
.prime-nav a:hover{
	text-decoration: none;
	background: #CC1D36;
}
.prime-nav .active a{
	text-decoration: underline;
}
.mnav-toggle-wrap{
	display: none;
	background: rgba(255,255,255,.1);
}
.mnav-toggle{
	background: #C01B33 url('/assets/images/menu.svg') center no-repeat;
	width: 48px;
	height: 48px;
}
.mnav-toggle:hover{
	cursor: pointer;
}
/* -------------------------------------------------- */
/* Buttons
/* -------------------------------------------------- */
a.prime-btn,
button.prime-btn{
	font-family: 'Roboto', sans-serif;
	display: inline-block;
	line-height: 48px;
	color: #fff;
	text-decoration: none;
	padding: 0 36px;
	background: #C01B33;
	font-size: 13px;
	text-transform: uppercase;
}
a.prime-btn:hover,
button.prime-btn:hover{
	text-decoration: none;
	background: #CC1D36;
	cursor: pointer;
}
a.download-btn,
a.url-btn,
a.email-btn{
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 0;
	background: url('/assets/images/download-icon.svg');
}
a.url-btn{
	background: url('/assets/images/link-icon.svg');
}
a.email-btn{
	background: url('/assets/images/email-icon.svg');
}
.icon-btn{	
	display: inline-block;
	border: none;
	padding: 0;
	background: transparent;
	width: 24px;
	height: 24px;
	margin-top: 6px;
}
.icon-btn svg{
	fill: #cdd8e4;
	pointer-events: none;
}
.icon-btn:hover{
	cursor: pointer;
}
.icon-btn:hover svg{
	fill: #2D2F31;
}
/* -------------------------------------------------- */
/* Form
/* -------------------------------------------------- */
.form{
	margin-bottom: 27px;
}
.form input{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #7D7F82;
	border: 2px solid #ccc;
	width: 100%;
	padding: 12px;
}
.form label{
	display: block;
	padding-bottom: 6px;
	color: #2D2F31;
	font-weight: 500;
	font-size: 14px;

}
.form-row{
	padding-bottom: 12px;
}
.alert{
	color: red;
}
/* -------------------------------------------------- */
/* Sections
/* -------------------------------------------------- */
section{
	padding: 54px 0;
}
.intro{
	border-bottom: 1px solid #efefef;
}
.main section{
	padding: 9px 0 9px 0;
}

/* -------------------------------------------------- */
/* Conf. section
/* -------------------------------------------------- */
.conf{
	background: url('/assets/images/hero-conf.jpg') fixed;
	background-size: cover;
}
.conf-card{
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.conf-card-imgs,
.conf-card-copy{
	width: 50%;
}

.conf-card-imgs{
	padding: 6px;
}
.conf-card-imgs img{
	float: left;
	line-height: 0;
	padding: 6px;
	width: 50%;
}
.conf-card-imgs img:first-of-type{
	width: 100%;
}
.conf-card-copy{
	padding: 54px;
	text-align: center;
}
.conf-h{
	margin-bottom: 15px;
}
.conf-date,
.conf-location{
	font-size: 15px;
}
.conf-date{
	color: #C01B33;
	text-transform: uppercase;
	font-weight: 500;
}
.conf-location{
	padding: 9px 0 18px 0;
	color: #2D2F31;
}
.vendors{
	margin-bottom: 18px;
}
.conf-form{
	padding: 12px 0;
}
.conf-form input,
.conf-form textarea{
	border: 2px solid #efefef;
	background: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #7D7F82;
	width: 100%;
	padding: 12px;
}
.conf-form label{
	font-size: 14px;
	text-transform: uppercase;
	color: #2D2F31;
	font-weight: 500;
	display: block;
	margin-bottom: 3px;
}
.conf-form .form-row{
	margin-bottom: 18px;
}
.conf-form .grid{
	margin: 0 -9px;
}
.conf-form .grid-item{
	padding: 0 9px;
}
.alert{
	text-align: center;
	color: red;
}
@media screen and (max-width: 790px) {
	.vendors.grid-3-cols .grid-item{
		width: 50%;
	}
}
@media screen and (max-width: 520px) {
	.vendors.grid-3-cols .grid-item{
		width: 100%;
	}
}
/* -------------------------------------------------- */
/* Grid lists
/* -------------------------------------------------- */
.conf-pg .conf-card-imgs{
	width: 100%;
	padding: 0;
	margin: -6px -6px 27px -6px;
}
.conf-pg .conf-date{
	font-size: 16px;
	text-align: center;
	margin-bottom: 18px;
}
.conf-address{
	text-align: center;
	padding-bottom: 18px;
}


/* -------------------------------------------------- */
/* Grid lists
/* -------------------------------------------------- */
.grid{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 18px;
	justify-content: center;
}
.grid-5-cols .grid-item{
	width: 20%;
}
.grid-3-cols .grid-item{
	width: 33.33%;
}
.grid-2-cols .grid-item{
	width: 50%;
}
.grid-item a:hover{
	text-decoration: none;
}
.section-card{
	padding: 36px;
	text-align: center;
	font-size: 15px;
	border: 1px solid #efefef;
	margin: -1px 0 0 -1px;
	background: #fff;
}
.section-card p{
	padding-bottom: 0;
}
/* -------------------------------------------------- */
/* Listing members, vendors
/* -------------------------------------------------- */
.mbr,.mbr-card{
	padding: 18px;
	text-align: center;
	font-size: 15px;
}
.mbr-card{
	border: 1px solid #efefef;
	padding: 27px 18px;
	margin: -1px 0 0 -1px;
	background: #fff;
}
.mbr-img{
	width: 100%;
	max-width: 120px;
	height: auto;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
	margin-bottom: 18px;
}
.mbr-h,
.main .mbr-h{
	font-size: 18px;
	padding-bottom: 0;
}
.mbr-position{
	padding-top: 4px;
	color: #C01B33;
	line-height: 1.15em;
}
.mbr-cnty{
	padding-top: 4px;
	color: #7D7F82;
}
/* -------------------------------------------------- */
/* Main article
/* -------------------------------------------------- */
.main-wrapper{
	padding: 54px 0;
}
.page-title{
	font-size: 42px;
}
figure{
	padding-bottom: 27px;
}
figure img{
	width: 100%;
	height: auto;
}
figure.align-right{
	float: right;
	width: 48%;
	margin: .6em 0 0 27px;
}
figcaption{
	padding-top: 9px;
	font-size: 15px;
}
.main h2,
.main h3{
	padding-bottom: 18px;
}
.main ul{
	padding: 0 27px 11px 27px;
}
.main li{
	background: url('/assets/images/bullet.svg') left .6em no-repeat;
	padding-left: 16px;
	line-height: 1.6em;
	margin-bottom: 18px;
	text-align: left;
}

/* -------------------------------------------------- */
/* Files table
/* -------------------------------------------------- */
.files{
	width: 100%;
	border-top: 1px solid #efefef;
	border-right: 1px solid #efefef;
}
.files td,
.files th{
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #efefef;
	padding: 16px;
	text-align: left;
	vertical-align: top;
	font-size: 15px;
	line-height: 1.4em;
}
.files th{
	background: #fff;
	color: #2D2F31;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
}
.files a{
	display: block;
}
.files tr:hover{
	background: rgba(255,255,255,.5);
}

/* -------------------------------------------------- */
/* Responsive video
/* -------------------------------------------------- */
.video { 
	position: relative; 
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin-bottom: 1em;
} 
.video iframe, .video object, .video embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* -------------------------------------------------- */
/* CMS edit button
/* -------------------------------------------------- */
.edit-btn{
	display: inline-block;
	padding: 16px;
	position: fixed;
	z-index: 9999;
	bottom: 10px;
	right: 10px;
	background: #000000;
}
.edit-btn svg{
	fill: #ffffff;
}
.edit-btn:hover{
	background: #000000;
}

/* -------------------------------------------------- */
/* Footer
/* -------------------------------------------------- */
footer{
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}
footer p,
.foot-nav{
	padding-bottom: 18px;
	line-height: 1.2em;
}
.foot-top{
	background: #092246;
	padding: 36px 0 18px 0;
}
.foot-nav ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
.foot-nav li{
	border-right: 1px solid rgba(255,255,255,.06);
}
.foot-nav li:last-child{
	border: none;
}
.foot-nav a{
	display: block;
	padding: 0 6px;
}
.foot-btm{
	padding-top: 18px;
	font-size: 10px;
}

/* -------------------------------------------------- */
/* Modals
/* -------------------------------------------------- */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    overflow: auto;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}
.modal a:hover{
	text-decoration: underline;
}
.modal p{
	padding-bottom: 18px;
}
.modal .mbr-position{
	padding: 0;
	line-height: inherit;
}
.modal .mbr-h{
	font-size: 24px;
}
.modal-window {
    position: relative;
    background-color: #FFFFFF;
    width: 100%;
    max-width: 500px;
    margin: 10% auto;
    padding: 54px 36px;
    box-shadow: 0 0 18px rgba(0,0,0,.2);
}
.close {
    position: absolute;
    top: 3px;
    right: 3px;
    color: rgba(0,0,0,0.3);
    height: 30px;
    width: 30px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}

.close:hover,
.close:focus {
    color: #000000;
    cursor: pointer;
}

.open {
    display: block;
}


/* -------------------------------------------------- */
/* Breakpoints
/* -------------------------------------------------- */
@media screen and (max-width: 998px) {
	.mnav-toggle-wrap{
		display: block;
	}
	.prime-nav{
		display: none;
	}
	.prime-nav ul{
		display: block
	}
	.prime-nav li{
		border-right: none;
		border-bottom: 1px solid rgba(0,0,0,.06);
		text-align: left;
	}
	.prime-nav a{
		padding: 0 18px;
	}
	.prime-nav.show{
		display: block;
	}
	.logo{
		background: url('/assets/images/papcc-short.svg') left top no-repeat;
		width: 128px;
		margin-bottom: 12px;
	}
	.hero{
		padding-bottom: 54px;
	}
	.hero h1{
		font-size: 42px;
	}
	.head-wrap{
		padding: 18px 18px 54px 18px;
	}
	.inside .head-wrap{
		padding: 18px;
	}
}
@media screen and (max-width: 1330px) {
	.grid-5-cols .grid-item{
		width: 25%;
	}
}
@media screen and (max-width: 1120px) {
	.grid-5-cols .grid-item{
		width: 33.33%;
	}
}
@media screen and (max-width: 1042px) {
	.conf-card-imgs,
	.conf-card-copy{
		width: 100%;
	}
	.conf-card-copy{
		padding: 18px;
	}
}
@media screen and (max-width: 800px) {
	.grid-5-cols .grid-item,
	.grid-3-cols.sections .grid-item{
		width: 50%;
	}
}
@media screen and (max-width: 500px) {
	.grid-5-cols .grid-item,
	.grid-3-cols.sections .grid-item{
		width: 100%;
	}
	figure.align-right{
		float: none;
		width: 100%;
		margin: 0;
	}
	.foot-nav ul{
		display: block;
	}
	.foot-nav li{
		border-right: none;
		border-bottom: 1px solid rgba(255,255,255,.06);
	}
	.foot-nav a{
		padding: 6px 0;
	}
}
@media screen and (max-width: 400px) {
	.main ul{
		padding: 0 0 27px 0;
	}
}