/*
Theme Name: Beros Production
Theme URI: 
Author: ondrejvala.net
Author URI: http://ondrejvala.net
Description: Child theme for greta theme
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: greta
Tags: One-Column, Two-Columns, Right-Sidebar, Custom-Colors, Custom-Menu,  Featured-Images, Flexible-Header, Full-Width-Template, Microformats, Post-Formats, Sticky-Post, Theme-Options, Threaded-Comments, Translation-Ready
Text Domain: greta

*/


.clearfix {
    clear: both;
}
.logobar {
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    padding: 50px 0 10px 0;
}
.second-logo {
    float: right;
    display: block;
    position: relative;
    top: -15px;
}
.slide .overlay-box .overlay-inner .content .post-cat, .slide .overlay-box .overlay-inner .content .theme-btn {
    display: none;
}
.slide .overlay-box .overlay-inner .content .post-cat, .slide .overlay-box .overlay-inner .content h2 {
    display: none;
}
.main-content {
    margin-top: 40px;
    margin-bottom: 20px;
}
.main-content .sidebar {
    margin-bottom: 0px;
    padding-top: 20px;
}
.flex-control-paging li a.flex-active {
    background: #87764d !important;
}
.greta-comments {
    display: none;
}

/* TYPO */
.slide .overlay-box .overlay-inner .content h2 {
    font-family: 'Oxygen', sans-serif;
    position: relative;
    color: #ffffff;
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 20px;
}
body, .page-title, .post-header .post-title {
    font-family: 'Roboto', sans-serif;
}
p {
    font-family: 'Oxygen', sans-serif;
}
strong {
    color: #86754d;
    font-weight: 700;
}
.post-content ul {
    margin-bottom: 20px;
    list-style-type: none;
}
.post-content li {
    padding-left: 15px;
    line-height: 1.5;
    margin-bottom: 5px;
}
.post-content li:before {
    font-family: 'FontAwesome';
    content: '\f105';
    margin: 0 13px 0 -10px;
    color: #86754d;
}

.anchor {
    display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
}

/* HIDDEN SIDEBAR */
.hidden-bar .sidebar-logo {
    position: absolute;
    left: 33px;
    top: 13px;
    padding: 30px 0px;
}

/* SEKCE */
section.top-section {
    display: block;
}
.section-bg {
    padding: 40px 40px 5% 40px;
    overflow: hidden;
}
section .section-bg .section-inner {
    color: #fff;
    max-width: 960px;
    display: block;
    vertical-align: middle;
    margin: 0 auto
}
.section-inner p {
    color: #fff;
}
.top-section .sticky-icon {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
    color: #87764d;
    font-size: 14px;
}
.top-section h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 30px;
}
.top-section h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 200;
    margin-bottom: 40px;
}
.top-section h3 strong {
    font-weight: 700;
    color: #fff;
}
.top-section p {
    padding-left: 35%;
	font-size: 14px;
	line-height: 21px;
}
.quotation
{
	font-size: 69px;
}
.top-section h3.headerMe
{
font-family: 'Roboto', sans-serif;	
}
p.textMe
{
	font-size: 32px; 
	font-weight: 200; 
	line-height: 32px; 
	text-align: right;
	position: relative;
}

/* PAGE MENU */
ul.page-menu {
    display: table;
    margin: 0 auto;
}
ul.page-menu li {
    float: left;
    margin: 0 10px;
}
ul.page-menu li a {
    color: #86754d;
    font-size: 12px;
    text-transform: uppercase;
}
ul.page-menu li a:hover {
    text-decoration: underline;
}
.postbar .sticky-icon {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    color: #87764d;
}


/* WIDGET */
.widget.Axl_Testimonials_Widget_Slider_Widget  {
    padding-bottom: 0;
}
.sidebar #custom_html-3.widget_custom_html {
    font-size: 18px;
    display: inline;
    text-align: center;
    padding-bottom: 30px;
}

/* FOOTER */
.greta-footer {
    border-top: none;
    background-color: #000;
    background: #000 url(img/footer.jpg) no-repeat right top;
    min-height: 400px;
    padding-top: 40px;
}

.greta-footer .widget {
    border-bottom: none;
    padding-bottom: 0;
    float: none;
}
.instagram-wrap .widget_text p {
    font-size: 14px;
    color:#fff;
}
.instagram-wrap .widget_text p strong {
    color:#fff;
    font-size: 16px;
}
.instagram-wrap .custom-html-widget a {
    font-size: 18px;
    color:#fff;
}
.instagram-wrap .custom-html-widget a:hover {
    color:#b15921;
}
.subscribe-section {
    position: relative;
    margin-bottom: 0;
    margin-left: 30px;
}
.greta-footer .sticky-icon {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    color: #87764d;
}
h2.footer-title  {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff;
}
.footer-logo {
    width: 100px;
    margin: 0 auto;
    display: block;
}
label {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-size: 14px;
    color: #fff;
}
.greta-footer a {
    color: #fff;
}

input[type="submit"], input[type="reset"], input[type="button"], button, .button {
        background-color: #e4032e;
    display: block;
    width: 100%;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover {
    background-color: #87764d;
}

.greta-footer input[type="text"], .greta-footer input[type="password"], .greta-footer input[type="email"], .greta-footer input[type="tel"], .greta-footer input[type="search"], .greta-footer input[type="url"], .greta-footer select, .greta-footer textarea {
    font-family: 'Lato', sans-serif;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #191919;
    border-radius: 3px;
    border: solid 1px #232323;
    display: block;
    outline: 0;
    padding: 0.92em 1em;
    text-decoration: none;
    width: 100%;
    text-transform: none;
    font-size: 13px;
    margin-bottom: 17px;
    color: #666;
}

div.wpcf7-response-output {
    color: #fff !important;
}

.showoverflow {
  display: none;
	text-align: center;
	border: 1px solid;
	margin: 0 auto;
	position: relative;
	padding: 10px;
}
.showoverflow:hover {
  cursor: pointer;
}

.showoverflowMe {
	display:none;
  
	text-align: center;
	border: 1px solid;
	margin: 0 auto;
	position: relative;
	padding: 10px;
}
.showoverflowMe:hover {
  cursor: pointer;
}
p .showoverflowMe
{
	text-align:center;
}
.hidenTextMe
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 200;
	line-height: 21px;
	color: #fff;
	margin-bottom: 20px;
	padding-left: 0;
	position: relative;
}

#o-mne
{
	background-position: center bottom !important;
}

.hidenText
{
	font-size: 16px;
	font-weight: 400;
	line-height: 27px;
	margin-bottom: 20px;
}

span.quotation.right
{
	position: absolute;
	top: 17px;
}

/* RESPONSIVE */

.hidden-bar-wrapper {
    height: 100%;
    padding: 150px 30px 85px 40px;
}

@media (max-width: 992px) {
    .slide .overlay-box .overlay-inner .content h2 {
        font-size: 22px;
    }
	.bottom-section .section-bg   {
		height: 190px !important;
		background-size: contain !important;
    }
    .greta-footer a, .greta-footer label {
        color: #fff;
    }
    .top-section .section-bg {
        background-position-x: 30% ;

    }
}

@media (max-width: 768px) {
    .second-logo {
        display: none;
    }
	.top-section p {
        padding-left: 0;
        font-size: 14px;
        line-height: 20px;
    }
    .standard.page {
        margin-bottom: 0;
        border: 0 none;
    }
    .sidebar {
        margin-top: 80px;
    }
    .bottom-section .section-bg   {
		display: none;
    }
    .slide .overlay-box .overlay-inner .content h2 {
        font-size: 20px;
    }
    .top-section .section-bg {
        background-position-x: 30% !important ;
				background: url(img/bg-320.jpg) no-repeat center center ;
		 height: 787px ;
		    margin: 0px;
    }
	#o-mne
	{
		background-position: 30% bottom !important;
	}

	.hidenTextMe {
	  display: none;
	}
	.showoverflowMe {
	  display: block;
	}	
	.hidenText {
	  display: none;
	}
	.showoverflow {
	  display: block;
	}
	p.textMe
	{
		font-size: 18px;
		display: flex;
    }
    .top-section h2 {
        margin-bottom: 5px;
    }
    .top-section h3.headerMe
    {
        font-size: 25px;
        margin-bottom: 10px;	
    }
    .quotation {
        font-size: 30px;
    }
	.hidenTextMeHeight
	{
		/*
		background: url(img/bg-420.jpg) no-repeat top center !important;
		 height: 1750px ;
		*/
		padding-bottom: 500px;
    	height: auto !important;
	}	
		span.quotation.right {
    position: absolute;
    top: 0px;
	}
}

@media (max-width: 576px) {
    .slide .overlay-box .overlay-inner .content h2 {
        font-size:14px;
    }
    .top-section h2 {
        margin-bottom: 15px;
    }
    .top-section h3 {
        text-align: center;
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 20px;
    }
    .top-section p {
        padding-left: 0;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 5px;
    }
    .nav-toggler {
        position: absolute;
        float: left;
        left: -6px;
        top: 24%;
        transform: translateY(-50%);
        line-height: 1;
    }
	.hidenText {
	  display: none;

	}

	.showoverflow {
  	display: block;
			text-align: center;
	border: 1px solid;
	margin: 0 auto;
	position: relative;
	padding: 10px;
	}

	.showoverflowMe {
	  display: block;
	}	
	
	.hidenTextMe {
		font-family: 'Oxygen', sans-serif;
		font-weight: 400;
		color: #fff;
		padding-left: 0;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 5px;
		position: relative;
	}	
    p.textMe
    {
        font-size: 15px;
        display: block;
        margin-top: 10px;
		position: relative;
    }
	
	.hidenTextMeHeight
	{
		/*
		background: url(img/bg-420.jpg) no-repeat top center !important;
		*/
		/*background-position-x: 58% !important;	*/
		/*
		margin: 0px !important;
	height: 1550px !important;
    padding: 10px !important;
    */

	
	}
	.hidenTextMeHeight p
	{
		margin: 0px 20px;
		font-size:14px;
		line-height: 16px;
	}
}
@media (max-width: 400px) {
    .slide .overlay-box .overlay-inner .content h2 {
        font-size:14px;
    }
    .top-section h2 {
        margin-bottom: 15px;
    }
    .top-section h3 {
        text-align: center;
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 20px;
    }
    .top-section p {
        padding-left: 0;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 5px;
    }
    .nav-toggler {
        position: absolute;
        float: left;
        left: -6px;
        top: 24%;
        transform: translateY(-50%);
        line-height: 1;
    }
	.hidenText {
	  display: none;

	}
	.showoverflow {
  	display: block;
			text-align: center;
	border: 1px solid;
	margin: 0 auto;
	position: relative;
	padding: 10px;
	}

	.showoverflowMe {
	  display: block;
	}	
	
	.hidenTextMe {
		font-family: 'Oxygen', sans-serif;
		font-weight: 400;
		color: #fff;
		padding-left: 0;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 5px;
		position: relative;
	}	
    p.textMe
    {
        font-size: 15px;
        display: block;
        margin-top: 10px;
		position: relative;
    }
	
	.hidenTextMeHeight
	{
		/* background: url(img/bg-380.jpg) no-repeat top center !important; */
		/*background-position-x: 58% !important;	*/
		/*
		margin: 0px !important;
	height: 1550px !important;
    padding: 10px !important;
    */
    

	
	}
	.hidenTextMeHeight p
	{
		margin: 0px 20px;
		font-size:14px;
		line-height: 16px;
	}
	span.quotation.right {
    position: absolute;
    top: 0px;
	}
}

@media (max-width: 320px) {
    .top-section h3.headerMe {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .showoverflowMe {
        margin: 10px auto;
    }
     .top-section .section-bg {
		background-position-x: 30% !important;	
		 padding: 20px;
		 margin:0px !important;
    }	  
	.hidenTextMeHeight
	{
		background-position-x: 30% !important;
		padding-bottom: 500px !important;
		height: auto !important;
	}
	.hidenTextMeHeight p
	{
		margin: 0px 5px;

	}	
	span.quotation.right
	{
		position: absolute;
		top: 10px;
	}
}