/*
	CSS for Profiles in Diversity Journal Website 

*/

/*================================================================================
 *
 * TABLE OF CONTENTS
 *
 * = General Setup 
 * = Website Colors
 * = Typography
 * = Forms
 * = Tables
 * = Header
 * = Main Content
 * = Page
 * = Sidebar One
 * = Footer
 * = Sub Footer
 * = Website Pages
 * = Custom Website Content, Modules, etc.
 * = WordPress Posts
 * = WordPress Comments
 * = WordPress Comment Form
 * = WordPress Pagination
 * = WordPress Search Forms
 * = WordPress Blocks
 * = WordPress Blocks - Additional CSS Classes
 * = WordPress Widgets
 * = WordPress Plugins Style Override
 * = Responsive
 *
================================================================================*/



/* 
   = General Setup 
________________________________________________________________________________*/

body { 
	background: #fff;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5; 	
	margin : 0 auto;
	padding : 0;
	text-align: left;
}



/* 
   = Website Colors (for reference)
________________________________________________________________________________*/

.black {
	color: #000000;
}

.deep-gray {
	color: #252525;
}

.gray {
	color: #757575;
}

.light-gray {
	color: #e5e5e5;
}

.white {
	color: #fff;
}

.red {
	color: #a70431; /* PDJ Brand Red */
}



/*  
   = Typography  
________________________________________________________________________________*/

/*--------------------------------------------------
# Headings
--------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.3;
	margin: 25px 0 15px 0;
	padding: 0;
}

h1.border-bottom,
h2.border-bottom,
h3.border-bottom,
h4.border-bottom,
h5.border-bottom,
h6.border-bottom {
	border-bottom: 3px solid #a70431;
	padding-bottom: 5px;
}

h1 {
	font-size: 35px;
}

h1.page-title {
	color: #333;
	margin: 25px 0 35px 0;
	padding: 0;
}

body.home h1.page-title {
	display: none;
}

h2 { 
	font-size: 30px;
}

h2.page-title {
	color: #333;
	font-size: 35px;
	margin: 25px 0 35px 0;
	padding: 0;
}

h3 { 
	font-size: 25px;
}
	
h4 { 
	font-size: 22px;
}

h5 { 
	font-size: 20px;
}

h6 { 
	font-size: 19px;
}

/* Homepage Headings
========================*/

body.home h2 a,
body.home h3 a,
body.home h4 a {
	color: #333;
}

body.home h2 a:hover,
body.home h3 a:hover,
body.home h4 a:hover {
	opacity: 0.8;
}


/*--------------------------------------------------
# Paragraphs, etc. 
--------------------------------------------------*/

p,
dl, 
address { 
	font-size: 16px; 
	margin: 0 0 15px 0; 
}

p {
	hyphens: auto;  
}

p.large {
	font-size: 20px;
	margin: 25px 0 25px 0;
}

p.small { 
	font-size: 16px; 
	line-height: 24px;
}

p.page-summary {
	font-size: 16px;
	font-style: italic;
	font-weight: 700;
	margin: 0 0 25px 0;
}

blockquote {
	background: #f5f5f5;
	border-left: 5px solid #a70431;
	margin: 25px 0 25px 0;
	overflow: hidden;
	padding: 25px;
}

blockquote p {
	font-size: 20px;
}


/*--------------------------------------------------
# Lists 
--------------------------------------------------*/

ol { 
	list-style-type: decimal;
}

ul { 
	list-style-type: disc;
}

ol, 
ul { 
	font-size: 16px;
	margin: 0 0 15px 0;	 
	padding : 0 0 0 25px; 
}

li ol, 
li ul { 
	margin : 0;	
}

ol li,
ul li {
	margin-bottom: 10px;
}

dl, 
dd { 
	margin-bottom : 20px; 
}

dt { 
	font-weight : 400; 
}

		
/*--------------------------------------------------
# Links 
--------------------------------------------------*/

a { 
	color: #a70431;
	text-decoration: none;
	transition: all 0.3s ease;	
	word-wrap: break-word;
}

a:hover,
a:focus { 
	color: #252525;
	text-decoration: none;
}


/*--------------------------------------------------
# Elements 
--------------------------------------------------*/

b, strong { 
	font-weight: 700; 
}

hr { 
	border-top: 2px solid #252525;
	display: block; 
	height: 1px; 
	margin: 50px 0 50px 0;  
}

cite,
pre {
	font-size: 16px;
	font-style: normal;
}


small { 
	font-size: 14px; 
}

sub, sup { 
	font-size: 75%; 
	line-height: 0; 
	position: relative; 
	vertical-align: baseline; 
}

sup { 
	top: -.5em; 
}

sub { 
	bottom: -.25em; 
}


/*--------------------------------------------------
# Global Styles 
--------------------------------------------------*/

.center {
	text-align: center;
}

.uppercase {
	text-transform: uppercase;
}

.uppercase-none {
	text-transform: none;
}

.bold {
	font-weight: 700;
}

.normal {
	font-weight: normal;
}

em,
.italic {
	font-style: italic;
}

.display-none {
	display: none;
}

.clear { 
	clear: both; 
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix {
	zoom: 1;
} /* IE6 */

*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */


/*--------------------------------------------------
# Alignments
--------------------------------------------------*/

.alignnone {
    margin: 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 0 auto 15px auto;
}

.alignright {
    float: right;
    margin: 0 0 15px 15px;
}

.alignleft {
    float: left;
    margin: 0 15px 15px 0;
}


/*--------------------------------------------------
# Images
--------------------------------------------------*/

img {
	border: 0;
	height: auto;
	margin: 0;
	max-width: 100%;
}

img.border {
	border: 1px solid #e5e5e5;
}

img.is-style-rounded {
	border-radius: 9999px;
}



/* 
   = Forms
________________________________________________________________________________*/

label {
	display: block;
	font-weight: 700;
	margin-bottom: 10px;
}

fieldset {
	margin-bottom: 25px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea[type="text"],
textarea {
	font-size: 16px;
	font-weight: 400;
	padding: 8px 10px;
	border: 2px solid #e5e5e5;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea[type="text"]:focus,
textarea:focus {
	border-color: #757575; 
	background: #fff; 
}

select {
	border: 2px solid #e5e5e5;
	font-size: 16px;
	padding: 5px;
	min-width: 175px;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 15px;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

input[type="button"],
input[type="submit"] {
	background: #a70431;
	text-decoration: none;
	border: 1px solid #a70431;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size : 18px;
	font-weight: 700;
	margin: 10px 7px 15px 0;
	padding: 15px 25px;
	text-align: center;
	transition: all 150ms ease-in-out;
}

input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #252525;
	border: 1px solid #252525;
	color: #fff;
	text-decoration: none;
}



/* 
   = Tables 
________________________________________________________________________________*/

table { 
	border: medium none;
    border-collapse: collapse;
    border-spacing: 0;
	font-size: 16px;
	margin: 35px 0 25px 0;
    width: 100%;
}

th { 
	background-color: #252525;
    border-left: 2px solid #757575;
    border-right: 2px solid #757575;
	border-top: 2px solid #757575;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 10px 15px 10px;
	vertical-align: middle; 
}

td { 
	background-color: #fff;
	border: 2px solid #757575;
    padding: 10px;
	vertical-align: middle; 
}

td img {
	margin: 0;
	padding: 0;
}

caption { 
	background-color : transparent;
	padding : 5px;
	vertical-align: middle;  
}

tfoot { 
	font-style : italic;
 }



/* 
   = Header
________________________________________________________________________________*/

header {
	background: #fff;
	margin: 0;
	padding: 30px 0 0 0;
}


/*--------------------------------------------------
# Header Logo 
--------------------------------------------------*/

header .logo {
	padding: 0;
	text-align: center;
}

header .logo img {
	width: 250px;
}


/*--------------------------------------------------
# Header Search Form
--------------------------------------------------*/

.header-search-form {	
	margin: 15px 48px 15px 0;
}

.header-search-form input.search-input {
	border: 2px solid #e5e5e5;
}


/*--------------------------------------------------
# Bootstrap Menu (Uses Bootstrap Default Menu) 
--------------------------------------------------*/

nav.navbar {
	border-radius: 0;
	margin: 15px 0 15px 0;
}

.navbar-default {
	background-color: #252525;
	border: none;
	border-color: #f00;
	border-color: transparent;
	border-bottom: 3px solid #a70431;
}

.navbar-collapse {
	padding-right: 15px;
    padding-left: 15px;
}

nav.navbar ul.nav {
	padding-top: 0;
}

.nav > li {
	margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	padding: 20px 15px;
	text-decoration: none;
	text-transform: none;
	transition: all 0.3s ease;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background-color: #a70431;
	color: #fff;
}

.navbar-default .navbar-nav > .active > a {
	background-color: #a70431;
	color: #fff;
}

.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: #a70431;
	color: #fff;
}

.navbar-default .navbar-nav > .current-menu-ancestor > a,
.navbar-default .navbar-nav > .current-menu-ancestor > a:focus {
	background-color: #a70431;
	color: #fff;
}

.navbar-default .navbar-nav > .current-menu-ancestor > a:hover {
	background-color: #a70431;
	color: #fff;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus {
	background-color: #a70431;
	color: #fff;
}

.navbar-default .navbar-nav > .open > a:hover {
	background-color: #a70431;
	color: #fff;
}

.current-menu-ancestor {
	
}


/* Dropdowm Menu
====================*/
.dropdown-menu {
	background-color: #252525;
	border: none;
	font-size: 16px;
	padding: 0;
}

.dropdown-menu > li {
	margin-bottom: 0;
}

.dropdown-menu > li > a {
	border-top: 1px solid #424242;
	color: #fff;
	padding: 10px 20px 10px 25px;
	text-decoration: none;
}

.dropdown-menu > li:first-child > a {
	border-top: none;
	padding-top: 15px;
}

.dropdown-menu > li:last-child > a {
	padding-bottom: 15px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color: #a70431;
	color: #fff;
	text-decoration: none;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: #a70431;
	color: #fff;
	outline: 0;
	text-decoration: none;
}


/* Mobile Menu
==================*/

.navbar-toggle {
	background-color: #e5e5e5;
	border: none;
	border-radius: 2px;
	padding: 11px 12px;
}

.navbar-toggle .icon-bar {
	border-radius: 1px;
	display: block;
	height: 3px;
	width: 25px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #424242;
	height: 3px;
	width: 25px;
} 

@media (max-width: 767px) {
  .navbar-default .navbar-nav > li > a {
    font-size: 19px;
	font-weight: 700;
	text-transform: uppercase;
  }
  .navbar-default .navbar-collapse {
	box-shadow: none;
	border-top: 2px solid #a70431;  
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #fff;
	  padding: 15px 15px 15px 25px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	  background-color: #a70431;
	  color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      background-color: #a70431;
	  color: #fff;
  }
}



/* 
   = Main Content
________________________________________________________________________________*/

#main-content {
	background: transparent;
}



/* 
   = Page
________________________________________________________________________________*/

#page-container {	
	background: transparent;
}

#page-content {	
	background: transparent;
	margin: 0 0 25px 0;
	padding: 0 15px 25px 15px;
}



/* 
   = Sidebar One
________________________________________________________________________________*/

#sidebar-one {
	font-size: 16px;
	margin: 0;
	padding: 0 15px;
	text-shadow: none;
}

#sidebar-content {
	padding: 0;
}

#sidebar-content p .pdj-button-1 {
	text-decoration: none;
}

#sidebar-content .pdj-button-1:hover {
	background: #757575;
}


/*--------------------------------------------------
# Sidebar One Module 1
--------------------------------------------------*/

#sidebar-one .sidebar-module-1 {
	background: #252525;
	margin: 50px 0;
	overflow: hidden;
	padding: 25px 20px;
}

#sidebar-one .sidebar-module-1 h3 { 
	color: #fff;
	font-size: 24px;
	margin: 0 0 25px 0;
	text-align: center;
}

#sidebar-one .sidebar-module-1 h4 { 
	color: #fff;
	font-size: 22px;
	margin: 0 0 15px 0;
}

#sidebar-one .sidebar-module-1 h3 a,
#sidebar-one .sidebar-module-1 h4 a { 
	color: #fff;
	text-decoration: underline;
}

#sidebar-one .sidebar-module-1 h3 a:hover,
#sidebar-one .sidebar-module-1 h4 a:hover { 
	color: #757575;
}

#sidebar-one .sidebar-module-1 p,
#sidebar-one .sidebar-module-1 a,
#sidebar-one .sidebar-module-1 li { 
	color: #fff;
}


#sidebar-one .sidebar-module-1 p a,
#sidebar-one .sidebar-module-1 li a { 
	color: #fff;
	text-decoration: underline;
}

#sidebar-one .sidebar-module-1 p a:hover,
#sidebar-one .sidebar-module-1 li a:hover { 
	color: #757575;
}



/* 
   = Footer
________________________________________________________________________________*/

footer {
	background-color: #252525;
	padding: 15px 15px 0 15px;
}

footer h3 {
	color: #ccc;
	border-bottom: 3px solid #a70431;
	font-size: 30px;
	margin: 50px 0 25px 0;
	padding: 0 0 5px 0;
}

footer h4 {
	color: #ccc;
}

footer h5 {
	color: #ccc;
	font-size: 18px;
	margin: 0 0 5px 0;
}

footer p,
footer a,
footer li { 
	color: #ccc;
}


footer p a,
footer li a { 
	color: #ccc;
	text-decoration: underline;
}

footer p a:hover,
footer li a:hover { 
	color: #757575;
}

/*--------------------------------------------------
# Footer About Us
--------------------------------------------------*/

footer .footer-about-us {

}

/* Footer Logo */
footer .footer-about-us .logo {
	padding: 25px 0 15px 0;
}

footer .footer-about-us .logo img {
	width: 250px;
}

/*--------------------------------------------------
# Footer Contact Info
--------------------------------------------------*/

footer .footer-contact-info {
	
}

/*--------------------------------------------------
# Footer Enewsletter Form
--------------------------------------------------*/

footer .footer-enewsletter-form {
	
}

/* MailChimp Newsletter Form
================================*/

footer #mc_embed_signup form {
	background: transparent;
	padding: 15px 0 10px 0;
}

footer #mc_embed_signup .mc-field-group {
	border: 0px solid #fff;
	padding-bottom: 15px;
}

footer #mc_embed_signup .mc-field-group label {
	color: #ccc;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px;
}

footer #mc_embed_signup .mc-field-group input {
	background-color: #ccc;
	color: #333;
	font-size: 16px;
	padding: 8px 10px;
}

footer #mc_embed_signup input {
	border: 2px solid #ccc;
	border-radius: 0px;
}

footer #mc_embed_signup .indicates-required {
	color: #ccc;
	font-size: 16px;
}

footer #mc_embed_signup .button {
	background-color: #a70431;
	border-radius: 2px;
	color: #ffffff;
	font-size : 18px;
	font-weight: 700;
	height: auto;
	line-height: 27px;
	margin: 10px 7px 15px 0;
	padding: 15px 25px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

footer #mc_embed_signup .button:hover {
	background-color: #757575;
}

footer #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	font-size: 16px;
}



/* 
   = Sub Footer
________________________________________________________________________________*/

.sub-footer {
	margin: 50px 0 50px 0;
}

.sub-footer p {
	color: #ccc;
	font-size: 14px;
	padding: 0;
	text-align: center;
}

.sub-footer a {
	color: #ccc;
	font-weight: 400;
}



/* 
   = Website Pages
 
Description: Contains CSS for template files, template parts, etc 
________________________________________________________________________________*/

/*--------------------------------------------------
# Header Banner Ad Section 1 (header.php)
--------------------------------------------------*/

/* Header Banner Ad Section 1
=================================*/
.header-banner-ad-section-1 {	
	margin: 0 auto;
	max-width: 728px;
	padding: 0 0 15px 0;
}

.header-banner-ad-section-1 img {
	max-width: 100%;
}



/* 
   = Custom Website Content, Modules, etc.
________________________________________________________________________________*/

/*--------------------------------------------------
# Buttons
--------------------------------------------------*/

.pdj-button-1 {
	background: #a70431;
	border-radius: 2px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size : 18px;
	font-weight: 700;
	margin: 10px 7px 15px 0;
	padding: 15px 25px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	transition: all 0.3s ease;
}

.pdj-button-1:hover {
	background: #252525;
	color: #fff;
	text-decoration: none;
}

.pdj-button-1:focus {
	color: #fff;
}

/* Button - Black */
.pdj-button-1.black {
	background: #252525;
	color: #fff;
}

.pdj-button-1.black:hover {
	background: #757575;
	color: #fff;
}

/* Button - White */
.pdj-button-1.white {
	background: #fff;
	color: #333;
}

.pdj-button-1.white:hover {
	background: #252525;
	color: #fff;
}

/* Button - Gray */
.pdj-button-1.gray {
	background: #757575;
	color: #fff;
}

.pdj-button-1.gray:hover {
	background: #252525;
	color: #fff;
}


/*--------------------------------------------------
# Profile Bio Boxes 
# (author boxes at bottoms of posts or pages)
--------------------------------------------------*/

/* Profile Bio Box 1
========================*/
.pdj-profile-bio-box-1 {
	background: #a70431;
	border: 1px solid #e2e2e2;
	clear: both;
	margin: 50px 0 50px 0; 
	overflow: hidden;
	padding: 25px 25px 10px 25px;
}

.pdj-profile-bio-box-1 img {
	float: left;
	margin: 0 25px 15px 0;
}

.pdj-profile-bio-box-1 h3 {
	color: #fff;
	margin: 0 0 15px 0 !important;
}

.pdj-profile-bio-box-1 p {
	color: #fff;
}

.pdj-profile-bio-box-1 a {
	color: #fff;
	text-decoration: underline;
}

.pdj-profile-bio-box-1 a:hover {
	color: #fff;
	text-decoration: none;
}


/*--------------------------------------------------
# Previous Issues (issue-archive page)
--------------------------------------------------*/

/* PDJ Issue Item
=====================*/
.pdj-issue-item {
	border: 2px solid #e5e5e5;
	display: block;
	float: left;
	height: 315px;
	margin: 0 25px 25px 0;
	padding: 5px 5px 5px 5px;
	width: 275px;
}

.pdj-issue-item h3 {
	color: #333;
	font-size: 20px;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 15px 0 15px 0 !important;
	padding: 0;
	text-align: center;
}

.pdj-issue-item p {
	text-align: center;
}

.pdj-issue-item p a {
	padding: 0px 5px;
}

.pdj-issue-item img {
	display: block;
	margin: 0 auto;
	max-width: 250px;
}


/*--------------------------------------------------
# Award Info Boxes (nominate page)
--------------------------------------------------*/

/* Award Info Box 1
=======================*/
.pdj-award-info-box-1 {
	background: #252525;
	border: 3px solid #252525;
	color: #fff;
	margin: 0; 
	overflow: hidden;
}

.pdj-award-info-box-1 h2 {
	margin: 5px 0px 15px 0px;
}

.pdj-award-info-box-1 a {
	color: #fff;
	text-decoration: underline;
}

.pdj-award-info-box-1 a:hover {
	text-decoration: none;
}

.pdj-award-info-box-1 .pdj-button-1 {
	text-decoration: none;
}

/* Award Image */
.pdj-award-info-box-1 .award-image {
	background-color: #fff;
	overflow: hidden;
	padding: 25px 25px 10px 25px;
}

.pdj-award-info-box-1 .award-image img {
	display: block;
	margin: 0 auto 0 auto;
}

/* Award Information */
.pdj-award-info-box-1 .award-information {
	overflow: hidden;
	padding: 25px 25px 10px 25px;
}


/*--------------------------------------------------
# Formstack.com
# (embedded forms on website pages)
--------------------------------------------------*/

/* Removes PDJ Logo from above embedded forms */
.fsform-container #fsHeaderImage {
	display: none;
}


/*--------------------------------------------------
# Job Board (job-board page)
--------------------------------------------------*/

/* Job Board Listing
========================*/
.pdj-job-board-listing {
	border-bottom: 2px solid #252525;
}

/* Removes Post Category, Tags, Links, etc. */
body.job-board .post-meta-data-row .post-category,
body.job-board .post-meta-data-row .post-tags {
	display: none;
}



/* 
   = WordPress Posts
________________________________________________________________________________*/

/*--------------------------------------------------
# Post Content
--------------------------------------------------*/

/* Post Header
==================*/

.post-header {
	margin: 0 0 25px 0;
}

.post-header h1.post-title {
	margin: 25px 0 15px 0;
}

.post-header .post-meta-data-row {
	margin: 0 0 5px 0;
	padding: 0;
}

.post-header .post-meta-data-row span {
	font-size: 16px;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

.post-header .post-meta-data-row span.post-time {
	margin: 0 10px 0 0;
}

.post-header .post-meta-data-row span.post-author {
	margin: 0 10px 0 0;
}

.post-header .post-meta-data-row span.post-comments-number {
	margin: 0 10px 0 0;
}

.post-header .post-meta-data-row span.post-category {
	margin: 0 10px 0 0;
}

.post-header .post-meta-data-row span.post-tags {
	margin: 0 10px 0 0;
}

/* Post Content
===================*/

.post-content {
	margin: 15px 0 0 0;
}


/*--------------------------------------------------
# Post Excerpt
--------------------------------------------------*/

.post-excerpt {
	border-bottom: 2px solid #252525;
	margin: 0 0 25px 0;
}

/* Post Excerpt Thumbnail 
=============================*/

.post-excerpt-thumbnail {

}

.post-excerpt-thumbnail img {
	margin: 5px 0 25px 10px;
	max-width: 195px;
}

/* Post Excerpt Header 
==========================*/

.post-excerpt-header {
	margin: 0 0 10px 0;
}

.post-excerpt-header h2.post-title {
	font-size: 25px;
	margin: 0 0 5px 0;
}

.post-excerpt-header .post-meta-data-row {
	margin: 0 0 5px 0;
	padding: 0;
	border: 0px solid #14CF97;
}

.post-excerpt-header .post-meta-data-row span {
	font-size: 16px;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

.post-excerpt-header .post-meta-data-row span.post-time {
	margin: 0 10px 0 0;
}

.post-excerpt-header .post-meta-data-row span.post-category {
	margin: 0 10px 0 0;
}

.post-excerpt-header .post-meta-data-row span.post-tags {
	margin: 0 10px 0 0;
}


/* Post Excerpt Content
===========================*/

.post-excerpt-content {
	font-size: 16px;
	margin: 0 0 25px 0;
}

.post-excerpt-content a.more-tag-link {

}



/* 
   = WordPress Comments
________________________________________________________________________________*/

#comments {
	clear: both;
	margin: 0;
}

.comments-title {
	border-bottom: 3px solid #a70431;
	margin: 25px 0 35px 0;	
	padding-bottom: 5px;
}

.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment-list li:before {
	display: none;
}

.comment-body {
	margin: 0 0 50px 65px;
	max-width: 600px;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 0px;
	position: relative;
	z-index: 2;
}

.comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
}

.comment-author .says {
	display: none;
}

.comment-meta,
.comment-metadata {
	border-bottom: 2px solid #252525;
	margin-bottom: 15px;
	padding: 0 0 5px 0;
}

.comment-meta a,
.comment-metadata a {
	font-weight: 700;
}

.comment-metadata a.comment-edit-link {
	margin-left: 1em;
}

a.comment-reply-link {
	font-weight: 700;
	position: relative;
}


a.comment-reply-link::after {
    font-family: FontAwesome;
    content: "\f112";
    font-size: 10px;
    line-height: 10px;
    margin: 0 0 0 5px;
    display: inline-block;

}

.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #333;
	padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
	color: #333;
	font-style: italic;
}

.comment-reply-title {
	border-bottom: 3px solid #a70431;
	margin: 25px 0 50px 0;	
	padding-bottom: 5px;
}

a#cancel-comment-reply-link {
	font-size: 16px;
	margin-left: 1em;
	text-transform: capitalize;
}

a#cancel-comment-reply-link::after {
    font-family: FontAwesome;
    content: "\f0e2";
    margin: 0 0 0 8px;
    display: inline-block;

}

.comment-respond {
	margin: 50px 0;
}



/* 
   = WordPress Comment Form
________________________________________________________________________________*/

/* 

NOTE: The CSS on the Comment Form has been set to match and look like the 
embedded Formstack.com forms on the website. If Formstack is removed from 
the website, this CSS can be left as is, modified or deleted.

*/

#commentform {
	background: #f5f5f5;
	border: 2px solid #e5e5e5;
	border-radius: 5px;
	padding: 20px;
	max-width: 700px;
	width: 100%;
}

#commentform p.comment-notes,
#commentform p.logged-in-as {
	background: #252525;
	border-radius: 3px;
	color: #fff;
	margin-bottom: 40px;
	padding: 20px;
}

#commentform p.comment-notes a,
#commentform p.logged-in-as a {
	color: #fff;
	text-decoration: underline;
}

#commentform p.comment-notes a:hover,
#commentform p.logged-in-as a:hover {
	color: #757575;
}

#commentform input[type="text"] {
	height: 42px;
}

#commentform input[type="text"],
#commentform textarea[type="text"],
#commentform textarea {
	max-width: 700px;
	width: 100%;
}

#commentform p.form-submit {
	margin: 60px 0 5px 0;
	text-align: center;
}



/* 
   = WordPress Pagination

Description: Contains CSS for Archive and Comments pagination
________________________________________________________________________________*/

.wp-pagination-links {
	margin: 25px 0 0 0;
}

.pagination .nav-links a.prev.page-numbers,
.pagination .nav-links a.next.page-numbers,
.pagination .nav-links a.page-numbers,
.pagination .nav-links span.page-numbers {
	background: #a70431;
	border-radius: 2px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size : 18px;
	font-weight: 700;
	margin: 10px 7px 15px 0;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	transition: all 0.3s ease;
}

.pagination .nav-links a.prev.page-numbers:hover,
.pagination .nav-links a.next.page-numbers:hover,
.pagination .nav-links a.page-numbers:hover,
.pagination .nav-links span.page-numbers:hover {
	background: #252525;
	color: #fff;
	text-decoration: none;
}

.pagination .nav-links a.prev.page-numbers:focus,
.pagination .nav-links a.next.page-numbers:focus,
.pagination .nav-links a.page-numbers:focus,
.pagination .nav-links span.page-numbers:focus{
	color: #fff;
}

.pagination .nav-links span.page-numbers.current {
	background: #252525;
	color: #fff;
	text-decoration: none;
}



/* 
   = WordPress Search Forms
________________________________________________________________________________*/

/*--------------------------------------------------
# Search Form
--------------------------------------------------*/

/* Style the search field */
.search-form input[type="search"].search-input {
	border-right: none;	
	color: #333;
	float: left;
	width: 80%;
}

/* Style the submit button */
.search-form button[type="submit"].search-submit {
	background: #e5e5e5;
	border: 2px solid #e5e5e5;
	border-left: none;	
	color: #333;
	cursor: pointer;
	padding: 8px 10px;
	float: left;
	font-size: 16px;
	transition: all 150ms ease-in-out;	
	width: 20%;	
}

.search-form button[type="submit"].search-submit:hover {
	background: #616161;
	border: 2px solid #616161;
	border-left: none;		
	color: #fff;	
}

/* Clear floats */
.search-form::after {
  content: "";
  clear: both;
  display: table;
}


/*--------------------------------------------------
# Search Results 
--------------------------------------------------*/

.search-result-count {
	margin: 0 0 50px 0;
}

.search-result-count p {
	font-size: 19px;
}

.no-results {
	
}

.no-results-search-form {
	
}



/* 
   = WordPress Blocks
________________________________________________________________________________*/

/*--------------------------------------------------
# Block Editor Font Sizes
--------------------------------------------------*/

.has-small-font-size {
  font-size: 14px;
}

.has-normal-font-size {
  font-size: 16px;
}

.has-large-font-size {
  font-size: 22px;
}

.has-extra-large-font-size {
  font-size: 25px;
}


/*--------------------------------------------------
# Block Editor Color Palette
--------------------------------------------------*/

/* Font Colors */
.has-black-color {
	color: #000000;
}

.has-gray-color {
	color: #757575;
}

.has-white-color {
	color: #fff;
}

.has-red-color {
	color: #a70431;
}

/* Background Colors */
.has-black-background-color {
	background-color: #000000;
}

.has-gray-background-color {
	background-color: #757575;
}

.has-white-background-color {
	background-color: #fff;
}

.has-red-background-color {
	background-color: #a70431;
}


/*--------------------------------------------------
# WP Block Button
--------------------------------------------------*/

.wp-block-button .wp-block-button__link {
	box-sizing: border-box; 
	border-radius: 2px;
	font-size : 18px;
	font-weight: 700;
	margin: 10px 7px 15px 0;
	text-align: center;
	text-decoration: none;
	opacity: 1;
	padding: 15px 25px;
	transition: all 0.3s ease;
}

.wp-block-button .wp-block-button__link:not(.has-background) {
	background-color: #a70431;
}

.wp-block-button .wp-block-button__link:not(.has-text-color) {
 	color: #fff;
}

.wp-block-button .wp-block-button__link:hover {
	background-color: #252525;	
	color: #fff;
}

/* Button - Black */
.wp-block-button .wp-block-button__link.has-black-background-color:hover,
.wp-block-button .wp-block-button__link.has-black-background-color:focus {
	background-color: #757575 !important;
	color: #fff;
}

/* Button - Gray */
.wp-block-button .wp-block-button__link.has-gray-background-color:hover,
.wp-block-button .wp-block-button__link.has-gray-background-color:focus {
	background-color: #252525;
	color: #fff;
}

/* Button - White */
.wp-block-button .wp-block-button__link.has-white-background-color {
	background-color: #fff;
	color: #333;
}

.wp-block-button .wp-block-button__link.has-white-background-color:hover,
.wp-block-button .wp-block-button__link.has-white-background-color:focus {
	background-color: #252525 !important;
	color: #fff;
}

/* Buttons Focus */
.wp-block-button .wp-block-button__link:focus {
  color: #fff;
  outline: thin dotted;
  outline-offset: -4px;
}


/*--------------------------------------------------
# WP Block Images
--------------------------------------------------*/

.wp-block-image {
	margin: 0 0 15px 0;
}

.wp-block-image.border img {
	border: 1px solid #e5e5e5;
}

.wp-block-image.is-style-rounded img,
.wp-block-image .is-style-rounded img {
 	border-radius: 9999px;
}

.wp-block-image .aligncenter {
    margin: 0 auto 0 auto;
}

.wp-block-image .alignright {
    float: right;
	margin: 0 0 15px 15px;
}

.wp-block-image .alignleft {
    float: left;
	margin: 0 15px 15px 0;
}

/* WP Block Image Captions */
.wp-block-image figcaption {
	font-size: 14px;
	margin: 0;
	padding: 5px;
	text-align: left;
}

/* 

WP Block Image Captions - Alignnone - have no div.wp-block-image wrapper, 
just a figure.wp-block-image wrapper. This CSS makes sure that Alignnone 
image captions remain the same width as the image.

NOTE: If this CSS is added to the above .wp-block-image classes, then 
the above image and caption alignments do not work correctly. 

*/
figure.wp-block-image {
    display: table;
}

figure.wp-block-image figcaption {
    caption-side: bottom;
	display: table-caption;
}


/*--------------------------------------------------
# WP Block Gallery
--------------------------------------------------*/

.wp-block-gallery {
	margin: 25px 0 25px 0;	
}

/* 

NOTE: WordPress Block Gallery "Crop Images" under Settings

- WordPress has an option to "Crop Images" in the Gallery
settings. This CSS will cause both Cropped and Uncropped 
image Galleries to appear and function the same in theory.

- The Galleries should also resemble or appear to be the same
style as the existing Classic Image Galleries that were created 
with earlier versions of WordPress.

*/

/* Adds some padding between image blocks */
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image),
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
	padding: 0 10px 10px 10px;
}

/* Keeps the images from disappearing if the "Crop Images" 
in the Gallery settings is turned on */
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
	width: auto;
	flex: none;
	height: auto;
	object-fit: initial;
}

/* Keeps the image blocks from taking up the whole row when 
no images exist in the columns next to it. Also keeps image 
widths the same when there are rows of images in the Gallery. */
.wp-block-gallery.has-nested-images figure.wp-block-image,
.wp-block-gallery.has-nested-images figcaption{
	flex-grow: 0;
}

/* Moves Image Caption below the images */
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background: none;
	color: #333;
	font-size: 14px;
	max-height: none;
	padding: 5px 5px 5px 5px;
	position: static;
	width: 100%;
}


.blocks-gallery-caption {
	font-size: 14px;
}


/*--------------------------------------------------
# WP Block Pullqoute
--------------------------------------------------*/

.wp-block-pullquote {
	border-top: 5px solid #a70431;
	border-bottom: 5px solid #a70431;
	color: #333;
	margin: 25px 0;
	padding: 0;
	
}

.wp-block-pullquote.alignright {
	margin: 15px 0 15px 15px;	
}

.wp-block-pullquote.alignleft {
	margin: 15px 15px 15px 0;	
}

.wp-block-pullquote blockquote {
	border-left: none;
	margin: 0;
}

.wp-block-pullquote blockquote p,
.wp-block-pullquote.alignright blockquote p,
.wp-block-pullquote.alignleft blockquote p {
	font-size: 20px;
}

.wp-block-pullquote cite {
	color: #333;
	font-size: 20px;
	text-transform: none;
}


/*--------------------------------------------------
# WP Blockquote
--------------------------------------------------*/

.wp-block-quote {
	background: #f5f5f5;
	border-left: 5px solid #a70431;
	margin: 25px 0;
	padding: 25px;
}

.wp-block-quote.has-text-align-center {
	padding: 25px;
}

.wp-block-quote.has-text-align-right {
	border-right: 5px solid #a70431;
	padding: 25px;
}

.wp-block-quote p {
	font-size: 20px;
}

.wp-block-quote cite {
	color: #333;
	font-size: 20px;
}


/*--------------------------------------------------
# WP Block Separator (hr)
--------------------------------------------------*/

.wp-block-separator {
	border-bottom: 2px solid #e5e5e5; 
	margin: 50px 0; 
	width: 100% !important;
}

.wp-block-separator.is-style-wide {
	border-bottom-width: 2px;
}

.wp-block-separator.is-style-dots {
	border-bottom: 2px dotted #a8a9ad;
}

.wp-block-separator.is-style-dots:before {
	content: none;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    max-width: 100%;
}


/*--------------------------------------------------------------
# WP Block Table
--------------------------------------------------------------*/

.wp-block-table {
    margin: 35px 0 25px 0;
}

.wp-block-table table {
    margin: 0;
}

.wp-block-table thead {
    border-bottom: none;
}

.wp-block-table th {
	background-color: #252525;
    border-left: 2px solid #757575;
    border-right: 2px solid #757575;
	border-top: 2px solid #757575;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 10px 15px 10px;
	vertical-align: middle; 
}

.wp-block-table td {
    background-color: #fff;
	border: 2px solid #757575;
    padding: 10px;
	vertical-align: middle;
}

.wp-block-table td img {
	margin: 0;
	padding: 0;
}

.wp-block-table figcaption { 
	color: #333;
	font-size: 14px;
	padding: 5px;
}

.wp-block-table tfoot { 
	border-top: none;
	font-style: italic;
}


/*--------------------------------------------------
# WP Block Search
--------------------------------------------------*/

.wp-block-search .wp-block-search__label {
    font-size: 25px;
	margin-bottom: 0;
}

.wp-block-search .wp-block-search__input {
	font-size: 18px;
	margin: 5px 15px 15px 0;
	max-width: 600px;
	border: 2px solid #e5e5e5;
	padding: 5px;
}

.wp-block-search .wp-block-search__button[type="submit"] {
    margin-left: 10px;
	background: #a70431;
	border: 1px solid #a70431;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size : 18px;
	font-weight: 700;
	margin: 5px 7px 15px 0;
	padding: 15px 25px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease;
}

.wp-block-search .wp-block-search__button[type="submit"]:hover,
.wp-block-search .wp-block-search__button[type="submit"]:focus {
	background: #252525;
	border: 1px solid #252525;
	color: #fff;
	text-decoration: none;
}


/*--------------------------------------------------
# WP Block File
--------------------------------------------------*/

.wp-block-file {
    background: #f5f5f5;
	margin: 25px 0;
	padding: 25px;
}

.wp-block-file a {
	font-size: 16px;
}

.wp-block-file .wp-block-file__button {
	background: #a70431;
	text-decoration: none;
	border: 1px solid #a70431;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size : 18px;
	font-weight: 700;
	margin: 10px 7px 15px 10px;
	padding: 15px 25px;
	text-align: center;
	transition: all 150ms ease-in-out;
}

.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus {
	background: #252525;
	border: 1px solid #252525;
	color: #fff;
	text-decoration: none;
}



/* 
   = WordPress Blocks - Additional CSS Classes
 
Description: Contains CSS for custom blocks that utilize an extra CSS class
________________________________________________________________________________*/



/* 
   = WordPress Widgets
________________________________________________________________________________*/

.widget {
	background: #252525;
	color: #fff;
	margin: 50px 0;
	overflow: hidden;
	padding: 25px 20px;
}

.widget h3,
h3.widget-title {
	color: #fff;
	font-size: 24px;
	margin: 0 0 25px 0;
	text-align: center;
}

.widget h4 { 
	color: #fff;
	font-size: 22px;
	margin: 0 0 15px 0;
}

.widget h3 a,
.widget h4 a { 
	color: #fff;
	text-decoration: underline;
}

.widget h3 a:hover,
.widget h4 a:hover { 
	color: #757575;
}

.widget p,
.widget a,
.widget li { 
	color: #fff;
}

.widget p a,
.widget li a {
	color: #fff;
	text-decoration: underline;
}

.widget p a:hover,
.widget li a:hover {
	color: #757575;
}


/* AdRotate Widget
====================== */
.widget.adrotate_widgets {
	background: transparent;
	max-width: 302px;
	padding: 0;
}

.widget.adrotate_widgets h3 {
	margin: 0;
}

.widget.adrotate_widgets img {
	border: 1px solid #e5e5e5;
}


/* MailChimp Widget
=======================*/
.widget_mailchimpsf_widget .widget-title {
	line-height: 1.3 !important;
	margin: 0 0 25px 0 !important;
}

#mc_signup_form .mc_var_label {
	font-size: 16px;
}

#mc_signup_form .mc_input {
	color: #333;
	width: 100%;
	max-width: 100%;
}

/* Submit Button */
.widget_mailchimpsf_widget #mc_signup_submit {
    margin: 10px 7px 15px 0;
    width: auto;
}

.widget_mailchimpsf_widget input[type="submit"]:hover,
.widget_mailchimpsf_widget input[type="submit"]:focus {
	background: #757575;
}



/*
   =  WordPress Plugins Style Override
________________________________________________________________________________*/

/*--------------------------------------------------
# Visual Composer (WPBakery Page Builder)
--------------------------------------------------*/

/* Awards Information Box 
=============================*/

.wpb_wrapper .vc_separator h4 { 
	font-size: 22px;
	margin: 25px 0 15px 0;	
}



/* 
   = Responsive
________________________________________________________________________________*/

/*--------------------------------------------------
# 1200 Pixels
--------------------------------------------------*/

@media only screen and (max-width: 1200px) {
	
	/* Header Logo
	==================*/
	header .logo {
		padding: 0 0 30px 0;
	}
	
	header .logo img {
		width: 250px;
	}	
	
	/* Header Search Form 
	=========================*/
	.header-search-form {	
		margin: 0 0 15px 0;
	}				
	
}


/*--------------------------------------------------
# 960 Pixels
--------------------------------------------------*/

@media only screen and (max-width: 960px) {	
		
	/* Page 
	===========*/
	#page-content {
		padding: 0 0 25px 0;
	}	
			
}


/*--------------------------------------------------
# 768 Pixels
--------------------------------------------------*/

@media only screen and (max-width: 768px) {			
	
	/* Header Banner Ad Section 1
	=================================*/
	.header-banner-ad-section-1 {	
		padding: 0 0 30px 0;	
	}	
	
	/* PDJ Issue Item
	=====================*/
	.pdj-issue-item {
		display: block;
		float: none;
		margin: 25px auto 25px auto;
	}
		
}


/*--------------------------------------------------
# 480 Pixels
--------------------------------------------------*/

@media only screen and (max-width: 480px) {
	
	/* Images 
	=============*/
	img.alignnone,
	img.alignleft,
	img.alignright {
		display: block;
		float: none;
		margin: 15px auto 15px auto;
	}
		
}