﻿
/* Custom By UltraIT So It Keeps Theme Code Standard */

/******************** Color Scheme ********************/

/* From the dark colorscheme */
.navigation .secondary-navigation,
.horizontal-search .search-box-wrapper .search-box .form-map button,
#page-footer .inner #footer-copyright,
.btn.btn-default:hover, select.btn-default:hover,
.horizontal-search .search-box-wrapper .search-box .nav-pills li.active a,
.property .overlay .additional-info,
#commentForm input[type=submit]:hover,
#epc-rating thead th,
.fill-background {
    background-color: #4f2855;
}

.horizontal-search .search-box-wrapper .search-box .nav-pills li a:after {
    border-color: #4f2855 transparent transparent transparent;
}

a:hover, a:focus,
.link-arrow:after,
.link-arrow:hover::after,
.pagination span:hover,
.pagination span:active,
.pagination span:focus,
.pagination a:hover,
.pagination a:active,
.pagination a:focus,
.horizontal-search .search-box-wrapper .search-box .advanced-search-toggle .fa {
    color: #4f2855;
}

.pagination span:hover,
.pagination span:active,
.pagination span:focus,
.pagination a:hover,
.pagination a:active,
.pagination a:focus {
    border-color: #4f2855;
}
/* END From the dark colorscheme */


/* From the light colorscheme */
.horizontal-search .search-box-wrapper,
.btn.btn-default, select.btn-default,
.property-carousel .owl-controls .owl-prev, .property-carousel .owl-controls .owl-next,
#commentForm input[type=submit],
.tag.price {
    background: #660066;
}

a,
.about-us .title,
.pagination > .active,
.pagination > .active:hover,
.pagination > .active:hover,
.pagination > .active:focus,
#page-footer .inner #footer-copyright a:hover,
.horizontal-search .search-box-wrapper .search-box .form-map .selectpicker .caret::after,
.bootstrap-select .selectpicker .filter-option::before,
.property-features-list li:before {
    color: #660066;
}

.pagination > .active,
.pagination > .active:hover,
.pagination > .active:hover,
.pagination > .active:focus {
    border-color: #660066;
}
/* END From the light colorscheme */

/******************** END Color Scheme ********************/


/******************** General Styling ********************/

img{
    max-width:100%;
}

iframe{
	border:0;
}

h1, h2, h3{
    margin:0px;
    padding:0px;
    font-weight:normal;
    font-size:100%;
    line-height:inherit;
    border:none;
}

p{
    margin:0px 0px 20px 0px;
    opacity:1;
}

.bold{
    font-weight:bold;
}

.maps iframe{
    pointer-events: none;
}

.margin-top-0{
    margin-top:0px !important;
}

/*@media (max-width: 767px) {
    .margin-top-sm-0 {
        margin-top: 0px !important;
    }
}*/

.margin-top-15{
    margin-top:15px !important;
}

.margin-top-25{
    margin-top:25px !important;
}

.margin-top-30{
    margin-top:30px !important;
}

.margin-top-40{
    margin-top:40px !important;
}

.margin-top-50{
    margin-top:50px !important;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.margin-bottom-20{
    margin-bottom:20px !important;
}

.margin-bottom-25{
    margin-bottom:25px !important;
}

.margin-bottom-40{
    margin-bottom:40px !important;
}

.margin-bottom-80{
    margin-bottom:80px !important;
}

.display-grid .col-md-4 .property img{
    height: 255px;
}

@media (min-width: 1200px)  /* col-lg */ {
    .margin-top-40-lg{
        margin-top:40px;
    }
}

@media (min-width: 992px) and (max-width: 1200px)  /* First Reponsive col-md */ {
    .margin-top-40-md{
        margin-top:40px;
    }
}

@media (min-width: 768px) and (max-width: 992px)  /* Second Reponsive col-sm */ {
    .margin-top-40-sm{
        margin-top:40px;
    }
}

@media (max-width: 768px)  /* Third Reponsive col-xs */ {
    .margin-top-40-xs{
        margin-top:40px;
    }
}

.btn.btn-grey, select.btn-grey{
    color:#FFF;
    background-color:#454344;
}

.btn.btn-grey:hover, select.btn-grey:hover{
    color:#FFF;
    background-color:#333;
}

@media (min-width: 992px) /* Bootstrap MD Width */ {
    .md-pull-right{
        float:right!important;
    }

    .md-pull-left{
        float:left!important;
    }

    .spacer-40-md{
        height:40px;
        display:block;
        clear:both;
    }

    .spacer-90-md{
        height:90px;
        display:block;
        clear:both;
    }
}

.title-block{
    line-height: 1.1;
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: lighter;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.title-block-md{
    line-height: 1.1;
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-size: 22px;
    font-weight: lighter;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 10px;
}

.bootstrap-select .selectpicker {
  background-color: #f3f3f3;
}

    .bootstrap-select .selectpicker:hover {
        background-color: #ebebeb;
    }

/******************** END General Styling ********************/

/******************** Header ********************/

.navigation .navbar{
    padding:11px 0px;
}

	.navigation .navbar .navbar-brand{
		margin: 0px;
		width:auto;
	}


			.navigation .navbar .navbar-brand img {
				height:71px;
			}


	@media (max-width:768px){
		.navigation .navbar{
			padding: 11px 0px !important;
		}

		   .navigation .navbar .navbar-brand{
				margin: 0px 40px 0px 0px;
			}

				.navigation .navbar .navbar-brand img{
					height:58px !important;
				}
	}

    /*.navigation .navbar .navbar-brand {
        height: 120px;
        width: 170px;
        margin: -21px 0px;
        margin-right: 50px;
    }
																					 
    .navigation .navbar .navbar-brand img {
        height: 120px;
    }*/

    .navigation .navbar .navbar-toggle{
        padding:20px 0px 20px 20px;
    }

    .navigation .navbar .navbar-nav > li a{
        line-height:15px;
    }

    .navigation .navbar .navbar-nav > li .child-navigation li a{
        padding:13px;
    }

    @media (max-width: 768px) /* Bootstrap SM Width */ {
        .navigation .navbar .navbar-nav > li a{
            line-height:5px;
        }

        .navigation .navbar .navbar-brand{
            width:auto;
            max-width:350px;
        }
    }

.tagline{
	font-style: italic;
}

@media (max-width: 468px){
	.tagline{
		display:none !important;
	}
}

/******************** END Header ********************/

/******************** Footer ********************/

#page-footer{
    display:block;
}

#page-footer .inner .title-heading{
    color: #2a2a2a;
    font-size:18px;
    font-weight: normal;
    line-height:1.1;
    margin-bottom: 30px;
    margin-top: 0;
}

/******************** END Footer ********************/

/******************** Property Small ********************/
.property.small .info a {
  color: #444;
}

    .property.small .info a:hover {
      color: #444;
    }

.property.small .info .title {
  margin-bottom: 5px;
  margin-top: 0;
  border: none;
  font-size: 14px;
  line-height:1.1;
  font-weight: bold;
}
/******************** END Property Small ********************/

/******************** Agent Details ********************/

.agent-details .agent-image img{
    width:100%
}

.agent-details .title{
    font-size: 18px;
    font-weight: lighter;
    margin-bottom: 20px;
}

.agent-details .agent-social a{
    width:36px;
}

@media (max-width: 768px) /* Bootstrap SM Width */ {
    .agent-details .agent-info .agent-social{
        margin-bottom:20px;
    }
}

/******************** END Agent Details Page ********************/


/******************** Forms ********************/

#contact_form .field .req,
#SendToFriend .field .req,
#call_me_back .field .req,
#rental_contact_form .req{
    display:none;
}

#contact_form .field #enqTextBox{
    width:100%!important;
}

#contact_form .field #denoteSpan,
#call_me_back .field #denoteSpan,
#rental_contact_form .field #denoteSpan{
    display:none;
}

#SendToFriend #UserMsg{
    height:100px;
}

#contact_form #message,
#SendToFriend #message,
#call_me_back_form #message,
#rental_contact_form #message{
    text-align:center;
}

    #contact_form #message h2,
    #SendToFriend #message h2,
    #call_me_back_form #message h2,
    #rental_contact_form #message h2{
        margin:40px 0px 30px 0px;
        font-size:48px;
        border:none;
        display:block;
    }

    #contact_form #message #checkmark,
    #SendToFriend #message #checkmark,
    #call_me_back_form #message #checkmark,
    #rental_contact_form #message #checkmark{
        margin-top:25px;
    }

#submitButton{
    width:100%;
    margin-top:10px;
}

/******************** END Forms ********************/


/******************** Bootstrap Elements ********************/
.bootstrap-select{
    height:auto !important;
}
/******************** END Bootstrap Elements ********************/


/******************** Navigaton ********************/
.navigation .secondary-navigation{
    padding:13px 0px;
    opacity: 1 !important;
    color:#FFF;
    font-size:15px;
}

.navigation .secondary-navigation .pull-left figure{
    margin-right:10px;
}

.navigation .secondary-navigation a,
.navigation .secondary-navigation a:hover{
    margin-left:0;
    color:#FFF;
}

.navigation .secondary-navigation .dropdown-menu a,
.navigation .secondary-navigation .dropdown-menu a:hover{
    color:#5a5a5a;
}
/******************** END Navigaton ********************/

/******************** Searchbar ********************/
.search-box-wrapper{
    z-index:98;
}
/******************** END Searchbar ********************/

/******************** Agent Partner Logos ********************/
.logos{
    padding:0px 0px 30px 0px !important;
}

.logos .logo{
    width:20%;
    padding:0px 25px;
    margin-bottom:25px;
    float:left;
    text-align:center;
}

.logos .logo a{
    padding:0px;
    opacity:1;
}

@media (max-width: 992px) /* Bootstrap Max MD Width */ {
    .logos .logo {
        width:33.33333%;
    }
}

@media (max-width: 768px) /* Bootstrap SM Width */ {
    .logos .logo {
        width:50%;
    }
}
/******************** END Agent Partner Logos ********************/


/******************** List Details ********************/

ul.ticklist {
    padding: 0px;
    list-style: none;
}

    ul.ticklist li:before {
        content: '✓ ';
        font-size: 16px;
        color: black;
        font-weight: bold;
    }

ul.list-info{
  margin-top: -5px;
}
ul.list-info li{
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #5a5a5a;
  display: block;
  padding: 5px 0;
  padding-left: 0;
}

/******************** END List Details ********************/


/******************** List Search Results ********************/

.display-lines .property{
    padding-left:0px;
}

    .display-lines .property .property-image{
        height:auto;
        width:44%;
        float:left;
        position:relative;
    }

    /* Fix for lazyload cutting off images (Photos need fixed height though otherwise leaves blank space) */
    /*.display-lines .property .property-image .property-carousel,
    .display-lines .property .property-image .owl-stage-outer,
    .display-lines .property .property-image .owl-item{
        height: 100% !important;
    }

    .display-lines .property .property-image .property-slide{
        z-index: 0;
    }*/
    /* END Fix for lazyload cutting off images (Photos need fixed height though otherwise leaves blank space) */

   /* .property-carousel .owl-controls{
        height: 0px;
        top: calc(50% - 26px);
        left: 0;
    }

        .property-carousel .owl-controls .owl-prev {
            float: left;
        }

        .property-carousel .owl-controls .owl-next {
            float: right;
            margin-right: 20px;
        }

        .property-carousel .owl-controls .owl-prev,
        .property-carousel .owl-controls .owl-next {
            opacity: 1;
            background-color: transparent;
            font-size: 80px;
        }

            .property-carousel .owl-controls .owl-prev::after, .property-carousel .owl-controls .owl-next::after {
                height: 82px;
                text-shadow: 1px 2px 3px #666;
            }*/

        .property .tag.status{
            top:auto; bottom:15px;
            z-index:3 !important;
        }

        .property .remove-favourite{
            padding:15px 22px;
            position:absolute;
            top:0; left:0;
            z-index:3 !important;
            color:#FFF;
            cursor:pointer;
            opacity:0.8;
            background-color:#000;
        }

            .property .remove-favourite:hover{
                opacity:1;
            }

    .display-lines .property .info{
        width:53%;
        float:right;
    }

        .display-lines .property .info header .title{
            margin:0px;
            margin-right:105px;
            color:#2a2a2a;
            font-size:22px;
            font-weight:lighter;
            line-height:1.4;
        }

        .display-lines .property .info .share{
            top:0; right:0;
            position:absolute;
        }

            .display-lines .property .info .share .item{
                padding:10px 13px;
                margin-left:3px;
            }

                .display-lines .property .info .share .facebook{
                    background-color:#2d4b8a;
                }

                .display-lines .property .info .share .twitter{
                    background-color:#1ea1f3;
                }

        .display-lines .property .info .tag.price{
            top:0; right:0;
            position:absolute;
        }

        .display-lines .property .info header figure{
            margin-top:5px;
        }

        .display-lines .property .info aside{
            margin-top:20px;
        }

            .display-lines .property .info aside p{
                width:100%;
                padding:0px;
            }

        .display-lines .property .info .specifics .item{
            width:50%;
            padding:6px;
            float:left;
            font-size:12px;
            border: solid 1px #FFF;
            background-color:#efefef;
        }

            .display-lines .property .info .specifics .item .item-name {
                font-weight:bold;
            }

        .display-lines .property .info .link-arrow{
            position:relative;
            margin-top:20px;
            float:right;
        }

@media (max-width: 768px) /* Bootstrap SM Width */{
    .display-lines .property .property-image{
        width:100%;
    }

    .display-lines .property .info{
        width:100%;
    }
}

/******************** END List Search Results ********************/


/******************** Grid Search Results ********************/

.property .overlay .title{
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  color: #fff;
  line-height:1.1;
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0 3px 0;
}

/******************** END Grid Search Results ********************/

/******************** Pagination ********************/

.pagination {
  display: table;
  padding-left: 0;
  margin: 0px auto 50px auto;
  border-radius: 4px;
}
.pagination span,
.pagination a {
    position: relative;
    float: left;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: transparent;
    border: none;
    border-top: 5px solid #f3f3f3;
    color: #5a5a5a;
    padding: 10px 20px;
}
.pagination > .active,
.pagination > .active:hover,
.pagination > .active:hover,
.pagination > .active:focus {
  z-index: 2;
  cursor: default;
  background-color: transparent;
}
.pagination > .disabled,
.pagination > .disabled:hover,
.pagination > .disabled:focus {
  display:none;
}
.pagination span:hover,
.pagination span:active,
.pagination span:focus,
.pagination a:hover,
.pagination a:active,
.pagination a:focus {
  background-color: transparent;
}

/******************** END Pagination ********************/


/******************** Property Details ********************/

#quick-summary dd:last-child,
#quick-summary dl{
	margin-bottom:0px;
} 

#epc-rating thead th{
	padding: 2px 4px;
	color: #FFF;
	font-size: 11px;
}

#property-detail section h2 {
    margin: 0px;
}

.property-title .title{
  border: none;
  margin-bottom: 5px;
  margin-top: 0;
  padding-bottom: 0;
  font-size: 28px;
  font-weight: lighter;
}

@media (max-width: 768px) /* Bootstrap SM Width */{
    .owl-controls{
        display:block !important;
    }
}

#property-description p:last-child{
    margin-bottom:0px;
}

#custom-fields .title-block{
    margin: 25px 0px 10px 0px;
}

.agent-form .agent-info .title{
    margin-top:0px;
    font-size: 18px;
    font-weight: lighter;
    margin-bottom: 20px;
    line-height:1.1;
}

/******************** END Property Details ********************/

/******************** Rental Details ********************/

.rateFrom, .rateTo{
	float: left;
	width:33%;
}
	
.ratePrice{
	float: right;
	width:33%;
}

.AvailabilityCalendar
{
	padding: 20px 0px;
	background-color: #FFF;
	-webkit-border-radius: 5px; border-radius: 5px;
}

	.AvailabilityCalendarInner
	{
		width: 660px;
		margin: auto;
	}

/******************** END Rental Details ********************/

/******************** Owl Slideshow Carousel ********************/

#slider .homepage-slider .slide .overlay .info .title {
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  font-size: 30px;
  font-weight: normal;
  margin: 5px 0;
  position: relative;
  left: 20px;
}

#slider .homepage-slider .slide .overlay .info.animate-description-out .title {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

#slider .homepage-slider .slide .overlay .info.animate-description-in .title {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  left: 0px;
}

/******************** END Owl Slideshow Carousel ********************/


/******************** Homepage ********************/

.about-us .main-title {
    line-height: 1.1;
    padding-bottom: 15px;
    font-size: 22px;
    font-weight: lighter;
    margin-top: 10px;
}

.about-us .sub-title {
    line-height: 1.1;
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-size: 15px;
    font-weight: lighter;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.about-us .title{
    line-height: 1.1;
    margin-bottom: 0px;
    padding-bottom: 15px;
    font-size: 17px;
    font-weight: lighter;
    margin-top: 30px;
}

.about-us h2{
    margin-bottom:20px;
    font-weight:bold;
}

.about-us p:last-child{
    margin-bottom:0px;
}

/******************** END Homepage ********************/

/******************** Category Page ********************/
.blog-post{
    margin-bottom:30px;
}

.blog-post .title{
    margin:0px 0px 20px 0px;
    color:#2a2a2a;
    font-size:22px;
    font-weight:lighter;
    line-height:1.4;
    display:block;
}

.blog-post p {
    font-size:12px;
}

.blog-post img {
    width: 100%;
}

@media (max-width: 768px) {
    .blog-post img {
        margin-bottom: 20px;
    }
}
/******************** END Category Page ********************/

/******************** Comments/Blog ********************/

.comments{
    margin:40px 0px;
}

    .comments .comment {
      display: inherit;
    }

        .comments .comment .image i{
            padding:18px;
            color:#FFF;
            font-size:24px;
        }

#commentForm table{
    width:100%;
}

    #commentForm td{
        width: 100%;
        display: inline-block;
    }

        #commentForm .required{
	        color: red;
            margin-right:2px;
	    }

        #commentForm input,
        #commentForm textarea{
            margin:6px 0px;
            display:inherit;
        }

	
		#commentForm input[type=submit]
		{
            width: 100%;
            padding: 10px;
            border: none;
            color: #FFFFFF;
		}

/******************** END Comments/Blog ********************/

/******************** Forms ********************/

input, textarea, select {
   -webkit-appearance: none;
   -moz-appearance: none;
}

input[type=checkbox]
{
  -webkit-appearance:checkbox;
  -moz-appearance:checkbox;
}

#register_body, #contact_body, #rental_body, #sendtofriend_body{
    background:none;
}

.text-input, /*All Fields*/
#register_form select /*Register Specific*/{
  margin-left: 0px !important;
  margin-right: 0px !important;
  display: block;
  width: 100% !important;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #f8f8f8;
  background-image: none;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#register_form label /*Register Specific*/{
    display:block;
}

#register_form .denotes_span /*Register Specific*/{
    display:none !important;
}

#register_form #typeChecks /*Register Specific*/{
    width: 100% !important;
    margin-top: 15px;
    display: inline-block;
}

#register_form #typeChecks span /*Register Specific*/{
    margin-right: 4px;
    float: left;
}

#register_form #town /*Register Specific*/{
    height:100px!important;
}

#register_form #ctrlspan /*Register Specific*/{
    width: auto !important;
    margin: 15px 0px 15px 0px !important;
}

#register_form #success_div /*Register Specific*/{
    font-size:20px;
}

    #register_form #success_div img /*Register Specific*/{
        margin-bottom:32px;
    }

label.error {
  background-color: red;
  bottom: -30px;
  color: #fff;
  font-size: 12px;
  left: 0;
  padding: 5px;
  position: absolute;
  z-index: 2;
}

label.error:before {
  border-style: solid;
  border-width: 0 3.5px 5px 3.5px;
  border-color: transparent transparent red transparent;
  content: "";
  height: 0px;
  left: 5px;
  position: absolute;
  top: -5px;
  width: 0px;
}

/******************** END Forms ********************/

/******************** Display Grid ********************/

.display-grid .col-md-4 .property img{
    height: 255px;
}

@media (min-width: 992px) and (max-width: 1199px) /* First Reponsive col-md */{
    .display-grid .col-md-4 .property img{
        height: 220px;
    }
}

@media (max-width: 992px) /* Second Reponsive col-sm */ {
    .display-grid .col-sm-6 .property img{
        height: 235px;
    }
}

@media (max-width: 768px)  /* Third Reponsive col-xs */ {
    .display-grid .property img{
        height: auto!important;
    }
}

/******************** END Display Grid ********************/

/******************** Horizontal Search ********************/

.search-box .item{
    width:19.667%;
    float:left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}

.search-box .search{
    width:39.667%;
    float:left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}

@media (max-width: 992px) {
     .search-box .item{
        width:33.33333333%;
    }

    .search-box .search{
        width:33.33333333%;
    }
}

@media (max-width: 768px) {
    .search-box .item{
        width:100%;
    }

    .search-box .search{
        width:100%;
    }
}

.horizontal-search .search-box-wrapper .search-box .form-map{
    margin-top:13px;
}

.form-search .bootstrap-select .selectpicker{
    font-weight:normal !important;
}

/******************** END Horizontal Search ********************/

/******************** Showcased Properties Small ********************/

/*.property.small .property-image{
    height:auto;
    width:100%;
    margin-bottom:12px;
}

.property.small .info{
    width:100%;
    padding-left:0px;
}

    .property.small .info .tag{
        position:absolute;
        top:0; right:0;
        font-size:14px;
    }*/

/******************** END Showcased Properties Small ********************/

/******************** General Styling Has Dark Background ********************/

/*.has-dark-background{
    color:#FFF;
    background:#555;
}

.page-sub-page #page-content::after{
    background:none;
}

.has-dark-background .title-block-md,
.has-dark-background .title-block{
    border-bottom:solid 1px #afac5b;
}

.has-dark-background .display-lines .property .info header .title,
.has-dark-background .property.small .info a,
.has-dark-background .blog-post .title{
    color:#afac5b;
}

.has-dark-background .display-lines .property .info .specifics .item{
    margin:-1px;
    background-color:#333;
    border:1px solid #747474;
}

.has-dark-background #page-footer .inner #footer-main{
    border-top:1px solid #747474;
    border-bottom:1px solid #FFF;
    background-color:#474745;
}

.has-dark-background #page-footer .inner .title-heading,
.has-dark-background #page-footer ul.list-info li,
.has-dark-background #page-footer ul.list-links li a,
.display-lines .property .info .share a,
.display-lines .property .info .share a:hover{
    color:#FFF;
}

.has-dark-background .display-lines .property{
    border-bottom:solid 1px #FFF;
}

.has-dark-background .navigation{
    background-color:#000;
}

    .has-dark-background .navigation .navbar .navbar-nav > li a{
        opacity:1;
        color:#FFF;
    }

    .has-dark-background .pagination span,
    .has-dark-background .pagination a,
    #register_form span, #contact_form span,
    #register_form legend, #contact_form legend,
    #register_form label, #contact_form label,
    #register_form #success_div,
    #contact_form #message{
        color:#FFF;
    }

.has-dark-background .modal{
    color:#5a5a5a;
}

input[type="text"]:hover, input[type="email"]:hover, input[type="search"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="tel"]:hover, textarea.form-control:hover {
  background-color: #efefef;
}*/

/******************** END General Styling Has Dark Background ********************/