/*

Theme Name: XBS Campaigns
Theme URI: https://www.xerox.com
Author: xbs.web.admin@xerox.com
Author URI: https://www.www.xerox.com
Description: Custom theme for XBS campaign landing page multisite environment
Version: 1.0.0
Template: pro

*/

/* BRANDING */
/* Color - Red accent */
.accent-a{color: #e96462;}
/* Color - Blue accent */
.accent-b{color: #20749e;}

/* BUTTONS */
/* Remove text shadow on X Buttons */
.x-btn {text-shadow:none!important;}

/* Black outline to red fill button */
.transparent-full-dark {color: #333;border-style: solid !important;border-width: 1px !important;border-color: #333;background-color: #fff;text-shadow: none;}
.transparent-full-dark:hover {color: #fff;border-color: #d92231;background-color: #d92231;border-style: solid !important;border-width: 1px !important;}

/* Transparent button */
.x-btn-transparent{background-color: rgba(255,255,255,0.2);border-color: transparent;}
.x-btn-transparent:hover{border-color: white;}

/* Side by side button spacing */
.xrx-btn-right{margin-left:1em;}
@media (max-width:480px){.xrx-btn-right{margin-top:1em!important;margin-left:0em;}}

/* Gravity Form default button */
.xrx-form-button{background-color:#d92231;text-shadow:none!important;font-family: "Roboto Condensed",sans-serif;font-weight:400;}
.xrx-form-button:hover{background-color:#81141d;color:white;text-shadow:none!important;}

/* NAVBAR */

/* Hide search */
.search-results .x-slider-container{display:none !important;}

/* Adds vertical dividers to Ubermenu items */
.ubermenu-nav .ubermenu-item > a.ubermenu-target::after {content: '';height: 15px;width: 1px;position: absolute;top: 35%;bottom: 0;right: 0;background: #dbdbdb;}

/* Removes vertical dividers from Ubermenu sub menu */
.ubermenu-submenu .ubermenu-item > a.ubermenu-target::after {content: '';height: 0px;width: 0px;position: absolute;top: 35%;bottom: 0;right: 0;background: transparent!important;}

/* Removed the 'search' text on mobile, inceased icon size, and added padding */
@media (max-width: 767px){span.x-hidden-desktop {display: none !important;}.x-icon-search{font-size: 20px;padding: 1em;}}

/* Search color */
.x-btn-navbar-search{color:#20749e;}
.x-btn-navbar-search:hover{color:#9c9c9c;}

/* MASTHEAD */

.masthead {/* position: absolute; */position: relative;width: 100%;}
.single-post .masthead {position: relative;width: auto;background-color: #001937;}
@media (max-width: 979px) {.masthead {position: relative;width: auto;background-color: #001937;}}

/* HEADERS */
/* HERO-001 - Simple header [headline/sub-headline][two-buttons] */


/* BLOG CUSTOMIZATIONS */

/* Social sharing on blog pages */
.x-entry-share p {text-align:left;}
.x-share-options{text-align:left;}
.x-entry-share .x-share {margin: 0 0.15em;width: 30px;font-size: 25px;line-height: 45px; text-align:center; color:#20749e;}
.x-entry-share .x-share:hover{color:#33bbff; background-color:transparent;}

/* Author Styling */
.p-author {font-size:11px;}

/* Hide entry featured */
.single-post .entry-featured, .single-x-portfolio .entry-featured {display: none !important;}

/* Recent Posts Links */
.x-recent-posts a{border:none!important;}

/* Blog - Misc */
.x-header-landmark {border-bottom: 0;padding: 10px 0;}
.entry-featured {border: 0px;}


/* WOOCOMMERCE CUSTOMIZATIONS */
/* Single Product > Related Products | Remove full-width, wrap content in wrapper */
.single-product .related.products{max-width: 1200px;width: 88%;margin-left: auto;margin-right: auto;padding-top: 5em;float: none;}

/* YITH REQUEST QUOTE CUSTOMIZATIONS */
.widget_ywraq_mini_list_quote .raq-info{margin:0px;border:none;padding:5px 7px;background-color:rgb(217, 34, 49);border-radius:25px;line-height:1;font-size:10px!important;}
.widget_ywraq_mini_list_quote .raq-info a{color:white;}

/* GRAVITY FORMS CUSTOMIZATIONS */
/* Add margin between address fields */
.gform_body .address_line_1 input,.address_line_2 input,.address_city input,.address_state input,.address_zip input {margin-bottom:24px!important;}

/* FOOTER */
/* Footer link colors */
.links-footer a{color:#fff!important;}
.links-footer a:hover{text-decoration:underline!important;}
.footer-links-dark a{color:#313131!important;}.footer-links-dark a:hover{text-decoration:underline!important;}

/* HELPER CLASSES */
/* Vertical aligns classes [Rows must set to 'Marginless Columns'] */
.vat { vertical-align: top !important; }
.vam { vertical-align: middle !important; }
.vab { vertical-align: bottom !important; }

/* Large to small screen text alignment */
.text-right-to-center{text-align:right;}
@media (max-width:767px){.text-right-to-center{text-align:center;}}
.text-right-to-left{text-align:right!important;}
@media (max-width:767px){.text-right-to-left{text-align:left!important;}}
.text-left-to-center{text-align:left;}
@media (max-width:767px){.text-left-to-center{text-align:center;}}
.text-left-to-right{text-align:left;}
@media (max-width:767px){.text-left-to-right{text-align:right;}}
.text-center-to-left{text-align:center;}
@media (max-width:767px){.text-center-to-left{text-align:left;}}
.text-center-to-right{text-align:center;}
@media (max-width:767px){.text-center-to-left{text-align:right;}}

/* Headline text shadows */
.headline-shadow{text-shadow: 2px 2px 2px #2a2a2a;}
.headline-shadow-white{text-shadow: 2px 2px 2px #ffffff;}

/* Margin bottom spacing */
.bot-margin-xsm{margin-bottom:1em;}
.bot-margin-sm{margin-bottom:2em;}
.bot-margin-m{margin-bottom:4em;}
.bot-margin-l{margin-bottom:5em;}
.mobile-bot-margin-sm{margin-bottom:0em!important}@media(max-width:767px){.mobile-bot-margin-sm{margin-bottom:2em!important;}}
.mobile-bot-margin-m{margin-bottom:0em!important}@media(max-width:767px){.mobile-bot-margin-m{margin-bottom:4em!important;}}
.mobile-bot-margin-l{margin-bottom:0em!important}@media(max-width:767px){.mobile-bot-margin-l{margin-bottom:5em!important;}}
.mobile-bot-margin-xl{margin-bottom:0em!important}@media(max-width:767px){.mobile-bot-margin-xl{margin-bottom:8em!important;}}

/* White Underline Link */
.white-underline-link a{color: white;}
.white-underline-link a:hover{text-decoration: underline !important;color: white;}

/* Highlight - Deprecated, use <mark> tag */
.highlight{color:black;background-color:yellow;}

/* Reverse column order on mobile - apply "swapcolumns" class to section or row */
@media (max-width: 767px) {.x-section.swapcolumns .x-container {display: flex;flex-flow: column-reverse wrap;}}

/* Hide UPPER background image on mobile - apply "hide-upper-bg" class to section */
@media (max-width: 767px){ .hide-upper-bg .x-bg .x-bg-layer-upper-image {background-image:none!important;}}

/* Hide LOWER background image on mobile - apply "hide-lower-bg" class to section */
@media (max-width: 767px){ .hide-lower-bg .x-bg .x-bg-layer-lower-image {background-image:none!important;}}


/* Start with image desaturated, saturate on rollover */
.roll-img {/* filter: url(filters.svg#grayscale); Firefox 3.5+ */filter: gray; /* IE5+ */-webkit-filter: grayscale(.9); /* Webkit Nightlies & Chrome Canary */-webkit-transition: all .8s ease-in-out;}
.roll-img:hover {filter: none;-webkit-filter: grayscale(0);}

/* Icon rollover fade */
.xrx-icon:hover{opacity:0.7 !important;filter:alpha(opacity=70) !important; /* For IE8 and earlier */}

/* Narrow line height */
.narrow{line-height:1.1;}

/* 2-Column Mobile Layout Apply 'column-wrapper' to row and 'mobile-column' to column */
@media (max-width: 767px) {body .column-wrapper .x-column.x-sm, body .mobile-column .x-column.x-sm {width: 44%; display: inline-block;}}

/* Rectangles */
.rectangle {height: 5px;width: 150px;background-color: #20749e;}
.rectangle-red {height: 5px;width: 150px;background-color: #e96462;}

/* Arrow - Down */
.arrow-down {width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent;}

/* CAMPAIGNS Header, Footer and Mobile Nav Logo Sizing */
.logo-nav .x-image img {height:auto;max-height:4.2em!important;width:auto!important;}
.logo-nav-mobile .x-image img {height:auto;max-height:3em!important;width:auto!important;}
.logo-footer .x-image img {height:auto;max-height:100px!important;width:auto!important;}

/* CAMPAIGNS Navbar Links for 'xbs-campaigns-header-001' */
.navbar-link a {color:black!important;}
.navbar-link:hover a {color:rgb(0,0,0,.75)!important;}
.navbar-link-off-canvas a {color:black!important;}
.navbar-link-off-canvas:hover a {color:rgb(0,0,0,.75)!important;}

/* CAMPAIGNS Section 179 - Hero - Remove border */
.section-179-hero {border:none!important;}