/**
Theme Name: Moodley for Sophie Carr Designs
Theme URI: http://www.moodley.at
Author: Moodley Brand Identity
Author URI: http://www.moodley.at
Description: Theme for StudioArrc.com
Version: 0.1

**/
/** //TODO: load via modernizr **/
@import "css/normalize.css";
@import "css/font.css";
::-moz-selection {background:#e3ae60; color: #ffffff; text-shadow: none;}
::selection {background:#e3ae60; color: #ffffff; text-shadow: none;}
body{
  font-family:  'TJ Evolette A Light', Verdana, Geneva, sans-serif;
  letter-spacing: 1px;
}
a, input[type=submit]{
  text-decoration: none;
  color:#000000;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background:url('./images/hover-underline.png') no-repeat bottom center;
  background-size: 0 0;
}
a:focus{outline:none;}
h2{font-weight: normal;}
ul{
  margin:0;
  padding:0;
  list-style: none;
}
.page-wrapper{
    width: 945px;
    margin:0 auto;
}
#header{
    padding-top:60px;
    position: relative;
    text-align: center;
}
img {
  max-width: 100%;
  height: auto;
}
input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline:none;
    border:none;
    text-transform: uppercase;
    color:#e3ae60;
    position: absolute;
    right: 0;
    text-align: right;
    font:12px/14px 'TJ Evolette A Light', Verdana, Geneva, sans-serif;
    letter-spacing: 2px;
}
#content #search-form{display: inline;}
#content #s{
  position: static;
  text-align: left;
}
.nothing-found-box{margin:50px 0 100px 0;}
[placeholder]:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.5s 0.5s ease;
  -moz-transition: opacity 0.5s 0.5s ease;
  -o-transition: opacity 0.5s 0.5s ease;
  -ms-transition: opacity 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
[placeholder]:focus:-moz-placeholder {
  -webkit-transition: opacity 0.5s 0.5s ease;
  -moz-transition: opacity 0.5s 0.5s ease;
  -o-transition: opacity 0.5s 0.5s ease;
  -ms-transition: opacity 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
[placeholder]:focus::-moz-placeholder {
  -webkit-transition: opacity 0.5s 0.5s ease;
  -moz-transition: opacity 0.5s 0.5s ease;
  -o-transition: opacity 0.5s 0.5s ease;
  -ms-transition: opacity 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
[placeholder]:focus:-ms-input-placeholder {
  -webkit-transition: opacity 0.5s 0.5s ease;
  -moz-transition: opacity 0.5s 0.5s ease;
  -o-transition: opacity 0.5s 0.5s ease;
  -ms-transition: opacity 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
#search-form input::-webkit-input-placeholder {color: #e3ae60;}
#search-form input:-moz-placeholder {color: #e3ae60;}
#search-form input::-moz-placeholder {color: #e3ae60;}
#search-form input:-ms-input-placeholder {color: #e3ae60;}

#comment-form-wrapper input::-webkit-input-placeholder {color: #000000;}
#comment-form-wrapper input:-moz-placeholder {color: #000000;}
#comment-form-wrapper input::-moz-placeholder {color: #000000;}
#comment-form-wrapper input:-ms-input-placeholder {color: #000000;}
.menu{
    padding:0;
    margin:0;
    display: inline-block;
}
.menu>li{display: inline-block;}
.menu a{
  text-transform: uppercase;
  color:#000;
  font-size: 13px;
  padding:5px 11px;
}
.link-anim:hover,
.menu li:hover a,
.page-template-default .contact-area a:hover,
#comment-form-wrapper input[type="submit"]:hover,
.header-nav .current-menu-item a,
.header-nav .current-menu-parent a,
.content-area.page-content-area a:hover{background-size: 66px 3px;}
.header-nav, .footer-nav{
    margin:30px 0 25px 0;
    width: 100%;
    text-align: center;
}
.footer-nav li:after, .footer-nav li:before{
  content:  "-";
  line-height: 16px;
  vertical-align: bottom;
}
/** Content Area **/
.content-area{position: relative;}
.single .content-area,
.single .content-area img{
  max-width: 700px;
  margin:0 auto;
}
.sc-small,
.facebook-wall,
.instagram-feed{
    width: 222px;
    height: 154px;
}
.easy-instagram-thumbnail-author,
.easy-instagram-thumbnail-caption,
.easy-instagram-thumbnail-time{display: none;}
.easy-instagram-thumbnail-wrapper{
    height: 154px;
    margin-top: 16px;
    overflow: hidden;
}
div.easy-instagram-thumbnail-wrapper img.easy-instagram-thumbnail{
  height: 190px !important;
  margin-top: -9.473684210526317%;
  width: 190px !important;
}
.sc-medium{
    height: 326px;
    width: 222px;
}
.sc-large{
    width: 462px;
    height: 326px;
}
.post{
    float: left;
    overflow: hidden;
    padding:4px 18px 14px 0;
    position: relative;
}
.post.hello-img{overflow: visible;}
.hello-img img{margin:25px 35px 0 0;}
.hello-img, .hello-text,
.content-area-home .post-pos-14,
.facebook-wall, .instagram-feed{
  float:right;
  padding:0;
  margin-top: 4px;
  text-align: center;
}
.instagram-feed{
  height: 166px;
  margin-top: -8px;
}
.facebook-wall>span{
  font:13px/16px 'TJ Evolette A Light', Verdana, Geneva, sans-serif;
  text-transform: uppercase;
}
.facebook-wall p{
  font:14px/18px "Palatino Linotype", "Book Antiqua", Palatino, serif;
  margin:0;
  padding:0 10px;
  word-wrap: break-word;
}
.instagram-feed>img{
  position: absolute;
  left: 50%;
  margin-left: -95px;
  position: absolute;
}
.instagram-feed-img img{
  margin-top:16px;
  max-width: 190px;
}
.arrc-excluseive{
  position: absolute;
  margin-top:-4px;
  right:10%; /* 15px / 222px */
}
.my-blog-button{
  position: absolute;
  bottom:-50px;
  left:45%;
}
/** content-area-home **/
.content-area-home .post-pos-10 {
  padding:18px 0 0 0;
  float:right;
}
.content-area-home .post-pos-10 .hover{margin-top:14px;}
.content-area-home .post-pos-14{float:right;}
.content-area-home .post-pos-12{
  position: absolute;
  bottom: 0;
}
.hello-text p{
  font:17px/25px 'TJ Evolette A Light', Verdana, Geneva, sans-serif;
  text-align: center;
  text-transform: uppercase;
  width: 222px;
  padding-top:22px;
}
.instagram-feed h2{
  font:13px 'TJ Evolette A Light', Verdana, Geneva, sans-serif;
  margin:20px 0 5px;
}
.entry-content{
  font:14px/20px "Palatino Linotype", "Book Antiqua", Palatino, serif;
  padding:0 10px;
}
.entry-content a{color:#E3AE60;}
.entry-meta,
.intent-meta,
.follow-button{display: none;}
/** content-area-4col **/
.content-area-4col a:nth-child(4n) .post{padding-right: 0;}
/*hover*/
a .hover,
.hover{
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  top:0;
  z-index: 99;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
  filter: alpha(opacity=0);  /* IE 5-7 */
  -moz-opacity: 0; /* Netscape */
  -khtml-opacity: 0; /* Safari 1.x */
  opacity: 0; /* Good browsers */
}
.post:hover .hover{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */
  filter: alpha(opacity=90);  /* IE 5-7 */
  -moz-opacity: 0.9; /* Netscape */
  -khtml-opacity: 0.9; /* Safari 1.x */
  opacity: 0.9; /* Good browsers */
  background-color: #FFF;
}
.hover h2{
  font:38px/45px 'TJ Evolette A Light', Verdana, Geneva, sans-serif;
  padding:20px 40px;
  color:#000;
  display: block;
  margin-top:-100px;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}
.post:hover .hover h2{margin:15px 0 0 0;}
.sc-medium .hover h2{
  padding:25px;
  font: 22px/25px 'TJ Evolette A Light',Verdana,Geneva,sans-serif;
}
.sc-small .hover h2{
  padding:18px;
  font: 16px/20px 'TJ Evolette A Light',Verdana,Geneva,sans-serif;
  color:#000;
}
.content-area-4col .sc-small .hover h2 a{
  padding:20px;
  font: 18px/22px 'TJ Evolette A Light',Verdana,Geneva,sans-serif;
}
.category-name{
  position: absolute;
  margin: 0 auto;
  bottom:-100px;
  left:0;
  width: 100%;
  color: #E3AE60;
  font: 14px/10px 'TJ Evolette A Light',Verdana,Geneva,sans-serif;
  text-align: center;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}
.hover:hover .category-name{bottom:33px;}
/**load more articles**/
.load-more-link{float: right;}
/** post content **/
.single-post img{display: block;margin:0 auto;}
.post-time{
  padding:55px 0 20px 0;
  font-size: 12px;
  display: block;
}
.post-content h1,
.post-content h2{
  font: 38px/45px 'TJ Evolette A Light',Verdana,Geneva,sans-serif;
  margin:25px 0 40px 0;
}
.post-content h2{
  margin:45px 0 70px 0;
  font-weight: normal;
}
#comment-form-wrapper{height:300px;}
#comment-form-wrapper h2{
  margin:73px 0 55px 0;
  font: 38px/45px 'TJ Evolette A Light',Verdana,Geneva,sans-serif;
}
.post-content p{
    font:16px/23px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    text-align: left;
}
.post-content a{
  font-style: italic;
  color:#000000;
}
.page-id-7 .content-area p{line-height: 20px;}
.comments-area{margin:70px 0;}
#comment-form-wrapper input,
#comment-form-wrapper textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline:none;
    border:none;
    border-bottom: 1px solid #000000;
    text-align: center;
    width: 500px;
    font: 14px/16px 'TJ Evolette A Light',Verdana,Geneva,sans-serif;
    padding:20px 0 7px 0;
    color:#000000;
}
#comment-form-wrapper textarea{
  resize: none;
  -moz-appearance:    textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}
#comment-form-wrapper input[type="submit"]{
  border:none;
  font: 38px/45px 'TJ Evolette A Light',Verdana,Geneva,sans-serif;
}
.content-area.page-content-area .wp-post-image{
  display: block;
  margin:0 auto 85px auto;
}
.content-area.page-content-area p{margin:5px 0;}
.content-area.page-content-area a{padding:5px 0;}
.page-template-default .content-area .social-media-links a{padding:0 5px;}
.page-template-default .content-area .social-media-links a:hover{background-size: 0 0;}
.instagram-feed,
.single-post,
.site-footer{text-align: center;}
.single-post .content-area-4col{text-align: left;}
.comment-header{
  font-size: 14px;
  text-transform: uppercase;
}
#commentform{position: relative;}
.comment{margin:30px 0;}
.comment p{
  font:14px/20px "Palatino Linotype", "Book Antiqua", Palatino, serif;
  margin:0;
  padding:0 150px;
}
.comment-error-box{position: absolute;width: 100%;text-align: center;}
.thank-you-for-comment{
  height: 296px;
  padding-top:50px;
}
/**sidebar**/
.sidebar li{margin:12px 0;}
.sidebar li:last-child{margin-top:30px;}
.sidebar li span,
.back-to-top-link{
  color:#e3ae60;
  font:12px 'TJ Evolette A Bold', Verdana, Geneva, sans-serif;;
}
.counter{
  display: block;
  padding-top:10px;
}
.back-to-top-link{
  display: block;
  margin-top: 125px;
  width: 30px;
}
.sidebar-wrapper {
  top:0;
  left: 825px;
  position: absolute;
  width: 30px;
}
.sidebar {
  position: absolute;
  top: 75px;
}
.sidebar.fixed {
  position: fixed;
  top: 75px;
}
/** Footer **/
.logo-container a{padding:0 10px;}
footer{margin:36px 0 70px 0;}
/** Helper Classes **/
.hidden{display: none;}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1} /*  For IE 6/7 only  * Include this rule to trigger hasLayout and contain floats. */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft {float: left;}
.alignright {float: right;}

.cff-author {
  display: none !important;

}