/*
	CSS for Women Worth Watching 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 Blocks
 * = WordPress Blocks - Additional CSS Classes
 * = WordPress Widgets
 * = WordPress Plugins Style Override
 * = Responsive
 *
================================================================================*/



/* 
   = General Setup 
________________________________________________________________________________*/

html {
	/* Prevents scroll bar layout shift */
	overflow-y: scroll;	
}

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)
________________________________________________________________________________*/

/* Gray */
.gray {
	color: #616161;
}

.light-gray {
	color: #757575;
}

.red {
	color: #9a1d0d; /* WWW Brand Red */
}

.light-red {
	color: #c62828;
}

.www-yellow {
	color: #ffc63f; /* WWW Brand Yellow */
}

.www-deep-yellow {
	color: #f9a825;
}

/* WWW Award */

.www-orange {
	color: #f79552;
}

.www-deep-orange {
	color: #ff812b;
}

/* WWW STEM Award */

.www-stem-green {
	color: #00a651;
}

.www-stem-deep-green {
	color: #008d45;
}



/*  
   = Typography  
________________________________________________________________________________*/

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

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #9a1d0d;
	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: 2px dotted #9a1d0d;
	color: #333;
	font-size: 36px;
	margin: 25px 0 15px 0;
	padding: 0 0 5px 0;}

h1 {
	font-size: 36px;
}

h1.page-title {
	border-bottom: 2px dotted #9a1d0d;
	color: #333;
	margin: 25px 0 50px 0;
	padding: 0 0 5px 0;
}

h1.page-title + p.page-summary {
	margin: -35px 0 25px 0;
}


h2 { 
	font-size: 30px;
}

h2.page-title {
	border-bottom: 2px dotted #9a1d0d;
	color: #333;
	font-size: 36px;
	margin: 25px 0 15px 0;
	padding: 0 0 5px 0;
}

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

h5 { 
	font-size: 20px;
}

h6 { 
	font-size: 18px;
}


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

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

p {
	hyphens: auto;  
}

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

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

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

blockquote {
	background: #f2f2f2;
	border-left: 15px solid #9a1d0d;
	margin: 25px 0;
	padding: 25px;
}

blockquote p {
	font-size: 22px;
}


/*--------------------------------------------------
# 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: #0000ff;
	text-decoration: none;
	word-wrap: break-word;
}

a:hover,
a:focus { 
	color: #0000ff;
	text-decoration: underline;
}


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

b, strong { 
	font-weight: 700; 
}

hr {
	border-top: 2px dotted #9a1d0d; 
	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 {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

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

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


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

.alignnone {
    margin: 0 0 15px 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 #bdbdbd;
}

a img {
	transition: all 0.2s ease-in-out;
	
}

a img:hover {
	opacity: 0.9;
}



/* 
   = 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 {
	border: 2px solid #bdbdbd;
	font-size: 16px;
	padding: 5px;
}

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 {
	background: #fff; 
	border-color: #616161; 
}

select {
	border: 2px solid #bdbdbd;
	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: #ffc63f;
	border: 1px solid #ffc63f;
	border-radius: 2px;
	color: #333;
	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;
	transition: all 0.3s ease;
}

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



/* 
   = Tables 
________________________________________________________________________________*/

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


th { 
	background-color: #9a1d0d;
    border-left: 2px solid #616161;
    border-right: 2px solid #616161;
	border-top: 2px solid #616161;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    padding: 15px 10px 15px 10px;
	vertical-align: middle; 
}

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

td p {
 font-size: 17px;
}

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

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

tfoot { 
	font-style: italic;
}



/* 
   = Header
________________________________________________________________________________*/

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


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

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

header .logo img {
	width: 325px;
}


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

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


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

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

.navbar-default {
	background-color: #616161;
	border: none;
	border-color: #f00;
	border-color: transparent;
}

.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: 15px 20px;
	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: #212121;
	color: #fff;
}

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

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

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

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

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

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

.current-menu-ancestor {}


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

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

.dropdown-menu > li > a {
	padding: 10px 20px 10px 25px;
	text-decoration: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color: #212121;
	color: #fff;
	text-decoration: none;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: #212121;
	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 .open .dropdown-menu > li > a {
      color: #fff;
	  margin: 5px 0 5px 0;
	  padding: 10px 15px 10px 25px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	  background-color: #212121;
	  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: #212121;
	  color: #fff;
  }
}



/* 
   = Main Content
________________________________________________________________________________*/

#main-content {
	background: transparent;
}



/* 
   = Page
________________________________________________________________________________*/

#page-container {
	background: transparent;
}

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



/* 
   = Sidebar One
________________________________________________________________________________*/

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

#sidebar-content {
	padding: 35px 0 0 0;
}


/*--------------------------------------------------
# Sidebar One Celebration Logo
--------------------------------------------------*/

#sidebar-one .celebration-logo {
	margin: 25px 0 50px 0;
	text-align: center;
}


/*--------------------------------------------------
# Sidebar One Marilyn Loden Banner
--------------------------------------------------*/

#sidebar-one .marilyn-loden-banner {
	margin: 50px 0 50px 0;
	text-align: center;
}

#sidebar-one .marilyn-loden-banner img {
	border: 1px solid #bdbdbd;
}


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

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

#sidebar-one .sidebar-module-1 h3 { 
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0 0 25px 0;
	padding: 0;
	text-align: center;
	text-shadow: none;
}

#sidebar-one .sidebar-module-1 h4 { 
	color: #fff;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0 0 15px 0;
	padding: 0;
	text-shadow: none;
}

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

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


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


/*--------------------------------------------------
# Sidebar One Random Profile
--------------------------------------------------*/

#sidebar-one .random-profile {
	margin: 0 auto 0 auto;
	overflow: hidden;
	width: 262px;
}

#sidebar-one .random-profile .profile-entry {
	margin: 0;	
}

#sidebar-one .random-profile .profile-entry p {
	color: #333;
}

#sidebar-one .random-profile .profile-entry p a {
	color: #0000ff;
}

#sidebar-one .random-profile .profile-entry a.button {
	color: #333;
}

#sidebar-one .random-profile .profile-entry .category li a {
	color: #fff;
}


/*--------------------------------------------------
# Sidebar One Ad Rotator 
--------------------------------------------------*/

#sidebar-one .ad-rotator {
	margin: 50px auto 50px auto;
	max-width: 302px;
}

#sidebar-one .ad-rotator img {
	border: 1px solid #bdbdbd;
}



/* 
   = Footer
________________________________________________________________________________*/

footer {
	background-color: #e0e0e0;
	background-image: none;
	padding: 25px 0 0px 0;
}


/*--------------------------------------------------
# Footer WWW Logo
--------------------------------------------------*/

footer .footer-www-logo {
	padding: 50px 0 0 0;
	text-align: center;
}

footer .footer-www-logo img {
	width: 325px;
}


/*--------------------------------------------------
# Footer Celebration Logo
--------------------------------------------------*/

footer .footer-celebration-logo {
	padding: 25px 0;
	text-align: center;
}

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



/* 
   = Sub Footer
________________________________________________________________________________*/

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

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

.sub-footer a {
	color: #333;
	text-decoration: underline;	
}

.sub-footer a:hover {
	color: #757575;
}



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

/*--------------------------------------------------
# WWW Header Holiday Banner (header.php)
--------------------------------------------------*/

.www-holiday-banner {
	display: none;
	margin: 0 auto;
	max-width: 728px;	
	padding: 0 0 30px 0;
}


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

.header-banner-ad-section-1 {
	margin: 0 auto;
	max-width: 728px;	
	padding: 0 0 15px 0;	
}


/*--------------------------------------------------
# WWW Latest Issues (header.php)
--------------------------------------------------*/

.www-latest-issues {
	/* background: #ffc63f; WWW yellow */
	margin: 0;
	padding: 25px 0 60px 0;
}

/* WWW Latest Issues Magazine Embed */
.www-latest-issues-magazine-embed {
	margin: 0 0 60px 0;
}

.www-latest-issues-magazine-embed h2 {
	color: #333;
	font-size: 36px;	
	margin: 25px 0 40px 0;
	text-align: center;
}

.www-latest-issues-magazine-embed iframe {
	/* border: 10px solid #f9a825 !important; WWW deep yellow */
}

/* WWW Latest Issues Items (Individual Issues) */
.www-latest-issues-items {
	margin: 0 0 35px 0;
	overflow: hidden;
}

.www-latest-issues-items h3 {
	color: #333;
	font-size: 24px;
	text-align: center;	
}

.www-latest-issues-items p {
	text-align: center;
}

.www-latest-issues-items img {
	/* border: 10px solid #f9a825; WWW deep yellow */	
	max-width: 300px;
}

.www-latest-issues-items .button {
	background: #616161;
	color: #fff;
}

.www-latest-issues-items .button:hover{
	background: #757575;
	color: #fff;
	text-decoration: none;
}

.www-latest-issues-items .button:focus {
	color: #fff;
}

/* WWW Latest Issues Archive Link */
.www-latest-issues-archive-link {
	/* background: #ffc63f; WWW yellow */
	margin: 0;
	overflow: hidden;
}

.www-latest-issues-archive-link h2 {
	/* border-top: 10px solid #f9a825; WWW deep yellow */	
	color: #333;
	font-size: 36px;
	margin: 20px 0 30px 0;
	text-align: center;
}

.www-latest-issues-archive-link p {
	text-align: center;
}

.www-latest-issues-archive-link .button {
	background: #616161;
	color: #fff;
	font-size: 22px;
}

.www-latest-issues-archive-link .button:hover {
	background: #757575;
	color: #fff;
	text-decoration: none;
}

.www-latest-issues-archive .button:focus {
	color: #fff;
}


/*--------------------------------------------------
# PDJ 2025 Awards Information (header.php)
--------------------------------------------------*/

.pdj-2025-awards-information {
	display: none;
	background: #2ec5fe; /* Banner blue */
	/* background: #01b3f7; Banner deep blue */
	margin: 0;
	padding: 25px 0 60px 0;
}

.pdj-2025-awards-information h2 {
	color: #333;
	font-size: 36px;	
	margin: 25px 0 30px 0;
	text-align: center;
}

.pdj-2025-awards-information h3 {
	color: #333;
	font-size: 36px;
	margin: 15px 0 10px 0;
	text-align: center;
}

.pdj-2025-awards-information p {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
}

.pdj-2025-awards-information p img {
	/* background: #fff; */
	/* border: 10px solid #01b3f7; Banner deep blue */
	padding: 10px;
}

.pdj-2025-awards-information .button {
	background: #616161;
	color: #fff;
	font-size: 22px;
}

.pdj-2025-awards-information .button:hover {
	background: #757575;
	color: #fff;
	text-decoration: none;
}

.pdj-2025-awards-information .button:focus {
	color: #fff;
}


/*--------------------------------------------------
# WWW Awards 2025 (header.php)
--------------------------------------------------*/

.www-awards-2025 {
	/*display: none;*/
	background: #f79552;
	margin: 0;
	padding: 25px 0 50px 0;
}

.www-awards-2025 h2 {
	color: #333;
	font-size: 36px;
	margin: 25px 0 40px 0;
	text-align: center;
}

.www-awards-2025 h3 {
	color: #333;
	font-size: 30px;
	font-weight: 700;
	margin: 25px 0 25px 0;
	text-align: center;
}

.www-awards-2025 p {
	color: #333;
	font-size: 25px;
	margin: 0 0 25px 0;
	text-align: center;
}

.www-awards-2025 p img {
	background: #fff;
	/* border: 10px solid #fff; */
	/*border: 10px solid #ff812b; WWW deep orange */
	padding: 10px;
}

.www-awards-2025 .button {
	background: #333;
	/* border: 5px solid #212121; */
	/*border: 5px solid #ff812b; WWW deep orange */
	color: #fff;
	font-size: 22px;
}

.www-awards-2025 .button:hover {
	background: #ff812b; /* WWW deep orange */
	color: #fff;
	text-decoration: none;
}

.www-awards-2025 .button:focus {
	color: #fff;
}


/*--------------------------------------------------
# WWW STEAM Awards 2025 (header.php)
--------------------------------------------------*/

.www-steam-awards-2025 {
	/*display: none;*/
	background: #00a651;
	margin: 0;
	padding: 25px 0 50px 0;	
}

.www-steam-awards-2025 h2 {
	color: #fff;
	font-size: 36px;
	margin: 25px 0 40px 0;
	text-align: center;
}

.www-steam-awards-2025 h3 {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	margin: 25px 0 25px 0;
	text-align: center;
}

.www-steam-awards-2025 p {
	color: #fff;
	font-size: 25px;
	margin: 0 0 25px 0;
	text-align: center;
}

.www-steam-awards-2025 p img {
	background: #fff;
	/* border: 10px solid #fff; */
	/*border: 10px solid #008d45; WWW STEM deep green */
	padding: 10px;
}

.www-steam-awards-2025 .button {
	background: #333;
	/* border: 5px solid #212121; */
	/*border: 5px solid #008d45; WWW STEM deep green */
	color: #fff;
	font-size: 22px;
}

.www-steam-awards-2025 .button:hover {
	background: #008d45; /* WWW STEM deep green */
	color: #fff;
	text-decoration: none;
}

.www-steam-awards-2025 .button:focus {
	color: #fff;
}


/*--------------------------------------------------
# MLK 2024 (header.php)
--------------------------------------------------*/

.mlk-2024 {
	background: #86b3ec;
	margin: 0px 0 10px 0;
	padding: 90px 0 60px 0;
	display: none;	
}

.mlk-2024 p img {
	border: 10px solid #241e20;
	display: block;
	margin: 0 auto 25px auto;
}


/*--------------------------------------------------
# Companies Page (page-companies.php)
--------------------------------------------------*/

ul.companies {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 2;	
	-moz-column-gap: 25px;
	-webkit-column-gap : 25px;
	column-gap: 25px;	
	-moz-column-width: 275px;
	-webkit-column-width: 275px;
	column-width: 275px;	
}

ul.companies li {
	margin-bottom: 10px;
}


/*--------------------------------------------------
# Profile Entry Boxes
  (index.php, page-profiles.php, search.php)
--------------------------------------------------*/

#profile-entry-boxes {
	background: #616161;
	overflow: hidden;
	padding: 25px 0 25px 25px;
}

body.search-no-results #profile-entry-boxes,
body.error404 #profile-entry-boxes {
	background: none;
	padding: 0;
}


/*--------------------------------------------------
# Profile Entry (/inc/profile-entry.php)
--------------------------------------------------*/

/* Profile Entry
====================*/
.profile-entry {
	display: inline-block;
	background-color: #fff;
	border-bottom: 15px solid #fff;
	float: left;
	height: 450px;
	margin: 0px 25px 25px 0;
	overflow: hidden;
	padding: 15px 15px 15px 15px;
	width: 262px;
}

/* Profile Entry Thumbnail */
.profile-entry .thumbnail {
	border: 5px solid #757575;
	height: 190px;
	margin: 0px 0px 0px 0px;
	width: 232px;
	-webkit-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.profile-entry .thumbnail:hover {
	border: 5px solid #ffc63f;
}

.profile-entry .thumbnail img:hover {
	filter: none; /* For IE8 and earlier */
	opacity: 1;
}

/* Profile Entry Post Info */
.profile-entry .post-info {
	margin: 0 0 0 0;
	border: 0px solid #0F6;
	padding: 0 0 0 0;
}

.profile-entry .post-info h2 {
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

.profile-entry .post-info h2 a {
	color: #9a1d0d;
}

.profile-entry .post-info p {
	margin: 0 0 5px 0;	
	font-size: 14px;
}

.profile-entry .post-info p a {
	color: #0000ff;
}

.profile-entry .post-info p .info-title {
	font-weight: 700;
}

.profile-entry .post-info .button {
	color: #333;
	font-size : 14px;
	margin: 10px 0 10px 0;
	padding: 10px 5px;
	text-transform: uppercase;
	width: 100%;
}


/*--------------------------------------------------
# Info Panel (/inc/info-panel.php)
--------------------------------------------------*/

.info-panel { 
	padding: 15px 0 0 0;
}

/* Info Panel Single Thumbnail */
.info-panel .single-thumbnail {
	border: 5px solid #757575;
	height: 190px;
	margin-bottom: 5px;
	width: 232px;
}

/* Info Panel Profile */
.info-panel .profile {
	clear: both;
	padding-top: 5px;
}

.info-panel .profile h4 {
	font-size: 22px;
	margin: 10px 0 5px 0;
}

.info-panel .profile p {
	font-size: 16px;
	margin: 0 0 15px 0;
}

.info-panel .profile a {
	color: #333;
}

.info-panel .profile .info-title {
	color: #9A1D0D;
	font-weight: bold;
}



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

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

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

.button:hover {
	background: #f9a825;
	color: #333;
	text-decoration: none;
}

.button:focus {
	color: #333;
	outline: thin dotted;
	outline-offset: -4px;
	text-decoration: none;
}


/*--------------------------------------------------
# WWW Content Boxes
--------------------------------------------------*/

.www-content-box {
	background: #616161;
	margin: 50px 0 50px 0;
	overflow: hidden;
	padding: 25px 25px 10px 25px;
}

.www-content-box h2 { 
	color: #fff;
}

.www-content-box h3 { 
	color: #fff;
}

.www-content-box h4 { 
	color: #fff;
}

.www-content-box p,
.www-content-box li { 
	color: #fff;
}

.www-content-box a { 
	color: #ffc63f;
}

.www-content-box a.button { 
	color: #333;
}


/*--------------------------------------------------
# WWW Profile Bio Boxes
--------------------------------------------------*/

.www-profile-bio-box {
	background: #616161;
	clear: both;	
	margin: 50px 0 50px 0;
	overflow: hidden;
	padding: 25px 25px 10px 25px;
}

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

.www-profile-bio-box h3 {
	color: #fff;
	margin: 0 0 15px 0;
}

.www-profile-bio-box p,
.www-profile-bio-box li {
	color: #fff;
}

.www-profile-bio-box p a,
.www-profile-bio-box li a {
	color: #fff;
	text-decoration: underline;
}

.www-profile-bio-box p a:hover,
.www-profile-bio-box li a:hover{
	color: #fff;
	text-decoration: none;
}


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

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

.fsform-container .fsForm {
	border: 2px solid #bdbdbd;
	margin: 0;
}

/* Change box at top BG color */
.fsform-container .fsSectionHeader {
	background-color: #616161;
}

.fsform-container .fsSubmit button.fsSubmitButton {
	background: #ffc63f;
	border: 1px solid #ffc63f;
	border-radius: 2px;
	color: #333;
	font-size: 18px;
	line-height: 1.5;	
}

.fsform-container .fsSubmit button.fsSubmitButton[type="submit"]:hover,
.fsform-container .fsSubmit button.fsSubmitButton[type="submit"]:focus {
	background: #f9a825;
	border: 1px solid #f9a825;
	color: #333;
}



/* 
   = WordPress Posts
________________________________________________________________________________*/

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

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

.post-header h1.post-title,
.post-header .blog-title a {
	color: #9a1d0d;
	margin: 25px 0 5px 0;
}

.post-header h1 span.post-title-company a {
	color: #333;
}

.post-header h2.job-title {
	color: #333;
	font-size: 25px;
	font-style: italic;
	margin: 0px 0 25px 0;
}

.post-header h3.class-year {
	color: #333;
	border-bottom: 2px dotted #9a1d0d;
	padding: 0 0 5px 0;
	margin: 0 0 25px 0;
}

.post-header h3.class-year a {
	color: #9a1d0d;
}

.post-header p.post-meta {
	border-bottom: 2px dotted #9a1d0d;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 25px 0;
	padding: 0 0 5px 0;

	display: none;
}

.post-header p.post-meta,
.post-header p.post-meta a {
	color: #333;
}


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

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


/*--------------------------------------------------
# WP Post Links
--------------------------------------------------*/

.wp-post-links {
	clear: both;
	display: block;
	height: 50px;
	margin: 25px auto 25px auto;
}

.wp-post-links span.left-arrow {
	background: url(../images/left-arrow.png) no-repeat;
	display: inline-block;
	float: left;
	height: 50px;
	margin: 0 0 0 15px;
	width: 35px;
}

.wp-post-links span.right-arrow {
	background: url(../images/right-arrow.png) no-repeat;
	display: inline-block;
	float: right;
	height: 50px;
	margin: 0 15px 0 0;
	width: 35px;
}

.wp-post-links span.left-nav {
	background: url(../images/left-arrow.png) no-repeat;
	display: inline-block;
	float: left;
	height: 50px;
	margin: 0 0 0 15px;
	width: 35px;
}

.wp-post-links span.right-nav {
	background: url(../images/right-arrow.png) no-repeat;
	display: inline-block;
	float: right;
	height: 50px;
	margin: 0 15px 0 0;
	width: 35px;
}


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

.search-form input.search-input {
	float: left;
}

.search-form input[type="search"] {
	width: 100%;
}

.search-form input.search-submit {
    float: left;
	height: 20px;
    margin: 10px 0px 0px -35px;
}


/*--------------------------------------------------
# No Results 
--------------------------------------------------*/
.no-results {
	
}

.no-results-search-form {
	
}



/* 
   = WordPress Comments
________________________________________________________________________________*/

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

.comments-title {
	margin: 50px 0 25px 0;
}

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

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

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

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

.comment-author a {
	color: #9a1d0d;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	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 dotted #9a1d0d;
	margin-bottom: 25px;
	padding: 0 0 5px 0;
}

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

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

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

.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}

.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: 2px dotted #9a1d0d;
	margin-bottom: 50px;
	padding: 0 0 5px 0;
}

.comments-pagination {
	margin: 2em 0 3em;
}



/* 
   = 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 #bdbdbd;
	border-radius: 5px;
	padding: 20px;
	max-width: 700px;
	width: 100%;
}

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

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

#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 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: #333;
}

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

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


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

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

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


/*--------------------------------------------------
# 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 0 15px 0;
	opacity: 1;
	padding: 15px 25px;
	text-align: center;
	text-decoration: none;
	transition: all 150ms ease-in-out;
}

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

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

.wp-block-button .wp-block-button__link:hover {
	background-color: #f9a825;
	color: #333;
}

/* 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: #616161;
	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: #212121;
	color: #fff;
}

/* Button - White */
.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: #f5f5f5;
	color: #333;
}

/* Buttons Focus */
.wp-block-button .wp-block-button__link:focus {
	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 #bdbdbd;
}

.wp-block-image .aligncenter {
    margin: 0 auto 15px 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 Pullquote
--------------------------------------------------*/

.wp-block-pullquote {
	border-top: 5px solid #9a1d0d;
	border-bottom: 5px solid #9a1d0d;
	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: 22px;
}

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


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

.wp-block-quote {
	background: #f2f2f2;
	border-left: 15px solid #9a1d0d;
	margin: 25px 0;
	padding: 25px;
}

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

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


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

.wp-block-separator {
	border-bottom: 2px dotted #9a1d0d; 
	margin: 50px 0; 
	opacity: 1;
}

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

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

.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: #9a1d0d;
    border-left: 2px solid #616161;
    border-right: 2px solid #616161;
	border-top: 2px solid #616161;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    padding: 15px 10px 15px 10px;
	vertical-align: middle; 
}

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

.wp-block-table td p {
 font-size: 17px;
}

.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 {
	margin: 5px 15px 15px 0;
	max-width: 600px;
	border: 2px solid #bdbdbd;
	padding: 5px;
}

.wp-block-search .wp-block-search__button[type="submit"] {
    margin-left: 10px;
	background: #616161;
	border: 1px solid #616161;
	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: #212121;
	border: 1px solid #212121;
	color: #fff;
	text-decoration: none;
}



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


/*--------------------------------------------------
# WP Block Column - WWW Nomination Boxes
--------------------------------------------------*/

.wp-block-column.www-nomination-box {
	background: #616161;
	padding: 25px 25px 10px 25px;
}

.wp-block-column.www-nomination-box h2 {
	color: #fff;
	margin: 5px 0 25px 0;
	text-align: center;
}

.wp-block-column.www-nomination-box img {
	display: block;
	margin: 15px auto 15px auto;
	max-width: 100%;
	width: 475px;
}

.wp-block-column.www-nomination-box .wp-block-button {
	display: block;
	margin: 15px auto 15px auto;
}

.wp-block-column.www-nomination-box .wp-block-button .wp-block-button__link {
	font-size: 20px;
	width: 100%;
}


/*--------------------------------------------------
# WP Block Column - WWW Issue Items
--------------------------------------------------*/

.wp-block-column.www-issue-item {
	background: #616161;
	padding: 25px 25px 20px 25px;
}

/* Empty Issue Block to keep column spacing even */
.wp-block-column.www-issue-item-empty {
	background: none;
	padding: 25px 25px 20px 25px;
}

.wp-block-column.www-issue-item h3 {
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0 0 25px 0;
	padding: 0;
	text-align: center;
}

.wp-block-column.www-issue-item img {
	display: block;
	margin: 0 auto;
}

.wp-block-column.www-issue-item .wp-block-buttons {
	text-align: center;
}

.wp-block-column.www-issue-item .wp-block-button {
	display: block;
	margin: 5px auto 5px auto; 
}

.wp-block-column.www-issue-item .wp-block-button .wp-block-button__link {
}



/* 
   = WordPress Widgets
________________________________________________________________________________*/

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

.widget h3,
h3.widget-title {
	color: #fff;
	font-size: 24px;
	font-style: italic;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0 0 25px 0;
	padding: 0;
	text-align: center;
	text-shadow: none;
}

.widget h4 { 
	color: #fff;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0 0 15px 0;
	padding: 0;
	text-shadow: none;
}

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

.widget p { 
	color: #fff;
}

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


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

.widget.adrotate_widgets h3,
h3.widget-title {
	margin: 0;
}

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



/*
   =  WordPress Plugins Style Override
________________________________________________________________________________*/



/* 
   = Responsive
________________________________________________________________________________*/

/*--------------------------------------------------
# 1200 Pixels ( Bootstrap )
--------------------------------------------------*/

@media only screen and (max-width: 1200px) {
	
	/* Header Logo */
	header .logo {
		padding: 15px 0 25px 0;
	}
	
	/* Header Search Form */
	.header-search-form {	
		margin: 0 0 15px 0;
	}	
	
	/* Page */
	#page-content {
		padding: 15px 0 0 15px;
	}
	
	/* Sidebar One */
	#sidebar-one {
		padding: 0 15px 0 15px;
	}
	
}


/*--------------------------------------------------
# 960 Pixels ( Bootstrap )
--------------------------------------------------*/

@media only screen and (max-width: 960px) {		
	
	/* Header Search Form */
	.header-search-form input {
		max-width: 100%;	
	}

	/* Page */
	#page-content {
		padding: 0;
	}	
	
	/* Footer WWW Logo */
	footer .footer-www-logo {
		padding: 35px 0 15px 0;
	}
	
	/* Info Panel */
	.info-panel { 
		border-bottom: 2px dotted #9a1d0d;
		padding: 15px 0 5px 0;
		margin: 0 0 25px 0;
	}	
	
}


/*--------------------------------------------------
# 768 Pixels ( Bootstrap )
--------------------------------------------------*/

@media only screen and (max-width: 768px) {		
	
	/* WWW Holiday Banner */
	.www-holiday-banner {
		padding: 0 0 30px 0;
	}
	
	/* Header Banner Ad Section 1 */
	.header-banner-ad-section-1 {	
		padding: 0 0 30px 0;	
	}	
		
	/* WP Block Column - WWW Nomination Boxes */
	.wp-block-column.www-nomination-box {
		margin-bottom: 1.75em;
	}
	
	/* WP Block Column - WWW Issue Items */
	.wp-block-column.www-issue-item {
		margin-bottom: 1.75em;
	}

}


/*--------------------------------------------------
# 480 Pixels ( Bootstrap )
--------------------------------------------------*/

@media only screen and (max-width: 480px) {
	
	/* Images */
	img.alignleft,
	img.alignright {
		display: block;
		float: none;
		margin: 15px auto 15px auto;
	}
	
	h1.page-title,
	h1.post-title,
	h2.page-title {
		font-size: 25px;
	}
		
	/* Profile Entry Boxes */	
	#profile-entry-boxes {
		padding: 15px 0 15px 15px;
	}
				
}