/*
	Theme Name: deCente
	Theme URI: http://themeshift.com/theme/decente
	Description: deCente is an elegant and responsive business, portfolio theme built by ThemeShift. It comes with complex, yet easy-understandable theme options, post layouts and custom widgets. The entire home page is a widget area. The portfolio section is perfect to professionally show off your work.
	Version: 1.0.3
	Author: Simon Rimkus
	Author URI: http://themeshift.com
	Tags: blue, gray, white, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready	
	License: GNU General Public License v2.0
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/**
 * PLEASE NOTICE! The main CSS styles of this
 * theme are located in /lib/assets/css/layout.css
 */

/**
 * WARNING! You can add your custom styles here. But keep in mind
 * that this file will be overwritten when you update the theme.
 * If you add styles here, BACKUP this file before updating.
 */
body{font-size:15px; font-family:'Bitter',serif;}
.frameshift-menu-main{background:none repeat scroll 0 0 #343434 !important;}
#outer{margin:40px auto;}
#logo-description{font-size:20px; letter-spacing:-1px;}
#main-wrap {padding-bottom:40px;}
#subfooter-wrap {display:none;}
#credit-wrap {margin-top:-40px; background: none repeat scroll 0 0 #343434 !important; color:white;}
.container #credit {padding-bottom:20px;}
#credit-wrap .container #credit {display:table;}
.services-list{list-style:none; display:inline-block; margin:0px; margin: 0 0 40px;
    vertical-align: top;
    width: 49%;}
.services-list li:first-child{margin-left:0; font-size:20px;list-style:none; letter-spacing:-1px;}
.services-list li {list-style:disc; margin-left:25px;}
.partners-list{list-style:none; display:inline-block; margin:0px;}
.partners-list li{float:left;  }
.partners-list li:first-child{margin-right:20px; }
.partners-list li:nth-child(2){margin-right:20px; }
.partners-list img {vertical-align:middle;}
.footer-list{list-style:none; display:inline-block; margin:0px; line-height:22px; width:980px; font-size:15px; font-weight:normal; font-family:'Bitter',serif; text-shadow: 1px 1px 0 #2c2e38, 1px 2px 0 #5c5f72;}
.footer-list li {float:left; width:25%;}
.footer-inlist{list-style:none; display:inline-block; margin:0px;}
.footer-inlist li{float:none;}
.footer-inlist li {width:100%;}
#transposh-3{position:absolute; top:17px; z-index:999;right: 96px;}
#transposh-3.widget_transposh .widget-inner select {width:100px;}
#menu-main{font-weight:bold;}
.add_posts ul{ columns: 2; -webkit-columns: 2; -moz-columns: 2; margin-left:0;}
.add_posts ul li {margin-left:25px;}
#cntctfrm_contact_form div:last-child input{padding-right:24px; padding-left:24px; font-size:20px!important; letter-spacing:-1px;}
#cntctfrm_contact_subject,
#cntctfrm_contact_message{width:100%!important; font-size:15px;font-family:'Bitter',serif;}
#cntctfrm_contact_form div label{ font-size:15px; color:#444; font-family:'Bitter',serif;}
#cntctfrm_contact_form div input {margin-bottom:15px!important; font-size:15px!important; font-family:'Bitter',serif; letter-spacing:0;}
#cntctfrm_contact_form p.cptch_block{margin-top:0!important;}
#cntctfrm_contact_form p.cptch_block input {padding-right:4px!important; padding-left:4px!important; font-size:18px!important;}
.frameshift-menu, .frameshift-menu .sf-menu li, .frameshift-menu .sf-menu a {font-size:20px!important; font-weight:normal; letter-spacing:-1px; line-height:64px!important; text-shadow:1px 1px 0 #2c2e38, 1px 2px 0 #5c5f72; height:60px;}
#header{height:103px}
#menu .frameshift-menu{height:60px!important;}
.widget-latest .title-widget, .widget-latest-work .title-widget, .hentry.page .post-title{margin-bottom:15px;}
.menu-label,
.menu-toggler { display: none;}

	#menu .sf-menu li a:hover {
		background-color: unset;
    outline: 1px solid #eee;
		outline-offset:-10px;
}
	#menu .sf-menu li a {
		    margin: 0;
    padding-left: 25px;
    padding-right: 25px;
}
/* Mobile view */
@media all and (max-width: 1024px){
	.menu-label,
.menu-toggler { display: initial;
}
#outer{margin:40px auto;}
#transposh-3{
right:0;
margin-top:-50px;
}
#menu div.frameshift-menu.frameshift-menu-main select.tinynav::-ms-expand {
    display: none;
}

#menu div.frameshift-menu.frameshift-menu-main select.tinynav{
font-family: 'Bitter',serif;
    font-size: 28px;
    height: 100%;
	margin-top:0;
padding-top: 11px;
text-shadow:1px 1px 0 #2c2e38, 1px 2px 0 #5c5f72;
text-transform: uppercase;
}
#menu .frameshift-menu{padding:0px!important;}
//#menu .frameshift-menu:focus::before {
//	display: none;
//}
	.menu-label {
		  width: 32px;
    height: 22px;
    display: flex;
    left: auto;
    cursor: pointer;
    align-items: center;
    position: relative;
    justify-content: center;
		float:right;
		        top: 19px;
        right: 19px;
        margin: 0;
		        z-index: 1;
    span, &:before, &:after {
        width: 100%;
        height: 4px;
        background: white;
        border-radius: 3px;
    }
    &:before ,  &:after{
        
        content: "";
        left: 0;
        position: absolute;
        transition: all 0.3s ease;
    }
    &:before{
        top: 0;
    }
    &:after{
        top: 18px;
    }
	}

	.menu-toggler{
    right: 28px;
        top: 23px;
        opacity: 0;
        position: absolute;
        z-index: 2;
        margin: 0 !important;
		z-index:2;
		    transform: scale(2.5);
   &:checked + .show-menu{
        span{
            background: transparent;
            
        }
        &:after {
            top: 9px;
            transform: rotate(45deg);
        }

        &:before {
            top: 9px;
            transform: rotate(-45deg);
        }
   }
   &:checked ~ .nav{
    display: block;
    transform: translateX(0);
   }
}
	
	
//#menu .frameshift-menu::before {
	//content: "Menu";
//	background-color: white;
//	display: inline-block;
//	box-sizing: content-box;
//	float: right;
//	padding-left: 25px;
//	padding-right: 25px
//}

//#menu .frameshift-menu ul {
//	display: block;
//	background-color: #343434;
//	height: 300px;
//	cursor: pointer;
//	position: relative;
//	visibility: hidden;
//}

//#menu .frameshift-menu:focus ul {
//	visibility: visible;
//}

#menu .sf-menu li {
	background-color: #343434;
	width: 100%;

}

#menu .sf-menu li a {
	margin: 0 70px 0 25px;
	display: block;
	z-index: 1000;
	padding-left:5px;
}
	#menu .sf-menu li:last-child {
	padding-bottom:25px;
}
	#menu .sf-menu li a:hover {
		background-color: unset;
    outline: 1px solid #eee;
		outline-offset:unset;
}
}
	
#credit-wrap{margin-top: -40px;}
#credit,
.footer-list{width:100%;}
.footer-list li {border-bottom: 1px dashed gray;
    padding: 10px 0; width:100%;}
.footer-list li:last-child{ padding: 10px 0px 0px; border-bottom:0}
.footer-inlist li{border-bottom:0;padding:0;}
#header{
-webkit-background-size: contain!important;
  -moz-background-size: contain!important;
  -o-background-size: contain!important;
  background-size: contain!important;
top:60px;
}
#cntctfrm_contact_name,
#cntctfrm_contact_email,
#cntctfrm_contact_phone{width:100%!important;}

}

@media all and (max-width: 382px){
.boxed{margin: 0 3px;}
#logo-description{margin-top:40px;}
}