/*
Theme Name:     Loverde
Theme URI:      http: //www.sdbxstudio.com/
Description:    SDBX Local theme based on parent SDBX theme 
Author:         Craig Tran
Author URI:     http: //www.sdbxstudio.com/
Template:       sdbx
Version:        0.1
*/

body { 
	background: #E3E2D5;
	color: #333333; 
	font-family: Arial, Georgia, Serif; 
}
#canvas { background: #E3E2D5; }
a { text-decoration: underline; }
a:hover { text-decoration: underline; }
h1,h2,h3,h4,h5,h6 { color: #333333; font-family: Georgia, Arial, Serif; margin-bottom: 0; }
h1 { 
	font-size: 18px; 
	margin-bottom: 10px;
}
h2 { font-size: 16px; margin-bottom: 10px; }
h3 { font-size: 15px; }

/* Responsive styles */
.visible-desktop {
  display: block;
}
.visible-phone {
  display: none;
}
/* MAIN MENU */

  #header #site-info, #header #site-title {
    width: 100% !important;
    margin: 0;
    padding: 20px 0;
  }
#header { background: #DAD7C5; border-bottom: 5px solid #C5BFB7; }
#access-wrapper {
	background: #C5BFB7; 
	width: 100%;
	height: 30px;
}
#access { }


#access a { font-weight: normal; font-family: Georgia, Arial, Serif; letter-spacing: 1px;  }
#access ul ul a { color: #FFF; }
#access .menu-header, div.menu { font-size: 13px; }
#access .sub-menu { font-size: 12px; }
#access .sub-menu a { font-family: Arial, Georgia, Serif; }

	#menu-main li a { 
		line-height: 20px;
		padding-top: 4px; 
		height: 22px;  
		margin-right: 0;
		text-transform: uppercase; 
	}

#menu-item-897 { padding-left: 200px; }

/* HEADER */
#site-logo-wrapper { }
	#site-title {
		max-width: 940px;
		position: relative;
	}
	#site-heading { background: #00502F; }
	#access,
	.header-image { 
		width: 970px;
		margin: 0 auto;
		float: none;
	}
	.header-image {
		
	}
	#site-logo { margin: 0 auto; }
	#site-logo-wrapper { width: 100% !important;}
	
	.site-title-text { margin: 15px !important; }
	.site-title-text a { 
		color: #685F4E; 
		font-size: 20px; 
		font-weight: normal; 
	}
	
	
#menu-top-social-media {
 	position: absolute; 
 	top: 55px; 
 	right: 20px;
}

/* SLIDESHOW HEADER */

.slideshow-wrapper {
	margin-bottom: -5px;
}

.slideshow-wrapper .slide-caption {
	color: #FFF !important;
	font-size: 16px; 
	font-weight: normal;
	line-height: 20px;
}

.slideshow-wrapper img {
	
}

.home .slideshow-wrapper {
	margin-bottom: 1px;
}
.home .slideshow-wrapper img {
	width: 970px;
}
.home .slideshow-wrapper .slide-caption { 
	top: 50px; 
	right: 0; 
	bottom: auto; 
	left: auto;
}
.home .slideshow-wrapper .slide-background { 
	right: 0; 
	left: auto; 
}

.two-column-left .slideshow-wrapper img {
	width: 700px;
}
.two-column-left .slideshow-wrapper {
	margin-bottom: 15px;
}

.home p { margin-top: 5px; }
  
  .home #content {
    margin: 0 auto !important;
    width: 800px !important;
    margin-bottom: 0px !important;
  }
  
  .home-widget {
    
    margin-top: 5px;
    float: left;
    width: 240px;
  }
  
  .home-widget img {
    border: 10px solid #C5BFB7;
    width: 220px; 
    height: 110px;
    margin-bottom: 15px !important;
  }
  
  #home-widget-one {
    margin-right: 40px;
  }
  
  #home-widget-two {
    
  }
  
  #home-widget-three {
    margin-left: 40px;
    float: right;
  }
  #home-widget-four {
	  margin-top: 30px;
  }
  #post-524 {
	  margin-bottom: 40px;
  }
  

/* Globals */
a:link, a:visited { color: #E31837; }

/* Main Menu */
#access li a { border-top: 4px solid #C5BFB7; color: #333333; padding-left: 20px !important;  padding-right: 20px !important; }
#access li:hover > a,
#access ul li.current_page_item > a,
#access ul li.current-page-ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a,
#access ul ul :hover > a { background: #00502F; border-top: 4px solid #E31837; color: #E3E2D5; }	

/* Header image styles */
.slideshow-wrapper .slide-background {
	
}


/* CONTENT */
#main {
	padding-top: 25px;
	margin-bottom: 15px;
}
.two-column-left #content {
	padding-left: 25px;
	margin-left: 0;
}

.two-column-left #aside { background: #DAD7C5;  margin-bottom: 15px; 
border-top: 18px solid #00502F;
}
.two-column-left #aside #primary { min-height: 450px; }
.two-column-left .entry-title { margin-top: 30px; } 

.page-template-page-portfolio-php .one-column #content {
	margin: 0;
	width: 100%;
}

.entry-title {
	 font-family: Georgia, Arial, Serif;
	 margin-bottom: 10px;
}

#child-page-grid { width: 560px; margin: 0 auto; padding-top: 15px; }
.child-page h2 { margin-top: 7px; margin-bottom: 5px; }
.child-page h2 a { text-transform: uppercase; }
.child-page { float: left; width: 230px; height: auto; } 
#child-page-grid .child-page img {min-height:100%; height:auto; width:100%;}
.child-page-left { float: left; margin-right: 15px; }
.child-page-right { float: right; width: 230px; margin-right: 25px; }
#child-page-grid .child-page .image-wrapper {height: 111px; overflow: hidden; border: 10px solid #C5BFB7;}

/* PAGE NAV */
.page-nav-header a { color: #333333;  }
.page-nav ul li { list-style: none; }
.page-nav a { color: #333333; }

.page-nav-header h2 { margin: 0; font-size: 13px; }
.page-nav-header h2 a {  display: block; padding: 15px 0 5px 15px; text-transform: uppercase; text-decoration: underline !important;  }
.page-nav-header h2 a:hover,
.page-nav-header-current_page_item h2 a { text-decoration: underline; }
.page-nav .nav li { margin-left: -15px; }
.page-nav .nav li a { display: block; padding: 3px 0 3px 25px; width: 100%; }
/* Page Nav */


.page-nav .nav a { font-weight: normal; border-left: 5px solid #DAD7C5; }
.page-nav .nav li a:hover,
.page-nav .nav li.current_page_item a  { background: #C5BFB7; color: #333333; border-left: 5px solid #00502F; text-decoration: none; }


/* FOOTER */
#sub-footer-widget-area { margin: 0; padding: 0; }
#footer { 
	background: #00502F;
	color: #C5BFB7;
	line-height: 22px;
} 
	#footer-border { width: 100%;}
	#footer a { color: #C5BFB7; }
	#menu-footer {
		list-style: none;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 10px;
	}
	#menu-footer li {
		font-family: Arial, Georgia, Serif;
		font-size: 13px;
		font-weight: normal;
		border-right: 1px solid #D3D1B9;
		display: inline; 
		padding-right: 10px;
		padding-left: 8px;
		letter-spacing: 1px;
	}
	#menu-footer li.current_page_item { text-decoration: underline; }
	#menu-footer .last-menu-item {
		border-right: 0;
	}
	#site-generator {
		display: none;
		font-size: 10px;
		font-style: normal;
		text-align: center;
		width: 100%;
	}
	#site-generator a {
		padding: 0;
		text-decoration: underline;
	}
	#site-generator a:hover {
		text-decoration: none;
	}


.thumbnail img {
	width: 282px;
}

/* PORTFOLIO */ 
.page-template-page-project-php #header { border-bottom: 0; }
#portfolio-content .entry-title { margin-top: 0; }
#portfolio-content { width: 670px; margin-left: 25px;  margin-bottom: 30px; }

#portfolio-testimonial-wrapper {
	display: none;
	padding: 4px;
	border: 2px solid #C5BFB7;
	width: 700px;
}
#portfolio-testimonial {
	background: #DAD7C5;
	font-style: italic;
	font-size: 13px; 
	padding: 15px;
}


/* OVERRIDES */
.thumbnail { display: none; }
.page-id-892 .thumbnail { display: block; }

.page-id-892 #aside {
	background: none;
	border: 0;
	
}

.page-id-892 #content {
	margin-top: -30px;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 0 !important;
}
.lSPager {
    margin-left: 26px !important;
  }
  .lSPager li {
    height: 65px;
    width: 60px !important;
  }
  
  .lSPager li img {
    width: 60px;
    height: 55px !important;
    padding-bottom: 5px;
    margin-right: 0;
  }
  .lSSlideOuter {
    position: relative;
  }
  .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0;
  }
  .lSPager li img:hover,
  .lSPager li.active img {
    opacity:1.0; filter:alpha(opacity=100); border-bottom: 4px solid #00502F;
  }
  
  #image-gallery {
    height: 420px;
  }
  #image-gallery li {
    
      margin: 0 auto;
      text-align: center;
  }
  #image-gallery li img {
    border: 0 !important;
  }
  .lSAction > .lSPrev {
    left: 0;
    display: none;
  }
   .lSAction > .lSNext {
    right: 0;
    display: none;
  }
  .slide-position-prev {
    position: absolute;
    bottom: 40px;
    left: 0;
  }
  .slide-position-next {
    position: absolute;
    bottom: 40px;
    right: 0;
  }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-moz-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min-device-pixel-ratio: 1.5) {

}

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

}

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


}

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

}

@media only screen and (max-width: 768px) {
  .page-gallery-wrapper {
    display: none;
  }
  .page-gallery-mobile {
    display: block;
  } 
  #logo-mobile { display: block; margin: 0 auto; text-align: center; padding: 15px 0; }
  #access {
    float: none;
  }
  #site-heading {}
  #access-top, #access .menu-header, #access-header {
    width: 100%;
  }
  .header-image {  
    width: 100%;
    height: auto;
  }
  #wrapper { 
    width: 100%;  
    margin: 0;
  }
  #menu-top-wrapper {
    float: none;
  }
  
  #menu-main {
    padding: 0;
    margin-bottom: 15px;
    background: #DAD7C5;
  }
  #access .menu-header {
    margin: 0 auto;
    text-align: center;
  }
  #access .menu-header li, div.menu li {
    float: none;
    width: 100%;
    display: block;
  }
  #menu-item-897 {
    padding-left: 0;
  }
  #access .menu-header li a {
    border: 0;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 0;
    font-size: 13px;
  }
  #access-header {  }
  #header #site-title {
    width: 100%;
    float: none;
    margin-top: 0;
  }
  #site-logo-wrapper {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }

  #main { padding: 15px; }
  .two-column-left #container {
    float: none;
    margin: 0;
    width: 100%;
  }
  
      
    
  .two-column-left #content {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .two-column-left #aside { float: none; width: 100%; padding: 0; }
  .two-column-left #aside img { display: none; }
  .two-column-left #primary,
  .two-column-left #secondary {
    overflow: hidden;
    width: 100%;
  }
  .two-column-left #aside #primary {
    min-height: 0;
  }
  .two-column-left #secondary {
    clear: none;
  }
  #content img  {
    max-width: 100%;
   
  }   
  .page-template-page-contact .entry-content .f-left,
  .page-template-page-contact .entry-content .f-right {
    float: none;
  }
  
  .slideshow-wrapper .slide-background, .slideshow-wrapper .slide-caption { display: none !important; height: 0 !important; }
  .header-image img {
    height: auto !important;
  }
  #footer {
    padding: 0
  }
  #colophon {
    width: 94%;
    padding: 15px 3%;
  }
  #site-generator {
    float: none;
  }
  
  .slide img.attachment-full {
    width: 100%;
  }
  #child-page-grid {
    max-width: 100% !important;
    text-align: center;
    margin: 0 auto;
  }
  .child-page {
    margin: 0 auto 15px auto !important;
    max-width: 100% !important;
  }
  .child-page img {
    max-width: 100% !important;
    height: auto !important
  }
  .child-page-left,
  .child-page-right {
    float: none !important;
  }
  
  .home-widget {
    float: none !important;
    max-width: 100% !important;
    text-align: center;
    margin: 0 auto !important;
  }
  .home-widget img {
    max-width: 100%;
    height: auto;
  }
  .home-widget h2 {
    
  }
  #home-widget-three {
  }
  
  
  .home #content {
    width: 100% !important;
  }
  
  #menu-main {
    display: none;
  }
  #mobile-menu-icon {
    background: #DAD7C5;
    text-align: center;
    font-size: 20px;
    padding: 5px 0;
    cursor: pointer;
  }
  #access li:hover > a, #access ul li.current_page_item > a, #access ul li.current-page-ancestor > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a, #access ul ul :hover > a
  {
    border-top: 0;
  }
  /* Responsive styles */
  .visible-desktop {
    display: none;
  }
  .visible-phone {
    display: block;
  }
  
  .one-column #content {
    width: 100%;
    margin: 0;
  }
  #portfolio-content {
    width: 96%;
    margin: 0;
  }
  .two-column-left .entry-title {
    margin-top: 0;
  }
  
   #image-gallery {
    height: auto;
  }
  
  .slide-position-prev {
    position: absolute;
    bottom: 80px;
    left: 0;
  }
  .slide-position-next {
    position: absolute;
    bottom: 80px;
    right: 0;
  }
}

@media only screen and (max-width: 480px) {
 .slide-position-next, .slide-position-prev {
   display: none;
 }
 .lSPager {
   margin-left: 0 !important;
   width: 100% !important;
 }
  .lSPager li {
    margin-bottom: 5px;
  }
  iframe {
    max-width: 100%;
  }

}