/*
Theme Name: Movie Database
Theme URI: 
Author: Matt
Author URI:
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 


Colours

Grey: #EBEBEB;
Blue: #89C3CF;
Teal: #57989B;
Dark: #122D3D;
Black:#1B0C27;




*/

* { box-sizing: border-box; }

body, html { padding:0;margin:0; }
body {font-family:lato, sans-serif;background:#EBEBEB;color:#1B0C27; }
table { border-collapse: collapse; }
th,td { padding:5px;text-align:left; }
tr { background:rgba(0,0,0,0.05);border-bottom:1px solid #000; }
tr:nth-child(odd) { background:none; }
tr.active { background:#89C3CF;color:#fff; }

tr th { background:#122D3D;color:#57989B;padding-top:30px;position:sticky;top:0; }

tr th:nth-child(2), tr td:nth-child(2) { padding-left:15px; }
.edit-col { padding:5px 5px 5px 10px; }

.container { width:100%;margin:0 auto;display:inline-block; }

.filter { background:#122D3D;color:#fff;padding:30px 15px 30px;position:relative; }
table { width:100%;margin-bottom:100px; }

.usercheckboxes { display:inline-block;margin-bottom:10px;margin-right:10px; }
.usercheckboxes input[type="checkbox"] { display:none; }
.usercheckboxes label { opacity:0.3;display:inline-block;padding:2px 8px;border:1px solid #57989B;height:30px; }
.usercheckboxes select { pointer-events:none;-webkit-appearance: none;border:1px solid #57989B;border-left:none;background:transparent;color:#57989B;border-radius:0px;opacity:0.3;display:inline-block;padding:2px 8px;height:30px;font-size:15px;position:relative;top:-1px; }
.usercheckboxes input[type="checkbox"]:checked ~ label,
.usercheckboxes input[type="checkbox"]:checked ~ select { opacity:1;pointer-events:all; }

.orderbybox { display:inline-block;width:100%;padding:10px 0;margin-bottom:10px; }
select.orderby { -webkit-appearance: none;border:1px solid #57989B;background:transparent;color:#57989B;border-radius:0px;display:inline-block;padding:2px 8px;height:30px;font-size:15px; }

#compare { background:#57989B;border:none;color:#ffffff;position:absolute;bottom:0;left:0;width:100%;display:inline-block;padding:10px 15px;font-size:20px; }
#compare:hover { background:#89C3CF; }

#movie_title_add_compare { padding:15px 0px;font-size:0.8em; }

.edit-link { display:block;background:url("/wp-content/themes/moviedb/edit.png") no-repeat;background-position:-20px 0px;background-size:contain;width:15px;height:15px; }
.editing .edit-link { display:block;background:url("/wp-content/themes/moviedb/save.png");background-size:contain; }
.filmrow:hover .edit-link { display:block;background-position:0px 0px; }

.click-select span { display:block;width:15px;height:15px;border:1px solid #122D3D; }
.filmrow.active .click-select span { background:#122D3D; }
.filmrow input { width:100%; }
.filmrow .imdbscoreinput { width:80px; }
.editratinginput { width:50px !important;color:#000; }


.filmrow.toupdate { background:#122D3D;color:#fff; }
.filmrow.isfocused { background:#57989B;color:#fff; }

#saveuserratings { background:#57989B;color:#ffffff;position:fixed;bottom:-60px;left:0;width:100%;display:inline-block;text-align:center;text-decoration: none;text-transform: uppercase;padding:15px;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out; }
#saveuserratings.show { bottom:0px; }
#saveuserratings:hover { background:#89C3CF; }







#graphmode { position:absolute;top:-100%;left:0;width:100%;height:100%;background:#fff;z-index:111; }
#graphmodetoggle { position:absolute;bottom:-30px;color:#fff;background:#57989B;padding:5px 15px;left:50%;transform: translateX(-50%); }

#graphmode.active { top:0;position:fixed; }
#graphmodetoggle.active { bottom:0; }

#graphholder { width:80%;height:80%;display:inline-block;position:absolute;top:10%;left:10%; }
/*#myChart { width:400px;height:500px; }*/