/*  */

/*  */

/*  */

body {
    background-color: #FFFFFF;
    background-image: url('https://mahara.dkit.ie/artefact/file/download.php?file=333900&view=94947');
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: left top;
}

/* we want some elements to have a solid background irrespective of user settings */
body > .main-content > .row {
    background-color: #FFFFFF;
}
[data-bs-theme="dark"] body > .main-content > .row {
    background-color: #111315;
}

/* Heading background customizations */
.pageheader {
    background-color: #CCCCCC;
    background-image:  ;
            background-repeat: ;
    }
h1#viewh1 {
    color:  #000000;
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
}
.collection-title {
    color:  #000000;
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
}
.collection-nav .collection-title {
    border-bottom: 1px solid #000000;
}

/* Used to style author, tag links in page headers */
.pageheader-content .text-small {
    color: #000000;
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
}
.pageheader-content .text-small a {
    color: #000000;
    text-decoration: underline;
}
.pageheader-content .text-small a:hover,
.pageheader-content .text-small a:active {
    color: #000000;
    text-decoration: underline;
}

/* All other custom settings should be scoped to be within .user-page-content */
/* with the exception of the page title and page description */

/* page settings (also page description) */

.user-page-content,
.user-page-content .card,
.user-page-content .card .card-body table,
.user-page-content .card-body ul,
#view-description {
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
    color: #000000;
            font-size: small;
    }

.user-page-content pre {
    color: #000000;
            font-size: small;
    }

.card-secondary .list-group-item-heading,
.metadata, .postedon {
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
}

.pageinstructions legend {
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
    color: #0000EE;
    text-decoration: none;
}

.viewinstructions {
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
    color: #000000;
}

/* links and headings */

.user-page-content a,
.user-page-content a:link,
.user-page-content a:visited {
    color: #0000EE;
    text-decoration: none;
}
.user-page-content a:hover,
.user-page-content a:active {
    color: #EE0000;
    text-decoration: none;
}
.user-page-content h1,
.user-page-content h2,
.user-page-content h3,
.user-page-content h4,
.user-page-content h5,
.user-page-content h6 {
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
    color: #000000;
}


/* blocks */

.user-page-content .block-header a {
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.user-page-content .card .card-header:not(.feedtitle) {
    font-weight: bold !important;
    color: #333333 !important;
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif !important;
    border-color: #333333 !important;
    background: none;
}
.user-page-content .card .card-header a:hover {
    color: #EE0000;
    text-decoration: none;
}
.user-page-content .card .card-header .collapse-indicator,
.card .card-header::before {
    color: #333333;
}
.user-page-content .link-blocktype:hover {
    background-color: transparent;
}
.user-page-content .card {
    background-color: transparent; /* take away default white card bg */
}
.user-page-content .text-midtone,
.user-page-content .metadata,
.user-page-content .postedon,
.user-page-content .text-muted {
    color: #000000;
}
.user-page-content .text-muted {
    color: #000000 !important;
}
a[data-bs-toggle="collapse"] .collapse-indicator,
tr[data-bs-toggle="collapse"] .collapse-indicator,
.card.collapsible:not(.card-secondary).has-attachment .card-header .collapse-indicator,
.card.collapsible:not(.card-secondary).has-attachment .card-header .metadata {
    color: #0000EE;
}

/* list groups */

.user-page-content .list-group-item {
    background-color: transparent;
}


/* pagination */

.user-page-content .pagination > .active > a,
.user-page-content .pagination > .active > a:focus,
.user-page-content .pagination > .active > a:hover,
.user-page-content .pagination > .active > span,
.user-page-content .pagination > .active > span:focus,
.user-page-content .pagination > .active > span:hover {
    background-color: #0000EE;
}

.last-updated {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* advanced: custom css */

/*  Button  */
.coolButtons {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
text-align:center;
width:100%;
height:100%;
margin:0 auto; /*    padding: 2em 0em;  */
}

.coolButtons .container {
align-items:center;
display:flex;
flex-direction:column;
justify-content:center;
text-align:center;
background-color:#FFF;
padding:40px 0;
width:180px;
margin:0
}

.coolButtons .container .btn {
letter-spacing:.1em;
cursor:pointer;
font-size:14px;
font-weight:400;
line-height:45px;
max-width:160px;
position:relative;
text-decoration:none;
text-transform:uppercase;
width:100%
}

/* btn_background */
.coolButtons .container .effect04 {
color:#b3b3b3;
outline:solid 2px #000;
position:relative
}

/*  文字1を上に  */
.coolButtons .container .effect04:hover {
background-color:#000
}

/*  Add  */
.section-heading {
display:none
}

#collectionnavwrap {
display:none
}

.comment-container {
display:none
}

.pull-left {
display:none
}

.link-blocktype {
display:none
}

.more {
display:none
}

.stylish__link {
display:none
}

.with-heading {
display:none
}

#viewh1 {
display:none
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}

table,tr,td {
border:solid
}

/*  Basic  */
@-ms-viewport {
width:device-width
}

body {
-ms-overflow-style:scrollbar
}

@media screen and (max-width: 480px) {
html,body {
min-width:320px
}
}

body.is-loading *,body.is-loading :before,body.is-loading :after {
-moz-animation:none!important;
-webkit-animation:none!important;
-ms-animation:none!important;
animation:none!important;
-moz-transition:none!important;
-webkit-transition:none!important;
-ms-transition:none!important;
transition:none!important
}

/*  Type  */
@media screen and (max-width: 1680px) {
body,input,select,textarea {
font-size:11pt
}
}

@media screen and (max-width: 1280px) {
body,input,select,textarea {
font-size:11pt
}
}

@media screen and (max-width: 980px) {
body,input,select,textarea {
font-size:12pt
}
}

@media screen and (max-width: 736px) {
body,input,select,textarea {
font-size:12pt
}
}

@media screen and (max-width: 480px) {
body,input,select,textarea {
font-size:12pt
}
}

a {
-moz-transition:background-color .2s ease-in-out,color .2s ease-in-out;
-webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;
-ms-transition:background-color .2s ease-in-out,color .2s ease-in-out;
transition:background-color .2s ease-in-out,color .2s ease-in-out;
color:rgba(255,255,255,0.75);
text-decoration:none;
border-bottom:1px dotted;
outline:0
}

a:hover {
color:#FFF;
border:none
}

em,i {
font-style:italic
}

p {
margin:0 0 2em
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
color:inherit;
text-decoration:none
}

h2 {
font-size:1.75em
}

h3 {
font-size:1.35em
}

h4 {
font-size:1.1em
}

h5 {
font-size:.9em
}

h6 {
font-size:.7em
}

sub {
font-size:.8em;
position:relative;
top:.5em
}

sup {
font-size:.8em;
position:relative;
top:-.5em
}

blockquote {
border-left:solid 4px rgba(144,144,144,0.25);
font-style:italic;
margin:0 0 2em;
padding:.5em 0 .5em 2em
}

code {
background:rgba(144,144,144,0.075);
border-radius:4px;
border:solid 1px rgba(144,144,144,0.25);
font-family:"Courier New",monospace;
font-size:.9em;
margin:0 .25em;
padding:.25em .65em
}

pre {
-webkit-overflow-scrolling:touch;
font-family:"Courier New",monospace;
font-size:.9em;
margin:0 0 2em
}

pre code {
display:block;
line-height:1.75;
padding:1em 1.5em;
overflow-x:auto
}

hr {
border:0;
border-bottom:solid 1px rgba(144,144,144,0.25);
margin:2em 0
}

hr.major {
margin:3em 0
}

.align-left {
text-align:left
}

.align-center {
text-align:center
}

.align-right {
text-align:right
}