/*
Theme Name:	Old West - Child Theme
Description: A bespoke theme for Old West by Fhoke.
Version:     1.0.1
Text Domain: old-west-child
Template:	old-west
Author:      Fhoke
Author URI:  https://www.fhoke.com/
*/

/* ======================================= */
/* Generator Template */
/* ======================================= */
/* ======================================= */

/* === General Styles */
#name-gen .sub-section.section-grid {
    display: grid;

}

#name-gen .two-columns {
    grid-template-columns: 32% 68%;
}

/* === End General Styles */


/* === Elements */
#name-gen .radio-container .radio {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

#name-gen .radio-container .jcf-radio {
    border: 2px solid #2c3338;

}

#name-gen .radio-container label {
    margin-left: 5px;
}

#name-gen .grid-cell.cell-md {
    padding-left: 32px;
    padding-bottom: 32px;
}

#name-gen .name-panel {
    background: #fff;
    border-radius: 10px;
    padding: 16px 16px;
    margin-top: 16px;
    transition: all .3s ease-in-out;
    box-shadow: 10px 5px 5px #e5e5e5;
}

#name-gen .name-panel:hover {
    transform: scale(1.04);
}

/* === End Elements */

/* Partical Styles */
#name-gen .gen-form {
    position: relative;

}
#name-gen .gen-form-wrapper {
    position: absolute;
    width: 32%;
}

#name-gen .gen-form-wrapper img {
    transition: all .1s ease-in;
}

#name-gen .gen-form-wrapper img:hover {
    transform: rotate(5deg);
}

#name-gen .name-generator button {
    margin-top: 32px;
    margin-bottom: 16px;
}

.gen-contents {
    margin-bottom: 32px;
}

/* ======================================= */
/* End Generator Template */
/* ======================================= */
/* ======================================= */