/*
Theme Name: Divi Child
Description: Child theme for the Divi theme - Trapper Johns Cabins
Author: Flower-webdesign
Template: Divi
*/

@import url("../Divi/style.css");


/*----Header----*/

#main-header{
  background-color: transparent !important;
}

#et-info{
  width: 100%;
}

#et-info-phone:before {
    content: none;
}

#et-info-phone{
  float: right;
  font-size: 18px;
}

#top-header .et-social-icons {
  float: right;
  margin-right: 40px;
} 

#top-header .et-social-icon a {
    font-size: 20px;
}

#top-header{
	font-family: 'american typewriter',Helvetica,Arial,Lucida,sans-serif;
	font-size: 14px;
	letter-spacing: 0.2em;
}

#top-header .container {
    font-weight: 500;
    width: 95%;
}

.top_header_address{
  font-size: 18px;
}

body.et_fixed_nav.et_secondary_nav_enabled #main-header, body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header {
    top: 35px !important;
}

#mobile_menu1{
  background-color: #fff !important;
}

#mobile_menu1 a{
  color: #1c966f !important;
}

.mobile_menu_bar:before {
    color: #1c966f !important;
}






/*----Home page---- .page-id-6*/
.et_pb_code_inner{
  font-family: 'american typewriter',Helvetica,Arial,Lucida,sans-serif;
  font-size: 14px;
  color: #1c966f;
}

.et_pb_code_inner td{
  border-top: 0px solid rgba(255, 255, 255, 0) !important;
}

.et_pb_code_inner table{
  border: 0px solid rgba(255, 255, 255, 0);
}

.et_pb_code_inner select, .et_pb_code_inner input[type="text"]{
  color: #1c966f !important;
  font-family: 'american typewriter',Helvetica,Arial,Lucida,sans-serif;
  background-color: transparent;
  margin-top: 10px;
  border: 1px solid #1c966f;
 }



.page-id-780 .et_pb_code_inner td:nth-child(5), .page-id-780 .et_pb_code_inner td:nth-child(6){
  display: none;
}


.et_pb_code_inner input[type="submit"]{
  color: #f6f3ea !important;
  font-family: 'american typewriter',Helvetica,Arial,Lucida,sans-serif;
  background-color: #1c966f;
  margin-top: 10px;
  -webkit-appearance: none;
  letter-spacing: 2px;
  border-width: 0px;
 }

 /*data picker*/

 .ui-widget.ui-widget-content {
    border: 1px solid #fff !important;
}

.ui-widget-header{
  background: white !important;
  border: 1px solid #1c966f !important;
  color: #86151e !important;
}

.ui-datepicker-calendar{
  background-color: #1c966f;
  color: #fff;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
  background-color: transparent !important;
}




/*----Lodging splash----*/

.index_lodging {
  position: relative;
  cursor:pointer;
}

.index_lodging .image {
  display: block;
}

.overlaylodging {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #1c966f;
  opacity: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: opacity .5s ease-in;
  -webkit-transition: opacity .5s ease-in;
}

.index_lodging:hover .overlaylodging {
  height: 100%;
  opacity: 0.88;
}

.index_lodging .text {
  color: white;
  font-family: "american typewriter";
  letter-spacing: 2px;
  font-size: 1.1em;
  position: absolute;
  overflow: hidden;
  top: 40%;
  left: 10%;
  margin-right: 10%;
  line-height: 1.6em;
}

/*----Lodgning individual----*/

.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 


/*----Menu----*/
.menu_colour{
  color: #1c966f;
  font-size: 21px;
  font-weight: 600;
}



/*----Contact----*/
.page-id-589 #main-content a{
  color: #1c966f !important;
}

.page-id-589 .et_contact_bottom_container{
  margin-top: 1.5%;
}

/*----Cookies----*/
#et_pb_contact_who_payment_1, #et_pb_contact_where_1{
  padding: 0px 0px 10px 0px;
  min-height: 10px;
}

.et_pb_contact_field_2, .et_pb_contact_field_7{ 
  margin-bottom: 0px !important;
}

.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/*----Footer----*/

#footer-info img{
vertical-align: middle;
}

#main-footer{
  font-size: 12px;
}

/*----Responsive----*/

@media only screen and (max-width: 1275px) and (min-width:1081px){
#main-header .container {
    width: 95%;
}
}

@media only screen and (max-width: 1080px) and (min-width:981px){
#main-header .container {
    width: 100%;
}

#top-menu li {
    padding-right: 13px;
}

#top-menu li a {
    font-size: 14px;
}
}

@media only screen and (max-width: 980px) and (min-width:783px){
.index_lodging .image {
    margin-right: auto;
    margin-left: auto;
}

.page-id-780 .et_pb_text_1, .page-id-780 .et_pb_text_2, .page-id-780 .et_pb_text_3, .page-id-780 .et_pb_text_4, .page-id-780 .et_pb_text_5, .page-id-780 .et_pb_text_6{
  text-align: center;
}
}



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

.post-6 table td{
    display: block;
    text-align: center !important;
  }


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

#et-info-phone{
  float: left;
  font-size: 14px;
  margin-bottom: 5px !important;
}

#db-info-text{
  float: left;
  margin-left: 0px !important;
  margin-bottom: 5px !important;
}

.top_header_address{
  font-size: 14px;
}

body.et_fixed_nav.et_secondary_nav_enabled #main-header, body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header {
    top: 50px !important;
}
}