/* SUMMARY */
@media (max-width: 767px) {
    .onecat_page_div_container {
        display:flex;
        flex-direction: column-reverse;
    }
    .onecat_page_div_desktop_summary {
        display:none;
    }
    /*
    .onecat_page_div_mobile_summary > div:last-child {
        display: none;
    }
    */
    .onecat_page_div_mobile_summary {
        margin:30px auto 18px auto;
        max-width: 500px;
    }
    .onecat_page_div_mobile_summary > div:first-child {
        /*cursor:pointer;*/
        display:flex;
        justify-content: space-between;
        align-items: center;
        padding:0;
        font-family: 'Dosis';
        font-weight: 500;
        font-size:160%;
        color:#f19627;
    }
    .onecat_page_div_mobile_summary > div:nth-child(2) {
        border:none;
        padding:6px 0 0 0;
        line-height: 1.6;
    }
    .onecat_page_div_mobile_summary > div:nth-child(2) a {
        font-size:100%;
        color:#494948;
    }
    .onecat_page_div_mobile_summary > div:nth-child(2) a:hover {
        color:#24bdec;
    }
    .onecat_page_div_mobile_summary > div:nth-child(2) a.on {
        font-weight: 700;
        color:#24bdec;
    }
    .onecat_page_div_mobile_summary > div:nth-child(2) a:before {
        position:relative;
        top:-3px;
        content:'\f068';
        font-family: FontAwesome;
        margin-right:6px;
        font-size:30%;
    }
}


@media (min-width: 768px) {
    .onecat_page_div_mobile_summary {
        display: none;
    }

    .onecat_page_div_container {
        display:flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .onecat_page_div_summary_container {
        min-width:290px;
        width:290px;
        margin-right:25px;
    }
    .onecat_page_div_contents {
        flex-grow: 1;
    }

    .onecat_page_div_desktop_summary {
        margin-top:25px;
    }
    .onecat_page_div_desktop_summary:before {
        content:'';
        position:absolute;
        top:15px;
        bottom:0;
        right:0;
        width:1px;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 45%, rgba(0,0,0,0.85) 55%, rgba(1,1,1,0) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 45%,rgba(0,0,0,0.85) 55%,rgba(1,1,1,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 45%,rgba(0,0,0,0.85) 55%,rgba(1,1,1,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00010101',GradientType=0 );
    }
    .onecat_page_div_desktop_summary > div:first-child {
        background: transparent;
        padding:0;
        font-size:165%;
        font-family: 'Dosis';
        color:#000000;
    }
    .onecat_page_div_desktop_summary > div:nth-child(2) {
        border:none;
        padding:10px 12px 60px 0;
        line-height: 1.6;
    }
    .onecat_page_div_desktop_summary > div:nth-child(2) a {
        font-size:105%;
        color:#494948;
    }
    .onecat_page_div_desktop_summary > div:nth-child(2) a:hover {
        color:#24bdec;
    }
    .onecat_page_div_desktop_summary > div:nth-child(2) a.on {
        color:#24bdec;
        font-weight: 700;
    }
    .onecat_page_div_desktop_summary > div:nth-child(2) a:before {
        position:relative;
        top:-3px;
        content:'\f068';
        font-family: FontAwesome;
        margin-right:8px;
        font-size:35%;
    }

    .onecat_page_div_contents #page_div_title {
        text-align: left;
    }
    .onecat_page_div_contents #page_div_title span:after {
        content:'';
        position:absolute;
        height:1px;
        bottom:-8px;
        left:-50px;
        right:-40px;
        background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 1%, rgba(0,0,0,0.85) 35%, rgba(0,0,0,0.8) 65%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 1%,rgba(0,0,0,0.85) 35%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 1%,rgba(0,0,0,0.85) 35%,rgba(0,0,0,0.8) 65%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
    }
}