/*
Theme Name: Topo Law Firm
Theme URI: https://www.topohukuk.com
Author: Topo Law Firm
Author URI: https://www.topohukuk.com
Description: Hi, I am the ultra minimal starter theme _tk, ready for your next awesome WordPress project! I am the most seamless and minimalistic integration of Twitter Bootstrap Framework into the _s starter theme from Automattic, the guys behind WordPress. You can find me on GitHub. Fork me! I'm waiting for you ;)
Version: 2.4
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap


*/






.navbar-nav {
  float: none;
  text-align: center;
   font-size: 0 !important;
}

ul.navbar-nav li {
  border-left: 1px solid #222624;
  display: inline-block;
  float: none;
}

#cfn_floating_menu {

background-color: #47a3da;
display: block;
height: 100%;
left: 0;
padding-top: 100px;
position: fixed;
top: 0 !important;
width: 240px;
z-index: 99 !important;
}

#cfn_floating_menu ul li a {
  font-size: 15px;
  padding: 12px 15px;
  position: relative;
    color: #fff;
    display: block;
    font-size: 1.1em;
    font-weight: 300;
    border-bottom: 1px solid #258ecd;
    padding: 1em;
    background : transparent !important;
}

#cfn_floating_menu ul li a:hover {
	background : #258ecd !important;
}


#cfn_floating_menu.animated, #cfn_floating_menu.static-menu {
  position: fixed !important;
}


    .navbar-header .navbar-toggle {
        border: 1px solid #ddd;
    }
    
    .click-open .navbar-header .navbar-toggle.click-effect {
        border: 0px solid transparent;
        padding: 10px;
    }
    
    .click-open .navbar-header .navbar-toggle.click-effect span:nth-child(2).icon-bar {
        background: #000;
        width: 30px;        
        -webkit-transform: rotate(45deg);
        -mox-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        top: 4px;
        height: 4px;
    }
    
    .click-open .navbar-header .navbar-toggle.click-effect span:nth-child(3).icon-bar {
        background: #000;
        height: 4px;
        position: relative;
        top: -4px;        
        -webkit-transform: rotate(-45deg);
        -mox-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    

 .navbar-toggle.click-effect span:nth-child(4){
    display: block;
}
 .click-open .navbar-toggle.click-effect span:nth-child(4){
    display: none;
}
    .navbar-header .navbar-toggle .icon-bar {
        background: #000;
        width: 30px;
        -webkit-transition: all .40s ease;
        -moz-transition: all .40s ease;
        -o-transition: all .40s ease;
        transition: all .40s ease;
    }
    
    
    .navbar-collapse {
        background-color: rgba(0,0,0, .95);
        left: 0;
        z-index: 111;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;    
        border-bottom: 3px solid #222624;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    ul.navbar-nav li a{
        padding:6px 15px;
    }  
    ul.navbar-nav > li > ul.sub-menu{
        position: relative;
        left: auto;
        top: auto;
        z-index: 111;
        background: transparent;
        width: 100%;
        visibility: visible;
        opacity: 1;
        transform: translateY(0px);
        padding-left: 20px;
    }
    
    ul.navbar-nav li:last-child,
    ul.navbar-nav li, .nav-menu ul li ul.sub-menu li:last-child,
    ul.navbar-nav li ul.sub-menu li{
        border: 0px none;
    }    
    ul.navbar-nav li{
        display: block;
        width: 100%;
    }
    ul.navbar-nav li ul.sub-menu li:hover{
        background: transparent;
    }
    ul.navbar-nav li ul.sub-menu li a{
        padding:3px 0px 3px 15px;
    } 
    ul.navbar-nav li a:hover,
    ul.navbar-nav li.current_page_item a{
        background: transparent;
    }
    
    ul.navbar-nav > li > ul.sub-menu li.menu-item-has-children:before{
        display: none;
    }    
    
    ul.navbar-nav > li > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu,
    ul.navbar-nav > li > ul.sub-menu > li.menu-item-has-children > ul.sub-menu{
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        padding-left: 20px;
    }    
    
    ul.navbar-nav > li > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu,
    ul.navbar-nav > li > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu{
        left: auto;
    }


.navbar-toggle{
	display: block
}

.navbar-header {
  float: right;
  position: relative;
  right: 70px;
  top: -11px;
}


#cfn_floating_menu.right ul {
  box-shadow: none !important;
}

#cfn_floating_menu ul li a {
  display: block;
  font-size: 17px  !important;
  padding: 12px 10px 12px 24px  !important;
  position: relative;
}

#cfn_floating_menu.right{
	right: -100% !important;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.click-open #cfn_floating_menu.right{
	right: 0 !important
}

#menu-main-menu.menu li:first-child {
  border-top: 1px solid #2b2b2b;
}

section.page-section {
  margin-top: 23px;
}

.page-section h2 {
  color: #333;
  font-size: 36px;
}

.thank-you-page-section {
    padding-top: 120px;
}