/*
Theme Name: East Java
Theme URI: http://onepagelove.com/themes/eastjava
Version: 1.1.11
Description: A professional online presence theme by One Page Love.
Author: One Page Love
Author URI: http://onepagelove.com
License: GNU General Public License
License URI: license.txt
Tags: left-sidebar, right-sidebar, custom-colors, theme-options, custom-menu
*/

/* 

Contents: 

01. Reset
02. General Styles
03. Font Families
04. Font Sizes
05. Color Scheme
06. Containers
07. Main Content
08. Sidebar
09. CSS3 Transitions 
10. Pushy Styles
11. Additonal Page Styles
12. Misc

*/

/* ------------------------------------------------ */
/* 01. Reset */
/* ------------------------------------------------ */

/* Let's start from scratch shall we */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
* {margin: 0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

/* Removes yellowing of forms */
*:focus {outline: none;} 

/* Removes webkit native styling */
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}
input, textarea {-webkit-appearance: none;	border-radius: 0;}

 /* Hide scrollbars */
html, body {overflow: hidden;}
::-webkit-scrollbar {display: none;}

/* disable webkit tap highlight */
html, body {-webkit-tap-highlight-color: rgba(0,0,0,0);}

/* fixes focus scrolling in Safari (OS X) */
html, body {height: 100%;}

/* ------------------------------------------------ */
/* 02. General Styles */
/* ------------------------------------------------ */

html, ul, li {margin: 0px;padding: 0px; height:100%;}
body {font-size: 14px; line-height: 22px; line-height: 100%; margin: 0; padding: 0; position: relative;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
a img { border:none; vertical-align:top; }
.relative {position: relative}
b, strong {font-weight: bold;}
.clear {clear:both;}
i, em {font-style: italic}
del {text-decoration: line-through;}
video {max-width: 100%; height: auto;}
iframe,embed,object {max-width: 100%;}

/* ------------------------------------------------ */
/* 03. Font Families */
/* ------------------------------------------------ */

body 
{font-family: Calibri, Arial, sans-serif; font-weight: 300; }

#description
{font-family: Calibri, Arial, sans-serif; font-weight: 100; }

#sidebar-inner .text-widget
{font-family: Calibri, Arial, sans-serif; font-weight: 400; }

#header .menu-btn .menu-text,
#name,
#widget-center-area .widget-center-title,
#sidebar-inner .widget-title,
#sidebar-inner .widget ul, 
#sidebar-inner .widget ol,
#page h1 
{font-family: Calibri, Arial, sans-serif; font-weight: 400;}

/* ------------------------------------------------ */
/* 04. Font Sizes */
/* ------------------------------------------------ */

#header .menu-btn .menu-text {
font-size: 12px; 
line-height: 12px;	
}
#name {
font-size: 120px;
line-height: 110px;
letter-spacing: -4px;
}
#description {
font-size: 30px;
line-height: 36px;
}
#button .slideout-button {
font-size: 12px;
line-height: 12px;
}
#widget-center-area .widget-center-title {
font-size: 18px; 
line-height: 22px;	
}
#widget-center-area .widget-center {
font-size: 14px; 
line-height: 18px;	
}
#sidebar-inner .widget-title {
display: block;	
font-size: 15px; 
line-height: 18px;
}
#sidebar-inner .widget,
#sidebar-inner .text-widget,
#sidebar-inner .text-widget p  {
font-size: 15px; 
line-height: 18px;
}
#sidebar-inner .widget  li {
font-size: 12px; 
line-height: 14px;
}
#sidebar-inner .credit {
font-size :11px;
}

/* ------------------------------------------------ */
/* 05. Color Scheme */
/* ------------------------------------------------ */

/* These can all be changed in the theme customizer */

/* Global Styles - Body & Sidebar Background Color */
body, 
#sidebar,
.pushy {
background-color: #222222;
}
/* Global Styles - Big Image Background */
#content-container {
background-color: #F8F8F8;
}
/* Content Styles - Name */
#name {
color: #FFFFFF;	
}
/* Content Styles - Tagline */
#description {
color: #FFFFFF;	
}
#description a {
color: #FFFFFF;	
border-bottom: 1px dotted #FFFFFF;
}
#description a:hover {
color: #FFFFFF;	
border-bottom: 1px solid #FFFFFF;
}
/* Content Styles - Button */
#button.menu-btn a {
border-color: #DDDDDD;	
color: #DDDDDD;
}
/* Content Styles - Button Hover */
#button.menu-btn a:hover {
border-color: #FFFFFF;	
color: #FFFFFF;
}
/* Content Styles - Widget Title  */
#widget-center-area .widget-center-title {
color: #FFFFFF;
}
/* Content Styles - Widget Text  */
#widget-center-area .widget-center {
color: #FFFFFF;
}
#sidebar-inner .icon-inner {
fill: #222222;
}
/* Sidebar General Text Color */
#sidebar-inner {
color: #777777;
}
/* Sidebar General Link Color */
#sidebar-inner .textwidget a,
#sidebar-inner .credit a {
color: #777777;
}
/* Sidebar General Link Hover Color */
#sidebar-inner a:hover,
#sidebar-inner .text-widget a:hover,
#sidebar-inner .credit a:hover {
color: #CCCCCC;
}
/* Sidebar Widget Title Color */
#sidebar-inner .widget-title {
color: #CCCCCC;	
}
/* Sidebar Widget List Item Color */
#sidebar-inner .widget li,
#sidebar-inner .widget li a {
color: #777777;
}
/* Sidebar Widget List Item Hover Color */
#sidebar-inner .widget li:hover,
#sidebar-inner .widget li a:hover {
color: #CCCCCC;
}
/* Sidebar Social Icons */
#sidebar-inner svg.svg-social {fill: #555555;}
#sidebar-inner .icon-outer {fill: #555555;}
#sidebar-inner svg.svg-social:hover {fill: #999999; }
#sidebar-inner .icon-outer:hover {fill: #999999;}

/* ------------------------------------------------ */
/* 06. Containers */
/* ------------------------------------------------ */

#container {
position: relative;
height: 100%;
}
/* Slide out navigation is .pushy, see section 10 */
.pushy {}
/* #sidebar sits within .pushy */
#sidebar {}
#content-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
-webkit-overflow-scrolling: touch;
z-index: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
}
#content {
height: 100%;
width: 100%;
display: table;
}
#centered {
display: table-cell;
text-align: center;
vertical-align: middle;
}

/* ------------------------------------------------ */
/* 07. Main Content */
/* ------------------------------------------------ */

#logo {
margin-bottom: 35px;	
}
#name {
text-transform: uppercase;
margin-bottom: 30px;
}
#description {
margin-bottom: 55px;
}
#button.menu-btn {
display: block;
margin-bottom: 50px;	
}
#button.menu-btn a {
border-width: 1px;
border-style: solid;
-webkit-border-radius: 21px; 
-moz-border-radius: 21px; 
border-radius: 21px;
text-transform: uppercase;
padding: 10px 20px;
cursor: pointer;
display: inline-block;
}	
#button.menu-btn a:hover {
}
#widget-center-area {
}
#widget-center-area p {
margin-bottom: 20px;	
}	
#widget-center-area .widget-center-title {
display: block;	
margin-bottom: 10px;
}
#widget-center-area .widget-center {
}


/* ------------------------------------------------ */
/* 08. Sidebar */
/* ------------------------------------------------ */
 
/* Sidebar styles */
#sidebar {
}
#sidebar-inner {
padding: 47px 50px 50px 50px;
}
#sidebar-inner .widget {}
#sidebar-inner .widget-title {
display: block;	
text-transform: uppercase;
margin-bottom: 19px;
}
#sidebar-inner .widget {
display: block;	
padding-bottom: 44px;
}
#sidebar-inner p {
display: block;	
margin-bottom: 10px;	
}
#sidebar-inner p:last-child  {
margin-bottom: 0;	
}
#sidebar-inner .widget  li {
text-transform: uppercase;
margin-bottom: 10px;
}		
#sidebar-inner .widget  li:last-child {
margin-bottom: 0;
}
#sidebar-inner .widget  li a {
width: 100%;
display: block;
}
#sidebar-inner .social {
display: block;	
padding-bottom: 45px;
}
#sidebar-inner svg.svg-social {
width: 24px; 
height: 24px;
margin-bottom: 0px;
}
#sidebar-inner svg.email-icon {
width: 22px; 
height: 22px;
margin-left: 1px;
margin-bottom: 0px;	
}
#sidebar-inner .credit {
padding-bottom: 30px;
}

/* ------------------------------------------------ */
/* 09. CSS3 Transitions */
/* ------------------------------------------------ */

/* Center Content Fade In */
#centered  {
    -webkit-animation: fadein 4s; /* Safari and Chrome */
       -moz-animation: fadein 4s; /* Firefox */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera */
            animation: fadein 4s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​
/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Link Hovers */
#sidebar-inner .widget li,
#sidebar-inner .widget li a,
#sidebar-inner .credit a,
#sidebar-inner svg.svg-social
{-o-transition:1s;-ms-transition:1s;-moz-transition:1s;-webkit-transition:1s;transition:1s;}
#sidebar-inner .widget li:hover,
#sidebar-inner .widget li a:hover,
#sidebar-inner .credit a:hover,
#sidebar-inner svg.svg-social:hover
{-o-transition:.1s;-ms-transition:.1s;-moz-transition:.1s;-webkit-transition:.1s;transition:.1s;}

/* ------------------------------------------------ */
/* 10. Pushy Styles */
/* ------------------------------------------------ */

/* See http://christopheryee.ca/pushy/ for more info */
.pushy {
position: fixed;
width: 300px; 
height: 100%;
top: 0;
z-index: 9999;
overflow: auto;
/* enables momentum scrolling in iOS overflow elements */
-webkit-overflow-scrolling: touch; 
}
/* Menu Movement */
.pushy-left{
-webkit-transform: translate3d(-300px,0,0);
-moz-transform: translate3d(-300px,0,0);
-ms-transform: translate3d(-300px,0,0);
-o-transform: translate3d(-300px,0,0);
transform: translate3d(-300px,0,0);
}
.pushy-open{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.container-push, .push-push{
-webkit-transform: translate3d(300px,0,0);
-moz-transform: translate3d(300px,0,0);
-ms-transform: translate3d(300px,0,0);
-o-transform: translate3d(300px,0,0);
transform: translate3d(300px,0,0);
}
/* Menu Transitions */
.pushy, #container, .push{
-webkit-transition: -webkit-transform .7s cubic-bezier(.16, .68, .43, .99);
-moz-transition: -moz-transform .7s cubic-bezier(.16, .68, .43, .99);
-o-transition: -o-transform .7s cubic-bezier(.16, .68, .43, .99);
transition: transform .7s cubic-bezier(.16, .68, .43, .99);
/* improves performance issues on mobile*/
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
/* Site Overlay */
.site-overlay{
display: none;
}
.pushy-active .site-overlay {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 300px;
z-index: 9999;
}
/* Menu Button */
#header .menu-btn {
margin: 50px 0 0 50px;	
width: 200px;
height: 40px;	
cursor: pointer;
display: block;
}
#header .menu-btn .menu-icon {
width: 32px; 
height: 20px;
display: inline-block;
}
#header .menu-btn .menu-text {
width: 150px; 
height: 16px;
display: inline-block;	
text-transform: uppercase;
vertical-align: top;
padding: 4px 0 0 12px;
}

/* ------------------------------------------------ */
/* 11. Additional Page Styles */
/* ------------------------------------------------ */

#page {width: 80%; margin: 100px auto; padding: 100px; background-color: rgba(255, 255, 255, .90);  height: 100%; }
#page .page-content {display: block; color: #111; font-size: 22px; line-height: 34px;}	
#page .page-content p {margin-bottom: 50px;}
#page .page-content h1 {font-size: 60px; line-height: 70px; margin-bottom: 50px; letter-spacing: -1px;}
#page .page-content h2 {font-size: 40px; line-height: 50px; margin-bottom: 40px; margin-top: 70px; letter-spacing: -1px;}
#page .page-content h3 {font-size: 30px; line-height: 40px; margin-bottom: 30px; margin-top: 60px; letter-spacing: -1px;}
#page .page-content h4 {font-size: 25px; line-height: 30px; margin-bottom: 25px; margin-top: 50px; letter-spacing: -1px;}
#page .page-content h5 {font-size: 22px; line-height: 28px; margin-bottom: 22px; margin-top: 50px; letter-spacing: -1px;}
#page .page-content a {color: #111; text-decoration: none; border-bottom: 1px dotted #111; }
#page .page-content a:hover {border-bottom: 1px solid #111;}	
#page .page-content img {max-width: 100%; height: auto;}
#page .page-content img.alignleft {float: left; margin-right: 25px;}
#page .page-content img.alignright {float: right; margin-left: 25px;}
#page .page-content img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
#page .page-content ol, #page .page-content ul {margin: 0 0 20px 25px;}
#page .page-content ol li {list-style-type: decimal; padding: 0 0 10px 0;}
#page .page-content ul li {list-style-type: circle; padding: 0 0 5px 5px;}
#page .page-content blockquote {font-style: italic; padding: 0 50px}

 /* Enable scrollbars on pages with lots of content */
body.page-template-default {overflow: auto;}
body.page-template-default #content-container {overflow-x: hidden; overflow-y: auto;}

/* ------------------------------------------------ */
/* 12. Misc */
/* ------------------------------------------------ */

/* Text Shadows */
#name {
text-shadow: 0 1px 0 rgba(0, 0, 0, .20);
}
#description {
text-shadow: 0 1px 0 rgba(0, 0, 0, .20);
}

/* Newsletter Form Styles */
input, textarea {
-webkit-appearance: none;	
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;
border: none;
margin-bottom: 5px;
padding: 8px 12px;
width: 95%;
}

/* There is a known bug with Windows + Chrome rending Google Fonts, see: http://stackoverflow.com/a/22025804 */
body {
-webkit-animation-delay: 0.1s;
-webkit-animation-name: fontfix;
-webkit-animation-duration: 0.1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
}
@-webkit-keyframes fontfix {
from { opacity: 1; }
to   { opacity: 1; }
}





/*NEW STYLES FROM IRENE JAN 13 2015*/

a, a:link, a:active, a:visited {
color:#fff;
text-decoration:underline;
}


h1 {
font-size:0.95em;
}

#button.menu-btn a{
font-size:1.45em;
text-transform:lowercase;
text-decoration:none;
border:none;
}

.textwidget a{
text-decoration:none;
color:#ec0085;
}

.textwidget a:hover{
text-decoration:underline;
}


#sidebar-inner .widget-title {
font-weight:bold;
}

p.irenetitle {
font-size: 120px;
line-height: 110px;
letter-spacing: -4px;
text-shadow: 0 1px 0 rgba(0, 0, 0, .20);
font-weight:bold;
}
p.irenedescription {
font-size: 30px;
line-height: 36px;
text-shadow: 0 1px 0 rgba(0, 0, 0, .20);
}

#widget-center-area .widget-center {
margin-top:-150px; !important
}
#logo {
display:none;
}