/*
Theme Name: Doyle Family Law
Theme URI: http://underscores.me/
Author: Bjarni Wark | BJ2DESIGN
Author URI: http://www.bj2design.com
Description: Custom design for DOYLE Family Law
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; 
	}
body {
	background: #fff url(img/bkg.jpg);
	
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}
a {
   outline: 0;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	}

/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #200800;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

p{
	font-size:1.4em
	}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	margin-bottom: .8em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}

b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


/*--------------------------------------------------------------
5.2 Main Menu
--------------------------------------------------------------*/

.navwrap{
	background: white;
}
.main-navigation {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: #f26525 1px solid;

}

.main-navigation ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.main-navigation li {
    position: relative;
    float: left;

}

.main-navigation a {
    display: block;
    padding: 1.3em 2em .5em 0;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: none;
    line-height: 1.3em;
    color: #f26525;
}

.main-navigation ul ul {
    position: absolute;
    left: 0;
    z-index: 99999;
    display: none;
    float: left;
    padding: 0;
    background: #4d4d4d;
    background: hsl(0, 0%, 30%);
}

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

.main-navigation ul ul a { width: 200px; }

.main-navigation ul ul li { }

.main-navigation li:hover > a,
.main-navigation li > a:focus {
    color: #00bbc7;
   
}

.main-navigation ul ul :hover > a { }

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
    background: #313131;
    background: hsl(0, 0%, 19%);
}

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

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover,
.main-navigation .current_page_item > a:focus,
.main-navigation .current-menu-item > a:focus {
    color: #313131;
    background: white;
}

.main-navigation .current_page_ancestor {
    background: #4d4d4d;
    background: hsl(0, 0%, 30%);
}

.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
    color: #fff;
    background: #313131;
    background: hsl(0, 0%, 19%);
}

/* Small menu */
.menu-toggle {
    display: none;
    cursor: pointer;
    background: url(img/vegeburger.jpg) right center no-repeat;
    width: 100%;

}

@media screen and (max-width: 680px) {
    .menu-toggle {
        display: inline-block;
        margin-bottom: 0;
    }
      
    .menu-toggle a:hover,
    .menu-toggle a:focus {
    }

    .main-navigation.toggled .nav-menu {
        display: block;
        border-top: 1px solid;
        border-top-color: #fff;
        border-top-color: hsla(0, 0%, 100%, .5);
            }

    .main-navigation ul {
        display: none;
        padding-left: 0;
    }

    .main-navigation li { float: none; }

    .main-navigation li a { padding: 1em 0; }

    .main-navigation li li a { padding-left: 2em; }

    .main-navigation li li li a { padding-left: 6em; }

    .main-navigation li:hover > a,
    .main-navigation li > a:focus {
        background: none;
    }

    .main-navigation ul ul,
    .main-navigation ul ul ul {
        position: relative;
        top: inherit;
        left: 0;
        display: block;
        float: none;
        background: #313131;
        background: hsl(0, 0%, 19%);
    }

    .main-navigation ul ul a { width: 100%; }

    .main-navigation ul a:hover,
    .main-navigation ul ul a:hover,
    .main-navigation ul a:focus,
    .main-navigation ul ul a:focus{
       
    }

    .main-navigation .current_page_ancestor { background: inherit; }

    .main-navigation ul ul .current_page_parent {
        color: inherit;
        background: inherit;
    }

    .main-navigation .current_page_item > a,
    .main-navigation .current_page_item > a:hover,
    .main-navigation .current_page_item li:hover,
    .main-navigation .current_page_item > a:focus,
    .main-navigation .current_page_item li:focus,
    .main-navigation .current_page_parent .current_page_item > a  {
        color: #000;
        
    }

} /* End responsive menu */

/* =Media
----------------------------------------------- */


.wp-caption {
	border: 1px solid #ccc;
	max-width: 100%;
}

.wp-caption img {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-content .site-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.site-content .nav-previous {
	float: left;
	width: 50%;
}
.site-content .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.wp-pagenavi {
    margin-top: 30px;
	}


/* =LAYOUT
----------------------------------------------- */

.center{
	padding: 0 20px;
	}
	
.diagram p{
	text-align: center;
	}
	
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* =BRAND AREA
----------------------------------------------- */
.brand{
	background:#200800;
	color:#F7F7F7;
	height:60px;
	}
	
.logo{
	float:left
	}
.contact{
	float: right;
}
		
p.phone{
	color:#00bbc7;
	background:url(img/phonewhite.png) left top no-repeat;
	margin-top:6px;
	padding-left: 36px;
	}

.contact p{
	margin-bottom: 0;
}


/*	CONTENT AREA
----------------------------------------------- */
.light{
	background:#fff;
	padding:40px 0 34px;
	}
	
.content{
	margin-bottom: 4em;
	}

.content h1, .content h2, .content h3{
	color:#00bbc7
	}
	
.content h1{
	font-size:2.4em;
	margin-bottom:20px
	}
	
.content h2{
	font-size:1.8em;
	margin:20px 0 10px;
	}
	
.content h3{
	font-size:1.6em;
	margin-bottom:6px
	}
	
.content ul{
	font-size:1.3em;
	color:#000
	}
	
.content ul li{
	margin-bottom:8px
	}
	
.content img{
	padding:6px;
	background-color:#efebdd;
	}
	
.light a, .light a:visited{
	color:#f26525;
	text-decoration:none;
	}
	
.light a:hover{
	color:#00bbc7;
	}
	
p.highlight{
		color:#00bbc7;
		font-size:2.0em;
		padding-bottom:14px
		}
dl{
	background:#efebdd;
	font-size:1.4em;;
	margin-bottom: 3em;
	}
	
dt{
	padding:10px 10px 10px 20px;
	}
	
dd {
	border-top:1px solid white;
}

dd a, dd a:visited{
	display:block;
	padding: 10px 10px 10px 92px;
	text-decoration:none;
	background:url(img/arrowdark.png) 40px 50% no-repeat;
	color:#200800
}
dd a:hover{
	background-color:#faf6e9;
	color:#000
}

/* =CATERGROY POSTS
----------------------------------------------- */

header.entry-header{
	border-top:1px solid #efebdd;
	}
	
body.single header.entry-header{
	border-top:none;
	}
	
header.entry-header h2{
	margin-top:18px;
	}
	
div.entry-meta{
	padding-bottom:10px;
	}
.linkarrow{
background:url(img/arrowdark.png) 0 50% no-repeat;
	padding-left:20px;
	margin-bottom:4px;
	}
/* =ASIDE AREA
----------------------------------------------- */

aside h3{
	font-size:1.6em;
	margin-bottom:.8em;
	}
	
aside h3 span{
	color: #FE6F0F;
	}
	
aside h4{
	font-size:1.4em;
	color:#00BBC7	
	}
	
aside p, aside dl{
	line-height:1.3em;
	font-size:1.3em
	}
	
aside dl{
	margin:20px 0;
	}
	
aside dt{
	padding-left:12px
	}
	
aside p.button{
	text-align: center;
}

p.button a{
	border: 1px solid #e1ddcf;
	display: block;
	padding: 30px 10px 30px  92px ;
	border-radius: 6px;
	background: #efebdd url(img/talkbox.png) 30px 50% no-repeat;
	text-align: left;
}
p.button a:hover{
	background-color: #faf6e9
	}
	

/*	PHOTO AREA
----------------------------------------------- */
.photo{
	background:#efebdd url(img/bruce-soft.jpg) top center no-repeat;
	}
	
img.block{
	display:block;
	float:left
	}
	
section {
	background:url(img/arrowdown.png) left top no-repeat;
	margin-bottom:20px
	}
	
section h2{
	font-size:2.2em;
	padding:20px 0 10px;
	}
	
section h2 span{
	color:#fe6f0f
	}
	
section h3{
	font-size:1.6em;
	color:#00bbc7;
	}
	
section p{
	margin-bottom:10px;
	line-height:1.3em;
	font-size:1.3em
	}
	



/* =FOOTER AREA
----------------------------------------------- */

.shadow{
	-moz-box-shadow:    inset 1px 4px 9px -6px;
	-webkit-box-shadow: inset 1px 4px 9px -6px;
	box-shadow:         inset 1px 4px 9px -6px;
	padding-top:20px
	}
	
.address p{
	line-height:1.3em;
	}
	
.address strong, .address span{
	color:#fff;
	}
	
p.phonedark{
	background:url(img/phonedark.png) left top no-repeat;
	padding-left:36px
	}
	
p.letter{
	background:url(img/letter.png) left top no-repeat;
	padding-left:36px
	}
	
	p.office{
	background:url(img/office.png) left top no-repeat;
	padding-left:36px
	}
	
.bottom{
		border-bottom: 1px #c85620 solid;
		margin-bottom: 2em;
		padding-bottom: 1em;
	}
	
.bottom h4{
	font-size:1.4em;
	background:url(img/arrowdark.png) 0 50% no-repeat;
	padding-left:20px;
	margin-bottom:4px;
	}
	
.bottom p{
	line-height:1.3em;
	font-size:1.3em
	}
	
.bottom a, .bottom a:visited{
	color:#fff;
	text-decoration:none;
	}
	
.bottom a:hover{
	color:#00bbc7;
	}
	
footer ul{
	width:100%;
	clear:both;
	float:left;
	list-style:none;
	padding:0;
	margin:10px 0;
	border-top:1px solid #c85620;
	font-size:1.3em
	}
	
footer li{
	padding:10px 10px 10px 0;
	border-bottom: 1px solid #c85620;

	}
	
footer li:last-child{
	 border:none
	}
	
footer ul a, footer ul a:visited{
	text-decoration:none;
	color:#200800;
	display: block;
	}
	
footer ul a:hover{
	color:#fff
	}
	
@media screen and (max-width: 400px) {
    .logo {
	    width: 40%
    }
    img.alignleft{
	    width: 40%
    }
    .contact p{
	    font-size: 1.2em;
    }
    section h3{
	color:#00b4c1;
	}
}

@media only screen and (min-width: 681px) {
	
		
/*	LAYOUT
----------------------------------------------- */
.center{
	max-width:978px;
	margin:0 auto;
	position:relative;
		}
	
section, article.bottom, aside{
	width:38%;
	float:right;
	}
	
.diagram {
	float: right;
	width:38%;
	max-width: 318px;
	
	}

	
	/*	CONTENT AREA
----------------------------------------------- */

.content{
	width:58%;
	float:left;
	margin-bottom: 0;
	}
	
	dl{
	margin-bottom: 0;
	}
	

/*	PHOTO AREA
----------------------------------------------- */
.photo{
	background:#efebdd url(img/bruce-homepage.jpg) top center no-repeat;
	}
	

/*	FOOTER AREA
----------------------------------------------- */
footer li{
	float: left;
	border-right:1px solid #c85620;
	margin-right:10px;
	border-bottom: none;
}

.bottom{
		border-bottom:none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
.budge{
	margin-top: 2em;
	}
}

@media only screen and (min-width: 978px) {
	
.center{
	padding: ;
	}
	}