/*
Theme Name: 
Author: Adam Jast
Author URI: https://jastcode.com
Description: ...
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/*
* Globals
*/


/* Custom default button */

/* 
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
    color: #333;
    text-shadow: none; 
}
*/



/*
* Base structure
*/

/* body {
    text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
} */

.cover-container {
    max-width: 42em;
}


/*
* Header
*/

header {
    color: black;
    margin-left:1em !important;
    margin-right:1em !important;
    border-bottom-left-radius:1em;
    border-bottom-right-radius:1em;
    padding:0.4em;
    --bs-bg-opacity: 0.8 !important;
}


/*
#logo {
    text-decoration: none;
}

.nav-masthead .nav-link {
    padding: .25rem 0;
    font-weight: 700;
    color: rgba(255, 255, 255, .5);
    background-color: transparent;
    border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
    border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
    margin-left: 1rem;
}

.nav-masthead .active {
    color: #fff;
    border-bottom-color: #fff; 
}


.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

*/

main {
    /* margin-top: 22em; */
    /* https://cssgradient.io */
}


#feed-background-default {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%; 
    background: #833AB4;
    background: radial-gradient(circle, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
}


#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%; 
    
    display:none;
} 

#feed {
    margin-top: 12em;
    margin-bottom: 12em;
}

#feed > div {
    /* margin-bottom:2em; */
} 

#nav-ambassador a {
    text-decoration: none;
    --bs-text-opacity: 1;
    color:rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}



.modal {
    color: black;
}

.modal .modal-header i {
    margin-right: 1em;
}

.modal .modal-body label {
    font-weight: 500;
    width: 100%;
    text-align: left;
    font-size: x-large;
    padding-bottom: .75em;
}

.modal .modal-footer > button {
    margin:auto;
    width: 46%;
}

.modal .modal-footer > div {
    width: 100%;
}

.modal .modal-footer > div > span {
    padding: 1em;
    display: flex;
    flex-direction: row;
    color: #96999e;
}

.modal .modal-footer > div > span:before,
.modal .modal-footer > div > span:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #d7dade;
    margin:0.5em;
}

.modal .modal-footer > div > button {
    width: 100%;    
}

footer {
    color: black;
    margin-left:1em !important;
    margin-right:1em !important;
    border-top-left-radius:1em;
    border-top-right-radius:1em;
    --bs-bg-opacity: 0.8 !important;
    /* padding:0.4em; */
}

#input-wrapper {
    border-radius:1em;
}

#input-wrapper > .input-group > span.input-group-text {
    border: none;
    background-color: initial;
}

#input-wrapper > .input-group > input {
    border: initial;
}

#input-wrapper > .input-group > input:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#nav-ambassador {
    /* display:none; */
    margin-top: 1em;
}