/**
 * de Souza Reference - CSS
 */

.dsref-spinner {
	-webkit-animation: dsref-animation-spin 2s infinite linear;
	animation: dsref-animation-spin 2s infinite linear;
}
@-webkit-keyframes dsref-animation-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes dsref-animation-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.dsref-greyedout {
    background: #bbb !important;
}

.dsref-warning {
    color: #f00;
    padding: 0 1rem 1rem 1rem;
}

.dsref-msg-processing {
    display: none;
}

.dsref-msg-done {
    font-size: larger;
}
.dsref-msg-done .dashicons-yes {
    color: #0a4; 
}

.dsref-reference-icon:before {
    content: "\f330";
    font: 400 18px/1 dashicons;
    speak: none;
    -webkit-font-smoothing: antialiased;    
}

select#dsref-ref {
    border: 1px solid #bbb;
    height: auto;
    margin-bottom: 1em;
    width: 100%;
}

.dsref-filter {
    margin-bottom: 1em;  
}
input[type=text].dsref-filtertext {
    border: 1px solid #bbb;
}

.dsref-footnote {
    border-radius: 100px;
    font-weight: bold;
    font-size: small;
    padding: 0 5px;
    text-decoration: none;
    transition: all 0.4s;
    vertical-align: super;
}
    .dsref-footnote:hover {
        background: #056cb6;
        color: white;
        text-decoration: none;
    }

.dsref-bottom-footnote {
    font-size: smaller;
    margin: 1.5rem 0;
    padding-left: 3em;
    text-indent: -3em;
}

.dsref-all-footnote {
    padding-left: 3em;
    text-indent: -3em;
}

.dsref-bottom-footnotes-header {
    border-top: 1px solid #ccc;
    margin-top: 6rem;
    padding-top: 2rem;
}

.dsref-skipped {
    margin-top: 1rem;
}

.dsref-clipboard-success {
    display: none;
    font-weight: bold;
    margin-left: 1.5rem;
    padding: 0.5em 1em;
}
.dsref-clipboard-copied {
    position: relative;
    top: -0.5em;    
}
.dsref-clipboard-success:before {
    color: #0a4;
    content: "\f147";
    font-family: dashicons;
    font-size: 150%;
    margin-right: 0.25em;
    speak: none;
    -webkit-font-smoothing: antialiased;        
}

.dsref-broken-checking {
    display: none;
}
.dsref-shortcode-broken {
    font-size: larger;
}

.button-dsref-import,
.button-dsref-begin-scan {
    font-size: larger !important;
    height: auto !important;
    padding: 0.5rem 1rem !important;
}



/* MAGNIFICPOPUP STYLES */

.dsref-selection-modal,
.dsref-footnote-modal {
    background: white;
    margin: 1rem auto;
    max-width: 900px;
    overflow-x: hidden;
    padding: 1rem;
    position: relative;
    width: auto;
}
.dsref-footnote-modal {
    padding: 1rem 3rem 2.5rem 3rem;
}
    .dsref-footnote-modal p {
        font-size: 120%;
        margin: 2em 0;
        padding-left: 3em;
        text-indent: -3em;  
    }

button.mfp-close:hover {
    background: #056cb6;
    color: white;
}



/* CUSTOM MAGNIFICPOPUP EFFECT */

/* Thanks goes to Dmitry Semenov:
 * http://codepen.io/dimsemenov/pen/GAIkt/
 */

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}



/* WORDPRESS BUTTON STYLES FOR FRONT-END */

/* Copied from WordPress admin CSS */

.button,
.button-primary,
.button-secondary {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 26px;
    height: 28px;
    margin: 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.button,
.button-secondary {
    color: #555;
    border-color: #cccccc;
    background: #f7f7f7;
    -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
    box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
    vertical-align: top;
}

p .button {
    vertical-align: baseline;
}

.button:hover,
.button-secondary:hover,
.button:focus,
.button-secondary:focus {
    background: #fafafa;
    border-color: #999;
    color: #222;
}

.button:focus,
.button-secondary:focus {
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
}

.button:active,
.button-secondary:active {
    background: #eee;
    border-color: #999;
    color: #333;
    -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
}

.button-primary {
    background: #2ea2cc;
    border-color: #0074a2;
    -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
    color: #fff;
    text-decoration: none;
}

.button-primary:hover,
.button-primary:focus {
    background: #1e8cbe;
    border-color: #0074a2;
    -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    color: #fff;
}

.button-primary:focus {
    border-color: #0e3950;
    -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
}

.button-primary:active {
    background: #1b7aa6;
    border-color: #005684;
    color: rgba(255,255,255,0.95);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    vertical-align: top;
}