Things To Do

/* ----------------------------------------- */ /* View: Amenities – Things To Do - start */ /* ----------------------------------------- */ /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 1% 1% 1.6%; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* GRID OF FOUR */ .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 74.6%; } .span_2_of_4 { width: 49.2%; } .span_1_of_4 { width: 23.8%; } /* */ @media only screen and (max-width: 1100px) { .col { margin: 1% 0% 1% 0%; } .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; } } /* ----------------------------------------- */ /* View: Amenities – Things To Do - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Things To Do - start */ /* ----------------------------------------- */ .form_control{ background-color: #255e7e; color: white; padding: 12px; font-size: 14px; border: none; } select[name=wpv-attraction-type], select[name=wpv-indoor-outdoor-activity], select[name=wpv-activity-city]{ background-color: #255e7e; color: white; padding: 14px; font-size: 20px; border: none; cursor: pointer; } .thn_post_wrap table td, .org_comment table td { background-color: #fefefe !imporant; } .container { display: grid; grid-template-rows: 50px; grid-template-columns: 350px 225px 375px 100px; padding: 15px; } .item { display: block; justify-content: center; /* align-items: center; */ padding: 5px; } @media only screen and (max-width: 1100px), (max-device-width: 1100px) { /* Force table to not be like tables anymore */ .container { display: block; grid-template-rows: 50px; grid-template-columns: auto; padding: 15px; text-align: center; } } /* ----------------------------------------- */ /* View: Things To Do - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Event Calendars - start */ /* ----------------------------------------- */ .event-table { text-align: center !important; } /* ----------------------------------------- */ /* View: Event Calendars - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Loop item in Amenities – Things To Do - start */ /* ----------------------------------------- */ @media only screen and (min-width: 1101px) { .mobile_div {display: none;} .center {text-align: center;} } @media only screen and (max-width: 1100px) { .desktop_view {display: none;} .mobile_div {display: inherit;} .span_2_of_3 {text-align: left;} } @media only screen and (max-width: 780px) { .desktop_view {display: inherit;} .mobile_div {display: none;} .center {text-align: center;} } /* ----------------------------------------- */ /* Content Template: Loop item in Amenities – Things To Do - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Things To Do 2 - start */ /* ----------------------------------------- */ /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px 10px; } /* COLUMN SETUP */ .col { display: block; float: left; margin: 1% 0 1% 1%; } .col:first-child { margin-left: 0; } .col_ttd { text-align: left; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* GRID OF THREE */ .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 66.13%; } .span_1_of_3 { width: 32.26%; } /* First Column */ .col1{ width: auto%; text-align: left; display: block; float:left; margin: 1% 2% 1.6% 1%; } /* GO FULL WIDTH BELOW 750 PIXELS */ @media only screen and (max-width: 750px) { .col1 { width: 220px;} .span_2_of_3 { width: auto; } .h3 { font-size: 16px; } .mobile_hide { display: none; } } /* ----------------------------------------- */ /* Content Template: Loop item in Things To Do 2 - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Event Calendars - start */ /* ----------------------------------------- */ .div { text-align: center; } /* GO FULL WIDTH BELOW 750 PIXELS */ @media only screen and (max-width: 1200px) { .h3 { font-size: 16px; } .mobile_hide { display: none; } } /* ----------------------------------------- */ /* Content Template: Loop item in Event Calendars - end */ /* ----------------------------------------- */