/*!
Theme Name: Of Interest
Description: Of Interest
Version: 1.0.1
*/



/*--------------------------------------------------------------
Additional CSS Here
--------------------------------------------------------------*/

/*--------------------------------------------------------------
 User List Output
--------------------------------------------------------------*/

.oi-list-container {
    background: #000000;
    min-height: 100vh;
}

.oi-list-body  {
    color: #ffffff;
    background: #000000;
    margin: 0 auto;
    padding: 60px 0px 60px 0px;
    text-align: center;
    border: solid .5px #ffffff;
}

.oi-list-body p  {
    font-family:  "Inconsolata", monospace;
    font-size: 1.2rem;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin-bottom: .4rem;
    word-break: break-all;
}

.oi-list-body  a {
    color: #ffffff;
    text-decoration: none;
}

.oi-list-body  a:hover {
    text-decoration: underline;
}

.oi-list-body  h2 {
    font-family: "Karla", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    padding-top: 12px;
    word-break: break-all;
}

/*--------------------------------------------------------------
User List Input 
--------------------------------------------------------------*/

.oi-user-container {
    background: #cccccc;
}

.oi-user-body {
    margin: 0 auto;
    padding: 20px 0px 60px 0px;
    text-align: center;
}

.oi-user-body .acf-field.acf-field-flexible-content {
    padding: 20px 0px;
}


.oi-user-body .acf-label {
    text-align: center;
}

.oi-user-body .acf-actions, .oi-user-body .updated {
    text-align: center;
}

.oi-user-body .acf-form-submit {
    padding-top: 20px;
    text-align: center;
}

.oi-user-body .acf-button.button.button-primary.button-large {
    color: #000000;
    border-radius: 0px;
    border: solid 1px #000000;
    padding: 10px 15px;
    background: transparent;
}

.oi-user-body .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-plus, .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-minus, .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-duplicate {
    visibility: visible !important;
}

.oi-user-body .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon {
    margin: 0 0 0 15px !important;
}

.oi-user-body .acf-flexible-content.-empty > .no-value-message {
    display: none;
}

.oi-user-body .acf-fc-layout-controls .acf-icon.-plus.small.light.acf-js-tooltip {
    display: none;
}

.oi-user-body .acf-fc-layout-controls .acf-icon.-duplicate.small.light.acf-js-tooltip {
    display: none;
}


.oi-user-body .acf-row-handle.remove .acf-icon.-minus.small.acf-js-tooltip {
    display: block;
}

.oi-user-body .acf-row-handle.remove .acf-icon.-plus.small.acf-js-tooltip.hide-on-shift {
    display: none;
}


.acf-fc-popup a {
    text-align: center;
}

.oi-user-body .acf-button.acf-repeater-add-row.button.button-primary {
    padding-bottom: 10px;
}

.oi-user-body .acf-actions .acf-button.button.button-primary {
    margin-top: 10px;
}


.oi-user-body  .list-logout {
    display: block;
    margin-top: 40px;
}



/*--------------------------------------------------------------
Custom Login Form 
--------------------------------------------------------------*/

#oi-login-form {
    
}

#oi-login-form h1 {
    font-size: 20px;
    padding-bottom: 16px;
}

#oi-login-form .row {
    min-height: 100vh;
}

#loginform {
    max-width: 500px;
    padding: 20px;
    margin: 0 auto;
}

p.login-username > label, p.login-password > label {
    display: block;
    padding-bottom: 10px;
}

p.login-username > input, p.login-password > input {
    width: 80%;
    border-radius: 0px;
    border: solid 1px #000000;
    padding: 12px 20px;
}

#wp-submit {
    background: transparent;
    border-radius: 0px;
    border: solid 1px #000000;    
    margin-top: 10px;
    padding: 10px 20px;
}

#wp-submit:hover {
    background: #000000;
    color: #ffffff;
}



/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/

/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) { 

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {


}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}