/*========================
Q and A Styling
========================*/

#question-answer { padding-bottom:0px; }

.answer-search .span_2_of_3 { background-image: url("../images/orange-background.jpg"); background-size: cover; border-radius:8px; overflow:hidden; padding:20px; }
.answer-search .span_2_of_3 .left { float: left; width: 100%; }
.answer-search .span_2_of_3 .right { float: left; width: 100%; }
.answer-search .span_2_of_3 .left h2 { color: #FFF; font-size: 28px; border-bottom:none; }
.answer-search .span_2_of_3 .left p { color: #FFF; font-size: 14px; padding-top: 0; }

.answer-search .span_2_of_3 .right input { background:#FFF; border-radius:8px; padding:15px; float: left; width: 100%; font-size: 15px; font-style: italic;  }
.answer-search .span_2_of_3 .right .button { width: auto; color: #2c85c6; margin-top: 10px; padding:10px 30px; font-family: din_next; font-style:normal; font-size: 14px; margin-bottom: 0; }

.answer-search .publications { background-image: url("../images/green-background.jpg"); background-size:cover; float: left; width: 100%; border-radius:8px; overflow: hidden; padding:20px; }
.answer-search .publications h2 { color:#FFF; border-bottom:none; font-size: 26px; padding-bottom:20px;}
.answer-search .publications .button { background: #FFF; color: #2c85c6; margin-bottom:8px;  }
.answer-search .publications .button:hover { background:#afcee4; color: #FFF; }

.answer-search h2 {color: #fff;border:none; position: relative; margin-bottom: 20px;}
.answer-search h2:before {position: absolute; bottom: 0px; left: 0px; height: 3px; width: 80px; background: #fff; content:'';}

.answer-search .span_2_of_3 .right .form-button { cursor: pointer; background:#fff url(../images/blue-arrow-right.png); background-repeat: no-repeat;background-size: 10px;
    background-position: 10%;  }
.answer-search .span_2_of_3 .right .form-button:hover { background:#2c85c6 url(../images/white-arrow-right.png); background-repeat: no-repeat;background-size: 10px;
    background-position: 10%; color:#FFF; }

body .search-q-a {padding:0;}
body .search-q-a .col {margin-top: 0;}
body a.toggle .toggle-text {color: #404040;}
.accordion { float: left; width: 100%; }
.inner {
        padding: 25px;
        overflow: hidden;
        background:#eeeeee ;
        display: none;
        width: 100%;
        border-bottom-left-radius:10px;
        border-bottom-right-radius:10px;
        float: left;
        margin-top: -14px;
        border:solid 1px #d8d8d8; margin-bottom: 20px; border-top:none;

}


 .inner.show {
          /*display: block;*/
 }



.minus {display: none; width:4%; float: right;}
.current .open {display: none; width:4%; float: right; padding-right: 0;}

.current .minus {display: inline-block; width:4%; float: right; padding-right: 0;}

.toggle-arrow {float: right;     width: 25px;
    padding-top: 5px;}

.toggle-text {width:auto;}

 a.toggle {
            width: 100%;
            display: block;
            background: #FFF;
            border:1px solid #d8d8d8;
            color: #2d2d2d;
            padding: 15px 25px;
            border-radius: 8px;
            font-weight: bold;
            float: left;
            margin-bottom:10px;
            font-size: 18px;
/*            background-image: url("../images/dropdown.jpg"); background-repeat: no-repeat;
            background-position: 95%; background-size:12px 9px, 12px 12px;
*/            /*transition: background .3s ease;*/
        }
 a.toggle span{ color:#2c85c6; padding-right: 20px; float: left;  }
 a.toggle:hover { background: #eaeaea; background-position: 95%; background-size:12px 9px, 12px 12px;  }
.inner span { height: 50px; color:#2c85c6; padding-right: 20px; height:50px; float: left; height: 100%; font-family: din_next; }
.toggle  {
  	-webkit-transition: background .3s ease;
-moz-transition: background .3s ease;
-ms-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;  
}

a.toggle .open {padding-right: 0; float: right;}



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

a.toggle .open, a.toggle .minus {
    padding-right: 0;
    float: none;
    display: block;
    width: 50px;
    margin: 0 auto;
}

    .toggle-text {margin-bottom: 20px;}

a.toggle .minus {display: none;}

.accordion .current .open {display: none;} 

.accordion .current .minus {display: block;}

}


/* =======================================
 @ 771
======================================= */
@media only screen and (min-width: 711px) {


.answer-search  .span_2_of_3 .left { float: left; width: 50%; }
.answer-search  .span_2_of_3 .right { float: left; width: 50%; }


}