@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  { 
.et_pb_row_0, body #page-container #volunteer_header {
width: 90%;
max-width: 90%;
}
}

@media only screen and (max-width: 767px) {
.et_pb_divider_0 {
    height: 300px;
    display: none;
}


input[type="submit"].give-submit {
    background: #fc0;
}


/*-----------------[FIRST LINE ALIGNS BUTTON ON HEADER IN VOLUNTEER SIGN UP PAGE]----------------*/

@media only screen and (max-width: 480px) {
.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
margin-left: 0;
}
}

.et_pb_fullwidth_header.et_pb_fullwidth_header_2 {
    width: 100%!important;
    height: 500px;
}

.et_pb_fullwidth_header.et_pb_fullwidth_header_3 {
    width: 100%!important;
    height: 500px;
}

.et_pb_fullwidth_header.et_pb_fullwidth_header_4 {
    width: 100%!important;
    height: 500px;
}

.et_pb_fullwidth_header.et_pb_fullwidth_header_5 {
    width: 100%!important;
    height: 500px;
}

.et_pb_fullwidth_header.et_pb_fullwidth_header_6 {
    width: 100%!important;
    height: 500px;
}

.wp-picker-container a span{position: relative!important;}

/* Program Updates */

@media (min-width: 981px){ /* BIG Screen */

}

@media (max-width: 980px){

  .et_header_style_split #main-header {
      padding: 0 !important;
      height: 60px;
  }
 
 
  .et_header_style_split #main-header > .container{
    text-align: left !important;
    height: 100% !important;
  }
 
   #main-header > .et_menu_container > .logo_container {
      height: 100%;
      width: 30%;
   }
   
   #main-header > .et_menu_container > .logo_container > a {
      width: 100%;
    height: 100%;
    position: absolute;
   }
 
  #main-header > .et_menu_container > .logo_container > a > img {
      position: absolute;

    height: 98%;
      left: 10%;
      top: 2%;

      max-width: 100%;
      pointer-events: none;
   }
   
   
  #main-header > .et_menu_container > #et-top-navigation > a.mytop {
    width: 60px;
      height: 60px;
      background-color: #fc0;
    }
   
    #main-header > .et_menu_container > #et-top-navigation > a.mytop > img {
      position: absolute;
      height: 45%;
      left: 25%;
      top: 20%;
      max-width: 100%;
      pointer-events: none;
    }
   
   
  #main-header > .et_menu_container > #et-top-navigation > a.mytop > .button-text {
position: absolute;
      bottom: 10%;
      left: 0;
      margin: 0;
      padding: 0;
      font-size: 12px;
      font-weight: bold;
      pointer-events: none;
      text-align: center;
      width: 100%;
    }
   
    #et_mobile_nav_menu{
    width: 100%;
    }
   
    ul#mobile_menu{
    margin-top: 0;
      border: 0;
      padding: 20px 16px 16px 20px;
    }
   
    .et_mobile_menu > li > a {
    text-align: center;
      border: 0;
      padding: 0 0 30px 0px;
    }
   
    .et_mobile_menu > li.donate-today > a {
    padding: 10px 0 10px 0;
    }
   
    .et_header_style_split #main-header .mobile_nav{
    padding: 0px;
    }
   
    .et_header_style_split .et_mobile_menu{
    top: 60px;
    }
   
    #et_mobile_nav_menu > .mobile_nav > .mobile_menu_bar.mobile_menu_bar_toggle{
      position: absolute;
      top: 0;
      right: 60px;
      height: 60px;
      width: 60px;
      background-color: #757575;
    }
   
    #et_mobile_nav_menu > .mobile_nav > .mobile_menu_bar.mobile_menu_bar_toggle:before{
        position: absolute;
        width: 40px;
        height: 40px;
        font-size: 41px;
        color: white;
        left: 9px;
        top: 7px;
        font-weight: bold;
    }
   
    #et_mobile_nav_menu > .mobile_nav > .mobile_menu_bar.mobile_menu_bar_toggle:after{
    content: "MENU";
    position: absolute;
    font-size: 12px;
      color: white;
      bottom: 11px;
      left: 11px;
      width: 60%;
      height: 1px;
      font-weight: bold;
    }
   
   
  .container.et_menu_container{
    width: 100%!important;
    margin: 0 !important;
  }
 
  .nav li li a, .et_mobile_menu li a{
  font-size: 25px;
  }
 
}

/* Abe's code */



/*-----------------[CHANGE FOOTER TEXT SIZE]----------------*/
@media (max-width: 980px) {
#footer-info, #footer-info a {
font-size:12px;
padding:0px;
}
}

.et_pb_button_2 {
    background-color: rgba(255,255,255,0);
    border: 2px solid #FFF;
    color: white;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
}

div#hide-section {
display: none !important;
}
div#hide-section.show {
display: block !important;
}
}

/*-----------------[BORDER UNDER DONATION AMOUNT TEXT ON DONATE PAGE]----------------*/
#give-form-content-3738 {
border-bottom:1px solid rgba(0,0,0,.1); }

/*-----------------[BOUNCING SCROLL DOWN ARROW]----------------*/

.et_pb_fullwidth_header_scroll a {
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
}
.et_pb_fullwidth_header_scroll .et-pb-icon {
    -webkit-animation: et_bounce 1s infinite;
    -moz-animation: et_bounce 1s infinite;
    -ms-animation: et_bounce 1s infinite;
    -o-animation: et_bounce 1s infinite;
    animation: et_bounce 1s infinite;
}
@-webkit-keyframes et_bounce {
    0% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-15px);
    }
    100% {
        -webkit-transform: translateY(0px);
    }
}
@-moz-keyframes et_bounce {
    0% {
        -moz-transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-10px);
    }
    100% {
        -moz-transform: translateY(0px);
    }
}
@-ms-keyframes et_bounce {
    0% {
        -ms-transform: translateY(0);
    }
    40% {
        -ms-transform: translateY(-10px);
    }
    100% {
        -ms-transform: translateY(0px);
    }
}
@-o-keyframes et_bounce {
    0% {
        -o-transform: translateY(0);
    }
    40% {
        -o-transform: translateY(-10px);
    }
    100% {
        -o-transform: translateY(0px);
    }
}
@keyframes et_bounce {
    0% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}

/*-----------------[DONATE NOW BUTTON IN YELLOW]----------------*/

.donate-today {
    border-radius: 0px;
}
.donate-today a {
    color: #fff!important;
}
li.donate-today {
    background-color: #fc0;
    font-weight: 700;
    text-transform: auto;
    text-align: center;
padding: 10px 10px 10px 10px !important;
    border-radius: 0px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
li.donate-today:hover {
    background-color: #fc0;
}
li.donate-today:hover {
    color: #fff!important;
}
@media only screen and (min-width: 981px) {
    li.donate-today {
    }
}

/*-----------------[ APP STYLE HEADER AND DROP DOWN MENU]----------------*/

.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
}

/*-----------------[ Change Inactive Tab Text to White]----------------*/
/*Tabs*/

.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_0:not(.et_pb_tab_active) a {
    color: #fff !important;
}
.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_1:not(.et_pb_tab_active) a {
    color: #fff !important;
}
.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_2:not(.et_pb_tab_active) a {
    color: #fff !important;
}
/*-----------------[ Center Tabs on Screen and Equalize]----------------*/

.equal-tabs .et_pb_tabs_controls li {
    width: 33.3%;
    /*change width of tabs here depending on the number of tabs you have*/
   
    text-align: center;
}
@media screen and (max-width: 768px) {
    /*change device breakpoint here depending on the number of tabs you have*/
   
    .equal-tabs .et_pb_tabs_controls li {
        width: 100%;
        text-align: center;
    }
}

/*-----------------[Make Content 100%]----------------*/

.tab_pics {
    position: relative;
    float: left;
    width: 25%;
    height: auto;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 0px;
    padding-right: 0px;
}
@media (max-width: 980px) {
    .tab_pics {
        position: relative;
        float: left;
        width: 50%;
        height: auto;
        background-position: 0% 0%;
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.et_mobile_menu {
box-shadow: none;
}

@media only screen and (min-width: 981px){
a.mytop img, a.mytop {
display: none;
}
}


body.page-id-1374.et_boxed_layout #page-container, body.page-id-1374.et_boxed_layout #main-header, body.page-id-1374.et_boxed_layout #top-header {
    max-width: 100%!important;
    width: 100%!important;
}

.et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child, .et_pb_row_inner .et_pb_column.et-last-child, .et_pb_row_inner .et_pb_column:last-child {
    margin-right: 0!important;
}


@media (max-width: 980px)
.et_pb_bottom_divider .et_pb_row:nth-last-child(2) .et_pb_column:last-child, .et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child {
    margin-bottom: 0;
}

.et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child, .et_pb_row_inner .et_pb_column.et-last-child, .et_pb_row_inner .et_pb_column:last-child {
    margin-right: 0!important;
}

.et_pb_column_1, .et_pb_column_0 {
    padding-top: 10%;
    /* padding-right: 0%; */
    padding-bottom: 10%;
    /* padding-left: 0%; */
}
@media (max-width: 479px)
.et_pb_column {
    width: 100%!important;
}

/*-----------------[mobile jotform bloc at 100% width]----------------*/


@media (max-width:767px){
#post-1374 .et_pb_code_1 {
   width: 100vw!important;
   max-width: none;
  margin-left: -8%!important;
}
}

/*-----------------[mobile jotform bloc at 100% width]----------------*/

@media (max-width:767px){
#post-9612 .et_pb_code_1 {
   width: 100vw!important;
   max-width: none;
  margin-left: -8%!important;
}
}

/*-----------------[this code completed the 100% width mobile]----------------*/

body.page-id-9612.et_boxed_layout #page-container, body.page-id-9612.et_boxed_layout #main-header, body.page-id-9612.et_boxed_layout #top-header {
    max-width: 100%!important;
    width: 100%!important;
}

/*-----------------[this code completed the 100% width mobile for checkout page]----------------*/

body.page-id-9633.et_boxed_layout #page-container, body.page-id-9633.et_boxed_layout #main-header, body.page-id-9633.et_boxed_layout #top-header {
    max-width: 100%!important;
    width: 100%!important;
}

/* Hide the header navigation links */

body.page-id-9612 #et-top-navigation { 

    visibility: hidden; 

}

/* Don't hide the centered inline logo */

body.page-id-9612 #et-top-navigation .centered-inline-logo-wrap {

    visibility: visible;

}

/*-----------------[100% TCI Sign Up Page]----------------*/

@media only screen and (min-width: 981px){
a.mytop img, a.mytop {
display: none;
}
}


body.page-id-9886.et_boxed_layout #page-container, body.page-id-9886.et_boxed_layout #main-header, body.page-id-9886.et_boxed_layout #top-header {
    max-width: 100%!important;
    width: 100%!important;
}

.et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child, .et_pb_row_inner .et_pb_column.et-last-child, .et_pb_row_inner .et_pb_column:last-child {
    margin-right: 0!important;
}