/*
Theme Name: John C. Dworkin P.C.
Theme URI: http://johncdworkin.com
Description: An International Tax Law Practice
Version: 1.2
Author: Aaron Bunge Design
Author URI: http://aaronbunge.com
*/

/*

----TOC---------------------

	AA Webfont
	00 Reset
	01 Typography
	02 Body
	03 Responsiveness
	
*/

/*-- AA Webfont --*/
	/**
	 * @license
	 * MyFonts Webfont Build ID 2837804, 2014-06-30T22:26:02-0400
	 * 
	 * The fonts listed in this notice are subject to the End User License
	 * Agreement(s) entered into by the website owner. All other parties are 
	 * explicitly restricted from using the Licensed Webfonts(s).
	 * 
	 * You may obtain a valid license at the URLs below.
	 * 
	 * Webfont: Trade Gothic Extended by Linotype
	 * URL: http://www.myfonts.com/fonts/linotype/trade-gothic/extended-63882/
	 * Copyright: Copyright © 1991, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
	 * Licensed pageviews: 250,000
	 * 
	 * 
	 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2837804
	 * 
	 * © 2014 MyFonts Inc
	*/
	/* @import must be at top of file, otherwise CSS will not work */
	@import url("//hello.myfonts.net/count/2b4d2c");
	@font-face {font-family: 'TradeGothicLTStd-Extended';src: url('webfonts/2B4D2C_0_0.eot');src: url('webfonts/2B4D2C_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2B4D2C_0_0.woff') format('woff'),url('webfonts/2B4D2C_0_0.ttf') format('truetype');}

	@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
	
/*-- 00 Reset --*/
	html, body, div, span, p, a, del, img, ol, ul, li, fieldset, form, label {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
		
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, section {
		display: block;
	}
	
	html, body {
		min-height:100%;
		font-family: TradeGothicLTStd-Extended, Akzidenz Grotesk Extended, Trade Gothic Extended, Helvetica Extended, Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-style: normal;
		-webkit-text-size-adjust: 100%;
		-webkit-overflow-scrolling: touch;
	}

/*-- 01 Typography --*/
	h1 {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		color: #000000;
		font-size: 24px;
	}
	
	h2 {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		color: #cccccc;
		font-size: 12px;
	}
	
	h3 {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		color: #cccccc;
		font-size: 10px;
	}
	
	body, h1, h2, h3 {
		margin: 0;
		padding: 0;
		line-height: 130%;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	ul, ol {
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
	
	li {
		display: block;
		float: left;
	}
	
	a { 
		color: inherit; 
		text-decoration: none; 
		outline: 0;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		transition: .2s;
	}
	
	a:hover {
		color: inherit;
	}
	
	p {
		padding-bottom: 10px;
	}
	
/*-- 02 Body --*/	
	.container {
		position: relative;
		width: 100%;
	}
	
	.main-header {
		top: 0;
		background-color: #ffffff;
		display: block;
		padding-top: 50px;
		position: absolute;
		width: 90%;
		height: 66px;
		padding: 0 5%;
		padding-top: 37px;
		z-index: 990;
	}
	
	#h-trans {
		top: 103px;
		position: absolute;
		background-color: rgba(178, 178, 178, 0.7);
		display: inline-block;
		width: 100%;
		z-index: 80;
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		color: #ffffff;
		font-size: 12px;
		z-index: 990;
	}
	
	#tax {
		width: 90%;
		padding: 8px 5%;
	}
	
	#logo {
		float: left;
		display: inline-block;
		margin-top: -9px;
		margin-left: -3px;
	}
	
	#logo img {
		width: 515px;
	}
	
	.logo-desktop {
		display: block;
	}
	
	.logo-mobile {
		display: none;
	}
	
	#nav-links {
		/*margin-top: 2px;*/
		position: absolute;
		right: 5%;
		top: 28px;
	}

	.nav-text {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		color: #000000;
		font-size: 13px;
		line-height: 100%;
		margin-left: 10px;
	}
	.nav-text span.arabic {font-family: 'Droid Arabic Kufi', serif !important; direction: rtl; font-size: 15px;}

	.nav-text:hover { color: #FFDB00; }

	.menu-absolute { position: absolute !important; top: 30px; left: 0; }
	#margin-68 { margin-left: 68px; }
	
	.button-1 {
		padding: 9px 11px;
		border: 1px solid #969696;
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		color: #000000;
		font-size: 13px;
		line-height: 100%;
	}
	
	.button-1:hover {
		border: 1px solid #FFDB00;
		/*color: #969696;*/
		-webkit-transition: .2s;
		-moz-transition: .2s;
		transition: .2s;
	}
	
	/*#nav-links .button-1 {
		margin-left: 5px;
	}*/
	
	.h-footer {
		bottom: 0;
		background-color: #000000;
		display: block;
		position: fixed;
		width: 90%;
		padding: 10px 5%;
		color: #ffffff;
		z-index: 999;
  		height: 20px;
	}
	
	.footer {
		display: block;
		position: relative;
		width: 100%;
		color: #B0B0B0;
		padding-top: 50px;
		padding-bottom: 10px;
		float: left;
		line-height: 100%;
	}
	
	#address {
		bottom: 39px;
		background-color: #ffffff;
		display: block;
		position: fixed;
		width: 90%;
		padding: 10px 5%;
		color: #000000;
		z-index: 999;
		font-size: 14px;
  		height: 20px;
	}
	
	#m-address {
		width: 90%;
		padding: 10px 0;
		color: #ffffff;
	}
	
	.m-footer {
		padding: 10px 0;
		color: #ffffff;
		float: left;
		display: none;
	}
	
	#b1, #b2, #b3 {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		font-size: 10px;
		width: 230px;
		float: left;
		padding-bottom: 10px;
	}
	
	#b3 a {
		border-bottom: 1px solid #FFDB00;
	}
	
	#copyright {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		font-size: 10px;
	}
	
	.button-2 {
		padding: 9px 11px;
		border: 1px solid #FFDB00;
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		color: #ffffff;
		font-size: 13px;
		line-height: 100%;
	}
	
	.button-2:hover {
		border: 1px solid #ffffff;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		transition: .2s;
	}
	
	.active {
		border: 1px solid #ffffff !important;
	}
	
	/* ticker */
	.tickercontainer {
		width: 100%;
		height: 20px;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	.tickercontainer .mask {
		position: relative;
		overflow: hidden;
	}
	
	ul.newsticker {
		position: relative;
	    -webkit-transition: all 0s linear;
	    -moz-transition: all 0s linear;
	    -o-transition: all 0s linear;
	    transition: all 0s linear;
	    list-style: none;
	    margin: 0;
	}
	
	ul.newsticker li {
		float: left;
		margin: 0;
		padding-right: 50px;
	}
	
	/* slider */
	#slide1 {
		width: 100% !important;
		height: 100%;
		position: fixed !important;
		top: 0px;
		left: 0px;
		z-index: 30;
		background:url("http://johncdworkin.com/wp-content/uploads/2015/10/seagram-2.jpg") center center no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	/* slider content */
	.slide-content {
		padding: 0 5%;
		position: absolute;
		top: 200px;
		z-index: 100;
		width: 90%;
	}
	
	.c-title {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		font-size: 33px;
		margin-bottom: 40px;
		color: #ffffff;
		line-height: 110%;
	}
	
	.c-info {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		font-size: 18px;
		width: 100%;
		line-height: 95%;
		margin-bottom: 45px;
		color: #FFDB00;
	}
	
	.c-info p {
		padding-bottom: 5px;
	}
	
	.c-info p:first-child {
		font-size: 25px;
		padding-bottom: 10px;
		line-height: 100%;
	}
	
	.c-location {
		position: fixed;
		bottom: 60px;
		color: #FFDB00;
		padding-left: 28px;
	}
	
	.loc-img {
		background: url(images/location.svg) center center no-repeat;
		width: 21px;
		height: 31px;
		position: absolute;
		top: -6px;
		left: 0px;
	}
	
	.grad-blk {
		background: linear-gradient(to right, rgba(0,0,0,0.6),rgba(0,0,0,0));
		z-index: 40;
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
	}
	
	/* page specs */
	#pagec .container {
		position: absolute;
		width: 100%;
	}
	
	#pagec .main-header {
		position: absolute;
	}
	
	#pagec #h-trans {
		position: absolute;
	}
	
	/* page header */
	.page-header {
		position: absolute;
		width: 100%;
	}
	
	.page-header #slide1 {
		height: 200px;
		min-height: 100%;
		position: absolute !important;
	}
	
	.page-header .grad-blk {
		position: absolute;
		height: 140px;
		top: 60px;
	}
	
	.con-title {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		font-size: 29px;
		position: absolute;
		top: 162px;
		color: #ffffff;
		z-index: 100;
		width: 90%;
		padding: 0 5%;
	}

	.con-title.arabic { font-family: 'Droid Arabic Kufi', serif !important; direction: rtl; float: right !important; font-size: 31px; }
	
	.y-line {
		width: 120%;
		background-color: #FFDB00;
		height: 2px;
		display: block;
		margin-left: -20%;
		margin-top: 20px;
		margin-bottom: 15px;
	}
	
	/* contact */
	.l-col {
		width: 49%;
		float: left;
		padding-right: 1%;
	}
	
	.r-col {
		width: 49%;
		float: left;
		padding-left: 1%;
	}
	
	.one-col {
		width: 100%;
		padding: 50px 0 10px;
		display: inline-block;
	}
	
	#disclaimer {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		font-size: 10px;
		color: #B0B0B0;
	}
	
	.i-info {
		position: absolute;
		display: block;
		z-index: 800;
		top: 230px;
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		background-color: #ffffff;
	}
	
	#googlemap1 {
		width: 100%;
		height: 200px;
	}
	
	#googlemap2 {
		width: 100%;
		height: 200px;
	}
	
	.email {
		margin-bottom: 30px;
	}
	
	.email .button-2 {
		color: #000000;
	}
	
	.email .button-2:hover {
		color: #000000;
		border: 1px solid #969696;
	}
	
	.one-third .button-2 {
		color: #000000;
	}
	
	.one-third .button-2:hover {
		color: #000000;
		border: 1px solid #969696;
	}
	
	.c-contact .button-2:hover {
		color: #ffffff;
	}
	
	.cb .button-2 {
		color: #000000;
	}
	
	.cb .button-2:hover {
		color: #000000;
		border: 1px solid #969696;
	}
	
	.tele {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		font-size: 14px;
		color: #000000;
	}
	
	.city {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		font-size: 17px;
		color: #B0B0B0;
		padding-bottom: 15px;
	}
	
	.c-address {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		font-size: 14px;
		color: #000000;
		padding-top: 15px;
	}

	/* press and arabic */

	.press {
		position: absolute;
		display: block;
		z-index: 800;
		top: 230px;
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		background-color: #ffffff;
	}

	.press .one-column {
		width: 100%;
		display: inline-block;

	}

	.press .two-columns {
  		width: 46%;
	  	float: left;
	  	display: inline-block;
	}

	.press .two-columns.arabic {float: right !important;}

	.press .recent-headline { 
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		font-size: 17px;
		color: #B0B0B0;
		padding-bottom: 8px;
		width: 100%;
		display: inline-block;
	}

	.press .recent-headline.arabic {  font-family: 'Droid Arabic Kufi', serif !important; direction: rtl; float: right !important; font-size: 20px; }

	.press #recent-items {
		text-transform: none;
	}

	.press-item {
		display: block;
		width: 100%;
		position: relative;
		padding: 10px 0 20px 0;
	}

	.press h2 {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		font-size: 17px;
		text-transform: none !important;
		color: #000001;
		padding-bottom: 5px;
		margin: 0;
	}

	.press h4 {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		font-size: 12px;
		color: #B0B0B0;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}

	.press-item.arabic { direction: rtl; float: right !important; }
	.arabic h2 { font-family: 'Droid Arabic Kufi', serif; font-size: 19px;}
	.arabic h4 { font-family: 'Droid Arabic Kufi', serif; font-size: 14px;}

	/*.press a {
		color: #FFDB00 !important;
	}*/
	.press a:hover { color: #FFDB00; }

	/* recent */

	.i-recent {
		position: absolute;
		display: block;
		z-index: 800;
		top: 230px;
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		background-color: #ffffff;
		overflow: hidden;
	}

	.i-recent .recent-headline { 
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		font-size: 17px;
		color: #B0B0B0;
		padding-bottom: 5px;
		width: 100%;
		display: inline-block;
  		height: 40px;
	}

	.i-recent #recent-items {
		text-transform: none !important;
	}

	.i-recent #recent-items ul {
		padding-top: 15px;
		margin-left: 17px;
		overflow: visible;
	}

	.i-recent #recent-items li {
		display: list-item;
		list-style-type: square;
		padding-bottom: 20px;
		padding-left: 5px;
		font-size: 14px;
	}
	.i-recent .two-columns {
  		width: 46%;
	  	float: left;
	  	display: inline-block;
	}
	.i-recent .two-columns img {
  		margin: 10px 0 20px 0;
  		max-width: 80%;
  		border: 1px solid #f1f1f1;
	}
	.i-recent .two-columns.events {margin-left: 8%;}
	.i-recent .events .y-line {margin-left: 0;}
	.i-recent .events h2 {padding: 10px 0 0 0; color: #000000;}
	
	/* about */
	.one-third {
		width: 23%;
		padding-right: 2%;
		float: left;
	}
	
	.one-third img {
		width: 140px;
	}
	
	.two-thirds {
		width: 75%;
		float: left;
	}
	
	#name {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		font-size: 14px;
		color: #000000;
		margin-top: 15px;
		margin-bottom: 5px;
	}
	
	#secondary {
		font-family: Helvetica, Arial, sans-serif;
		text-transform: none;
		font-size: 13px;
		color: #666666;
		letter-spacing: 0px;
		line-height: 130%;
	}
	
	#secondary a {
		border-bottom: 1px solid #FFDB00;
	}
	
	#bio {
		font-family: Helvetica, Arial, sans-serif;
		text-transform: none;
		font-size: 13px;
		line-height: 150%;
		letter-spacing: 0px;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 30px;
	    -moz-column-gap: 30px; 
		column-gap: 30px;
		text-align: justify;
		orphans: 2;
	}
	
	.y-line2 {
		width: 100%;
		background-color: #FFDB00;
		height: 2px;
		display: block;
		margin-left: -77%;
		margin-top: 20px;
		margin-bottom: 15px;
	}
	
	#intro {
		font-family: Helvetica, Arial, sans-serif;
		text-transform: none;
		font-size: 13px;
		color: #666666;
		letter-spacing: 0px;
		line-height: 130%;
		margin-bottom: 30px;
	}
	
	.y-line3 {
		width: 150%;
		background-color: #969696;
		height: 1px;
		display: block;
		margin-left: -52%;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	
	#a-contact {
		margin-bottom: 25px;
	}

	/* MOBILE QUEUE */
	.mobile {display: none;}
	.desktop {display: block;}
	
/* MOBILE NAV */
	.menu {
		position: absolute;
		top: 20px;
		right: 20px;
		display: none;
		z-index: 1100;
	}
	.menu a:hover {
		color: #808080;
	}
	.icon-bar {
		display: block;
		width: 20px;
		height: 1px;
		background-color: #000000;
	}
	.icon-bar + .icon-bar {
		margin-top: 6px;
	}
	#mobile-icon {
		display: block;
		padding: 10px;
		border: 1px solid #969696;
	}
	#mobile-icon:hover > .icon-bar {
		background-color: #808080;
		-webkit-transition: .25s;
		-moz-transition: .25s;
		transition: .25s;
	}
	nav {
		display: none;
		position: absolute;
		height: 100%;
		top: 0px;
		padding-top: 60px;
		background-color: rgba(255, 255, 255, 0.95);
		width: 100%;
		z-index: 1000;
		float: left;
	}
	nav h3 a:hover {
		color: #808080;
	}
	.m-dropdown {
		width: 90%;
		padding: 10px 5%;
		display: inline-block;
		text-transform: uppercase;
		float: left;
		position: relative;
	}
	.m-dropdown h1 {
		font-family: TradeGothicLTStd-Extended;
		font-weight: normal;
		font-style: normal;
		font-size: 18px;
		color: #000000;
		text-transform: uppercase;
	}
	.menu li {
		padding-left: 12px;
	}
		
/*-- 03 Responsiveness --*/
	@media only screen and (max-width: 1115px) {
		#logo img {width: 450px;}
		#nav-links { right: 3%; }
		.main-header, #tax, .con-title, .i-info, .i-recent, .press, .slide-content, .h-footer { width: 94%; padding-left: 3%; padding-right: 3%; }
		.nav-text { font-size: 11px; }
		.nav-text span.arabic { font-size: 13px; }
	}

		/*#nav-links { width: 270px; float: right; text-align: right; margin-top: -7px; }*/
		
	@media only screen and (max-width: 870px) {	
		.menu {display: block;}
		.desktop {display: none;}
		.mobile {display: block;}

		.slide-content {
			top: 180px;
		}
		#b1, #b2, #b3 {
			width: 100%;
			float: left;
		}
		.page-header .grad-blk {
			height: 160px;
		}
		.page-header #slide1 {
			height: 220px;
			min-height: 100%;
		}
		.i-info {
			top: 240px;
		}
		.i-recent .two-columns {
			width: 100%;
		}
		.press .two-columns {
	  		width: 100%;
		}
		.press .two-columns.nmb { width: 46%; }
		.i-recent .recent-headline {
			height: auto;
		    padding-top: 15px;
		}
		.press .recent-headline {padding-top: 15px;}
		.i-recent .two-columns.events {
			margin-left: 0;
		}
		.i-recent .events .y-line {
			margin-left: -20%;
		}
		.con-title {
			top: 172px;
		}
		.c-title {
			margin-top: 40px;
		}
		.c-info {
			width: 100%;
		}
	
		#bio {
			-moz-column-count: 1;
			-webkit-column-count: 1;
			column-count: 1;
			-webkit-column-gap: 0px;
		    -moz-column-gap: 0px; 
		}
		.y-line3 {
			width: 100%;
			margin-left: 0px
		}
	
	}
	
	@media only screen and (max-width: 670px) {
		.one-third {
			width: 100%;
			padding-right: 2%;
			float: left;
		}
		
		.one-third img {
			width: 120px;
			float: left;
			padding-right: 15px;
		}
		
		.two-thirds {
			width: 100%;
			padding-top: 20px;
		}
		
		.y-line2 {
			width: 110%;
			margin-left: -10%;
		}
		
		.y-line {
			margin-left: -10%;
		}
				
		.c-address {
			padding-bottom: 30px;
		}
		
		.l-col {
			width: 100%;
		}
		
		.r-col {
			width: 100%;
		}
		
		.one-col {
			width: 100%;
			padding: 30px 0 10px;
		}
		
		#googlemap1 {
			width: 100%;
		}
		
		#googlemap2 {
			width: 100%;
		}
	
	}
	
	@media only screen and (max-width: 570px) {
		.logo-mobile {
			display: block;
		}
		
		.logo-desktop {
			display: none;
		}
		
		#logo img {
			width: 85%;
		}
		
		.main-header {
			height: 36px;
			-webkit-transform: translate3d(0, 0, 0);
		}
		
		#h-trans {
			top: 73px;
			-webkit-transform: translate3d(0, 0, 0);
		}

		.con-title {
			font-size: 21px;
			top: 142px;
		}
		
		.slide-content {
			top: 150px;
		}
		
		.page-header .grad-blk {
			height: 130px;
			min-height: 0px;
		}
		
		.page-header #slide1 {
			height: 190px;
			min-height: 100%;
		}
		
		.c-info p {
			padding-bottom: 8px;
		}
		
		.i-info, .press, .i-recent {
			top: 210px;
		}
		
		#slide1 {
			min-height: 470px;
		}
		
		.grad-blk {
			min-height: 500px;
		}
		
		#address {
			display: none;
		}
		
		.h-footer {
			display: none;
		}
		
		.m-footer {
			display: block;
			margin-top: 20px;
		}
		
	}
	
	@media only screen and (max-width: 410px) {
		#logo {
			margin-top: -14px;
		}
		
		.one-third img {
			width: 80px;
		}
		
		#slide1 {
			min-height: 680px;
		}
		
		.grad-blk {
			min-height: 710px;
			background: rgba(0,0,0,0.6);
			width: 100%;
		}
		
		.c-title {
			font-size: 25px;
		}
		
		.c-info {
			font-size: 15px;
		}
		
		#name {
			margin: 0;
			padding-bottom: 15px;
		}
		
		#copyright {
			line-height: 140%;
		}
		
	
	}