/* 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: 60%; } div#content_table div.content_tr div#content_td_prices{ width: 40%; } 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; } div#schedule{ display: inline-block; vertical-align: top; margin-top: 2em; margin-right: 1em; } 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#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; }