/*
Theme Name: Dazzling Child
Theme URI: https://colorlib.com/wp/themes/dazzling
Author: Colorlib
Author URI: http://colorlib.com/
Description: Dazzling is a flat theme designed by Colorlib.
Version: 2.5.0
Template: dazzling
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sparkling
Domain Path: /languages/
Tags: light, white

This theme, like WordPress, is licensed under the GPL.

*/

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");
@import url('https://fonts.googleapis.com/css?family=Ubuntu:500');

body {
    background: #fafafa;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.navbar > .container .navbar-brand {
    font-family: 'Ubuntu', sans-serif;
    color: #3b7c9f;
}

.navbar.navbar-default {
    background-color: #4a4b56;
}

.navbar-default .navbar-nav > li > a {
    color: #b5b5b5;
}

a {
    color: #1FA67A;
}

#colophon {
    background-color: #5193a6;
    padding: 10px 0;
    border-top: 1px solid #5193a6;
}

#colophon a {
    color: #efefef;
}

.text-wrapper {
    padding: 0 0 0 20px;
}

.navbar.navbar-default {
    border-bottom: none;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
}

.btn-default,
.label-default {
    background-color: #5193a6;
    border-color: #5193a6;
}

.app-title h1 {
    display: inline-block;
}

.details {
    float: right;
    margin: 25px 0 0;
}

.btn-default:hover,
.label-default[href]:hover,
.label-default[href]:focus,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
#image-navigation .nav-previous a:hover,
#image-navigation .nav-next a:hover {
    background-color: #48b5d4;
    border-color: #48b5d4;
}

a .btn-details,
.btn-details {
    background-color: #5193a6;
    outline: none;
    color: #fff;
    transition: background-color 0.2s ease-in-out;
}

a .btn-details,
.btn-details {
    outline: none;
    color: #fff;
}

.btn-details:hover {
    background-color: #4fb3d0;
    color: #fff;
}

/* Table */

table {
    max-width: 100%;
}

table,
table td,
table th {
    border: 1px solid #ccc;
    border-collapse: collapse;
}

table td,
table th {
    padding: 10px;
}

table th {
    background: #f3f3f3;
    font-weight: 700;
}

table tr:nth-child(odd) td {
    background: #f6f6f6;
}

.card h4 {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    background-color: #f0f0f0;
    margin: 0px;
}

.flex-container {
    align-items: stretch;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.card-wrapper {
    padding: 5px;
}

.card {
    border: 1px solid #ccc;
    border-radius: 2px;
}

.card-inner {
    padding: 2px 10px;
}

@media(max-width:767px) {
    .flex-item {
        width: 100%;
    }
}

@media(min-width:768px) {
    .flex-item {
        width: 30%;
    }
}

/*
@media(min-width:992px) {
  .flex-item {
    width: 45%;
  }
}
*/

.flex-item {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 10px;
    float: left;
}

.flex-item > h4 {
    background-color: #f5f5f5;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.flex-item > p {
    margin: 10px 0;
    padding-left: 15px;
    padding-right: 15px;
}

.flex-item > p:last-child {
    align-self: flex-end;
}

.flex-item a {
    /* Don't decorate links in repo items */
    /*    color: inherit;*/
    text-decoration: none;
}

.flex-item h4 > small {
    border-left: 1px solid #777;
    padding-left: 5px;
}

.entry-title {
    color: #3b7c9f
}

/* menu styles */

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #5193a6;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #999;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.dropdown-menu > li > a {
    padding: 14px 20px;
    color: #999;
}

.dropdown-menu,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    border: none;
}

.dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a {
    background-color: #5193a6;
    color: #fff;
}

.dropdown-menu .divider {
    background-color: rgba(0, 0, 0, 0.1);
}

.flex-caption {
    bottom: 80px;
}

.flex-caption h2 {
    background: rgba(81, 147, 166, 0.7);
}

/* Custom Tables  */

.table {
    margin: 20px 0;
    font-size: 1.1em;
}

@media screen and (max-width: 580px) {
    .table {
        display: block;
        text-align: center;
    }
}

.table-row {
    display: table-row;
    background: #fcfcfc;
}

.table-row:nth-of-type(odd) {
    background: #ececec;
}

.table-row.header {
    font-weight: 900;
    color: #ffffff;
    background: #4a4b56;
    /* was #333 */
}

.table-row.green {
    background: #27ae60;
}

.table-row.blue {
    background: #2980b9;
}

.table-row.teal {
    background: #158b9d;
}

.table-row p {
    color: #333;
    margin-bottom: 0px;
}

.table-row a {
    max-width: 435px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.table-row.header p {
    font-size: 1.5em;
    margin-bottom: 0px;
    color: #fff;
}

.more-wrapper {
    padding: 20px 0;
}

.cell {
    padding: 6px 12px;
    display: table-cell;
}

.cell.first-col {
    width: 40%;
}

.card-inner p {
    padding: 10px 0px;
}

/* Remove default bullets */
#highlight-list {
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
}

#highlight-list * {
    transition: display 0s, opacity 0.5s linear;
}

#highlight-list > li {
    font-weight: 700;
    font-size: 1.1em;
}

.widget #highlight-list li {
    margin-left: 15px;
    list-style: inherit;
}

/*
.toggle-icon {
    cursor: pointer;
    user-select: none;
}

.toggle-icon::before {
    content: "\25B6";
    color: black;
    display: inline-block;
    margin-right: 6px;
}

.toggle-icon-down::before {
    transform: rotate(90deg);
}
*/

/* Hide the nested list */
/*
.nested {
    display: none;
}
*/

.widget .nested {
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: 400;
}

/* Show the nested list when the user clicks on the toggle-icon/arrow (with JavaScript) */
.active {
    display: block;
}

body .navbar > .container .navbar-brand {
    margin: 5px 0;
}

body .navbar-default {
    border: none;
}

@media (min-width: 768px) {
    body .navbar {
        border-radius: 0px;
    }
}

@media screen and (max-width: 580px) {
    .table-row {
        padding: 8px 0;
        display: block;
    }

    .cell {
        padding: 2px 12px;
        display: block;
    }

    .cell.first-col {
        width: 100%;
    }
}
