/*
Theme Name: Andy Read
Theme URI: http://underscores.me/
Author: Dave Granvold
Author URI: http://www.specimenbox.com
Description: Custom WP Theme for Andy Read
Text Domain: andyread
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Andy Read is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
 */

body { 
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	-webkit-tap-highlight-color:rgba(0,0,0,0) !important;
	-webkit-text-size-adjust: 100% !important;
	font-family: interstate, sans-serif; font-weight: 500; font-style: normal; 
	color: #544947;
	font-size: 12px;
	line-height: 100%;
}
html { 
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	-webkit-tap-highlight-color:rgba(0,0,0,0) !important;
	-webkit-text-size-adjust: 100% !important;
	padding:0;
	margin:0;
}
body { overflow-x: hidden; }
img		{ -ms-interpolation-mode: bicubic; border:0; outline: none; padding:0; margin:0; }
p, div	{ padding:0; margin:0; }
a		{ outline:none; padding:0; margin:0; }
img.rollover { cursor: pointer; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.CF { clear:both; height:0; font-size: 1px; line-height: 0px; }

.interstateEtxraLight { font-family: interstate, sans-serif; font-weight: 300; font-style: normal; }
.interstateLight      { font-family: interstate, sans-serif; font-weight: 400; font-style: normal; }
.interstateRegular    { font-family: interstate, sans-serif; font-weight: 500; font-style: normal; }
.interstateBlack      { font-family: interstate, sans-serif; font-weight: 800; font-style: normal; }

.isTouch { display:block; position:fixed; bottom:0; right:0; width:10px; height:10px; z-index:0; }
@media (hover: hover) { .isTouch { display: none; } }

.isBig { display:block; }
@media only screen and (max-width : 670px) { .isBig { display:none; } }

.isSmall { display: none; }
@media only screen and (max-width : 670px) { .isSmall { display:block; } }


.andyReadBlue      { color: #004f81; }
.andyReadLightBlue { color: #004f81; }

.post-password-form {
	padding: 100px !important;
	font-size: 1.5em !important;
	line-height: 150% !important;
}

.classSocIcon:hover { opacity:0.67; cursor:pointer; }

#btmFooter   { position:fixed; z-index:9999999; bottom:0; height:100px; }
#corcLogo { height: 45px; padding: 30px 35px; }

#divLogo {
    float: left;
    width: 200px;
    margin-top: -20px;
}
@media only screen and (max-width: 670px) { #divLogo {  
	margin-top: -17px;  
	width:175px;
} }
#divPopupMenu { 
	display:none; 
	position:fixed; 
	right:0; 
	top:0; 
	z-index:99999999; 
	background-color:#f0f0f0; 
	opacity:0.9; 
	padding:30px 28px 14px 36px;
}

#divTopBar { 
	z-index:999999;
	height:62px; 
	padding: 35px 33px 3px 33px; 
} 
@media only screen and (max-width: 670px) { 
	#divTopBar {  
		height:49px; 
		padding: 25px 25px 3px 25px; 
	} 
}

.menuIconLine {
  width: 23px;
  height: 2px;
  background-color: #999999;
  margin: 5px 0;
}

#divTopFixed { position:fixed; top:0; background-color:white; width:100%; z-index:1000; height:100px; }
@media only screen and (max-width: 670px) { #divTopFixed { height:77px; } }

.divPic {
	display:none; 
	float:left;
}

#divMenuIcon { display: none; position:relative; z-index:9999; text-align:right; float:right; }
@media only screen and (max-width: 670px) { #divMenuIcon { display:block; } }

#divMenuIcon:hover { cursor:pointer; }

#divPriNav { display:block; }
@media only screen and (max-width: 670px) { #divPriNav { display:none; } }

.classLogoRight {
	font-family: interstate, sans-serif; font-weight: 400; font-style: normal;
	font-size: 13px;
	letter-spacing: 0.12em;
	line-height: 22px; 
	color: #5d5851;
	float: left; 
	margin-top: -3px; 
	padding: 0 0 0 14px;
}

.classPriNavItemNR {
	padding: 0 0 0 16px;
	font-family: interstate, sans-serif; font-weight: 400; font-style: normal;
	font-size: 13px;
	color: #5d5851;
	letter-spacing: 0.12em;
}
.classPriNavItem {
	padding: 0 0 0 16px;
	font-family: interstate, sans-serif; font-weight: 400; font-style: normal;
	font-size: 13px;
	color: #5d5851;
	letter-spacing: 0.12em;
}
.classPriNavItem:hover{
	cursor:pointer;
	color: #f99d1c;
}
/* 
.classIcon {
}
 */


.classFilterItem {
	padding: 4px 10px !important;
	border-right:1px solid #333333;
	height:12px !important;
	margin-top:-4px;
}

.classUnderNavBold {
	padding: 0 0 0 16px;
	font-family: interstate, sans-serif; font-weight: 500; font-style: normal;
	font-size: 13px;
	color: black;
	letter-spacing: 2px;
}

.classPriNavItemMarked {
	font-weight: 500;
	color: #333333;
	letter-spacing:0.09em !important;
}

.classPriNavItemPopUp {
	font-family: interstate, sans-serif; font-weight: 500; font-style: normal;
	font-size: 14px;
	text-align: left;
	color: #333333;
	letter-spacing: 0.1em;
	line-height: 300%;
}
@media (hover: hover) {
	.classPriNavItemPopUp:hover {
		cursor:pointer !important;
		filter:alpha(opacity = 50) !important; 
		opacity:0.5 !important;
	}
}


.classSecNavItemPopUp {
	font-family: interstate, sans-serif; font-weight: 500; font-style: normal;
	font-size: 13px;
	text-align: left;
	color: #5d5851;
	line-height: 200%;
}

.classPageTitleSmall {
	padding: 0 25px 4px 25px;
	font-family: interstate, sans-serif; font-weight: 500; font-style: normal;
	font-size: 13px;
	color: black;
	letter-spacing: 0.1em;
	line-height:115%;
}

#divThumbsBig { padding:100px 0 0 0; overflow:auto; }
@media only screen and (max-width: 670px) { #divThumbsBig { padding:77px 0 0 0; } }

#divThumbsSmall {padding:70px 0 0 0;}

.thumb {
	position:relative;
	z-index:200;
	width:0%;
	float:left;
	padding-right:13px;
	padding-bottom:13px;
	filter:alpha(opacity = 100); 
	opacity:1;
	cursor: pointer;
}

.thumbCap {
	pointer-events:none;
	position:absolute;
	top:75px;
	left:46px;
	z-index:300;
	padding:47px 13px;
	font-family: interstate, sans-serif; font-weight: 500; font-style: normal;
	color: #404040;
	font-size: 15px;
	line-height: 100%;
	letter-spacing: 0.05em;
}

#divTopArea { position:fixed; bottom:0; width:100%; z-index:1000; height:100px; }
@media only screen and (max-width: 670px) { #divTopArea { height:79px; } }

#divBtmBar2 {
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:80px;
	background-color:white;
	z-index:999999;
}
@media only screen and (max-width: 670px) { #divBtmBar2 { display:none; } }

.classProjText {
	font-family: interstate, sans-serif; font-weight: 300; font-style: normal;
	color: #333333;
	font-size: 1.7em;
	line-height: 150%;
}
@media (min-width: 900px) and (min-height: 1100px)  { .classProjText { font-size: 19.5px; } }
@media (max-height: 810px) 						    { .classProjText { font-size: 12.2px; } }

.classProjText p {
	padding-bottom:0.7em;
}
.classListTitle {
	font-family: interstate, sans-serif; font-weight: 800; font-style: normal;
	color: #333333;
	font-size: 1.5em;
	line-height: 150%;
}
@media (min-width: 900px) and (min-height: 1100px)  { .classListTitle { font-size: 19.5px; } }
@media (max-height: 810px) 						    { .classListTitle { font-size: 13px; } }
@media only screen and (max-width : 670px) 			{ .classListTitle { font-size: 14px; } }

.classListText {
	font-family: interstate, sans-serif; font-weight: 300; font-style: normal;
	color: #333333;
	font-size: 1.7em;
	line-height: 150%;
}
@media (min-width: 900px) and (min-height: 1100px)  { .classListText { font-size: 19.5px; } }
@media (max-height: 810px) 						    { .classListText { font-size: 12.2px; } }
@media only screen and (max-width : 670px) 			{ .classListText { font-size: 14px; } }


.classListText p {
	padding-bottom:0.7em;
}
.classOverLighter {
	filter:alpha(opacity = 100); 
	opacity:1.0;
}
@media (hover: hover) {
	.classOverLighter:hover {
		cursor:pointer !important;
		filter:alpha(opacity = 50) !important; 
		opacity:0.5 !important;
	}
}

.classPracticeText {
	font-family: interstate, sans-serif; font-weight: 300; font-style: normal;
	color: #333333;
	font-size: 1em;
	line-height: 150%;
}
@media only screen and (max-width : 670px) { .classPracticeText { font-size: 1.4em } }

.classPracticeText p {
	padding-bottom:0.7em;
}

.classPracticeBlockTitle {
	font-family: interstate, sans-serif; font-weight: 800; font-style: normal;
	color: #333333;
	font-size: 1.85em;
	line-height: 100%;
}
@media (min-width: 900px) and (min-height: 1100px)  { .classPracticeBlockTitle { font-size: 24px; } }
@media (max-height: 810px) 						    { .classPracticeBlockTitle { font-size: 15px; } }
@media only screen and (max-width : 670px) 			{ .classPracticeBlockTitle { font-size: 16px; } }

.classPracticeSubTitle {
	font-family: interstate, sans-serif; font-weight: 300; font-style: normal;
	color: #333333;
	font-size: 1.7em;
	line-height: 150%;
	padding-bottom:0.7em;
}
@media (min-width: 900px) and (min-height: 1100px)  { .classPracticeSubTitle { font-size: 22.7px; } }
@media (max-height: 810px) 						    { .classPracticeSubTitle { font-size: 14.2px; } }
@media only screen and (max-width : 670px) 			{ .classPracticeSubTitle { font-size: 15px; } }

.classBulletedList ul {
	padding-inline-start: 20px;
	margin-block-start: 0px;
    font-size: 0.9em;
    line-height: 150%;
}

#divSpecimen {
	font-family: interstate, sans-serif; font-weight: 300; font-style: normal;
	color: #333333;
	font-size: 1.2em;
	line-height: 100%;

}

a:link    {text-decoration:none; color: #555555; font-family: interstate, sans-serif; font-weight: 500; font-style: normal;}
a:visited {text-decoration:none; color: #555555; font-family: interstate, sans-serif; font-weight: 500; font-style: normal;}
a:hover   {text-decoration:none; color: #999999; font-family: interstate, sans-serif; font-weight: 500; font-style: normal;}
a:active  {text-decoration:none; color: #999999; font-family: interstate, sans-serif; font-weight: 500; font-style: normal;}

a.lg:link    {text-decoration:none; color: #5d5851; font-family: interstate, sans-serif; font-weight: 400; font-style: normal;}
a.lg:visited {text-decoration:none; color: #5d5851; font-family: interstate, sans-serif; font-weight: 400; font-style: normal;}
a.lg:hover   {text-decoration:none; color: #5d5851; font-family: interstate, sans-serif; font-weight: 400; font-style: normal;}
a.lg:active  {text-decoration:none; color: #5d5851; font-family: interstate, sans-serif; font-weight: 400; font-style: normal;}