/*
Theme Name: wp-bootstrap
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.0
Author: 320press
Author URI: http://320press.com
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */


/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
    padding-top:47px;
    color:#202225;
}
body {
  padding-top: 70px;
}
footer {
  padding: 30px 0;
  margin-top: 40px;
}

#wpstats {
display: none;
}

ul#tiles li {
    max-width: 800px;
    width: 30%;
    margin-right: 0;
}
/* hide links in gfpr banner */
.cc-link, .cc-link.cc-divider {display:none !important;}

/*
 * Off Canvas
 * --------------------------------------------------
 */

@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

/* COLORS */

/* Solid Backgrounds */
.orange_bg{
    background: #ff5a00;
}
.lightblue_bg{
    background: #a4dade;
}
.darkblue_bg {
    background: #154857;
}
.yellow_bg {
    background: #efc040;
}
.green_bg {
    background: #6d8f49;
}

/* Tinted Backgrounds */
.greenTint {
    background:#a6cb87;
    color:#333 !important;
}
.blueTint {
    background:#9ad4e2;
    color:#333 !important;
}
.orangeTint {
    background:#edbb9e;
    color:#333 !important;
}
.purpleTint {
    background:#b5a2d2;
    color:#333 !important;
}


/* TYPE */

p.sectionHead, p.sectionHead{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    background-color: #e4e9ed;
    color: #222;
    margin: 20px 0 40px -10px;
    padding: 5px 10px 5px 10px;
    display: table;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
}


a {
    color: #269abc;
}

a:visited{
    color: #269abc;
    text-decoration: none;
}
a:hover,a:active{
    color: #3c5a6d;
    text-decoration: underline;
}

.words_fly {
    display: none;
}

.jumbotron {
    background:#79d4e1;
    margin:0 0 20px 0;
    padding-bottom: 20px;
    min-height:100px;
    text-align:center
}
.jumbotron {
    padding-top: 28px;
    padding-bottom: 8px;
}
h4, h5, h6{
    font-family: 'Cabin', sans-serif;
    font-size:15px;
}
h1, .jumbotron h1 {
    color:#154857;
    font-family: 'Brawler', serif;
    font-size: 50px;
    line-height: 39px;
    margin: 0 0 12px 0;
}


.page-id-21 .flBtn{

display:none;

}

.page-id-22 .faqBtn{
display:none;

}
.page-id-22 h4{
    font-size:1.25em;
    color:hsl(216, 3%, 35%);
font-family: 'Cabin', sans-serif !important;
}
.page-id-22 h4 strong{
    color:hsl(216, 3%, 35%) !important;
font-family: 'Cabin', sans-serif !important;
}
.page-id-22 h4 strong span{
    color:hsl(216, 3%, 35%) !important;
font-family: 'Cabin', sans-serif !important;
}

.quote, .author, .which_organization {
    color: rgb(84, 96, 100);
    font-family: Cabin, sans-serif;
    font-style: italic;
    font-weight: 100;
    height: auto;
    text-align: center;
    width: auto;
    zoom: 1;
}

.quote {
    font-size: 1.25em;
    line-height: 1.15em;
}

.author, .which_organization {
    display: inline;
    font-size: 1.05em;
    line-height: 0;
}

.which_organization {
    margin-left: -3px;
}

h2 {
    color:#ff5a00;
    font-family: 'Brawler', serif !important;
    font-size: 35px;
    font-weight:100 !important;
    line-height: 33px !important;
    margin: 20px 0 10px 0;
    clear: left;
}
article h2 a {
    color:#ff5a00 ;
    font-family: 'Brawler', serif;
    font-size: 35px;
    font-weight:100;
    line-height: 33px;
    margin: 30px 0 10px 0;
    padding-top:0;
}
article h2 a:link, article h2 a:visited {
    color: #ff5a00;
}
.jumbotron h2 {
    font-family: 'Cabin', sans-serif !important;
    font-size: 30px !important;
    font-style:italic;
    margin: 0 0 10px 0;
    color:#546064;
}

.jumbotron h2 .quoter{
    font-size: 24px !important;
    line-height: 0;
}

h2.anchor, #top{
    padding-top: 140px;
    margin-top: -140px;
}

a.anchor{
display: block; position: relative; top: -250px; visibility: hidden;
}

body.parent-pageid-19 #menu-item-18117 > a {
    background-color: #3d4f71;
    color: white;
}


body.single-post #menu-item-75 > a{
background-color: #3d4f71;
color: white;
}


#sidebar h2{
    margin-top:0 !important;
    padding-top:0;
    font-size:27px !important;
    text-transform: capitalize;
}
h2.search_results {
    font-size: 27px;
    margin: 25px 0 0 0;
    color: #808080;
    text-transform: capitalize;
}
h2.event {
    margin-bottom: 20px !important;
}

#sidebar .address{
    font-size:12px;
    line-height:13px;
}
#sidebar .beforeAfter{
    font-size:13px;
    line-height:13px;
    margin-bottom: -10px;
}

h3 {
    font-family: 'Cabin', sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	line-height: 30px;
	margin: 20px 0 0px 0;
	color: #fff;
}
.donation_levels h3{
	text-transform: uppercase;
	font-weight: bold;
	background: #696581;
	border-radius: 0 0 12px 12px;
	padding: 1% 3%;
}
h3 span{
    font-family: 'Cabin Condensed', sans-serif;
    font-weight: 700;
}
li{
    color:#57595C;
}
.post_content, p, ol li {
    font-family: 'Cabin', sans-serif;
    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
    margin: 0px 0 10px 0;
    padding-bottom: 10px;
    color:#57595C;
}
.blog .post .post_content p {
	font-size: 14px;
	line-height: 22px;
	margin: 10px 0 -10px 0;
}
.blog p.meta {
    line-height: 1.2em;
    margin-bottom: 0;
}


/*gibson custom menu */

ul.dropdown-menu ul.dropdown-menu {
    display: none;
}
ul.dropdown-menu > ul.dropdown-menu {
    display: none;
    box-shadow:none;
}

ul.dropdown-menu {
    margin-top: 0px !important;
    //margin-left: 50px;
    background: #fff;
    min-width: 160px;
    list-style: none;
    background-color: #ffffff;
    border-left: 1px solid #ff5a00;
    border-right: 1px solid #ff5a00;
    border-bottom: 1px solid #ff5a00;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: 0;
    background-clip: padding-box;
    padding: 0;
}

ul.dropdown-menu li a {
    color: #144856;
}

ul.dropdown-menu li a:hover {
    background-color: #144856;
    color: #fff;
}
li#menu-item-19582 ul.dropdown-menu li a {
    color: #382164;
}
li#menu-item-19582 ul.dropdown-menu li a:hover {
    background-color: #382164;
    color: #fff;
}

li#menu-item-19584 ul.dropdown-menu li a {
    color: #7a2b01;
}
li#menu-item-19584 ul.dropdown-menu li a:hover {
    background-color: #7a2b01;
    color: #fff;
}

li#menu-item-19588 ul.dropdown-menu li a {
    color: #ff5a00;
}
li#menu-item-19588 ul.dropdown-menu li a:hover {
    background-color: #ff5a00;
    color: #fff;
}

.header-menu li {
    list-style: none;
    float: left;
    display: inline;
}

.header-menu a {
    color: #ffc4a3;
    -webkit-transition: color 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}

.header-menu {
    float: right;
    margin-top: 10px;
    position:  relative;
    z-index: 9;
}

.header-menu li {
    list-style: none;
    float: left;
    display: inline;
}
.header-menu .active a {
color: white !important;
}

#menu-main-nav a {
    font-family: 'Bitter', serif;
    font-size: 32px;
    color: #ffc4a3;
    -webkit-transition: color 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}

#menu-main-nav a:hover {
    color: #fff;
}

#menu-main-nav ul li a {
    color: #144856;
    font-weight:  100;
}
#menu-main-nav ul li a:hover {
     color: #fff;
}

.header-menu li {
    margin-right: 10px;
    border-right: 1px solid #ffc4a3;
    padding-right: 10px;
    line-height: 12px;
}

.header-menu li:last-child {
    margin-right: 0;
    padding-right: 0;
    border: 0;
    line-height: 30px;
    margin-top: -10px;
}

.header-menu li:nth-child(n+4) {
    border: 0;
}

.header-menu li:last-child {
    margin-right: 0;
    padding: 0 10px 0 20px;
    border: 0;
    color: #ffffff;
    background-color: #b9f1f5;
    border:3px solid #79d4e1;
    border-radius: 6px;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.header-menu li:last-child {
    background-image: url('../../themes/wordpress-bootstrap-master/images/leaf.png');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 2px 5px;
}

.header-menu li:last-child:hover {
    color: #ffffff;
    background-color: #79d4e1;
    border: 3px solid #b9f1f5;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.navbar-nav {
    margin-top: -8px !important;
    position: relative;
    z-index: 999;
}

.header-menu ul li:last-child a {
    color: #3d4f71;
    font-family: 'Bitter', serif;
    text-transform:  uppercase;
}

#menu-main-nav > li {
    margin-top: 14px;
}


#menu-main-nav > li:last-child a {
    margin: 0;
    padding-right: 0;
    font-size: 21px;
    margin-left: 40px;
}
#menu-main-nav li a {
    margin-top: 17px;
}
.navbar-nav li a {
    padding-top: 15px;
    padding-bottom: 14px;
}

#menu-main-nav li:last-child a {
    margin-top: 15px;
    padding-top: 24px;
    padding-bottom: 15px;
}
#menu-main-nav > li:last-child .dropdown-menu a, #menu-main-nav .dropdown-menu a, .header-menu a {
    font-family: 'Cabin', sans-serif;
    text-transform: capitalize;
    font-size: 15px;
	font-weight:600;
}

#menu-main-nav .dropdown-menu li a {
    padding: 5px 7px 5px 14px;
    margin: 0;
}

#menu-main-nav > li:last-child .dropdown-menu {
    padding: 0px 0;
    margin: 0 0 0 45px !important;
}


#menu-main-nav > li:last-child .dropdown-menu a {
    margin-left: 0;
}

.footer-links .menu {
    float: none;
	display: none;
}

.copyright_info a {
    float: right;
    color: #fff;
    font-size: 10px;
    letter-spacing: .5px;
    background-image: url('./images/cp.png');
    background-repeat: no-repeat;
    background-position: 95px 0px;
    padding-right: 30px;
    clear: both;
}

.caret {
    display: none;
}

#menu-main-nav li a:before {
    content: "WITS for";
    font-size:  13px;
    color: #ffc4a3;
    font-family: 'Cabin', sans-serif;
    margin-right: 2px;
}
#menu-main-nav li:last-child a:before {
    display: none;
}

#menu-main-nav li ul li a:before {
    display:  none;
}

li.menu-search {
    display: none;
}
.mobile-yes {
    display:  none;
}

.mobile-no {
    display: block;
}

.form-control {
    border-radius: 0;
}
.form-control:focus {
    border-color: #ff5a00;
    box-shadow: none;
}
.search-btn {
    border-radius: 0;
}

body.search-results .post {
    width: 100%;
}


/* on scroll menu */

.navbar-brand, .navbar-brand img {
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

.navbar-brand img {
    width: 200px;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.navbar-scroll .navbar-brand {
    padding-bottom: 5px;
}

.navbar-scroll .navbar-brand img {
    width: 150px;
}

.header-menu {
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.navbar-scroll .header-menu {
    margin-top: 5px;
}

#menu-main-nav li a, #menu-main-nav > li, .navbar-brand img, .navbar-brand, .navbar-nav {
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}

.navbar-scroll .navbar-nav {
    margin-top: 0px !important;
}

.navbar-inverse.navbar-scroll {
    min-height: 90px;
}

.navbar-scroll #menu-main-nav > li {
    margin-top: 0px;
    height: 50px;
}

.navbar-scroll #menu-main-nav li a {
    margin-top: 0;
}


@media only screen and (max-width: 1200px) {
    #menu-main-nav li a:before {
        display:  none;
    }
    #menu-main-nav li a {
        margin-top: 23px;
    }
    .navbar-inverse {
        min-height: 117px;
    }
    #menu-main-nav > li {
        margin-top: 0px;
    }/*
    #menu-main-nav > li:last-child > a {
        margin-top: 14px;
    }*/
    #menu-main-nav a {
        font-size: 30px;
    }
    #menu-main-nav > li:last-child a {
        font-size: 17px;
        margin-left: 30px;
    }
    ul.dropdown-menu {
        margin-left: 14px;
    }
    #menu-main-nav li:last-child a {
        padding-top: 28px;
        padding-bottom: 10px;
    }
    .navbar-scroll #menu-main-nav li:last-child a {
        padding-top: 21px;
    }
    #menu-main-nav li:last-child .dropdown-menu a {
        padding:  5px 7px 5px 14px;
    }
    #menu-main-nav li:last-child .dropdown-menu {
        margin-left: -10px !important;
    }
    #menu-main-nav .dropdown-menu li:last-child a {
        padding: 5px 7px 5px 14px;
    }
    .navbar-nav {
        margin-top: 0px !important;
    }
    .navbar-inverse {
        min-height:  108px !important;
    }
    .navbar-scroll.navbar-inverse {
        min-height: 80px !important;
    }
    .navbar-scroll .navbar-brand img {
        width: 150px;
    }
    .navbar-brand img {
        width: 180px;
    }
    body {
        padding-top: 65px;
    }
}

@media only screen and (max-width: 1000px) {
    #menu-main-nav a {
        font-size: 22px;
    }
    .header-menu a {
        font-size: 12px;
    }
    .header-menu li {
        padding-right: 5px;
        margin-right: 5px;
    }
    #menu-main-nav > li {
        margin-top: 5px;
    }
    .navbar-inverse {
        min-height: 117px !important;
    }
    .navbar-scroll.navbar-inverse {
        min-height:  90px !important;
    }
    .navbar-scroll .navbar-brand img {
        max-width: 130px;
    }
    #menu-main-nav li:last-child a {
        padding-top: 28px;
        padding-bottom: 10px;
    }
    #menu-main-nav > li:last-child a {
        margin-left: 20px;
    }
    .nav > li > a {
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media only screen and (max-width: 767px) {
    .header-menu {
        display: none;
    }
    .col-xs-5 {
        width: 40%;
    }
    .mobile-yes {
        display:  block;
    }
    .mobile-no {
        display: none;
    }
    .navbar-collapse.in ul {
        list-style: none;
        padding: 0;
        margin: 0;
        background: #fff !important;
    }
    .navbar-collapse.in ul a {
        color: #144856 !important;
    }
    .menu li a {
        display: block;
        width: 100%;
        padding: 6px 20px;
        font-size: 20px;
        border-bottom: 1px solid #ccc;
    }
    .navbar-collapse {
        max-height:  100%;
    }
    .navbar-brand img {
        max-width: 120px;
    }
    .navbar-scroll .navbar-brand img {
        max-width:  120px;
    }
    .navbar-inverse {
        min-height: 90px !important;
    }
    .navbar-scroll.navbar-inverse {
        min-height: 90px;
    }
    body {
        padding-top: 40px;
    }
}
@media only screen and (max-width: 427px) {
    .navbar-inverse {
        min-height: 80px !important;
    }

}

/* end custom menu */




ol li{
    margin-left:-15px;
    padding-left:8px;
}
p strong {
    font-weight: 700;
}

.font, p.font {
    font-family: "Courier new", monospace;
    color: #999;
    font-size: 12px;
    margin: 0 0 20px 0;
    padding: 3px 5px 3px 5px;
    background: #e4e9ed;
    display: inline-table;
}
p.floater{
    clear:none;
}
p.tuition{
    font-weight:bold;
    border-top: #ccc 1px solid;
    margin:10px 0 5px 0;
    padding:15px 0 0 0;
    color:#6E865A;
	clear:both;
}
img.introLogo {
    max-width: 220px;
    float: left !important;
    margin: 0 20px 0 0;

}
.row {
    margin: 0;
}

.row .camp li{
    margin-bottom:10px;
    font-size:16px;
    line-height:27px;
    list-style:none;
    display:block;
    background:#eee;
    padding:15px 20px;
    border-radius: 6px;
    margin:0 10px 10px -40px;
    color:#57595C;
    overflow: hidden;
}

blockquote {
	padding: 10px 26px;
	margin: 0 0 20px 24px;
	border-left: 5px solid #eeeeee;
	float: right;
	width: 100%;
}

blockquote p {
	font-size: 17.5px;
	font-weight: 300;
	line-height: 1.25;
	font-style: italic;
	color: #3d4f71;
	font-family: 'Brawler', serif;
	font-weight: bold;
	overflow: visible;
}
blockquote p:nth-child(1) {
	text-indent: -3%;
}

p img.alignright,  p img.alignleft {
	background: #cecece;
	padding: 10px;
	margin: 10px 30px 30px 0px;
	float: left;
}

.camp li:last-child{
    margin-bottom:20px;
}


.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.widget a i:hover {
    color: black !important;
}

li.cat-item.cat-item-2 {
    display: none;
}

.toplink a i:hover {
    color: black !important;
}

/* NAV */

.navbar-nav {
    float: right;
    margin: 40px 0px 0 0;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff !important;
    background-color: transparent;
}
.navbar-inverse {
    border-color: #ffc4a3;
    min-height: 127px;
}

.navbar ul li a:link, .navbar ul li a:visited{
 /*   font-family: 'Bitter', serif;
    text-transform:uppercase;
    font-size:1.5em;
    color: #ffc4a3; */
    font-weight: bold;
    text-decoration: none;
}

.navbar ul.dropdown-menu li a:link, .navbar ul.dropdown-menu li a:visited {
    color: #ffc4a3;
}
.navbar ul.dropdown-menu li a:hover, .navbar ul li a:hover, .navbar ul li a:active{
    color: #fff;
}
/*
.navbar-nav > li > .dropdown-menu {
    background: #3d4f71;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: none;
 color: #ffc4a3;
}

.dropdown-menu > li > a:hover {
    color: #fff;
}
*/
.logo img{
    width:100% !important;
    height:100% !important;
    display:block;
}
.navbar-toggle{
    border:none;
}
.navbar-toggle .icon-bar{
    height: 3px;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #3d4f71;
    border-color: #3d4f71;
}



div.navbar-collapse.collapsing, div.navbar-collapse.in  {
    margin: 0 -30px;
}

div.navbar-collapse.collapsing ul, div.navbar-collapse.in ul {
    display: block;
    width: 100%;
    margin: 0;
    background:#fff;
    list-style: none;
    padding: 0;
}
div.navbar-collapse.collapsing a:link, div.navbar-collapse.in a:link, div.navbar-collapse.collapsing a:visited, div.navbar-collapse.in a:visited{
    color:#144856;
}
div.navbar-collapse.collapsing a:hover,div.navbar-collapse.in a:hover, div.navbar-collapse.collapsing a:active, div.navbar-collapse.in a:active{
    color:#fff;
}

.grade {
    display:inline;
    padding:2px 5px;
    margin-right:3px;
    border-radius: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color:#222;
}
/* ABOUT */

.card{
    background:#eee;
    border-radius:0 20px;
    margin:2em 0;
    overflow: auto;
}

#post-19152 .staff_member {
    width: 45%;
    float: left;
    overflow: auto;
    padding: 1em 0;
    margin-right: 5%;
}
#post-18823 .staff_member, #post-31167 .staff_member {
    padding: 1em 0;
    overflow: auto;
}

#post-19152 .staff_member img {
    max-width: 100%;
}
#post-18823 .staff_name {
    float: left;
}
#post-19152 .staff_name {
    border-bottom: #EEE 1px solid;
    background: #EEE;
    padding: 15px 20px;
    border-radius: 0px 12px;
}
#post-19152 .staff_name:hover {
    background: #CCC;
    cursor: pointer;
}

.learn_more {
    display: none;
    float: right;
    font-size: .8em;
}

.staff_name:hover .learn_more {
    display: block;
}

#post-19152 #staff_cards .bio {
    display: none;
    padding-left: 20px;
}

.job_title {
    float: left;
}

.email_address {
    clear: left;
}


.board_name {
    float: left;
}

.board_member {
    margin-bottom: 20px;
    width: 100%;
    display: block;
    overflow: auto;
}

.organization {
    float: left;
    clear: left;
}

.bio p {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 20px;
}

.donor ul {
    overflow: auto;
    margin: 1em 0 2em 0;
    padding: 0;
    list-style: none;
}

.donor ul li {
    width: 48%;
	float: left;
	line-height: 1.25em;
	margin: 0 2.1% 1.5% 0;
	border-bottom: #eee 1px solid;
	background: #eee;
	padding: 15px 20px;
	border-radius: 0px 12px;
	font-family: 'Cabin', sans-serif;
	font-size: 1em !important;
	color: #57595C;
	overflow: auto;
}

.donor ul li:nth-child(even) {
    margin: 0;
    margin-bottom: 1.5%;
}

.donor.visionaries {
    font-size: 1.5em;
}

.donor.advocates {
    font-size: 1.25em;
}

.donor.underwriters {
    font-size: 1em;
}

.donor.benefactors {
    font-size: 0.9em;
}

.donor.ambassadors {
    font-size: 0.9em;
}

.donor.friends {
    font-size: 0.9em;
}

/* MAP INFORMATION */

#mapCanvas {
    height: 400px;
    margin:0 0 20px 0;
    border:2px solid #ccc;
}

.btn{
    margin-bottom:4px;
}
.btn-info{
    margin:5px 0 0 0px;
}
.btnNow{
    font-size:24px;
}

.register .btn-info{
    margin: 5px 0 0px 0px;
}

a.btn-info:link, a.btn-info:visited{
    color:#fff;
}

.btn-default{
    position:relative;
    z-index:5;
}

.btn-default {
color: #269abc;
}

.to-top{
	float: right;
}

footer{
    background:#144856;
    color:#cbd5df;
}
footer p{
    font-size:0.9em;
    color:#cbd5df;
}
footer img{
/*
    width:100% !important;
    height:100% !important;
*/
    display:block;
    margin-bottom:20px;
}
.fa{
    margin-right: 10px;
}
a:link .fa, a:visited .fa{
     color: #688C97;
}
a:hover .fa, a:active .fa{
     color: #fff;
}

hr {
    clear: left;
}

.topLink a:link, .topLink a:visited, .topLink a:hover, .topLink a:active {
    text-decoration:none;
    float:right;
    border-bottom: #ccc 1px solid;
    width: 100%;
    text-align:right;
    padding:0 10px 10px 0;
    margin-bottom: 30px;
}
.topLink a:link, .topLink a:visited{
    color:#808a9c;
}
.topLink a:hover, .topLink a:active {
    color:#01040a;
}


.glyphicon-chevron-up{
    margin:5px 0 0 0;
}



/* added for the blog */


.page-header {
    margin: 0;
    padding: 0;
    border: 0;
}

body.blog .page-header {
    margin: 0px 0 15px 0;
}

body.blog #main ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
/*
body.blog #main, body.blog #main p, body.blog .post_content, p, ol li{
font-size: 14px;
line-height: 22px;
}
*/

footer i {
font-size: 50px;
}


body.search .page-header {
    margin: 0px 0 15px 0;
    padding: 0 0 0px 15px;
}

.meta_tag {
    float: left;
    margin: 0 20px 5px 0;
    padding: 5px 20px;
    background: lightgray;
}

#main {
margin-top: 0px;
}

#main article {
    border-bottom: 0;
}

body.blog #main article {
    border-bottom: 2px solid lightgrey;
}


body.single-post #main article, body.blog #main article {
    border-bottom: #ccc 1px solid;
}

#main article img.alignright {
max-width: 250px;
margin-bottom: 20px;
}

.events-page article {
    width: 100%;
}

.meta_information .event_date {
    float: left;
}

.event_location {
float: left;
}

.post_content .event_date {
float: left;
}

.more-link {
    display: block;
    margin: 2em 0;
    background: #269abc;
    color: #ffffff !important;
    padding: 3px 15px;
    float: right;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

}

.widget {
    background: lightgrey;
    padding: 15px 20px 5px 20px;
    margin-bottom: 0px;
    display: block;
    overflow: auto;
}

.widget {
background: none;
padding-top: 0;
}

p.tt-preamble {
display: none;
}

.widget h2 {
color: #ff5a00;
font-family: 'Brawler', serif;
font-size: 27px;
font-weight: 100;
line-height: 33px;
margin: 20px 0 5px 0 !important;
padding-top: 0;
}

.widget ul {
/*border-bottom: #eee 1px solid; */
background: #eee;
padding: 15px 20px;
border-radius: 0px 12px;
margin-bottom: 10px;
font-family: 'Cabin', sans-serif;
font-size: 14px !important;
color: #57595C;
overflow: auto;
}

.widget ul li {
list-style: none;
margin: 0 0 6px 0;
}

.widget .event_list {
    padding: 0;
}

.widget .event_list h2 {
font-size: 17px;
line-height: 1em;
}

.widget .event_date {
    padding-top: 0;
}

.widget .event_list h2 {
    font-size: 17px;
    line-height: 1em !important;
    margin: 0 !important;
}

/*
#sidebar1 {
margin-top: 0px;
}
*/

.widget ol {
    border-radius: 0px 12px;
    list-style: none;
    padding: 20px 30px 0px 30px;
    background: #eee;
}

.widget img {
    float: left;
    margin: 5px 15px 10px 0;
    max-width: 100%;
    height: auto;
}
.widget ol li {
    font-size: 14px;
    line-height: 1.5;
}

.mobile_only {
    display: none;animation-duration:
}

.textwidget {
    border-bottom: #eee 1px solid;
    background: #eee;
    padding: 15px 19px;
    border-radius: 0px 12px;
    margin-bottom: 10px;
    font-family: 'Cabin', sans-serif;
    font-size: 14px !important;
    color: #57595C;
    overflow: auto;
}
.widget .event_list {
    margin: 0 0 20px 0;
}

.widget .event_list:nth-child(odd) {
    border-bottom: 0 !important;
}

a.events-link {
    float: right;
    font-size: 12px;
    text-decoration: none;
}
a.events-link:hover {
    text-decoration: underline;
}

.widget .event_list h3:hover, .widget .event_list a:hover {
    color: #ff5a00;
    text-decoration: none;
}
.textwidget i {
    font-size: 35px;
}

#pw_profile_widget-2 > div {
    background: #eee !important;
    padding: 20px;
    border-radius: 0 20px;
    margin-top: 20px;
}


/* EVENTS PAGE */
.post2 {
    overflow: auto;
    width: 100%;
    display: block;
}

.post2 h2 {
    margin: 0;
}

.featured_post {
    float: left;
}

.featured_event {
    width: 49%;
    background: #eee;
    overflow: auto;
    float: left;
    margin: 0px 2% 20px 0;
}

.more_info a {
    margin-top: 10px;
    display: block;
}

.featured_event:nth-child(2) {
    float: right;
    margin-right: 0;
}

.featured_event article {
    margin-bottom: 0 !important;
}

.break {
    width: 100%;
    padding: 10px;
    height: 30px;
    display: block;
    float: left;
}

body.single-events #main article {
    border: 0;
}

.sharing_is_caring {
    width: 100%;
    overflow: auto;
    background: #eee;
    padding: 10px 0;
    margin-top: 20px;
}

.events-page article.post2 h2 a {
    line-height: 1.5em;
}

.post2 .event_date {
    text-align: right;
    padding-top: 15px;
    float: left;
}

.featured_post {
    padding: 20px !important;
    box-sizing: border-box;
}

.featured_post h2 {
    margin: 0;
    text-transform: capitalize;
}

.featured_post a, .featured_post a:visited {
    color: #000 !important;
}

.event_location a, .event_location a:visited {
    color: #fff !important;
}

h2.event {
    margin-bottom: 20px;
}

.event_list h2 {
    line-height: 1.5em !important;
    margin-top: 10px;
}

.featured_image {
    margin-bottom: 20px;
    max-height: 128px;
    overflow: hidden;
}

.widget_recent_entries ul li {
    margin: 0 0 15px 0;
}

.page-template-page-events-php #main #masonry_this a {
    color: #333;
}

.teacher-content a {
    color: #333;
}

.featured_event a {
    color: #333;
}

.event_list h2 {
    text-transform: capitalize;
}

.event_list a {
    color: #333;
}

.page-template-page-events-php #main .post2 {
    border: 0;
}

.event_list {
    display: block;
    width: 100%;
    float: left;
    padding: 20px 0 0 0;
}

.event_list:nth-child(odd) {
    background: #eee;
    border-bottom: 1px solid #ccc !important;
}

.event_list:last-child {
    margin-bottom: 40px;
}

/* GOOGLE MAP and SIDE BAR CAMPUS LIST */

#listCanvas ul{
    list-style:none;
    padding:0;
}
#listCanvas ul li {
    border-bottom: #eee 1px solid;
    background: #eee;
    padding: 15px 20px;
    border-radius: 12px;
    margin-bottom: 30px;
}
#listCanvas ul li:hover{
    background:#E0E0E0;
}

#listCanvas h3, .infowindow h3{
    font-family: 'Cabin', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin: 0px 0 0 0;
    color:#546064;
}
#listCanvas h3 {
    margin: -15px -20px 10px -20px;
    padding: 10px 20px;
    color: #546064;
    background: #E0E0E0;
}
.infowindow h3{
    line-height:30px;
}

#listCanvas .dates, .infowindow .dates{
    font-family: 'Cabin', sans-serif;
    font-size: 14px !important;
    font-weight: bold !important;
    color:#57595C;
}

.infowindow h4, #listCanvas h4 {
    margin: 8px 0 8px 5px;
    display: inline-block;
    color:#546064;
}
.infowindow h4.opening, #listCanvas h4.opening{
    margin-left:0;
}
.infowindow p{
    line-height: 19px;
}

.widget p {
    margin: 0;
}

.fb_iframe_widget {
    border-bottom: #eee 1px solid;
    background: #eee;
    padding: 15px;
    border-radius: 0px 12px;
    margin-bottom: 10px;
    font-family: 'Cabin', sans-serif;
    font-size: 14px !important;
    color: #57595C;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: #269abc;
    color: #cbd5df;
    border-color: #269abc;
}

.post_content img {
    max-width: 100% !important;
}

form.summaryForm{
width:100%;
}
.summaryForm input[type='text']{
width:80%;
margin-bottom:0.5em;
padding:0.25em;
}


.mc4wp-form {
    margin: 1em 0 0 0;
   }
.widget_mc4wp_widget {
    /*
        margin-bottom: -10px;
    */
}

.mc4wp-form label {
    display: none !important;
}

#mc4wp_email {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.mc4wp-form input[type="submit"], .mc4wp-form button, .mc4wp-form input[type="button"] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    background: #fff;
    background-image: none;
    border: 1px solid #cccccc;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#twitter-tracker-2 .widgettitle {
    margin-bottom: -10px !important;
}
.instagram-pics img {
    width: 100%;
}

body.search .post_content table {
    display: none;
}

table {
    border: 0;
    max-width: 100%;
}

td {
    border: 0;
    padding: 20px;
    max-width: 100%;
}

body.page-id-18859 td {
    padding: 0;
}

input#typing {
    color: #154857;
    font-family: 'Brawler', serif;
    font-size: 50px;
    line-height: 39px;
    margin: 0 0 12px 0;
    background: none;
    border: none;
    width: 100%;
    text-align: center
}
.jumbotron h1{
    display:none;
}

.post {
    width: 45%;
    background: #eee !important;
  /*  margin-left: 1em !important; */
    margin-right: 1em !important;
    margin-bottom: 1.25em !important;
    padding-left: 2em !important;
    padding-right: 2em !important;
}

.post:nth-child(event) {
    margin-right: 0;
}

body.single .post {
    width: 100% !important;
    margin-left: 0 !important;
    background: none !important;
    padding-left: 0 !important;
}

body.single .post_content img {
    width: auto;
    margin: 0 20px 20px 0;
    /*float: right; */
}

body.single .post_content .ssba img {
    float: none;
}

/*teacher*/

.teachers-page .featured_event {
    width: 100%;
}

.teachers-page article {
    width: 100%;
}

#main.teachers-page article,
    #main.students-page article  {
    border-bottom: 0;
}


.events-page .post4 .event_date, #teacher_content .event_date {
    display: block;
    background: #fff;
}
.events-page .post4 .event_date .month, #teacher_content .event_date .month {
    background: #ff5a00;
    padding: 5px 20px 5px 25px;
    text-align: right;
    color: white;
}

.date.day {
    color: #154857;
    text-align: right;
    padding: 0px 20px 10px 25px;
    font-size: 1.5em;
}



/*students*/
.student_information {
    display: block;
    float: left;
    margin-bottom: 20px;
}
.student_buttons {
    display: block;
    float: left;
    margin-bottom: 20px;
}

.student_buttons .btn {
    font-size: 1em;
}
.student_links {
    clear: left;
    margin-top: 40px;
}

.video-container {
     position: relative;
     padding-bottom: 52.7%;  /* adjust this as needed */
     padding-top: 30px;
     height: 0;
     overflow: hidden;
     margin: 2% 0;
}
.community_partners {
    display: block;
    overflow: auto;
    float: left;
}

.community_partners ul {
    list-style: none;
    padding: 0 0 20px 0;
    margin: 0;
    overflow: auto;
}

.community_partners ul li {
    float: left;
    width: 30%;
    margin-right: 2%;
    margin-bottom: 20px;
    overflow: auto;
}
.community_partners ul li:last-child {
    margin: 0;
}

.community_content {
    display: none;
}

#community_page h2, #accordion h2 {
        border-bottom: #EEE 1px solid;  background: #EEE;  padding: 15px 20px;  border-radius: 0px 12px;
}

#community_page h2, #accordion a {
    text-decoration: none;
}

#community_page h2:hover, #accordion h2:hover {
    background: #CCC;
    cursor: pointer;
}

#accordion .content {
        display: none;
}

.content {
    margin-bottom: 20px;
}

div.student_information {
    width: 100%;
}

.video-content {
    width: 300px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

.button {
    float: left;
    margin-right: 7px;
}

ul#accordion {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul#accordion li {
    list-style: none;
}
 ul#accordion li li {
	list-style: disc;
}

.callout_title {
    background: #ff5a00;
    color: white;
}

.callout_title {
    padding: 7px 10px;
    text-decoration: none !important;
    font-family: 'Brawler', serif !important;
    font-size: 24px;
}

.callout_image > img {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.for_students > .col-sm-6 {
    padding-left: 0;
}

.video_content {
    margin-bottom: 20px;
}

.the_dates {
    margin-bottom: 20px;
}

.post3 h3 {
    color: #269abc;
    margin: 0;
    line-height: 20px;
    font-size: 14px;
}
#post-18705 .topLink {
    width: 100%;
    clear: both;
    margin-bottom: 50px;
}
span.cc-divider {
    display: none;
}

@media(min-width:1200px) {
    .post {width: 45%;}
  /*  .post:nth-child(even) {margin-right: 0 !important;margin-left: 0;} */

    div.col-sm-4.offset1:first-child {
        margin-left: -15px;
    }
}


/* Medium devices (desktops, 992px and up) */
@media(min-width:992px){

    .jumbotron {
        background:#79d4e1 url(https://witswriting.org/summer-camp/img/subhead-bg.png) no-repeat center top;
        max-height:240px;

    }
    .camp li:nth-child(even){
        margin-left:0px;
    }
    .camp li:nth-child(odd){
        clear:both;
    }
    div.navbar-collapse.in {
    margin: 0 -30px;
}
    div.navbar-collapse.in > ul {
        display: inherit;
        width: inherit;
        margin: auto;
        background:inherit;
    }
    div.navbar-collapse.in a:link, div.navbar-collapse.in a:visited{
        color:#b3b3c8;
    }
    div.navbar-collapse.in a:hover, div.navbar-collapse.in a:active{
        color:#fff;
    }

    .gk-2 .header, .g3-5 .header,  .g6-8 .header,  .g9-12 .header{

        display: block;
        height: 110px;
        margin: -15px -20px 15px -20px;
        width: auto;
    }
    .gk-2 .header{
        background: url(images/grades-k-2.jpg) no-repeat top center;
        background-size: cover;
 /*       background-position: 0 -57px; */
    }
    .g3-5 .header{
        background: url(images/grades-3-5.jpg) no-repeat top center;
        background-size: cover;
/*        background-position: 0 -41px; */
    }
    .g6-8 .header{
        background: url(images/grades-6-8.jpg) no-repeat top center;
        background-size: cover;
/*        background-position: 0 -72px; */
    }
    .g9-12 .header{
        background: url(images/grades-9-12.jpg) no-repeat top center;
        background-size: cover;
/*        background-position: 0 -88px; */
    }
    .gk-2 .grade, .g3-5 .grade,  .g6-8 .grade,  .g9-12 .grade{
        border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        padding: 20px;
        display: table;
        top: 20px;
        left: 20px;
        position: relative;
        border: 1px solid #eee;
    }
     .callout_title {
        font-size: 18px;
    }
     blockquote {
		width: 40%;
	}



}


@media(max-width:991px) and (min-width:650px){

    #sidebar1 {
        width: 30%;
        max-width: 30%;
        float: left;
    }
    #main {
    width: 70%;
    float: left;
    display: block;
    }
    footer i {
        font-size: 40px;
    }

    #main article {
        margin-bottom: 40px;
    }

    #main.campinfo {
        width: 100% !important;
        max-width: 100%;
    }
    .post {
        width: 44%;
        padding-left: 1em !important;
        padding-right: 1em !important;
    }
    article h2 a {
        font-size: 30px;
    }
    .widget {padding-right: 0; padding-left: 0;}
    .widget h2 {margin-top: 10px !important; font-size: 24px;}
    .col-xs-5 {
         width: 30%;
    }
    .footer-links {
        float: left;
    }
    .footer-links .menu li {
        float: none;
        margin: 10px 0px;
    }
    .callout_title {
        font-size: 14px;
    }
    .callout {
        width: 250px;
        margin-bottom: 20px;
        max-width: 100%;
    }
    .video-content {
        width: 100%;
        clear: right;
        float: left;
        margin: 0 0 20px 0;
    }
    .for_students p {
        clear: both;
    }
    .jumbotron {
        padding-bottom: 10px;
    }
    .quote {
        font-size: 1.25em;
        margin-bottom: -5px;
    }
    .which_organization, .author {
        font-size: 1em;
    }
    .which_organization {
        margin-left: -5px;
    }


}

@media(max-width:649px) and (min-width:450px) {
    #sidebar1 {
        max-width: 45%; float: left;
    }
    #main {
        max-width: 55%; width: 55%; float: left; margin-bottom: 30px;
    }
    #main.campinfo {
        width: 100% !important;
        max-width: 100%;
    }
    footer i {
        font-size: 30px;
    }
    .jumbotron h1 {display: block;}
    input#typing {display: none;}
    .jumbotron h2 {
        font-size: 27px !important;
        line-height: 30px !important;
        padding: 10px 0 !important;
    }
    .jumbotron {
        padding-bottom: 10px;
    }
    .quote {
        font-size: 1.25em;
        margin-bottom: -5px;
    }
    .which_organization, .author {
        font-size: 1em;
    }
    .which_organization {
        margin-left: -5px;
    }

    .featured_event {
        width: 100%;
        margin-right: 0;
        float: left;
        margin-bottom: 20px;
    }

    .post {
        width: 90%;
        margin-left: 0 !important;
    }
    .row {
        margin: 0;
    }
    footer img {
        max-width: 50% !important;
    }

    .post2 .event_date {
        text-align: left;
    }
    .callout_title {
        font-size: 14px;
    }
    .callout {
        width: 250px;
        margin-bottom: 20px;
        max-width: 100%;
    }

    .video-content {
        width: 100%;
        clear: right;
        float: left;
        margin: 0 0 20px 0;
    }
    .for_students p {
        clear: both;
    }
}


@media(max-width: 449px) {

    #content {
       display: flex;
        flex-direction: column;
    }

    .featured_event {
        width: 100%;
        margin-right: 0;
        float: left;
        margin-bottom: 20px;
    }

    .post2 .event_date {
        text-align: left;
    }

    #sidebar-mobile {
        order: 1;
        margin-bottom: 20px;
    }
    #sidebar3 {
        order: 3;
    }
    footer i {
        font-size: 20px;
    }

    #main {
        order: 2;
    }

    #sidebar1 {
        order: 3;
    }

    #sidebar1 #search-3 {
        display: none;
    }

    #sidebar1 #categories-3 {
        display: none;
    }

    .jumbotron h1 {display: block;font-size: 25px;}

    input#typing {display: none;}
    .jumbotron h2 {
        font-size: 20px !important;
        line-height: 20px !important;
        padding: 0 0 0px 0 !important;
    }
    #main {
        padding: 0 20px 0 15px;
    }
    .navbar-header img {
        max-width: 120px;
    }
    .navbar-inverse {
        min-height: 80px;
    }
    .post {
        width: 364px;
        margin-bottom: 20px;
    }
    body > .container {
        padding-top: 0;
    }
    .mobile_only {
        display: block;
    }
    footer .col-xs-12 {
        padding: 0 40px;
    }
    .col-xs-5 {
        width: 45%;
    }
    .footer-links .menu {
        list-style-type: none;
        margin-left: 0;
        overflow: auto;
        padding: 0 26px;
        display: none;
    }
    .footer-links .menu li {
        width: 100%;
        margin-left: 0;
    }
    .row {
        margin: 0;
    }
    .navbar-toggle {
        margin-top: 26px;
    }
    .callout_title {
        font-size: 14px;
    }
    .video-content {
        width: 100%;
        clear: right;
        float: left;
        margin: 0 0 20px 0;
    }
    .for_students p {
        clear: both;
    }
}




@media(max-height:600px) and (min-width:1200px) {
    body {
        padding-top: 40px;
    }
    .navbar-brand, .navbar-brand img {
        -moz-transition: all .4s;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        -ms-transition: all .4s;
        transition: all .4s;
    }

    .navbar-brand img {
        width: 200px;
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        -ms-transition: all .3s;
        transition: all .3s;
    }
    .navbar-brand {
        padding-bottom: 5px;
    }
    .navbar-brand img {
        width: 150px;
    }

    .header-menu {
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        -ms-transition: all .3s;
        transition: all .3s;
    }
    .header-menu {
        margin-top: 5px;
    }

    #menu-main-nav li a, #menu-main-nav > li, .navbar-brand img, .navbar-brand, .navbar-nav {
        -moz-transition: all .2s;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        -ms-transition: all .2s;
        transition: all .2s;
    }
    .navbar-nav {
        margin-top: 0px !important;
    }

    .navbar-inverse {
        min-height: 90px;
    }

    #menu-main-nav > li {
        margin-top: 0px;
        height: 50px;
    }

    #menu-main-nav li a {
        margin-top: 0;
    }
    #menu-main-nav li:last-child a {
        margin-top: 0;
    }
}

@media only screen and (max-width: 1200px) and (max-height:600px) {
    body {
        padding-top: 45px;
    }
    #menu-main-nav li:last-child a {
        padding-top: 21px;
    }
    #menu-main-nav li:last-child a {
        margin-top: 0;
    }
    .navbar-inverse {
        min-height: 80px !important;
    }
    .navbar-brand img {
        width: 150px;
    }
    .navbar-nav {
        margin-top: 0px !important;
    }
    #menu-main-nav li a {
        margin-top: 0;
    }
}

@media only screen and (max-width: 1000px) and (max-height: 600px) {
    .navbar-inverse {
        min-height:  90px !important;
    }
    .navbar-brand img {
        max-width: 130px;
    }
    #menu-main-nav li:last-child a {
        padding-top: 18px;
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 767px) {
    .header-menu {
        display: none;
    }
    .col-xs-5 {
        width: 40%;
    }
    .mobile-yes {
        display:  block;
    }
    .mobile-no {
        display: none;
    }
    .navbar-collapse.in ul {
        list-style: none;
        padding: 0;
        margin: 0;
        background: #fff !important;
    }
    .navbar-collapse.in ul a {
        color: #144856 !important;
    }
    .menu li a {
        display: block;
        width: 100%;
        padding: 6px 20px;
        font-size: 20px;
        border-bottom: 1px solid #ccc;
    }
    .navbar-collapse {
        max-height:  100%;
    }
    .navbar-brand img {
        max-width: 120px;
    }
    .navbar-scroll .navbar-brand img {
        max-width:  120px;
    }
    .navbar-inverse {
        min-height: 90px !important;
    }
    .navbar-scroll.navbar-inverse {
        min-height: 90px;
    }
    body {
        padding-top: 40px;
    }

    .words_fly {
        display: block;
    }

}


@media(max-width: 420px) {

    body {
            padding-top: 20px;
        }

     .post {
        width: 260px;
        padding: 0 20px !important;
        margin-left: 0 !important;
        }
    .jumbotron {
        padding: 30px 0px;
    }

    .jumbotron h1 {
        font-size: 22px;
    }
    #sidebar1  {
        display: none;
    }
    #sidebar-mobile {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .post_content {
        overflow: hidden;
    }
    .pagination {
        max-width: 70%;
    }
    .row {
        margin: 0;
    }
    .callout_title {
        font-size: 14px;
    }
    .video-content {
        width: 100%;
        clear: right;
        float: left;
        margin: 0 0 20px 0;
    }
    .for_students p {
        clear: both;
    }

    .navbar-brand {
        padding: 7px 15px;
    }
    .navbar-inverse {
        min-height: 70px !important;
    }
    .navbar {
        margin-bottom: 0px;
    }
    .navbar-toggle {
        margin-top: 20px;
    }
    .menu li a {
        font-size: 17px;
    }
    #mobile-menu {
        max-height: 340px;
        overflow: scroll;
    }
}