/*
mobil 0 - 766 včetně     @media screen and (max-width: 767px) {}
tablet 767 -  včetně     @media screen and (min-width: 767px) {
*/


/* tablet */
@media (min-width: 768px) AND (max-width: 1024px){
    #hp-jak,
    #laoc-moudro,
    #pns-moudro{
                padding: 3rem 3rem 3rem 3rem;
    }
    
    
    
    #o-mne .pc{
        display: none;
    }
    
    
    
    #hp-recenze{
               /* padding: 3rem 0rem 3rem 0rem;        */
                padding: 3rem 0rem 0rem 0rem;        
    }    
    
    
    #mohlo-by{
               /* padding: 3rem 0rem 3rem 0rem;        */
                padding: 3rem 0rem 2    rem 0rem;        
    }
    
    #hp-recenze > div > div > div > div.elementor-widget-heading > div{
            padding-top: 3rem;
            padding-bottom: 2rem;
    }
    
    
    #vybrane-recenze{
        padding-left: 20px;
        padding-right: 20px;
    }


    #astrosluzby{
        padding-left: 20px;
        padding-right: 5px;
    }


    
    #mohlo-3{
        margin-bottom: 0px;
    }
    
}



#hp-vitej p {
    margin-bottom: 0.50em;
    font-size: 2.3rem;
    line-height: 2.2rem       
}

div.moudro div.elementor-heading-title{
    font-size: 1.5rem;
    line-height: 1.2;
        font-style: italic;
}


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

    
    .elementor-element-35525007{
        padding-right: 0px;
        padding-left: 0px;
    }    
    
    
    #hp-recenze div.elementor-element-populated{
        padding-right: 20px;
        padding-left: 20px;        
    }
    
    

div.moudro div.elementor-heading-title{
    font-size: 1.2rem;    
}


    
    #hp-vitej p {
    margin-bottom: 0em;
    font-size: 2rem;
    line-height: 2rem       
    }
    
    #hp-jak,
    #laoc-moudro,
    #pns-moudro{
                padding: 2em 2em 2em 2em;
    }
    
    
    #hp-jak div.elementor-widget-heading,
    #laoc-moudro div.elementor-widget-heading,
    #pns-moudro div.elementor-widget-heading{
        margin-bottom: 0em;
        font-style: italic;  
    }
    
    
    
    #o-mne > div{
        margin-top: 0px;
    }
    
    #hp-skc-vip h3,
    #hp-skc-events h3,
    #hp-skc-news h3{
        font-size: 1.8rem;
    }
    
    
    #hp-skc-news{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    #ul-hp-news{
        margin-left: 20px;    
        margin-bottom: 0px;
    }
    
    #hp-skc-vip > div > div > div > div.elementor-widget-text-editor,
    #hp-skc-vip divelementor-widget-text-editor{
        margin-bottom: 0em;
    }
    
    
   #hp-skc-vip div.elementor-widget-container,    
   #hp-skc-events div.elementor-widget-container,
   #hp-skc-news-col-2 div.elementor-widget-container{
            margin-top: 0px;
    }
    
    
    #hp-event-list td[data-label="Akce"]{
    padding: 0px;
    }

    #hp-event-list td[data-label="Datum"]{
    padding-bottom: 0px;
    }

    
    #hp-event-list > tbody > tr:last-child{
        margin-bottom: 0px;
    }   
    
    #hp-knt-mrz{
        padding: 0px 20px;
    }
    
    #hp-hero p{
        margin-bottom: 10px;
    }   
    
    
    #mohlo-by h2,
    #hp-recenze h2,
    #hp-sluzby-a h3{
        font-size: 1.6rem;
    }
    
    
    #hp-recenze h2{
        padding-top: 20px;
    }
    
    
    #hp-recenze p.elementor-image-box-title{
        margin-bottom: 10px;
    }
    
    #hp-recenze{
        padding: 20px 20px 20px 20px;
    }
    
    
    #hp-skc-vip p,    
    #hp-recenze div.elementor-widget-image-box,
    #hp-recenze figure{    
        margin-bottom: 20px;
    }
    
    

    
    
    

    #hp-sluzby-a  div.elementor-widget-heading{        
            margin-top: 20px;
    }
    

    #hp-sluzby-a div.elementor-image-box-content,
    #hp-sluzby-b div.elementor-image-box-content{
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }    
    
    
    #hp-sluzby-a,
    #hp-sluzby-b{
        background-color: var(--e-global-color-astglobalcolor6);
    }
    
    #hp-sluzby-a div.hp-col-sluzba,
    #hp-sluzby-b div.hp-col-sluzba{
        background: #ffffff;
        margin: 0px 20px 20px 20px;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    }    
    
    
    
    #mohlo-3 h2{
        color: #1D738B;
        font-size: 1.5rem;
        text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
        
        
      color: var(--e-global-color-astglobalcolor5);
      text-shadow: 2px 2px 0px #1D738B;
        
        
    }


    #mohlo-3 > div > div{        
        padding: 0px;        
    }

    
    #mohlo-3 > div > div > div{
        height: 150px;         
        background-color: rgba(0, 0, 0, 0.15);
    }
    
    #mohlo-col-2{
        background-image: url(https://www.astrologiepetranel.cz/wp-content/uploads/2024/05/13d60c35-af42-47ee-add8-ce36921230f1_rw_19201.jpg)!important; 
        background-size: cover;
                background-position: center;
    }
    
    
    #mohlo-col-4{
        background-image: url(https://www.astrologiepetranel.cz/wp-content/uploads/2020/11/Obalka-design-3-knihy-finalni-scaled.jpg)!important; 
        background-size: cover;
                background-position: center;
    }
        
    #mohlo-col-6{
    /*    background-image: url(https://www.astrologiepetranel.cz/wp-content/uploads/2024/05/stolni-kalendar-1.jpg)!important; */

        background-image: url(https://www.astrologiepetranel.cz/wp-content/uploads/2024/08/kalendar-pruh-2.webp)!important;

        background-size: cover;
                background-position: center;
    }
    
    #mohlo-col-1,
    #mohlo-col-3,
    #mohlo-col-5{
        height: 0px;
        display: none;
    }
    
    
    
    
    
/*    #mohlo-col-2{
            margin-top: -150px;
    }

    #mohlo-col-3{
            margin-top: -150px;
    }
    
    
    #mohlo-col-4{
            margin-top: -150px;
    }


    #mohlo-col-6{
            margin-top: -150px;
    }*/
    
    

    
    
    
    .img-divider{
        display: none;
    }
    

    
}



    #hp-sluzby-a h3.elementor-heading-title.elementor-size-default{
       color: var(--e-global-color-astglobalcolor5);
       font-size: 40px;
       text-shadow: 2px 2px 0px #1D738B;
    }


@media screen and (min-width: 767px) {
    #hp-hero p{
        margin-bottom: 0px;
    }
    
    
    /* mohlo by */
    
    #mohlo-col-1{
        background-image: url(https://www.astrologiepetranel.cz/wp-content/uploads/2020/11/Obalka-design-3-knihy-finalni-scaled.jpg)!important; 
        background-size: cover;
                background-position: center;
    }
    
    
    
    #mohlo-col-3{
/*        background-image: url(https://www.astrologiepetranel.cz/wp-content/uploads/2024/05/stolni-kalendar-1.jpg)!important; */
        background-image: url(https://www.astrologiepetranel.cz/wp-content/uploads/2024/08/kalendar-1.webp)!important; 
        
        background-size: cover;
        background-position: center;
    }
    

    #mohlo-col-5{
        background-image: url(https://www.astrologiepetranel.cz/wp-content/uploads/2024/05/13d60c35-af42-47ee-add8-ce36921230f1_rw_19201.jpg)!important; 
        background-size: cover;
        background-position: center;
    }


    
    
    

        

    
    
    
    
    
}






#post-2910.post-2910.page.type-page.status-publish.ast-article-single{
    padding-top: 0px;
}

/* dlaždice */


@media (max-width:1200px){
    #hp-skc-news,
#hp-skc-events,
#hp-skc-vip{
    background-image: none;
    }
}


@media (min-width:1200px){
    #hp-skc-news-col-1 > div,
#hp-skc-events-col-2 > div,
#hp-skc-vip-col-1 > div{
    background: none;
    background-image: none;
    }
    
    
#hp-skc-events > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-827a1d0 > div{
        padding-left: 0px;
}


#hp-skc-vip > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-3ce50cb3 > div,
#hp-skc-news-col-2 > div{
        padding-right: 0px;
}
    
    
    
}





#hp-skc-news-col-2 footer.carousel-slider__post-meta,
#hp-skc-news-col-2 a.carousel-slider__post-image{
   display: none!important; 
}


a.carousel-slider__post-title,
a.carousel-slider__post-title > h2{
    font-size: 20px;
    min-height: 1em;
}


#hp-skc-news-col-2 div.carousel-slider__post{
    box-shadow: none;
    
}


#sluzby{width: fit-content;}

#sluzby > div > div.elementor-widget-icon-box:hover{
	background-color: var(--ast-global-color-2);
}

#sluzby > div > div.elementor-widget-icon-box:hover > div > div > div.elementor-icon-box-content > h3,
#sluzby > div > div.elementor-widget-icon-box:hover > div > div > div.elementor-icon-box-content > p{
	color: #ffffff;
}


#sluzby > div > div.elementor-widget-icon-box:hover > div > div > div.elementor-icon-box-icon > span > svg > path{
	fill: #ffffff;
}


#masthead > div {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
}


#hp-event-list{
    margin-bottom: 0px;
}


#hp-event-list td,
#hp-event-list th {
/*  padding: .2em 0.4em;
  border-width: 0 1px 1px 0;
  border-color: var(--ast-global-color-2);*/
  border: none;   
      padding: .3em 0.5em;
}

table, td, th {
  
/*  border-width: 1px 0 0 1px;
  border-color: var(--ast-global-color-2);*/
  border: none;   
  
}

#hp-event-list > thead{
    display: none;      
}


#hp-event-list a{
    color: #000000;
}


#hp-event-list tr:focus,
#hp-event-list tr:hover{
    color: var(--ast-global-color-3);
}


#hp-event-list tr{
            cursor: pointer;
         
        }


/*     #hp-event-list > tbody > tr{
            cursor: pointer;
        }*/

 .responsive-table {
    width: 100%;
    border-collapse: collapse;
  }
  .responsive-table th, .responsive-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
  }
  .responsive-table th {
    background-color: #f2f2f2;
  }
  
  
  @media screen and (max-width: 600px) {
    .responsive-table thead {
      display: none;
    }
    .responsive-table, .responsive-table tbody, .responsive-table tr, .responsive-table td {
      display: grid;
      width: 100%;
    }
    .responsive-table tr {
      margin-bottom: 15px;
    }
    .responsive-table td {
      text-align: right;
      padding-left: 50%;
      position: relative;
    }
    .responsive-table td::before {
      content: attr(data-label);
      position: absolute;
      left: 0;
      width: 50%;
      padding-left: 15px;
      font-weight: bold;
      text-align: left;
    }

    td[data-label="Akce"]::before {
  /* content: "aaa"; */
  display: none;
}
    
    td[data-label="Akce"]{
text-align: left;
    font-size: 1.2em;
    font-weight: 600;
}

    
    .responsive-table td[data-label="Akce"] {
      order: 1;
    }
    .responsive-table td[data-label="Datum"] {
      order: 2;
    }
    .responsive-table td[data-label="Místo"] {
      order: 3;
    }
  }








#ast-desktop-header > div.ast-above-header-wrap > div > div.ast-above-header-bar.ast-above-header.site-header-focus-item{
    background-color: var(--ast-global-color-2)!important;
}


#mohlo-4  div.elementor-image-box-content{
    width: 50%;
    margin-right: -50px;
    z-index: 888;
}

#mohlo-4  h4{
width: 13em;
 

}


#mohlo-4  h4 > a{
padding: 20px;
 background-color: var(--ast-global-color-6);

}

#hp-recenze p.elementor-image-box-title{
    font-style: italic;
}


/* dlaždice */


#hp-skc-news-col-1 > div > div > div > h3,
#hp-skc-events-col-2 > div > div > div > h3,
#hp-skc-vip-col-1 > div > div > div > h3{
        color: var(--e-global-color-astglobalcolor5);
    font-size: 40px;
    text-shadow: 2px 2px 0px #1D738B;
}


#ul-hp-news,
#hp-skc-vip ul,
#hp-skc-vip p {
    margin-bottom: 0em;
}

#hp-event-list td[data-label="Akce"],
#ul-hp-news > li > a,
#ul-hp-news{
    font-weight: 600;
    color: var(--e-global-color-astglobalcolor3);
    color: var(--e-global-color-astglobalcolor0);
}


#hp-sluzby-a > div > div.elementor-column.elementor-col-33.elementor-inner-column.elementor-element.elementor-element-102d7d03 > div{
    background-color: var(--e-global-color-astglobalcolor2);
}


#hp-sluzby-a h3{
    color: #ffffff;
}



/*
.elementor-element.elementor-element-3985248c .elementor-button {
    background-color: var(--e-global-color-astglobalcolor2)!important;

}*/

#hp-sluzby-a > div > div.elementor-column.elementor-col-33.elementor-inner-column.elementor-element.elementor-element-102d7d03 > div > div.elementor-element.elementor-element-72eb42a8.elementor-widget.elementor-widget-heading > div > h3 > a{
        font-size: 40px!important;

}



#hp-skc-news-col-2 a.elementor-button{
        background-color: var(--e-global-color-astglobalcolor3);
}


#hp-skc-vip a:hover,
#hp-skc-events a:hover,
#o-mne a:hover,
#hp-skc-news-col-2 a.elementor-button:hover{
        background-color: var(--e-global-color-astglobalcolor2);
        color: #ffffff;
}


#o-mne p:nth-child(1){
    margin-bottom: 0px;
}