diff --git a/css/mobile-first.css b/css/mobile-first.css index b260544d..38d3f0a7 100644 --- a/css/mobile-first.css +++ b/css/mobile-first.css @@ -19,7 +19,7 @@ h1 { } h2 { font-size: 30px; - margin-top: 70px; + margin-top: 90px; line-height: 32px; font-family: 'Goudy Old Style'; clear: both; @@ -56,6 +56,9 @@ p { .headerbar { color: #000; z-index: 999; + background: #fff; + position: fixed; + width: 100%; box-shadow: 1px 1px 6px 2px #e5e5e5; } .siteSearch { @@ -145,7 +148,7 @@ table.InfoTable th { font-family: 'Goudy Old Style'; } table.InfoTable td { - padding: 15px; + padding: 10px 15px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; } @@ -181,16 +184,16 @@ ol li { margin-bottom: 5px; padding-left: 10px;} display: block; font-size: 20px; margin-bottom: 5px; } -.info_reco_tours { font-size: 22px; +.info_reco_tours { font-size: 20px; font-family: 'Goudy Old Style'; border-left: 8px solid #ad1818; font-weight: 600; background: #f7f7f7; - padding: 10px 20px;} + padding: 7px 20px;} .info_reco_tours em {color: #ad1818; margin-right: 10px; text-transform: uppercase; - font-size: 24px;} + font-size: 22px;} .skipAhead ul { width: 750px; padding-left: 20px; @@ -229,7 +232,8 @@ h2.nexttitle { text-align: center;} p.nextinfo {text-align: center;} .nextbg { position: absolute; height: 100%; -background: rgba(0, 0, 0, 0.30) none repeat scroll 0 0; +width: 100%; +background: rgba(0, 0, 0, 0.40) none repeat scroll 0 0; top: 0;} .nextbg a { text-decoration: none;} .tournextname { @@ -583,7 +587,7 @@ border-radius: 7px;} } table.info_reco_table, table.tour_table { width: max-content;} table.info_reco_table td { width: 270px;} -table.tour_table td.tour_td_image {position:relative; width: 315px;} +table.tour_table td.tour_td_image {position:relative; width: 270px;} .country_experience { display: flex;} .unique_experience {position: relative; padding: 0 2px; width: 281px; float: left;} .experience_number {font-size: 90px; @@ -627,13 +631,12 @@ margin-top: 30px;} .area_name a { text-decoration: none;} .country_name {position: absolute; top: 0; - width: 315px; + width: 270px; text-align: center; font-size: 25px; - font-family: 'Goudy Old Style'; text-shadow: 1px 1px 1px #000; font-weight: 600; - height: 250px; + height: 190px; } .country_name strong { font-size: 27px;} .country_name a {background: rgb(0 0 0 / 45%); @@ -655,11 +658,7 @@ margin-top: 30px;} .plan_left_title {width: 100%; position: absolute; text-align: center; - font-size: 21px; - font-weight: 300; - line-height: 22px; - font-family: 'Goudy Old Style'; - font-weight: 600;} + font-size: 22px;} .plan_left_title a, .plan_right_title a { color: #fff;} .plan_left_title a { height: 236px; @@ -674,12 +673,10 @@ margin-top: 30px;} .plan_right_top {position: relative; margin-bottom: 20px;} .plan_right {position: relative;} .plan_right_title {position: absolute; - line-height: 20px; bottom: 0; background: rgb(0 0 0 / 55%); width: calc(100% - 20px); - padding: 5px 10px; - font-size: 19px;} + padding: 5px 10px;} .country_city_guide { width: 62%; float: left; } @@ -694,8 +691,8 @@ margin-top: 30px;} margin-bottom: 10px; font-family: 'Goudy Old Style';} .ah_index_tour_bg a { text-decoration: none;} -.ah_index_tour_city {height: 60px;color: #848484;line-height: 20px; font-size: 18px;} -.ah_index_tour_button {margin-top: 5px;font-size: 20px;text-transform: uppercase;font-weight: 600;} +.ah_index_tour_city {height: 60px;color: #848484;line-height: 20px;} +.ah_index_tour_button {text-transform: uppercase;font-weight: 600;} .ah_index_tour_button a {color: #ad1818;} /* Menu styles */ @@ -1165,11 +1162,6 @@ ul.inspiration li a:hover { .visible-xs { display: none !important; } - .headerbar { - position: fixed; - width: 100%; - background: #fff; - } .siteSearch {margin-top: 13px;} .contactbutton { color: #fff !important; @@ -1383,9 +1375,6 @@ img.bottomlogocenter { margin: 30px auto 10px auto;} width: 100%; margin: 30px 0;} .headerbar { - position: fixed; - width: 100%; - background: #fff; height: 50px; } .bottomlogo { @@ -1439,7 +1428,7 @@ img.bottomlogocenter { margin: 30px auto 10px auto;} .unique_experience, .country_pic { width: 100%; padding: 0; margin-bottom: 15px;} .experience_info {margin-right: 0;} .listtour {display: block;} - .travel_guide_city, .trip_plan_right, .country_city_guide, .travel_guide_city, .ah_hotel, .inquirybutton, .whyus ul, .right_image img { width: 100%;} + .travel_guide_city, .trip_plan_right, .country_city_guide, .travel_guide_city, .ah_hotel, .inquirybutton, .whyus ul { width: 100%;} .area_guide {margin: 15px 5px;} .trip_plan_left { width: 100%; display: flex;} .plan_left, .plan_left_right { width: 100%; margin-bottom: 20px;}