/*
Theme Name:     55k
Theme URI:      http://dbswebsite
Description:    Child theme of the Roots theme customized for 55k Degrees
Author:         DBS>Interactive
Author URI:     http://dbswebsite
Template:       roots
Version:        1.0
*/

body
{
background:url("images/light-waves.png") repeat scroll 0 0 #f7f4ef;
padding:0;
font-size:15px;
}

p
{
font-size:100%;
line-height:1.6em;
}

/*####################
      header
####################*/

#banner.navbar
{
position:relative;
margin:0 auto;
}
body.admin-bar .navbar-fixed-top { top:0; }

#banner .container { max-width: 1160px; display:block; }

  body .navbar-inner
  {
  background:url("images/header-bg.png");
  min-height:inherit;
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  filter:none;
  }

  body #banner { background:url("images/home-ss-bdr.png"); padding-bottom:8px; }

    .navbar .brand
    {
    background: url("images/logo.png") no-repeat scroll center center transparent;
    float: left;
    height: 34px;
    margin: 15px 0 0;
    padding: 10px 20px 10px 0;
    position: relative;
    text-indent: -9999px;
    top: 18px;
    width: 254px
    }

    #nav-2nd {
    background: none repeat scroll 0 0 #F7F4EF;
    border-radius: 0 0 10px 10px;
    float: right;
    font-size: 14px;
    font-size: 15px;
    line-height: 37px;
    margin-right: 42px;
    padding: 0 15px;
    text-align: center;
}
  #nav-2nd .nav { float:none; }
  #nav-2nd li { display:block; }

      #nav-2nd a { color:#987838; text-shadow: none; }
      #nav-2nd a:hover { color:#a30f11; }

    #nav-main {
    clear: both;
    display: block;
    float: none;
    margin: 0;
    width: 100%;
}
.navbar .nav {
    float: right;}

      #nav-main li
      {
      margin-left:10px;
      }
      #menu-secondary-navigation .menu-facebook {
      background: url("images/nav-social.png") repeat scroll 0 0 transparent;
      display: block;
      height: 17px;
      margin:0.8em 0em 0 .5em;
      overflow: hidden;
      text-indent: -9999px;
      width: 13px;
      }
        #menu-secondary-navigation .menu-facebook:hover {
          background: url("images/nav-social.png") repeat scroll 0 bottom transparent;
        }
      #menu-secondary-navigation .menu-twitter {
      background: url("images/nav-social.png") repeat scroll -14px 0 transparent;
      display: block;
      height: 17px;
      margin:0.8em 0em 0 .5em;
      overflow: hidden;
      text-indent: -9999px;
      width: 23px;
      }
        #menu-secondary-navigation .menu-twitter:hover {
          background: url("images/nav-social.png") repeat scroll -14px bottom transparent;
        }
      #menu-secondary-navigation .menu-mail {
      background: url("images/nav-social.png") repeat scroll -60px 0 transparent;
      display: block;
      height: 17px;
      margin: 0.8em 0 0 0.6em;
      overflow: hidden;
      text-indent: -9999px;
      width: 20px;
      }
         #menu-secondary-navigation .menu-mail:hover {
          background: url("images/nav-social.png") repeat scroll -60px bottom transparent;
        }



      #menu-secondary-navigation .menu-youtube {
      background: url("images/nav-social.png") repeat scroll -38px 0 transparent;
      display: block;
      height: 17px;
      margin:0.8em 0em 0 .6em;
      overflow: hidden;
      text-indent: -9999px;
      width: 18px;
      }
        #menu-secondary-navigation .menu-youtube:hover {
          background: url("images/nav-social.png") repeat scroll -38px bottom transparent;
        }

      #footer-social-navigation {
          float: right;
          position: relative;
          right: 0;
          top: -3em;
      }
      #footer-social-navigation li { float:left; }
      #footer-social-navigation li a { display:block; height:23px; width:100%; }
      #footer-social-navigation .menu-facebook {
      background: url("images/footer-social.png") repeat scroll 0 top transparent;
      display: block;
      height: 23px;
      margin:0.8em 0em 0 .5em;
      overflow: hidden;
      text-indent: -9999px;
      width: 11px;
      }
        #footer-social-navigation .menu-facebook:hover {
          background: url("images/footer-social.png") repeat scroll 0 bottom transparent;
        }
      #footer-social-navigation .menu-twitter {
      background: url("images/footer-social.png") repeat scroll -14px top transparent;
      display: block;
      height: 23px;
      margin:0.8em 0em 0 .5em;
      overflow: hidden;
      text-indent: -9999px;
      width: 34px;
      }
        #footer-social-navigation .menu-twitter:hover {
          background: url("images/footer-social.png") repeat scroll -14px bottom transparent;
        }
      #footer-social-navigation .menu-mail {
   background: url("images/footer-social.png") repeat scroll -85px top transparent;
   display: block;
   height: 23px;
   margin: 0.8em 0 0 0.6em;
   overflow: hidden;
   text-indent: -9999px;
   width: 28px;
}

        #footer-social-navigation .menu-mail:hover {
          background: url("images/footer-social.png") repeat scroll -85px bottom transparent;
        }
      #footer-social-navigation .menu-youtube {
      background: url("images/footer-social.png") repeat scroll -56px top transparent;
      display: block;
      height: 23px;
      margin:0.8em 0em 0 .6em;
      overflow: hidden;
      text-indent: -9999px;
      width: 22px;
      }
       #footer-social-navigation .menu-youtube:hover {
        background: url("images/footer-social.png") repeat scroll -56px bottom transparent;
      }
      #nav-main .dropdown-menu a, #nav-main .dropdown-menu a:hover {
     background: url("images/header-bg.png") repeat scroll 0 0 #D5C7AC;
      color: #9A7939;
      font-size:.84em;
      margin:0 5%;
      padding: .5em 5px;
      text-decoration: none;
      text-transform: none;
      width: 170px;
    }
      #nav-main .dropdown-menu li
      {
        margin:0;
        overflow:hidden;
        background: url("images/home-ss-bdr.png") repeat scroll 0 0 #F7F4EF;
        width:200px;
        }
      #nav-main li:hover .dropdown-menu:before,
      #nav-main li:hover .dropdown-menu:after {
        display:none;
      }
      #nav-main li .dropdown-menu
      {
    -moz-background-clip: padding;
    -moz-border-radius:0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: url("images/header-bg.png") repeat scroll 0 0 #D5C7AC; /*#a10f11*/
    border: none;
    float: left;
    left: 0;
    list-style: none outside none;
    margin: 1px 0 0;
    min-width: 150%;
    padding: 4px 0;
    position: absolute;
    top: 90%;
    z-index: 1000;
    }
    #nav-main li.menu-why-college .dropdown-menu { left:inherit; right:0; }
    #nav-main li:hover .dropdown-menu {
    display: block;
    }
        #nav-main a
        {
        color:#4a0203;
        font-size:16px;
        text-transform:uppercase;
        text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
        padding-bottom:24px;
        position:relative;
        z-index:1001;
        font-weight:600;
        }
        #nav-main .dropdown-menu a { color:#4a0203; }
        #nav-main .dropdown-menu a:hover { color:#A30F11; }
        #nav-main .dropdown-menu .active > a,
        #nav-main .dropdown-menu .active > a:hover,
        #nav-main .dropdown-menu li > a:hover {
          background:transparent;
          }

        #nav-main #menu-primary-navigation > li > a:hover,
        #nav-main #menu-primary-navigation > li > .active > a
        {
        background:none;
        color:#a10f11;
        border-bottom:solid 4px #a10f11;
        padding-bottom:20px;
        }
        .dropdown .caret { display:none; }
        .navbar .dropdown-menu:after, .navbar .dropdown-menu:before { display:none; }

/*####################
      slideshow
####################*/

#slideshow {
	position:relative;
}

ul.slides {
	list-style:none;
	margin:0;
	padding: 0;
}

@media screen and (min-width: 769px) {
	ul.slides {
		padding-left: 369px;
	}
}

li.slide {

	overflow: hidden;
	text-align: center;
	padding-top: 180px;
}
@media screen and (min-width: 769px) {
	li.slide {
		max-height: 350px;
		padding-top: 0;
	}
}

/** HERE'S WHERE YOU ARE **/

li.slide img {
	height: auto;
	width: 100%;
}

@media screen and (min-width: 1000px) {
	li.slide img {
		min-height: 350px;
		max-width: 1000px;
		width: 100%;
	}
}

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

#slideshow {
	background:url("images/slider-border-bottom.png") bottom repeat-x #9d0f11;
	padding-bottom:14px;

}

@media screen and (min-width: 1000px) {
	#slideshow {
		max-height: 350px;
	}
}

/* HERE'S YOUR REFERENCE */

.flexslider {
	margin: 0 auto;
	position:relative;
	width: 100%;
}

@media screen and (min-width: 1063px) {
	.flexslider { width: 1046px; }
}

@media screen and (min-width: 1200px) {
	.flexslider { width: 1120px; }
}

#slideshow nav {
	background:url("images/home-nav-overlay.png") no-repeat right;
	background-color: #9d0f11;
	display: block;
	position: relative;
	width: 100%;
}

@media screen and (min-width: 769px) {
	#slideshow nav {
		position:absolute;
			top:0;
			left: 0;
		width:369px;
	}
}

#slideshow nav .filler {
	background:url("images/home-nav-overlay.png") no-repeat right;
	display:block;
	width:30px;
	height: 15px;
}

@media screen and (min-width: 769px) {
	#slideshow nav .filler {
		height: 3.4vw;
	}
}

@media screen and (min-width: 1000px) {
	#slideshow nav .filler {
		height:23px;
	}
}

#slideshow nav .filler:first-child {
	height: 15px;
}

@media screen and (min-width: 769px) {
	#slideshow nav .filler:first-child {
		height: 1.5vw;
	}
}

@media screen and (min-width: 1000px) {
	#slideshow nav .filler:first-child {
		height:22px;
	}
}

#menu-home-overlay-navigation { margin: 0; }

#menu-home-overlay-navigation li {
	background:url("images/home-nav-overlay-bdr.png") repeat-x top;
}

#menu-home-overlay-navigation li:first-child {
	background:none;
}

#menu-home-overlay-navigation a {
	/*    background:url("images/home-nav-overlay-sprite-right.png") no-repeat 0 0; */
	background:url("images/home-nav-overlay-sprite.png") no-repeat 0 0;
	display:block;
	height: 30px;
	line-height: 30px;
	position: relative;
	font-size:18px;
	color:#fff;
	text-align: center;
	width: 100%;
}

@media screen and (min-width: 769px) {
	#menu-home-overlay-navigation a {
		height: 4.5vw;
		line-height: 4.5vw;
		padding-left:30px; /* Moves words out from left */
		text-align: left;
	}
}

@media screen and (min-width: 1000px) {
	#menu-home-overlay-navigation a {
		height:61px;
		line-height:61px;
	}
}
#menu-home-overlay-navigation a:hover {
	color: #f3e795;
}


@media screen and (min-width: 1000px) {
	#menu-home-overlay-navigation a:hover {
		background-position:0 -61px;
		font-weight: bold;
	}
	#menu-home-overlay-navigation a:hover:after {
		border-left: solid 20px #9d0f11;
		border-bottom: solid 30px transparet;
		border-top: solid 30px transparent;
		border-right: 0;
		content: '';
		display: block;
		height: 0;
		position: absolute;
			top: 0;
			left: 0;
		width: 0;
	}

	#menu-home-overlay-navigation a:hover:before {
		border-right: 0;
		border-bottom: solid 30px transparent;
		border-top: solid 30px transparent;
		border-left: solid 20px #9d0f11;
		content: '';
		display: block;
		height: 0;
		position: absolute;
			bottom: 0;
			left: 0;
		width: 0;
	}
}

/*####################
    more homepage
####################*/

/*.home #wrap { max-width:1160px; }*/
.home #content {
  margin-top:20px;
  max-width: none;
}
.home #main {
    margin: 0 auto;
    max-width: none;
}
.home .span4 { width:360px; }
.home .span4 {
    position: relative;
    max-width: 100%;
}
.home #main .span7, .home #main.span7 {
    /*margin-bottom: -68px;*/
    margin-left: 0;
    position: relative;
    /*top: -83px;*/
    /*width: 640px;*/
}

#main .box
{
margin-bottom:10px;
}
#main .span7 .box { margin-top:0; }
#box-callout-1 {
  box-shadow:0 2px 5px 2px rgba(0, 0, 0, 0.12);
  width: 100%;
  text-align: left;
  background:url('images/callout-interactive-bg.png') repeat top left;
}
  #box-callout-1 a {
    background: url('images/data-btn.png') bottom right no-repeat;
    color: #333333;
    display: block;
    line-height: 1.2;
    padding: 20px;
  }
    #box-callout-1 a span {
      color: #9E1B15;
      display: block;
      text-transform: uppercase;
      font-size: 1.5em;
      font-weight: 700;
    }

  #box-ourgoal
  {
  -webkit-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.12);
  -moz-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.12);
  box-shadow: 0 2px 5px 2px rgba(0,0,0,0.12)
  }

    #box-ourgoal h2
    {
    background:url("images/h2-ourgoal.png") repeat-x;
    color:#fff;
    font-size:20px;
    line-height:20px;
    padding:10px 20px 3px;
    height:33px;
    font-weight:normal;
    margin:0;
    text-transform:uppercase;
    }

    #box-ourgoal p
    {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #5C5C5C;
    font-size: 22px;
    line-height: 32px;
    padding: 5px 20px 25px;
  }

      #box-ourgoal p span {
      color: #9E1B15;
      font-style: italic;
      font-weight: 700;
  }

  #main #box-newsevents
  {
  -webkit-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.12);
  -moz-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.12);
  box-shadow: 0 2px 5px 2px rgba(0,0,0,0.12);
  margin-bottom:20px;
  }

    #box-newsevents h4
    {
    color:#fff;
    background:#9a7939;
    padding:15px 20px;
    font-weight:normal;
    font-size:24px;
    text-transform:uppercase;
    text-decoration:none;
    }
    #box-newsevents h4 a
    {
    color:#fff;
    text-decoration:none;
    }
    #box-newsevents h4 a:hover { color:#F7F4EF  }

    #box-newsevents ul
    {
    background:#fff;
    margin:0;
    padding:3px 10px;
    list-style:none;
    }

      #box-newsevents ul li
      {
      border-top:solid 1px #9a7939;
      padding:0px 0;
      }

      #box-newsevents ul li:first-child {border:none;}

        #box-newsevents li span.upcoming_date
        {
        color:#6d6d6d;
        font-size:14px;
        display:block;
        }

        #box-newsevents li .upcoming_title
        {
        font-size:18px;
        color:#24a6a6;
        text-transform:uppercase;
        }

  #box-countmein
  {
  background: url("images/callout-countmein-bg.png") repeat-x 0 -16px;
  /*background: url("images/callout-countmein.png") no-repeat 0 0,
              url("images/callout-countmein-bg.png") repeat-x; */
  /*height:306px;*/
  width:100%;
  position:relative;
  }
   #box-countmein #count-me-in-man {
    position:absolute;
    bottom:0;
    right:-10px;
    max-width: 148px;
  }

  .twitter-feed iframe {
    background: #fff;
    box-shadow: 0 2px 5px 2px rgba(0,0,0,0.12);
  }

#box-countmein h2 {
  font-size: 27px;
  line-height: 55px;
  margin: 0;
  padding-left: 10px;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #000000;
  visibility: visible;
  color:#fff;
  letter-spacing: 0;
}
    #box-countmein .content {
    position:relative;
    height:235px;
    }
    #box-countmein .content .btn-container {
    position:absolute;
    bottom:1.5em;
    right:1em;
    z-index:30;
    font-size:1.3em;
    width:400px;
    text-align:center;
    }
    #gform_submit_button_2 { margin: 0; }
    #box-countmein .content .btn-container a,
    .button.gform_button,
    .paging_full_numbers a.paginate_active {
      background:#24A6A6;
      border: none;
      border-radius: 0;
      box-shadow: none;
      color:#fff !important;
      padding:.5em 1em;
      line-height:2em;
      text-decoration: none;
      text-transform:uppercase;
      margin:0 .5em;
    }
    .btn { background:#24A6A6; }
    .btn:hover { background:url("images/home-ss-bdr.png") repeat scroll 0 0 #24A6A6; }
    .partner-example { border-bottom:1px solid #ccc; padding:1em 0; }
    /*.simplemodal-data h1 { color:#fff }*/
    body #simplemodal-container {
      background:url("images/light-waves.png") repeat scroll 0 0 #F7F4EF;
      border: 4px solid #ccc;
      color: #222;
      height: 80%;
      padding: 12px;
      width: 600px;
    }

    #member-directory_wrapper #member-directory_paginate { width: 405px !important; }

    #member-directory_wrapper .paginate_button { color: #fff !important; }

    .paging_full_numbers a.paginate_button {
      background: #9A7939;
      border: none;
      border-radius: 0;
      box-shadow: none;
      color:#fff;
      padding:.5em 1em;
      text-decoration: none;
      text-transform:uppercase;
      margin:0 .5em;
    }

    #box-countmein .content .btn-container a:hover,
    .button.gform_button:hover {
      background:url("images/home-ss-bdr.png") repeat scroll center bottom #24a6a6;
    }

    #box-countmein #front-count-advocates,
    #box-countmein #front-count-allies,
    #box-countmein #front-count-partners
    {
    position:relative;
    height:235px;
    float:left;
    width:22.8%;
    text-align:center;
    }
    #box-countmein #front-count-allies {
      width: 100%;
      text-align: left;
      padding-left: 10%;
      height: auto;
    }
    #box-countmein .content { height: 190px; }
    #box-countmein .content .btn-container {
        bottom: 1.5em;
        font-size: 1.1em;
        left: 2%;
        position: absolute;
        text-align: left;
        width: 400px;
        z-index: 30;
    }
    #box-countmein .content .btn-container a {
      margin: 0 0.25em;
    }
      #box-countmein #front-count-allies h3 strong
      {
        float: left;
        font-size: 80px;
      }
      #box-countmein #front-count-allies h3 span {
        float: left;
        line-height: 1.2em;
        margin-top: -0.25em;
        padding-left: 1em;
        width: 100px;
      }


      #box-countmein h3
      {
      color:#9A7939;
      font-weight:normal;
      font-style:italic;
      line-height:2em;
      margin-top: 48px;
      position:relative;
      z-index:30;
      }
      #box-countmein h3 strong
      {
      color: #24A6A6;
      display: block;
      font-size: 41px;
      font-weight: bold;
      }

      #front-count-advocates
      {
      margin-left:170px;
      }

    #box-countmein .bar
    {
    background: url("images/home-ss-bdr.png") repeat scroll center bottom transparent;
    bottom: 0;
    left: 27%;
    position: absolute;
    width: 49%;
    z-index:29;
    }


  #pledge-box
  {
  background:url("images/home-ss-bdr.png") repeat scroll 0 0 #f7f4ef;
  padding:8px 0;
  margin-top:45px;
  position:relative;
  }

.dataTables_info { width: 27%; }


  #pledge-box .border-wraper
  {
  background:url("images/light-waves.png") repeat scroll 0 0 #f7f4ef;
  overflow:hidden;
  padding:1em 0;
  }

    #pledge-box ul
    {
      margin:1em auto;
      float:none;
      display:block;
      list-style:none;
      text-align:center;
      font-style: italic;
    }
      #pledge-box .bx-wrapper { margin: 0 auto; }
      #pledge-box .next,
      #pledge-box .bx-next {
        background: url("images/btn-next.png") 0 0 no-repeat;
        display: block;
        height: 42px;
        width: 16px;
        position: absolute;
        margin-top: -21px;
        top: 50%;
        text-indent: -9999px;
        right: 15px;
      }
        #pledge-box .next:hover,
        #pledge-box .bx-next:hover {
          background: url("images/btn-next.png") 0 -42px no-repeat;
        }
      #pledge-box ul.flex-direction-nav li { display:block; }
      #pledge-box .prev, #pledge-box .bx-prev {
          background: url("images/btn-prev.png") no-repeat scroll 0 0 transparent;
          display: block;
          height: 42px;
          left: 15px;
          margin-top: -21px;
          position: absolute;
          text-indent: -9999px;
          top: 50%;
          width: 16px;
      }
        #pledge-box .prev:hover,
        #pledge-box .bx-prev:hover {
          background: url("images/btn-prev.png") 0 -42px no-repeat;
        }
      #pledge-box ul li { display:none; }
      #pledge-box ul li:first-child { display:block; }

      #pledge-box ul li > strong
      {
        color:#9c1b15;
        font-weight:normal;
        font-size:1.5em;
        padding-right:0.5em;
        margin-right: 0.5em;
        border-right:1px solid #ccc;
      }
         #pledge-box ul li > p
         {
          display:inline;
         }
  #footer-box-links
  {
  margin-top:25px;
  overflow:hidden;
  }

    #footer-box-links ul
    {
      margin:0 auto;
      float:none;
      display:block;
      list-style:none;
      font-size:1.2em;
      text-transform:uppercase;
    }

    #footer-box-links li
    {
    background: url("images/home-ss-bdr.png") repeat scroll center bottom #d5c7ac;
    background: url("images/home-ss-bdr.png") repeat scroll center bottom #f3f0eb;
    display: block;
    float: left;
    line-height: 1.3em;
    margin: 0.5%;
    padding: 0.5%;
    width: 31%;
    }

      #footer-box-links li a {
      /*background: url("images/dark-waves.png") repeat scroll 0 0 #D5C7AC;*/
      background: url("images/light-waves.png") repeat scroll 0 0 #f7f4ef;
      color: #A40F11;
      display: block;
      font-weight: bold;
      margin: 0;
      padding: 1em 0;
      text-align: center;
      text-decoration: none;
      width: 100%;
       }
       /*#footer-box-links li:hover { background: url("images/dark-waves.png") repeat scroll 0 0 #D5C7AC; }*/
       #footer-box-links li a:hover { background: url("images/home-ss-bdr.png") repeat scroll center bottom #d5c7ac; color:#000; }

/*####################
    interior
####################*/

body a {
    color: #A30F11;
    text-decoration: none;
}
body a:hover {
    color: #24A6A6; }

.navbar .nav .active > a, .navbar .nav .active > a:hover { background:transparent; }

.page-template-default #content { margin-top:30px; }

.page-header
{
border:none;
}

.page-header h1
{
color:#a30f11;
font-size:40px;
}

#sidebar .well
{
padding:0;
background:none;
border:none;
box-shadow:none;
max-width:320px;
}

.widget { margin-bottom:15px; }

/* count me in callout */
#text-3 h4 a:hover { text-decoration:none; }
#text-3 h4 a {
    background: url("images/callout-countmein2.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 42px;
    font-weight: 400;
    height: 44px;
    letter-spacing: -0.02em;
    padding: 42px 0;
    text-align: center;
    text-shadow: 0 1px 1px #000000;
    text-transform: uppercase;
    width: 320px;
}

#sidebar #nav_menu-3
{
background:url("images/header-bg.png");
padding:15px;
}

#sidebar #nav_menu-3 h3
{
color:#a30f11;
font-size:18px;
text-transform:uppercase;
}

#sidebar #nav_menu-3 ul
{
/*margin:10px 0 0;*/
}

#sidebar #nav_menu-3 li
{
list-style:none;
line-height:32px;
}

#sidebar #nav_menu-3 li a
{
color:#9a7939;
font-size:16px;
}
#sidebar #nav_menu-3 li a:hover,
#sidebar #nav_menu-3 li.current_page_item > a { color:#A30F11; }

#sidebar .widget_search
{
background:url("images/widget-search.png") no-repeat;
height:101px;
width:320px;
margin-top:-5px;
}

#sidebar .widget_search input
{
border:none;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
background:url("images/med-waves.png");
margin:24px 0 24px 24px;
font-size:17px;
color:#9e1b15;
height: 22px;
padding:13px;
width:185px;
font-style:italic;
float:left;
box-shadow:none;
}

#sidebar #searchsubmit
{
background:url("images/search-submit.png") no-repeat;
margin-left:0;
text-indent:-9999px;
width:58px;
}

#footer-box-links li {
  position: relative;
  line-height: 2.3em;
}

#footer-box-links form {
    margin: 0 auto;
    text-align: center;
    width: 280px;
    min-height: 67px;
    padding-top: 10px;
}
#footer-box-links form label,
#footer-box-links form input {
  position: relative;
  z-index: 2;
}


#footer-box-links form:before {
  content: "";
  width:100%;
  position: absolute;
  z-index:1;
  top: 6px;
  left: 1.5%;
  height:86%;
  width: 97%;
  background: url("images/light-waves.png") repeat scroll 0 0 #f7f4ef;
}

#footer-box-links input
{
border:none;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
background:url("images/med-waves.png");
margin:4px auto;
font-size:17px;
color:#9e1b15;
padding:15px;
width:185px;
font-style:italic;
float:left;
box-shadow:none;
}

#footer-box-links #searchsubmit2
{
background:url("images/search-submit.png") no-repeat;
margin-left:0;
text-indent:-9999px;
width:58px;
height: 48px;
}

.page-id-319 h3.gform_title {
  display: none;
}

.page-id-413 .thumbnail {
  background: #fff;
  border: none;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
  padding: 30px;
  height: 131px;
  margin-right: 10px;
}

body footer #text-4 {
  background: none;
  padding: 10px 0;
}

#text-4 > div {
  display: none;
}
#text-4 #sponsors {
  display: block;
}

#sponsors {
    background:url("images/home-ss-bdr.png") repeat-x scroll 0 -7px #580203;
    clear: both;
    color: #efebdf;
    overflow: hidden;
    padding: 1em 0;
    text-align: center;
  }
  #sponsors h3 {
    font-weight: 400;
    max-width: 1170px;
    margin: 0 auto;
    padding-bottom: 12px;
    text-align: left;
    text-transform: uppercase;
    color:#efebdf;
    text-align: center;
  }

  #sponsors ul { list-style:none; }
  #sponsors li {
    display: inline;
    height: auto;
    line-height: 100px;
    margin: 5px;
    padding: 0;
}

.page-id-413 #main ul {
  list-style:none;
  }
.page-id-413 #main ul li {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0.5em;
    padding: 0.6em;
    text-align: center;
  }

footer #text-4 {
    background: url("images/home-ss-bdr.png") repeat scroll 0 0 #9E1A15;
    padding-bottom: 10px;
}
footer #text-4 img { max-width: 154px; }
body footer#content-info {
    clear:both;
    /*url("images/red-wave.png")*/
    background:none repeat scroll 0 0 #9E1A15;
    color:#EFEBDF;
    border-top:0;
    margin-top:45px;
    overflow: hidden;
    padding: 0 0 36px 0;
}
#content-info p small { color:#fff; }

#menu-footer-menu {
  list-style:none;
  margin:0;
}
  #menu-footer-menu li {
    display:inline;
    padding:0 1.5em 0 0;
    }
    #menu-footer-menu li a {
      color:#EFEBDF;
      text-decoration:none;
      text-transform:uppercase;
    }
    #menu-footer-menu li a:hover { color:#f3e795; }

.page-id-400 .tabs ul { margin: 0; }
.page-id-400 .tabs ul li {
  list-style: none;
  float: left;
  margin-right: 10px;
  margin-bottom: -2px;
}
.page-id-400 .tabs ul li a {
  color: #fff;
  padding: 6px 12px;
  background: url("images/dark-waves.png") repeat scroll 0 0 #D5C7AC;
  text-decoration: none;
  -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;
}
.page-id-400 .tabs ul li a.active {
  background: #997839;
}

#tab-news p:first-of-type strong {
  clear: both;
  color: #fff;
  background: #4DA5A8;
  display: block;
  font-weight: regular;
  padding: 7px 13px;
}

hr {
    border:0;
    border-top: 1px none;
    border-color: #9A7939;
    border-style: solid;
    clear:both;
    color: #9A7939;
    margin: 0;
    padding: 1em 0;
    position: relative;
    top: 1.6em;
}
#sidebar.span4 { width: 320px; }

#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000; }
#simplemodal-container {height:320px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url("images/x.png") no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

#partner-examples h1
{
color:#fff;
border-bottom:solid 1px #fff;
}

.page-id-497 #nav_menu-3,
.page-id-319 #nav_menu-3 {
  display: none;
}

.home .span6 { width:480px; }
.home #main { max-width:1020px; }
.home #box-newsevents {
  margin-left: 20px;
}
.home #dashboard-link {
  width:320px;
  float: left;
  margin-left: 30px;
}
#home-other-row {
  clear: both;
}
.home .newsmore {
  color:#24A6A6;
  font-weight: bold;
  font-style: italic;
}

.home #box-newsevents ul {
    min-height: 190px;
    overflow: hidden;
    text-align: center;
  }
  .home #box-newsevents ul li {
    width:46%;
    float: left;
    border: none;
    padding: 20px 2%;
  }

  #home-other-row {
    padding-top: 10px;
  }

  #box-callout-1 {
    float: left;
  }
  #box-callout-1 a {
    padding: 56px 20px;
  }
  #box-callout-1 a span {
    font-size: 2.15em;
  }



/* ---- Media Queries ------------------------------------------------------ */


@media (max-width:768px) {
  body #footer-box-links ul li { line-height:3em; height: auto; width: 100%; }
  #footer-box-links form { margin: 18px auto; text-align: center; width: 186px; }
  #footer-box-links form:before { width: 95%; }
  #footer-box-links li { height: 96px; }
  #footer-box-links li a { height: 60px; width: 98%; }
  #footer-box-links input { width: 94px; }
  #front-count-advocates { margin-left: 198px; }
  #box-countmein #front-count-advocates, #box-countmein #front-count-allies, #box-countmein #front-count-partners { width: 15.8%; }
  #box-countmein h3 { font-size: 12px; }
  .container { width: 90% }
  #nav-2nd { border-radius: 10px; margin-right: 5px; padding: 0 10px; }
  #sidebar.span4 { margin: 0 auto; }
  #slideshow nav .filler,
  #menu-home-overlay-navigation li,
  #menu-home-overlay-navigation a { background:none; }
  #slideshow nav { background: url("images/home-nav-overlay.png") repeat scroll right center transparent; width: 100%; }
  .home #main .span7, .home #main.span7 { top: -23px; }
  #box-ourgoal h2 { margin: 0; }
  .home .span4 { width: 100%; }
  .span4 #box-callout-1 { margin-bottom: 10px; }
}

@media (max-width:980px) {
  #box-callout-1 { margin: 0 auto; float: none; }
  .home .span6 .box img {
    display: block; margin: 0 auto;
  }
  .home div .span6 {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
  }
  .home div #box-newsevents {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  #box-countmein #front-count-allies h3 strong { font-size:47px; }
  #box-countmein #front-count-allies h3 span {
      float: left;
      line-height: 1.2em;
      margin-top: 0.25em;
      padding-left: 0;
      width: 110px;
  }
  body { padding-left:0; padding-right:0; }
  #front-count-advocates { margin-left: 22px; width: 30%; }
  #box-countmein #front-count-advocates, #box-countmein #front-count-allies, #box-countmein #front-count-partners { width: 30%; }
  #box-countmein h2 { padding-left: 20px; }
  #nav-main #menu-primary-navigation > li > a:hover,#nav-main #menu-primary-navigation > li > .active > a { padding-bottom:14px; }d
  body { padding-left: 0; padding-right: 0; }
  #nav-main li { border-bottom: 1px solid #9A7939; text-align: center; margin-left: 17px; }
  #nav-main .menu-why-college { border-bottom: none; }
  #nav-main .menu-about-us { border-top: 1px solid #9A7939; }
  #pledge-box ul { width: 80%; }
  #menu-primary-navigation { width: 100%; background: url("images/header-bg.png"); margin: 13px 0 0; padding-top: 20px; }
  #nav-main #menu-primary-navigation > li > a:hover,
  #nav-main #menu-primary-navigation > li > .active > a { border-bottom:none; }
  #nav-main li .dropdown-menu { display: none; }
  #nav-main a { padding: 14px 12px; }
  #menu-primary-navigation li:hover {  }
  #menu-primary-navigation li:hover .dropdown-menu { display: none; }
  #main .box { clear: both;/*margin-top: 0;*/ }
  .home #main .span7, .home #main.span7 { top: -3px; }
  .home .span4 { top: -9px; }
  #footer-box-links { width: 90%; margin: 30px auto 0; }
  body #footer-box-links li { width: 48%; }
  #footer-social-navigation { display: none; }
  #box-countmein h2 { font-size: 30px; }
  #nav-2nd { border-radius: 0; padding: 0; position: absolute; top: 0; width: 100%; }
  #nav-2nd .nav { margin-left: 19px; }
  .navbar-fixed-top .navbar-inner { padding: 0; }
  .navbar .brand { margin: 61px 0 0 20px; }
  #banner .container { height: 160px; }
  .navbar .btn-navbar {
    background-color: #9E1B15;
    position: absolute;
    right: 10px;
    background-image: -moz-linear-gradient(center top , #9E1B15, #9E1B15);
    top: 77px;
    border: none; }
  .navbar .btn-navbar:hover { background-color: #9E1B15; }
  #nav-2nd .menu-secondary-navigation-container { margin: 0 auto; }
  .home #main .span7 { width:auto; margin-bottom:1em; }
  #box-ourgoal h2 { margin:0; height:inherit; }
  .home #main .span4 { width:auto; margin:0 auto; float:none; }
  .span8 { width:auto; }
  body #sidebar.span4 { width:100%; }
  body #sidebar .well { max-width:100%; }
  #box-ourgoal p { font-size:1.3em; }

}


@media (min-width:768px) and (max-width:1200px) {
    #box-ourgoal h2 { height: 19px; }
    #box-countmein { width: 100%; margin-left: 0; }
}

@media (max-width:1200px) {
  .home .span6 {
      width: 460px;
  }
  /*.page-template-default .span8 { width: 100%; }*/
  #content { margin-top: 0; }
  #sponsors h3 { width: 90%; }
  #box-countmein { width: 100%; margin-left: 0; }
  .home #main .span8, .home #main.span8, .span5 { width: 100%; margin-left: 0; }
  .home #main .span8, .home #main.span8 { margin: 0; top: 0; }
  /*#sidebar.span4 { padding-top: 40px; width: 90%; }*/
  #nav-main a { font-size: 14px; }
  #sidebar.span4 {
      width: 300px;
  }
  #text-3 h4 a {
    background: none repeat scroll 0 0 #24A6A6;
    border: 4px solid #009898;
    color: #FFFFFF;
    display: block;
    font-size: 2.5em;
    font-weight: 400;
    height: inherit;
    letter-spacing: -0.02em;
    padding: 42px 0;
    text-align: center;
    text-shadow: 0 1px 1px #000000;
    text-transform: uppercase;
    width: auto;
  }
  #sidebar .widget_search {
    background: url("images/home-ss-bdr.png") repeat scroll 0 0 transparent;
    width: auto;
    height:inherit;
    overflow:hidden;
  }
  #sidebar .widget_search input {
    background: url("images/med-waves.png") repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #9E1B15;
    float: left;
    font-size: 14px;
    font-style: italic;
    height: 22px;
    padding: 13px;
    width: 58%;
  }
  #sidebar #searchform { overflow:hidden; margin:0; }
}

/* TotemTicker for scolling list of pledges */
#vertical-ticker{
    height:600px;
    overflow:hidden;
    margin:0; padding:0;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0, .4);
    list-style:none;
}

#vertical-ticker li{
    padding:35px 20px;
    display:block;
    background:#F9F9F7;
    color:#24a6a6;
    border-bottom:1px solid #ddd;
    text-align:center;
    font-size:22px;
    font-weight:bold;
}

#box-pledge-list-sidebar {
  box-shadow:0 2px 5px 2px rgba(0, 0, 0, 0.12);
  background: url("images/callout-countmein-bg.png") repeat-x 0 -16px;
}
#box-pledge-list-sidebar a{
    color:#fff;
}
#box-pledge-list-sidebar h2 {
    font-size: 20px;
    line-height: 55px;
    margin: 0;
    padding-left: 10px;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #000000;
    visibility: visible;
    color:#fff;
    letter-spacing: 0;
}

/**
* Blog Styles
*/
.blog {
	background: #fff;
}

.blog #content {
	margin-top: 30px;
}

/* Blog header */
.blog__header {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
		align-items: flex-end;
	height: 15em;
	margin-bottom: 2em;
	max-width: 100%;
	padding: 2em;
	position: relative;
	width: calc(100% - 20px);
}

.blog__header:after {
	background: linear-gradient( 90deg, rgba(0,0,0,.8), rgba(0,0,0,.4));
	content: '';
	height: 100%;
	position: absolute;
		top: 50%;
		left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}

.blog__header h1 {
	color: #fff;
	z-index: 10;
}

@media (min-width: 768px) {
	.blog__header {
		height: 20em;
		margin-left: 20px;
	}
}

@media (min-width: 1200px) {
	.blog__header {
		margin-left: 30px;
		width: calc(100% - 60px);
	}

	.blog__header h1 {font-size: 2.5rem;}
}

.page-template-page-blog form,
.blog form {
	margin: 5px 0 0;
}

.page-template-page-blog #content,
.blog.news #content {
	margin-top: 2em;
}

.blog .custom-html-widget {
	border-right: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	margin-bottom: 2em;
	padding: 1em;
	position: relative;
}

.blog .custom-html-widget h3 {margin-top: 0;}

.blog-cta {
	padding-bottom: 2em;
}

.post {
	border: 1px solid #f4f4f4;
	box-shadow: 0 0 8px 0px #e5e5e5;
	margin-bottom: 2em;
	padding: 1em;
	position: relative;
}

.post h2 {
	margin: 0 0 .5rem;
}

.post h2 a {
	transition: .3s;
}

.post .post-date {
	color: #777;
}

.post p {margin-bottom: 1em;}

.post .entry-content {
	display: flex;
		flex-direction: column;
}

.single-post .post .entry-content {
	display: block; /* as flex, this was really breaking layout 2019-12-02 HB
/*		flex-direction: column; */
}


.post .entry-content .featured-image {
	background: linear-gradient(gray, lightgray);
	height: 13em;
	margin-bottom: 1em;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.post .entry-content .featured-image img {
  object-fit: cover;
  height: 100%;
	position: absolute;
		top: 50%;
		left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}

.post .read-more,
.blog-cta a {
	background: #A30F11;
	border: 1px solid #a30f11;
	color: #fff;
	font-weight: bold;
	padding: 1rem 2rem;
	position: absolute;
		right: 0;
		bottom: 0;
	text-decoration: none;
	transition: .3s;
}

.blog-cta a {
	right: -2px;
	bottom: -2px;
}

.post .read-more:hover,
.post .read-more:focus,
.blog-cta a:hover,
.blog-cta a:focus {
	background: #fff;
	color: #a30f11;
}

.post .excerpt p {margin-bottom: 4em;}

@media (min-width: 768px) {
	.post .entry-content {flex-direction: row;}
	
	.post .entry-content .excerpt {
		padding-left: 1em;
		width: 70%;
	}

	.post .entry-content .featured-image {
		margin-bottom: 0;
		width: 20em;
	}

	.blog.news .post .entry-content .excerpt {
		padding-left: 0;
	}

	.post .excerpt p {margin-bottom: 1em;}
}

.single #wrap {margin-top: 2em;}