/*
Theme Name: Semplice
Theme URI: http://www.semplicelabs.com
Author: Semplicelabs
Author URI: http://www.semplicelabs.com
Description: With Semplice you can built fully responsive case studies & custom branded project pages with just a few clicks. Visit our <a href="http://help.semplicelabs.com" target="_blank">documentation</a>, <a href="http://www.semplicelabs.com/changelog" target="_blank">changelog</a> and follow us on <a href="http://www.twitter.com/semplicelabs" target="_blank">Twitter</a> for update notifications.
Version: 3.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: portfolio, responsive, case study, fullscreen cover, content editor
Text Domain: semplice
*/

/* This is a generated and compressed stylesheet, please do not edit and read the info below! */

@import "css/styles.min.css";

/*

	How to add Custom CSS?
	------------------------------------------------------------------------------------------------------------------------------------
	There are 2 ways to edit or override CSS definitions:
	
	# Use the Custom CSS field in the Theme Options under 'Advanced Styling'
	# Add a child theme, more info in the Documentation. http//help.semplicelabs.com

*/


body {
color:white;
}

p {
    color: black!important;
	 font-weight: 400;
	font-family: 'Open Sans', sans-serif !important;
}

#logo{
	font-family:'Open Sans', sans-serif!important;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: 0.1px;		
	text-transform: uppercase!important;
}

.bold, .bold_italic, strong, b {
    font-weight: 700;
	font-family: 'Open Sans', sans-serif !important;
}

.archives-button, .search-button {
display: none;
}

#navbar .container, .navbar-inner{
	width: 100%
}

.navbar-inner{
	width: calc(100% - 100px);
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

#navbar .nav-wrapper {
    left: 0;
    position: absolute;
	top: 66px;
	max-width: 150px;
    left: 1px;
}

#menu-menu-1 {
	margin-left: 0px;
}


#navbar .logo a:hover {
    opacity: 1 !important;
}

#menu-menu-1 .menu-item  {
    display: block;
}

#menu-menu-1 .menu-item a {
    line-height: 26px !important;
	padding: 0 0 0 0 !important;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: black!important;
	font-size: 16px!important;
	text-transform: lowercase!important;
}

#navbar .controls a.project-panel-button {
    margin-right: -10px;
    padding-left: 10px;
    position: fixed;
    right: 10px;
    top: 0px;
}


/* H O M E */
.home .post-heading{
	display: none!important;
}

.home .wysiwyg img{
	height: auto;
    left: 50%;
    margin: 0 auto;
    max-width: 100vw;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.newsbox {
max-width: 300px;
padding: 20px;
border: 4px solid black;
font-family: 'Open Sans', sans-serif;
color: black;
background-color: white;

position: absolute;
bottom: 30px;
right: 30px;
}

.newsbox h3 {
font-size: 16px;
line-height: 16px;
margin-bottom: 10px;}

.newsbox ul{
list-style-type: none;
padding: 0 0 0 0;
margin-left: 0px!important;
}

.newsbox ul li{
font-size: 16px;
line-height: 28px;
} 

#post .wysiwyg .newsbox ul li a{
color: black !important;
} 


/* W O R K S - P A P E R */

.thumb-title {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}

.thumb-title span {
display: none!important;
}


/* S I N G L E W O R K - C O N T E N T P A G E */



#post .offset2{
margin-left: 0px!important;
}

.work-template-default #content-holder .container, .page-template-default #content-holder .container{
margin-left: 200px!important;

font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 28px;
color: black;
}

.page-template-default #content-holder .thumbs-content #thumbnails .container {
margin-left: 0px!important;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.wysiwyg-ce h3{
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 700;
text-transform: lowercase;
line-height: 16px;
}

.wysiwyg-ce .bold{
font-family:'Open Sans', sans-serif!important;
font-weight: 700;
}

.column-img-full{
margin-bottom: 20px;
}

.share-box{
display: none;
}

#project-panel-footer {
    background: white none repeat scroll 0 0;
    opacity: 0;
}

#project-panel .container {
width: 770px;
margin-left: 200px!important;
}

section#thumbnails .thumb .thumb-inner .thumb-hover h3 {
font-family: 'Open Sans', sans-serif!important;
font-weight: 700!important;
text-transform:lowercase!important;
font-size: 16px!important;
}

section#thumbnails .thumb h3.thumb-title {
text-transform:lowercase!important;
}

#navbar .controls {
    position: fixed!important;
}

.project-panel-button{
display: none!important;
}

section#thumbnails .thumb .thumb-inner .thumb-hover h3 span {
    display: none !important;
}

#fullscreen-menu .menu-inner nav ul li a {
    color: #000000 !important;
	font-family: 'Open Sans', sans-serif !important;
font-weight: 400 !important;
	
}

section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb h3 {
	font-family: 'Open Sans', sans-serif !important;
}


.project-panel-thumb h3 span, .project-panel-title h3{
display: none!important;
}

.menu-inner li a{
text-transform: lowercase!important;
}

.fade-content{
opacity:1!important;
}


/* Transitions Off */

*{
 -o-transition-property: none !important;
 -moz-transition-property: none !important;
 -ms-transition-property: none !important;
 -webkit-transition-property: none !important;
 transition-property: none !important;
 /*CSS animations*/
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
}

@media screen and (max-width: 1280px) {

.home .wysiwyg img{
height: auto;
left: 50%;
margin: 0 auto;
margin-right: auto;
margin-left: auto;
max-width: 100vw;
padding-left: 50px;
padding-right: 50px;
position: absolute;
top: 200px;
transform: translate(-50%, -0%);
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, -0%);
}

}

@media screen and (max-width: 979px) {

.home .wysiwyg img{

	top: 100px;
  width:100%; height:100%;
  object-fit: cover;
}

#navbar .controls {
    position: fixed !important;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
	float: none;
}


#logo{
	font-size: 26px!important;
}



}

@media screen and (max-width: 750px) {

.work-template-default #content-holder .container, .page-template-default #content-holder .container {
    margin-left: 50px !important;
}

#project-panel .container {
width: 100% !important;
margin-left: 0px !important;
}



}

@media screen and (max-width: 580px) {

.work-template-default #content-holder .container, .page-template-default #content-holder .container {
    margin-left: 25px !important;
}

.navbar-inner {
	
    width: calc(100% - 50px);
	}
	
.home .wysiwyg img{
padding-left: 25px;
padding-right: 25px;
top: 100px;
}

.newsbox {
	max-width: 100%;
    width: calc(100% - 50px);
    padding: 20px;
    border: 4px solid black;
    font-family: 'Open Sans', sans-serif;
    color: black;
    position: absolute;
	bottom: 0px;
	left: 50%;
    transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

}

@media screen and (max-width: 440px) {

.work-template-default #content-holder .container, .page-template-default #content-holder .container {
    margin-left: 10px !important;
}

.navbar-inner {
    width: calc(100% - 20px);
	}

	.home .wysiwyg img{
padding-left: 10px;
padding-right:10px;
top: 100px;
}

}