/*

Theme Name:   Onno for WEL

Theme URI:    http://onnotheme.blogmilk.com/

Description:  Minimalistic theme from Blog Milk. Customized by Madelynn Furlong.

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, social media buttons, favicon, custom pin it button

Text Domain:  onno

*/

@font-face {
  font-family: 'Futura';
  font-weight: 400;
  src: url('fonts/Futura-Medium.ttf');
}

@font-face {
  font-family: 'Minion';
  font-weight: 400;
  src: url('fonts/MinionPro-Regular.otf');
}



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





.body {

background:  #fff;

color:#939393;

margin:0;

font-style: normal;

font-weight: lighter;

font-size: 12px;

font: italic normal 14px Minion, sans-serif;

text-align: justify;

}

body {
  margin-left: 0;
  margin-right: 0;
}

input,
textarea {
  font-family: 'Futura', Arial, sans-serif;
  text-align: left;
  text-transform: uppercase;
  font-size: 10px;
  padding: 11px 8px;
  border: 1px solid #333;
  width: 97%;
}

#sidebar-wrapper input,
#sidebar-wrapper textarea {
  font-size: 11px;
}

input {
  max-width: 300px;
  float: left;
  clear: both;
  margin-bottom: 15px;
}

input[type="submit"] {
  background-color: #000;
  color: #fff;
  width: inherit;
  min-width: 200px;
  text-align: center;
  float: right;
  font-weight: 100;
  padding: 13px 8px;
  letter-spacing: 3px;
}

::-webkit-input-placeholder { 
  font-family: Futura !important;
  color: #000;
}
::-moz-placeholder { 
  font-family: Futura !important;
  color: #000;
}
:-ms-input-placeholder { 
  font-family: Futura !important;
  color: #000;
}
:-moz-placeholder { 
  font-family: Futura !important;
  color: #000;
}

a:link {

  color: #303030;

  text-decoration:none;

}

a:visited {

color: #303030;

}

#sidebar a:link {

  color: #d4b49e;

  text-decoration:none;

}

#sidebar a:visited {

  color: #d4b49e;

  text-decoration:none;

}

a:hover {

color: #303030;

}

a img {

border-width:0;

}





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





#header-wrapper {

width: 100%;

color: #101010;

font: normal normal 36px 'Futura', Arial, sans-serif;

text-transform: upper;

margin-bottom: 0px;

}



#head-inner {

margin-left: auto;

margin-right: auto;

margin-bottom: 0px;

float:center;

background-position: center;

color: #101010;

font: normal normal 36px 'Futura', Arial, sans-serif;

}



#header h1 {

  letter-spacing: 10px;

text-decoration:none;

margin-top: 0px;

letter-spacing: 2px;

margin-bottom: -25px;

padding-bottom: 0px;

padding-top: 40px;

color: #101010;

font: normal normal 36px 'Futura', Arial, sans-serif;

text-transform: uppercase;

}



#header a:hover {

color: #303030;

}



#header h1 a:visited {

color: #101010;

}



#header {

margin: 0px;

text-align: center;

color: #101010;

font: normal normal 36px 'Futura', Arial, sans-serif;

}



#header-inner img 

{

  max-width: 100%;

  height: auto;

  max-height: 125px;

} 



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







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





.PageList {text-align:center !important;}

.PageList li {display:inline !important; float:none !important;}





#PageList1 {

margin: 0px 0px 0px 0px;

padding:  20px 0px 0px 0px;

width: 99%

text-align: left;

float: left;

padding-left: 20px;

  height: 5px;

}



#PageList1 .widget {

margin: 0px 0px 0px 0px;

padding: 0px 0px 3px 0px;

text-align: left;

float: left;

}



#PageList1 ul {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

list-style-type:none;

  margin-top: 28px;

}



#PageList1 li {

display: inline;

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

font: italic normal 11px Minion, sans-serif;

color: #c5c5c5;

}



#PageList1 h2 {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

display: none;

visibility: hidden;

font: italic normal 11px Minion, sans-serif;

color: #c5c5c5;

}



#PageList1 a {

clear: both;

margin:  0px 0px 0px 0px;

padding: 0px 7px 0px 0px;

width:100%;

text-decoration:none;

font: italic normal 11px Minion, sans-serif;

color: #c5c5c5;

text-transform: none;

letter-spacing: 1px;

margin-bottom: -30px;



}



#PageList1 a:hover {

color: #181818;

background: $PageList1HoverBgColor;

text-decoratio: none;

}







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





#outer-wrapper {

margin:0 auto;

text-align: justify;

font: italic normal 14px Minion, sans-serif;

line-height:20px;

color: #939393;

}



.content-wrapper {

  width: 1133px;

  margin-left: auto;

  margin-right: auto;

  max-width: 100%;

}



#main-wrapper {

width: 680px;

margin-left: 20px;
margin-top: 22px;

padding-left: 70px;

float: left;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */

}



#sidebar-wrapper {

text-transform: none;

color: #1b1b1b;

width: 280px;

margin-top: 2px;

float: right;

font-size: 14px;

text-align: left;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */

}







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





h2 {

margin:0em 0 .75em;

font: normal normal 10px 'Futura', Arial, sans-serif;

line-height: 1.4em;

letter-spacing: 2.5px;

text-transform: uppercase;

color: #303030;

text-align: left;

padding-top: 15px;

}

.post-body h2 {
  text-align: left;
  font-size: 37px;
  letter-spacing: 8px;
  margin-top: 30px;
}





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





.date-header {

color: #d4b49e;

font: italic normal 13px Minion, sans-serif;

letter-spacing: 4px;

text-transform: none;

border: none;

padding-top: 0px;

-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);-moz-transform: rotate(270deg); /* imagem na vertical */ 

width:234px;  

height:0px; 

margin-left:-146px; 

margin-right: 0px; /* mova até o lugar que desejar */ 

float: left; /* posição */ 

text-align: left; 

padding: 0px;

}



.post {

margin: 0;

padding: 0px 0px 20px 0px;

width: 800px;

line-height:1.8em;

text-align: justify;

}



.post-title {

  display: none;

  color: #303030;

  font: normal normal 38px 'Futura', Arial, sans-serif;

  letter-spacing: 10px;

  text-transform: uppercase;

  margin-left: 10px;

}

.post-title.single-post-title {
  display: block;
  margin-left: -3px;
  margin-top: 0;
  position: absolute;
  text-align: left;
}

.single-page .post-title {
  display: block;
  letter-spacing: 11px;
}



.post h3 {

margin:.25em 0 0;

letter-spacing: 3px;

text-transform: none;

margin-bottom: 10px;

text-align: left;

text-transform: uppercase;

display: none;

}



.post h3 a, .post h3 a:visited, .post h3 strong {

text-decoration:none;

text-transform: uppercase;

text-align: left;

letter-spacing: 3px;

display: none;

}

.post h3 strong, .post h3 a:hover {

color: #303030;

}

.post-body {

margin:0 0 .75em;
margin-left: 40px;

line-height:1.4em;

color:#000;

position: relative;

text-align: center;

}

.post-content {
  padding-top: 10px;
  font-size: 14px;
}

.blog-posts .post-body {
  color: #d4b49e;
  text-align: left;
  font-size: 16px;
  line-height: 1em;
}

.single-page .post-body {
  margin-left: 12px;
}

.post-excerpt {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  width: 255px;
  text-align: center;
  font-size: 14px;
}

.post-footer {

font: normal bold 10px Minion, sans-serif;

text-transform: uppercase;

line-height:1.6em;

margin-bottom: 0px;

margin-top: 40px;

letter-spacing: 3px;

height: 65px;

display: block;

padding-top: 6px;

text-align: center;

color: #303030;



}

.post-labels {

color: #303030;

text-align: center;

float: center;
font-family: 'Futura', sans-serif;
font-size: 12px;
font-weight: normal;
letter-spacing: 2.5px;
}



.post-footer a {

color: #303030;

}



.comment-link {

text-align: left;

float: left;

margin-bottom: 10px;



}

.post-footer-line-1 {

font: normal bold 10px Minion, sans-serif;

}

.post img {

margin-bottom:6px;

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;

height: auto;

}



/* -----   SHARE BUTTONS  -----(c) theme by blogmilk*/





.addthis_toolbox {

float: none;

font: normal bold 10px Minion, sans-serif;

letter-spacing: 0px;

margin-top: 50px;

background-image: url(https://dl.dropboxusercontent.com/u/55088068/back800.jpg);

background-repeat: no-repeat;

background-size: contain;

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;

 text-align: center;

}





.addthis_toolbox a {

margin: 0px 9px 0px 9px;

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;

}



.addthis_toolbox a:hover {

opacity:0.5;

}



.tr-caption-container img {

border: none;

padding: 0;

}





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



.post blockquote {

line-height: 3em;

color: #484848;

font: normal normal 16px Bentham;

padding-left: 40px;

padding-right: 40px;

margin-bottom: 25px;

}

.post blockquote p {

line-height: 1.2em;



}





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



#comments {

  color: #000;

  margin-top: 60px;
  margin-left: 40px;

}



#comments h4 {

font-weight: normal;

line-height: 1.4em;

text-transform:lowercase;

color: #999999;

}

#comments h4.comments-headers {
  color: #000;
  font: normal normal 38px 'Futura', Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 5px;
  text-align: left;
}

#comments-block {

margin:1em 0 1.5em;

line-height:1.7em;

font-transform: lowercase;



}

#comments-block .comment-author {

margin:.5em 0;

font-transform: lowercase;

}

#comments-block .comment-body {

margin:.25em 0 0;

font-transform: lowercase;



}

#comments-block .comment-footer {

margin:-.25em 0 2em;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.1em;

font-size: 10px;

border-bottom: 1px #ccc dotted;

}

#comments-block .comment-body p {

margin:0 0 .75em;

}



.comments-header {

  margin-top: 5px;

}



.deleted-comment {

font-style:italic;

color:gray;

}

.comment-avatar {
  display: none;
}

#respond p {
  overflow: hidden;
}

#respond input[type="checkbox"] {
  margin-bottom: 0;
}

.comment-subscription-form {
  margin-bottom: 0;
  margin-top: 0;
}


#respond { padding: 0; clear: both; overflow: hidden; color: #999999; }

#comments { width: 100%; padding: 0 0 0 0; float: left; }

#comments p { padding: 0.2em 0; }

#comments label {

padding: 0 0 0 10px; 

line-height: 1.4em;

text-transform:none;

color: #999999;

font-size: 15px;

}

#comments .text_input { 

width: 50%; 

padding: 6px; 

line-height: 1.4em;

text-transform:none;

font: normal normal 12px Futura, sans-serif;

color: #999999;

border: 1px solid #999999; 

margin-top:10px;

border-radius:0;

outline:none;

-webkit-appearance:none;

}

#comments .text_area { 

width:83%;

border: 1px solid #999999; 

font: normal normal 12px Futura, sans-serif;

color: #999999;

padding: 6px; 

border-radius:0;

outline:none;

-webkit-appearance:none;

}

#comments input[type="submit"].form_submit { 

padding: 9px 10px 7px; 

border:1px solid #999999; 

background:#ffffff; 

font:normal normal 12px Futura, sans-serif;

float: left;

cursor: pointer; 

text-transform: uppercase;

letter-spacing: 1px;

color:#999999; 

border-radius:0;

outline:none;

-webkit-appearance:none;

width: 85px;
min-width: 0;
margin-top: 15px;
}

#comment_form > p {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 15px;
}



#comments .form_submit:hover { 

border:1px solid #262626;

color:#262626;

}

#comments p.subscribe-to-comments { font-size: 1.4em; }

#comments p.subscribe-to-comments label { font-size: 1.0em; }



#comments ul {

padding-left: 10px;

}



#comments li {

list-style-type: none;

}



#comments .text_area::-webkit-input-placeholder,
#comments .text_input::-webkit-input-placeholder { 
  font-family: Futura !important;
  font-weight: normal;
  color: #999999;
  text-transform: uppercase;
}
#comments .text_area::-webkit-input-placeholder,
#comments .text_input::-webkit-input-placeholder { 
  font-family: Futura !important;
  font-weight: normal;
  color: #999999;
  text-transform: uppercase;
}
#comments .text_area::-webkit-input-placeholder,
#comments .text_input::-webkit-input-placeholder{ 
  font-family: Futura !important;
  font-weight: normal;
  color: #999999;
  text-transform: uppercase;
}
#comments .text_area::-webkit-input-placeholder,
#comments .text_input::-webkit-input-placeholder { 
  font-family: Futura !important;
  font-weight: normal;
  color: #999999;
  text-transform: uppercase;
}





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



#blog-pager-newer-link {

float: left;

color: #333333;

padding: 40px 0 80px;

}



#blog-pager-newer-link  a{

float: right;

color: #333333;

margin-right: 5px;

}



#blog-pager-older-link {

float: right;

color: #333333;

padding: 40px 0 80px;

}



#blog-pager-older-link a {

float: right;

}

#blog-pager-older-link img {
  width: 15px;
  margin-right: 17px;
  margin-bottom: -1px;
}

#blog-pager-newer-link img {
  width: 13px;
  margin-right: 17px;
  margin-bottom: 0;
}



#blog-pager {

text-align: center;

letter-spacing: 3px;

width: 100%;

margin-bottom: 40px;

}



#blog-pager a {

padding: 12px 12px 8px 12px;

color: #303030;

font: normal normal 12px 'Futura', Arial, sans-serif;

text-transform: uppercase;

letter-spacing: 4px;

text-align: center;

float: center;

height: 15px;

display: block;

}

#blog-pager a i {
  font-size: 20px;
  margin-right: 10px;
  margin-top: -3px;
}



.feed-links {

clear: both;

line-height: 2.5em;

}







/* -----   SIDEBAR CONTENT   -----(c) theme by blogmilk*/





.sidebar {

line-height:1.7em;

}

#sidebar ul li {

list-style: none;

margin-left: -40px;

line-height:1.3em;

	}

#sidebar .widget {

color: #d4b49e;

margin: 25px 0px 0px 0px;

padding: 0;

line-height:1.3em;

}

.main .widget {

margin:0 0 1.5em;

padding:0 0 1.5em;

}

.main .Blog {

border-bottom-width: 0;

}



#sidebar #subscribe-email input {
  margin-bottom: 0;
  width: 93% !important;
}

#sidebar input[type="submit"] {
  width: 100%;
  clear: both;
}

#sidebar #subscribe-email,
#sidebar #subscribe-submit {
  margin-bottom: 0;
  overflow: hidden;
}



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



#linkbar-wrapper {

margin: 0px 0px 0px 0px;

padding:  26px 0px 14px 0px;

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-block;

margin: 0;

padding: 0;

position: relative;

font: normal bold 10px 'Futura', Arial, sans-serif;

color: #303030;

}

#linkbar ul.menu > li {
  margin-left: 12px;
  margin-right: 12px;
}

#linkbar ul.menu > li:last-child {
  margin-right: 0;
}



#linkbar h2 {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

display: none;

visibility: hidden;

font: normal bold 10px 'Futura', Arial, sans-serif;

color: #303030;

}



#linkbar a {

clear: both;

margin: 0px 0px 0px 0px;

padding: 6px 0px 0px 10px;

width:100%;

text-decoration:none;

font: normal normal 11px 'Futura', Arial, sans-serif;

color: #303030;

text-transform: uppercase;

letter-spacing: 2px;

}



#linkbar a:hover {

color: #b5b5b5;

text-decoration: none;

}

/* Dropdown menu */

#linkbar ul ul {
  display: none;
  position: absolute;
  padding-top: 15px;
  width: 150px;
  left: 0;
}

#linkbar ul ul li {
  color: #c5c7c9;
  display: block;
  float: none;
  padding-bottom: 10px;
  position: relative;
  width: 100%;
  text-align: left;
}

#linkbar ul ul li a {
  color: #c5c7c9;
}

#linkbar ul ul li a {
  padding: 5px 10px;
}

#linkbar ul li:hover > ul,
#linkbar ul ul:hover  {
  display: block;
}

.menu-open,
.menu-close {
  cursor: pointer;
  display: none;
  text-align: right;
  width: 32px;
  height: 40px;
  float: right;
  background-size: contain;
  background-repeat: no-repeat;
}

.menu-open {
  background-image: url(images/MenuOpen.png);
}

.menu-close {
  background-image: url(images/MenuClose.png);
}



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





.profile-img {

display: block;

float: left;

width: 280px;

height: auto !important;

padding-bottom: 12px;

margin-left: 0px;

}

.profile-img img {

  max-width: 280px;

}

.profile > h2 {
  display: none;
}


.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;

}

.profile-link {

text-transform: uppercase;

letter-spacing: 4px;

text-align: center;

display: block;

color: #ffffff;

font: normal normal 11px 'Futura', Arial, sans-serif;

margin-top: 10px;

padding-bottom: 14px;

background: #000;

color: #eeeeee !important;

width: 280px;

}



.profile-link a {

  color: #eeeeee !important;

}



.profile-name-link {

background-image:none !important;

padding-left:0px;

display: none;

 }



#Profile1 h2 {

display: none;

}



#crosscol-wrapper {

text-align: center;

float: center;

}







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





#credits {

       padding: 10px 0px 15px 0px;

       width: 100%;

       text-align: right;

       display: block;

       float: left;

       text-transform: none;

       letter-spacing: 1px;

       font: italic normal 11px Minion, sans-serif;

       color: #c5c5c5;

       font-style: normal;


}

#credits .highlighted-credits {
  color: #000;
  font-family: Futura;
  text-transform: uppercase;
  font-style: normal;
}



#credits a {

color: #c5c5c5;

font: italic normal 11px Minion, sans-serif;

padding-right: 10px;

margin-top: 0px;

}



#Attribution1 {

display: none;

}



#BlogList1 li {

margin-left: -20px;

}



#BlogList1 a {

font-weight: normal;

letter-spacing: 1px;

}





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



#footer {

display:inline-block;

}





#footer-wrapper {

       margin: auto; 

       width: 100%; 

       display:inline-block!important;

}





#footer-wrapper h2 {

display: none;

}



.footer {text-align:center !important; margin: auto!important;}

.footer {display:inline !important; float:none !important; margin: auto!important;}



#footer ul.instagram-widget {

  -webkit-padding-start: 0;

}



.instagram-widget li {

	display: inline-block !important;

	float: left !important;

	width: 20% !important;

}





/* -----  UPPER SECTION   -----(c) theme by blogmilk*/





#upper { 

       margin:auto; 

       padding: 0px 0px 0px 0px; 

       margin-top: 40px;

       width: 100%; 

       background-color: #ffffff; 

}  

#upper-wrapper { 

       margin:auto; 

      padding: 0; 

       max-width: 1200px;

}

#upperbar-wrapper { 

       box-sizing: border-box;

       float: left; 

       padding-bottom: 10px;

       line-height: 1.6em; 

       word-wrap: break-word;  

       overflow: hidden; 

}

       .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; 

}



#upperbar-wrapper.upperbar-wrapper-1 {

  margin-left: 0;

  width: 30%;

}



#upperbar-wrapper.upperbar-wrapper-2 {

  width: 70%;

  margin: 0;

  overflow: inherit;

}

.upperbar-wrapper-2 ul {
  text-align: right;
}





.upperbar li { 

      margin: 0px 0px 2px 0px; 

      padding: 0px 0px 1px 0px; 

      color: $footertextcolor;

      font: $footerfont;

}



#upperbar3 {

      padding-top: 39px;

   	  float:right;

      padding-right: 40px;

      text-align: right;

}



#upperbar3 a i {

		font-size:11px;

		margin-left:11px;

        margin-right: 0px;

		color: #303030;

		-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;

	}



/* -----   READ MORE   -----(c) theme by blogmilk*/

.singleinfo {
  text-align: center;
}

.readmore a {

padding-top: 20px;

color: #303030;

font: normal normal 12px 'Futura', Arial, sans-serif;

letter-spacing: 2px;

text-transform: uppercase;

text-align: center;

}

.readmore-plus {
  font-size: 27px;
  font-weight: bold;
}




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





#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;

}



.header-widget {

margin-bottom: 70px;

}


.footer-ads-widget {
  clear: both;
  overflow: hidden;
}




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



.search_input, #s {

  line-height: 2em;

}



.post, #comments {

  width: 680px;

}



#respond input {

  width: 85%;

}



img {

  max-width: 100%;

}



/* Media queries */



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

  #sidebar-wrapper {
    margin-right: 15px;
  }

}


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

  #main-wrapper {
    padding-left: 27px;
    width: 640px;
  }

  .post, #comments {
    width: 640px;
  }

}



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

  #main-wrapper {

    margin-left: 10px;

    width: 550px !important;

  }



  #sidebar-wrapper {

    margin-right: 10px;

    width: 200px;

  }



  .profile-img {

    width: auto;

  }



  .profile-img img {

    max-width: 100%;

  }



  .profile-link {

    width: auto;

  }



  .post, .post-body {

    width: 100%;

  }



  .post img {

    max-width: 100%;

    height: auto;

  }



}



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

   #main-wrapper {

    float: none;

    margin-left: auto;

    margin-right: auto;

    padding-left: 0;

  }



  #sidebar-wrapper {

    display: none;

  }

  .date-header {
    margin-left: -113px;
  }

  /*.blog-posts.hfeed {
    box-sizing: border-box;
    padding-right: 40px;
  }*/

  .main .Blog {
    padding-left: 10px !important;
  }

  .post-body {
    margin-left: 32px;
  }

  .footer-ads-widget {
    padding-left: 10px;
    padding-right: 10px;
  }

}



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



  #wprmenu_bar {

    z-index: 101 !important;

  }



  #upper {

    top: 0;

    height: 50px;

  }



  #upperbar-wrapper.upperbar-wrapper-3 {

    float: right;

    padding-right: 20px;

    padding-top: 7px;

  }



  #upperbar3 {

    padding-right: 10px;

    padding-top: 20px;

  }



  #outer-wrapper {

    padding-top: 0;

  }



  .credits-left, .credits-right {

    overflow: hidden;

    text-align: center;

    width: 100%;

  }



  .credits-left {

    margin-bottom: 10px;

  }



  #PageList1 {

    float: none;

  }



  .post-title {

    margin-right: 0;

  }

  .main .Blog {
    padding-left: 10px !important;
    padding-right: 60px !important;
  }

  .main .Blog.single-page-blog {
    padding-right: 34px !important;
  }

  #footer .instagram-widget {
    display: none;
  }

}



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

  .menu-open {
    display: block;
  }

  #linkbar .widget {
    display: none;
    padding-top: 22px;
  }

  #upper-wrapper {
    position: relative;
  }

  #upperbar-wrapper.upperbar-wrapper-1 {
    width: 80%;
  }

  #upperbar-wrapper.upperbar-wrapper-2 {
    background-color: #fff;
    padding-left: 20px;
    /*position: absolute;*/
    width: 20%;
    float: right;
    z-index: 999;
  }

  #linkbar-wrapper {
    padding-top: 20px;
  }

  #linkbar li {
    position: inherit;
    display: block;
    text-align: left;
    margin-bottom: 20px;
  }

  #linkbar ul.menu > li {
    margin-bottom: 20px;
    text-align: left;
  }

  #linkbar ul ul {
    display: block;
    position: inherit;
  }


  #linkbar ul ul li {
    margin-bottom: 1px;
  }

}



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

  #main-wrapper, .post-body, .post, #comments {

    max-width: 100%;

  }



  .upperbar-wrapper-1 {

    width: 50%;

  }



  #wprmenu_bar {

    background: none !important;

  }



  #wprmenu_menu.wprmenu_levels ul li,

  #wprmenu_menu.wprmenu_levels ul li {

    border-top: none !important;

  }



  #wprmenu_bar, #wprmenu_bar *, #wprmenu_menu, #wprmenu_menu * {

    font: normal normal 12px sans-serif !important;

  }



  #wprmenu_bar .menu_title {

    margin-top: 4px;

  }

}



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

  /*#upper {
    margin-top: -40px;
  }*/

  #wprmenu_bar {
    margin-top: 20px !important;
  }

  #wprmenu_menu ul li a, 
  #wprmenu_menu ul li a:hover {
    font-family: 'Futura', Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: normal !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
  }

  #wprmenu_menu ul ul li a {
    color: #b5b5b5 !important;
  }

  #wprmenu_bar .wprmenu_icon {
    width: 25px !important;
  }

  #wprmenu_bar .wprmenu_icon span {
    width: 25px !important;
    height: 2px !important;
  }

  #wprmenu_bar .wprmenu_ic_2 {
    top: 6px !important;
  }

  #wprmenu_bar .wprmenu_ic_3 {
    top: 12px !important;
  }

}