/*
Theme Name:     HMFExpress
Description:    Child Theme based on RT-Theme 18
Author:         Sarah Maris for HMF Express
Template:       rttheme18
Version: 10.5 (updated 06-01-18)
*/

/*
 * TABLE OF CONTENTS
 * -----------------
 *  1.0 - Change color to HMF Express red
 *   .1 - #e0af1d -> #c8102e
 *   .2 - #f4bf1e -> #c8102e
 *   .3 - navigation menu
 *   .4 - other background color changes
 *   .5 - other border color changes
 *   .6 - colortip-1.0-jquery.css
 *   .7 - /js/video_player/mejs-skins.css
 *   .8 - orange-style.css (text selection)
 *   .9 - text color to #555
 *
 *  2.0 - Home page slider/random image
 *   .1 - caption link
 *   .2 - top caption text (all caps)
 *   .3 - adjust flex caption positioning
 *   .4 - remove border around gallery image
 *   .5 - format home page image captions
 *   .6 - adjust accordion padding to match home page image height
 *
 *  3.0 - Footer widgets
 *   .1 - customer login
 *   .2 - widget padding
 *   .3 - reduce vertical space and lines in mega menu
 *   .4 - top border for mega menu
 *   .5 - darker border on top of footer
 *   .6 - remove margin about contact info link in left footer box
 *
 *  4.0 - Search and 404 pages
 *   .1 - make search bar wider
 *   .2 - font styles
 *
 *  5.0 - Staff pages
 *   .1 - social media links
 *   .2 - reduce vertical space on Sales Team page
 *
 *  6.0 - Product pages
 *   .1 - adjust padding on page
 *   .2 - adjust margins for text items
 *   .3 - set product box min height
 *   .4 - set content box widths for sidebar
 *   .5 - remove underline and add hover color for links
 *   .6 - make vertical tabs more visible
 *   .7 - make product navigation buttons work better on small screens
 *   .8 - hide post navigation
 *
 *  7.0 - Top Menu _ REMOVED DUE TO MOVE TO UBERMENU
 *
 *  8.0 - Right Sidebar on product pages
 *   .1 - remove lines between menu items
 *   .2 - remove shadow between sidebar widgets
 *   .3 - remove text-decoration and add color change on hover to widget title links
 *   .4 - format sidebar links similar to product links
 *
 *  9.0 - Header
 *   .1 - right justify contact info
 *   .2 - remove vertical space between contacts text and icons
 *   .3 - reduce height of line above header
 *   .4 - reduce gray band at top of content
 *   .5 - make header same width as page
 *   .6 - adjust padding to align logo left
 *   .7 - even out vertical spacing for logo
 *   .8 - remove padding above and below logo
 *
 * 10.0 - Mega Menu
 *   .1 - add space before link on mega menu
 *
 * 11.0 - Portfolio
 *   .1 - make boxes on video page uniform size
 *
 * 12.0 - Links page
 *   .1 - center image above link title
 *   .2 - box size adjustment for smaller screens
 *   .3 - reduce items per row for smalls screens
 *   .4 - links table styling
 *   .5 - remove table formatting for small for small screens
 *
 * 13.0 - Warranty page
 *   .1 - indents and hanging paragraphs
 *
 * 14.0 - Testimonials page
 *   .1 - remove shadow around image and increase size
 *   .2 - center images and text
 *   .3 - add top padding when no featured image
 *
 * 15.0 - Breadcrumb
 *   .1 - align text right for all breadcrumbs
 *   .2 - move to right on all pages
 *   .3 - product page adjustments for breadcrumb on top
 *
 * 16.0 - Ubermenu changes
 *   .1 - RT-18 theme adjustments
 *   .2 - top level menu items
 *   .3 - search bar adjustments
 *   .4 - sub-menu items
 *
 * 18.0 - Tooltips Pro
 *   .1 - remove unnecessary line breaks
 *   .2 - set image alignment and remove border within tooltip box
 *   .3 - set tooltip box width to auto so box sizes relative to content
 *
 * 18.0 - Miscellaneous
 *   .1 - info box for Quick-Ship article
 *   .2 - Twitter box coloring
 *   .3 - line up images on Field troubleshooting page
 *   .4 - shortcode tab titles align left
 *   .5 - center Skype button in box
 *   .6 - add right margin for lists in columns
 *   .7 - change responsive columns in tabs
 *   .8 - box alignement on About page
 *   .9 - table borders
 *   .10 Making heading 4 color red 
 */


 /* 1.0 Change out #e0af1d for base color */
.widget_archive ul li a:hover,
.widget_links ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_categories  ul li a:hover,
.widget_meta  ul li a:hover,
.widget_recent_entries  ul li a:hover,
.widget_pages  ul li a:hover,
.widget_rss  ul li a:hover,
.widget_recent_comments  ul li a:hover,
.widget_rt_categories ul li a:hover,
.widget_product_categories ul li a:hover,
.flexslider .carousel .flex-direction-nav a,
.widget ul li.current-menu-item > a,
.widget_rt_categories ul li.current-cat > a,
.widget_product_categories ul li.current-cat > a,
.filter_navigation li a.active:before,
.imgeffect a:hover,
a {
    color:#c8102e;
}
.blog_list h1[class^="icon-"]:before,
.blog_list h2[class^="icon-"]:before,
.flexslider .carousel .flex-direction-nav a ,
.imgeffect a{
    background:#c8102e;
}

 /* 1.1 Change out #f4bf1e for base color */
#footer,
.heading_icon,
.large_icon,
.big_icon,
.sidebar .featured_article_title:before,
.pin:after,
hr.style-six:after,
hr.style-eight:after,
.featured a.read_more:hover, .featured a.more-link:hover,
.latest-news-2 a.title:hover,
.social_share:hover .icon-share:before,
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,
.with_icons.colored > li span,
#reply-title:before,
.woocommerce ul.cart_list li a:hover,
.woocommerce ul.product_list_widget li a:hover,
.woocommerce-page ul.cart_list li a:hover,
.woocommerce-page ul.product_list_widget li a:hover {
    color:#c8102e;
}

 /* 1.3 Navigation menu colors*/

 /* Menu bar base color */
.pricing_table .table_wrap.highlight ul > li.caption,
.featured a.read_more, .featured a.more-link {
    background-color: #c8102e;
}

 /* 1.4 Other background color changes */
.featured .default_icon .heading_icon,
.medium_rounded_icon,
.big_square_icon,
.title_icon,
hr.style-six:before,
.pricing_table .table_wrap.highlight ul > li.price div:before,
.rt-toggle ol li .toggle-number, .rt-toggle ol li.open .toggle-number,
.tab-style-three .tabs .with_icon a.current > span:before,
.latest-news .featured-image .date,
.social_share .icon-share:before,
.commententry .navigation > div,
.commententry .navigation a,
.with_borders .box:before,
.portfolio_boxes .box:before,
.with_borders .box:after,
.portfolio_boxes .box:after {
    background: #c8102e;
}

.sidebar .featured_article_title:before,
.chained_contents li:hover .icon_holder.rounded:before,
.chained_contents > ul > li:hover .image.chanied_media_holder:after,
.button_,
.carousel-holder .owl-controls .owl-buttons div  {
    background: none repeat scroll 0 0 #c8102e;
}
 /* 1.5 Other border color changes */
.big_rounded_icon.loaded,
.vertical_tabs ul.tabs a.current,
.vertical_tabs ul.tabs a.current:hover,
.vertical_tabs ul.tabs a:hover,
.vertical_tabs ul.tabs li.current a  {
    border-color:#c8102e;
}

.featured a.read_more, .featured a.more-link,
.with_icons.icon_borders.colored li span {
    border: 1px solid #c8102e;
}

 /* 1.6 Changes to colortip-1.0-jquery.css */

/* Match red color theme to HMFExpress colors */
.t_default .pointyTip,
.t_default .pointyTipShadow {
    border-top-color:#c8102e;
}

.t_default .colorTip{
    background-color:#c8102e;
    border:1px solid #c8102e;
}

 /* 1.7 Changes to /js/video_player/mejs-skins.css */
.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-current {
    background-color: #f9f9f9;
    border: solid 1px #c8102e;
    border-color: #c8102e #fff #880B1F #fff;
}

 /* 1.8 Changes to orange-style.css text selection */
::selection {
    background: #c8102e; /* Safari */
    color:#fff;
}

::-moz-selection {
    background: #c8102e; /* Firefox */
    color:#fff;
}

 /* 1.9 Change text color to #555 */
body, h1, h2, h3, h4, h5, h6, p,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.top_content .heading h1,
.top_content .heading h2,
.footer .featured_article_title,
.breadcrumb a,
div.breadcrumb a,
.doc_icons ul li a,
.widget_archive ul li a,
.widget_links ul li a,
.widget_nav_menu ul li a,
.widget_categories ul li a,
.widget_meta ul li a,
.widget_recent_entries ul li a,
.widget_pages ul li a,
.widget_rss ul li a,
.widget_recent_comments ul li a,
.widget_rt_categories ul li a,
.widget_product_categories ul li a,
.tabs_wrap .tabs a,
.rt_form label,
.rt_form input[type="button"], .rt_form input[type="submit"], .wpcf7-submit {
    color: #555;
    line-height: 1.5;
}

/* 2.0 Home page slider/Random Image
 *------------------------------------*/

/* 2.1 Remove underline and add color to link in slide caption */
.caption-text a {
    text-decoration: none;
    color: #555;
}

.caption-text a:hover {
    color: #c8102e;
}

/* 2.2 Make top caption all uppercase */
.caption-one {
    text-transform: uppercase;
}

/* 2.3 Adjust flex caption positioning on home page slider */
@media only screen and (min-width: 768px)  {
    /* no .responsive needed for this values */
    .flex-caption.right{
        left: -60px;
    }
}

/* 2.4 Remove border around homepage image */
.home .gallery-item img,
.home #gallery-1 img {
    border: none;
}

/* 2.5 Format home page image captions */
.gallery-item .caption-top {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font: 22px/23px  'PT Sans Narrow',sans-serif;
    text-transform: uppercase;
}

.gallery-item .caption-p {
    background: rgba(255, 255, 255, 0.8);
    color: #555;
    font: 16px/22px 'PT Sans Narrow',sans-serif;
}

.gallery-item .caption-top,
.gallery-item .caption-p{
    display: inline-block;
    float:left;
    margin-left: 25px;
    padding: 10px;
    text-align: left;
}

#gallery-1 .gallery-caption {
    margin-top: -140px;
    max-width: 65%;
}

/* 2.6 Adjust accordion padding to match home page image height */
.rt-toggle > ol > li {
    padding: 8px 0;
}

/* 2.7 Media queries for captions */
@media only screen and (max-width: 959px) and (min-width: 768px) {

    .gallery-item .caption-top {
        font-size: 18px;
    }

    .gallery-item .caption-p {
        font: 14px/18px 'PT Sans Narrow',sans-serif;
    }

}

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

    #gallery-1 .gallery-caption {
        max-width: 85%;
    }

}

@media only screen and (max-width: 530px) {
    .gallery-item .caption-top {
        font-size: 14px;
    }

    .gallery-item .caption-p {
        font: 12px/16px 'PT Sans Narrow',sans-serif;
    }

    .gallery-item .caption-top,
    .gallery-item .caption-p{
      margin-left: 15px;
    }

    #gallery-1 .gallery-caption {
      margin-top: -130px;
    }
}

/* 3.0 Footer widgets
 *----------------------------*/

 /* 3.1 Customer login */
td.tdr, td.tdl {
    line-height: 125%;
    padding: 0px 10px 5px 10px;
}

 /* 3.2 Widget padding */
.textwidget .search-bar {
    padding-left: 0;
}

 /* 3.3 Reduce vertical space and lines in footer mega menu */
.hmf_footer.content_footer .widget_nav_menu ul li.menu-item-object-page,
.widget_nav_menu ul li.menu-item-object-category,
.widget_nav_menu ul li.menu-item-object-products,
.widget_nav_menu ul li.menu-item-object-product_categories,
.widget_nav_menu ul li {
    margin: 0;
    border-bottom: none;
}

.footer_widgets_row {
    padding: 10px 0;
}

.hmf_footer.content_footer .widget_nav_menu ul li.menu-item-object-page a,
.widget_nav_menu ul li.menu-item-object-category a,
.widget_nav_menu ul li.menu-item-object-products a,
.widget_nav_menu ul li.menu-item-object-product_categories a,
.widget_nav_menu ul li a{
    padding: 0;
}

/* 3.4 Reduce vertical space above and below menu titles in widget */
.hmf_footer.content_footer h3{
    padding:0;
}

/*Reduce vertical space between title and links */
#container  .hmf_footer .footer_widgets .margin-b20 {
   margin-bottom: 5px;
}

/*Reduce vertical space above and below horizontal line */
.hmf_footer .footer_widgets hr.style-four {
    margin: 20px 0;
}

/* 3.4 Add border at top of mega menu in footer*/
.hmf_footer.content_footer {
    background: none repeat scroll 0% 0% #f9f9f9;
}

/* 3.5 Add darker border on top of footer */
.hmf_footer.content_footer.footer_widgets_holder {
    border-top: 5px solid #eee;
}

/* 3.6 Remove margin about contact info link in left footer box*/
#footer-column-1 .box.one.footer.widget_contact_info {
    margin-top: 0;
}

 /* 4.0 Search and 404 pages
  *----------------------------*/

 /* 4.1 Make search bar wider */
.search-bar {
    width: 200px;
    font-size: 20px;
}

 .search-bar form input {
    font-size: 16px;
    width:120px;
    margin: 0;
    font-family: 'PT Sans Narrow',sans-serif;
}

.search-bar .icon-search-1{
      margin-left: 170px;
}

.search-bar .icon-search-1 {
    font-size: 20px;
}

 /* 4.2 Font styles */
.not-found {
    font-size:18px;
}

#search-box{
    font-style: italic;
}

 /* 5.0 Staff pages
 *----------------------------*/

 /* 5.1 Social media links */
.social_media li .icon-phone,
.social_media li .icon-phone-d,
.social_media li .icon-fax,
.social_media li .icon-mobile {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #999;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    padding: 0;
    bottom: 0;
}

 /* Hover position */
.social_media li .icon-phone:hover,
.social_media li .icon-phone-d:hover,
.social_media li .icon-fax:hover,
.social_media li .icon-mobile:hover {
    height: 29px;
    margin-top: -5px;
}

 /* Icon Color */
ul.social_media li a,
ul.social_media li .icon-phone,
ul.social_media li .icon-phone-d,
ul.social_media li .icon-fax,
ul.social_media li .icon-mobile {
    background-color:#c8102e ;
}

/* Hover color */
ul.social_media li:hover span,
ul.social_media li .icon-phone:hover,
ul.social_media li .icon-phone-d:hover,
ul.social_media li .icon-fax:hover,
ul.social_media li .icon-mobile:hover {
    background-color:#999;
}

 /* 5.2 reduce vertical space on Sales Team page */

.team  .person hr.style-one {
    margin: 10px 0px;
}

.team  .person_name h4 {
    padding: 0;
}

.team .social_media {
    padding-top: 5px;
}

section.team.style-two .half-background {
    padding: 10px 0px;
}


/* 6.0 Product pages
*----------------------------*/

/* 6.1 Adjust padding  */

/* Reduce padding on top of page */
.top_content .info_bar {
   padding:  20px 0 0 0;
}

/* Remove padding from content_block_background for single products (single-product.php)*/
.content_block_background.hmf_products {
    padding:0;
}

/* Trim padding for text in product details box (single-product-contents.php ) */
.box.hmf_product_details {
    padding-bottom: 20px;
}

/* Add padding to top of "Documents" title */
.hmf .pane h4{
    padding-top: 20px;
}

/* 6.2 Adjust margins for text items */
.hmf_product_details ul {
    margin-bottom: 10px;
}

.hmf_product_details h5 {
    padding-bottom: 0px;
}

/* 6.3 Set product/category box height */
.product_item_holder .featured_image.img_loaded {
    min-height: 125px;
}

/* 6.4 - set content box widths for sidebar */

/* Make image space wider */
.content.left .three.hmf{
    width: 333px;
}

/* Make text space narrower */
.content.left .two-three.hmf {
    width: 386px;
}

/* 6.5 Remove underline and add color change on hover for links on product page*/
.hmf_product_details a {
    text-decoration: none;
}

.hmf_product_details a:hover {
    color: #888;
}

/* 6.6 Increase background color contrast, increase font size and add arrrow on vertical tabs */
.vertical_tabs ul.tabs{
    background: #f5f5f5;
}
.shortcode_tabs.vertical_tabs > div > ul > a:after {
    position: absolute;
    right: 10px;
     top: 50%;
    margin-top: -6px;
    font-family: 'fontello';
    content: "\25b8";
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.tabs_wrap .tabs a {
    font-size:14px;
}

/* 6.7 Make product navigation buttons work better on small screens */
.post-navigations .button_ {
    display: inline;
    padding: 10px 50px;
}

/* 6.7 Make product navigation buttons work better on small screens */
.post-navigations {
    display: none;
}

/* 7.0 REMOVED DUE TO MOVE TO UBERMENU */


/* 8.0 Sidebar
*------------------------------*/

/* 8.1 Remove lines between menu items in right sidebar */
.sidebar.right .widget_nav_menu ul li {
    border-bottom: none;
    margin: 0;
}

.sidebar.right .widget_nav_menu ul li a {
    padding-bottom: 5px;
}

/* 8.2 remove shadow between sidebar widgets */
#container .sidebar .widget{
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* 8.3 remove text-decoration and add color change on hover to widget title links */
.widget_text a,
.widget.widget_nav_menu a {
    text-decoration: none;
 }

.widget_text a:hover h3,
.widget.widget_nav_menu a:hover h3 {
    color: #c8102e;
}

/* 8.4 Format sidebar links similar to product links */
.textwidget a {
    color: #c8102e;
    text-decoration: none;
}

.textwidget a:hover {
    color: #888;
}


/* 9.0 Header
*------------------------------*/

/* 9.1 right justify contact info in header */
    #header_contents .textwidget {
    text-align: right;
}

/* 9.2 remove vertical space between contacts text and icons */
    #header_contents .textwidget p{
    padding:0;
}

/* 9.3 reduce height of line above header*/
.top_bar_container {
    height: 5px;
    min-height: 0px;
}

/* 9.4 reduce gray band at top of content*/
.top_content {
    margin: 0;
    min-height: 20px;
    background: none;
    border: none;
}

/* 9.5 Make header same width as page */
#header_contents .section_widget.second.eight{
    width: 200px;
}

/* 9.6 Adjust padding to align logo left*/
#header_contents .section_logo.logo_left.three-four{
    padding: 10px 20px 10px 0px;
}

/* 9.7 Even out vertical spacing for logo */
#header_contents .section_logo  #logo {
    padding-top: 5px;
}

/* 9.8 Remove padding above and below logo */
#header_contents {
    padding: 0;
}

/* 10.0 Mega menu *
*------------------------------*/

/*10.1 add space before link */

#mega-menu-doors {
    padding-top: 20px;
}

 /* 11.0 Videos
 *------------------------------*/

/* 11.1 Make boxes on video page uniform sizes */
.portfolio_info.hmf_video h4 {
    height: 60px;
    overflow: hidden;
    line-height: 125%;
}

.portfolio_info.hmf_video p {
    height: 75px;
    padding: 0;
    overflow: hidden;
    line-height: 150%;
}

/* 12.0 Industry Links and Elevation Templates page  posts */

/* 12.1 Centers  image above link title (post-contents/content-link.php)*/
.hmf_link_image {
    width: 150px;
    height: 125px;
    position: relative;
}

@media only screen and (max-width: 959px) and (min-width: 768px) {

    .hmf_link_image {
        width: 75px;
    }

}

.hmf_link_image img{
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-height:100%;
    max-width:100%;
}

.blog_list.hmf_links section.article_section {
    margin-left: 0;
}

.small_box .hmf_links .blog-head-line {
    border-bottom: none;
    margin-bottom: 0;
}

.blog_list.hmf_links {
    margin-bottom: 0;
}

/* 12.2 Box size adjustment for smaller screens */
@media only screen  and (min-width: 768px) {

    #container .tabs_wrap .fluid .five {
        min-width: 150px;
    }
}

/* 12.3 Reduce items per row for smalls screens */
@media only screen  and (max-width: 1099px) {

    .hmf_5_box {
        display: none;
    }
    .hmf_3_box {
        display: block;
    }

}

@media only screen  and (min-width: 1100px) {

    .hmf_5_box {
        display: block;
    }
    .hmf_3_box {
        display: none;
    }

}


/* 12.4 Links table on Industry Links page */
table.hmf_other_links {
    border: none;
    width: 650px;
}

table.hmf_other_links.hmf_two_col th.links_col_1 {
    width: 45%;
}

table.hmf_other_links td {
    padding: 0 10px;
    border-bottom: none;
    border-left: none;
}

.hmf_other_links  tr th.links_col_1,
.hmf_other_links th.links_col_2,
.hmf_other_links th.links_col_3{
    padding: 0 10px 0 0;
    vertical-align: bottom;
}
.hmf_other_links  h3 {
    text-align: left;
    padding: 10px;
    display:table-cell;
}
.hmf_other_links th.links_return{
    vertical-align: top;
}

.hmf_other_links th.links_return p{
    float: right;
    padding: 0 10px;
}

/* 12.5 Remove table formatting as needed for responsive design */

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

    /* Force table to not be like tables anymore */
    .hmf_wide_screen table,
    .hmf_wide_screen thead,
    .hmf_wide_screen tbody,
    .hmf_wide_screen th,
    .hmf_wide_screen td,
    .hmf_wide_screen tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .hmf_wide_screen  .links_col_2,
    .hmf_wide_screen  .links_col_3 {
        display:none;
    }

    .hmf_wide_screen tr {
        border: 1px solid #dcdcdc;
    }

    .hmf_wide_screen td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .hmf_wide_screen td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .hmf_wide_screen  thead{
        background-color: #f5f5f5;
    }

    .hmf_wide_screen  td {
        margin-top: 0;
        margin-bottom: 0;
    }

    .hmf_wide_screen  td:first-child {
        margin-top: 10px;
    }
    .hmf_wide_screen  td:last-child {
        margin-bottom: 10px;
    }
}

/* 13.0 Warranty page *
*------------------------------*/

/*13.1 add indent and hanging paragraphs */
.hmf-warranty-a {
    padding-left: 42px;
    text-indent:-18px;
}

.hmf-warranty-i {
    padding-left: 22px ;
    text-indent: -22px ;
}


.hmf-warranty-v {
    padding-left: 22px ;
}

/* 14.0 Testimonials page
 *------------------------------*/

/* 14.1 Remove shadow around image and increase size*/
.client_image {
    border-radius: 0%;
    box-shadow: none;
    display: table;
    float: none;
    margin: auto auto 10px
}

.client_image img {
    border: none;
    border-radius: 0%;
    height: 100px;
    overflow: hidden;
    width: 250px;
}

.testimonial.box .client_image.gradient{
    background: none;
}

/* 14.2 Center images and text */
.testimonial.box  .text  {
    margin: auto;
    text-align: center;
    line-height: 140%;
    font-size: 16px;
    width: 90%;
}

.testimonial.box .with_image {
    margin: auto;
}


/* 15.0 Breadcrumb
 *------------------------------*/

/* 15.1 Align text right for all breadcrumbs*/
.breadcrumb {
    text-align: right;
}

/* 15.2 move breadcrumb space to right on all pages */
.info_bar .breadcrumb {
    float: right;
    text-align: right;
}

/* 15.3 Product page adjustments for breadcrumb on top */

/* Add line and padding to product section for right breadcrumb */
.hmf_product_section {
    border-top: 1px solid #ededed;
    padding-top: 20px;
}

/* Increase title font size */
.top_content .heading h1 {
    font-size: 26px;
}

/* Remove padding after title */
.top_content .info_bar {
    padding-bottom: 0;
}

/* Add margin to align breadcrumb and title */
.top_content .breadcrumb {
    margin-top: 15px;
}

/* 16.0  Ubermenu changes
 *------------------------------*/

/* 16.1 lRT-18 theme adjustments */

/* 16.1.1 Set menu width */

@media only screen and (max-width:1100px) {
    .ubermenu {
        width: 970px;
        margin-right: 60px;
    }
}

@media only screen and (max-width:1000px) {
    .ubermenu {
        margin-right: 50px;
        width: 930px;
    }
}

/* 16.1.2 make menu bar gray */
#hmf_nav_bar {
    background-color: #e8e8e8;
}


/* 16.2 Top level menu items */

/* 16.2.1 Set font size, color and text transformation for top level menu items */
.ubermenu-item-level-0> a:nth-child(1) > span:nth-child(1) {
    font: 16px/18px 'PT Sans Narrow', Arial, sans-serif;
    color: #555;
    text-transform: uppercase;
}

/* 16.2.2 Add dividers on left for first menu item */
.ubermenu-main {
  border-left: 1px solid #eee;
}

/* 16.2.3 Add dividers on right */
.ubermenu-nav > .ubermenu-item-level-0 {
  border-right: 1px solid #eee;
}

/* 16.2.4 dd shadow on hover */
.ubermenu-item-level-0:hover > .ubermenu-target {
    -moz-box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03);
    -o-box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03);
    box-shadow: 6px 0 0 rgba(0, 0, 0, 0.03), -6px 0 0 rgba(0, 0, 0, 0.03);
}

/* 16.2.5 Add moving red bars when hover on menu */
#hmf_nav_bar> .ubermenu > ul > li > a:after {
    background: #c8102e;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    -ms-transition: width 0.2s ease 0s;
    -webkit-transition: width 0.2s ease 0s;
    -moz-transition: width 0.2s ease 0s;
    -o-transition: width 0.2s ease 0s;
    transition: width 0.2s ease 0s;
    width: 0;
    vertical-align: top;
}

#hmf_nav_bar> .ubermenu > ul > li.current_page_item > a:after,
#hmf_nav_bar > .ubermenu > ul > li.current-menu-ancestor > a:after,
#hmf_nav_bar > .ubermenu > ul > li:hover > a:after {
    background-color: #c8102e;
    height: 2px;
    left: 0;
    position: absolute;
    top: -2px ;
    width: 100%;
}

/* 16.2.6 Move margin-top to "0" to get moving bar on top of menu items */
.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {
    margin-top: 0;
}

/* 16.3 Adjust search form for Ubermenu */

/* 16.3.1 Add search box border with rounded corners and white background*/
.ubermenu.ubermenu-main .ubermenu-search input.ubermenu-search-input {
    border: 1px solid #eee;
    border-radius: 5px;
}

.ubermenu .ubermenu-search .ubermenu-searchform {
     background: none repeat scroll 0 0 #fff;
}

/* 16.3.2 Change icon color to match theme*/
.ubermenu .ubermenu-search .ubermenu-search-submit {
    color: #555;
}

/* 16.3.3 Remove margin for search box*/
.ubermenu .ubermenu-search .ubermenu-searchform {
    margin-left: 0;
    margin-right:0;
}

/* 16.3.4 Remove right border after search box*/
.ubermenu-nav > .ubermenu-item-level-0:last-of-type {
  border-right: none;
}

/* 16.4 lower level menu items */

/* 16.4.1 Set default menu font size and color */
.ubermenu-main,
.ubermenu-main
.ubermenu-target,
.ubermenu-main div,
.ubermenu-main p,
.ubermenu-main input,
#hmf_nav_bar ul ul > li > a span{
    font: 14px/16px 'PT Sans', Arial, sans-serif;
    color: #555;
}

/* 16.4.3 Sub-menu hover behavior */
#hmf_nav_bar ul > li:hover > .ubermenu-target span,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target > .ubermenu-target-title {
    color: #555;
}

.ubermenu-nojs.ubermenu-skin-none .ubermenu-submenu .ubermenu-tabs .ubermenu-tab:hover > .ubermenu-target,
.ubermenu-skin-none .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target,
#hmf_nav_bar .ubermenu-skin-none .ubermenu-tabs .ubermenu-submenu-type-tabs-group .ubermenu-tab.ubermenu-active > .ubermenu-target + .ubermenu-tab-content-panel  {
    background-color: #fff;
}

/* 16.4.4 Add padding for column headers */
.hmf-ubermenu-item-header,
.ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
    border-bottom: 1px solid #999;
    padding: 15px 10px 5px 10px;
    margin: 0 10px;
}

/* 16.4.5 Adjust margin on indicator arrow to line up with text */
.ubermenu-sub-indicators .ubermenu-has-submenu-drop.ubermenu-tab>.ubermenu-target:after {
    margin-top: -5px;
}

/*16.4.6 Change indicator to fontello font -- problems with fontawesome loading 
.ubermenu-sub-indicators .ubermenu-tabs.ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-has-submenu-drop>.ubermenu-target:after  {
    font-family: 'fontello';
    content: "\25b8"
}
*/
/* 16.4.7 Remove padding for row dividers in tab content panels */
.ubermenu-tab-content-panel .ubermenu-divider  {
    padding: 0;
}

/* 16.4.8 Adjust spacing for text under pictures in submenu*/
#hmf_nav_bar .ubermenu .ubermenu-target-with-image > .ubermenu-target-text {
    margin-bottom: 20px;
}

#hmf_nav_bar .ubermenu .ubermenu-item-layout-image_above > .ubermenu-image {
    margin-bottom: 5px;
}

/* 16.4.9 Change submenu border to light gray*/
.ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group {
    border-right: 1px solid #eee;
}

.ubermenu .ubermenu-submenu-type-stack {
    padding-top: 0;
}

/* After items in Mega Menu */
#menu-item-6032,
#menu-item-5943 {
    border-bottom: 1px solid #d5d5d5;
    width: 70%;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/* 17.0 Tooltips Pro
*------------------------------*/

/* 17.1 Remove unnecessary line breaks after images */
.qtip-content br{
    display: none;
}

/* 17.2 Set image alignment and remove border within tooltip box */
.qtip-content  .wp-caption{
    vertical-align:top;
    border: none;
    -moz-box-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* 17.3 Set tooltip box width to auto so box sizes relative to content */
.qtip {
    max-width: 650px !important;
    max-height: 300px;
    width: auto  !important;
}

.hmf-tip-text {
    max-width: 650px;
}

 /* 18.0 Misc
 *------------------------------*/

/* 18.1 Data Box in Quick Ship article */
.article-box {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 6px 0 15px 0;
    padding: 20px 20px;
    position: relative;
    background: #f9f9f9;
    display: inline-block;
}

/* 18.2 change twitter timeline background color */
.hmf-twitter-timeline {
    padding-left: 10px ;
    padding-right: 10px;
    background-color: #f3f3f3;
}


/* 18.3 Line up images on Field troubleshooting page */
.pane.fluid .box.one p {
    display: inline;
}

.pane.fluid .box.one p.wp-caption-text{
    line-height: 125%;
    min-height: 65px;
    display: block;
}

/* 18.4 Make shortcode tabs titles text-align left */
.shortcode_tabs .tabs_wrap .tabs a {
    text-align: left;
}

/* 18.5 Center Skype button in box */
#SkypeButton_Call_hmf\.express_1_1_paraElement > a > img {
    margin: 0 auto !important;
}

/* 18.6 Right margin for lists in columns */
.fluid .box.three ol,
.fluid .box.three ul {
    margin: 0 20px 20px 17px;
}

/* 18.7 Change responsive columns in tabs */
@media only screen and (max-width: 767px) {
    .responsive #container .fluid .three {
        width: 50% !important;
    }
}

@media only screen and (max-width: 550px) {
    .responsive #container .fluid .three {
        width: 100% !important;
    }
}


/* 18.8 Box alignement on About page */
.hmf_product_item_holder {
    position: relative;
}
.with_borders .hmf_product_item_holder .featured_image {
    border: 0;
    padding: 20px;
}

.hmf_product_item_holder .featured_image.img_loaded {
    height: 100px;
}

.hmf_product_item_holder .featured_image.img_loaded img {
    max-height: 100px;
    margin: auto;
}

/* 18.9 Table borders */
 table, th, td {
   border: .5px solid #999 !important;
}

/* 18.10 Making heading 4 links color red */
 h4 a,h4 a:visited {
  color: #c8102e;
}

/*  COLOR SCHEME 
 *------------------
 *  HMFExpress red: c8102e
 *  very dark gray: #999 - hover colors for social media icons
 *  darkest gray: #dcdcdc; - Twitter timeline, table borders
 *  f9f9f9 - nav bar, mega menu background, data box in article
 *  f5f5f5 - vertical tabs background, table header
 *  #eee - borders
 *  #ededed - borders on product pages
 *  #555 - text
 */