/*    General Styles    */

body { background-color: #000; font-family: 'Source Sans Pro', sans-serif; }
@media (min-width: 1500px) { .container { width: 1470px; } }
.pink-txt, .click-nav ul li a:hover, footer ul li a:hover, label, .form-control, a.profile-book:hover { color: #fcb1c5; }
.green-txt { color: #48ed00; }
.pink-bg, .navbar-inverse .navbar-nav>li>a:hover, #form-buttons a:hover, input[type=submit], .navbar-nav>li>.dropdown-menu { background-color: #fcb1c5; }
.txt-up, .navbar-inverse .navbar-nav>li>a { text-transform: uppercase; }
a:hover { text-decoration: none; }
a, .fade, .blog-post { -webkit-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; }
.fw { width: 100%; }
.heading-tagline, #home-content h2, #home-search h4, .profile p:last-child, #profile-header p { font-family: 'Times New Roman'; }
p { color: #FFF; text-align: justify; letter-spacing: 1px; font-size: 18px; }
.double { padding: 0 30px; }
ul { list-style-type: none; padding: 0; margin: 0; }
.row.is-flex {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.row.is-flex > [class*='col-'] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }


/*    H Tag Styles    */

h1, #home-available h4, #home-blog h4, .form-wrapper h4, #blog-post h2 { color: #FFF; margin: 30px 0 5px; text-align: center; font-size: 34px; letter-spacing: 5px; }
#blog-post h1, #blog-post h2 { margin-bottom: 30px; font-size: 28px; }
#home-content h2, #home-search h4 { margin-top: 0; font-size: 22px; letter-spacing: 3px; color: #fcb1c5;}
#home-blog h4 { color: #656565; margin-bottom: 30px; }
.form-wrapper h4 { font-size: 18px; }
.blog-post h4 { letter-spacing: 2px; color: #FFF; }
footer h5 { color: #f6f6f6; font-size: 28px; letter-spacing: 3px; margin: 0 0 15px; }


/*    Header Styles    */

header { padding-top: 30px; }
.logo { width: 90%; max-width: 640px; margin-bottom: 30px; }
.site-contact { text-align: right; }
.site-contact span { display: block; font-size: 22px; letter-spacing: 2px; }
.site-contact span a { color: #FFF; letter-spacing: 3px; font-size: 42px; }


/*    Nav Styles    */

.navbar-inverse { background: none; border: none; border-top: 1px solid #636363; margin: 0; }
.navbar-nav { float: none; max-width: 800px; margin: 0 auto; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border: none; }
.navbar-nav>li>.dropdown-menu { border-radius: 0; padding: 0; border: none; }
.navbar-inverse .navbar-nav>li>a, .dropdown-menu>li>a { color: #FFF; letter-spacing: 2px; font-size: 16px; padding: 20px 15px; }
.dropdown-menu>li>a { padding: 10px 5px; }


/*    Home Styles    */

.heading-tagline { display: block; text-align: center; font-size: 18px; margin-bottom: 30px; letter-spacing: 3px; }
#home-available { background-color: #1F1F1F; padding-bottom: 30px; margin-top: 30px; }
#home-available .profile { margin: 0 0 30px; }
#home-blog { background-color: #f4f5f5; padding-bottom: 30px; }
.blog-info { padding: 65px 15px 15px; background-color: #FFF; position: relative; margin-bottom: 30px; }
.blog-info span.post-date { position: absolute; left: 15px; top: 15px; color: #FFF; letter-spacing: 2px; font-size: 18px; padding: 10px 15px; }
.post-title { display: block; color: #656565; margin: 5px 0; font-size: 24px; letter-spacing: 3px; }
.blog-info p { color: #000; }


/*    Search Styles    */

.click-nav { margin: 20px 0; height: 59px; }
.clicker { cursor: pointer; border: 2px solid #fcb1c5; padding: 15px; text-align: center; letter-spacing: 2px; font-size: 18px; margin-bottom: 0; }
.click-nav ul ul { position: relative; z-index: 999; }
.click-nav ul li a { display: block; padding: 10px; color: #FFF; font-size: 16px; letter-spacing: 2px; }
.click-nav ul li a:hover { background-color: #FFF; }


/*    Gallery Styles    */

#gallery { padding-bottom: 30px; }
#gallery .click-nav { margin: 0 0 15px; }
.profile { margin-top: 30px; }
.profile img { margin-bottom: 5px; }
.profile p { letter-spacing: 2px; margin: 0; }



/*    Profile Styles    */

#profile { margin-top: 50px; }
.pc { float: left; width: 100%; margin-bottom: 50px; }
#profile-header span { margin-bottom: 5px; }
#profile-header p { font-size: 18px; }
a.profile-book { display: block; padding: 25px; text-align: center; color: #FFF; letter-spacing: 2px; font-size: 20px; margin-bottom: 20px; }
a.profile-book:hover { background-color: #FFF; }
.profile-image { margin-bottom: 30px; }
.stat, .rate { padding: 10px 15px; border-bottom: 1px solid #404040; color: #FFF; letter-spacing: 2px; font-size: 16px; }
.stat span:first-child, .rate span:first-child { color: #8d8d90; }
#profile-bio p { color: #FFF; font-style: italic; text-align: left; }
.rate { float: left; width: 100%; padding: 10px 0; }


/*    Form Styles    */

label, input[type=submit] { font-size: 16px; letter-spacing: 2px; }
.form-control, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { border-radius: 0; background-color: #000; border: 1px solid #fcb1c5; padding: 10px; margin-bottom: 25px; height: auto; letter-spacing: 2px; font-size: 16px; }
input[type=submit] { width: 80%; margin: 0 auto 30px; float: none; display: inherit; padding: 9px; }


/*    Blog Styles    */

.blog-post { padding: 15px; margin-bottom: 30px; border: 1px solid #fcb1c5; }
.blog-post:hover { background-color: #000; }
#blog-post { margin-bottom: 30px; }


/*    Footer Styles    */

#form-buttons { padding: 30px 0; background-color: #2a2b2a; }
#form-buttons a { display: block; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 2px solid #FFF; padding: 15px; letter-spacing: 2px; font-size: 22px; }
#form-buttons a:hover { color: #FFF; }
footer { background-color: #121312; padding: 30px 0; }
footer ul li a { font-size: 18px; letter-spacing: 2px; color: #f6f6f6; }
footer .site-contact .logo { margin-bottom: 30px; }


@media (max-width: 991px) {

	header { padding-top: 0; }
	.logo { margin: 25px 0 15px; }
	.navbar-inverse { margin-top: 15px; }
	.navbar-inverse .navbar-nav>li>a { padding: 20px 8px; }
	#site-header, #home-content h2, #home-search h4 { text-align: center; }
	#home-search { margin-top: 30px; }
	#form-buttons a { margin-bottom: 15px; }
	footer ul { margin-bottom: 30px; }
	footer ul li, footer h5, .site-contact { text-align: center; }
.row.is-flex1 { margin-left:15px; margin-right:15px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.row.is-flex1 > [class*='col-'] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

}

#vhe { -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}