/*
Theme Name: CW Group
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: WebWrithe
Author URI: http://www.webwrithe.com
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

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.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1300px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

 /**
 font-family: 'Poppins', sans-serif;
  **/
 
 
 body,
 button,
 input,
 select,
 textarea {
	 color: #444;
	 font-family: 'Poppins', sans-serif;
	 font-size: 14px;
	 line-height: 18px;
	 padding:0;
	 margin:0;
 }
 
 html.js{margin:0 !important;}
 html {
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 font-family: 'Poppins', sans-serif;
	 -webkit-text-size-adjust: 100%;
	 -ms-text-size-adjust: 100%;
 }
 
 *,
 *:before,
 *:after {
	 -webkit-box-sizing: inherit;
	 -moz-box-sizing: inherit;
	 box-sizing: inherit;
 }
 p{margin:0 0 14px;}
p:last-child{margin:0;}

/* header{margin-bottom:10px;} */
header.site-header{margin-bottom:60px; padding:30px 10px;}
main{padding:0 10px; /*background:url(images/cw-bg.jpg) no-repeat center; background-size:100% auto;*/}
.wrap{max-width:1400px; margin:auto;}
.clear{clear:both; height:0; padding:0; margin:0;}
.header-left{float:left;width:50%; /*background:url(images/header-bg-1.png) no-repeat right 0;*/ padding:20px 20px 20px 0;}
.header-left img{height:76px; width:auto;}
.header-right{float:right;width:50%; text-align:right; padding:6mm 0 0 0;}


.cnctDtls{float:right; text-align:right;}
.hdrAddTtl{display:block; text-transform:uppercase; color:#2066bb; font-weight:600; margin-bottom:5px; font-size:15px;}


.printBtn{text-align:center; display:block; margin-bottom:30px;}
.printBtn button{border:none; background:#2066bb; height:36px; padding:0 40px; border-radius:3px; color:#FFF; cursor:pointer;}




.site-branding{text-align:center;}
.site-branding a{display:inline-block;}

.site-info{text-align:center;}
h1.page-title{font-weight:400; font-size:40px; line-height:50px; padding:50px 10px; text-align:center; color:#2066bb;}

main#home{min-height:600px;}

#gallery{margin-bottom: 10px;}
#gallery #fullImg{margin-bottom: 10px; position: relative;}
#gallery .thumb{display: flex; justify-content: center; align-items: center; gap:10px}
#gallery .thumb .frame{/*aspect-ratio: 16/9;*/ width: 50%;}
#gallery img{width: 100%; border-radius: 6px; height: auto !important; display: block;}

#detailedInfo{margin-bottom: 10px;}
.prptyTitle{display: block; margin-bottom: 10px; border-top: 1px #2066bb solid; border-bottom: 1px #2066bb solid; padding: 10px 0; color: #2066bb; font-size: 16px; font-weight: 500;}
.prptyTitle span{display: block; overflow:hidden;white-space:nowrap; text-overflow: ellipsis; margin: 2px 0;}

#moreInfo p{font-size: 14px !important; line-height: 18px;}
.description_PT{float: left; width: 65%; padding-right: 20px; text-align: justify;}
.details_PT{float:right; width: 35%; position: relative;}
.details_PT span{display: block; margin-bottom:5px; line-height: 24px; padding-right: 40px; font-size: 15px; font-weight: 600; position: relative; text-align: right;;}

.details_PT .price{background: url(images/euro-24.png) no-repeat right; font-weight:600; color:#2066bb; font-weight: 600; font-size: 20px !important;}
.details_PT .ref:before{position: absolute; right: 0; top: 0; content: ":REF"; color:#2066bb; font-weight: 600; font-size: 15px;}
.details_PT .plot{background: url(images/scalability.png) no-repeat right;}
.details_PT .built{background: url(images/office-building.png) no-repeat right;}
.details_PT .bedroom{background: url(images/bed_24.png) no-repeat right;}
.details_PT .bathroom{background: url(images/bath.png) no-repeat right;}
.details_PT .location{background: url(images/location.png) no-repeat right;}

.ecProgress{background: url(images/ec-grey.png) no-repeat 0 0; width: 150px; height: 89px; position: absolute; left: 0; bottom: 0; z-index: -1;} 
.ecGrey{background: url(images/ec-color-grey.png) no-repeat 0 0; width: 150px; height: 89px; position: absolute; left: 0; bottom: 0; z-index: -1;} 
.ecColor{background: url(images/ec-color.png) no-repeat 0 bottom; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;} 

.thumbImg img{height: 40px; border-radius: 4px; width: 70px; display: block; margin: auto;}
 
footer{padding: 50px 10px 20px;} 
 
#invoiceList{} 
#invoiceList table{width:100%;padding:0; margin:0; border:none;}

#invoiceList table thead th{font-weight:400; background:#3f77bc; color:#FFF; text-transform:uppercase; padding:10px 20px;}
#invoiceList table thead th:first-child{text-align:left;}
#invoiceList table thead th:last-child{text-align:left;}
#invoiceList table tbody td{padding:6px 20px; border-bottom:1px #DDD solid; background:#F5F5F5;text-align:center; font-size: 13px;}
#invoiceList table tbody td a{text-decoration: none; color: #2066bb;}
#invoiceList table tbody tr:nth-child(2n) td{background:#FFF;}
#invoiceList table tbody td:first-child{text-align:left;}
#invoiceList table tbody td:last-child{text-align:left;}



#pageSize{position: fixed; left: 0; top: 30%;}
#pageSize ul{list-style: none; padding: 0; margin: 0; box-shadow: 0 0 2px rgba(0,0,0,0.2);}
#pageSize li{padding: 0; margin:0;background-image: linear-gradient(#fafafa, #e6e6e6);background-image: -webkit-linear-gradient(#fafafa, #e6e6e6);background-image: -moz-linear-gradient(#fafafa, #e6e6e6);background-image: -ms-linear-gradient(#fafafa, #e6e6e6);background-image: -o-linear-gradient(#fafafa, #e6e6e6); border: 1px #CCC solid;}
#pageSize li.active{padding: 0; margin:0;background-image: linear-gradient(#4c4c4c, #252525);background-image: -webkit-linear-gradient(#4c4c4c, #252525);background-image: -moz-linear-gradient(#4c4c4c, #252525);background-image: -ms-linear-gradient(#4c4c4c, #252525);background-image: -o-linear-gradient(#4c4c4c, #252525); border: 1px #111 solid;}

#pageSize li a{display: block; height: 30px; width: 30px;}
#pageSize li.portrait a{background: url(images/portrait-16.png) no-repeat center;}
#pageSize li.portrait.active a{background: url(images/portrait-white-16.png) no-repeat center;}
#pageSize li.landscape a{background: url(images/landscape-16.png) no-repeat center;}
#pageSize li.landscape.active a{background: url(images/landscape-white-16.png) no-repeat center;}

.portraitPrint header{margin-bottom: 20px;}

/* .portraitPrint{display: none;} */


.landscapePrint{display: none;}
.priceTag{background: url(images/euro-white-24.png) no-repeat 20px center rgba(0,0,0,0.8); padding: 6px 20px 6px 50px; border-radius:0 4px 4px 0; color: #FF0; font-size: 17px; line-height: 30px; position: absolute; left: 0; bottom: 20px;  display: block; font-weight: 600;}
.refTag{background: rgba(0,0,0,0.8); padding: 6px 20px 6px 50px; border-radius: 4px 0 0 4px; color: #FFF; font-size: 14px; line-height: 30px; position: absolute; right: 0; bottom: 20px;  display: block; font-weight: 500;}
.refTag:before{position: absolute; left: 15px; top: 7px; content: "REF:"; color:#FF0; font-weight: 600; font-size: 15px;}
.landscapePrint .infoDtls{margin-bottom: 10px; border-bottom: 1px #2066bb solid; padding-bottom: 6px;}
.landscapePrint .infoDtls ul{list-style: none; padding: 0; margin: 0;display: flex; align-items: center; justify-content:space-between; gap: 20px;}
.landscapePrint .infoDtls ul li{padding-left: 34px; line-height: 24px; font-size: 15px; font-weight: 600; margin: 0 10px;}
.landscapePrint .infoDtls ul li.plot{background: url(images/scalability.png) no-repeat left;}
.landscapePrint .infoDtls ul li.built{background: url(images/office-building.png) no-repeat left;}
.landscapePrint .infoDtls ul li.bedroom{background: url(images/bed_24.png) no-repeat left;}
.landscapePrint .infoDtls ul li.bathroom{background: url(images/bath.png) no-repeat left;}
.landscapePrint .infoDtls ul li.location{background: url(images/location.png) no-repeat left;}

.landscapePrint .title_LP{height: 89px; position: relative; padding:0 170px 0 0; color: #2066bb; font-size: 16px; font-weight: 500;}
.landscapePrint .title_LP .ecProgress, .landscapePrint .title_LP .ecGrey{left: auto; bottom: 0; right: 0;} 
.landscapePrint .title_LP span{display: block; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; margin: 2px 0;}

.noEC{position: absolute; top:100%; font-size: 12px; width: 100%; left: 0; line-height: 12px; font-weight: 500;}
.noEC div{margin-top: 4px;}
.esEC{color: rgb(255, 0, 89);}
.enEC{color: rgb(0, 119, 255);}
.deEC{color: rgb(1, 166, 108);}

.landscapePrint .title_LP .noEC{position: inherit; display: flex; justify-content:space-between; align-items: center; left: auto; top: auto; gap: 20px; text-align: center; margin-top: 6px; border-top:1px #DDD solid ; border-bottom: 1px #DDD solid; padding: 4px 0; }
.landscapePrint .title_LP .noEC div{margin-top: 0;}

td .engTitle{display:block; font-size:11px; font-style:italic; color:#888;}

@media print { 
	.noprint{display:none;} 
	/* @page {size: A4 landscape;margin:0;} */
	.header-left{padding:6mm 0 10px 0;}
	.header-right{padding:6mm 0 0 0;}
	.portraitPrint,.landscapePrint{padding:0;margin:0 10mm;}
}

