/*
Theme Name: Ralph Real Estate
Theme URI:
Description: Ralph Real Estate Theme
Author: KTWDigital
Author URI: http://digital.kamloopsthisweek.com
Template: Divi
Version: 1.0.2
*/





/*MOBILE MENU FIX*/
.mobile_menu_bar::after{
top: 40px !important;
}

.et_mobile_menu{
background-color: #666 !important;
}


/*Listing Results sidebar removal*/
.ourlistingscon .primary-sidebar{
  display: none;
}









/*ABOVE HDR FIXES*/

@media only screen and (min-width: 1611px) and (max-width: 1720px){

.abovehdrtxt p{
  font-size: 19px;
}

.abovehdrhero{
  line-height: 0.2em;
    margin-top: 15px !important;
}

.remaxhdr{
  PADDING-LEFT: 111PX;
  PADDING-RIGHT: 111PX;
  PADDING-BOTTOM: 12PX;
}

}

@media only screen and (min-width: 1364px) and (max-width: 1610px){

.abovehdrrow{
  width: 95% !important;
}

.abovehdrtxt p{
  font-size: 19px;
}

.abovehdrhero{
  line-height: 0.2em;
  margin-top: 10px !important;
}

.remaxhdr{
  PADDING-LEFT: 111PX;
  PADDING-RIGHT: 111PX;
  PADDING-BOTTOM: 9PX;
}


}

@media only screen and (min-width: 1200px) and (max-width: 1363px){

.abovehdrrow{
  width: 95% !important;
}

.abovehdrtxt p{
  font-size: 13px;
}

.abovehdrhero p{
  font-size: 26px !important;
  line-height: 0.2em;
}

.abovehdrhero{
  line-height: 0.2em;
  margin-top: 3px !important;
}

.abovehdrhero h1{
  font-size: 16px !important;
}

.remaxhdr{
  PADDING-LEFT: 111PX;
  PADDING-RIGHT: 111PX;
  PADDING-BOTTOM: 9PX;
}


}

@media only screen and (min-width: 1110px) and (max-width: 1199px){

.abovehdrrow{
  width: 95% !important;
}

.abovehdrtxt p{
  font-size: 13px;
}

.abovehdrhero p{
  font-size: 26px !important;
  line-height: 0.2em;
}

.abovehdrhero{
  line-height: 0.2em;
  margin-top: 3px !important;
}

.abovehdrhero h1{
  font-size: 16px !important;
}

.remaxhdr{
  PADDING-LEFT: 90PX;
  PADDING-RIGHT: 90PX;
  PADDING-BOTTOM: 4PX;
}


}

@media only screen and (min-width: 980px) and (max-width: 1109px){

.abovehdrrow{
  width: 95% !important;
}

.abovehdrtxt p{
  font-size: 10px;
}

.abovehdrhero p{
  font-size: 18px !important;
  line-height: 0.2em;
}

.abovehdrhero{
  line-height: 0.2em;
  margin-top: 3px !important;
}

.abovehdrhero h1{
  font-size: 14px !important;
}

.remaxhdr{
  PADDING-LEFT: 90PX;
  PADDING-RIGHT: 90PX;
  PADDING-BOTTOM: 4PX;
}


}





/*SOLD LISTING TWEAKS*/
.soldblog .et_pb_image_container{
padding: 5px;
}

#comment-wrap{
display: none !important;
}

.et_post_meta_wrapper p{
display: none !important;
}








/*MAINPAGE V4*/

@media only screen and (min-width: 1301px) and (max-width: 5000px){
.headerrow{
padding-left: 10vw;
padding-right: 10vw;
}

.logobarmob{
display: none !important;
}

}


@media only screen and (min-width: 421px) and (max-width: 1300px){
.headerrow{
padding-left: 1vw;
padding-right: 1vw;
}

.logobarmob{
display: none !important;
}

}


@media only screen and (max-width: 420px){
.mainbutton{
min-width: 270px !important;
max-width: 270px !important;
font-size: 18px !important;
letter-spacing: 0px !important;
}

.headerrow{
padding-left: 3vw;
padding-right: 3vw;
padding-top: 5px !important;
padding-bottom: 5px !important;
}

.logobar{
display: none;
}


}








/*LISTINGS MAP & CAROUSEL RESPONSIVE*/

@media only screen and (min-width: 1921px) and (max-width: 2560px){

#maplistcarcontainer{
padding-top: 30px !important;
}

#maplistcarcontainer .bx-viewport{
height: 752px !important;
}

.listingsmap .panel .panel-default{
  height: 800px !important;;
}

.listingsmap #rps-map{
  height: 800px !important;;
}

.listingsmap .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale{
DISPLAY: NONE !important;
}

}


@media only screen and (min-width: 1500px) and (max-width: 1920px){

.listmaphero{
padding-bottom: 5px !important;
}

  #maplistcarcontainer{
  padding-top: 30px !important;
  }

  #maplistcarcontainer .bx-viewport{
height: 533px !important;
}

.listingsmap .panel .panel-default{
  height: 600px !important;;
}

.listingsmap #rps-map{
  height: 600px !important;;
}

.listingsmap .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale{
DISPLAY: NONE !important;
}

.maplistings{
display: none;
}

.maplistings1500{
display: none !important;
}

.maplistings980{
display: none !important;
}

}



@media only screen and (min-width: 981px) and (max-width: 1499px){

  .listmaphero{
  padding-bottom: 5px !important;
  }

  #maplistcarcontainer .bx-viewport{
height: 533px !important;
}

  #maplistcarcontainer{
  padding-top: 30px !important;
  }

.listingsmap .panel .panel-default{
  height: 600px !important;;
}

.listingsmap #rps-map{
  height: 600px !important;;
}

.listingsmap .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale{
DISPLAY: NONE !important;
}

.maplistings{
display: none !important;
}

.maplistings1920{
display: none !important;
}

.maplistings980{
display: none !important;
}

}

@media only screen and (min-width: 780px) and (max-width: 980px){

.listingsmap .panel .panel-default{
  height: 500px !important;;
}

.listingsmap #rps-map{
  height: 500px !important;;
}

.listingsmap .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale{
DISPLAY: NONE !important;
}

#maplistcarcontainer{
padding-top: 5px !important;
}

.maplistings980{
margin-top: 10px !important;
}

.listmaphero{
padding-bottom: 10px !important;
}

}


@media only screen and (min-width: 420px) and (max-width: 779px){

  .listmaphero{
  padding-bottom: 5px !important;
  }

.listmapheader p{
font-size: 12px;
}

.maplistcontainer{
padding-top: 0px !important;
}

.listmaphero{
padding-bottom: 10px !important;
}

.listingsmap .panel .panel-default{
  height: 500px !important;;
}

.listingsmap #rps-map{
  height: 500px !important;;
}

.listingsmap .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale{
DISPLAY: NONE !important;
}


}




@media only screen and (min-width: 10px) and (max-width: 419px){

#contactform{
padding-left: 4px !important;
padding-right: 4px !important;
padding-top: 25px;
padding-bottom: 25px;
}

.listmapheader p{
font-size: 12px;
}

.listmapcontainer{
width: 98% !important;
}

.maplistcontainer{
padding-top: 0px !important;
width: 98% !important;
}

.listmaphero{
padding-bottom: 10px !important;
width: 98% !important;
}

.listingsmap .panel .panel-default{
  height: 500px !important;;
}

.listingsmap #rps-map{
  height: 500px !important;;
}

.listingsmap .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale{
DISPLAY: NONE !important;
}

}






/*-----------------GLOBAL---------------------*/

/*REALTYPRESS SINGLE LISTINGS PAGE FIXES*/

/*.listingsmain .bootstrap-realtypress{
  max-width: 100% !important;
  margin-left: auto !important;
}

.listingsmap .bootstrap-realtypress{
  max-width: 100% !important;
  margin-left: auto !important;
}


.listingskam .bootstrap-realtypress{
  max-width: 100% !important;
  margin-left: auto !important;
}*/



/*Responsive Changes*/

@media only screen and (min-width: 1921px) and (max-width: 2561px){


  /*OUR LISTINGS*/
  .ourlisthero{
  padding-top: 250px !important;
  padding-bottom: 250px !important;
  }

  .ourlistcontext{
    padding-right: 30%;
  }

  .ourlistingscon .bootstrap-realtypress{
  max-width: 45%;
  margin: auto;
  }
  .listingskam .bootstrap-realtypress{
  max-width: 45%;
  margin: auto;
  }



.kamherotext{
  padding-top: 13% !important;
}

.mainherotablet{
  display: none !important;
}

.mainheromobile{
  display: none !important;
}

}


@media only screen and (min-width: 1500px) and (max-width: 1920px){

  /*OUR LISTINGS*/
  .ourlisthero{
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }

  .ourlistcontext{
    padding-right: 30%;
  }

  .ourlistingscon .bootstrap-realtypress{
  max-width: 60%;
  margin: auto;
  }

  .listingskam .bootstrap-realtypress{
  max-width: 60%;
  margin: auto;
  }

  .mainherotablet{
    display: none !important;
  }

  .mainheromobile{
    display: none !important;
  }

.kamherotext{
  padding-top: 14% !important;
}




}



@media only screen and (min-width: 981px) and (max-width: 1499px){

/*OUR LISTINGS*/
.ourlisthero{
  padding-top: 250px !important;
  padding-bottom: 250px !important;
}

.ourlistcontext{
  padding-right: 30%;
}


  .ourlistingscon .bootstrap-realtypress{
    max-width: 99%;
  margin: auto;
  }

  .listingskam .bootstrap-realtypress{
    max-width: 99%;
  margin: auto;
  }


  .mainherotablet{
    display: none !important;
  }

  .mainheromobile{
    display: none !important;
  }

.kamherotext{
  display: none;
}

.contacthomehero{

}

.specialtext{
  text-align: left !important;
}

.teamheader{
  text-align: center !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}




}
@media only screen and (min-width: 768px) and (max-width: 980px){

  .ourlistingscon .bootstrap-realtypress{
  max-width: 100% !important;
margin: auto;
}

  .listingskam .bootstrap-realtypress{
  max-width: 100% !important;
margin: auto;
}

}


@media only screen and (min-width: 780px) and (max-width: 980px){
.mainherotablet{
    display: none !important;
  }

  .mainheromobile{
    display: none !important;
  }

.kamherotext{
  display: none;
}

#main-header{
  padding-top: 0px !important;
  padding-bottom: 5px !important;
}


.logo_container{
  display: none !important;
}

.specialtext{
  text-align: left !important;
}




}


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

  .ourlistingscon .bootstrap-realtypress{
    max-width: 95%;
  margin: auto;
  }
  .listingskam .bootstrap-realtypress{
    max-width: 95%;
  margin: auto;
  }
}











/*About Us*/
.aboutustextrow{
  padding-bottom: 45px !important;
}

#about::after{
  top: 0px !important;
}

#about::before{
  top: 0px !important;
}

.firstheadertext h2{
  line-height: 2em;
  padding-left: 0px !important;
  padding-right: 0px !important;
  font-size: 25px !important;
}












/*Listing Page*/

.ourlistcontext{
  padding-right: 0px;
}

.ourlistcontext h1{
  font-size: 46px !important;
  line-height: 1.5em !important;
  text-align: left;
}


.ourlisthero h1{
  font-size: 44px !important;
}

.ourlisthero{
padding-top: 50px;
padding-bottom: 50px;
}











/*main hero fixes*/
.mainhero{
  display: none !important;
}

.mainheromobile{
  display: none !important;
}


  #mobile_menu{
    background-color: rgba(2, 14, 53, 0.88) !important;
  }

  #main-header{
    background-color: rgba(2, 14, 53, 0.88) !important;
  }









  /* Listing Map fixes*/

  .listmapcontainer{
    padding: 30px !important;
  }

  .listmaphero{
    padding-bottom: 100px !important;
    padding-top: 75px !important;
  }

  .listmapheader h1{
    font-size: 60px !important;
  }


  /* About Kamloops Fixes */

  .aboutkamcontainer{
    padding: 20px !important;
  }

  .aboutkamheader h1{
  font-size: 30px !important;
  }

  .kamintrocontainer{
    padding: 5px !important;
  }

  .aboutkamintro h1{
    font-size: 46px !important;
  }

  .aboutkamintro p{
    font-size: 12px !important;
  }

  .aboutkamwikicontainer{
    padding: 5px !important;
  }







  /*Kamloops Listings Fixes*/

  .kamlistphero h1{
    font-size: 53px !important;
  }








/*Contact Page Fixes*/
.contactheader h1{
  font-size: 70px !important;
}

.contactcontainer{
  padding: 20px !important
}

.contactrow1c{
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.contactrow2{
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.contactform{
  padding-left: 5px !important;
  padding-right: 5px !important;
}






  /*Market Evaluation Fixes*/

  .markethero{
    padding-top: 150px !important;
    padding-bottom: 175px !important;
  }

  .marketherocontainer{
    padding: 10px !important;
  }

  .marketheroheader{
    padding-left: 0px !important;
  }

  .marketheroheader h1{
  font-size: 50px !important;
  }

  .totalvalue h1{
    font-size: 40px !important;
  }

  .totalvalue p{
    font-size: 20px !important;
  }

  .kamdistrictmedian p{
    font-size: 40px !important;
  }

  .kammedian p{
    font-size: 40px !important;
  }

  /* Financial page fixes*/

  .financialhero{
    padding-top: 150px !important;
    padding-bottom: 175px !important;
  }

  .financialherocontainer{
    padding: 25px !important;
  }

  .financialheroheader h1{
    font-size: 40px !important;
  }


.firstheadertext h2{
  line-height: 1.6em;
  padding-left: 60px;
  padding-right: 60px;
}

.contacthomehero h1{
  line-height: 1.2em !important;
  padding-bottom: 30px;
}

.hero4{
  width: 100% !important;
}

.hero5{
  width: 100% !important;
}

#contact{
  width: 100% !important;
}

.kamherotext{
  display: none;
}

.specialtext{
  text-align: left !important;
}

.logo_container{
  display: none !important;
}

#main-header{
  padding-top: 0px !important;
  padding-bottom: 5px !important;
}

.ourlistings{
width: 100% !important;
}

.listsort{
  display: none !important;
}


}

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



/*OUR LISTINGS PAGE*/
  .ourlistcontext{
    padding-right: 0px;
  }

  .ourlistcontext h1{
    font-size: 46px !important;
    line-height: 1.5em !important;
    text-align: left;
  }


  .ourlisthero h1{
    font-size: 44px !important;
  }

  .ourlisthero{
  padding-top: 50px;
  padding-bottom: 50px;
  }



#main-header{
    background-color: rgba(2, 14, 53, 0.88) !important;
  }

  .mainherotablet{
    display: none !important;
  }

  .mainhero{
    display: none !important;
  }





/*Contact Page Fixes*/

.contacthero{
  padding-top: 50px !important;
  padding-bottom: 75px !important
}

.contactcontainer{
  padding: 10px !important
}

.contactheader h1{
  font-size: 70px !important;
}

.contactrow1c{
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.contactrow2{
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.contactform{
  padding-left: 5px !important;
  padding-right: 5px !important;
}

/*Market Evaluation Fixes*/

.markethero{
  padding-top: 50px !important;
  padding-bottom: 75px !important;
}

.marketherocontainer{
  padding: 10px !important;
}

.marketheroheader{
  padding-left: 0px !important;
}

.marketheroheader h1{
font-size: 50px !important;
}

.totalvalue h1{
  font-size: 40px !important;
}

.totalvalue p{
  font-size: 20px !important;
}

.kamdistrictmedian p{
  font-size: 50px !important;
}

.kammedian p{
  font-size: 50px !important;
}


/* About Kamloops Fixes */

.aboutkamcontainer{
  padding: 20px !important;
}

.aboutkamheader h1{
font-size: 30px !important;
}

.kamintrocontainer{
  padding: 5px !important;
}

.aboutkamintro h1{
  font-size: 46px !important;
}

.aboutkamintro p{
  font-size: 12px !important;
}

.aboutkamwikicontainer{
  padding: 5px !important;
}



/* Financial page fixes*/

.financialhero{
  padding-top: 50px !important;
  padding-bottom: 75px !important;
}

.financialherocontainer{
  padding: 25px !important;
}

.financialheroheader h1{
  font-size: 40px !important;
}



/*List with Us Fixes*/

.listwithushero{
  padding-top: 50px !important;
  padding-bottom: 75px !important;
}

.listwithuscontainer{
  padding: 25px !important;
}

.listwithusheader h1{
font-size: 55px !important;
}

.whychooseusheader h1{
  font-size: 60px !important;
}


/* Listing Map fixes*/

.listmapcontainer{
  padding: 30px !important;
}

.listmaphero{
  padding-bottom: 100px !important;
  padding-top: 75px !important;
}

.listmapheader h1{
  font-size: 60px !important;
}


/*Kam listings page fixes*/
.kamlistphero h1{
  font-size: 53px !important;
}

.kamlisthero{
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}



/*main page fixes*/
.abouthero{
  background-size: 120%;
}

#openhousecta{
  padding: 30px !important;
}

.contact1{
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.contact2{
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.openhousehdr h1{
  font-size: 35px !important;
}

.welcomekam h1{
  font-size: 40px !important;
}

.aboutustextrow{
  padding-bottom: 45px !important;
}

#about::after{
  top: 0px !important;
}

#about::before{
  top: 0px !important;
}

.firstheadertext h2{
  line-height: 2em;
  padding-left: 0px !important;
  padding-right: 0px !important;
  font-size: 25px !important;
}

.firstheadertext h1{
  line-height: 1.3em;
  font-size: 49px !important;
}

.et_pb_row.et_pb_row_1{
  padding-bottom: 70px !important;
}

  .hero4{
    width: 100% !important;
  }

  .hero5{
    width: 100% !important;
  }

  #contact{
    width: 100% !important;
  }

  .ourlistings{
  width: 100% !important;
  }

  .listsort{
    display: none !important;
  }


  .logo_container{
    display: none !important;
  }

  #main-header{
    padding-top: 0px !important;
    padding-bottom: 5px !important;
  }

  .kamherotext{
    display: none;
  }

  .specialtext{
    text-align: left !important;
    line-height: 1.3em;
  }

  .et_mobile_menu{
    background-color: rgba(2, 14, 53, 0.88) !important;
  }


}













/*Global changes*/
.rps-property-result h4{
  color: black !important;
font-family: 'Cantata One', Georgia, "Times New Roman", serif !important;
}

.hero4{
z-index: 10;
}

.hero5{
z-index: 9;
}


/*Realtypress Grid Styling*/
.rps-price.rps-price-default{
font-size: 1.5em !important;
font-family: 'Cantata One', Georgia, "Times New Roman", serif !important;
}


/*RealtyPress Carousel Styling*/
.openhouses .panel.panel-default{
background-color: transparent;
border-color: transparent;
}

.openhouses .bx-viewport{
background-color: transparent !important;
}


/* Listing grid ribbon changes */
.bootstrap-realtypress .image-holder .rps-ribbon.rps-ribbon-info{
background-color: rgba(253, 214, 0, 0.8);
border-left: 1px solid #fdd600;
border-right: 1px solid #fdd600;
border-bottom: 1px solid #fdd600;
color: black;
text-shadow: none;
}



/* Single listing top padding*/
.rps-single-listing {
padding-top: 90px !important;
}



/* nav fix for listings pages*/
#main-header {
opacity: 1 !important;
transform: translateY(0px) !important;
}
.bootstrap-realtypress .buyerslist{
padding-top: 65px;
}



/*Realtypress Styling*/
.btn-primary{
background-image: none !important;
background-color: #8e8e8e !important;
border-color: #6b6b6b !important;
}
.rps-toolbar-btn-lg{
color: #8e8e8e !important;
}

.rps-toolbar-btn-sm{
color: #8e8e8e !important;
}


/* Section 3 skew
.et_pb_section.et_pb_section_3.et_pb_with_background.et_section_regular:after {
display: block;
position: absolute;
content: '';
top: -150px;
width: calc(100% + 40px);
height: 290px;
right: -20px;
background: inherit;
z-index: 10;
transform: rotate(5.2deg);
}*/

/* Section 3 content z-index fix*/
.et_pb_row.et_pb_row_3{
z-index: 11;
}

/* Nav Bar BG */
.et-fixed-header#main-header{
    background: linear-gradient(4223deg, rgba(31, 31, 31, 0.6), rgba(59, 58, 58, 0.6), rgba(85, 83, 83, 0.6), rgba(112, 112, 112, 0.6), rgba(143, 143, 143, 0.6), rgba(168, 168, 168, 0.6), rgba(199, 199, 199, 0.6);
    background-size: 400% 400%;
    -webkit-animation: YourAnimationName 30s ease infinite;
    -moz-animation: YourAnimationName 30s ease infinite;
    animation: YourAnimationName 30s ease infinite;
}
@-webkit-keyframes YourAnimationName {
    0%{background-position:14% 0%}
    50%{background-position:87% 100%}
    100%{background-position:14% 0%}
}
@-moz-keyframes YourAnimationName {
    0%{background-position:14% 0%}
    50%{background-position:87% 100%}
    100%{background-position:14% 0%}
}
@-o-keyframes YourAnimationName {
    0%{background-position:14% 0%}
    50%{background-position:87% 100%}
    100%{background-position:14% 0%}
}
@keyframes YourAnimationName {
    0%{background-position:14% 0%}
    50%{background-position:87% 100%}
    100%{background-position:14% 0%}
}

/* blurb margin/padding */
.et_pb_main_blurb_image{
margin-top: -25%;
}

/* hero nav rollover color */
#menuo-nav a:hover,
#menu-nav a:hover {
    color: red !important;
    opacity:1 !important;
}