/*
 *
 * Copyright 2017 Martin Vremec
 * 
 */


/* Global styles
================================================== */


#banner-area{
    background: url('../images/sfondo_banners.jpg') repeat;
}
.ts-mainnav{
    background: url('../images/sfondo_menu.jpg') repeat;
}
#top-bar{
    background: #d3a24c30;
}
a{
    color: #04367d;
}

a.read-more:hover{
    color: #327cbc;
}


/* Typography
================================================== */

/* Buttons */

.readmore, input[type="submit"], .btn.btn-primary{
    background: #7f786b;
    color: #fff;
}

.readmore:hover, input[type="submit"]:hover, .btn.btn-primary:hover{
    border: 2px solid #7f786b !important;
    color: #7f786b !important;
}

.btn.btn-primary.white:hover{
    background: #04367d !important;
}

.btn.btn-primary.solid{
    background: #04367d;
}

blockquote {
    border-left: 5px solid #04367d;
}

/* List */

ul.circle li:before{
    color: #04367d;
}

ul.check-list li i{
    color: #04367d;
}

ul.arrow-right li a:hover{
    color: #04367d;
}

ul.arrow-right li::before {
    color: #04367d;
}

/* Common styles
================================================== */

/* Title */

.title-cap-big{
    color: #04367d;
}
h1.post-title{
    font-weight: 700;
    text-transform: uppercase;
}
.single .post-body h2{
    font-size: 24px;
}

/* Carousel controll */

.ts-carousel-controller .left,
.ts-carousel-controller .right, 
.owl-controls .owl-prev, 
.owl-controls .owl-next,
.owl-theme .owl-controls .owl-buttons div{
    background: #04367d;
}

.owl-theme .owl-controls .owl-page.active span{
    background: #04367d;
}

/* Input form */

.form-control:focus{
    border: 1px solid #04367d !important;
}

/* Flex Slider */
.portfolio-slider .flex-direction-nav a:hover, 
.ts-flex-slider .flex-direction-nav a:hover {
    background: #04367d;
}

/* Pagination */

.pagination>.active>a, .pagination>.active>a:hover,
.pagination>li>a:hover{
    background: #04367d;
}


/* Header area
================================================== */

/* Top bar */

ul.top-info li i{
    color: #04367d;
}

/* Logo */
.navbar-brand .logo{
    width: 450px;

}
.logo{
    background-image: url(../images/logofm2.svg);
}

/* Main navigation */

.navbar-toggle{
    background: #04367d;
}

ul.navbar-nav > li.active > a,
ul.navbar-nav > li > a:hover{
    color: #04367d;
}

/* Dropdown */

.dropdown-menu > ul{
    border-top: 3px solid #04367d;
}

.dropdown-menu > ul > li.active > a{
    color: #04367d;
}

.dropdown-menu > ul > li>a:hover, 
.dropdown-menu > ul > li>a:focus{
    color: #04367d;
}
.dropdown-menu > ul > li > a{
    text-transform: uppercase;
}
/* Slideshow
================================================== */

/* Main slide */

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
    background-color: #04367d;
}

#main-slide .carousel-control i:hover{
    background: #04367d;
}

/* Intro area
================================================== */

.featurednews{
    background-color: rgb(240,240,230);
    padding: 0 15px 15px 15px;
}
.thenews{
    padding-bottom: 35px;
}
.featurednews .thenews:after{
    content: " ";
    width: 61%;
    display: block;
    margin: 0 auto;
    border-bottom: 1px solid rgba(54,26,22,0.4);

}
.intro{
    border-top: 5px solid #04367d;
}

.intro .container:after {
    border-top-color: #04367d;
}

h4.panel-title a{
    color: #04367d;
}

h4.panel-title a:hover{
    color: #04367d;
}

h4.panel-title a:before {
    background: #04367d;
}

.list-icon i{
    color: #04367d;
}

/* Services
================================================== */

.service-icon i{
    color: #04367d;
}
ul.memberships {
   list-style-type: none; 
   padding: 0;
}
ul.memberships li a{
    color: black;

}
.memberships li{
    padding: 8px;
    -webkit-transition: background-color 500ms ease-out .1s;
    -moz-transition: background-color 500ms ease-out .1s;
    -o-transition: background-color 500ms ease-out .1s;
    transition: background-color 500ms ease-out .1s;
}
.memberships li:nth-child(odd), .memberships li:nth-child(even):hover{
    background-color: #f4f1f1;
}
.memberships li:nth-child(even), .memberships li:nth-child(odd):hover{
    background-color: #fff;
}
.professionals {
    position: relative;
    min-height: 45px;
    padding: 0 0 10px 65px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2em;
    text-transform: uppercase;
}
.professionals span.spec{
    font-weight: 300;
    font-size: 14px;
}
.professionals img{
    position: absolute;
    top: 5px;
    left: 0;
    width: 48px;
    height: 48px;
    display: block;
}
.professionisti .item .team-content h3{
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 10px;
}
.professionisti .item .team-content p{
    text-align: center;
    min-height: 44px;
}
.professionisti .item .team-content .readmorediv{
    display: block;
    width: fit-content;
    margin: 0 auto 10px;

}
.professionisti .item .team-img-wrapper img{
    margin: 0 auto;
}
.single-post h2.post-title{
    text-transform: uppercase;
}
.bt {
    border-bottom: 1px solid black;
    display: block;
    position: relative;
    margin-bottom: 10px;
}
.bt h3{
    display: block;
    margin-bottom: 0;
}

.bt a.viewall{
    text-align: right;
    position: absolute;
    right: 0;
    top: 6px;
    
}
.bt:after{
    content: " ";
    float: none;
}
.widget-categories ul li a{
    text-transform: uppercase;
}

.team-carousel.attorneys .team-img-wrapper img{
    width: 550px;
    height: 550px;
}
/* Practice Area
================================================== */

.isotope-nav ul li a{
    border: 1px solid #04367d;
}

.isotope-nav ul a.active, 
.isotope-nav ul a:hover{
    background: #04367d;
}

.practice-area .grid{
    background: #04367d;
}

.practice-area .grid:hover{
    background: #02214c;
}

figure.effect-oscar a:hover{
    color: #04367d;
}

figure.effect-oscar:hover figcaption {
    background-color: rgba(4,54,124,0.65) !important;
}

.home .content-box .content-box-content h4{
    text-transform: uppercase;
}

/* Content area
================================================== */

.content-box i {
    color: #04367d;
}

.latest-post .post-body h4 a:hover{
    color: #04367d;
}

/* Facts
================================================== */

.ts_counter{
    background: #04367d;
}

/* Testimonial
================================================== */

.testimonial-slide .testimonial-text:before{
    color: #04367d;
}

.testimonial-slide .testimonial-text:after{
    color: #04367d;
}


/* Footer
================================================== */

.footer{
    background: url('../images/sfondo_marrone.jpg') repeat;
}

ul.arrow li a:hover{
    color: #4989E3;
}

ul.twitter-list li a.date{
    color: #4989E3;
}

.qc-form button{
    color: #04367d !important;
}


/* Copyright
================================================== */

.copyright{
     background: url('../images/sfondo_marrone_scuro.jpg') repeat;
     background-color: rgba(0,0,0,.4);
}

.copyright-info a:hover{
    color: #4989E3;
}

.footer-nav li a:hover{
    color: #4989E3;
}

#back-to-top .btn.btn-primary:hover{
    background: #04367d !important;
    color: #fff !important;
}


/* Testimonials Page
================================================== */

.ts-testimonial-content {
    background-color: #04367d;
}

.ts-testimonial-content:after {
    border-top: 25px solid #04367d;
}

/* Attorneys
================================================== */

.team-carousel .team-img-wrapper .social-icons a:hover {
    color: #2a2824;
}

.team-carousel .team-img-wrapper .team-img-wrapper-hover {
    background-color: rgba(4,54,124,0.75) !important;
}

.team-carousel .team-content h3.ts-name {
    color: #2a2824;
}

.team-carousel .owl-controls .owl-buttons div:hover,
.team-carousel.team-page .owl-controls .owl-buttons div:hover{
    background: #2a2824 !important;
}

/* Our Firm
================================================== */

.inside-circle:hover{
    border: 1px solid #2a2824;
}

.inside-circle:hover .circle-icon,
.inside-circle:hover .circle-title {
  color: #2a2824;
}


/* News
================================================== */

.post-meta a:hover{
    color: #2a2824;
}

.author-url span a:hover{
    color: #04367d;
}

.comments-counter a:hover{
    color: #04367d;
}

.comments-list .comment-reply:hover{
    color: #04367d;
}

/* Sidebar
================================================== */

.widget-tab h4.entry-title a:hover,
.widget-categories ul.category-list  li a:hover,
.archive-list li a:hover{
    color: #04367d;
}

.widget-tags ul > li a:hover{
    background: #04367d;
}

.sidebar-left .nav-tabs>li>a:hover,
.sidebar-left .nav-tabs>li.active>a, 
.sidebar-left .nav-tabs>li.active>a:focus{
    color: #04367d;
}

.sidebar-left .nav-tabs>li.active>a:after,
.sidebar-left .nav-tabs>li>a:hover:after{
    background: #04367d;
}

/* Features
================================================== */

/* Default Tab */

.tab-default .nav-tabs>li.active>a{
    background: #04367d;
}

.tab-default.icon-style .tab-content{
    border-top: 2px solid #04367d;
}

/* Buttons */

.btn.btn-default:hover{
    background: #04367d;
}
.admin-bar header{
    top: 30px;
}
.header-fixed .navbar-brand .logo {
    width: 370px !important;
    height: 50px !important;
    background-size: contain !important;
    background-repeat: no-repeat;
}
ul.top-info{
    float: none;
}
h3.ts-name{
    text-transform: uppercase;
}
.banner-title-content ul li a{
    text-transform: capitalize;
}
.other-specs{
    margin-top: 30px;
}
.other-specs ul li{
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.other-specs ul li:hover{
    padding-left: 10px;
}
.other-specs ul li a{
    text-transform: uppercase;
}
@media (max-width: 950px){
    .navbar-brand .logo{
    width: 750px;
    height: 60px;
    
}
}
@media (max-width: 767px){

ul.top-info li {
float: none;
    }
}
@media (max-width: 640px){
    .navbar-brand .logo{
    width: 380px;
    
}
}
@media (max-width: 375px){
    .navbar-brand .logo{
    width: 300px;
    
}
}