/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
/*-------------------------QUERIES -----------------------------------------------------------------*/
@font-face {
  font-family: "sweetretreat";
  src: url("fonts/sweetretreat.eot");
  src: url("fonts/sweetretreatd41d.eot?#iefix") format("embedded-opentype"), url("fonts/sweetretreat.woff") format("woff"), url("fonts/sweetretreat.ttf") format("truetype"), url("fonts/sweetretreat.svg#sweetretreat") format("svg");
  font-weight: normal;
  font-style: normal; }
body{
  
}
h1{font-size: 48px;line-height:1.1em;}
h2, h3{
}
h2{
	font-size: 34px;
}
#main-content{background-image: url(https://sweetretreat-vermont.com/web/wp-content/uploads/leaves-bg.png);}
#main-content .et_pb_section_1{background:none !important;}
#home_slider .et_pb_slide {
	padding-top:0 !important;
	height:40vw;
}
.black_arrows .et-pb-slider-arrows a::before{color:#000 !important;text-shadow: 0px 0px 2px #fff;background:rgba(255,255,255,.1);}
.black_arrows .et-pb-controllers a{background:rgba(0,0,0,.1);border:1px solid #555;}


.et_pb_slide p{
	font-family: "Great Vibes";
	line-height: 1.2em;
	font-size:70px;
	text-shadow: 1px 1px #000;
}
.et_pb_slide{
  background-color: transparent !important;
}
  .et_pb_slides .et_pb_slider_container_inner {
	padding-top: 10%;
  }
.mobile_menu_bar:before{
  color:#fff !important;
}
.et-cart-info { display:none !important; }
#top-menu li:first-child span{display:none;}
footer .et_pb_text_inner h3{font-family: 'Nunito Sans',Helvetica,Arial,Lucida,sans-serif;font-size: 16px;font-weight: bold;}
footer{font-family: 'Nunito Sans',Helvetica,Arial,Lucida,sans-serif;font-size: 14px;}
h4 {font-family: 'Nunito Sans',Helvetica,Arial,Lucida,sans-serif !important;font-size: 20px;font-weight: normal;}

/********* Mobile Menu Collapse ********/
 
/**** This hides the sub menu items on mobile ****/
 
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}
 
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
 
#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
 
/**** This styles the icon and moves it to the right ****/
 
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
 
/**** Here you can swap out the actual icons ****/
 
span.menu-closed:before {
content: "\4c";
display: block;
color: #fff;
font-size: 16px;
font-family: ETmodules;
}
 
span.menu-closed.menu-open:before {
content: "\4d";
}


/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Hide Sidebar ***/
#sidebar {display:none;}
 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
	#left-area {
		width: 100%;
		padding: 23px 0px 0px !important;
		float: none !important;
	}
}


@media screen and (min-width: 1024px){
  header #top-menu > li:first-child a:before {
	  height: 36px;
	  width: 18px;
	  font-size: 18px;
	  display: block;
	  position: absolute;
	  text-align: center;
	  content: "a";
	  font-family: "sweetretreat" !important;
	  font-style: normal !important;
	  font-weight: normal !important;
	  font-variant: normal !important;
	  text-transform: none !important;
	  speak: none;
	  line-height: 43px;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  color:#fff;
	  padding-right: 20px;
	 margin: -10px 10px 0 -5px;
  }
  header #top-menu li:first-child {
	padding-right:40px;
  }

}


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


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

}


@media (max-width: 1130px){
  .et_pb_slide p {
    font-size: 60px;
	
  }

}
@media (max-width: 980px){
  .et_pb_slide p {
    font-size: 40px;
	line-height: 1.1em;
  }
  .et_pb_slides .et_pb_slider_container_inner {
    display: block;
    width: 100%;
	padding-top: 25%;
	line-height:1.1em;
  }
  #mobile_menu{
	background:rgba(0,0,0,.8) !important;
	border: none !important;
  }
}
@media (max-width: 700px){
  .select_page{display: none !important;}
  .et_pb_slides .et_pb_slider_container_inner {
	  /*padding-top: 15%;*/
	}
	.et_pb_slide p {
    font-size: 30px;
  }
}
@media (max-width: 600px){
  .et_pb_slide p {
    font-size: 30px;
	line-height: 1.0em;
  }
  .et_pb_slides .et_pb_slider_container_inner {
	padding-top: 36%;
  }
  #main-header .container{
	width:100%;
  }
  #main-header #et-top-navigation{
	position: absolute !important;
	top:0;
	right:0;
  }
  .et_pb_slides .et_pb_slider_container_inner {
	padding-top: 26%;
  }
  .et_pb_slide p {
    font-size: 20px;
  }
}
@media (max-width: 480px){
  .et_pb_slide p {
    font-size: 18px;
  }
}