/**
 * Theme Name: MSC-Theme
 * Description: Dette er MSC egen theme
 * Author: Danny Haslund
 */

* {
    margin: 0px;
}

body {
    background-color: #e8e8e8;
    width: 100%;
}

.tox-dialog {
    position: fixed !important;
}

.tox {
    height: 500px;
    width: 100%;
    margin-top: 0px !important;
}

 a.edd_go_to_checkout.button.dark-gray.edd-submit{
	background-color: #34eb5e;
	border-color: #34eb5e;
}
a.edd-add-to-cart.button.dark-gray.edd-submit.edd-has-js{
    background-color: #6a6a6a;
	border-color: #6a6a6a;
}

.edd_discount_link  {
    font-size: 1.5vw !important;
}

#edd_show_discount {
    font-size: 1.3vw !important;
}

.editBox {
    border: solid 1px;
}

.up_down_del_div {
    margin-bottom: 5px !important;
}

.sell-downloads-ordering {
    float: left;
}

/* ============================== */
/*            Banner              */
/* ============================== */
#banner {
    width: 100%;
}

#banner2 {
    width: 100%;
    display: none;
}
/* ============================== */




/* ============================== */
/*      Index.php Styling         */
/* ============================== */
#container {
    width: 900px;
    margin: auto;
}

#content {
    margin: auto;
    text-align: center;
}

#content a {
    text-decoration: none;
}

#content img:hover {
    transform: scale(1.1);
}

#content img {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 25px;
}
/* ============================== */




/* ============================== */
/*     mindfulness.php Styling    */
/* ============================== */
.content {
    max-width: 80%;
    margin: 20px auto 20px auto;
    display: flex;
    justify-content: space-between;
}

.content button {
    background-color: #4CAF50;
    color: white;
    padding: 4px 6px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 5px !important;
}
.content input {
    background-color: #ffffff;
    color: black;
    padding: 4px 6px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 5px !important;
}

.content-text {
    margin: 0px 0px 0px 0px;
    max-width: 75%;
    text-align: left;
}
.content-text .textdiv {
    margin-bottom: 40px;
    /*width: 100px;*/
}
.content-text p {
	font-size: 0.8vw;
}
.text {
    margin-top: 0px !important;
}

.content-text h1 {
    margin: 0px 0px 0px 0px;
}
.content-text a {
    text-decoration: none;
	width:13.5vw;
	font-size: 0.7vw;
	margin-top: 2vh;
	
}

.content-text a:hover {
    color: #c3c0c0;

}

.content-text img {
    width: 200px;
}

.content-img {
    max-width: 20%;
    margin-right: 0px;
}

.content-img img {
    padding: 2%;
    width: 100%;

}

.content-img p {
    padding: 2%;
    width: 100%;
}

#kontakt_content {
    width: 100%;
    padding: 20px;
    background-color: #f2f2f2;
    border-radius: 30px; 
    max-width: 100%;
}

#kontakt_content p {
    margin-top: 10px;
}

#kontakt_content iframe {
    margin-top: 20px;
    max-width: 100%;
    min-width: 40%;

}

#footer_img {
    width: 80%;
}
#footer_img img {
    width: 6%;
}


#kontakt_content a:hover {
    color: black;
}

#kontakt_content input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
#kontakt_content input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
#kontakt_content input[type=submit]:hover {
    background-color: #131313;
}

.wp-block-spacer {
    margin-bottom: 0px;
    margin-top: 0px;
}

.grid {
	float: center;
	margin: 0 auto;
    text-align: center;
	vertical-align: left;
	display: grid;
  	grid-template-columns: auto auto auto auto auto;
}

.gap {
	margin: 10px
}

.image{
 width:300px;
 height:150px;
}

.edd_download_title a {
	font-size: 1.2vw; 
	font-weight: bold;
	color: #363636;
}