/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

	/* General Styling */

	#post-author { margin-top: 20px; }

	.primary-color { color: #ed1847; }
	
	.center { text-align: center; }
	
	div.small-underline { padding: 10px; border-bottom: 2px solid #dadada; max-width: 100%; width: 200px; margin: 10px auto 30px auto; }
	
	.special-amp { font-family: 'Libre Baskerville', serif; }
	
	h3.feature-text { font-family: 'Libre Baskerville', serif; font-size: 32px; text-align: center; text-decoration: none; padding: 0; border-bottom: none; margin-bottom: 0; font-weight: 300; }
	
	h3.feature-text span.special-amp { font-size: 42px; position: relative; top: 4px; }
	
	.entry p { margin-bottom: 1.5em; }
	
	p a.woo-sc-button { margin: 0; }

	/* Content Boxes */
	div.grey-content { background-color: #222222; padding: 70px 20px; color: #ffffff; }
	
	div.grey-content h3 { color: #ffffff; }
	
	div.white-content { background-color: #ffffff; padding: 70px 20px; color: #2d2c2a; }
	
	div.white-content h3 { color: #ed1847; }
	
	div.white-content p { font: normal 18px/1.8em 'Open Sans', arial, sans-serif; color: #2d2c2a; margin-bottom: 1.5em; }
	
	div.white-content p:last-child { margin-bottom: 0; }
	
	ul.nav-search .searchform input.s { color: #ffffff; }
	
	/* Home Page */
	body.home #content { width: 100%; padding: 0; max-width: 100% !important; }
	
	body.home #nav-container { margin-bottom: 0; }
	
	body.home #main-sidebar-container { max-width: 1220px; margin:0px auto }
	
	body.home #main .widget { margin-bottom: 0; }
	
	body.home div.slide-excerpt p { color: #ffffff; }
	
	h2.slide-title a { color: #ffffff; }
	
	body.home h2.slide-title a:hover { text-decoration: underline; }
	
	body.home .wooslider { width: 1220px; max-width: 100%; margin: 20px auto; margin-bottom: 20px !important; }
	
	body.home div.widget_woo_component { background-color: #ffffff; padding: 20px 20px; color: #2d2c2a; max-width: 1220px !important; margin: 0 auto; }
	
	body.home div.widget_woo_component h3 { font-size: 24px; color: #ed1847; }
	
	body.home div.widget_woo_component article.post {  display: block;width:100%; float: left; padding: 20px; box-sizing: border-box; margin:0px 0px 20px; }
	body.home div.widget_woo_component article:nth-child(2n-1).post{background:#f5f5f5}
	
	body.home div.widget_woo_component article.post h2.entry-title { font-size: 22px; }
	body.home p, body.home .entry p { font-size: 14px; line-height: 1.8em; }
	/* Everything Else */
	p, .entry p { font-size: 17px; line-height: 1.8em; }

	abbr.published { border-bottom: none; }

	.login h1 a { display: none; }
	
	#footer-container { background-color: #f5f5f5; }
	
	#connect h3, #connect p { display: none; }
	
	div.header-widget #connect { margin-bottom: 0; }
	
	div.header-widget #connect div.social { text-align: right; }
	
	section.entry p a { font-weight: bold; }
	
	.entry img, img.thumbnail, #portfolio .group.portfolio-img img { border: none; padding: 0; background: transparent; }
	
	.post-meta {   padding: 4px 9px; border-top: 1px solid #dbdcda; border-bottom: 1px solid #dbdcda; }
	
	#sidebar div.widget h3 { background-color: #dadada; color: #2d2c2a; padding: 16px 18px; margin-bottom: 0; border-bottom: none; }
	
	#sidebar div.widget ul { list-style-type: none; }
	
	#sidebar div.widget ul li a { display: block; background-color: #fafafa; padding: 16px 18px; color: #2d2c2a; }
	
	#sidebar div.widget ul li a:hover { text-decoration: none; background-color: #f2f2f2; }
	
	#footer #copyright { margin-bottom: 0; }
	
	body #sidebar .widget_mc4wp_widget h3 { background-color: #ed1847; color: #ffffff; }
	
	#sidebar .mc4wp-form { margin: 0; padding: 20px; background-color: #f5f5f5; }
	
	#sidebar .mc4wp-form p:last-child { margin-bottom: 0; }
	
	body #comments .comment .reply a { color: #ffffff !important; }
	
	#logo .site-description { display: none; }
	
	#logo .site-title a:hover { text-decoration: none; }
	
	#header-container { background-color: #ffffff; }

	.wooslider ul.slides img { max-height: 650px; width: auto; margin: 0 auto; }
	
	div.footer-ad { text-align: center; max-height: 90px; margin: 0 auto; max-width: 728px; }
	
	body.home #footer-widgets-container, 
	body.page #footer-widgets-container, 
	body.archive #footer-widgets-container,
	body.archive div.sidebar-ad,
	body.page div.sidebar-ad { display: none; }
	
	div.home-ad { text-align: center; margin: 40px auto; max-height: 90px; padding: 0 20px; max-width: 728px; }
	
	.nav-toggle { background-color: #1498c9; border-bottom: none; background-image: none; }
	
	.nav-toggle:before, .nav-toggle a { text-shadow: none; }
	
	.header-widget { width: 77%; }
	
	.header-ad.mobile { display: none; }
	
	#logo { margin: 10px 0; }
	
	div.header-widget #connect { margin: 29px 0; float: right; }
	
	body.single .thumbnail { display: none; }
	
	body.archive .thumbnail { max-height: 250px; width: auto; }
	
	body.home article.post .thumbnail { max-height: 200px; width: auto; }
	
/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media (min-width: 980px){
	body.home #main-sidebar-container #main { width: 64%; }
}

@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */

	#top ul.nav { float: right; }
	
	#top ul.nav li a { padding-top: 2px !important; padding-bottom: 2px !important; }
	
	#top ul.nav li a:hover, #top ul.nav li.current_page_item a:hover { color: #666666 !important; }
	
	.header-widget { margin-top: 0; }
	
	.header-widget #connect .social a { position: relative; top: 3px; }
	
	#logo .site-title { margin-bottom: 0; }
	
	#navigation .menus.nav-icons-2 .side-nav { width: 10em; }
	
	#navigation ul.nav-search a.search-contents { padding: 17.5px; }
	
	#navigation ul.rss li a:before { line-height: 3.86em; }
	
	.header-widget .widget { margin-top: 0; }
	
}

/* MOBILE STYLES */

@media (max-width: 1248px) {

	div.header-widget #connect { width: 114px; margin: 10px 0; }
	
	#logo { margin: 17px 0; width: 200px; }

}

@media (max-width: 1164px) {

	div.header-widget { width: 846px; }
	
	div.header-widget #connect { width: 114px; margin: 10px 0; }
	
	#logo { margin: 17px 0; width: 200px; }

}

@media (max-width: 1120px) {

	#logo { margin: 29px 0; width: 120px; }

}

@media (max-width: 1034px) {

	#connect .social a:before { font-size: 10px; padding: 5px; border-radius: 10px; }
	
	div.header-widget #connect { width: 50px; margin: 8px 0; } 
	
	div.header-widget { width: 785px; }

}

@media (max-width: 1020px) and (min-width: 768px) {

	ul#main-nav li a { font-size: 13px; }
	
	#navigation ul.nav-search a.search-contents { padding: 12.5px !important; }
	
	#navigation ul.rss li a:before { line-height: 3.2em !important; }

}

@media (max-width: 979px) {

	div.sidebar-ad { text-align: center; }

}

@media (max-width: 975px) { 

	div.header-ad.desktop { display: none; }
	
	div.header-ad.mobile { display: block; }
	
	#logo { width: 200px; margin: 20px 0; }
	
	div.header-widget { width: 585px; }

}

@media (max-width: 870px) {

	div.header-widget { width: 386px; }

}

@media (max-width: 767px) {
	
	div.slide-excerpt { background-color: #111111; padding: 20px; }
	
	div.slide-excerpt p { font-size: 14px; }
	
	div.slide-excerpt  h2.slide-title, .page-title, .post .title, .page .title { font-size: 20px; line-height: 30px; }
	
	h3.feature-text { font-size: 24px; }
	
	div.white-content, div.grey-content, body.home div.widget_woo_component { padding: 40px 20px; }
	
	div.white-content p, p, .entry p { font-size: 14px; }
	
	#wrapper div.white-content p .woo-sc-button.large { font-size: 16px; }
	
	#footer { text-align: center; }

	#footer #copyright { margin-bottom: 10px; }
	
	.post-meta { font-size: 12px; }
	
	body.home div.widget_woo_component article.post { padding: 0; float: none; width: 100%; }
	
	#logo { float: left; }
	
	div.header-widget { float: right; clear: none; margin: 0; margin-top: 0; }
	
	.header-widget .widget_text { margin-top: 0; }
	
	div.header-widget #connect { margin: 11px 0; }
	
}

@media (max-width: 668px) {

	#logo { width: 100px; margin: 35px 0; }

}

@media (max-width: 563px) {

	div.header-widget .widget_woo_subscribe { display: none; }
	
	div.header-widget { width: 320px; }

}

@media (max-width: 490px) {

	#logo { width: auto; text-align: center; margin: 20px 0; display: block; float: none; }
	
	div.header-widget { width: 100%; text-align: center; float: none; }

}