/*
Theme Name: Sugar and Sparrow 1.0
Theme URI: 
Description: Child theme of weta theme for the Weta theme
Author: <a href="http://www.elmastudio.de/en/">Elmastudio</a>
Author URI: 
Template: weta
Version: 1.0.7
*/

/* Generated by Orbisius Child Theme Creator (http://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Sat, 24 Feb 2018 23:58:38 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/


/*Social Bar Begin*/


.social-stripe {
    background-color: #faf5f5;
    /*margin-bottom: 42px;*/
    margin-top: -63px;
}

.social-stripe a {
	text-decoration: none;
}

@media (max-width: 5120px) {
    .social-stripe {
        padding: 0 10%;
    }
}

@media (max-width: 1080px) {
    .social-stripe {
        padding: 0 10%;
    }
}

@media (max-width: 600px) {
    .social-stripe {
        padding: 20px 20px;
    }
}

.social-stripe .wrapper {
    vertical-align: top;
    text-align: justify;
    font-size: 0
}

.social-stripe .wrapper::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0
	
}

.social-stripe .wrapper>img {
    width: calc(25% - 33px);
	height: auto; 
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 1080px) {
    .social-stripe .wrapper>img {
        display: none;
		vertical-align: middle
    }
}

.social-stripe .wrapper .social-section {
    width: calc(25% - 33px);
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 1080px) {
    .social-stripe .wrapper .social-section {
        width: calc(33% - 19px);
    }
}

@media (max-width: 960px) {
    .social-stripe .wrapper .social-section {
        width: calc(50% - 19px);
    }
}

@media (max-width: 600px) {
    .social-stripe .wrapper .social-section {
        width: 100%;
        margin-bottom: 30px;
    }
}

.social-stripe .wrapper .social-section p {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    margin: 0 0 12px;
    text-transform: uppercase;
}

@media (max-width: 600px) {
    .social-stripe .wrapper .social-section p {
        text-align: center;
    }
}

.social-stripe .wrapper .social-section p span {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    text-transform: lowercase;
    margin-right: 3px
}

.social-stripe .wrapper .social-section .icons {
    vertical-align: top;
    text-align: justify;
    font-size: 0;
    max-width: 200px
}

.social-stripe .wrapper .social-section .icons::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0
}

@media (max-width: 600px) {
    .social-stripe .wrapper .social-section .icons {
        margin: 0 auto;
    }
}

.social-stripe .wrapper .social-section .icons a:hover {
    opacity: .7
}

.social-stripe .wrapper .social-section svg {
    width: 20px;
    height: 20px
}

.social-stripe .wrapper .form-wrap {
    vertical-align: top;
    text-align: justify;
    font-size: 0;
    width: calc(50% - 21px);
    display: inline-block;
    vertical-align: middle
}


.social-stripe .wrapper .form-wrap::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0
}


@media (max-width: 1080px) {
    .social-stripe .wrapper .form-wrap {
        width: calc(67% - 19px);
    }
}

@media (max-width: 960px) {
    .social-stripe .wrapper .form-wrap {
        width: calc(50% - 21px);
    }
}

@media (max-width: 600px) {
    .social-stripe .wrapper .form-wrap {
        width: 100%;
    }
}

.social-stripe .wrapper .form-wrap>p {
    width: calc(50% - 19px);
    display: inline-block;
    vertical-align: middle;
    font-family: 'Playfair Display', serif;
    font-size: 16px;
	line-height: 25px;
    text-align: left;
    margin: 0 0 12px;
    letter-spacing: 2.6px;
    text-transform: uppercase;
}

@media (max-width: 960px) {
    .social-stripe .wrapper .form-wrap>p {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .social-stripe .wrapper .form-wrap>p {
        text-align: center;
    }
}

.social-stripe .wrapper .form-wrap>p span {
    font-family: 'Lato', sans-serif;
    font-style: italic;
    text-transform: lowercase;
    margin-right: 3px;
    letter-spacing: 0
}

.social-stripe .wrapper .form-wrap form {
    width: calc(50% - 19px);
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-bottom: 1px #000 solid;
	margin-bottom: 1em
}

@media (max-width: 960px) {
    .social-stripe .wrapper .form-wrap form {
        width: 100%;
        margin-top: 10px;
		margin-bottom: 15px
    }
}

@media (max-width: 600px) {
    .social-stripe .wrapper .form-wrap form {
        margin-top: 0;
		margin-bottom: 15px
    }
}

.social-stripe .wrapper .form-wrap form input {
    display: block;
    width: 100%;
    font-size: 20px;
    font-family: 'Playfair Display', serif;
    line-height: 40px;
    background-color: transparent;
    border: 0;
    padding-right: 24px;
}

.social-stripe .wrapper .form-wrap form input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    height: inherit;
    vertical-align: middle
}

.social-stripe .wrapper .form-wrap form input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    height: inherit;
    vertical-align: middle
}

.social-stripe .wrapper .form-wrap form input:-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    height: inherit;
    vertical-align: middle
}

.social-stripe .wrapper .form-wrap form input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    height: inherit;
    vertical-align: middle
}


.social-stripe .wrapper .form-wrap form button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    border: 0;
    right: 0
}

.social-stripe .wrapper .form-wrap form button svg {
    width: 20px;
	height: 20px;
    stroke: #000
}

.social-stripe .wrapper .form-wrap form .message {
    position: absolute;
    top: 100%;
    padding-top: 4px;
    color: #000;
    font-size: 14px
}

/*
#stripeimg {
	vertical-align: bottom; 
}
*/

/*Social Bar End*/

/*Begin Bio Block*/
@media screen and (max-width: 1024px) {
  #bioblock {
    display: block;
    width: 100%;
  }
  #bioblock #bioimg {
    height: auto;
    display: inline-block;
    width: 35% !important;
    vertical-align: top;
  }
  #bioblock #bioblurb {
    display: inline-block;
    width: 60%;
    margin-left: 2%;
    vertical-align: top;
  }
  h3 {
    margin-top: 0;
  }
}

/* MailChimp Form Style
#mc-embedded-subscribe-form {
	border: none;
}

#mce-EMAIL {
	border: 0;
	border-bottom: 1px solid black;
	display: inline-block; 
	float: left; 
	font-size: 18px;
	font-family: 'Playfair Display', Georgia, serif; 
}

#mc_embed_signup input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    display: inline-block;
}
*/

/* Read More Link to Button and Color */

.more-link{
  display:inline-block;
  /*border-radius*/
  -webkit-border-radius:2px;
     -moz-border-radius:2px;
          border-radius:2px;
  padding:8px 16px;
  margin-top:10px;
  background:#454545;
  border:1px solid #ecb7bf;
  color:#FFFFFF;
  font-family:'Playfair Display',Georgia,serif;
  font-style: regular;
  font-size:16px;
}

.more-link:hover{

  /*transition*/
  -webkit-transition:all .7s ease;
  -moz-transition:all .7s ease;
  -o-transition:all .7s ease;
  		transition:all .7s ease;
  color:#000000;
  background: #ecb7bf;
  border:1px solid #ecb7bf;
}


.entry-content a.more-link {
	background-color: #FFFFFF;
	color: #E08591;
}

.entry-content a.more-link:hover {
  background: #ecb7bf;
  color: #6D464B;
}

.entry-content a.more-link:before,
a.comment-reply-link:before,
a.excerpt-more-link:before {
    content: '';
    display: inline;
}

.entry-content a.more-link:after,
a.comment-reply-link:after,
a.excerpt-more-link:after {
    content: '';
    display: inline;
}

/* Retina Logo */

#site-logo img {
    width: 500px !important;
}

@media screen and (min-width: 1441px) {
    #site-logo img {
        width: 500px !important;
    }
}