/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 26, 2018, 4:55:09 PM
    Author     : Jordan
*/

.customizer-label{
    font-size: 1.2em;
    font-weight: bold;
}
.large-text{
    width:100%;
    
}

.small-text{
    width:100%;
}

.customize-input{
    resize:none;
    margin-bottom: 15px;
    padding-left:10px;
    padding-right:10px;
}

.customization-area textarea{
    resize: none;
}

.all-sources-modal{
    top:10% !important; 
}

#saveCustomization{
    margin-top:10px;
}

#custom-source-area{
    display:flex;
    flex-direction: row;
    flex-wrap:  wrap;
}

.sourcebox{
    width:23%;
    margin-right:2%;
    margin-bottom:20px;
    padding:15px;
    display:flex;
    flex-direction: column;
    align-items: center;
    background-color: #e3e4e6;
    -webkit-box-shadow: 5px 5px  #afafaf;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    5px 5px  #afafaf;  /* Firefox 3.5 - 3.6 */
    box-shadow:         5px 5px  #afafaf;
}

.source-title{
    width:100%;
    text-align: center;
    font-size: 1.3em;
    line-height: 1.2em;
    font-weight: bold;
    margin-bottom:15px;
}

.source-thumb-holder{
    -webkit-box-shadow: 5px 5px  #afafaf;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    5px 5px  #afafaf;  /* Firefox 3.5 - 3.6 */
    box-shadow:         5px 5px  #afafaf;
    margin-bottom: 10px;
}

.source-type{
    font-size: .8em;
    font-weight: bold;
    margin-bottom:10px;
}
.source-excerpt{
    margin-bottom:20px;
}

.new-sources-button{
    margin-top: auto;
    margin-bottom:auto;
    width:100%;
    height:150px;
    color: white;
    font-weight: bold;
    font-size: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#03a9f5;
}

.deleteSourceButton{
    margin-top: auto;
    color:white;
    background-color:#ff647e;
}

#source-list-area{
    max-height: 600px;
    overflow-y: scroll;
}

.source-list-item{
    padding-top:15px;
    padding-bottom:15px;
    width:100%;
    border-bottom:1px solid black;
    display:flex;
    flex-direction: row;
    align-items: center;
    
}

 input[type=checkbox] {
     position: relative;
}
/* to hide the checkbox itself */
 label>input[type=checkbox]:before {
     position: absolute;
    /* background-color: #FFFFFF; */
    height: 100%;
    width: 100%;
    font-size: 1.3em;
    font-family: FontAwesome;
    display: inline-block;
    content:"\f096";
    letter-spacing: 100px;
    line-height: .8em;
}
/* space between checkbox and label */
 label>input[type=checkbox]:checked:before {
     font-family: FontAwesome;
    display: inline-block;
    content:"\f046";
    letter-spacing: 50px;
}

.source-item-check{
    margin-right:20px;
    flex-shrink: 0;
}

.list-thumb-holder{
    padding:5px;
    border:1px solid grey;
    
}

.source-list-display{
    width:100%;
    display:flex;
    flex-direction: row;
    align-items:center;
    justify-content:space-between;
}

.source-item-text{
    width:50%;
}

.source-item-title{
    font-size: 1.2em;
    line-height: 1em;
    font-weight:bold;
}
.source-item-type{
    font-size: .7em;
    font-weight:bold;
    margin-bottom: 10px;
}
.source-item-excerpt{
    line-height: .9em;
}


.view-source-button{
    display:flex;
    flex-direction: column;
    align-items:center;
    font-size: 1.2em;
    margin-right:15px;
    height:100%;
    padding:20px;
    cursor:pointer;
    color:white;
    background-color:#03a9f5;
    -webkit-box-shadow: 5px 5px  #afafaf;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    5px 5px  #afafaf;  /* Firefox 3.5 - 3.6 */
    box-shadow:         5px 5px  #afafaf;
}

#addPrimarySourcesButton{
    margin-top:15px;
}

.teacher-note-area{
    width:100%;
    margin-bottom:20px;
    display:flex;
    flex-direction: column;
}
.teacher-note-box{
    width:100%;
}

.save-teacher-note{
    align-self: flex-end;
    margin-top:10px;
    margin-right:2%;
    
}

.student-listing{
    width:100%;
    display:flex;
    flex-direction: column;
    border:1px solid black;
    margin-bottom:25px;
    -webkit-box-shadow: 5px 5px  #afafaf;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    5px 5px  #afafaf;  /* Firefox 3.5 - 3.6 */
    box-shadow:         5px 5px  #afafaf;
    
}

.student-listings-section{
    display:flex;
    flex-direction:column;
}

.student-info{
    display:flex;
    flex-direction: row;
    border-bottom:1px solid black;
    justify-content: space-between;
    padding-left: 7%;
    padding-right:7%;
    padding-top:1%;
    padding-bottom:1%;
}

.case-info{
    padding-top:2%;
    padding-bottom:2%;
    padding-left: 7%;
    padding-right:7%;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.student-case-title{
    
}

.list-label{
    font-size: .7em;
    font-weight: bold;
    margin-right:6px;
}

.student-case-title{
    font-size:1.5em;
    font-weight: bold;
    margin-bottom:5px;
}

.student-case-url{
    font-size: 1.2em;
    margin-right:15px;
    height:100%;
    padding:20px;
    cursor:pointer;
    color:white;
    background-color:#03a9f5;
    -webkit-box-shadow: 5px 5px  #afafaf;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    5px 5px  #afafaf;  /* Firefox 3.5 - 3.6 */
    box-shadow:         5px 5px  #afafaf;
}

.case-info-text{
    display: flex;
    flex-direction:column;
}


/* NC LINK EDITOR TWEAKS */
#wp-link-wrap #wplink-link-existing-content {display: none;}
#wp-link-wrap #search-panel {display: none;}
/* attempting to hide autocomplete box for link tool (not inside the properties box) */
.challenges-template-default .ui-autocomplete {
    display: none !important;
}