/*
Theme Name:   VantageChild
Description:  Write here a brief description about your child-theme
Author:       administrator
Author URL:   http://www.jdina.cz/lekdum
Template:     vantage
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  VantageChild
*/

/* Write here your own personal stylesheet */



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,
code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	font-family: Arial;
	font-family: 'Roboto', sans-serif;
	color: #707070;
	font-size: 16px;
}

body,button,input,select,textarea { 	color: #ccc;	line-height: 1.5;	font-size: 14px; }

.entry-content > *:first-child {     padding-top: 20px;  }

.entry-content h1 {	 color: #707070; margin: 20px 0px; }
.entry-content h2 {	 color: #707070; margin: 10px 0px; } 
.entry-content h3 {	 color: #707070; margin: 10px 0px; }

#yoast-breadcrumbs, #navxt-breadcrumbs { margin: 0 -1000px;   padding: 10px 1000px 10px 1000px; }



.entry-title { color: #3498db  !important;   font-family: open sans,sans-serif;   font-size: 27px  !important;  font-weight: 700  !important ; margin: 80px 0px 30px 0px;; }

#main {     background: #FFF;    padding: 0px 35px 0px 35px;  min-height: 400px; }

body.home #main {     background: #FFF;    padding: 0px 35px 35px 35px;  
			background-image: url(/wp-content/uploads/2022/01/medical-slide-11-1.jpg);
			background-position: top center;       background-size: auto 600px;
			padding-top: 300px;    background-repeat: no-repeat;  }
			
/* kvuli testovani */			
body.page-template-home-panels #main {     background: #FFF;    padding: 0px 35px 35px 35px;  
			background-image: url(/wp-content/uploads/2022/01/medical-slide-11-1.jpg);
			background-position: top center;       background-size: auto 600px;
			padding-top: 300px;    background-repeat: no-repeat;  }
			
body.page-template-home-panels #yoast-breadcrumbs { display:none; }			
			
		

body.layout-full {   background-color: #FFF;  }

#masthead  { height: 136px; background: #ffffff; }
#masthead .hgroup  { display: none; }

.main-navigation ul li a {	padding: 45px 20px 25px 20px; }
.main-navigation a {     font-size: 19px; }

.main-navigation.sticky:after {    box-shadow: rgba(0, 0, 0, 0.25) 0 0px 0px 0px inset; }


#secondary {  margin-top: 80px; }

.main-navigation a {	display: block;	text-decoration: none;	color: #333;	font-weight: normal; font-size: 15px; }
.main-navigation .logo-in-menu-wrapper { width: 500px; float: left; }
.main-navigation .menu  { float: right; }

#search-icon #search-icon-icon {   background-color: transparent; }
.main-navigation ul li a:hover { background-color: transparent;  text-decoration: underline; color: #555; }
/*a.thumb:hover {	filter: brightness(65%); }*/
.main-navigation {    background: #FFF;  }

.entry-content > *:first-child {    padding-top: 0px; }

.entry-content .patra  strong { font-family: Roboto;font-style: normal;font-weight: bold;font-size: 17px;line-height: 21px;letter-spacing: 0.03em;color: #FFFFFF; }
.entry-content .patra  p { font-family: Roboto;font-style: normal;font-weight: 400;font-size: 14px;line-height: 14px;letter-spacing: 0.03em;color: #FFFFFF; }
.entry-content .patra  strong a { font-family: Roboto;font-style: bold; font-size: 17px  !important;;line-height: 14px;letter-spacing: 0.03em;color: #FFFFFF !important; }

.entry-content .patra   a , .entry-content .patra  strong a { text-decoration: none; color: #fff !important;  }
.entry-content .patra   a:hover , .entry-content .patra  strong a:hover { text-decoration: underline; }


.ctvrte_patro .panel-grid-cell { background: #cc3c61;  height: 250px; padding: 12px; }
.treti_patro .panel-grid-cell { background: rgba(161, 89, 163, 1); opacity: 0.98; height: 420px; padding: 12px; }
.druhe_patro .panel-grid-cell { background: #6FC059; height: 210px; padding: 12px; }
.prvni_patro .panel-grid-cell { background: #1280BE; height: 255px; padding: 12px; }
.nulte_patro .panel-grid-cell { background: #6BC4BB; height: 160px; padding: 12px; }

/*.treti_patro { background: rgba(161, 89, 163, 1); opacity: 0.98; }*/ 
                 
.patra .panel-first-child { position: relative; }
.patra h1 {  font-family: Roboto; font-style: normal;font-weight: 900; font-size: 167px;line-height: 196px; color: #fff; }
.patra span {  	font-family: Roboto;font-style: normal;font-weight: 300;font-size: 30px;line-height: 35px; color: #fff;
						letter-spacing: 0.07em; position: absolute; bottom: 110px;    right: -53px;  transform: rotate(-90deg);  }

.ctvrte_patro h1 { margin-top: 45px; }								 
.treti_patro h1 { margin-top: 211px; }     
.druhe_patro h1 { margin-top: 8px; }
.prvni_patro h1 { margin-top: 53px; }
.nulte_patro h1 { margin-top: -20px; }

.so-widget-sow-image h3 {  font-size: 16px; margin-top: 15px !important; }

/*---------------------------------------------------------------------------------------*/

.ordinace_top  {  font-family: Roboto; font-style: normal;font-weight: 900;font-size: 167px;line-height: 196px; }
.ordinace_top  { background: #4db1e2;  padding-top: 0px !important; padding-bottom: 0px  !important; }
.ordinace_top .panel-grid-cell { /*background: #4db1e2;*/  min-height: 170px; padding: 12px; }
.ordinace_top .panel-grid-cell:first-child { border-right: 2px #fff solid; }

/*--------------*/

/*.ordinace_top h1 {  font-family: Roboto; font-style: normal;font-weight: 900;font-size: 180px;line-height: 196px; 
					margin-top: 0px;   margin-left: 50px;  color: #FFF;        letter-spacing: -8px;  } */

.ordinace_top h1 {  font-family: Roboto; font-style: normal;font-weight: 900; font-size: 41px; line-height: 60px; margin: 18px 0px 30px 60px; color: #FFF; letter-spacing: 0px; }  
					

.new h5  {  font-family: Roboto; font-style: normal;font-weight: 900;font-size: 150px;line-height: 196px; 
					margin-top: 0px;   margin-left: 50px;  color: #FFF;   letter-spacing: -8px; position: relative; margin-bottom: 0px; }
										
					
/*--------------*/
					
.ordinace_top h2 {  font-family: Roboto; font-style: normal;font-weight: 900; font-size: 49px; line-height: 70px; margin: 8px 0px 30px 60px; color: #FFF; }
.ordinace_top .panel-first-child { position: relative; color: #FFF; }
.ordinace_top span {  	font-family: Roboto;font-style: normal;font-weight: 300;font-size: 30px;line-height: 35px; color: #fff;
						letter-spacing: 0.07em; position: absolute; bottom: 110px;    right: -53px;  transform: rotate(-90deg);  }
						
.dva_radky h2 {  font-size: 42px;    line-height: 60px;    margin: 16px 0px 30px 60px; }
 
 .ord_ctvrte_patro  { background: #cc3c61;  }   										
 .ord_treti_patro  { background: rgba(161, 89, 163);  }
 .ord_druhe_patro  { background: #6fc059;  }
 .ord_prvni_patro  { background: #1280be;  }
 .ord_nulte_patro  { background: #6bc4bb;  }
 
 

.entry-content .blue_ribbon {   padding: 30px 60px 60px 60px; }
.entry-content .blue_ribbon h3 {     color: #ffff; }
.entry-content .blue_ribbon p {     color: #ffff; }
.entry-content .blue_ribbon p a {     color: #ffff !important; text-decoration: none; }
.entry-content .blue_ribbon p a:hover {     color: #ffff !important; text-decoration: underline; }

.entry-content table  { border-bottom:  0px; }
.entry-content table td  { color: #fff;     padding: 0px;    margin: 0px;    line-height: 28px; }


.ctvrte_patro_photo  {   background: #cc3c61; background: linear-gradient(358deg, #cc3c61 63%, rgba(255,255,255,1) 63.5%);  }
.treti_patro_photo  {   background: rgb(153,97,169); background: linear-gradient(358deg, rgba(153,97,169,1) 63%, rgba(255,255,255,1) 63.5%);  }
.druhe_patro_photo  {   background: #6fc059; background: linear-gradient(358deg, #6fc059 63%, rgba(255,255,255,1) 63.5%);  }
.prvni_patro_photo {   background: #1280be; background: linear-gradient(358deg, #1280be 63%, rgba(255,255,255,1) 63.5%);  }
.nulte_patro_photo {   background: #6bc4bb; background: linear-gradient(358deg, #6bc4bb 63%, rgba(255,255,255,1) 63.5%);  }



/*---------------------------------------------------------------------------------------*/


.fancybox-button {
    border: none !important;     border-bottom: 0px !important;
    background: transparent  !important;
}
.fancybox-button div {
    background: #333  !important;
}
.fancybox-button:focus{
		border: 0px red solid !important;		border-bottom: 0px !important;  background: transparent  !important;		 outline: 0px dotted; }


#colophon { background: #2c4553; }


/* --------- shop item vistashop specific -------------------*/
.fancybox-toolbar {    right: 0;    top: 20px; }
.video {    position: absolute;    top: 20px; z-index: 100000; }
#video_bg {    position: absolute;    top: 0px; width: 100vw; height: 100vh; background-color: #000;  margin-left: -50vw; left: 50%; }
.video_close {	width: 20px; height: 20px; position: absolute; top: 10px; right: 0px; background-color: #fff;
    padding: 3px 2px 2px 12px;    background-color: #fff;    color: #000;    z-index: 100001; cursor: pointer; }
.video_thm {     position: relative;  }
.video_thm span {     position: absolute;    bottom: 40%;    left: 30%;    font-size: 25px;    font-weight: 600; }
.video_thm img {	 opacity: 50%;}


/*-------------------------*/

.mobile-nav-frame {    background: #004c8d !important; }
.mobile-nav-frame ul {      background: #004c8d !important; border: 1px solid #FFF !important; }


@media (max-width: 1024px) {


	.panel-grid.panel-has-style>.tablet_2_sloupce   { flex-wrap: wrap !important;  }	
	.panel-grid.panel-has-style>.tablet_2_sloupce    > div { width: calc(45% - ( 0.75 * 30px ) ) !important; ;  }

	
	.main-navigation ul li a { padding: 35px 10px 15px 10px; }
    .main-navigation .logo-in-menu-wrapper {  width: 370px;  }        
    
	.ordinace_top h1 {  font-size: 35px;  line-height: 50px; margin: 18px 0px 30px 10px; }
	    
	.new  h5 {  font-size: 90px; }

}


@media (max-width: 780px) {

	.panel-grid.panel-has-style>.tablet_2_sloupce   { flex-wrap: nowrap !important;  }	
	.panel-grid.panel-has-style>.tablet_2_sloupce    > div { width: 100%  !important; ;  }


	#pgc-44-1-2 { display: none; }

	#main {  padding: 0px 15px 0px 15px !important;     }
	.ordinace_top h1 {   margin: 16px 0px 0px 0px; font-size: 27px; line-height: 42px; }	
	.new h5 {    margin-left: 30px; letter-spacing: 0px; margin-left: 0px;  }	
	
	.ordinace_top span {  bottom: 79px; right: -39px; }	
	
	.main-navigation .menu {    float: right;    position: absolute;    right: 0px;    top: 69px; }
	#yoast-breadcrumbs { display: none; }	
	
	
	.prvni_patro .panel-grid-cell, .druhe_patro .panel-grid-cell, .treti_patro .panel-grid-cell, .ctvrte_patro .panel-grid-cell {   height: auto;     padding: 12px;  }	
	.patra > div {   margin-bottom: 10px !important; } 	
	
	.treti_patro h1 { margin-top: 0px; }
	
	 .entry-content .patra  a {     font-size: 21px !important; }
	
	.ordinace_top > div:nth-child(1)  {   border-bottom: 1px #FFFFFF solid; }

    .patra span {     right: -29px; }
	.patra > div { padding: 10px !important; }
	.ordinace_top .panel-grid-cell:first-child {   border-right: 0px #fff solid !important;  }
	.ordinace_top h2 {  font-size: 29px;  line-height: 35px;  margin: 0px 0px 0px 0px; text-align: center; }    


	/* tabulky */  
	.entry-content table { width: 100% !important; }	  
	.entry-content table  table,table thead, table tbody,table  th,table  td,table  tr {  display: block; }		
	
	.entry-content table thead tr {			position: absolute;		top: -9999px;		left: -9999px;		}					
	.entry-content table td {			border: none;			position: relative;		padding: 5px; width: auto !important;		}
	.entry-content table tr {	 height: auto !important;		}      
    
	


}