/*
 Theme Name:     Jojo Gym Template
 Theme URI:      https://pivonka.co.uk
 Description:    JoJo Gym Theme - Toto je šablona vytvořená pro JoJo Gym s.r.o. na základě DIVI builderu a DIVI šablony.
 Author:         Lukáš Pivoňka
 Author URI:     https://www.pivonka.co.uk
 Template:       Divi
 Version:		1.0.0
*/

/* DVA SLOUPCE V RADKU - TRIDA .two-columns */
@media only screen and (max-width: 980px) {
 
.two-columns .et_pb_column {
width: 50%!important;
}}

/* Responsive Styles Tablet Only */
@media all and (min-width: 768px) and (max-width: 980px) {
 .two-columns-gallery .et_pb_column {
width: 50%!important;
}
}
/* blog post image on left side 
@media only screen and (min-width: 800px) {
    .dt-blog .et_pb_post.has-post-thumbnail .entry-featured-image-url {
        float: left;
        width: 30%;
        margin-right: 4%;
    }
    .dt-blog .et_pb_post.has-post-thumbnail:not(.format-gallery) > .post-content {
        padding-left: 34%;
    }
}*/


/* Schovani nahledoveho obrazku v prispevcich oznacenych jako video */
.post_format-post-format-video .et_post_meta_wrapper img {
	display:none;
}

/* Uprava stylu widgetu v sidebaru */
.widgettitle {
	border-bottom: solid 2px #ff0000;
	text-align: left;
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 25px;
}
	
/* css pro tlacitko ceniku */
.rv_button.closed:after {content:"\33";}
.rv_button.opened:after{content:"\32";}
.rv_button1.closed:after {content:"\33";}
.rv_button1.opened:after{content:"\32";}
.rv_button2.closed:after {content:"\33";}
.rv_button2.opened:after{content:"\32";}
.rv_button3.closed:after {content:"\33";}
.rv_button3.opened:after{content:"\32";}
.rv_button4.closed:after {content:"\33";}
.rv_button4.opened:after{content:"\32";}


/* css zmena barvy + tlacitka v accordition a togle tab panelu */
.et_pb_toggle_title:before {
  color:#ff0000;
}

/* posuvnik pro tabulku rozvrhu u popisu kurzu - odstranit po výměně stránek s kurzy */
.rozvrhtab {
	max-width: 100%;
	overflow: auto;
}
/* Responsive behaviour for tables on courses pages */
.responsive-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Pro lepší scrollování na iOS */
}

.responsive-table {
 width: 100% !important;
 border-collapse: collapse !important;
}

.responsive-table th, .responsive-table td {
 border: 1px solid #e0dcdc !important;
 padding: 8px !important;
}

.responsive-table th {
 background-color: #e0dcdc !important;
 text-align: left !important;
}

@media (max-width: 980px) {
 .responsive-table, 
 .responsive-table thead, 
 .responsive-table tbody, 
 .responsive-table th, 
 .responsive-table td, 
 .responsive-table tr {
 display: block !important;
 }

 .responsive-table thead tr {
 display: none !important;
 }

 /* .responsive-table tr {
 margin-bottom: 10px !important;
 }*/

 .responsive-table td {
 display: block !important;
 border: none !important;
 position: relative !important;
 padding-left: 50% !important;
 text-align: left !important;
 border-bottom: 1px solid #e0dcdc !important;
 }

 .responsive-table td::before {
 content: attr(data-label) !important;
 position: absolute !important;
 left: 0 !important;
 width: 50% !important;
 padding-left: 10px !important;
 white-space: nowrap !important;
 font-weight: bold !important;
 text-align: left !important;
 }
 .responsive-header {
 background: #e0dcdc !important;
 }
}
@media (min-width: 981px) {
 .responsive-table {
 max-width: 100%;
 overflow: auto;
 }
}

/* End of Responsive behaviour for tables on courses pages */

/* Zakazani zalamovani textu v bunkach tabulek 
td {
padding: 5px;
white-space: nowrap;
}*/

/* Call to action css */
.cta-height .et_pb_promo_description{min-height: 200px!important}
a {
    color: #ff0000;
    text-decoration: none;
}

@media screen and (max-width: 768px){ /*change device breakpoint here depending on the number of tabs you have*/
.equal-tabs .et_pb_tabs_controls li {
        width: 100%; 
      	text-align: center;
		white-space: nowrap
}
}

/* Zakázání boxed layout na mobilním zařízení  */
@media all and (max-width: 480px) {
	
	.et_boxed_layout #page-container {
		width: 100%;
	}
	
}

/* Set the image widths */
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item,
.et_pb_filterable_portfolio_grid .column_width,
.et_pb_filterable_portfolio_grid .et_pb_portfolio_image,
.et_pb_filterable_portfolio_grid .et_pb_portfolio_image.portrait img
{
    width: 250px !important;
}
.et_pb_filterable_portfolio_grid .et_pb_portfolio_image img
{
    min-width: 250px;
}

/* Set the image heights */
.et_pb_filterable_portfolio_grid .et_pb_portfolio_image,
.et_pb_filterable_portfolio_grid .et_pb_portfolio_image.landscape img
{
    height: 600px !important;
}
.et_pb_filterable_portfolio_grid .et_pb_portfolio_image img
{
    min-height: 600px;
}

/* Set the spacing between images */
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item { 
	margin-bottom:25px !important; 
	margin-right: 25px !important; 
}

/* Styly pro Add to cart tlacitka */
.woocommerce .product .add_to_cart_button.button {
background-color: #ffffff;
color: #000000;
padding: 10px 24px;
}

/* Skryti tlacikta update cart*/
button[name='update_cart'] {
display: none !important;
}

/* Typography */

ul li a { 
	font-family: Open Sans, Sans-Serif
}

/* CF7 button style */
input.wpcf7-submit {
    /* change the text color */
    color: #000;
    /* change the border color */
    border-color: #000;
    /* change the background color */
    background-color: white;
    /* change the size of font 
    font-size: 18px;*/
}