/*
Theme Name: luckydogtheme
Version: 1.0
Description: For the dogs by littlebytesdesign
Template: generatepress

*/

body {
	background-image: url("./images/bg_bluefootprints.jpg"); background-position: left top; background-size: auto; background-repeat: repeat; background-attachment: fixed;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height:normal;
}

.site-header .header-image {
margin-top:-35px;	
}

.slogan {font-size: 28px; font-style: italic; font-weight: bold; color: #1d488d; float:right; padding:5px;}

.reservebutton a {
float:right; clear:both;
text-align:center;text-transform: uppercase;
display: block;
width:50%;
background: red;color: #fff;
padding: 5px;padding-left: 20px;padding-right: 20px;
margin-top: 5px;
border-radius: 10px;
font-weight: bold;
}

.reservebutton a:hover {background: #1d488d}

/*header items*/
.inside-header {padding:5px 5px;margin-bottom:-60px;}

/*MAIN NAV*/
.main-nav ul.secondary-menu li a, .main-nav ul.secondary-menu li:hover a, .main-nav ul.secondary-menu li.current_page_item a{ 
	background-image:none; }


.main-nav ul li a{ 
	background-image:url(./images/bone_menu_alt.png); 
	background-repeat: no-repeat;
	background-position: center;}
.main-nav ul li:hover a, .main-nav ul li.current_page_item a{ 
	background-color:transparent;
	background-image:url(./images/bone_menu_dk.png);
	background-repeat: no-repeat;
	background-position: center;}

.main-nav ul li a {/*color:#000;*/ width:120px; text-align:center;}

.main-navigation .main-nav ul ul li a {background-image:none;}

/*FOOTER NAV*/
.footer-bar .widget_nav_menu {
	
	background-color:#1d488d;
}
.footer-bar .widget_nav_menu li a {
    font-size: 20px;
    line-height: 60px;
    padding-left: 5px;
    padding-right: 5px;
}

.inside-left-sidebar .widget {
	padding:10px;
}

.widget-title {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    text-transform:none
}
/*blue shadowed borders */
.inside-left-sidebar .widget, .inside-article {border-radius: 5px 15px 15px 15px;
border: 2px solid #1d488d; box-shadow: 3px 2px 7px #abe1e9;
background-color:#FAFAFA;}

/*sidebar special styles*/
.inside-left-sidebar ul ul {
	padding-left:20px;
}
.inside-left-sidebar ul li 
{
list-style-image: url(./images/bullet_bone_alt.gif);
list-style-position: inside;
}

.inside-left-sidebar ul li li 
{
list-style:none;
list-style-image:none;
}

.inside-left-sidebar ul li:hover, .inside-left-sidebar ul li.current_page_item
{
list-style-image: url(./images/paw_smdark_alt.gif);
list-style-position: inside;

}

.inside-left-sidebar ul li li:hover, .inside-left-sidebar ul li li.current_page_item
{
list-style-image: none;
list-style-position: inside;
background-color:#ccc;
}

/*content area styling */
.listpaws {
/*list-style-image: url(./images/paw_navy_20.gif);*/
list-style:none;
margin-left:1.5em;
}
.listpaws li:before {
  content: '\f1b0';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #1d488d;
}

.padleft20 {padding-left:20%;}

.bigtxt{font-size:1.2em}


.floatright {float:right;}
.aligncenter {text-align:center; margin:auto;}

.bgltblue {
	background-color:#D8F1F5;}

/*--------------------------------------------------------------
## Mobile
--------------------------------------------------------------*/

button.menu-toggle {
  background-color: white;
  width: 100%;
  text-align: center;
  color:#000;
  padding: 5 15px;
  line-height: 40px;
  margin: 0;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  border-left: 1px solid #999;
  border-bottom:1px solid #999;
  border-right: 1px solid #CCC;
  border-top: 1px solid #CCC;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.mobile-only{display:none;}
.amp-only{display:none;}

/*--------------------------------------------------------------
# Breakpoint (768px)
--------------------------------------------------------------*/

@media (max-width: 768px) {

body {
	background-image: none;
	background-color:#EFEFEF;
	font-size:17px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height:normal; font-size:16px;
}

h1 {font-size:22px;}
h2 {font-size:20px;}
h3,h4,h5,h6 {font-size:18px;}

.mobile-only{display:block;}

ul.mobilebuttonmenu {width:100%;}

.mobilebuttonmenu li{
	float:left;
	background-color:#CCC;
	border-left: 1px solid #999;
	border-bottom:1px solid #999;
	border-radius: 2px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	margin: 2px 3px;
	padding: 3px 6px;
	text-decoration:none;
	font-size:1.2em;
}


.mobilebuttonmenu .bgblue {
	background-color:#0CF;}
.mobilebuttonmenu .bgltblue {
	background-color:#D8F1F5;}

.mobilebuttoncall a{
	background-color:#CCC;
	border-left: 1px solid #999;
	border-bottom:1px solid #999;
	border-radius: 2px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	margin: 2px 4px;
	padding: 3px 6px;
	text-decoration:none;
	color:#F00;
	font-size:25px;
}

.mobilebuttonmenu li:hover { opacity: 0.85;}

.screen-only
{
display: none !important;
}

.amp-only
{display: none;}

.amp
{display:block;}

#mobile-header img { width:320px; height: auto; }
#mobile-header {background-color:#6be8f0;}

.reservebutton a {
float:none;
text-align:center;text-transform: uppercase;
display: block;
width:100%;
background:red;color: #fff;
padding:0px;
margin-top: 0px;
border-radius: 0px;
font-weight: bold;

}
.reservebutton a:hover {background: #1d488d}	
.slogan {display:none;}




/*--------------------------------------------------------------
# mobile Navigation
--------------------------------------------------------------*/

#mobile-header.toggled .main-nav > ul, #mobile-header .menu-toggle, #mobile-header .mobile-bar-items {
	padding: 0px 10px;
}

.main-nav ul li a,.main-nav ul li.current_page_item a{ 
	background-image:none; 
	}

.main-nav ul li a {text-align:left; width:100%;}
	
.main-nav ul li:hover a{ 
	background-image:none;}

.menu-item {padding:10px; background-color:#EFEFEF;}
.menu-item:hover {background-color:#1d488d;}
.menu-item.current_page_item {background-color:#1d488d;}/*this is not working*/

.inside-top-bar { /*customizer does not allow different top bar padding for mobile*/
padding: 0px 0px 0px 0px;
}

.sidebar .menu-item {background-color:#fff;}

.menu-footer-container {display:none;}

/*blue shadowed borders */
.inside-left-sidebar .widget, .inside-article {border-radius: 0px;
border: 1px solid #efefef; box-shadow:none;
background-color:#FAFAFA;}

}