/* remove borders from input fields */
#login form {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* style the login button */
.tml-submit-wrap input {
    font-style: normal !important;
}
/* remove field labels on custom login & register form*/
.tml-login label {
    display: none;
}
.tml-register label {
    display: none;
}

/* change input fields */
input#user_login.input, input#user_pass.input {
    font-size: 15px;
    text-align: center;
    font-style: italic;
    padding: 13px 65px 11px;
}
/*  style imput fields  */
.tml input {
    font-size: 15px;
    text-align: center;
    font-style: italic;
    padding: 13px 65px 11px;
}
/* Center content in login & register forms */
#login-main {
    min-height: 500px;
    padding: 70px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/* Change error msgs on custom login & register form */
.tml .error {
    border: none !important;
}
.tml-action-links a {
    color: #5ebf87 !important;
}
/* Change message on register page */
.tml-register .message {
    text-align: center;
    border: none !important;
}
/*----------------Fix nyheter menu bar------------------*/
#news-categories, #news-page-categories, #search-page-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex ;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0 !important;
}
/*-----------------------------------------CSS from header.php--------------------------------------------------------- */
    /* Export to separate CSS-file */


    /*  Set margin on newsmenu items   */
    .button.odling {
        margin: 2px !important;
    }

    #wp-submit {
        background: #5ebf87;
        color: white;
        cursor: pointer;
        display: table;
        font-family: 'Roboto';
        font-size: 20px;
        height: 50px;
        margin: 1.3em auto 0 auto;
        width: 275px;
        border: 1px solid #5ebf87;
    }

    #login-navigation-mobile > a { margin-right:35px; }
    #login-navigation-mobile { display:inline-block; }

    #cart-product-added-pop-up > div > div.wp_register > li > a {
        background: #5ebf87;
        color: white;
        cursor: pointer;
        display: table;
        font-family: 'Roboto';
        font-size: 20px;
        height: 50px;
        margin: 1.3em auto 0 auto;
        padding-top: 11px;
        width: 275px;
        border: 1px solid #5ebf87;
    }

    #loginform > p.login-remember { display:none; }

    #cart-product-added-pop-up  li { list-style: none; }

    #loginform > p.login-submit { margin-bottom: 1em !important; }

    #loginform > p.login-username { margin-bottom: 1em !important; }

    #loginform > p.login-password { margin-bottom: 1em !important; }

    .wp_login label { display:block; font-size: 17px; }

    .login_popup #close_login_popup {  padding-top: 4px !important;  width: 275px !important;}

    #register > p:nth-child(1) > label { display:block; font-size: 17px; }

    #register > p:nth-child(2) > label { display:block; font-size: 17px; }

    #reg_passmail { font-size: 17px !important; }

    div#cart-product-added-pop-up>.inner p { margin-bottom:1em; margin:0 auto; width: 52%; font-size: 15px; padding-bottom: 0px; margin-bottom:20px; }

    h2 { font-size: 26px; }
    #login-navigation-desktop > a { font-size:12px; margin-right: 0px; padding-right: 9px; padding-left: 9px; color: white; display: inline-block; }
    #login-navigation-desktop  { display:inline-block !important; }
    #login-navigation-mobile > a { color: white; font-size:12px; }
    #directusername {
        font-size: 15px;
        text-align: center;
        font-style: italic;
        padding: 13px 65px 11px;
    }

    #directemail { font-size: 15px; text-align: center; font-style: italic; padding: 13px 65px 11px; }

    @media (max-width: 350px) {
    #lat-dig-inspireras h3 { font-size:13px;  }
}

    @media (min-width: 351px) {
    #lat-dig-inspireras h3 { font-size:15px;  }
}

    @media (min-width: 540px) {
    #lat-dig-inspireras h3 { font-size:24px;  }
}

    @media (min-width: 768px) {
    #lat-dig-inspireras h3 { font-size:17px;  }
}


@media (max-width: 767px) {
     #user_login { width: 100%; }
     #user_pass  { width: 100%; }
    div#cart-product-added-pop-up>.inner p { margin:0 auto; width: 100%; font-size: 15px; padding-bottom: 15px; }

    div#cart-product-added-pop-up {
        width: 323px !important;
        height: 480px !important;
        left: calc(50% - 155px) !important;
        top: calc(30% - 83px) !important;
        padding: 8px;
       }

      #directemail { width:100%; }
      #directusername { width:100%; }

      #login-navigation-desktop { display:none !important; }
}

  @media (min-width: 768px) {
    .login-container {
    display:none !important;
    }
}
/*---------------------------------------------------  CSS for header  -------------------------------------------------- */
@media (max-width: 1199px) {
		header a.logo img {
        width: 200px !important;
	}	
}
@media (max-width: 767px) {
	header a.logo img {
		padding-top: 0 !important;
        width: 200px !important;
	}	
	#login-navigation-mobile {
		margin: 5px;
		border-radius: 25px;
		max-width: 80px;
		padding: 5px 15px !important;
	}
	#login-navigation-mobile a{
		font-size: 10px !important;
	}
}