/*
Theme Name: Darkroom Child
Theme URI: https://themeforest.net/item/darkroom-fullscreen-studio-for-wordpress/full_screen_preview/8274662
Author: ChildThemeWP.com
Author URI: https://childthemewp.com
Description: My WordPress Darkroom child theme.
Template: darkroom
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Text Domain: darkroom-child
*/

.menu-mobile-container,
.menu-bg,
.menu-mobile-content{
	display: none
}
.mysticky-welcomebar-fixed-wrap{
	display: none;
}

.mysticky-welcomebar-display-mobile.mysticky-welcomebar-position-top.mysticky-welcomebar-fixed, .mysticky-welcomebar-display-mobile.mysticky-welcomebar-position-top.mysticky-welcomebar-entry-effect-slide-in.entry-effect.mysticky-welcomebar-fixed{
	display: none !important;
}

.main-menu-wrap ul.sf-menu > li.menu-item-has-children > ul.sub-menu{
	margin-top: -10px;
	right: auto;
}
.main-menu-wrap ul.sf-menu > li.menu-item-has-children > a:after{
	content: '\f107';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
}
.main-menu-wrap ul.sf-menu > li.menu-item-has-children > a:hover{
	cursor: pointer;
}
.main-menu-wrap ul.sf-menu > li.menu-item-has-children > a{
	display: inline-block;
	vertical-align: middle;
}
.social-toggle-wrap,
.menu-toggle{
	display: none;
}
.item-line{
	color: white;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.person h3,
.entry-content .person h3,
.client-position,
.pagination-info,
.entry-content .entry-post-title h2 a,
.mbutton span{
	color: white;
}
.work-details h4,
.work-details h4 a{
	color: white;
}
.button-text-white .button-icon{
	color: white;
}
.entry-content p{
	color: white !important;
}

@media only screen and (max-width: 1024px){
	.responsive-menu-wrap{
		display: none !important; 
	}
	.menu-mobile-container{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background-color: white;
		padding: 10px 15px;
		z-index: 100
	}
	.menu-mobile-container .logo,
	.menu-mobile-container .menu-mobile-control{
		display: inline-block;
		vertical-align: middle;
	}
	.menu-mobile-container .logo{
		width: 150px;
		float: none !important;
		margin-left: 0;
		margin-top: 0
	}
	.menu-mobile-container .menu-mobile-control{
		width: calc( 99% - 155px );
		text-align: right;
	}
	.menu-mobile-container .menu-mobile-control label{
		font-size: 28px
	}
	.menu-bg{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.0);
		pointer-events: none;
		transition:0.2s ease;
		z-index: 100
	}
	.menu-mobile-content{
		display: block;
		position: fixed;
		top: 0;
		right: -310px;
		bottom: 0;
		width: 300px;
		background-color: white;
		overflow: auto;
		transition:0.2s ease;
		z-index: 101;
	}
	#control-menu-mobile:checked ~ .menu-mobile-content{
		right: 0
	}
	#control-menu-mobile:checked ~ .menu-bg{
		background-color: rgba(0,0,0,0.7);
		pointer-events: auto;
	}
	.menu-mobile-content .close-label{
		display: block;
		font-size: 25px;
		text-align: right;
		padding: 5px 15px
	}
	.menu-mobile-content .logo{
		text-align: center;
		margin:0;
		display: block;
		width: 100%;
		margin-top: 20px;
		float: none;
	}
	.menu-mobile-content .logo img{
		width: 180px
	}
	.menu-content{
		margin-top: 40px
	}
	.menu-content ul.menu > li {
		display: block;
		position: relative;
	}
	.menu-content ul.menu > li > a{
		display: block;
	    color: #171717;
	    padding: 8px 15px;
	    background-color: #d8d8d8;
	    border: 1px solid #cacaca;
	}
	.menu-content ul.menu > li > label{
		position: absolute;
		right: 10px;
		top: 10px
	}
	.menu-content ul.menu > li > ul.sub-menu > li > a{
	    display: block;
	    color: #171717;
	    padding: 4px 36px;
	    background-color: #b5b5b5;
	    border: 1px solid #a0a0a0; 
	}
	.menu-content ul.menu > li.menu-item-6034,
	.menu-content ul.menu > li.menu-item-6104,
	.menu-content ul.menu > li.menu-item-6537,
	.menu-content ul.menu > li.menu-item-6538,
	.menu-content ul.menu > li.menu-item-6597,
	.menu-content ul.menu > li.menu-item-6598{
		display: none;
	}
}