/* Define a custom web font */
@font-face {
    font-family: 'robotoregular';
    src: url('/assets/css/fonts/Roboto-Regular-webfont.eot');
    src: url('/assets/css/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/assets/css/fonts/Roboto-Regular-webfont.woff') format('woff'),
    url('/assets/css/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
    url('/assets/css/fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;


}

/* Use that font in a page */

#text-area h1 {
    font-weight:bold;
    text-transform: initial;
}

#pagetop {
    background:#0A4C6C;
}

.nav-menu ul li a {
    color: #62A945;
    font-weight:bold;
    font-family:'Roboto Condensed';
    font-size:16px;
}

::selection {
    background-color: #0A4C6C;
}

.dark{
    color:#0A4C6C;
}

.home-button:hover{
    background:white;
    color:#0A4C6C;
}
/* Text Area */

#text-area{
    margin-top: 50px;
    background:#0A4C6C;
}

.text-area a:hover{
    color:#0A4C6C;
}


#about .about-content:hover{
    background:#0A4C6C;
}

.owl-item .item:hover{
    background:#0A4C6C;

}

.filters li a.selected{
    color:white;
    background:#0A4C6C;
}

.filters li:hover a{
    background:#0A4C6C;
}

span.red{
    color:#0A4C6C;
    padding-right:0;
}

.nav-menu a:hover{
    color:#0A4C6C;
}

.nav-menu a.active{
    color:#777777;
}

.main-nav li.active a{
    color:#777777;
}
.revslide span{
    color:#0A4C6C;
}

.nav-tabs li.active a{
    border-top:2px solid #777777;
}

.nav-tabs li.active a:hover{
    border-top:2px solid #777777;

}

.owl-item .item:hover{
    background:#3c3c3c;
    border-bottom:4px solid #0A4C6C ;
}

.owl-item .item .images a img:hover{
    border:2px solid #0A4C6C;
}

.work-img .button:hover{
    background:#0A4C6C;
}

.subs .text h2 span{
    color:#0A4C6C;
}

.subscribe-btn{
    color:white;
    background:#0A4C6C;
}

.subscribe-btn:hover{
    background:white;
    color: #0A4C6C;
}

.form:focus{
    border:1px solid #0A4C6C;
}

.form-btn:hover{
    background:#0A4C6C;
}

.mail-message p.mail-head{
    color:#0A4C6C;
}

.newsletter-message p.mail-head{
    color:#0A4C6C;
}

.post-img .zoom-button:hover{
    background:#0A4C6C;
}

.post-texts .tags:hover{
    color:#0A4C6C;
}
.left a.left-icon {
    background: #0A4C6C;
}
.left a.left-icon:after{
    border-left-color: #0A4C6C;
}
.accordion .accordion-head span {
    color: #0A4C6C;

}
html, body {
    font-family:robotoregular;
}
#slider p{
    font-family:'Roboto Condensed';
    font-size:150%;
}

#why-wisten h3{
    padding-bottom:15px
}

#why-wisten ul li{
padding: 5px 25px;
}

#why-wisten{
    margin-top: 0;
    font-size:17px;
    background-image:url('/assets/images/columbus-skyline-watermark.jpg');
}

#slider .revslide .p2{
    font-weight:normal;
}
#slider, #slider .revslide .p1{
    color:white;
}
 p {font-family:Arial;}

 .btn.donation{
     padding: 7px 20px;
     color: white;
     font-weight: bold;
     border-radius:10px;
     border: white 2px solid;
     background-color: #62A945;
     font-size:inherit;
 }


 @media only screen and (max-width: 1045px){
 .subscribe .left , .subscribe .right {
     width:95%;
     text-align:center;
     float:none;
     margin: 20px auto 60px;
 }
 .subscribe-mail {
     width:60%;
 }
 }

 #subscribe.sub-page {
     border-top:2px #0A4C6C solid;
 }

 .nav-menu ul li a.social.scroll {
 font-size:20px;
 padding:30px 15px 0 0;
 }


 #footer p{
     color:white;
     font-family:'Arial';
	 line-height:20px;
 }

#footer .twitter p {
     text-align:left;
     font-size: 15px;
     line-height:20px;
 }

 #footer .address p{
    line-height:15px;
	line-height:20px;
 }
     #footer .address span{
    font-weight:100;
 }

 #footer .footer-text{
     margin-top:5px;
 }

 #footer p.tweet-heading {
     margin-bottom:0;
    font-size: 15px;
 }

 .tweet-heading span{
     font-style: italic;
 }

 #footer .statement{
     float:right;
     width:332px;
 }
 #footer .statement p{
     font-weight:100;
     text-align: right;
    line-height:20px;
 }
 .subs .text h1 {
     margin-top:36px;
 }
 .nav-menu ul li a {
     padding: 33px 10px;
 }


 #pagetop {
    padding: 5px;
    color: #FFF;
 }

 .text-white {
   color: #FFF;
 }

 a.text-white:hover,
 a.text-white:focus {
   color: #62A945;
 }
 #logo a {
     margin-top:12px;
 }
.revslide .stext{
     font-weight:inherit;
 }

.tp-caption.large {
position:absolute;
color:#fff;
font-weight:bold;
font-size:24px;
line-height:40px;
font-family:'robotoregular';
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium {
position:absolute;
color:#fff;
font-weight:700;
font-size:18px;
line-height:22px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.small {
position:absolute;
color:#fff;
font-weight:700;
font-size:16px;
line-height:26px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.donate {
font-size:26px;
font-weight:300;
color:rgb(255, 255, 255);
text-decoration:none;
padding:5px 30px;
text-shadow:none;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}

#copyright p{
    background:#0A4C6C;
}
#copyright p{
    padding: 10px 0;
    color:white;
    /*font-family:'Roboto Condensed';*/
	font-family:'Arial';
    text-align:center
}

#why-wisten ul > li::before {
    font-family: 'FontAwesome';
    content: '\f00c';
    margin: 0 5px 0 -15px;
	font-size:14px;
	color:
}

#container{
    max-width:1170px;
    width:100%;
    margin:0 auto;
	padding-bottom:30px;
}
#sidebar .heading{
    padding-top:20px;
    color:#777777;
    font-family:'Roboto Condensed';
    font-weight:bold;
    text-transform:uppercase;
    font-size:18px;
	line-height:23px;
}
#sidebar img{
    width:100%;
    padding:5px;
    border: 1px solid #EEEEEE;
}
#sidebar{
    background-color: #FFF;
    padding: 15px;
}

#sidebar li a {
    color: #62A945;
    font-family: 'Roboto Condensed';
    font-size: 18px;
	line-height:22px;
}
#sidebar li a:hover {
    color:#1999D6;
}


#sidebar li {
    text-transform: uppercase;
    border-top: 1px solid #DDDDDD;
    padding: 15px 0;

}
#sidebar ul {
    margin-top:20px;

}
#text-area .inner {
    clear:both;
}

h1#page-title {
    font-family:robotoregular;
    font-weight:bold;
    text-transform:uppercase !important;
    text-align: left;
    margin:0;
    font-size:25px;
}
#text-area .breadcrumbs{
    margin:0;
    padding:0;
    position:relative;
    top:12px;
}
#text-area .breadcrumbs a,
#text-area .breadcrumbs a:hover
{
    font-family:'Roboto Condensed';
    font-weight: bold;
    text-transform:capitalize;
    border: none;
    font-size:18px;
    text-align: right;
    padding:0;
    background:transparent;
    color:white;
    margin:0;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

section#container{
    margin-top:20px;
}
#main-page .heading {
    font-weight:bold;
    margin-bottom:20px;
}
#main-page{
    color:#777777;
    font-size:16px;
    font-family:'Arial';
}
#main-page .content{
    padding:10px 0;
}
#main-page ol{
    counter-reset:list;
    margin-left:40px;
    list-style:number;
}
#main-page ol li{
    list-style:none;
    margin-bottom:15px;
    position:relative;
}
#main-page ol li:before{
    counter-increment:list;
    content: counter(list, decimal) ") ";
    position:absolute;
    left: -1.4em;
}
.dropdown-menu {
    border-top-color:#BEAF2E;
    border-top-style:solid;
    border-top-width: 2px;
}

.dropdown-toggle .dropdown-menu li a:hover{
    background-color: #0A4C6C;
}
.dropdown-toggle .dropdown-menu li a {
    color: #62A945;
    padding: 8px 16px !important;
}

#footer a, #footer a:active, #footer a:visited { color: #FFF; }
#footer a:hover { text-decoration: underline; }


#rlfc [colspan="2"] td:last-child{
    padding:8px 0 0 12px ;
}

#rlfc [colspan="2"] td{
    width:50%;
    padding:8px 0 8px 0;
    vertical-align: top;
}

.shadows {
    border: 1px solid;
    box-shadow: 5px 10px;
}

.center {
    margin: 0 auto;
}

.green-text {
    color: #62A945;
}

.black-text {
    color: #000000 !important;
}

.text-center {
    text-align: center;
}

.font-weight-bold {
    font-weight: bold;
}

.font-20 {
    font-size: 20px;
}

@media (max-width: 767px) {
    .small-margin-top {
        margin-top: 40px;
    }

    .center-on-small {
        margin: 0 auto;
    }
}

.award-header {
    font-size: 3rem !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

@media (min-width: 768px) {
    .medium-margin-top {
        margin-top: 130px;
    }
}

.mb-2 {
    margin-bottom: 1.5rem;
}

.italic {
    font-style: italic !important;
}

.small {
    font-size: 80%;
}

.purp-btn {
  background-color: #8F4798 !important;
  color: white !important;
}

div.content ul {
    margin: inherit;
    list-style: inherit;
    margin-left: 30px;
    margin-bottom: 15px;
}

.grecaptcha-badge { display: none!important;}

.btn-bold {
    font-size: 1.3em;
    padding: 10px 60px;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    padding-top: 25px;
    height: 0;
    overflow: hidden;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.purple-to-green {
            background: linear-gradient(to right, #9b4f96, #11a529);
            color: #fff;
            text-align: center;
            padding: 10px 40px;
            border-radius: 50px; /* Completely rounded edges */
            font-size: 1.2em; /* Adjust text size as needed */
            font-weight: bold;
        }

.purple-to-green-btn {
            background: linear-gradient(to right, #9b4f96, #11a529);
            color: #fff;
            font-weight: bold;
            border: none;
            border-radius: 50px;
            padding: 10px 20px;
            text-transform: uppercase;
            text-align: center;
            text-decoration: none;
            display: inline-block;
        }

        .purple-to-green-btn:hover {
            color: #fff; /* Maintain text color on hover */
            opacity: 0.9; /* Slight transparency effect on hover */
        }
