/*
Theme Name:   Anymag Child
Theme URI:    http://3styler.net/themes/anymag/
Author:       3Styler
Author URI:   http://3styler.net/
Description:  Child theme, based on Anymag
Template:     anymag

*/

/* Add your custom code just below */

.image-part img {
    height:inherit;
}

.post-wide .post-item .image-part {
    min-height:450px;
}

.slide-content {
    background: no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#newsletter_popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-name: fade-in;
    animation-duration: 1s;
    animation-fill-mode:forwards;
}

#newsletter_popup #backdrop {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
}

#newsletter_popup .form-wrapper {
    background-color: #fff;
    z-index: 102;
    min-width: 50vw;
    max-width: 60vw;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    position: relative;
}
#newsletter_popup .form-wrapper .w-100{
    width: 100%;
    display: flex;
}
#newsletter_popup .form-wrapper .w-50 {
    width: 50%;
    padding: 15px 60px 15px 60px;
}

#newsletter_popup .form-wrapper .w-50:first-child{
    border-right: solid 3px #000;
}

#newsletter_popup .form-wrapper .w-100 h3{
    font-family: 'Oswald', sans-serif;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.3em;
    margin: 60px 60px 0px 60px;
    letter-spacing: 0px;
}

#newsletter_popup .form-wrapper .w-50 p {
    font-size: 20px;
}

#newsletter_popup .form-wrapper .w-50 .btn{
    background: #111;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px;
    display: block;
    text-align: center;
}
#newsletter_popup .form-wrapper .w-50 input.btn{
    width: 100%;
}
#newsletter_popup .form-wrapper .mc-field-group{
    margin-bottom: 20px;
}
#newsletter_popup .form-wrapper .mc-field-group input{
    font-size: 16px;
}


#newsletter_popup .form-wrapper #close{
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    cursor: pointer;
}
#newsletter_popup .form-wrapper #close:hover {
    opacity: 1;
}
#newsletter_popup .form-wrapper #close:before, #newsletter_popup .form-wrapper #close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 40px;
    width: 6px;
    background-color: #333;
}
#newsletter_popup .form-wrapper #close:before {
    transform: rotate(45deg);
}
#newsletter_popup .form-wrapper #close:after {
    transform: rotate(-45deg);
}

.mp_wrapper label, .mp_wrapper .mp-row{
    font-size: 16px;
    line-height: 26px;
}
.mp_wrapper .mp-form-row{
    margin-bottom: 16px;
}
.mp_wrapper textarea, .mp_wrapper select, .mp_wrapper input[type=text], .mp_wrapper input[type=url], .mp_wrapper input[type=email], .mp_wrapper input[type=tel], .mp_wrapper input[type=number], .mp_wrapper input[type=password]{
    line-height: inherit;
}
.mepr_price{
    font-size: 20px;
    font-weight: 600;
}
.mp-form-submit input[type='submit']{
    font-size: 16px;
    font-weight: 600;
}

@keyframes fade-in {
  from {opacity: 0;}
  to {opacity: 1;}
}

@media (max-width: 1200px) {
    #newsletter_popup .form-wrapper {
        max-width: 80vw;
    }
}
@media (max-width: 960px) {
    #newsletter_popup .form-wrapper {
        max-width: 90vw;
    }
}
@media (max-width: 760px) {
    #newsletter_popup .form-wrapper .w-50:first-child{
        border-bottom: solid 3px #000;
        border-right: none;
    }
    #newsletter_popup .form-wrapper .w-100{
        width: auto;
        display: block;
        padding: 0px 60px 0px 60px;
    }
    #newsletter_popup .form-wrapper .w-100 h3{
        margin-left: 0;
        margin-right: 0;
    }
    #newsletter_popup .form-wrapper .w-50 {
        width: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (max-width: 460px) {
    #newsletter_popup .form-wrapper .w-100{
        padding: 0 30px;
    }
}



/* --- Memberpress override --- */

/* Hide terms */
.mp_wrapper .mepr_price{
    display:none;
}