/*  */

/*  */

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;
}
@media (min-width: 768px) {
    body > .main-content > .row {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        margin-bottom: 20px; /* to show the user's custom body background, if set */
    }
}
@media (max-width: 767px) {
    .main-content {
        padding-top: 0 !important;
    }
}


/** 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 .panel .panel-body table,
.user-page-content .panel-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;
    
}


/* 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 .panel-body h3,
.user-page-content h4,
.user-page-content h5,
.user-page-content h6,
.user-page-content .list-group-item-heading,
#viewh1 {
    color: #000000;
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
    font-weight: bold;
}


/* blocks */

.user-page-content .panel .title:not(.feedtitle) {
    font-weight: bold;
    color: #000000;
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
    border-color: #000000;
}
.user-page-content .panel .title a,
.user-page-content .panel .title a:link,
.user-page-content .panel .title a:visited,
.user-page-content .panel .title a:active {
    color: #000000;
    text-decoration: none;
}
.user-page-content .panel .title a:hover {
    color: #EE0000;
    text-decoration: none;
}
.user-page-content .link-blocktype:hover {
    background-color: transparent;
}
.user-page-content .panel {
    background-color: transparent; /* take away default white panel bg */
}


/* list groups */

.user-page-content .list-group-item {
    background-color: transparent;
}
.user-page-content .panel > .block .list-group .list-group-item {
    border-color: #000000;
}


/* 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;
}


/** 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
}