/*

 Theme Name:   RMS-shadowbox

 Theme URI:    http://generatepress.com

 Description:  Default GeneratePress child theme

 Author:       Thomas Usborne

 Author URI:   http://edge22.com

 Template:     generatepress

 Version:      0.1

 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow

*/





/*

RMS Banner

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

div#rms-banner {

	height: 60px;		

	background-color: #292f39; /* #f0a8a8; #FFB266;  #FF7722;  #0c1a41; */

	padding-bottom: 5px;

}

div#rms-banner.widget-area {

	background-color: #292f39;

}

div.banner-left {

	float: left;

}

div.banner-center {

	float: left;

	width: 500px;

	padding-left: 10px;

	padding-top: 10px;

	text-align: center;

	font-size: 17px;

	font-weight: 400;

	line-height: 22px;

}

div.banner-right {

	float: right;

	width: 175px;

}

div.banner-slogan {

	font-size: 16px;

	color: #ffffff;

	font-weight: 600;

}



/* this is the link buttons in the banner */

div.left-banner {

	padding-top: 5px;

	float: right;

	margin: 10px 20px 0 20px;

	background-color: #71570f;

    color: #fff;

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

    font-size: 18px;

    line-height: 20px;

    height: 30px;

    display: inline;

    font-weight: 600;

    

}

div.left-banner p {

	color: #fff;

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

	font-size: 1.0em;

	line-height: 20px;

	height: 30px;

	display: inline;

	font-weight: 600;

}

.nav-banner {

	padding-top: 5px;

	float: right;

	background-color: #71570f;

	max-width: 1280px;

}

.nav-banner ul {

	list-style: none;

	text-align: center;

	padding: 0;

	margin: 10px 20px 0 20px;

}

.nav-banner li {

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

	font-size: 18px;

	font-weight: bold;

	line-height: 20px;

	color: #fff;

	height: 30px;

	display: inline-block;

}

.nav-banner a:link {

	text-decoration: none;

	color: #fff;

	display: inline-block;

	margin: 0 5px 0 0;

}

.nav-banner a:visited {

	color: #fff;

}

.nav-banner a:hover {

	color: #c0db7c;

}

.nav-banner a:active {

	color: #fff;

}

div.home-large-pic {

	width: 2556px;

	height: 678px;

	overflow: hidden;

	z-index: 0;

}

div.interior-large-pic {

	height: 410px;

	overflow: hidden;

	z-index: 0;

}







div.banner-logo-mobile {

    display: none;   

}



div.banner-logo-top {

    background-color: #0b2f59;   



}

div.website-logo-top {

    width: 1280px;

    margin: 0 auto;

}

div.website-logo-top2 {



}





div.website-logo-top p {

    float: left;  

  

}

div.social-media-top {

    float: left;

    margin-top: 30px;  

    margin-left: 600px;

  

}

div.social-media-top2 {

    float: left;

    margin-top: 30px;  

  

}





/* this is the link buttons in the banner */

div.top-nav-menu {

	background-color: #71570f;

	height: 60px;

	max-width: 100%;

}

div.top-nav-menu-items {

	max-width: 1280px;

	margin: 0 auto;;

}

div.left-banner {

	padding-top: 5px;

	float: right;

	margin: 10px 20px 0 20px;

}

div.left-banner p {

	color: #fff;

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

	font-size: 1.0em;

	line-height: 20px;

	height: 30px;

	display: inline;

	font-weight: 600;

}

div.nav-banner {

	padding-top: 5px;

	float: right;

	max-width: 1280px;

}

.nav-banner ul {

	list-style: none;

	text-align: center;

	padding: 0;

	margin: 10px 20px 0 20px;

}

.nav-banner li {

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

	font-size: 18px;

	font-weight: bold;

	line-height: 20px;

	color: #fff;

	height: 30px;

	display: inline-block;

}

.nav-banner a:link {

	text-decoration: none;

	color: #fff;

	display: inline-block;

	margin: 0 5px 0 0;

}

.nav-banner a:visited {

	color: #fff;

}

.nav-banner a:hover {

	color: #0b2f59;

}

.nav-banner a:active {

	color: #fff;

}

.main-navigation {

	background-color: #bd9119;

}

div#primary-menu.main-nav {

	background-color: #bd9119;

}

/* lsrge banner pics */



.home .rms-large-pic {

	background-image: url("/wp-content/uploads/banner-1.jpg");

	height: 678px;

	overflow: hidden;

	z-index: 0;

	background-position: center center;

	background-size: cover;

}



.home .rms-large-pic {

	background-image: url("/wp-content/uploads/banner.jpg");

	height: 678px;

	overflow: hidden;

	z-index: 0;

	background-position: center center;

	background-size: cover;

}



.rms-large-pic {

	background-image: url("/wp-content/uploads/inside-banner-2.jpg");

	height: 410px;

	overflow: hidden;

	z-index: 0;

	background-position: center center;

	background-size: cover;
}

header#masthead.site-header {

	display: none;

}

div#page-content {

    padding: 0px;

    margin-top: -150px;

	/* margin-top: -140px; */

}

.statusHeader {

   margin-bottom: 20px;

}



div#footer-widgets.site.footer-widgets {

	color: #ffffff;

}

.footer-widgets .widget-title {

	color: #ffffff;

}

/* home page quick search box */



div.search-rentals-box {

    margin-top: -125px;

}



    

div.search-rentals {

	/* background: #f0eeea url('/wp-content/uploads/search-rental-shadow.png') bottom center no-repeat; */

	padding: 0 0 37px 0;

	margin: 0 auto; 

	max-width: 1020px;

	z-index: 12000;

}

div.search-rentals div.outer {

	/*background: #c0db7c url('/wp-content/uploads/search-outer-new.png') top left repeat-x; */

    background-color: #0b2f59;

	border-bottom: 4px solid #18191b;

	padding: 4px;

	border: 3px #71570f solid;

	height: 330px;

    width: 1000px;

}

div.search-rentals div.inner {

	padding: 20px;

}

div.search-rentals div.inner h3 {

	font-size: 1.5em;

	color: #ffffff;

	font-style: normal;

	font-weight: 500;

	margin-bottom: 0px;

}

div.search-box-quicksearch {

    display: inline-block;

    max-width: 295px;

    width: 33%;

    margin: 0px 0 40px 0;

}

div.search-box-slides {

    display: inline-block;

    max-width: 600px;

    padding: 0px 0 0 30px;

    width: 66%;

}



div.search-rentals div.inner h3 {

    font-size: 1.5em;

    color: #ffffff;

    font-style: normal;

    font-weight: 500;

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

    line-height: 1.2;

    margin: 0 0 10px;    

}

        

select#unitJumpMenu.form-control {

    width: 295px;

    }        

        

div.quick-search-properties-home  {

    width: 295px;

    }

        

.home form#searchform {

    margin: 0;

    padding: 0;

        }

 

input#qsArrivalDate.agentpress-taxonomy,        

input#qsArrivalDate.agentpress-taxonomy {

    margin-bottom: 10px;

        }

input.arrival-date {        

	margin-left: 0px !important;  

    margin-bottom: 15px;

        }



select#select1.agentpress-taxonomy {

    width: 295px;

    font-size: 18;

    line-height: 30px;

}

        

input#searchsubmit.searchsubmit {

    display: block;

        }

   



.listing.type-listing.status-publish.has-post-thumbnail.entry {

 	width: 45%;

 	margin-bottom: 30px;

 }       

        

div.top-middle-one {

	padding: 40px;

	margin: 0 auto; 

	max-width: 1020px;

	z-index: 12000;

    background-color: #bd9119;

    text-align: center;

}



div.top-middle-one h4 {

    font-family: "Lato", sans-serif;

    font-size: 20px;

    color: #ffffff;

}




.footer-widgets a {

    color: #ffffff;

}    



.footer-widgets a:hover {

    color: #000000 !important;

}



h4.rms-sidebar-widget-title {

    font-family: "PT Serif", serif;

    font-size: 20px;

    font-weight: 700;	

    background-color: #71570f; 

    color: #ffffff;

    margin: 0px 0px 0px 0px;

    height: 45px;

    padding: 20px 40px 10px 40px;

    text-align: center;

}



p#sidebar-advanced-search {

    border: 10px solid #71570f;

    padding: 10px;

}





.sidebar .widget .widget-title {

    font-family: "PT Serif", serif;

    font-size: 20px;

    font-weight: 700;	

    background-color: #71570f; 

    color: #ffffff;

    margin: 0px 0px 0px 0px;

    height: 45px;

    padding: 20px 40px 10px 40px;

    text-align: center;

}



div.sidebar-search {

    border: 10px solid #71570f;

    padding: 10px;

}



div.sidebar-search select {

    width: 100%;

    font-size: 20px;

    line-height: 25px;

}



input#searchsubmit.searchsubmit {

    width: 100%;

    margin-top: 15px;

    background-color: #bd9119;

    border: 2px solid #71570f;

    color: #244d96;

}



input.searchsubmit {

    background-color: #ADD8E6;

    border: 1px solid #1e1e1e;

    color: #000000;    

}





/* RESERVATIONS PAGES */



.single-listing div#content.site-content  {

    /* margin-top: -90px; */

    /* background-color: #ffffff; */

    padding: 50px;

    margin: 0 auto;

}



.customize-support div#content.site-content {

	/* margin-top: -60px; */

    padding: 50px;

    /* width: 100%; */

        margin: 0 auto;

}











span.listing-price {

	display: block;

    text-align: center;

    height: 50px;

    font-size: 1.5em;

    font-style: normal;

    font-weight: 500;

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

}



span.listing-city-state-zip {

	display: block;

    text-align: center;

    font-size: 1.1em;

    font-style: normal;

    font-weight: 500;

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

}



a.medium-button { /*  THIS CSS IS IN THE RMSAPIOLB.CSS FILE BECAUSE IT IS SERVED TO THE BROWSER AFTER THIS ONE */

background-color: #84be6a;  

border: medium none;

color: #FFFFFF;

cursor: pointer;

font-size: 16px;

font-weight: 400;

line-height: 3;

margin-top: 5px;

padding: 15px 15px;

text-transform: uppercase;

    text-align: center;

}

.medium-button a:visited {

    color: #ffffff;

}





div.type-listing {

    display: inline-block;

}    



div#content.site-content {

    background-color: #ffffff;

    padding: 50px;

}



div.listing-wrap {

    margin-right: 60px;

    margin-bottom: 40px;

    text-align: center;

}





form#searchForm {

    margin: 0 auto;

    width: 700px;  

}



form#searchForm select{



    width: 295px;  

    display: inline-block;

}



form#searchForm #arrivalDate,

form#searchForm #departureDate {



    width: 295px;  

}



form#searchForm #arrivalDate {



    margin: 10px 0;  

}

.reservation-select {

    display: inline-block;

    

}



form#searchForm label{



    width: 200px;  

    display: inline-block;

    margin: 10px 0;

}



/* UNIT PAGES */

div.entry-content {

    width: 850px; /* 1000px; */

    margin: 0 auto;

}



input#doThis.searchsubmit {

    background-color: #ADD8E6;

    border: 1px solid #1e1e1e;    

    color: #000000;

}



button#emailUnitToFriend.btn.btn-inverse,

input#emailAQuestion.searchsubmit {

    background-color: #ADD8E6;

    border: 1px solid #1e1e1e;

    color: #000000;    

}



div.viewOtherProperties {

    background-color: #84be6a;

    border: 1px solid #1e1e1e;

    color: #ffffff;  

    font-family: "PT Serif", serif;

font-weight: 600;

font-size: 16px;

padding: 0px 20px 35px 20px;

width: 200px;

margin: 0 auto; 

text-align: center;

height: 30px;

}





div.viewOtherProperties a, 

div.viewOtherProperties a:link,

div.viewOtherProperties a:visited



{

    color: #000000 !important;    

}







/* //////////////////////////////////////// media */





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



    div.banner-logo-top {

    height: 207px;   



}



    div.banner-logo-mobile {

        display: block;

        width: 310px;

        max-height: 107px;

        margin: 0 auto;

    }

    div.website-logo-top {

        display: block;

        width: 310px;

        max-height: 107px;

        margin: 0 auto;

    }



    div.top-nav-menu {

        height: 150px;

        font-size: 12px;

    }

    div.left-banner {

        float: none;

        display: block;

        text-align: center;



    }

    div.nav-banner {

        float: none;

        display: block;

        width: 100%;

        margin: 0 auto;

        height: 60px;

    }



        div.banner-logo-mobile {

        display: block;

                width: 310px;

        max-height: 107px;

        margin: 0 auto;

    }

    div.website-logo {

        display: none;

    }











div.search-box-slides {

    max-width: 100%;

    padding: 0px 0 0 0;

    margin: 0 0 30px 0;

    width: 100%;

}



div.search-rentals div.outer {



    height: 670px; 

    width: 100%;

}

    div.banner-logo-mobile {

        display: block;

                width: 100%;

        max-height: 107px;

        margin: 0 auto;

    }

    div.website-logo-top {

        text-align: center;

    }



div.social-media-top {

    float: left;

    margin-top: 30px;  

    margin-left: 100px;

  

}





    div.left-banner {

        float: none;

        display: block;

        text-align: center;

        margin: 40px 20px 0 20px;        

}

    div.nav-banner {

        float: none;

        display: block;

        width: 100%;

        margin: 0 auto;

}



    .main-navigation {

        text-align: center;

    }





div.infoContainer {

    float: left;

    width: 310px; 

    margin: 0 auto;

}



nav#navigation,

div.entry-content {

    width: 310px;

}



div.search-box-quicksearch 

{

    width: 90%;

}



select#unitJumpMenu.form-control {

    width: 200px;

    }              

        

div.quick-search-properties-home  {

    width: 300px;

    }

        

 

input#qsArrivalDate.agentpress-taxonomy,        

input#qsDepartureDate.agentpress-taxonomy {

    margin-bottom: 10px;

    width: 210px;

        }

input.arrival-date {        

    margin-left: 0px !important;  

    margin-bottom: 15px;

        width: 210px;

        }



select#select1.agentpress-taxonomy {

    width: 200px;

    font-size: 18;

    line-height: 30px;

}



.slick-slide img {

    /* width: 80%; */

    margin: 0 auto;

}



div.picker {

    font-size: 14px;

    line-height: 1.0;

}



div.picker__frame {

    max-width: 280px;

}

div.picker--opened div.picker__frame {

    top: 30%;

    right: 50%;

}



.footer-widgets a {

    font-size: 14px;

}



.listing.type-listing.status-publish.has-post-thumbnail.entry

{

    width: 95%;

}



}



span.listing-price {

    font-size: 1.1em;

    font-weight: 600;

    margin-bottom: 20px;

}









@media only screen and (min-width:481px) and (max-width:640px) {





div.search-box-slides {

    max-width: 100%;

    padding: 0px 0 0 0;

    margin: 0 0 30px 0;

    width: 100%;

}



div.search-rentals div.outer {



    height: 600px; 

    width: 100%;

}

    div.banner-logo-mobile {

        display: block;

                width: 100%;

        max-height: 107px;

        margin: 0 auto;

    }

    div.website-logo-top {

        text-align: center;

    }



div.social-media-top {

    float: left;

    margin-top: 30px;  

    margin-left: 100px;

  

}





    div.top-nav-menu {

        height: 130px;

}

    div.left-banner {

        float: none;

        display: block;

        text-align: center;

}

    div.nav-banner {

        float: none;

        display: block;

        width: 100%;

        margin: 0 auto;

}



    .main-navigation {

        text-align: center;

    }





div.infoContainer {

    float: left;

    width: 470px; 

    margin: 0 auto;

}



nav#navigation,

div.entry-content {

    width: 470px;

}



select#unitJumpMenu.form-control {

    width: 300px;

    }              

        

div.quick-search-properties-home  {

    width: 300px;

    }

        

 

input#qsArrivalDate.agentpress-taxonomy,        

input#qsDepartureDate.agentpress-taxonomy {

    margin-bottom: 10px;

    width: 300px;

        }

input.arrival-date {        

    margin-left: 0px !important;  

    margin-bottom: 15px;

        width: 300px;

        }



select#select1.agentpress-taxonomy {

    width: 300px;

    font-size: 18;

    line-height: 30px;

}



.slick-slide img {

    /* width: 80%; */

    margin: 0 auto;

}



div.picker {

    font-size: 14px;

    line-height: 1.0;

}



div.picker__frame {

    max-width: 410px;

}

div.picker--opened div.picker__frame {

    top: 30%;

    right: 50%;

}



}



    





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





div.search-box-slides {

    max-width: 100%;

    padding: 0px 0 0 0;

    margin: 0 0 30px 0;

    width: 100%;

}



div.search-rentals div.outer {



    height: 600px; 

    width: 100%;

}

    div.banner-logo-mobile {

        display: block;

                width: 100%;

        max-height: 107px;

        margin: 0 auto;

    }

    div.website-logo-top {

        text-align: center;

    }



div.social-media-top {

    float: left;

    margin-top: 30px;  

    margin-left: 200px;

  

}





    div.top-nav-menu {

        height: 100px;

}

    div.left-banner {

        float: none;

        display: block;

        text-align: center;

}

    div.nav-banner {

        float: none;

        display: block;

        width: 100%;

        margin: 0 auto;

}



    .main-navigation {

        text-align: center;

    }





div.infoContainer {

    float: left;

    width: 630px; 

    margin: 0 auto;

}



nav#navigation,

div.entry-content {

    width: 630px;

}



select#unitJumpMenu.form-control {

    width: 300px;

    }              

        

div.quick-search-properties-home  {

    width: 300px;

    }

        

 

input#qsArrivalDate.agentpress-taxonomy,        

input#qsDepartureDate.agentpress-taxonomy {

    margin-bottom: 10px;

    width: 300px;

        }

input.arrival-date {        

    margin-left: 0px !important;  

    margin-bottom: 15px;

        width: 300px;

        }



select#select1.agentpress-taxonomy {

    width: 300px;

    font-size: 18;

    line-height: 30px;

}



.slick-slide img {

    /* width: 80%; */

    margin: 0 auto;

}



div.picker {

    font-size: 14px;

    line-height: 1.0;

}



div.picker__frame {

    max-width: 410px;

}

div.picker--opened div.picker__frame {

    top: 30%;

    right: 50%;

}



}



@media only screen and (min-width:901px){

	#sendEmailToFriendModal{
		margin-left:-33%;
		margin-top:-5%;
		width:65%;
		height:80%;
	}
	
	#sendEmailAQuestionModal{
		margin-left:-33%;
		margin-top:-5%;
		width:65%;
		height:80%
	}
}


/* Calender code */

#availabilityCalendar{

}

.c-holder{
	width:110% !important;
}

.c-grid{
	width:90% !important;
	margin-left:0;
}

.c-grid .c-row .c-day{
     width: -webkit-calc(100%/8 - 1px) !important;
}
/* Calender code end */









/*



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





    .main-navigation {

        text-align: center;

    }





}

*/