/******************************************************************
Theme Name: JointsWP - CSS
Theme URI: http://www.jointswp.com
Description: 
Author: Your Name Here
Author URI: http://www.yoururlhere.com
Version: 4.0
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass
******************************************************************/

/*
	
This file isn't loaded by WordPress.
Make your changes to assets/css/style.css

*/


/* STYLES */
a {
	color: #007338;
}

a:hover, a:focus {
	color: #014a24;
}

/* POSTS */
main#main article {
	margin-bottom: 25px;
}

main#main article:last-child {
	margin-bottom: 0;
}


h1, h2, h3, h4 {text-transform: uppercase;font-weight: 400;}
h2 {    font-size: 1.5rem;}
h3 {font-weight: 400;font-size: 1.2rem;} 
/* PAGINATION */
.pagination .current {
    padding: .1875rem .625rem;
    background: #007338;
}



/* MAILCHIMP */


div#mc_embed_signup div.clear input[type="submit"] {
	background-color: #007338;
	text-transform: uppercase;
	font-size: 13px;
}

.my-gallery-thumbnail-wrapper {position:relative;}
.my-gallery-thumbnail {margin-bottom: 1.5rem;border-bottom: 2px solid #007338;}
.my-gallery-share {position: absolute;left: 15px;top: -4px;}
.my-gallery-share > a > i {background-color: #007338; font-size: 0.7rem; color:white; padding: 0.3rem 0.4rem 0.3rem 0.3rem;}

.cookie-law-info-bar {border-top: 1px solid #007338;}
.cli-plugin-button {-webkit-box-shadow:none;-moz-box-shadow:none;text-shadow:none;border-bottom:none;border-radius: 0;-webkit-border-radius:0;}
.cookie_action_close_header {-webkit-box-shadow:none;-moz-box-shadow:none;text-shadow:none;border-bottom:none;}
.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited {text-shadow: none;}

.top-bar {padding-top: 0.3rem;}
h1 {font-size: 2rem;font-weight: 300;}
.row {max-width: 85rem;}
body {background-color: #fafafa;}
/* HEADER */

div.top-bar.show-for-large {
	background-color: #FFF;
	border-bottom: 1px solid #F0F0F0;
	padding: 25px 15px;
}

div.top-bar.show-for-large div.row a.logo {
	display: block;
	float: left;
}

div.top-bar.show-for-large div.row a.logo img {
	height: 50px;
}

div.top-bar.show-for-large div.row div.menu {
	display: block;
	float: right;
}

div.top-bar.show-for-large div.row div.menu ul {
	background-color: transparent;
	list-style: none;
}

div.top-bar.show-for-large div.row div.menu ul li {
	float: left;
	margin: 17px 0;
	margin-left: 50px;
}

div.top-bar.show-for-large div.row div.menu ul > li.is-dropdown-submenu-parent {
	margin-right: 15px;
}

div.top-bar.show-for-large div.row div.menu ul li a {
	color: #0A0A0A;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1;	
	padding: 0 0;
}

div.top-bar.show-for-large div.row div.menu ul li.active a {
	font-weight: 500;
	color: #007338;
}

div.top-bar.show-for-large div.row div.menu ul > li.is-dropdown-submenu-parent > a:after {
	border-color: #0A0A0A transparent transparent;
	right: -20px;
}

div.top-bar.show-for-large div.row div.menu ul li ul {
	background-color: #FAFAFA;
	border: 1px solid #F7F7F7;
}

div.top-bar.show-for-large div.row div.menu ul li ul li.is-submenu-item {
	margin: 0;
	padding: 0;
}

div.top-bar.show-for-large div.row div.menu ul li ul li.is-submenu-item a {
	font-weight: 400;
	margin: 0;
	padding: 0;
	padding: 10px;
}

div.top-bar.show-for-large div.row div.menu ul li ul li.is-dropdown-submenu-parent.menu-item-has-children a::after {
	display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #0A0A0A;
	right: 20px;
}

div.top-bar.show-for-large div.row div.menu ul li ul li.is-dropdown-submenu-parent.menu-item-has-children ul li.is-dropdown-submenu-item a::after {
	display: none;
}

div.top-bar.show-for-large div.row div.menu ul li.active a {
	background: transparent;
}

div.top-bar.show-for-large div.row div.menu ul li a:hover {
	color: #007338;
}

div.top-bar.hide-for-large {
	background-color: #FFF;
	border-bottom: 1px solid #F0F0F0;
	padding: 15px;
}

div.top-bar.hide-for-large a.logo {
	display: block;
	float: left;
}

div.top-bar.hide-for-large a.logo img {
	height: 30px;
}

div.top-bar.hide-for-large button.menu-icon {
	display: block;
	float: right;
	height: 20px;
	width: 20px;
	margin: 6px 6px 0 0;
}

div.top-bar.hide-for-large button.menu-icon:after {
    background: #007338;
    box-shadow: 0 8px 0 #007338, 0 16px 0 #007338;
}

div.top-bar.hide-for-large button.menu-icon:hover::after {
    background: #0A0A0A;
    box-shadow: 0 8px 0 #0A0A0A, 0 16px 0 #0A0A0A;
}


div.topbar .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {border-color: 8ea61a transparent transparent;}
div.topbar  .dropdown.menu.vertical>li.opens-left>a:after {border-color: 8ea61a transparent transparent;}
div.topbar  .dropdown.menu>li.is-dropdown-submenu-parent>a:after {border-color: 8ea61a transparent transparent;}


.my-topbar .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {top: 125%;
    right: auto;
    left: 0;
    padding: 1rem;
	min-width: 300px;
    border: none;
    margin-top: 1rem;}


/* FOOTER */
footer.footer {border-top: 2px solid #E0BA22;background-color: #FFF;}

footer.footer div.small-footer {
	background-color: #007338;
	color: #FBFBFB;
	overflow: hidden;
	padding: 25px 15px; 
	font-size: 13px;
	text-transform: uppercase;
}

footer.footer div.small-footer div.copy-info {
	float: left;
}

footer.footer div.small-footer div.copy-info span {
	color: #969696;
	margin-left: 5px;
}

footer.footer div.small-footer nav.footer-menu {
	float: right;
}

footer.footer div.small-footer nav.footer-menu ul li a {
    padding: 0 0;
	margin-left: 25px;
	line-height: 1.5;
	color: white;
}

div#mc_embed_signup div.clear {text-align: left;}
footer.footer div.small-footer .menu .active>a {background: none;font-weight: 500;color: white;}

.big-footer-border {border-left: 1px dotted #cdcdcd;}

#content #inner-content {background-color: white;margin-top: 1rem;}

#inner-content {border-top: 2px solid #007338;}

div.top-bar.show-for-large div.row div.menu ul li a {font-size: 0.9rem;}



footer .menu>li>a {padding:0.5rem 0rem;}

footer.footer div.row.big-footer div h2 {text-transform: uppercase;font-size: 1rem;margin-bottom: 15px;}
.big-footer-padding {padding: 3rem;}
/* footer sliders ***************************************************************************************** */
.my-posledne-wrapper, .my-najoblubenejsie-wrapper {padding: 2rem;background-color: white;border-top:1px solid #F0F0F0;text-align: center;}


.front-slider-h3-height {height: 3rem;text-align: center;padding: 0 1rem 0 1rem;}
.front-slider-h3-height h3 {font-size: 0.8rem;text-overflow: ellipsis;display: inline-block;width: 99%;}

.my-najoblubenejsie-wrapper h2, .my-posledne-wrapper h2 {text-align: center;font-weight: 100;font-size: 2rem;margin: 1rem 0 2.5rem 0;}

.my-posledne-wrapper .slick-slide img, .my-najoblubenejsie  .slick-slide img {border: 2px solid #eeeeee;margin: 0 auto;margin-bottom: 1rem;}
.my-posledne-wrapper .slick-slide img:hover, .my-najoblubenejsie  .slick-slide img:hover {border: 2px solid #E0BA22;}

a.naposledy-zobrazit-button {text-align: center;margin: 0 auto;color: white;background-color: #E0BA22;text-transform: uppercase;font-size: 0.8rem;padding: 0.2rem 0.5rem;}
a.naposledy-zobrazit-button:hover {color: #E0BA22;background-color: #fafafa;}

.my-posledne .slick-initialized .slick-slide, .my-najoblubenejsie .slick-initialized .slick-slide {text-align: center;margin-bottom: 2rem;}

.my-posledne-wrapper .slick-prev, .my-najoblubenejsie .slick-prev {left: -16px;top:51%;z-index: 1;}
.my-posledne-wrapper .slick-next, .my-najoblubenejsie .slick-next {right: -19px;top:51%;z-index: 1;}

.slick-prev:before, .slick-next:before {color: #E0BA22;} 

.off-canvas {background-color:#3f9669 ;padding-top: 5rem;}
.off-canvas .menu>li>a {color: white;text-transform: uppercase;font-size: 0.9rem;padding:  1rem 0 1rem 2.5rem;}
.off-canvas .menu .active>a {color: #007b3d;background-color: white;}
.is-accordion-submenu-parent>a:after {border-color: white transparent transparent}
.is-accordion-submenu-parent>active>a:after {border-color: #007b3d transparent transparent}
.my-page-navi {padding: 2rem 0 0 0;text-align: center;}

.produkt-title {font-size: 1.25rem;line-height: 3rem;color: #0a0a0a;}
.produkt-thumb {margin: 0.5rem 0 0.5rem 0;}
.produkt-excerpt {margin-top: 0.5rem;}
.produkt-thumb img {border: 4px solid #f1f1f1;}
.produkt-thumb img:hover {border: 4px solid #E0BA22;}
.my-produkt-wrapper {margin-bottom: 1.5rem;}

#iframepdf {width: 100%;height:1000px;}

.thumbnail-wrapper {position: relative;}
.thumbnail-icon-1 {position: absolute;
    left: 4px;
    top: 4px;}

.in-category {font-size: 1.0rem;
    font-weight: 400;}
.akcia-excerpt-in {margin-top: 2rem;}
.produkt-cena {font-weight: 300;margin-top: 1.5rem;}
.my-wrapper-button-view {float:left;margin: 1rem 2rem 1rem 0;}
.my-wrapper-button-view-akcia-in {margin: 1rem 2rem 1rem 0;clear: both;}
.icon-button-zobrazit {background-image: url("http://mianabytok.miloslavpoliak.sk/wp-content/themes/JointsWP-CSS-master/assets/images/view.png");padding: 2px 0 2px 2.5rem;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 0.8rem;
    text-transform: uppercase;
}
.icon-button-download {background-image: url("http://mianabytok.miloslavpoliak.sk/wp-content/themes/JointsWP-CSS-master/assets/images/download.png");padding: 2px 0 2px 1.7rem;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 0.8rem;
    text-transform: uppercase;
}
._df_button {background-image: url("http://mianabytok.miloslavpoliak.sk/wp-content/themes/JointsWP-CSS-master/assets/images/book.png");padding: 2px 0 2px 1.8rem;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 0.8rem;
    text-transform: uppercase;
}
/* footer sliders ***************************************************************************************** */

.footer-claim {background-color: white;margin-top: 1rem;text-align: center;padding:6rem 4rem;border-top: 2px solid #007b3d;}
.footer-claim h2 {font-weight: 100;font-size: 2rem;}
.footer-claim h3 {font-weight: 100;font-size: 1.25rem;}

#content #inner-content {padding: 4rem 2rem;}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.footer-claim {padding:3rem 1.5rem;}
	.big-footer-padding {padding: 1rem;text-align: center;}
	div#mc_embed_signup div.clear {text-align: center;}
	#content #inner-content {padding: 2rem 1rem;}
}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* X-Large and up 1200 - 1439 */

@media screen and (min-width: 75em) and (max-width: 89.9375em) {
}

/* XX-Large and up 1440 UP */

@media screen and (min-width: 90em) {
}

div.row.id45 {
padding: 3rem 0;
}
@media screen and (max-width: 63.9375em) {
div.row.id45 {
padding: 1.5rem 0;
}
}