/*
 Theme Name:     Specular Child
 Theme URI:      http://codeless.co
 Description:    Specular Child Theme
 Author:         Codeless
 Author URI:     http://www.codeless.co
 Template:       specular
 Version:        1.0.0
*/

@import url("../specular/style.css");

/* replacing bootstrap-responsive.css starting at line 1298 */
/* changing size of logo */
@media (max-width: 480px) {
  #logo img{max-height:130px !important;}
}





/* replacing bootstrap-responsive.css*/
/* kust changed first 2 lines */

@media (max-width: 1219px) {
  .header_button{display:none !important;}
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .dropdown-menu a:hover {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    height: 0; 
    overflow: hidden;
  } 
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
  
  .section-style.parallax_section{
    background-position:0 0 !important;
    background-attachment:scroll !important;
  }

  .block_title.section_title p{
    padding:0 14% !important;
  }

  #mobile_responsive_menu{
    display:block;
  }
  .header_page{background-size:cover !important;-webkit-background-size:cover !important; -moz-background-size:cover !important;}
  #navigation{display:none;}
  #logo{
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .header_wrapper{background:#fff}
  .background--dark nav .menu > li > a, .background--dark header#header .header_tools .vert_mid > a, .background--dark header#header .header_tools .vert_mid .cart .cart_icon, .background--dark .slicknav_btn:after, .background--dark .mobile_small_menu{
    color:#222 !important;
  }
  .mobile_small_menu{
    display:block;
  }

  .span12{width:724px;}
  
  
  .codeless_slider .swiper-slide p{
    font-size:14px !important;
  }
  .top_wrapper{padding-top:0px;}
  .page_header_yes .top_wrapper{
    padding-top:0px;
  }

  .textbar h2{
    width:100%;
    text-align:center;
    position:relative;
    top:0;
    margin-top:0;
    font-size:22px;
  }
  .textbar .btn-bt{
    left:50%;
    float:left;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-top:20px;
  }

  .clients .item{
    width:200px;
  }
  .clients_el:hover .pagination a.prev{
    left:-30px !important;
  }
  .clients_el:hover .pagination a.next{
    right:-30px !important;
  }
  #copyright .pull-right{
    float:left;
    width:100%;
    margin-bottom:15px;
  }
  #copyright .widget ul{
    padding:0;
  }

  .testimonial_carousel .item{
    width:724px;
  }
  .testimonial_carousel_element:hover .pagination a.prev{
    left:-10px;
  }
  .testimonial_carousel_element:hover .pagination a.next{
    right:-10px;
  }
  .row-dynamic-el .media .type_image.alignment_center{
    width:100% !important;
    left:0 !important;
    margin-left:0 !important;
  }
  .full-width-content .col > .vc_column{ 
    width:100% !important; 
  }
  .header_page.with_subtitle.centered .titles h1{
    line-height:48px;
  }
 footer .inner .row-fluid [class*="span"]{
    padding-bottom:40px;
  }

  .services_steps{height:175px;}
  aside ul li a{padding-right:10px;}
  #faq-filter ul li{padding:8px 16px;}

  .content_portfolio.fullwidth .no_space .portfolio-item{
    margin-bottom:0 !important;
    margin-left:0 !important;
  }

  .blog-article.timeline-style .post_box{
    width:100%;
    z-index:9999999;
    display:block;
  }
  .timeline-border{
    z-index:-1;
  }
  .fullwidth .blog-article.timeline-style .post_box{
    width:100%;
  }
  .sidebar_right .blog-article.alternate-style .media, .sidebar_left .blog-article.alternate-style .media{
    width:100%;
  }
  .sidebar_right .blog-article.alternate-style .content, .sidebar_left .blog-article.alternate-style .content{
    padding-left:0;
    width:100%; 
  }
  .sidebar_right .blog-article.alternate-style .media iframe, .sidebar_left .blog-article.alternate-style .media iframe{
    width:538px;
  }
  .fullwidth .blog-article.grid-style{
    width:50%;
  }
  .sidebar_left .blog-article.grid-style, .sidebar_right .blog-article.grid-style{
    width:50%;
  }

  #blogmasonry .grid-size{width:50%;} 


  ul.products li .button, ul.products li .added_to_cart{
    width:80px;
  }

  .single_staff.modern{
    width:100%;
  }

  footer .widget_flickr .flickr_badge_image{
    width:60px;
    height:60px;
  }

  footer .inner .widget_flickr .flickr_badge_image:nth-child(5){
    margin-bottom:9px;
  }

  .nav-tabs > li > a, .nav-pills > li > a{
    padding-left:6px;
    padding-right:6px;
  }

  .background--dark #logo img.dark{
    display:block;
    visibility:visible; 
  }

  .background--dark #logo img.light{
    display:none;
    visibility:hidden;
  }

  .header_5 .mobile_small_menu{
    display:none;
  }

  .header_5 .top_wrapper{
    padding-top:inherit;
  }
  .full-width-content .vc_column.with_bg, .full-width-content .vc_column.using_bg{
    min-height:200px;
  }

  .header_5 .header_tools{
   
  }
  .header_6 .header_widgetized{
    display:none;
  }

  .header_3 .top_wrapper{
    padding-top:0 !important;
  }

  .header_3 .header_wrapper{background:transparent !important;}

  .row-dynamic-el .media .type_image.alignment_right{
    float:left;
    position:relative;
    left:50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%); 
  }

  .header_7 .portfolio-item{width:100% !important;}

  .header_7.header_wrapper{position:relative; height:80px; width:100%;padding:0;} 
  .header_7.header_wrapper .header_widgetized{display: none}
  .header_7 header#header .row-fluid .span12, .header_7 .header_wrapper{width:100% !important; height:80px !important;}
  .header_7 .viewport{padding-left:0;}
  .header_7 #logo img{margin-top:inherit !important;-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);}
  .header_7 #logo{top:auto; left:50%; height:100% !important;-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);}

.header_shadow_shadow1 .header_wrapper .container:after{display:none;}


}
/* Fix the sidebar on mobile */
@media (max-width:760px) {
    .span3.hide-mobile {
        display:  none !important;
    }
    .row >.span3.display-mobile {
     width:  100% !important;
    }
}
@media (min-width:761px) {
	.span3.display-mobile {
        display:  none !important;
    }
}

/*Fix 'More information' text in Services row on homepage*/
.home-services-row .services_medium h4 {
    margin-bottom: 20px;
}
.home-services-row .services_medium.style_1.wpb_content_element p {
    text-align: center!important;
    float: none;
}