/* Additional Styles to add to bootstrap */


#rt-sidebar-a ul li.current{clear:both;border:0px;padding:0px;}
#rt-sidebar-a ul li a  {color:#444; line-height: 22px; margin-bottom:15px;font-size:16px;max-width:270px;}
#rt-sidebar-a ul li a:hover {color:#66bdbb;}
#rt-sidebar-a ul li.current a {color:#000; /*background-color:#efefef;*/ }
#rt-sidebar-a {margin-bottom:50px;}

#rt-sidebar-a ul ul.nav-child {padding-left:15px;padding-right:40px;margin-bottom:20px;}
#rt-sidebar-a ul ul.nav-child li a {color:#444; font-size:13px;background-color:#fff!important;}
#rt-sidebar-a ul ul.nav-child li a:hover {color:#66bdbb;}
#rt-sidebar-a ul ul.nav-child li.current a {color:#000;background-color:#efefef!important;}
#rt-sidebar-a ul ul.nav-child li.current {background-color:#efefef!important;}

nav-child.unstyled.small{}

.donate_btn_membership { float: left; }

.fp_box {
    background-color: #BA0000;
    min-width: 33%;
    display:inline-block;
    margin:10px 0;
    border-radius:5px;
 /*   border: 1px solid #BA0000; */
}
.fp_box:hover {
    transition: background-color 1s ease;
    background-color: #00006a;
    cursor: pointer;
}
.fp_text {
    padding: 10px;
    color:white;
}
.fp_text a {
    padding-left : 15px;
    color:white;
    font-size: 110%;
    font-weight: bold;
}
.fp_text p {
    padding-left : 15px;
    color:white;
    font-size: 80%;
    white-space:normal;
    margin-bottom:0px;
    padding-top:6px;
}

#fp_container, #fp_container2 {
    white-space:nowrap;
}
#fp_container2 {
    margin: 15px 0 150px;
}

.fp_box2 {
    border: 1px solid #DDD;
    background-color: #FEFEFE;
    width: 32.8%;
    display:inline-block;
    margin-right: 3px;
    border-radius:5px;
    height: 110px;
    float:left;
}
.fp_box2:hover {
    transition: background-color 1.1s ease;
    background-color: #D1F0E7;
    border: 1px solid #777/*#BA0000*/;
    cursor: pointer;
    color: #000;
}
.fp_box2C:hover {
    border: 1px solid #BA0000;
    background-color: pink;
    cursor: initial;
}
.fp_text2 {
    padding: 10px;
}
.fp_text2 a {
    padding-left : 15px;
    font-size: 110%;
    font-weight: bold;
    color: #555;
}
.fp_text2 a:hover {
    color: #000;
}
.fp_text2 p {
    padding-left : 15px;
    font-size: 80%;
    white-space:normal;
    line-height: 20px;
    margin-bottom:0px;
}
.fp_button {
    margin-left:6px;
    background-color: #BA0000;
    color: #fff;
}
.fp_text2 div{
    margin-left:8px;
}

#rt-copyright { margin-left: -25px; }
#rt-copyright a:hover { color: black; }


.fund_line {
   display: table;
   width: 100%;
   margin-top: 25px;
}
.fund_title {
   display: table-cell;
   white-space: nowrap;
   padding-right: 15px;
   padding-bottom: 15px;
   font-weight: bold;
   font-size: 125%;
}
.fund_desc{
   display: table-cell;
   max-width: 100%;
   vertical-align: top;
}

.eb-message{margin-top:30px;margin-bottom:20px;}
.payment-information-container{padding-top:50px!important;}


@media only screen and (min-width: 1200px) {
   .eb-message{
	/* position:relative;margin-top:100px;margin-bottom:20px;width:100%;float:left;left:-105%;*/
   }
.payment-information-container{padding-top:50px!important;}

}

@media only screen and (max-width: 768px) {
    .rt-sidebar-wrapper {display: none; }
    .donate_btn_membership { float: none; display: block; }
    #rt-accessibility {display: none; }
    #gantry-resetsettings {display: none; }
   .rt-grid-6.rt-alpha  { display:none; }
   .smhide {display:none; }
   #rt-copyright { margin-left: -10px; }
   .fund_line { display:block; }
   .fund_title { display:block; }
   .fund_desc{ display:block; }
   /*.payment-information-container {padding:-0px!important;}*/
}
@media only screen and (max-width: 1200px) {
    #fp_container  { white-space:nowrap; margin-top: -28px; }
    #fp_container2 { padding-top: 15px; }
    .fp_box, .fp_box2, .fp_box2C { max-width:32.7%!important;}
    .fp_box, .fp_box2 { height: 110px; float:left; margin-right: 3px; }
    .fp_box2C { height: 142px!important;}
    .fp_box2 { margin-top: 4px;margin-bottom: 20px; height: 142px; }
}
@media only screen and (max-width: 976px) {
    #fp_container, #fp_container2 { white-space:normal; width: 100%; }
    .fp_box, .fp_box2, .fp_box2C { min-width: 100%; }
    .fp_box, .fp_box2 { height: auto; }
    .fp_box2C { height: 110px!important;}
    .fp_box2 { margin-bottom: 20px; }
   /* responsive menu, fix spacing and size */
   .layout-mode-responsive .gf-menu .dropdown .column { margin-bottom: 20px; }
   .layout-mode-responsive .gf-menu-device-container .gf-menu.l1 .item { font-size: 15px; }
}
@media only screen and (max-width: 400px) {
   body.layout-mode-responsive #rt-logo { margin: 15px 60px; }
   .logo-type-ricochet #rt-logo { background-size:93%; }
   /* responsive menu, for iphones and other phones cutting off bottom menu items */
   .gf-menu::after { content: '\A \A \A '; white-space:pre; margin:0;}
   .smhide2 { display:none; }
}
.highlights, .highlights a {
	font-style: italic; font-family: times; font-weight: normal; color: #cc0000;
}
.highlights a:hover {
	color: #000;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    display: none; <- Crashes Chrome on hover
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}



h6{
    color: #CC0000;
    font-size: 120%;
}
#total_amount { /* forms */
    width:100px;
}

@media only screen and (max-width: 1200px) {
    /* forms collapse right column */
    .row-fluid .span6 {
        margin:0px;
        float:none;
    }
}


rt-grid-4, #gantry-resetsettings{
    /*display:none;*/
}

li.item196, li.item197 {
   /*menu items*/
   display:none!important; 
} 

#rt-logo {
   position:relative;z-index:99999;
}

.case{ padding-left: 60px; padding-right: 60px; color: #999999; font-family: times; font-size: 105%; text-align: justify; font-style: italic;}
.noindent { padding-left: 0px; }
.indent { padding-left: 60px; }
.testimonial{ color: #999999; font-family: times; font-size: 105%; text-align: justify; font-style: italic;}
.hidden, .customhidden {display:none;}


@media print {
}

.span6 {min-height: auto!important;}

/* Front page background */
.feature-type-ricochet #rt-feature{ background-position:center!important; } /* center image */ 
.rt-bg-overlay{ background:rgba(255,255,255,0)!important; } /* no fade */

#rt-fullwidthtop { background:#1a1b29!important;
 margin:0px; padding:0px; padding-top:4px; text-align:center; }

.star {color:red;}

#sliders
.in .nn_sliders-group a {color:blue;}
.accordion-heading a {color:#000;}

.flex-container {display: flex; max-width:1180px;  margin: auto;}
.flex-l {margin-right: 60px; width:288px}
.flex-r {height:192px;}


.logo-type-ricochet #rt-logo {
width: 269px!important;
height: 55px!important;
}

/* 3-column div */

/* container */
.responsive-three-columns {
    display:flex;
    flex-wrap:wrap;
}

/* columns */
.responsive-three-columns > * {
    width:100%;
    padding:1rem;
}

/* tablet breakpoint */
@media (min-width:768px) {
    .responsive-three-columns > * {
        width:calc(75% / 3);
    }
}

/* banner */

.banneritem img {border-radius: 13px; overflow: hidden;}

.mbred {color:#CC0000;}
.mbred a {color:#CC0000;}


/* 2-column div */

/* container */
.mb2col {
    display:flex;
    flex-wrap:wrap;
    margin: 16px 0px ;
}

.mb2col div:first-of-type {
}

.mb2col div:last-of-type {
font-style: italic;
color:      #326089 ;
background-color:  #eff8ff ;
}

.mb2col div:first-of-type span {
font-size: 12pt;
}


/* columns */
.mb2col > * {
    width:100%;
    text-align: justify; 
    font-size: 10.5pt;
    margin-bottom:14px;
}

@media (max-width:768px) {
.mb2col  {
    padding-bottom:2px;
    padding-top:10px;
    border-top:1px solid lightblue;
}
.mb2col:first-of-type  {
    border-top: none;
}
.mb2col div:first-of-type {
    padding: 3%;
}
.mb2col div:last-of-type {
    padding: 3%;
background-color:  #eff8ff ;border-radius: 20px;
color:      #326089 ;
}
}

/* tablet breakpoint */
@media (min-width:768px) {
    .mb2col > * {
        width:42%;
    }

.mb2col div:first-of-type {
    padding: 3%;
}

.mb2col div:last-of-type {
    border-left:1px solid lightblue;border-radius: 25px;
    padding:3%;
}


}


@media (max-width: 768px) {
  .mbdesktoponly {
    display: none!important;
  }
}







.marquee {
  display: flex;
  block-size: var(--marquee-item-height);
  margin-block: var(--marquee-item-height);
  position: relative;
  overflow-x: hidden;
  mask-image: linear-gradient(
    to right,
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 85%,
    hsl(0 0% 0% / 0)
  );
}

.marquee--8 {
  --marquee-item-width: 100px;
  --marquee-item-height: 100px;
  --marquee-duration: 36s;
  --marquee-items: 8;
}

.marquee--3 {
  --marquee-item-width: 150px;
  --marquee-item-height: 150px;
  --marquee-duration: 24s;
  --marquee-items: 3;
}

.marquee--6 {
  --marquee-item-width: 260px;
  --marquee-item-height: 100px;
  --marquee-duration: 42s;
  --marquee-items: 14;
}

.marquee__item {
  --marquee-item-offset: max(
    calc(var(--marquee-item-width) * var(--marquee-items)),
    calc(100% + var(--marquee-item-width))
  );
  --marquee-delay: calc(var(--marquee-duration) / var(--marquee-items) * (var(--marquee-items) - var(--marquee-item-index)) * -1);
  position: absolute;
  inset-inline-start: var(--marquee-item-offset);
  transform: translateX(-0%);
  animation: go linear var(--marquee-duration) var(--marquee-delay, 0s) infinite;
filter: grayscale(100%); /* make logos greyscale */
}
/* .marquee__item:hover {filter: grayscale(0%); } /* make logos color on hover */

.marquee__item:nth-child(4n) {
  border-top-right-radius: 1rem;
}

.marquee__item:nth-child(4n + 1) {
  border-bottom-right-radius: 1rem;
}

.marquee__item:nth-child(4n + 2) {
  border-bottom-left-radius: 1rem;
}

.marquee__item:nth-child(4n + 3) {
  border-top-left-radius: 1rem;
}

.marquee--8 .marquee__item:nth-of-type(1) {
  --marquee-item-index: 1;
}

.marquee--8 .marquee__item:nth-of-type(2) {
  --marquee-item-index: 2;
}

.marquee--8 .marquee__item:nth-of-type(3) {
  --marquee-item-index: 3;
}

.marquee--8 .marquee__item:nth-of-type(4) {
  --marquee-item-index: 4;
}

.marquee--8 .marquee__item:nth-of-type(5) {
  --marquee-item-index: 5;
}

.marquee--8 .marquee__item:nth-of-type(6) {
  --marquee-item-index: 6;
}

.marquee--8 .marquee__item:nth-of-type(7) {
  --marquee-item-index: 7;
}

.marquee--8 .marquee__item:nth-of-type(8) {
  --marquee-item-index: 8;
}

.marquee--3 .marquee__item:nth-of-type(1) {
  --marquee-item-index: 1;
}

.marquee--3 .marquee__item:nth-of-type(2) {
  --marquee-item-index: 2;
}

.marquee--3 .marquee__item:nth-of-type(3) {
  --marquee-item-index: 3;
}

.marquee--6 .marquee__item:nth-of-type(1) {
  --marquee-item-index: 1;
}

.marquee--6 .marquee__item:nth-of-type(2) {
  --marquee-item-index: 2;
}

.marquee--6 .marquee__item:nth-of-type(3) {
  --marquee-item-index: 3;
}

.marquee--6 .marquee__item:nth-of-type(4) {
  --marquee-item-index: 4;
}

.marquee--6 .marquee__item:nth-of-type(5) {
  --marquee-item-index: 5;
}

.marquee--6 .marquee__item:nth-of-type(6) {
  --marquee-item-index: 6;
}

.marquee--6 .marquee__item:nth-of-type(7) {
  --marquee-item-index: 7;
}
.marquee--6 .marquee__item:nth-of-type(8) {
  --marquee-item-index: 8;
}
.marquee--6 .marquee__item:nth-of-type(9) {
  --marquee-item-index: 9;
}
.marquee--6 .marquee__item:nth-of-type(10) {
  --marquee-item-index: 10;
}
.marquee--6 .marquee__item:nth-of-type(11) {
  --marquee-item-index: 11;
}
.marquee--6 .marquee__item:nth-of-type(12) {
  --marquee-item-index: 12;
}
.marquee--6 .marquee__item:nth-of-type(13) {
  --marquee-item-index: 13;
}
.marquee--6 .marquee__item:nth-of-type(14) {
  --marquee-item-index: 14;
}

@keyframes go {
  to {  
    inset-inline-start: calc(var(--marquee-item-width) * -1);
  }
}