/*
Theme Name:   Osaka
Theme URI:    http://nairobitheme.blogmilk.com/
Description:  Minimalistic theme displaying a a top menu bar with navigation and search button, grid style post area, top message space, automatic read more and image resizer, custom pin it button, share and social media buttons and a large footer area. 
Author:       Designed by Ana Degenaar and coded by Krista Miller (http://kristarae.co)
Author URI:   http://www.blogmilkshop.com/
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         minimalist, menu bar, search button, grid style posts, custom pin it button
Text Domain:  osaka
*/

/* Body
-----------------------------------------------(c) theme by blogmilk
*/

body { margin: 0; padding: 0; }

.aligncenter { display: block; margin: auto; }

#Blog1 { width: 100%; float: left; }
#Blog2 { width: 300px; float: left; }

.products { list-style: none; margin: 0; padding: 0; margin-top: 15px; }

.products a { color: #515151 !important; }

.logo { margin-top: 25px !important; }

#sidebar { display: none !important; }

.wc-tabs { display: none !important; }

.itt-copyright { color: #000; float: left; margin-top: 30px; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; text-transform: uppercase; font-size: 10px; font-weight: bold; }

#Navbar1 {
margin: 0;
padding: 0;
visibility: hide;
display: none ;
}

.body {
color:#515151;
margin:0;
font: italic normal 14px 'Times New Roman', Times, FreeSerif, serif;
text-align: justify;
min-width: 1000px;
background: #ffffff;
}

-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;}
.clr {clear:both; float:none;}


a:link {
  color: #bbbfba;
  text-decoration:none;
}
a:visited {
color: #bbbfba;
  text-decoration:none;
}
a:hover {
color: #bbbfba;
}
a img {
border-width:0;
}


img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.post img {

opacity:1.0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.post img:hover {
opacity:0.7;
}




input, textarea
{-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-border-radius: 0;}


/* Disabled
-----------------------------------------------(c) theme by blogmilk
*/

.addthis_button a {display:none;}
#Attribution1 {height:0px;visibility:hidden;display:none;}



/* Crosscol
-----------------------------------------------(c) theme by blogmilk
*/
.crosscol-wrapper {width: 900px; margin: 0 auto; padding-top: 70px;}
.header-crosscol-wrapper {width: 800px; margin: 0 auto;}


/* Main
-----------------------------------------------(c) theme by blogmilk
*/
.main-wrapper {
      /*width:830px; */
      width:865px; 
      float: left; 
      padding-top:100px; 
      margin-bottom: 80px;
}



/* Outer
-----------------------------------------------(c) theme by blogmilk
*/
.outer-wrapper {margin: 0; color: #515151; text-align: justify; font-size: 14px; padding-left: 25px;}




/* Header
-----------------------------------------------(c) theme by blogmilk
*/
#header-wrapper {
width: 100%;
color: #e5e3e3;
font: normal bold 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
text-transform: upper;
margin-bottom: 0px;
height: 80px;
}

#head-inner {
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
float:center;
background-position: center;
color: #e5e3e3;
font: normal bold 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
}

#header h1 {
text-decoration:none;
margin-top: 0px;
letter-spacing: 10px;
margin-bottom: -25px;
padding-bottom: 0px;
padding-top: 20px;
color: #e5e3e3;
font: normal bold 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
text-transform: uppercase;
}


#header h1 a:visited {
color: #e5e3e3;
}

#header a:hover {
color: #bbbfba;
}

#header {
margin: 0px;
text-align: center;
color: #e5e3e3;
font: normal bold 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
}

#header-inner img {} #header-inner {text-align:center !important;}


/* Date
-----------------------------------------------(c) theme by blogmilk
*/
h2.date-header {
color: #cccccc;
font: italic normal 11px 'Times New Roman', Times, FreeSerif, serif;
letter-spacing: 1px;
text-transform: lowercase;
text-align: left;
border: none;
margin-top: 0px;
margin-bottom: 0px;
}



/* Post Body
-----------------------------------------------(c) theme by blogmilk
*/

.blog-posts 
{
      position:relative;
}

.post-outer 
{
      border: 1px solid #e5e3e3; 
      padding-left: 15px; 
      padding-right: 15px; 
      width: 100%; 
      display: block; 
      float: left;
	  box-sizing: border-box;
}

.post-outer:nth-child(odd) {
      left: 0px;
      clear: left;
}

.post-outer:nth-child(even) {
      margin-left: 18px;
      clear: right;
}

.single-post-outer 
{
      border: 1px solid #e5e3e3;
    padding-left: 15px;
    padding-right: 15px;
}

.search-page-outer {
      float: none;
      margin-left: auto !important;
      margin-right: auto !important;
}

.post{position:relative;}
.post-body .separator a {margin-left:0 !important; margin-right:0 !important; margin-bottom:0 !important;}
.margin-right {margin-right:15px !important;}
.posts-thumb {}
.postsummary { padding-top: 19px; font-family: "playfair_displayregular" !important; }
.post-title a, .post-title {font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif; color: #1e1e1e; margin: 0 0 4px 0; padding: 0; text-decoration: none; line-height: 1.4; text-transform: none; letter-spacing: 2px; padding-top: 15px;}
.post-title a:hover {color: #bbbfba;}
.post-body {border: none; font-family: "playfair_displayregular" !important;}
.post-header {margin: 0 0 10px; padding: 0 0 10px; font: normal bold 10px Arial, Tahoma, Helvetica, FreeSans, sans-serif; text-transform: uppercase; line-height:1.6em; letter-spacing: 3px; color: #1e1e1e;}
.post-header a {font: normal bold 10px Arial, Tahoma, Helvetica, FreeSans, sans-serif; text-transform: uppercase; line-height:1.6em; letter-spacing: 3px; color: #1e1e1e;}
.post-header a:hover{color: #bbbfba;}



/* Read More
-----------------------------------------------(c) theme by blogmilk
*/

.rmlink {text-align:center; float:left; margin-top:32px; padding-bottom: 27px;}
.rmlink a {
color: #393939;
font: normal bold 10px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
text-transform: uppercase;
letter-spacing: 3px;
text-align: center;
float: center;
}
.rmlink a:hover {color: #bbbfba;}
.entry-content ul {list-style-type: disc; list-style-position: inside; list-style-image: none;}



/* Post Footer
-----------------------------------------------(c) theme by blogmilk
*/
.post-footer {
font: normal bold 10px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
text-transform: uppercase;
line-height: 2em;
margin-bottom: 0px;
margin-top: 0px;
letter-spacing: 3px;
display: block;
padding-top: 6px;
padding-bottom: 0px;
text-align: center;
color: #1e1e1e;

}
.post-label {
padding-top: 0px;
float: left;
text-align: left !important;
}

.post-comment-link {
float: left;
text-align: left !important;
margin-top: 10px;
width: 100%;
display: none;
}

.comments { display: none; }


.post-footer a {
color: #1e1e1e;
}

.post-footer-line-1 {
font: normal bold 10px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
}



/* Pager
-----------------------------------------------(c) theme by blogmilk
*/
#blog-pager-newer-link {
float: left;
margin-top: 10px;
margin-bottom: 15px;
}

#blog-pager-newer-link  a{
float: left;
color: #303030;
font: normal bold 10px Arial, Tahoma, Helvetica, FreeSans, sans-serif;

}

#blog-pager-older-link {
float: left;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 15px;
}

#blog-pager-older-link a {
float: left;
margin-right: 5px;
color: #303030;
font: normal bold 10px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
}

#blog-pager {
text-align: center;
letter-spacing: 3px;
color: #303030;
font: normal bold 10px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
width: 790px;
margin-bottom: 0px!important;
clear: both;
}

#blog-pager a {
padding: 12px;
color: #303030;
font: normal bold 10px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
border: 1px solid #303030;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
float: center;
margin-top: 20px;
height: 13px;
display: block;
}


.feed-links {
clear: both;
line-height: 2.5em;
}


h4.date-header{display:none;}



/* Share Links
-----------------------------------------------(c) theme by blogmilk */
.addthis_toolbox {
float: center;
font: normal bold 10px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
letter-spacing: 0px;
margin-top: 25px;

}

.addthis_toolbox a {
margin-left: 7px;
opacity:9.0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: inline !important;
}


.addthis_toolbox a:hover {
opacity:0.5;
}
.addthis_toolbox img { display: inline !important; }



/* Profile
-----------------------------------------------(c) theme by blogmilk */
.profile-img {
display: block;
float: left;
width: 250px;
height: auto !important;
padding-bottom: 7px;
margin-left: 0px;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
line-height: 1.6em;
text-align: justify;
display: none;
}
.profile-datablock {
margin:.5em 0 .5em;
text-align: left;
display: none;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
display: nonw;
}
.profile-link {
text-transform: uppercase;
letter-spacing: 4px;
text-align: center;
display: block;
margin-top: 10px;
padding-bottom: 10px;
width: 250px;
display: none;
}


.profile-name-link {
background-image:none !important;
padding-left:0px;
display: none;
 }


#searchThis, #search_form {
float: right;
text-decoration:none;
font: normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #282828;
text-transform: uppercase;
letter-spacing: 4px;
margin-top: -2px;
padding-right: 3px;
background: none;
width: 60px;
outline : none;
box-shadow: none;
}

#searchButton, #searchsubmit {
text-decoration:none;
font: normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #282828;
text-transform: uppercase;
letter-spacing: 4px; 
border: none;
background: none;
}

#searchbox, #s {
border: 1px solid #ffffff;
background: none;
}

/* -----   Blockquote   -----(c) theme by blogmilk*/

.post blockquote {
line-height: 2em;
color: #b5b5b5;
font: normal normal 17px Bentham;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 25px;
}
.post blockquote p {
line-height: 2em;

}

/* -----   Footer   -----(c) theme by blogmilk*/

#footer-wrapper {
padding-top: 30px;
padding-bottom: 35px;
clear:both;
color: #ffffff;
width: 100%;
float: center;
text-align: center;
border-top: 1px solid #e5e3e3;
border-bottom: 1px solid #e5e3e3;
min-width: 900px;
}


#footer-wrapper h2 {
display: none;
}

.footer {text-align:center !important;}
.footer {display:inline !important; float:none !important;}

#credits {

       padding: 20px 0px 0px 0px;
       margin-bottom: -10px;
       width: 100%;
       text-align: right;
       display: block;
       height: 50px;
       float: left;
       text-transform: uppercase;
       letter-spacing: 4px;
       font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
       font-weight: bold; 
       font-size: 10px;
       color: #1b1b1b;
       font-style: normal;
       background: #ffffff;
       min-width: 300px;

}

#credits a {
color: #1b1b1b;
}



/* Comments
-----------------------------------------------(c) theme by blogmilk */
.comments { margin-top: 60px; }
.comments h4 { font: normal bold 10px Arial, Tahoma, Helvetica, FreeSans, sans-serif; color: #1e1e1e; text-transform: uppercase; letter-spacing: 2px;}
.comments .comments-content .comment-thread ol { overflow: hidden; margin: 0; }
.comments .comments-content .comment:first-child { padding-top: 0; }
.comments .comments-content .comment { margin-bottom: 0; padding-bottom: 0; }
.comments .avatar-image-container { display: none;}
.comments .avatar-image-container img { display: none;}
.comments .comment-block {margin-left: 0px; padding: 30px 0 30px 0px; border-bottom: 1px solid #e5e3e3; }
.comments .comments-content .comment-header a {font: normal bold 10px Arial, Tahoma, Helvetica, FreeSans, sans-serif; color: #cccccc; text-transform: uppercase; letter-spacing: 2px;}
.comments .comments-content .user { display: block; font: normal bold 10px Arial, Tahoma, Helvetica, FreeSans, sans-serif; color: #cccccc; text-transform: uppercase; letter-spacing: 2px; }
.comments .comments-content .datetime { display: none; }
.comments .comments-content .datetime a { display: none;}
.comments .comments-content .comment-header, .comments .comments-content .comment-content { margin: 0 20px 10px 0; }
.comments .comment-block .comment-actions { display: block; text-align: left; margin-top:0px; }
.comments .comment .comment-actions a {  display: inline-block; line-height: normal; margin-right: 5px; font: normal bold 10px Arial, Tahoma, Helvetica, FreeSans, sans-serif; color: #cccccc; text-transform: uppercase; letter-spacing: 2px; border-bottom:15px; }
.comments .comment .comment-actions a:hover { text-decoration: none; }
.comments .thread-toggle { display: none; }
.comments .comments-content .inline-thread { margin: 0 0 20px 17px !important; padding: 0 0 0 20px; }
.comments .continue { display: none; }

.comments .comments-content .icon.blog-author {display: none;}

.comment-thread ol {}
.comment-thread li:before {display:none;}
.comment-thread ol ol {}
.comment-thread li li:before {display:none;}

.comment-avatar .avatar {
      float: left;
      padding: 0 1.2em 1.2em 0;
      height: 48px;
      width: 48px;
}

ul#comment-block li.comment { padding: 1.2em 0 1.2em 1.2em; list-style: none; overflow: hidden; border-bottom: 1px dotted #bbb; height: 1%; }
ul#comment-block li.even { background: #fff; }
ul#comment-block li.odd { background: #fff; }
ul#comment-block li.trackback, ul#comment_list li.pingback { background: #CCC; }
ul#comment-block li.comment ul.children { margin: 0 0 0 1.2em; }
ul#comment-block li.comment ul.children li.comment { border-top: 1px dotted #bbb; border-bottom: none; padding-bottom: 0; margin-top: 1.2em; }

#respond {clear: both; overflow: hidden; }
#comment_form { width: 600px; padding: 0 0 0 0; float: left; }
#comment_form p { padding: 0.2em 0; }
#comment_form label {
padding: 0 0 0 10px; 
line-height: 1.4em;
text-transform:lowercase;
color: #999999;
font: Cambria;
}
#comment_form .text_input { 
width: 300px; 
padding: 1px 5px; 
line-height: 1.4em;
text-transform:none;
color: #999999;
border-top: 1px solid #999; 
border-left: 1px solid #999; 
border-right: 1px solid #999; 
border-bottom: 1px solid #999; 
}
#comment_form .text_area { width:500px; }
#comment_form .text_input:focus { border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; }
#comment_form .form_submit { padding: 0.4em 4px; border: 1px solid #999; font: bold 1.4em Cambria #999; cursor: pointer; }
#comment_form p.subscribe-to-comments { font-size: 1.4em; }
#comment_form p.subscribe-to-comments label { font-size: 1.0em; }

/* -----   UPPER SECTION   ----- */ 
#upper { 
       margin:auto; 
       padding: 0px 0px 0px 0px; 
       width: 100%; 
       color: #ffffff;
       font: $footerfont;
       border-bottom: 1px solid #e5e3e3;
       position: fixed;
       z-index: 100;
       background-color: #ffffff; opacity: 0.9; filter: alpha(opacity=90);
       margin-top: -10px;
}  
#upper-wrapper { 
       margin:auto; 
       padding: 0px 0px 0px 85px; 
       width: 965px;
       color: #ffffff;
       font: $footerfont;

}
#upperbar-wrapper1 { 
       float: left; 
       margin: 0px 5px auto; 
       text-align: justify; 
       line-height: 1.6em; 
       width: 27%;
       word-wrap: break-word;  
       overflow: hidden; 
       color: #ffffff;
       font: $footerfont;
       border-right: 1px solid #e5e3e3;

}

#upperbar-wrapper2 { 
       float: left; 
       margin: 0px 5px auto; 
       padding-bottom: 10px; 
       text-align: justify; 
       line-height: 1.6em; 
       width: 57%;
       word-wrap: break-word;  
       overflow: hidden; 
       color: #ffffff;
       font: $footerfont;
       border-right: 1px solid #e5e3e3;

height: 95px;
}

#upperbar-wrapper3 { 
       float: left; 
       margin: 0px 5px auto; 
       padding-bottom: 10px; 
       text-align: justify; 
       line-height: 1.6em; 
       width: 10%;
       word-wrap: break-word;  
       overflow: hidden; 
       color: #ffffff;
       font: $footerfont;

}
       .upperbar {margin: 0; padding: 0; } 
       .upperbar .widget {margin: 0; padding: 0px 0px 0px 0px;}


.upperbar h2 { 
      display: none;
}


.upperbar ul { 
      margin: 0px 0px 0px 0px; 
      padding: 0px 0px 0px 0px; 
      list-style-type: none; 
      color: #ffffff;
      font: $footerfont;
}


.upperbar li { 
      margin: 0px 0px 2px 0px; 
      padding: 0px 0px 1px 0px; 
      color: #ffffff;
      font: $footerfont;
}

#upperbar3 {
      padding-top: 50px;
   	  float:right;
      
      
}

#upperbar3 a i {
		font-size:11px;
		margin-left:11px;
        margin-right: 0px;
		color:#333333;
		-webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
	}



/* -----   LINKBAR   -----(c) theme by blogmilk*/

#linkbar-wrapper {
margin: 0px 0px 0px 0px;
padding: 43px 0 0;
position: relative;
text-align: left;
margin-right: 20px !important;

}

#linkbar .widget {
margin: 0px 0px 0px 0px;
padding: 4px 0px 3px 0px;
text-align: left;
}

#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type:none;
}

#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #282828;
}

#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
font: normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #282828;
}

#linkbar a {
clear: both;
margin: 0px 0px 0px 0px;
padding: 6px 0 0 50px;
width:100%;
text-decoration:none;
font: normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #282828;
text-transform: uppercase;
letter-spacing: 3px;
}

#linkbar a:hover {
color: #b5b5b5;
background: $linkbarHoverBgColor;
text-decoration: none;
}


#Text70 h2 {
display: none;
}

#Text70 {
font-family: 'playfair_displayregular' !important;
font-weight: normal;
font-style: normal;
font-size: 36px;
text-align: center;
color: #282828;
text-transform: none;
margin-bottom: 50px;
letter-spacing: 0px;
}


/* -----   LOWER SECTION   ----- */ 
#lower { 
       margin:auto; 
       padding: 0px 0px 0px 0px; 
       width: 100%; 
       color: #ffffff;
       font: $footerfont;


}  
#lower-wrapper { 
       margin:auto; 
       padding: 0px 0px 0px 0px; 
       width: 905px;
       color: #ffffff;
       font: $footerfont;

}
#lowerbar-wrapper1 { 
       float: left; 
       margin: 0px 5px auto; 
       padding-bottom: 10px; 
       text-align: justify; 
       line-height: 1.6em; 
       width: 36%;
       word-wrap: break-word;  
       overflow: hidden; 
       color: #ffffff;
       font: $footerfont;

}

#lowerbar-wrapper2 { 
       float: right; 
       margin: 0px 5px auto; 
       padding-bottom: 10px; 
       text-align: justify; 
       line-height: 1.6em; 
       width: 60%;
       word-wrap: break-word;  
       overflow: hidden; 
       color: #ffffff;
       font: $footerfont;

}


       .lowerbar {margin: 0; padding: 0; } 
       .lowerbar .widget {margin: 0; padding: 0px 0px 0px 0px;}


.lowerbar h2 { 
      display: none;
}


.lowerbar ul { 
      margin: 0px 0px 0px 0px; 
      padding: 0px 0px 0px 0px; 
      list-style-type: none; 
      color: #ffffff;
      font: $footerfont;
}


.lowerbar li { 
      margin: 0px 0px 2px 0px; 
      padding: 0px 0px 1px 0px; 
      color: #ffffff;
      font: $footerfont;
}

#lowerbar1 {
      padding-top: 25px;
      margin-top: 12px;
   	float:right;
      
      
}

#lowerbar1 a i {
	    font-size:11px;
		margin-left:11px;
        margin-right: 0px;
		color: #a2a2a2;
         opacity:9.0;
		-webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
	}


.lowerbar1 a i a:hover {
opacity:0.5;
}


#HTML55 a {
opacity:9.0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

#HTML55 a:hover {
opacity:0.3;
}

#nav-text { display: none; } 

/** START MOBILE CSS **/

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

#upperbar-wrapper1, #upperbar-wrapper2, #upperbar-wrapper3 { margin: 0; }
#lowerbar-wrapper1, #lowerbar-wrapper2 { margin: 0; }

#upper-wrapper { width: 100%; padding: 0; }
#upperbar-wrapper1 { float: none; width: 100%; padding-bottom: 15px; border-right: 0;}
#upperbar-wrapper2 { float: none; width: 100%; height: inherit; border-top: 1px solid #e5e3e3; border-right: 0; }
#upperbar-wrapper3 { float: none; width: 100%; display: none; }
#upperbar-wrapper1 img { display: block; margin: auto; }
#linkbar-wrapper { padding: 0; }
#linkbar li { display: block; text-align: center; }
#linkbar li a { display: block; padding: 0; padding-top: 10px; padding-bottom: 10px; }
#lower-wrapper { width: 100%; }
#lowerbar-wrapper1 { width: 100%; text-align: center; float: none; }
#lowerbar-wrapper2 { width: 100%; text-align: center; float: none; }
.itt-copyright { width: 100%; text-align: center; }
#credits { text-align: center; }
.main-wrapper { width: 100%; padding-top: 30px; }
#Blog1 { float: none; width: 100%; }
#Blog2 { float: none; width: 100%; text-align: center; }
.post-outer:nth-child(2n) { margin-left: auto; }
.post-outer { width: 95%; margin: auto; float: none; } 
.crosscol-wrapper { width: 100%; }
#footer-wrapper { min-width: inherit; }
.post-outer { box-sizing: border-box; margin-bottom: 15px; }
.outer-wrapper { padding: 0; }
.main-wrapper { margin-bottom: 0; }
#content { box-sizing: border-box;width: 95% !important; margin: auto; }
input, textarea { width: 90%; }
#footer-wrapper { margin-top: 30px; }

.crosscol-wrapper { padding-top: 0; }

#upper { position: relative; }

}

/** END MOBILE CSS **/

.grid {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	margin-top: 30px;
}

.grid li {
	display: block;
	float: left;
	padding: 0;
	width: 48%;
	margin-right: 15px;
	margin-bottom: 15px;
	opacity: 0;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
}

.grid li a,
.grid li img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
}

/* Effect 1: opacity */
.grid.effect-1 li.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

/* Effect 2: Move Up */
.grid.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

/* Effect 3: Scale up */
.grid.effect-3 li.animate {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: scaleUp 0.65s ease-in-out forwards;
	animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

/* Effect 4: fall perspective */
.grid.effect-4 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-4 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	-webkit-animation: fallPerspective .8s ease-in-out forwards;
	animation: fallPerspective .8s ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
	0% { }
	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@keyframes fallPerspective {
	0% { }
	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-5 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-5 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -300px;
	transform-origin: 50% 50% -300px;
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	-webkit-animation: fly .8s ease-in-out forwards;
	animation: fly .8s ease-in-out forwards;
}

@-webkit-keyframes fly {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes fly {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-6 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-6 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip .8s ease-in-out forwards;
	animation: flip .8s ease-in-out forwards;
}

@-webkit-keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-7 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-7 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-animation: helix .8s ease-in-out forwards;
	animation: helix .8s ease-in-out forwards;
}

@-webkit-keyframes helix {
	0% { }
	100% { -webkit-transform: rotateY(0deg); opacity: 1; }
}

@keyframes helix {
	0% { }
	100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; }
}

/* Effect 8:  */
.grid.effect-8 {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-8 li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-animation: popUp .8s ease-in forwards;
	animation: popUp .8s ease-in forwards;
}

@-webkit-keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
	0% { }
	70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

@media screen and (max-width: 900px) {
	.grid li {
		width: 50%;
	}
}

@media screen and (max-width: 400px) {
	.grid li {
		width: 100%;
	}
}


@font-face {
    font-family: 'playfair_displayregular';
    src: url('https://dl.dropboxusercontent.com/u/55088068/playfairdisplay-regular-webfont.eot');
    src: url('https://dl.dropboxusercontent.com/u/55088068/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://dl.dropboxusercontent.com/u/55088068/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('https://dl.dropboxusercontent.com/u/55088068/playfairdisplay-regular-webfont.woff') format('woff'),
         url('https://dl.dropboxusercontent.com/u/55088068/playfairdisplay-regular-webfont.ttf') format('truetype'),
         url('https://dl.dropboxusercontent.com/u/55088068/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}