/* Theme Name: Ramada Islamabad Version: 1.0 Description: Designed by Foonzamedia. Author: Hareesh Author URI: http://www.foonzamedia.com Template: scratch */ @import url("../scratch/style.css"); @import url("includes/css/reset-font.css"); @import url("includes/css/datepicker.css"); @import url("includes/css/caplugin.css"); /*@import url("includes/css/caplugin.css");*/ body{line-height:1.8em;font:300 17px/1.5 poppins; color:#1e1e1e;} h1, h2, h3, h4, h5, h6{font-family:"Kumbh Sans",sans-serif;font-weight:700; color:#1e1e1e;} h1{ font-size:30px; } h2{ font-size:28px; } h3{ font-size:24px; } h4{ font-size:22px; } h5,h6{ font-size:18px; } h1.entry-title{ text-align:center;margin:20px 0px; } a:link, a:visited{ color:#ce2043;} /*header styles */ div#wpadminbar { display: none !important; } html.js.csstransitions { margin-top: 0 !important; } #main-header{ background: #fff; } #main-header #navigation-wrap{ margin:37px 0; } #main-header .flexnav li{background-color:transparent; font-family:poppins;font-weight: 400;text-transform: uppercase;} #main-header .flexnav li a{ border-left:0;background:transparent;color: #222; } #main,.list.isotope{ margin-top:20px; } #main-header .eight.columns{ position:relative; } #main-header .flexnav li.current-menu-item a{ color:#ce2043; } #main-header .flexnav li a{ padding:10px 12px; } #main-header nav#access{ float:left; } #main-header .flexnav li.current-page a{ color: #ce2043; } .wr{ width: 128px; height: 70px; float: right; margin: 10px 0; } .reward.fr{ background: url(../../uploads/2018/07/wyndham_logo_en_us.png)no-repeat center; background-size: contain; width: 230px !important; height: 160px; margin-top: 6px; } .reward.frqr{ /*background: url(http://ramadaislamabad.com/wp-content/uploads/2018/10/qr.jpeg)no-repeat center;*/ background-size: cover; width: 300px; height: 240px; margin-top: 6px; } .follow-us{margin-top:45px;text-align:center;position:absolute;width:135px;display:inline-block;z-index:9999;display:inline-block;right:1%;} .follow-link-mini{display:none} .follow-link-red{background: #fff url("https://ramadaislamabad.com/wp-content/themes/ramada/images/follow-us-red.png") no-repeat center right;background-position:120px;} .follow-link-blue{background: #106080 url("https://ramadaislamabad.com/wp-content/themes/ramada/images/follow-us.png") no-repeat center right;background-position:120px;} .follow-link{color:#fff;padding:15px 22px;border-radius: 5px;transition: background-color 0.5s ease;font-size: 14px;cursor: pointer;background:#cd1f44;font-weight:bold;font-family:Verdana;text-transform:uppercase;letter-spacing:1.2px;} .follow-link:hover{color:#ffffff;background: #B22E4A;border:1px #106080 solid;} .follow-link-mini{color:white;padding:25px 25px;width:50px;background: #cd1f44 url("https://ramadaislamabad.com/wp-content/themes/ramada/images/follow-us.png") no-repeat center center;cursor: pointer;float:right;} li.widget_socialbar{ list-style:none; } /*.reward{ margin-top:24px; }*/ .widget_socialbar{ max-width:350px; } .social-media{ max-width: 330px; margin: 77px auto;} .social-media a{-moz-transition: all .5s;-webkit-transition: all .5s;transition: all .5s;padding:0;width: 30px;height: 30px;margin-right:15px;background:url("images/social-media-sprite.png") no-repeat;} .social-media a.fb {background-position: 0px 0px;} .social-media a.gplus {background-position: -87px 0px;} .social-media a.twt {background-position: -42px 0px;} .social-media a.lnk {background-position: -130px 0px;} /*.social-media a.fb:hover{ background:url("images/fb-hover.png") no-repeat;background-position: center; } .social-media a.gplus:hover{ background:url("images/google-plus-hover.png") no-repeat;background-position: center; } .social-media a.twt:hover{ background:url("images/twitter-hover.png") no-repeat;background-position: center; } .social-media a.lnk:hover{ background:url("images/trip-hover.png") no-repeat;background-position: center; }*/ .lead-image{ position:relative; } .lead-desc{ position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(20,20,20,.6);} .lead-desc > div{ display:table;height:100%;width:98%;max-width:1200px;margin:0px auto;font-family:grafolita-script;font-style:italic; } .lead-desc h1.head-home,.lead-desc p.para-home{ width:50%;color:#fff;text-align:center;display:table-cell;vertical-align:middle;font-weight:400; } .lead-desc p.para-home{ padding:0 4%;background:url('https://ramadaislamabad.com/wp-content/themes/ramada/images/linequotes.png')no-repeat center 15% rgba(205,32,66,0.4);font-size:24px;line-height:2.0em; } .lead-desc h1.head-home{ padding:0 6%; font-size:50px;line-height:2.0em;font-style:normal;} /* Booking Forms Styles*/ .nav-wrapper{position: static; top: auto; width: 100%; border-bottom-style: none;display:none;} .nav-wrapper.stick{ position:fixed;top:0; } #booking-form select{border:1px solid #ce2043;} #booking-form div{float:left;margin-right:3%;width:14%;} #booking-form div label{display:block;color:#656565;font-size:14px;text-align:center;font: normal 13px/1.6 Verdana;text-transform: uppercase;margin-bottom: 4px;} #booking-form button{background:#ce2043;color:#fff;margin-top:20px;padding:9px 15px;font:bold 14px/1.6 Verdana;letter-spacing: 1.2px;} .nav-wrapper{background:#fff; padding-bottom:20px;z-index:9999;border-bottom:1px solid #e5e4e3;display:block;padding-top: 20px; } #booking-form input, #booking-form textarea, #booking-form select{border:1px solid #676767;max-width:150px;font:normal 16px/1.5em Verdana;color:#676767;background:#fff;} #booking-form select{width:100%;appearance:none; -webkit-appearance: none;-moz-appearance:none;background:url('images/arrow-down.png')no-repeat 90% center;padding: 8px 3%;} #booking-form select:after{ content:'';padding:9px; } #booking-form input#date-out,#booking-form input#date-in{ padding: 8px;padding-right: 24px;width:105%;background-image:url('images/calender.png');background-repeat:no-repeat;background-position:90% center; } .morph-button > button,.icon-close{ display: none; } .feature-tabs{ margin:40px 0; } .feature-tabs img{ display:block;margin:0px auto; } .feature-tabs p{ text-align:justify;margin-top:20px;color: #999;font-family: Verdana;font-family: 12px; } .featured-project{ position:relative } .featured-project .grad-overlay{ background:rgba(20,20,20,0.4);/* IE6-9 fallback on horizontal gradient */position:absolute;top:0;left:0;right:0;bottom:2%;} .featured-project .grad-cont{ position:absolute;top:30%;width:100%;left:0; } .featured-project .grad-cont h1.widget-title{ font:normal 36px/1.5em interface;color:#fff;padding-bottom:20px;text-transform:uppercase;} .featured-project .grad-cont .container{ max-width:1200px;margin:0px auto;color:#fff;text-align:center; } .featured-project a.read-more{ display:inline-block;padding:5px 15px;color:#fff;border:1px solid #fff;margin-top: 15px; } .featured-project .grad-cont p, .featured-service .grad-cont p{ color: #fff; } /* Features Tab */ #home-info{ margin-bottom: 40px;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{padding:12px 0px;} #home-info li.distance a:before{ background:url('images/tab-location.png')no-repeat left center;content: "";padding: 13px; } #home-info li.distance.ui-tabs-active a:before,#home-info li.distance.ui-state-hover a:before{ background:url('images/tab-location-hover.png')no-repeat left center;background-color: #fff; } #home-info li.features a:before{ background:url('images/eye.png')no-repeat left center;content: "";padding: 13px;} #home-info li.features.ui-tabs-active a:before,#home-info li.features.ui-state-hover a:before{ background:url('images/eye-hover.png')no-repeat left center;background-color: #fff; } #home-info li.attractions a:before{ background:url('images/nearby.png')no-repeat left center;content: "";padding: 13px; } #home-info li.attractions.ui-tabs-active a:before,#home-info li.attractions.ui-state-hover a:before{ background:url('images/nearby-hover.png')no-repeat left center;background-color: #fff; } /* Mini features */ .mini-features{ background: #fff;} .mini-features li{ position:relative; } .mini-features li img{ width:100%;margin:0; } .mini-features .grad-overlay{ background: -moz-linear-gradient(270deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,1) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */ background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(270deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,1) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(270deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,1) 100%); /* ie10+ */ background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* ie6-9 */position:absolute;bottom:0;overflow:hidden;width:100%;transition:1.5s all ease;height:100%; } .mini-features .grad-overlay h3{ color: #fff;padding: 20px;text-align: center;font: normal 25px/1.8em interface;position: absolute;bottom: 0;transition: 1.5s all ease;width: 100%;box-sizing: border-box;} .mini-features .grad-overlay p{ color:#fff;position:absolute;bottom:-25%;transition:1.5s height ease;overflow:hidden; transition:1.5s all ease;padding:20px;text-align: center; } .mini-features li:hover .grad-overlay{ background: -moz-linear-gradient(270deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,1) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */ background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(270deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,1) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(270deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,1) 100%); /* ie10+ */ background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* ie6-9 */} .mini-features li:hover .grad-overlay h3{bottom:30%;} .mini-features li:hover .grad-overlay p{bottom:0;} .featured-service{ position:relative } .featured-service .grad-overlay{ background:rgba(20,20,20,0.4);/* IE6-9 fallback on horizontal gradient */position:absolute;top:0;left:0;right:0;bottom:2%;} .featured-service .grad-cont{ position:absolute;top:30%;width:100%;left:0; } .featured-service .grad-cont h1.widget-title{ font:normal 36px/1.5em interface;color:#fff;padding-bottom:20px;text-transform:uppercase;} .featured-service .grad-cont .container{ max-width:1200px;margin:0px auto;color:#fff;text-align:center; } .featured-service a.read-more{ display:inline-block;padding:5px 15px;color:#fff;border:1px solid #fff;margin-top: 15px; } .grad-cont img{ margin-bottom: -8px; } .featured-offer{ background: #fff;padding: 30px 0 40px; } .off-wrap{ margin: 0px auto; } .off-wrap img{ float: left;width: 33%; } .offer-cont{ float: right;width: 60%;margin:13% 0; } h2.entry-title{ font-size: 20px;color: #222;text-transform: uppercase;margin-bottom: 20px; } .offer-cont p {color: #777;} .offer-cont a{ display:inline-block;padding:3px 35px;color:#222;border:1px solid #222;margin-top: 15px;font-weight: 400;text-transform: uppercase; } /*Welcome text*/ .home-message h2{ font-size:1.1em;border:0; } /*Promotions Style */ .promotions .row li{ width:33.3%!important;margin:0!important; } .promotions .row li .overlay{ position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(8,68,117,0.4);transition:1s background ease; } .promotions .row li .overlay:hover{ background:rgba(8,68,117,0.6); } .promotions .row li h4{ position:absolute;top:40%;left:0;color:#fff;width:100%;text-align:center; } /* Sliders setup */ #features{padding:40px 0px;} .widget-title span{ background:transparent; } #features h3.widget-title{ margin-top:0; } .flexslider{ box-shadow:none!important;background:#222!important;position:relative; } .home .flexslider img{ width:100%;opacity:0.5; } .flexslider .content{ background:transparent;bottom:inherit;bottom:36%;left:0;width:100%; } .flexslider .content h3{color:#fff;font:bold 2.6em/1.5em interface;display:block;text-align:center; max-width: 1200px;margin: 0px auto; } .flexslider .content h3 a{ padding:10px 20px;;} .flexslider .content .excerpt{ color:#333;text-align:center; } .flexslider .content .excerpt p{ max-height:206px;overflow:hidden;font:normal 14px/1.8em interface;color:#fff;padding-bottom:15px;text-transform: uppercase; /*background: url('images/breakwhite_white.png')no-repeat center bottom;*/} .flexslider .content .excerpt-link{ text-align:center; } .flexslider .content a.button{display: inline-block;padding: 7px 30px;margin-top:30px;font:normal 16px/1.6 interface;letter-spacing: 1.2px;color:#fff;background: transparent;border: 1px solid #fff;border-radius: 0;} .flexslider .flex-control-nav{right: 48%;bottom: 4%;} .flexslider a.read-more { border: 1px solid #fff;padding: 9px 25px;font-size: 15px;margin-top: 15px; } .portslider{ position:relative; } .flex-direction-nav li a{ bottom:48%!important;width:22px;height:40px!important; } .flex-direction-nav li .flex-prev{ background:url('images/left-arrow.png')no-repeat;background-position:center!important; } .flex-direction-nav li .flex-next{ left:95%!important;background:url('images/right-arrow.png')no-repeat;background-position:center!important; } #features .flex-control-nav{ right:22%; } .flex-control-nav li{ padding:2px;background:#FFD201;border-radius:10px;margin-right:15px; } #features .flex-control-nav li a,.flexslider .flex-control-nav li a{ width:10px;height:10px;background:#FFD201;border-radius:10px; } #features .flex-control-nav li a.flex-active,.flexslider .flex-control-nav li a.flex-active{border: 2px solid #222;background: #FFD201;width: 7px;height: 7px;} /*.offers{ position:relative; } .offers .slide > a,.offers .slide .content{ float:left; width:49%; } .offers h3{ font-size:1.7em;line-height:1.5em; } .offers h3 a{ color:#ce2043; } .offers .slide > a{ margin-right:1%; } .offers .slide .content{ margin-left:1%; } .offers .excerpt{ margin-top:40px;text-align:center; } .offers .excerpt p{ text-align:justify; } .offers .excerpt a.button{ padding:13px 25px;background:#ce2043;color:#fff; border-radius:30px;display: block;max-width: 90px;margin: 0px auto;margin-top: 30px;} */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ font-family: interface;font-size: 17px;color: #ce2043; } .fullwidth-testim{ padding:100px 0;background:url('images/testimonial-image.jpg')no-repeat center;background-size:cover;position:relative; } .fullwidth-testim .grad-overlay{ background: rgba(9, 113, 154, 0.71); /* Old browsers */background: -moz-linear-gradient(-45deg, #09719a 0%, #c0203e 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg, rgba(9, 113, 154, 0.72) 0%,rgba(192, 32, 62, 0.75) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, rgba(9, 113, 154, 0.6) 0%,rgba(192, 32, 62, 0.62) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09719a ', endColorstr='#c0203e ',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */position:absolute;top:0;left:0;right:0;bottom:0;z-index:0; } .testimonial{ text-align:center;position:relative; } .testimonial p,.testimonial a{color:#fff;} .testimonial .excerpt-link{ display:none; } .testimonial .excerpt p{ margin:20px 0px; } .type-portfolio .image-gallery{ width:50%;float:right;margin-right:1%; } .type-portfolio .side-cont{ width:47%;float:left;margin-left:1%; } /* Blog listing */ .list .type-post, .list .type-page{border:0;} .list .type-post header h2{ font:normal 20px/1.5em interface; } h1.entry-title a,h2.entry-title a{ color:#222; } h3.widget-title{color:#222;font:300 34px/1.5em interface;text-align:center;margin-bottom:35px;background:url('images/breakline-grey.png')no-repeat center bottom;padding-bottom:10px;text-transform:uppercase;} h3.widget-title span{background:transparent;} .type-post a.more-link, .type-page a.more-link{display:block;text-decoration:none;background:#fff;text-align:center;padding:10px;font:bold 16px/1.4em Source Sans Pro;color:#ce2043;letter-spacing:1.3px;text-transform:uppercase;margin-top:20px;border:1px solid #e0e0e0;-webkit-box-shadow: 0 0px 0px #cfcfcf; -moz-box-shadow:0 0px 0px #cfcfcf;box-shadow:0 0px 0px #cfcfcf; transition:all ease 1s; } .type-post a.more-link:hover, .type-page a.more-link:hover{background:#ce2043;;color:#fff;} /*Events style*/ .events.list .four.columns{ width: 31%; } .events.list article{background: #fff;padding-bottom: 0;} .events.list article img{ width: 100%;float: none!important; } .events.list article a.read-more,.list article a.read-more{ display: block;text-align: center;background: #ce2043;color: #fff;padding: 6px 0; } .events.list .event-details-home span{ width:48%;padding:1%;text-align: center;color: #ce2043;font-size: 14px; display: inline-block;margin: 10px 0; } .events.list .type-post header h2{ text-align: center;text-transform: capitalize;font-size: 19px;margin-bottom: 0; } .event-details{ padding:20px;background:#fefefe;font:normal 16px/1.8em interface;;margin-bottom:20px;position:relative; } .event-details li{ margin:20px 0px; } .event-details span{ font-weight:bold; } .event-details span,.event-details p{ float:left; } .event-details p{ width:80%;margin:0px 5px; } /* Footer */ /* Gravity Form subscription */ #footer{ background:#d21241 ;margin-top:60px;background-size:cover; } #footer .widget ul li{ border:0; } #footer .widget ul li a{ color: #fff; } #footer .widget ul li a:hover{ color: #fff;cursor: pointer; } #footer-widgets .widget h4{font:normal 18px/1.5 interface;text-transform:uppercase;text-align:center;} #footer-widgets .widget h4 span{background:transparent;color:#fff;padding: 0; } .footer-widget-2 .gform_widget{ width:100%;max-width:400px;margin: 0px auto 26px; } .footer-widget-2 .gform_wrapper .top_label input.large{ background:transparent;border:0;border-bottom:1px solid #fff;border-radius:0;color:#ffffff; text-align: center;} .footer-widget-2 .widget ul li{ border-bottom:0; } .footer-widget-2 .gform_wrapper .gform_footer input[type=submit]{ float:none;margin:0;background: transparent;border:1px solid #ffffff; } .footer-widget-2 .gform_wrapper .top_label input.large:active,.footer-widget-2 .gform_wrapper .top_label input.large:hover,.footer-widget-2 .gform_wrapper .top_label input.large:focus{ box-shadow:none;border:inherit;border-bottom:1px solid #fff } .footer-widget-2 .gform_wrapper .top_label input.large::-webkit-input-placeholder{ color:#fff; } .footer-widget-2 .gform_wrapper .top_label input.large:-moz-placeholder{ color:#fff; } .footer-widget-2 .gform_wrapper .top_label input.large::-moz-placeholder{ color:#fff; } .footer-widget-2 .gform_wrapper .top_label input.large:-ms-input-placeholder{ color:#fff; } .footer-widget-2 .gform_wrapper .gform_footer{ text-align:center;margin:0; } .gform_widget h4.widget-title{margin:20px 0;text-align:center;} .form .gform_wrapper input[type=image]{ background:transparent; } .form .gform_previous_button.gform_image_button{ position:absolute;left:-30px; } #footer .gform_page_fields{width: 70%;float: left;clear: none;max-width: 250px;} #footer .gform_wrapper .top_label .gfield_label{ display:none; } #footer .gform_wrapper .gf_progressbar{background: none;height: 10px;border: none;box-shadow: none;border-radius: 0;display:none;} #footer h3.gf_progressbar_title{bottom: 0; color: #fff; position: absolute; right: 0;} #footer .gform_wrapper{position: relative; width: 80%; margin: 0 10%; } #footer .gform_confirmation_message{ margin:0;background-color:transparent;color:#fff;font:300 20px/1.5 Verdana ;border:0;padding:1em;text-align:center; } #footer #footer-wrap{ padding-bottom: 0; } .footer-widget-2 .textwidget{ text-align: center; } #footer .sub,#footer .form{ width:49%;float:left; } #footer .sub{ text-align:right;color:#fff;font:normal 24px/1.5 Verdana; } #footer a.google-map-code{ display:none; } #footer .widget_text { color:#fff;font:300 18px/1.5 Verdana;margin-bottom:22px; } #footer .container .block.four.columns{ width: 28%; } #footer .container .footer-widget-2.block.four.columns{ width: 40%;} .footer-widget-3 .textwidget p{ padding:20px 0 20px 60px;font-weight:400;line-height:2;margin-bottom: 0;background-size: 7%!important;font:13px/20px "Verdana", Helvetica, Arial;} .footer-widget-3 .textwidget p.address{ background:url('images/loc.png')no-repeat left center; } .footer-widget-3 .textwidget p.call{ background:url('images/contact-phone-icon.png')no-repeat left center; } .footer-widget-3 .textwidget p.mail{ background:url('images/mail.png')no-repeat left center; } #footer-bottom{ background:#d21241; } #footer-bottom p{ color:#fff;font:400 12px/1.4em Verdana; } #footer-bottom a{ font-weight:bold;color:#fff;} /* SIngle Post */ .entry-content h1, .entry-content h2, .entry-content h3,.entry-content h4{ margin-bottom:20px; } a.share.wapp{ background:url("https://ramadaislamabad.com/wp-content/themes/ramada/images/whatsapp.png") no-repeat scroll center; } a.share.email{ background:url("https://ramadaislamabad.com/wp-content/themes/ramada/images/email.png") no-repeat scroll center; } .lead-desc.non-home .cont{ position:absolute;top:36%;text-align:center;height: auto; max-width: none;color:#fff; } .lead-desc.non-home h1{font:Normal 33px/1.8em interface; color:#fff;} .lead-desc.non-home p{ font:normal 25px/1.8em Verdana; } #related h4.entry-title{ text-align:center;color:#222;} .type-post, .type-page{ font:normal 15px/1.8em Verdana;border-bottom:0; } .single .lead-image{ box-shadow:none; } .lead-image img{ width:100% } #related .column{width:32%;} #related .post h4{font:normal 20px/1.5em interface;} .symple-one-third .gform_wrapper .top_label input.large,.symple-one-third .gform_wrapper textarea.medium{width:92.5%; } .entry-content .symple-button.red{ background-color: #ce2043;color: #fff; } .entry-content .symple-button.red:hover{ background-color: #ce2044; } /* Porfolio Styles */ .flexslider .slides > li{ list-style:none; } #roomslider{ width:70%;float:left; } #carousel{ width:30%;float:left;position:relative;max-height:600px;overflow:hidden; } #carousel .slides > li{ float:none!important;list-style:none; } #carousel .flex-direction-nav li a{ left:50%!important; } #carousel .flex-direction-nav li a.flex-prev{ bottom:95%!important; } #carousel .flex-direction-nav li a.flex-next{ bottom:5%!important; } .portcara li{ margin-right:10px; } #features-tab{ margin:30px 0px;border-radius: 0; padding:0;} #features-tab .ui-tabs-nav{ border-bottom:2px solid #eee; } #features-tab .ui-tabs-nav li{ width:49%;float:left;list-style:none;text-align:center; } #features-tab .ui-tabs-nav li a{ padding:15px 30px;display:inline-block;font:Normal 18px/1.5em interface;position:relative;bottom:-2px;outline:0;color:#222; } #features-tab .ui-tabs-nav li.ui-state-active a{ border-bottom:3px solid #ce2043;font-weight: bold; } #features-tab .ui-tabs-panel ul li{ list-style-image: url('images/tick.png');width:31%;padding:15px 1%;float:left;font:300 15px/1.3em Verdana; } #features-tab .ui-tabs-panel{ background:#ffffff;padding:20px; } /*Related Portfolio*/ #related article{ position:relative; } #related {padding:0;border-bottom:0} #related header{ position:absolute;top:0;left:0;right:0;bottom:0;background: rgba(9, 113, 154, 0.71); /* Old browsers */background: -moz-linear-gradient(-45deg, #09719a 0%, #c0203e 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg, rgba(9, 113, 154, 0.72) 0%,rgba(192, 32, 62, 0.75) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, rgba(9, 113, 154, 0.6) 0%,rgba(192, 32, 62, 0.62) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09719a ', endColorstr='#c0203e ',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #related > h4,.offer-container h4.entry-title{ position:relative;padding:15px;text-align:center;font:300 26px/1.6em interface;background:url('images/breakline-grey.png')no-repeat center bottom; text-align:center;margin-bottom:40px;color: #222; } #related header h4{ position:absolute;top:40%;width:100%;left:0;text-align:center; } #related header h4 a{ color:#fff; } #related header > a.read-more{ position:absolute;top:50%;color:#fff;left:calc( 50% - 80px);border-color:#fff;padding:6px 35px;margin-top:30px;background:url('images/read-more-line.png')no-repeat top center; } img.thumbnail{ padding:0;border:0;border-radius:0;box-shadow:none;} #related img.thumbnail{ width:100%; margin:0!important; } /*Portfolio offer section*/ .port-offers{ position:relative;line-height:0 } .port-offers img{width:100%;} .offer-overlay{ background: rgba(20,20,20,.4); position:absolute;top:0;left:0;right:0;bottom:0;z-index:1; } .port-offers h3{position: absolute;top: 40%;width: 100%;left: 0;text-align: center;font-size: 15px;color: #fff;text-transform: uppercase;z-index:10;line-height:1.6;} .port-offers a.read-more{ position: absolute;top: 50%;color: #fff!important;left: calc( 50% - 65px);border: 1px solid #fff;padding: 6px 25px;margin-top: 15px;z-index: 10;line-height: 1.6;} /* Blog Archive Styles */ .blog-aux-wrap{ background:#f7f7f7; } .blog-aux-wrap .blog-aux-options{ max-width:610px;padding:20px 0px; } .blog-aux-wrap li{ padding:20px 4%; } .blog-aux-wrap li.search input{ width:250px;border:1px solid #ce2043;color:#ce2043;text-align:center;background:url('https://ramadaislamabad.com/wp-content/themes/ramada/images/search.png')no-repeat 90% center;border-radius:3px;font:normal 20px/1.6em Verdana;padding:3px 3%; } .blog-aux-wrap li.search input::-webkit-input-placeholder{ color:#ce2043; } .blog-aux-wrap li.search input:-moz-placeholder{ color:#ce2043; } .blog-aux-wrap li.search input::-moz-placeholder{ color:#ce2043; } .blog-aux-wrap li.search input:-ms-input-placeholder{ color:#ce2043; } .blog-aux-wrap li a{font:normal 20px/1.6em Verdana;color:#ce2043;} .blog-aux-wrap li a:hover{ color:#006699; } .blog-filter-wrap{ border-bottom:10px solid #f7f7f7; } .slideout-filter ul li:hover, .slideout-filter ul li a:hover{background:#ce2043;} /*Portfolio Archive Styles */ .page-template-template-portfolio-php .portfolio,#related .portfolio,.tax-facilities .portfolio{ position:relative; } .archive.tax-facilities .lead-desc.non-home p{ display:none; } .page-template-template-portfolio-php .portfolio header,.tax-facilities .portfolio header{ background:rgba(20,20,20,0.3);position:absolute;bottom:0;overflow:hidden;width:100%;transition:1.5s all ease;height:100%; } .page-template-template-portfolio-php .portfolio:hover,.tax-facilities .portfolio:hover{background:rgba(20,20,20,0.6) } .page-template-template-portfolio-php .portfolio header h2,#related .portfolio header h2,.tax-facilities .portfolio header h2,.page-template-template-portfolio-php .portfolio header a.read-more,.tax-facilities .portfolio header a.read-more{ color:#fff;padding:20px;text-align:center;font:normal 30px/1.8em interface; position:absolute;bottom:0; transition:1.5s all ease;} .page-template-template-portfolio-php .portfolio header:hover h2,#related .portfolio header:hover h2,.tax-facilities .portfolio header:hover h2{ bottom:30%; } .page-template-template-portfolio-php .portfolio header p,#related .portfolio header p,.tax-facilities .portfolio header p{color:#fff;position:absolute;bottom:-25%;transition:1.5s height ease;overflow:hidden; transition:1.5s all ease;padding:20px; } .page-template-template-portfolio-php .portfolio header:hover p,#related .portfolio header:hover p,.tax-facilities .portfolio header:hover p{ bottom:0; } a.link-over{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 100} .page-template-template-portfolio-php .type-portfolio, .recent-portfolios-widget li, .recent-work li{ height:auto; } .flexslider .slides img{ width: 100%; } .post-thumb img{ width:100%;margin:0; } #related .column{ margin:0 1%; } #related .column.first{ margin-left:0; } #related .column.last{ margin:0 1%;;margin-right:0; } #related .portfolio h4{ margin:20px 0px; } .post-thumb{ line-height:0; } .tax-facilities .portfolio{ padding:0; } .page-template-template-portfolio-php .type-portfolio .entry-title a,#related .portfolio h4 a,.tax-facilities .portfolio .entry-title a{ color:#fff;font:300 23px/1.6em interface!important;} .page-template-template-portfolio-php .portfolio a.read-more,.tax-facilities .portfolio a.read-more{ font:bold 20px/1.6em Verdana!important;color:#fff;font-style:italic!important;display:block;margin:15px 0px; } /* Contact form */ .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea, .gform_wrapper .ginput_complex input[type=text]{font: 400 13px/1.4 Verdana;padding: 10px;border-radius: 6px;border: 1px solid #929292;margin: 10px 0px;color: #4f4f4f;transition: all ease 1s;} .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image]{ background:#ce2043;color:#fff;margin-top:20px;padding:7px 20px;font:bold 14px/1.6 Verdana; } .gform_wrapper .top_label input.large:hover, .gform_wrapper .top_label select.large:hover, .gform_wrapper .top_label textarea.textarea:hover,.gform_wrapper .ginput_complex input[type=text]:hover,.gform_wrapper .top_label input.large:focus, .gform_wrapper .top_label select.large:focus, .gform_wrapper .top_label textarea.textarea:focus,.gform_wrapper .ginput_complex input[type=text]:focus,.gform_wrapper .top_label input.large:active, .gform_wrapper .top_label select.large:active, .gform_wrapper .top_label textarea.textarea:active,.gform_wrapper .ginput_complex input[type=text]:active,.gform_wrapper.gf_browser_chrome .ginput_complex select:hover, .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select:hover,.gform_wrapper li.gfield_price input[type=text]:hover,.gform_wrapper.gf_browser_chrome .ginput_complex select:focus, .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select:focus,.gform_wrapper li.gfield_price input[type=text]:focus,.gform_wrapper.gf_browser_chrome .ginput_complex select:active, .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select:active,.gform_wrapper li.gfield_price input[type=text]:active{ border-color:#ce2043;box-shadow:0px 0px 5px #ce2043; } @media only screen and (max-width:1100px){ /* Minimal Nav Styles */ ul.flexnav li:first-child a{ padding-left:1em; } nav#access{ width:80px; float:left; } nav#access #navigation-wrap{ margin-bottom:0px; } nav#access .menu-button{ display:inline-block; background:transparent; border-bottom:0px; padding-top:0px; } nav#access .menu-button .touch-button{ position:inherit; } nav#access .menu-button .touch-button .navicon:before{ content:"MENU"; font-size:12px; font-family:Verdana; position:absolute; left:1px; top:42px; font-weight:400; } #main-header .flexnav li a{ color:#fff; } nav#access .menu-button .touch-button .navicon{ position:initial; line-height:.8; font-size:54px; color:#ce2043; font-family:Verdana; } ul.flexnav{ min-width:200px; margin:0px; position:absolute; right: 0; } ul.flexnav li a{ background:#04decd; padding:1em; } ul.flexnav li ul li a{ background:#04decd; padding:1em; } #main-header #navigation-wrap{ margin:28px 0px; } #navigation .flexnav{ background:#ce2043;color:#fff;} .type-portfolio .side-cont,.type-portfolio .image-gallery{ width:98%;margin:0 1%; } } @media only screen and (max-width:1100px) and (min-width:800px){ #booking-form input, #booking-form textarea, #booking-form select{ font-size:14px; } #booking-form button{ padding:10px;font-size:12px;: } .mini-features .grad-overlay p,.page-template-template-portfolio-php .portfolio header p, #related .portfolio header p, .tax-facilities .portfolio header p{ bottom:-45%; } } @media only screen and (max-width:900px){ .lead-desc h1.head-home{ display:block;width:98%;max-width:600px;font-size:50px;margin:0px auto;padding:0; } .lead-desc p.para-home{ display:none; } } @media only screen and (max-width:900px) and (min-width:600px){ .mini-features .three.columns{ width:47.5%;margin:0 1%; border:0;} .mini-features .three.columns:nth-child(2n){ border-left:1px solid #dcdcdc; } .featured-project .grad-cont,.featured-service .grad-cont{ top:10%; } } @media only screen and (max-width:800px){ body{ font-size:15px!important; } #booking-form input{ max-width:100%; } #booking-form button{ width:96%; } h3.widget-title{ font-size:35px!; } li.slide>a{ width:100%; } .flexslider .content h3{ font-size:2em; } .flexslider .content > a{ font-size:30px; } .flexslider .content{ width:98%;margin:0px auto; } .flexslider .content .excerpt p{ font-size:14px; } .flexslider .content a.button{ display:block;max-width:85px;margin:20px auto; } .container .mini-features .one-third.column,.container .type-post .one-third.column{ width: 100%;margin: 10px 0; } .mini-features .grad-overlay p{ padding: 5px 20px; } /* Morph Button: Default Styles */ .morph-button { position: relative; display: block; margin: 0 auto; } .morph-button > button { display: block; position: relative; padding: 20px 1em; border: none; background-color: #e85657; color: #f9f6e5; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; overflow: hidden; } .morph-button.open > button { pointer-events: none; } .morph-content { pointer-events: none; } .morph-content .icon-close{ display: block;width: 18px;height: 18px;text-indent: -9999px;background: url('images/cancel.png')no-repeat; position: fixed;background-size: contain; right: 19px; } .morph-button.open .morph-content { pointer-events: auto; } /* Common styles for overlay and modal type (fixed morph) */ .morph-button-fixed, .morph-button-fixed .morph-content { height: 80px; } .morph-button-fixed > button { z-index: 1000; width:100%; -webkit-transition: opacity 0.1s 0.5s; transition: opacity 0.1s 0.5s; } .morph-button-fixed.open > button { opacity: 0; -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } .morph-button-fixed .morph-content { position: fixed; z-index: 900; opacity: 0; -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; } .morph-button-fixed.open .morph-content { opacity: 1; } .morph-button-fixed .morph-content > div { visibility: hidden; height: 0; opacity: 0; -webkit-transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s; transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s; } .morph-button-fixed.open .morph-content > div { visibility: visible; height: auto; opacity: 1; -webkit-transition: opacity 0.3s 0.5s; transition: opacity 0.3s 0.5s; } .morph-button-fixed.active > button { z-index: 8000; } .morph-button-fixed.active .morph-content { z-index: 7000; } /* Transitions for overlay button and sidebar button */ .morph-button-overlay .morph-content, .morph-button-sidebar .morph-content { -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; } .morph-button-overlay.open .morph-content, .morph-button-sidebar.open .morph-content { -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; } /* Morph Button Style: Overlay */ .morph-button.morph-button-overlay { margin: 50px auto; } .morph-button-overlay .morph-content { overflow: hidden; background: #e85657; } .morph-button-overlay.open .morph-content { top: 0 !important; left: 0 !important; width: 100%; height: 100%; } /* Morph Button Style: Modal */ .morph-button-modal::before { position: fixed; top: 0; left: 0; z-index: 800; width: 100%; height: 100%; background: rgba(0,0,0,0.5); content: ''; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; pointer-events: none; } .morph-button-modal.open::before { opacity: 1; pointer-events: auto; } .morph-button-modal.active::before { z-index: 1800; } .morph-button-modal .morph-content { overflow: hidden; -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; } .morph-button-modal.open .morph-content { top: 60% !important; left: 50% !important; margin: -210px 0 0 -300px; width: 600px; height: 420px; -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; } /* Colors and sizes for individual modals */ .morph-button.morph-button-modal-1 { float: left; } .morph-button.morph-button-modal-2, .morph-button.morph-button-modal-3 { margin: 10px 15px; } .morph-button-modal-1 > button, .morph-button-modal-1 .morph-content { background-color: #553445; } .morph-button-modal-2 > button, .morph-button-modal-3 > button { background-color: #ce2043; color: #fff; } .morph-button-modal-2 .morph-content, .morph-button-modal-3 .morph-content { background: #fff; } .morph-button-modal-4 { display: inline-block; } .morph-button-modal-4 > button, .morph-button-modal-4 .morph-content { background-color: #faf1e0; color: #553445; } .morph-button-modal-4 > button span, .morph-button-modal-4 .morph-clone { padding-left: 10px; color: #286f81; } .morph-button-modal-4 .morph-clone { position: absolute; right: 34px; bottom: 30px; z-index: 100; letter-spacing: 1px; font-weight: 700; -webkit-transition: bottom 0.4s 0.1s, right 0.4s 0.1s; transition: bottom 0.4s 0.1s, right 0.4s 0.1s; } .morph-button-modal-4.open .morph-clone, .no-js .morph-button-modal-4 .morph-clone { right: 10px; bottom: 10px; } .morph-button-modal-1::before { background: rgba(240,221,204,0.7); } .morph-button-modal-2.open .morph-content { margin: -210px 0 0 -170px; width: 340px; height: 420px; padding: 20px; } .morph-button-modal-3.open .morph-content { margin: -255px 0 0 -210px; width: 420px; height: 510px; } .morph-button-modal-3.open .morph-content > div { height: 420px; } .morph-button-modal-2.open .morph-content > div, .morph-button-modal-3.open .morph-content > div { -webkit-transition: opacity 0.3s 0.3s; transition: opacity 0.3s 0.3s; } .morph-button-modal-4.open .morph-content { margin: -200px 0 0 -320px; width: 640px; height: 400px; } /* Morph Button Style: In the content flow */ .morph-button-inflow { overflow: hidden; max-width: 100%; height: 70px; } .morph-button-inflow > button { width: 100%; line-height: 70px; } .morph-button-inflow .morph-content { position: absolute; top: 0; left: 0; width: 100%; } .morph-button-inflow .morph-content .morph-clone { padding: 0; font-weight: 700; font-size: 1.5em; line-height: 70px; } /* Colors and sizes for individual in flow buttons */ .morph-button-inflow-1 { width: 600px; margin: 2em auto; -webkit-transition: height 0.5s cubic-bezier(0.7,0,0.3,1); transition: height 0.5s cubic-bezier(0.7,0,0.3,1); } .morph-button-inflow-1 > button span { visibility: hidden; } .morph-button-inflow-1 .morph-content .morph-clone { color: #f9f6e5; background: #e85657; } .morph-button-inflow-2 { position: absolute; top: 50%; left: 50%; width: 220px; background-color: #fef0e3; -webkit-transition: height 0.3s, width 0.3s, -webkit-transform 0.3s; transition: height 0.3s, width 0.3s, transform 0.3s; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .morph-button-inflow-2 > button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; color: #e75854; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .morph-button-inflow-2.open > button { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .morph-button-inflow-2 .morph-content { width: 260px; height: 200px; } .morph-button-inflow-2.open { width: 260px; } /* Morph Button Style: Sidebar */ .morph-button-sidebar, .morph-button-sidebar .morph-content { width: 60px; height: 60px; } .morph-button-sidebar { position: fixed; bottom: 50px; left: 50px; } .morph-button-sidebar > button { line-height: 60px; font-size: 1.6em; padding: 0; } .morph-button-sidebar .morph-content { background: #e85657; } .morph-button-sidebar.open .morph-content { top: 0 !important; left: 0 !important; width: 300px; height: 100%; overflow: hidden; -webkit-backface-visibility: hidden; } /* Let's add some nice easing for all cases */ .morph-button .morph-content, .morph-button.open .morph-content, .morph-button-modal-4 .morph-clone { -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); } /* Helper classes */ .noscroll { overflow: hidden; } .morph-button-overlay.scroll .morph-content { overflow-y: scroll; } .morph-button-sidebar.scroll .morph-content { overflow: auto; } /* No JS fallback: let's hide the button and show the content */ .no-js .morph-button > button { display: none; } .no-js .morph-button { margin: 10px 0; float: none; } .no-js .morph-button, .no-js .morph-button .morph-content, .no-js .morph-button .morph-content > div { position: relative; width: auto; height: auto; opacity: 1; visibility: visible; top: auto; left: auto; -webkit-transform: none; transform: none; pointer-events: auto; } .no-js .morph-button .morph-content .icon-close { display: none; } .no-js .morph-button-sidebar { width: 300px; position: fixed; top: 0; left: 0; margin: 0; height: 100%; background: #e85657; overflow: auto; } .no-transition { -webkit-transition: none !important; transition: none !important; } #footer .container .block.four.columns{width: 100%!important;} #footer .container .footer-widget-2.block.four.columns{ bottom: 0;margin-bottom: 0; } #footer .widget ul li{text-align: center;margin: 0px auto;} .footer-widget-3 .textwidget p{ text-align: center; } } @media only screen and (max-width:800px) and (min-width:500px){ #booking-form .date-in,#booking-form .date-out{ width:46%; } #booking-form .choose{ width:30%; } .lead-desc.non-home h1{ font-size:40px; } .flexslider .content{ top:10%; } } @media only screen and (max-width:699px){ .off-wrap img,.offer-cont{ width:98%;margin:0 1%; } } @media only screen and (max-width:699px) and (min-width:480px){ #main-header .ten.columns{ width:auto;float:right; } .lead-desc h1.head-home{ font-size:35px;margin:auto;margin-top:8%; } .ui-tabs .ui-tabs-nav li{ width:98%;margin:1%; } /*.container .feature-tabs .four.columns{ width:98%;margin:0 1%; }*/ .container .list .four.columns,#related .column{ width:98%;margin:0 1%; } .featured-project .grad-cont h1.widget-title,.featured-service .grad-cont h1.widget-title{ font-size:32px;background-size:13%;margin-bottom:0;padding-bottom:10px; } .featured-project .grad-cont p,.featured-service .grad-cont p{ font-size: 15px; } .container .list .four.columns img,#related .column img{ width:100%; } .reward{ display:none; } #features-tab .ui-tabs-nav li{ width:100% } } @media only screen and (max-width:600px){ .mini-features .three.columns{ width:98%;border:0; }.featured-project .grad-cont{ top:5%; }.featured-project .grad-cont p{ font-size: 14px; } h3.widget-title{ font-size:30px; } #booking-form{ padding-top: 25px; } .morph-button-modal.open .morph-content { top: 0% !important; left: 0% !important; margin: 0; width: 92%; height: 100%; overflow-y: scroll; -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; } #features-tab .ui-tabs-panel ul li{ width: 98%;margin-bottom: 0 1%; } } @media only screen and (max-width:500px){ body{ font-size:13px!important; } h4{ font-size:14px; } .flexslider .content h3{ font-size:.9em; } .flexslider .content a.button{ font-size: 10px; } .nav-wrapper.stick{ padding-bottom: 0;padding-top: 0; } #booking-form .date-in,#booking-form .date-out{ width:98%;margin:0px auto;} #booking-form input#date-out, #booking-form input#date-in{ width:89%; } #booking-form .choose{ width:30%; } #booking-form button{ margin:10px auto;width:98%; } .lead-desc.non-home .cont{ top:20%; } .lead-desc.non-home h1{ font-size:16px; } .flexslider .content{ top:2%; } .flexslider .flex-control-nav{ width: 12px;bottom: 16%; } #features .flex-control-nav li a, .flexslider .flex-control-nav li a{ width: 5px;height: 5px; } #features .flex-control-nav li a.flex-active, .flexslider .flex-control-nav li a.flex-active{ height: 3px;width: 3px; } .list .type-post.column{ margin-bottom: 20px!important; } } @media only screen and (max-width:480px){ .morph-button-fixed, .morph-button-fixed .morph-content { width: 94%; height: 56px; } .morph-button-sidebar > button { font-size: 1.6em; } .morph-button-inflow .morph-content .morph-clone { font-size: 0.9em; } .morph-button-modal-4, .morph-button-modal-4 .morph-content { width: 220px; height: 120px; } .morph-button-modal-4 > button { font-size: 100%; line-height: 50px; } .morph-button-modal-4 > button span { display: block; } .morph-button-modal-4 .morph-clone { right: 83px; bottom: 26px; } .morph-button-sidebar, .morph-button-sidebar .morph-content { width: 100% !important; height: 60px !important; } .morph-button-sidebar { bottom: 0px; left: 0px; } .morph-button-sidebar.open .morph-content { height: 100% !important; } #main-header .two.columns{ max-width:150px; } #main-header .ten.columns{ width:auto;float:right; } nav#access #navigation-wrap{ margin-top:18px;z-index: 2000; } .follow-us{ margin-top:35px; } .reward.fr{display:none;} .flex-direction-nav li a{ background-size:contain;width:13px;botton:32%!important; } .lead-desc h1.head-home{ font-size:30px; } .ui-tabs .ui-tabs-nav li{ width:98%;margin:10px 1%!important; } .mini-features .grad-overlay h3{ font-size: 20px; } .featured-project .grad-cont,.featured-service .grad-cont{ top:2%; } .featured-project .grad-cont h1.widget-title,.featured-service .grad-cont h1.widget-title{ font-size:16px;padding:0;margin:5px 0 0;background:transparent; } .featured-project .grad-cont p,.featured-service .grad-cont p,.mini-features .grad-overlay p{ display:none; } .featured-project .grad-cont a.read-more,.featured-service .grad-cont a.read-more{ padding: 1px 12px;font-size: 9px; } #features{ padding:20px 0; } h3.widget-title{ font-size:25px;background:transparent;margin-top:0;padding-bottom:0; margin-bottom:15px; } .posts.list .type-post h2{botton:auto; top:10px;font-size:17px; } .page-template-template-home .posts.list a.read-more{ display:none;} #home-info{ margin-bottom:0;} .feature-tabs img{ margin-top:15px; } .container .list .four.columns,#related .column{ width:98%;margin:0 1%; } .container .list .four.columns img,#related .column img{ width:100%; } #features-tab .ui-tabs-nav li{ width:100% } }