@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;900&display=swap');
/* ============ only desktop view ============ */
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
    .navbar .nav-item .nav-link{ font-family: "Montserrat" , sans-serif ;font-weight: 900;  }
    .navbar .nav-item:hover .nav-link{ color: #fff;  }
    .navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
    .navbar .dropdown-menu.fade-up{ top:180%;  }
    .navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}
:root{
    --img_bg : 'img/pattern-30.svg';
    /*--body-bg : #000000  ;*/
    --body-bg: #000;

}
html > body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    /*background-color: var(--body-bg);*/

/*    background-image: url(img/pattern-30.svg);
    background-image: ;*/
}

.tgme_background_wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  /*background: var(--body-bg);*/
}

.tgme_background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
background-image: url('img/pattern-30.svg');
filter: invert(100%);
/*  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  /*filter: blur(5px);*/*/

}

.tgme_background_pattern.default {
  background: var(--body-bg);
  
}
/*
li,a ,ul{
    font-family: "Montserrat" , sans-serif !important;
    font-weight: 900 !important;
    color: #edf0f1 !important;
    /*text-decoration: none !important;*/
    /*font-size: 45 px !important;*/






#my-address {
    /*margin-top: 0.5rem;*/
    /*margin-left: 1rem;*/
    color: black;
    font-family: "Montserrat" , sans-serif ;
    font-weight: 900;
}
.tgme_background_wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  background: var(--body-bg);
}
.my-col {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*grid-template-columns:  4fr 2fr;*/
   /* grid-template-rows: 1fr ;*/
    /*align-items: center;*/
    /*gap: 2rem;*/

/*border: 10px solid blueviolet ;*/

}
.my-address-block2 {
    background-color: #F8F9FA;
    padding: 1.25%;
    white-space: nowrap;
    padding-left: 0;
    margin-left: 1rem;
    text-align: center;
    padding-right: 1rem;
  /*  border: 10px solid firebrick ;*/
}


.get-new-address-col {
    padding: 1.25%;
    text-align: center;
    /*padding: 0.5rem;*/
    white-space: nowrap;
}

.email-list-item {
    padding-left: 0;
    padding-bottom: 0;
}

.copy-button {
    width: 15%;
    min-width: 40px;
    font-size: 75%;
    font-weight: bolder;
    font-family: "Montserrat" ;
    color: #fff;
    cursor: pointer;
    background-color: #343a40;
    border: 0;
    border-radius: 0.25rem;
    /*margin-right: 0.75rem;*/
    /*color: #808080;*/
    /*color: #808080;*/
}

.copy-button:hover {
    color: #fff;
    background-color: #7f55ab;
}

header {
    /*background-color: #f9f9f9;*/
    padding-bottom: 1rem;
    padding-top: 1rem;
}

main {
    flex: 1; /* stick footer to the bottom */
    padding-top: 2rem;
    padding-bottom: 2rem;
}

#language-selection {
    width: 10rem;
}

footer {
    padding-top: 1rem;
    background-color: #eeeeee;
}

.open-collapse-button {
    background-color: transparent;
    width: 3rem;
}

.open-collapse-button > i {
    font-size: 1.5em;
}

[aria-expanded="false"] .expand-button-closed {
    display: block;
}

[aria-expanded="false"] .expand-button-opened {
    display: none;
}

[aria-expanded="true"] .expand-button-closed {
    display: none;
}

[aria-expanded="true"] .expand-button-opened {
    display: block;
}

#new-content-avalable {
    display: none;
    text-align: center;
}

.email-body {
    word-wrap: break-word;
}

.alert-fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9999;
    border-radius: 0px;
    text-align: center;
}
#address-box-edit {
    margin: 1rem;
}

.columnsn{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
/*    align-items: center;
    justify-content: center;*/
    gap: 0.75em;
    /*border: 1px solid blueviolet;*/
}

.columnsn > *:nth-child(1) {
    flex: 1 1 70%;
    /*border: 1px solid blueviolet;*/
    text-align: center;
    /*flex-grow: 1;*/
    /*min-width: 35ch;*/
}
.columnsn > *:nth-child(2) {
    flex: 1 1 15%;
    /*border: 1px solid red;*/
    text-align: center;
    /*justify-items: center;*/
    /*flex-grow: 1;*/
    /*max-width: 100px;*/
    /*min-width: 15ch;*/
}


.cardn{
    padding: 1em;
/*    border: 2px solid yellow;*/
    /*margin-left: auto;*/
    /*max-width: 500px;*/
    /*min-width: 35ch;*/
    /*width: 70%;*/
/*    min-width: 200px;

    padding: 1em;*/
}
.cardn span{
    /*text-shadow: 2px 2px white;*/
    text-align: center;
    color: black;
    /*font-family:"Impact";*/
    font-family: "Montserrat" ;
    font-size: 110%;
    /*font-weight: 900;*/
    font-weight: bolder;
} 

.cardn2{
    min-width: 24ch;
    padding: 1em;
    /*border: 1px solid yellow;*/
    /*margin-left: auto;*/
    text-align: center;
    

}
.change-button {
    font-family: "Montserrat" ;
    font-weight: 550;
    margin-left: auto;
    margin-right: auto;
    font-size: 85%;
    /*height: 75px;*/
/*    padding: 1.25%;
*/     /*border: 1px solid yellow;*/
    /*color: #808080;*/
/*    width: 25%;*/
    /*font-size: 75%;*/
    color: #fff;
    /*padding: 1.5%;*/
   /* padding: 1.25%;*/

    
    cursor: pointer;
    height: 42px;
    width: 20ch;
    background-color: #343a40;
    border: 0;
    border-radius: 0.25rem;
/*    margin-right: auto;
    margin-left: auto;*/
}

.change-button:hover {
    color: #fff;
    background-color: #7f55ab;
}
.my-address-block {
    background-color: #F8F9FA;
    /*font-size: 75%;*/
    padding: 1%;
    /*height: 42px;*/
    width: 100%;
  /*height: 100%;*/
    align-items: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
/*    border: 1px solid firebrick ;*/
    /*white-space: nowrap;*/
/*    padding-left: 0;
    text-align: center;
    padding-right: 0;*/
    /*border: 10px solid firebrick ;*/

}