@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,400italic,700,900);
/* font-family: 'Roboto', sans-serif; */

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
/* font-family: 'Roboto Condensed', sans-serif; */


body {
  font-family: 'Roboto', sans-serif;
  font-weight:300;
  color:#5c5c5c;
  
}

body.page-home .content-container p {
	font-size:1.4em;	
}
body.page-home .content-container .intro p {
	font-size:1.6em;	
}

body.page-inner .content-container {
	padding-bottom:120px;
}


body.page-inner .content-container p {
	line-height:160%;	
}
body.page-inner .content-container .intro p {
	font-size:1.5em;
	padding-bottom:10px;	
}


h1,h2.blue,h2,h3 {
	color:#0076a9 !important;
	font-family: 'Roboto', sans-serif !important;
	font-weight:500 !important;
}

h3 {
	font-weight:500;
}

h4 {
	font-size:1.5em;
	font-weight:300;
	line-height:160%;
	padding-bottom:10px;
}

.intro p {
	foSnt-size:0.9em;
	foSnt-weight:300;
	line-height:160%;
	paSdding-right:50px;
}


.container {
	max-width:1030px;
	padding-left:30px;
	padding-right:30px;
}

#mainNav .navbar-header .navbar-brand img{
    max-width: 392px;
}

.page-home .content-container {
	padding-bottom:3em;	
}


#homepage-button-container{
    bottom: 45px;
    left: 50%;
    margin: 0 85px;
    position: absolute;
    transform: translateX(-50%);
    width: 1170px;
}

@media (max-width: 1200px){
    #homepage-button-container{
        margin: 0;
        width: 970px;
    }
}

@media (max-width: 991px){
    #homepage-button-container{
        margin: 0;
        width: 750px;
    }
}

@media (max-width: 768px){
    #homepage-button-container{ 
        display: none;
    }
}



#homepage-button-container a,
.yellow{
    background: #ffce01 !important;
    color: #0076a9 !important;
    display: block;
    font-weight: bold;
    padding: 15px !important;
    text-align: center !important;
    text-transform: uppercase;
    min-width: 200px;
    width: fit-content;
}
#homepage-button-container a:hover,
#homepage-button-container a:focus,
.yellow:hover{
    background-color: #FFF;
    outline: none;
    text-decoration: none;
}

.yellow.mobile{
    display: none;
}

@media (max-width: 768px){
    .yellow.mobile{
        display: block;
        font-size: 14px;
        margin: 28px 0;
        text-align: center;
    }
}



/*   NAV BAR / MENU VBAR     */
.navbar .navbar-branding {
	padding-left:56px;
}
.navbar .navbar-branding img {
	max-width:392px;
	width:100%;
}

.navbar-toggle {
	background-color:#ffce00;	
	left:auto;
	right:20px;
	poSsition:absolute;
	top:20px;
}

.navbar-toggle .icon-bar {
	background-color:#0076a9;	
}

.navbar .navbar-right {
	margin-top:6px;
	
}

.navbar .container {
	max-width:none;
	padding:59px 0 0 0;
	width:100%;	
}
.navbar .navbar-button {
	float:right;
}

.navbar .navbar-button a, .navbar .navbar-button a:visited{
	color:#fff;
	
	font-size:14px;
	display:block;
	height:42px;
	padding-top:13px;
	text-align:center;
	width:130px;	
	vertical-align:middle;
	text-decoration:none;
}

.navbar .navbar-button a:hover {
	text-decoration:underline;
}

.navbar .navbar-button-about, .navbar .navbar-button-contact {
	background-color:#0076a9;
}

.navbar .navbar-button-membership {
	background-color:#00a1e0;
}

.navbar .navbar-button-login {
	background-color:#ffce00;
	color:#0076a9;
}
.navbar .navbar-button-login a {
	color:#0076a9;
	text-decoration:none;
}
.navbar .navbar-collapse.collapse.show{
    display: block !important;
}

.highlight-block {
	padding-right:30px;	
}

.highlight-block p {
	font-size:0.8em;	
	fSont-weight:400;
	line-height:160%;
}

.highlight-block h3 {
	border-bottom:1px solid #ffce00;
	display:block;
	margin:50px 0 17px 0;	
	padding:0 0 17px 0;
	width:100%;
}

.highlight-block a {
	color:#00a1e0;
	display:block;
	font-size:0.8em;
	margin-top:25px;
	text-transform:uppercase;	
}

.highlight-block a span {
	color:#ffce00;
}


/* woocommerce */
.woocommerce .col2-set, .woocommerce-page .col2-set#customer_details{
    margin: 0 -15px;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2{
    max-width: unset;
    padding: 30px 15px;
    width: 50%;
}
.woocommerce form .form-row label{
    width: 100%;
}
.woocommerce form .form-row .woocommerce-input-wrapper{
    width: 100%;
}


/*   FOOTER   */
footer .jumbotron {
	background-color:#0076a9;
	margin:0;	
	min-height:40px;
	padding:0;
	vertical-align:middle;
}
footer .jumbotron p {
	background-color:#0076a9;
	color:#FFF;
	font-size:0.9em;
	margin:0;	
	padding:20px 0;
}
footer .jumbotron p img.footer-icon {
    margin-right: 6px;
    width: 25px;
}
footer .jumbotron .name {
	text-align:left;
	padding-left:50px;
}
footer .jumbotron .email {
	text-align:center;
}
footer .jumbotron .email a {
    background-image: none;
    border-right: 1px solid #FFF;
    color: #FFF;
    font-weight: bold;
    margin: 0 8px 0 0;
    min-height: unset;
    padding: 0 8px 0 0;
    text-decoration: none;
    text-transform: unset;
}
footer .jumbotron .email a:last-child{
    border-right: none;
}
footer .jumbotron .email a:hover {
	color:#bcbec0;
	text-decoration:underline;
}
footer .jumbotron .email a:visited {
	text-decoration:underline;
}
footer .jumbotron .copyright {
	text-align:right;
	padding-right:50px;
}

.gappy p {
	padding-bottom:12px;	
}

.page-inner {
	padding-bottom:200px;	
}

.classifications-list {
	font-size:0.9em;	
}

.contact-block h4 {
	font-size:1.2em;
	margin:0;
	padding:20px 0 0 0;	
	
}
.contact-block .contact-info {
	list-style:none;
	margin:0;
	padding:0 0 40px 0;	
}
.contact-block .contact-info >strong {
	font-size:2.0em;
}
.contact-block .contact-info li {
	margin:0;
	padding:4px 0;	
}
.contact-block .contact-info li strong {
	color:#2c76a2;
	font-size:0.9em;
	font-weight:normal;
	text-transform: uppercase;	
}

.page-membership .content-container ul li {
	padding:5px 0;	
}

.page-membership h2:not(:first-child) {
	border-top:1px solid #ffce00;
	margin-top:30px;
	padding-top:30px;	
	
}

.page-membership a[href$=".pdf"],
.page-membership a[href$=".zip"] {
    background-size: auto 32px;
    background-position: left 0 top 3px;
    background-repeat: no-repeat;
	color:#2c76a2;
	display:inline-block;
	fonSt-size:0.8em;
	margin:10px 30px;
	min-height:50px; 
	padding-left:40px;
	padding-top:10px;
	text-transform: uppercase;	
	vertical-align:middle;
}
.page-membership a[href$=".pdf"] {
    background-image:url(/wp-content/themes/pdxex2016/images/icon-document-pdf-v01.png); 
}
.page-membership a[href$=".zip"] {
    background-image:url(/wp-content/themes/pdxex2016/images/icon-document-zip-v01.png); 
}

.page-contact .committee-block p {
	font-size:1.5em;
	line-height:normal !important;
}
.page-contact .committee-block h3 {
	color:#2c76a2;
	font-size:1.4em;
	font-weight:normal;
	text-transform: uppercase;	
}
.page-contact .committee-block-stacked,.page-senior-active-members .committee-block {
	float:none;	
}

.page-senior-active-members .committee-block {
	margin-top:20px;
}

strong {
	font-weight:500;	
}

.page-division-coordinators h4, .page-board-of-directors h4 {
	margin:28px 0 0 0;
	padding:0;	
}

@media only screen and (max-width : 767px) {
.navbar .navbar-header .navbar-branding img {
	position:absolute;
	top:20px;
	left:20px;
	width:400px;
}

#navbar {
	padding:0;
	margin:0;
}


}

@media only screen and (max-width : 991px) {
footer .jumbotron .footer-block  {
	
	padding-left:0;	
	padding-right:0;	
}
footer .jumbotron p {
	padding:10px 0;
	margin:0;
	text-align:center !important;
}	
footer .jumbotron .name p {
	padding-top:30px;
}	
footer .jumbotron .copyright p {
	padding-bottom:30px;
}	
}

@media only screen and (max-width : 1020px) {
.navbar .navbar-header .navbar-branding img {
	position:absolute;
	top:20px;
	left:20px;
	width:400px;
}

#navbar {
	padding:0;
	margin:0;
}


}