/*
Theme Name:     TWG Bootstrap
Theme URI:      http://www.the-web-guys.com
Description:    TWG Bootstrap
Author:         The Web Guys - Ben
Author URI:     http://www.the-web-guys.com
Template:       wg-boot
Version:        1.0
*/
@import url(https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700);

/* Secondary NavBar */
header.secondary { border: 0px; background: none; width: 120px; -webkit-box-shadow: none; box-shadow: none; margin-right: 260px; }
.secondary-nav-menu  li > a { color: #FFF !important; }
.secondary-nav-menu  li > a:hover { text-decoration:none; background:transparent !important; }
.nav-secondary { margin-top:-3px }
.nav-secondary, #navbar_social_bar { float:left; }
.nav-secondary { margin-left:-100px !important; }

/* Nav Links */
.nav > li > a {padding-left:30px;padding-right:30px;font-size:15px;}

/* Phone */
#phone { margin-bottom: 20px; text-align: center; color: #2e579b; font-size: 34px; font-weight: normal; letter-spacing: -1px; text-shadow: 0 0 2px #398FC3; }

/* Navbar Toggle Button */
.navbar-toggle
{ background: white; border-color:#2E579B !important; }
.navbar-default .navbar-toggle .icon-bar { background-color:#2E579B; }

/* Input/Form Controls */
.form-control { height:auto; }

/* Mobile  Social Icons */
.mobile-social
{ background:#EEE;  width:100%; text-align:center !important; margin-top:0px !important; padding-bottom:10px; }

/* Footer */
#footer-copyright { text-align:center; }
#menu-footer { padding-left:0px; }

/* Widgets */
.sidebar .widget { margin:20px 0 20px 0; }

/* Jumbotron */
.container .jumbotron { padding:0; }

/* Mobile Phone */
.mobile-phone { margin: 0 -15px 0 -15px; background: #ddd;  padding: 5px 20px; font-size: 18px; text-align: center; }

/* Row High Light */
.row.row-highlight {background: #e7e2d7; padding: 15px; border-left: 5px solid #021A2B;}
.row.row-highlight h2, .row.row-highlight h3 {margin-top: 0px; color: #021A2B;}

/* Portal Forms */
.twg-portal-form h3 {
    border-radius:3px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    background:#1E73BE; color:white; padding:10px;
    border-bottom:5px #428BCA solid;
    margin-top:0;
    margin-left:-10px; margin-right:-10px; margin-top:-10px;

}
.twg-portal-form-section { margin-bottom:40px; border:1px #021A2B solid; padding:10px; border-radius:4px; }

/* Helper Classes */
.add-margin {margin-top:20px;margin-bottom:20px;}

/* Site Logo */
.navbar a.navbar-brand.logo img { position:absolute; width:220px !important; margin-left:20px;  height:auto !important; max-height:none !important;}

/* Sidebar */
.twg-portal-sidebar {left:0; background:#1E73BE; width:280px; position:fixed; margin-top:-80px; padding-top:80px; }
header.topnavbar { position:fixed; height:80px; width:100%; border-bottom:2px #021a2b solid ; }
.main-section, footer { margin-left:280px !important; }
.main-section   { margin-top:80px; }
footer.content-info { background:#021a2b; }
.navbar-nav { margin-left:265px; }
.blogRow { border-top:3px #888 solid; }
.navbar-nav li a { color:#EEE !important; height:80px !important; font-size:22px; }
.navbar-nav li.active { color:#FFF; }
.navbar-nav li a:hover { background:none !important; color:#ccc; border-bottom:0 !important; color:#FFF !important;}
.navbar-nav li.active a:hover { background:#021A2B !important;   border-bottom: 5px solid #428bca !important; color:#EEE !important; }
.twg-portal-sidebar-menu a { margin-bottom:10px; display:block; padding:10px; color:#FFFFFF; font-size:22px; font-family:"Open Sans"; text-decoration:none;}
.twg-portal-sidebar-menu span { display:inline-block; margin-right:10px; }
.twg-portal-sidebar-menu a:hover { transition:.5s; background:#021a2b; }
.twg-portal-sidebar-menu a.active {background:#021a2b; }
h1 { font-family:"Oswald"; }
.blogLine { border-bottom:1px solid #CCC; padding-bottom:10px; margin-bottom:10px; }
.blogLine:last-child { border-bottom:0; }
.blogLine select { max-width:120px; display:inline-block; }
.blogRow td, .blogRow th { vertical-align:middle !important; }
.blogLine:before {content:"• ";}
/* Medium Size Changes - Depending on the widths chosen you may need to change the max-wdith */
@media (max-width:1199px) {

}

/* Mobile Only Changes */
@media (max-width:991px ) {
    .nav-main { background:black; }
    .twg-portal-sidebar { display:none; }
    .main-section, footer,.navbar-nav { margin-left:0 !important; }
}