/*
Theme Name:   EasysleepWaterbed
Description:  Responsive Childtheme
Author:       admin
Author URL:   Write here the author's blog or website url
Template:     responsive
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  EasysleepWaterbed
*/

/* Write here your own personal stylesheet */

@font-face {
    font-family: 'CalistoMTFont';
    src: url('fonts/CalistoMTFont.eot');
    src: url('fonts/CalistoMTFont.eot') format('embedded-opentype'),
         url('fonts/CalistoMTFont.woff2') format('woff2'),
         url('fonts/CalistoMTFont.woff') format('woff'),
         url('fonts/CalistoMTFont.ttf') format('truetype'),
         url('fonts/CalistoMTFont.svg#CalistoMTFont') format('svg');
}
.site-title a {
	color: #8f937a!important;
	font-family: times new roman;
	font-size: 50px;
	font-weight: normal;
	text-shadow: 1px 1px 0 #fff;
  border-bottom: 1px solid #8f937a;
  padding-bottom: 2px;
}
.site-description {
	color: #8f937a!important;
	font-weight: bold;
	margin: 10px 0;
  font-family: times new roman!important;
	text-align: center;
}
.site.hfeed {
	max-width: 960px;
	margin: 0 auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
body { font-family: Verdana,Arial,Geneva!important; }
h1, h2  { font-family: 'CalistoMTFont'!important; }
.skip-container { display: none;}
#container { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 0;}
/*-------------------------------Header--------------------------*/
.site-description, .site-title {
	text-align: right!important;
}
.site-description {
	margin-top: 10px!important;
}
.site-title.h3 a {
	color: #8f937a;
	font-family: times new roman!important;
	font-size: 36px;
	border-bottom: 1px solid #8f937a;
	padding-bottom: 5px;
	margin-bottom: 5px;
  text-shadow: 1px 1px 0 #fff;
}
#site-navigation {
	background-color: #DDF1F8;
	border-bottom: 1px solid #8f937a;
	padding-bottom: 15px;
}
.site-header-layout-horizontal .site-branding {
	min-width: 100%!important;
}
.site-header-layout-horizontal.site-header-site-branding-main-navigation .main-navigation:not(.toggled) .menu {
	float: left!important;
}
.main-navigation .menu .current_page_item > a, .main-navigation .menu .current-menu-item > a, .main-navigation .menu li > a:hover {
	color: #8F937A!important;
	background-color: transparent!important;
}

.site-branding { background: rgba(0, 0, 0, 0) url("images/header.jpg") no-repeat scroll 0 0 / 100% auto; overflow: hidden; min-width: 100%;}
#logo { float: right; padding: 25px 45px 100px 0;}
.site-name { border-bottom: 2px solid #8F937A; line-height: 2em; padding-top: 0; text-align: center;}
.site-name a { color: #8f937a; font-family: times new roman; font-size: 50px; font-weight: normal; text-shadow: 1px 1px 0 #fff;}
.site-description { color: #8f937a; font-weight: bold; margin: 10px 0; text-align: center;}
/*-------------------------------Navigation--------------------------*/
.main-nav {
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #DDF1F8),
	color-stop(1, #E9F2F7)
);
background-image: -o-linear-gradient(bottom, #DDF1F8 0%, #E9F2F7 100%);
background-image: -moz-linear-gradient(bottom, #DDF1F8 0%, #E9F2F7 100%);
background-image: -webkit-linear-gradient(bottom, #DDF1F8 0%, #E9F2F7 100%);
background-image: -ms-linear-gradient(bottom, #DDF1F8 0%, #E9F2F7 100%);
background-image: linear-gradient(to bottom, #DDF1F8 0%, #E9F2F7 100%);
  border-bottom: 1px solid #8f937a;
}
.menu { background: transparent none repeat scroll 0 0; max-width: 930px;}
.menu a { border: medium none; font-family: "CalistoMTFont"!important; height: 35px; line-height: 35px;  padding: 0 24px; text-shadow: none; text-transform: uppercase; color: #8F937A; font-size: 12px;}
.menu a span { font-size: 125%; font-weight: bold;}
.menu .current_page_item a, .menu .current-menu-item a, ul.menu li:hover, .menu a:hover { background: transparent none repeat scroll 0 0; color: #8F937A;}
.main-navigation-wrapper {
	background: transparent !important;
}
/*-------------------------------Slider--------------------------*/
/*-------------------------------Wrapper--------------------------*/
#wrapper { background: #ffffff url("images/wrapper-bg.jpg") repeat-x scroll 0 0; border: none; border-radius: 4px;  clear: both; margin: 0 auto; padding: 0 0 20px; position: relative; border-radius: 0;}
.entry-title { margin-bottom: 1em; text-align: center !important; color: #0e207a; font-family: times new roman; font-size: 34px;}
.sub-heading { color: #898d73; font-size: 20px; margin-top: 0; text-align: center;}
#content-full { margin-bottom: 0; margin-top: 30px;}
#wrapper .col-540 { border-right: 2px solid #DBDBDB; padding-right: 2%; width: 52.2%; float: left; margin-right: 3%;}
.home #wrapper .col-380 { text-align: center;}
.one_third { float: left; width: 33%; margin-right: 0.5%;}
.one_third:last-child { margin-right: 0;}
.one_third p { background: #0e207a none repeat scroll 0 0; margin: 0; padding: 0; text-align: center;}
.one_third h4 { background: #0e207a none repeat scroll 0 0; margin: 0; padding: 15px 0; text-align: center; margin: -7px 0 0;}
.one_third h4 a { color: #afd4ef; font-weight: bold;}
.one_third h4 a:hover { color: #ffffff;}
.one_third a { color: #afd4ef; font-weight: bold;}
.one_third a:hover { color: #ffffff;}
h4 { color: #0e207a; font-weight: normal;}
#waterbeds { overflow: auto; margin-bottom: 60px;}
.waterbed-products img { max-width: 250px;}
.right-wrapper { border-radius: 4px; background-color: #f9f9f9; border: 1px solid #e5e5e5;	margin: 0 0 20px;	padding: 20px; overflow: hidden;}
/*---------------------------display posts shortcode--------------------*/
.display-posts-listing .listing-item {
  border-bottom: 1px solid #ddd;
  clear: both;
  margin-bottom: 20px;
  overflow: hidden;
}

.display-posts-listing img {
  float: left;
  margin: 0 10px 10px 0;

  width: 25%;
}
.listing-item a.title {
  color: #000;
  font-size: 20px;
  pointer-events: none;
  cursor: default;
}
/*-------------------------------Forms--------------------------*/
#gform_wrapper_1.gform_wrapper {
  background: #f9f9f9 none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  max-width: 100%;
  padding: 0 15px 10px;
}
#gform_wrapper_1.gform_wrapper .gform_heading { color: #0e207a; text-align: center; width: 100%; margin-bottom: 25px;}
#gform_wrapper_1 form {
  margin: 0;
}
#gform_1 .large {
  border: 1px solid #ddd;
  box-shadow: none;
}
#gform_1 textarea {
  height: 9.5em;
}

.accordion h3 a {
  font-size: 0.8em !important;
}

/*-------------------------------FAQs--------------------------*/
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #0e207a !important;}
.ui-accordion .ui-accordion-header { font-size: 14px !important;}
/*-------------------------------Tabs--------------------------*/
.responsive-tabs h2 { color: #0e207a; font-family: times new roman; font-weight: normal; text-align: center;}
.responsive-tabs .responsive-tabs__list__item { margin: 1px 7% 0 0!important;}
.responsive-tabs .responsive-tabs__list__item { color: #0E207A!important;}
.responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover {  background: #0e207a none repeat scroll 0 0 !important; color: #e2f5fc !important; border-radius: 7px 7px 0 0!important;}
/*-------------------------------sidebar--------------------------*/
.widget-title h3 { font-size: 20px; font-weight: normal; text-align: center;}

#responsive-menu { height: auto!important;}

.page:not(.page-template-gutenberg-fullwidth):not(.page-template-full-width-page):not(.woocommerce):not(.woocommerce-cart):not(.woocommerce-checkout):not(.front-page) .content-area { width: 100%!important;}
.accordion h3 {
	font-size: 16px;
}
.footer-bar { padding: 0!important;}
.grid, .grid-right {  float: left !important;}
.col-300 { width: 31.9149%!important;}
.col-380 { width: 40.4255% !important;}
.col-620 { width: 65.9574% !important; margin-right: 2.12766%!important;}
  
.fit {  margin-right: 0!important;}
/*-------------------------------Custom Media--------------------------*/
@media screen and (max-width:1024px){
}
@media screen and (min-width:768px) and (max-width:991px){
#click-menu { display: none!important;}
.grid, .grid-right {  float: left !important;}
.col-60, .col-140, .col-220, .col-300, .col-380, .col-460, .col-540, .col-620, .col-700, .col-780, .col-860 {  margin-right: 2.12766%!important;}
.col-220 { width: 23.4043%!important;}
.col-300 { width: 31.9149%!important;}
.col-380 { width: 40.4255% !important;}
.col-540 { width: 57.4468% !important;}
.col-460 { width: 48.9362% !important;}
.col-620 { width: 65.9574% !important;}
  
.fit {  margin-right: 0!important;}
  #logo { padding: 15px 45px 70px 0;}
  .menu a { padding: 0 13px;}
  h1.post-title { font-size: 30px;}
  .sub-heading { font-size: 18px;}
  #wrapper .col-540 { width: 55% !important;}
  .responsive-tabs .responsive-tabs__list__item { margin: 1px 4% 0 0 !important;}
   .listing-item .content { margin-bottom: 20px;}
       .site-branding-wrapper { background-position: center; padding: 10px 0 100px !important;}
}
@media screen and (min-width:568px) and (max-width: 767px){ 
  .header { background: #EDEEE8 url("images/header.jpg") no-repeat scroll 0 90px / 100% auto;}
  .one_third p { min-height: 43px;}
   .listing-item .content { margin-bottom: 20px;}
     .site-branding-wrapper { background-position: center; padding: 10px 0 100px !important;}
}
@media screen and (min-width:320px) and (max-width: 567px){ 
  .header { background: #EDEEE8 url("images/header.jpg") no-repeat scroll 0 65px / 100% auto;}
  #logo { padding: 0 0 60px;}
  .site-name { padding: 0 0 0 5px; text-align: left;}
  .site-name a { font-size: 30px;}
  .site-description { font-size: 11px!important; font-weight: normal; letter-spacing: -0.5px; margin-top: 5px !important;}
  .site-title a {	font-size: 30px!important;}
  h1.post-title { font-size: 30px;}
  .sub-heading { font-size: 14px;}
  .one_third { width: 100%; margin-right: 0;}
  .one_third p { margin: 0 0 10px;}  
  #waterbeds { overflow: auto;}
  .display-posts-listing img { width: 100%;}
  .listing-item .content { margin-bottom: 20px;}
  .grid, .grid-right { float: none !important;}
   .site-branding-wrapper { background-position: center; padding: 10px 0 55px !important;}
}
@media screen and (min-width:320px) and (max-width: 767px){ 
  .site-branding { background-position: center 40px !important;}
.copyright, .powered { text-align: center;}
.js .main-nav #responsive_current_menu_item { display: none;}
.js .main-nav a#responsive_menu_button { display: none!important;}
  #click-menu { border-radius: 3px;}
  #wrapper .col-540 { border-right: medium none; padding-right: 0; width: 100% !important;}
  .col-380 { width: 100% !important;}
  .responsive-tabs .responsive-tabs__heading--active, .responsive-tabs .responsive-tabs__heading--active:hover, .responsive-tabs .responsive-tabs__heading:hover {  background: #0e207a none repeat scroll 0 0 !important; color: #def1fb !important;}
}
/*-------------------------------Custom Media end-------------------------*/