/*
Theme Name: Netference
Theme URI: https://netference.ca/
Author: The Jensen Group
Author URI: https://jensengroup.ca
Description: Main Theme for Netference.
Version: 1.0
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: netference


/*
 * Globals
 */

html,
body {
/*  
  font-family: Georgia, "Times New Roman", Times, serif;
*/  
  font-family: "Open Sans", sans-serif !important;
  color: #555;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  color: #333;
}

h1, .h1 {
  font-family: "Fjalla One", sans-serif;
  font-weight: normal;
}
h2, .h2 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}

a {
  color: #003982 !important;
}

/** top bar icons */
#header-social {
  text-align: left;
}


/** top navigation */

a.navbar-brand img {
  height: 2.25em;
  width: auto;
}

li.menu-item {
  margin: 0 0.75em;
}


li.menu-item a {
  text-transform: uppercase !important;
  font-family: 'Fjalla One' !important;
  font-weight: normal !important;
  font-size: 1.25em !important;
}

/*
 * Override Bootstrap's default container.
 */

@media (min-width: 1200px) {
  .container {
    width: 1360px;
  }
}



/*
 * Blog name and description
 */

.blog-header {
  padding-top: 20px;
  padding-bottom: 20px;
}
.blog-title {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: normal;
}
.blog-description {
  font-size: 20px;
  color: #999;
}


/*
 * Main column and sidebar layout
 */

.blog-main {
  font-size: 18px;
  line-height: 1.5;
}

/* Sidebar modules for boxing content */
.sidebar-module {
  padding: 15px;
  margin: 0 -15px 15px;
}
.sidebar-module-inset {
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}


/* Pagination */
.pager {
  margin-bottom: 60px;
  text-align: left;
}
.pager > li > a {
  width: 140px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 30px;
}


/*
 * Blog posts
 */

.blog-post {
  margin-bottom: 60px;
}
.blog-post-title {
  margin-bottom: 5px;
  font-size: 40px;
}
.blog-post-meta {
  margin-bottom: 20px;
  color: #999;
}



/*
 * Custom Styles
 *
 */

 /*
 .showcase{
   height:600px;
   padding: 100px 20px;
   text-align: center;
   border-bottom:#ccc 1px solid;
   margin-bottom:30px;
   color:#fff;
   background:url('../img/showcase.jpg') no-repeat center center;
 }

 .showcase h1{
   font-size: 55px;
   padding-bottom:20px;
   color:#fff;
 }

 .showcase p {
   font-size:20px;
   margin-bottom:50px;
 }

 .boxes{
   text-align: center;
   background:#fff;
   margin-bottom: 30px;
 }

 .box .fa{
   font-size:45px !important;
   margin-bottom:10px;
 }

 .box{
   padding:15px;
   border:#ccc 1px solid;
 }
*/


/**
*
* Site header
*
*/
div#top_header.nfTopbar {
    background:#003982;
    color: #fff;
    padding: 0;
    border-radius: 0;
}
div#header-signin {
    text-align: right;
}

div#header-signin-buttons div {
    padding: 0 4px !important;
    height: 60px !important;
}

/**
*
* BUTTONS/LINKS
*
*/
a.nf-button-small,
a.nf-button-large {
    float: left;
    font-size: 17px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.75em 0.75em;
    background: #00d5e9;
    color: #fff !important;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    text-decoration: none !important;
}

a.nf-button-md {
    float: left;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.75em 0.75em;
    background: #00d5e9;
    color: #fff !important;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    text-decoration: none !important;
}
a.nf-button-small {
    font-size: 14px;
    padding: .55em 0;
    border-radius: 4px;
}
a.nf-button-small.two-lines {
  padding: 0.625em 0;
}

a.nf-button-small:hover,
a.nf-button-large:hover,
a.nf-button-md:hover {
    background: #fff;
    color: #003982 !important;
}

a.nf-button-small.hover-negative:hover,
a.nf-button-large.hover-negative:hover,
a.nf-button-md.hover-negative:hover {
    background: #003982;
    color: #fff !important;
}

a.nf-button-small.negative,
a.nf-button-large.negative,
a.nf-button-md.negative {
    background: #003982;
    color: #fff !important;
}


a.nf-button-small.straight,
a.nf-button-large.straight {
    border-radius: 0;
}
a.nf-button-small.full-width,
a.nf-button-large.full-width {
    width: 100%;
}

/** 
*
* MEDIA QUERIES
*
*/

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 992px) {
  a.navbar-brand img {
    width: 40vw;
    height: auto;
  }

  li.menu-item {
    margin: .8em 1.2em !important;
  }

  li.menu-item a:hover::after {
    content:none !important;
  }

  li.current-menu-item a::after {
    display:none !important;
  }
}