/* Theme Name: KLP Residency Theme URI: Author: KLP Residency Author URI: Description: Version: 1.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: twentyfifteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @charset "utf-8"; /* CSS Document */ @import url('css/fontface.css'); * { margin:0px; padding:0px; outline:none;} body { background:#fafafa; font-size:18px; color:#535252; font-family: 'gentleman_1000black','open_sansextrabold','gentleman_800bold' 'gentleman_700medium','open_sansextrabold','gentleman_600regular','gentleman_500book' ,arial;} h1 { font-size: 24px; line-height: 26px; margin: 0px; margin-bottom: 12px; font-weight: normal; color: #484848; font-family: 'gentleman_1000black';} h2 { font-size: 24px; line-height: 26px; margin: 0px; margin-bottom: 12px; font-weight: normal; color: #484848; font-family: Arial, Helvetica, sans-serif; } h3 { font-size: 20px; line-height: 22px; margin: 0px; margin-bottom: 10px; font-weight: normal; color: #484848; font-family: Arial, Helvetica, sans-serif; } h4 { font-size: 18px; line-height: 20px; margin: 0px; margin-bottom: 8px; font-weight: normal; color: #484848; font-family: Arial, Helvetica, sans-serif; } p { font-size: 16px; line-height: 24px; margin-bottom: 17px; color:#555; font-family: 'gentleman_600regular'; } a { text-decoration: none; color: #000; } a:hover { text-decoration: underline; } img { outline: none; height:auto; max-width:100%; border:none;} ul, ol { margin:0px; padding:0px;} .home h1.entry-title { display:none;} /********************************************** Banner **********************************************/ #top_section { position:relative; } .home #header_outer { position:absolute; top:0px; left:0px; width:100%; z-index: 9999;} h1#logo { margin:66px 0 19px 0; } #banner img{ width:100%;} /********************************************** Nav **********************************************/ .navbar { min-height:inherit; margin:0px; border:none; background: #00963f;} .navbar ul li { position: relative;} .navbar ul li a { font-size:16px; color:#fff; height:69px; line-height:69px; padding:0 43px; font-family: Arial; text-transform:uppercase;} .navbar ul li a:hover,.navbar ul li a:focus,.navbar ul li a:active { background-color:#009fe3;} .navbar ul li.current-menu-item { background-color:#009fe3;} .navbar ul ul { display:none;} .navbar ul li:hover ul { position:absolute; top:69px; left:0px; display:block; list-style:none;} .navbar ul ul li { margin:0px;} .navbar ul ul li a { font-size:15px; line-height:40px; height:40px; background:#00963F; color:#fff; /* border-bottom:1px solid #bfc7ce; */ padding:0 15px; display:block; white-space:nowrap; min-width:167px; text-align:center; border-top:1px solid #17AF57; border-bottom:1px solid #007330;} .navbar ul ul li a:hover { background:#009fe3; text-decoration:none; color:#fff;} /********************************************** Banner Content **********************************************/ #banner { position:relative;} #banner img { width:100%;} #banner_content { position: absolute; bottom:370px; left:0px; width:100%;} #banner_content h1 { font-size:112px; line-height: 94px; color:#fff; margin-bottom: 13px; font-family: 'gentleman_1000black'; text-transform:uppercase;} #banner_content p { font-size:20px; line-height: 22px; color:#fff; font-family: 'gentleman_800bold';} /********************************************** About section **********************************************/ #content_outer { margin-top: -120px; text-align:center; } #about_section { background: #fff; padding:44px 0px 81px 0px; width:100%; border:1px solid #f2f2f2;} #about_section h3 { font-size:24px; line-height: 28px; color:#999999; text-align:center; font-family:'gentleman_700medium';} #about_section h2 { font-size:36px; line-height:38px; text-align:center; color:#009fe3; font-family:'open_sansextrabold';} #about_section h2 span { color:#484848;} #about_images { margin-top:75px; } #about_images ul { list-style:none;} #about_images ul li { float:left; width:20%;} #about_images h4 { font-family: 'open_sansregular'; font-size: 36px; color: #484848; margin:20px 0;} #about_images p { font-family: 'gentleman_700medium'; font-size:16px; color:#999999; text-align:center; font-style:italic;} #about_images img#last_pic { margin-top:-3px;} #about span { color:#009fe3;font-family: 'open_sansextrabold';} /********************************************** Contact section **********************************************/ #contact_section { padding-top:30px; } #contact_box { background: #f1f2f4; padding: 29px 23px 32px 23px; border:1px solid #e2e2e2; } #contact_box h2 { font-size:20px; line-height: 22px; color:#484848; font-family: 'gentleman_800bold'; margin-bottom:25px; } #contact_box p { font-size:16px; line-height: 24px; color:#8A8787; font-family: 'gentleman_600regular';} #contact_us { background-color:#f1f2f4;border:1px solid #e2e2e2; margin:0px; width:100%; padding: 30px 35px 25px 35px; display:inline-block; } #contact_us h2 { font-size:36px; line-height:40px; text-transform:Uppercase; margin-bottom:25px; color:#484848; font-family:'open_sansextrabold';} #contact_us h2 span { color:#009fe3;} #contact_us label { font-size:18px; line-height:18px; color:#999; font-family: 'gentleman_700medium';} #contact_us input[type=text], #contact_us input[type=tel], #contact_us input[type=email] { font-size: 22px; line-height: 45px; color:#999; width:100%; padding-left:10px; margin-bottom:10px; border: 1px solid #e5e6e8; border-radius: 5px; } #contact_us textarea { font-size:22px; line-height: 18px; color:#999; width:100%; height:116px; padding-left:10px; border: 1px solid #e5e6e8; border-radius: 5px;} #contact_us input[type=submit] { background: #25b4df; font-size: 20px; line-height: 53px; height: 53px; color:#fff; width:145px; border-radius: 3px; border:1px solid #60a79c; margin: 12px 0px 0px 0px; float:right; font-family: 'gentleman_800bold'; text-transform:uppercase; } #contact_us input[type=submit]:hover { background:#28849e; color:#fff; border:1px solid #28849e; } #contact_us br { display:none; } #contact_us img { margin-top:21px; }#page_outer #contact_us { margin-top:60px;} /***************************** Gallery *********************************/ #gallery_images h1{ display:none; /* position:absolute; bottom: 0px; left: 0px; width:100%; */ } #gallery { background:#f1f2f4; margin-top:36px; padding:50px 0;} #gallery h2 { font-size:36px; line-height:36px; color:#484848; text-transform:Uppercase; font-family: 'open_sansextrabold';} #gallery_images { text-align:center; margin-top:50px} #gallery_images ul { list-style:none;} #gallery_images ul li { width:25%; float:left; position:relative; padding-right:30px;} #gallery_images ul li .gallery_subblock { position:relative;} #gallery_images .gallery_subblock span.shadow_bg { display:none;} #gallery_images .gallery_subblock:hover span.shadow_bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(images/apartment_bg.png) repeat; display:block; z-index:20; transition: all .6s ease;} #gallery_images .gallery_subblock img { position:relative; z-index:10; width:100%;} #gallery_images .gallery_subblock .widget_sp_image-description { display:none;} #gallery_images .gallery_subblock:hover .widget_sp_image-description { background:url(images/plus.png) no-repeat center 120px; position:absolute; top:0; left:0px; width:100%; height:100%; z-index:22; display:block;} #gallery_images .gallery_subblock .widget_sp_image-description h2 { margin:67px 0 0 0; position:relative; z-index:23; font-weight:normal; color:#fff; font-family:'gentleman_700medium'; font-size:27px;} #gallery_images .gallery_subblock .widget_sp_image-description a { display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; z-index:24;} /**************************** Inquiry Section *******************************/ #bed_blk { padding:50px 0;} #bed_blk ul { list-style:none;} #bed_blk ul li { float:left; width:31%; text-align:center;background:#EBEBEB; margin-right:30px; margin-bottom: 40px;} #bed_blk ul li:nth-child(3n) { margin-right:0;} #bed_blk ul.bed_in { padding: 40px 24px 0; } #bed_blk ul ul li { float:left; width:45%;background:#fff; border-bottom: 1px solid #4C4C4C; margin-bottom:60px; vertical-align:bottom; margin-top:40px; border-radius: 0 0 5px 5px; } #bed_blk ul ul li.booked:hover { margin-top:40px;} #bed_blk ul ul li:hover { margin-top:0;} #bed_blk ul ul li img { margin-bottom:10px; margin-top:-25px;} #bed_blk ul ul li a.total { display:none; background:#009EDF; width:100%; color: #fff; text-transform:uppercase; text-decoration:none; border:none; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; border-radius:5px; height:40px; line-height:40px; } #bed_blk ul ul li a.total:hover { text-decoration: none;} #bed_blk ul ul li:hover a.total { display:block;} #bed_blk h2 { font-family: 'Lato', sans-serif; color:#fff; text-transform:uppercase; font-weight:700; background:#000; font-size:20px; padding:8px 0; margin-bottom:0px; } #bed_blk h3 { font-family: 'Open Sans', sans-serif; color:#000; text-transform:uppercase; font-weight:600; font-size:15px;line-height:18px;} #bed_blk ul ul li:nth-child(2n) { margin-right:0px;} #bed_blk ul ul li:nth-child(3n) { margin-right:30px;} #klp_pop form { } #klp_pop input[type="text"], #klp_pop input[type="email"], #klp_pop input[type="tel"] { background: none; border: none; border-bottom: 1px solid #B1B1B1; width: 100%; font-size: 14px; color: #000; font-family: 'open_sansregular'; padding: 0 10px; height: 42px; margin-bottom: 15px; } #klp_pop input[type="date"] { background: #fff; border: none; border: 1px solid #B1B1B1; width: 140px; font-size: 14px; color: #000; font-family: 'open_sansregular'; padding: 0 10px; height: 42px; margin-bottom: 15px; } #klp_pop table tr td { padding-right: 15px; text-align: center; } #klp_pop textarea { background: none; border: none; border-bottom: 1px solid #B1B1B1; width: 100%; max-width: 100%; font-size: 14px; color: #000; font-family: 'open_sansregular'; padding: 0 10px; margin-bottom: 1px; height: 60px; display: block; margin-bottom: 32px; } #klp_pop input[type="submit"] { background: #009EDF; padding: 0 40px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 15px; height: 41px; line-height: 41px; border: none; display: inline-block; text-align: left; text-transform: uppercase; border-radius: 5px; margin-top: 15px; } #klp_pop input[type="submit"]:hover { background: #168aba; } #klp_pop ::-webkit-input-placeholder { /* Chrome/Opera/Safari */} #klp_pop table { width:100%;} #klp_pop { width: 550px; display: block;background:#EAEAEA;padding:40px;border-radius:5px; margin: 26px auto } #klp_pop td.t_leftt { text-align:left; } #klp_pop td.t_right { text-align:right; } #klp_pop .form-error input.has-error { border-bottom: 1px solid #ec1111; } .form-error #form_msg { color: #e81b1b; margin-top: 15px; display: block;} #klp_pop .form-error textarea.has-error { border-bottom: 1px solid #ec1111; } #klp_pop .success { display: block; color: #138f39; margin-top: 10px; } /**************************** Footer *******************************/ #footer { background:url(images/footer_bg.jpg) bottom center; background-size:cover; padding:67px 0 0px 0; margin-top:-7px; } #footer_logo { margin-bottom: 31px; display: inline-block;} #footer_content { padding-bottom: 130px;} #footer_content p { font-size:16px; line-height: 20px; color:#828383; margin-bottom: 4px; font-family: 'gentleman_600regular';} /*************************** Footer_contact us ***********************************/ #footer_contactus { margin-top:53px; margin-left: 41px; } #footer_contactus h1 { font-size:30px; line-height:36px; color:#fff; margin:0px; text-transform:Uppercase; font-family: 'gentleman_800bold'; } /************************** contact details *********************************/ #contact_details { margin-top: 56px;} #contact_details p { font-size:16px; line-height:31px; color:#ababab; margin:0px; font-family: 'gentleman_700medium';} p#residency { background:url(images/location_03.png) no-repeat left center; padding-left:29px; } p#phone { background:url(images/phone_03.png) no-repeat left 7px; padding-left:29px;} p#line_phone { background:url:(images)} p#mail { background:url(images/mail_03.png) no-repeat left center; padding-left:29px; } p#mail a { color:#ababab; } /************************ Footer bottom section *********************************/ #bottom_section { border-top:1px solid #36414a; padding:40px 0 30px 0; } #copyright_section { display:inline-block; } #copyright_section p { font-size:12px; line-height:20px; color:#848282; margin:0px; text-transform:Uppercase; float:left;} #footer_menu{ float:right;} #footer_menu ul li { border-right:2px solid #5b5c5d; list-style:none; float:left; padding:0 16px;} #footer_menu ul li a { font-size:12px; line-height:14px; color:#7d7d7d; display:block; text-decoration:none; text-transform:uppercase; } #footer_menu ul li a:hover { color:#fff; } #footer_menu ul li.lst_btn{ border:none; } #footer_menu ul li#nav_menu-2 { border:none; } /*********************** Inner_page *************************/ #page_outer{ padding:60px 0;} #inner_content h1 { font-size: 34px; line-height: 38px; margin: 0px; margin-bottom: 23px; font-weight: normal; color: #484848; font-family: 'gentleman_1000black';} .content h2 { font-size: 24px; line-height: 26px; margin: 0px; margin-bottom: 12px; font-weight: normal; color: #484848; font-family: Arial, Helvetica, sans-serif; } .content h3 { font-size: 20px; line-height: 22px; margin: 0px; margin-bottom: 10px; font-weight: normal; color: #484848; font-family: Arial, Helvetica, sans-serif; } .content h4 { font-size: 18px; line-height: 20px; margin: 0px; margin-bottom: 8px; font-weight: normal; color: #484848; font-family: Arial, Helvetica, sans-serif; } .content ul, .content ol { margin-left:18px; margin-bottom:12px;} .content ul li, .content ol li { color:#555;} .content ul li a { font-size: 16px; line-height: 20px; color: #555; padding:5px 0; } .content ul li a:hover { color:#00963F; text-decoration:none;} .content a { color:#555;} .content a:hover { color:#00963F; text-decoration:none;} .content ul li { background: url(http://www.klptvm.in/wp-content/uploads/2018/08/tick.png) no-repeat 0px 6px; padding-left: 34px; list-style: none; padding-bottom: 10px;} .alignleft { float:left; margin:0 15px 15px 0;} .alignright { float:right; margin:0 0 15px 15px;} .aligncenter { float:none; margin:0 auto; display:block;} #page_outer #contact_details { margin:0 0 20px 0;}#contact_outer #contact_us h2 { text-transform:none; font-size:30px; line-height:35px;}#page_outer #contact_details p { color:#676565;}#page_outer #contact_details p a { color:#676565;} #contact_outer #contact_us { margin:0;} /*************************************************************/ @media (min-width: 992px) and (max-width: 1199px) { h1#logo { margin: 28px 0 19px 0; } #banner_content { bottom: 225px; } #contact_box h2 { font-size: 18px;line-height: 19px;} #gallery_images { margin-top: 30px; } #footer_logo { margin-bottom: 7px;} #footer_contactus { margin-left:0px; } #footer_content { padding-bottom: 59px;} #contact_us h2 { font-size: 32px; line-height: 40px;} #gallery_images .gallery_subblock:hover .widget_sp_image-description { background: url(images/plus.png) no-repeat center 75px; background-size: 20%;} #gallery_images .gallery_subblock .widget_sp_image-description h2 { font-size:20px; margin: 35px 0 0 0;} #bed_blk ul ul li { width : 43%; } } @media (min-width: 768px) and (max-width: 991px) { h1#logo { margin: 9px 0 5px 0;} #banner_content { bottom: 155px;} .navbar ul li a{ height: 55px; line-height: 55px; padding: 0 51px; } #banner_content h1 { font-size: 64px; line-height: 68px;} #content_outer { margin-top: -79px; } #contact_us h2 { font-size: 27px; line-height:35px; } #contact_us { padding: 40px 20px 30px 20px; } #banner_content p { font-size: 19px;line-height: 22px;} #gallery { padding: 30px 0;} #gallery_images { margin-top: 30px; } #footer_contactus { margin-left: -43px; } #footer_content { padding-bottom: 40px; } #footer { padding: 49px 0 0px 0; } #gallery_images ul li { padding-right: 10px;} #gallery_images .gallery_subblock:hover span.shadow_bg { position:absolute; top:0px; bottom:0px; width:100%; height:100%; background:rgba(0, 176, 249, 0.71); display:block; z-index:20; transition: all .6s ease-in-out;} #gallery_images .gallery_subblock:hover .widget_sp_image-description { background: url(images/plus.png) no-repeat center 75px; background-size: 15%;} #gallery_images .gallery_subblock .widget_sp_image-description h2 { font-size:20px; margin: 35px 0 0 0;} #about_images img#last_pic { margin-top: -1px;} #bed_blk ul.bed_in { padding: 25px 12px 0;} #bed_blk ul li { margin-right: 20px; } #bed_blk ul ul li { width: 42%; margin-bottom: 36px; } #bed_blk ul ul li img { max-width: 55%; } } @media (max-width: 767px) { h1#logo { margin: 11px 0 4px 0; text-align:center; } h1#logo img { width: 36%; vertical-align: top; } #banner_content{ bottom: 73px; } #banner_content h1 { font-size: 32px; line-height: 38px; margin-bottom:5px; text-shadow: 2px 2px #211919;} #content_outer { margin-top: 0px; } #banner_content p { font-size: 16px; line-height: 18px; text-shadow: 1px 1px #211919;} .home #header_outer { position:static;} #about_section { padding:40px 0;} #about_section h2 { font-size: 26px; line-height: 30px;} #about_images { margin-top:30px;} #about_images h4 { font-size: 22px; margin: 10px 0;} #about_images p { font-size:13px; line-height:16px; margin-bottom:0;} #contact_box { margin-bottom:20px;} #contact_image img { width:100%;} #gallery_images ul li { width: 48%; margin-right: 8px; float: left; padding:5px 0;} #gallery { padding: 34px 0;} #gallery_images { margin-top: 26px; } #map iframe { height:300px;} #footer_logo { display:block; text-align: center;} #footer_logo img { width:30%; vertical-align:top; margin:0 auto; } #footer_content { padding-bottom: 20px; } #footer_contactus { margin:20px 0 15px 0; text-align:center; } p#residency { display:block;} p#phone { display:block; } p#mail{ display:block; } #contact_details { margin-top: 7px; display:inline-block; } #copyright_section { text-align:center;display:block; } #copyright_section p { float:none; margin:0 auto;} #footer_menu { display:none;} #bottom_section { padding: 27px 0 27px 0; } #about_images img#last_pic { margin-top: -2px;} #bed_blk { padding:0; } #bed_blk ul li { width: 100%; float: none; margin-bottom: 28px;} #bed_blk ul.bed_in { padding: 20px 24px 0;} #bed_blk ul ul li { margin-bottom: 30px; } /********************* Nav **************************/ .navbar-brand { font-family: sans-serif; color:#fff; font-size:18px; height:auto;} .navbar-brand:hover { color:#fff;} .navbar-toggle .icon-bar { background:#fff;} .navbar-toggle { border: 2px solid #FFF; background: #67666E;} .navbar-header {} .navbar-collapse { box-shadow:none; max-height:inherit;} .navbar-collapse.in { overflow-y: initial;} .navbar ul { /*margin:0px -15px*/ margin-top:0px; margin-bottom:0px; float:none;} .navbar ul li a { border-top:1px solid #17AF57; border-bottom:1px solid #007330; line-height:32px; height:32px; text-transform: capitalize; padding:0 20px; font-size:14px;} .navbar ul ul li a { text-align: left;} .navbar ul li a:hover, .navbar ul li:hover > a, .navbar ul li a:focus { color: #fff; background:#028438;} .navbar ul ul li a:hover, .navbar ul ul li:hover > a, .navbar ul ul li a:focus { color: #fff; background:#028438;} .navbar ul li.current-menu-item { background-color:#028438;} .navbar ul li:hover ul { position:relative; top:0px;} .navbar ul ul li a { padding-left: 50px;} } @media (max-width: 480px) { #about_images ul li { width: 100%; padding: 20px 0; border-bottom: 1px solid #EFEFEF;} #about_images ul li:last-child { border:none;} #about_images h4 { font-size: 26px; margin: 20px 0 10px; line-height:30px;} #about_images p { font-size: 15px; line-height: 18px;} #banner_content { bottom:0;} #banner_content h1 { font-size: 26px; line-height: 32px;} #banner_content p { font-size: 13px; line-height: 16px;} #about_section h3 { font-size: 20px; line-height: 24px; margin-bottom:5px;} #about_section h2 { font-size: 21px;} #contact_box { padding: 20px 15px 10px 15px;} #contact_box h2 { font-size: 16px; line-height: 20px;} #contact_box p { font-size: 14px; line-height: 20px;} #contact_us { padding: 25px 20px 30px 20px;} #contact_us h2 { font-size: 25px; line-height: 30px;} #contact_us label { font-size: 15px; line-height: 18px;} #gallery_images ul li { width:100%;} #contact_outer #contact_us h2 { font-size: 23px; line-height: 30px; margin-bottom: 15px;} #bed_blk ul ul li { float: none;width: 100%; } #klp_pop table tr td { display: block; } #klp_pop textarea { margin-bottom: 15px; } }