/*  header */
body {background-color:#002754}
.globalbgcolor {background-color:#fff} /* sets default bg color and home page overrides to white.*/

/* Social Media */

#socialsupper li { display:inline;text-align:left; padding:0 3% } /* needed for older safari that doesn't know justify-content*/
#socialsupper  { display: flex;  justify-content: space-between;  padding-left:2%; padding-right:2%;margin:0; margin-bottom:0px; padding-top:10px; padding-bottom:3px; margin-right:45px } 
#socialsupper li:nth-of-type(1) {} /* create space between hamburger and first social, using id=facebook failed */

#socialsupper i{ color:#105fba; font-size:21px;  } /* socials spacing - later use responsive grid to balance  controls hamburger size*/
#socialsupper a:hover{ color:red; } 

#hamburger-tour {outline:none; border-width:0px; color:#105fba; z-index:100;margin-left:auto; margin-right:auto;  font-size:13px; text-decoration:none}
#headerdiv {  padding-left:0; padding-right:0 }
#headerplate { text-align:center;color:#105fba;border:0px solid #eee; padding:0px; margin:0 auto; margin-bottom:0px; padding-bottom:4px; margin-top:45px ;}

#divSiteTitle {font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;  color: rgb(0, 39, 84); text-shadow: rgba(0, 0, 0, 0.1480392) 0px 3px 5px, rgba(255, 255, 255, 0.298039) 0px -2px 2px;  font-weight: bold; font-style: normal; text-transform: uppercase; text-decoration:none;font-size:15px; letter-spacing: 2px; margin-bottom:0; }

#divTagLine {color: rgb(255, 0, 0);  letter-spacing: 2px; font-size: 15px; font-weight:700; line-height:15px; padding-left: 0px; padding-right: 0px; background-color: transparent; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; margin-bottom:0; padding-bottom:5px} 

#phoneholder {text-align:center; margin-bottom:0; padding-bottom:-5px}
#phoneholder p:nth-of-type(1) {margin-right:3%}
#phoneholder p:nth-of-type(2) {margin-left:3%}
.phones {font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; text-shadow: rgba(0, 0, 0, 0.0980392) 0px 3px 5px, rgba(255, 255, 255, 0.298039) 0px -5px 35px; font-size:14px;font-weight:400;color:#002754; display:inline-block;margin-bottom:0}   

#dlaprofilepic {
	border: 1px solid #666666;
	height: 84px;
	float: right;
	margin-top: 4px;
	margin-right: 0px;
	display: none
}

#headerimagestrip {text-align:center; color:#002754; margin-left:-31px; padding-left:0; margin-right:0px; display: flex; padding-top:2px;  justify-content: space-between; display:none} /* holds row of header photos*/
#headerimagestrip img:nth-of-type(8) {display:none}
#headerimagestrip img{ padding-top:0px;  border: #ddd inset 2px; height:25px; }


/* Menu */
.navbar .nav-pills > li > a:hover, .navbar .nav-pills li.dropdown.open.active > .dropdown-toggle {-webkit-transition: ease-in-out .2s;-moz-transition: ease-in-out .2s;-o-transition: ease-in-out .2s;-ms-transition: ease-in-out .2s; transition: ease-in-out .2s;}
.menu-container  .navbar-nav > li > a:hover {  color:red;font-weight:700}
.menu-container  .navbar-nav > li > a {  font-size:14px; font-weight:700; text-align:left; margin-top:10px;color:#105fba;padding:10px 22px;}



.navbar-nav > li:active {color:#105fba; } 
.header-v6 .dropdown-menu {padding: 0px 0; border-top: solid 0px #105fba; }
.header-v6 {margin-bottom:2px}

   
    
  
  
 /* footer */
.footer-socials {list-style:none; padding:0px 0px; } 
.footer-socials i{ font-size:12px; padding:4px 0px; } 
.footer-socials i:hover{ color:red }

#footerdiv * { margin-bottom:20px;text-align:center;}

#deepdalelink:hover, #haverfordlink:hover, #footer-email:hover { text-decoration:underline; color:#f00} 
.copyright {text-align:center; font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:700;}
.copyright p{text-align:center; color:#f00}
.footerfield, #deepdalelink, #haverfordlink { display:block;font-weight:700; color:#105fba}
.box {color:#105fba;  }
#fish { width:65px; text-align:center; margin: 25px auto}
#footer-phone { margin-bottom:20px;}




/*  General */ 
.tooltip { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; text-align: left; }
.tooltip.left {  padding: 0px 14px;  margin-left: -0px;}
.tooltip-inner {  max-width: 200px;  padding: 3px 18px;  text-align: center;  border-radius: 4px;  background-color: #105fba;  color: #eee;   filter: alpha(opacity=1);  opacity: 1;}
.tooltip-arrow {  position: absolute;  width: 6px;  height: 4;  border-color: red;  border-style: solid;border: 2px solid #105fba !important;}
#dla-home-bio {  margin:24px auto;text-align: center;	margin-top: 12px;margin-bottom: 0px; color:#f00; padding-left:20px; padding-right:20px}
#dla-home-bio p{color:#002754}
.title {color:#002754}

.box i{	font-size: 44px; padding:auto 5px; }
.dlahomepagebiopic {
	border: 1px solid #414141
}

/* Standard Pages */	
.pageheader {text-align:center; margin:0 auto; font-weight:700; font-size:1.1em;color:#105fba; margin-bottom:12px;padding-top:4px; text-shadow: rgba(0, 0, 0, 0.1480392) 0px 3px 5px, rgba(255, 255, 255, 0.298039) 0px -2px 2px;}
.servicespage { font-size:1em;color:#002754;font-family:Arial, Helvetica, sans-serif;}
.servicespage ul, .servicespage p{text-align:left;}
div#pagecontentservices { text-align:center; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:0  }
div#pagecontentservices a, div#pagecontentservices a:visited{color:#105fba; text-decoration:none}

#pagecontentservices ul { list-style-image:url('../graphics/redcheckpadded.gif');  list-style-position:outside; padding:auto 0px; text-indent:0px; padding-left:-30px }
ul.services{ padding:0; margin-left:0; }

p.servicesintrotext { font-family:Arial, Helvetica, sans-serif;  text-align:left; margin-left:0 }

ul.services li{ padding:10px 0}

/* Shout Box */
.shout-box {
	margin-bottom:28px;
	padding:12px 0px 12px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow:hidden;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E7E8EF;
	border-right-color: #E7E8EF;
	border-bottom-color: #E7E8EF;
	border-left-color: #E7E8EF;
}
.shout-box .btn-right {
	float:right;
	margin-top:10px;
	margin-bottom:10px;
}
.shout-box h2 {
	font: 23px/22px 'Source Sans Pro', sans-serif;
	color:#222;
	margin-topm:10px;
	margin-bottom:10px;
}
.shout-box p {
	margin:0;
}

#homelinks {margin:0 -20px; padding:auto 8px; }
.homelink1 { /* home page links */
	-moz-border-radius:9px;	-webkit-border-radius:9px;	border-radius:9px;	border:1px solid #4e6096;	display:inline-block;	cursor:pointer;	color:#ffffff;	font-family:Arial;	font-weight:bold;	font-size:10px;	padding:3px 8px;	text-decoration:none;	border-color:#ecb419; color:#002754; background-color:white;
}
.homelink1:hover {	background-color:#eee;}
.homelink1:active {	position:relative;	top:1px;}

#dla-home-bio .box {padding:3px 40px}

p.certifications { margin-bottom:4px; font-size:15px; font-family: Syncopate;  padding:0 20px; font-weight:bold;font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;  color: rgb(0, 39, 84); text-shadow: rgba(0, 0, 0, 0.1480392) 0px 3px 5px, rgba(255, 255, 255, 0.298039) 0px -2px 2px;font-style: normal;text-transform: uppercase;}
p#certificationsline2 {margin-bottom:14px; font-size:10px; }


 
/*  Property Tours */
#slideshowdiv {margin-bottom:0px;padding:0; text-align:center; margin-left: auto; margin-right: auto;} /* adds some needed spacing above footer on this page only. */
#slideshowdiv #pic { border: #aaa 5px solid;margin:0; margin-bottom:0px; margin-top:10px;height:230px;max-height:230px;display: block; margin-left: auto; margin-right: auto;  }
#captionText { padding:0; text-align:center; font-size:1.2em; color:#105fba; margin-left:auto; margin-right:auto; z-index:10; margin-top:2px;  font-weight:800; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; padding-bottom:0px; margin-bottom:0px}

#captionTextFixed {font-size:13px; margin-top:0px; display:inline}
#tourtitle {text-align:center; font-size:1.4em; color:#105fba;  padding:0; font-weight:800; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; margin:0 auto; margin-top:-7px; margin-bottom:0px}
#tourtitle2 {text-align:center; font-size:1.0em; color:#105fba;  padding:0; font-weight:800; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; margin:3px auto}


/*  Controls */
#slidecontrolsdiv {text-align:center; display: flex;  justify-content: space-between; padding-right:3.5%; padding-left:4%; list-style:none; padding-top:8px; padding:0 auto; margin:0 auto; line-height:10px; margin-bottom:2px;}
#backArrow{cursor:pointer;color:#105fba; font-size:1.5em;}
#nextArrow {cursor:pointer; color:#105fba; font-size:1.5em; }
#backArrow:hover, #nextArrow:hover{ color:#f00}
#startStopButton {cursor:pointer; margin-top:-4px  }
#startStopButton:hover {color:red}
#showhidethumbs {height:25px; width:25px;background-color:transparent; cursor:pointer; }
#fullscreenslides {width:25px; height:25px; text-align:center; background-color:transparent; cursor:pointer; margin:0 10%; }

.fasterslowerbuttons {border:1px solid #484F66; cursor:pointer; text-align: center; color:#777; font-size:7pt; display:inline; padding:0px 10px; background-color:transparent}
.fasterslowerbuttons:hover {border:1px solid #585585;  background-color: #ddd; color:#f00; }
#startStopButton {font-size:12px; color:#ccc}
#navigationshortcutsdiv { display:none; color:#002754}
#navigationshortcutsdiv a, #navigationshortcutsdiv input{ color:#002754}
#photomenus {}
#photomenus {text-align: center; display:inline;}
#photomenus .menubutton {color:#105fba; border:none; background-color:transparent; padding:12px 3%; cursor:pointer }


/*  Fact Sheet */
#factsheetandmapdiv {  margin:0 auto; padding:0;  text-align:center; color:#105fba; padding:8px 8px}

#factsheetandmapdiv img:nth-of-type(1){border:hidden; height:105px; margin-bottom:11px; display:none} /* controls 24hour house better than using its id.*/
#factsheetandmapdiv p{text-align:center; font-size:1.0em; color:red; margin:0px; padding:0; font-weight:800; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif}
#factsheetandmapdiv ul{font-size:1.0em; list-style:none; text-align:left; padding:0}
#factsheetandmapdiv ul li { padding:0; margin:0; padding:7px 10px; padding-left:14px; color:#105fba; font-size:12px; font-weight:600 }

#factsheetandmapdiv #captiontextfixedline3, #factsheetandmapdiv #captiontextfixedline4 { margin-top:17px; margin-bottom:0px; font-size:14px; }
#factsheetandmapdiv #captiontextfixedline1{color:#105fba; display:block}
#factsheetandmapdiv #captiontextfixedline2{color:#105fba; display:block;font-size:.9em; margin-bottom: 10px}
#factsheetandmapdiv #captiontextfixedline3 {margin:auto; margin-top:5px; }
#factsheetandmapdiv #captiontextfixedline4 {margin:auto; margin-top:2px;  margin-bottom:8px;}

#listingdetailsdiv{ text-align:center; display: flex;  justify-content: space-between; padding-right:10%; padding-left:10%; list-style:none; padding-top:5px; }



 /* tour links */
.listingdetails {
	border:1px solid #4e6096;	display:inline-block;	cursor:pointer;	font-family:Arial;	font-weight:bold;	font-size:10px;	padding:0px 10px;	text-decoration:none;	border-color:#ecb419; color:#002754; background-color:white; text-align:center; margin:0px 5px; margin-bottom:10px;-moz-border-radius:5px;	-webkit-border-radius:5px;	border-radius:5px;	}
.listingdetails:hover {	background-color:#eee;}
.listingdetails:active {	position:relative;	top:1px;}



/*  Thumbnails */

#thumbnaildiv {display:inline}
#thumbnaildiv img {height:20px; width:28px;border: 1px solid #555555}


/*  Slider */
#sliderdiv {margin-left:0px; padding-top:7px; padding-bottom:40px; background-color:transparent;}
 
ms-info {font-size:11px;}
.ms-layer.video-title-dla {font-size: 36px;text-wrap:none; }
 
.ms-slide { background-color:transparent;padding-top:-40px; }
.ms-info { color:#1266c8; font-size:13px; background-color:transparent; }

#sliderdiv {margin: 0 auto; margin-bottom:40px; background-color:transparent;}

.click-for-details {
  font-size: 34px;}
  
  /* Slider Shadow */

.shadow {
    position: relative;
}

.shadow:after {
	content: '';
	position: absolute;
	z-index: -2;
	left: 2%;
	width: 96%;
	height: 60px;
	-moz-border-radius: 48%/30px;
	-webkit-border-radius: 48%/30px;
	border-radius: 48%/30px;
	bottom: 24px;
	-moz-box-shadow: 0 40px 15px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 40px 15px rgba(0, 0, 0, 0.5);
	box-shadow: 0 40px 15px rgba(0, 0, 0, 0.5);
}

.shadow:before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 30%;
	width: 40%;
	height: 60px;
	-moz-border-radius: 15%/30px;
	-webkit-border-radius: 15%/30px;
	border-radius: 15%/30px;
	bottom: 44px;
	-moz-box-shadow: 0 50px 50px rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: 0 50px 50px rgba(255, 255, 255, 0.4);
	box-shadow: 0 50px 50px rgba(255, 255, 255, 0.4);
}
/* Page-Specific */
div.testimonials {padding-left:20px; padding-right:20px;}



/* Portrait and Landscape  Galaxy S3*/
@media screen  and (min-device-width: 360px)    {
 #divSiteTitle {font-size:17px; line-height:30px; letter-spacing: 2px;}

#divTagLine {font-size: 15px; } 

.phones {font-size:14px;font-weight:500;}
p#certificationsline2 {font-size:11px; }
#headerimagestrip { padding-top:10px; margin-left:-28px} /* holds row of header photos*/
#headerimagestrip img{height:28px;}
#slideshowdiv {} /* adds some needed spacing above footer on this page only. */

#slideshowdiv #pic {height:280px;max-height:280px;}
#factsheetandmapdiv ul li {font-size:13px;}
#showhidethumbs {}
#thumbnaildiv img {height:24px; width:32px;border: 1px solid #555555}
.ms-info {font-size:15px;}
}



/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (-webkit-min-device-pixel-ratio: 2) {
#thumbnaildivholder {width:100%;}
#factsheetandmapdiv ul li {font-size:14px;}
#slideshowdiv #pic {height:285px;max-height:285px;}
.ms-info {font-size:16px;}
#thumbnaildiv img {height:27px; width:33px;}
p#certificationsline2 {font-size:12px; }
  }
  
@media (min-width: 568px) {
  #headerimagestrip img{height:41px;} 
  #slideshowdiv #pic {height:340px;max-height:340px;}
  #thumbnaildiv img {height:38px; width:48px;}
}

@media (min-width: 640px) {
 #headerimagestrip img{height:47px;} 
 #slideshowdiv #pic {height:380px;max-height:380px;}
}

@media (min-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  #headerimagestrip img{height:48px;} 
}




@media (min-width: 768px) {
	
 /* Header */

.socialsupper { margin-bottom:6px;}
#headerimagestrip {display:inline; margin-left:10px; margin-bottom:15px;}
#headerimagestrip img:nth-of-type(6) {display:inline}  #headerimagestrip img:nth-of-type(8) {display:inline}
#headerimagestrip img{height:53px;} 

 /*  Property Tours */
#slideshowdiv #pic {height:390px;max-height:390px;}
#thumbnaildiv img {height:35px; width:55px;border: 1px solid #555555}
#factsheetandmapdiv ul{font-size:1.0em;}
#factsheetandmapdiv ul li {padding:7px 10px; padding-left:14px; color:#105fba; font-size:12px; font-weight:600 }

 /*  Menu */
.navbar-toggle {display: block; }
.navbar-fixed-top .navbar-collapse, 
.navbar-static-top .navbar-collapse, 
.navbar-fixed-bottom .navbar-collapse {padding-right: 5px;padding-left: 5px; }
.navbar-collapse.collapse {display: none !important; }
.navbar-collapse.collapse.in {display: block!important; margin-top: 0px; }

}

@media (min-width: 992px) {
	#dla-home-bio{padding:3px 60px}
	#dla-home-bio .box {padding:3px 60px}
	
 /* header */
  #headerimagestrip {margin-left:auto; margin-right:auto; padding-top:40px}
  #headerimagestrip img{ height:55px;}
  #headerimagestrip img:nth-of-type(8) {display:none}
    #headerimagestrip img:nth-of-type(7) {display:none}
 /* Social Media */

#socialsupper  {  padding-left:6%;padding-right:4%;} 
#socialsupper i{font-size:19px;  } /* socials spacing - later use responsive grid to balance  controls hamburger size*/
 #socialsupper li:nth-of-type(1) {} /* create space between hamburger and first social, using id=facebook failed */
 
  /*  Property Tours */
 #slideshowdiv #pic {height:450px;max-height:450px;}
 
  /*  Slide Show */
   
#slidecontrolsdiv {text-align:center; margin-bottom:5px; }
.slidecontrols { display:inline;	cursor:pointer;font-size:10px;	color:#777; background-color:transparent; text-align:center;  border:0px ; padding:0 60px; margin-top:10px}
.slidecontrols:hover { text-decoration:underline;color:#002754;}
.slidecontrols:active {	position:relative;	top:1px;}

#slidecontrolleftwing { float:left; margin-top:-20px }
#slidecontrolrightwing { float:right; margin-top:-20px  }

#backArrow{cursor:pointer; margin-left:52px; font-size:18px }
#nextArrow {cursor:pointer;margin-right:52px;  font-size:18px }


.fasterslowerbuttons {border:1px solid #484F66; cursor:pointer; text-align: center; color:#777; font-size:7pt; display:inline; padding:0px 10px; background-color:transparent}
.fasterslowerbuttons:hover {border:1px solid #585585;  background-color: #ddd; color:#f00; }
#startStopButton {font-size:12px; color:#ccc}
#startStopButton:hover {outline:red thin solid}
#navigationshortcutsdiv { display:inline; }
#captionText { } 

/*  Fact Sheet */
#factsheetandmapdiv #captiontextfixedline4 {margin-bottom:4px;}
#factsheetandmapdiv #captiontextfixedline1{display:block; margin-bottom:0; font-size:1.3em}
#factsheetandmapdiv #captiontextfixedline2 {display:inline; margin-top:8px; margin-bottom: 10px}
#factsheetandmapdiv img:nth-of-type(1){display:inline} /* controls 24hour house better than using its id.*/

 
  /*  Menu */
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {display: block !important; }
.navbar-toggle {display: none; }
 #hamburger {display:none}

.menu-container .navbar-nav {margin-left:30px; margin-right:10px}
 .menu-container  .navbar-nav > li > a {  font-size:12px;padding:10px 14px; margin-top:-5px;} 
 .menu-container  .navbar-nav > li > a:focus,  .menu-container  .navbar-nav > li > a:active { color:red} 


.header-v6 .dropdown-menu {padding: 7px 0; min-width: 230px; border-top: solid 3px #105fba;}
.header-v6 .dropdown-menu li a{ font-size:13px; color:#105fba}
.header-v6 .dropdown-menu li:hover {}

.menu-container-tour {float:none; text-align:center; margin:0 auto; padding:0; display:inline }

/* Standard Pages */
.servicespage, #pagecontentservices { font-size:1em;color:#002754;font-family:Arial, Helvetica, sans-serif;  margin-left:250px }
.servicespage ul,.servicespage p {  padding:8px 90px;}
.sellerservicespage ul {padding:auto 80px}
 
/* Thumbnails */

 #thumbnaildiv{ margin-top:200px}
#thumbnaildiv img {height:38px; width:44px;}
#showhidethumbs {display:none}

/* footer */
.footers {text-align:center; margin-left:auto; margin-right:auto}
#footer-phone, #footer-email { display:inline; font-weight:700} 
#footer-email:hover { color:red} 
#deepdalelink, #haverfordlink { text-decoration:none; display:inline; margin:auto 10px; margin-top:20px }
#deepdalelink:hover, #haverfordlink:hover { text-decoration:underline; color:#f00} 
#fish { width:60px; margin-bottom:10px; margin-left:-16px; margin-top:6px; }
.footerfield {font-weight:normal; padding:0 12px; margin-right:30px }
.footerfield a {margin-right:0px; margin-bottom:10px;}
 
 #homelinks .homelink1 {margin:20px 40px; margin-bottom:0; padding:auto 40px; }
.homelink1 { }/* home page links */

.ms-slide h5 { font-size:15px; margin:18px auto}
 
}

@media (min-width: 1200px) {
.menu-container .navbar-nav {margin-left:6px; margin-right:15px}
 .menu-container  .navbar-nav > li > a {  font-size:14px;padding:10px 22px; margin-top:-5px;}
  
  #slideshowdiv #pic {height:500px;;max-height:500px;} 
  #headerimagestrip img{ height:70px;}
 #thumbnaildiv img {height:50px; width:66px;}
  #dlaprofilepic { height:74px;margin:0; padding:0; margin-top:5px; margin-right:20px; display:inline}	
}