/*
Theme Name: Daisho
Theme URI: http://themeforest.net/item/daisho-flexible-wordpress-portfolio-theme/2585124
Description: Daisho is a portfolio WordPress theme.
Author: Flow
Author URI: http://themeforest.net/user/Flow
Version: 1.9.0.2
License: Check Themeforest item page for more information.
License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/
*/
/* --------------------------------------*/
/* ---------->>> NORMALIZE <<<-----------*/
/* --------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul { list-style: none; }
:focus { outline: 0; }
/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
html, body { }
html[xmlns] .clearfix {
display:block;
}
body {
margin:0px; padding:0px;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 20px;
color:#737373;
background-color: #ffffff;
overflow-x: hidden;
background-position: center top;
background-repeat: repeat-x;
background-attachment: fixed;
background-image: none;
opacity: 0;
}
.body-visible {
opacity: 1;
-moz-transition: opacity 700ms;
-webkit-transition: opacity 700ms;
-ms-transition: opacity 700ms;
-o-transition: opacity 700ms;
transition: opacity 700ms;
}
@media only screen and (max-width: 800px){ body { min-height: 700px; } }
@media (max-width: 850px){ body { padding-top: 120px; } }
@media (max-width: 950px){ body.daisho-portfolio { padding-top: 120px; } }
#myimage_original { opacity: 1; display: block; overflow: hidden; position: fixed; z-index: -1; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
/*
Z-index map
#myimage_original: -1
#header: 150
info-box: 160
static content: 100
slideshow: 100
#footer 150
portfolio bg: 200
portfolio content: 205
portfolio arrows container: auto
portfolio arrows: 210
portfolio header: 215
portfolio #header mobile: 220
- portfolio content videos: 10
search box: 300
blog/single header: 150
compact header:
*/
/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
#top {width: 100%; height: 20px; background: #000;}
#header * { outline: 0 none; }
#header { display: block; float: left; min-width: 100%; /* min-height: 150px; */ height: auto; z-index: 150; top: 0; position: relative; }
@media (max-width: 850px){
#header { /* min-height: 100px; */ position: fixed; border-bottom: 1px solid #AAAAAA; box-shadow: 0 0 8px #888888; z-index: 220;
background-color: #ffffff;
background-image: linear-gradient(bottom, #DADADA 0%, #F4F4F4 100%);
background-image: -o-linear-gradient(bottom, #DADADA 0%, #F4F4F4 100%);
background-image: -moz-linear-gradient(bottom, #DADADA 0%, #F4F4F4 100%);
background-image: -webkit-linear-gradient(bottom, #DADADA 0%, #F4F4F4 100%);
background-image: -ms-linear-gradient(bottom, #DADADA 0%, #F4F4F4 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #DADADA), color-stop(1, #F4F4F4));
}
.admin-bar #header { top: 28px; }
}
@media (max-width: 950px){
.daisho-portfolio #header { /* min-height: 100px; */ position: fixed; border-bottom: 1px solid #AAAAAA; box-shadow: 0 0 8px #888888; z-index: 220;
background-color: #ffffff;
background-image: linear-gradient(bottom, #DADADA 0%, #F4F4F4 100%);
background-image: -o-linear-gradient(bottom, #DADADA 0%, #F4F4F4 100%);
background-image: -moz-linear-gradient(bottom, #DADADA 0%, #F4F4F4 100%);
background-image: -webkit-linear-gradient(bottom, #DADADA 0%, #F4F4F4 100%);
background-image: -ms-linear-gradient(bottom, #DADADA 0%, #F4F4F4 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #DADADA), color-stop(1, #F4F4F4));
}
}
/* ARCHIVE, SEARCH, BLOG, SINGLE POST */
.archive #header, .single-post #header, .search #header, .page-template.page-template-template-blog-php #header { display: none; }
@media (max-width: 850px){ .archive #header, .single-post #header, .search #header, .page-template.page-template-template-blog-php #header { display: block; } }
#header .inner { margin: 0 auto; max-width: 1120px; width: 92%; position: relative; height: 100%; min-height: 150px; border-bottom: 3px solid #d9dcdd;
-moz-transition: width 0.2s;
-webkit-transition: width 0.2s;
-o-transition: width 0.2s;
-ms-transition: width 0.2s;
transition: width 0.2s;
}
body.daisho-classic-has-slideshow:not(.daisho-classic-has-welcome-text) #header .inner { border-bottom: 0 none; }
@media (max-width: 850px){ #header .inner { border-bottom: 0 none; min-height: 100px; } }
/* THUMBNAIL VIEW */
@media (min-width: 950px) and (max-width: 1240px){ .daisho-portfolio #header .inner { width: 900px; } }
@media (min-width: 800px) and (max-width: 950px){ .daisho-portfolio #header .inner { width: 675px; } }
@media (min-width: 450px) and (max-width: 800px){ .daisho-portfolio #header .inner { width: 450px; } }
@media (max-width: 950px){ .daisho-portfolio #header .inner { border-bottom: 0 none; min-height: 100px; } }
@media (max-width: 950px){ .daisho-portfolio-viewing-project.daisho-portfolio #header .inner { width: 92%; } }
/* CLASSIC VIEW */
@media (max-width: 1260px){ .daisho-classic #header .inner { max-width: 1000px!important; } }
@media (max-width: 1150px){ .daisho-classic #header .inner { max-width: 900px!important; } }
@media (max-width: 1050px){ .daisho-classic #header .inner { max-width: 800px!important; } }
#logo-text, #logo-image, .logo-image { height: 100%; position: absolute; }
#logo-image img { display: block; bottom: 0; margin: auto; position: absolute; top: 0; }
#logo-text { display: table; }
.logo-text-inner { display: table-cell; vertical-align: middle; height: 150px; }
#logo-text h1 { text-transform: uppercase; margin-bottom: 0; }
#logo-text h1 a { font-size: 38px; font-weight: 900; text-decoration: none; }
#logo-text h1 a:hover { color: #cc6633; }
#tagline { }
#tagline a { font-family: "Open Sans",Arial,sans-serif; font-size: 13px; text-decoration: none; }
/* Back Button */
.header-back-to-blog-link { float: left; }
.header-back-to-blog { float: left; }
.header-back-to-blog-icon { background: url("images/header-compressed.png") no-repeat left top transparent; width: 19px; height: 34px; cursor: pointer; float: left; opacity: 0.35; }
.header-back-to-blog-message { float: left; cursor: pointer; margin: 5px 0 0 5px; font-family: "Open Sans", Arial, sans-serif; font-size: 10px; text-transform: uppercase; font-weight: 700; color: #000000; opacity: 0.35; }
.header-back-to-blog:hover .header-back-to-blog-icon { opacity: 1; }
.header-back-to-blog:hover .header-back-to-blog-message { color: #000000; text-decoration: none; opacity: 1; }
/* Search Button */
.header-search { position: absolute; right: 0; top: 0; bottom: 0; cursor: pointer; display: none; margin: 4px auto auto 0; position: relative; float: left; }
.header-search-icon { font-family:'WebSymbolsRegular'; font-size: 27px; color: #000000; margin: auto; position: absolute; right: 0; top: 0; bottom: 0; cursor: pointer; margin: 0px auto auto 20px; position: relative; float: left; opacity: 0.35; }
.header-search-text { float: right; cursor: pointer; margin: 0 0 0 5px; font-family: "Open Sans",Arial,sans-serif; font-size: 10px; text-transform: uppercase; font-weight: 700; color: #000000; margin-top: 1px; opacity: 0.35; }
.header-search:hover div { opacity: 1; color: #000000; }
.archive .header-search,
.single-post .header-search,
.search .header-search,
.page-template.page-template-template-blog-php .header-search { display: block; }
/* Search Overlay */
.header-search-form { background-color: #ffffff; display: none; height: 100%; opacity: 0.97; position: fixed; width: 100%; z-index: 300; top: 0; left: 0; }
.header-search-form form { margin: 0 auto; max-width: 1120px; width: 92%; margin-top: 5%; }
.header-search-form .s { background-color: transparent; border: 1px solid transparent; color: #000000; font-family: 'Open Sans',Arial,sans-serif; font-size: 80px; line-height: 65px; min-height: 129px; padding: 0; text-transform: uppercase; overflow: hidden; white-space: pre-wrap; resize: none; max-width: 100%; font-weight: 300; background-color: #ffffff; -webkit-appearance: none; }
.header-search-form .s::select { background: #C8C8C8; color: #191718; }
.header-search-form .s::-moz-selection { background: #C8C8C8; color: #191718; }
.search-message { margin: 0 auto; max-width: 1120px; width: 92%; font-family: 'Open Sans', Arial, sans-serif; color: #8c8c8c; font-size: 11px; font-weight: 700; text-transform: uppercase; }
@media (max-width: 850px){
.header-search-form .s { font-size: 60px; line-height: 45px; min-height: 89px; }
}
/* Search sidebar widget */
#searchform { position: relative; }
#sidebar-search-input { padding: 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width: 100%; border: 1px solid #c8c8c8; font-family: "Open Sans", Arial, sans-serif; padding: 9px; padding-right: 40px; color: #787882; margin: 0; }
#searchsubmit {
text-transform: uppercase;
font-size: 29px;
color: #939398;
background: none repeat scroll 0 0 transparent;
border: medium none;
cursor: pointer;
padding: 0;
font-weight: 500;
margin: 0;
top: 6px;
right: 9px;
float: right;
position: absolute;
font-family: FontAwesome;
}
#searchsubmit:hover { color: #282832; }
/* -----------------------------------*/
/* ----------->>> MENU <<<------------*/
/* -----------------------------------*/
#navigation { position: absolute; right: 0; top: 45px; }
@media (max-width: 850px){ #navigation { margin-top: 25px; top: 0; } }
@media (max-width: 950px){ .daisho-portfolio #navigation { margin-top: 25px; top: 0; } }
/* Normal Menu */
.flow_smart_menu { }
@media (max-width: 850px){ .flow_smart_menu { display: none; } }
@media (max-width: 950px){ .daisho-portfolio .flow_smart_menu { display: none; } }
.flow_smart_menu li { float: left; margin: 0 0 0 45px; font-size: 16px; position: relative; list-style: none outside none; }
.flow_smart_menu li a { font-family: "Dosis", Arial, sans-serif; font-weight: 700; font-size: 16px; text-transform: uppercase; clear: both; color: #202020; }
.flow_smart_menu li:hover a { text-decoration: none; color: #cc6633; }
.flow_smart_menu li.current_page_item a { color: #cc6633; }
.flow_smart_menu li a span.menu-icon { padding-bottom: 2px; clear: both; display: block; text-align: center; text-transform: none; }
.flow_smart_menu li a span.menu-icon { font-family:'ModernPictogramsNormal'; font-size: 38px; font-weight: 400; line-height: 100%; }
/* Alternative icons sets. Remove comment to change set */
/* .flow_smart_menu li a span.menu-icon { font-family:'WebSymbolsRegular'; font-size: 22px; font-weight: 400; line-height: 100%; } */
/* .flow_smart_menu li a span.menu-icon { font-family:'RaphaelIcons'; font-size: 38px; font-weight: 400; line-height: 100%; } */
@media (max-width: 1000px){ .flow_smart_menu li { margin: 0 0 0 25px; } }
@media (max-width: 1050px){ .daisho-classic .flow_smart_menu li { margin: 0 0 0 25px; } }
/* Mobile Menu */
#mobile_menu { display: none; font-family: 'Open Sans'; margin: 0 auto; position: relative; width: 300px; font-size:38px; float: right; }
@media (max-width: 850px){ #mobile_menu { display: block; } }
@media (max-width: 950px){ .daisho-portfolio #mobile_menu { display: block; } }
#mobile_menu option { font-size: 38px; }
@media (max-width: 700px){ #mobile_menu { width: 190px; } }
@media (min-width: 450px) and (max-width: 800px){ .daisho-portfolio #mobile_menu { width: 190px; } }
/* Compact Menu */
#compact_navigation_container { position: fixed; top: 0; left: 0; width: 100%; background-color: #ffffff; padding: 8px 0px; z-index: 215; clear: both; visibility: hidden; opacity: 0;
-moz-transition: opacity 0.2s ease-out, visibility 0s 0.2s;
-webkit-transition: opacity 0.2s ease-out, visibility 0s 0.2s;
-o-transition: opacity 0.2s ease-out, visibility 0s 0.2s;
transition: opacity 0.2s ease-out, visibility 0s 0.2s;
box-shadow: 0px 0px 14px #dadada;
/* box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.14);
box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.18);
box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.18); */
box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.16);
}
.admin-bar #compact_navigation_container { top: 28px; }
#compact_navigation_container.compact_navigation_container-visible { visibility: visible; opacity: 1;
-moz-transition: opacity 0.7s linear;
-webkit-transition: opacity 0.7s linear;
-o-transition: opacity 0.7s linear;
transition: opacity 0.7s linear;
}
#compact_navigation_container .inner { max-width: 1120px; margin: 0 auto; width: 92%; position: relative; }
#compact_menu { float: right; margin-top: 5px; max-width: 85%; }
/* #compact_menu li { float: left; margin: 0 0 0 45px; font-size: 16px; }
#compact_menu li a { font-family: "Dosis", Arial, sans-serif; font-weight: 700; font-size: 16px; text-transform: uppercase; clear: both; color: #202020; }
#compact_menu li:hover a { text-decoration: none; color: #cc6633; }
#compact_menu li.current_page_item a { color: #cc6633; } */
/* #compact_menu li li { display: none; } */
/* @media (max-width: 1000px){ #compact_menu li { margin: 0 0 0 25px; } } */
/* Smart Sub-menus by Flow */
.flow_smart_menu li:hover > a,
.flow_smart_menu li:hover > ul > li > a:hover { }
.flow_smart_menu li:hover > a span:first-child { color: #cc6633; }
.flow_smart_menu .menu-item-has-submenu a span:last-child { padding: 2px 23px 2px 13px!important; }
#compact_menu.flow_smart_menu > li.menu-item-has-submenu > a { padding: 2px 23px 2px 13px; }
.flow_smart_menu > li.menu-item-has-submenu:hover { padding-bottom: 6px; }
.flow_smart_menu > li.menu-item-has-submenu:hover > a span:last-child { background-color: #cc6633; border-radius: 13px 13px 13px 13px; color: #FFFFFF; padding: 2px 23px 2px 13px; }
#compact_menu.flow_smart_menu > li.menu-item-has-submenu:hover > a { background-color: #cc6633; border-radius: 13px 13px 13px 13px; color: #FFFFFF; padding: 2px 23px 2px 13px; }
.flow_smart_menu .menu-item-has-submenu a span:last-child:after { content: "["; font-family: "WebSymbolsRegular", Arial, sans-serif; padding-left: 6px; position: absolute; font-size: 12px; }
#compact_menu.flow_smart_menu > li.menu-item-has-submenu > a:after { content: "["; font-family: "WebSymbolsRegular", Arial, sans-serif; padding-left: 6px; position: absolute; font-size: 12px; }
.flow_smart_menu li.menu-item-has-submenu li.menu-item-has-submenu > a:after { content: "]"; font-family: "WebSymbolsRegular", Arial, sans-serif; padding-left: 6px; position: absolute; font-size: 12px; right:10px; top: 4px; }
.flow_smart_menu li.menu-item-has-submenu { margin: 0 0 0 31px; }
.flow_smart_menu li.menu-item-has-submenu + li { margin: 0 0 0 36px; }
.flow_smart_menu li.menu-item-has-submenu + li.menu-item-has-submenu { margin: 0 0 0 23px; }
@media (max-width: 1000px){
.flow_smart_menu li.menu-item-has-submenu { margin: 0 0 0 11px; }
.flow_smart_menu li.menu-item-has-submenu + li { margin: 0 0 0 16px; }
.flow_smart_menu li.menu-item-has-submenu + li.menu-item-has-submenu { margin: 0 0 0 3px; }
}
@media (max-width: 1050px){
.daisho-classic .flow_smart_menu li.menu-item-has-submenu { margin: 0 0 0 11px; }
.daisho-classic .flow_smart_menu li.menu-item-has-submenu + li { margin: 0 0 0 16px; }
.daisho-classic .flow_smart_menu li.menu-item-has-submenu + li.menu-item-has-submenu { margin: 0 0 0 3px; }
}
.flow_smart_menu li.menu-item-has-submenu ul.sub-menu { float: left; list-style: none; padding: 0; position: absolute; left: 0; /* z-index: 250; */ border-radius: 7px 7px 7px 7px; font-weight: 500; /* margin: 0; margin-top: 27px; top: 31px; */ margin: 5px 0 0; padding-bottom: 5px; min-width: 165px; opacity: 0; visibility: hidden; }
.flow_smart_menu li.menu-item-has-submenu > ul.sub-menu.menu-reversed { left: auto; right: 0 } /* On small resolutions first sub-menu may open to the left if it won't fit the screen */
/* body:not(.apple) */ .flow_smart_menu li.menu-item-has-submenu ul.sub-menu {
-moz-transition: opacity 0.2s ease-out, visibility 0s 0.2s linear;
/* -webkit-transition: opacity 0.2s ease-out, visibility 0s 0.2s linear; */
-webkit-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s;
-o-transition: opacity 0.2s ease-out, visibility 0s 0.2s linear;
transition: opacity 0.2s ease-out, visibility 0s 0.2s linear;
}
#compact_menu.flow_smart_menu > li.menu-item-has-submenu > ul.sub-menu { }
.flow_smart_menu li.menu-item-has-submenu:hover ul.sub-menu { opacity: 0.9; visibility: visible; }
/* body:not(.apple) */ .flow_smart_menu li.menu-item-has-submenu:hover ul.sub-menu {
-moz-transition: opacity 0.2s ease-out, visibility 0.1s linear;
/* -webkit-transition: opacity 0.2s ease-out, visibility 0.1s linear; */
-webkit-transition: opacity 0.2s ease-out, visibility 0s linear;
-o-transition: opacity 0.2s ease-out, visibility 0.1s linear;
transition: opacity 0.2s ease-out, visibility 0.1s linear;
}
.flow_smart_menu li.menu-item-has-submenu ul.sub-menu li { clear: both; border: none; border-bottom: 1px solid #2B2B2B; border-top: 1px solid #000000; display: block; padding: 0; width: 100%; margin: 0; margin-top: -15px; }
/* body:not(.apple) */ .flow_smart_menu li.menu-item-has-submenu ul.sub-menu li {
-moz-transition: opacity 0.1s ease-out, margin 0.2s ease-out;
-webkit-transition: opacity 0.1s ease-out, margin 0.2s ease-out;
-o-transition: opacity 0.15s ease-out, margin 0.2s ease-out;
transition: opacity 0.15s ease-out, margin 0.2s ease-out;
}
.flow_smart_menu li ul.sub-menu li:first-child { margin-top: 0; }
.flow_smart_menu li:hover ul.sub-menu li { margin-top: 0; opacity: 1; }
/* body:not(.apple) */ .flow_smart_menu li:hover ul.sub-menu li {
-moz-transition: opacity 0.1s ease-out, margin 0.2s ease-out;
-webkit-transition: opacity 0.1s ease-out, margin 0.2s ease-out;
-o-transition: opacity 0.15s ease-out, margin 0.2s ease-out;
transition: opacity 0.15s ease-out, margin 0.2s ease-out;
}
.flow_smart_menu li:hover ul.sub-menu li a { }
.flow_smart_menu li:hover ul.sub-menu li a { z-index: 1; }
.flow_smart_menu li ul.sub-menu li:first-child { border-top: 0 none; }
.flow_smart_menu li ul.sub-menu li:last-child { border-bottom: 0 none; }
.flow_smart_menu li ul.sub-menu li a { background-color: #000000; clear: both; color: #BABABA; display: block; font-size: 14px; font-weight: 500; padding: 5px 25px 5px 12px; border-radius: 0px 0px 0px 0px; word-wrap: break-word; }
.flow_smart_menu li ul.sub-menu li a:hover { color: #000000; background-color: #bdbdbd; font-weight: 700; }
.flow_smart_menu li ul.sub-menu li:last-child > a { border-radius: 0 0 7px 7px; }
.flow_smart_menu li ul.sub-menu li:first-child > a { border-radius: 7px 7px 0 0; }
.flow_smart_menu li ul.sub-menu li:only-child > a { border-radius: 7px 7px 7px 7px; }
.flow_smart_menu li:hover ul.sub-menu li:hover > a { color: #000000; background-color: #bdbdbd; font-weight: 700; } /* Yes, it's magic. */
.flow_smart_menu ul.sub-menu li.current-menu-item > a { color: #000000; background-color: #bdbdbd; font-weight: 700; }
/* Multiple level sub-menus start here */
.flow_smart_menu li ul.sub-menu li ul.sub-menu { top: 0!important; margin-top: 0!important; visibility: hidden; left: 0; }
/* body:not(.apple) */ .flow_smart_menu li ul.sub-menu li ul.sub-menu {
-moz-transition: left 0.1s ease-out 0.1s, right 0.1s ease-out 0.1s;
-webkit-transition: left 0.1s ease-out 0.1s, right 0.1s ease-out 0.1s;
-o-transition: left 0.1s ease-out 0.1s, right 0.1s ease-out 0.1s;
-ms-transition: left 0.1s ease-out 0.1s, right 0.1s ease-out 0.1s;
transition: left 0.1s ease-out 0.1s, right 0.1s ease-out 0.1s;
/* -moz-transition: opacity 0.15s ease-in-out, left 0.1s ease-out, visibility 0s linear, right 0.1s ease-out;
-webkit-transition: opacity 0.15s ease-in-out, left 0.1s ease-out, visibility 0s linear, right 0.1s ease-out;
-o-transition: opacity 0.15s ease-in-out, left 0.1s ease-out, visibility 0s linear, right 0.1s ease-out;
transition: opacity 0.15s ease-in-out, left 0.1s ease-out, visibility 0s linear, right 0.1s ease-out; */
}
.flow_smart_menu li:hover ul.sub-menu li ul.sub-menu { float: left; list-style: none; margin: 0; position: absolute; top: 0px; left: 0; opacity: 0; /* Alternatively, we can give some initial left (nor recommended) and opacity to make animation more prominent */ visibility: hidden; z-index: -1; }
/* body:not(.apple) */ .flow_smart_menu li:hover ul.sub-menu li ul.sub-menu {
-moz-transition: opacity 0.2s ease-in-out, left 0.15s ease-out 0.2s, visibility 0s linear 0.1s, right 0.2s ease-out 0.2s;
-webkit-transition: opacity 0.2s ease-in-out, left 0.15s ease-out 0.2s, visibility 0s linear 0.1s, right 0.2s ease-out 0.2s;
-o-transition: opacity 0.2s ease-in-out, left 0.15s ease-out 0.2s, visibility 0s linear 0.1s, right 0.2s ease-out 0.2s;
transition: opacity 0.2s ease-in-out, left 0.15s ease-out 0.2s, visibility 0s linear 0.1s, right 0.2s ease-out 0.2s;
}
.flow_smart_menu li:hover ul.sub-menu li ul.sub-menu li { border: none; border-bottom: 1px solid #2B2B2B; border-top: 1px solid #000000; clear: both; margin: 0; padding: 0; width: 100%; opacity: 1; }
.flow_smart_menu li:hover ul.sub-menu li ul.sub-menu li:first-child { border-top: 0 none; }
.flow_smart_menu li:hover ul.sub-menu li ul.sub-menu li:last-child { border-bottom: 0 none; }
.flow_smart_menu li:hover ul.sub-menu li:hover > ul.sub-menu { opacity: 1; left: 100%; visibility: visible; z-index: 3; }
/* body:not(.apple) */ .flow_smart_menu li:hover ul.sub-menu li:hover > ul.sub-menu {
-moz-transition: opacity 0.15s ease-in-out, left 0.15s ease-out 0.05s, visibility 0s linear 0.1s, right 0.2s ease-out 0.05s, z-index 0s ease-out 0.25s;
/* -webkit-transition: opacity 0.15s ease-in-out, left 0.15s ease-out 0.05s, visibility 0s linear 0.1s, right 0.2s ease-out 0.05s, z-index 0s ease-out 0.25s; */
-webkit-transition: opacity 0.1s ease-in-out 0.05s, left 0.15s ease-out 0.05s, right 0.15s ease-out 0.05s, z-index 0s ease-out 0.2s;
-o-transition: opacity 0.15s ease-in-out, left 0.15s ease-out 0.05s, visibility 0s linear 0.1s, right 0.2s ease-out 0.05s, z-index 0s ease-out 0.25s;
transition: opacity 0.15s ease-in-out, left 0.15s ease-out 0.05s, visibility 0s linear 0.1s, right 0.2s ease-out 0.05s, z-index 0s ease-out 0.25s;
}
.flow_smart_menu li:hover ul.sub-menu li ul.sub-menu.menu-hover-left { right: 100%; right: 0; left: auto; }
.flow_smart_menu li:hover ul.sub-menu li:hover > ul.sub-menu.menu-hover-left { left: -100%; left: auto; right: 100%; }
/* -----------------------------------*/
/* ----------->>> HOME <<<------------*/
/* -----------------------------------*/
/* Info Box */
.info-box { background-color: #121217; position: absolute; top: 0px; width: 100%; opacity: 0.96; z-index: 160; }
.admin-bar .info-box { top: 28px; }
@media (max-width: 1000px){ .info-box { display: none; } }
/* ARCHIVE, SEARCH, BLOG, SINGLE POST */
.archive .info-box, .single-post .info-box, .search .info-box, .page-template.page-template-template-blog-php .info-box { display: none; }
.info-box .info-box-inner { max-width: 1140px; width: 92%; margin: 0 auto; color: #ffffff; font-family: "Open Sans", Arial, sans-serif; font-size: 20px; padding: 40px 0 40px 0; }
/* THUMBNAIL VIEW */
@media (min-width: 950px) and (max-width: 1240px){ .daisho-portfolio .info-box .info-box-inner { width: 900px; } }
@media (min-width: 800px) and (max-width: 950px){ .daisho-portfolio .info-box .info-box-inner { width: 675px; } }
@media (min-width: 450px) and (max-width: 800px){ .daisho-portfolio .info-box .info-box-inner { width: 450px; } }
/* CLASSIC VIEW */
@media (max-width: 1260px){ .daisho-classic .info-box .info-box-inner { max-width: 1000px!important; } }
@media (max-width: 1150px){ .daisho-classic .info-box .info-box-inner { max-width: 900px!important; } }
@media (max-width: 1050px){ .daisho-classic .info-box .info-box-inner { max-width: 800px!important; } }
.info-box .info-box-inner h2 { color: #ffffff; font-family: "Open Sans", Arial, sans-serif; font-size: 40px; font-weight: 700; margin-bottom: 35px; }
.info-box .info-box-inner a { text-decoration: underline; }
.header-arrow { bottom: -19px; height: 19px; left: 0; margin: 0 auto; position: absolute; right: 0; }
/* Welcome Text Box */
.welcome-text { clear: both; max-width: 1120px; width: 92%; margin: 0 auto; font-size: 50px; line-height: 54px; color: #000000; font-family: "Open Sans", Arial, sans-serif; font-weight: 300; text-align: center; border-bottom: 3px solid #d9dcdd; padding: 35px 0 40px 0; }
body.daisho-classic-has-welcome-text.daisho-classic-has-slideshow .welcome-text { font-size: 25px; margin-bottom: 30px; padding: 30px 0 35px 0; line-height: 100%; }
body.daisho-classic-has-welcome-text:not(.daisho-classic-has-slideshow) .welcome-text { margin-bottom: 30px; }
/* THUMBNAIL VIEW */
@media (min-width: 950px) and (max-width: 1240px){ .daisho-portfolio .welcome-text { width: 900px; } }
@media (min-width: 800px) and (max-width: 950px){ .daisho-portfolio .welcome-text { width: 675px; } }
@media (min-width: 450px) and (max-width: 800px){ .daisho-portfolio .welcome-text { width: 450px; } }
/* CLASSIC VIEW */
@media (max-width: 1260px){ .daisho-classic .welcome-text { max-width: 1000px!important; } }
@media (max-width: 1150px){ .daisho-classic .welcome-text { max-width: 900px!important; } }
@media (max-width: 1050px){ .daisho-classic .welcome-text { max-width: 800px!important; } }
.welcome-text a { text-decoration: underline; }
#content { width: 100%; padding-top: 18px; padding-bottom: 30px; float: left; }
/* ARCHIVE, SEARCH, BLOG, SINGLE POST */
.archive #content, .single-post #content, .search #content, .page-template.page-template-template-blog-php #content { padding-top: 115px; }
@media (max-width: 850px){ .archive #content, .single-post #content, .search #content, .page-template.page-template-template-blog-php #content { padding-top: 25px; } }
#options { max-width: 1120px; width: 100%; margin: 0 auto; }
.tn-grid-container { max-width:1125px; width: 92%; margin:0 auto; clear:both; }
/* THUMBNAIL VIEW */
@media (min-width: 950px) and (max-width: 1240px){ .daisho-portfolio .tn-grid-container { width: 900px; } }
@media (min-width: 800px) and (max-width: 950px){ .daisho-portfolio .tn-grid-container { width: 675px; } }
@media (min-width: 450px) and (max-width: 800px){ .daisho-portfolio .tn-grid-container { width: 450px; } }
.homepage-read-more { font-family: "Open Sans", Arial, sans-serif; font-size: 22px; font-weight: 700; clear: both; margin-top: 30px; color: #000000; display: block; }
.homepage-read-more:hover { color: #cc6633; text-decoration: none; }
.homepage-view-portfolio, .homepage-view-blog { background-color: #cc6633; border-radius: 20px 20px 20px 20px; color: #FFFFFF; cursor: pointer; font-family: Dosis,Arial,sans-serif; font-size: 14px; font-weight: 700; padding: 0.17em 0.9em; text-transform: uppercase; }
.homepage-view-portfolio:hover, .homepage-view-blog:hover { background-color: #000000; text-decoration: none; }
.element-stand-alone { cursor: pointer; }
.recent-heading-container { max-width:1125px; width: 92%; margin:0 auto 20px auto; padding-top: 5px; clear:both; position: relative; }
/* CLASSIC VIEW */
@media (max-width: 1260px){ .daisho-classic .recent-heading-container { max-width: 1005px; } }
@media (max-width: 1150px){ .daisho-classic .recent-heading-container { max-width: 905px; } }
@media (max-width: 1050px){ .daisho-classic .recent-heading-container { max-width: 805px; } }
.recent-blog-container { max-width: 1125px; width: 92%; margin: 0 auto -4px; padding-top: 15px; clear: both; position: relative; z-index: 160; }
/* CLASSIC VIEW */
@media (max-width: 1260px){ .daisho-classic .recent-blog-container { max-width: 1000px!important; } }
@media (max-width: 1150px){ .daisho-classic .recent-blog-container { max-width: 900px!important; } }
@media (max-width: 1050px){ .daisho-classic .recent-blog-container { max-width: 800px!important; } }
/* END CLASSIC VIEW */
@media (max-width: 950px){ .single-post .recent-blog-container { margin: 0 auto 50px!important; } }
.recent-heading { display:table-row; line-height:1.5em; font-size:2em; white-space:nowrap; max-width:1125px; width: 92%; }
.recent-heading h1 { font-size: 25px; overflow:hidden; display:table-cell; vertical-align:middle; }
.recent-heading span.spacer { display:table-cell; width:50%; width:100%; }
.recent-heading span.spacer { padding:0 10px; }
.recent-heading span.spacer:first-child { padding:0 10px 0 0; }
.recent-heading span.spacer:last-child { padding:0 0 0 10px; }
.recent-heading span.spacer:after { display:inline-block; width:100%; content:"."; font-size:0; color:transparent; height:3px; background:#D9DCDD; vertical-align:middle; position:relative; top:-1px; top:0px; }
.recent-heading > a { font-size: 14px; font-weight: 700; vertical-align:middle; background-color:#25a2a4; color:#ffffff; text-transform:uppercase; font-family: Dosis, Arial, sans-serif; border-radius:2em; padding: 0.17em 0.9em; text-decoration:none; }
.recent-heading > a:hover { background-color:#000000; text-decoration:none; }
/* ---------------------------------------------*/
/* ----------->>> DAISHO PROJECT <<<------------*/
/* ---------------------------------------------*/
/* Daisho project navigation arrows */
.project-navigation { width: 92%; max-width: 1120px; margin: auto; opacity: 0; z-index: 215; position: fixed; right: 0; left: 0; top: 0; bottom: 0; height: 0; }
.project-navigation { visibility: hidden;
/* -webkit-transition: visibility 0s linear 0.1s, opacity 0.1s linear;
-moz-transition: visibility 0s linear 0.1s, opacity 0.1s linear;
-o-transition: visibility 0s linear 0.1s, opacity 0.1s linear;
-ms-transition: visibility 0s linear 0.1s, opacity 0.1s linear;
transition: visibility 0s linear 0.1s, opacity 0.1s linear; */
/* Chyba najlepiej bez animacji */
}
.project-navigation-visible { opacity: 1; visibility: visible;
-webkit-transition: visibility 0s linear 0s, opacity 0.7s linear;
-moz-transition: visibility 0s linear 0s, opacity 0.7s linear;
-o-transition: visibility 0s linear 0s, opacity 0.7s linear;
-ms-transition: visibility 0s linear 0s, opacity 0.7s linear;
transition: visibility 0s linear 0s, opacity 0.7s linear;
}
.portfolio-arrowleft, .portfolio-arrowright { top: 0; bottom: 0; padding: 0; margin: auto; line-height: 100px; width: 110px; height: 85px; position: absolute; cursor: pointer; background-repeat: no-repeat; background-position: center top; text-indent: -9999px; }
.portfolio-arrowleft { background-image: url("images/news-arrow-left-active-light.png"); }
.portfolio-arrowright { background-image: url("images/news-arrow-right-active-light.png"); }
.portfolio-arrowright { right: -90px;
transition-property: right; transition-duration: 200ms; transition-timing-function: ease-in-out;
-webkit-transition-property: right; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease-in-out;
-o-transition-property: right; -o-transition-duration: 200ms; -o-transition-timing-function: ease-in-out;
-moz-transition-property: right; -moz-transition-duration: 200ms; -moz-transition-timing-function: ease-in-out;
-ms-transition-property: right; -ms-transition-duration: 200ms; -ms-transition-timing-function: ease-in-out;
}
.portfolio-arrowright:hover { right: -100px!important;
transition-property: right; transition-duration: 200ms; transition-timing-function: ease-in-out;
-webkit-transition-property: right; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease-in-out;
-o-transition-property: right; -o-transition-duration: 200ms; -o-transition-timing-function: ease-in-out;
-moz-transition-property: right; -moz-transition-duration: 200ms; -moz-transition-timing-function: ease-in-out;
-ms-transition-property: right; -ms-transition-duration: 200ms; -ms-transition-timing-function: ease-in-out;
}
.portfolio-arrowleft { left: -90px;
transition-property: left; transition-duration: 200ms; transition-timing-function: ease-in-out;
-webkit-transition-property: left; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease-in-out;
-o-transition-property: left; -o-transition-duration: 200ms; -o-transition-timing-function: ease-in-out;
-moz-transition-property: left; -moz-transition-duration: 200ms; -moz-transition-timing-function: ease-in-out;
-ms-transition-property: left; -ms-transition-duration: 200ms; -ms-transition-timing-function: ease-in-out;
}
.portfolio-arrowleft:hover { left: -100px!important;
transition-property: left; transition-duration: 200ms; transition-timing-function: ease-in-out;
-webkit-transition-property: left; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease-in-out;
-o-transition-property: left; -o-transition-duration: 200ms; -o-transition-timing-function: ease-in-out;
-moz-transition-property: left; -moz-transition-duration: 200ms; -moz-transition-timing-function: ease-in-out;
-ms-transition-property: left; -ms-transition-duration: 200ms; -ms-transition-timing-function: ease-in-out;
}
@media (max-width: 1260px) {
.portfolio-arrowleft{ left: -75px!important; }
.portfolio-arrowright{ right: -75px!important; }
.scrollbar-arrowleft{ left: -35px!important; right: auto!important; }
.scrollbar-arrowright { right: -35px!important; left: auto!important; }
.portfolio-arrowleft:hover { left: -80px!important; }
.portfolio-arrowright:hover { right: -80px!important; }
}
@media (max-width: 950px) {
.portfolio-arrowleft{ left: -70px!important; }
.portfolio-arrowright{ right: -70px!important; }
.portfolio-arrowleft:hover { left: -73px!important; }
.portfolio-arrowright:hover { right: -73px!important; }
}
@media (max-width: 750px) {
.portfolio-arrowright { text-indent: 10px; }
.portfolio-arrowleft { text-indent: -10px; }
.portfolio-arrowleft, .portfolio-arrowright{ background-color: #FFFFFF!important; background-image: none!important; border-radius: 110px 110px 110px 110px!important; box-shadow: 0 0 10px #505050!important; -webkit-box-shadow: 0 0 10px #505050!important; margin: auto!important; padding: 45px 0 15px!important; position: absolute!important; text-indent: 0px!important; font-family:'WebSymbolsRegular'!important; font-size: 50px!important; text-align: center!important; color: #000000!important; height: 50px!important; line-height: 15px; }
.portfolio-arrowleft { left: -40px!important; }
.portfolio-arrowright { right: -40px!important; }
.portfolio-arrowleft:hover { left: -40px!important; }
.portfolio-arrowright:hover { right: -40px!important; }
}
/* Project Box */
.portfolio_box { height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 205; opacity: 0; visibility: hidden; }
.admin-bar .portfolio_box { top: 28px; }
.content-projectc { padding-bottom: 30px; margin: 0 auto; position: relative; width: 92%; max-width: 1120px; margin-top: 10px; }
.portfolio_box-visible { opacity: 1; visibility: visible; }
.portfolio_box {
-webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
-moz-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
-o-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
-ms-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}
.portfolio_box-visible {
-webkit-transition: visibility 0s linear 0s, opacity 0.25s linear;
-moz-transition: visibility 0s linear 0s, opacity 0.25s linear;
-o-transition: visibility 0s linear 0s, opacity 0.25s linear;
-ms-transition: visibility 0s linear 0s, opacity 0.25s linear;
transition: visibility 0s linear 0s, opacity 0.25s linear;
}
/* Project Meta */
.project-meta { text-transform: uppercase; color: #000000; float: left; position: relative; width: 100%; max-width: 700px; }
.project-meta-col-1 { float: left; width: 310px; max-width: 310px; min-width: 310px; margin-right: 40px; }
.project-meta-col-2 { float: left; max-width: 310px; }
.project-meta-data { margin-bottom: 5px; font-size: 12px; }
.project-meta-heading { width: 75px; float: left; line-height: 100%; word-wrap: break-word; padding-right: 10px; font-family: 'Open Sans',Arial,sans-serif; font-weight: 700; }
.project-meta-description { width: 225px; float: left; color: #505050; font-family: 'Open Sans',Arial,sans-serif; line-height: 100%; font-weight: 400; word-wrap: break-word; }
.project-meta-description a { text-decoration: underline; }
@media (max-width: 850px){
.project-meta-col-1 { float: left; max-width: none; min-width: auto; width: 100%; margin-right: 0; }
.project-meta-col-2 { float: left; max-width: none; min-width: auto; width: 100%; margin-right: 0; }
.project-meta-data { font-size: 16px; margin-bottom: 15px; }
.project-meta-heading { width: 135px; }
.project-meta-description { max-width: 255px; width: 100%; }
}
/* Sharing Icons */
.sharing-icons { position: absolute; right: 0; top: 0; }
.sharing-icons a { display: inline-block; text-align: center; text-decoration: none; font-family:'WebSymbolsRegular'; font-size: 16px; width: 16px; color: #000000; position: relative; margin-left: 18px; }
.sharing-icons a:hover { text-decoration: none; }
.sharing-icons a:first-child { margin-left: 0; }
.sharing-icons-tooltip { position: absolute; bottom: -18px; left: 8px; /* half of the link width */ margin-left: -35px; width: 70px; color: #fff; font: 10px "Open Sans", Arial, sans-serif; visibility: hidden; opacity: 0;
-webkit-transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out;
-moz-transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out;
-o-transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out;
-ms-transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out;
transition: visibility 0s linear 470ms, opacity 450ms 20ms ease-out, bottom 450ms 20ms ease-out;
}
.sharing-icons-icon:hover + .sharing-icons-tooltip { visibility: visible; opacity: 1; bottom: -27px;
-webkit-transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear;
-moz-transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear;
-o-transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear;
-ms-transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear;
transition: visibility 0s linear, opacity 70ms linear, bottom 70ms linear;
}
.sharing-icons-tooltip:after { display: inline-block; padding: 2px 6px; text-transform: uppercase; background-color: #000000; border-radius: 4px 4px 4px 4px; color: #FFFFFF; font: 10px "Open Sans", Arial, sans-serif; font-weight: bold; content: attr(data-tooltip); line-height: 150%; }
@media (min-width: 1000px) and (max-width: 1050px){ .sharing-icons { display: none; } }
@media (max-width: 750px){ .sharing-icons { display: none; } }
/* Project Title */
.project-title { font-size: 80px; color: #000000; font-family: 'Open Sans',Arial,sans-serif; font-weight: 900; line-height: 120px; margin-top: 6%; margin-bottom: 6%; word-wrap: break-word; width: 100%; text-transform: uppercase; letter-spacing: -4px; float: left; }
@media (max-width: 1200px){ .project-title { font-size: 120px; line-height: 95px; } }
@media (max-width: 850px){ .project-title { font-size: 80px; line-height: 66px; } }
/* Project Description */
.project-description { font-family: 'Open Sans',Arial,sans-serif; font-weight: 400; font-size: 22px; color: #000000; width: 70%; }
.project-description a { color: inherit; text-decoration: underline; }
@media (max-width: 850px){ .project-description { width: 100%; } }
/* Project Slides */
.project-slides { margin-top: 100px; margin-bottom: 50px; }
.project-slides-container { position: relative; }
.project-slides img { max-width: 100%; position: relative; }
.project-slides .myvideo img { max-width: 100%; width: 100%; }
.project-slides embed, .project-slides iframe { z-index: 10; max-height: 660px; max-width: 1120px; width: 100%; }
/* Daisho Slide Descriptions */
.project-slides-container span { background-image: linear-gradient(left , #FFFFFF 0%, rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left , #FFFFFF 0%, rgba(255,255,255,0) 100%);
background-image: -moz-linear-gradient(left , #FFFFFF 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-linear-gradient(left , #FFFFFF 0%, rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left , #FFFFFF 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #FFFFFF), color-stop(1, rgba(255,255,255,0))); bottom: 0; left: 0; padding: 15px 25px 5px; position: absolute; width: 40%; word-wrap: break-word;
}
.project-slides-container span { font-size: 14px; color: #505050; font-family: "Open Sans", Arial, sans-serif; font-weight: 500; }
.project-slides-container span a { text-decoration: underline; }
.project-slides-container span h4 { text-transform: uppercase; font-size: 1.6em; }
.project-slides .project-slide-description { background-image: linear-gradient(left , #FFFFFF 0%, rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left , #FFFFFF 0%, rgba(255,255,255,0) 100%);
background-image: -moz-linear-gradient(left , #FFFFFF 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-linear-gradient(left , #FFFFFF 0%, rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left , #FFFFFF 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #FFFFFF), color-stop(1, rgba(255,255,255,0))); bottom: 0; left: 0; padding: 15px 25px 5px; position: absolute; width: 40%; word-wrap: break-word;
}
.project-slides .project-slide-description { font-size: 14px; color: #505050; font-family: "Open Sans", Arial, sans-serif; font-weight: 500; }
.project-slides .project-slide-description a { text-transform: color: inherit; text-decoration: underline; }
.project-slides .project-slide-description h4 { text-transform: uppercase; font-size: 1.6em; }
.project-slides .project-slide-description-below { font-size: 14px; color: #505050; font-family: "Open Sans", Arial, sans-serif; font-weight: 500; text-align: center; }
.project-slides .project-slide-description-below a { text-decoration: underline; }
.project-slides .project-slide-description-below h4 { text-transform: uppercase; font-size: 1.6em; }
/* Daisho Project Background */
.project-coverslide { width: 100%; height: 100%; background-color: #ffffff; position: fixed; top: 0; left: 0; z-index: 200; opacity: 0; visibility: hidden;
-webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
-moz-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
-o-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
-ms-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
transition: visibility 0s linear 0.2s, opacity 0.2s linear;
-webkit-transition: visibility 0s linear 0.25s, opacity 0.25s ease-out;
-moz-transition: visibility 0s linear 0.52s, opacity 0.25s ease-out;
-o-transition: visibility 0s linear 0.25s, opacity 0.25s ease-out;
-ms-transition: visibility 0s linear 0.25s, opacity 0.25s ease-out;
transition: visibility 0s linear 0.25s, opacity 0.25s ease-out;
}
.project-coverslide-visible { opacity: 0.97; visibility: visible;
-webkit-transition: visibility 0s linear 0s, opacity 0.25s linear;
-moz-transition: visibility 0s linear 0s, opacity 0.25s linear;
-o-transition: visibility 0s linear 0s, opacity 0.25s linear;
-ms-transition: visibility 0s linear 0s, opacity 0.25s linear;
transition: visibility 0s linear 0s, opacity 0.25s linear;
}
/* ---------------------------------------------*/
/* ---------->>> DAISHO SLIDESHOW <<<-----------*/
/* ---------------------------------------------*/
.konzept_arrow_left { width: 50%; position: absolute; z-index: 2; left: 0; height: 100%; cursor: url(images/cursors/cursor_prev_white.png), auto; }
.konzept_arrow_right { width: 50%; position: absolute; z-index: 2; right: 0; height: 100%; cursor: url(images/cursors/cursor_next_white.png), auto; }
.image-slide .button { border-left: none; border-right: none; }
.image-slide .button:hover { cursor: pointer; }
.image-slide .button:before { font: 1em/0 sans-serif; content: attr(data-icon); margin-right: 0.4em; }
.image-slide .button-wrapper { max-width:1120px;width:92%;margin:0 auto;position: relative; z-index: 10; }
.image-slide .button {
font: 24px/1em 'Open Sans', Arial, sans-serif;
font-weight: 900;
margin: .5em;
display: inline-block;
border-top: 1px solid rgba(255,255,255,0.8);
box-shadow: 0 0.05em 0 rgba(255, 255, 255, 0.6) inset, 0 3px 3px rgba(0, 0, 0, 0.5);
-webkit-transition: background 200ms ease-in-out;
-moz-transition: background 200ms ease-in-out;
transition: background 200ms ease-in-out;
z-index: 10;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
text-decoration: none;
text-align: center;
position: absolute;
right: 0px;
top: 0px;
color: #f1f1f1;
text-shadow: 0px 2px 2px #ffffff inset;
text-transform: uppercase;
padding: 0.7em 1em 0.7em;
-webkit-border-radius: 2em 2em 2em 2em;
-moz-border-radius: 2em 2em 2em 2em;
border-radius: 2em 2em 2em 2em;
background-color: transparent;
background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.25) 100%);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.25) 100%);
background-image: linear-gradient(top, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.25) 100%);
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.25) 100%);
}
.image-slide .button:hover { background-color: rgba(0, 0, 0, 0.15); text-decoration: none; }
/* Make pager centered */
/* .flow_slideshow_pager { position: absolute; width: 200%; left: -50%; bottom: 50px; }
.flow_slideshow_pager ul.inner { position: absolute; left: 50%; }
.flow_slideshow_pager ul li { width: 15px; height: 15px; border-radius: 50%; background-color: #ffffff; opacity: 0.5; position: relative; float: left; margin-right: 2px; background-clip: padding-box; border: 4px solid transparent; left: -50%; cursor: pointer; }
.flow_slideshow_pager ul li.active, .flow_slideshow_pager ul li:hover { width: 15px; height: 15px; border-radius: 50%; background-color: transparent; opacity: 0.75; border: 4px solid #ffffff; } */
/* Make pager left bottom aligned */
.flow_slideshow_pager { bottom: 50px; left: 0; margin: auto; max-width: 1120px; position: absolute; right: 0; }
.flow_slideshow_pager ul.inner { position: absolute; }
.flow_slideshow_pager ul li { background-clip: padding-box; background-color: #FFFFFF; border: 4px solid transparent; border-radius: 50% 50% 50% 50%; cursor: pointer; float: left; height: 15px; margin-right: 2px; opacity: 0.5; width: 15px; }
.flow_slideshow_pager ul li.active, .flow_slideshow_pager ul li:hover { width: 15px; height: 15px; border-radius: 50%; -webkit-border-radius: 50%; background-color: transparent; opacity: 0.75; border: 4px solid #ffffff; }
/* Overflow hidden without cropped images workaround */
#flow_slideshow { width:100%; position: relative; z-index: 99; top: 0; height: 330px; overflow: visible; top: -33px; margin-top: -30px; padding-top: 30px; overflow: hidden; clear: both; }
#flow_slideshow * { max-height: 330px; overflow: visible!important; }
#scroller { float:left; padding: 0 0 0 0; }
#scroller ul { list-style:none; display:block; float:left; width:27000px; }
#scroller li { float:left; margin: 0; position: relative; overflow: hidden; }
#scroller li img { left: 0; margin: auto; max-height: 450px; position: absolute; right: 0; top: -81px; }
.slideshow-project-excerpt { display: block; left: 0; margin: auto; max-width: 1120px; position: absolute; right: 0; top: 0; width: 92%; z-index: 2; }
/* CLASSIC VIEW */
@media (max-width: 1260px){ .daisho-classic .slideshow-project-excerpt { max-width: 1000px!important; } }
@media (max-width: 1150px){ .daisho-classic .slideshow-project-excerpt { max-width: 900px!important; } }
@media (max-width: 1050px){ .daisho-classic .slideshow-project-excerpt { max-width: 800px!important; } }
.slideshow-project-title { color: #F8F8F8; font-family: 'Open Sans',Arial,sans-serif; font-size: 65px; line-height: 55px; margin-bottom: 2%; margin-top: 0; width: 100%; word-wrap: break-word; font-weight: 900; width: 38%; }
.imgscontainer { opacity: 0; }
.project-description-home { font-family: 'Open Sans',Arial,sans-serif; font-weight: 400; font-size: 22px; color: #ffffff; width: 40%; }
.flow_slideshow_slide_background { width:100%; height:100%; background-color: #cc6633; }
@media (max-width: 1440px) {
.slideshow-project-title { font-size: 55px; line-height: 45px; margin-bottom: 1%; }
}
@media (max-width: 1200px) {
.slideshow-project-title { font-size: 50px; line-height: 42px; }
.project-description { font-size: 20px; }
}
@media (max-width: 900px) {
.slideshow-project-title { font-size: 45px; line-height: 37px; }
}
/* -------------------------------------*/
/* ---------->>> HEADINGS <<<-----------*/
/* -------------------------------------*/
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; font-weight: bold; word-wrap: break-word; font-family: "Open Sans", Arial, sans-serif; color: #000000; line-height: 100%; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 { font-size:2.8em; }
h2 { font-size:2.4em; }
h3 { font-size:2.0em; }
h4 { font-size:1.7em; }
h5 { font-size:1.3em; }
h6 { font-size:1.1em; }
.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { color: #282832; font-family: 'Lato', Arial, sans-serif; word-wrap: break-word; }
/* ----- Full Width Page Styles ----- */
.full-width-page-content h1, .full-width-page-content h2, .full-width-page-content h3, .full-width-page-content h4, .full-width-page-content h5, .full-width-page-content h6 { margin-bottom: 40px; }
.full-width-page-content p + h1, .full-width-page-content p + h2, .full-width-page-content p + h3, .full-width-page-content p + h4, .full-width-page-content p + h5, .full-width-page-content p + h6 { margin-top: 40px; margin-bottom: 20px; }
/* ----- Right Sidebar Page Styles ----- */
.right-sidebar-page-content h1, .right-sidebar-page-content h2, .right-sidebar-page-content h3, .right-sidebar-page-content h4, .right-sidebar-page-content h5, .right-sidebar-page-content h6 { margin-bottom: 40px; }
.right-sidebar-page-content p + h1, .right-sidebar-page-content p + h2, .right-sidebar-page-content p + h3, .right-sidebar-page-content p + h4, .right-sidebar-page-content p + h5, .right-sidebar-page-content p + h6 { margin-top: 40px; margin-bottom: 20px; }
/* ----- Left Sidebar Page Styles ----- */
.left-sidebar-page-content h1, .left-sidebar-page-content h2, .left-sidebar-page-content h3, .left-sidebar-page-content h4, .left-sidebar-page-content h5, .left-sidebar-page-content h6 { margin-bottom: 40px; }
.left-sidebar-page-content p + h1, .left-sidebar-page-content p + h2, .left-sidebar-page-content p + h3, .left-sidebar-page-content p + h4, .left-sidebar-page-content p + h5, .left-sidebar-page-content p + h6 { margin-top: 40px; margin-bottom: 20px; }
@media (max-width: 850px) {
h1 { font-size:2.6em; }
h2 { font-size:2.2em; }
h3 { font-size:1.9em; }
/* h4 { font-size:1.25em; } */
h5 { font-size:1.3em; }
h6 { font-size:1.1em; }
.container_12 h1, .container_12 h2, .container_12 h3, .container_12 h4, .container_12 h5, .container_12 h6 { margin-bottom: 15px; }
.full-width-page-content h1, .full-width-page-content h2, .full-width-page-content h3, .full-width-page-content h4, .full-width-page-content h5, .full-width-page-content h6 { margin-bottom: 30px; }
.right-sidebar-page-content h1, .right-sidebar-page-content h2, .right-sidebar-page-content h3, .right-sidebar-page-content h4, .right-sidebar-page-content h5, .right-sidebar-page-content h6 { margin-bottom: 30px; }
.left-sidebar-page-content h1, .left-sidebar-page-content h2, .left-sidebar-page-content h3, .left-sidebar-page-content h4, .left-sidebar-page-content h5, .left-sidebar-page-content h6 { margin-bottom: 30px; }
}
/* -------------------------------------*/
/* ---------->>> COMMENTS <<<-----------*/
/* -------------------------------------*/
#comments-template ul { list-style: none outside none; }
#comments-template input[type="text"], #comments-template textarea { background:none repeat scroll 0 0 transparent; border: 1px solid #d9d9d9; padding: 8px; width: 100%; color: #787878; font-family: 'Open Sans',Arial,sans-serif; font-size: 13px; float: left; }
#comments-template #submit { float: right; margin: 0 0 10px 0; padding: 0; font-weight: 900; }
#comments-template label { line-height: 160%; font-size: 12px; font-weight: 600; display: none; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #888888; font-weight: 600; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888888; font-weight: 600; }
#comments-template input[type="text"]:hover, #comments-template textarea:hover, #comments-template input[type="text"]:focus, #comments-template textarea:focus { }
#comments-template small { margin-top: 0px;}
#comments-template { clear: both; color: #606060; margin: 0; position: relative; }
#comments-template .commentlist { border-bottom: 1px solid #d9d9d9; margin-bottom: 2%; }
.commentlist ul { padding-left: 40px; }
#comments-template .comment-body { border-bottom: 1px solid #d9d9d9; color: #505050; margin-top: 35px; min-height: 100px; position: relative; font-family: 'Open Sans', Arial, sans-serif; padding-bottom: 30px; font-weight: 300; line-height: 160%; }
#comments-template .commentlist li:last-child .comment-body { border-bottom: 0 none; }
#comments-template .comment-body img.avatar { background-color: #EFEFEF; border: 1px solid #D5D5D5; left: -95px; padding: 3px; position: absolute; display: none; }
#comments { border-bottom: 1px solid #d9d9d9; border-top: 2px solid #d9d9d9; padding: 15px 0px; margin: 0 0 40px 0; }
#comments h3 { font-family: 'Open Sans', Arial, sans-serif; color: #000000; font-size: 32px; margin: 0; float: left; font-weight: 100; }
#comments .post-comment-link { font-family: 'Open Sans', Arial, sans-serif; font-weight: 900; text-transform: uppercase; color: #000000; font-size: 32px; margin: 0; float: right; text-decoration: none; line-height: 100%; }
#comments .post-comment-link:hover { color: #cc6633; }
.fn { clear: both; color: #000000; float: left; font-family: 'Open Sans',Arial,sans-serif; font-size: 32px; font-style: normal; font-weight: 900; line-height: 28px; text-align: left; word-wrap: break-word; width: 100%; font-style: italic; }
.fn a { word-wrap: break-word; font-family: 'Open Sans', Arial, sans-serif; color: #000000; font-size: 32px; float: left; line-height: 32px; width: 100%; }
.fn a:hover { text-decoration: none; color: #cc6633; }
.commentmetadata { font-size: 10px; line-height: 13px; text-align: left; margin-top: 10px; color: #787878; font-family: 'Open Sans', Arial, sans-serif; }
.commentmetadata a { color: #A9A9A9; font-size: 11px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
.commentmetadata a:hover { text-decoration: none; color: #000000; }
#respond { float: left; margin-top: 2%; width: 100%; }
.says { display: none; }
.comment-left-column { float: left; width: 32%; margin-right: 2%; }
.comment-right-column { width: 64%; float: left; margin-left: 2%; }
.comment-right-column em { color: #666666; font-size: 0.7em; }
.comment-body p { padding: 0; font-size: 20px; line-height: 160%; margin-bottom: 0; }
.reply { bottom: 10px; font-size: 10px; text-transform: uppercase; right: 15px; position: absolute; }
.reply a { color: #ffffff; text-decoration: none; font-size: 12px; }
.reply a:hover { }
.respond-left-column { width:32%;float:left;position:relative;margin-right: 4%; }
.respond-right-column { width:64%;float:left;position:relative;margin-left: 0; }
.respond-right-column-full { width:100%;float:left;position:relative;margin-left: 0; }
#data { width: 100%!important; height: 133px; overflow: auto; }
#author, #email, #url, #data { border: 1px solid #909090; line-height: 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#author, #email, #url { margin-bottom: 15px; height: 34px; }
.no-comments { margin: 0 0 20px; color: #000000; float: left; font-family: 'Open Sans',Arial,sans-serif; border-bottom: 1px solid #d9d9d9; border-top: 2px solid #d9d9d9; padding: 10px 0; width: 100%; }
.comments-login-required { margin-bottom: 4%; }
.comments-login-required a{ text-decoration: underline; }
#commentform button, input[type="reset"], #commentform input[type="button"], #commentform input[type="submit"] { text-transform: uppercase; font-size: 32px; color: #000000; background: none repeat scroll 0 0 transparent; border: medium none; font-family: 'Open Sans', Arial, sans-serif; cursor: pointer; }
#commentform button, input[type="reset"]:hover, #commentform input[type="button"]:hover, #commentform input[type="submit"]:hover { color: #cc6633; }
#comments-template #submit:hover { color: #cc6633; }
/* Logged in message */
.comments-logged-in a { text-decoration: underline; }
/* Paged comments navigation */
#comment-nav-below { clear: both; }
#comment-nav-below .comment-nav-older {}
#comment-nav-below .comment-nav-newer {}
#comment-nav-below .comment-nav-older a:hover .comment-nav-older-text, #comment-nav-below .comment-nav-older a:hover .comment-nav-older-arrow { color: #cc6633; }
#comment-nav-below .comment-nav-newer a:hover .comment-nav-newer-text, #comment-nav-below .comment-nav-newer a:hover .comment-nav-newer-arrow { color: #cc6633; }
#comment-nav-below .comment-nav-older-text, #comment-nav-below .comment-nav-newer-text { float: left; line-height: 22px; font-size: 23px; text-transform: uppercase; color: #000000; text-decoration: none; font-weight: 700; font-family: 'Open Sans', Arial, sans-serif; }
#comment-nav-below .comment-nav-older-arrow, #comment-nav-below .comment-nav-newer-arrow { font-family: 'WebSymbolsRegular', Arial, sans-serif; font-size: 17px; line-height: 22px; cursor: pointer; color: #000000; }
#comment-nav-below .comment-nav-older-arrow { float: right; margin-left: 10px; }
#comment-nav-below .comment-nav-newer-arrow { float: left; margin-right: 10px; }
@media (max-width: 850px) {
#comments-template #submit { font-size: 24px; }
.fn, .fn a { font-size: 22px; line-height: 22px; }
.commentmetadata { margin-top: 4px; }
#comments h3, #comments .post-comment-link { font-size: 22px; }
.comment-body p { font-size: 16px; }
#comments { margin: 0 0 30px; }
#comments-template .comment-body { margin-top: 25px; padding-bottom: 35px; }
}
@media (max-width: 650px) {
.respond-left-column { width:100%; margin-right: 0; }
.respond-right-column { width:100%; margin-left: 0; }
}
@media (max-width: 750px) {
.comment-body p { font-size: 18px; line-height: 150%; }
}
/* ------------------------------------*/
/* ---------->>> SIDEBAR <<<-----------*/
/* ------------------------------------*/
.left-sidebar-page { }
.right-sidebar-page { }
.left-sidebar-page .left-sidebar-page-content { margin-left: 2%; margin-right: 0; }
@media (max-width: 850px){ .left-sidebar-page .left-sidebar-page-content { margin-left: 0; margin-right: 0; } }
.right-sidebar-page .right-sidebar-page-content { margin-left: 0; margin-right: 2%; }
@media (max-width: 850px){ .right-sidebar-page .right-sidebar-page-content { margin-left: 0; margin-right: 0; } }
.left-sidebar-page-sidebar { position: relative; }
.right-sidebar-page-sidebar { position: relative; }
.left-sidebar-container { margin-right: 15%; }
.right-sidebar-container { margin-left: 15%; }
@media (max-width: 850px){ .right-sidebar-container { margin-left: 0; } }
#sidebar { }
#sidebar ul { list-style: none outside none; }
#sidebar .widget { float:left; position: relative; width: 100%; margin-bottom: 30%; }
#sidebar .widget:last-child { margin-bottom: 10%; }
@media (max-width: 850px){ #sidebar .widget { margin-bottom: 4%; } #sidebar .widget:last-child { margin-bottom: 0; } }
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { color: #282832; font-family: "Lato", Arial, sans-serif; font-weight: bold; }
#sidebar h3 { font-size: 1.45em; }
.textwidget p:last-child { margin-bottom: 0px; }
#sidebar .widget_links ul li, #sidebar .widget_recent_entries ul li, #sidebar .widget_archive ul li, #sidebar .widget_pages ul li, #sidebar .widget_categories ul li, #sidebar .widget_nav_menu ul li, #sidebar .widget_recent_comments ul li, #sidebar .widget_meta ul li { border-bottom: 1px dashed #c8c8c8; position: relative; padding-left: 20px; }
#sidebar .widget_links ul li > ul, #sidebar .widget_recent_entries ul li > ul, #sidebar .widget_archive ul li > ul, #sidebar .widget_pages ul li > ul, #sidebar .widget_categories ul li > ul, #sidebar .widget_nav_menu ul li > ul, #sidebar .widget_recent_comments ul li > ul, #sidebar .widget_meta ul li > ul { border-top: 1px dashed #c8c8c8; }
#sidebar .widget_links ul li:last-child, #sidebar .widget_recent_entries ul li:last-child, #sidebar .widget_archive ul li:last-child, #sidebar .widget_pages ul li:last-child, #sidebar .widget_categories ul li:last-child, #sidebar .widget_nav_menu ul li:last-child, #sidebar .widget_recent_comments ul li:last-child, #sidebar .widget_meta ul li:last-child { border-bottom: 0 none; }
#sidebar .widget_links ul li a, #sidebar .widget_recent_entries ul li a, #sidebar .widget_archive ul li a, #sidebar .widget_pages ul li a, #sidebar .widget_categories ul li a, #sidebar .widget_nav_menu ul li a, #sidebar .widget_recent_comments ul li a, #sidebar .widget_meta ul li a { display:block; text-decoration: none; padding: 0.4em 0; color: #446278; color: #505050; font-weight: 500; font-size: 17px; }
#sidebar .widget_links ul li a:hover, #sidebar .widget_recent_entries ul li a:hover, #sidebar .widget_archive ul li a:hover, #sidebar .widget_pages ul li a:hover, #sidebar .widget_categories ul li a:hover, #sidebar .widget_nav_menu ul li a:hover, #sidebar .widget_recent_comments ul li a:hover, #sidebar .widget_meta ul li a:hover { color: #cc6633; color: #cc6633; }
#sidebar .widget_links ul li a:before, #sidebar .widget_recent_entries ul li a:before, #sidebar .widget_archive ul li a:before, #sidebar .widget_pages ul li a:before, #sidebar .widget_categories ul li a:before, #sidebar .widget_nav_menu ul li a:before, #sidebar .widget_recent_comments ul li a:before, #sidebar .widget_meta ul li a:before {
content: ">";
font-family: "WebSymbolsRegular",Arial,sans-serif;
font-size: 13px;
left: 0;
top: 0.5em;
position: absolute;
color: #00aaff;
color: #cc6633;
}
#sidebar .widget_categories .current-cat a, #sidebar .widget_nav_menu ul li .current_page_item a, #sidebar .widget_nav_menu ul li .current-menu-item a { font-weight: bold; color: #cc6633; }
#sidebar .widget_tag_cloud a { text-decoration: none; font-weight: 400; }
#sidebar .widget_tag_cloud a:hover { text-decoration: none; color: #cc6633; }
.widget_recent_posts li { margin-bottom: 10px; }
.widget_recent_posts li img { float:left; margin: 5px 10px 10px 0; }
.widget_recent_posts a { }
.widget_recent_posts_description { }
.widget_recent_posts_description a { color: #555555; }
.widget_recent_posts .post-categories a { color: #888888; font-size: 10px; text-transform: uppercase; }
.widget_recent_posts .post-categories li { margin-bottom: 0; display: inline; }
.sidebar-left-shadow {
background: transparent;
background-image: -moz-radial-gradient(left center, ellipse farthest-side, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.15) 10%, transparent 100%), -moz-linear-gradient(left , rgba(0, 0, 0, 0.03) 0%, transparent 10%, transparent 100%);
background-image: -ms-radial-gradient(left, ellipse farthest-side, rgba(0,0,0,.35) 0%, rgba(0, 0, 0, .25) 10%, rgba(0,0,0,0) 100%);
background-image: -o-radial-gradient(left, ellipse farthest-side, rgba(0,0,0,.35) 0%, rgba(0, 0, 0, .25) 10%, rgba(0,0,0,0) 100%);
background-image: radial-gradient(left, ellipse farthest-side, rgba(0,0,0,.35) 0%, rgba(0, 0, 0, .25) 10%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear,left top,right top,from(rgba(0, 0, 0, .35)), color-stop(10%,rgba(0, 0, 0, .25)), to(transparent));
-webkit-mask-box-image:-webkit-gradient(linear,left top,right bottom,color-stop(0.0,rgba(0,0,0,0)),color-stop(0.3,rgba(0,0,0,.5)),color-stop(1.0,rgba(0,0,0,0)));
width:20px; position:absolute; left:0; top:0; height:100%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.sidebar-left-shadow { border-left:1px solid rgba(0,0,0,0.4); }
}
@media (max-width: 850px){ .sidebar-left-shadow { display: none; } }
.sidebar-right-shadow {
background: transparent;
background-image: -moz-radial-gradient(left center, ellipse farthest-side, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.15) 10%, transparent 100%), -moz-linear-gradient(left , rgba(0, 0, 0, 0.03) 0%, transparent 10%, transparent 100%);
background-image: -ms-radial-gradient(left, ellipse farthest-side, rgba(0,0,0,.35) 0%, rgba(0, 0, 0, .25) 10%, rgba(0,0,0,0) 100%);
background-image: -o-radial-gradient(left, ellipse farthest-side, rgba(0,0,0,.35) 0%, rgba(0, 0, 0, .25) 10%, rgba(0,0,0,0) 100%);
background-image: radial-gradient(left, ellipse farthest-side, rgba(0,0,0,.35) 0%, rgba(0, 0, 0, .25) 10%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear,left top,right top,from(rgba(0, 0, 0, .35)), color-stop(10%,rgba(0, 0, 0, .25)), to(transparent));
-webkit-mask-box-image:-webkit-gradient(linear,left top,right bottom,color-stop(0.0,rgba(0,0,0,0)),color-stop(0.3,rgba(0,0,0,.5)),color-stop(1.0,rgba(0,0,0,0)));
width:20px; position:absolute; right:0; top:0; height:100%;
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: fliph; /*IE*/
filter: fliph; /*IE*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.sidebar-right-shadow { border-left:1px solid rgba(0,0,0,0.4); }
}
@media (max-width: 850px){ .sidebar-right-shadow { display: none; } }
/* Post Sidebar uses framework/shortcodes/shortcode-sidebar/shortcode-sidebar.php shortcode to print in-post sidebars */
.post-sidebar .widget { margin-bottom: 5%; }
.post-sidebar ol, .post-sidebar ul, .post-sidebar li {
list-style: none outside none !important;
padding-left: 0!important;
}
.post-sidebar > ul {
margin: 0!important;
}
.post-sidebar h1, .post-sidebar h2, .post-sidebar h3, .post-sidebar h4, .post-sidebar h5, .post-sidebar h6 { color: #282832; font-family: "Lato", Arial, sans-serif; font-weight: bold; margin-bottom: 40px; margin-top: 0!important; }
/* .post-sidebar h1 { font-size: 1.85em; }
.post-sidebar h2 { font-size: 1.65em; }
.post-sidebar h3 { font-size: 1.45em; }
.post-sidebar h4 { font-size: 1.25em; }
.post-sidebar h5 { font-size: 1.15em; }
.post-sidebar h6 { font-size: 1.05em; } */
/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/
#footer { font-family: "Open Sans", Arial, sans-serif; font-size: 15px; font-weight: 300; line-height: 150%; float: left; display: block; z-index: 150; width: 100%; color: #787882; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #282832; font-family: "Lato", Arial, sans-serif; font-weight: bold; margin-bottom: 20px; margin-top: 10px; }
#footer h1 { font-size: 1.85em; }
#footer h2 { font-size: 1.65em; }
#footer h3 { font-size: 1.45em; }
#footer h4 { font-size: 1.25em; }
#footer h5 { font-size: 1.15em; }
#footer h6 { font-size: 1.05em; }
#footer .inner { max-width: 1140px; margin: 0 auto 35px; width: 94%; }
@media (max-width: 850px){ #footer .inner { width: 92%; } }
/* THUMBNAIL VIEW */
@media (min-width: 950px) and (max-width: 1240px){ .daisho-portfolio #footer .inner { width: 914px; } }
@media (min-width: 750px) and (max-width: 950px){ .daisho-portfolio #footer .inner { width: 675px; } }
@media (min-width: 450px) and (max-width: 800px){ .daisho-portfolio #footer .inner { width: 450px; } }
/* END THUMBNAIL VIEW */
/* CLASSIC VIEW */
@media (max-width: 1260px){ .daisho-classic #footer .inner { max-width: 1000px; } }
@media (max-width: 1150px){ .daisho-classic #footer .inner { max-width: 900px; } }
@media (max-width: 1050px){ .daisho-classic #footer .inner { max-width: 800px; } }
/* END CLASSIC VIEW */
#footer ul { list-style: none outside none; }
/* Footer Widgets Start Here */
#footer .widget h3 { border-bottom: 3px solid #e6e6e6; padding-bottom: 20px; margin-bottom: 25px; }
#footer .widget_recent_entries h3 { border-bottom: 3px solid #e6e6e6; padding-bottom: 20px; margin-bottom: 15px; }
#footer .widget_recent_entries li a { font-weight: 500; display: block; border-bottom: 1px solid #e6e6e6; padding-top: 10px; padding-bottom: 10px; }
#footer .widget_recent_entries li:last-child a { /* border-bottom: 3px solid #e6e6e6; */ border-bottom: 0 none; }
#footer .widget_recent_entries li a:hover { text-decoration: none; color: #cc6633; }
#footer .widget_categories .current-cat a, #footer .widget_nav_menu ul li .current_page_item a, #footer .widget_nav_menu ul li .current-menu-item a { font-weight: bold; color: #cc6633; }
#footer .widget_tag_cloud a { text-decoration: none; font-weight: 400; color: #505050; }
#footer .widget_tag_cloud a:hover { text-decoration: none; color: #cc6633; }
/* Footer Widgets End Here */
#footer .inner hr { border-top: 2px solid #d9dcdd; border-bottom: 1px solid #d9dcdd; margin: 20px auto; width: 100%; height: 0; }
#footer .inner div.container_12 div:first-child div hr { margin: 0 auto 20px auto; }
@media (max-width: 850px){
#footer .inner hr { margin: 0 auto; }
#footer .inner div.container_12 div:first-child div hr { margin: 0 auto; }
}
/* THUMBNAIL VIEW */
@media (max-width: 950px){ .daisho-portfolio #footer .inner hr { margin: 0 auto; } .daisho-portfolio #footer .inner div.container_12 div:first-child div hr { margin: 0 auto; } }
/* END THUMBNAIL VIEW */
#footer .footer-client-logos {}
#footer .footer-client-logos img { margin-left: 3px; max-width: 220px; float: left; }
#footer .footer-client-logos img:first-child { margin-left: 0px; }
@media (max-width: 1260px){ #footer .footer-client-logos img { float: left; margin: 0 1%; width: 18%; } }
@media (max-width: 850px){ #footer .footer-client-logos img { float: left; max-width: 220px; display: block; margin: 20px auto; width: auto; } }
.footer-social-icons { float: right; }
.footer-social-icons li { float: left; margin-left: 20px; }
.footer-social-icons a { position: relative; text-decoration: none; cursor: pointer; display: block; font-family: 'WebSymbolsRegular'; font-size: 18px; color: #c6cacb; }
.footer-social-icons a:hover { color: #cc6633; text-decoration: none; }
@media (max-width: 850px){
.footer-social-icons { display: table; float: none; margin: 0 auto; padding-bottom: 0; }
.footer-social-icons li { margin-right: 20px; }
.footer-social-icons a { font-size: 34px; line-height: normal; }
}
@media (max-width: 750px){
.footer-social-icons li { margin-right: 14px; }
.footer-social-icons a { font-size: 26px; }
}
/* THUMBNAIL VIEW */
@media (max-width: 950px){
.daisho-portfolio .footer-social-icons { display: table; float: none; margin: 0 auto; line-height: normal; padding-bottom: 0; }
.daisho-portfolio .footer-social-icons li { margin-right: 20px; }
.daisho-portfolio .footer-social-icons a { font-size: 34px; }
}
@media (max-width: 800px){
.daisho-portfolio .footer-social-icons { }
.daisho-portfolio .footer-social-icons li { margin-right: 14px; }
.daisho-portfolio .footer-social-icons a { font-size: 26px; }
}
/* END THUMBNAIL VIEW */
#footer .copyright_notice { font-size: 14px; color: #919495; font-weight: 500; }
@media (max-width: 850px){ #footer .copyright_notice { font-size: 16px; /* margin-top: -2%; */ text-align: center; } }
@media (max-width: 950px){ .daisho-portfolio #footer .copyright_notice { font-size: 16px; /* margin-top: -2%; */ text-align: center; } }
@media (max-width: 850px){ #footer .footer-not-responsive { display: none; } }
@media (max-width: 950px){ .daisho-portfolio #footer .footer-not-responsive { display: none; } }
#footer .footer-responsive-only { display: none; }
@media (max-width: 850px){ #footer .footer-responsive-only { display: block; } }
@media (max-width: 950px){ .daisho-portfolio #footer .footer-responsive-only { display: block; } }
/* Optional Affiliate Link */
.footer-affiliate { bottom: 30px; margin: 0 auto; max-width: 1120px; position: relative; width: 92%; clear: both; }
.footer-affiliate a{ color: #BBBBBB; float: right; font-family: 'Open Sans', Arial, sans-serif; font-size: 10px; text-transform: uppercase; font-weight: 600; }
.footer-affiliate a:hover{ color: #999999; text-decoration: none; }
@media (max-width: 850px){ .footer-affiliate { text-align: center; display: none; } .footer-affiliate a { float: none; } }
/* THUMBNAIL VIEW */
@media (min-width: 950px) and (max-width: 1240px){ .daisho-portfolio .footer-affiliate { width: 900px; display: none; } }
@media (min-width: 750px) and (max-width: 950px){ .daisho-portfolio .footer-affiliate { width: 675px; } }
@media (max-width: 950px){ .daisho-portfolio .footer-affiliate { text-align: center; } .daisho-portfolio .footer-affiliate a { float: none; } }
/* END THUMBNAIL VIEW */
/* -----------------------------------*/
/* ---------->>> SEARCH <<<-----------*/
/* -----------------------------------*/
/* ------------------------------------*/
/* ---------->>> WIDGETS <<<-----------*/
/* ------------------------------------*/
/* ------------------------------------*/
/* ----------->>> FORMS <<<------------*/
/* ------------------------------------*/
/* Basic Form Fields Styles */
.wpcf7 { font-size: 12px; }
.wpcf7-form { /* max-width: 600px; */ }
.wpcf7-form p { display: block; margin: 0 0 10px 0; font-weight: 600; }
.wpcf7-form label > span[class*=acceptance] { float: left; }
.wpcf7-form label[for*=acceptance] { display: block; clear: both; min-height: 25px; }
.wpcf7-quiz-label { color: #aaa; font-size: 11px; display: block; margin-bottom: 10px; }
.wpcf7-form-control-wrap { display: block; }
.wpcf7-form input, .wpcf7-form textarea { color: #000000; padding: 7px; border: 1px solid #d9d9d9; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family:'Open Sans', Arial, sans-serif; font-size: 13px; font-weight: 600; margin: 0; }
.wpcf7-form textarea { min-height: 150px; resize: none; }
.wpcf7-form textarea, .wpcf7-form input[type=text], .wpcf7-form input[type=file]{ width: 100%; }
.wpcf7-not-valid { border: 1px solid #c26464 !important; } /* Added to inputs and textareas */
/* Radio Buttons */
.wpcf7-form .wpcf7-list-item { display: block; margin: 0!important; }
/* Select List */
.wpcf7-form .wpcf7-select { font-family: "Open Sans",Arial,sans-serif; font-size: 13px; font-weight: 600; padding: 7px; }
/* .wpcf7-form img { float: none; } */
/* Acceptance */
.wpcf7-acceptance-message { margin-left: 10px; }
.wpcf7-not-valid-tip { background: url("images/contact-warning-light.png") no-repeat scroll right top transparent!important; border: 0 solid #FF0000 !important; color: #EE0000; display: block !important; font-size: 12px !important; height: 26px; left: auto !important; opacity: 1 !important; padding: 0 !important; position: absolute !important; right: -35px; text-indent: -9999px; top: 3px !important; width: 26px !important; } /* Added after inputs and textareas */
@media (max-width: 850px){ .wpcf7-not-valid-tip { right: 3px; } }
.wpcf7-response-output { padding: 1% 2%!important; width: 100%; margin: 0!important; float: left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.wpcf7-response-output.wpcf7-mail-sent-ok, .wpcf7-response-output.wpcf7-validation-errors { background-color: transparent!important; border: 0 none !important; color: #505050; margin-top: 12px !important; width: 58%; font-family: 'Open Sans', Arial, sans-serif!important; font-size: 11px; font-weight: 600; line-height: 12px; text-transform: uppercase; padding: 0 !important; }
/* Ajax Loader */
.ajax-loader { display: none!important; }
/* Placeholder */
.wpcf7 .watermark { color: #aaaaaa; }
.wpcf7 .wpcf7-not-valid.watermark { color: #C26464; }
/* Submit */
input.wpcf7-submit { background: none!important; cursor: pointer; border: 0!important; font-family: 'Open Sans',Arial,sans-serif!important; width: auto!important; float:right; padding: 0 0 2% !important; font-size: 32px!important; font-weight: 900; text-transform: uppercase; }
input.wpcf7-submit:hover { color: #cc6633; }
.wpcf7 input[type=submit][disabled=disabled], .wpcf7 input[type=reset][disabled=disabled], .wpcf7 button[disabled=disabled]{ color: #aaaaaa; }
.wpcf7 input[type=submit]:disabled, .wpcf7 input[type=reset]:disabled .wpcf7 button:disabled { color: #aaaaaa; }
/* Contact Page Styles */
.contact-page-column-one { float:left;width:47.5%;margin-right:2.5%; margin-left:1%; }
.contact-page-column-two { float:left;width:47.5%;margin-left:2.5%; margin-left:1%; }
@media (max-width: 750px) {
.contact-page-column-one { font-size: 22px; line-height: 24px; margin-bottom: 4.5%; width:100%;margin-right:0; }
.contact-page-column-two { width:100%;margin-left:0; }
}
/* ---------------------------------*/
/* ---------->>> BLOG <<<-----------*/
/* ---------------------------------*/
.post { clear: both; display: block; float: left; margin-bottom: 10px; width:100%; }
.excerpt-blog a { text-decoration: underline; }
.navigation { margin: 25px auto; max-width: 1120px; width: 92%; }
.navigation.has-separator { border-top: 1px solid #D9D9D9; margin: 0 auto 25px; max-width: 1120px; padding-top: 25px; width: 92%; }
@media (max-width: 850px){ .navigation { margin: 25px auto 0px; } }
.navigation .newer_entries { float: left; margin: 0 2% 0 0; }
.navigation .older_entries { float: right; margin: 0 0 0 2%; }
.older_entries a, .newer_entries a, .older_entries_text, .newer_entries_text { float: left; line-height: 22px; }
.newer_entries:hover a, .older_entries:hover a, .newer_entries:hover .newer_entries_icon, .older_entries:hover .older_entries_icon { color: #cc6633; text-decoration: none; }
.older_entries_icon { font-family: 'WebSymbolsRegular', Arial, sans-serif; float: right; font-size: 17px; line-height: 22px; margin-left: 10px; cursor: pointer; color: #000000; }
.newer_entries_icon { font-family: 'WebSymbolsRegular', Arial, sans-serif; float: left; font-size: 17px; line-height: 22px; margin-right: 10px; cursor: pointer; color: #000000; }
.navigation a { font-size: 23px; text-transform: uppercase; color: #000000; text-decoration: none; font-weight: 700; font-family: 'Open Sans', Arial, sans-serif; }
.navigation a:hover { text-decoration: none; }
@media (max-width: 550px) {
.navigation a { font-size: 20px; }
}
.wp-pagenavi { border-top: 1px solid #dddddd; padding-top:20px; }
.wp-pagenavi a { padding: 5px 9px 4px; margin: 0 3px; border: 1px solid #aaaaaa; }
.wp-pagenavi span { padding: 5px 9px 4px; }
.wp-pagenavi .current { background-color: #777777; border-color: #777777 !important; color: #FFFFFF; }
.wp-pagenavi .pages { font-size: 11px; text-transform: uppercase; float: right; border: 0; }
.wp-pagenavi a:hover { text-decoration: none; }
.wp-pagenavi .current { }
.wp-pagenavi .previouspostslink { }
.nextpostslink { }
.extended-blog-container { margin-left: auto; margin-right: auto; width: 92%; max-width: 1120px; color: #bfbfbf; font-size: 23px; font-family: 'Open Sans', Arial, sans-serif; line-height: 160%; font-weight: 300; }
.extended-blog-single-container { margin-left: auto; margin-right: auto; width: 92%; max-width: 900px; color: #505050; font-size: 23px; font-family: 'Open Sans', Arial, sans-serif; line-height: 160%; margin-bottom: 70px; font-weight: 300; }
.extended-blog-single-container h1, .extended-blog-single-container h2, .extended-blog-single-container h3, .extended-blog-single-container h4, .extended-blog-single-container h5, .extended-blog-single-container h6 { margin: 30px 0 20px; }
.extended-blog-single-container a { text-decoration: underline; color: inherit; }
.extended-blog-single-container img { max-width: 100%; margin: 30px auto; height: auto; }
.extended-blog-entry { border-bottom: 1px solid #D9D9D9; clear: both; margin-bottom: 50px; padding-bottom: 40px; position: relative; width: 100%; }
.extended-blog-entry:last-child { margin-bottom: 0; }
.extended-blog-title { word-wrap: break-word; font-family: 'Open Sans', Arial, sans-serif; float: left; width: 34%; margin-right: 4%; font-weight: 700; }
.extended-blog-title h1{ font-size: 32px; line-height: 32px; margin: 5px 0 0; }
.extended-blog-title a { text-decoration: none; color: #000000; font-weight: 900; }
.extended-blog-title a:hover { text-decoration: none; color: #cc6633; }
.extended-blog-title small { font-family: 'Open Sans', Arial, sans-serif; clear:both; color: #787878; font-weight: 700; margin-bottom: 0; text-transform: uppercase; line-height: 16px; margin: 5px 0 10px 0; font-size: 11px; display: block; }
.extended-blog-content { font-family: 'Open Sans', Arial, sans-serif; color: #505050; font-size: 20px; line-height: 160%; width: 62%; float: left; font-weight: 300; }
/* .extended-blog-content img { max-width: 100%; } */
.extended-blog-content .youtube_container { margin-bottom: 15px; }
.extended-blog-content a { text-decoration: underline; color: inherit; }
.extended-blog-image { max-width: 100%; margin-bottom: 15px; }
.extended-blog-tags { line-height: 8px; clear: both; }
.extended-blog-tags a, .extended-blog-single-tags a { font-size: 11px; line-height: 23px; font-family: 'Dosis', Arial, sans-serif; text-transform: uppercase; padding: 3px 7px; border-radius: 3px; white-space: nowrap; font-weight: 700; background-color: #b4b4b4; color: #ffffff; }
.extended-blog-tags a:hover, .extended-blog-single-tags a:hover { text-decoration: none; background-color: #000000; color: #ffffff; }
.extended-blog-comments { position: absolute; left: -35px; top: 8px; cursor:pointer; background-image: url(images/comments-icons-black.png); width: 25px; height: 24px; background-position: left top; margin-top: 5px; }
.extended-blog-comments-zero { background-image: url(images/comments-icons-black.png); background-position: 0 -24px; }
.extended-blog-comments-zero a { text-indent: -9999px; }
.extended-blog-comments-zero .extended-blog-comments-value { text-indent: -9999px; }
.extended-blog-comments:hover { background-image: url(images/comments-icons-black.png); background-position: 0 -48px; }
.extended-blog-comments-zero:hover { background-image: url(images/comments-icons-black.png); background-position: 0 -72px; }
.extended-blog-comment-icon { display: none; }
.extended-blog-comment-icon:hover { }
.extended-blog-comments-value { height: 100%; overflow: hidden; }
.extended-blog-comments-value a { margin-top: -1px; font-family:'Dosis',Arial,sans-serif; font-size: 11px; font-weight: 700; color: #ffffff; text-align: center; display: block; height: 24px; line-height: 19px; }
.extended-blog-comments-value a:hover { text-decoration: none; color: #ffffff; }
.extended-blog-comments-value:hover .extended-blog-comments { background-image: url(images/comments-icon-hover.png); background-position: 0 -48px; }
.extended-blog-single-title { word-wrap: break-word; color:#c8c8c8; border-bottom: 3px solid #d9dcdd; max-width:1120px; width: 92%; margin: 0px auto 55px auto!important; text-transform: uppercase; font-family: 'Open Sans', Arial, sans-serif; padding-bottom: 15px; }
.extended-blog-single-title h1 { font-size: 32px; padding-bottom: 30px; margin-bottom: 15px; font-weight: 900; border-bottom: 3px solid #d9dcdd; }
.extended-blog-single-title small { color: #787878; font-size: 20px; line-height: 20px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; display: inline; position: relative; }
.extended-blog-single-title small .extended-blog-comments { top: 0px; left: -35px!important; }
.extended-blog-meta { float: left; width: 50%; }
.small-has-tag { float: left; margin-left: 35px; margin-bottom: 0; margin-bottom: 5px; }
.small-has-tag .extended-blog-comments { margin-top: 0px; }
.extended-blog-single-title .small-has-tag .extended-blog-comments { top: 1px; }
.extended-blog-single-tags { line-height: 8px; float: left; margin-top: 2px; text-align: right; width: 50%; }
.related-posts { padding: 25px 0 0 0; background-color: #EEEEEE; }
.related-posts-title { float: left; width: 23%; margin-right: 2%; margin-bottom: 0px; }
.related-posts-title a { word-wrap: break-word; max-width: 100%; }
.related-posts-title small { word-wrap: break-word; max-width: 100%; }
.related-posts-home { padding-top: 35px; padding-bottom: 35px; }
.related-posts-home .related-posts-title { margin-right: 3.5%; margin-left: 3.5%; width: 18%; }
@media (max-width: 950px){
.related-posts-home { padding-bottom: 25px; }
.related-posts-home .related-posts-title { width: 43%; margin-bottom: 2%; }
}
.related-posts-title a { font-family: 'Open Sans', Arial, sans-serif; color: #000000; font-size: 24px; font-weight: 900; float: left; line-height: 24px; }
.related-posts-title a:hover { color: #cc6633; text-decoration: none; }
.related-posts-title small { font-family: 'Open Sans', Arial, sans-serif; margin-top: -8px; font-weight: 700; font-size: 11px; clear:both; text-transform: uppercase; color: #787878; display: block; }
@media (max-width: 1200px) {
.extended-blog-container { font-size: 20px; line-height: 25px; }
.extended-blog-single-container { font-size: 20px; margin-bottom: 60px; }
.extended-blog-single-title { margin-bottom: 65px!important; }
.extended-blog-single-title small { font-size: 18px; line-height: 18px; }
.extended-blog-single-title small .extended-blog-comments { top: 2px; }
}
@media (max-width: 850px) {
.related-posts-title { float: left; width: 48%; margin-right: 2%; }
.related-posts-title a { font-size: 22px; }
.extended-blog-container { font-size: 18px; line-height: 23px; margin-bottom: 0px; }
.extended-blog-single-container { font-size: 18px; margin-bottom: 50px; }
.extended-blog-single-title { margin-bottom: 55px!important; }
.extended-blog-single-title small { font-size: 16px; line-height: 16px; }
.extended-blog-single-title small .extended-blog-comments { top: 1px; }
}
@media (max-width: 450px) {
.related-posts-title { float: left; width: 100%; margin-right: 0; }
}
@media (max-width: 800px) {
.extended-blog-title { width: 100%; }
.extended-blog-content { width: 100%; }
.extended-blog-comments { left: auto; position: absolute; right: 0; top: 5px; }
.extended-blog-title h1 { width: 93%; }
.extended-blog-title small { margin-bottom: 20px; }
.extended-blog-tags { display: none; }
}
@media (max-width: 750px) {
.extended-blog-content { font-size: 22px; line-height: 26px; }
.extended-blog-title small { font-size: 15px; }
.extended-blog-single-container { font-size: 22px; line-height: 36px; margin-bottom: 50px; }
}
/* ---------------------------------*/
/* ---------->>> NEWS <<<-----------*/
/* ---------------------------------*/
.news-container-outer { float:none!important; width:92%; position:relative!important; margin: 0 auto 50px; left:0!important; right:0!important; overflow-x:hidden!important; margin-top: -5px; }
.news-container{ width:4000px; position:relative!important; clear:both; }
.news-container .excerpt-blog { width: 350px; float:left; margin-right: 80px; display: inline-block; }
@media (max-width: 940px){ .news-container .excerpt-blog { margin-bottom: 20px; } }
.news-date { color: #787878; font-family: 'Open Sans',Arial,sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; }
@media (max-width: 750px){ .news-date { font-size: 15px; margin-bottom: 5px; } }
.news-icon { color: #000000; float: left; font-family: WebSymbolsRegular; font-size: 55px; margin-right: 20px; margin-top: 20px; min-height: 45px; }
.news-icon { font-family:'RaphaelIcons'; font-size: 75px; } /* Replace Icons Set Font */
.news-image { margin: 0 auto; display: block; margin-bottom: 20px; max-width: 100%; }
.news-title { color: #000000; font-family: 'Open Sans',Arial,sans-serif; font-weight: 700; line-height: 95%; word-wrap: break-word; font-size: 32px; min-height: 75px; }
.news-title a { color: #000000; text-decoration: none; }
.news-title a:hover { color: #cc6633; cursor: pointer; text-decoration: none; }
@media (max-width: 940px){ .news-title { min-height: inherit; height: auto; } }
@media (max-width: 750px){ .news-title { font-size: 34px; line-height: 30px; } }
.news-description { clear: both; color: #505050; display: block; font-size: 16px; font-weight: 600; line-height: 18px; margin-top: 10px; }
@media (max-width: 800px){ .news-description { font-size: 20px; } }
.news-content { color: #505050; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; line-height: 160%; overflow: hidden; font-weight: 300; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.news-content a { text-decoration: underline; color: inherit; }
@media (max-width: 750px){ .news-content { font-size: 22px; } }
/* Arrows */
.scrollbar-arrowleft, .scrollbar-arrowright { width: 110px; height: 85px; position: absolute; cursor: pointer; background-repeat: no-repeat; background-position: center top; text-indent: -9999px; z-index: 2; }
.scrollbar-arrowleft { left: -90px; }
.scrollbar-arrowright { right: -90px; }
.scrollbar-arrowleft-inactive, .scrollbar-arrowright-inactive { cursor: auto; }
.scrollbar-arrowleft { background-image: url("images/news-arrow-left-active-light.png"); }
.scrollbar-arrowright { background-image: url("images/news-arrow-right-active-light.png"); }
.scrollbar-arrowleft-inactive { background-image: url("images/news-arrow-left-inactive-light.png"); }
.scrollbar-arrowright-inactive { background-image: url("images/news-arrow-right-inactive-light.png"); }
/* -----------------------------------*/
/* ----------->>> HTML <<<------------*/
/* -----------------------------------*/
.bypostauthor {}
.gallery-caption {}
.sticky {}
.page { }
.clear { clear:both; }
a { text-decoration: none; color: inherit; }
.full-width-page a, .right-sidebar-page a, .left-sidebar-page a { text-decoration: underline; color: inherit; }
/* .full-width-page.full-width-page-content a, .right-sidebar-page .right-sidebar-page-content a, .left-sidebar-page .left-sidebar-page-content a { text-decoration: underline; color: inherit; color: #00AAFF; font-weight: 600; }
.full-width-page.full-width-page-content a:hover, .right-sidebar-page .right-sidebar-page-content a:hover, .left-sidebar-page .left-sidebar-page-content a:hover { text-decoration: underline; color: inherit; color: #446278; font-weight: 600; } */
a:hover { text-decoration: underline; }
abbr[title], acronym[title] { border-bottom: 1px dotted; }
address { font-style: normal; margin-bottom: 20px; font-size: 20px; }
address h1, address h2, address h3, address h4, address h5, address h6 { line-height: 100%; margin-bottom: 15px; }
address p { font-size: 14px; line-height: 130%; }
b { font-weight: 600; }
p { margin: 0px 0px 15px 0px; }
a img { border: none; }
em { font-style: italic; }
strong { font-weight: bold; }
hr { background-color: #DDDDDD; border: 0 none; clear: both; color: #EEEEEE; height: 1px; margin: 25px auto; width: 98%; max-width: 1120px; }
small { /* display:block; margin-bottom:15px; color:#959595; */ font-size: smaller; }
sub { font-size: smaller; line-height: normal; vertical-align: sub; }
sup { font-size: smaller; line-height: normal; vertical-align: super; }
pre { margin: 0 0 15px; overflow-x: auto; overflow-y: hidden; word-wrap: break-word; white-space: pre-wrap; display: block; font: lighter 0.85em/1.77em Monaco,'MonacoRegular',monospace; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
pre code {
background-color: #eeeeee;
background-size: 3.54em 3.54em;
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5) 50%, transparent 50%, transparent);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .5)), color-stop(.5, transparent), to(transparent));
background-image: -webkit-linear-gradient(rgba(255, 255, 255, .5) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(255, 255, 255, .5) 50%, transparent 50%, transparent);
background-image: -ms-linear-gradient(rgba(255, 255, 255, .5) 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(rgba(255, 255, 255, .5) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(255, 255, 255, .5) 50%, transparent 50%, transparent);
border-color: #E9E7E0 #E9E7E0 #E9E7E0 #d5d5d5; border-style: solid; border-width: 1px 1px 1px 2px; color: #3F3B36; display: block; overflow: hidden; padding: 0 1em;
}
fieldset { border:1px solid #dddddd; padding: 20px 30px; }
kbd {
padding: 0.1em 0.65em;
border: 1px solid #cccccc;
font-size: 13px;
font-family: "Open Sans", Arial, sans-serif;
background-color: #f8f8f8;
color: #3a3a3a;
-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.25), 0 0 0 2px #ffffff inset;
-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.25), 0 0 0 2px #ffffff inset;
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.25), 0 0 0 2px #ffffff inset;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
margin: 0 0.1em;
line-height: 1.4;
white-space: nowrap;
}
.aligncenter { clear: both; display: block; margin: 2% auto; text-align: center; }
.alignright{ float:right; margin: 0.5% 0 2% 2%; }
.alignleft{ float:left; margin: 0.5% 2% 2% 0; }
.alignnone{ }
.wp-caption-text { font-size: 14px; line-height: 120%; }
.wp-caption {}
.wp-caption>a { display: block; }
/* List Styles */
.full-width-page ol, .full-width-page ul { padding-left: 40px; display: block; list-style-type: decimal; margin: 1em 0; }
.full-width-page ol { list-style-type: decimal; }
.full-width-page li { display: list-item; }
.full-width-page ul { list-style-type: disc; list-style-position: inside; }
.full-width-page ol { list-style-type: decimal; list-style-position: inside; }
.full-width-page ul ul, .full-width-page ol ul { list-style-type: circle; list-style-position: inside; margin-left: 15px; }
.full-width-page ol ol, .full-width-page ul ol { list-style-type: lower-latin; list-style-position: inside; margin-left: 15px; }
.full-width-page dl, .full-width-page ol, .full-width-page ul { margin: 1em 0; }
.full-width-page dd { margin: 0 0 0 40px; }
.full-width-page ol, .full-width-page ul { padding: 0 0 0 40px; }
.list-armenian { list-style-type: armenian!important; }
.list-circle { list-style-type: circle!important; }
.list-cjk-ideographic { list-style-type: cjk-ideographic!important; }
.list-decimal { list-style-type: decimal!important; }
.list-decimal-leading-zero { list-style-type: decimal-leading-zero!important; }
.list-disc { list-style-type: disc!important; }
.list-georgian { list-style-type: georgian!important; }
.list-hebrew { list-style-type: hebrew!important; }
.list-hiragana { list-style-type: hiragana!important; }
.list-hiragana-iroha { list-style-type: hiragana-iroha!important; }
.list-inherit { list-style-type: inherit!important; }
.list-katakana { list-style-type: katakana!important; }
.list-katakana-iroha { list-style-type: katakana-iroha!important; }
.list-lower-alpha { list-style-type: lower-alpha!important; }
.list-lower-greek { list-style-type: lower-greek!important; }
.list-lower-latin { list-style-type: lower-latin!important; }
.list-lower-roman { list-style-type: lower-roman!important; }
.list-none { list-style-type: none!important; }
.list-square { list-style-type: square!important; }
.list-upper-alpha { list-style-type: upper-alpha!important; }
.list-upper-latin { list-style-type: upper-latin!important; }
.list-upper-roman { list-style-type: upper-roman!important; }
/* ----------------------------------------*/
/* ----------->>> TEMPLATES <<<------------*/
/* ----------------------------------------*/
/* Heading */
.page-template-wrapper { float: left; padding-bottom: 10px; /* padding-top: 18px; */ width: 100%; }
.page-header { margin-bottom: 50px; }
.page-title { word-wrap: break-word; font-family: "Open Sans", Arial, sans-serif; color: #000000; font-size: 32px!important; border-bottom: 1px solid #d9dcdd; max-width:1120px; margin: 0 auto!important; text-transform: uppercase; padding-bottom: 20px; width: 92%; font-weight: 900; line-height: 26px; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; padding-top: 17px; }
.page-description { font-weight: 300; max-width: 1120px; width: 92%; font-family: 'Open Sans', Arial, sans-serif; border-bottom: 3px solid #D9DCDD; font-size: 32px; line-height: 125%; margin: 15px auto 0 auto; padding-bottom: 20px; color: #707070; }
.page-description a { text-decoration: underline; }
.page-description p:last-child { margin-bottom: 0; } /* Removes spacing for category/tag description */
.blog-title { word-wrap: break-word; font-family: "Open Sans", Arial, sans-serif; color: #000000; font-size: 32px!important; border-bottom: 1px solid #d9dcdd; max-width:1120px; margin: 0px auto 50px auto!important; text-transform: uppercase; padding-bottom: 20px; width: 92%; font-weight: 900; line-height: 26px; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.blog-description { font-weight: 300; max-width: 1120px; width: 92%; font-family: 'Open Sans', Arial, sans-serif; border-bottom: 3px solid #D9DCDD; font-size: 32px; line-height: 125%; margin: -35px auto 50px auto; padding-bottom: 20px; color: #707070; }
.blog-description a { text-decoration: underline; }
.blog-description p:last-child { margin-bottom: 0; } /* Removes spacing for category/tag description */
/* ?? */
.page-content { color: #505050; font-family: 'Open Sans',Arial,sans-serif; margin: 0 auto; max-width: 1140px; width: 94%; font-size: 16px; line-height: 160%; margin-bottom: 30px; font-weight: 300; }
.page-content.right-sidebar-page, .page-content.left-sidebar-page { max-width: 1135px; width: 93%; }
@media (max-width: 850px){ .page-content.right-sidebar-page, .page-content.left-sidebar-page { width: 92%; } }
.right-sidebar-post-content, .left-sidebar-post-content { font-size: 19px; line-height: 160%; }
.right-sidebar-post-content p, .left-sidebar-post-content p { margin-bottom: 4%; }
/* CLASSIC VIEW */
@media (max-width: 1260px){ .daisho-classic .page-content { max-width: 1000px!important; } }
@media (max-width: 1150px){ .daisho-classic .page-content { max-width: 900px!important; } }
@media (max-width: 1050px){ .daisho-classic .page-content { max-width: 800px!important; } }
.page-content hr { border-bottom: 1px solid #DCDCDC; background: none; clear: both; height: 1px; margin: 0 auto 50px auto; padding-top: 50px; width: 98%; max-width: 1120px; }
/* ----- Full Width Page Styles ----- */
.full-width-page-content img { max-width: 100%!important; height: auto; }
/* ----- Right Sidebar Page Styles ----- */
.right-sidebar-page-content img { max-width: 100%!important; height: auto; }
/* ----- Left Sidebar Page Styles ----- */
.left-sidebar-page-content img { max-width: 100%!important; height: auto; }
/* ----- Password Protected Page Styles ----- */
.password-protected-page{ clear: both; font-family: "Open Sans",Arial,sans-serif; font-size: 16px; font-weight: 300; margin: 0 auto 5%; max-width: 1120px; padding-top: 5%; position: relative; text-align: center; width: 92%; }
.password-protected-page p{ margin-bottom: 2%; }
.password-protected-page input[type="password"] { margin: 0 1%; border: 1px solid #D9D9D9; padding: 7px; font-family: 'Open Sans',Arial,sans-serif; font-size: 13px; color: #000000; width: 60%; max-width: 500px; }
.password-protected-page input[type="submit"] { background: none repeat scroll 0 0 transparent; border: medium none; color: #000000; cursor: pointer; font-family: 'Open Sans',Arial,sans-serif; font-size: 18px; margin-top: 10px; text-transform: uppercase; font-weight: 900; }
.password-protected-page input[type="submit"]:hover { color: #cc6633; }
@media (max-width: 1250px) {
.password-protected-page{ margin: 0 auto 15%; padding-top: 15%; }
}
@media (max-width: 850px) {
.page-description { font-size: 28px; }
.page-content { line-height: 160%; width: 92%; }
.page-content hr { padding-top: 4%; margin-bottom: 8%; width: 100%; }
}
/* --------------------------------------------*/
/* ----------->>> MISCELLANEOUS <<<------------*/
/* --------------------------------------------*/
/* ----- HTML5 Video JS ----- */
.myvideo { margin-bottom: 10px; }
.vvqbox object { width:100%!important; height:100%!important; }
.vvqbox { margin: 0 0 0 auto!important; }
.video-js { height: auto !important; }
.video-js { max-width: 1120px; min-width: 100%;}
.video-js-box { display: block!important; width: 100%; max-width: 1120px; }
.video-js-box>div { z-index:0!important; }
.video-js-box .vjs-controls { display: block!important; }
.vjs-big-play-button { position: fixed!important; visibility: hidden; }
.vjs-controls > div.vjs-volume-control { right: 65px; width: 25px; }
.vjs-volume-control div span {
background-color: transparent!important;
background-image: url("images/vol.png")!important;
border: medium none!important;
height: 15px!important;
width: 12px!important;
position: absolute!important;
left: 0!important;
}
.vjs-controls { margin: auto 5% auto auto!important; }
.vjs-controls > div.vjs-time-control { display: none; }
.vjs-controls > div.vjs-volume-control { right: 140px!important; width: 20px!important; }
/* ----- HTML5 Videos on pages - [video mp4="" webm="" ogg="" poster=""] ----- */
.full-width-page .video-js-box { width: 100%!important; }
.full-width-page .video-js-box img.vjs-poster { height: auto !important; width: 100%!important; }
.full-width-page .vjs-controls { margin: auto 0 auto auto!important; }
.full-width-page .vjs-big-play-button { position: absolute!important; visibility: visible; }
video { width: 100%; }
/* ----- YouTube Videos - [youtube link=""] ----- */
/* ----- Vimeo Videos - [vimeo link=""] ----- */
.youtube_container { padding-bottom:56.25%; position: relative; }
.youtube_container iframe, .youtube_container embed { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
/* Demo Only */
/* .demo-placeholder *{
display: none;
} */
.demo-placeholder:after {
border: 2px dashed #D9DCDD;
content: "Please remove \'demo-placeholder\' class from each footer column under [Daisho > Footer].";
display: block;
margin-bottom: 20px;
padding: 20px;
position: relative;
}
.demo-placeholder:nth-child(1):after {
border: 2px dashed #D9DCDD;
content: "DAISHO sample content does not import widgets (sidebars and footers) just in case you had your own ones defined before. This is the place where top separator (just
tag) and \'Client Logos\' go on demo. Please go to [Daisho > Footer] and remove \'demo-placeholder\' class from each footer column. Then go to [Appearance > Widgets] and add \'Client Logos\' to \'Footer 1\' Widget Area. You\'ll find \'Client Logos\' code in the documentation (Sidebars & Footers section).";
display: block;
margin-bottom: 20px;
padding: 20px;
position: relative;
margin-top: 30px;
}
.demo-placeholder:nth-child(2):after {
border: 2px dashed #D9DCDD;
content: "This is the place where just
tag (separator) goes on demo. Please go to [Appearance > Widgets] and add
to \'Footer 2\' Widget Area.";
display: block;
padding: 20px;
position: relative;
}
.demo-placeholder:nth-child(3):after {
border: 2px dashed #D9DCDD;
content: "This is the place where \'Social Media Icons\' goes on demo. Please go to [Appearance > Widgets] and add them to \'Footer 3\' Widget Area. You\'ll find their code in the documentation.";
display: block;
padding: 20px;
position: relative;
}
.demo-placeholder:nth-child(4):after {
border: 2px dashed #D9DCDD;
content: "This is the place where \'Copyright Information\' goes on demo. Please go to [Appearance > Widgets] and add it to \'Footer 4\' Widget Area. You\'ll find its code in the documentation.";
display: block;
padding: 20px;
position: relative;
}
/* .project-img { opacity: 1; transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; }
.project-img-visible { opacity: 1; transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; } */