/*
 Theme Name:   Pyly.cz
 Description:  Pyly.cz theme - child of The7
 Author:       WP Orchestra
 Author URI:   https://www.wporchestra.cz
 Template:     dt-the7
 Version:      1.0.0
*/

@import url("css/mapclustering.css");
@import url("css/herbslist.css");
@import url("css/herbsdetail.css");
@import url("css/pagination.css");
@import url("css/doctorsdetail.css");
@import url("css/doctorspharmacieslist.css");
@import url("css/herbscalendar.css");
@import url("css/mycalendar.css");

/* MEDIA QUERIES AT THE BOTTOM */

body {
	/* border: 1px solid red !important; */
}

.content ul {
  list-style: none !important; /* Remove default bullets */
}

.content ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #E9B900; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  font-size:24px;
} 

.single .wf-container-main { margin-top:60px;}
.single .content .category-blog h1, .single .content .category-blog h2, .single .content .category-blog h3, .single .content .category-blog h4, .single .content .category-blog ul, .single .content .category-blog p { padding:0 40px 0 100px !important;}
.single .content .category-blog h1, .single .content .category-blog h2, .single .content .category-blog h3, .single .content .category-blog h4{ margin: 0 0 0.5em 0 !important; }
.single .content .category-blog h2, .single .content .category-blog h3, .single .content h4 { margin: 0.5em 0 0.5em 0 !important; }
.single .content .category-blog p { margin: 1em 0 1em 0 !important; font-size: 18px; line-height: 180%;  }
.single  #sidebar { margin-top:0 !important; }
.single .sidebar-spacer { margin-top:35px; }



.hero-buttons button.ubtn-normal {
    padding: 8px 28px !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
	font-family: Inter;
	margin-top: 10px !important;
}

.hero-buttons .ubtn-ctn-left {
	float:left;
	margin-right: 10px;
}

.hero-buttons .subpage  button.ubtn-normal {
	font-size: 100%;
	height:48px !important;
}

.pylove-zpravodajstvi .vc_grid-styled-select  { 
	border-radius:25px;
	padding: 3px 8px 3px 20px;
}

.pylove-zpravodajstvi .vc_grid-filter-dropdown:before  {
	content:"Zobrazit zpravodajství za:";
	margin-right: 10px;
}
.pylove-zpravodajstvi .vc_grid-styled-select select {
	margin-right: 5px;
}
.pylove-zpravodajstvi .vc_grid-styled-select select:focus {
	box-shadow:none;
}


#pyly-hero { padding-top: 100px;}

#pyly-hero .upb_row_bg { background: none !important; }

#pyly-hero h1 { font-size:42px; margin-bottom:5px;  color:white;}
#pyly-hero h2 { font-size:20px; opacity: 0.6;  color:white; }
.hero-text-light, .hero-text-light h1, .hero-text-light h2, .text-light { color:white }

.hphero h2, .hphero h3, .hphero h4 { opacity: 0.6;  color:white; }
.hphero h4 { font-size: 16px; }

.subheadline { margin-top:15px; margin-bottom: 90px;}

.hero-buttons ul {}
.hero-buttons ul li { float: left; border:1px solid white; border-radius: 25px;}

.hero-buttons ul.alergeny {
	clear: both;
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 10px !important;
}

.hero-buttons ul li {
	list-style-type: none !important; 
	display: block;
	float:left;
	border: 1px solid #D8D8D5;
	padding: 3px 20px 3px 20px !important;
	border-radius: 25px;
	margin: 5px 8px 5px 0px;
	background: white !important;
	border: none;
	font-size: 13px;
	font-weight: 600;
	text-transform: lowercase;
}

.hero-buttons ul li a {
	color: #2C2D25;
	text-decoration: none;
	 text-transform: capitalize;
}

.hero-buttons ul.alergeny li:nth-last-child(2) {
	margin-right:20px !important;
}

.kalendar-kveteni-button { margin-top:20px; float: left; clear: both; }

.hero-buttons ul li.kalendar  {  background: transparent !important; border:1px solid white; font-weight: normal; }
.hero-buttons ul li.kalendar a { color: white; text-transform: none;}

.hero-buttons ul li:before {
	content: "" !important;
    width: 0 !important;
	margin-left: 0 !important;
}

.special {
	padding-top:0 !important;
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}

.special div.vc_row {
	border-left: 3px solid #E9B900;
	padding:80px 0px 100px 40px;
	margin-left:30px !important;
}

.special div.vc_column-inner {
	padding-right: 80px;
}

.special-hero {
	border-left: 3px solid #E9B900;
	margin-left:15px !important;
	padding-left:40px !important;
	margin-top:50px;
	padding-bottom:80px;
	line-height: 180%;
	font-weight: 100;
	font-size: 18px;
}

.special-sidebar .vc_column-inner {
	padding:60px 100px 60px 60px !important;
	margin-top: 15px;
	width: 90%;
}

.special-sidebar::before {
	padding:12px 3px 0px 3px;
	text-align: center;
	color: white;
	content: "tip";
	font-weight: 500;
	display: inline-block;
    width: 46px;
    height: 40px;
    left: 55px;
	top: -10px;
	position: absolute;
	background: #a0b16b; 
    -moz-border-radius: 100px; 
    -webkit-border-radius: 100px; 
    border-radius: 70px;
}

.iconhead::before {
	content: " ";
	display: inline-block;
    width: 46px;
    height: 46px;
    background-image: url("/wp-content/uploads/2021/07/ico26.png");
    background-repeat: no-repeat;
    left: -65px; 
	top: 0px;
	position: absolute;
	background-size: 46px 46px;
}

.featured-links button.ubtn-normal {
	padding: 2px 40px 2px 20px;
	border-left: 1px solid #7b7b7b !important;
	float: left;
	font-size: 13px;
}

.flinks {
	display:flex !important;
}

.flinks a { 
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	border-left: 1px solid #dbdbdb !important;
	font-size: 13px;
	text-decoration: none;
}

.featured-links .sponsor {
	font-size: 80% !important;
	line-height: 1.4em;
}


.featured-links .link a {
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	border-left: 1px solid #7b7b7b !important;
	font-size: 13px;
	text-decoration: none;
}

.hp-box a {
	text-decoration: none !important;
	color: #2C2D25 !important;
}

.hp-box .block-ico {
	/* width: 68px !important; */
}

#about h6 { font-size:13px; font-weight: normal; }
#about h6 a { color: #9CB162; text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: none !important; color: #e9b900; }

#search .wpb_tabs.tab-style-two {
	background: transparent;
	text-align: center;
}

#search ul.wpb_tabs_nav {
	margin: 0 auto;
	text-align: center;
	margin-bottom:1.5m !important;
}

#search .ui-tabs-nav li{
	display:inline-block;
	float: none;
	margin: 0 auto;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	border: none;
}

#search .ui-tabs-nav li a{
	display:block;
	padding:10px;
	/* color: white; */
}

#search .ui-tabs-nav li.ui-tabs-active a{
	border-bottom:3px solid #e9b900;
	padding-bottom: 7px;
}

.search-form { }

#search .wpb_tabs.tab-style-two input.search,
#search .wpb_tabs.tab-style-two input.search:hover{
	height: 48px;
	background-image: url("/wp-content/uploads/2021/09/poi_marker.svg"); 
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 40px;
	border-radius: 0px;
	background-color: transparent;
	border: 0px;
	float:left;
	width:80%;
    border: 1px solid #d3d3d3 !important; /*background:  #d3d3d3; */border-radius: 4px !important; 
}

#search .wpb_tabs.tab-style-two input.search {
    float: none;
    width: 40% !important;
}

#search .wpb_tabs.tab-style-two select {
    width: 40% !important;
    height: 48px;
    border: 1px solid #d3d3d3 !important; /*background:  #d3d3d3; */border-radius: 4px !important; 
}

@media only screen and (max-width: 575px) {
    #search .wpb_tabs.tab-style-two {
        text-align: center;
    }
    #search .wpb_tabs.tab-style-two input.search,
    #search .wpb_tabs.tab-style-two select {
        width: 100% !important;
    }
}

#search form{
	height: 48px;
	border-radius: 0px;
	background-color:white;
}

#search form input.search-submit {
	background-color: white;
	background-image: url("/wp-content/uploads/2021/09/ico-magnifier.svg"); 
	background-repeat: no-repeat;
	background-position: center center;
	width: 52px;
	height: 48px;
	float:right;
	border: none;
	color: transparent;
	border-radius: 0px;
}
input[type="submit"].search-submit:hover {
	background: white !important;
	background-position: left center !important;
	border:1px solid green;
}

#page input[type="submit"]:not([name="update_cart"]):hover {
	/* background-color: white !important;
	background-image: url("/wp-content/uploads/2021/09/ico-magnifier.svg") !important; 
	background-repeat: no-repeat !important;
	background-position: center center !important; */
}

#page input.wpcf7-submit:hover {
	background:#c39d0a !important;
}

#search a.search-more{
	color:white !important;
	text-decoration: none !important;
	color: white;
	font-size: 90%
;}
#search a.search-more span {
	margin-right:5px;
}

input.lekarny-search {
	width: 80%
}

#blog a.post-details {
	color:#9CB162
}

.post-details.details-type-link i {
	display:none;
}

.iconbox {
	border-right: 1px solid #E2E2E2;
}
.iconbox img {
	width: 68px;
	margin-top:10px;
}

.blog-shortcode .post-entry-content:before{
	background-image: url("/wp-content/uploads/2021/08/favicon.svg"); 
	background-repeat: no-repeat;
	background-position: center 8px;
	background-size: 55% 55%;
	background-color:white;
	padding:3px !important;
	border-radius: 50%;
	position: absolute;
	content: '';
    margin-left:-18px;
	margin-top:-40px;
	width:36px;
	height:36px;
}

.blog-shortcode .entry-title {
	margin-top: 20px;
}

.articles_more {
	margin-top: 115px;
}

/* help classes */

.cleaner {
	clear:both;
	height:0;
}
.marginized {
	margin:10px 20px 20px 20px !important;
	width:45% !important;
 }
.link-more {
	text-decoration:none;
	font-size: 90%;
}

.pyly-table td {
	border-top: 0px;
	padding:20px 10px 20px 0px !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.brand-color1 {
	color:#9CB162
}

.bottom-row {
	padding-top:30px !important;
	padding-bottom:30px !important;
}

.first-bottom-row {
	margin-top: 30px;
	padding-top:50px !important;
}

.bottom-block {

}

.bottom-block .boxes {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
	max-width: 1340px;
	margin: 0 auto !important;
}

.bottom-block .box {
	/* background:white;	*/
}

.bottom-block .box .inner {
	padding: 20px;
}

.bottom-block .box a {
	text-decoration: none;
	color: #2C2D25;
}

.bottom-row {
	max-width: 1340px;
	margin: 0 auto !important;
}

.block-ico img { width: 70px;}

/* FOOTER */

#bottom-bar {
	background: #5C6B58;
	height: 50px !important;
	padding-top: 12px;
}

#bottom-bar span.pipe {
	padding:0 10px;	
}
.widget-title {
	font-weight: bold;
}

.footer .menu li, .footer .widget_pages li, .footer .custom-menu.dividers-on li, .footer .blogroll li, .footer .qts-lang-menu li {
	border-top: none !important;
	padding-top: 2px !important;
}

.footer #custom_html-2 {
	text-align:center;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	padding: 0 2em 0 2em;
	height:240px;
}

.footer #custom_html-2 .widget-title { 	padding: 0 4em; line-height:180%; }
.footer #custom_html-2 a.android img{ 	margin-right:10px;}

/* SIDEBAR */

#sidebar {
	margin-top: 80px;
}
#sidebar ul.menu li{
	display: block;
	background: #EDEDED;
	font-weight: bold;
	font-family: Inter;
	margin-bottom: 20px;
	border: 0;
}

#sidebar ul.menu li a{
	display:block;
	padding: 2em 2em 2em 2.5em;
	color: #2C2D25;
	font-size: 1.5em;
	background: no-repeat url("/wp-content/uploads/2021/06/logo-item-3.png");
	background-position: 90% center;
}
#sidebar ul.menu li a:hover{
	text-decoration: none;
	color: #9CB162; 
}

.NLform input.NLemail {
	margin: 0 auto !important;
	width: 280px !important;
}

.NLform input["submit"] {
	border-radius: 30px 30px 30px 30px !important;
	color: white !important;
	border: none !important;
	background: #E9B900 !important;
	font-weight: bold !important;
	padding: 15px 30px !important;
	width: 240px !important;
	margin-top:1em !important;
}

.NLform input.NLsubmit:hover {
	background-color: #E9B900 !important;
}

#page .NLform input[type="submit"]:not([name="update_cart"]) {
	margin-top:1em !important;
}

#page .NLform input[type="submit"]:not([name="update_cart"]):hover {
	background-color: #E9B900 !important;
	background-image:none;
}

.NLform .wpcf7-spinner {
	display:block;
	margin:20px auto;
}

.grecaptcha-badge { opacity:0;}

/* RESPONSIVE for classes above */

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

	.hero-buttons a.ubtn-normal { padding:0 !important; margin-top: 10px !important; }
	.hero-buttons button.ubtn-normal {	margin-top: 5px !important;	}
	.hero-buttons .ubtn-ctn-left { margin-bottom: 5px;}
	.hero-buttons .vc_custom_1626862566214 { margin-left: 0 !important;}
	.hphero .upb_row_bg { background-size: cover !important; background-position: 40% !important; }
	
	.hero-buttons ul li.kalendar { margin-left: 0;}
	
	.featured-links button.ubtn-normal {
		padding: 6px 40px 6px 15px;
	}
	.featured-links .link a {
		display:block;
		float:none;
		padding: 6px 40px 6px 15px;
		margin:20px 0px !important; 
		font-size: 1em;
	}
	.featured-links .sponsor {
		margin:0px 0px 20px 0px;
		padding-top: 35px;
		border-top:1px solid #EDEDED;
		font-size: 1em !important;
		/* text-align: center; */
	}

	#search .wpb_tabs input.search {
	width: 200px !important;
	}
	
	/* MOBILE MENU */ 
	.dt-mobile-header .menu-select, .dt-mobile-header .mini-nav > ul:not(.mini-sub-nav) > li > a {
		padding:10px 0px;
	}
	.mobile-mini-widgets-in-menu {
		margin-top:15px;
		padding-top:10px;
		padding-bottom:10px;
		border-top:1px solid #E2E2E2;
	}
	.mobile-mini-widgets-in-menu li.menu-item-61286 { 
		border-top:1px solid #E2E2E2; 
		width: 280px; 
		margin-top:10px !important; 
		padding-top:10px;
	}
	#header_microwidget2-menu { border-bottom: none !important; }
	.mobile-mini-widgets-in-menu li { display:block; }
	
	.single .sidebar-spacer { margin-top:10px; }
	
}

/* PYLOVE ZPRAVODAJSTVI */

.zpravodajstvi-item {
	margin-top: 20px;
	padding-top:40px;
	border-top: 1px solid #E2E2E2;
}

.zpravodajstvi-item .cislo_tydne {
	font-size: 42px;
	font-weight: 700;
}

.inline div, .inline p{
	display: inline !important;
}

.zpravodajstvi_left * {
	display: inline;
	color: #E2E2E2 !important;
		padding-top:10px !important;
}

.zpravodajstvi_left {
	height: 90px;
	width: 110px;
	background: white;
	border: 1px solid #E2E2E2;
	text-align: center !important;
	padding-top:10px !important;
	margin-right:30px;
}

.page-id-56109 .vc_btn3 {
	background: #E9B900 !important;
	height: 40px;
	border-radius:25px;
	padding:10px 30px 4px 30px;
	color: white !important;
}

.zpravodajstvi-item .nadpis {
	font-weight: bold;
	font-size: 20px;
	display: block;
	margin-bottom: 16px;
}

.zprava-alergeny-list {
    margin-bottom: 10px !important;
	display: inline-block;
}
.zprava-alergeny-list h1, .zprava-alergeny-list h2, .zprava-alergeny-list h3, .zprava-alergeny-list h4 {
	color: #999995;
	font-size:18px;
}

.zprava-alergeny-list ul {
	min-height: 48px;
	clear: both;
	margin-left: 0;
	margin-top: 20px;
}

.zprava-alergeny-list li {
	list-style-type: none !important; 
	display: block;
	float:left;
	border: 1px solid #D8D8D5;
	padding: 4px 15px 4px 15px !important;
	border-radius: 25px;
	margin: 5px 10px 5px 0px;
	background: none !important;
}

.zprava-alergeny-list li:before {
	content: "" !important;
    width: 0 !important;
	margin-left: 0 !important;
}

.zprava-alergeny-list li a {
	color: #2d2d26;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: 600;
}

article.category-pylove-zpravodajstvi .dt-btn{
	font-size: 0.9em;
}
	


@media only screen and (max-width: 1024px) {
      #pyly-hero {
        background-size: cover;
      }
      .special div.vc_row {
    	margin-left:20px !important;
    	padding:80px 0px 40px 40px;
      }
      .special div.vc_column-inner {
    	padding-right: 20px;
    	padding-left: 10px;
    	margin-left:-5px;
    	margin-top: 40px;	  
      }	
      .special-hero {
    	border-left: 3px solid #E9B900;
    	margin-left:5px !important;
    	padding-left:10px !important;
      }
      .special-sidebar .vc_column-inner {
    	padding:60px 20px 40px 20px !important;
    	margin-left: -15px !important;
    	margin-top: 45px !important;
    	width: 100%;
      }
    .special-sidebar::before {
    	display: inline-block;
        width: 46px;
        height: 40px;
        left: 40%;
    	top: -25px;
    	position: absolute;
    	background: #a0b16b; 
        -moz-border-radius: 100px; 
        -webkit-border-radius: 100px; 
        border-radius: 70px;
    }		
}




/* herbs-list-type ****************************************************/

.rostliny-template-default .aside { margin: 10px 20px 40px 30px;}

.type-switch-common {
    text-align: center;
    width: 100%;
    text-align: center;
    margin-top: -72px;
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
}

    .type-switch-common a {
        display: inline-block;
        background: red;
        width: 70px;
        height: 30px;
        margin: 0 5px;
        text-transform: uppercase;
        background: transparent url(./images/blank.png) 26px 10px no-repeat;
        color: #fff;
        text-align: center;
        font-weight: bold;
        font-size: 12px;
        padding-top: 37px; 
        text-decoration: none;
        
    }
        
        .type-switch-common a:hover,
        .type-switch-common a.active {
            border-bottom: solid #fff 5px;
        }

        .type-switch-common a.herb {
            background-image:  url(./images/type-white-herb.svg);
        }
        
        .type-switch-common a.tree {
            background-image:  url(./images/type-white-tree.svg);
        }
        
        .type-switch-common a.grass {
            background-image:  url(./images/type-white-grass.svg);
        }

/* END herbs-list-type ****************************************************/
