/*
Theme Name: Divi HDA child
Author: WordPress User
Template: Divi
*/

@import url("../Divi/style.css");
#et-top-navigation {padding-left:10px !important;}
#logo {
    height: 30px !important;
    margin-top: 30px !important;
}
#top-header #et-info, #et-info-email {
    color: #fff;
}
header#main-header.et_nav_text_color_dark.et-fixed-header div.container.clearfix div#et-top-navigation nav#top-menu-nav ul#top-menu.nav li#menu-item-1633.featured-menu.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1633 a {color:#fff !important;}
.et_pb_fullwidth_header {
    padding: 120px 0 50px 0;
}
.et-fixed-header .et_fixed_nav.et_secondary_nav_enabled #main-header {
    padding-bottom: 10px;
}
body.search #main-footer {
position: absolute;
bottom: 0;
width: 100%;
}
body.search .et_pb_post {
    margin-top: 60px;
}
body.search #left-area {
    width: 100% !important;
	padding-right: 0%;
}
body.search #main-content .container::before {
    display: none !important;
}
h1, h2, h3, h3, h4, h5 {
	font-family:'Open Sans Condensed'; 
	color:#0a2842;
	font-weight:500;
}
strong, b {
	color:#0a2842 !important;
}
img.circle {
    border-radius: 50%;
    float: left;
    padding-right: 10px;
    width: 100px;
}
#et-main-area a {
	color:#93277f;
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left {
    top: 42px;
	padding-bottom: 10px;
}
div.header-content a.et_pb_button.et_pb_more_button.et_pb_button_one, .et_pb_more_button, .et_pb_promo_button {
	color:#fff !important;
}
h4.dark-background {color:#dd9933 !important;}
.dark-background {color:#dd9933 !important;}
.dark-background a {color:#dd9933;border-bottom:1px solid #93277f;}
.twitter-text a {color:#1dcaff !important;}
a.twitter-text {color:#1dcaff !important;}
.highlight {
  background-color: blue;
}
.find_selected {
  background-color: green;
}

#logo {
    height: 55px;
	margin-top: 15px;
}
nav#top-menu-nav  {
    margin-top: -2px;
}
.et_fixed_nav.et_show_nav #page-container {
    padding-top: 20px !important;
}
small {
    font-size: 90%;
}
.justifySmall {   
  text-align: justify;
  font-size: 13px;
}
#main-footer {
    background-color: #83439c;
}
#footer-info {
    color: #fff;
}
#footer-info a {
    color: #fff;
}
#main-footer .et-social-icon a {
    color: #fff;
}
a.su-button.su-button-style-stroked{
    color: rgb(255, 255, 255);
    border-color: #ffffff !important;
    margin: 5px;
    text-transform: uppercase;
    background:transparent !important;
}
.whySubmit h4 {
    text-align: center;
    text-decoration: underline;
    margin-top: -25px;
}
.topInfo {
    background: #909583;
    padding: 10px;
    margin: 0px auto;
}
.topInfo p {
    text-align: left;
    width: 80%;
    margin: 0px auto;
    font-size: 11px;
    color: #FFF;
}
.topInfo strong {
    padding-left: 0px;
    font-weight: 300;
}
.topInfo span {
    float: right;
}
.tooltips {cursor: help;}

/* responsive tables */
table.programs {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
table.programs tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}
table.programs th,
table.programs td {
  padding: .625em;
  text-align: left;
}
table.programs th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
  background: #ee622e;
  color: #fff !important;
}
table.programs th.sub {
  background: #6995b4;
}
table.programs td.left {
	text-align:left;
	padding: 6px 6px;
}
span.dates {
    text-transform: uppercase;
    color: #000;
    font-weight: normal;
    font-size: 11px;
}
@media screen and (max-width: 900px) {
  table.programs tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table.programs td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: left;
  }
  table.programs td.time{
	display: table-cell;
	}
  table.programs tbody tr td.time {
	border:none;
	}
	.entry-content tr td, body.et-pb-preview #main-content .container tr td {
    border-top: none;
    }
}
@media screen and (max-width: 600px) {	
  table.programs {
    border: 0;
  }
  table.programs thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table.programs tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table.programs td {
    border: none;
    display: block;
    font-size: .8em;
    text-align: left;
  }
  table.programs td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table.programs td:last-child {
    border-bottom: 0;
  }
 table.programs td.time{
	display: table-cell;
	}
  table.programs tbody tr td.time {
	border:none;
	}
	.entry-content tr td, body.et-pb-preview #main-content .container tr td {
    border-top: none;
    }
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    table.register { 
          width: 100%; 
    }
    /* Force table to not be like tables anymore */
    table.register, table.register thead, table.register tbody, table.register th, table.register td, table.register tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    table.register thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    table.register tr { border: 1px solid #ccc; }
    
    table.register td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }
    
    table.register td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        /* Label the data */
        content: attr(data-column);
        color: #3498db;
    }
}
/* END tables */
p.summaries {
    background:#fff;
	padding:5px;
	color:#666;
}
summary {cursor: pointer;}
summary::-webkit-details-marker {
  display: none
}
span.time {border-bottom: 1px solid #666;}