/* 
File:			custom.css
Description:	Custom styles for Thesis
More Info:		http://diythemes.com/thesis/rtfm/custom-css/
*/

:root {
  --mainColor: #bfa270;
  --customFont: 'Lora', serif;
  --customFont2: 'Lato', serif;
}

/* ---  Main --- */
* { margin: 0; padding: 0; border: none; }
html, body { height: 100%; font-family:"Open Sans", sans-serif; color:#404040; font-size:16px;}

body {background-color: #fff;}

div.clear { clear: both; }

a { text-decoration: none; outline:0; }

textarea {resize:none;} 

.full_width .page { margin: 0 auto; padding:0; width:100%; max-width: 1100px; height: auto; background-color: transparent; box-sizing: border-box;}


/* ---  Header --- */
div#header_area {height: auto; z-index:100; position:relative; padding:0; }
#header_area .icon__burger, #header_area .menu-menu-1-container {display: none;}

div#header {height: 413px; padding:0; z-index:100; background-image: url(./images/header_area.background.png); background-repeat: no-repeat; background-position: top center; background-size:auto 413px; border-radius: 0 0 20px 20px;}
#header-top {background-color: transparent; text-align: center; width: 100%; padding: 3px 0; font-size:12px; margin:0 auto; border-radius: 0 0 3px 3px;}
.header-contact, .header-contact a {color: #fff;}
.header-contact {display: block; margin:0; font-size:12px;}
.header-sep {padding:0 20px; font-size:10px; vertical-align: middle;}
div#header_left {float:left; height: 317px; width: 100%;}
div#header div h1, span#header-h1 { font-size: 50px; line-height:56px; color: #fff; font-weight: 600; text-transform:none; font-family: var(--customFont); letter-spacing:2px; background: #DECDB0; background: -webkit-linear-gradient(to right, #DECDB0 0%, #e7e7e7 100%); background: -moz-linear-gradient(to right, #DECDB0 0%, #e7e7e7 100%); background: linear-gradient(to right, #DECDB0 0%, #e7e7e7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
div#header div h1, span#header-h1 { padding: 0; margin:95px 0 10px 0; display:block; text-align:center;}
div#header div h1 a, span#header-h1 a {color: #fff;}
div#header div h1 a:hover, span#header-h1 a:hover {text-decoration:none;}
div#header div h2, span#header-h2 {font-size:18px; line-height:24px; text-transform:uppercase; color: #d3d8e2; font-family: var(--customFont2); font-weight: 600; letter-spacing:2px;}
div#header div h2, span#header-h2 {padding: 0; margin:0; clear:both; display:block; text-align:center;}


/* ---  Menu --- */
#menu-bg {width:100%; height:62px; background-color:transparent;}
#menu-bg .menu-menu-1-container {display:block;}
div#header ul.menu { display: inline-block; width: auto; height: auto; float: left; border:0; padding:0;}
ul.menu li { display: inline-block; list-style: none; margin: 0; background:transparent;}
ul.menu li a { color: #fff; font-size: 13px; line-height:19px; font-weight:400; letter-spacing:0; padding:27px 0; margin:0 30px; font-family:"Open Sans"; }
ul.menu li.current, ul.menu li.current-menu-item {background: transparent; color:#fff; font-weight:700; text-decoration:none;}
.menu .current a, .menu .current a:hover, .menu .current-cat a, .menu .current-cat a:hover, .menu .current-menu-item a, .menu .current-menu-item a:hover {background-color:transparent; color:#fff; font-weight:700; text-decoration:none; background-image: url(./images/menu.li.png); background-repeat: no-repeat; background-position: left 0;}
.menu a, .menu .current ul a, .menu .current-cat ul a, .menu .current-menu-item ul a {background-color:transparent; color:#fff; text-decoration:none;}
.menu a:hover, .menu .current ul a:hover, .menu .current-cat ul a:hover, .menu .current-parent a:hover, .menu .current-menu-item ul a:hover, .menu .current-menu-ancestor a:hover {background-color:transparent; color:#fff; font-weight:700; text-decoration:none; background-image: url(./images/menu.li.png); background-repeat: no-repeat; background-position: left 0;}
.menu, .menu a, .menu li ul {border: none;}
.menu-menu-1-container {float:left;}


/* ---  Mobile author --- */
.author_mobile img, .author_mobile .author-info, .author_mobile .social, .mobile-author-box {display:none}

.icon {display: inline-block;width: 20px;height: 20px}
.icon__burger {display: inline-block;float: left;position: absolute;width: 21px;height: 21px;top: 29.5px;left: 5px;z-index: 2}
.icon__burger span {position: absolute;background-color: #fff;display: block;height: 3px;width: 100%;opacity: 1;left: 25px;transform: rotate(0deg);transition: .25s ease-in-out}
.icon__burger span:nth-child(1) {top: 0}
.icon__burger span:nth-child(2) {top: 6px}
.icon__burger span:nth-child(3) {top: 12px}
.icon__burger.opened span {background-color: #fff}
.icon__burger.opened span:nth-child(1) {top: 6px;transform: rotate(135deg)}
.icon__burger.opened span:nth-child(2) {opacity: 0;left: -60px}
.icon__burger.opened span:nth-child(3) {top: 6px;transform: rotate(-135deg)}


/* ---  Content --- */
#content_area {padding:0; margin: 30px auto;}
div#content_box, div#column_wrap { margin:0; height: auto; padding:0; }
div#content_box { width:100%; max-width: 1040px; z-index:102; position:relative; background-color:transparent; margin:0 auto;}
div#content_box div#content { width: 695px; height: auto; background-color:transparent;}


/* ---  Posts --- */
div#content div.post, div.post_box { padding:40px; margin: 0 0 15px 0; position:relative; background-color:transparent; border:1px solid #bcc1ca; -webkit-box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.1); box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.1); border-radius: 20px;}

div.post div.headline_area, div.post_box div.headline_area, div.post div.entry-meta, div.post_box div.entry-meta  { width: inherit; clear: both; margin: 0 0 20px 0;}
div.post div.entry-meta, div.post_box div.entry-meta  {height: auto; padding: 5px 15px; width: auto; display:block; background-color:#F2F2F2; margin-top:50px;}
div.entry-meta p { display: inline-block; font-size: 16px; color: #a29886; line-height:14px; padding:0; font-family:"Arial"; margin:0 auto; float:right;}
p.headline_meta {padding: 5px 0 15px; margin:0; font-size: 12px; color: #404040; line-height:18px; font-family:"Open Sans"; font-style:normal; text-transform: none; text-align:center;}
.headline_meta a {color: #404040; border:none;}
.headline_area {margin:0;}
.headline_area img.avatar {float: left; margin: 0 15px 0 0; -webkit-border-radius: 40px; border-radius: 40px;}
.headline_meta span, .headline_meta abbr, .teaser .teaser_date {letter-spacing: 0; text-transform: none !important;}
span.sep {padding:0 10px; margin: 0 10px; background-image: url(./images/sidebar.li.png); background-repeat: no-repeat; background-position: center center;}
div.entry-meta p.published, div.entry-meta p.author, div.entry-meta p.to_comments2, div.entry-meta p.edit_post { background-color: transparent;}
div.entry-meta p.to_comments2, div.entry-meta p.edit_post, div.entry-meta p.to_comments2 a, div.entry-meta p.edit_post a {color: #fff; font-family:"Arial"; font-size: 13px;}
div.entry-meta p.to_comments2, div.entry-meta p.author {background-repeat: no-repeat; background-position:left center; padding: 7px 15px 2px 20px !important;}
div.entry-meta p.to_comments2 a {color:#826295; text-decoration:none;}
p.ikony_lewe {float:left !important; margin-top: 3px !important}
p.to_comments {display:none;}

.headline_area h1.entry-title, .headline_area h2, #archive_intro h1 {margin:0 0 5px; padding:0; text-align:center;}
#archive_intro h1 {margin:0 0 15px 0; padding:40px; text-align:center; background-color:#fff; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
.headline_area h1 { margin:0 0 40px; padding:0; text-align:center;}
div.post h2 a, .headline_area h1, .headline_area h2, #archive_intro h1 { font-size: 26px; color: var(--mainColor); font-weight: 600; line-height: 32px; display:block; font-family: var(--customFont); text-transform:none;}

div.post div.entry-content, div.format_text { line-height: 21px; }
.post_box, .teasers_box, .full_width #content_box .page {margin:0;}

.format_text ul, .format_text ol {margin: 0 0 20px 20px;}
.format_text p, .format_text h2, .format_text .easy_note {margin: 0 0 20px 0;}
.format_text p, .format_text ul, .format_text ol, .format_text .easy_note {line-height: 25px; color: #404040; font-family: "Open Sans"; font-size: 16px;}
.format_text .to_comments, .to_comments a, .format_text .to_comments span.bracket, .format_text .to_comments a span, dl#comment_list dt span, span.edit_post {font-size:12px; line-height:12px; margin: 0 0 5px 0; color:#000; font-family:"Arial";}

.format_text h2, .format_text h3 {font-size: 24px; color: var(--mainColor); font-weight: 500; line-height: 30px; margin: 30px 0 5px 0;}

blockquote {background: #f5f5f5; border-color: var(--mainColor);}
blockquote, .format_text blockquote {position: relative; border-width: 0 0 0 5px; border-style: solid; padding: 20px; margin:0 0 20px 0;}
blockquote::before {color: var(--mainColor);}
blockquote::before {content: "\f10d"; display: table; float: left; font-family: "FontAwesome"; font-size: 28px; margin: 6px 20px 0 0; font-weight: normal;}
blockquote p {font-style: italic; display: table;}

.prev_next {margin: 20px 0;}
.prev_next p, .post_nav p {font-size:10px; line-height:10px; color:#000;}
.prev_next a {color:#BB2020;}
#archive_intro, .prev_next {padding:0;}


/* ---  Sidebars --- */
div#content_box div#sidebars, div#content_box div#sidebar_1 { width: auto; height: auto; padding: 0;}
div#content_box div#sidebars { height: auto; }
div#content_box div#sidebar_1 { float: right; width:100%; max-width: 299px; height: auto; padding:0; background-color:transparent; margin:0;}

.sidebar-author-photo, .mobile-author-box {margin: 0 auto 30px auto;}
img.author { width: 262px; height: 325px; margin: 0 auto; padding: 0; display:block;}
.author-info { width: auto; margin:  10px;}
.author-info h4, .sidebar-author-photo h4, .mobile-author-box h4, .author-info strong {color:#494f5b; font-family:"Open Sans"; text-transform:none; text-align:center;}
.author-info h4, .sidebar-author-photo h4, .mobile-author-box h4 {font-size:22px; line-height:28px; margin:20px auto 5px auto; font-weight:600; color: var(--mainColor); text-transform:none; font-family:"Lato";}
.author-info strong, .mobile-author-box strong {font-size:13px; display:block; font-weight:400; text-transform:uppercase; color:#494f5b; font-family:"Open Sans";}
.author-info p { font-size: 13px; line-height: 19px; margin: 20px auto; font-family:"Open Sans"; color:#494f5b; text-align:center;}
.author-info a {color:#494f5b !important; text-decoration:none !important;}

div.sidebar h3 { width: auto; font-size: 16px; color: #494f5b; font-weight: 600; font-variant:normal; line-height:22px; letter-spacing:0; height:auto; font-family: "Lato"; text-transform:none;}
div.sidebar h3 { padding: 20px; margin: 0 auto; clear: both; text-align:center;}

div#sidebar_1 ul {width: 100%;}
div.sidebar ul { width: 299px; height: auto; }
.sidebar ul.sidebar_list {padding:0;}
div.sidebar ul li.widget, div.sidebar ul li.widget a, div.sidebar ul li.widget ul li, div.sidebar ul li.widget ul li p { font-size: 14px; color: #404040; line-height:18px; font-family:"Open Sans";}
div.sidebar ul li.widget:last-child {background-image:none;}
div.sidebar ul li.widget {margin-bottom:10px; padding:0 0 20px 0; background-color:transparent;}
div.sidebar ul li.widget p {margin-bottom: 5px;}
div.sidebar ul li.widget ul li {background-image: url(./images/sidebar.li.png); background-repeat: no-repeat; background-position: left 7px; margin: 10px 20px; padding: 0 20px 0 15px; }
#column_wrap .sidebar ul.sidebar_list {padding:0;}


/* ---  Search --- */
.searchform div label.screen-reader-text {display:none;}
.searchform {margin:10px 20px;}
input#s {height: 15px; width: calc(100% - 63px); background-color:#fff; margin:0; float:left; color:#000; border-left:1px solid #dadada; border-bottom:1px solid #dadada; border-top:1px solid #dadada; border-right:none; padding:12px 10px; border-radius: 10px 0 0 10px;}
input#searchsubmit {height: 40px; width:40px; background:url(./images/search.png) no-repeat center center; background-color:var(--mainColor); border:none; text-indent: -999em; padding:0; border-radius: 0 10px 10px 0;}


/* ---  Social --- */
div.social {text-align: center; height:25px; margin:20px auto;}
a.s_twitter, a.s_fb, a.s_instagram, a.s_link, a.s_rss { display: inline-block; background: url('./images/spoleczcnosciowki.png') no-repeat; width: 25px; height: 25px; margin: 0 15px 0 0;}
 
a.s_link { background-position: -202px 0; }
a.s_twitter{ background-position: -46px 0;}
a.s_fb { background-position: 6px 0; }
a.s_instagram { background-position: -149px 0; }
a.s_rss { background-position: -97px 0; }


/* ---  Footer --- */
div#footer_area {height:233px;}
div#footer { margin: 0 auto; height: 213px; font-size: 13px; color: var(--mainColor); border:0; padding:20px 20px 0 20px; text-align:left; line-height:19px; font-family:"Open Sans"; width:auto; background-image: url(./images/footer_area.background.png); background-repeat: repeat-x; background-position: top center; border-radius: 20px 20px 0 0;}
div#footer a, div#footer a:hover {color:var(--mainColor); text-decoration:none; border:none;}
div#description, div#links {height:162px;}
div#description {float: left; width:66%;}
div#description span.adress {display: inline-block; float: left; width:50%;}
div#description span.center-address {text-align: center;}
div#links {margin:0; float:right; text-align:right; width:33%;}
div#links a { color:var(--mainColor); text-decoration:none; border:none; padding:3px 2px;}
div#links a:hover {text-decoration:underline;}

div#footer #content-footer-wnetrze {color: var(--mainColor); text-align:center; font-weight: 600; line-height: 20px; padding: 14px; font-family:"Open Sans"; margin:0 auto; font-size:14px;}
div#footer #content-footer-wnetrze a {color: var(--mainColor)}

#footer-buttons {display:none;}


/* ---  Contact box --- */
.weblex-contact-form {max-width:345px; width:100%; margin:0 auto; display:block;}
.weblex-contact-form-row {position:relative; margin: 0 0 15px 0; font-family: "Yanone Kaffeesatz"; font-size: 18px;}
.weblex-contact-form-row i {position: absolute; z-index: 100; top: 12px; left: 10px; color: #cacaca; font-size: 20px;}
.weblex-contact-form-submit i {color:#fff; font-size:16px;}
.weblex-contact-form-info {margin: 20px 0 !important;}
.wpcf7-form {margin:0 auto; text-align:center;}
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, .wpcf7-multifile {background-color:#fff; border: 1px solid #d5d5d5; box-shadow: inset 1px 1px 1px 0px #e1e1e1; -webkit-box-shadow: inset 1px 1px 1px 0px #e1e1e1; padding:13px 7px 7px 37px !important; width:calc(100% - 46px); font-family: "Yanone Kaffeesatz"; font-size: 18px;}
.wpcf7-select {width: calc(100% - 1px); padding: 13px 7px 7px 7px !important; color: #9d9d9d; background-color:#fff; border: 1px solid #d5d5d5; box-shadow: inset 1px 1px 1px 0px #e1e1e1; -webkit-box-shadow: inset 1px 1px 1px 0px #e1e1e1; font-family: "Yanone Kaffeesatz"; font-size: 18px;}
.wpcf7-text:focus, .wpcf7-textarea:focus, .wpcf7-select:focus, .wpcf7-captchar:focus, .wpcf7-multifile:focus, .wpcf7-text:hover, .wpcf7-textarea:hover, .wpcf7-select:hover, .wpcf7-captchar:hover, .wpcf7-multifile:hover {border: 1px solid #ae3c33;}
.wpcf7-textarea {max-height:150px;}
.wpcf7-submit {padding:13px 20px 10px 35px !important; background-color:var(--mainColor); color:#fff; border:0; float:left; text-transform:uppercase; font-size:18px; line-height:18px; font-family: "Yanone Kaffeesatz";}
.wpcf7-list-item {float: left; margin: 0 10px 0 0 !important;}

/* ---  Contact page --- */
.weblex-contact-page {margin: 50px 0 30px 0;}
.weblex-contact-page h4 {text-align: center; margin: 0 0 20px 0; font-family: "Yanone Kaffeesatz"; font-size: 30px; line-height: 36px;}
.weblex-contact-page-sep, .weblex-contact-page-sep-mini {height: 3px; display: block; background-color: var(--mainColor);}
.weblex-contact-page-sep {width: 75px;  margin: 0 auto 50px auto;}
.weblex-contact-page-sep-mini {width: 35px; margin: 0 0 30px 0;}
.weblex-contact-page-map {margin: 0 auto 70px auto;}
.weblex-contact-page-address, .weblex-contact-page-form {float:left; display:block;}
.weblex-contact-page-address {width: calc(100% - 365px); margin: 0 20px 0 0;}
.weblex-contact-page-form {width:100%; max-width:345px;}
.weblex-contact-page-address h5, .weblex-contact-page-form h5 {font-family: "Yanone Kaffeesatz"; margin: 0 0 10px 0; font-size: 24px; line-height:30px; text-transform: uppercase; letter-spacing: 0;}
.weblex-contact-page-block-row {margin: 0 0 25px 0; font-size: 16px; line-height: 22px;}
.weblex-contact-page-block-row i {margin: 0 10px 0 0; font-size: 20px; line-height:26px;}
.weblex-contact-page-block-row a {text-decoration:none;}


/* ---  Comments --- */
#comments {padding: 20px 20px 40px 20px; margin: 0 0 10px 0; position:relative; background-color:transparent; }
.comment_author {font-size:14px !important;}
.comment_time {font-size:13px !important;}
.format_text input.form_submit, #commentform .form_submit, .comments_intro span {font-size: 12px; padding: 3px;}
#respond {margin-bottom: 25px;}
.comments_intro, #respond_intro {margin-left: 0;}
.comments_intro p, #respond_intro p, #commentform p {font-size:13px; line-height:13px;}
.comments_closed {margin:0;}

#commentform {padding:15px 0;}
#commentform label {padding-left:10px;}
#commentform label input {width:10px !important;}

#commentform p input.form_submit {margin-bottom:7px;}

#commentform input, #commentform textarea {background-color:#fff; border: 1px solid #d5d5d5; box-shadow: inset 1px 1px 1px 0px #e1e1e1; -webkit-box-shadow: inset 1px 1px 1px 0px #e1e1e1; padding:7px !important;}
#commentform input:focus, #commentform textarea:focus, #commentform input:hover, #commentform textarea:hover {border: 1px solid #ae3c33;}
#commentform #submit {padding:13px 35px 10px 35px !important; background-color:var(--mainColor); color:#fff; border:0; background-image: none; box-shadow: none; height:auto; text-transform: uppercase; font-family: "Yanone Kaffeesatz"; font-size:18px; line-height:18px; font-weight:400;}


/* ---  Buttons (menu) --- */
#button1, .mobile-button1, .sidebar-button {display:block; font-size:13px; padding: 10px 30px; font-weight:600; text-transform:none; -webkit-border-radius: 20px; border-radius: 20px; text-align:center;}
#button1 {float:right; margin: 20px 30px 0 0;}
#button1, .mobile-button1 {color:#202f24; background-color: var(--mainColor); border: 1px solid var(--mainColor);}
#button1:hover, .mobile-button1:hover {color: var(--mainColor); background-color: #202f24;}
.mobile-button1 {margin: 10px auto 20px auto; display:none;}
.sidebar-button {margin: 0 auto; max-width: 230px; color: #202f24 !important;}


/* ---  Author box --- */
.weblex-author-box {background-color: #EEE; margin: 20px 0 0 0; padding: 20px 0; box-shadow: 3px 3px 0 0 #b7b7b7; border: 1px solid #b7b7b7; position: relative;}
.weblex-author-box h2 {text-align: center; font-size: 32px; line-height:38px; font-family: "Yanone Kaffeesatz"; padding: 20px 0 40px 0; margin: 0;}
.weblex-author-box-info {text-align: center; margin: 0px 20px 50px;}
.weblex-author-box-info p {margin: 0 0 10px 0;}
.weblex-author-box-container {padding: 0 20px; border-right: 1px solid #BDC3C7; position: relative; display: block; width:calc(35% - 41px); border-radius: 10px 0 0 0; float:left;}
.weblex-author-box-img {display: block; margin: 0 auto; background-position: 50% 0; background-size: 150px auto; background-image: url(./images/sidebar.author.png); background-repeat: no-repeat; width: 150px; height: 186px; border-radius: 20px;}
.weblex-author-box-container h2 {text-align: center; font-family: "Yanone Kaffeesatz"; color: #4d4a4a; font-size: 24px; line-height: 30px; margin: 20px 0 30px 0; padding:0;}
.weblex-author-phone, .weblex-author-mail {display:block; padding: 0; font-size: 14px; line-height:20px; margin:0 auto; text-align: left;}
.weblex-author-phone i, .weblex-author-mail i {margin:0 15px 0 0; font-size:14px; color: #4d4a4a;}
.weblex-author-phone a, .weblex-author-mail a {text-decoration: none; color: #4d4a4a;}
.weblex-author-box-content {display: block; padding: 0 10px 0 30px; width: calc(65% - 40px); float:left;}
.weblex-author-box-content h3 {text-align: center; margin: 20px auto 40px auto; font-size: 18px; line-height:24px; font-family: "Yanone Kaffeesatz";}
.weblex-author-box-content .weblex-contact-form {margin: 0;}


/* ---  PopUp --- */
.spu-box {border-bottom: 5px solid var(--mainColor); padding:50px !important; border-radius:0 !important; background-color: #fff !important; max-width:700px !important;}
.spu-container {padding:0 !important; width:100% !important;}

.weblex-newsletter {margin:0 0 40px 0 !important;}
.weblex-newsletter p:empty::before {content: none;}
.weblex-newsletter img {width: 200px; height:auto; margin: 0; display: block; float: left;}
.weblex-newsletter-text {margin: 0 0 0 30px; float: left; width: calc(100% - 230px);}
.weblex-newsletter-text h2 {text-align: center; font-family: "Yanone Kaffeesatz"; margin: 0 auto 30px; font-size: 32px; line-height: 38px;}
.weblex-newsletter-text p {text-align: center; font-size: 16px; line-height: 24px; color:#000;}
.weblex-newsletter-info {border-top: 1px solid #dbd9d9; margin: 30px 0 0 0; padding: 7px 0 0 0;}

.jetpack_subscription_widget .widgettitle, #subscribe-text {display:none;}
.jetpack_subscription_widget {margin:20px auto;}
.jetpack_subscription_widget #subscribe-email input {padding: 16px 10px !important; height:auto !important; margin:0 auto 10px auto !important; width:100% !important; max-width:385px; background-color:#fff; border: 1px solid #d5d5d5; box-shadow: inset 1px 1px 1px 0px #e1e1e1; -webkit-box-shadow: inset 1px 1px 1px 0px #e1e1e1; float: left !important; display:block !important;}
.jetpack_subscription_widget #subscribe-email input:focus, .jetpack_subscription_widget #subscribe-email input:hover {border: 1px solid #ae3c33;}
.jetpack_subscription_widget #subscribe-submit button {padding: 14px 10px 11px 10px !important; height:auto !important; margin:0 auto !important; width:100% !important; max-width:198px; color: #fff; border: none; text-indent: 0 !important; background-image:none !important; background-color: var(--mainColor); float: left !important; display:block !important; font-weight:600; text-transform:uppercase; font-family: "Yanone Kaffeesatz"; font-size: 20px; line-height:26px;}

.small-font, .small-font a {color:#000 !important;}
.small-font {font-size:12px !important; text-align:justify; line-height:20px !important;}

.sub-button {background-color: var(--mainColor); display: block; text-align: center; -webkit-border-radius: 10px; border-radius: 10px; color: #494f5b !important; padding: 15px 10px; max-width: 200px; margin: 20px auto 0 auto; font-weight:600; text-transform: uppercase;}


/* ---  Ebook --- */
.my-ebook a, .my-ebook a img {display:block; width:100%; max-width:200px;}
.my-ebook a {margin: 15px auto; text-align: center; -webkit-box-shadow: 3px 3px 0px 0 rgba(0,0,0,0.2); box-shadow: 3px 3px 0px 0 rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.2);}
.my-ebook span {text-align:center; display:block; margin:0 auto 15px auto;}

/* ---  Categories --- */
.widget_categories li {display:block; font-size:13px !important; padding: 10px 20px !important; font-weight:600; -webkit-border-radius: 20px; border-radius: 20px; margin:0 auto 10px auto !important; text-align:center; background-color: #decdb0; background-image: none !important; max-width:200px;}
.widget_categories li, .widget_categories li a {color:#202f24 !important;}

/* ---  Mix --- */


@media only screen and (max-width: 790px) {
	body {background-image: none !important;}
	
	.full_width .page {padding:0 5px !important;}
	
	#header_area>.page { text-align: center; position: relative}
	
	#header-top {display:none;}
	
	div#header_left {width:100%; height:280px !important;}
	
	div#header div h1, span#header-h1 {margin: 70px 0 10px 0 !important; text-align: center; font-size:45px; line-height:51px;}
	div#header div h1, span#header-h1, div#header div h1 a, span#header-h1 a {color: #fff;}
	div#header div h2, span#header-h2 {text-align:center; font-size:16px; line-height:22px;}
	
	#menu-bg {display:none;}
	
	.author_mobile {padding:0 0 10px 0;}
	.author_mobile .author-info {display:block;}
	.author_mobile div.author {position: relative !important; bottom: 0 !important; left: 0 !important; top:10px; margin: -125px auto 30px auto !important;}
	
	div.social {margin:20px auto 5px auto;}
	
	.mobile-button1, .mobile-button2 {display:block;}

	#header_area .icon__burger { display: inline-block; z-index: 4}
	
	.menu-menu-1-container { position: absolute; top: 0; left: 0; padding: 0; display: none; margin: 0; padding: 0 !important; background-color: #262d41; height: 100%; width: 100%}
	.menu-menu-1-container.opened { display: block !important; z-index:3}
	.menu-menu-1-container ul.menu { text-align: center; width: 250px; margin: 60px auto 0 auto; background-color:transparent}
	.menu-menu-1-container ul.menu>li.menu-item { display: block; width: 100%; padding:15px 0; color: #fff;}
	.menu-menu-1-container ul.menu>li.menu-item:last-child { border-bottom-width: 0}
	.menu-menu-1-container ul.menu>li.menu-item a {color: inherit; background-position: top center;}
	
	span.sep-second {display:block;}
	
	div#content div.post, div.post_box {padding: 40px 15px;}
	
	.weblex-author-box .small-font {max-width:345px; margin:0 auto;}

	.weblex-author-box-container, .weblex-author-box-content {float:none; width:auto; max-width:100%;}
	.weblex-author-box-container {border-right:0;}
	.weblex-author-box-content {margin: 50px 0 0 0; padding: 0 10px;}

	.weblex-author-phone, .weblex-author-mail {text-align: center;}
	
	.weblexInfo-icon {width: 20px;}
	
	.weblex-author-box-content .weblex-contact-form {margin:0 auto !important;}

	.weblex-contact-page-address, .weblex-contact-page-form {float:none !important;}
	.weblex-contact-page-address {width: 100% !important; margin:0 !important;}
	
	.weblex-newsletter img {float: none; margin: 0 auto;}
	.weblex-newsletter-text {margin: 0; float: none; width: 100%;}
	.weblex-newsletter-text h2 {margin: 30px auto 30px;}

	.jetpack_subscription_widget #subscribe-submit button {max-width: 385px;}
	
	#sidebars img.author, #sidebars .author-info, .sidebar-author-photo h4 {display:none;}
	
	#sidebars ul li ul li {display:block !important}

	div.sidebar ul li.widget h3, div.sidebar ul li.widget div, div#sidebar_1 ul li ul {width:auto !important;}
	
	div#footer_area {background-color: #353c5a; background-image: none !important; height:auto; padding: 0 0 50px 0;}
	div#footer { margin-top: 30px; height:auto; text-align:center; background-image: none;}
	div#footer #links, div#footer #description { float: none; display: inline-block; width: 100%; height: auto; text-align:center;}
	div#footer #description span.adress { display: block; margin-right: 0; width: 100%}
	div#footer #links::after, div#footer #description span.adress::after{ display: block; content: ''; height: 25px; width: 50px; border-bottom: 1px solid var(--mainColor); margin:0 auto 25px auto;}
	
	div#footer #content-footer-wnetrze, div#footer #content-footer-wnetrze a {color: var(--mainColor);}
	div#footer #content-footer-wnetrze {padding:15px 0; background-image: none !important;}
	
	#footer-buttons {display:block; position:fixed; bottom:0; left:0; width:100%; z-index:1001;}
	#footer-buttons a {display:block; float:left; padding: 15px 0; height:22px; width:50%; text-align:center; text-transform: uppercase; font-weight:600;}
	#footer-buttons a, #footer-buttons a:hover {text-decoration:none !important;}
	.footer-mail {background: #fff; color:#236286 !important;}
	.footer-phone {background: #236286; color:#fff !important;}
	.footer-mail span, .footer-phone span {background-repeat: no-repeat; background-position:center center; display: inline-block; margin: 0 10px -3px 0;}
	.footer-mail span {background-image: url(./images/mail.png); width:24px; height:16px;}
	.footer-phone span {background-image: url(./images/phone.png); width:18px; height:16px;}
}


@media only screen and (max-width: 980px) {

}

@media only screen and (max-width: 1071px) {
	input, select, textarea {border-radius: 0}
	
	.full_width .page {padding: 0 25px;}

	#content_area {margin: 50px auto 0 auto;}
	#content_box { margin-top: 40px !important;}
	div#content_box div#content {width: 100% !important; background-image: none;}
	
	.menu-menu-1-container { padding-left: 156px; margin-left:0;}
	
	#button1 {display:none;}
	
	.author_mobile div.author, .sidebar img.author { margin: 25px auto; padding:0; height: 161px; background-position: 50% 0; background-size: 131px auto;  z-index: 2; background-image: url(./images/sidebar.author.png); background-repeat: no-repeat; -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); border-radius:20px;}
	.author_mobile div.author {margin: 0 auto; position: absolute; bottom: -35px; left:25px; width: 131px;}
	.sidebar img.author {width: 100px; height: auto;}
	
	.format_text img {width:100%; height:auto}
	
	.weblex-author-box-content .weblex-contact-form {margin:0;}
	
	#sidebars { max-width: 100% !important; margin-top: 0;}
	
	div#content_box div#sidebars {width:100%;}
	div#content_box div#sidebar_1 {float:none; margin:0 auto; max-width:100%; border:none; padding:0;}
	
	div.sidebar ul li.widget {margin: 10px auto; background-image: url(./images/sidebar.line.mobile.png); background-position: bottom center;}
	div.sidebar ul li.widget:first-child {overflow:auto;}
	
	div.sidebar ul li.widget > div, div.sidebar ul li.widget > form, div.sidebar ul li.widget > ul {max-width:300px; margin:0 auto;}
	
	div.sidebar ul li.widget h3, div#sidebar_1 ul li ul {margin:0 auto;}
	
	div.sidebar div.author-info p {width:100% !important}
}