@charset "utf-8";
/* CSS Document */

/*JASNY CUSTOM*/
.navmenu-default, .navbar-default .navbar-offcanvas {
    background-color: #0c70a8;
    border-color: #0c70a8;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	letter-spacing:1px;

}

.navmenu-default .navmenu-nav > .open > a, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a, .navmenu-default .navmenu-nav > .open > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover, .navmenu-default .navmenu-nav > .open > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus {
    background-color: transparent;
    color: #fff;
}

.navmenu-default .navmenu-nav > .active > a, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a, .navmenu-default .navmenu-nav > .active > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover, .navmenu-default .navmenu-nav > .active > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:active {
    background-color: transparent;
    color: #fff;
}


	
.navmenu-default .navmenu-nav > li > a:hover, .navbar-default .navbar-offcanvas .navmenu-nav > li > a:hover, .navmenu-default .navmenu-nav > li > a:focus, .navbar-default .navbar-offcanvas .navmenu-nav > li > a:hover {
    background-color: transparent;
    color: #f7a408;
}

.navmenu-default .navmenu-nav > li > a, .navbar-default .navbar-offcanvas .navmenu-nav > li > a {
    color: #fff;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #0c70a8;
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    width: 100%;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

.wrapper {margin-top: 40px;}
body {padding-top: 20px;}
h1, h2, h3 {font-family: 'Oswald', sans-serif;}
h3, h4 {font-weight:bold;}
h4 {font-size:12pt;}
hr {background-color:#414042; height:1px;}
.sections {margin-bottom: 20px;}
.sections h2 {text-align:left;}
.sections h3 {padding-top:30px;}
.panel-heading { background-color: #0c70a8; color:#ffffff; margin-bottom:20px; border-radius:5px; height:50px;}
.panel-title {font-size:16pt; text-transform:uppercase; letter-spacing:.02em; font-family: 'Oswald', sans-serif; text-align:left; margin-top:3px; font-weight:bold;}
.img-small { margin-right:20px; }
img { border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px; border-top-right-radius:4px;}
.small-story{padding:0px 0px 30px 0px;}
.story{padding-bottom:20px;}
.recipes {background-color:#9dd03a;}
.btn-primary {background-color:#ffffff; border:2px #f7a408 solid; color:#f7a408; font-weight:700;}
.btn-primary:hover {background-color:#f7a408; border:2px #f7a408 solid;}
.rule {background-color:#414042; height:1px; margin-top: 20px; margin-bottom:20px;}

.top-space {margin-bottom:40px;}
.bottom-space {margin-bottom:50px; margin-top:20px;}
.social-space { margin-top:15px;}
.side-space { margin-top:5px; margin-bottom:40px;}
.right-space p {width:98%;}

.sections .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-bottom:15px;}


/*SOCIAL NAV*/
.nav-social {margin-top:24px; margin-left:65px;}
#nav-social:before, #fa-facebook:before {
  color:#fff; padding-left:15px; font-size:18pt;
}

/*FOOTER NAV*/
.nav-footer {margin-right:20px; margin-top:40px;}
#nav-footer:before {color:#89898; padding:15px; font-size:20pt;}
#nav-footer:hover {color:#000;}



/*SOCIAL BUTTONS*/
.fa-facebook-f:before, .fa-facebook:before {
  color:#898989; padding-left:10px; font-size:14pt;
}
.fa-twitter-f:before, .fa-twitter:before {
  color:#898989; padding-left:10px; font-size:14pt;
}
.fa-pinterest-f:before, .fa-pinterest:before {
  color:#898989; padding-left:10px; font-size:14pt;
}
.fa-youtube-f:before, .fa-youtube:before {
  color:#898989; padding-left:10px; font-size:14pt;
}

/*SOCIAL MENU*/

.simplebox {
  outline: none;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/*LOGO*/

.navbar-brand {margin-top:-5px;}
.navmenu-brand {margin-top:18px;}


/* CAROUSEL */

#myCarousel {border-top: 4px solid #f7a408;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img { max-width: 1900px; height: 425px; margin: auto;}
.carousel-caption { margin-bottom:80px; margin-top:90px; margin-left:auto; margin-right:auto; max-width:600px;}
.carousel-caption p {font-size:18px; padding-top:10px; padding-bottom:10px;}
.carousel-caption h1 {font-size:36px; text-transform:uppercase; font-weight:bold; letter-spacing:.02em;}
.btn-slide { border:2px #ffffff solid;color:#FFF;}
.btn-slide:hover {background-color:#ffffff; border:2px #ffffff solid;}

/* NAVIGATION */

.navbar {padding-top:20px; padding-bottom:20px; background-color:#ffffff;}
.navbar-toggle {border:none; background-color:#0d70a9; margin-left:0px; }
.navbar-toggle:hover {background-color:#f7a408;}
.navbar-toggle .icon-bar {background-color:#ffffff;;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #f7a408;
}
.fa-bars {color:white;}
.dropdown-menu {border:none;box-shadow:none;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #f7a408;
  text-decoration: none;
  background-color: transparent;
}
.dropdown-menu > li > a {color:#fff;}



@media (max-width: 2000px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}



/*MEMBERS LOGIN*/
.btn-members {
  background-color: #0d70a9;
  border: 2px solid #f7a408;
  margin-left:15px;
  margin-top:15px;
  width:90%;
  color:#f7a408;
  font-weight:700;
}

.btn-members:hover {
  background-color: #f7a408;
  border: 2px solid #f7a408;
  margin-left:15px;
  margin-top:15px;
  width:90%;
  color:#0d70a9;
}

/* PANEL ICONS */

.icon { height:22px; padding-right:8px; margin-bottom: 6px;}


/* TWITTER FEED */

.twitterfeed a {font-size: 22px; color:#fff;}
.twitterfeed p, h2 {text-align: center; margin-top: auto; margin-bottom: auto; font-size:22px; letter-spacing:1px; }
#twit-day {font-size:10pt; margin-top:15px; letter-spacing:0px;}
.twitter {color:#ffffff; text-align:center;}

.carousel-content {
    color:#ffffff;
    align-items:center;
	background-position: 0% 50%;
	background-size: cover;
	height:190px; width: 100%;
	background-repeat: no-repeat;
	padding-top: 50px; padding-left:15px; padding-right:15px;
	height:160px;
}
.carousel-content a {font-size: 20px; color:#fff;}
.carousel-content p, h2 {text-align: center;font-size:22px; letter-spacing:1px; }
.carousel {	background-image:url(../images/twitterfeedbg.jpg);}
#myCarousel{margin-top:75px;}


/*BREADCRUMB*/
.breadcrumb {background-color:#fff; padding-left:10px; color:#0c70a8; font-weight:700; font-size:16px;}
.breadcrumb a:hover {color:#f8a41b; text-decoration:none;}
  
/* NEWS BUTTONS */

.social {color:#898989; margin-left:5px; margin-top:6px; font-size:14pt;}
.social:hover {color:#f8a41b;}

/* FOOTER */

footer{margin-bottom:10px; margin-top:18px;}
footer a:hover {color:#f8a41b; text-decoration:none;}

/* PAGE HEADER */
.page-header {margin-top:75px; background-image:url(../images/side1.jpg);height: 150px; border-top: 4px solid #f7a408;}
.page-title {margin-top:55px;}	
.page-title h1 {color:#ffffff; box-shadow:inset;}
.page-header img{ height:36px; margin-bottom:10px;}



/*PANEL HEADINGS*/
.dietary-fibers { background-color:#0c70a8;}
.obesity { background-color:#9dd03a;}
.diabetes { background-color:#67b7b7;}
.other { background-color:#898989; padding-bottom:20px;}
.news {background-color:#67b7b7;}
.featured {background-color:##0c70a8;}
.health-pro {background-color:#0c70a8;}
.theskinny {background-color:#0c70a8;}
.recipes {background-color:#;}


/*SKINNY CTA*/
.skinny-cta {background-color:#fcf9d1; background-image:url(../images/skinny-cta-background.jpg); background-size: cover; padding:50px; background-repeat: no-repeat; background-position: center;}
.call-to-action p {width:600px;}
.call-to-action h3 {padding-bottom: 20px; letter-spacing:.5px; color:#4D4D4D;}
.skinny-cta .btn-md {background-color:#f7a408; color:#fff;}
.skinny-cta .btn-md:hover {background-color:#26ace2; color:#fff; border:2px solid #26ace2;}
.call-to-action img {width:120px; padding-bottom:15px;}

/*NEWS ARTICLES */
.new-articles { padding-top:20px; padding-bottom:20px;}

/*OTHER CATEGORIES*/
.other-categories {}
.other-categories ul {list-style-type: none; padding:0px; font-weight:bold; line-height:30px;}
.other-categories a { color:#898989;}
.other-categories a:hover {color:#f7a408; text-decoration:none;}