/*

Theme Name: Child of Quark
Description: child theme used for Unconventional Life to augment Quark Theme
Author: Russell Mease
Version: 0.0.1
Template: quark

*/

@import url('../quark/style.css');

/* ==========================================================================
   Basic page styles
   ========================================================================== */

body { 
	margin: 0 auto;
	padding: 0;
	font: 16px/1.5 'Helvetica Neu', 'PT Sans', Arial, sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	color: #333;
	text-align: left;
}

/* Header */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Helvetica Neu', 'PT Sans', Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #333;
	margin-top: 0;
}


.site-content {
	width: 70%;

}

.site-header{
	width:  70%;
}

.site-title img{
	margin-top:  20px;
	margin-bottom:  20px
}

.grid_7_of_12{
	margin-top:  25px;
}

.site-title a {
	color: #333;
	font-size: 48px;
	font-size: 3rem;
	text-decoration: none;
}

h1 { 
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 1.1666;
}

p, ol, ul, dl, address {
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.5;
}

#dcssb-float.dc-social-float .tab {
display: none;
}

#secondary { 
height: 1732px 
}


/* ----  ACTION BOX  ------------------------- */

#ActionBox {  margin:30px 0 20px 0; padding:9px 5px 9px 5px; font-size: 16px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#B8DFE6; height: 180px; width: 100%; background: RGB(B8DFE6); }
#ActionBox h3 { font-size: 28px; color: #2997ab; margin: 0px 0px 2px 0px; text-transform: uppercase; line-height: 28px; }
#ActionBox p { font-size: 17px; margin: 10px 0px 3px 0px !important; }

/* ----  ACTION BOX SIDE BAR  ------------------------- */

#ActionBoxSide {  margin:30px 0 20px 0; padding:9px 5px 9px 5px; font-size: 16px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#B8DFE6; height: 180px; width: 100%; background: RGB(B8DFE6); }
#ActionBoxSide h3 { font-size: 24px; color: #2997ab; margin: 0px 0px 2px 0px; text-transform: uppercase; line-height: 24px; }
#ActionBoxSide p { font-size: 17px; margin: 10px 0px 3px 0px !important; }
#ActionBoxSide p2 { font-size: 17px; margin: 10px 0px 3px 0px !important; }


/* ==========================================================================
   Footer Navigation
   ========================================================================== */

.footer-navigation {
	text-align: center;
	float: center;
	clear: left;
	margin: 45px 0 0 0;
	margin: 2.8125rem 0 0 0;
}


.nav-menu {
	font-family: 'Helvetica Neu', 'PT Sans', Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.5;
}

.footer-navigation ul {
	list-style: none;
	margin: 100px;
	padding: 0;
}

.footer-navigation li {
	float: left;
	position: relative;
	margin: 0 0 0 20px; /* Margin on the left side of each top level menu item (since it's floated right) */
	margin: 0 0 0 1.25rem;
}

.footer-navigation ul ul li {
	margin: 0;
}

.footer-navigation ul a {
	padding: 0; /* Padding around each top level menu option (if needed) */
}

.footer-navigation ul ul a {
	padding: 0 5px; /* Padding around each dropdown menu option */
	padding: 0 0.3125rem;
}

.footer-small-navigation a, .main-navigation a {
	display: block;
	text-decoration: none;
	color: #333; /* Nav bar link color */
}

.footer-navigation ul ul {
	display: none;
	position: absolute;
	left: 0;
	z-index: 99999;
	line-height: 1.7;
	background-color: #333; /* Nav bar dropdown background color */
	-webkit-box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.6);
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
}

.footer-navigation ul ul ul {
	left: 100%;
	top: 0;
}

.footer-navigation ul ul a {
	color: #fff; /* Nav bar dropdown link color */
	width: 10.5em; /* Nav bar dropdown width */
}

.footer-navigation ul ul li {
}

.footer-navigation li:hover > a {
	color: #2997ab; /* Nav bar link color on hover */
}

.footer-navigation ul ul :hover > a {
	color: #333; /* Nav bar dropdown level 2 link color on level 3 hover */
	background-color: #fff; /* Nav bar dropdown link background color on hover */
}

.footer-navigation ul ul a:hover {
	color: #2997ab; /* Nav bar dropdown link color on hover */
}

.footer-navigation ul li:hover > ul {
	display: block;
}

.footer-navigation li.current_page_item a,
.footer-navigation li.current-menu-item a {
}

.footer-navigation .current-menu-item > a,
.footer-navigation .current-menu-ancestor > a,
.footer-navigation .current_page_item > a,
.footer-navigation .current_page_ancestor > a {
	color: #2997ab; /* Nav bar link color for current menu item or ancestor */
}

.footer-navigation ul .divider {
    border-bottom: 1px solid #aaa;
    height: 0;
    line-height: 0.0625;
    overflow: hidden;
}

.footer-navigation ul li.dropdown-header a,
.footer-navigation ul li.current-menu-item ul .dropdown-header a {
	color: #aaa; /* Nav bar dropdown header color */
	background-color: #333; /* Nav bar dropdown header background color */
}


/* ------  Front Page Styles. Recent Posts Widget --------*/

.entry-content li,
.comment-content li {
	margin: 0 0 0 0px;
	margin: 0 0 0 0rem;
}


.widget_recent_entries li {
	float: left;
	width: 22.375%;
	height: 350px;
	height: 21.875em;
    margin-right: 3.5%;
    margin-left: 0%;
    margin-top: 10px;
    margin-bottom: 50px;
    text-align: left;
    overflow: scroll;
}

.widget_recent_entries li:last-child {
	margin-right: 0%;
	float: right;
}

.widget_recent_entries .wp-post-image {
    margin: 0 5px 10px 0;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
	-ms-transition: opacity ease 0.3s;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); 
}

.widget_recent_entries .wp-post-image:hover {
	opacity: 0.9;
}


.widget_recent_entries li a {
	font-weight: bold;
	font-size: 1.0em;
	font-size: 16px;
	padding-bottom: 1px;
	-ms-transition: color ease 0.3s;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.widget_recent_entries li a[title] {
	border-bottom: 1px solid #2997ab;
	text-decoration: none;
	line-height: 20px;
}

.widget_recent_entries li a[title]:hover {
	border-bottom: 1px solid #2997ab;
	-ms-transition: border-color ease 0.3s;
	-moz-transition: border-color 0.3s ease;
	-o-transition: border-color 0.3s ease;
	transition: border-color 0.3s ease;
}

.widget_recent_entries .continue-link{
	color: #2997ab;
	font-size: 16px;
	font-size: 1em;
	Border-bottom: 1px solid #b8dfe6;
	text-decoration: none;
	color: none;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-ms-transition: color ease 0.3s;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.widget_recent_entries .continue-link:hover {
	border-bottom: 1px solid #2997ab;
	-ms-transition: border-color ease 0.3s;
	-moz-transition: border-color 0.3s ease;
	-o-transition: border-color 0.3s ease;
	transition: border-color 0.3s ease;
}

.widget_recent_entries li p{
	font-size: 16px;
	font-size: 1.0rem;
	margin-bottom: 10px;
	margin-top: 5px;
	-webkit-font-smoothing: antialiased;
}

.widget_recent_entries li h2{
	float: left;
	text-align: left;
}


/* ------  CDT Sidebar Menu Styling --------*/



.widget_nav_menu .menu-cdt-sidebar-menu-container{
	border: 1px, solid, black;
	background: #b8dfe6;
	padding: 0px;
}

.widget_nav_menu .menu-cdt-sidebar-menu-container ul{
	padding: 0px;
}

.widget_nav_menu .menu-cdt-sidebar-menu-container ul li{
	border: 2px, solid, black;
	padding: 10px;
	text-decoration: none;
}

.wp-caption-text{
	margin-bottom: 0px;
}

/* ------  CDT Conditions Report Tables Styling --------*/


.igsv-table .col-9{
	width: 30%;
}
.igsv-table .col-2{
	width: 5%;
}

.igsv-table {
border-collapse: separate;
border-spacing: 1px;
background-color: #CDCDCD;
margin: 10px 0px 15px 0px;
font-size: 8pt;
width: 100%;
text-align: left;
}
.igsv-table th {
background-color: #E6EEEE;
border: 1px solid #FFFFFF;
padding: 4px;
color: #3D3D3D!important;
}
.igsv-table td {
color: #2997ab;
padding: 4px;
background-color: #FFFFFF;
vertical-align: top;
}
.igsv-table .even td {
background-color: #FFFFFF;
}
.igsv-table .odd td {
background-color: #F0F0F6;
}
.igsv-table .row-hover tr:hover td {
background-color: #D0D0D6!important;
}