/*
Theme Name: twentytwelve Child by Tom Hart
Description: Child theme for the twentytwelve theme with much less whitespace in the top and adds footer widgets which ingratiously display above regular widgets in the widgets section as well as header widget. 
Author: tom Hart
Template: twentytwelve
*/

@import url("../twentytwelve/style.css");

#jointeam {
float:left;
width:49%;
}
#jointeam img{
margin-bottom:0px;
padding-bottom:0px;

}

.opt1 {
padding:5px;
background:#346eb3;
color:#fff;
}
.opt2 {
padding:5px;
background:black;
color:#fff;
}

#jointeambanner {
padding: 10px;
font-size:28px;
text-align:center;
float:right;
width:49%;
background: #05c6ff;
color:#fff;
}

.info h4 {
font-size:24px;text-align:center;position: relative; right:500px;
}

.home .entry-title {
display:none;
}

.omarlist {
font-size:18px;
font-weight:700;
}
.omarlist li {
line-height:21px;
margin-bottom: 25px;
}

.su-box-title {
font-size: 2.1em !important;
}
.su-box-content {
font-size:1.1em !important;
}
.home #page {

background-image: url(http://www.jerseyreferrals.net/wdpr/wp-content/uploads/2016/10/backgr.png);
background-repeat: repeat-x;
background-position: left bottom;
}

body, body.custom-background-empty {
	color: #000000;
background: #2961b5; /* Old browsers */
background: -moz-linear-gradient(top,  #2961b5 0%, #4988b2 50%, #2961b5 78%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2961b5), color-stop(50%,#4988b2), color-stop(78%,#2961b5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2961b5 0%,#4988b2 50%,#2961b5 78%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2961b5 0%,#4988b2 50%,#2961b5 78%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2961b5 0%,#4988b2 50%,#2961b5 78%); /* IE10+ */
background: linear-gradient(to bottom,  #2961b5 0%,#4988b2 50%,#2961b5 78%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2961b5', endColorstr='#2961b5',GradientType=0 ); /* IE6-9 */

font-family: Tahoma, Geneva, sans-serif;
}

/*C.Park edits to simulate All Jersey Abstracts site*/
.entry-content img {
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
}
.button_callout {
display: flex;
justify-content: center;
align-items: center;
}
.starburst_list_callout {
padding-left: 15%;
padding-right: 15%;
box-sizing: border-box;
}
ul.list {
min-width: 645px;
}
/*End of C.Park styles*/


/*.site {
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}*/
 
/*tighten top*/
#page{
	margin-top: 0em;
}

hgroup {
	max-width: 960px;
	max-width: 68.571428571rem;
	margin-right: auto;
	margin-left: auto;
}

.header-image {
	margin-top: 0px;
	margin-top: 0rem;
	margin-bottom: 14px;
	margin-bottom:1rem;
}
img.header-image {
	/* get rid of fancy borders for icon */
	border-radius: 0px;
	box-shadow: none;
}
.site-header {
	 
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.info{
	float: right;
	text-align: right;
	width:32%;
	margin:0;
	padding:30px 0 0;
	clear: right;
}
a:link   {color:#2961b5;
text-decoration:underline;}
a:hover, a:focus {
	color:#003866;
	text-decoration:none;
}
a:visited {
	color:#003;
	text-decoration:underline;	 
}

.site-header h1, h1 .site-title {
	font-size: 42px;
	font-weight: bold;
	color: #2961b5;
	font-family: Tahoma, Geneva, sans-serif;
	margin:0;
	padding: 0 0 0 13px;
	line-height:1.5;
	float: left;
	}
	.site-header h1 a{
	color: #2961b5;
	 } 
	
.site-header h2 { 
	font-size: 14px;
	font-size: 1rem;
	line-height: normal;
	font-weight: normal;
	padding:0;
	margin:0;
	float: right;
	width: 25%;
	clear:none;
}
.site-header  a{text-decoration:none;}
	.site-header  a.hover, .site-header h2 a.focus{color:black;}	
.entry-header {
	margin-bottom: 11px;
	margin-bottom: .714285714rem;
}
.entry-header img.wp-post-image {
	margin-bottom: 11px;
	margin-bottom: .714285714rem;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	line-height: 1.3;
	color: #2961b5;
	text-align:center;
}  

#site-navigation {
	border-top: medium solid #2961b5;
	border-right: none;
	border-bottom: medium solid #2961b5;
	border-left:  none;
	background: #ffffff;
	padding-top:0;
	margin-top:0;
	color: #2961b5;
}
.nav-menu {
	max-width: 960px;
	max-width: 68.571428571rem;
	margin-right: auto!important;
	margin-left: auto!important;
	border: none!important;
	
}

 
.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
	border-bottom: none!important;
	border-top: none!important;
	font-family: Tahoma, Geneva, sans-serif;
		}
		
.main-navigation li {
		padding: 0;
		margin:0;
		border: none!important;
	}
	/* .main-navigation li ul li a {
		 color: #2961b5;
		background: #c8dae8;
		border: 1px solid #2961b5;
		border-right: 1px solid #2961b5;
		border-left: 1px solid #2961b5;}
	
 /* move nav above nivo-slider slideshow when hovered */
 .main-navigation ul li:hover > ul {
		z-index: 1111;
	}
	/* control nav of menu when toggled. 
	.main-navigation {width:100%; display:block; text-align:left}*/
	 

	.main-navigation a{
	color: #1c49b4!important;
	font-size:16px;
	font-size:1.14rem;
	border: none;
}
.main-navigation a:link, .main-navigation a:visited  {
	color: #1c49b4!important\9; /* IE 8 and below */}
	
.main-navigation a
.main-navigation a . nav-menu ul li ul{
	 
	font-size:90%;
}
.main-navigation a:hover, .main-navigation a:focus {
	color: #09421E!important;
}

h2 {font-size:30px;}
h3 {font-size:24px;}
/* hide post metadata like author etc. */
.entry-meta{display:none}


	
	
/* Sidebar */



.widget-area .widget_recent_entries{
	border: none;
	background-color:#ffffff;
}
.widget-area .widget a, .widget-area .widget a:link, .widget-area .widget a:visited { 
	list-style: disc;
}
.widget-area .widget a:hover, .widget-area .widget a:focus{
	
	list-style: disc;
}
.widget-area .widget li{
	list-style: disc inside;
	padding-left: 11px;
}

.widget-area h3 {
	font: 22px/normal "Arial Black";
	color: #001595:
	border-style: none;
	text-decoration: none;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: .5em;
}
.textwidget h4 {
	font: 18px/normal "Arial Black";
	color: #1c49b4:
	border-style: none;
	text-decoration: none;
	text-align: right;
	margin-bottom: 0px;
	padding-bottom: 0em;
	padding-top: 1em;
}
.textwidget h3 {
	font: 24px/normal "Arial Black";
	color: #1c49b4:
	border-style: none;
	text-decoration: none;
	text-align: right;
	padding-top: 1em;
}
 

/* Footer Widgets */ 

footer[role="contentinfo"] {
	
	/*display:none;*/
}
/*
  footer widget styling from  * Author:         Steven Stern
 * Author URI:     http://www.sterndata.com  also added footer.php and changed funtions.php
 * */
 footer 
 {color: #ffffff;
	border-top: none;
	 background: #2961b5;
	line-height: 1;
	width: 100%;}
.footerwidgets{
	padding-top: 7px;	
	padding-top: .5rem;
	}
#footerwidgets {
	/* width:100%; 
	color: #eaa965;*/
	max-width: 960px;
	max-width: 68.571428571rem;
	margin: auto;
	
	
}
#footerwidgets a, #footerwidgets a:visited {

	color: #ffffff;
	text-decoration:underline;
}
#footerwidgets a:hover, #footerwidgets a:focus {
	color: #DDDFFF;
	text-decoration:underline;
}
#footerwidgets p {
 padding-bottom: .5em;
}
#footerwidgets li, #footerwidgets p  {
 padding-bottom: .5em;
 font-size:80%;
 line-height:1.1em;
}
#footer-left {
 width:40%;
 float:left;
 padding-right:2.5%;
}
#footer-middle {
 width:20%;
 float:left;
 padding-left:2.5%;
 padding-right: 2.5%;
}
#footer-right {
	width:30%;
	float:right;
	text-align:right;
	padding-left:2.5%;
} 
.site-content article {
  border-bottom:none;
}
.copy {font-size:12px;
font-size: .82rem}

.fltRt{float: right;}

.menu-toggle{
	color: #2961b5;
	background-color: #EBF0F5;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #EBF0F5, #F5F7FA);
	background-image: -ms-linear-gradient(top, #EBF0F5, #F5F7FA);
	background-image: -webkit-linear-gradient(top, #EBF0F5, #F5F7FA);
	background-image: -o-linear-gradient(top, #EBF0F5, #F5F7FA);
	background-image: linear-gradient(top, #EBF0F5, #F5F7FA);
	border: 2px solid #2961b5;
	font-size: 1.3em;
	font-weight: bold;
	padding-right: 4em;
	padding-left: 4em;
}
@media (max-width: 1000px) {
.starburst_list_callout {
padding-left: 5%;
padding-right: 5%;
}
@media (max-width: 900px) {
    .info {
        text-align:center;
        float:none;
		width:100%;
		padding:0;
    }
	.info h1, .info h2{text-align:center;}
    .main-navigation  {
        clear:both;
    }
	widget-area h3 {
	font: 18px/normal;
	font-family: Arial, Helvetica, sans-serif;	}
	
	.header-image, .site-header
	{float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;}
.header-image {
	margin-top: 0px;
	margin-top: 0rem;
	margin-bottom: 2px;
	margin-bottom:.14rem;
}
/*C.Park Media Query*/
.starburst_list_callout {
padding-left: 0%;
padding-right: 0%;
}
.starburst_callout {
display: block;
float: none;
}
.list_callout {
display: block;
}
/*End of C.Park Media Query*/
}

	
	
}
@media (min-width: 601px) {

.info h4 {
font-size:24px;text-align:center;position: relative; right:-20px;
}		
	.main-navigation li a 
		{
	font-size: 14px;
	font-size: 1rem; 
	padding: 0 5px;
		padding: 0 .38rem;
		line-height: 2.0;
		margin:0px;
}

	
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a
	
	{
	/*color: #2961b5;
	font-weight: normal;*/
	}
	
	.main-navigation li a:hover {
		color: #ffd78f;
	}
 .main-navigation li ul li a {
		 color: #2961b5;
		background: #c8dae8;
		background-position: 1px;
		border-bottom: 1px solid #2961b5;
		border-right: 1px solid #2961b5;
		border-left: 1px solid #2961b5; 
		font-size: 14px;
		font-size: 1rem;
		line-height: 1.581818182;
	}
	
	.main-navigation li ul li a:hover, .main-navigation li ul li a:focus {
		color: #fff!important;
		background: #2961b5;
		
	}
	
	.entry-header .entry-title,
	.entry-title,
	.singular .entry-title {
	font-size: 24pt;
	color: #2961b5;
	font-family: "Arial Black", Arial, Helvetica, sans-serif; 
	}
}

@media (min-width: 801px) {		
	.main-navigation li a 
		{
	font-size: 16px;
	font-size: 1.14rem;
	padding: 0 7px;
		padding: 0 .5rem;
		line-height: 2.0;
		margin:0px;
}


@media (min-width: 901px) {		
	.main-navigation li a 
		{
	font-size: 18px;
	font-size: 1.28rem;
	padding: 0 11px;
		padding: 0 .8rem;
		line-height: 2.0;
		margin:0px;
}
}
@media (max-width: 950px) {
.info{
	padding:0; 
}

@media (max-width: 600px) {
    .site-header h1, .site-header h2{ font-size:27px;}
         
	widget-area h3 {
	font: 18px/normal;
		}
		.info{
	 float:none;
	width:100%; 
}
#callout {font-size:18px;float:right;}
a.tel {float:right;
clear:right;}
#site-navigation {
	border:  none;
}

	}
}


@media only screen
and (max-width:481px) {

   #footer-right, #footer-middle, #footer-left {
     float:none;
     padding-left:0;
     padding-right:0;
     padding-top:1em;
     width:100%;
   }
   .left{
	float: none;
	width: 100%;
	margin-bottom:0px;
	padding-bottom:0px;
}
.right{
	float: none;
	width: 100%;
	margin-top:0px;
	padding-top:0px;
}	

@media screen and (min-width: 960px) {
	
	body.custom-background-empty {
		background-image: inherit;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
} 