@import './assets/Helvetica.css';
@import './assets/HelveticaBold.css';

/* Dropdown menu */
.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-item:hover {
    background-color: transparent;
    color: inherit;
    text-decoration: none;
}

.no-border-dropdown .dropdown-menu {
    border: none;
}

.navbar-toggler{
    border: none;
}

.btn-start {
    color: #000;
    font-family: 'HelveticaBold';
    font-size: normal;
    font-weight: bold;
    text-decoration: none;
}

.btn-submit {
    color: #000;
    font-family: 'HelveticaBold';
    font-size: normal;
    font-weight: bold;
    text-decoration: none;
}

.btn-start:focus, .btn-start:active {
    border: none !important;
}

.dropdown .dropdown-menu {
    display: none;
    pointer-events: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}
  
.dropdown:hover .dropdown-menu {
    display: block;
    background: transparent;
    pointer-events: auto;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.navbar-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.navbar-nav .nav-item .nav-item.dropdown {
    flex: 1;
    text-align: center;
    width: 100%;
}

/* Title style */
.text-title {
    /* #354553 */
    color: #000;
    font-family: 'HelveticaBold';
    font-size: x-large;
    font-weight: 500;
}

.text-title-form {
    color: #000;
    font-family: 'Helvetica';
    font-size: large;
    font-weight: 500;
}

.a-link-dowdload {
    color: #000;
    font-family: 'HelveticaBold';
    font-size: large;
    font-weight: bold;
    text-decoration: none;
}

.a-link-dowdload:hover {
    color: #BD4063;
    font-family: 'HelveticaBold';
    font-size: large;
    font-weight: bold;
    text-decoration: none;
}

.text-title.title-active {
    color: #BD4063;
}

.text-option {
    color: #000;
    font-family: 'HelveticaBold';
    font-size: large;
}

.text-option.title-active {
    color: #BD4063;
}

/* Gallery Img - porfafolio.html */
.img-div {
    visibility: hidden;
}

.paint-title {
    color: #000;
    font-family: 'Helvetica';
    font-size: small;
    font-weight: 400;
}

/* canva */
#canvas_div {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.poemcanvas {
    border-radius: 100%;
    border: 1px solid white;
    height: 350px;
    width: 350px;
}

.poemcanvas:focus {
    outline: none;
}

#poemDiv {
    margin: 35px 0 35px 0;
}

#carouselPoem {
    margin: 85px 0 35px 0;
}

canvas {
    height: 100%;
    width: 100%;
}

.btn.btn-dark {
    border-radius:  0;
    font-family: 'Helvetica';
    font-size: large;
    font-weight: bold;
}

span {
    font-family: 'Helvetica';
    font-size: x-small;
    color: gray;
}

#modal {
    visibility: hidden;
}

@media (max-width: 768px) {
    .paint-title {
        display: none;
    }
}