GMWeb/www/css/lablanca.css

/* Table to present posts and photos on the same row */
div#content_table{
    display:    table;
}

div#content_table div.content_tr{
    display:    table-row;
}

div#content_table div#content_tr_intro{
    width:    100%;
}

div#content_table div#content_tr_intro div.content_td{
    width:    100%;
}

div#content_table div.content_tr div.content_td{
    width:        50%;
    display:    table-cell;
}

div#content_table div.content_tr div#content_td_schedule{
    width:        50%;
}

div#content_table div.content_tr div#content_td_prices{
    width:        50%;
}

div#content_table div.content_tr div#content_td_prices div#prices{
    width:        100%;
}

div.horiz{
    display:    inline-block;
}

div.horiz img{
    display:        inline;
    vertical-align:    top;
}

div.horiz p{
    display:        inline;
    vertical-align:    top;
}

div#past_festivals ul li{
    margin:    0.5em;
}


/* fiestas.php */
div#festivals_image_top_container{
    display:    block;
    text-align:    center;
    margin:        0.5em auto 0.5em auto;
}

div#festivals_image_top_container div#festivals_image_container{
    display:        inline-block;
    border:            0.1em solid #001133;
    border-radius:    1em;
    box-shadow:        0 0 1em #111122;
    margin:            0.8em auto 0.8em auto;
}

div#festivals_image_top_container div#festivals_image_container img#festivals_image{
    border-radius:    1em;
    max-width:        60em;
    max-height:        20em;
}

/* programa.php */
div#schedule{
    display: inline-block;
    vertical-align: top;
    margin-top: 2em;
    margin-right: 1em;
    text-align: center
    width: 100%;
}

div#schedule div.button{
    margin: 1em 0.5em 1em 0.5em;
    padding: 0.5em;
    display: inline-block;
    vertical-align: top;
    width: 40%;
}

div.day_title h4{
    font-size:    120%;
    margin:        0;
    padding:    0.5em;
}

div.day_schedule{
    overflow:    hidden;
    max-height:    0em;
    transition:    max-height 0.9s ease-in-out;
}

table.schedule{
    border-collapse:    collapse;
}

table.schedule td{
    vertical-align:    top;
    padding-left:    0.5em;
    padding-right:    0.5em;
    padding-bottom:    1em;
}

table.schedule td span.time{
    font-weight:    bold;
}

table.schedule td span.title{
    font-weight:    bold;
    font-style:        italic;
    font-size:        110%;
    color:            #001133;
    margin:            0 0.5em 0.5em 0.3em;
    letter-spacing:    0.05em;
}

table.schedule td div.description{
    margin:    0.3em 2em 0.5em 1.2em;
    color:    #222222;
}

table.schedule td.timeline{
    width:                0.06em;
    padding:            0 0 1em 0;
    border-left:        dotted #333333 0.1em;
    padding-left:        0;
    padding-right:        0;
    
}

table.schedule td.timeline img.timeline_dot{
    width:            1em;
    height:            1em;
    margin-left:    -0.47em;
    margin-right:    -0.41em;
    margin-top:        0.2em;
}

table.schedule div.location{
    font-size:            80%;
    border-collapse:    collapse;
    margin-left:        2em;
}

table.schedule div.location img{
    max-height:        1.3em;
    vertical-align:    middle;
}

table.schedule div.location span.address{
    font-style:    italic;
}

div#map_container{
    display: none;
    opacity: 0;
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width: 100%;
    height: 100%;
    background-color: #33333333;    
}

div#map_container div#map{
   background-color: #ffffff;
   width: 70%;
   height: 50%;
   margin: 15% 15% 25% 15%;
}


/* fiestas.php */
div#prices{
    display:        inline-block;
    vertical-align:    top;
    margin-top:        2em;
    margin-right:    0;
    text-align:        center;
}

div#prices h3, h4{
    text-align:    left;
}

div#prices div.entry{
    display:        block;
    vertical-align:    top;
    text-align:        left;
}

div#prices div.entry h4{
    margin-top:     0.5em;
    margin-left:    0.5em;
}

div#prices table#table_days{
     width:                90%;
    border-collapse:    collapse;
    margin:                auto;
}

div#prices table#table_days td{
    border-top:    0.2em solid #aaaaaa;
    padding:    0.5em 2em 0.5em 2em; 
}

div#prices table#table_days td.price{
    color:            #001133;
    font-weight:    bold;
    font-size:        110%;
}

div#prices td.price{
    min-width:    4em;
    text-align:    right;
}

div#prices table#table_offers{
    width:                90%;
    border-collapse:    collapse;
    margin:                auto;
}

div#prices table#table_offers td{
    border-top:    0.2em solid #aaaaaa;
}

div#prices table#table_offers td.price{
    min-width:        4em;
    text-align:        right;
    color:            #001133;
    font-weight:    bold;
    font-size:        110%;
}

div#prices table#table_offers p.description{
    margin:        0.2em 0.2em 0.5em 2em;
    font-size:    90%;
    font-style:    italic;
    color:        #444444;
}


/* No fiestas */

ul#no_fiestas{
    margin:            0 2em 2em 2em;
}

ul#no_fiestas li{
    margin-top: 2em;
    list-style-image:       url('https://margolariak.com/img/misc/ul.png');
        list-style-type:        circle;
}

ul#no_fiestas li span{
    font-weight:    bold;
    font-style:    italic;
    font-size:    110%;
    color:        #001133;
    margin-right:    0.3em;
    letter-spacing:    0.05em;
}