/* Color Scheme
==================================================

#HARVARD RED = #6C0C0D
#WHITE  = #FFFFFF
#RBGA RED  = background: rgba(108, 12, 13, 0.80);

*/

/* #Site Styles
================================================== */

* { -moz-box-sizing: border-box; 	-webkit-box-sizing: border-box; box-sizing: border-box; 	}

img {max-width: 100%;}


@media screen and (min-width: 1281px){
	
	.rwd-break-tablet { display: none; }
	
	}
	
@media screen and (min-width: 768px){
   .rwd-break { display: none; }
   
}

@media screen and (max-width: 768px){
	 .rwd-break-tablet { display: none; }
	}


@media only screen 
and (min-device-width : 769px) 
and (max-device-width : 1279px)  { 
	
	.rwd-break-tablet { display: block; }
	.rwd-break { display: none; }
	}
	
	
	
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {font-size: 62.5%;  height:100%}

body, html {height: 100%;}
  


/* sticky header - home
================================================== */
div.header {position: fixed;top: 0;left: 0;width: 100%;padding: 0;z-index: 10000;transition: all 0.2s ease-in-out;height: auto;background: transparent;line-height: 40px; }
div.header.active {background: rgba(108, 12, 13, 1.00);  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);}

/* #misc
================================================== */

.left {text-align:left}
.center{text-align:center}
.right {text-align:right}
.mobile-only {display:none}
address {font-style:normal}
.top-row img {background-size: 50%}
.bio-image {float:left; margin-right: 15px; height: 28%; width: 28%}

/* # Blog styles - 
================================================== */
.main-blog-content {background: white; padding: 50px 0; border-top: 0px solid #6C0C0D}
.blog-sidebar { border-left: 0px solid #6d6d6c; padding: 30px 0 30px 30px}
.blog-sidebar h3 {font-size: 20px; line-height: 28px; font-weight:600 }
.faux-button {	background: #6C0C0D;}
.center-blog-div {margin: 50px auto 150px auto;background: rgba(255, 255, 255, 0.95); max-width:1300px;border: 1px solid #DDD;padding: 30px 0;}

.center-blog-div h1 {text-align:left; font-size: 38px; line-height: 46px; }

/* # bands / containers - 
================================================== */

.band {padding: 0; margin:0}
.navigation { margin-top: 20px; background:transparent }
.logo p {margin:25px 0 0 0}
.main-content {background: rgba(255, 255, 255, 0.80);  background:  #FFF;  }
.center-div .map h1 {font-size: 22px; line-height: 34px; text-align:left}
p.lead {font-size: 24px; line-height: 36px; text-align:center; }


/* home page
================================================== */

.home-opener {top: 50%; left:50%background: rgba(68, 68, 68, 0.75);  padding:30px 30px;  }

.center-div {margin: 50px auto 200px auto;background: rgba(255, 255, 255, 0.95); max-width: 1200px;border: 1px solid #DDD;padding: 30px 0;}

.center-div h1 {text-align:center}

.hero-text {padding:25% 10% 10% 10%; text-align:center}
.hero-text h1 {color:white; font-size: 50px; line-height:64px; letter-spacing: .1em; background: rgba(0, 0, 0, 0.0); padding: 20px 20px; margin:0 ; text-shadow: 2px 2px 2px #000 }
.hero-text h2 {color:white; font-size: 22px; line-height:42px;  font-weight:300 }
.hero-text a {margin: 20px 20px}

/* home practice area icons
================================================== */

.home-icons {text-align:center; padding: 50px 15px; }
.home-icons h2 {font-size: 24px; line-height: 32px; font-weight:400; color:#444; border-bottom: 1px solid #BC8545}
.home-icons h2:hover {color:#999}
.home-icons p {font-size: 14px; color:#777; text-align:center}
.home-icons a {color:#444; text-decoration: none}
.home-icons a:hover {color:#999; text-decoration: none}
.home-icons i {color:#444; margin-bottom: 30px}
.home-icons i:hover {color:#BC8545}

/* home page - image grid
================================================== */

.magicwall {max-width: 960px;width: 100%;height: 360px;margin: 0 auto 30px;}

/* bio page
================================================== */


.full-page-bg-home {background-image: url('https://www.alterman.law/images/hero/ALG/slideshow/japanese-garden-2.jpg'); background-position: center center;
			background-repeat:  no-repeat;
			background-attachment: fixed;
			background-size:  cover;}

.full-page-bg-about {background-image: url('../images/hero/ALG/slideshow/fox-tower-color-2.jpg');background-position: center center;
			background-repeat:  no-repeat;
			background-attachment: fixed;
			background-size:  cover;}

.full-page-bg-dean {background-image: url('../images/hero/ALG/slideshow/pdx-2.jpg');background-position: center center;
			background-repeat:  no-repeat;
			background-attachment: fixed;
			background-size:  cover;}
			
.full-page-bg-erica {background-image: url('../images/hero/ALG/slideshow/mountains-1.jpg');background-position: center center;
			background-repeat:  no-repeat;
			background-attachment: fixed;
			background-size:  cover;}
			
.full-page-bg-what {background-image: url('../images/hero/ALG/slideshow/coast-1.jpg');background-position: center center;
			background-repeat:  no-repeat;
			background-attachment: fixed;
			background-size:  cover;}

.slideshow {background-image: url('https://www.alterman.law/images/hero/ALG/fox-tower-bw-white.jpg');background-position: center center;
			background-repeat:  no-repeat;
			background-attachment: fixed;
			background-size:  cover;}

.full-page-bg-resources {background-image: url('../images/hero/ALG/slideshow/books.jpg');background-position: center center;
			background-repeat:  no-repeat;
			background-attachment: fixed;
			background-size:  cover;}
			
.full-page-bg-payment {background-image: url('../images/hero/ALG/slideshow/cash-register.jpg');background-position: center center;
background-repeat:  no-repeat;
background-attachment: fixed;
background-size:  cover;}






/* # footer - home
================================================== */
footer.fixed-bottom {height:44px;  text-align:center; width: 100%;  background-repeat: repeat;background: #444;background-position: 0% 0%; position: fixed;bottom: 0;left: 0; z-index:1000; text-transform:uppercase; color:#FFF; font-size:13px; padding: 10px 20px; margin-top: 40px }
footer.fixed-bottom p {margin:0}
footer.fixed-bottom a {color: #FFF; text-decoration:none}
footer.fixed-bottom a:hover {color: #EEE; text-decoration:underline}
.right {text-align:right;}

footer.fixed-bottom .right a {margin-right: 10px}

footer.fixed-bottom i {font-size: 18px; margin-left: 8px; vertical-align:middle}



.section-title {
  font-size: 40px;
  color: #000;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 40px;
  margin: 0 0 50px 0;
}
.section-title:before {
  content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #6C0C0D;
}
.section-title:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: -14px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #fff;
  border-radius: 20px;
  background: #6C0C0D;
}





/* #navigation
================================================== */

nav.primary ul {font-weight:400; margin: 25px 0 0 0; text-align:center; }
nav.primary ul li {	 }
nav.primary select {	display: none;	width:  100%;	margin:0; text-align:center}
nav.primary ul li {	display: inline;	text-align:left;	position: relative; border-right: 0px solid #000}
nav.primary ul li a {display: inline-block;padding:  10px 14px 8px 14px ;color: #6C0C0D;font-size:16px; font-weight:bold; text-transform: uppercase;text-decoration: none; }
nav.primary ul li:hover > a{background: #6C0C0D;cursor: pointer; color:white}
nav.primary ul li.noborder {border-right: 0}
/*selected tabs*/

#who-we-are nav.primary ul li a.who-we-are {border-bottom: 1px solid #6C0C0D}
#blog nav.primary ul li a.blog {border-bottom: 1px solid #6C0C0D}
#what-we-do nav.primary ul li a.what-we-do {border-bottom: 1px solid #6C0C0D}
#attorneys nav.primary ul li a.attorneys {border-bottom: 1px solid #6C0C0D}
#resources nav.primary ul li a.resources{border-bottom: 1px solid #6C0C0D}
#payment nav.primary ul li a.payment {border-bottom: 1px solid #6C0C0D}
#contact nav.primary ul li a.contact {border-bottom: 1px solid #6C0C0D}

/*drop down menu*/

nav.primary ul ul {opacity: 0; filter: alpha(opacity=0);position: absolute;top:100%;left: 0;z-index: 999;background: #6C0C0D;margin-top:4px;padding-left:0px;height: 0px;overflow: hidden;	width: 250px;}
nav.primary ul li span {display: none;}
nav.primary ul li:hover ul {opacity: 10; filter: alpha(opacity=100); height: auto;overflow: auto; }
nav.primary ul ul li {display: list-item;list-style-type: none;border-bottom: 1px solid #4a0809;text-align:left; margin:0}
nav.primary ul ul li a {display: block;text-transform: none;color:#FFF; font-size: 16px; font-weight:normal }
nav.primary ul ul li a:hover {border-bottom: 0;background:#92292a;color:#FFF;}

/* #Media Queries
================================================== */



/* iPad  Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

div.header {position:relative; }

.logo p img {max-width: 400px}

nav.primary ul {margin:15px 0 0 0;}
nav.primary ul li a {padding:  6px 15px ;font-size:16px;text-transform: none;text-decoration: none; }



}

/* iPad  Portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

div.header {position:relative; }
.logo p {text-align:center; margin:10px 0 0 0}
.logo p img {max-width: 400px}

.navigation {padding:20px 0 20px 0}
nav.primary select {display: block; margin: 0 0 15px 0; }
nav.primary ul {display: none;}


.mobile-only {display:block}	
.desktop-only {display:none}	



 }
 

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) mobile landscape 480x320, small tablet portrait 600x800*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
nav.primary ul li a {display: inline-block;padding:  0px 8px ;color: #6C0C0D;font-size:14px;text-transform: uppercase;text-decoration: none; }

.home-icons h2 {font-size: 20px; line-height: 28px; font-weight:400; color:#444; border-bottom: 1px solid #BC8545}

}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) mobile landscape 480x320, small tablet portrait 600x800*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
.logo p {text-align:center; margin:20px 0 0 0}

.navigation {padding:10px 0 10px 0}
nav.primary select {display: block; margin: 0 0 15px 0; font-size: 18px;  text-align:center}
nav.primary ul {display: none; }

.center-div {margin: 0 auto 150px auto;background:white;max-width: 1200px;border: 1px solid #DDD;padding: 30px 0 100px 0;}
.attorney-row {margin-top: 30px}

.bio-bg {height: 35%;}
.attorney-bio {padding:25px 0;}
.bio-image {float:none; margin-right: 0; height: 100%; width: 100%}

.mobile-only {display:block}	
.desktop-only {display:none}	

footer.fixed-bottom {height:auto;  text-align:center; width: 100%;  background-repeat: repeat;background: #444;background-position: 0% 0%; position: fixed;bottom: 0pt;left: 0pt; z-index:1000; text-transform:uppercase; color:#CCC; font-size:13px; padding: 10px 20px}
footer.fixed-bottom .right {text-align:center}

.avvo-badge {margin-top: 30px}

}










/* iPhone 6 Plus - Portrait & Landscape*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { 
	
.logo p {text-align:center; margin:20px 0 0 0}

.navigation {padding:10px 0 10px 0}
nav.primary select {display: block; margin: 0 0 15px 0; font-size: 18px;  text-align:center}
nav.primary ul {display: none; }

.center-div {margin: 0 auto 150px auto;background:white;max-width: 1200px;border: 1px solid #DDD;padding: 30px 0 100px 0;}
.attorney-row {margin-top: 30px}

.bio-bg {height: 35%;}
.attorney-bio {padding:25px 0;}
.bio-image {float:none; margin-right: 0; height: 100%; width: 100%}

.mobile-only {display:block}	
.desktop-only {display:none}	

footer.fixed-bottom {height:auto;  text-align:center; width: 100%;  background-repeat: repeat;background: #444;background-position: 0% 0%; position: fixed;bottom: 0pt;left: 0pt; z-index:1000; text-transform:uppercase; color:#CCC; font-size:13px; padding: 10px 20px}
footer.fixed-bottom .right {text-align:center}

.avvo-badge {margin-top: 30px}

}



/* iPhone 6 - Portrait & Landscape*/
@media only screen 
and (min-device-width : 0px) 
and (max-device-width : 667px) { 
	
.logo p {text-align:center; margin:20px 0 0 0}

.navigation {padding:10px 0 10px 0}
nav.primary select {display: block; margin: 0 0 15px 0; font-size: 18px;  text-align:center}
nav.primary ul {display: none; }

.center-div {margin: 0 auto 150px auto;background:white;max-width: 1200px;border: 1px solid #DDD;padding: 30px 0 100px 0;}
.attorney-row {margin-top: 30px}

.bio-bg {height: 35%;}
.attorney-bio {padding:25px 0;}
.bio-image {float:none; margin-right: 0; height: 100%; width: 100%}

.mobile-only {display:block}	
.desktop-only {display:none}	

footer.fixed-bottom {height:auto;  text-align:center; width: 100%;  background-repeat: repeat;background: #444;background-position: 0% 0%; position: fixed;bottom: 0pt;left: 0pt; z-index:1000; text-transform:uppercase; color:#CCC; font-size:13px; padding: 10px 20px}
footer.fixed-bottom .right {text-align:center}

.avvo-badge {margin-top: 30px}

}









/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
		
		

.logo p {text-align:center; margin:20px 0 0 0}

.navigation {padding:10px 0 10px 0}
nav.primary select {display: block; margin: 0 0 15px 0; font-size: 18px;  text-align:center}
nav.primary ul {display: none; }

.center-div {margin: 0 auto 150px auto;background:white;max-width: 1200px;border: 1px solid #DDD;padding: 30px 0 100px 0;}
.attorney-row {margin-top: 30px}

.bio-bg {height: 35%;}
.attorney-bio {padding:25px 0;}
.bio-image {float:none; margin-right: 0; height: 100%; width: 100%}

.blog-sidebar {margin: 30px 0 50px 0; }

.mobile-only {display:block}	
.desktop-only {display:none}	

footer.fixed-bottom {height:auto;  text-align:center; width: 100%;  background-repeat: repeat;background: #444;background-position: 0% 0%; position: fixed;bottom: 0pt;left: 0pt; z-index:1000; text-transform:uppercase; color:#CCC; font-size:13px; padding: 10px 20px}
footer.fixed-bottom .right {text-align:center}
footer.fixed-bottom p {text-align:center}

.avvo-badge {margin-top: 30px}

	}