/*
Theme Name: Q Prime
Theme URI: https://qprime.com/
Author: FADE Agency
Author URI: https://fadeagency.com
Description: Q Prime
Version: 1.0.0
Text Domain: q-prime
*/
/* FONTS */

@import 'https://fonts.googleapis.com/css?family=Droid+Serif:400,700|Fjalla+One|News+Cycle:400,700';
/* WORDPRESS ALIGNMENT */

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* GLOBAL */

body {
    background: #f8f6f7;
    background: url(./img/background-light.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #000000;
    font-family: 'News Cycle', sans-serif;
    font-size: 18px;
}

.home {
    background: #000000;
    background: url(./img/background-dark.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

a {
    color: #c8d029;
    text-decoration: none;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

a:hover,
a:focus {
    color: #4b4b4b;
    text-decoration: none;
}

ul.artists a {
    color: #fff;
    text-decoration: none;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

ul.artists a:hover,
ul.artists a:focus {
    color: #dae23c;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Droid Serif', serif;
    color: #dae23c;
    font-weight: 700;
}

.main-content h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

.entry-content h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: 700;
}

.entry-content {
    margin-top: 50px;
}

/* NAVIGATION */

.navbar {
    margin-bottom: 0;
    background: #f8f6f6;
    border: 0;
    border-radius: 0;
    font-family: 'Fjalla One', sans-serif;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
    text-transform: uppercase;
}

.navbar .navbar-collapse {
    text-align: center;
}

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

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #dae23c;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #dae23c;
    background-color: #f8f6f6;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #f8f6f6;
}

.navbar-default .navbar-toggle {
    border: 0;
    background: #dae23c;
    border-radius: 0;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #dae23c;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

/* JUMBOTRON */

.jumbotron {
    text-align: center;
    background: transparent;
    padding: 20px 10px;
}

.jumbotron-page {
    text-align: center;
    padding: 20px 10px;
    background: #000000;
}

.logo {
    max-height: 150px;
    width: 100%;
}

.jumbotron-artist {
    text-align: center;
    margin: 0;
    background: url(./img/background-dark.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 30px;
}

/* HOMEPAGE */

ul.artists {
    list-style: none;
    margin: 0 0 50px 0;
    padding: 0;
}

.managers {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 30px;
}

/* ARTISTS */

#artist-social-icons li {
    list-style: none;
    display: inline;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fa-inverse {
    color: #000;
}

#artist-social-icons {
    margin: 0 0 20px 0;
    padding: 0;
}

.artist-logo .img-responsive {
    margin: 0 auto;
}

.main-content h1 {
    font-family: 'Fjalla One', sans-serif;
    font-size: 24px;
    color: #000000;
    text-transform: uppercase;
}

.main-content {
    margin-bottom: 60px;
}

#artist-contacts li {
    list-style: none;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

ul#artist-contacts {
    list-style: none;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

ul#artist-contacts a {
    color: #000;
}

ul#artist-contacts a:hover,
ul#artist-contacts a:focus {
    color: #c1c1c1;
    text-decoration: none;
}

ul#artist-photos {
    list-style: none;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

/* PHOTO IMAGE HOVER */

ul#artist-photos img {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;

}

ul#artist-photos img:hover {
    opacity: 0.7;
    filter: alpha(opacity=30);
    /* For IE8 and earlier */
}

ul#artist-photos li {
    margin-bottom: 20px;
}

ul#artist-photos li img {
    background-color: #dae23c;

}

/* STICKY FOOTER */

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.footer-page {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #000;
    padding: 10px 0 40px 0;
    text-align: center;
    font-size: 14px;
    color: #5e5e5e;
}

ul.navigation {
    list-style-type: none;
    text-align: center;
    padding: 10px 0 0 0;
}

ul.navigation li {
    display: inline-block;
    margin: 0 20px;
}

.artist-logo {
    padding: 0 15px;
	margin: 0 auto 30px auto;
	max-width: 500px;
}

.artist-photo {
    margin-bottom: 30px;
}

.city {
    color: #c8d029;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.footer-page a {
    color: #5e5e5e;
}

.footer-page a:hover {
    color: #ffffff;
}

.caption {
    padding: 10px 0;
    font-size: 12px;
}