/* Resets
------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
display: block;
}
a img {border: 0;}
/* Typography presets
------------------ */
.gigantic {
font-size: 110px;
line-height: 120px;
letter-spacing: -2px;
}
.huge{
font-size: 68px;
line-height: 72px;
letter-spacing: -1px;
}
.large {
font-size: 42px;
line-height: 48px;
}
.bigger {
font-size: 26px;
line-height: 36px;
}
.big{
font-size: 22px;
line-height: 30px;
}
body {
font:15px/1.5em "proxima-nova",sans-serif;
}
.small, small {
font-size: 13px;
line-height: 18px;
}
/* Selection colours (easy to forget) */
::selection {background: rgb(255,255,158);}
::-moz-selection {background: rgb(255,255,158);}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}
/* Default Layout: 992px.
Gutters: 24px.
Outer margins: 48px.
Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8 9 10
px 68 160 252 344 436 528 620 712 804 896 */
body {
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}
.wrapper{
/*width: 852px;
padding-left: 68px;*/
width: 100%;
margin: 0 auto;
}
#main{
width: 100%;
padding-left: 0px;
margin: 0 auto;
background:transparent url('../img/ricepaper_v3.png');
}
#mobile-nav-holder{ display: none; }
/* Tablet Layout: 768px.
Gutters: 24px.
Outer margins: 28px.
Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols 1 2 3 4 5 6 7 8
px 68 160 252 344 436 528 620 712 */
@media only screen and (min-width: 120px) and (max-width: 1040px) {
.image-holder-abt2 {width: 100%;height: auto;margin: -10px auto 5px;display: block;}
#sidebar, #sidebar2 {width: 100%;margin: 0px auto;display: inline-block;}
#posts-list, #post-content, #page-content { }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.wrapper,
#main{
padding-left: 0px;
width: 100%;
}
#logo{ padding-left: 0px;width: 140px;z-index: 100000; }
/* nav */
nav{}
#nav {margin-left: 230px;}
#nav li{
font-size: 11px;
font-weight: lighter;
}
#nav>li ul{
margin-top:12px;
overflow: hidden;
z-index: 10000;
}
#nav>li>a.home-top-icon {padding: 23px 16px 10px 2px;background-size: 18px; }
#nav>li>a.home-top-icon:hover {background: url('../img/Home_top-icon.png') no-repeat 0px 0px;padding: 23px 16px 10px 2px;background-size: 18px; }
ul.sf-menu li ul li .list-cont-1 .left .content {margin-left: 20px; }
#nav2 {padding-left: 100px;}
#nav2 li {font-size: 13px; }
ul.sf-menu li ul li .list-cont-2 .image-box {width: 155px;}
ul.sf-menu li ul li .list-cont-2 .image-box .title {font-size: 16px;}
ul.sf-menu li ul li .list-cont-2 .image-box .text {font-size: 12px; }
ul.sf-menu li ul li .list-cont-2 .image-box .image img {width: 140px;height: 100px; }
.headline .img-style-box .upper_style {
width: 50%;
padding: 20px 40px 20px 40px;
margin: -100px auto;
font-size: 13px;
letter-spacing: 1px;
line-height: 20px;
}
.headline .img-style-box .upper_style .links {margin-top: 15px; }
.headline .img-style-box .upper_style .links a {font-size: 11px; }
.headline .img-style-box .date {width: 10%;margin: 0px auto 0 150px;font-size: 11px; }
#nav>li>a {padding: 7px 4px 10px 4px;
margin-top: 0px;
text-transform:inherit;
}
#nav>li>a>.subheader{
display: none;
}
#mobile-nav-holder{ display: none; }
.home-text-syle1 {padding: 25px 100px 50px 100px;}
#page-content2 ._roomsetB {margin-left: 5px; }
._win_overlay {z-index: 1000000;}
._win_enquire_part {width: 500px;height: 296px;z-index: 1000000;margin-left: 20%; }
._win_enquire_part #enquireForm input[type=text] {width: 150px; }
._win_enquire_part #enquireForm textarea {width: 150px;height: 65px;margin-top: 5px; }
._win_enquire_part ._winclose {background: url('../img/close.png') no-repeat 482px 0px; }
/* social */
#social-bar{
}
#social-bar li img{
width: 20px;
height: 20px;
}
/* main */
#main #content{
width: 100%;
float: none;
}
.shadow-main{
width: 760px;
height: 11px;
margin-left: 0px;
background: url(../img/shadow-main-tablet.png) no-repeat top center;
}
/* masthead */
#masthead .breadcrumbs{
display: none;
}
/* slider */
.shadow-slider{ background: url(../img/shadow-main-tablet.png) no-repeat top center ; }
/* featured */
.featured figure{
width: 344px;
margin-left: 24px;
}
/*text posts */
.text-posts li{
margin-left: 24px;
width: 160px;
}
/* home gallery */
.home-gallery li{
margin-left: 24px;
width: 160px;
}
/* aside */
aside.retractil{
top: 72px;
}
/* portfolio */
.project-description{ width: 528px; }
.project-info{ width: 160px; }
.related-projects figure{ width: 160px; }
/* blog */
#posts-list,
#post-content,
#page-content{ width: 95%;}
#sidebar {width: 100%;margin: 0px auto;display: inline-block;}
/* footer */
#footer-cols>li{
display: block;
float: left;
width: 229px;
margin-left: 24px;
}
#footer-cols>li.second-col{width: 192px;font-size: 13px;}
#footer-cols>li.third-col{width: 90px;font-size: 12px; }
#footer-cols>li.forth-col{ width: 120px;font-size: 12px; }
/* widgets */
.recent-post .post-head{ width: 162px; }
}
/* Mobile Layout: 320px.
Gutters: 24px.
Outer margins: 34px.
Inherits styles from: Default Layout.
---------------------------------------------
cols 1 2 3
px 68 160 252 */
@media only screen and (max-width: 767px) {
.wrapper,
#main{
padding-left: 0px;
width: 100%;
}
#logo{
float: none;
padding-left: 0px;
margin-left: 24px;
width: 110px;
height: 90px;
}
#logo-link{ background-size: 100px 90px; }
#logo img{
display: block;
margin: 0 auto ;
}
#page-content2, #page-content {width: 90%;}
nav{ display: none; }
.home-text-syle1 {padding: 15px 50px 20px 50px;}
#mobile-nav-holder{ display: block; }
._win_overlay {z-index: 1000000;}
._win_enquire_part {width: 90%;height: 278px;z-index: 1000000;margin-left: 4%; }
._win_enquire_part #enquireForm input[type=text] {width: 30%; }
._win_enquire_part #enquireForm textarea {width: 30%;height: 65px;margin-top: 5px; }
._win_enquire_part ._winclose {background: url('../img/close.png') no-repeat 98% 0px; }
.home-block-heading{
font-size: 24px;
margin-left: 33px;
margin-right: 33px;
}
#page-content2 ._roomsetB {
margin-left: 0px;
width: 80%;
margin-bottom: 10px;
min-height: 320px;
}
/* social */
#social-bar{
}
#social-bar li img{
width: 16px;
height: 16px;
}
/* columns */
.one-half,
.one-third{ width: 100%; margin-right: 0px; }
/* main */
#main #content{
width: 100%;
float: none;
}
.shadow-main{
width: 319px;
height: 11px;
margin-left: 0px;
background: url(../img/shadow-main-mobile-por.png) no-repeat top center;
}
/* masthead */
#masthead .breadcrumbs{
display: none;
}
#masthead .head{
font-family: helvetica, arial, sans-serif;
font-size: 20px;
}
#masthead .subhead{
display: none;
}
/* slider */
.shadow-slider{ background: url(../img/shadow-main-mobile-por.png) no-repeat top center ; }
/* featured */
.featured figure{
width: 252px;
margin-left: 33px;
}
/* aside */
aside.retractil{
top: 69px;
}
/* portfolio */
.project-description{ width: 252px; clear: both; }
.project-info{ width: 252px; }
/* blog */
#posts-list,
#post-content{
width: 95%;
margin: 0px auto;
float: none;
}
#contactForm label,
#commentform label{
margin-top: -13px;
margin-bottom: 13px;
display: block;
}
._divother-wy01 {
width: 90%;
margin: 25px auto;
padding-left: 0px;
text-align: justify;
}
/* footer */
#footer-cols>li{
display: block;
float: left;
width: 252px;
margin-left: 32px;
}
footer #to-top{ display: block; }
/* widgets */
.recent-post .post-head{ width: 185px; }
/* slider */
.slider-home .flex-control-nav { display: none; }
/* headline */
.headline{
font-family: Helvetica, arial, sans-serif;
font-size: 16px;
}
/* portfolio */
.project-heading h1{
font-family: helvetica, arial, sans-serif;
font-size: 16px;
}
.related-projects figure{ margin-left: 33px; width: 252px; }
/*text posts */
.text-posts li{
margin-left: 33px;
width: 252px;
}
/* home gallery */
.home-gallery li{
margin-left: 33px;
width: 252px;
}
.headline .title {font-size: 20px;}
.headline .slogen {font-size: 10px; letter-spacing:1px; margin-top:5px;}
.headline .img-style-box .upper_style {
width: 70%;
padding: 15px 5px 10px 5px;
margin: -55px auto;
font-size: 16px;
letter-spacing: 1px;
line-height: 19px;
height: 55px;
}
.headline .img-style-box .upper_style .title2 { font-size: 16px;font-weight: 700;}
.headline .img-style-box .upper_style .description { display:none; }
.headline .img-style-box .upper_style .links {margin-top: 15px; }
.headline .img-style-box .upper_style .links a {
font-size: 9px;
font-weight: 700;
color: rgb(19, 18, 18);
letter-spacing: 0px;
line-height: 22px;
text-transform:inherit;
}
.headline .img-style-box .date { display:none; }
._divother-wy01 { padding-left:0px;}
.footer-frame {height: auto;padding: 10px 10px 15px 10px;}
.footer-frame .left { float: none;}
.footer-frame .right {float: none;padding-right: 0px;}
}
@media only screen and (max-width: 460px) {
._divother-wy01 .part-1 {width: 100%;margin-bottom: 10px; }
._divother-wy01 .part-2 {width: 100%;border-top: #DDD9D9 solid 1px;border-left: 0px;padding-left: 0px;margin-left: 0px;padding-top: 10px; }
}
/* Wide Mobile Layout: 480px.
Gutters: 24px.
Outer margins: 22px.
Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols 1 2 3 4 5
px 68 160 252 344 436 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper,
#main{
padding-left: 0px;
width: 100%;
}
#main #content{
width: 100%;
float: none;
}
._divother-wy01 { padding-left:0px;}
.home-block-heading{
margin-left: 24px;
margin-right: 24px;
}
.headline .title {font-size: 30px;}
.headline .slogen {font-size: 12px;}
.headline .img-style-box .upper_style {
width: 45%;
padding: 10px 20px 10px 20px;
margin: -60px auto;
font-size: 11px;
letter-spacing: 1px;
line-height: 16px;
height: 60px;
}
.headline .img-style-box .upper_style .links {margin-top: 15px; }
.headline .img-style-box .upper_style .links a {font-size: 8px;font-weight: 700; }
.headline .img-style-box .date {
width: 12%;
margin: 0px auto 0 75px;
font-size: 9px;
height: 40px;
line-height: 15px;
}
/* columns */
.one-half{
width: 47.72%;
margin-right: 4.54%;
}
.one-third{
width: 30.30%;
margin-right: 4.54%;
}
#logo-link { background-size:100px; }
/* slider */
.shadow-slider{ background: url(../img/shadow-main-mobile-lan.png) no-repeat top center ; }
/* featured */
.featured figure{
width: 436px;
margin-left: 24px;
}
/*text posts */
.text-posts li{
margin-left: 24px;
width: 207px;
}
/* home gallery */
.home-gallery li{
margin-left: 24px;
width: 206px;
}
/* portfolio */
.project-description{ width: 435px; clear: both; }
.project-info{ width: 435px; }
.related-projects figure{ margin-left: 24px; width: 206px; }
/* blog */
#posts-list,
#post-content{
width: 95%;
margin-left: 12px;
}
#contactForm label,
#commentform label{
margin-top: auto;
margin-bottom: auto;
display: inline;
}
/* sidebar */
#page-content2 {width: 95%;}
/* footer */
#footer-cols>li{
display: block;
float: left;
width: 207px;
margin-left: 24px;
}
#footer-cols>li.third-col{
clear: left;
width: 436px;
margin-right: 0px;
}
/* widgets */
.recent-post .post-head{ width: 140px; }
}