/* Stylesheet for Murphy Anderson */

@import url('https://fonts.googleapis.com/css?family=Cardo:400,700');
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700');

body {
	background-color: #ffffff; color: #555555;
	font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 16px; line-height: 1.75em;
}

/* ---- bgn GENERAL OVERRIDES ---- */

h1, h2, h3, h4, h5, h6 {
	color: #092141;
	font-family: 'Cardo', Georgia, Times, Times New Roman, serif;
}

a { color: #33adff; transition: all 0.3s ease 0s; /*text-decoration:underline;*/ }
/* a:visited { color: #454545; } */
a:hover, a:active { color: #031E3C; }

h3.h-Inline { display:inline; }
div.date-Inline { font-weight:bold; font-size:.8em; display:inline; }

.btn {
    border: 0; font-size: 16px; 
	font-weight: 400; padding: 12px 24px;
}
.btn-primary {
	background-color: #33adff; color: #ffffff;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s; 
}
.btn-primary:hover { background-color: #031E3C; }

.spacer { height: 30px; }


/* ---- bgn HEADER & NAVBAR ---- */

#header { padding: 1em 0; }

.navbar-default { background-color: transparent; border-color: transparent; }
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited { color: #203e9a; text-decoration:none; }
.navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:hover { color: #33adff; }

.navbar-brand { padding-top:0; padding-right:0; }

/* added 10232018 by Peter M. */
span.glyphicon-search > em { 
	visibility:hidden;
}

.row { margin-top:15px; }

@media (max-width: 1199px) {
	
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: #203e9a; border-color: #ffffff !important;
	}
    
	.navbar-default .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: none;
    }
    .navbar-collapse.collapse { display: none !important; }
    
	.navbar-nav {
        float: none !important;
        margin: 8px -15px;
    }
    .navbar-nav > li { float: none; }
    .navbar-nav > li > a { 
		border-bottom: 1px solid #e6e6e6;
		padding-top: 10px; padding-bottom: 10px;
	}
	.navbar-nav > li:last-child > a {
		border-bottom: 0;
	}
    
	.navbar-collapse.collapse.in { display: block !important; }
    .collapsing { overflow: hidden !important; }
	
}

/* ---- bgn HOMEPAGE CONTENT ---- */

#banner {
	background: #022042;
	color: #ffffff;
}

#homepage-one {
	padding: 15px 0 35px 0;
}

ul.firm-news {
	list-style-type: none;
	margin: 0; padding: 0;
}
ul.firm-news li {
	border-bottom: 1px solid #e6e6e6;
	padding: 20px 0;
}

#homepage-two {
	background-color:#e6e6e6;
	padding: 15px 0 35px 0;
}

#homepage-two dl { margin-bottom:3em; }
#homepage-two dt {
	color: #092141; font-size: 18px;
	margin-top: 20px;
}
#homepage-two dd {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 20px;
}

#homepage-three {
	padding: 35px 0 35px 0;
}


/* ---- bgn HOMEPAGE TOP SLIDER ---- */

.fade-carousel {
    position: relative;
    height: 500px;
}
.fade-carousel .carousel-inner .item {
    height: 500px;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 3px;
    background-color: #031E3C;
	border-color: #031E3C;
}
.fade-carousel .carousel-indicators > li.active {
	background-color: #33adff;
	border-color: #33adff;
}

.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
	text-shadow: 0 1px 5px rgba(0,0,0,0.5);
    -webkit-transform: translate3d(-50%,-50%,0);
       -moz-transform: translate3d(-50%,-50%,0);
        -ms-transform: translate3d(-50%,-50%,0);
         -o-transform: translate3d(-50%,-50%,0);
          transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    color: #ffffff;
	font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    margin: 0; padding: 0;
}
.hero .h3 {
    color: #ffffff;
	font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
    margin: 15px 0; padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
          transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
          transition: 2s all ease-in-out .1s;    
}

.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4 {
	height: 500px;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 { background-image: url(/images/BrendaJasonBanner2022.jpg); }
.fade-carousel .slides .slide-2 { background-image: url(/images/bannerHomepage06172019_3.jpg); }
.fade-carousel .slides .slide-3 { background-image: url(/images/bannerHomepage06172019_2.jpg); }
/* .fade-carousel .slides .slide-4 { background-image: url(/images/bannerHomepage4.jpg); } */

@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}


/* ---- bgn HOMEPAGE CAROUSEL AT BOTTOM ---- */

.carousel { padding-bottom: 50px; }

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}
.carousel-control {
	background-color:#cccccc;
	border: 4px solid #ffffff;
	border-radius: 23px; -moz-border-radius: 23px; -webkit-border-radius: 23px;
	height: 40px; left: -50px; margin-top: 10%; width: 40px;
	text-shadow:none;
}
.carousel-control.right {
	right: -50px;
}

.carousel-indicators {
	top: auto; right: 50%; 
	bottom: -10px; margin-right: -19px;
}

.carousel-indicators li {
	background: #cccccc; margin:0 1px;
	height: 15px; width: 15px;
}
.carousel-indicators .active {
	background: #33adff;
	height: 15px; width: 15px;
}

.hovereffect {
	cursor: pointer; float: left; height: 100%;
	overflow: hidden; position: relative;
	text-align: center; width: 100%;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.hovereffect .overlay {
	height: 100%; width: 100%;
	position: absolute; overflow: hidden;
	top: 0; left: 0;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.hovereffect:hover {
	-webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
}

.hovereffect img {
	display: block;
	position: relative;
}

.hovereffect h2 {
	background: rgba(2, 32, 66, 0.8); color: #ffffff;
	font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 18px; padding: 10px; position: relative; text-align: center;
	-webkit-transform: translateY(202px); -ms-transform: translateY(202px); transform: translateY(202px);
	-webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}

.hovereffect:hover h2 {
	-webkit-transform: translateY(170px);
	-ms-transform: translateY(170px);
	transform: translateY(170px);
}

.hovereffect a.info {
	color: #ffffff; display: inline-block; font-size:14px;
	margin: 0; padding: 10px; text-decoration: none;
	opacity: 0; filter: alpha(opacity=0);
	-webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);
	-webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}

.hovereffect:hover a.info {
	opacity: 1; filter: alpha(opacity=100);
	-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
}

.hovereffect a.info:hover {}

@media (max-width: 768px) {
    
	#at-carousel {
		margin: 0 auto;
		width: 80%;
	}
	.carousel-control { margin-top: 45%; }
	
	.hovereffect img { width:100%; max-height:320px; }

}

/* ---- bgn SUBPAGE CONTENT (APPLIES TO ALL) ---- */

#subbanner {
	background: #022042; color: #ffffff;
	padding: 35px 0 35px 0;
}
#subbanner h1 { color: #ffffff !important; }

#section-one { padding: 15px 0 35px 0; }
#section-two { padding: 0 0 50px 0; }
#section-page { padding:15px 0 50px 0; }

.togglelink {
	color: #092141 !important;
	font-family: 'Cardo', Georgia, Times, Times New Roman, serif;
	font-size: 24px; font-weight: 400;
}

.togglelink:active, .togglelink:hover,
.togglelink:focus { text-decoration:none; }

.togglelink .glyphicon { 
	font-size: 14px; font-weight: 300;
	margin-right: 5px;
}

.sidebar-menu {
	
	border-top: 1px solid #999999;
	margin: 35px 0 0 0; padding: 5px 0;
}
.sidebar-menu li {
	border-bottom: 1px solid #e6e6e6;
	list-style-type: none;
	margin: 0; padding: 5px 0;
}
.sidebar-menu i.fa { margin-right:5px; }

/* ---- bgn ATTORNEYS ---- */

.img-attorneypic { 
	margin-right: 20px;
	max-width: 200px; 
}

p.img-street img { 
	width: auto;
	height: auto;
	max-width: 100%; 
}

h3.aname {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 24px;
}

span.email { text-wrap:normal; }

/* ---- bgn ATTORNEY BIOS ---- */

.location { color: #33adff; margin-top: 10px; }

.socialbtn { margin-top:10px; width:100%; }

button i.fa { margin-right: 10px; }

/* ---- bgn NEWS ---- */

.post-article {
	border-bottom:1px solid #cccccc;
	padding:25px 0 35px 0;
}

.news-widget {
	margin: 0; padding: 5px 0;
}
.news-widget li {
	border-bottom: 1px solid #e6e6e6;
	list-style-type: none;
	margin: 0; padding: 12px 0;
	line-height:1.3em;
}
.news-widget i.fa { margin-right:5px; }


/* ---- bgn FOOTER ---- */

#footer {
	/* background-color: #022042; color: #ffffff; */
	/* padding: 35px 0 35px 0; */
	padding: 0 0 20px 0;
} 

#footer p {
	/* background-color: #022042; color: #ffffff; */
	/* padding: 35px 0 35px 0; */
	margin: 15px 50px 20px;
}

.footer-logo { 
	font-size: 32px;
	margin-bottom: 0;
}
.pllc { font-size: 16px; }

ul.footer-menu {
	float: right; list-style-type: none;
	margin: 0; padding: 0;
}
ul.footer-menu li {
	display: inline; float: left;
	margin: 0 10px; padding: 0;
}

#footer hr {
	background-color: #374f69;
	border-top: 0; border-right: 0; border-bottom: 0; border-left: 0;
	color: #374f69; height: 1px; margin: 15px 0;
}

.disclaimer { font-size: 14px; }

@media (max-width: 1199px) {
    ul.footer-menu li {
		font-size: 13px;
	}
	.disclaimer { font-size: 13px; }
}