/*
Custom StyleSheet for your NiceTheme
--------------

Instructions:

Include your custom CSS in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your need.

Add your custom CSS Below */


@font-face {
    font-family: 'lineto-brauerneue-bold';
    src: url('includes/fonts/lineto-brauerneue-bold.eot');
}
@font-face {
    font-family: 'lineto-brauerneue-bold';
    src: url('includes/fonts/lineto-brauerneue-bold.woff');
}
@font-face {
    font-family: 'lineto-brauerneue-bold';
    src: url('includes/fonts/lineto-brauerneue-bold.woff2');
}
@font-face {
    font-family: 'lineto-brauerneue-regular';
    src: url('includes/fonts/lineto-brauerneue-regular.eot');
}
@font-face {
    font-family: 'lineto-brauerneue-regular';
    src: url('includes/fonts/lineto-brauerneue-regular.woff');
}
@font-face {
    font-family: 'lineto-brauerneue-regular';
    src: url('includes/fonts/lineto-brauerneue-regular.woff2');
}

/*
 *  FONT
 */
body {
    font-family: 'lineto-brauerneue-regular', sans-serif;
    /*line-height: 1.5em !important;*/
    color: #666 !important;
}
#live-search .input label {
    top: 25px;
}

h1, h2, h3, h4, h5, h6, #call-to-action,
.welcome-message p, .welcome-message p a,
.nice-infoboxes .infobox-title {
    font-family: 'lineto-brauerneue-bold', sans-serif;

    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}
.welcome-message h2 {
  font-family: 'lineto-brauerneue-regular', sans-serif !important;
  color: #fff !important;
  font-size: 18px;
}

/*
 *  OTHER
 */
p {
	font-size: 18px;
}

#header {
    background-size: cover;
}

#navigation ul a:hover .bar, #navigation ul li.sfHover .bar, #navigation ul li.current-cat .bar, #navigation ul li.current_page_item .bar, #navigation ul li.current-menu-item .bar, #navigation ul li.current-page-ancestor .bar, #navigation ul li.current-menu-ancestor .bar {
    opacity: 0;
}

#navigation .nav li a {
    font-family: 'lineto-brauerneue-regular', sans-serif;
}

#top #navigation .nav > li a {
    line-height: normal;
    margin: 40px 5px 25px 5px;
    padding: 10px;
    font-size: 18px;
}

#top #navigation .nav > li a.button-default {
    font-family: 'lineto-brauerneue-regular', sans-serif;
    border: 1px solid #fff;
    border-radius: 4px;
    text-align: center;
    padding: 10px 10px;
}

#top #navigation .nav > li a.button-primary {
    font-family: 'lineto-brauerneue-regular', sans-serif;
    border: 1px solid #356cdd;
    border-width: 1px !important;
    font-size: 14px !important;
    padding: 10px 10px;
}

#top #navigation .nav > li a:hover {
    color: #00cdbe !important;
}

/*
 * hover
 */
.cta-button:hover,
#top #navigation .nav > li a.button-primary:hover {
}

#top #navigation .nav > li a.button-default:hover {
    color: #ccc;
    background-color: rgba(0, 0, 0, 0.5);
    border-color: #ccc;
}

#footer h4 {
    font-size: 16px;
    /*text-shadow: 1px 1px black;*/
    /*border-bottom: 1px solid #555555;*/
    text-shadow: none;
    border-bottom: none;
    text-transform: uppercase;
}

.nice-infoboxes .infobox-title a {
    /*color: #4b4d4b;*/
    color: inherit;
    border: none;
}

body.home #knowledgebase {
    padding: 0;
}

.nice-knowledgebase ul li a,
.nice-knowledgebase .row h3 .cat-count,
.widget ul li a,
#home-videos .video-list ul li a {
    color: #777;
}

.nice-breadcrumb a,
.nice-breadcrumb .sep {
    color: #ccc;
}

.widget_nice_article_categories li span {
    color: #aaa;
    font-size: 12px;
    padding: 5px 7px;
}

.entry-title {
    text-transform: none;
}

.button-primary, .button-secondary, .cta-button {
    background-color: #00cdbe !important;
    text-transform: uppercase;
}

.cta-button {
    display: inline-block;
    margin-bottom: 0;
    font-family: 'lineto-brauerneue-bold',sans-serif !important;
    font-weight: 400 !important;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 12px 20px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: none !important;
    color: #fff;
    background-color: #356cdd;
}

.button-primary, .button-blue, .button-secondary, .header .nav li.current-page a, .header .nav-callout, .cta-button,
input[type="submit"], button, #commentform .button, #respond input[type="submit"], .nice-contact-form input[type="submit"],
.blog-masonry #posts-ajax-loader-button {
    font-family: 'lineto-brauerneue-bold', sans-serif;
    background: #356cdd;
    border-width: 1px 1px 3px !important;
}

.infoboxes {
    background-color: transparent;
    border: none;
    padding-bottom: 0;
}

#call-to-action {
    background-color: #eee;
}

.cta-button-inverted{
    border: 2px solid;
    border-radius: 5px;
    color: #356CDD;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    min-height: 45px;
    min-width: 100px;
    padding: 10px 45px;
    vertical-align: middle;
}

.cta-text-inverted{
    color: #356CDD;
    display: table-cell;
    font-size: 15px;
    font-weight: 200;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    text-transform: uppercase;
}
#home-videos {
	background-color: #fff;
	padding: 0 0 50px 0;
}

#home-videos .video-list{
    padding-top: 10px;
}

#home-videos .video-list ul li i:hover{
    color: #356CDD;
}

#home-videos .video-list ul li:hover i {
    color: #356CDD;
}

.home-block{
	border: none;
}

@media screen and (max-width : 600px) {

    #call-to-action {
        display: block;

    }
    #call-to-action .cta-wrapper {
        display: block;
        text-align: center;
    }
    #call-to-action .cta-text,
    #call-to-action .cta-button-wrapper {
        display: block;
        text-align: center;
        margin: 5px;
    }

}

#extended-footer,
#extended-footer a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ccc;
}

a, .wp-pagenavi span.current, #extended-footer a:hover, .liked i, .nice-knowledgebase ul li:hover i, span.required {
  color: #00cdbe;
}