/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

@font-face {
    font-family: "Molla";
    src: url("/assets/molalfont-671c0d2e.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html{background-color:#fff;
        color:#000;
        overscroll-behavior-y: none;
    }


.tcenter{
    text-align: center;
}

.hflex {
  display: flex;
  align-items: center;
}

.relative{
    position:relative;
}
.prime{background-color:#dccdc9;}
.prime-t{color:#dccdc9;}
.lgrey{background-color:#f5f5f5;}
.brown{color:#654321;}
.white{background-color:white;}

.wtf{
    background-color:#f9f6ee;;
}

.mbox{
	border-radius:10px;
	border: 2px solid #5A3A31;
}

.bp{border:2px solid; border-color:#5A3A31;}

.bbp{border-bottom:2px solid #5A3A31;}

.secondary{background-color:#5A3A31;}
.secondary-t{color:#5A3A31;}



.green{background-color: #c9dccd;color:#38563e;}
.green-t{color:#38563e;}
.green-b{border:solid 2px #38563e;}

.greenbox{
	background-color:#c9dccd;
	color:#38563e;
	border: solid 2px #38563e;
	border-radius: 10px;
}


.flexed{
  display:flex;
}

.center{display: flex;justify-content: center;align-items: center;}

.jflex {
  display: flex;
  justify-content: space-between;
}

.d-none{display:none;}

.d-none-desktop{display: none;}



.tabs li.is-active-prime a{
	border-bottom-color:#654321;
	color:#654321;
}

.mokka-btn {
    display: inline-block;
    padding: 0.5rem 1rem;
    border: 2px solid #5A3A31;
    border-radius: 4px;
    background-color: #ffe08a;
    color: #5A3A31;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.m-shadow {
    box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.4);
}

.float-r{
	float:right;
}

.bold{font-weight:bold}
.itc{font-style:italic;}

.header{
    height:55px;
    width:100%;
    display:flex;
    justify-content: center;

}

.header1{
    width:10%;
    display:flex;
    align-items: center;
    font-size:18px;
    padding-left:8px;
}
.header2{
    display:flex;
    justify-content: flex-end;
    width:30%;
    font-size:18px;
    align-items: center;
}

.header3{
    width:60%;
    font-size:18px;
    display: flex;
    justify-content: flex-end;
    align-items: center;

}

.h600{
  height:800px;
}

.h60{height:60%;}
.h40{height:40%;}

.tsection{
  display:flex;
  border:2px solid black;
}
.tsectionl{
  width:100%;
}

.tsectionr{
  width:700px;
}
.tsection1{
  height:66%;
}


@media (max-width: 430px){
    .d-none-mobile{
        display:none;
    }

    .d-none-desktop{
        display:block;
    }


    }