/*
  Global.css - All the non-default CSS goes here!
*/

.av-subheading p {
    font-family: 'static';
    font-weight: 300;
}

/*
  button styling
*/
#top #wrap_all .avia-button {
    border-width: 0px;
}

#top #wrap_all .avia-button {
    border-radius: 25px;
}

#top #wrap_all .av-main-nav ul > li > a {
    border: none;
}

#top #header.av_minimal_header .main_menu ul:first-child >li > ul, #top #header.av_minimal_header .main_menu .avia_mega_div > .sub-menu {
    border: none;
}

/*
  Form styling
*/
#top #wrap_all .main_color input, #top #wrap_all .main_color textarea, #top #wrap_all .main_color select {
    border: 1px solid  #949494;
    background-color: white;
}

/*
  Form submit button styling
*/
#top #wrap_all .main_color input[type='submit'], #top #main .main_color .container input[type='submit'] {
    background-color: #518C6E;
    color: white;
    border-radius: 25px;
    font-family: 'static';
    font-size: 18px;
    padding: 7px 18px;
    border: none;
}

/*
  blog search input styling
*/
#top #wrap_all .main_color #searchsubmit {
    color: #949494;
    border: none;
    background-color: white;
    font-family: 'entypo-fontello';
    border-radius: 0;
    padding: 0;
}

/*
  Brand images in front page remove border bug
*/
#top .av-inner-masonry, #top .av-masonry-outerimage-container {
    border: 1px solid white !important;
}

#top .av-hover-overlay-grayscale .av-masonry-entry .av-masonry-image-container {
    border: 1px solid white !important;
}

.av-fixed-size.av-orientation-square .av-masonry-entry .av-inner-masonry-sizer {
    padding-bottom: 80%;
}

/*
  Set good font on sub menu
*/
.container .sub_menu {
    font-family: 'static';
}

/*
  Sub menu styling
*/
#top .container .sub_menu>ul>li>a {
    font-weight: 400;
    color:  #333333;
}

/*
  Front page cover image box, reduce size
*/
#top .cover-image .cover-box {
    width: 75%;
}

/*
  Front page cover image box, center the black box with text
*/
#top .cover-image .entry-content-wrapper {
    display: flex;
    justify-content: center;
}

/*
  Front page cover image box, button styling
*/
#top #wrap_all .blue-border .avia-button.avia-color-light {
    border-color: #277e96;
    border-width: 2px;
}

/*
  front page Software solution section
  reduce spacing between element
*/
#top #iconbox-wrapper .flex_column {
    width: 50%;
}

/*
  front page Software solution section
  Resize the images to same size
*/
#top #iconbox-wrapper .flex_column img {
    height: 140px;
    width: auto;
}

/*
  front page Software solution section
  Placing colored border at the end of box
*/
#growing-border {
    border-bottom: 25px solid #D0E17D;
}

#packing-border {
    border-bottom: 25px solid #518C6E;
}

#processing-border {
    border-bottom: 25px solid #EFD06D;
}

#distributing-border {
    border-bottom: 25px solid #277e96;
}

#retail-border {
    border-bottom: 25px solid #0D3859;
}

/* Front page event */
#top #wrap_all .event-box .slide-image, #top #wrap_all .event-box .read-more-link {
    order: 1;
}

#top #wrap_all .event-box .slide-image, #top #wrap_all .event-box .slide-meta {
    order: 3;
}

#top #wrap_all .event-box .slide-image, #top #wrap_all .event-box .entry-content-header {
    order: 2;
}

#top #wrap_all .event-box .slide-image, #top #wrap_all .event-box .slide-image {
    display: none;
}

#top #wrap_all .event-box .slide-content {
    display: flex;
    flex-direction: column-reverse;
}

#top #wrap_all .event-box time {
    font-family: 'static';
    font-weight: 300;
    font-size: 20px;
    color: #666666;
}

#top #wrap_all .event-box .blog-meta {
    display: none;
}

#top #wrap_all .event-box .entry-content-header {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
}

#top #wrap_all .event-box .post_delimiter {
    border: none;
}

/* past events */
#top #wrap_all .event-past {
    display: flex;
    background-color: #F2F2F2;
    position: relative;
    max-height: 180px;
}

#top #wrap_all .event-past:hover {
    opacity: 0.6;
}

#top #wrap_all .main_color .event-past .entry-title {
    color: #0D3859;
    font-size: 16px;
    font-weight: bold;
}

#top #wrap_all .main_color .event-past .entry-title.event-title-shortened {
    display: none;
}

#top #wrap_all .main_color .event-past .entry-title.event-title-full {
    display: block;
}

#top #wrap_all .main_color .event-past .slide-image {
    margin: 0;
    width: 50%;
    border-radius: 0;
}

#top #wrap_all .main_color .event-past .slide-image img{
    border-radius: 0;
}

#top #wrap_all .main_color .event-past .slide-content .slide-meta {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-bottom: 0;
}

.event-past .slide-meta time  {
    background-color: #277e96;
    color: white;
    font-weight: bold;
    padding: 5px 15px 5px 15px;
}

#top #wrap_all .main_color .event-past .slide-content {
    padding: 10px;
    width: 50%;
}

#top #wrap_all .main_color .event-past .slide-content .entry-content-header {
    min-height: 40px;
}

#top #wrap_all .main_color .event-past .read-more-link {
    display: none;
}

/*
    Blog
*/
#top #wrap_all .main_color .entry-title {
    font-size: 24px;
    font-weight: 400;
    color: #277e96;
}


/*
  Blog sidebar styling
*/

#top #wrap_all .main_color .slide-content .event-title-shortened {
    display: none;
}

.widget_nav_menu {
    display: none;
}

aside .inner_sidebar section {
    padding-top: 15px;
    padding-bottom: 15px;
}

#top #wrap_all .main_color #recent-posts-3 .widgettitle {
    background-color: white;
    padding-left: 0;
    padding-bottom: 0;
}

#top #wrap_all .main_color .widgettitle-link:hover {
    text-decoration: none;
}

#top #wrap_all .main_color .widgettitle-link:focus {
    text-decoration: none;
}

#top #wrap_all .main_color .widgettitle {
    font-size: 20px;
    background-color: #FCFCFC;
    padding: 15px 10px;
}

#top #wrap_all .main_color .widget a {
    font-family: 'static';
    color: #333333;
    font-size: 14px;
    font-weight: 600;
}

#top #wrap_all .main_color .widget li {
    display: grid;
}

.sidebar-social {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.sidebar-social h5 {
    margin-bottom: 0;
}

.envelope-box {
    padding: 20px 15px;
    background-color: #FCFCFC;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.envelope-box h5 {
    margin-top: 10px;
    text-align: center;
}

/* event page */

.event-list .entry-content-wrapper .entry-content-header {
    display: flex;
    flex-direction: column-reverse;
}

#top #wrap_all .main_color .event-list .entry-content-wrapper .entry-content-header .entry-title {
    margin: 0;
}

#top #wrap_all .event-list .read-more-link {
    margin-top: 0;
    text-align: left;
    color: #277e96;
}

.case-study-widget .avia-content-slider-inner article .read-more-link a {
    color: #237086;
}

#top #wrap_all .event-list .read-more-link a {
    padding: 0;
    text-decoration: underline;
}

#top #wrap_all .event-list .blog-meta {
    background-image: url('/wp-content/uploads/2020/11/event-icon.png');
    background-repeat: no-repeat;
    background-size: 75px;
}

#top #wrap_all .event-list .blog-meta a {
    pointer-events: none;
}

#top #wrap_all .event-list .blog-meta .rounded-container {
    background: none;
}

#top #wrap_all .event-list article.post-entry .post_author_timeline {
    border: none;
}

#top #wrap_all .event-list .blog-meta .iconfont {
    display: none;
}

/* Press Releases */
.post-meta-infos span {
    display: none;
}

/* footer */
#top .footer-page-content .custom-color-heading a {
    text-decoration: none;
}

/* Case Study */

.blue-box .av-special-heading-tag  b {
    color: white;
}

.over-heading-title-white .av-special-heading-tag {
    background-color: white;
    padding: 5px !important;
}

.comma-image .avia-image-container-inner .avia-image-overlay-wrap img {
    height: 75px;
    width: auto;
}

.center-text-image {
    display: flex;
}

#top .center-text-image p{
    align-self: center;
}

#top .testimony {
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.15);
}

#top .testimony.blue-testimony {
    box-shadow: none;
}

.testimony .center-text-image {
    justify-content: flex-end;
}

.testimony .center-text-image p{
    margin-left: 20px;
}

#top #wrap_all .main_color.blue-section .container h4 {
    color: white;
}

#over-image.testimony {
    margin: -55px 30px 0 30px;
}

#av_section_4.half-bg {
    background-size: 100% 430px;
}

#side-by-side.testimony {
    position: relative;
    top: 100px;
}

.container .avia-icon-list .avia_start_animation {
    padding-bottom: 60px;
}

.main_color .container .avia-icon-list .iconlist-timeline {
    border-color: #A7D5E1;
    border-style: dashed;
    border-right-width: 5px;
}


.numbered-list li:nth-child(1) .iconlist-char:before {
    font-family: 'Open Sans';
    content: '1';
}
.numbered-list li:nth-child(2) .iconlist-char:before {
    font-family: 'Open Sans';
    content: '2';
}
.numbered-list li:nth-child(3) .iconlist-char:before {
    font-family: 'Open Sans';
    content: '3';
}
.numbered-list li:nth-child(4) .iconlist-char:before {
    font-family: 'Open Sans';
    content: '4';
}

#av_section_5.result-section {
    background-position-x: 19% !important;
}

#av_section_5.result-section .result-icon img{
    height: 50px;
    width: auto;
}

#top #av_section_6 .template-page {
    padding-top: 0px;
}

#top #wrap_all .border-button .avia-button {
    border: 3px solid #277e96 !important;
    background-color: inherit !important;
    width: 75%;
}

.contact-us-box {
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contactUs-btn a{
    width: 100%;
}

#top .avia-button .avia_button_background {
    display: none;
}

#top .social-links-list .av-share-link-description {
    text-align: center;
    color: black !important;
}

/* Case studies widget */
.case-study-widget .avia-content-slider-inner .slide-entry-wrap {
    min-height: 357px;
}

.case-study-widget .avia-content-slider-inner .slide-entry-wrap article .slide-image {
    background-color: transparent;
    text-align: center;
}

.case-study-widget .avia-content-slider-inner .slide-entry-wrap article .slide-image img {
    width: auto;
    height: 136px;
    margin: 0 auto;
}

.case-study-widget .avia-content-slider-inner .slide-entry-wrap article {
    background-color: #f0f0f0;
    padding: 20px 25px;
    min-height: 475px;
}

.case-study-widget .avia-content-slider-inner .slide-entry-wrap article .slide-content .slide-meta .slide-meta-time {
    color: black;
    font-size: 16px;
}

/* Avia Blog Grid - Global Read More Styling */
.avia-content-slider.avia-content-grid-active .read-more-link {
    margin-top: 28px;
    text-align: center;
}

.avia-content-slider.avia-content-grid-active .more-link {
    background-color: #24788f;
    color: white !important;
    font-family: 'static', Helvetica, Arial, sans-serif;
    font-size: 18px;
    padding: 6px 30px;
    border-radius: 25px;
}

.avia-content-slider.avia-content-grid-active .more-link:hover {
    background-color: #39859a;
    text-decoration: none;
}

/* Testimonial Styling */

#top .case-study-testimonial .avia-testimonial .avia-testimonial_inner .avia-testimonial-meta .avia-testimonial-image {
    height: 136px;
    width: 136px;
    background-size: cover;
}

#top .case-study-testimonial .avia-testimonial .avia-testimonial_inner .avia-testimonial-meta .avia-testimonial-meta-mini .avia-testimonial-name {
    font-size: 28px;
    font-weight: 300;
    color: #277e96;
}

#top .case-study-testimonial .avia-testimonial .avia-testimonial_inner .avia-testimonial-meta .avia-testimonial-meta-mini .avia-testimonial-subtitle {
    font-size:  16px;
    font-weight: 400;
    color: #061826;
}

#top #wrap_all .case-study-testimonial .avia-slideshow-arrows a {
    top: -15px;
    opacity: 0.4;
}

#top #wrap_all .case-study-testimonial .avia-slideshow-arrows a:before {
    font-size: 45px;
}

@media only screen and (max-width: 990px) {
    .responsive #top #wrap_all .avia-content-slider-even .event-past.slide-entry {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
    }

    #top #wrap_all .main_color .event-past .entry-title.event-title-shortened {
        display: block;
    }

    #top #wrap_all .main_color .event-past .entry-title.event-title-full {
        display: none;
    }

    .responsive #top #wrap_all .avia-content-slider-even .event-past.slide-entry.slide-parity-odd {
        margin-bottom: 40px;
    }

}

@media only screen and (max-width: 768px) {
    #top #wrap_all #av_section_5.result-section h2 {
        font-size: 30px;
    }
    #top #wrap_all #av_section_5.result-section h3 {
        font-size: 20px;
    }
}

/*
Fix merged from supplier page styling fix that was added to the 'Custom CSS/JS' plugin
 */
#top .ifdscl .the-content a:not([class*='ifdscl-btn-']) {
    text-decoration: underline;
    color: #518b6e;
}

.ifdscl-checkout__woo .shop_table .ifdscl-popup-cart-link {
    color: #518b6e !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    font-style: italic;
    font-size: 14px;
}

.ifdscl .renewal-notice a{
	color: #518b6e !important;
	text-decoration: underline;
}

/* Prevents WCAG background color issue with navigation */
#top #wrap_all header .av-main-nav.menu > .menu-item:not(.av-menu-button) > a .avia-menu-text {
    background: #ffffff !important;
}

/* Fixes blog post time greys for WCAG compliance */
.home-blog-post time {
    color: #707070;
}

/* Added to hide screen-reader elements for WCAG (apply as needed) */
.visually-hidden {
    clip-path: inset(100%);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* Disables Footer 'Socket' which is a blank theme area at the bottom of the site (for non-logged-in users only) */
body:not(.admin-bar) footer#socket {
    display: none;
}

/* Added for avia builder to constrict areas to 850px */
.width-medium {
    max-width: 780px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
}

/* Makes small secondary header menu area slightly larger in font-size */
#header_meta.av_secondary_right nav {
    font-size: 15px !important;
}

/* Ensures checkbox inputs in Woo have an underline on any links */
.woocommerce-input-wrapper .checkbox a {
    text-decoration: underline;
}

/**
 * Avia Builder Custom Classes
 * These can be applied within the builder as needed
 */

.font-bold {
    font-weight: bold;
}

/* Allows for smaller containers inside of wide containers (1440px) */
.container-lg {
    max-width: 1024px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Allows for slimmer column gaps on multi-column rows */
.columns-slim {
    .av-flex-placeholder {
        /* Default is 6% */
        width: 3% !important;
    }
}

/* Allows for auto-width / auto-height images (sometimes SVGs do not expand to right size) */
.w-auto {
    width: auto !important;
}

.h-auto {
    height: auto !important;
}

/* Allows for elements to be hidden with the Avia Builder */
.avia-hidden {
    display: none !important;
}
