/* 
Theme Name: ALS Firm Custom Theme 
Theme URI: http://hopandjaunt.com
Description: Built on Responsive Theme 

Template: responsive
Version: 1.0.0
Author: ThemeID 
Author URI: http://themeid.com
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, flexible-width, rtl-language-support

License: GNU General Public License
License URI: license.txt 

Responsive WordPress Theme, Copyright (C) 2003-2012 Emil Uzelac 

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

/* =Import Styles
-------------------------------------------------------------- */
@import url('../responsive/style.css');


	
/* =Start From Here
-------------------------------------------------------------- */








/* Media Print
-------------------------------------------------------------- */
@media print {

    h1 {
	    page-break-before: always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after: avoid;
    }

    ul,  ol,  dl {
	    page-break-before: avoid;
    }
}

/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2013/06/devicepixelrati.html
-------------------------------------------------------------- */
@media 
    only screen and (-moz-min-device-pixel-ratio:1.5), 
    only screen and (-o-min-device-pixel-ratio:3/2), 
    only screen and (-webkit-min-device-pixel-ratio:1.5), 
    only screen and (min-device-pixel-ratio:1.5) {
    
    body {}
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

    body {}
	
    .grid, 
	.grid-right {
	    float: none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 0px 0 0 0;
	
    }


	.home #widgets {
		margin-top: 40px;
	}
    
    .top-widget,
    .home .top-widget {
        margin-top: 0 !important;
    }
    
    .hide-980 {
        display: none;
    }
    
    .show-980 {
        display: block;
    }
    
}

@media screen and (max-width: 650px) {

    body {}

    #logo {
	    float: none;
        margin: 0;
	    text-align: center;
    }

    .grid, 
	.grid-right {
	    float: none;
    }

	#featured-image .fluid-width-video-wrapper {
	    margin: 0px 0 0 0;
    }
    
    .top-widget {
        float: none;
        margin: 0 auto 10px auto;
        position: relative;
        text-align: center;
        width: auto;
    }
    
    .top-widget .widget-title {
        text-align: center;
    }
	
    .js .menu,
	.js .sub-header-menu {
		display: none;
	}
	
	.top-menu, 
	.footer-menu li {
	    float: none;
        font-size: 11px;
	    text-align: center;
    }
	
	.tinynav {
        display: block;
    }
    
    .sb-holder {
        display: block;
    }
    
    #author-meta {
        padding: 20px;
    }
    
    .hide-650 {
        display: none;
    }
    
    .show-650 {
        display: block;
    }
    
    #footer {
	    text-align: center;
    }

    #footer .social-icons {
        padding-bottom: 10px;
	    text-align: center;
    }
}

@media screen and (max-width: 480px) {

    body {}

    #logo {
	    float: none;
	    text-align: center;
    }

    .grid, 
	.grid-right {
	    float: none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 0px 0 0 0;
	}
	
	.featured-title {
	    font-size: 40px;
	    padding: 40px 20px 0 20px
    }
    
    .featured-subtitle {
        font-size: 24px;
    }
    
    .navigation .next,
    .navigation .previous {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
	
    .menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 
	.sub-header-menu li {
	    float: none;
	    text-align: center;
        text-rendering: optimizeSpeed;
    }
	
    .hide-480 {
        display: none;
    }
    
    .show-480 {
        display: block;
    }
    
    #footer {
	    text-align: center;
    }

    #footer .social-icons {
	    text-align: center;
    }
}

@media screen and (max-width: 320px) {
    
    body {}
	
	#featured p {
	    font-size: 12px;
		line-height: 1.5em;
    }

    .featured-title {
	    font-size: 35px;
    }
	
	.featured-subtitle {
		font-size: 15px;
	}

    .call-to-action a.button {
	    font-size: 14px;
	    padding: 7px 17px;
    }

    .hide-320 {
        display: none;
    }
    
    .show-320 {
        display: block;
    }
}

@media screen and (max-width: 240px) {
    
    body {}
	
	#featured p {
	    font-size: 11px;
		line-height: 1.5em;
    }

    .featured-title {
	    font-size: 20px;
    }
	
	.featured-subtitle {
		font-size: 11px;
	}

    .call-to-action a.button {
	    font-size: 12px;
	    padding: 5px 15px;
    }
    
    .top-widget area,
    .top-widget select,
    .top-widget textarea,
    .top-widget input[type="text"], 
    .top-widget input[type="password"] {
        width: 75%;
    }
    
    .widget-title,
    .widget-title-home h3 {
        font-size: 14px;
        height: 13px;
        line-height: 13px;
        text-align: left;
    }
    
    .hide-240 {
        display: none;
    }
    
    .show-240 {
        display: block;
    }
}
a {
    color: #002157;
    font-weight: 400;
    text-decoration: none;
}
body.custom-background {
    border-top: 3px solid #002157;
}

#container {
	background:url(images/lightbg.png) no-repeat;
}
.home #wrapper{
    border:none;
    margin: 20px auto;
    padding: 0px;
}
#hometitle
{text-align:center;
}
#logo {
    float:none;
    text-align:center;
	margin:0px 0 10px 0;
}
.menu {
    background:transparent;
	border-top: 1px solid #989a9b;
	border-bottom: 1px solid #989a9b;
   }
.menu a {
    border-left: none;
    color: #002157;
    display: block;
    font-size: 15px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0 0.9em;
    position: relative;
    text-decoration: none;
    text-shadow: none;
}   
.menu a:hover {
	background:transparent;
	color:#fff;
}
.home .menu .current_page_item a {
    background: transparent;
	color:fff;

}   
.menu .current_page_item a {
    background-color: transparent;
}

.menu li {
    left: 27%;
}
.menu li li {
    left:0%;
}
#featured {
background:transparent;
padding:0px;
border:none;
}
#featured-image{
background: url(images/law2.jpg) no-repeat;
margin-top:0px;
border-bottom:#3002157 3px solid;
width:960px;
height:350px;
box-shadow: inner 0 5px 5px #898989;
-moz-box-shadow: inset 0 5px 5px #898989;
-webkit-box-shadow: inset 0 5px 5px #898989;
}


.featured-title {
	color:#fff;
    font-size: 60px;
    letter-spacing: -1px;
    margin: 0;
    padding-top: 40px;
    text-align: left;
	line-height:80px;
}
#home_content{
		    box-shadow: 0 5px 5px #898989;
    background-color:#f4f4f4;
	padding:15px;
	width: auto;
}
.widget-title, .widget-title-home h3 {
    color: #636363;
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    margin: 0;
    padding: 0 0 20px;
    text-align: center;
}
.widget-wrapper {
	-webkit-border-radius:6px;
    -moz-border-radius:6px;
	background:transparent;
	border:none;
	border-radius:6px;
	font-size:13px;
	margin:0 0 20px;
	padding:20px;
}

#homewid{

}
#footer{
max-width:100%;
background: #474e50;
padding-top:0x;
height:auto;
border-top:3px solid #e3e3e3;
color:#b4b8b9;

}
#footer a {
    color: #b4b8b9;
    font-weight: 400;
}

#footer-wrapper {
max-width:960px;
margin:0 auto;
padding:0px;
height: auto;
}
.post-meta {
    clear: both;
    color: #9F9F9F;
    display: none;
    font-size: 13px;
    margin-bottom: 10px;
}



div.anythingSlider-minimalist-square.activeSlider .anythingWindow {
    border:none;
}
#address{
	text-align:center;
}
.widimg{
  border: medium solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    height: 150px;
	width:185px;
    margin-bottom: 10px;
    overflow: hidden;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
}