/* Set width on the form input elements since they're 100% wide by default */
input,
select
{
    max-width: 350px;
}

.bg-primary   {background-color:#fabd00; color:#333;}
.bg-secondary {background-color:#006F7A; color:#fff;}

.text-primary   {color:#fabd00; }
.text-secondary {color:#006F7A; }

.counter {
    /*font-family: Impact,Charcoal, sans-serif;*/
    font-size: 2.5em;
    padding: 5px 5px 2px 4px;
    width: 45px;
    height: 82px;
    background-image: url('../Image/Counter.png');
    background-position-y:center;
    margin-right:1px;
    display:inline-block;
}

.separator {
    font-size: 3em;
    padding: 5px 0px 2px 0px;
    height: 82px;
    background-position-y:center;
    display:inline-block;
}


h1>a, h2>a, h3>a, h4>a, h5>a, h6>a,
h1>a:hover, h2>a:hover, h3>a:hover, h4>a:hover, h5>a:hover, h6>a:hover,
h1>a:focus, h2>a:focus, h3>a:focus, h4>a:focus, h5>a:focus, h6>a:focus
 {
    color:#cb003a;
    font-weight:bold;
}




.home-bubble {
    position:absolute;
    right:-25px;
    top:-10px;

}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #FFDC66;
}

.table-striped > tbody > tr {
    background-color: #fcc000;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top:0px;
    padding:0px;
    padding-bottom:5px;
}

.table > thead > tr > th {
border-bottom:0px;
}

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

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color:#23527c;
}








.stories {
    background-color:#CEF0FC;
    padding:20px;
}


.storyItem {
    background-color:#fff;
    margin-bottom:2%;
    min-height:150px;
}

.col1 {
    border-right:10px solid #CEF0FC;
}

.storyImg {
    height:150px;
}
.by {
    margin-top:-10px;
}


.btn-primary {
    color: #ffc300;
    background-color: #333333;
    display: block;
	border-color: transparent !important;
}

.btn-primary:hover {
    color: #ffc300;
    background-color: #212121;
    border-color: transparent !important;
}

.btn-primary:visited, .btn-primary:focus  {
    color: #ffc300;
    background-color: #333333;
    display: block;
	border-color: transparent !important;
}


.alert {
        font-family: CaeciliaLTPro-85Heavy !important;
        font-size:115%;
}





/* WS Updates 1*/


h1,h2,h3,h4,h5,h6 {
        font-family: CaeciliaLTPro-85Heavy !important;
        font-weight: 400 !important;
        font-style: normal;
}


.hdr {
        font-weight: 400 !important;
        font-style: normal;
        text-transform: uppercase;
        font-size: 27px;
}


#mypledge > h2 {
        font-family: CaeciliaLTPro-55Roman !important;
        font-weight: 400 !important;
        font-style: normal;
}


.btn.btn-primary {font-family: CaeciliaLTPro-75Bold !important;
                font-weight: normal;
                font-style: normal;}
                




/* WS Updates 2*/

@media (min-width:768px) {


.navbar-default .navbar-nav > li > a:after {
    content: "|";
    position:relative;
    left:15px;
    bottom:1px;
    color:gray}


.navbar-default .navbar-nav > li:last-child> a:after {
   content:" ";}

}


.navbar {padding-top: 20px;}


.navbar-nav {border-radius:5px;}


.navbar-nav > li > a {
    font-family: CaeciliaLTPro-75Bold;}



.navbar-nav > .active > a, .navbar-nav > .active > a:focus {
border-radius: 5px;
background-color: #333;
}


.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:active
{
    color:#ffc300;
}

.banner-caption {
    left: 63%;
    font-family: CaeciliaLTPro-85Heavy;
}

@media (max-width:768px) {
    .banner-caption {
        position: relative;
        left: 0;
    }
}

.caption-yellow {font-size:19px;font-weight:normal}


.caption-red {font-size:19px;font-weight:normal}


.white {
    font-weight: normal;
}


.social-btn-top-text {
    font-size: 19px;
    font-family: CaeciliaLTPro-75Bold;
    margin-left: 17px;
}

.social-btn-bottom-text {
    font-size: 19px;
    font-family: CaeciliaLTPro-75Bold;
}


footer {padding-bottom:40px;}


#myPledge h2 {text-align:center;}


.control-label {
font-family: CaeciliaLTPro-55Roman;
font-weight: normal;}


.btn {
    font-size:16px;
}



.blogThumb {
    max-height: 200px;
    max-width: 150px;
}

.blogImg {
    max-height: 600px;
    max-width: 450px;
}



/*AE Custom CSS*/

.maximumwidth {
    max-width: none;
}

.BGpurpleBG{
    background-color:rebeccapurple;

}

.RedBG {
    background-color: #c12637;
}

.RedText {
    color: #c12637;
}

.DarkGreenBG {
    background-color: #006F7A;
}

.RedHoverText {
    background-color: #c12637;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: -50px;
    width: fit-content;
    padding: 5px 15px;
}

.DarkGreenHoverText {
    background-color: #006F7A;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: -50px;
    width: fit-content;
    padding: 5px 15px;
}

.marT-30{
    margin-top:-30px;
}

.marl-30 {
    margin-left: -30px;
}

.whiteBoxContainer {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: white;
}

    .wrapper .overflow {
        position: absolute;
        bottom: 0;
        right: 0;
        background: #000;
        width: 50px;
        height: 150px;
    }

.marTB30{
    margin-bottom:30px;
    margin-top:30px;
}

.navbar {
    background-color: transparent !important;
    border-color: transparent !important;
}

.minheight{
    min-height:700px;
}

.redHeading {
    display: inline-block;
    /*font-size: 32px;*/
    color: #c12637;
}

.backText{
    color:black;
}