/*
Theme Name: AQSO Hub
Author: Surfget.com
Author URI: http://surfget.com/
Version: 1.2
*/

#wpadminbar {
	display: none;
}
.loading-messages {
  padding-top: 20px;
  color: #777;
}
.infinite-scroll-last, .infinite-scroll-error{
	display: none;
}
.wp-pagenavi a, .wp-pagenavi span{
	border: none;
}
.wp-pagenavi{
	padding-top: 50px;
}
/* Cascade framework overrides */
.label{
    margin: 1px;
}
.hidden {
	display: none !important;
}
.float-right{
	float: right;
}
.float-left{
	float: left;
}
.color-green {
    color: #90c250 !important;
}
.background-green {
    background-color: #90c250 !important;
}
.lg-image{
	float: none;
}
select:focus, input:focus, textarea:focus {
    border-color: #828282;
}
select {
	width: 100% !important;
}
::selection {
	background: #BAFF17!important;
	color: black !important;
}
body {
	min-width: 300px;
	background: none !important;
}
body, .site-footer, .site-footer-fixture, pre, .panel .footer, .menu .stat a:hover, .files .tree a:hover, .panel .header, .datasheet th, code, .menu .active a, .tab-block .body, .tab-block .body .tabs .nav a, .menu .active a:hover, .menu .links .active a:hover{
	background-color: #FFF !important;
}
.menu .links a, a, .pipes a, .menu .stat a {
	color: #888888 !important;
}
a:hover, .menu .links a:hover, .pipes a:hover, .menu .stat a:hover, .tags .cloud a:hover {
	color: #333333 !important;
	text-decoration: none !important;
}
a {
	-webkit-tap-highlight-color: #ffffff !important;	
}
a.disabled:active{
	pointer-events: none;
}
a.disabled{
	cursor: default;
	filter: grayscale(90%);
}
li {
	list-style: none !important;
}
ul {
	margin: 0 !important;
}
input, textarea {
	width: 100% !important;
	overflow-x: hidden;
	width: calc(100% - 12px) !important;
}
input[type=button], input[type=submit] {
    width: auto !important;
}
hr, abbr, .tabs, .nav, .page-header {
    border-bottom-width: 0 !important;
}
h4 {
	line-height: 30px !important;
}
input:focus, textarea:focus {
    border-color: black !important;
}
.page-header {
	border: none !important;
}
.site-header, .site-header-fixture {
    background: none !important;
	box-shadow: none !important;
}
.bottom {
    position: absolute;
    bottom: 0;
	z-index: 99;
}
.top {
    position: absolute;
    top: 0;
	z-index: 99;
}
a.anchor {
    display: block;
    position: relative;
    top: -10px;
    visibility: hidden;
}
.search-box, .search-button {
	font-size: 20px;
}
.search-button {
	border: none;
}
form p{
	padding: 0 !important;
}
.login-submit {
	padding-bottom: 50px !important;
}
.green-button{
	color: white !important;
    background-color: rgb(144, 193, 81);
	border: 1px solid rgb(144, 193, 81);
}
.green-button:hover, .green-button:focus{
	background-color: rgb(111, 148, 63);
	border: 1px solid rgb(111, 148, 63) !important;
	color: white !important;
}
.button.add-row, .button.loading{
	text-align: center;
}
.button.add-row .spin{
	display: none;
}
.button.loading .spin{
	display: block;
}
.button.loading .default{
	display: none;
}
.button.disable, .button.disable:hover, button:disabled, button[disabled]{
	cursor:default;
	color: silver !important;
}
.button {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
div.horizontal-border{
    border-bottom-width: 1px;
}
.outline-header {
    font-size: 14px;
    line-height: 14px;
	border-color: #333;
}
/* Images fade in effect */
.fadein {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Fullpage.js overrides */
.fp-controlArrow {
	display: none;
}
.fp-tableCell {
	height:100% !important;
}

/* Header */
.home .logo, .header .logo, .light .header .logo{
	background: url('assets/img/logo/AQSO_logo_w.svg');
}
.dark .header .logo {
	background: url('assets/img/logo/AQSO_logo.svg');
}
.header .logo {
	background-size: 125px;
	width: 124px;
    height: 43px;
	float: left;
}
/* Navigation */
.navigation {
	padding: 0 0 20px 0;
}
.subtitle, .title, .pretitle, .root {
	border: none !important;
    font-size: 25px !important;
    padding: 0 20px 0 0 !important;
	color: silver;
	float: left;
	line-height: 35px;
	background: none !important;
}
.single-aqso_project .subtitle, .single-aqso_project .title, .single-aqso_project .pretitle, .single-aqso_project .root {
	color: white;
}
.root {
	font-weight: normal;
	color: #e2e2e2;
}
.root.current {
	color: grey;
}
.subtitle {
	font-weight: normal;
}
.title {
	font-weight: bold;
	color: black;
	padding: 0 30px 0 0 !important;
	text-align: left;
}
.pretitle {
	font-weight: bold;
	color: grey;
}
.pretitle:hover, .root:hover {
	color: black;
}
.subtitle:hover{
	color: grey;
}
.subtitle.is-checked {
	color: black;
}

/* Archive filters */
.grid-item h3 a{
	font-weight: normal;
}
.grid-item .aqso_project .excerpt, .grid-item .aqso_publication .excerpt {
	display: none;
}
.image-frame{
	overflow: hidden;
}
.image-frame img{
	max-width: 100%;
  	-moz-transition: all 0.5s;
  	-webkit-transition: all 0.5s;
  	transition: all 0.5s;
}
.image-frame img:hover{
  	-moz-transform: scale(1.1);
  	-webkit-transform: scale(1.1);
  	transform: scale(1.1);
}
/* Main */
.main .page-top{
	padding: 20px 0 0 0;
}
.main .page-top a{
	color: #dedede;
}
.main .page-top a:hover{
	color: grey;
}
.main .sidebar img {
	padding: 30px 0;
}
/* Site map */
.sitemap h2, .sitemap h3 {
	padding: 20px 0 10px 0;
}
.sitemap h4 {
	padding: 0 0 5px 0;
}
/* Single post */
.single .more-tag p, .page .more-tag p{
	font-size: 20px;
	padding: 0 0 25px 0;
}
.single #hero .fp-tableCell{
    vertical-align: top;
}
.single #intro p{
	text-align: left;
}
.single p, .page p{
	font-size: 15px;
    text-align: left;
	padding-bottom: 15px;
}
.single .chapter-img {
	padding-bottom: 15px;
}
.single .chapter-img img {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.single li {
	margin-left: 20px;
    font-size: 15px;
	list-style: inherit !important;
}
.single ul{
	padding-bottom: 30px;
}
.single ul li ul{
	padding-bottom: 0px;
}
.single .full_page {
	height: 70vh;
}
.single .full-screen-div{
	overflow: hidden;
}
.single .full-screen-img{
	min-height: 70%;
    min-width: 100%;
	max-height: 70%;
    max-width: 100%;
    height: auto;
    width: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    object-fit: cover;
}
.single .full-screen-img.hero {
	min-height: 100%;
	max-height: 100%;
}
.single .introduction p{
	font-size: 22px;
    line-height: 27px;
    padding-bottom: 30px;
}
.single .credits p, .single .team p{
	font-size: 18px;
	line-height: 21px;
	color: grey;
}
.single #related-projects {
	background-color: #2f2f2f;
}
.single #related-projects a:hover{
	color: white;
}
.single #related-projects h3 {
	color: silver;
}
.page-title {
	padding: 80px 0 50px 0;
}
.single .related, .single .related-title{
	color: silver;
}
.single .related {
	font-weight: normal;
}
.single .related:hover {
	color: black;
}
#sidebar-menu .active {
	color: black !important;
}

/* Quiz */
.choice-box {
	border: none;
    border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 15px;
    cursor: pointer;
    background-color: #f1f1f1;
    font-size: 15px;
    line-height: 22px;
}

#submitbutton {
	border: 1px solid #dcdcdc;
	background: none;
}
#submitbutton.greyedout {
	color: #dcdcdc;
	cursor:not-allowed;
}

/* Apps */
.apps i {
	margin-bottom: 10px;
	padding: 30px;
	background-color: silver;
	border-radius: 50%;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
.apps i:hover{
	background-color: grey;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
.apps .icon {
	text-align: center;
	font-family: Helvetica, Arial, "sans-serif";
	padding-bottom: 30px;
	float: left;
}
.apps .icon a{
	text-decoration: none;
	color: silver;
}
.apps .icon i{
	color:white;
}
/* Custom fields */

.acf-fields > .acf-field {
	border-top: 0px;
	padding: 15px 0;
}
.acf-actions a {
	margin:0;
}
.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="email"], .acf-field input[type="url"], .acf-field textarea, .acf-field select {
	width: 100% !important;
}

table input{
	border-width: 1px !important;
    padding: 4px !important;
}
table .col {
	line-height: 150%;
}

/* Timesheets */
.timesheet .tabs a {
	margin: 0;
}
.ts-entry {
	border-bottom: 1px solid rgb(232, 232, 232);
    margin: 10px 0;
}
.ts-summary {
	margin: 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid silver;
}
.ts-entries select, .ts-entries input{
	width: 100%;
	margin-bottom: 10px;
}
.modal-parent{
	position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.53);
    width: 100%;
    height: 100%;
	z-index: 9;
}
.modal {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    max-width: 500px;
    padding: 25px;
    border: 1px #4a4a4a solid;
    min-width: 300px;
}
.postform {
	width: 100%
}
.ts_filter {
	padding-bottom: 50px;
}
#ts_total {
	font-size: 25px;
}
.ts_total {
	border-bottom: 1px solid black;
    text-align: right;
	padding: 10px 0;
}
.ts-group-header th{
	background: #e0e0e0;
    font-size: 17px;
    font-weight: normal !important;
}
.acf-field {
    clear: none !important;
}
.acf-button {
	margin: 20px 0 25px !important;
}
.acf-field .acf-label label , .acf-fields > .acf-field{
	padding: 0 !important;
}
.acf-field .acf-label {
	margin: 8px 0 4px 0;
}

/* form */

.lead_item.collapsible.collapsed{
	background-color: white;
	border-left: none;
	border-right: none;
}
.lead_item.collapsible{
	background-color: #f7f7f7;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.lead_item.collapsible.collapsed table{
	background-color: white;
}
.lead_item.collapsible table{
	background-color: #f7f7f7;
}

/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -150px;
  padding: 7px;
  width: 300px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.postit{
	background-color: #feff9c;
    padding: 8px;
    margin: 0 0 20px 0;
    color: #a96e02;
    font-style: oblique;
    box-shadow: -8px 8px 10px rgba(0,0,0,0.1);
	hyphens: auto;
	word-break: break-word;
}
.postit:before {
  	content: "";
  	position: absolute;
  	top: 0;
  	right: 0;
  	border-width: 0 16px 16px 0;
  	border-style: solid;
	border-color: #fff #fff #eceb80 #dedd75;
    background: #dedd75;
  	/* Firefox 3.0 damage limitation */
  	display: block; width: 0;
}
:not(.collapsed).collapsible .postit:before {
	border-color: #fff #f7f7f7 #eceb80 #dedd75 !important;
}
:not(.active).expand .fa-angle-down, .expand.active .fa-angle-up {
  display: inline;
}

button.expand{
	margin: 15px 0;
	padding: 4px 10px;
}
button.expand:hover{
	background-color: #e2e2e2 !important;
}
.expand.active .fa-angle-down, :not(.active).expand .fa-angle-up{
  display: none;
}
.switch {
  	position: relative;
  	display: inline-block;
  	width: 46px;
  	height: 24px;
	padding: 0 !important;
}

.switch input { 
  	opacity: 0;
  	width: 0;
  	height: 0;
}
input:disabled + .slider  { 
  	opacity: 0.5;
	cursor: no-drop;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d8d8d8;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #90c151;
}

input:focus + .slider {
  box-shadow: 0 0 1px #90c151;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.leaflet-control-layers-selector {
    margin: 0 2px 0 0 !important;
    top: -2px !important;
    width: auto !important;
}


.pin::after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  bottom: -18px;
  left: 0;
  border: 10px solid transparent;
  border-top: 17px solid grey;
}

.pie {
  display: inline-block;
  border-radius: 50%;
  background-origin: border-box; 
}

.form-error {
	color: rgb(255, 255, 255);
    background-color: rgb(214, 85, 82);
	border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 15px;
}