/*--------------------------------------------------------------------

88888888888 8888888b.         d8888 888b    888  .d8888b.         d8888  .d8888b.  88888888888 8888888  .d88888b.  888b    888  .d8888b.  
    888     888   Y88b       d88888 8888b   888 d88P  Y88b       d88888 d88P  Y88b     888       888   d88P" "Y88b 8888b   888 d88P  Y88b 
    888     888    888      d88P888 88888b  888 Y88b.           d88P888 888    888     888       888   888     888 88888b  888 Y88b.      
    888     888   d88P     d88P 888 888Y88b 888  "Y888b.       d88P 888 888            888       888   888     888 888Y88b 888  "Y888b.   
    888     8888888P"     d88P  888 888 Y88b888     "Y88b.    d88P  888 888            888       888   888     888 888 Y88b888     "Y88b. 
    888     888 T88b     d88P   888 888  Y88888       "888   d88P   888 888    888     888       888   888     888 888  Y88888       "888 
    888     888  T88b   d8888888888 888   Y8888 Y88b  d88P  d8888888888 Y88b  d88P     888       888   Y88b. .d88P 888   Y8888 Y88b  d88P 
    888     888   T88b d88P     888 888    Y888  "Y8888P"  d88P     888  "Y8888P"      888     8888888  "Y88888P"  888    Y888  "Y8888P"  

--------------------------------------------------------------------*/

/*----------------------
TRANSACTIONS PAGE
----------------------*/

.transactions {
    width: calc(100% + 20px);
    margin-left: -10px;
}

.transactions .col1of4 {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    width: calc(25% - 20px);
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #184c78;
    border-radius: 4px;
}

.transactions .col1of3 {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    width: calc(33.33% - 20px);
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #184c78;
    border-radius: 4px;
}

.transactions .sidebar-transaction {
    margin-top: 0;
    /*
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 100px);
    */
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #184c78;
    border-radius: 4px;
}
.transactions-filters a {
    margin-right: 8px;
}
.transactions-filters .btn {
    background: rgba(34,34,34,0.4);
}
.transactions-filters .btn.active {
    background: #0a81c5;
}
.sidebar-transaction .transaction {
    text-align: center;
    border-radius: 4px;
}

/*----------------------
SINGLE TRANSACTIONS PAGE
----------------------*/

.single-press_release .sidebar {
    width: 300px;
}
.single-press_release .transactions {
    margin-left: 0;
    width: 100%;
}
.single-press_release .post-wrapper {
    width: calc(100% - 350px);
}
.single-press_release .sidebar #sidebar {
    border-right: 0;
    padding-right: 0;
}


.transactions .transaction {
    background: #ffffff;
    border: 1px solid #184c78;
}

.transaction .line-div {
    width: 50%;
    margin-left: 25%;
}

.transactions .has-link .transaction {
    transition: all .2s linear;
}

.transactions .has-link .transaction:hover {
    box-shadow: 0 0 9px 2px rgba(0,0,0,0.3);
    
}

.transaction h4 {
    font-weight: 300;
    margin-bottom: 5px;
}

.transaction p {
    margin-bottom: 5px;
    margin-top: 0;
}

.transaction img {
    width: 90%;
    margin-bottom: 5px;
}

.transaction .transaction-inner-top > div,
.transaction .transaction-inner-bottom > div{
    padding: 10px;
}

.transaction .transaction-inner-bottom {
    background: #595959;
    /* height: 40px; */
}

.transaction .transaction-inner-bottom * {
    color: #fff;
}

.transaction .transaction-inner {
    display: table;
    min-height: 250px;
    width: 100%;
}
.transaction .transaction-inner > div {
    padding: 20px 10px 20px 10px;
    display: table-cell;
    vertical-align: middle;
}

.transaction .transaction-inner-top {
	background: #174c79;
	min-height: 123px;
}

.transaction .transaction-inner-top * {
    color: #ffffff;
}
.transaction .transaction-inner-top .dealType {
    font-size: 14px;
}
.transaction .transaction-inner-bottom p {
    font-size: 14px;
    margin-bottom: 0;
}

.transaction .by-text {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(to right, #b8b8b8, #b8b8b8);
    background-size: 40px 20px, 100% 1px;
    background-position: 50% 50%, 0 50%;
    background-repeat: no-repeat;
    margin-top: 5px;
    margin-bottom: 10px;
}



.transaction .large-name {
    font-size: 24px;
}
@media screen and (max-width: 980px) {
    .single-press_release .post-wrapper {
        width: 100%;
    }
}
@media screen and (max-width: 899px) {
    .transactions .col1of3,
    .transactions .col1of4 {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 799px) {
    .transactions {
        padding: 0;
    }
}

@media screen and (max-width: 599px) {
    .transactions .col1of3,
    .transactions .col1of4 {
        width: calc(100% - 20px);
    }
}

@media screen and (max-width: 980px) {
    .transactions .sidebar-transaction {
        margin-top: 40px;
    }
}