/*
Theme Name: Ipeirotis
Theme URI: https://ipeirotis.com
Description: Ipeirotis theme based on OceanWP
Author: Armando J.
Author URI: https://perezcarreno.com
Template: oceanwp
Version: 1.0
*/


/**
* ---------------------------------------------------------
* Theme Resets styling
* ---------------------------------------------------------
*
**/

p {
	margin: 0;
}

/**
* ---------------------------------------------------------
* Publications Page related styling
* ---------------------------------------------------------
*
**/

/* Publications filters form */
.publication-filters {
    display: flex;
    justify-content: space-between;
}

/* Publications filter */
.publication-filters .publication-filter {
    float: left;
    width: 31%;
}

/* Publications text input fields */
.publication-filters .publication-filter input[type="text"] {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 2px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Publications  section */
#publications-section {
    margin-top: 40px;
}

/* Publications listing */
.publications {
    list-style: none;
    margin: 0;
    clear: both;
}

/* Publications Entries */
.publications .publication {
    line-height: 1.4;
    padding-top: 3em;
    margin-bottom: 1em;
    clear: both;
}

/* Publications Title */
.publications a.publication-title {
    font-size: 18px;
    color: #231F20;
    text-decoration: none;
    font-weight: 700;
}


/* Publication authors */
.publications .publication .authors-list {
    margin: 0 0 .2em 0;
    color: #231F20;
    font-size: 13px;
}

/* Publication Venue */
.publications .publication .publication-venue {
    margin: 0 0 .2em 0;
    color: #231F20;
    font-size: 13px;
}

/* Publication Date */
.publications .publication .publication-date {
    margin: 0 0.3em .2em 0;
    color: #231F20;
    font-size: 13px;
    float: left;
}

/* Publication Status */
.publications .publication .publication-status {
    margin: 0 0.3em .2em 0;
    color: #231F20;
    font-size: 13px;
    float: left;
}

/* Publication Acceptance Rates */
.publications .publication .publication-acceptance-rates {
    margin: 0 0 .2em 0;
    color: #231F20;
    font-size: 13px;
    float: left;
}

/* Publication Type */
.publications .publication .publication-type {
    background-color: #6F438C;
    font-size: 13px;
    font-weight: 500;
    color: #FFF;
    border-radius: 2px;
    padding: 0.4em 1em;
    clear: both;
    float: left;
    margin: 1em 1em 0em 0;
}

/* Publication Citations */
.publications .publication .publication-citations {
    font-size: 13px;
    margin: 1em 1em 0 0;
    padding: .4em 1em;
    background: #e8e8e8;
    border-radius: 2px;
    clear: both;
    float: left;
}

/* Publication DOI */
.publications .publication .publication-doi {
    font-size: 13px;
    margin: 1em 1em 0 0;
    padding: .4em 1em;
    background: #e8e8e8;
    border-radius: 2px;
    float: left;
}

/* Publication Files List */
.publications .publication .publication-files-list {
    clear: both;
}

/* Publication Files List File */
.publications .publication .publication-files-list .publication-file {
    font-size: 13px;
    margin: 1em 1em 0 0;
    padding: .4em 1em;
    background: #e8e8e8;
    border-radius: 2px;
    float: left;
}

/* Publication Links List */
.publications .publication .publication-links-list {
	
}

/* Publication Links List Link */
.publications .publication .publication-links-list .publication-link {
	font-size: 13px;
    margin: 1em 1em 0 0;
    padding: .4em 1em;
    background: #e8e8e8;
    border-radius: 2px;
    float: left;
}

/* Publication Projects List */
.publications .publication .publication-projects-list {
	margin: 1em 0 0em 0;
    clear: both;
    float: left;
}

/* Publication Projects List - when empty */
.publications .publication .publication-projects-list:empty {
	display: none;
}

/* Publication Related Projects */
.publications .publication .publication-project {
    background-color: #BFBFBF;
    font-size: 13px;
    font-weight: 500;
    color: #FFF;
    border-radius: 2px;
    padding: 0.4em 1em;
    clear: both;
    width: fit-content;
}

/* Publication Description */
.publications .publication .publication-description {
	margin-top: 1em;
	display: none;
}


/*  
*  Publication Abstract Toggle Button
**/
.abstractToggle {
    background: none;
    clear: both;
    border: none;
    font-size: 12px;
    padding: 4px;
    text-decoration: none;
    display: block;
    margin: 0.5em 0 0 0;
}

/* Hover effects for publication abstract toggle button */
.abstractToggle:hover,
.abstractToggle:focus {
    text-decoration: underline;
    background: none;
}

/* Icon */
.glyphicon-chevron-down {
    transform: rotate(0deg);
    transform-origin: center center;
    margin-left: 5px;
    transition: transform .2s ease-in-out;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #6F438C transparent transparent transparent;
}

/* Icon effects for publication abstract toggle button */
.abstractToggle[aria-expanded="true"] .glyphicon-chevron-down {
    transform: rotate(180deg);
}


/**
* ---------------------------------------------------------
* Publications Page related styling
* ---------------------------------------------------------
*
**/


/* Single Publication authors list */
.single-publication .publication-authors {
    list-style: none;
    margin: 0;
    color: #231F20;
}

/* Single Publication author */
.single-publication .publication-authors li {
    margin: 0 0 .2em 0.8em;
    font-size: 14px;
    display: inline;
    color: #231F20;
}

/* Single Publication extras heading */
.single-publication .related-heading {
    font-size: 16px;
    margin: 0 0 0.3em 0;
}

/* Single Publication Files, Links and Projects list */
.single-publication .publication-files, .single-publication .publication-links, .single-publication .publication-projects {
    list-style: none;
    margin: 0 0 1.5em 0;
}

/* Single Publication file, link and project */
.single-publication .publication-files li, .single-publication .publication-links li, .single-publication .publication-projects li {
    margin: 0 0 .2em 0;
    font-size: 14px;
    color: #231F20;
}



/**
* ---------------------------------------------------------
* Project Page related styling
* ---------------------------------------------------------
*
**/

/* Single Project extras heading */
.single-project .related-heading {
    font-size: 16px;
    margin: 0 0 0.3em 0;
}


/* Single Project faculty list */
.single-project .project-faculty, .single-project .project-students, .single-project .project-alumni, .single-project .project-affiliated-members  {
    list-style: none;
    margin: 0 0 1em 0;
    color: #231F20;
}

/* Single Project faculty */
.single-project .project-faculty li, .single-project .project-students li, .single-project .project-alumni li, .single-project .project-affiliated-members li {
    margin: 0 0 .2em 0.8em;
    font-size: 14px;
    display: inline;
    color: #231F20;
}


/* Single Project Files, Links and Publications list */
.single-project .project-files, .single-project .project-links, .single-project .project-publications {
    list-style: none;
    margin: 0 0 1.5em 0;
}

/* Single Project file, link and publication */
.single-project .project-files li, .single-project .project-links li, .single-project .project-publications li {
    margin: 0 0 .2em 0;
    font-size: 14px;
    color: #231F20;
}



/**
* ---------------------------------------------------------
* Talks Page related styling
* ---------------------------------------------------------
*
**/

/* Talks  section */
#talks-section {
    margin-top: 40px;
}

/* Talks listing */
.talks {
    list-style: none;
    margin: 0;
    clear: both;
}

/* Talk */
.talks .talk {
    line-height: 1.4;
    margin-top: 3em;
    margin-bottom: 1em;
}

/* Talks Title */
.talks .talk-title {
    font-size: 18px;
    color: #231F20;
    text-decoration: none;
    font-weight: 700;
    margin-bottom: 0;
}

/* Talks Date */
.talks .talk .talk-date {
    margin: 0 0 .2em 0;
    color: #231F20;
    font-size: 13px;
    display: inline;
}

/* Talks Location */
.talks .talk .talk-location {
    margin: 0 0 1em 0;
    color: #231F20;
    font-size: 13px;
}

/* Talks External Link */
.talks .talk .talk-link {
	font-size: 13px;
	margin: 0 1em 0 0;
	padding: .4em 1em;
	background: #e8e8e8;
	border-radius: 2px;
}

/* Talks File */
.talks .talk .talk-file {
	font-size: 13px;
	margin: 0 1em 0 0;
	padding: .4em 1em;
	background: #e8e8e8;
	border-radius: 2px;
}

/* Talk Description */
.talks .talk .publication-description {
	margin-top: 1em;
	display: none;
}


/**
* ---------------------------------------------------------
* Projects Page related styling
* ---------------------------------------------------------
*
**/


/* Projects  section */
#projects-section {
    margin-top: 40px;
}

/* Projects listing */
.projects {
    list-style: none;
    margin: 0;
    clear: both;
}

/* Projects Entries */
.projects .project {
    line-height: 1.4;
    margin-top: 3em;
    margin-bottom: 1em;
}

/* Projects Title */
.projects a.project-title {
    font-size: 18px;
    color: #231F20;
    text-decoration: none;
    font-weight: 700;
    display: block;
}


/* Project faculty, students, alumni, affiliated members */
.projects .project .faculty-list, .projects .project .students-list, .projects .project .alumni-list, .projects .project .affiliated-list   {
    margin: 0 0 .2em 0;
    color: #231F20;
    font-size: 13px;
}


/* Project Dates */
.projects .project .project-start-date, .projects .project .project-end-date {
    margin: 0 0 .2em 0;
    color: #231F20;
    font-size: 13px;
    display: inline;
}

/* Project Description */
.projects .project .publication-description {
    margin-top: 1em;
    display: none;
}



/* 
* Animated skeleton screen using CSS.
*/
.publications:empty, .talks:empty, .projects:empty {
    width: 300px;
    height: 250px; /* change height to see repeat-y behavior */

    background-image:
        linear-gradient( 100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80% ),
        linear-gradient( lightgray 20px, transparent 0 ),
        linear-gradient( lightgray 20px, transparent 0 ),
        linear-gradient( lightgray 20px, transparent 0 ),
        linear-gradient( lightgray 20px, transparent 0 );

    background-repeat: repeat-y;

    background-size:
        30px 300px, /* highlight */
        130px 100px,
        150px 100px,
        280px 100px,
        230px 100px;

    background-position:
        0 0, /* highlight */
        0px 0,
        0px 40px,
        0px 80px,
        0px 120px;

    animation: shine 1s infinite;
}


/* 
* Animated skeleton shine effect
*/
@keyframes shine {
    to {
        background-position:
            100% 0, /* move highlight to right */
            0px 0,
            0px 40px,
            0px 80px,
            0px 120px;
    }
}


/**
*
* == Media query max-width 480px
*
*
*-------------------------------------------------------------------- *
*-------------------------------------------------------------------- */

@media screen and (max-width: 480px) {
    /* Publications  section */
    #publications-section {
        margin-top: 0px;
        margin-bottom: 1em;
    }

    /* Publications listing */
    .publications {
        padding-top: 1em;
    }

    /* Publications filters */
    .publication-filters {
        display: block;
    }

    /* Publications filter */
    .publication-filters .publication-filter {
        width: 100%;
        margin-bottom: 1em;
    }
}