/* Fix for strange rendering of special characters in IOS devices
-----------------------------------------------------------------------------*/
.ios_device {
	font-family:'Helvetica'!important;
}

body {
padding-top: 51px;
}
.navbar-default {
background-color: #f7f7f5;
border-color: #e7e7e7;
}
/* Header
-----------------------------------------------------------------------------*/
.logo{width:132px;height:auto;padding-top:4px;}
#socialbar{
margin-top:5px;
height:30px;
}
.nav>li>a {
padding: 15px 8px;
}
.red_header_button {
color:#e25424!important;
font-weight:bold;
font-size:15px;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
padding: 15px 0;
}
#footer ul li{}
#footer p {}
#footer a {
color:#666;
}
#footer a:hover {
color:#e25424;
}
#footer h3 {
color:#e25424;
text-transform: uppercase;
font-size: 14px;
}
#footer-wrap{
background-color: #eee;
border-top: 1px #e5e5e5 solid;
margin-top: 70px;
}
#footnote-wrapper{
background-color: #fff;
color:#aaa;
padding-top:8px;
border-top:1px #ddd solid;
}
/* General
-----------------------------------------------------------------------------*/
/* Tabs, UI
-----------------------------------------------------------------------------*/
.inactive {
display:none;
}
.link_inactive {
color:#595856;
text-decoration:none;
}
.link_active {
background-color:#e15321;
color:#fff;
text-decoration:none;
}
.bigtext{
font-size:15px;
line-height: 21px;
}
/* Project preview
-----------------------------------------------------------------------------*/
.item{
margin-bottom:10px;
/*  margin-top:10px; */
}
/* Progress, milestones, tasks
-----------------------------------------------------------------------------*/
h4.amount{
font-size: 50px;
font-weight: normal;
}
.funding_status {
background-color:#5c9dc5;
padding: 10px;
color:white;
margin-bottom:5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
margin-bottom:20px;
}
.funding_status span {
display:block;
font-weight:bold;
font-size:22px;
margin-bottom: 10px;
text-transform:uppercase;
}
/* Posts
-----------------------------------------------------------------------------*/
.posts {
width:444px;
list-style-type: none;
padding:0;
}
.post_icon {
width:50px;
height:50px;
border-style:solid;
border-color:black;
border-width:1px;
}
.single_post {
display:inline-block;
margin-bottom:28px;
}
.post_left {
width:50px;
float:left;
display:inline-block;
}
.post_right {
margin-left:10px;
width:348px;
float:left;
display:inline-block;
}
/* Wizard
-----------------------------------------------------------------------------*/
.wizard_save_button {
margin-top:10px;
margin-bottom:10px;
float:right;
}
.wizard_list {
margin-top:10px;
margin-bottom:10px;
margin-left:20px;
display:inline-block;
}
.wizard_bullet  {
display:inline-block;
text-align:center;
margin-right:30px;
position:relative;
width:60px;
}
.bullet_desc {
display:block;
font-weight:bold;
}
.bullet_inactive {
color:black;
}
.bullet_active {
color:white;
}
.bullet_num {
position:absolute;
font-size:26px;
top:15px;
width:20px;
text-align:center;
right:20px;
font-weight:bold;
}
/* Front page
-----------------------------------------------------------------------------*/
/* Project overview page
-----------------------------------------------------------------------------*/
/* Profile
-----------------------------------------------------------------------------*/
.feedback_left {
float:left;
width:32px;
padding-top:150px;
}
.feedback_left .kf_button_green{
margin-left:-57px;
border-color: #0071E0;
background: #407aa4;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5797c2), to(#407aa4));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#05797c2), to(#407aa4));
background: -moz-linear-gradient(center top, #5797c2, #407aa4);
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.feedback_right {
float:left;
width:400px;
}
.feedback_hiding{
right:-452px;
}
.feedback_showing{
right:0px;
}
.feedback {
position:fixed;
top:150px;
width:450px;
height:420px;
float:right;
background-color:#ebebe3;
border: 1px #DDD solid;
}
.feedback  form {
margin:20px;
}
.rotate{
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.send_message{
border: 1px #D0D0D0 solid;
background: #F3F3F3;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#E8E8E8));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(white), to(#E8E8E8));
background: -moz-linear-gradient(center top,white,#E8E8E8);
float: left;
}
.send_message a{
color: #333;
font: bold 12px 'Arial',helvetica,sans-serif;
text-decoration:none;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
border: 0px solid;
line-height: 24px;
}
.send_message a span{
float:left;
display:block;
width:24px;
height:24px;
background: url(/static/img/message_button.png) no-repeat transparent;
}
.follow_this {
margin-top:30px;
display:inline-block;
background-color:#8ec643;
height:50px;
width:230px;
}
#frontpage_left {
width:479px;
display:inline-block;
margin-bottom:20px;
}
.bigfunds{
background-color:#fff;
padding:5px;
padding-left:10px;
margin-bottom: 10px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.featured-text{
background-color: #fff;}
.front .project-title{
font-size:14px;
}
.front .project-title a{
color:#444;
}
.front .amount {
font-size: 18px;
}
.front p{
margin:0;}
.mycanvas {
/*	position:absolute;
top:8px;
right:10px;
z-index:10;
*/
}
/* Responsive iframes / videos */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;margin-bottom: 15px; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* --- Post git changes ---  */
#navbar-profile-picture{
height: 30px;
margin-right: 8px;
}
.project-title{text-transform: uppercase;}
.project-title a {
color: #444;
}
.progress-title {
text-transform: uppercase;
color: #999;
font-size: 11px;
display: block;
}
.topbar{
font-family: 'Source Sans Pro', sans-serif;
}
.ios_device .topbar{
    font-family:'Helvetica'!important;
}
.project{
background-color: #fff;
border-radius: 4px;
padding:10px;
border: 0px #ddd solid;
}
.project-thumb{
width:70px;
height:auto;
margin-right:10px;
}
.profile-thumb{
width:100px;
height:auto;
margin-right:10px;
}
.profile-thumbBigger{
width:135px;
height:auto;
margin-right:20px;
}
li.skills_big {
list-style: none;
float: left;
margin-right: 10px;
margin-bottom: 10px;
background-color: #CECECE;
padding: 5px 15px;
color: #555;
white-space: nowrap;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.project-description h1{
margin:0;
}
.project-menu{
margin-bottom:20px;
}
.project-menu .nav{
border-bottom: 1px #e8e8e8 solid;
height:51px;
}
.project-menu .nav-pills>li+li {
margin-left: 0px;
}
.project-menu .nav-pills>li>a{
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size: 14px;
color:#999;
border-radius: 0;
border-bottom: 1px #e8e8e8 solid;
}
.ios_device .project-menu .nav-pills>li>a {
font-family:'Helvetica'!important;
}
.project-menu .nav>li>a:hover, .nav>li>a:focus {
text-decoration: none;
border-bottom: 1px #999 solid;
background-color: transparent;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
color: #444;
background-color: transparent;
border-bottom: 1px #444 solid;
}
.project-menu a.list-group-item.active>.badge,.project-menu .nav-pills>.active>a>.badge {
color: #fff;
background-color: #333;
}
.media{
padding-bottom: 10px;
}
.media:first-child {
/* margin-top:15px; */
}
.pageheader{
margin-top:20px;
}
.profileContainer {
min-height:133px;
margin:0;
}
.profileContainer .panel{
margin:0;
background-color:transparent;
border-style:none;
box-shadow:none;
}
.profileContainer .panel-body{
margin:0;
background-color:transparent;
}
.profilePic-circle
{
background-repeat:no-repeat;
background-size:95px 95px;
background-position:0px 0px;
height:95px;
width:95px;
border-radius:50%;
overflow:hidden;
margin:auto;
}
.profilePic-biggerCircle
{
background-repeat:no-repeat;
background-size:130px 130px;
background-position:0px 0px;
height:130px;
width:130px;
border-radius:50%;
overflow:hidden;
margin:auto;
}
#status-bar h3{
border: 0;
margin-top: 0;
}
.reward .panel-title{
//	text-transform: uppercase;
}
.profilePic-circle-small
{
background-repeat:no-repeat;
background-size:65px 65px;
background-position:0px 0px;
height:65px;
width:65px;
border-radius:50%;
overflow:hidden;
margin:auto;
margin-right:10px;
}
button{
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
}
.ios_device button {
font-family:'Helvetica'!important;
}
.navbar button{
margin-left: 5px;
margin-top: 8px;
}
#stats{
margin-bottom: 35px;
}
#stats div{
text-align: center;
}
#stats div h2{
font-size: 52px;
font-weight: 300;
}
#stats div p{
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
}
.ios_device #stats div p {
font-family:'Helvetica'!important;
}
.section-header{
text-align: center;
font-size: 34px;
text-transform: uppercase;
margin-bottom: 40px;
margin-top: 30px;
}
.navbar-default .navbar-nav>li>a {
color: #777;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
}
.ios_device .navbar-default .navbar-nav>li>a {
font-family:'Helvetica'!important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
}
.progress {
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
margin: 5px 0;
}
.ios_device .progress{
font-family:'Helvetica'!important;
}
.big-progress {
height: 40px;
margin-top:10px;
}
.big-progress .progress-bar{
font-size: 20px;
line-height: 40px;
font-weight: 300;
background-image:none;
}
.btn-giant {
padding: 20px 16px;
font-size: 24px;
line-height: 1.33;
border-radius: 6px;
font-family: 'Source Sans Pro';
text-transform: uppercase;
text-shadow: 0px 1px 2px #555;
}
.ios_device .btn-giant{
font-family:'Helvetica'!important;
}

.status-description{
font-family: 'Source Sans Pro';
color: #999;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 0;
}
.ios_device .status-description{
font-family:'Helvetica'!important;
}
.status-bar h4 {
font-size: 40px;
margin-bottom: 0;
}
.col-md-4 ul{
padding-left:0;
}
#filters{
margin-bottom: 20px;
height: 30px;
width: 420px;
}
.media-object {
display: block;
width: 80px;
}
.page-header {
border:0;
margin:0px 0;
margin-top:5px;
text-align: center;
}
.profile-header {
border:0;
margin:20px 0;
}
.skills .badge {
font-size: 14px;
padding:4px 7px;
text-transform: capitalize;
border-radius: 4px;
text-shadow:none;
}
.nav .badge {
background-color: #e25424;
}
.badge {
background-color:#999999;
padding: 2px 5px;
}
.skill_cat_1 {
background-color:#8ec643;
}
.skill_cat_5 {
background-color:#3979a0;
}
.skill_cat_4 {
background-color:#e25424;
}
.skill_cat_6 {
background-color:#669999;
}
.skill_cat_2 {
background-color:#cc9933;
}
.skill_cat_3 {
background-color:#33ccff;
}
.skill_cat_9 {
background-color:#996699;
}
.skill_cat_7 {
background-color:#cc3366;
}
.skill_cat_8 {
background-color:#999999;
}
.project-header-bg{
background-color: #f5f5f5;
}
.btn-orange:hover{
color:#fff;
background-color:#CE4517;
}
.btn-orange{
background-color: #e25424;
border-color: #CE4517;
color: #fff;
}
.project-header-description{
font-family: 'Source Sans Pro';
font-weight: 300;
font-size: 16px;
margin: 10px 20%;
}
.ios_device .project-header-description{
font-family:'Helvetica'git pu!important;
}
.project-heading {
font-size:46px;
}
.social-icon-bar a{
margin: 5px;
padding:5px;
}
.facebook, .tweet, .linkedin, .google-plus{ color: #777;}
.facebook:hover{color: #3B5998;text-decoration: none;}
.tweet:hover{color: #4099FF;text-decoration: none;}
.google-plus:hover{color: #D34836;text-decoration: none;}
.linkedin:hover{color: #03659A;text-decoration: none;}
.col-md-4 h3{border-bottom:1px #ccc solid;}
.reward_field h3{border:0;margin-top:0;}
.get-this:hover span{
background-color: #e25424;
color: #fff;
}
.margin-bottom-sm {
margin-bottom: 5px !important;
}
#logged-in{
padding:12px 5px 5px;
}
.status-headline {
margin-top:5px;
}
.short_description {
font-size:1.7em;
line-height:1.3em;
}
#projects .media, #projects .panel{ margin:0;}
#projects img{
margin-right:10px;
}
.project_overview_page .project_overview_info_square {
height:100px;
overflow: hidden;
}
.project_overview_info_square {
height:auto;
}
.profile_content_image {
width:100%;
margin-bottom:20px;
}
.profile_content_text {
font-size:120%;
margin-bottom:20px;
line-height:1.45;
}
.profile_project_sidebar .project_overview_info_square {
height:50px;
}
.profile_project_sidebar .project-title {
font-size:16px;
}
.video_content {
margin-bottom:20px;
display:block;
}
.single_col_milestones {
margin-left:0px;
}
.single_col_milestones li {
display:inline-block;margin-right:10px;margin-bottom:3px;margin-top:3px;
}
.single_col_milestones i {
position:relative;left:auto;width:auto;
}
.progress {
background-color:#CCCCCC;
}
.percent_display {
margin-left:4px;
}
.hide_tasks {
padding-bottom:0px;
}
.hide_tasks .fa-ul  {
display:none;
}
.panel {
/*border-style:none;*/
}
.panel-heading {
border-style:none;
background-color:transparent !important;
margin-top:7px;
margin-bottom:-4px;
}
.link_me {
cursor:pointer;
}
.reward_link_field:hover {
background: #baffba;
}
.reward a {
text-decoration:underline;
}
.reward .panel-title {
font-size:20px;
}
.more_information p {
}
.tab-content>.active {
display:inline-block;
width:100%;
}
.edit-btn {
background-color:#ffcc33;
}
label.error {
color:red;
}
/* Social links -------------------------------------------------- */
.menu-social-new ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.menu-social-new ul li {
    position: relative;
}

.menu-social-new li a::before {
    content: "\f0e0";
    display: inline-block;
    padding: 0 5px;
    font-family: "FontAwesome";
    font-size: 16px;
    vertical-align: top;
    width: 28px;
    text-align: center;
    color: #666;
    -webkit-font-smoothing: antialiased;
}

.menu-social-new li a[href*="wordpress.org"]::before,
.menu-social-new li a[href*="wordpress.com"]::before {
    content: "\f082";
}

.menu-social-new li a[href*="facebook.com"]::before {
    content: "\f09a";
}

.menu-social-new li a[href*="twitter.com"]::before {
    content: "\f099";
}

.menu-social-new li a[href*="instagram.com"]::before {
    content: "\f16d";
}

.menu-social-new li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

#menu-social {}
#menu-social ul {
list-style: none;
margin:     0;
padding:0;
text-align: left;
}
#menu-social ul li {
position: relative;
}
#menu-social li a{  }
#menu-social li a::before {
content:        '\f0e0';
display:        inline-block;
padding:        0 5px;
font-family:    'FontAwesome';
font-size:      16px;
vertical-align: top;
width: 28px;
text-align: center;
color:#666;
-webkit-font-smoothing: antialiased;
}
#menu-social li a[href*="wordpress.org"]::before,
#menu-social li a[href*="wordpress.com"]::before {
content: '\f082';
}
#menu-social li a[href*="facebook.com"]::before {
content: '\f09a';
}
#menu-social li a[href*="twitter.com"]::before {
content: '\f099';
}
#menu-social li a[href*="dribbble.com"]::before {
content: '\f201';
}
#menu-social li a[href*="plus.google.com"]::before {
content: '\f0d5';
}
#menu-social li a[href*="pinterest.com"]::before {
content: '\f210';
}
#menu-social li a[href*="github.com"]::before {
content: '\f200';
}
#menu-social li a[href*="tumblr.com"]::before {
content: '\f173';
}
#menu-social li a[href*="youtube.com"]::before {
content: '\f213';
}
#menu-social li a[href*="flickr.com"]::before {
content: '\f211';
}
#menu-social li a[href*="vimeo.com"]::before {
content: '\f212';
}
#menu-social li a[href*="instagram.com"]::before {
content: '\f16d';
}
#menu-social li a[href*="codepen.io"]::before {
content: '\f216';
}
#menu-social li a[href*="linkedin.com"]::before {
content: '\f0e1';
}
/* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */
.carousel {
height: 200px;
}
.carousel .btn-carousel{
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
border:1px #fff solid;
font-size: 14px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
text-shadow: 1px 1px 3px #000;
}
.ios_device .carousel .btn-carousel{
    font-family:'Helvetica'!important;
}
.carousel .btn-carousel:hover{
background-color: #fff;
color:#111;
text-shadow:none;
}
.carousel .skills a{
font-size: 16px;
padding:4px 8px;
text-transform: uppercase;
border-radius: 4px;
text-shadow:none;
}
.carousel .item {
height: 200px;
}
.carousel-inner > .item > img {
height: 200px;
}
.carousel-caption a{
color:#fff;
font-size: 16px;
}
.carousel-caption {
padding-bottom: 40px;
left: 2%;
right: 2%;
}
.carousel .red_link {
color:#e25424;
}
.carousel-caption h2{
font-size:28px;
}
.carousel .item {
background-position:center center;
background-size: cover;
}
.carousel-indicators{
}
.item{
}
.carousel-inner .item {
opacity: 0;
transition-property: opacity;
}
.carousel-inner .active {
opacity: 1;
}
.carousel-inner .active.left,
.carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-inner  .next.left,
.carousel-inner   .prev.right {
opacity: 1;
}
.carousel-inner .carousel-control {
z-index: 2;
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.nav>li>a {
padding: 15px 8px;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
height: 400px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
left: 10%;
right: 10%;
padding-bottom: 130px;
}
.start .carousel-caption {
text-align: left;
}
.toppstodin{
border-bottom:15px #ee5154 solid;
background-position: top !important;
}
.toppstodin .btn-carousel{
background-color: #ee5154;
border:0;
}
.toppstodin .carousel-caption {
text-align: left;
padding-bottom: 210px;
}
.connect .carousel-caption {
text-align: right;
}
.sirkus .carousel-caption {
padding-bottom:215px;
}
.carousel-caption a{
color:#fff;
font-size: 22px;
}
.carousel-caption h2{
font-size:48px;
}
.carousel-caption p{
font-size:22px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
height: 400px;
background-size: cover;
}
.carousel-inner > .item > img {
width: auto;
height: 400px;
margin:0 auto;
max-width: none;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 920px) {
.nav>li>a {
padding: 15px 15px;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1550px) {
/* Carousel base class */
.carousel {
height: 500px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
height: 500px;
background-size: cover;
}
}
/* Smallest Screen Adjustments Below this line */
@media(max-width:600px){
.short_description {
font-size: 1.3em;
line-height: 1.3em;
}
.btn{
}
#stats div h2{
font-size: 30px;
font-weight: 300;
}
#stats div p{
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 11px;
}
.ios_device #stats div p{
font-family:'Helvetica'!important;
}
.page-header {
margin: 0px;
}
h1, .h1, .project-heading {
font-size: 26px;
}
.project-header-description {
font-size: 14px;
margin: 5px 5%;
}
.logged-in{
padding:12px 5px 5px;
}
}
.modal .bg-success {
padding:15px;
}
.modal .bg-danger {
padding:15px;
}
.strikeout {
position: relative;
}
.strikeout::after {
border-bottom: 1px solid black;
content: "";
left: 0;
position: absolute;
right: 0;
top: 50%;
opacity:0.5;
}
.profile-content{
margin-top:10px;
text-align: center;
}
/* Toppstöðin -------  Byrjar ----------- */
.toppstodin .navbar-default{
background: none;
background-color: rgba(0, 0, 0, 0.65);
border-color: rgb(0, 0, 0);
}
.toppstodin .navbar-default .navbar-nav>li>a {
color: #eee;
}
.toppstodin .cover{
background-image: url(/static/img/toppstodin.jpg);
background-color: #140c0a;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
color: #f5f5f5;
height: 420px;
border-bottom: 20px #F2504E solid;
margin-top: -50px;
padding-top: 70px;
}
.toppstodin .cover h1{
margin:0;
}
.toppstodin .logo{
-webkit-filter: invert(100%);
filter: invert(100%);
}
.toppstodin .container > h2{
text-align: center;
font-weight: 300;
margin: 40px;
}
.toppstodin div[id^="circle-"]{
color:#fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
display: inline-block;
margin:0 auto;
/*margin-left: 10px;*/
}
.toppstodin .circles{
z-index: 0;
position: relative;
padding-bottom:30px;
margin-top: -85px;
}
.toppstodin .circle-title a{
color:#333;
}
.toppstodin .circle-title{
text-align: center;
font-size: 16px;
clear:both;
font-weight: 400;
margin:0;
margin-bottom:20px;
}
.toppstodin .progress-bar-success{
background-color: #F2504E;
}
.toppstodin .progress-bar{
font-size: 11px;
line-height: 14px;
color:rgba(255,255,255,0.8);
}
.toppstodin .progress{
border-radius: 0;
margin:0;
height: 14px;
margin-top: 1px;
}
.toppstodin-projects{
margin:0 auto;
text-align:center;
}
.toppstodin .toppstodin-info{
padding: 5px;
text-align: left;
}
.toppstodin .pledge-overlay{
position: absolute;
top:20px;
left:0;
background-color: #F2504E;
color:#fff;
font-weight: 400;
font-size: 18px;
padding: 0px 5px;
padding-right: 10px;
}
.toppstodin .project-thumbnail{
position: relative;
}
.toppstodin .toppstodin-project img{
width: 100%;
}
.toppstodin .toppstodin-project{
float:none;
display: inline-block;
vertical-align: top;
width:270px;
margin-right:20px;
margin-bottom: 20px;
background-color: #fff;
min-height: 440px;
}
.toppstodin .circles > .container > .row{
text-align: center;
}
.toppstodin .cover h1 img{
width: 300px;
margin-bottom: 10px;
max-width: 80%;
}
.toppstodin .cover p{
font-size: 18px;
font-weight: 300;
}
.toppstodin .circle-container:last-child{
margin-right:0;
}
.toppstodin div[id^="circle-"] .pic
{
-webkit-clip-path: circle(60px);
clip-path: circle(60px);
border-radius: 50%;
background-size: 100%;
z-index: -1;
position: absolute;
width: 122px;
height: 122px;
top:14px;
left:14px;
-webkit-filter: blur(2px) grayscale(20%);
filter: blur(2px) grayscale(20%);
box-shadow: inset 0em 0em 5em 2em rgba(0,0,0,.75);
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.toppstodin div[id^="circle-"]:hover .pic{
-webkit-filter: blur(0px) grayscale(0%);
filter: blur(0px) grayscale(0%);
}
@media (max-width: 992px){
.toppstodin .toppstodin-project{
width:226px;
min-height: 400px;
}
}
@media only screen and (min-width : 992px) {
.toppstodin .cover{
background-size: contain;
}
}
/* Toppstöðin -------  Endar ----------- */
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
.small_screen_only {
display:none;
}
#funded_link {
display:none;
}
@media only screen and (max-width : 992px) {
.small_screen_only {
display:block;
}
#funded_link {
display:block;
}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.media .profilePic-biggerCircle {
background-repeat: no-repeat;
background-size: 60px 60px;
background-position: 0px 0px;
height: 60px;
width: 60px;
border-radius: 50%;
overflow: hidden;
margin: auto;
float:left;
margin-right:10px;
margin-bottom:20px;
}
.profile-content{
text-align: left;
}
.section-header {
text-align: left;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 10px;
margin-top: 30px;
}
.project-menu .nav{
height:41px;
}
.projectOverviewPic img{
object-fit: cover;
height: 280px;
min-width: 100%;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.project-menu .nav{
height:38px;
}
#filters{
width:100%;
}
.btn-group>.btn, .btn-group-vertical>.btn{
padding:2px;
font-size: 12px;
}
.projectOverviewPic img{
object-fit: cover;
height: 180px;
min-width: 100%;
}
.project-menu .nav-pills>li>a{
font-size: 12px;
}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}
/* Custom, iPhone Retina */
@media only screen and (min-width : 768px) {
.toppstodin .circle-container{
float:none;
display:inline-block;
vertical-align: top;
text-align: center;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 450px) {
.toppstodin .toppstodin-project{
margin-right: 0;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {
}
.kronutala {
font-size:75%;
bottom:1px;
position:relative;
}
.more_projects_button {
margin-top:20px;
margin-left:20px;
}
#loading {
margin-left:20px;
display:none;
}
.ui-menu .ui-menu-item a{
background:white;
border-width:0px;
}
body .ui-autocomplete .ui-menu-item img {
height:100px;
width:100px;
}
body .ui-autocomplete .ui-menu-item .ui-state-focus {
background-color:#dff0d8;
height:113px;
}
.ui-autocomplete ul {
width:200px;
}
/* --------- Subscription Project Page ---------- */
.orange{
color: #e25424;
}
#circle{
margin: 0 auto;
}
.media-middle {
vertical-align: middle;
}
.media-left{
float:left;
margin-right:15px;
}
.sidebar-title{
text-transform: uppercase;
font-size: 16px;
color:#666;
}
#donut{
width:250px;
text-align:center;
margin:0 auto;
vertical-align: top;
}
.total-amount-subcription{
margin: 20px 10px;
}
.media-left .media-object{
width: 40px;
height:auto;
margin-top: 10px;
}
.subscription-cta{
font-size: 2.1em;
margin-top:15px;
}
.subscription-cta-text{
margin-bottom:15px;
}
.subscription-cta input{
width: 55px;
color: #e25424;
display: inline-block;
padding: 2px;
padding-left:10px;
margin-left:5px;
line-height: 1;
}
.status-icon-bar{
background-color: #eee;
padding:10px 15px;
text-align: center;
}
.status-icon-bar .status-icon{
display: inline-block;
margin:0 30px;
}
.status-icon-bar .status-icon .icon{
display: block;
float:left;
width:40px;
height:40px;
background-color: #5b6164;
border-radius: 50%;
margin-right: 10px;
}
.status-icon-bar .status-icon .icon img{
width: 20px;
height: auto;
top: 10px;
position: relative;
left: 10px;
}
.status-icon-bar .status-icon .icon.fist img {top:6px;left: 9px;}
.status-icon-bar .status-icon p{
float:left;
text-transform: uppercase;
color:#e25424;
font-size: 1.8em;
line-height: 1.1;
margin:0;
}
.status-icon-bar .status-icon p span{
display: block;
color:#bbb;
font-size: 40%;
}
/* mini toastr */
.mini-toastr {
    right: inherit !important;
    top: inherit !important;
    left: 12px !important;
    bottom: 12px !important;
}
/* mini toastr */

/* Quill editor CSS */
.ql-container .ql-editor {
    min-height: 20em;
    padding-bottom: 1em;
}
/* Quill editor CSS */

.profile-description img{
;	max-width:100%
}
 (max-width: 992px) {
    .small_screen_only {
        display: block;
    }
    #funded_link {
        display: block;
    }
}


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    .media .profilePic-biggerCircle {
        background-repeat: no-repeat;
        background-size: 60px 60px;
        background-position: 0px 0px;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        overflow: hidden;
        margin: auto;
        float: left;
        margin-right: 10px;
        margin-bottom: 20px;
    }
    .profile-content {
        text-align: left;
    }
    .section-header {
        text-align: left;
        font-size: 20px;
        text-transform: uppercase;
        margin-bottom: 10px;
        margin-top: 30px;
    }
    .project-menu .nav {
        height: 41px;
    }
    .projectOverviewPic img {
        object-fit: cover;
        height: 280px;
        min-width: 100%;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .project-menu .nav {
        height: 38px;
    }
    #filters {
        width: 100%;
    }
    .btn-group>.btn, .btn-group-vertical>.btn {
        padding: 2px;
        font-size: 12px;
    }
    .projectOverviewPic img {
        object-fit: cover;
        height: 180px;
        min-width: 100%;
    }
    .project-menu .nav-pills>li>a {
        font-size: 12px;
    }
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {}


/* Custom, iPhone Retina */

@media only screen and (min-width: 768px) {
    .toppstodin .circle-container {
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 450px) {
    .toppstodin .toppstodin-project {
        margin-right: 0;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 767px) {}

.kronutala {
    font-size: 75%;
    bottom: 1px;
    position: relative;
}

.more_projects_button {
    margin-top: 20px;
    margin-left: 20px;
}

#loading {
    margin-left: 20px;
    display: none;
}

.ui-menu .ui-menu-item a {
    background: white;
    border-width: 0px;
}

body .ui-autocomplete .ui-menu-item img {
    height: 100px;
    width: 100px;
}

body .ui-autocomplete .ui-menu-item .ui-state-focus {
    background-color: #dff0d8;
    height: 113px;
}

.ui-autocomplete ul {
    width: 200px;
}


/* --------- Subscription Project Page ---------- */

.orange {
    color: #e25424;
}

#circle {
    margin: 0 auto;
}

.media-middle {
    vertical-align: middle;
}

.media-left {
    float: left;
    margin-right: 15px;
}

.sidebar-title {
    text-transform: uppercase;
    font-size: 16px;
    color: #666;
}

#donut {
    width: 250px;
    text-align: center;
    margin: 0 auto;
    vertical-align: top;
}

.total-amount-subcription {
    margin: 20px 10px;
}

.media-left .media-object {
    width: 40px;
    height: auto;
    margin-top: 10px;
}

.subscription-cta {
    font-size: 2.1em;
    margin-top: 15px;
}

.subscription-cta-text {
    margin-bottom: 15px;
}

.subscription-cta input {
    width: 55px;
    color: #e25424;
    display: inline-block;
    padding: 2px;
    padding-left: 10px;
    margin-left: 5px;
    line-height: 1;
}

.status-icon-bar {
    background-color: #eee;
    padding: 10px 15px;
    text-align: center;
}

.status-icon-bar .status-icon {
    display: inline-block;
    margin: 0 30px;
}

.status-icon-bar .status-icon .icon {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background-color: #5b6164;
    border-radius: 50%;
    margin-right: 10px;
}

.status-icon-bar .status-icon .icon img {
    width: 20px;
    height: auto;
    top: 10px;
    position: relative;
    left: 10px;
}

.status-icon-bar .status-icon .icon.fist img {
    top: 6px;
    left: 9px;
}

.status-icon-bar .status-icon p {
    float: left;
    text-transform: uppercase;
    color: #e25424;
    font-size: 1.8em;
    line-height: 1.1;
    margin: 0;
}

.status-icon-bar .status-icon p span {
    display: block;
    color: #bbb;
    font-size: 40%;
}


/* mini toastr override */

.mini-toastr {
    right: inherit !important;
    top: inherit !important;
    left: 12px !important;
    bottom: 12px !important;
}

/* Quill editor CSS */

.ql-container .ql-editor {
    min-height: 20em;
    padding-bottom: 1em;
}

.profile-description img {
    max-width: 100%;
}

/* added during the migration to the API */

.clickable {
		cursor:pointer;
}