/*

Theme Name: PLC Theme

Theme URI: https://wwww.biloxisecondliners.com

Author: Future Design Group

Author URI: https://www.futuredesigngroup.com

Description: Custom theme built for the PLC. This theme is use to promote the business as well as give a way to list and add properties, and general information.

Version: 2.0.1

License: GNU General Public License v3.0 / License URI: http://www.gnu.org/licenses/gpl-3.0.html

License URI: see license.txt

*/



/* Imports */

@import url('https://fonts.googleapis.com/css?family=Montserrat|Open+Sans&display=swap');



/* General */

html, body {

  overflow-x: hidden;

}

body {

  font-family: 'Open Sans', sans-serif;

  overflow-x: hidden;

  color:#333;

  font-size:18px;

  background-color:#fff;

}



.container-fluid { max-width:90%; }



.card { padding:15px; }





a:hover, a:focus, a:active {

  text-decoration: none;

}

.backtotop {

  transition: all 1s ease;

  display:none;

  z-index:99999;

}



.backtotop.scrolled {

  transition: all 1s ease;

  display:block;

}



.backtotop a {

  color:rgba(0,0,0,.5);

  font-size:15px;

}



img.aligncenter {

  display:block;

  margin:0 auto;

}



.spacer {

  height:50px;

  display:block;

}



.spacer.med {

  height:75px;

  display:block;

}



.spacer.lg {

  height:100px;

  display:block;

}



h1,h2,h3,h4,h5,h6 {

  font-weight: bold;

  font-family: 'Montserrat', sans-serif;

  padding:0;

  margin:0;

}



h1 {

  font-size:55px;

}



h2 {

  font-size:40px;

}



h1 span, h2 span {

  font-weight: normal;

}





.btn {

  border:0;

  outline:0 !important;

  text-transform: uppercase;

  box-shadow: none !important;

  font-weight:bold;

}



.btn-primary {

  background-color:#00CFFF;

}



.btn-primary:hover, .btn-primary:focus, .btn-primary:active {

  background-color:#03bce6 !important;

}





.btn-success {

  background-color:#50BA50;

}



.btn-success:hover, .btn-success:focus, .btn-success:active {

  background-color:#358c35 !important;

}





/* Header */

header {

  background-color:#fff;

  padding:20px 0;

  position: relative;

}



header .container-fluid {

  position: relative;

  z-index:2;

}



header ul {

  margin:0;

  padding:0;

}



header li {

  list-style-type:none;

  display:inline-block;

}



header nav li {

  line-height: 55px;

  text-transform: uppercase;

}



header nav li  a {

  margin-left:30px;

  font-weight: bolder;

  font-size:20px;

}



header nav li:nth-child(1) a {

  color:#FFE14D;

}



header nav li:nth-child(2) a {

  color:#FFD0A8;

}



header nav li:nth-child(3) a {

  color:#FFB1B1;

}



header nav li:nth-child(4) a {

  color:#D4FFD6;

}



header nav li:nth-child(5) a {

  color:#B7EFFF;

}

header nav li:nth-child(6) a {

  color:#333;

}



header nav li a:hover, header nav li a:focus, header nav li a:active {

  color:#333;

}



header nav li.current_page_item a, header nav li.current-menu-item a{

  color:#333;

}



header nav li  a:hover, header nav li  a:focus, header nav li  a:active {

}



.headersocial .fa-facebook-square { color:#3b5998; }

.headersocial .fa-twitter-square { color:#1da1f2; }

.headersocial .fa-instagram { color:#c32aa3; }

.headersocial .fa-youtube-square { color:#ff0000; }

.headersocial .fa-linkedin-square { color:#007bb5; }

.headersocial .fa-facebook-square:hover, .headersocial .fa-facebook-square:focus, .headersocial .fa-twitter-square:hover, .headersocial .fa-twitter-square:focus, .headersocial .fa-instagram:hover, .headersocial .fa-instagram:focus, .headersocial .fa-linkedin-square:hover, .headersocial .fa-linkedin-square:focus, .headersocial .fa-youtube-square:hover, .headersocial .fa-youtube-square:focus  { color:#333; }



header:after {

  content: '';

  background-image: url(img/headerbg.svg);

  display: block;

  width: 109%;

  height: 105px;

  position: absolute;

  bottom: -30px;

  z-index: 1;

  left: -4%;

  background-repeat: no-repeat;

  background-position: center;

}



.page-template-default .hero:after, .page-template .hero:after, .single .hero:after, .post-type-archive-listing .hero:after {

  content: '';

  background-image: url(img/headerbg.svg);

  display: block;

  width: 135%;

  height: 135px;

  position: absolute;

  bottom: -73px;

  z-index: 1;

  left: -12%;

  background-repeat: no-repeat;

  background-position: center;

}



.subheader .headersocial a {

  color:#333;

}



.subheader .headersocial a:hover, .subheader .headersocial a:active, .subheader .headersocial a:focus {

  color:#333;

}



.subheader .headersocial em {

  padding-left:10px;

  font-size:28px;

}



.paintbg {

  width: 100%;

  max-width: 80%;

  margin: 0 auto;

}



.paintbg .paint {

  padding:5%;

}



.paintbg h2 {

  font-size:25px;

}



.paintbg h3 {

  font-size:55px;

}



.paint.red {

  background-image: url(img/paint-red.svg);

  background-repeat: no-repeat;

  background-size:100%;

  height:auto;

  background-position: center;

  min-height:135px;

}



.paint.orange-red {

  background-image: url(img/paint-orange-red.svg);

  background-repeat: no-repeat;

  height:auto;

  background-position: center;

  min-height:135px;

}



.paint.blue-green {

  background-image: url(img/paint-blue-green.svg);

  background-repeat: no-repeat;

  height:auto;

  background-position: center;

  min-height:135px;

}



.paint.yellow-blue {

  background-image: url(img/paint-yellow-blue.svg);

  background-repeat: no-repeat;

  height:auto;

  background-position: center;

  min-height:135px;

}



/* Home Page */



.home .heroimg {

  filter: grayscale(1);

  width:100%;

  height:auto;

  transition-property: filter;

  transition-duration: 1s;

}



.home .scrolled {

  filter: grayscale(0);

  transition-property: filter;

  transition-duration: 2s;

}



.home .herotext {

  position: absolute;

  z-index:4;

  top: 40%;

  left: 50%;

  transform: translate(-50%, -50%);

  color:#fff;

  width:50%;

  text-align: center;

}



.home .herotext h1 { 

  font-size:40px;

  line-height:80px;

}



.home .info {

  background-color:  #fff;

  background-image: url(img/infobg.jpg);

  width:100%;

  height:100vh;

  background-size:cover;

  background-position: -300px;

  background-repeat:  no-repeat;

  position:   relative; 

}



.home .how {

  min-height:60vh;

  background-color:#B7EFFF;

  position: relative;

  color: #06667b;

}



.home .how:before {

  position: absolute;

  content: url(img/rainbow.svg);

  width:150%;

  height:auto;

  top:-150px;

  left:-25%;

  z-index:0;

}



.home .how .content {

  position: relative;

  z-index:5;

}



/* Pages */

blockquote {

  font-style: italic;

  font-family: 'Montserrat', sans-serif;

  padding-left:10px;

  border-left:5px solid #B7EFFF;

}



.page-template-default .content, .page-template .content, .post-type-archive-listing .content, .single-listing .content {

  position: relative;

  z-index:9999;

}



.page-template-default .hero, .page-template .hero, .page-template-page-contact .hero, .post-type-archive-listing .hero, .single-listing .hero {

  background-color:#B7EFFF; height:250px; padding-top:60px; color:#fff; position: relative; margin-bottom:30px;

}



.page-template-page-home .hero {

  background-color: initial;

  padding-top: initial;

  height:85vh;

  overflow:hidden;

  display:block;

  position: relative;

}

.page-template-page-home  .hero:after {

  position: absolute;

  content: url(img/sep.jpg);

  width:100%;

  height:auto;

  bottom:-20px;

}



/* Slider */

.sliderlisting {

  z-index:9999;

  position: relative;

  top:-200px;

}



.post-type-archive-listing .sliderlisting {

  top:0;

}

.slick-list {

  overflow:visible;

}

.slick-slide {

  margin:0 5px;

}

.slick-slide:first-child {

    transform: scale(1.25);

    margin-right:45px;

    margin-left:25px;

}



.sliderlisting .card-body {

  padding:0;

}



.sliderlisting .card-body p {

  font-size:12px;

}



.propertyfloater {

  position: absolute;

  top:-65px;

  left:20px;

}



.slick-track a, .post-type-archive-listing .sliderlisting a, .single-listing a {

  color:#333;

}



.single-listing a.btn-primary {

  color:#fff;

}



.list-image {

  height: 220px;

  overflow:hidden;

  width: 100%;

}



div.border {

  border:0px !important;

  position: relative;

  content: url(img/sep.jpg);

  width: 100%;

  height: 10px;

  margin-bottom:40px;

}



/* Listing */

.listingpopup { transition: all .65s ease; position:fixed; display:block; left:-1000px; height:100%; width:50%; background-color:#333; z-index:9999; top:0; padding:20px; color:#fff; }

.listingpopup.open { left:0px; }

.close { color:#fff !important; font-size:35px; }

.listingmessage { height: 150px !important; }

span.label { color: #c0c0c0; text-transform: uppercase; }



/* Footer */

footer {

  position: relative;

  padding:50px 0;

  background-color:#333;

  color:#fff;

}



footer ul {

  padding: 0;

  margin:0;

}



footer ul li {

  list-style-type: none;

}



footer .widget-title {

  font-weight:normal;

  color:#fff;

  text-transform: uppercase;

  font-weight: bold;

}



footer a {

  color:#fff !important;

  text-transform: uppercase;

}

footer a:hover, footer a:focus, footer a:active {

  color:#B7EFFF !important;

}



.footerbottom {

  color:#fff;

}



.footerbottom a {

  color:#fff;

  text-transform: none;

}



.footerbottom a:hover, .footerbottom a:focus, .footerbottom a:active {

  color:#B7EFFF;

}



.footersocial {

  position: relative;

  z-index:1;

  padding:0;

  margin:0;

}



.footersocial a em {

  font-size:35px;

  color:#fff;

}



.footersocial a em:hover, .footersocial a em:focus, .footersocial a em:active {

  color:#B7EFFF;

}



.footersocial li {

  display:inline-block;

}

 



/* Contact form 7 */



label {

  color:#c0c0c0;

  text-transform: uppercase;

  margin-bottom:15px;

}



span.wpcf7-list-item {

    display:block;

    margin:0;

    margin-bottom:10px;

}



.wpcf7-checkbox input {

    width: 20px;

    height: 20px;

}



.wpcf7-list-item-label {

    position: relative;

    top:-5px;

}



.error-messages {

    padding:0;

    margin:0;

}

.error-messages li, span.wpcf7-not-valid-tip {

    color:#d9534f;

    font-size:80%;

    list-style-type:none;

}



.torro-element-trap {

    position: absolute;

    left:-5000px;

}



div.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {

   border:0px;

   color:#d9534f;

   font-size: 80%;

   font-weight: 400;

   padding: 0;

   margin: 0;

   text-transform:uppercase;

}





.error .label { color:red; }

.error .form-control { border-color:red; }



.image-square {

  width:100%;

  height:75px;

  overflow:hidden;

  padding:5px;

}





/* Media */



@media screen and (max-width: 1024px) {

  header nav li a {

    margin-left: 30px;

  }

  .paintbg {

    max-width: 100%;

  }

  .home .how:before {

    width: 180%;

  }



  .paint.orange-red, .paint.blue-green, .paint.yellow-blue {

    min-height: 25px;

    background-size:80%;

  }



  .btn-dark {

    margin-bottom: 10px;

  }



  .image-square {

    height:60px;

  }

}



@media screen and (max-width: 768px) {

  .home .herotext {

    width: 80%;

  }

  .page-template-page-home .hero {

    height: 100vh;

  }

  .home .heroimg {

    width: 165%;

  }

  .home .how:before {

    width: 210%;

  }

  .paint.orange-red, .paint.blue-green, .paint.yellow-blue {

    background-size: 72%;

  }

  #responsive-menu-container {

    z-index:999999999 !important;

    font-family: 'Montserrat', sans-serif !important;

    text-align: center !important;

  }

  

  #responsive-menu-container #responsive-menu-title #responsive-menu-title-image {

    width: 100%;

    text-align: center;

  }



  .mobilesocial { margin:0; padding:0; text-align:center; }

  .mobilesocial li { list-style-type: none; display:inline-block; padding:0 10px !important; }

  .mobilesocial li a { font-size: 45px; color:#fff; }



  button#responsive-menu-button {

    z-index: 9999999999999 !important;

  }



  .backtotop { display:none !important; }



  header {

    z-index: 999999;

  }



  header:after {

    bottom: -46px;

  }



  .image-square {

    height:90px;

  }



  .page-template-page-home .hero:after {

    display: none;

  }

}



@media screen and (max-width : 768px) and (orientation :landscape) {

  

}



@media screen and (max-width : 767px){

  .home .herotext {

    width: 100%;

  }

  .home .heroimg {

    width: 265%;

  }

  .paint.orange-red, .paint.blue-green, .paint.yellow-blue {

    background-size: 80%;

  }

  .slick-slide:first-child {

    transform: scale(1);

    margin-right: 5px;

    margin-left: 5px;

  }

  .home .how:before {

    width: 225%;

  }

  h2 {

    font-size: 33px;

  }

  .paintbg h3 {

    font-size: 40px;

  }

  h1 {

    font-size: 38px;

  }



  .footerbottom {

    font-size:14px;

  }



  .home .herotext h1 {

    line-height: 48px;

  }

  .image-square {

    height: 50px;

  }

  .listingpopup { width:100%; }

  .listingmessage { height: 150px !important; }

  footer .widget-title, footer .textwidget, footer .footersocial {
    text-align:center;
  }

}



@media screen and (max-width: 480px) {

  .home .how:before {

      width: 325%;

  }



  .paint.orange-red, .paint.blue-green, .paint.yellow-blue {

    background-size: 70%;

  }



  .info .paint.orange-red {

    background-size: 100%;

}

}