/*
 Theme Name:   Werkstatt Child
 Theme URI:    http://allmedhealth.wpengine.com
 Description:  Werkstatt Child Theme
 Template:     werkstatt
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  werkstattchild
*/

/***************************/
/********* BUTTONS *********/
/***************************/

/* Text button right arrow - Style 4 */
.btn-text.style4 .arrow {
    padding-right: 15px;
}

/***************************/
/********* GENERIC *********/
/***************************/

/* Margin bottom */
.margin-bottom10 {
    margin-bottom: 10px;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.margin-bottom30 {
    margin-bottom: 30px;
}

.margin-bottom40 {
    margin-bottom: 40px;
}

/* Margin top */
.margin-top10 {
    margin-top: 10px;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-top30 {
    margin-top: 30px;
}

.margin-top40 {
    margin-top: 40px;
}

.single-post .header {
    background-color: #1c2d4e;
}

.header {
    flex-direction: column;
}

.peerpoint-login {
    min-height: 57px;
    background: linear-gradient(to right, #095196, #010A38);
    flex: 0 0 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    color: white;
    margin-top: -15px;
    margin-bottom: 15px;
    padding: 27px 50px 17px 25px;
}

.peerpoint-login a,
.mobile-peerpoint-login a {
    align-items: center;
    color: white;
    display: flex;
}

.peerpoint-login img,
.mobile-peerpoint-login img {
    height: 30px;
    margin: -10px 0 0 25px;
}

.mobile-peerpoint-login {
    background-color: #08113D;
    min-height: 90px;
    display: flex;
    align-items: center;
    padding: 34px 32px 36px 32px;
    margin-left: -50px;
    margin-right: -50px;
}

.mobile-peerpoint-login a {
    align-items: baseline;
}

.mobile-peerpoint-login img {
    margin: 5px 0 0 100px;
}


/***************************/
/****** MEDIA QUERIES ******/
/***************************/

@media (max-width: 640px) {
    .mobile-peerpoint-login {
        margin-left: -30px;
        margin-right: -30px;
    }
}

@media screen and (min-width: 783px) {
    .peerpoint-login {

    }
}

@media screen and (max-width: 1200px){
    .peerpoint-login {
        display: none;
    }
}