/*

Theme Name: Property Custom Theme

Text Domain: twentytwenty

Version: 1.5

Requires at least: 4.7

Requires PHP: 5.2.4

Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.

Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready

Author: the WordPress team

Author URI: https://wordpress.org/

Theme URI: https://wordpress.org/themes/twentytwenty/

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html



All files, unless otherwise stated, are released under the GNU General Public

License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)



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:

----------------------------------------------------------------



	0. 	CSS Reset

	1. 	Document Setup

	2. 	Element Base

	3. 	Helper Classes

	4. 	Site Header

	5. 	Menu Modal

	6. 	Search Modal

	7. 	Page Templates

		a. 	Template: Cover Template

		c. 	Template: Full Width

	8.  Post: Archive

	9.  Post: Single

	10. Blocks

	11. Entry Content

	12. Comments

	13. Site Pagination

	14. Error 404

	15. Widgets

	16. Site Footer

	17. Media Queries



----------------------------------------------------------------------------- */





/* -------------------------------------------------------------------------- */



/*	0. CSS Reset

/* -------------------------------------------------------------------------- */





html,

body {

	border: none;

	margin: 0;

	padding: 0;

}



h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

address,

big,

cite,

code,

em,

font,

img,

small,

strike,

sub,

sup,

li,

ol,

ul,

fieldset,

form,

label,

legend,

button,

table,

caption,

tr,

th,

td {

	border: none;

	font-size: inherit;

	line-height: inherit;

	margin: 0;

	padding: 0;

	text-align: inherit;

}



blockquote::before,

blockquote::after {

	content: "";

}
 

a:hover {

    color: #808080;

    text-decoration: none;

    transition: all 0.15s linear 0s;
}

/**/
.skip-link.screen-reader-text {
    display: none;
}
.btn {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 12px;
    text-indent: 12px;
    text-transform: uppercase;
    padding: 18px 16px 18px 16px;
    text-align: center;
    min-width: 170px;
    border-radius: 0;
    margin-bottom: 4px;
    border-width: 3px;
}
body{
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
}
.page_topline .container {
    padding-top: 17px;
    padding-bottom: 17px;    
    position: relative;
}
.media_support {
    color: #333;
}
.media_support p {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.2px;
    margin-bottom: 0;
}
.color-main2 {
    color: #36800a;
    border-color: #36800a;
}
.media_support a:hover {
    color: #808080;
}
.media_support .media {
    margin-left: 30px;
    display: flex;
    align-items: center;
}
.media_support .media .media_img {
    padding: 3px;
    border: 1px solid #eaeaea;
}
.round {
    border-radius: 50%;
}
.media_support .media .media_img img {
    border-radius: 50%;
    object-fit: cover;
    width: 40px;
    height: 40px;
}
.media_support .media .media-body {
    margin-left: 10px;
}
.media .media-body > p:first-child {
    margin-top: -0.2em;
}
.response, .color-main {
    color: #d83f06;
    border-color: #d83f06;
}
.page_topline .social-icons {
    display: inline-block;
}
.page_topline .social-icons a {
    margin-right: 20px;
    font-size: 16px;
    color: #4c4c4c;
    background: transparent;
}
a.color-icon.fa-youtube, a[class*="fa-"].fa-youtube:hover {
    color: #e52d27;
}
.page_topline .social-icons a:last-child {
    margin-right: 0;
}
.page_topline .container:before{
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom:0;
    background-color: #eaeaea;
    z-index: 1;
}
.main_navigation {
    transition: 0.5s ease-in-out;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    margin: 0;
    height: auto;
}
.main_navigation nav {
    padding: 0px;
    margin-top: -2px;
}
.main_navigation .logo img {
    width:80px;
}
.main_navigation .menu {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.main_navigation .menu li {
    display: inline-block;
    position: relative;
}
.main_navigation .menu li a {
    padding: 55px 22px 50px;
    display: block;
    color: #808080;
    font-weight: 400;
}
.main_navigation .menu li > a:hover:before, .main_navigation .menu li.active > a:before {
    left: 0;
    right: 0;
    width: 100%;
}
.main_navigation .menu li.active > a:before {
    content: '';
    position: absolute;
    height: 3px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background-color: #36800a;
}
.main_navigation .menu li > a:before {
    content: '';
    position: absolute;
    height: 3px;
    width: 0;
    top: 0;
    left: 50%;
    right: 50%;
    z-index: 1;
    background-color: #36800a;
    transition: 0.3s ease-in;
}
.main_navigation .menu li ul.sub-menu {
    position: absolute;
    display: none;
    top: 85%;
    left: -25%;
    z-index: 99;
    margin-top: 5px;
    text-align: left;
    list-style: none;
    padding: 28px 0 28px;
    border-top: 4px solid #d83f06;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    min-width: 16em;
    transition: all ease-in 0.2;
}
.main_navigation .menu li.menu-item-has-children:hover > ul.sub-menu {
    display: block;
    transition: all ease-in 0.2;
}
.main_navigation .menu li ul.sub-menu li {
    display: block;
}
 .main_navigation .menu li ul.sub-menu li a {
    padding: 10px 15px;
    width: 100%;
    color: #555; 
    text-align: center;
}
.main_navigation .menu li ul.sub-menu li a:before{
    display: none;
}
 .main_navigation .menu li ul.sub-menu li a:hover{
    color: #808080; 
}
.main_navigation .menu li ul ul {
    left: 100% !important;
    top: 0px !important;
}


/*Footer*/
.bais-info {
	padding:60px 0px;
    background: url(assets/images/pattern0.png) no-repeat center / cover;
}
.page_copyright {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 6px;
    background: url(assets/images/pattern1.png) no-repeat center / cover;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #fff;
}

.page_copyright a{
	 color: #fff;
}
.widget_bloginfo .widget-title {
    margin-bottom: 1.1em;
}
[class*="widget_"] > h3, [class*="widget_"] .widget-title {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 1.5em;
    line-height: 1;
    text-transform: capitalize;
}
.text-center .icon-inline {
    justify-content: center;
}
.icon-inline > * {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 4px;
}
.icon-inline > .icon-styled:first-child {
    flex-shrink: 0;
    margin-right: 20px;
}
.icon-styled {
    text-align: center;
    display: inline-block;
}
.icon-styled i {
    width: 1em;
}
ul.no-top-border.no-bottom-border {
    list-style: none;
}
.icon-inline {
    display: flex;
    align-items: flex-start;
    color: #808080;    
    font-size: 16px;
    font-weight: 300;
    padding: 5px 0 5px 0;
}
.textwidget{
    color:#808080;    
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}
.icon-inline strong {
    color: #4c4c4c;
    font-weight: 600;
}
.logo-carousel{
    padding: 50px 0px;
}

/*PC Plug-In*/

#pw-listing-widget .navbar-default {
    background: #dee2e6;
}
#pw-listing-widget .navbar-default .bg-white{
    background:transparent !important;
}
#pw-listing-widget .btn {
    letter-spacing: 0px;
}
#pw-listing-widget .btn::after {
    display: none;
}
#pw-listing-widget .icon--rotate-90 {
    right: 7px;
}
#pw-listing-widget .btn {
    min-width: auto;
}
#pw-listing-widget .ml-1 {
    margin-left: 15px !important;
}
#pw-listing-widget .mr-1 {
    margin-right: 15px !important;
}
#pw-listing-widget .container-fluid > div {
    width: 100%;
}
#pw-listing-widget .card {
    margin-bottom: 1em !important;
    flex-direction: inherit;
}
#pw-listing-widget .list-header {
    padding-top: 15px;
}
#pw-listing-widget .list-header-sort-by label, #pw-listing-widget .list-header-count, #pw-listing-widget .list-header-count span, #pw-listing-widget .list-header .list-header-button {
    color: #fff;
}
#pw-listing-widget .media {
    position: relative;
    display: block;
}
#pw-listing-widget .contact-agent .row {
    display: inherit;
}






/*Media Query*/

@media screen and (min-width: 1300px){
.container {
    max-width: 1200px;
}
}

@media screen and (min-width: 1200px){
.main_navigation .logo .navbar-brand {
    margin-right: 50px;
}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
.main_navigation .menu li a {
    padding: 55px 15px 50px;
}
}

@media screen and (max-width: 991px){
.media_support .media {
    margin-left: 15px;
}
.media_support .media .media_img {
    display: none;
}
.main_navigation .logo{display: none;}
.mobile-view .slicknav_menu {
    padding: 0px;
}
.mobile-view .slicknav_brand {
    height: auto;
    max-width: 100%;
    width: 120px;
    margin-bottom: 5px;
}
.mobile-view .slicknav-flex {
    display: block;
    padding: 0px 15px;
    margin: 5px 0px;
}
.mobile-view .slicknav_btn {
    background-color: #000;
    margin-top: 30px;
}
.mobile-view .slicknav_nav {
    background: #333;
    padding: 10px;
}
.mobile-view .slicknav_nav ul {
    margin: 0px;
}
.mobile-view ul li a span i {
    display: none;
}
}


@media screen and (max-width: 768px){
	.media_support {
	    margin: 15px 0;
	    justify-content: center;
	}
}

@media screen and (max-width: 575px){
	.media_support > p {
	    display: none;
	}
}