/*
Theme Name: WP Bolina
Theme URI: http://cmssuperheroes.com
Author: CMSSuperHeroes
Author URI: http://themeforest.net/user/CMSSuperHeroes
Description: The 2015 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: wp-bolina

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.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Config
 * 3.0 - Options
 * 4.0 - Content
 * 5.0 - Mixins
 * 6.0 - Header
 * 7.0 - Buttons
 * 8.0 - Comment
 * 9.0 - Forms
 * 10.0 - Main
 * 11.0 - Media
 * 12.0 - Blog
 *    12.1 - Blog no sidebar
 *    12.2 - Blog with sidebar
 *    12.3 - Blog grid with sidebar
 *    12.4 - Blog standard
 * 13.0 - Section
 * 14.0 - Carousel
 * 15.0 - Element
 * 16.0 - Popup
 * 17.0 - Fancybox
 * 18.0 - Gird
 * 19.0 - Navigation
 *   19.1 - Links
 *   19.2 - Menus
 * 20.0 - Sidebar
 * 21.0 - Typography
 * 22.0 - Widgets
 * 23.0 - Responsive
 *    23.1 - Mobile Large
 *    23.2 - Tablet Small
 *    23.3 - Tablet Large
 *    23.4 - Desktop Small
 *    23.5 - Desktop Medium
 *    23.6 - Desktop Large
 *    23.7 - Desktop X-Large
 * 24.0 - Footer
 */

/**

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/

/* =Reset
-------------------------------------------------------------- */



/* WebArtisan
-------------------------------------------------------------- */

#wpadminbar{
display:none;
}

#page-title{
margin-top:-32px !important;
}



.fixed-header-webartisans{
background:rgba(255,255,255,0.95) !important;
color:black !important;
}

.fixed-header-webartisans #menu-menu-top li a{
color:black !important;
}

.fixed-header-webartisans .logo_sticky{
display:block !important;
}

.fixed-header-webartisans .logo_header{
display:none !important;
}

.page-title #page-title-text{
margin-top:200px !important;
}

.sub-menu{
top:50% !important;
transition:none !important;
}

#page-sub-title-text{
text-align:center;
font-size: 20px;
margin-top: 10px;
line-height:1.4;
color:white;
}


.search-form .form-group {
  float: right !important;
  transition: all 0.35s, border-radius 0s;
  width: 33px;
  height: 33px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 25px;
}
.search-form .form-group input.form-control {
  padding-right: 20px;
  border-radius: 25px;
  background: transparent;
  box-shadow: none;
  display:block;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 100%;
  border-radius: 25px;
}

.search-form .form-group span.form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 33px;
  height: 33px;
  line-height: 34px;
  text-align: center;
  color: #3596e0;
  left: initial;
  font-size: 14px;
}

.menu-header-search{
margin:7px 0px 0px 10px;
}

#footer-top .widget ul{
padding-left:0 !important;
}

#footer-bottom{
display:none;
}

#footer-top{
background: #485563; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #485563 , #29323c); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #485563 , #29323c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */      
padding-bottom:30px !important;
}

#footer-top .widget ul li .post-date{
display:none;
}

#footer-top .widget ul li a{
color:#fff;
opacity:.57;
}

#footer-top .widget ul li a:hover{
opacity:.89;
}

#footer-top .footer-end{
margin-top:80px;
}

#footer-top .footer-end .copyright{
font-weight:bold;
}

.page-title{
height:600px !important;
}



#footer-top .widget-title{
color:white !important;
}

.footer-end .copyright span a{
margin-left:5px;
color:#fff;
opacity:.88;
}

.footer-end .copyright span a:hover{
opacity:.99;
}

#back_to_top{
border-color:white !important;
}

#back_to_top .go_up i{
color:white !important;
}

.navbar{
position:fixed;
z-index:999;
width:100%;
border-radius:0;
background:transparent;
border:none;
padding-bottom:15px;
padding-left: 10px;
padding-right: 10px;
top:0;
}

.navbar ul{
float:right;
}

.navbar .navbar-nav li a{
color:white;
font-size:15px;
font-weight:bold;
}


.navbar .navbar-nav>.active>a, .navbar .navbar-nav>.active>a:focus, .navbar .navbar-nav>.active>a:hover, .navbar .navbar-nav li a:hover{
background:none;
color:white;
}


.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:focus, .navbar .navbar-nav>.open>a:hover{
background:none;
color:white;
}

.navbar .container-fluid{
margin-top:15px;
}

.navbar .navbar-brand img{
width:150px;
margin-top:-8px;
}

.logo_sticky{
display:none !important;
}


.navbar .dropdown-menu li a{
color:black;
}

.navbar .dropdown-menu li a:hover{
color:black;
background:#eee;
}


html{
margin-top:32px !important;
}

@media screen and (max-width: 782px){
.ontos-webartisans {
margin-top:32px !important;
}
}

@media screen and (max-width: 767px){
.navbar ul{
float:none;
}
.navbar{
background:rgba(255,255,255,0.95) !important;
}
.navbar  li a{
color:black !important;
}
}

.navbar .dropdown:hover .dropdown-menu{
display:block;
}

@media screen and (max-width: 991px){
.footer-botom-right-social{
margin-top:20px;
}
}


.single #page-title{
display:none;
}

.single #main{
margin-top:120px;
}

.single .navbar  li a{
color:black !important;
}