/*******************************************
    PCI HOLIDAYS STYLES
    VERSION 2.0
    DEVELOPED 12/01/2017
    APOLLO INTERNET MEDIA

    COLOR RED:

    Red: #ff9900 !important
    Lt Grey: #768082
    Dark Grey: #282D33
*******************************************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

/*******************************************
    CONVENIENCE
*******************************************/

body { font-family: 'Open Sans', sans-serif; color: #333; overflow-x: hidden; }

h1, h2, h3, h4 { text-transform: uppercase; font-weight: 400 !important; }
h1 { font-size: 2.0em;  }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }

a { color: #3061c3;  }
    a:hover { color: #282D33; }

hr { border-color: #3061c3; }

/*******************************************
    CLASSES
*******************************************/

input.error, select.error, textarea.error { 
	border: 1px solid #F00 !important;
}

input.success, select.success, textarea.success { 
	border: 1px solid #3C0 !important;
}

#errors {
	display: none;
	margin: 20px 0;
	padding: 10px;
	background: #FDD;
	border: 1px solid #C00;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.padding { padding: 15px; }
.padding-tb { padding-top: 15px; padding-bottom: 15px; }

.margin { margin: 15px; }
.margin-tb { margin-top: 15px; margin-bottom: 15px; }
.margin-b { margin-bottom: 15px; }

.dropshadow { box-shadow: 0px 0px 10px rgba(0,0,0,0.3); }

.bg-lt-grey { background-color: #f0f0f0; }
.bg-dk-grey { background-color: #282D33; }
.bg-red { background-color: #3061c3; }

.text-red { color: #3061c3; }
.text-white { color: #fff; }

/* Bullet lists */
ul.arrow-list, ul.tick-list, ul.property-detail-list { list-style: none; padding: 0px; }
    ul.arrow-list li:before { content: "\f105"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; float: left; text-decoration: inherit; font-size: 13px; margin: 5px 13px 0px 0px; line-height: 14px; }
    ul.tick-list li:before { content: "\f00c"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: block; float: left; text-decoration: inherit; font-size: 13px; margin: 5px 13px 0px 0px; line-height: 14px; }

/* Property boxes */
.property-box {  margin-top: 15px; margin-bottom: 15px; }
    .property-box a { color: inherit; position: relative; }
    .property-box > .property-link { display: block; position: relative; border: solid 2px #3061c3; text-decoration: none !important; color: inherit; cursor: pointer; }
    .property-box > .property-link > a:first-child { display: block; }
        .property-box > .property-link > a:first-child:after { display: block; content: " "; position: absolute; opacity: 0;  background-repeat: no-repeat; background-position: center center; 
                                                               top: 0px; bottom: 0px; left: 0px; right: 0px;  z-index: 100; transition: all 0.5s ease-in-out; }

    .property-box > .property-link > a > img.property-thumb { display: block; position: relative; border-bottom: solid 2px #3061c3 !important; }
    .property-box > .property-link > .property-content { padding: 5px 15px; }
    .property-box > .property-link > .property-content > h3 { color: #282D33; }
    .property-box > .property-link > .property-content > .property-icons { margin-bottom: 5px; color: #282D33; }
        .property-box > .property-link > .property-content > .property-icons > span { margin-right: 10px; }
    
    .property-box > .property-link > .property-content .property-share-icons { color: #99a3b1; }
    .property-price { font-size: 1.2em; color: #3061c3; } 
    .property-new { font-size: 1.2em; font-weight: 700; color: #C00; } 

    /* horizontal */
    .horizontal {    }
        .horizontal .property-box { width: 100%; display: block; position: relative; float: none;  }
            .horizontal .property-box > .property-link > a { float: left; width: 20%; margin-right: 15px; }     
                .horizontal .property-box > .property-link > a > img { border: 0px none; }
            .horizontal .property-box > .property-link > .property-content p:last-child { margin-bottom: 0px; }

    /* hover */
    .property-box > .property-link:hover > .property-content > h3 { color: #3061c3; }
    .property-box > .property-link:hover > a:first-child:after { background-color: #000; background-image: url(../images/img-view.png); opacity: 0.7; }

    /* sashes */
    .property-box { overflow: hidden; }
    .property-box.sold:before { content: "SOLD"; background-color: #3061c3; color: #fff; padding: 5px 15px; width: auto; text-align: right; position: absolute; top: 15px; right: 15px; position: absolute; z-index: 100 }
    .property-box.offer:before { content: "SPECIAL OFFER"; background-color: #3061c3; color: #fff; padding: 5px 15px; width: auto; text-align: right; position: absolute; top: 15px; right: 15px; position: absolute; z-index: 100 }
    .property-box.reduced:before { content: "REDUCED"; background-color: #3061c3; color: #fff; padding: 5px 15px; width: auto; text-align: right; position: absolute; top: 15px; right: 15px; position: absolute; z-index: 100 }

.property-share-icons a { color: #99a3b1; }
    .property-share-icons a:hover { color: #3061c3; }

.article-image { margin-bottom: 15px; }

   /* Gallery Viewer Page */
    .gallery { position: relative; }   
        .gallery .thumb { }
        .gallery .thumb a:hover { background-color: #333333; }                    
        
        .gallery .thumb div { float: left; clear: none; margin: 15px 15px 0px 0px; border: solid 1px silver; width: 70px; background-color: #ffffff; border-collapse: collapse; border-radius: 0px; }
        .gallery .thumb a { display: table-cell; width: 70px; height: 70px; text-align: center;  vertical-align: middle; background-color: #ffffff; border-radius: 0px; }    
        .gallery .thumb img { border: solid 1px #66f; vertical-align: middle; border-radius: 0px; max-width: 85%; max-height: 85%; }

.datepicker-days .disabled, .datepicker-days .old, .datepicker-days .new { color: #eaeaea !important; }

blockquote p {
	font-size: 14px;
}

blockquote p::before {
	font-family: FontAwesome;
	content: "\f10d";
	margin-right: 8px;
}

blockquote p::after {
	font-family: FontAwesome;
	content: "\f10e";
	margin-left: 5px;
}

blockquote footer::before, blockquote small::before, blockquote .small::before {
	content: '\2014 \00A0';
}


/*******************************************
    LAYOUT
*******************************************/

#site-header { background-color: #fff; margin-top: 30px; border-top: solid 2px #3061c3; border-bottom: solid 2px #3061c3; margin-left: -15px; margin-right: -15px; padding: 5px; }
    #site-header #site-logo > img { max-width: 100px; margin: 0px auto; }
    #site-header #site-nav { margin-top: 10px; }
    #site-header #account-bar { position: absolute; top: 5px; right: 15px; }
        #site-header #account-bar > a:first-child { margin-right: 15px; }
    #site-header #header-social { position: absolute; top: 0px; left: 15px; font-size: 18px; }

#site-banner-wrapper { position: relative; margin-left: -15px; margin-right: -15px;  }
    #site-banner-wrapper > #site-banner { border-bottom: solid 4px #3061c3;  }
    #site-banner-wrapper > #property-search { transition: all 0.5s ease;  max-height: 50px; overflow: hidden; }
        #site-banner-wrapper > #property-search > #property-search-toggle { display: block; width: 100%; background-color: #3061c3; color: #fff; padding: 15px 15px; text-decoration: none !important; outline: none !important; }
            #site-banner-wrapper > #property-search > #property-search-toggle:hover { background-color: #282D33; }
            #site-banner-wrapper > #property-search > #property-search-toggle > .fa:last-child { transition: all 1s ease; margin-left: 30px; }
        #site-banner-wrapper > #property-search > #property-search-form { padding: 15px; background-color: #fff; border-bottom: solid 1px #3061c3; }
            #site-banner-wrapper > #property-search.expand { max-height: 591px; }
            #site-banner-wrapper > #property-search.expand > #property-search-toggle > .fa:last-child { transform: rotate(180deg); }

#site-footer { margin-top: 15px; color: #768082; }
    #site-footer .row { position: relative; }
    #site-footer h3 { font-size: inherit; }
    #site-footer #site-copyright p { margin: 0px; }
    #site-footer a { color: inherit; }
    #site-footer .img-responsive { max-width: 120px; }

    #site-footer #footer-social { position: absolute; right: 15px; bottom: 15px; font-size: 20px;  }

/*******************************************
    OVERRIDES
*******************************************/

.container { position: relative; background-color: #fff; }

/* site menu */
.navbar-default { background-color: transparent; border: 0px none;  text-transform: uppercase; font-size: 15px; min-height: 0px; margin-bottom: 0px; }
    .navbar-default  .navbar-toggle { float: none; position: absolute; top: -50px; border: 0px none; background-color: #3061c3; }
        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #333; }
        .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #282D33; }
    .navbar-default .dropdown-menu > li > a { white-space: normal; }

    /* link text colour */
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #fff; background-color: #3061c3; }

    /* link hover background colors */
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav > .open > a, 
    .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #333; }

/* search slider */
.slider-handle { background-color: #3061c3; background-image: none; }

/* pagination */
a.btn { text-decoration: none !important; display: block; margin-top: 5px; }
.pagination > li > a, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #3061c3;}

.label { font-weight: normal !important; }

.datepicker td.active { background-image: none !important; background-color: #ff9900 !important; }

.btn { margin-bottom: 5px; }
    .btn-blue { background-color: #3061c3; color: #fff; display: block;  }
        .btn-blue:hover { background-color: #282D33; color: #fff; }
    .btn-orange { background-color: #ff9900; color: #fff; display: block;  }
        .btn-orange:hover { background-color: #282D33; color: #fff; }
    .btn-red { background-color: #cc3333; color: #fff; display: block;  }
        .btn-red:hover { background-color: #282D33; color: #fff; }
		
.nav-tabs { background-color: transparent; }
    .nav-tabs a { outline: none !important; border-radius: 0px !important; background-color: #3061c3; color: #fff; }
    .nav-tabs li a:hover { background-color: #3061c3; border-color: #3061c3; }
    .nav-tabs li.active a { color: #3061c3 !important; }
	
.fa-facebook-square { color: #3b5998 !important; }
.fa-instagram { color: #c32aa3 !important; }

/*******************************************
    MEDIA QUERIES
*******************************************/

@media (min-width: 768px) {

}

@media (min-width: 992px ) {

    a.btn { display: inline-block; }

    /* site header + menu */
    #site-header #site-nav { margin-top: 0px; }
    #site-header { background-color: #fff; padding: 15px; }
    #site-header #site-logo > img { max-width: 100%; margin: 0px; }
    .navbar-default { float: right; clear: none; margin-top: 22px; width: auto; display: inline-block; }

     /* menu link text colour */
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #fff; background-color: #3061c3; margin-left: 1px;; }

    /* menu link hover colors */
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav > .open > a, 
    .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #282D33; color: #fff; }

    /* menu dropdowns */
    .navbar-default .dropdown-menu { min-width: 200px; border: 0px none; padding: 0px; }
    .navbar-default .dropdown-menu > li > a { border-top: solid 1px #282D33; padding: 10px 15px; }

    .navbar-default .dropdown-menu { background-color: transparent !important; box-shadow: none !important }

    /* site banner and search */
    #site-banner-wrapper { overflow-y: hidden; }
    #site-banner-wrapper > #property-search { position: absolute; background-color: #fff; border: solid 1px #3061c3; position: absolute; bottom: 0px; border: solid 2px #3061c3;
                                            transition: all 0.5s ease-in-out; max-height: 0px; left: 30px; right: 30px;  overflow: visible; }
    #site-banner-wrapper > #property-search > #property-search-toggle { position: absolute; display: block; width: auto; white-space: nowrap; top: -2px; left: -2px; 
                                                                        -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);  }
    #site-banner-wrapper > #property-search > #property-search-form { padding: 15px; background-color: transparent; border: 0px none; }
        #site-banner-wrapper > #property-search.expand { max-height: 500px; bottom: 30px;  }

    /* .property-detail-list { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } */

   /* Gallery Viewer Page */
    .gallery .thumb div { width: 146px;  }
    .gallery .thumb a { width: 146px; height: 146px; }    

    /* buttons */
    .btn-orange, .btn-red, .btn-blue {  display: inline-block;  }
     

}

@media (min-width: 1200px) {

     /* site header + menu */
    .navbar-default { margin-top: 30px;  }

}

/*******************************************
    ANIMATIONS
*******************************************/




/*******************************************
    PRINT STYLES
*******************************************/

@media print {
	
	#site-logo img {
		width: 35% !important;
		height: 35% !important;
	}
	
	header {
		border: none !important;
	}
	
	a[href]:after {
		content: none !important;
	}
	
	.tab-content > .tab-pane {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
	}  

	#account-bar, article hr, .nav-tabs, footer, .btn {
		display: none !important;
	}
}