/*   
Theme Name: Young Heroes
Theme URI: http://www.youngheroes.org.sz/
Description: This is a Default Theme to use as model to create future themes
Author: Alfredo Mercedes
Version: 56
*/

/* CSS RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none;}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

body
{
    font-family:"Fira Sans", Sans Serif;
    font-size:18px;
    line-height: 26px;
    color:#000;
    text-align: left;
}
.clear{clear:both;}


/*LOGO STYLES*/
.header_container {
    position: fixed;
    width: 100%;
    z-index: 99856;
    top: 0;
}
.header-bg {
    background-color: rgba(0,0,0,0.40);
}
.search-container {
    position: fixed;
    width: 100%;
    z-index: 100000;
    top: 0;
    background: rgba(255,255,255,0.93);
    
    display: none;
}
.search-box{
    padding:60px 0px;
    text-align:center;
}
.close-search{
    margin-top:20px;
}
.search-box .field-container {
    height: 50px;
    width: 70%;
    margin: auto;
}
.search-box input[type="text"],.search-box input[type="text"]:focus {
    width: 91%;
    padding: 0px 20px;
    margin: 0px 0;
    box-shadow: none;
    height: 50px;
    background:none;
    display: inline-block;
    border:none;
    border-bottom:2px solid #000;
    border-radius: 0px;
    box-sizing: border-box;
     font-family: "Arvo", Sans Serif;
  font-size:32px;
  font-weight: 700;
  color:#7e6959;
  line-height: 38px;
  text-align: left;
    
}
.search-box #searchButton{
    background:none;
    background-image:url('images/main-header-search_icon_red.png');
    background-repeat: no-repeat; 
    background-position: right center;
    
    width: 30px;
    margin-left: -34px;
    border:none;
    border-bottom: 2px solid #000;
    height: 50px;
    float: right;
}
#logo img{width:100%;max-width: 110px;margin-top: 25px;margin-bottom: 25px;}

#search {
    margin: 0px 0px;
}

/*TOP Navigation Styles*/
.top-nav{
    padding:10px 0px;
}
.top-nav li{
    display: inline-block;
    font-family: "Montserrat", Sans Serif;
   font-weight: 300;
    font-size: 14px;
    letter-spacing: 1px;
   cursor: pointer;
    text-decoration: underline;
}
.top-nav li a {
    color: #013763;
    padding: 30px 0;
    margin: 30px 10px 30px 10px;
    font-size: 14px;
}
/*MENU*/
/*--------------------------------------------------------------
    2.2 Navigation
--------------------------------------------------------------*/
.search-top{
    width: 19px;
    float: right;
    margin-top: 13px;
}
.top-menu ul{
    width: 270px;
    float: left;
    text-align: right;
}
.top-menu li {
    display: inline-block;
    color: #fff;
    font-family: "Arvo", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 10px;
}
.top-menu li a{
    color:#fff;
}
.top-menu li a:focus,.top-menu li a:hover{
    text-decoration: underline;
}
.top-menu{
    height: 50px;
    margin-bottom:10px;
}
.navigation-wrapper
{
    margin: 0;
    padding:0;
}

.site-navigation {
    background: hsl(260,2%,37%);
    background: -moz-linear-gradient(top, hsl(260,2%,37%) 0%, hsl(300,1%,26%) 64%, hsl(300,1%,26%) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, hsl(260,2%,37%)), color-stop(64%, hsl(300,1%,26%)), color-stop(100%, hsl(300,1%,26%)));
    background: -webkit-linear-gradient(top, hsl(260,2%,37%) 0%, hsl(300,1%,26%) 64%, hsl(300,1%,26%) 100%);
    background: -o-linear-gradient(top, hsl(260,2%,37%) 0%, hsl(300,1%,26%) 64%, hsl(300,1%,26%) 100%);
    background: -ms-linear-gradient(top, hsl(260,2%,37%) 0%, hsl(300,1%,26%) 64%, hsl(300,1%,26%) 100%);
    background: linear-gradient(to bottom, hsl(260,2%,37%) 0%, hsl(300,1%,26%) 64%, hsl(300,1%,26%) 100%);
}

.navbar
{
    min-height: 35px;
    margin-bottom: 0;

    border-radius: 0;
    border:0;
}
.navbar-default {
    border-style: none;
    background: none;
}
.navbar-default li:first-child {
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font: 700 16px/24px "Arvo";
    padding: 5px 0px 10px;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 28px;
}
.caret{
    display: none;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus
{
     color:#f8ea49;
    background:none ;
     text-decoration: none;
     border-bottom: 3px solid #f8ea49;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus
{
      color:#f8ea49;
    background:none ;
      text-decoration: none;
      border-bottom: 3px solid #f8ea49;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus
{
    color:#F8E948;
    background:none;
    border-bottom: 3px solid #F8E948;
}

.navbar-default .navbar-nav > .active
{
     color:#F8E948;
    background:none ;
}

/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret
{
    border-top-color: hsl(0, 0%, 100%);
    border-bottom-color: hsl(0, 0%, 100%);
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret
{
    border-top-color:hsl(0, 0%, 100%);
    border-bottom-color: hsl(0, 0%, 100%);
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret
{
    border-top-color: hsl(0, 0%, 100%);
    border-bottom-color:hsl(0, 0%, 100%);
}

/* Dropdown Menu */
.dropdown-menu
{
    padding: 0;

    border:none;


    background: rgba(255,255,255,0.80);

    box-shadow: none;

    border-radius: 0
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    width: 243px;
}
.dropdown-menu > li > a
{

    padding: 20px 15px;

    text-decoration: none;
    font-family: "Fira Sans";
    font-size: 16px;
    line-height: 24px;
    white-space: normal;
}
.dropdown-menu > li:first-child
{
    margin:0;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus
{
    text-decoration: none;
    color:  #000;
    background: #fff;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus
{
    text-decoration: none;
    color:  #000;
    background: #fff;
}


/* mobile version */

.navbar-default .navbar-text
{
    font: 22px/50px 'Oswald';

    padding-left: 20px;

    color: hsl(0, 0%, 100%);
}


.navbar-text 
{
    max-width: 250px;
    float:left;
}


.navbar-default .navbar-toggle
{
    margin: 10px;

    border-color: #F8EA49;
    background: #F8EA49;
    float: left;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus
{
    background-color: #F8EA49;
}
.navbar-default .navbar-toggle .icon-bar
{
    background-color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus
{
    font-family: 'Titillium Web';

    color: hsl(0, 0%, 100%);
    background: hsl(0, 0%, 0%);
}


.navbar-default .navbar-nav .open .dropdown-menu > li > a
{
    color: #000;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
{
    color: #000;
}

.navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}

.navbar-header p {margin:0;}

#main_menu .navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
}
#main_menu .navbar-default .navbar-nav > li:first-child > a {
    padding: 5px 0px 10px 0px;
}
#main_menu .navbar-default .navbar-nav > li:last-child > a {
    padding: 5px 0px 10px 0px;
}


/*END Of Menu Styles*/

/*Donate Button container*/
donate-container {
    text-align: right;
}
/*SLIDER STYLES*/
#slider img{width: 100%;  margin:0px auto;}
#slider {
    min-height: 786px;
    width: 100%;
}

h1 {
  font-family: "Arvo", Sans Serif;
  font-size:52px;
  font-weight: 700;
  color:#fff;
  line-height: 60px;
  text-transform: uppercase;
  margin-top: 105px;
}
h2 {
   font-family: "Arvo", Sans Serif;
  font-size:32px;
  font-weight: 700;
  color:#7e6959;
  line-height: 38px;
  text-align: left;
   margin-bottom: 40px;
}
h3 {
  font-family: "Arvo", Sans Serif;
  font-size:26px;
  font-weight: 700;
  color:#335c67;
  line-height: 34px;
  text-align: left;

}
a,a:hover, a:focus {
     color:#e83d3d;
    text-decoration: none;
}
.read-more a:hover,.read-more a:focus {
     color:#e83d3d;
    text-decoration: underline;
}
.form-page-container #editDonorInformation  + p {
    padding-top: 35px;
}
h4 {
  font-family: "Arvo", Sans Serif;
  font-size:26px;
  font-weight: 700;
  color:#003441;
  line-height: 34px;
  text-align: center; 
}
h5 {
  font-family: "Arvo", Sans Serif;
  font-size:22px;
  font-weight: 700;
  color:#66858d;
  line-height: 26px;
  text-align: left;
}
h6 {
  font-family: "Arvo", Sans Serif;
  font-size:20px;
  font-weight: 700;
  color:#7f999f;
  line-height: 26px;
  text-align: left;
}
strong{
  font-weight: 700;
}
i,em{
	font-style:italic;		
}
p i{
  font-style:italic;	  
}
p{
  font-family:"Fira Sans", sans-serif;
  font-size:18px;
  line-height: 26px;
  color:#000;
  text-align: left;
  margin-bottom: 30px;
}
.copy P:last-child {
    margin-bottom: 46px;
}
.button{
   display: inline-block;
  font-size:20px;
   padding: 6px 30px;
  font-family: "Arvo", Sans-Serif;
  font-weight: 600;
  line-height: 24px;
  border-radius: 0px;
  text-align: center;
  background:#4078a6;
  border: 2px solid #4078a6;
  color:#fff;
  text-decoration: none;
  cursor: pointer;
}
.button:hover,.button:focus{
  text-decoration: none;
  background:#fff;
   border: 2px solid #4078a6;
   color:#4078a6;
}

.button-blue{
  display: inline-block;
  font-size:20px;
   padding: 6px 30px;
  font-family: "Arvo", Sans-Serif;
  font-weight: 600;
  line-height: 24px;
  border-radius: 0px;
  text-align: center;
  background:#4078a6;
  border: 2px solid #4078a6;
  color:#fff;
  text-decoration: none;
  cursor: pointer;
}
.button-blue:hover,.button-blue:focus{
  text-decoration: none;
  background:#fff;
   border: 2px solid #4078a6;
   color:#4078a6;
}
.donate-container{
    text-align: right;
}
.button--donate{
  width: 100%;
  max-width: 360px;
 background:#e83d3d;
 border: 2px solid #e83d3d;
color:#fff;
    font-family: "Arvo", Sans-serif;
    text-decoration: none;
    padding:10px 28px;
    font-size:20px;
    line-height: 24px;
  text-transform: uppercase;
  font-weight: bold;
}
.button--donate:hover,.button--donate:focus{
  background:#fff;
   border: 2px solid #fff;
   text-decoration: none;
   cursor: pointer;
  color:#e83d3d;
}

.donate-container .button--donate:hover
{
     background:#fff;
   border: 2px solid #fff;
    
}
.button-subscribe{
  padding: 14px 40px;
font-weight: 600;
background-color: #fff;
border-radius: 0px;
color: #013763;
font-family: "Montserrat",Sans Serif;
font-size: 16px;
margin: 0px;
  border: none;
  height: 50px;
}
.subscribe-green{
  background-color:#1F9055;
  color:#fff;
  width: 100%;
  margin-top:15px;
}
.subscribe-grey{
  color:#666666;
}
.banner {
    background-color: #013763;
    padding: 30px 0;
}
.banner-grey {
    background-color: #666666;
    padding: 30px 0;
}
#slideshow { 
    margin: 0px auto; 
    position: relative; 
    width: 330px; 
    height: 522px; 
    padding: 10px; 
}
#slideshow p{
    text-align: center;
    padding:5px 0px;
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
/*CTA Header*/
.banner_cta--container{
  margin-top:129px;
}
.header__cta{
  margin-bottom: 15px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #e83d3d;
    border-color: #e83d3d;
    cursor: default;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    color: #000;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > li > a {
    z-index: 2;
    color: #000;
   
}
.header__cta p {
    margin-bottom: 15px;
    font-size: 20px;
    font-family: "Montserrat", Sans Serif;
    font-weight: 300;
    color: #013763;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.428571429;
}
.post__img img{
    width: 100%;
}
.block-item{
    width: 250px;
    margin: auto;
    height: 283px;
    background: rgba(255,255,255,0.85);
    text-align: center;
    padding: 20px 20px 0px;
    margin-bottom: 40px;
}
.block-item .icon{
    padding-bottom: 20px;
}
.block-item p{
    text-align: center;
    margin-bottom: 0px;
}
.item-title{
    font-size:52px;
    font-family: "Arvo", Sans-serif;
    font-weight: 700;
  color:#e83d3d;
  line-height: 60px;
  text-transform: uppercase;
    padding-bottom: 20px;
}
.item-blocks {
    padding: 0px 87px;
}
.item-blocks h2{
    text-align: center;
    margin-bottom: 40px;
    color: #fff;
}
.impact-container {
    background-image: url("images/impact.jpg");
    padding: 40px 0px 0px;
}
.main-content-block {
    margin: 60px 0px;
}
.main-content-block h3{
    margin-bottom: 45px;
}
.main-content-block h6{
  margin-bottom:30px;
}
.main-content-block-1 {
    margin-top: 60px;
    margin-bottom: 60px;
}
.main-content-block-1 img{
    width: 100%;
}
.main-content-block-2 {
    margin-bottom: 60px;
}
.search-results {
    margin-top: 200px;
}
.search-results h2{
    margin-bottom: 45px;
}
.search-results h5{
    margin-bottom: 30px;
}
.generic-page h3{
    margin-bottom: 46px;
}
.heroes-page h3{
    margin-bottom: 30px;
}
.generic-page ul,ol{
    padding:0px 0px 0px 35px;
    list-style:url;
}

.generic-page ul li,.generic-page ol li{
    margin:0px 0px 20px 0px;
}
.main-content-block ol li,.main-content-block ul li{
    margin:0px 0px 20px 0px;
}
.generic-page ul li,.main-content-block ul li{
    list-style: outside;
}
.generic-page ol li,.main-content-block ol li{
    list-style: numeric;
}
.generic-page .item__cta {
    margin-bottom: 30px;
    margin-top: 30px;
}
.generic-page .generic-image-heroes {
    margin: 0px 0px;
}

.generic-page .generic-image-heroes .col-lg-3,.generic-page .generic-image-heroes .col-md-3,.generic-page .generic-image-heroes .col-sm-3 {
   padding-left: 0px;
    padding-right: 15px;
   margin-bottom: 30px;
}
.generic-page h5{
    margin:30px 0px
}
.generic-image img,.generic-page .generic-image-heroes img {
    margin-bottom: 30px;
    width: 100%;
   
}
.generic-page .sponsors-logos img {
    margin-bottom: 0px;
    width: 100%;
    max-width: 173px;
    border: 1px solid #b9babc;
}

.news-and-updates-wrapper {
    background: #fdfada;
    padding: 60px 0px 0px;
}
.news-and-updates-wrapper .item__cta{
    margin-top:10px;
    text-align:center;
    margin-bottom: 60px;
}
.news-and-updates-wrapper h2{
    text-align: center;
}
.news-and-updates h5,.news-and-updates p{
    margin:30px;
}
.news-and-updates .read-more{
    margin:0px 0px 0px 30px;
}

.news-and-updates{
    background:#fff;
    padding:0px 0px  30px;
    margin-bottom: 30px;
}

/*SPLIT SCREEN*/
@media (min-width: 500px) {
  .col-sm-6 {
    width: 50%;
  }
}
html, body {
  height: 100%;
  min-height: 18em;
}

.frontend-side {
  background:#f8ea49;
}

.uiux-side {
  background-image:url("images/wall-bg.jpg");
}
.donate-side{
    background-image: url("images/wall-bg.jpg");
    padding-right: 0px;
    padding-left: 0px;
}
.kid-donate {
  height: 275px;
  background-image:url("images/kid-banner.jpg");
    background-position: right;   
  background-repeat: no-repeat;
}
.donate-side h4{
    padding:60px 0px 0px 270px;
}
.donate-side .item__cta{
    text-align: right;
    margin-top:25px;
    padding-right:37px;
}
.subscribe-side .subscribe{
    margin:28px 0px 25px;
    text-align: center;
}

.subscribe-side h4{
    margin-bottom: 25px;
}
.two-columns-footer {
    position: absolute;
    left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
}
/*Blog Styles*/
.blog-content, .blog-sidebar {
  margin: 60px 0px;
}
.blog-content .loop{
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 30px;
}
.blog-sidebar .textwidget p{
    margin-bottom: 15px;
}
.no-results h3 {
    margin-bottom: 45px;
}
.thumbnail-image img {
  width: 100%;
  max-width:579px;
  margin:30px 0px;
}
.sponsor-family-image {
    float: left;
    margin-right: 30px;
    margin-bottom: 150px;
}
.article_wrapper .content h3{
  margin-top:30px;
}
.article_wrapper .content{
  margin-bottom: 40px;

}
.widget-side-bar{
  background:#f8ea49;
  padding:25px;
}
.widget-image-widget{
    text-align: center;
    max-width: 231px;
    margin: 30px auto;
}
.widget-image-widget h6{
    font-family:"Arvo", sans-serif;
font-size: 22px;
line-height: 26px;
color: #335c67;
    text-align: center;
    font-weight: 400;
    padding:12px;
}
.widget-side-bar:first-child{
    padding-bottom: 0px;
}
.widget-side-bar .textwidget p:last-child{
    margin-bottom: 15px;
}
.widget-side-bar .textwidget h6{
  font-family:"Arvo", sans-serif;
  font-size:22px;
  line-height: 26px;
  color:#335c67;
  position:relative; 
  padding:10px 5px; 
  border-bottom:2px solid #335c67; 
  display: inline-block; 
}
.widget-side-bar .textwidget h6:before{
     content:""; 
    display:block; 
    position:absolute; 
    left:0; 
    bottom:5px; 
    width:100%; 
    height:2px;                          
    background:#335c67;
}
/*End of Blog Styles*/
.split-pane {
  padding-top: 1em;
  background-size: contain;
  background-repeat: repeat-x;
  background-position: center center;
  font-size: 2em;
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-weight:300;
;
}
@media(min-width: 500px) {
  .split-pane {
    padding-top: 10px;
    height: 275px;
  }
}
.split-pane > div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}
.spli-design-container {
}
.split-pane > div .text-content {
  line-height: 1.6em;
  margin-bottom: 1em;
}
.split-pane > div .text-content .big {
  font-size: 2em;
}
.split-pane > div img {
  height: 1.3em;
}
@media (max-width: 500px) {
  .split-pane > div img {
    display:none;
  }
}
.split-pane button, .split-pane a.button {
  font-family: 'Open Sans', sans-serif;
  font-weight:800;
  background: none;
  border: 1px solid white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 15em;
  padding: 0.7em;
  font-size: 0.5em;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: none;
  color: white;
  display: inline-block;
  cursor: pointer;
}
.split-pane button:hover, .split-pane a.button:hover {
  text-decoration: none;
  background-color: white;
  border-color: white;
  cursor: pointer;
}
.uiux-side.split-pane button:hover, .split-pane a.button:hover {
  color: violet;
}
.frontend-side.split-pane button:hover, .split-pane a.button:hover {
  color: blue;
}

#split-pane-or {
  font-size: 2em;
  color: white;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 925px) {
  #split-pane-or {
    top:15%;
  }
}
#split-pane-or > div img {
  height: 2.5em;
}
@media (max-width: 500px) {
  #split-pane-or {
    position: absolute;
    top: 50px;
  }
  #split-pane-or > div img {
    height:2em;
  }
}
@media(min-width: 500px) {
  #split-pane-or {
    font-size: 3em;
  }
}
.big {
  font-size: 2em;
}

#slogan {
  position: absolute;
  width: 100%;
  z-index: 100;
  text-align: center;
  vertical-align: baseline;
  top: 0.5em;
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4em;
}
@media(min-width: 500px) {
  #slogan {
    top: 5%;
    font-size: 1.8em;
  }
}
#slogan img {
  height: 0.7em;
}
.bold {
  text-transform:uppercase;
}
.big {
  font-weight:800;
}
/*Footer Styles*/
.footer {
    padding: 45px 0px 10px;
    font-size: 16px;
    font-family: "Montserrat", Sans Serif;
    background-color: #000;
    color: #fff;
}
.footer .footer-logo{
    text-align:right;  
}
.footer .slogan p{
    font-family: "Arvo", Sans-serif;
    color:#fff;
    font-weight: 700;
    font-size:14px;
    line-height: 18px;
    text-align: left;
}

.footer__menu {
  margin-bottom: 50px;
}
.footer__col .col-title--wrapper {
    position: relative;
    cursor: arrow;
}

.footer__col .col-title {
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    font-family: "Fira Sans", Sans Serif;
    color: #fff;
}
.copyright p{
    color:#fff;
    font-size:14px;
    line-height: 20px;
    font-family: "Fira Sans", sans-serif;
    text-align: left;
}
.copyright{
    padding:0px 60px;
}
.footer__col .col-title--wrapper .glyphicon {
    display: none;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.footer__col ul {
    padding: 0;
    list-style: none;
}
.footer__col ul li {
    margin-bottom: 10px;
    font-family: "Fira Sans", Sans Serif;
    font-size: 14px;
    text-decoration: none;
    line-height: 20px;
    color: #fff;
}
.footer__col ul li a {
    color: #fff;
    text-decoration: none;
}
.footer__col .social-media-icons li{
    display: inline-block;
    margin-right: 20px;
}
/*FORM STYLES*/
.form-page-container
{
  margin-bottom: 45px;
  margin-top: 225px;
}
input[type=text],input[type=email], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #7f999f;
    border-radius: 0px;
    box-sizing: border-box;
}
input[type=text]:focus,input[type=email]:focus, select:focus{
   border: 1px solid #003441; 
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  opacity: 100;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  opacity: 100;
  opacity: 100;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
  opacity: 100;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
  opacity: 100;
}
select {
   
    margin-right: 10px;
   
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(images/yh-red-triangle-dropdown.png) no-repeat;
    background-position: 99% 50%;
    border-radius: 0;
}
input[type=text].donation-box{
  width: 100px;
  height: 30px;
  border-radius:0px;
  border:1px solid #7f999f;
  line-height: 12px;
  padding: 6px 20px;
  text-align: center;
}
input[type=text].donation-box:focus,input[type=text].donation-box:active{

  border:1px solid #003441;
}

.option-content {
  padding: 20px 0px 0px 80px;
  margin-bottom: 10px;
}
.option-content-donation{
  padding: 20px 0px 20px 0px;
  margin-bottom: 10px;
}
.option-content h5{
  margin-bottom: 25px
}
.black{
    color:#000;
    
}
h5.black{
    margin-bottom: 60px;
}
.just-option {
  margin-bottom: 40px;
}

/*radio and check boxes*/

.checkbox-btn, .radio-btn {
  position: relative;
  padding-left: 20px;
}

.checkbox-btn input[type="checkbox"], .checkbox-btn input[type="radio"], .radio-btn input[type="checkbox"], .radio-btn input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: 1;
}

.checkbox-btn label, .radio-btn label {
  display: inline-block;
  line-height: 24px;
  vertical-align: middle;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  user-select: none;
  color: #7f999f;
}
.checkbox-btn label{
  font-family: "Fira Sans", sans-serif;
font-size: 18px;
line-height: 26px;
color: #000;
text-align: left;
margin-bottom: 25px;
}

.checkbox-btn label::after, .radio-btn label::after {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  left: 0;
  top: 0;
  margin-left: -18px;
  background-color: white;
  border: 1px solid #7f999f;
  -webkit-border-radius: 3px;
  border-radius: 0px;
  background-clip: padding-box;
  cursor: pointer;
}

.checkbox-btn label::before, .radio-btn label::before {
  position: absolute;
  content: "";
  width: 13px;
  height: 9px;
  top: 5px;
  left: 6px;
  margin-left: -18px;
  border: 2px solid #e83d3d;
  border-top: none;
  border-right: none;
  background: transparent;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  z-index: 1;
}

.checkbox-btn label:active::before, .radio-btn label:active::before {
  opacity: 0.3;
}

.checkbox-btn input[type="checkbox"]:checked + label, .checkbox-btn input[type="radio"]:checked + label, .radio-btn input[type="checkbox"]:checked + label, .radio-btn input[type="radio"]:checked + label {
}

.checkbox-btn input[type="checkbox"]:checked + label::after, .checkbox-btn input[type="radio"]:checked + label::after, .radio-btn input[type="checkbox"]:checked + label::after, .radio-btn input[type="radio"]:checked + label::after {
  border: 1px solid #7f999f;
}

.checkbox-btn input[type="checkbox"]:checked + label::before, .checkbox-btn input[type="radio"]:checked + label::before, .radio-btn input[type="checkbox"]:checked + label::before, .radio-btn input[type="radio"]:checked + label::before {
  opacity: 1;
}

.checkbox-btn input[type="checkbox"]:disabled + label, .checkbox-btn input[type="radio"]:disabled + label, .radio-btn input[type="checkbox"]:disabled + label, .radio-btn input[type="radio"]:disabled + label {
  color: #787878;
  cursor: default;
}

.checkbox-btn input[type="checkbox"]:disabled + label::after, .checkbox-btn input[type="radio"]:disabled + label::after, .radio-btn input[type="checkbox"]:disabled + label::after, .radio-btn input[type="radio"]:disabled + label::after {
  border: 3px solid #787878;
  background-color: #ffffff;
}

.checkbox-btn input[type="checkbox"]:disabled + label::before, .checkbox-btn input[type="radio"]:disabled + label::before, .radio-btn input[type="checkbox"]:disabled + label::before, .radio-btn input[type="radio"]:disabled + label::before {
  display: none;
}

.radio-btn label::after {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
}

.radio-btn label::before {
  width: 13px;
  height: 13px;
  border: none;
  top: 6px;
  left: 6px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #e83d3d;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

/*END OF FORM STYLES*/

/*Subscribe Styles*/
.subscribe-side{
    padding:0px 20px;
    background: #f8ea49;
}
.subscribe-side input[type="text"],#mc_embed_signup input[type="email"] {
    width: 65%;
    padding: 12px 20px;
    height: 46px;
    margin: 0px 0;
    border: none;;
    border-radius: 0px;
    box-sizing: border-box;
    font-family: "Arvo", sans-serif;
    color:#7f999f;
    font-weight: 700;
}

.subscribe-side input::-webkit-input-placeholder {
color: #7f999f;
}
 
.subscribe-side input:-moz-placeholder { /* Firefox 18- */
color: #7f999f;  
}
 
.subscribe-side input::-moz-placeholder {  /* Firefox 19+ */
color: #7f999f ;  
}
 
input:-ms-input-placeholder {  
color: red !important;  
}
.subscribe-side .subscribe-newsletter-btn{
    margin:0px 0px 0px;
    text-align: center;
    float: right;
    width: 35%;
    padding:9px 15px;
}
/*End of Subscribe Styles*/

/*TAB Navigation*/
.wizard {
    margin: 0px auto 20px;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 0px auto;
        margin-bottom: 0;
      border-bottom: 0px;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}
.navigation-buttons {
    margin-top: 45px;
}
/*error messages styles*/
#formError{
    background-image: url('images/yh-red-form-error-alert-icon.png');
    background-repeat: no-repeat;
    padding-left: 32px;
    margin-top:40px;
    color:#7e6959;
}
/*end of error messages styles*/
span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 3px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab p{
  padding:20px 23px;
  font-family:"Arvo", sans-serif;
  font-size:40px;
  color:#dcddde;
  text-align: center;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 3px solid #4078a6;  
}
.wizard li.solved span.round-tab {
    background: #4078a6;
    border: 3px solid #4078a6;  
}
.wizard li.active span.round-tab p{
  padding:20px 23px;
  font-family:"Arvo", sans-serif;
  font-size:40px;
  color:#4078a6;
  text-align: center;
}
.wizard li.last-step span.round-tab p{
  padding:20px 0px;
}
.wizard li.solved span.round-tab p{
  color:#fff;
}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}

span.round-tab:hover {
    color: #4078a6;
    border: 3px solid #4078a6;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}



.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}
.next {
    text-align: right;
    padding-right: 0px;
}
.back{
    padding-left: 0px;
}
/*End of Tab Navigation*/
/*Tables*/
.details-table{
  margin:60px 0px 20px;
}
.details-table h6{
  padding:25px 0px 25px 87px;
}
.details-table p{
  text-align: left;
  padding:25px 87px 25px 25px;
  margin-bottom: 0px;
}
.details-table th {
  width: 50%;
  text-align:center;
  vertical-align: middle;
}
/*End of tables*/
/* =Media queries
-------------------------------------------------------------- */

/* ----------------------------ORIENTATION PORTRAIT-----------------------------*/
@media only screen and (max-width: 1080px) and (orientation : portrait) {
  /* PORTRAIT:
  Windows Surface Pro*/

/*Enter your styles below this line*/

}

@media only screen and (max-width: 991px) and (orientation : portrait){
  .search-box {
    padding: 73px 0px;
    text-align: center;
}
    .search-top {
    margin-top: 18px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a
{
    color: #E83D3D;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
{
    color: #E83D3D;
}
.navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #000;
}
.thumbnail-image {
    float: none;
    margin: 0;
    width:100%;
}
.thumnail-image img{width:100%;}
.navbar-nav {
    margin: 0px 0px;
}

    
    h2 {
    font-family: "Arvo", Sans Serif;
    font-size: 22px;
    font-weight: 700;
    color: #7e6959;
    line-height: 26px;
    text-align: left;
    margin-bottom: 20px;
}
    h3,h5{
        font-size: 20px;
        line-height: 24px;
    }h6{
        font-size: 18px;
        line-height: 22px;
    }
    .main-content-block {
    margin: 30px 0px;
}
    .news-and-updates-wrapper {
    background: #fdfada;
    padding: 30px 0px 0px;
}
    .item-blocks {
    padding: 0px 0px;
}
    .news-and-updates-wrapper .item__cta {
    margin-top: 0px;
        margin-bottom: 40px;
    text-align: center;
}
    .donate-side h4 {
    padding: 5px 10px 5px 10px;
    background: #F8EA49;
    font-size: 22px;
    line-height: 26px;
}
     .donate-side {
    background-image: url("images/wall-bg.jpg");
    padding-right: 0px;
    padding-left: 0px;
}
    .donate-side h4 {
    background: none;
    font-size: 22px;
    line-height: 26px;
}
    .donate-side .item__cta {
    text-align: right;
    margin-top: 150px;
    padding-right: 0px;
}
   .two-columns-footer {
    position: relative;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
    .copyright p {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-family: "Fira Sans", sans-serif;
    text-align: left;
}
    .footer-menu-item{
        display:none;
    }
    .footer__col ul {
    padding: 10px 0px 0px 0px;
    list-style: none;
}
    .copyright {
    padding: 0px 30px;
}
    
    .footer__col .col-title--wrapper .glyphicon {
    display: block;
    }
    .footer__col .col-title {
    margin-bottom: 0px;
        padding:15px 0px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}
    #logo{
        padding-bottom:0px;
        text-align: center;
    }
    
    #slider {
    min-height: 200px;
    width: 100%;
}
    h1 {
    font-family: "Arvo", Sans Serif;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    line-height: 34px;
    text-transform: uppercase;
    margin-top: 150px;
    margin-bottom: 50px;
}
    .footer .footer-logo {
    text-align: center;
        margin-bottom: 30px;
}
    .footer .slogan p {
    font-family: "Arvo", Sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}
    .subscribe-side {
    padding: 0px 15px 40px;
    background: #f8ea49;
}
    .hamburger-nav {
    background: #f8ea49;
        border-bottom: 4px solid #000;
		
}
       
}

  
.wizard .nav-tabs > li {
  border-bottom: none;

}
 

@media only screen and (max-width: 800px) and (orientation : portrait) {
  /* PORTRAIT:
  Acer Iconia Tab A100
  Acer Iconia Tab A200
  Acer Iconia Tab A502
  Arnova 8C G3
  ASUS Padfone
  ASUS Transformer Pad TF300T
  ASUS Transformer TF101
  Motorola Xoom
  Motorola Xoom 2
  Samsung Galaxy Note 10.1
  Samsung Galaxy Tab 8.9
  Samsung Galaxy Tab 10.1
  Samsung Galaxy Tab 10.1*/

/*Enter your styles below this line*/

}

@media only screen and (max-width: 768px) and (orientation : portrait) {
  /* PORTRAIT:
  Apple iPad
  Apple iPad 2
  Apple iPad 3 (and 4)
  Apple iPad Mini
  Archos 80G9
  BAUHN AMID-972XS
  HP Touchpad
  LG Optimus Pad
  Microsoft Surface (RT)
  Panasonic Toughpad A1
  Kindle Paperwhite*/

/*Enter your styles below this line*/
    .generic-page .generic-image-heroes .col-xs-12 {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    margin-bottom: 30px;
}
    .sponsor-family-image {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}
  /* Responsive Facebook*/
.option-content {
    padding: 20px 0px 20px 60px;
    margin-bottom: 10px;
}
.donate-side h4 {
    padding: 60px 0px 0px 480px;
}
    
.donate-side {
    background-image: url("images/wall-bg.jpg");
    padding-right: 0px;
    padding-left: 0px;
}
    .donate-side .item__cta {
    text-align: right;
    margin-top: 50px;
    padding-right: 15px;
}
    .donate-side h4 {
    background: none;
    font-size: 22px;
    line-height: 26px;
}
}

@media only screen and (max-width: 640px) and (orientation : portrait) {
  /* PORTRAIT:
  Acer Iconia Tab A500
  Arnova 7FG3
  Nexus 7*/

/*Enter your styles below this line*/
     .close-search {
    margin-top: 20px;
        margin-bottom: 20px;
        text-align: right;
}
    .search-box {
    padding: 85px 0px 0px;
    text-align: center;
}
    
 .wizard .nav > li {
  border-bottom: none;
}
  .details-table h6 {
    padding: 25px 0px 25px 37px;
}
.details-table p {
    padding: 25px 37px 25px 25px;
}
}

@media only screen and (max-width: 600px) and (orientation : portrait) {
  /* PORTRAIT:
  Acer Iconia Tab A101
  Archos 70b (it2)
  Arnova 10b G3
  BlackBerry PlayBook
  Kindle 3
  Kobo eReader Touch
  Samsung Galaxy Tab 2 7.0
  Samsung Galaxy Tab 7*/

/*Enter your styles below this line*/
    
.wizard li.active span.round-tab p {
    padding: 10px 0px;
    font-family: "Arvo", sans-serif;
    font-size: 34px;
    color: #4078a6;
    text-align: center;
}
span.round-tab p {
    padding: 10px 0px;
    font-family: "Arvo", sans-serif;
    font-size: 40px;
    color: #dcddde;
    text-align: center;
}
   .details-table h6 {
    padding: 25px 0px 25px 17px;
}
.details-table p {
    padding: 25px 17px 25px 25px;
}
}

@media only screen and (max-width: 540px) and (orientation : portrait) {
  /* PORTRAIT:
  HTC Evo 3D
  Kindle Fire HD 7
  Kindle Fire HD 8.9
  Ainol Novo 7 Elf 2*/

/*Enter your styles below this line*/
.option-content {
    padding: 20px 0px 20px 20px;
    margin-bottom: 10px;
}

}

@media only screen and (max-width: 480px) and (orientation : portrait) {
  /* PORTRAIT:
  Arnova 7 G2
  BlackBerry Bold 9780
  HTC Desire Z
  Nokia N900
  Samsung Galaxy Grand
  iPhone 6 portrait
  */

/*Enter your styles below this line*/
    
    .wizard-inner{
        display: none;
    }
    .donate-side h4 {
    padding: 60px 0px 0px 180px;
}
    .donate-side .item__cta {
    text-align: right;
    margin-top: 50px;
    padding-right: 15px;
}
.donate-side {
    background-image: url("images/wall-bg.jpg");
    padding-right: 0px;
    padding-left: 0px;
}
    .donate-side h4 {
    background: none;
    font-size: 22px;
    line-height: 26px;
}
    .search-box input[type="text"] {
    width: 80%;
    padding: 0px 20px;
    margin: 8px 0;
    }
.details-table h6 {
    padding: 15px 0px 15px 10px;
  font-size: 16px;
  line-height: 18px
}
.details-table p {
    padding: 15px 10px 15px 15px;
  font-size: 16px;
  line-height: 18px
}

}

@media only screen and (max-width: 360px) and (orientation : portrait) {
  /* PORTRAIT:
  Apple iPhone 3G
  Apple iPhone 3GS
  Apple iPhone 4
  Apple iPhone 4S
  Apple iPhone 5
  Apple iPod Touch
  BlackBerry Bold 9360
  BlackBerry Bold 9790
  BlackBerry Curve 9320
  BlackBerry Curve 9380
  BlackBerry Torch 9800
  BlackBerry Torch 9810
  HP Veer
  HTC 7 Mozart
  HTC 7 Trophy
  HTC Desire
  HTC Desire C
  HTC Desire HD
  HTC Legend
  HTC One V
  HTC Titan 4G
  HTC Wildfire S
  HTC Windows Phone 8X
  Huawei U8650
  LG Optimus 2X
  LG Optimus L3
  Motorola Defy
  Motorola Milestone
  Nexus S
  Nokia Lumia 610
  Nokia Lumia 710
  Nokia Lumia 800
  Nokia Lumia 820
  Nokia Lumia 900
  Nokia Lumia 920
  Samsung Galaxy Ace
  Samsung Galaxy Ace 2
  Samsung Galaxy S2
  Sony Xperia E Dual
  BlackBerry Curve 9300*/

/*Enter your styles below this line*/
.kid-donate {
    height: 275px;
    background-image: url("images/kid-banner.jpg");
    background-position: -51px 0px;
    background-repeat: no-repeat;
}
}

@media only screen and (max-width: 320px) and (orientation : portrait) {
  /* Responsive Facebook*/


}

@media only screen and (max-width: 240px) and (orientation : portrait) {
  /* PORTRAIT:
  LG Viewty KU990
  Nokia 700
  Nokia 2700
  Nokia N95
  Samsung Galaxy S3 Mini
  Nokia 300*/

/*Enter your styles below this line*/
 
  
}

/* ----------------------------ORIENTATION LANDSCAPE-----------------------------*/

@media only screen and (max-width: 1920px) and (orientation : landscape) {
  /* LANDSCAPE:
  Windows Surface Pro*/

/*Enter your styles below this line*/

}

@media only screen and (max-width: 1366px) and (orientation : landscape) {
  /* LANDSCAPE:
  Microsoft Surface (RT)*/

/*Enter your styles below this line*/

}

@media only screen and (max-width: 1280px) and (orientation : landscape) {
  /* LANDSCAPE:
  Acer Iconia Tab A100
  Acer Iconia Tab A200
  Acer Iconia Tab A502
  ASUS Transformer Pad TF300T
  ASUS Transformer TF101
  Motorola Xoom
  Motorola Xoom 2
  Samsung Galaxy Note 10.1
  Samsung Galaxy Tab 8.9
  Samsung Galaxy Tab 10.1
  Samsung Galaxy Tab 10.1
  LG Optimus Pad
  Acer Iconia Tab A500*/

/*Enter your styles below this line*/
.container {
    width: 1014px;
}
}

@media only screen and (max-width: 1130px) and (orientation : landscape) {
  /* LANDSCAPE:
  ASUS Padfone
  Arnova 8C G3
  Arnova 7FG3*/

/*Enter your styles below this line*/

}

@media only screen and (max-width: 1024px) and (orientation : landscape) {
  /* LANDSCAPE:
  Apple iPad
  Apple iPad 2
  Apple iPad 3 (and 4)
  Apple iPad Mini
  Archos 80G9
  BAUHN AMID-972XS
  HP Touchpad
  Panasonic Toughpad A1
  Acer Iconia Tab A101
  Archos 70b (it2)
  Arnova 10b G3
  BlackBerry PlayBook
  Samsung Galaxy Tab 2 7.0
  Samsung Galaxy Tab 7
  Ainol Novo 7 Elf 2*/

/*Enter your styles below this line*/
  

}
@media (max-width: 991px) {
    .container {
    width: 100%;
}
    .hamburger-nav{
        background:#000;
    }
    .mobile-menu .col-xs-2,.mobile-menu .col-xs-8{
        padding-left: 0px;
        padding-right: 0px;
    }
    .mobile-menu .col-xs-2 {
    width: 20.667%;
}

.mobile-menu .col-xs-8 {
    width: 58.667%;
    padding-top:17px;
    text-align: center;
}
  .navbar-header {
      float: none;
  }
    .mobile-menu .button--donate {
    width: 100%;
    max-width: 360px;
    background: #e83d3d;
    border: 2px solid #e83d3d;
    color: #fff;
    font-family: "Arvo", Sans-serif;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
  .navbar-left,.navbar-right {
      float: none !important;
  }
    /* Create three equal columns that floats next to each other */
.column {
    float: left;
    width: 33.33%;
    padding: 0px;
    height: 50px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row-mobile:after {
    content: "";
    display: table;
    clear: both;
}
   
  .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 {
    margin: 7.5px 0px;
    }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  /*Menu Styles*/
     .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background: none;
    text-decoration: none;
    border-bottom: none;
}
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background: none;
    text-decoration: none;
    border-bottom: 3px solid #000;
}
    .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 5px;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
    .dropdown-menu > li > a {
    padding: 5px 15px;
    text-decoration: none;
    font-family: "Fira Sans";
    font-size: 16px;
    line-height: 24px;
    white-space: normal;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font: 700 16px "Arvo", sans-serif;
    text-decoration: none;
}
    .navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    font: 700 16px "Arvo", sans-serif;
    text-decoration: none;
    border-bottom:none;
}
   .navbar-default .navbar-nav > .dropdown > a .caret,.navbar-default .navbar-nav > .dropdown > a:hover .caret,.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #fff;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent;
  content: "";
}
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #000;
    background: #000;
    position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 0;
}
   #main_menu .navbar-default .navbar-nav > li:first-child > a {
    padding: 0px 13px 10px 0px;
}
     #main_menu .navbar-default .navbar-nav > li > a {
    padding: 10px 13px 10px 0px;
}
    /*End Of Menu Styles*/
     .copyright p {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-family: "Fira Sans", sans-serif;
    text-align: left;
}
    .footer-menu-item{
        display:none;
    }
    .footer__col ul {
    padding: 10px 0px 0px 0px;
    list-style: none;
}
    .copyright {
    padding: 0px 30px;
}
    
    .footer__col .col-title--wrapper .glyphicon {
    display: block;
    }
    .footer__col .col-title {
    margin-bottom: 0px;
        padding:15px 0px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}
}
@media only screen and (max-width: 980px) and (orientation : landscape) {
  /* LANDSCAPE:
  Nexus 7
  HTC Evo 3D*/

/*Enter your styles below this line*/
    .search-box {
    padding: 73px 0px;
    text-align: center;
}
    .search-top {
    margin-top: 18px;
}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a
{
    color: #E83D3D;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
{
    color: #E83D3D;
}
     .donate-side h4 {
    padding: 60px 0px 0px 550px;
}
    .container {
        width:100%;
    max-width: 980px;
}
    #logo {
        text-align: center;
    }
    
    .two-columns-footer{
        position: relative;
    }
    .subscribe-side {
    padding: 0px 20px 40px;
    background: #f8ea49;
}
    .footer .footer-logo {
    text-align: center;
        margin-bottom: 25px;
}
    
}

@media only screen and (max-width: 802px) and (orientation : landscape) {
  /* LANDSCAPE:
  Kindle Fire HD 7
  Kindle Fire HD 8.9
  Arnova 7 G2
  HTC Desire Z
  Nokia N900
  Samsung Galaxy Grand
  Apple iphone 6 plus
  */

/*Enter your styles below this line*/
     .sponsor-family-image {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}
    .close-search {
    margin-top: 20px;
        margin-bottom: 20px;
        text-align: right;
}
    .search-box {
    padding: 82px 0px 0px;
    text-align: center;
}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a
{
    color: #E83D3D;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
{
    color: #E83D3D;
}
    .donate-side h4 {
    padding: 60px 0px 0px 430px;
}
    
    hamburger-nav {
    background: #F8E948;
}
    
    .generic-page .generic-image-heroes .col-xs-12 {
    padding-left: 15px;
    padding-right: 15px;
        text-align:center;
        margin-bottom:30px;
}
 
}

@media only screen and (max-width: 691px) and (orientation : landscape) {
  /* LANDSCAPE:
  BlackBerry 9520*/

/*Enter your styles below this line*/
.donate-side h4 {
    padding: 60px 0px 0px 350px;
}
.navbar-nav {
    margin: 0px 0px;
}

}

@media only screen and (max-width: 640px) and (orientation : landscape) {
  /* LANDSCAPE:
  Samsung Galaxy Note
  HTC One S
  HTC One XL
  HTC Sensation XL
  HTC Velocity 4G
  Motorola Droid Razr
  Nokia 500
  Samsung Galaxy Note 2
  Samsung Galaxy S3*/

/*Enter your styles below this line*/


}

@media only screen and (max-width: 600px) and (orientation : landscape) {
  /* LANDSCAPE:
  Motorola Droid3
  Nexus 4
  Motorola Razr HD 4G
  Motorola Razr M 4G
  Motorola Defy
  Motorola Milestone
  Apple iPhone 5
  HP Veer*/
/*Enter your styles below this line*/

}

@media only screen and (max-width: 540px) and (orientation : landscape) {
  /* LANDSCAPE:
  HTC Desire
  HTC Desire HD
  HTC One V
  LG Optimus 2X
  Nexus S
  Samsung Galaxy Ace 2
  Samsung Galaxy S2
  BlackBerry Z10*/

/*Enter your styles below this line*/

}

@media only screen and (max-width: 480px) and (orientation : landscape) {
  /* LANDSCAPE:
  Apple iPhone 3G
  Apple iPhone 3GS
  Apple iPhone 4
  Apple iPhone 4S
  Apple iPod Touch
  BlackBerry Torch 9800
  BlackBerry Torch 9810
  HTC 7 Mozart
  HTC 7 Trophy
  HTC Desire C
  HTC Legend
  HTC Titan 4G
  HTC Wildfire S
  HTC Windows Phone 8X
  Huawei U8650
  Nokia Lumia 610
  Nokia Lumia 710
  Nokia Lumia 800
  Nokia Lumia 820
  Nokia Lumia 900
  Nokia Lumia 920
  Samsung Galaxy Ace
  Sony Xperia E Dual*/

/*Enter your styles below this line*/

}
@media only screen and (max-width: 320px) and (orientation : landscape) {
  /* LANDSCAPE:
  Samsung Galaxy S3 Mini*/

/*Enter your styles below this line*/

}