/*
Theme Name: Westwords Consulting v2.0
Theme URI: https://x2od2426zy.wpo.spinupwp.site
Description: Westwords Consulting v2.0
Author: Westwords Consulting, LLC
Author URI: https://x2od2426zy.wpo.spinupwp.site
Version: 2.0
*/

@media screen {

/* Layout */
*																							{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body																						{ background: url(img/bg.png) #f2f2f2; font-family: Arial, sans-serif; font-size: 14px; }
#wrapper																					{ background: #FFF; max-width: 1176px; margin: 25px auto 0 auto; position: relative; }
#header																						{ max-width: 1176px; height: 125px; padding: 10px 0 0 0; border-bottom: 2px solid #F69220; }
body.page-template-page-featuredimage-php #header											{ border-bottom: 0; }
body.page-template-page-featuredimage-php #featuredimage img								{ max-width: 1176px; height: auto; }
#container																					{ background: #FFF; float: left; width: 1176px; }
#content																					{ float: left; position: relative; }
body.single #content img,
body.single #content iframe																	{ max-width: 100%; height: auto; }
body.page-template-page-nosidebar #content													{ width: 100%; }
body.page-template-page-nosidebar-centeredtitle-php #content								{ width: 100%; text-align: center; }
body.page-template-page-fullwidth #content													{ width: 100%; }
#logo																						{ margin: 25px 0 0 50px; }
.video-container																			{ position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; }
.video-container iframe																		{ position: absolute; top:0; left: 0; width: 100%; height: 100%; }
#jp-carousel-comment-form-container,
#js-carousel-comment-form-container,
.jp-carousel-image-meta,
.jp-carousel-comments,
#jp-carousel-comments-loading																{ display: none !important; }
.post #gallery-1 .gallery-item																{ margin: 0; width: 33.33%; padding: 10px 10px 7px 10px; }
#gallery-1 .gallery-item img																{ width: 100%; height: auto; padding: 3px; }
#gallery-1 .gallery-item img:hover															{ border-color: #F69220; }

/* Home Page */
#homepage-banner																			{ float: left; background: #F69220; width: 100%; border-bottom: 1px solid white; padding: 40px 20px; }
#homepage-banner h2																			{ padding: 0 0 40px 0; color: #FFF; text-align: center; text-transform: lowercase; font-family: 'Archivo Narrow', sans-serif; font-size: 3em; font-weight: bold; }
#homepage-banner .widget-container															{ padding: 10px; float: left; width: 25%; text-align: center; }
#homepage-banner .widget-title																{ display: none; }
#homepage-banner h3																			{ padding: 0 0 10px 0; }
#homepage-banner h3 a																		{ font-size: 1.7em; font-weight: bold; }
#homepage-banner h3 a, #homepage-banner p													{ color: #333; }
#homepage-banner h3 a:hover																	{ color: #FFF; }
#services-images																			{ float: left; }
body.page-template-page-projects-php #services-images										{ width: 100%; background:#FFF; }
.services-image																				{ float: left; margin: 0; background: #FFF; padding: 10px; }
.services-image:nth-child(4),
.services-image:nth-child(8),
.services-image:nth-child(12),
.services-image:nth-child(16),
.services-image:nth-child(20),
.services-image:nth-child(24),
.services-image:nth-child(28),
.services-image:nth-child(32),
.services-image:nth-child(36),
.services-image:nth-child(40),
.services-image:nth-child(44),
.services-image:nth-child(48)																{ margin-right: 0; }
.services-image img																			{ width: 274px; height: 274px; }
.services-image:hover																		{ background: #959494; }
#services-images-title																		{ padding: 15px 10px 10px 10px; clear: both; }
.socialicon																					{ margin-left: 5px; }
#homepage-widgets																			{ background: #FFF; float: right; width: 591px; margin-top: -52px; }
#homepage-widgets .widget-container															{ float: left; padding: 22px 30px 30px 30px; line-height: 1em; }
#homepage-widgets .widget-title																{ margin: 0 0 10px 0; }
.advanced_recent_posts_widget																{ font-size: inherit !important; line-height: 1em !important; }
.advanced_recent_posts_widget ul li															{ border-bottom: 0 !important; }

/* Typography */
a																							{ color: #F69220; text-decoration: none; }
a:hover																						{ color: #000; }
p, li, em, .screen-reader-text, label, .post-edit-link										{ padding: 0 0 15px 0; line-height: 1.5em; color: #000; }
#content p,
#content li,
#content em 																				{ font-family: 'Lato', Arial, sans-serif; font-size: 1.2em; }
em																							{ font-style: italic; }
#content ul																					{ margin-top: 0; margin-left: 20px; }
#content ol																					{ margin-top: 0; }
li																							{ list-style-position: outside; padding: 0 0 5px 0; }
strong																						{ font-weight: bold; }
h1, h2, h3, h4, h5, h6																		{ font-family: 'Archivo Narrow', sans-serif; }
h1																							{ font-size: 2.75em; color: #F69220; margin: 0 0 10px 0; padding: 0; }
h2, .fn																						{ font-size: 2em; font-weight: bold; color: #000; }
h3																							{ font-size: 1.5em; font-weight: bold; }
.filtertitle h1, .filtertitle h2															{ color: #FFF; }
h6																							{ font-size: 1.2em; }
.tags																						{ margin: 20px 0 0 0; }
.page-title span																			{ font-style: italic; }
.post-edit-link																				{ float: right; }
.children																					{ margin-left: 20px; }
.wp-caption-text																			{ padding: 5px; background: #EFEFEF; text-align: center; font-size: .8em; }
.srp-post-title																				{ font-size: 1.5em; line-height: 1em; }
.srp-content-box .srp-post-date, .widget-area .widget .srp-post-date						{ margin-bottom: 0px !important; }
.srp-post-stringbreak-link																	{ float: right; }

/* Navigation */
#navwrapper																					{ display: block; height: 38px; text-align: left; float: right; margin: 35px 50px 0 0; }
#navwrapper .menu,
div.menu																					{ display: inline-block; }
#navwrapper .menu ul,
div.menu ul																					{ list-style-type: none; margin: 0; }
#navwrapper .menu li,
div.menu li																					{ list-style-type: none; float: left; position: relative; padding: 0; font-family: 'Archivo Narrow', sans-serif; font-size: 1.7em; text-transform: lowercase; text-decoration: none; }
#navwrapper .sub-menu li																	{ font-size: .9em; }
#navwrapper .sub-menu li a																	{ color: #FFF; }
#navwrapper a																				{ color: #959494; display: block; line-height: 38px; padding: 0 10px; text-decoration: none; }
#navwrapper ul ul																			{ display: none; position: absolute; top: 38px; left: 0; float: left; width: 180px; z-index: 99999; text-align: left; }
#navwrapper ul ul li																		{ min-width: 180px; }
#navwrapper ul ul ul																		{ left: 100%; top: 0; }
#navwrapper ul ul a																			{ background: #9B9B9B; line-height: 1em; padding: 10px; width: 160px; height: auto; }
#navwrapper li:hover > a,
#navwrapper ul ul :hover > a																{ background: #CCC; color: #000; }
#navwrapper ul li:hover > ul																{ display: block; }
#navwrapper ul li.current_page_item > a,
#navwrapper ul li.current-menu-ancestor > a,
#navwrapper ul li.current-menu-item > a,
#navwrapper ul li.current-menu-parent > a,
#navwrapper ul li.current_page_parent > a,
body.single-creative #navwrapper ul li:nth-child(2) > a,
body.single-itconsulting #navwrapper ul li:nth-child(2) > a,
body.single-itsupport #navwrapper ul li:nth-child(2) > a,
body.single-webdesign #navwrapper ul li:nth-child(2) > a									{ color: #FFF; background: #F69220; }
body.single-creative #navwrapper ul li.current_page_parent > a,
body.single-itconsulting #navwrapper ul li.current_page_parent > a,
body.single-itsupport #navwrapper ul li.current_page_parent > a,
body.single-webdesign #navwrapper ul li.current_page_parent > a								{ color: #959494; background: none; }
body.single-creative #navwrapper ul li.current_page_parent:hover > a,
body.single-itconsulting #navwrapper ul li.current_page_parent:hover > a,
body.single-itsupport #navwrapper ul li.current_page_parent:hover > a,
body.single-webdesign #navwrapper ul li.current_page_parent:hover > a						{ background: #CCC; color: #000; }

/* Sidebar */
.sidebar																					{ float: right; width: 376px; padding: 20px 20px 20px 20px; }
.widget																						{ padding: 0 0 20px 0; }
.widget-container																			{ padding: 0 0 40px 0; list-style-type: none; }
.widget-container ul li																		{ list-style-type: none; }
ul li.widget_text																			{ list-style-type: none; }
.textwidget p																				{ color: #0C2D57; }
.widget-title																				{ font-size: 1.7em; font-weight: bold; color: #959494; text-transform: uppercase; padding: 0 0 5px 0; }
.sidebar ul li div ul li																	{ list-style-type: none; }
#sidebar p,
#sidebar li a																				{ color: #F69220; }

/* westwordsCARE */
#care-pricing-table .pp-pricing-table-features												{ margin-left: 0; }
#care-pricing-table .pp-pricing-table .pp-pricing-table-col:nth-child(1) .pp-pricing-table-title { background-color: #F1F1F1; }
#care-pricing-table .pp-pricing-table .pp-pricing-table-col:nth-child(2) .pp-pricing-table-title { background-color: #F69220; }
#care-pricing-table .pp-pricing-table .pp-pricing-table-col:nth-child(3) .pp-pricing-table-title { background-color: #C0C0C0; }
#care-pricing-table .pp-pricing-table .pp-pricing-table-features li .checkmark,
#care-pricing-table .pp-pricing-table .pp-pricing-table-features li .plus					{ background-repeat: no-repeat; background-size: 24px; background-position: 3px -1px; padding-left: 30px; }
#care-pricing-table .pp-pricing-table .pp-pricing-table-features li .checkmark				{ background-image: url(img/checkmark.png); }
#care-pricing-table .pp-pricing-table .pp-pricing-table-features li .plus					{ background-image: url(img/plus.png); }
#care-pricing-table .pp-pricing-table .pp-pricing-table-features li							{ padding-left: 20px; padding-right: 20px; }
#care-header h1, h2																			{ vertical-align: middle; }
#care-header h1																				{ color: #959494; font-family: 'Archivo Narrow', sans-serif; font-size: 2.5em; margin-bottom: -20px; padding-right: 20px; font-weight: 700; }
#care-header .highlight																		{ color: #F69220; }
#care-header h2																				{ color: black; font-size: .75em; letter-spacing: 4px; font-weight: normal; margin-left: 15px; text-transform: uppercase; }
#care-pricing-table .pp-pricing-table-col .fl-button-wrap									{ display: none; }
#plans .summary																				{ float: none; width: 100%; }
#plans .product_title,
#plans .product_meta																		{ display: none; }
#care-pricing-table em																		{ font-family: inherit; font-size: inherit; }
#care-pricing-table .pp-pricing-table-features .pp-pricing-table-item-1						{ display: block; font-weight: bold; padding: 20px; text-align: center; }

/* Blog */
.post																						{ width: 800px; min-height: 100px; padding: 10px 20px 40px 20px; }
body.page-template-page-nosidebar-php .post													{ width: 100%; }
body.page-template-page-fullwidth .post														{ width: 100%; }
#search-form																				{ position: absolute; top: 14px; right: 60px; }
#s, textarea, input																			{ padding: 5px; border: 2px solid #ccc; margin: 0 0 5px 0; }
#s:focus, textarea:focus, input:focus														{ border: 2px solid #F69220; }
#s																							{ width: 250px; }
.filtertitle																				{ padding: 10px 20px; background: #F69220; }
.alignright																					{ float: right; padding: 0 0 10px 10px; }
.alignleft																					{ float: left; padding: 0 10px 10px 0; }
.button	a, .wpcf7-submit																	{ padding: 5px; background: #F69220; color: #FFF; text-decoration: none; text-transform: uppercase; line-height: 1.5em; font-weight: bold; }
.button a:hover, .wpcf7-submit:hover														{ background: #CCC; color: #000; }
#searchbox																					{ position: absolute; top: 125px; right: 0; }
.older a																					{ float: left; }
.newer a																					{ float: right; }
.meta																						{ font-size: .9em; border-top: 1px solid #CCC; margin: 0 0 20px -20px; padding: 10px 10px 0 20px; }
.meta2																						{ font-size: .9em; margin: 20px 0 10px 0; padding: 20px 0 10px 0; border-bottom: 1px solid #CCC; text-align: right; }
.meta p																						{ padding-bottom: 10px; }
.meta .author																				{ font-size: 1.3em; }
.linktitle																					{ display: inline-block; padding: 10px; background: #DDD; margin-right: -3px; text-transform: uppercase; }
.link																						{ display: inline-block; }
.link a																						{ color: #FFF; padding: 10px; display: block; background: #F69220; font-weight: bold; }
.link a:hover																				{ background: #000; }

/* Comments */
.avatar																						{ float: left; margin: 7px 10px 10px 0; }
.comment																					{ list-style-type: none; background-color: #F2F2F2; margin-bottom: 1px; }
.comment-meta																				{ padding: 0 0 10px 0; }
.prev-posts																					{ float: right; }
.next-posts																					{ float: left; }
.comment-body																				{ padding: 10px; }
.depth-2,
.depth-3																					{ padding: 0 0 0 50px; }
.says																						{ display: none; }
#respond																					{ padding: 20px; }
#respond textarea,
#respond input																				{ font-size: 1em; }
#respond form																				{ margin-top: 10px; }

/* Advanced Recent Posts */
.advanced_recent_posts_widget .post-title													{ font-size: 1.2em !important; }

/* Sharing */
#content div.sharedaddy 																	{ padding-top: 10px; }

/* WooCommerce */
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt																{ background-color: #F69220 !important; }
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover															{ background-color: #959494 !important; }
body.single-product #content																{ width: 100% !important; }
body.single-product .sidebar,
body.single-product #authorbox,
body.single-product .product_meta,
body.single-product .navigation,
body.single-product .meta,
body.single-product .meta2																	{ display: none !important; }
body.single-product #content div.product div.summary,
body.single-product .product div.summary,
body.single-product #content div.product div.summary,
body.single-product .product div.summary													{ float: left !important; }
body.single-product .summary h1																{ margin: 0 !important; }
body.single-product .product																{ margin-left: 30px !important; }
.woocommerce-MyAccount-content .wc-item-meta li,
.woocommerce-MyAccount-content .wc-item-meta p,
.variation-BillingInterval p,
.variation-PlanLevel p,
.woocommerce-order-details .wc-item-meta li,
.woocommerce-order-details .wc-item-meta p													{ font-family: "Arial", sans-serif !important; font-size: inherit !important; padding-bottom: 0 !important; }
.woocommerce-customer-details p,
.woocommerce-MyAccount-content .woocommerce-customer-details p								{ font-family: "Arial", sans-serif !important; font-size: inherit !important; }
.woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce-MyAccount-content .woocommerce-customer-details--phone							{ padding-bottom: 0 !important; }
.woocommerce-checkout h3																	{ font-size: 2em !important; }
.woocommerce-checkout label																	{ padding-bottom: 0 !important; }
.woocommerce-product-gallery																{ margin-right: 20px !important; }
.variations_form .woocommerce-variation														{ margin-bottom: 20px !important; }
body.single-product .post																	{ width: 100%; padding: 20px; }
body.single-product .product																{ margin-left: 0 !important; }
body.single-product .woocommerce-tabs .tabs													{ display: none; }
body.single-product #tab-description h2														{ text-align: center; }

/* Footer */
#footer																						{ background: url(img/Winston-crop.png) no-repeat #4F4C4D; background-position: left bottom; background-size: 180px; float: left; clear: both; width: 1176px; padding: 0 20px 0 20px; }
#footer p																					{ font-size: .9em; line-height: 1.5em; }
#footer p, #footer a																		{ color: #FFF; }
#footer a																					{ display: inline-block; padding-bottom: 20px; }
#footer #footer-widgets																		{ text-align: center; margin: 40px 0; }
#footer .widget-container																	{ margin: 0; padding: 0; }

} /* END screen media */


@media only screen and (max-width: 1198px) {
#wrapper, #container, #header, .body.page-template-page-nosidebar #content,
.body.page-template-page-nosidebar-php .post, #footer, #services-images, #homepage-widgets,
#content, .post, .sidebar, #featuredimage img												{ width: 100%; height: 100%; }
#homepage-widgets																			{ margin-top: 0; }
.sidebar .widget-container																	{ width: 33.3%; padding-right: 10px; float: left; }
body.page-template-page-featuredimage .sidebar .widget-container							{ width: 50%; padding-right: 30px; }
body.page-template-page-featuredimage .sidebar .widget-container:last-child					{ padding-right: 0; }
#header																						{ min-height: 125px; }
}

@media only screen and (max-width: 1025px) {
.sidebar .widget-container																	{ width: 50%; padding-right: 10px; float: left; }
}

@media only screen and (max-width: 955px) {
#wrapper, #container, #header, #navwrapper, #homepage-banner, #services-images, #homepage-widgets, #footer { width: 100%; }
#header																						{ height: 165px; text-align: center; }
#logo																						{ margin: 20px 0; }
#navwrapper																					{ text-align: center; margin: 0; }
#homepage-widgets																			{ float: left; margin-top: 0; }
#homepage-banner .widget-container															{ width: 50%; }
.ginput_left, .ginput_right, input															{ width: 100% !important; }
body.page-template-page-featuredimage .sidebar .widget-container							{ width: 100%; }
}

@media only screen and (max-width: 760px) {
body.blog .post img, .wp-caption															{ width: 100% !important; height: 100% !important; }
.sidebar .widget-container																	{ width: 100%; float: left; }
.post .avatar																				{ width: 100px !important; height: 100px !important; }
.post #gallery-1 .gallery-item																{ width: 100%; }
}

@media only screen and (max-width: 645px) {
#homepage-banner .widget-container															{ width: 100%; }
.post .avatar																				{ width: 100px !important; height: 100px !important; }
#care-header h1																				{ font-size: 2em; padding-right: 0; text-align: center; }
}

@media only screen and (max-width: 550px) {
#footer																						{ padding-bottom: 200px; }
}

@media only screen and (max-width: 475px) {
#navwrapper .menu li																		{ font-size: 1.4em; }
.post .avatar																				{ width: 100px !important; height: 100px !important; }
#care-header h1																				{ font-size: 1.8em; margin-bottom: -10px; padding-right: 0; text-align: center; }
#care-header h2																				{ font-size: .6em; }
}

@media only screen and (max-width: 320px) {
h1																							{ font-size: 2em;}
.post .avatar																				{ width: 100px !important; height: 100px !important; }
}

@media only screen and (max-device-width: 1198px) {
#wrapper, #container, #header, .body.page-template-page-nosidebar #content,
.body.page-template-page-nosidebar-php .post, #footer, #services-images,
#homepage-widgets, #content, .post, .sidebar, #featuredimage img							{ width: 100%; height: 100%; }
#homepage-widgets																			{ margin-top: 0; }
.sidebar .widget-container																	{ width: 33.3%; padding-right: 10px; float: left; }
body.page-template-page-featuredimage .sidebar .widget-container							{ width: 50%; padding-right: 30px; }
body.page-template-page-featuredimage .sidebar .widget-container:last-child					{ padding-right: 0; }
#header																						{ min-height: 125px; }
}

@media only screen and (max-device-width: 1025px) {
.sidebar .widget-container																	{ width: 50%; padding-right: 10px; float: left; }
}

@media only screen and (max-device-width: 955px) {
#wrapper, #container, #header, #navwrapper, #homepage-banner,
#services-images, #homepage-widgets, #footer												{ width: 100%; }
#wrapper																					{ margin: 0; }
#header																						{ border-bottom: 0; height: auto; text-align: center; }
#logo																						{ margin: 20px 0; }
#navwrapper																					{ text-align: center; margin: 0; float: none; }
#homepage-widgets																			{ float: left; margin-top: 0; }
#homepage-banner .widget-container															{ width: 50%; }
.ginput_left, .ginput_right, input															{ width: 100% !important; }
body.page-template-page-featuredimage .sidebar .widget-container							{ width: 100%; }
}

@media only screen and (max-device-width: 760px) {
body.blog .post img, .wp-caption															{ width: 100% !important; height: 100% !important; }
.sidebar .widget-container																	{ width: 100%; float: left; }
.post .avatar																				{ width: 100px !important; height: 100px !important; }
#logo																						{ width: 100%; padding: 0 50px; }
}

@media only screen and (max-device-width: 645px) {
#homepage-banner .widget-container															{ width: 100%; }
.post .avatar																				{ width: 100px !important; height: 100px !important; }
}

@media only screen and (max-device-width: 475px) {
#wrapper																					{ margin: 0; }
#logo																						{ padding: 0 15px; }
#header																						{ height: auto; border-bottom: 2px solid #F69220; }
#navwrapper																					{ float: none; }
#navwrapper ul																				{ width: 100%; }
#navwrapper .menu li																		{ font-size: 1.2em; }
#navwrapper a																				{ padding: 0 9px; }
.post .avatar																				{ width: 100px !important; height: 100px !important; }
#homepage-banner h2																			{ font-size: 2em; }
}

@media only screen and (max-device-width: 320px) {
h1																							{ font-size: 2em;}
.post .avatar																				{ width: 100px !important; height: 100px !important; }
}


@media print {
.do-not-print																				{ display: none; }
#comments																					{ page-break-before: always; }
body																						{ width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6																			{ font-family: Helvetica, Arial, sans-serif; }
h1																							{ font-size: 19pt; }
h2																							{ font-size:17pt; }
h3																							{ font-size:15pt; }
h4,h5,h6																					{ font-size:12pt; }
code																						{ font: 10pt Courier, monospace; }
blockquote																					{ margin: 1.3em; padding: 1em; }
img																							{ display: block; margin: 1em 0; }
a img																						{ border: none; }
table																						{ margin: 1px; text-align:left; }
th																							{ border-bottom: 1px solid #333;  font-weight: bold; }
td																							{ border-bottom: 1px solid #333; }
th, td																						{ padding: 4px 10px 4px 0; }
caption																						{ background: #fff; margin-bottom: 2em; text-align: left; }
thead																						{ display: table-header-group; }
tr																							{ page-break-inside: avoid; }
a																							{ text-decoration: none; color: black; }
} /* END print media */