/*
Theme Name: ARC Sleevesup WordPress
Theme URI: https://sleevesup.redcrossblood.org
Description: Sleevesup WordPress Edition
Author: Design Studio
Author URI: http://designstudio.com/
Version: 1.0
Tags: responsive, bootstrap, red cross

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

*/

#showadminbar {
	display:none !important;
}

/* EDIT BOOTSTRAP */
.container-fluid {
    margin: 0;
    padding: 0;
}

/* EDIT MODAL */
.modal-content {
    padding: 40px;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}
/* STICKY FOOTER */
/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 110%;
    width: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 0px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    /*height: 80px;*/
    margin-top:80px;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.dsGood {
    border:2px solid green !important;
}

.dsBad {
    border:2px solid red !important;
}

.container {
    width: auto;
    max-width: 1400px;
    padding: 0 15px;
}

/* GLOBAL CSS */
@font-face {
    font-family: 'StandardCT-Light';
    src: url("assets/webfonts/2C4875_0_0.eot");
    src: url("assets/webfonts/2C4875_0_0.eot?#iefix") format("embedded-opentype"), url("assets/webfonts/2C4875_0_0.woff") format("woff"), url("assets/webfonts/2C4875_0_0.ttf") format("truetype");
}

@font-face {
    font-family: 'StandardCT-Bold';
    src: url("assets/webfonts/2C4875_1_0.eot");
    src: url("assets/webfonts/2C4875_1_0.eot?#iefix") format("embedded-opentype"), url("assets/webfonts/2C4875_1_0.woff") format("woff"), url("assets/webfonts/2C4875_1_0.ttf") format("truetype");
}

h1 {
    font-family:"StandardCT-Bold",helvetica,sans-serif;
    font-size: 37px;
    font-weight: 600;
    line-height: 50px;
    color: #666;
    font-style: normal;
}

h2 {
    font-size: 28px;
}

h2,h3,h4 {
    color: #666666;
    font-family: "StandardCT-Light",Helvetica,sans-serif !important;
}
strong {
    font-family:"StandardCT-Bold",helvetica,sans-serif !important;
}

.clear {
    clear: both;
}

.break {
    border-top: 1px solid #ccc;
    clear: both;
    float: left;
    height: 1px;
    margin: 40px 0;
    text-align: center;
    width: 100%;
}
.break.big {
    margin: 40px 0;
}
.break span {
    background: white none repeat scroll 0 0;
    color: #666;
    font-family: arial,sans-serif;
    padding: 0 20px;
    position: relative;
    text-align: center;
    top: -12px;
}
.break .nextarea {
    background: rgba(0, 0, 0, 0) url("assets/img/nextarrow.png") repeat scroll 0 0;
    height: 41px;
    margin: 0 auto;
    position: relative;
    top: -20px;
    width: 41px;
}

#arcWrapper {
    margin-top: 91px;
}

.tabletformwidth {
    padding:0px 60px;
    text-align:center;
    margin-top:40px;
    z-index:-1;
}
.page-id-48 .tabletformwidth {
    z-index:1;
}

@media screen and (max-width: 400px){
    .tabletformwidth{
        padding: 0 20px;
    }
}

@media screen and (max-width:1050px){
    .mobile-margins{
        margin-bottom: 200px;
    }

    .mobile-margins .arcBtn{
        padding: 0 20px;
    }
}

.arcBtn, .gform_next_button, .gform_previous_button, .gform_button {
    background-color: #ed1b2e;
    border: 0 none;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: arial,sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    height: 60px;
    line-height: 60px;
    padding: 0 60px;
    text-decoration: none;
    transition: all 0.4s ease 0s;

}

.arcBtn:hover, .gform_next_button:hover, .gform_previous_button:hover, .gform_button:hover,
.arcBtn:focus, .gform_next_button:focus, .gform_previous_button:focus, .gform_button:focus,
.arcBtn:active, .gform_next_button:active, .gform_previous_button:active, .gform_button:active {
    background-color: #a60211;
    color: white;
    text-decoration: none;
}

.arcBtn::after, .gform_next_button::after {
    content: "›";
    padding-left: 8px;
}

.arcBtn.gray, .gform_previous_button {
    background-color: #cccccc !important;
    border: 0 none;
    color: white;
    margin: 0;
}
.arcBtn.gray:hover, .gform_previous_button:hover {
    background-color: #999999 !important;
    color: white;
}

a.arcBtn.full, .arcBtn.full {
    text-align: center;
    width: 100%;
}


.wp-social-login-provider-list {
    padding: 0;
}
.wp-social-login-provider-list a {
    border-radius: 3px;
    box-shadow: 0 0 0 0 #888;
    color: white;
    display: inline-block;
    font-family: arial,sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.618em;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 17px;
    padding-top: 19px;
    text-decoration: none;
    text-transform: uppercase;
}

.button {
    letter-spacing: 0.05em;
}
.button {
    background-color: #ed1b2e;
    border: 0 none;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: arial,sans-serif;
    font-size: 15px;
    font-weight: 400;
    height: 60px;
    line-height: 60px;
    padding: 0 60px;
    text-decoration: none;
    transition: all 0.4s ease 0s;
}
.button.next::after {
    content: "›";
    padding-left: 8px;
}
a.button.full {
    text-align: center;
    width: 100%;
}
.button.full {
    padding: 0;
    width: 100%;
}

/* --------------------- twla styles */
.TWLA-btn {
    background: #ed1b2e;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -icab-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    height: 60px;
    letter-spacing: 0.05em;
    line-height: 60px;
    padding: 0 30px;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.TWLA-btn:hover,
.TWLA-btn:focus,
.TWLA-btn:active {
    background: #a60211;
    color: #ffffff;
    text-decoration: none;
}
.TWLA-btn.TWLA-gray { background: #bbbbbb; }
.TWLA-btn.TWLA-gray:hover,
.TWLA-btn.TWLA-gray:focus,
.TWLA-btn.TWLA-gray:active { background: #aaaaaa; }
.TWLA-btn.TWLA-backred {
    background: #ffffff;
    border: 1px solid #ed1b2e;
    color: #ed1b2e;
}
.TWLA-btn.TWLA-backred:hover,
.TWLA-btn.TWLA-backred:focus,
.TWLA-btn.TWLA-backred:active {
    background: #ed1b2e;
    color: #ffffff;
}
.TWLA-btn.TWLA-backgray {
    background: #ffffff;
    border: 1px solid #999999;
    color: #666666;
}
.TWLA-btn.TWLA-backgray:hover,
.TWLA-btn.TWLA-backgray:focus,
.TWLA-btn.TWLA-backgray:active { background: #eeeeee; }
.TWLA-btn.TWLA-small {
    font-size: 11px;
    font-weight: 300;
    height: 30px;
    line-height: 30px;
    min-width: 60px;
    padding: 0 12px;
}

/* --------------------- twla styles ended */

.setting {
    background: rgba(0, 0, 0, 0) url("assets/img/gear.png") repeat scroll 0 0;
    display: block;
    float: right;
    height: 17px;
    margin: 36px 30px 0 12px;
    width: 17px;
    cursor: pointer;
}
.setting:hover {
    opacity: 0.5;
}

.user-tab {
    background: #b6b6b6 none repeat scroll 0 0;
    position: fixed;
    right: 0;
    top: 90px;
    width: 250px;
    z-index: 999;
}

.user-tab ul {
    margin: 0 !important;
    padding:0 !important;
}

.user-tab ul li {
    border-bottom: 1px solid #ccc;
    padding: 7px;
    list-style: none;
}

.user-tab ul li.dash a {
    background: rgba(180, 180, 180, 0.95) url("assets/img/dashboard.png") no-repeat scroll 25px center;
}

.user-tab ul li.acc a {
    background: rgba(180, 180, 180, 0.95) url("assets/img/account.png") no-repeat scroll 25px center;
}

.user-tab ul li.siginout a {
    background: rgba(180, 180, 180, 0.95) url("assets/img/signout.png") no-repeat scroll 25px center;
}

.user-tab ul li a {
    color: white;
    font-family: arial,sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 27px;
    margin: 0;
    padding: 10px 10px 10px 50px;
    text-align: left;
    text-shadow: none;
    text-transform: capitalize;
    width: 100%;
}
/* HEADER */

#arcHeader {
    top: 0;
    height: 91px;
    border-bottom:  1px solid #ccc;
    position: fixed;
    z-index: 1000;
    width: 100%;
    background: #fff;
}

#arcLogo {
    float: left;
    width: 200px;
}

#arcMainMenu {
    float: right;
    width: 900px;
}

#arcUserMenu {
    width: 250px;
    float: right;
}

#arcMenu {
    float: left;
    width: 620px;
}

#arcMenu li a {
    color: #666666;
    font-weight: bold;
}



#arcMainMenu li {
    list-style: none;
    display: inline-block;
    padding: 35px 35px;
}

#arcUserMenu {
    background: #ed1b2e none repeat scroll 0 0;
    color: white;
    text-align: center;
    padding-left: 0;
}

#arcUserMenu li.user-name{
    padding: 35px 0px 35px 0px;
    text-align:left;
}

#arcUserMenu li{
    padding: 35px 25px 35px 0px;
}

#arcUserMenu a {
    color: #fff;
    font-weight: bold;
}
#dk_cssmenu-section{ display:none;}
/*MOBILE MENU*/
@media screen and (max-width:1120px) {
    #arcMainMenu {
        display: none;
    }
    #dk_cssmenu-section li {list-style: none;}
    #dk_cssmenu-section img { float: right; padding-right: 20px; padding-top: 10px;}
    #dk_cssmenu-section{  display:block; margin: 0 auto;  max-width: 100%; width: 100%;  font-family:arial; font-size:14px; text-algin:center; padding:0;}
    #dk_cssmenu-section ul.ui-tabs-nav { margin-top: 0px; }
    #dk_cssmenu-section ul.ui-tabs-nav li a { text-align: right; display: block; outline-color: transparent;}
    #dk_cssmenu-section p {color:#f4f4f4;line-height: 42px;width: 100%;text-align: center; font-weight: normal;cursor:pointer;}
    #dk_cssmenu { clear: both; display: none;}
    #dk_cssmenu,
    #dk_cssmenu ul,
    #dk_cssmenu li,
    #dk_cssmenu a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        font-weight: normal;
        text-decoration: none;
        line-height: 1;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        position: relative;
    }

    #dk_cssmenu a {
        line-height: 1.3;
        text-align: left;
    }
    #dk_cssmenu {  width:100%; margin-top: 40px; }
    #dk_cssmenu > ul > li > a {
        padding: 10px 20px;
        font-size: 14px;
        display: block;
        background:#ED1B2E;
        /*background: -webkit-linear-gradient(#f82b3d 0%, #d60215 100%);
        background: -o-linear-gradient(#f82b3d 0%, #d60215 100%);
        background: linear-gradient(#f82b3d 0%, #d60215 100%);*/
        color:#fff;
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }
    #dk_cssmenu > ul > li > a > span {
        background:#d7d7d7;
        padding: 10px;
        display: block;
        font-size: 14px;
        font-weight: normal;
    }
    #dk_cssmenu > ul > li > a:hover {
        text-decoration: none;background:red;
    }
    #dk_cssmenu > ul > li.active{
        border-bottom: none;
    }
    #dk_cssmenu > ul > li.active > a {
        color:#6e6e70;
    }

    #dk_cssmenu span.cnt {
        position: absolute;
        top: 8px;
        right: 15px;
        padding: 0;
        margin: 0;
        color:#f4f4f4; background: url(../images/menu_icon.png) center center no-repeat;width: 20px;text-indent: 13px;
        height:22px;
    }
    /* Sub menu */
    #dk_cssmenu ul ul {
        display: none; background:red;
    }
    #dk_cssmenu ul ul li {
        border: 1px solid #f4f4f4;
        border-top: 0;
    }
    #dk_cssmenu ul ul a {
        padding: 10px;
        display: block;
        color:#f4f4f4;
        font-size: 13px;
    }
    #dk_cssmenu ul ul a:hover {
        color: #6e6e70;
    }
    #dk_cssmenu ul ul li.odd {
        background: #f4f4f4;
    }
    #dk_cssmenu ul ul li.even {
        background:#f4f4f4;
    }

}

/* DEFAULT FORM STYLES */
input[type=text].medium,
input[type=url].medium,
input[type=tel].medium,
input[type=number].medium,
input[type=color].medium,
input[type=password].medium,
input[type=email].medium,
input[type=file].medium {
    -webkit-appearance: none;
    background-color: #f7f7f7;
    border: 1px solid #dddddd;
    border-radius: 5px;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 1.42857;
    padding: 0px 15px;
    width: 100%;
    font-weight: 300;
}
textarea.medium {
    border-radius: 5px;
}




/* HOMEPAGE */

#arcAspot {
    background: url('https://sleevesup.redcrossblood.org/wp-content/uploads/2019/05/missing-type-header-image-desktop-large.jpg');
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    min-height: 400px;
    
    height: 500px;
    position: relative;
    z-index: 1;
    color: white;
    text-align: center;

}

.ctas {
    position: absolute;
    bottom:40px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    }



#arcAspot .picshadow {
    background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0.56) 99%, rgba(0, 0, 0, 0.56) 100%) repeat scroll 0 0;
    bottom: 0;
    display: block;
    height: 600px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

#arcAspot h1 {
    color: white;
    font-family: "StandardCT-Bold",helvetica,sans-serif !important;
    margin: 270px auto 70px;
    max-width: 750px;
    text-align: center;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}
#arcAspot .arcBtn {
    margin: 0 15px 0 0;
    min-width: 250px;
    padding: 0 20px;
}

@media screen and (max-width:992px){
    .or{
        border: none !important;
        width: 100%;
    }
    .or span.orsquare{
        display: none;
    }
}

@media screen and (max-width:400px){
    #arcLogo img {
        content: url('/wp-content/themes/arc_sleevesup_wp/assets/img/logo-no-sleeves.jpg');
    }

    .campaign-category{
        width: 100%;
    }
}

/* CAMPAGIN START */
#arcCampaignStart {
    padding: 50px 0px;
    text-align: center;
}
.tempMsg {
    padding-bottom:30px;
    width:100%;
    max-width:800px;
    margin:0 auto;
    text-align:left;
}

/* CUSTOM GRAVITY FORMS PRGRESS BAR */
/* override of gravity froms styles*/
.gform_wrapper .gf_progressbar_wrapper{
    padding: 1.2em 20px 2.7em !important;
    background: whitesmoke !important;
    border: none !important;
    border-radius: 10px !important;
}

.gform_wrapper .gf_progressbar{
    height: 12px !important;
    border-radius: 6px !important;
    background-image: none !important;
    border-color: #ccc !important;

}

.gform_wrapper .percentbar_red {
    height: 10px !important;
    border-radius: 6px !important;
    color: transparent !important;
    text-shadow: none !important;
    background-image: none !important;
    background-color: #ed1b2e !important;
}

.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
    text-align: center !important;
    font-size: 20px !important;

}

/* CREATE CAMPAIGN FORM */
#gform_1 .gform_page_fields > ul{
    max-width: 1000px;
    margin: 0 auto !important;
}

.create-campaign-heading {
    text-align: center;
    padding: 40px 0;
}
.create-campaign-heading h2 {
    font-family: "StandardCT-Light", Helvetica, sans-serif !important;
    font-weight: 300 !important;
    color: #666666;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    margin: 0px 0px 10px;
}
.create-campaign-heading p {
    font-size: 18px;
    color: #999;
    line-height: 32px;
    text-align: center;
    padding-left: 100px;
    padding-right: 100px;
    margin-bottom: 100px;
    font-family: arial, sans-serif;
    width: 100%;
    display: block;
    margin: 10px 0px;
}

.picture_buttons .gfield_required{
    display: none;
}

.picture_buttons .gfield_radio {
    display: inline-block;
}

.picture_buttons > label {
    font-weight: normal !important;
    color: #666;
    margin-top: 70px;
    margin-bottom: 20px;
    font-size: 17px;
    font-family: arials, sans-serif;
}

.picture_buttons .gfield_radio li {
    max-width: 180px;
    margin: 0 10px !important;
    color: #666;
    opacity: 0.3;
    background-size: cover !important;
    background-position: bottom !important;
    /*width: 33%;*/
    height:144px;
    overflow: visible;
    border: 1px solid #aaa;
}

.picture_buttons .gfield_radio li:hover{
    color: #333;
    opacity: 0.7;
}
.picture_buttons .gfield_radio li:active{
    opacity: 1;
}
.picture_buttons .gfield_radio li.active{
    opacity: 1;
}

.picture_buttons .gfield_radio li input[type=radio]:checked {

}
.picture_buttons .gfield_radio li input[type=radio]:checked + label {
    color: #000;
}
.picture_buttons .gfield_radio li input[type=radio]{
    display: block;
    /*min-width: 150px;*/
    height: 150px !important;
    position: relative;
    background-color: #ccc;
    appearance: listbox;
    -webkit-appearance: listbox;
    -mox-appearance: listbox;
    margin: 0;
    opacity: 0.5;
    border-radius: 50%;
    background-size: cover !important;
    background-position: bottom !important;
    opacity: 0;
    width: 100% !important;
}
#gform_wrapper_11 li.gfield.gf_list_5col ul.gfield_radio li,
#gform_wrapper_8 li.gfield.gf_list_5col ul.gfield_radio li{
    width: 33%;

}




#gform_wrapper_11 .picture_buttons .gfield_radio li input[type=radio],
#gform_wrapper_8 .picture_buttons .gfield_radio li input[type=radio]{
    display: block;
    /*min-width: 150px;*/
    height: 150px !important;
    position: relative;
    background-color: #ccc;
    appearance: listbox;
    -webkit-appearance: listbox;
    -mox-appearance: listbox;
    margin: 0;
    opacity: 0.5;
    border-radius: 50%;
    background-size: cover !important;
    background-position: bottom !important;
    opacity: 0;
    width: 100% !important;
}

@media screen and (min-width:630px) and (max-width:1280px){
    .picture_buttons .gfield_radio li{
        max-width: 200px;
    }
    #gform_wrapper_11 .picture_buttons .gfield_radio li ,
    #gform_wrapper_8 .picture_buttons .gfield_radio li {
        overflow: visible !important;
        margin-bottom: 80px !important;
        max-width: 200px;
        background-size: cover !important;
        height: 155px !important;


    }
    #gform_wrapper_11 .picture_buttons .gfield_radio li input[type=radio],
    #gform_wrapper_8 .picture_buttons .gfield_radio li input[type=radio]{
        height: 155px !important;
    }
}
@media screen and (max-width:1280px){
    #gform_wrapper_11 li.picture_buttons ul.gfield_radio,
    #gform_wrapper_8 li.picture_buttons ul.gfield_radio{
        max-width: 758px;
    }
}


@media screen and (max-width:500px){
    .picture_buttons .gfield_radio li{
        max-width: 180px;
        min-width: 180px;
    }
    #gform_wrapper_11 .picture_buttons .gfield_radio li input[type=radio],
    #gform_wrapper_8 .picture_buttons .gfield_radio li input[type=radio]{

    }
}

.picture_buttons .gfield_radio li input:hover{

}

.picture_buttons .gfield_radio li label {
    margin: 10px 0 0 0 !important;
    text-align: center;
    display: inline-block !important;
    font-weight: normal !important;
    background: #fff;
    width: 100% !important;
    padding: 5px !important;
    margin-top:0px !important;
}

.picture_buttons .gfield_radio li{
    background-size: contain !important;
    background-repeat: no-repeat !important;;
    background-position: top !important;
}
/* RADIO BUTTON CUSTOM BACKGROUNDS */
.picture_buttons .gfield_radio li:nth-child(1){
    /* background: url('/wp-content/themes/arc_sleevesup_wp/assets/img/socialgood.jpg'); */
    /* background: url('/wp-content/themes/arc_sleevesup_wp/assets/img/missing-types-sleeves-up.jpg'); */
    background: url('/wp-content/themes/arc_sleevesup_wp/assets/img/sickle-cell-sleevesup-thumbnail.jpg');

}
.picture_buttons .gfield_radio li:nth-child(2){
    background: url('/wp-content/themes/arc_sleevesup_wp/assets/img/specialinmylife.jpg');
}
.picture_buttons .gfield_radio li:nth-child(3){
    background: url('/wp-content/themes/arc_sleevesup_wp/assets/img/bdayImg.jpg');
}
.picture_buttons .gfield_radio li:nth-child(4){
    background: url('/wp-content/themes/arc_sleevesup_wp/assets/img/localcommunity.jpg');
}
.picture_buttons .gfield_radio li:nth-child(5){
    background: url('/wp-content/themes/arc_sleevesup_wp/assets/img/giveback.jpg');
}
.picture_buttons .gfield_radio li:nth-child(6){
    background: url('/wp-content/themes/arc_sleevesup_wp/assets/img/matchup.jpg');
}


#gform_wrapper_11 .picture_buttons .gfield_radio li ,
#gform_wrapper_8 .picture_buttons .gfield_radio li {
    margin-bottom: 80px !important;
    overflow: visible !important;
}


@media screen and (max-width:630px){
    #gform_wrapper_11 .picture_buttons .gfield_radio li ,
    #gform_wrapper_8 .picture_buttons .gfield_radio li {
        background-size: cover !important;
    }
}
/*.break.big {
margin: 80px auto;
}*/
.gfield_html_formatted  .break {
    width: 100%;
    clear: both;
    text-align: center;
    border-top: 1px solid #ccc;
    height: 1px;
    margin: 40px auto;
    float: none;
}

.break .nextarea {
    position: relative;
    width: 41px;
    height: 41px;
    background: url(/wp-content/themes/arc_sleevesup_wp/assets/img/nextarrow.png);
    margin: 0px auto;
    top: -20px;
}

#gform_wrapper_1 .gform_page_footer{
    border-top: none;
    text-align: center;
    margin: 60px 0 80px;
}

#gform_wrapper_1  input[type=text].medium {
    width: 57.5%;
}
.campaign_name_field label {
    width: 30%;
    float: left;
    padding: 0 30px;
    text-align: right;
}

.image-search-button, .featured-video {
    width: 50%;
    float: left;
    clear:none !important;
    margin-bottom: 20px;
}

.image-search-button input[type="file"],
.featured-video input {
    width: 97.5% !important;
}


.image-search-button input[type="file"]::-webkit-file-upload-button, button{
    background: #ccc;
    color: #fff;
    border-radius: 5px 0 0 5px;
    margin: 0;
    height: 100%;
    margin-left: -15px;
    border: none;
    width: 150px;
    outline: none;

}

.start-date, .end-date, .date-info, .target-goal, .goal-info, .hashtag, .hashtag-info {
    clear:none !important;
    margin-bottom: 20px;
    padding: 0;
}
#gform_wrapper_1 .start-date .datepicker, #gform_wrapper_1 .end-date .datepicker, #gform_wrapper_1 .target-goal input {
    width: 85% !important;
}

.hashtag{
    padding-right: 6%;
}

#gform_wrapper_1 .hashtag input.medium{
    width: 90%;
}

.date-info-box{
    margin-top: 27px;
    padding: 12px 20px;
    font-size: 13px;
    background: #f7f7f7;
    border-radius: 5px;
}

.goal-info .date-info-box {
    margin-top: 36px;
}

.hashtag .ginput_container:before {
    content: "#";
    float: left;
    font-size: 40px;
    padding-right: 10px;
}

/* THUMBS */

.thumb {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #000;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: cover !important;
    height: 166px;
    margin-bottom: 10px;
    transition: all 0.5s ease 0s;
    width: 100%;
    display: block;
    border: 1px solid #999;
}

.thumb:hover {
    border-bottom: 2px solid red;
}

.arcSickleCell {
    background: rgba(0, 0, 0, 0) url("/wp-content/themes/arc_sleevesup_wp/assets/img/sickle-cell-sleevesup-thumbnail.jpg") no-repeat scroll center center;
}

.arcMemory {
    /* background: rgba(0, 0, 0, 0) url("/wp-content/themes/arc_sleevesup_wp/assets/img/socialgood.jpg") no-repeat scroll center center; */
    /* background: rgba(0, 0, 0, 0) url("/wp-content/themes/arc_sleevesup_wp/assets/img/missing-types-sleeves-up.jpg") no-repeat scroll center center; */
    background: rgba(0, 0, 0, 0) url("/wp-content/themes/arc_sleevesup_wp/assets/img/sickle-cell-sleevesup-thumbnail.jpg") no-repeat scroll center center;

}

.arcHonor {
    background: rgba(0, 0, 0, 0) url("/wp-content/themes/arc_sleevesup_wp/assets/img/specialinmylife.jpg") no-repeat scroll center center;
}
.arcBirthday {
    background: rgba(0, 0, 0, 0) url("/wp-content/themes/arc_sleevesup_wp/assets/img/bdayImg.jpg") no-repeat scroll center center;
}

.arcCity1 {
    background: rgba(0, 0, 0, 0) url("/wp-content/themes/arc_sleevesup_wp/assets/img/localcommunity.jpg") no-repeat scroll center center;
}

.arcCoworker {
    background: rgba(0, 0, 0, 0) url("/wp-content/themes/arc_sleevesup_wp/assets/img/giveback.jpg") no-repeat scroll center center;
}

.arcNoSpecial {
    background: rgba(0, 0, 0, 0) url("/wp-content/themes/arc_sleevesup_wp/assets/img/matchup.jpg") no-repeat scroll center center;
}


/* HOST SLEEVESUP */
#arcHostSleevesup {
    padding: 100px 0px;
    text-align: center;
}
#arcHostSleevesup .container { max-width: 980px; }
#arcHostSleevesup p { color: #999; }
#arcHostSleevesup .homeBot h3 { font-weight: 700; }


/* HOW IT WORKS */



.howitwork .col-lg-6{padding: 28px;}
.howitwork .full-width p{padding-left: 0; color: #999;  line-height: 34px; font-size: 16px;}
.howitwork .center p{padding-left: 0; color: #999;  line-height: 24px;}
.howitwork .center p{padding-left: 0; color: #999;  line-height: 24px;}
.howitwork h3 span{  border: 1px solid #666;
    border-radius: 50%;
    padding: 1px 5px;
    font-size: 14px;
    margin-right: 6px;
    color: #666;}
.howitwork h3{font-family: arial, sans-serif;
    font-weight: 400;
    color: #333333;}
.section.howitworks2 .break.big {margin: 50px 0px;}
.how-step-col{ height: 515px; }
.how-step-col .mainpwrap{ top: 50%;
    position: relative;
    transform: translateY(-50%);}
.how-step-col img{
    border-radius: 5px;
    border: 1px solid #ccc;
}
.nopadd{padding-left: 0; padding-right: 0}
.section.howitworks img {
    width: 100%;
}

.section.howitworks h1 {
    text-align: center;
}
.section.howitworks .mainpwrap {
    padding: 30px 0 0;
}
.section.howitworks .mainpwrap .mainp {
    color: #999;
    font-size: 15px;
    margin: 15px auto;
    width: 850px;
    max-width: 100%;
}
.section.howitworks .mainpwrap .mainp:last-child {
    margin-bottom: 0;
}
.section.howitworks p {
    font-size: 16px;
}
.section.howitworks2 .col-sm-6 {
    padding: 40px;
}
.section.howitworks2 img {
    width: 100%;
}
.section.howitworks2 h4 {
    font-size: 40px;
    margin-top: 0;
    text-align: left;
}
.section.howitworks2 h4 span {

    border-radius: 50%;
    color: #fff;
    display: block;
    float: left;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    margin-top: 0px;
    text-align: center;
    width: 40px;
    background: #ed1b2e;
    font-weight: bold;
}
.section.howitworks2 p {
    color: #999;
    font-size: 20px;
    line-height: 34px;
    text-align: left;
}
.section.howitworks2 .break.big {
    margin: 50px 0;
}

.section.primary {
    background: whitesmoke none repeat scroll 0 0;
}

.center {
    text-align: center;
    margin:0 auto;
}

@media screen and (max-width: 768px){
    .how-step-col{ height: auto; padding: 10px 30px  10px !important;}
    .how-step-col .mainpwrap {
        top: auto;
        position: static;
        transform: none;
    }
    .section.howitworks2 h4{
        font-size: 32px;
    }
    .section.howitworks2 p{
        font-size: 18px;
        line-height: 1.5;
    }

}


@media screen and (max-width:380px){
    .section.howitworks2 h4{
        font-size: 26px;
    }
    .section.howitworks2 .arcBtn{
        padding: 0 20px;
    }
}



/* TABS */

.nav-tabs {
    border: none;
}


.nav-tabs > li > a {
    font-size: 30px;
    padding: 20px !important;
    background: #999;
    color: #fff;
}
.nav-tabs > li > a:hover {
    color: #666;
    border-color: #999 #999 transparent;
}
.nav-tabs > li, .nav-pills > li {
    float:none !important;
    display:inline-block !important;
    *display:inline !important; /* ie7 fix */
    zoom:1 !important; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
    text-align:center !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background:whitesmoke none repeat scroll 0 0;
    border-color: #999 #999 transparent;
}

.tabhr {
    margin:0;
    padding: 0;
    border-color: #999;
}

#arcHomeTabs {
    padding: 20px 0px;
    border-color: #666;
    border: 5px;
}
#arcHomeTabs .nav-tabs > li {
    width:25%;
}

/* MOST RECENT */
#featured, #trending, #matchups {
    margin-top: 40px;
}
.arcPanel {
    background: #fff;
    border: 1px solid #999;
    padding: 10px;
    margin: 10px 0px;
    min-height: 350px;
    width: 100%;
}

/*.homeBot {
padding:0 51px;
}*/

/* MatchUps Tab */
.tab-pane#matchups .attachment-medium.wp-post-image{
    /*max-width: 100%;*/
    height: 130px;
    width: auto;
    /*max-height: 130px;*/
}
.tab-pane#matchups .campaign-image-wrap {
    min-height: 130px;
    margin-top: 10px;
    height: 130px;
    overflow: hidden;
}
.tab-pane#matchups .arcPanel { padding-bottom: 90px; }
.tab-pane#matchups .arcPanel p {
    margin: 0;
}

.tab-pane#matchups a.arcBtn {
    bottom: 25px;
    left: 50%;
    margin-left: -100px;
    min-width: 200px;
    padding: 0 15px;
    position: absolute;
}
.frontCampaignImg {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    width: 100%;
}


/* LOGIN */

/* social */
.theme-4 .apsl-icon-block.icon-twitter,
.theme-4 .apsl-icon-block.icon-facebook{
    display: inline;
}

@media screen and (max-width:532px ){
    .theme-4 .apsl-icon-block.icon-twitter,
    .theme-4 .apsl-icon-block.icon-facebook{
        display: inline-block;
        width: 100%;
        height: 30px;
    }

}

/* end social */


#login{text-align: center;float: none; margin-left: 25%; margin-right: auto}
form#loginform{
    margin-top: 37px;
}
form#loginform label input[type=checkbox]{ height: 14px;}
form#loginform p.login-remember label{float: left; margin-top: 0px !important;}
form#loginform p.login-remember input{float: left; margin-right: 10px;}
a.button.next:after, a.Facebook.next:after, a.Twitter.next:after, button.next:after {content:  "›";padding-left: 8px;}
a.button:hover, #buddypress .standard-form#signup_form div.submit input[type=submit]:hover, #login input[type=submit]:hover, #loginform input[type=submit]:hover{background-color: #a60211;}
#split-half {  padding: 0 80px; border-right: 1px solid #ccc;}
#other-half {  padding: 0 80px; }
#split-half .orsquare{width: 30px;    height: 30px;    color: #333;    text-align: center;    position: absolute;    right: -15px;    background: white;    border: 1px solid #ccc;    border-radius: 3px;    top: 150px;    line-height: 30px;}

#login {padding: 0 70px;}
#wppb-register-user ul li {padding-bottom: 4px;}
form .login-remember label{width: 50% !important}
form.makeapledge label, .login form#loginform p label,#login form#loginform p label, #wppb-register-user ul li label, form#wppb-edit-user label{  text-align: left;  display: block;  margin: 10px 0 0px 0;  width: auto;  font-weight: 500; font-size: 12px; color: #666; width: 100%; font: 300 14px/22px "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 12px;}
form.makeapledge input, .login form#loginform p input, #login form#loginform p input, #wppb-register-user ul li input, form#wppb-edit-user input {width: 100%;  padding: 12px 15px;border: 1px solid #dddddd; border-radius: 4px;transition: all 0.5s ease;}
form#wppb-edit-user li.wppb-default-display-name-publicly-as {display: none}
form#wppb-edit-user li.wppb-default-repeat-password{  padding: 0 20px 20px 20px; background: #f7f7f7;}
form#wppb-edit-user li.wppb-default-password{  padding: 0 20px; background: #f7f7f7;margin-top: 20px;}
form#wppb-edit-user li.wppb-default-password h3{ margin-bottom: 2px;}
.alert{  color: #999;width: 100%;text-align: center;background: #f5f5f5;border: 1px solid #e5e5e5;padding: 20px 30px;}
input[disabled=disabled]{background: rgb(242, 242, 242)};
#wppb-register-user p input, input[type=submit]{width: 100%;  padding: 12px;border: 1px solid #dddddd; border-radius: 4px; height: 60px;margin-bottom: 25px;  transition: all 0.5s ease;}
.login form#loginform p input#rememberme,#login form#loginform p input#rememberme{width: auto}
#buddypress .standard-form#signup_form div.submit input[type=submit], #login input[type=submit], #loginform input[type=submit], #wppb-register-user input[type=submit]  {letter-spacing: 0.05em;height: 60px;padding: 17px 60px;font-size: 15px;font-family: arial, sans-serif;font-weight: 400;background-color: #ed1b2e; -webkit-border-radius: 4px;-moz-border-radius: 4px;border: 0px;border-radius: 4px;color: white;display: inline-block;cursor: pointer;-webkit-user-select: none;text-decoration: none;transition: all 0.4s ease; text-align: center}

@media screen and (max-width:1000px){
    #login {padding: 0 70px; margin-left: 0;}
}

@media screen and (max-width:700px){
    #login {padding: 0 0px; margin-left: 0;}
}


/* CAMPAIGNS */

/*.campaignSidebar {
background:#f7f7f7;
padding: 20px;
}*/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.arcFeaturedImg img {
    margin:0 auto;
    min-height: 450px;
    text-align: center;
    width:95%;
}
.section.pink {
    background: #faf2f2 none repeat scroll 0 0;
    padding: 60px 20px;
    text-align:center;
}

.section.yellow {
    background: #ffb200 none repeat scroll 0 0;
    padding: 60px 20px;
    text-align:center;
    color:#fff;
}

.section.yellow h2 {
    color:#fff;
}

.section.yellow:hover {
    text-decoration:underline;
    color:#fff !important;
}

.button.subcolor {
    text-transform: uppercase;
}
.button.subcolor {
    background-color: white;
    border: 3px solid #ed1b2e;
    color: #ed1b2e;
}

.button:hover {
    color:#fff;
}
/* --------------------- twla styles */
.campaignContainer .container { padding: 60px 50px 0; }
.campaignContainer .row {
    -webkit-box-shadow: 0 1px 4px rgba(40, 40, 40, 0.3);
    -moz-box-shadow: 0 1px 4px rgba(40, 40, 40, 0.3);
    box-shadow: 0 1px 4px rgba(40, 40, 40, 0.3);
    margin: 0;
}
.campaignContainer .TWLA-header {
    border-bottom: 1px solid #eee;
    padding: 30px 50px;
}
.campaignContainer .TWLA-header .arcPageTitle {
    font-size: 38px;
    letter-spacing: 0.02em;
    margin: 10px 0 0;
    text-align: left;
    text-transform: capitalize;
}
.campaignContainer .arcFeaturedImg { padding: 30px 35px; }
.campaignContainer .TWLA-imgwrap {}
.campaignContainer .TWLA-imgwrap img {
    height: auto;
    min-height: 0;
    width: 100%;
}
.campaignContainer .TWLA-capture {
    background: #f7f7f7;
    color: #666666;
    margin-top: 5px;
    padding: 10px 20px;
}
.campaignContainer .TWLA-bordered { border-top: 1px solid #eee; }
.campaignContainer .TWLA-content {
    min-height: 200px;
    padding: 30px 50px;
}
.campaignContainer .TWLA-content p {
    color: #666666;
    font-size: 16px;
    line-height: 30px;
    margin: 20px 0 10px;
}
.campaignContainer .TWLA-content img { height: auto; width: 100%; }

.campaignContainer .TWLA-campaign-sidebar {
    background: #f7f7f7;
    border-left: 1px solid #eee;
    padding: 30px;
}
.campaignContainer .TWLA-campaign-sidebar button {
    letter-spacing: 0.05em;
    margin-left: 0;
    padding: 0 15px;
    text-transform: uppercase;
}
.campaignContainer .TWLA-campaign-sidebar button:after { content: none; }
.campaignContainer .TWLA-campaign-sidebar .break { float: none; margin: 30px 0; }
.campaignContainer .TWLA-campaign-sidebar .break span { background: #f7f7f7 !important; }
.campaignContainer .TWLA-campaign-sidebar p.small {
    color: #aaaaaa;
    line-height: 18px;
    margin-bottom: 5px;
    text-align: center;
}
.campaignContainer .TWLA-timeline {
    background: #eee;
    height: 15px;
    margin-bottom: 20px;
    position: relative;
}
.campaignContainer .TWLA-timeline span {
    background: #ed1b2e;
    height: 15px;
    left: 0;
    position: absolute;
}
.campaignContainer .TWLA-timeline .TWLA-tip {
    background: #999999;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -icab-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    cursor: default;
    display: block;
    font-size: 11px;
    font-weight: 600;
    height: 28px;
    line-height: 28px;
    min-width: 100px;
    position: absolute;
    right: -50px;
    text-align: center;
    top: -40px;
}
.campaignContainer .TWLA-timeline .TWLA-tip:after {
    border-color: #999999 transparent transparent transparent;
    border-style: solid;
    border-width: 7px;
    bottom: -14px;
    content: '';
    position: absolute;
    right: 43px;
}
.campaignContainer .TWLA-timeline .TWLA-tip:hover,
.campaignContainer .TWLA-timeline .TWLA-tip:focus,
.campaignContainer .TWLA-timeline .TWLA-tip:active { text-decoration: none; }
.campaignContainer .TWLA-donors {
    float: left;
    padding: 10px 5px 30px;
}
.campaignContainer .TWLA-donors > div { color: #666666; font-size: 12px; }
.campaignContainer .TWLA-donors > div span {
    color: #444444;
    font-size: 65px;
    font-weight: 300;
    line-height: 60px;
}
.campaignContainer .TWLA-donors > label {
    color: #666666;
    line-height: 24px;
    text-transform: uppercase;
}
.campaignContainer .TWLA-heart {
    float: right;
    height: 74px;
    margin: 0 0 0 10px;
    position: relative;
    width: 88px;
}
.campaignContainer .TWLA-heart-mask {
    background: url(assets/img/heart-empty.png) 50% 50% no-repeat transparent;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.campaignContainer .TWLA-heart-filler {
    height: calc(100% - 16px);
    margin: 7px;
    overflow: hidden;
    position: relative;
}
.campaignContainer .TWLA-heart-filler span {
    background: #ed1b2e;
    bottom: 0;
    display: block;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.campaignContainer .TWLA-share-label {
    color: #666666;
    margin: 0;
    padding: 20px 0 10px;
    text-transform: uppercase;
    width: 100%;
}
.campaignContainer .TWLA-share-wrap { font-size: 0; }
.campaignContainer .TWLA-social-feed { border-left: 1px solid #eee; padding: 0; }
.campaignContainer .TWLA-feed-header { padding: 30px; }
.campaignContainer .TWLA-feed-header h3 {
    color: #333333;
    font-family: Arial, sans-serif !important;
    font-size: 23px;
    margin: 0 0 10px;
}
.campaignContainer .TWLA-feed-header p {
    color: #999999;
    margin: 0;
}
.campaignContainer .TWLA-feed-header .TWLA-hashtag { color: #ed1b2e; font-size: 16px; }

/* Social Share Styling */
.TWLA-social-mini {
    background-color: #666666;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -icab-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    height: 30px;
    margin: 0 5px 0 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 30px;
}
.TWLA-social-mini.TWLA-facebook {
    background-color: #849bce;
    background-image: url(assets/img/facebookicon.png);
    background-size: 8px;
}
.TWLA-social-mini.TWLA-facebook:hover,
.TWLA-social-mini.TWLA-facebook:focus,
.TWLA-social-mini.TWLA-facebook:active { background-color: #4d6498; }
.TWLA-social-mini.TWLA-linkedin {
    background-color: #7cb2c9;
    background-image: url(assets/img/linkedinicon.png);
    background-size: 14px;
}
.TWLA-social-mini.TWLA-linkedin:hover,
.TWLA-social-mini.TWLA-linkedin:focus,
.TWLA-social-mini.TWLA-linkedin:active { background-color: #5f96ae; }
.TWLA-social-mini.TWLA-twitter {
    background-color: #66afde;
    background-image: url(assets/img/twittericon.png);
    background-size: 11px;
}
.TWLA-social-mini.TWLA-twitter:hover,
.TWLA-social-mini.TWLA-twitter:focus,
.TWLA-social-mini.TWLA-twitter:active { background-color: #4099ff; }


/* Social Feed Tabs Styling */
.TWLA-feed-tabs {}
.TWLA-feed-tabs ul.nav {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    font-size: 0;
}
.TWLA-feed-tabs ul.nav li { width: 50%; }
.TWLA-feed-tabs ul.nav a {
    background: transparent;
    border: none;
    border-radius: 0;
    color: #999999;
    display: block;
    font-size: 10px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    padding: 0 !important;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.TWLA-feed-tabs ul.nav a:hover,
.TWLA-feed-tabs ul.nav a:focus,
.TWLA-feed-tabs ul.nav a:active {
    background: #eeeeee;
    border: none;
    color: #999999;
}
.TWLA-feed-tabs ul.nav li.active a { color: #333333; }

.TWLA-feed-tabs #instafeed { font-size: 0; padding: 20px 30px; }
.TWLA-feed-tabs #instafeed .instaImg {
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    display: inline-block;
    width: 50%;
}
.TWLA-feed-tabs #instafeed .instaImg img { height: auto; width: 100%; }

/* Campaign Dashboard Styling */
.bpad-2 { text-align:center; }
.TWLA-campaign-dashboard { margin: 0; padding: 20px 35px 60px 335px; }
.TWLA-campaign-dashboard.TWLA-no-sidebar { padding: 20px 35px 60px; }
.TWLA-campaign-dashboard.TWLA-small { margin: 0 auto; max-width: 800px; }

.TWLA-dashboard-header {}
.TWLA-dashboard-header .TWLA-btn-wrap { text-align: right; }
.TWLA-dashboard-header .TWLA-title {
    color: #666666;
    font-family: "StandardCT-Light", Helvetica, sans-serif;
    font-size: 32px;
    font-weight: 300;
    line-height: 40px;
    margin: 0 0 60px;
    text-align: right;
    text-transform: capitalize;
}
.TWLA-dashboard-header .TWLA-title span {
    display: block;
    font-size: 16px;
    line-height: 24px;
}

.dash-title {
    font-size:38px;
    font-family: "StandardCT-Light", Helvetica, sans-serif;
    font-weight: 300;
    line-height:40px;
    text-transform: capitalize;
}

.TWLA-dashboard-counters { margin: 0; }
.TWLA-dashboard-counters .TWLA-block-wrap {
    border-left: 10px solid #ffffff;
    border-right: 10px solid #ffffff;
    padding: 0 0 20px;
}
.TWLA-dashboard-counters .TWLA-block-wrap:nth-child(4n+1) { border-left: 0; }
.TWLA-dashboard-counters .TWLA-block-wrap:nth-child(4n) { border-right: 0; }
.TWLA-dashboard-counters .TWLA-block {
    background: #f7f7f7;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -icab-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.TWLA-dashboard-counters .TWLA-block .title {
    background: #eeeeee;
    -webkit-border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
    -icab-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    color: #666666;
    font-size: 11px;
    font-weight: 600;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}
.TWLA-dashboard-counters .TWLA-block .number {
    color: #ed1b2e;
    font-size: 40px;
    line-height: 40px;
    padding: 30px 0;
    text-align: center;
}
.TWLA-dashboard-counters .TWLA-block .number.dollar:before {
    color: #cccccc;
    content: '$';
    font-size: 24px;
    line-height: 24px;
    margin-right: 5px;
}

.TWLA-campaign-dashboard .TWLA-banner {
    text-decoration: none;
    background: #ffffff;
    border: 1px solid #ffb200;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -icab-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #ffb200;
    margin: 20px 0 40px;
    padding: 30px 15px;
    text-align: center;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.TWLA-campaign-dashboard .TWLA-banner:hover { background: #ffb200; color: #ffffff; text-decoration:none !important;}


.TWLA-banner2 {
    text-decoration: none;
    background: #ffb200;
    border: 1px solid #ffb200;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -icab-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    margin: 20px 0 40px;
    padding: 30px 25px;
    height:100%;
    min-height:130px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.TWLA-banner2 p {
    width: 65%;
    display: inline-block;
    float: left;
    line-height: 40px;
    text-align:left;
    font-weight: bold;
    font-size:28px;
}

.TWLA-banner2 .accept-decline {
    width:30%;
    display:inline-block;
    float:right;
    line-height:35px;
    text-align:right;
}

.TWLA-banner2 .accept-decline li {
    display:inline-block;
    list-style: none;
}

/*ACCEPT*/
.TWLA-banner2 .accept-decline .dsViewMatchUp {
    background: #FFF;
    color:#000;
    border-radius: 5px;
}

.TWLA-banner2 .accept-decline .dsViewMatchUp a {
    color:#000;
}
/*ACCEPT*/
.TWLA-banner2 .accept-decline .dsAccept {
    background: #78AB46;
    border-radius: 5px;
}

/*DECLINE*/
.TWLA-banner2 .accept-decline .dsDecline {
    background: #ed1b2e;
    border-radius: 5px;
}

.TWLA-banner2 .accept-decline li a {
    color:white;
    padding:5px 10px;
}

.under_challenge {
    display: inline-block !important;
    float: left !important;
    line-height: 0;
    text-align:left !important;
    padding:0;
    margin:0;
}
.under_challenge li{
    border-left: 1px solid #fff;
}
.under_challenge li, .under_challenge li a {
    text-align:left !important;
    display:inline-block;
    list-style: none;
}

.under_challenge li:first-child {
    border: none;
}

.under_challenge li:first-child a {
    padding:5px 10px 5px 0px;
}

.under_challenge li a {
    color:white;
    padding:5px 10px;
}

.DS-no-deco {
    text-decoration:none !important;
}

.DS-no-deco:hover {
    text-decoration:none !important;
}

/* Empty Content Block Styling */
.TWLA-empty-content {
    border: 1px dashed #cccccc;
    color: #cccccc;
    font-size: 20px;
    line-height: 30px;
    padding: 70px 30px;
    text-align: center;
}
.TWLA-empty-content h3 {
    color: #999999;
    font-family: arial, sans-serif !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 20px;
}

/* Campaign Updates Styling */
.TWLA-updates {}
.TWLA-updates .TWLA-header { border-bottom: 1px solid #cccccc; }
.TWLA-updates .TWLA-header h3 {
    color: #666666;
    float: left;
    font-family: arial,sans-serif !important;
    font-size: 17px;
    line-height: 24px;
    margin: 20px 0px;
}
.TWLA-updates .TWLA-header .btn {
    background: #efefef;
    border: 1px solid #e7e7e7;
    color: #666;
    display: inline-block;
    float: right;
    font-size: 11px;
    height: 30px;
    letter-spacing: 0.05em;
    line-height: 30px;
    margin-bottom: 15px;
    padding: 0 12px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.TWLA-updates .TWLA-header .btn:before {
    content: "+";
    color: #333;
    margin-right: 8px;
}
.TWLA-updates .TWLA-header .btn:hover,
.TWLA-updates .TWLA-header .btn:focus,
.TWLA-updates .TWLA-header .btn:active {
    background: #dddddd;
    color: #000000;
}
.TWLA-updates ul {
    list-style: none;
    padding: 0;
}
.TWLA-updates ul li {
    border-bottom: 1px solid #cccccc;
    padding: 20px 0;
}
.TWLA-updates ul .TWLA-title {
    color: #333333;
    font-family: arial, sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}
.TWLA-updates ul .TWLA-content {
    color: #666666;
    line-height: 24px;
}
.TWLA-updates ul .TWLA-img-wrap {
    padding: 0 30px 0 10px;
    width: 190px;
}
.TWLA-updates ul img { height: auto; width: 150px; }
.TWLA-updates ul .TWLA-btns-wrap { width: 150px; }
.TWLA-updates ul .TWLA-btn { margin: 5px; }

/* Campaign Dashboard Sidebar Styling */
.TWLA-dashboard-sidebar {
    background: #f5f5f5;
    height: 100%;
    left: 0;
    padding: 140px 0 0;
    position: fixed;
    top: 0;
    width: 300px;
    z-index: 100;
}
.TWLA-dashboard-sidebar ul.sidenav { list-style: none; }
.TWLA-dashboard-sidebar ul.sidenav li { padding: 7px 0; }
.TWLA-dashboard-sidebar ul.sidenav li a {
    color: #666666;
    font-size: 13px;
    font-weight: 300;
    line-height: 24px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.TWLA-dashboard-sidebar ul.sidenav li a:hover,
.TWLA-dashboard-sidebar ul.sidenav li a:focus,
.TWLA-dashboard-sidebar ul.sidenav li a:active { color: #000000; }
.TWLA-dashboard-sidebar ul.sidenav li.current a { color: #ed1b2e; font-weight: 600; }
.TWLA-dashboard-sidebar ul.sidenav li.current a:before {
    background: #ed1b2e;
    content: '';
    display: block;
    height: 10px;
    left: -40px;
    position: absolute;
    top: 2px;
    width: 30px;
}
.TWLA-dashboard-sidebar ul.sidenav li .button {
    background: #bbbbbb;
    color: #ffffff;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
    padding: 0 30px;
}
.TWLA-dashboard-sidebar ul.sidenav li .button:hover,
.TWLA-dashboard-sidebar ul.sidenav li .button:focus,
.TWLA-dashboard-sidebar ul.sidenav li .button:active { background: #999999; color: #ffffff; }

/* Edit Campaign Form Styling */
.TWLA-campaign-dashboard .TWLA-dashboard-subheader { padding: 0 0 20px; }
.TWLA-campaign-dashboard .TWLA-subtitle {
    color: #999999;
    font-size: 21px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
    padding: 0;
}
.TWLA-campaign-dashboard .gform_wrapper { margin: 0; max-width: 100%; }
.TWLA-campaign-dashboard form {}
.TWLA-campaign-dashboard form .TWLA-subtitle { padding: 15px 0; }
.TWLA-campaign-dashboard form ul { font-size: 0; }
.TWLA-campaign-dashboard form li {
    font-size: 14px;
    margin: 0 !important;
    max-width: none !important;
}
.TWLA-campaign-dashboard form .gfield_label {
    color: #666666;
    font-size: 12px;
    font-weight: 500 !important;
    margin: 0 !important;
}
.TWLA-campaign-dashboard .TWLA-no-labels .gfield_label { display: none !important; }
.TWLA-campaign-dashboard form .TWLA-description,
.TWLA-campaign-dashboard form .gfield_description {
    color: #666666;
    font-family: arial,sans-serif;
    font-size: 17px;
    line-height: 24px;
    margin: 0 !important;
    padding: 10px 0 5px !important;
}
.TWLA-campaign-dashboard form .TWLA-description.TWLA-small {
    color: #aaaaaa;
    font-size: 12px;
    line-height: 20px;
    padding: 0 !important;
}
.TWLA-campaign-dashboard form .TWLA-input-file-wrap {
    display: block;
    height: 50px;
    min-height: 0;
    position: relative;
}
.TWLA-campaign-dashboard form input[type="text"],
.TWLA-campaign-dashboard form input[type="email"],
.TWLA-campaign-dashboard form input[type="password"],
.TWLA-campaign-dashboard form textarea,
.TWLA-campaign-dashboard form select {
    -webkit-appearance: none;
    background: #f7f7f7;
    color: #555555;
    border: 1px solid #dddddd;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -icab-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    outline: 0 none;
    padding: 0 15px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 100% !important;
}
.TWLA-campaign-dashboard form select {
    height: 50px;
    line-height: 50px;
}
.TWLA-campaign-dashboard form textarea { height: 240px !important; padding: 15px; }
.TWLA-campaign-dashboard form input[type="text"]:focus,
.TWLA-campaign-dashboard form input[type="email"]:focus,
.TWLA-campaign-dashboard form input[type="password"]:focus,
.TWLA-campaign-dashboard form textarea:focus,
.TWLA-campaign-dashboard form select:focus { border: 1px solid #aaaaaa; }
.TWLA-campaign-dashboard form .chosen-container { width: 100% !important; }
.TWLA-campaign-dashboard form .chosen-container-multi .chosen-choices {
    -webkit-appearance: none !important;
    background: #f7f7f7 !important;
    color: #555555 !important;
    border: 1px solid #dddddd !important;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -icab-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    min-height: 50px !important;
    outline: 0 none;
    padding: 10px 15px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 100% !important;
}
.TWLA-campaign-dashboard form .chosen-container-active .chosen-choices,
.TWLA-campaign-dashboard form .chosen-container-multi .chosen-choices:focus { border: 1px solid #aaaaaa !important; }
.TWLA-campaign-dashboard form .chosen-container .chosen-drop { background: #f7f7f7; }
.TWLA-campaign-dashboard form .gform_update_post_upload_container { padding: 10px 0; }
.TWLA-campaign-dashboard form .gform_update_post_upload_link {
    display: inline-block;
    margin: 0 !important;
    padding: 0 20px 0 0;
    vertical-align: middle;
}
.TWLA-campaign-dashboard form .gform_update_post_upload_link a { margin: 0 !important; }
.TWLA-campaign-dashboard form .gform_update_post_upload_link a span {
    height: 100px !important;
    width: 100px !important;
}
.TWLA-campaign-dashboard form .gform_update_post_upload_link a img {
    height: auto;
    width: 100px;
}
.TWLA-campaign-dashboard form .gform_update_post_delete_link {
    background: #ed1b2e;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -icab-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    font-weight: 300;
    height: 30px;
    letter-spacing: 0.05em;
    line-height: 30px;
    min-width: 60px;
    padding: 0 12px;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.TWLA-campaign-dashboard form .gform_update_post_delete_link:hover,
.TWLA-campaign-dashboard form .gform_update_post_delete_link:focus,
.TWLA-campaign-dashboard form .gform_update_post_delete_link:active {
    background: #a60211;
    color: #ffffff;
    text-decoration: none;
}
.TWLA-campaign-dashboard form .gform_update_post_upload_link a:nth-child(2) { display: none; }
.TWLA-campaign-dashboard form .TWLA-input-file-wrap input[type="text"] { padding: 0 100px 0 15px; }
.TWLA-campaign-dashboard form .TWLA-input-file-wrap input[type="file"] {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.TWLA-campaign-dashboard form .TWLA-input-file-wrap span {
    background: #cccccc;
    -webkit-border-radius: 0px 4px 4px 0px;
    -khtml-border-radius: 0px 4px 4px 0px;
    -icab-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    -ms-border-radius: 0px 4px 4px 0px;
    -o-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    color: #ffffff;
    font-size: 11px;
    height: 50px;
    letter-spacing: 0.05em;
    line-height: 50px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    top: 0;
    width: 100px;
}
.TWLA-campaign-dashboard form .TWLA-input-file-wrap:hover span { background: #999999; }
.TWLA-campaign-dashboard form .TWLA-half {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
.TWLA-campaign-dashboard form .ginput_container {
    margin: 0 !important;
    padding: 10px 0;
}
.TWLA-campaign-dashboard form .ginput_container.TWLA-visible {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
}
.TWLA-campaign-dashboard form .TWLA-padding-right-20 .ginput_container,
.TWLA-campaign-dashboard form .TWLA-padding-right-20 .gform_update_post_upload_container { padding-right: 20px; }
.TWLA-campaign-dashboard form .TWLA-padding-left-20 .ginput_container,
.TWLA-campaign-dashboard form .TWLA-padding-left-20 .gform_update_post_upload_container { padding-left: 20px; }
.TWLA-campaign-dashboard form .TWLA-or { position: relative; }
.TWLA-campaign-dashboard form .TWLA-or:after {
    background: #999999;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -icab-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    color: #ffffff;
    content: 'or' !important;
    display: block;
    font-family: arial, sans-serif;
    font-weight: 500;
    height: 25px;
    line-height: 25px;
    margin-top: -12px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: 50%;
    width: 25px;
}
.TWLA-campaign-dashboard form .TWLA-next-area {
    border-top: 1px solid #ccc;
    height: 1px;
    margin: 80px 0px !important;
    position: relative;
    width: 100%;
}
.TWLA-campaign-dashboard form .TWLA-next-area:after {
    background: url(assets/img/nextarrow.png) center center no-repeat transparent;
    content: '' !important;
    display: block;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    position: absolute;
    top: -21px;
    width: 42px;
}
.TWLA-campaign-dashboard form .TWLA-hashtag {}
.TWLA-campaign-dashboard form .TWLA-hashtag div {
    padding-left: 35px !important;
    position: relative;
}
.TWLA-campaign-dashboard form .TWLA-hashtag div:before {
    color: black;
    content: '#';
    font-size: 36px;
    height: 50px;
    left: 0;
    line-height: 50px;
    position: absolute;
    top: 10px;
}
.TWLA-campaign-dashboard form .TWLA-hashtag input { max-width: 220px; }
.TWLA-campaign-dashboard form .gform_footer { padding: 10px 0; }
.TWLA-campaign-dashboard form .gform_footer .gform_button {
    font-size: 16px !important;
    font-weight: 500;
    height: 80px;
    line-height: 80px;
    padding: 0 15px;
    width: 50%;
}
.TWLA-campaign-dashboard form .gfield_checkbox {}
.TWLA-campaign-dashboard form .gfield_checkbox .custom-checkbox {
    background: white;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -icab-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 13px;
    margin-right: 5px;
    margin-left: 0;
    position: absolute;
    top: 1px;
    width: 13px;
    z-index: 1;
}
.TWLA-campaign-dashboard form .gfield_checkbox .custom-checkbox:hover { background: #eeeeee; }
.TWLA-campaign-dashboard form .gfield_checkbox .custom-checkbox.selected {
    background: url(assets/img/radio_check.png) center center no-repeat #ed1b2e;
    border: 0;
}
.TWLA-campaign-dashboard form .gfield_checkbox .custom-checkbox input[type="checkbox"] {
    cursor: pointer;
    margin: 0 !important;
    opacity: 0;
}
.TWLA-campaign-dashboard form .gfield_checkbox label {
    color: #666666;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}

/* --------------------- twla styles ended */
/* CAMPAIGN DASHBOARD - Invite Supporters*/
.dashobard-share-campaign-social {
    margin-top: 40px;
}

.dashobard-share-campaign-social .facebook {
    width: 48%;
    margin-right: 2%;
}

.dashobard-share-campaign-social .twitter{
    width: 48%;
    margin-left: 2%;
}

@media screen and (max-width:1032px){
    .dashobard-share-campaign-social .facebook ,
    .dashobard-share-campaign-social .twitter{
        width: 100%;
        margin: 0 0 10px 0;
    }

}

/* USER DASHBOARD */
.capitalize { text-transform: capitalize; }
a.new-drive{
    background: #efefef;
    border: 1px solid #e7e7e7;
    color: #666;
    text-transform: uppercase;
    font-size: 11px;
    float: right;
    margin-bottom: 26px;
    letter-spacing: 0.05em;
    font-family: arial, sans-serif;
}
a.new-drive:hover{
    color: black;
    background: #dddddd;
}
a.new-drive:before {
    content: "+";
    color: #333;
    margin-right: 8px;
}

/*.dashboard{
color: #666;
}

.dashboard h1 {
font-weight: 300;
color: #666;
font-family: "StandardCT-Light", Helvetica, sans-serif;
}

.dashboard h1 span{
font-family: "StandardCT-Bold", helvetica, sans-serif;
font-weight: 600;
}

.dash-top {
margin-bottom: 30px;
padding: 40px 0 0 0;
border-bottom: 1px solid #e1dfdd;
}*/

/* --------------------- twla styles */
.TWLA-dashboard { /*color: #666666;*/ padding: 80px 50px; }
.TWLA-dashboard .dash-top {
    border-bottom: 1px solid #cccccc;
    padding: 0;
}
.TWLA-dashboard .dash-top h1 {
    font-family: "StandardCT-Light", Helvetica, sans-serif;
    font-size: 32px;
    font-weight: 300;
    line-height: 40px;
    margin: 0 0 30px;
}
.TWLA-dashboard .dash-top h1 span { font-family: "StandardCT-Bold", Helvetica, sans-serif; }
.TWLA-dashboard .btn {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

/* Filter Dropdown Styles */
.TWLA-filter-dropdown {}
.TWLA-filter-dropdown button.dropdown-toggle {
    background: #ffffff;
    border: 1px solid #dddddd;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -icab-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #555555;
    height: 35px;
    min-width: 140px;
    padding: 0;
    position: relative;
    text-align: left;
    width: auto;
}
.TWLA-filter-dropdown .TWLA-title {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 40px 0 10px;
}
.TWLA-filter-dropdown .TWLA-caret {
    border-left: 1px solid #ccc;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
}
.TWLA-filter-dropdown .TWLA-caret:after {
    border-color: #888888 transparent transparent transparent;
    border-width: 5px 4px;
    border-style: solid;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    margin: -3px 0 0 -3px;
    position: absolute;
    top: 50%;
    width: 0;
}

/* --------------------- twla styles ended */

/*Campaign Blocks */
.drive-list a.drive-name {
    font-size: 20px;
    margin-bottom: 5px;
    display: block;
    font-weight: 300;
    font-family: arial, sans-serif;
    color: #ed1b2e;
}

.drive-list .plege .pledged, .drive-list .daysleft {
    font-size: 25px;
}

.drive-list p.supporttext {
    margin: 0px;
    text-transform: capitalize;
    font-size: 12px;
    color: #666666;
    line-height: 24px;
}

/* Campaign Nav */
ul.dropdownlinks {
    width: 100px;
    height: 30px;
    line-height: 30px;
    padding: 0px;
    margin: 0px;
    border-radius: 4px 0px 0px 4px;
    background: #ed1b2e;
    color: white;
    position: relative;
    margin-right: 30px;
    z-index: +1;
}
ul.dropdownlinks li:first-child {
    display: block;
    background: none;
}
ul.dropdownlinks li {
    background: #ed1b2e;
    list-style-type: none;
    border-bottom: 1px solid white;
    display: none;
    padding-left: 10px;
    font-size: 12px;
    text-transform: capitalize;
}
ul.dropdownlinks li:first-child a {
    line-height: 30px;
}
ul.dropdownlinks li a {
    color: white;
    width: 100%;
    line-height: 25px;
    display: block;
}
ul.dropdownlinks:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-left: 1px solid white;
    display: block;
    top: 0;
    right: -30px;
    text-align: center;
    font-size: 8px;
    line-height: 33px;
    cursor: pointer;
    background: url(assets/img/downarrow.png) #ed1b2e center center no-repeat;
    border-radius: 0px 4px 4px 0px;
}
ul.dropdownlinks.active:after {
    content: '';
    background: url(assets/img/uparrow.png) #a60211 center center no-repeat;
}
.pull-right {
    float: right;
}


ul.dropdownlinks li:hover{opacity: 0.8;  }
ul.dropdownlinks.active li {
    display: block;
}
ul.dropdownlinks li:first-child a {
    line-height: 30px;
}
ul.dropdownlinks li a.deletedrive {height: 27px;}
ul.dropdownlinks li a {
    color: white;
    width: 100%;
    line-height: 25px;
    display: block;
}

.or {
    border-right: 1px solid #ccc;
    padding-bottom: 30px;
    position: relative;
}

.or span.orsquare {
    background: white none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    font-family: arial,sans-serif;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: 150px;
    width: 30px;
}
/* FOOTER */
.footer {
    background: #666666 none repeat scroll 0 0;
    width: 100%;
    padding: 35px 50px;
    color: white;
    z-index: 200;
}

.footer p {
    float: left;
    width: 20%;
}

.footer p.copyright-footer {
    min-width:270px;
}

#google_translate_element{

}

.menu-footer-nav-container{
    float: right;

}

#arcFooterMenu {
    text-align: right;
    /*width: 100%;*/
    /*float: right;*/
    padding: 0;
}

#arcFooterMenu li {
    display: inline-block;
    list-style: none;
    padding: 0 20px;
}
#arcFooterMenu li a {
    color: #fff;
}
/*-----------------------------
RESPONSIVE FOOTER STYLES
-----------------------------*/

@media screen and (max-width: 960px ){
    .footer{
        text-align: center;
        padding: 50px 20px;
    }
    .footer p.copyright-footer {
        width: 100%;
        float: none;
    }

    #google_translate_element{
        float: none !important;
        margin-bottom: 20px;
    }
    .menu-footer-nav-container{
        float: none;
        width: 100%;
        clear: both;
    }
    #arcFooterMenu {
        text-align: center;
    }
}

@media screen and (max-width: 500px ){

    #arcFooterMenu li {
        padding: 0 5px;
    }
}

@media screen and (max-width: 410px ){

    #arcFooterMenu li {
        display: block;
        padding: 5px 5px;
    }
}

/* MATCHUP STYLES */

#arcMatchUpHeader {
    background: #ffb200;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.3);
    box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.3);
    color: #fff;
    min-height: 170px;
    padding: 15px 0;
}
#arcMatchUpHeader h1 {
    border-right:5px solid #fff;
    color:#fff;
    display:inline-block;
    font-family: "StandardCT-Light",Helvetica,sans-serif !important;
    font-size: 95px;
    font-weight:100;
    line-height: 90px;
    padding-right:20px;
}
#arcMatchUpHeader h2 {
    color: #fff;
    display: inline-block;
    font-size: 50px;
    line-height: 50px;
    padding-left: 20px;
    text-align: left;
    vertical-align: top;
    padding-top:0px;
}
#arcMatchUpHeader h2 span {
    color: #004e93;
    display: block;
    font-size: 35px;
    font-weight: bold;
}
#arcMatchUpTitle { padding: 20px 0 0; }
#arcMatchUpTitle .arcMatchUptitle1 {
    display:inline-block;
    padding-right:20px;
    /*text-align:left;*/
    text-align: right;
    vertical-align: middle;
}
#arcMatchUpTitle .arcMatchUptitle1 h2, #arcMatchUpTitle .arcMatchUptitle2 h2{
    color: #454545;
    font-family: "StandardCT-Bold",Helvetica,sans-serif !important;
    font-size: 50px;
    font-weight: 900;
    text-transform: uppercase;
}
#arcMatchUpTitle .arcMatchUptitle1 span, #arcMatchUpTitle .arcMatchUptitle2 span {
    color: #F60C0D;
    font-size: 17px;
    font-style: italic;
}
#arcMatchUpTitle .arcMatchUptitle2 {
    display:inline-block;
    padding-left:20px;
    text-align:left;
    vertical-align: middle;
}
#arcMatchUpTitle .vs {
    color: #F60C0D;
    display: inline-block;
    font-family: "StandardCT-Bold",Helvetica,sans-serif !important;
    font-size: 110px;
    font-weight: 900;
    line-height: 1;
    vertical-align: middle;
}
.matchUpPanel {
    background: #fff;
    border: 2px solid #d1d1d1;
}
.innerMatchUpPanel { padding: 40px 40px 20px; }
.innerMatchUpPanel p {
    float: left;
    font-size: 14px;
    font-weight: 700;
    padding: 0px 10px;
    text-align: center;
    text-transform: uppercase;
}
.innerMatchUpPanel p span {
    display: block;
    font-size: 60px;
    font-weight: 300;
    line-height: 0.75em;
}
.innerMatchUpPanel a {
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.4);
    float: right;
    margin: 0 0 30px;
    padding: 0 10px;
    width: 300px;
}

.dsBottomMatchUp {
  margin:50px 0;
}

.dsMatchUpTop {
  margin-top:30px;
}

.dsMatchUpTop span {
    color:red;
    font-size:20px;
}

.dsMatchUpTop h2 {
  font-size: 50px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "StandardCT-Bold",Helvetica,sans-serif !important;
  color: #454545;
}

.dsMatchUpTop p {
  color: #373737;
  font-family: "StandardCT-Light",Helvetica,sans-serif;
  font-size: 28px;
  line-height: 1.1;
  padding:20px;
}

@media screen and (max-width:900px) {
  .dsMatchUpTop h2 {
    font-size: 40px;
  }

  .dsMatchUpTop p {
    font-size: 25px;
    padding:10px 50px;

  }
}

.editmatch a, .editmatch a:active, .editmatch a:focus {
    color:#3130cd;
}

#arcMatchUpTabs {}
#arcMatchUpTabs .tab-content { background: #ffffff; padding: 50px 0; }
#arcMatchUpTabs .nav-tabs > li.active > a,
#arcMatchUpTabs .nav-tabs > li.active > a:focus,
#arcMatchUpTabs .nav-tabs > li.active > a:hover { background: #ffffff; }
#arcMatchUpTabs .nav-tabs > li > a:hover { background: #ffffff; }

/* --------------------- twla styles */
.TWLA-matchup-mobile-thumb {
    background-color: #727272;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 110px;
}
.TWLA-matchup-mobile-block {
    background-color: #727272;
    padding: 10px;
}
.TWLA-matchup-mobile-title {
    color: #ffffff;
    font-family: "StandardCT-Bold",Helvetica,sans-serif !important;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.TWLA-matchup-mobile-hashtag {
    color: #ffffff;
    font-style: italic;
}
.TWLA-matchup-mobile-about {
    color: #ffffff;
}

.TWLA-matchup-compare {}
.TWLA-matchup-compare .outer {
    background: #ffffff;
    height: 100%;
    position: absolute;
    top: 0;
    width: 80px;
}
.TWLA-matchup-left { padding-right: 110px !important; }
.TWLA-matchup-left .outer { right: 32px; }
.TWLA-matchup-right { padding-left: 110px !important; }
.TWLA-matchup-right .outer { left: 32px; }
.TWLA-matchup-thumb {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 345px;
    width: 100%;
}

/* --------------------- twla styles ended */

/* PROGRESS BAR */

.outer {
    border: 2px solid #ccc;
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    height: 490px;
    overflow: hidden;
    position: relative;
}
.inner1, .inner1 div {
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.inner1 {
    background-color: #F30E25;
    border-top-width: 0;
    bottom: 0;
    height: 0%;
}
.inner2, .inner2 div {
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.inner2 {
    background-color: red;
    border-top-width: 0;
    bottom: 0;
    height: 0%;
}


/* FORM */
/*Override Custom Select Form */
.gform_wrapper .chosen-container { width: 100% !important; }
.gform_wrapper .chosen-container-multi .chosen-choices{
    background-image: none !important;
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    width: 100% !important;
}
.gform_wrapper .chosen-container-active .chosen-choices{
    background-image: none !important;
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    width: 100% !important;
}
.gform_wrapper .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height:50px !important;
}

#gform_wrapper_11 li.others_campaigns .chosen-choices li.search-field,
#gform_wrapper_11 li.others_campaigns .chosen-choices li.search-choice{
    height: 50px !important; line-height: 42px;
    background-image: none;
}

#gform_wrapper_8 li.others_campaigns .chosen-choices li.search-field,
#gform_wrapper_8 li.others_campaigns .chosen-choices li.search-choice{
    height: 50px !important; line-height: 42px;
    background-image: none;
}


/* SOCIAL MEDIA TABS */
/*#arcSocialTabs .nav-tabs > li > a {
font-size:20px;
}*/

/*.instaImg img {
padding:15px 18px;
}*/

.tab-pane {
    text-align: center;
    margin:0 auto;
}


.matchUpPanel img {
    width:100%;
    height:400px;
}


/* LEADERBOARD */

.leader-box {
    border-radius: 5px;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    margin: 40px 0;
    height: 150px;
    overflow: hidden;
}

.leader-box > div {
    height: inherit;
}

.leader-rank{
    font-size: 60px;
}
.leader-rank p {
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.leader-rank p > span {
    font-size: 35px;
    display: inline-block;
    vertical-align: super;
}

.leader-image{
    background-color: #cccccc;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 2px black;
}

.leader-image > img.attachment-post-thumbnail.wp-post-image {
    width: 100%;
    height: 100%;
    /*box-shadow: 0px 0px 2px black;*/
}

.leader-name {
    padding-left: 30px;
    padding-right: 0;
}

.leader-name > p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    font-size: 24px;
    line-height: 1.1;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}

.leader-pledges .pledge-display{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    display: inline-block;
}

.leader-pledges .pledge-display h3{
    font-size: 40px;
    margin: 0;
}
.leader-pledges .pledge-display p{
    margin: 0;
}

.leader-link a.leaderboard-pledge-btn{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    padding: 15px 0;
    border-radius: 5px;
    background-color: #ed1b2e;
    width: 300px;
    color: #fff;
    font-weight: bold;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
/* --------------------- twla styles */
.TWLA-leader-more {
    background: #ffffff;
    border-radius: 0 0 5px 5px;
    border-top: 5px solid #ffffff;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 10;
}
.TWLA-leader-more .TWLA-btn-wrap {
    border-top: 1px solid #d4d4d4;
    cursor: pointer;
    margin: 0;
    padding: 15px 10px;
}
.TWLA-leader-more-btn {
    display: inline-block;
    line-height: 20px;
    position: relative;
}
.TWLA-leader-more-btn:after {
    content: '›';
    display: inline-block;
    font-family: "StandardCT-Light",Helvetica,sans-serif !important;
    font-size: 80px;
    height: 80px;
    line-height: 1;
    position: absolute;
    right: -80px;
    top: -30px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 80px;
}

/* --------------------- twla styles ended */

.facebook {
    background: #849bce url("assets/img/facebookicon.png") no-repeat scroll 30px center;
    margin-bottom: 20px;
    padding-left: 55px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
.facebook:hover {
    background: #4d6498 url("assets/img/facebookicon.png") no-repeat scroll 30px center !important;
    transition: all 0.5s ease 0s;
    color:#fff !important;
}
.twitter {
    background: #66afde url("assets/img/twittericon.png") no-repeat scroll 30px center;
    padding-left: 55px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
.twitter:hover {
    background: #4099ff url("assets/img/twittericon.png") no-repeat scroll 30px center !important;
    transition: all 0.5s ease 0s;
    color:#fff !important;
}

#gform_page_8_1 .gform_page_fields { width:60%; display:inline-block; float:left;
}

#gform_fields_8 {
    border-right: 1px solid #ccc;
    padding: 0 20px;
    position: relative;
}

#input_8_5_container .ginput_left, #input_8_5_container .ginput_right{
    display:block;
    float:none;
    margin:0;
    width:100%;
}

#gform_page_8_1 .orsquare {
    background: white none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    font-family: arial,sans-serif;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: -14px;
    text-align: center;
    top: 150px;
    width: 30px;
}

#gform_next_button_8_7 {
    margin-left:170px;
}

.gform_wrapper input[type="email"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="text"], .gform_wrapper input[type="url"] {
    background-color: #fff;/*background-color: #f7f7f7;*/
    border: 1px solid #dddddd;
    border-radius: 5px;
    color: #555555;
    display: block;
    font-size: 14px;
    font-weight: 300;
    height: 50px;
    line-height: 1.42857;
    padding: 0 15px;
    width: 100%;
}

.gform_wrapper textarea{
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    border-top: none;
}

#gform_fields_8 input.medium, #gform_fields_8 select.medium,#gform_fields_8 input[type="password"] {
    width:90.5%;
}


#field_8_36 { text-align:center; }

#field_8_34 {
    display:inline-block;
    vertical-align: top;
    width:45%;
}
#field_8_34 .gfield_required {
    display:none;
}
#field_8_37 {
    float: left;
    width: 49%;
    display:inline-block;
}
.matchup-img-placeholder {
    float: right;
    margin-right: 30px;
    width:200px;
    height:160px;
}
.sleevesUpMatchUpIMG {
    float:right;
    margin-right:30px;
    background:url('/wp-content/uploads/2015/09/200x160-sleevesup-matchup-on.jpg');
    width:200px;
    height:160px;
}
.sleevesUpMatchUpIMG-off {
    float:right;
    margin-right:30px;
    background:url('/wp-content/uploads/2015/09/200x160-sleevesup-matchup-off.jpg');
    width:200px;
    height:160px;
}

.ds_zipcode #input_8_4 {
    width:30% !important;
}

.gform_wrapper .gform_page_footer {
    margin-bottom:200px !important;
}

.mce-edit-area {
    border:1px solid !important;
}




/***** Create Campaign & Matchup Form Styles *****/
#gform_wrapper_8 .gfield_description,
#gform_wrapper_11 .gfield_description{
    margin-top: 0px;
    padding-top: 0;
}

#gform_wrapper_8 li > p,
#gform_wrapper_11 li > p{
    margin-top: -5px;
    padding-top: 0;
}

#gform_wrapper_11 label,
#gform_wrapper_8 label
{
    font-weight: normal;
}
#gform_wrapper_11 label.gfield_label,
#gform_wrapper_8 label.gfield_label
{
    font-weight: 400;
    border: none;
    color: #666;
    font-family: "StandardCT-Light",Helvetica,sans-serif !important;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 0px;

}

#gform_wrapper_11 h1.form-page-title,
#gform_wrapper_8 h1.form-page-title,
h1.form-page-title
{
    font-family: "StandardCT-Light",helvetica,sans-serif;
    font-size: 42px;
}

#gform_wrapper_11 h2.form-page-title,
#gform_wrapper_8 h2.form-page-title,
h2.form-page-title
{
    font-size: 36px;
}

/** PAGE 1 **/
/* Picture Radio Buttons */

#gform_wrapper_8 #gform_page_8_1  .gform_page_footer {
    text-align: left !important;
    padding-left: 50px;
}


#gform_Wrapper_11 li.picture_buttons ul.gfield_radio li input[type="radio"],
#gform_wrapper_8 li.picture_buttons ul.gfield_radio li input[type="radio"]
{
    /*height: 120px !important;*/
    margin: 0 !important;
    min-width: 150px !important;
}
/* Form Intro Text */
#gform_wrapper_11 li.form-intro,
#gform_wrapper_8 li.form-intro
{
    margin: 40px 0 !important;
}
/* Campaign name */
#gform_wrapper_11 li.campaign_name_field,
#gform_wrapper_8 li.campaign_name_field
{
    margin-bottom: 30px;
}
#gform_wrapper_11 li.campaign_name_field label,
#gform_wrapper_8 li.campaign_name_field label
{

    width: 100%;
    text-align: left;
    padding-left: 0;
}
#gform_wrapper_11 li.campaign_name_field label .gfield_required ,
#gform_wrapper_8 li.campaign_name_field label .gfield_required
{
    display: none;
}
#gform_wrapper_11 li.campaign_name_field .ginput_container,
#gform_wrapper_8 li.campaign_name_field .ginput_container
{
    clear:both;
}
#gform_wrapper_11 li.campaign_name_field input.medium,
#gform_wrapper_8 li.campaign_name_field input.medium
{
    width: 70%;
}


#gform_wrapper_11 li.hashtag label,
#gform_wrapper_8 li.hashtag label
{
    margin-top: 10px;
}
#gform_wrapper_11 li.hashtag-info,
#gform_wrapper_8 li.hashtag-info
{
    padding-right: 15% !important;
    padding-left: 10px !important;
    margin-bottom: 20px;
}
#gform_wrapper_11 li.hashtag input.medium,
#gform_wrapper_8 li.hashtag input.medium
{
    width: calc( 100% - 60px );
}
#gform_wrapper_11 .date-info-box,
#gform_wrapper_8 .date-info-box
{
    margin-top: 20px;
    font-size: 16px;
    padding: 20px;
}

/* Divider */
#gform_wrapper_11 li.html-divider,
#gform_wrapper_8 li.html-divider
{
    padding: 1px 0;
    margin: 0 auto!important;
}

/* Matchup Radio Buttons */
#gform_wrapper_11 li.matchup-question-text,
#gform_wrapper_8 li.matchup-question-text
{
    margin-bottom: 20px;
}
#gform_wrapper_11 li.matchup-radio-buttons,
#gform_wrapper_8 li.matchup-radio-buttons
{
    clear: none !important;
}
#gform_wrapper_11 li.matchup-radio-buttons ul.gfield_radio li input[type="radio"],
#gform_wrapper_8 li.matchup-radio-buttons ul.gfield_radio li input[type="radio"]
{
    width: 20px !important;
    height: 20px;
}
#gform_wrapper_11 li.matchup-radio-buttons ul.gfield_radio li label,
#gform_wrapper_8 li.matchup-radio-buttons ul.gfield_radio li label
{
    padding-left: 20px;
}

/* Form Next Button */
#gform_wrapper_11 .gform_page_footer,
#gform_wrapper_8 .gform_page_footer
{
    text-align:center;
    border: none;
    margin: 60px 0;
}
#gform_wrapper_11 .gform_page_footer input,
#gform_wrapper_8 .gform_page_footer input
{
    display: inline-block;
    margin: 0 auto 20px !important;
}
/** END PAGE 1 **/
/** PAGE 2 **/

/* Page 2 Form size */
#gform_wrapper_11 #gform_page_11_2,
#gform_wrapper_8 #gform_page_8_3
{
    width: 70%;
    max-width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 480px ){
    #gform_wrapper_11 #gform_page_11_2,
    #gform_wrapper_8 #gform_page_8_3
    {
        width: 90%;
        max-width: 100%;
        margin: 0 auto;
    }
}

/* Image/Video Upload Blocks */
#gform_wrapper_11 li.campaign-video-url,
#gform_wrapper_11 li.campaign-featured-image,
#gform_wrapper_11 li.or-ball-block ,
#gform_wrapper_8 li.campaign-video-url,
#gform_wrapper_8 li.campaign-featured-image,
#gform_wrapper_8 li.or-ball-block {
    clear: none;
    padding: 0;
    margin-bottom: 30px;
}

#gform_wrapper_11 li.campaign-video-url label,
#gform_wrapper_11 li.campaign-featured-image label ,
#gform_wrapper_8 li.campaign-video-url label,
#gform_wrapper_8 li.campaign-featured-image label {
    display: none;
}

#gform_wrapper_11 li.campaign-video-url input.medium,
#gform_wrapper_8 li.campaign-video-url input.medium
{
    width: 100%;
}

#gform_wrapper_11 li.campaign-featured-image input.medium,
#gform_wrapper_8 li.campaign-featured-image input.medium
{
    width: 100%;
    background: transparent;
    border: none;
    padding-top: 15px;
    height: auto;
}

#input_11_16_ifr, #input_11_28_ifr, #input_8_16_ifr, #input_8_28_ifr {
    height:300px !important;
}

/* Or BLock BTW Image/Video */
.or-ball{
    background-color: #ccc;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-top: 32px;
    margin: 0px auto;
}
.or-ball p {
    margin: 0;
    text-align: center;
    padding: 11px 0;
    color: #fff;
}
/* File Selector Button */
#gform_wrapper_11 li.campaign-featured-image input[type="file"]::-webkit-file-upload-button, button,
#gform_wrapper_11 li.campaign-featured-image input[type="file"]::-moz-file-upload-button, button,
#gform_wrapper_11 li.campaign-featured-image input[type="file"]::file-upload-button, button,
#gform_wrapper_8 li.campaign-featured-image input[type="file"]::-webkit-file-upload-button, button{
    /*background: #ccc !important;
    color: #fff;
    border-radius: 5px 0px 0px 5px;
    margin: 0;
    height: 100%;
    margin-left: -15px;
    border: none;
    width: 100px;
    outline: none;*/
}



.TWLA-input-file-wrap span {
    display:none;
}

.TWLA-input-file-wrap #input_21_value {
    display:none;
}

.wp-editor-tabs, .mce-path.mce-flow-layout-item.mce-first {
    display:none;
}

/* Image/Video Content Caption */
#gform_wrapper_11 li.video-image-caption input.medium,
#gform_wrapper_8 li.video-image-caption input.medium{
    width: 100%;
    margin-bottom: 30px;
}
/* About Campaign */
#gform_wrapper_11 li.about-campaign textarea,
#gform_wrapper_8 li.about-campaign textarea{
    width: 100%;
    margin-bottom: 30px;
    height: 170px;
}

#gform_wrapper_11 li.about-campaign label,
#gform_wrapper_8 li.about-campaign label{
    display: none;
}
/*NEW TEXT AREA*/
#gform_wrapper_11 #wp-input_8_16-wrap,
#gform_wrapper_8 #wp-input_8_16-wrap{
    margin-bottom: 30px;
}

/* Start/End Dates */
#gform_wrapper_11 input.datepicker,
#gform_wrapper_8 input.datepicker{
    width: 60% !important;
}
/* Target Goal */
#gform_wrapper_11 li.target-goal,
#gform_wrapper_8 li.target-goal{
    margin-bottom: 80px;
    clear: both !important;
}
#gform_wrapper_11 li.target-goal input.medium,
#gform_wrapper_8 li.target-goal input.medium{
    /*width: 60% !important;*/
}
/** END PAGE 2 **/
/** PAGE 3 - Matchup **/
#gform_wrapper_11 #gform_page_11_3,
#gform_wrapper_8 #gform_page_8_4{
    width: 70%;
    max-width: 100%;
    margin: 0 auto;
}



/* Matchup Campaign Select */
#gform_wrapper_11 li.others_campaigns select.post_listing,
#gform_wrapper_8 li.others_campaigns select.post_listing{
    margin:0 auto !important;
    display: block;
}

#gform_wrapper_11 li.search-campaigns-block,
#gform_wrapper_8 li.search-campaigns-block{
    margin:40px 0 0;
    /*text-align: center;*/
}

.search-campaigns-btn {
    padding: 20px;
    border-radius: 5px;
    background: #ed1b2e;
    color: #fff;
    display: inline-block;
}
/* Email Matchup invites */
#gform_wrapper_11 li.email-invite input.medium,
#gform_wrapper_8 li.email-invite input.medium{
    width: 47.5%;
    margin: 0 auto;
    display: block;
}

/* Mathcup Name */
#gform_wrapper_11 li.matchup-name-text input.medium,
#gform_wrapper_8 li.matchup-name-text input.medium{
    width: 100%;
    margin: 0 auto;
    display: block;
}

/* Mathcup Hashtag */
#gform_wrapper_11 li.matchup-hashtag ,
#gform_wrapper_8 li.matchup-hashtag {
    width: 100%;
    margin: 0 auto !important;
}
#gform_wrapper_11 li.matchup-hashtag input.medium,
#gform_wrapper_8 li.matchup-hashtag input.medium{
    width: calc(100% - 40px );
    margin: 0 auto;
    display: block;
}

#gform_wrapper_11 li.matchup-hashtag .ginput_container:before ,
#gform_wrapper_8 li.matchup-hashtag .ginput_container:before {
    content: "#";
    float: left;
    font-size: 40px;
    padding-right: 10px;
}

/* Mathcup Description */
#gform_wrapper_11 li.matchup-description textarea,
#gform_wrapper_8 li.matchup-description textarea{
    width: 100%;
    display: block;
}

/* Mathcup Featured Image */
#gform_wrapper_11 li.matchup-featured-image input.medium,
#gform_wrapper_8 li.matchup-featured-image input.medium{
    width: 60%;
    display: block;
    background: transparent;
    border: none;
    padding-top: 15px;
    height: auto;
}
/*Or Break */
#gform_wrapper_11 li.or-break{
    width: 100% !important;
    max-width: 100% !important;
}
#gform_wrapper_8 li.or-break{
    width: 100% !important;
    max-width: 100% !important;
}

/* Matchup Invite Emails */
#gform_wrapper_11 li.invite-campaign-emails input.medium {
    width: 100%;
}
#gform_wrapper_8 li.invite-campaign-emails input.medium {
    width: 100%;
}
#gform_wrapper_11 li.email-text-above {
    /*text-align: center;*/
}

/* File Selector Button */
#gform_wrapper_11 li.matchup-featured-image input[type="file"]::-webkit-file-upload-button, button,
#gform_wrapper_8 li.matchup-featured-image input[type="file"]::-webkit-file-upload-button, button{
    /*background: #ccc;
    color: #fff;
    border-radius: 5px 0px 0px 5px;
    margin: 0;
    height: 100%;
    margin-left: -15px;
    border: none;
    width: 100px;
    outline: none;*/
}

/* Mathcup Terms/Conditions */
#gform_wrapper_11 li.agree-terms,
#gform_wrapper_8 li.agree-terms{
    width: 60%;
    margin: 0 auto !important;
}

#gform_wrapper_11 li.agree-terms li,
#gform_wrapper_8 li.agree-terms li{
    text-align: left;
}


/** END PAGE 3 **/


/* Responsive Form Styles  */

@media screen and (max-width:991px){

    #gform_wrapper_11 #gform_page_11_3,
    #gform_wrapper_8 #gform_page_8_4{
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    #gform_wrapper_11 li.hashtag,
    #gform_wrapper_8 li.hashtag{
        text-align: center;
        padding: 0 !important;
    }
    #gform_wrapper_11 li.hashtag .ginput_container:before,
    #gform_wrapper_8 li.hashtag .ginput_container:before{
        padding-left: 15%;
    }
    #gform_wrapper_5 li.hashtag .ginput_container:before{
        padding-left: 0;
    }
    #gform_wrapper_11 li.hashtag input.medium ,
    #gform_wrapper_8 li.hashtag input.medium {
        width: calc( 70% - 35px );
    }
    #gform_wrapper_11 li.hashtag-info,
    #gform_wrapper_8 li.hashtag-info{
        padding: 0 20px !important;
        margin: 0 auto !important;
    }

    #gform_wrapper_11 .picture_buttons .gfield_radio li input[type=radio]{
        /*height: 100px !important;*/
    }

    #gform_wrapper_11 li.campaign-video-url,
    #gform_wrapper_11 li.or-ball-block ,
    #gform_wrapper_8 li.campaign-video-url,
    #gform_wrapper_8 li.or-ball-block {
        clear: none;
        padding: 0;
        margin-bottom: 10px;
    }

    #gform_wrapper_11 input.datepicker ,
    #gform_wrapper_8 input.datepicker {
        width: 90% !important;
    }

    #gform_wrapper_11 li.target-goal ,
    #gform_wrapper_8 li.target-goal {
        margin-bottom: 30px;
    }

    #gform_wrapper_11 li.target-goal input.medium ,
    #gform_wrapper_8 li.target-goal input.medium {
        /*width: 100% !important;*/
    }

}

@media screen and (max-width:440px){
    #gform_wrapper_11 li.matchup-radio-buttons,
    #gform_wrapper_8 li.matchup-radio-buttons{
        clear: both !important;
        width: 125px;
        margin: 0 auto !important;
    }
    .sleevesUpMatchUpIMG{
        float: none;
        margin: 0 auto !important;
    }
    .sleevesUpMatchUpIMG-off{
        float: none;
        margin: 0 auto !important;
    }
}


/***** END Campaign & Matchup Form Styles *****/

/***** User Matchup Form Styles *****/
#gform_wrapper_5 ul#gform_fields_5 li input,
#gform_wrapper_5 ul#gform_fields_5 li textarea,
#gform_wrapper_5 ul#gform_fields_5 li select,
#gform_wrapper_5 ul#gform_fields_5 li #wp-input_5_10-wrap{
    margin-bottom: 30px;
}
#gform_wrapper_5 label {
    font-weight: 400;
    border: none;
    background: 0 0 ;
    color: #666;
    font-size: 24px;
    font-family: "StandardCT-Light",Helvetica,sans-serif !important;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.1;
}
/* File Selector Button */
#gform_wrapper_5 li.matchup-image input[type="file"]::-webkit-file-upload-button, button {
    background: #ccc;
    color: #fff;
    /*border-radius: 0px 5px 5px 0px;*/
    border-radius: 5px 0px 0px 5px;
    margin: 0;
    /*height: 88%;*/
    height: 100%;
    margin-left: -15px;
    border: none;
    width: 100px;
    outline: none;
    /*position: absolute;
    right: 15px;*/
}

#gform_wrapper_5 .or-ball p{
    font-size: 10px;
    padding: 13px 0;
}

#gform_wrapper_5 li.email-invitees label{
    display: none;
}

#gform_wrapper_5 li.hashtag{
    padding: 0;
}

#gform_wrapper_5 li.hashtag input{
    width: calc(100% - 35px) !important;
}

/***** END Matchup Form Styles *****/

/*****  Campaign Search / Pledge Support Page  *****/
form.campaign-filter {
    width: 100%;
    display: block;
    padding:15px 20px;
    background: #ccc;
    height: 70px;
    text-align: center;
}

form.campaign-filter .form-item-wrap{
    display: inline-block;
    width:50%;
    transition: all .3s ease-in-out;
}

form.campaign-filter input.filter-text{
    height: 40px;
    width: calc(100% - 85px);
    padding: 0 15px;
    text-align: left;
    border-radius: 5px 0 0 5px;
    border: none;
    outline:none
}

form.campaign-filter input.filter-submit{
    height: 40px;
    width: 75px;
    /*padding-left: 10px;*/
    background-color: #ed1b2e;
    color: #fff;
    border: none;
    border-radius: 0 5px 5px 0;
    margin-left: -10px;
    outline: none;
}

.campaign-box {
    display:inline-block;
    width:300px;
    margin: 30px 5px;
    vertical-align:top;
    height: 320px;
    /*border: 1px solid #ccc;*/
    position: relative;
    text-align: left;
    border-radius: 5px;
    overflow: hidden;
    background: #f1f1f1;
}

.campaign-box p {
    text-align: center;
    margin: 5px 0;
}

.campaign-img-wrap{
    height: 200px;
    overflow: hidden;
}

.campaign-img-wrap img{
    width: 100%;
    height: auto;
}
.campaign-img-wrap img:hover{
    opacity: 0.5;
}
.campaign-box .videoWrapper{
    height: 200px;
    overflow: hidden;
}

.campaign-box a.arcBtn{
    position: absolute;
    bottom: 0px;
    width: 100%;
    line-height: 40px;
    height: 40px;
    border-radius: 0;
    text-align: center;
}
.search-center{
    text-align: center;
}
.campaign-profile-wrap{
    display: inline-block;
}

@media screen and (max-width:1050px){
    .search-center{
        margin-bottom: 200px;
    }
}
@media screen and (max-width:768px){
    form.campaign-filter .form-item-wrap{
        width: 80%;
    }
}

@media screen and (max-width:480px){
    form.campaign-filter .form-item-wrap{
        width: 100%;
    }
}

@media screen and (max-width:400px){
    .campaign-box { width: 240px; }
}


/*****  END Campaign Search / Pledge Support Page  *****/
/*****     Campaign Pledge Donation Form   *****/
#gform_wrapper_2 li {
    margin: 0 0 20px;
}
#gform_wrapper_2 li label {
    font-weight: normal;
}
#gform_wrapper_2 li.pledge-thanks {
    text-align: center;
    width: 100%;
}

#gform_wrapper_2 li.pledge-thanks h2{
    margin: 0 0 10px 0;
}

#gform_wrapper_2 li.pledge-name-field {
    clear: none;
    padding: 0;
}

#gform_wrapper_2 li.pledge-name-field input.medium {
    width: 97.5%;
}

#gform_wrapper_2 textarea {
    border: 1px solid #ddd;
    border-radius: 5px;
}

#gform_wrapper_2 .gform_footer input.button{
    width: 100%;
}
/*****  END Campaign Pledge Donation Form  *****/
/*****     Campaign Financial Donation Form   *****/
#gform_wrapper_6 li {
    margin: 0 0 20px;
}
#gform_wrapper_6 li label {
    font-weight: normal;
}

#gform_wrapper_6 li.financial-donation-title {
    text-align: center;
}

#gform_wrapper_6 li.financial-split-input {
    clear: none;
    padding: 0;
}

#gform_wrapper_6 li.financial-split-input input.medium {
    width: 97.5%;
}

#gform_wrapper_6 li.financial-donation-state select {
    height: 50px;
    line-height: 50px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

#gform_wrapper_6 li.payment-card-details select {
    height: 50px;
    line-height: 50px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

#gform_wrapper_6 textarea {
    border: 1px solid #ddd;
    border-radius: 5px;
}

#gform_wrapper_6 .gform_footer input.button{
    width: 100%;
}
/*****  END Campaign Financial Donation Form  *****/


.AboutMatchUps2 {
    display:none;
    background:#ffb200;
    color:white;
    padding:20px 20px;
    border-radius: 10px;
    font-size:16px;
    text-align: center;
}
#field_8_76 {
    display:none;
    background:#ffb200;
    color:white;
    padding:20px 20px;
    border-radius: 10px;
    font-size:16px;
    text-align: center;
}
.matchUpMsg {
    background:#ffb200; color:white; padding:20px 20px; border-radius: 10px;
}
.gchoice_11_8_5:hover, .gchoice_11_8_4:hover, .gchoice_11_8_3:hover, .gchoice_11_8_2:hover, .gchoice_11_8_1:hover, .gchoice_11_8_0:hover {
    cursor:pointer;
}


.TWLA-leader-more .TWLA-btn-wrap, #input_27_value, .gfield_required {
    display:none;
}

.gform_wrapper .chosen-container-multi .chosen-choices {
    height:80px !important;
}

.gform_wrapper .gf_progressbar_wrapper {
    width:97.5% !important;
}

.matchup_invite_button {
    background:#ffb200;
    color:#fff;
    padding:10px 20px;
}

.matchup_invite_button:hover {
    color:#fff;
}

.greenbtn {
    background:green !important;
    text-color:#fff !important;
}

.yellowbtn {
    background:#ffb200;
    text-color:#fff;
}

.yellowbtn:hover {
    background:#ffb200 !important;
    text-color:#fff !important;
}

.greybtn {
    background:#949494;
    text-color:#000;
}
.greybtn.no-hover:hover{
    background:#949494;
    text-color:#000; 
}
.greybtn:hover {
    background:#949494;
    text-color:#000;
}


.pSteps {
    list-style: none;
    overflow: hidden;
    font-size: 18px;
    margin:0 auto;
    text-align:center;
    max-width: 100%;

}
.pSteps div {
    float: left;
    margin:0 !important
}
.pSteps div a {
    color: #727071;
    text-decoration: none;
    padding: 10px 0px 10px 45px;
    background: #ededed;
    position: relative;
    display: block;
    float: left;
    cursor: default;

}
.pSteps div a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #ededed;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}
.pSteps div a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}
.pSteps div:first-child a {
    padding-left: 20px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.pSteps div:last-child a {
    padding-right:20px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.pSteps div:last-child a:after { border: 0; }
.pSteps div a:hover { background: #ededed; }
.pSteps div a:hover:after { border-left-color: #ededed !important; }
.psActive a {
    color:white !important;
    background:#e2242e !important;
}
.psActive a:after {
    border-left-color:#e2242e !important;
}
.pSteps .psActive a:hover:after { border-left-color: #e2242e !important; }

.search-field input {
    width:320px !important;
}


@media screen and (max-width:675px) {
    #wpadminbar, #showadminbar {
        display:none;
    }
    html {
        position:absolute;
        top:0px;
        max-width: 100%;
    }

    #gform_page_8_1 .gform_page_fields {
        width:100%;
        border:none;
    }
    #gform_page_8_1 .orsquare {
        display:none;
    }
    .tabletformwidth {
        /* display:none; */
    }

    #gform_fields_8 {
        border:none;
        padding:0 20px;
    }
    .pSteps div a {
        background:none;
        color:#000;
        display:inline-block;
        float:left;
        padding:5px 10px;
        font-size:10px;
    }

    .pSteps div a:before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 0px solid transparent;           /* Go big on the size, and let overflow hide */
        border-bottom: 0px solid transparent;
        border-left: 0px solid white;
        position: absolute;
        top: 0;
        margin-top: 0px;
        margin-left: 0px;
        left: 100%;
        z-index: 1;
    }

    .pSteps div a:after {
        border:none;
    }
    .psActive a {
        color:red !important;
        background:none !important;
    }



}


/* Home Page Mobile Edits */
@media screen and (max-width:640px){
    .aboutMatchUpText{text-align: center;}
    .aboutMatchUpText > ul {padding:0;}
    .footer{position: relative; margin-top:0;}
}

@media screen and (max-width:500px){
    .pSteps div a{
        max-width:66px !important;
        padding: 5px !important;
    }

    .aboutMatchUpText, .aboutMatchUpImg{
        padding: 40px 0 !important;
    }
    .aboutMatchUpImg .matchupBtn{
        padding: 0;
        width: 94%;
    }
}

/*Preview Campaign Mobile Edits */
@media screen and (max-width: 1000px){
    .greybtn{
        margin-bottom:10px;
    }

    .campaignContainer{
        padding: 0 10px;
    }

    .single-sleevesup-campaigns .section.pink{
        padding: 40px 20px;
    }
    .single-sleevesup-campaigns .section.pink h2{
        margin-top: 0;
    }
}

/* Dashboard Mobile Edits */
@media screen and (max-width:700px){
    .TWLA-banner2 .accept-decline{
    min-width:155px;

    padding-left: 20px;
    }
}
@media screen and (max-width:640px){
    .TWLA-banner2 {padding:10px 20px; min-height:50px; }
    .TWLA-banner2 .accept-decline{
       padding-left: 20px;
        width: 100%;
    }
    .TWLA-banner2 p {
        font-size: 20px;
        width: 100%;
    }
    .dashboard.container h1.bpad-2{font-size: 26px;}

}

@media screen and (max-width:500px){
    .TWLA-banner2 {
        text-align: center;
    }
    .TWLA-banner2 p {
        font-size: 16px;
        text-align: left;
    }
    .TWLA-banner2 .accept-decline{
       padding-left: 0;
        width: auto;
        min-width: 1px;
        float: none;
    }
    .dashboard.container h1.bpad-2{font-size: 22px; max-width:100%;}
}
@media screen and (max-width:400px){
    .TWLA-banner2 .accept-decline li a{
       font-size: 11px;
    }
}


/* Account Settings Forms Edits */
#gform_wrapper_9 input{
    width: 100%;
}

/* Matchup Dash Mobile Edits */
@media screen and (max-width:1100px){
    .matchup-managing{
        margin-bottom: 10px !important;
    }
    .my-invites {clear:both;}
}


/* Campaign Dashboard Edits */
.gform_wrapper li.TWLA-half input.medium{
    width:100%;
}


.dashBtns {
    width:100%;
    margin:0 auto;
    text-align:center;
}

@media screen and (max-width:500px){
    .TWLA-dashboard-header{float:left !important;}
}


/*******************************MatchUps Styling AK DS START*/
/*for clearfixing*/
.cf:before,
.cf:after{
    content:"";
    display:block;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1; /*for old ie - triger has layout*/
}
.titles{
    float: left;
}
h1.dash-title{
    margin-top: 0;
}
div.TWLA-dashboard-header h2.TWLA-title{
    text-align: left;
}
a.btn{
    background-color: #BBBBBB;
    border: none;
    color: white;
    text-transform: uppercase;
    margin-bottom: .5em;
}
a.btn.red{
    background-color: #EC232D;
}
section.howtomatchup{
    margin-top: 1em;
    border-radius: 25px;
    background-color: #F7F7F7;
    border: 1px solid #BBBBBB;
    padding: 2em;
    color: #65656F;
    margin-bottom: 2em;
}
section.howtomatchup .desc p{
    margin-bottom: 1em;
}
section.howtomatchup .desc ul li{
    list-style: none;
    padding-left: 32px;
    margin-bottom: 1em;
}
section.howtomatchup .dsCircle{
    background: red;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    padding: 10px 10px;
    color: white;
    float: left;
    padding: 4px 9px;
}
section.howtomatchup img{
    max-width: 100%;
    margin-bottom: 1em;
}
a.btn.dismiss{
    float: right;
}
section.challenges{
    margin-top: 3em;
}
section.mymatchups{
    margin-bottom: 3em;
    background-color: green;
}
section div.yellowheading{
    background-color:#FFB200;
    width: 100%;
    padding: 1em;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 0;
}
section div.yellowheading h2{
    margin: 0;
    color: white;
}
section div.yellowheading + p{
    font-size: 2em;
    text-align: center;
    padding: 1em 15%;
    background-color: #F8F8F8;
    color: #6E6E6E;
    margin-bottom: 0;
}
section ul.matchupslist{
    width: 100%;
    padding: 0;
}
.matchcountdown p {
    margin-bottom:0px;
}
section ul.matchupslist li{
    background-color: #FAF9F7;
    width: 100%;
    list-style: none;
}
section ul.matchupslist li:nth-child(even){
    background-color: #E3E3E3;
}
section ul.matchupslist li div.desc,
section ul.matchupslist li div.invitations{
    padding: 1em;
    width: 50%;
    float: left;
}
section ul.matchupslist li div.desc a{
    color: #3130CD;
}
section ul.matchupslist li div.matchcountdown,
section ul.matchupslist li div.editmatch{
    width: 25%;
    float: left;
    padding: 1em;
}
section.youbeenchallenged ul.matchupslist li div.desc,
section.youbeenchallenged ul.matchupslist li div.invitations{
    width: 100%;
}
section.youbeenchallenged a.inv-btn{
    background-color: #FF0000;
    border-radius: 5px;
    padding: .5em .75em;
    color: white;
    display: block;
    width: 100%;
    margin-bottom: .5em;
}
section.youbeenchallenged a.preview{
    background-color: #BBBBBB;
}
section.youbeenchallenged a.accept{
    background-color: #56B207;
}
section.youbeenchallenged a.decline{
    background-color: #FF0000;
}
.TWLA-campaign-dashboard.row section{
    margin-bottom: 3em;
}

a.whatrmatchups {
    background:#FFB200;
}

a.startmatch{
    background:#5cb85c;
}



@media screen and (min-width: 868px){
    section.youbeenchallenged ul.matchupslist li div.desc,
    section.youbeenchallenged ul.matchupslist li div.invitations{
        width: 50%;
    }
    section.youbeenchallenged a.inv-btn{
        padding: .5em .75em;
        width: 5em;
        display: block;
        float: left;
        text-align: center;
        margin-right: .5em;
    }
}
@media screen and (min-width: 1080px){
    div.TWLA-dashboard-header h2.TWLA-title{
        margin-bottom: 0;
    }
    section.howtomatchup div.desc{
        width: 60%;
        float: left;
        padding-right: 1em;
    }
    section.howtomatchup div.aside{
        width: 40%;
        float: left;
    }
    a.whatrmatchups,
    a.startmatch{
        margin-left: 5px;
    }
}
@media screen and (min-width: 1300px){
    section.howtomatchup .desc p{
        font-size: 1.75em;
    }
    section.howtomatchup .desc ul li{
        padding-left: 48px;
        font-size: 1.75em;
    }
    section.howtomatchup .dsCircle{
        width: 35px;
        height: 35px;
        padding: 10px 10px;
        font-size: 1.5em;
        padding: 3px 12px;
    }
    section ul.matchupslist li{
        font-size: 1.5em;
    }
}

/*******************************Match KUps Styling AK DS END*/

.disabled {
 background: #999 !important;
}


.dsStartDate, .dsEndDate {
    display:inline-block;
    width:50%;
}

.dsStartDate input.datepicker, .dsEndDate input.datepicker {
    width:80% !important;
}

.ui-datepicker {
    margin-top:-100px !important;
}

#field_11_82 .gfield_label, #field_11_83 .gfield_label{
    font-size:18px !important;
}

#field_8_88 .gfield_label, #field_8_88 .gfield_label{
    font-size:18px !important;
}

#field_8_88 .gfield_label, #field_8_89 .gfield_label{
    font-size:18px !important;
}

/********************* WINNER CSS *********************/

.completedMsg {
    background:#ffb200;
    text-align:center;
    padding:20px;
    margin-bottom:15px;
}

.completedMsg h3 {
    font-weight: bold;
    font-size:45px;
    color:#000;
    font-family: "StandardCT-Bold",helvetica,sans-serif !important;
}

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

.h2hWinnerImgRight {
    top:0;
    right:0;
    z-index: 100;
    
}

.h2hWinnerImgLeft {
    top:0;
    left:0;
    z-index: 100;
}

.special-link {
    position: absolute;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.special-link svg {
    left: 0;
}

.special-link img {
    height:175px !important;
    width:207px !important;
}

.matchUpContainer {
 padding-bottom:20px;
}

    
@media (max-width:980px) {

    #arcAspot {
        background: url('https://sleevesup.redcrossblood.org/wp-content/uploads/2019/05/missing-type-header-image-mobile.jpg') no-repeat scroll center / cover;
        min-height: 560px;
        height: 560px;
    }    
    .ctas {
        bottom:-100px;
    }
    #arcCampaignStart {
        padding:140px 0px;
    }

}
@media (max-width: 768px) {
    #arcCampaignStart {
        padding:140px 0px;
    }
}
@media (max-width: 532px) {
    #arcAspot {
        background: url('https://sleevesup.redcrossblood.org/wp-content/uploads/2019/05/missing-type-header-image-mobile.jpg') no-repeat center / cover;
        min-height: 360px;
        width:100%;
        height: 360px;
    }    
    .ctas {
        bottom: -130px;
    }
}

.postid-44770 .arcPageTitle {
	text-transform: none !important;
}



.pagination {
    clear:both;
    position:relative;
    font-size:16px; /* Pagination text size */
    line-height:24px;
    float:left; /* Pagination float direction */
 }
 .pagination span, .pagination a {
    display:block;
    float:left;
    margin: 2px 2px 2px 0;
    padding:6px 9px 5px 9px;
    text-decoration:none;
    width:auto;
    color:#fff; /* Pagination text color */
    background: #666; /* Pagination non-active background color */
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
 }
 .pagination a:hover{
    color:#fff;
    background: #ed1b2e;  /* Pagination background on hover */
 }
 .pagination .current{
    padding:6px 9px 5px 9px;
    background: #ed1b2e; /* Current page background */
    color:#fff;
 }

 .dsRefCode div input, #input_11_89, #input_4_30, #input_8_92{
    text-transform: uppercase !important;
}