@import url('https://fonts.googleapis.com/css?family=Open+Sans|Sorts+Mill+Goudy');
/* All CSS here. Grouped into 3 sections - standard element, class and id*/


/*
        Standard Elements
*/


body{
    background-image: linear-gradient(to top, #1a2136, #223345, #2f4553, #405860, #546a6d);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    font-family: 'oldstyle_1hplhs', serif;
    padding-bottom:0;  

}

h1, h3, h4{
    color:#EADED3;
    font-family: 'oldstyle_1hplhs', serif;
}
h2{
    color:#071728;
    font-family: 'oldstyle_1hplhs', serif;
}
li{
    color:#EADED3;
    
}
p{
    color:#EADED3;
    font-family: 'Open Sans', sans-serif;
    
}
ul{
    color:#EADED3;
}
footer{
    height:100%;
    background-color:#EADED3;
    background-image: linear-gradient(to bottom, #eaded3, #e1d0c0, #d7c2ad, #cdb49b, #c3a689);
    

    
    
}

footer p{
    text-align: justify;
    font-size: 80%;
}
footer h4{
    font-size: 90%;

}
a{
    color:#EADED3;
    font-family: 'oldstyle_1hplhs', serif;
}
a:hover{
    text-decoration: none;
    color:#EADED3;
}
address{
    font-family: 'Open Sans', sans-serif;
    color:#354059;
}
i { 
    font-style: italic;
}
/*
    Classes
*/

.about-vertical{
    background-color: #313E52;
    border-left: 4px double #EADED3;
    border-right: 4px double #EADED3;
 
 }
.animated-line{
    width:0%;
    margin: auto;
   
    
    border-bottom:2px solid #EADED3;
    animation: line 1s linear forwards;
    filter: drop-shadow(1px 5px 3px black);  
    
}
@keyframes line {
    from {
      left:40%;
      width:0%;
    }
    to {
      left:0%;
      width:80%;
    }
}
.btn-primary.raised {
	box-shadow: 0 3px 0 0 #937f6d;
}
.btn-primary.raised:active, .btn-primary.raised.active {
	background: #937f6d;
	box-shadow: none;
	margin-bottom: -3px;
	margin-top: 3px;
}
.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
.btn-primary {
    background: #EADED3;
    color: black;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #b2a090;
}
.btn-primary:active, .btn-primary.active {
    background: #b2a090 !important;
    box-shadow: none !important;
}
.card{
    background:#eaded3;
    
}

.disclaimer h4{
    color:#071728;
    font-family: 'Open Sans', sans-serif;
}
.disclaimer p{
    color: #071728;
    font-family: 'Open Sans', sans-serif;
}

.fees-paral{
    background-image:url("../images/bookcase.jpg");
    border-bottom: 4px double #EADED3;
    border-top: 4px double #EADED3;

}

/* Hover.css from http://ianlunn.github.io/Hover/, unaltered from original code and in personal use*/
.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
  }
.hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #EADED3 transparent transparent transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.navbar{
    background-color:#EADED3;
    /*background: repeating-linear-gradient(
  to right,
    #EADED3,
    #EADED3 10px,
    #EBE1D7 10px,
    #EBE1D7 20px
 ) ;*/
 
   
}
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #071728;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #354059;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    
    color: #071728;
}

.nav-item:hover{
    
   
    border-bottom:1px solid #071728;

}  
.paral {
   
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 50%;
    }
.paral-spacer{
    padding: 3.0rem 0;
}

/*
    Custom ID
*/
#address-container{
    margin-top:5%;
 }
#body-banner{
    height:100%;
    text-align: justify;
  
}
#criminal-banner{
    background-image:url("../images/courtroom.jpg");
    border-left: 4px double #EADED3;
    border-right: 4px double #EADED3;
    text-align: justify;
}
#criminal-banner p{
    color: #071728;
    
}
#criminal-banner h3{
    color: #071728;
    
}

#civil-banner{
    background-image:url("../images/civil.jpg");
    border-left: 4px double #EADED3;
    border-right: 4px double #EADED3;
    text-align: justify;
    


}
#civil-banner p{
    color: #071728;
}
#civil-banner h3{
    color: #071728;
}
#contact-cards{
    display:none;
    
}
#contact-cards p{
    color: #071728;
}

#email-bar{
    /*background: repeating-linear-gradient(
        to right,
          #EADED3,
          #EADED3 10px,
          #EBE1D7 10px,
          #EBE1D7 20px
       ) ;*/
       background-color:#EADED3;
    height:90px;
    margin-bottom:15px;
    transform: rotate(5deg) skew(5deg);
    filter: drop-shadow(1px 10px 3px black);
    
}
#facebook-bar{
    /*background: repeating-linear-gradient(
        to right,
          #EADED3,
          #EADED3 10px,
          #EBE1D7 10px,
          #EBE1D7 20px
       ) ;*/
       background-color:#EADED3;
    height:90px;
    
    transform: rotate(5deg) skew(5deg);
    filter: drop-shadow(1px 10px 3px black);
    
}
#google-map{
    border: 5px double #EADED3;
    
}
#img-text{
    margin:auto;
    padding: 15px;
    background-color: rgb(7, 23, 40);
    background-color: rgba(7, 23, 40, .8);
    width:90%;
}
#img-text-line-1{
    line-height: 1.5;
    filter: drop-shadow(1px 5px 3px black);
    animation-duration: 1.5s;
    animation-delay: .5s;

}
#img-text-line-2{
    line-height: 1.5;
    filter: drop-shadow(1px 5px 3px black);
    animation-duration: 1.5s;
    animation-delay: .5s;
}

#img-text h3{
    color:#EADED3;
    
}

#learn-btn{
    width: 200px;
    height:60px;
    margin:auto;
    text-decoration: none;
    color:#EADED3;
    border: 6px double #EADED3;
    font-family: 'oldstyle_1hplhs', serif;
    filter: drop-shadow(1px 5px 3px black);
    animation-duration: 1.75s;
    animation-delay: .5s;

}
#learn-btn:hover{

    text-decoration: none;
    color:#EADED3;

} 
#phone-bar{
    /*background: repeating-linear-gradient(
        to right,
          #EADED3,
          #EADED3 10px,
          #EBE1D7 10px,
          #EBE1D7 20px
       ) ;*/
       background-color:#EADED3;
    height:90px;
    padding-top: 10px;
    transform: rotate(5deg) skew(5deg);
    margin-top:12%;
    margin-bottom:15px;
    filter: drop-shadow(1px 10px 3px black);
}
#portrait{
    
    border: 4px double #EADED3;
}
#top-banner{
    background-color:#071728;
    background-image: url("../images/main_banner.jpg"); 
    background-attachment: local;   
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 4px double #EADED3;
    border-top: 4px double #EADED3;
    

}

#scales{
    margin-bottom: 3%;
}

/* Nonstandard @media to adjust main banner, flip between contact banners and contact cards. */
@media (max-width: 414px){
    #top-banner{
        background-image: url("../images/bookcase.jpg"); 
    }

}
@media (min-width: 922px) { 
    #top-banner{
        background-position: 0% 25%;
    }
    
}

@media (min-width: 992px) { 
    #contact-banner{
        display: none;
    }
    #contact-cards{
        display:flex;
    }

    
}

@media (min-width: 1034px) { 
    #top-banner{
        background-image: url("../images/main_banner.jpg");
        background-size: inherit;
        background-position: 0% 30%; 
        height:600px;
        
    }
  
}