/*
 Theme Name:   Daniel Ackerman Portfolio
 Theme URI:    http://danielackerman.com
 Description:  Daniel Ackerman Personal Theme
 Author:       Gregor Richardson
 Author URI:   http://GregorRichardson.com
 Template:     daisho
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  daisho-child
*/

/*
.portfolio-arrowright {
    background-image: url(images/news-arrow-right-inactive-white.png);
}

.portfolio-arrowleft {
    background-image: url(images/news-arrow-left-inactive-white.png);
}
*/

@font-face {
    font-family: 'bebas_neueregular';
    src: url('font/bebasneue-webfont.eot');
    src: url('font/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/bebasneue-webfont.woff2') format('woff2'),
         url('font/bebasneue-webfont.woff') format('woff'),
         url('font/bebasneue-webfont.ttf') format('truetype'),
         url('font/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.element .symbol {
    font-family: "bebas_neueregular";
}
}




#hamburger
{
	box-sizing: border-box;
    /*background: #00a4a7;*/
	display: none;
	width: 70px;
    border: none;
    outline: 0px;
	height: 50px;
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 1000;
    color: #000;
    cursor: pointer;transition: 0.5s !important; -webkit-transition: 0.5s !important;
}
#hamburger:hover{background-color: #00A4A7; color: #fff;}

a#hamburger:hover:before, a#hamburger:hover:after, a#hamburger:hover span{color: #fff; background-color: #fff; transition: 0.5s; -webkit-transition: 0.5s;}

html:not(.mm-opening):not(.mm-opened) #hamburger
{
	transition: top 0.3s ease;
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
	background: #000;
	content: '';
	display: block;
	width: 40px;
	height: 7px;
	position: absolute;
	left: 14px;
    border-radius: 3px;
}
#hamburger:before
{
	top: 10px;
}
#hamburger span
{
	top: 22px;
}
#hamburger:after
{
	top: 34px;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 20px;	
}
html.mm-opening #hamburger span
{
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before
{
	transform: rotate( 45deg );
}
html.mm-opening #hamburger:after
{
	transform: rotate( -45deg );
}

.single-post .back-btn{ position: static !important;} 
.home .site-header .site-header-inner{ max-width: 100%; width: 100%; padding: 0px 15px;}
.home .site-navigation {right: 15px;}
.wide.tall .symbol {font-size: 350%;line-height: normal;padding: 0 10px;}
.option-set .active, .option-set li:hover{ background-color: #00a4a7;border-radius: 12px;color: #ffffff; }
.option-set li{ font-family: BentonSans;padding: 0.5em 0.9em 0.35em; font-size: 87.5%;  line-height: 1.125; text-transform: uppercase; cursor: pointer;}

@media screen and (max-width:1200px){
    #options{max-width: 95%;} 
    .single-post .back-btn{ margin-left: 20px !important; margin-top: 120px !important;}
}

@media screen and (max-width: 990px){
    .logo{margin: 0px auto; }
    .myfixed .logo{margin: 0px auto !important; }
    #mysticky-nav.wrapfixed .logo-inner .home-link{height: 85px; margin: 0px auto !important;}
    
}

@media screen and (max-width: 950px){
    .daisho-portfolio .site-header .site-header-inner{width: 100% !important; display: inline-block; text-align: center; }
    .header .responsive-menu{ display: block;}
    #hamburger{display: block;}
    .site-navigation{ display: none;}
    .mm-menu.mm-offcanvas.mm-current {display: block !important;}
    .site-header .site-header-inner { min-height:82px !important;}
  .mobile-menu-open-wrapper { display: block; } 
    .mobile_app_menu_main_wrapper-visible { visibility: visible; left: 0; /* -webkit-transition: left 120ms linear; */ 
        background-color: rgba(228, 228, 228, 0.9); }
.menu-main-menu-container {display: block !important;}
    .mobile-menu-open-wrapper-active{height: 80px !important;}
    #mysticky-nav {position: fixed !important;top:-2px !important;z-index: 1000;}
    .tn-grid-container{ margin: 106px auto 0;}
}
    @media screen and (max-width: 850px){
    .mobile_app_menu_main_wrapper-visible { visibility: visible; left: 0; /* -webkit-transition: left 120ms linear; */ 
        background-color: rgba(228, 228, 228, 0.9); }
    }
  @media screen and (max-width: 750px){
img.alignleft {margin: 0 1em 2em 0;}
  }

  @media screen and (max-width: 700px){
img.alignleft {display: block; text-align: center;    float: none; margin: 0px auto; margin-bottom: 20px !important;}
  }

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

     .grid-item {width: 100% !important;}
}

@media screen and (max-width: 550px){ 
/*.variable-sizes .element.width2 {width: 100% !important; height: 340px !important;}
.element{ width: 100% !important;height: 300px !important;}
.variable-sizes .element .symbol { font-size: 175%;}*/
}
@media screen and (max-width: 500px){ 
    /*.variable-sizes .element.width2{background-color: #fff;} */
    
}

@media screen and (max-width: 450px){ 
    .project-img{width: auto !important; background-size: cover;}
   
}

@media screen and (max-width: 380px){ 
    /*.tn-grid-container #container{width: 95% !important;}*/
    #mobile_app_menu a{font-size: 170%;}
    .mobile-menu-open-fixed.daisho-portfolio #mobile_app_menu .current-menu-item > a::after, .mobile-menu-open-fixed.daisho-portfolio .mobile_app_menu_main_wrapper #searchsubmit{ font-size: 38px; }
    .mobile-menu-open-wrapper{width: 80px;}
       .site-logo{max-width: 120px !important;}
    #mysticky-nav.wrapfixed .logo-inner .home-link {background-size: 130px auto !important;width: 145px !important;}
    #mysticky-nav.wrapfixed .logo-inner .home-link{ height: 80px;}
        .mobile-menu-open-wrapper{width: 60px !important;}
    .mobile-menu-open-wrapper-active{width: 100px !important;}
    .mobile-menu-open-fixed.daisho-portfolio .mobile_app_menu_main_wrapper #sidebar-search-input{font-size: 25px;}
    .mobile-menu-open-fixed.daisho-portfolio .mobile_app_menu_main_wrapper #searchsubmit{font-size: 35px;}
    #mobile_app_menu a{ font-size: 158%;}
}

@media screen and (max-width: 320px){ 
    .daisho-portfolio .site-footer .inner {width: 270px;}
}


/* ----------->>> Mobile App Menu <<<------------*/
	/* ----------------------------------------------*/
.new-formn{ position: relative;}
#header * {
    outline: 0 none;
}
.icon-reorder::before {
    content: "";
}
.socila-menu a {
    border: medium none !important;
    display: inline-block !important;
    padding: 15px 25px !important;
     margin-right: 10px;
}

.mobile-menu-open-fixed .wrapfixed{z-index: 1 !important;}
.mobile-menu-open-wrapper-active{left: auto !important; right: 0px;}

[class^="icon-"]::before, [class*=" icon-"]::before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
	#mobile_app_menu { display: none; font-family: "Open Sans", Arial, sans-serif; position: absolute; width: 100%; z-index: 10; }
		#mobile_app_menu li { background-color: #FFFFFF; }
	
			/* #mobile_app_menu li > a:hover { background-color: #00A4A7; border-bottom: 1px solid #00A4A7; color: #FFFFFF; font-weight: 600; text-decoration: none; } */
			.mod-no-touch #mobile_app_menu li > a:hover { background-color: #00A4A7; border-bottom: 1px solid #00A4A7; color: #FFFFFF; font-weight: 600; text-decoration: none; }
			.mod-touch #mobile_app_menu li > a:hover { text-decoration: none; }

			#mobile_app_menu a { color: #000000; font-weight: 300; padding: 4% 4% 4% 22px; display: block; border-bottom: 1px solid #D9DCDD; font-size: 200%; line-height: 125%; }
			#mobile_app_menu a:hover { text-decoration: none; }
			#mobile_app_menu.mobile-menu-open-visible { display: block; }
			#mobile_app_menu li a span.menu-icon { font-family: 'ModernPictogramsNormal'; font-size: 125%; font-weight: 400; margin-right: 3%; text-transform: none; }
	
	.mobile-menu-settings-wrapper { background-color: #FFFFFF; height: 100%; right: 0; top: 0; position: absolute; width: 100px; cursor: pointer; display: none; }
	.mobile-menu-settings-wrapper:hover { background-color: #00a4a7; }
	.mobile-menu-settings-wrapper:hover .mobile-menu-settings:before { color: #FFFFFF; }
	.mobile-menu-settings-wrapper-active { background-color: #000000; }
	@media (max-width: 850px){ .mobile-menu-settings-wrapper { display: block; } }
	@media (max-width: 950px){ .daisho-portfolio .mobile-menu-settings-wrapper { display: block; } }
		.mobile-menu-settings:before { color: #000000; cursor: pointer; font-size: 48px; left: 0; line-height: 125%; margin: auto; position: absolute; right: 0; text-align: center; }
		.mobile-menu-settings { background-color: transparent; bottom: 0; height: 48px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 48px; }
		.mobile-menu-settings-wrapper-active .mobile-menu-settings:before { color: #FFFFFF; }
	
	.mobile-menu-open-wrapper { height: 90px; display: none; left: 0; top: 0; position: fixed; width: 100px; cursor: pointer; z-index:1000001;}
.mobile-menu-open-wrapper.active{ height: 90px;}
	.mobile-menu-open-wrapper:hover { background-color: #00a4a7; }
	.mobile-menu-open-wrapper:hover .mobile-menu-open:before { color: #FFFFFF; }
	.mobile-menu-open-wrapper-active { background-color: #00a4a7; }
	@media (max-width: 850px){ .mobile-menu-open-wrapper { display: block; } }
	@media (max-width: 950px){ .daisho-portfolio .mobile-menu-open-wrapper { display: block; } }
		.mobile-menu-open:before { color: #000000; cursor: pointer; font-size: 48px; left: 0; line-height: 125%; margin: auto; position: absolute; right: 0; text-align: center; }
		.mobile-menu-open { background-color: transparent; bottom: 0; height: 60px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 48px; }
		.mobile-menu-open-wrapper-active .mobile-menu-open:before { color: #FFFFFF; }
	
	/* Settings panel */
	body.mobile-app-settings-panel { overflow-x: hidden; }
	.mobile_app_settings_wrapper {
		visibility: hidden;
		position: fixed;
		height: 100%;
		overflow: auto;
		z-index: 220;
		/* background-color: rgba(255, 255, 255, 1); */
		background-color: rgba(228, 231, 234, 0.95);
		width: 100%;
		bottom: -50%;
		/* -webkit-transition: bottom 150ms ease-out, visibility 0s linear 1s;
		   -moz-transition: bottom 150ms ease-out, visibility 0s linear 1s;
			-ms-transition: bottom 150ms ease-out, visibility 0s linear 1s;
			 -o-transition: bottom 150ms ease-out, visibility 0s linear 1s;
				transition: bottom 150ms ease-out, visibility 0s linear 1s; */
		height: auto;
		max-height: 50%; 
	}
	@media (max-width: 850px){
		.mobile_app_settings_wrapper-visible { 
			visibility: visible; 
			bottom: 0; 
			/* -webkit-transition: bottom 150ms ease-out, visibility 0s linear 0s;
			   -moz-transition: bottom 150ms ease-out, visibility 0s linear 0s;
				-ms-transition: bottom 150ms ease-out, visibility 0s linear 0s;
				 -o-transition: bottom 150ms ease-out, visibility 0s linear 0s;
					transition: bottom 150ms ease-out, visibility 0s linear 0s; */
		}
		.admin-bar .mobile_app_settings_wrapper { /* top: 28px; */ /* height: calc(100% - 28px); height: -webkit-calc(100% - 28px); */ }
	}
	
	.fma-sharing-icons { margin: 4% auto 0 auto; width: 92%; }
	.fma-sharing-icons > a { display: block; float: left; position: relative; width: 25%; text-align: center; margin-bottom: 4%; }
	.fma-sharing-icons .fma-sharing-icons-icon { color: #000000; color: #51555a; cursor: pointer; display: block; font-family: 'WebSymbolsRegular'; font-size: 48px; line-height: 100%; width: 100%; }
	.fma-sharing-icons a:hover { text-decoration: none; }
	.fma-sharing-icons a:hover .fma-sharing-icons-icon, .fma-sharing-icons a:hover .fma-sharing-icons-tooltip { color: #00A4A7; text-decoration: none; }
	.fma-sharing-icons .fma-sharing-icons-tooltip { color: #000000; color: #51555a; display: block; font-family: "Open Sans", Arial, sans-serif; font-size: 16px; font-weight: 600; margin-top: 17px; }
	
	/* Fixed */
	body.mobile-menu-open-fixed { }
	.mobile_app_menu_main_wrapper { display: none; visibility: hidden; position: fixed; top: 0; height: 100%; left: -100%; overflow: auto; z-index: 9999; /* higher than slideshow - 99 and footer - 150 and project view - 200 to 215 */ /* -webkit-transition: left 520ms linear; transition: left 520ms linear; */ }
		.mobile_app_menu_main_wrapper_inner2 {
			/* -webkit-transform-style: preserve-3d;
			-webkit-transition-property: -webkit-transform;
			-webkit-transition-duration: 550ms;
			-webkit-transition-timing-function: ease-out;
			-webkit-transition-delay: initial; */
			overflow: auto;
			-webkit-overflow-scrolling: touch;
			z-index: 1;
		}
		.mobile_app_menu_main_wrapper_inner2::-webkit-scrollbar {
			width: 10px;
			background-color: #fff;
			border-left: 1px solid #D9DCDD;
		}
		.mobile_app_menu_main_wrapper_inner2::-webkit-scrollbar-thumb  {
			width: 10px;
			background-color: #000;
		}
	@media (max-width: 850px){
		.mobile_app_menu_main_wrapper { display: block; background-color: transparent; overflow: hidden; width: 100%; }
		.admin-bar .mobile_app_menu_main_wrapper { top: 28px; height: calc(100% - 28px); height: -webkit-calc(100% - 28px); }
		.mobile_app_menu_main_wrapper-visible { visibility: visible; left: 0; /* -webkit-transition: left 120ms linear; */ background-color: rgba(228, 228, 228, 0.9); }
		
		#mobile_app_menu { position: relative; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; }
			#mobile_app_menu ul { list-style: none; padding: 0; margin: 0; }
				#mobile_app_menu li { display: block; }
		.mobile-menu-open-fixed #header { /* -webkit-transition: right 120ms linear; */ border-bottom: 0px solid #000000; left: -200px; right: -200%; margin: auto; }
		.mobile-menu-open-fixed #header .mobile-menu-open-wrapper-active { background-color: #00a4a7; }
		#mobile_app_menu .sub-menu > li > a { padding-left: -webkit-calc(4% + 72px); padding-left: calc(4% + 72px); }
		
		.mobile-menu-open-fixed #mobile_app_menu .current-menu-item > a { background-color: #00A4A7; border-bottom: 1px solid #00A4A7; color: #FFFFFF; font-weight: 600; }
		.mobile-menu-open-fixed #mobile_app_menu .current-menu-item > a:after { font-family: FontAwesome; font-size: 48px; position: absolute; content: "\f00c"; right: 4%; line-height: 115%; color: #FFFFFF; }
		
		.mobile-menu-open-fixed .mobile_app_menu_main_wrapper #sidebar-search-input { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #EEEEEE; border: 1px solid transparent; color: #787882; font-family: "Open Sans", Arial, sans-serif; font-size: 32px; height: 80px; margin: 0; padding: 9px 100px 9px 4%; width: 100%; border-radius: 0px; }
		.mobile-menu-open-fixed .mobile_app_menu_main_wrapper #searchsubmit { background: none repeat scroll 0 0 transparent; border: medium none; bottom: 0; color: #939398; cursor: pointer; float: right; font-family: FontAwesome; font-size: 48px; font-weight: 500; margin: 0; padding: 0; position: absolute; right: 0; text-transform: uppercase; top: 8px; width: 100px; }
		.mobile-menu-open-fixed .mobile_app_menu_main_wrapper #searchsubmit:hover { color: #000000; }
	}

@media (max-width: 800px){
    .element .symbol{font-size: 140%;}
    .grid-item  .categories{ font-size: 12px;}
    .wide.tall .categories{ font-size: 15px; }
}

@media (max-width: 990px){
    .logo{position: absolute !important; margin: 0px auto !important; height: 100% !important;}
    .home-link{ display: table-cell !important;}
}

@media (max-width: 960px){
    .logo{position: relative !important; margin:0px 0 !important; padding: 10px 0px;}
    .site-header.myfixed .logo{padding: 0px;}
    .home-link {display: block !important;}
}

	@media (max-width: 950px){
		.daisho-portfolio .mobile_app_menu_main_wrapper { display: block; background-color: transparent; overflow: hidden; width: 100%; }
		.admin-bar.daisho-portfolio .mobile_app_menu_main_wrapper { top: 0px; height: calc(100% - 28px); height: -webkit-calc(100% - 28px); }
		.daisho-portfolio .mobile_app_menu_main_wrapper-visible { visibility: visible; left: 0; /* -webkit-transition: left 120ms linear; */ background-color: rgba(228, 228, 228, 0.9); }
		
		.daisho-portfolio #mobile_app_menu { position: relative; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; }
			.daisho-portfolio #mobile_app_menu ul { list-style: none; padding: 0; margin: 0; }
				.daisho-portfolio #mobile_app_menu li { display: block; }
		.mobile-menu-open-fixed.daisho-portfolio #header { /* -webkit-transition: right 120ms linear; */ border-bottom: 0px solid #000000; left: -200px; right: -200%; margin: auto; }
		.mobile-menu-open-fixed.daisho-portfolio #header .mobile-menu-open-wrapper-active { background-color: #00a4a7; }
		.daisho-portfolio #mobile_app_menu .sub-menu > li > a { padding-left: -webkit-calc(4% + 72px); padding-left: calc(4% + 72px); }
		
		.mobile-menu-open-fixed.daisho-portfolio #mobile_app_menu .current-menu-item > a { background-color: #00A4A7; border-bottom: 1px solid #00A4A7; color: #FFFFFF; font-weight: 600; }
		.mobile-menu-open-fixed.daisho-portfolio #mobile_app_menu .current-menu-item > a:after { font-family: FontAwesome; font-size: 48px; position: absolute; content: "\f00c"; right: 4%; line-height: 80%; color: #FFFFFF; }
		
		.mobile-menu-open-fixed.daisho-portfolio .mobile_app_menu_main_wrapper #sidebar-search-input { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #EEEEEE; border: 1px solid transparent; color: #787882; font-family: "Open Sans", Arial, sans-serif; font-size: 32px; height: 80px; margin: 0; padding:9px 100px 9px 22px; width: 100%; border-radius: 0px; }
		.mobile-menu-open-fixed.daisho-portfolio .mobile_app_menu_main_wrapper #searchsubmit { background: none repeat scroll 0 0 transparent; border: medium none; bottom: 0; color: #939398; cursor: pointer; float: right; font-family: FontAwesome; font-size: 48px; font-weight: 500; margin: 0; padding: 0; position: absolute; right: 0; text-transform: uppercase; top: 8px; width: 100px; }
		.mobile-menu-open-fixed.daisho-portfolio .mobile_app_menu_main_wrapper #searchsubmit:hover { color: #000000; }
        .page-header{ margin-top: 106px !important;}
	}
	@media (max-width: 767px){
	.mobile-menu-open-wrapper { height: 85px; }
        .mobile-menu-open-wrapper.active{ height: 89px;}
        .same-sizes .element .symbol{font-size: 110%;}
    }

@media screen and (max-width: 640px){
    .element .symbol{font-size: 350% !important; }
    .grid-item .categories { font-size: 15px;}
}

@media screen and (max-width: 500px){ 
    .socila-menu a{margin-right: 0px;}
    .mobile-menu-open-fixed.daisho-portfolio .mobile_app_menu_main_wrapper #searchsubmit{font-size: 32px; top: 0px;}
    .mobile-menu-open-fixed.daisho-portfolio #mobile_app_menu .current-menu-item > a::after{font-size: 40px; line-height: 100%;}
}

@media screen and (max-width: 450px){ 
    .socila-menu a {padding: 10px 15px !important; font-size: 25px !important;}
    #mobile_app_menu a{padding: 4% 4% 4% 13px;}
    .mobile-menu-open-fixed.daisho-portfolio .mobile_app_menu_main_wrapper #sidebar-search-input{padding: 9px 100px 9px 13px;}
}

@media screen and (max-width: 380px){
    .agency-meta{padding: 0 5px;}
}