﻿@media (min-width: 1350px) {
    main {
        /*background: url(/images/2024/frame_top_nobanner.png) no-repeat scroll center top, url(/images/2020/frame_bottom.jpg) no-repeat scroll center bottom, url(/images/2020/frame_middle.jpg) repeat-y scroll center top;*/
        background: url(https://www.stardock.com/thepoliticalmachine/2024/background/frame_top_nobanner.jpg) no-repeat scroll center top, url(https://www.stardock.com/thepoliticalmachine/2024/background/frame_bottom.jpg) no-repeat scroll center bottom, url(https://www.stardock.com/thepoliticalmachine/2024/background/frame_middle.jpg) repeat-y scroll center top;
        display: block;
    }
    section.TPM2024 > div {
        margin-top: -45em;
    }
}

#press {
    display: block;
    margin: 0 auto;
    padding-bottom: 2em;
    padding-top: 2em;
    text-align: left;
    width: 90%;
}

        #press h2 {
            /*color: #0262c8;*/
            color: #ffffff;
            font: normal 1.5em "Segoe UI", Arial, Tahoma;
            text-align: left;
            text-transform: uppercase;
        }

    @media phone {
        #press h2 {
            margin-bottom: 0;
        }
    }

    @media tablet {
        #press h2::before, h2::after {
            background-repeat: no-repeat;
            background-size: 100% 1px;
            content: '';
            flex: 2;
        }

        #press h2::before {
            background-image: linear-gradient(to right, #d0821a, transparent 90%), linear-gradient(to right, #9b6c2d, transparent 70%), linear-gradient(to right, #5a3d18, transparent 80%);
            background-position: left 25%, left center, left 75%;
        }

        #press h2::after {
            background-image: linear-gradient(to left, #d0821a, transparent 90%), linear-gradient(to left, #9b6c2d, transparent 70%), linear-gradient(to left, #5a3d18, transparent 80%);
            background-position: right 25%, right center, right 75%;
        }
    }

#press .dot-div {
    /*border-bottom: thin dashed #0262c8;*/
    border-bottom: thin dashed #ffffff;
    width: 100%;
    height: 14px;
    margin-bottom: 2px;
}

    #press .text-div {
        margin-top: -14px;
    }

        #press .text-div h3 {
            /*background-color: #eaf7ff;*/
            background-color: #030912;
            /*color: #0262c8;*/
            color: #ffffff;
            display: inline-block;
            font: normal 1.125em "Segoe UI", Arial, Tahoma;
            font-weight: normal;
            margin: 0;
            padding-right: 10px;
            text-transform: uppercase;
        }

        #press .text-div a.downloadtxt {
            background: #0262c8;
            color: #43f6ff;
            display: inline-block;
            float: right;
            margin-top: 4px;
            padding-left: 5px;
        }

    #press p {
        margin-top: 0.25em;
    }

        #press p.mail {
            display: block;
            margin: 0 auto;
            max-width: 1000px;
            text-align: left;
            width: 100%;
        }

            #press p.mail > a {
                /*color: #0262c8;*/
                color: #ffffff;
            }

    #press section.title {
        margin: 0 auto;
        max-width: 1000px;
        width: 100%;
    }

        #press section.title h2 {
            display: inline-block;
            text-align: left;
            margin: 0;
        }

        #press section.title .btn {
            background-color: #d5851b;
            border: none;
            color: #ffffff;
            font-family: Segoe UI,Arial,Verdana,Helvetica,Sans-Serif;
            padding: 4px 15px;
            cursor: pointer;
            font-size: 14px;
            display: inline-block;
            float: right;
            margin-top: 5px;
        }
            /* Darker background on mouse-over */
            #press section.title .btn:hover {
                filter: brightness(1.2);
            }

        #press section.title hr {
            /*border: 0.5px solid #0262c8;*/
            border: 0.5px solid #ffffff;
            margin-bottom: 3em;
        }

    #press section.latest {
        margin: -2em auto 3em;
        max-width: 1000px;
        width: 100%;
    }

        #press section.latest > div {
            display: block;
            width: 100%;
        }

            #press section.latest > div > div {
                border-bottom: 1px solid #43f6ff;
                display: flex;
                flex-direction: row;
            }

                #press section.latest > div > div > div {
                    padding: 0.5em 0.25em;
                    text-align: left;
                    width: 100%;
                }

                    #press section.latest > div > div > div.date {
                        width: 160px;
                    }

                    #press section.latest > div > div > div.size {
                        width: 140px;
                    }

                    #press section.latest > div > div > div.download {
                        width: 230px;
                    }

                    #press section.latest > div > div > div > a {
                        /*color: #0262c8;*/
                        color: #ffffff;
                    }

#press div.categories {
    /*color: #0262c8;*/
    color: #ffffff;
    display: block;
    margin: 0 auto 30px;
    text-align: center;
    text-transform: uppercase;
}

    #press div.categories a {
        /*color: #0262c8;*/
        color: #ffffff;
        font-size: 15px;
        padding: 0 10px;
        display: inline;
        cursor: pointer;
    }

    #press > .section-wrapper {
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        margin-bottom: 3em;
        max-width: 1000px;
        text-align: left;
        width: 100%;
    }

        #press > .section-wrapper > ul {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-flow: row wrap;
            flex-flow: row wrap;
            padding: 1em 0;
        }

            #press > .section-wrapper > ul.doc {
                display: block;
                padding-bottom: 0;
            }

    @media phone {
        #press > .section-wrapper > ul {
            flex-direction: row;
            margin-top: 0;
        }
    }

    @media tablet {
        #press > .section-wrapper > ul {
            flex-direction: row;
            justify-content: left;
            padding: 0;
            width: 100%;
        }
    }

    @media widescreen {
        #press > .section-wrapper > ul {
            flex-wrap: wrap;
            justify-content: left;
            /*max-width: $page-section-max-width;*/
            max-width: 1000px;
        }
    }

    #press > .section-wrapper > ul > li {
        /*color: #0262c8;*/
            color: #ffffff;
        display: flex;
        flex-direction: column;
        font-family: Segoe UI,Arial,Verdana,Helvetica,Sans-Serif;
        font-size: 1em;
        text-align: left;
        margin: 2px;
    }

        #press > .section-wrapper > ul > li > a {
            /*border: 1px solid #0262c8;*/
            border: 1px solid #878787;
            display: flex;
            flex-direction: row;
            font-weight: normal;
            transition: .25s ease-in-out;
        }

            /*#press > .section-wrapper > ul > li > a > span {
                height: 106px;
                width: 194px;
            }*/

            #press > .section-wrapper > ul > li > a:hover {
                filter: brightness(1.2);
            }

                #press > .section-wrapper > ul > li > a:hover > span::after {
                    transform: scale(1.1);
                }

        #press > .section-wrapper > ul > li > span.label {
            margin-top: .5em;
        }

        #press > .section-wrapper > ul > li.video > a > span {
            height: 184px;
            position: relative;
            width: 327px;
        }


    @media (max-width: 400px) {
        #press > .section-wrapper > ul > li.video > a > span {
            min-width: 184px;
            max-width: 327px;
            background-position: 50%;
            width: 100%;
        }
    }

    #press > .section-wrapper > ul > li.video > a > span::after {
        background: url('/images/play_button.svg');
        background-size: 77px 77px;
        content: '';
        height: 77px;
        left: 50%;
        margin-left: -38px;
        margin-top: -38px;
        position: absolute;
        top: 50%;
        transition: .25s ease-in-out;
        width: 77px;
    }

    #press > .section-wrapper > ul > li.ss > a > span {
        height: 106px;
        position: relative;
        width: 194px;
    }

    #press > .section-wrapper > ul > li.doc {
        display: block;
    }

        #press > .section-wrapper > ul > li.doc > a {
            border: none;
            /*color: #0262c8;*/
            color: #ffffff;
            display: inline-block;
            margin-bottom: 1.25em;
            text-decoration: none;
        }

            #press > .section-wrapper > ul > li.doc > a:hover {
                text-decoration: underline;
            }

    #press > .section-wrapper > ul > div {
        margin: 0 auto;
        max-width: 1000px;
        width: 100%;
    }

        #press > .section-wrapper > ul > div > div.classic {
            margin: 0 auto;
            max-width: 730px;
            width: 100%;
        }

    #press .box {
        float: left;
        padding: 0 1em 1em 0;
    }


.lightspeed-box .lsb-content {
    height: 80%;
}