/*
Theme Name: Party Space
Theme URI: http://understrap.com
Author: Holger Koenemann
Author URI: http://www.holgerkoenemann.de
GitHub Theme URI: https://github.com/understrap/understrap
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder.
That downloads everything and moves it in place so that you can recompile your CSS and JS files;
A developer version (with Gulp/node and Sass sources) is available on gitHub: https://github.com/understrap/understrap
A child theme is available on Github, too: https://github.com/understrap/understrap-child;
Version: 0.9.3
License: UnderStrap WordPress Theme, Copyright 2013-2017 Holger Koenemann
UnderStrap is distributed under the terms of the GNU GPL version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap
Tags: one-column, custom-menu, featured-images, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
UnderStrap is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /css/theme.css
The SASS sources for it can be found in /sass/
The dependencies can be found in /src/ after running "gulp copy-assets" terminal command

...and now go out and play!
*/

/* Custom CSS Start ########################################################## */


/* Layout -------------------------- */
.site {
	/*background-color: #f8f8f8;*/
}
.site .container {
	background-color: #fff;
}
.box-layout-child {
	/*box-shadow: 0px 15px 20px 0px rgba(222, 222, 222, 0.75);
	margin: 0 auto;
    padding: 0 80px;*/
}

/* Search -------------------------- */

#searchFormWrapper .form-inline {
    background: #EAEAEA;
    padding: 10px;
	padding-left: 20px;
    border-radius: 100px;
}
#searchFormWrapper label {
    left: -6px;
    position: relative;
	margin-bottom: 0 !important;
}
#searchFormWrapper label i{
    font-weight: normal !important;
}
#searchFormWrapper input.form-control {
    border: 0 !important;
    background: #EAEAEA;
    border-radius: 100px;
}

/* Navigation -------------------------- */
#blog-partyspace-nav{
	background: #ffffff;
	border: 1px solid #e9eaf1;
	padding: 12px !important;
}
#blog-partyspace-nav .navbar-brand {
    display: block !important;
}
#blog-partyspace-nav ul li a{
	margin: 0 20px;
}
#blog-partyspace-nav a,
#blog-partyspace-canvas a{
	color: #717da4 !important;
    font-size: 1.125rem;
    transition: all .3s ease;
    white-space: nowrap;
	font-weight: 700;
}
#blog-partyspace-nav a:hover,
#blog-partyspace-canvas a:hover {
    color: #394069 !important;
}

#blog-partyspace-nav-logo{
	width: 225px; 
	height: 47px;
}
#blog-partyspace-canvas-logo{

}


#blog-partyspace-nav .form-inline {
    background: #EAEAEA;
    padding: 10px;
	padding-left: 20px;
    border-radius: 100px;
}
#blog-partyspace-nav label {
    left: -6px;
    position: relative;
}
#blog-partyspace-nav label i{
    font-weight: normal !important;
}
#blog-partyspace-nav input.form-control {
    border: 0 !important;
    background: #EAEAEA;
    border-radius: 100px;
}


#blog-partyspace-nav #searchToggle i{
	color: #394069;
	font-size: 24px;
    font-weight: normal !important;
}

/* Dropdown toggle for mobile */
.dropdown-menu {
	display: none;
	padding-left: 1rem;
	z-index: 2000;
	box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f;
    border: 0 !important;
    top: 60px !important;
    text-align: center !important;
}
.dropdown-menu.show {
	display: block;
}
.dropdown-menu .dropdown-item {
	margin: 0 !important;
	font-weight: normal !important;
}



/* Footer -------------------------- */
.footer-wrap-layout1{
	display: none;
}
.footer-bottom {
    text-align: center;
}
.footer-bottom a {
    color: #6c757d !important;
    text-decoration: none;
}
.footer-menu-social{
	display: flex;
	justify-content: space-around;
}
.footer-menu ul, 
.footer-menu ul li,
.footer-social ul, 
.footer-social ul li {
    display: inline-block;
}
.footer-menu ul li a {
    padding: 10px;
    font-size: 13px;
}
.footer-social ul li a {
    padding: 5px;
    font-size: 16px;
}
.footer-copyright{
	color: #6c757d !important;
    font-size: 20px;
	margin-bottom: 1rem;
}



/* Home - Page -------------------------- */
.row.home-page {
    display: none !important;
}





/* Previous -------------------------- */
a {
	text-decoration: none!important;
	color: #e74a92!important;
}

.top-re-blogs {
	margin-left: 0!important;
}

.top-re-blogs span {
	margin: 10px;
}

.top-re-blogs li {
	color: #a5a5a5;
	font-size: 13px;
	padding: 5px;
	width: 33.334%;
    display: inline-block;
    text-align: center;
}

.top-re-blogs li i {
	color: #636363;
}

.top-re-blogs img {
	margin-bottom: 10px;
}

.home-re-title {
	font-size: 18px;
    color: #000;
    font-weight: 700;
    position: relative;
    margin-top: 15px;
}

.home-re-title a {
	color: #000!important;
}

.home-re-title a:hover {
	color: #000;
}



.home-slide-title {
	font-size: 28px;
    font-weight: 700;
    color: #000;
    margin-top: 15px;
}

.home-slide-title a, .home-slide-title a:hover {
	color: #000!important;
}



.home-slide-padding {
	text-align: center;
    width: 75%;
    margin: auto;
    padding: 25px 150px;
    background-color: #fff;
    margin-top: -100px;
    position: inherit;
}

.home-slide-padding span {
	font-size: 14px;
    color: #a5a5a5;
    margin:0 10px;
}

.home-slide-padding i {
	 color: #636363;
}

.footer-wrap-layout1 .container {
	background-color: #111111;
}

.cat-item {
	position: relative;
    border-bottom: 1px solid #e8e8e8;
}

.cat-item a {
	width: 90%;
	position: relative;
    display: inline-block;
    color: #646464!important;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 30px;
    font-size: 15px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.blog-post-meta {
	color: #a5a5a5;
	margin: 15px 0;
}

.blog-post-meta i {
	color: #636363;
}

.blog-post-meta span {
	margin: 10px;
}

.comments-area {
	display: none;
}

.header-action-items a, .header-action-items a:hover {
	color: #646464!important;
}

.wppb-post-grid-title a, .wppb-post-grid-title a:hover {
	color: #000!important;
}

.btn-secondary {
    color: #fff!important;
	margin-top: 15px;
    background-color: #e74a92!important;
    border-color: #384069!important;
}

.btn-outline-primary, .wpcf7 input[type=submit] {
    color: #e74a92!important;
    border-color: #e74a92!important;
	margin-top: 0;
}

.btn-outline-primary:hover, .wpcf7 input:hover[type=submit] {
    color: #fff!important;
    background-color: #e74a92!important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a {
	color: #000!important;
}
.cat-item a{width:85%}

@media (max-width: 992px){
	.home-slide-padding {padding: 50px 50px;}
}

@media (max-width: 768px) {
	#mega-menu-wrap-primary #mega-menu-primary {display: none!important;}
	.home-slide-padding {padding: 30px 25px; margin-top: -60px; width: 90%;}
	.header-action-items .item-social-layout1 span {margin-left: 0!important;}
	.header-action-items .item-social-layout1 {margin-right: 5px!important;}
	.top-re-blogs li {width: 50%;}
}

@media (max-width: 576px){
	.top-re-blogs li {width: 100%}
	.home-slide-title {font-size: 18px;}
}

@media (max-width: 426px) {
	
}



/* Responsive CSS ########################################################## */

/* Desktop Query ========================================================== */
@media only screen and (min-width: 1023px) {
	.site .box-layout-child {
		margin-top: 60px;
	}
	.home .site .box-layout-child {
		margin-top: 120px;
	}

	#blog-partyspace-nav-logo{
		margin-left: 100px;
	}
	
	#searchToggle{
		display: none !important;
	}
	#searchFormPopup {
		display: none;
	}

	
	.footer-social{
		display: block;
	}
	.footer-social.second{
		display: none;
	}
}


/* Mobile Query ========================================================== */
@media only screen and (max-width: 1024px) {
	.site .box-layout-child {
		margin-top: 40px;
	}
	.home .site .box-layout-child {
		margin-top: 80px;
	}
	#blog-partyspace-nav-logo,
	#blog-partyspace-canvas-logo{
		width: 180px; 
		height: auto;
	}
	#searchToggle{
		display: block !important;
	}
	#searchFormWrapper {
		display: none;
	}
	#searchFormPopup {
		display: none;
		z-index: 99999;
		position: fixed;
		top: 0;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 100vh;
		padding: 50px 10% !important;
		overflow: hidden;
	}
	#searchFormPopup #searchFormWrapper {
		display: block;
	}
	#searchFormPopup #searchFormWrapper label{
		width: 20% !important;
	}
	#searchFormPopup #searchFormWrapper input.form-control {
		width: 80%;
	}
	
	.footer-social{
		display: none;
	}
	.footer-social.second{
		display: block;
	}
}




/* Offcanvas styles for mobile */
@media (max-width: 991.98px) { /* lg breakpoint */
	.offcanvas-collapse {
		position: fixed;
		top: 0;
		bottom: 0;
		right: -250px;
		width: 250px;
		padding: 1rem;
		overflow-y: auto;
		background-color: #ffffff;
		transition: right 0.3s ease-in-out;
		z-index: 1040;
	}
	.offcanvas-collapse.open {
		right: 0;
	}
	.offcanvas-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 1rem;
		border-bottom: 1px solid rgba(255,255,255,.1);
	}
	.offcanvas-header .close {
		font-size: 1.5rem;
		color: #646464 !important;
		opacity: 1;
	}
	.offcanvas-collapse .nav-link {
		color: #646464 !important;
	}
	.offcanvas-collapse .nav-link:hover {
		color: #ffc107;
	}
	
	/* Submenu toggle for mobile */
	.submenu {
		display: none;
		padding-left: 1rem;
		border-left: 1px solid #E64B92;
	}
	.submenu.show {
		display: block;
	}
	.submenu .submenu-item a {
		font-weight: normal !important;
	}
}