/*
Theme Name: Pack Protocols
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: +X
Author URI: http://plu.sx
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.106.1520551248
Updated: 2018-03-08 23:20:48

*/

body {
    background: white !important;
}

body, p {
    color: #4E5860 !important;
    font-weight: 400 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #4E5860;
    font-weight: 400 !important;
}

/* gallery page */
body.page-id-34 {
    background: #eee !important;
}

.entry-content {
    max-width: 1400px;
    margin: 0 auto;
}

.et_pb_button {
    color: white;
    font-weight: bold;
    font-size: 17px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89c3a2+0,25774a+100 */
    background: rgb(137,195,162); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(137,195,162,1) 0%, rgba(37,119,74,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(137,195,162,1) 0%,rgba(37,119,74,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(137,195,162,1) 0%,rgba(37,119,74,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c3a2', endColorstr='#25774a',GradientType=0 ); /* IE6-9 */
}

#main-header .container {
    width: 100%;
    height: 120px;
    max-width: 100%;
    margin: 0;
    text-align: center;
    background: #57595B;
}

.logo_container {
    display: none;
}

div#et-top-navigation {
    float: none;
    display: inline-block;
    padding-left: 0 !important;
    width: 100%;
}

.et_header_style_left #et-top-navigation {
    padding-top: 16px;
}


ul#top-menu {
    margin-top: 50px;
    width: 100%;
}

#top-menu li {
    padding: 0 2%;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
}

#top-menu > li:first-child {
    padding-left: 0;
}

nav#top-menu-nav {
    float: none;
}

.nav li {
    line-height: 0;
}

li.nolink {
    cursor: default;
}

.et_mobile_menu li a:hover,
.nav ul li a:hover {
    opacity: 1;
    background-color: #d6eadf;
}

.et_mobile_menu li.nolink a:hover,
.nav ul li.nolink a:hover {
    opacity: 1;
    background-color: rgba(0,0,0,0);
}

.nav li ul {
    border-top: 3px solid #80ba98;
}

#top-menu li a {
    color: white;
    font-weight: 300;
    font-family: 'raleway', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
}

#top-menu li.current-menu-item > a {
    color: white;
    font-weight: bold;
}

#top-menu ul.sub-menu li a {
    font-weight: 300;
    font-family: 'raleway', sans-serif;
    color: black;
    text-transform: capitalize;
}


/** ============================================================================ **/
/** HARCODED STYLES TO SPECIFIC ELEMENTS. MODIFYING IN WORDPRESS WILL BREAK THIS **/
/** ============================================================================ **/
li.menu-item-home {
    /* The center of the menu becomes the pack protocols logo */
    /* sends the text off-screen */
    text-indent: -9999px;
    /* shows image */
    background-image: url(../../../wp-content/uploads/2018/03/pp_logo-sm.png);
    background-size: 100%;
    /* be sure to set height & width */
    height: 87px;
    width: 87px;
    /* because only the first line is indented */
    white-space: nowrap;
    top: -50px;
    cursor: pointer;
}
/** ============================================================================ **/


.et_header_style_left .mobile_menu_bar, .et_header_style_split .mobile_menu_bar {
    padding-bottom: 14px;
    padding-right: 20px
}

#main-header .et_mobile_menu li ul, .et_pb_fullwidth_menu .et_mobile_menu li ul {
    text-align: left;
}

#main-header .et_mobile_menu > li > a, .et_pb_fullwidth_menu .et_mobile_menu > li > a {
    text-transform: uppercase;
    font-weight: bold;
}

#mobile_menu > li > a {
    background: rgba(0,0,0,.03);
}

/** ============================================================================ **/
/** FULL SCREEN SLIDER STYLES                                                    **/
/** ============================================================================ **/
#home-slider .et_pb_slide {
    height: 550px;
}

#home-slider .et_pb_bg_layout_dark,
#home-slider .et_pb_bg_layout_dark h1,
#home-slider .et_pb_bg_layout_dark h2,
#home-slider .et_pb_bg_layout_dark h3,
#home-slider .et_pb_bg_layout_dark h4,
#home-slider .et_pb_bg_layout_dark h5,
#home-slider .et_pb_bg_layout_dark h6 {
    color: black !important;
}

/** Wrapper for the slide content **/
#home-slider div.et_pb_slide_description {
    font-family: 'Roboto Slab', serif;
    color: rgba(0,0,0,0.8) !important;
    font-size: 36px;
    line-height: 43px;
    margin-top: 100px;
    padding: 0;
    text-shadow: none;
}

/** Main slide title **/
#home-slider .title-large {
    font-family: 'Roboto Slab', serif;
    color: rgba(0,0,0,1) !important;
    font-size: 78px !important;
    line-height: 54px;
    text-align: left;
    padding-bottom: 30px;
}

#home-slider .subtitle-large {
    text-align: left;
}

#home-slider h2.et_pb_slide_title {
    /*font-weight: bold !important;*/
    font-family: 'Roboto Slab', serif;
    color: rgba(0,0,0,1) !important;
    font-size: 78px !important;
    line-height: 54px;
    padding-bottom: 30px;

    /*
    color: rgba(255,255,255,0.8) !important;
    text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15),
               1px 1px 3px rgba(0,0,0,0.3),
               1px 1px 3px rgba(0,0,0,0.8);*/
}

/** Slide Subtitle **/
#home-slider .et_pb_bg_layout_dark .et_pb_slide_content {
    float:left;
    /*text-shadow: 0px 0px 24px rgba(255, 255, 255, 1), 0px 0px 24px rgba(255, 255, 255, 1);*/
}

#home-slider .et_pb_bg_layout_dark .et_pb_slide_content span {
    /* color: white !important;
    background: rgba(255,255,255,0.5);
    padding: 3px 10px;
    border-radius: 22px;*/
}

#home-slider .et_pb_slide_content .title-large {
    /*text-shadow: -1px -1px 0px rgba(255,255,255,0.4),
                 1px 1px 0px rgba(255,255,255,0.4),
                 2px 2px 0px rgba(255,255,255,0.4),
                 -2px -2px 0px rgba(255,255,255,0.4),
                 1px -1px 0px rgba(255,255,255,0.4),
                 -1px 1px 0px rgba(255,255,255,0.4),
                 -2px 2px 0px rgba(255,255,255,0.4),
                 2px -2px 0px rgba(255,255,255,0.4) !important;*/
}

#home-slider .et_pb_slide_content .subtitle-large {
    /*text-shadow: -1px -1px 0px rgba(255,255,255,0.4),
                 1px 1px 0px rgba(255,255,255,0.4),
                 1px -1px 0px rgba(255,255,255,0.4),
                 -1px 1px 0px rgba(255,255,255,0.4) !important;*/
}

#home-slider .et-pb-controllers .et-pb-active-control {
    background-color: rgba(255,255,255,0.8);
}

#home-slider .et-pb-controllers {
    bottom: 50px;
}

#home-slider .et-pb-controllers a {
    width: 17px;
    height: 17px;
    border: 1px solid black;
    border-radius: 8px;
    background: black;
}

#home-slider .et-pb-arrow-next:before {
    font-weight: bold;
    color: black;
    border: 1px solid black;
    border-radius: 28px;
    background: rgba(255,255,255,0.8);
}

#home-slider .et-pb-arrow-prev:before {
    font-weight: bold;
    color: black;
    border: 1px solid black;
    border-radius: 28px;
    background: rgba(255,255,255,255.8);
}

/** ============================================================================ **/
/** HARDCODED SLIDER STYLES                                                      **/
/** ============================================================================ **/
#home-slider .et_pb_slide_1 > span {
    /* This is for the slide with lego people */
    background-position: center;
}
/** ============================================================================ **/
/** ============================================================================ **/


.bg-white-folder-top {
    height: 48px;
    margin-top: -48px;
    background-color: transparent;
    z-index: 9999;
}

.bg-white-folder-bottom {
    height: 48px;
    top: 48px;
    background-color: transparent;
    z-index: 9999;
}

#bg_galaxy {
    height:570px;
}

#bg_galaxy h1 {
    color: rgba(255,255,255,0.8);
    font-size: 45px;
    line-height: 54px;
    font-weight: 400 !important;
}

#bg_galaxy h2 {
    color: rgba(255,255,255,0.8);
    font-size: 36px;
    line-height: 43px;
    margin-top: 35px;
    font-weight: 400 !important;
}


/** Isaac Asimov Quote **/
#bg_galaxy .et_pb_code_inner {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 165px;
    text-shadow: 1px 1px 14px rgba(0, 0, 0, 0.9);
}


#bg_empty_green {
    height: 230px;
}


.italic {
    font-style: italic;
}

.roboto {
    font-family: 'Roboto Slab', serif;
}

.open-sans {
    font-family: 'Open Sans', sans-serif;
}


.title-heading {
    font-size: 45px;
    font-weight: 300 !important;
    color: #2a3c49;
    text-align: center;
    padding: 14px 0;
}

.title-bg-color {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89c3a2+0,89c3a2+21,89c3a2+74,89c3a2+100&0+0,1+50,0+100 */
    background: -moz-linear-gradient(left, rgba(137,195,162,0) 0%, rgba(137,195,162,0.42) 21%, rgba(137,195,162,1) 50%, rgba(137,195,162,0.52) 74%, rgba(137,195,162,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(137,195,162,0) 0%,rgba(137,195,162,0.42) 21%,rgba(137,195,162,1) 50%,rgba(137,195,162,0.52) 74%,rgba(137,195,162,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(137,195,162,0) 0%,rgba(137,195,162,0.42) 21%,rgba(137,195,162,1) 50%,rgba(137,195,162,0.52) 74%,rgba(137,195,162,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089c3a2', endColorstr='#0089c3a2',GradientType=1 ); /* IE6-9 */
}

.title-heading-subgradient {
    height: 2px;
    max-width: 430px;
    margin: 0 auto;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89c3a2+0,89c3a2+100&0+0,1+100 */
    background: -moz-linear-gradient(left, rgba(137,195,162,0) 0%, rgba(137,195,162,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(137,195,162,0) 0%,rgba(137,195,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(137,195,162,0) 0%,rgba(137,195,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089c3a2', endColorstr='#89c3a2',GradientType=1 ); /* IE6-9 */
}

.subtitle-heading {
    font-size: 18px;
    font-weight: 400;
    color: #2a3c49;
    text-align: center;
}

.folder-item {
    border: 1px solid #c9ced1;
    padding: 10px;
    background: url(/wp-content/themes/PackProtocols/images/folder-item-top.png) no-repeat;
    background-position: -2px 0px;
    border-top: 0px;
    min-height: 355px;
    transition: all 1s;
}

.folder-item:before {
    content: '';
    background: white;
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 14px;
    right: 0;
    top: 0px;
}

.folder-item:hover {
    background: #d6eadf url(/wp-content/themes/PackProtocols/images/folder-item-top.png) no-repeat;
    background-position: -2px 0px;
    cursor: pointer;
    transition: all 1s;
}

.folder-item h1 {
    text-transform: uppercase;
    font-weight: bold;
}

.folder-item p {
    color: black;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    line-height: 23px;
    font-size: 14px;
}

.folder-item h1.consulting:before {
    content: '';
    background: url(/wp-content/uploads/2018/03/artboard-1consulting.png) no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.folder-item h1.education:before {
    content: '';
    background: url(/wp-content/uploads/2018/03/artboard-1education.png) no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.folder-item h1.engineering:before {
    content: '';
    background: url(/wp-content/uploads/2018/03/artboard-1engineering.png) no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;
}


.folder-item-posts {
    min-height: 390px;
}

.folder-item-posts h1.entry-title {
    padding-top: 15px;
}


#contact-blurb-wrapper {
    padding-top: 50px;
}

.contact-blurb {
    display: block;
    position: relative;
}

.contact-blurb span {
    position: absolute;
    top: 6px;
}

.contact-blurb a {
    color: black;
    text-decoration: none;
}

.contact-blurb:before {
    content:'';
    width: 32px;
    height: 32px;
    padding-right: 10px;
    display: inline-block;
    background-repeat: no-repeat !important;
}

.contact-email:before {
    background: url(/wp-content/themes/PackProtocols/images/email.png);
}

.contact-phone:before {
    background: url(/wp-content/themes/PackProtocols/images/phone.png);
}




.mejs-container {
    background: black !important;
}


/** ============================================================================ **/
/** SIDEBAR ON Divi custom blog (main blog page)                                 **/
/** ============================================================================ **/

.blog-custom-wrapper-left-col {
    width: 27.875% !important;
    margin: 0 !important;
}

.blog-custom-wrapper-left-col .et_pb_widget_area_left {
    padding-right: 20px;
}

.blog-custom-wrapper-right-col {
    width: 66.625% !important;
    padding-left: 20px;
}

body.page-id-9 .et_pb_widget {
    margin-bottom: 10% !important;
}

/** ============================================================================ **/
/** SIDEBAR ON SINGLE.PHP  (single blog post template)                           **/
/** ============================================================================ **/

.et_right_sidebar #main-content .container:before {
    right: 72.875% !important;
}

.et_right_sidebar #sidebar {
    padding-right: 20px;
    padding-left: 0;
    margin-right: 20px;
    width: 27.875%;
}

body.single-post h1.entry-title,
body.page-id-9 h1.entry-title {
    font-family: "Roboto Slab", serif;
    font-size: 50px;
}

body.single-post h2.entry-title,
body.page-id-9 h2.entry-title {
    font-family: "Roboto Slab", serif;
    font-size: 30px;
}

body.single-post p.post-meta {
    display: none;
}

body.single-post p.post-time,
body.page-id-9 p.post-meta {
    font-family: "Open Sans", sans-serif;
    font-weight: bold !important;
}

body.single-post div.entry-content,
body.single-post div.entry-content p,
body.single-post div.entry-content p span {
    font-family: "Open Sans", sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    color: black;
}

body.single-post #left-area {
    padding-right: 0;
    width: 69.125%;
}

.more-link {
    background: #d5eae0;
    padding: 5px;
    border-radius: 5px;
    width: 110px;
    text-align: center;
    margin-top: 10px;
    transition: all 500ms;
}

.et_pb_post {
    margin-bottom: 30px;
}

div.post-content:after {
    content: "";
    display: inline-block;
    height: 2px;
    width: 100%;
    margin: 0 auto;
    background: -moz-linear-gradient(right, rgba(137,195,162,0) 0%, rgba(137,195,162,1) 100%);
    background: -webkit-linear-gradient(right, rgba(137,195,162,0) 0%,rgba(137,195,162,1) 100%);
    background: linear-gradient(to left, rgba(137,195,162,0) 0%,rgba(137,195,162,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089c3a2', endColorstr='#89c3a2',GradientType=1 );
}

body.single-post .widget_recent_entries ul li,
body.single-post .widget_categories ul li,
body.page-id-9 .widget_recent_entries ul li,
body.page-id-9 .widget_categories ul li {
    padding: 5px;
    margin-bottom: 0;
    transition: all 500ms;
}

body.single-post .widget_recent_entries ul li:hover,
body.single-post .widget_categories ul li:hover,
body.page-id-9 .widget_recent_entries ul li:hover,
body.page-id-9 .widget_categories ul li:hover,
.more-link:hover {
    background: #d5eae0;
    padding: 5px;
    border-radius: 5px;
    transition: all 500ms;
}

body.single-post .widget_recent_entries ul li:hover a,
body.single-post .widget_categories ul li:hover a,
body.page-id-9 .widget_recent_entries ul li:hover a,
body.page-id-9 .widget_categories ul li:hover a,
.more-link {
    color: #4E5860;
    transition: all 500ms;
}

body.single-post .widget_recent_entries ul li a,
body.single-post .widget_categories ul li a,
body.page-id-9 .widget_recent_entries ul li a,
body.page-id-9 .widget_categories ul li a,
.more-link {
    font-family: "Open Sans", sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    color: #80ba98;
    transition: all 500ms;
}

body.single-post .widget_recent_entries ul li a:hover,
body.single-post .widget_categories ul li a:hover,
body.page-id-9 .widget_recent_entries ul li a:hover,
body.page-id-9 .widget_categories ul li a:hover,
.more-link:hover {
    font-family: "Open Sans", sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    color: #4E5860;
    text-decoration: none;
    transition: all 500ms;
}

body.single-post h4.widgettitle,
body.page-id-9 h4.widgettitle {
    font-family: "Roboto Slab", serif !important;
    font-size: 14px;
    font-weight: bold !important;
}



/** ============================================================================ **/
/** PAGE-FLOW ELEMENTS :: TEXT + IMAGE / IMAGE + TEXT                            **/
/** ============================================================================ **/

.pf-default {
    background: transparent;

    /* Here was a default height for all PageFlow items, to make 100% heights within to work.
       But now using jQuery to set exact heights, incl. on window resize */

    /* Here lies code to make background colors behind the text part */
    /*
    background-image: url(https://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=16295283);
    background-size: 96px, cover;
    background-position: 0% 0%, 0% 0%;
    background-color: #faeb82;
    background-repeat: repeat-x, no-repeat;
    */
}

.pf-anchor {
    /* The anchor link for all pf-items, top padding gives
       space above the image when scrolling to anchor / id */
    padding-top: 60px;
    border: 1px solid transparent;  /* required to give it padding */
}

.page-flow-wrapper-edge-1 .page-flow-wrapper .et_pb_text_inner p:first-child,
.page-flow-wrapper-edge-2 .page-flow-wrapper .et_pb_text_inner p:first-child {
    /* Elimnates the height of the first <p> tag that contains the pf-anchor,
       (removes it from page-flow), so that the text stays aligned to image top */
    position: absolute;
}

.pf-supplychain .page-flow-image {
    background-position: 25% 0px !important;
}



/*.pf-vibration .page-flow-text,
.pf-coldchain .page-flow-text,
.pf-industrial .page-flow-text {
    max-height: 500px;
    overflow: scroll;
}*/



/*.pf-supplychain .et_parallax_bg {
    background-position: 10% -160px !important;
}

.pf-automotive .et_parallax_bg {
    background-position: 70% 0px !important;
}*/

.page-flow-wrapper-edge-1 {
    margin-left: -100px;
    padding-bottom: 0;
}

.page-flow-wrapper-edge-1-wide {
    margin-left: 0;
    padding-bottom: 0;
}

.page-flow-wrapper-edge-2,
.page-flow-wrapper-edge-2-wide {
    padding-bottom: 0;
}

.page-flow-wrapper-edge-1 .page-flow-left-col {
    padding-left: 120px;
}

.page-flow-wrapper-edge-2 .page-flow-right-col {
    padding-right: 150px;
    padding-left: 14px;
}

.page-flow-wrapper-edge-1 .page-flow-wrapper,
.page-flow-wrapper-edge-1-wide .page-flow-wrapper {
    margin-right: 0;
    width: 100%;
}

.page-flow-wrapper-edge-2 .page-flow-wrapper,
.page-flow-wrapper-edge-2-wide .page-flow-wrapper {
    margin-left: 0;
    width: 100%;
}

.page-flow-wrapper-edge-1-wide .page-flow-left-col {
    width: 50%;
    padding: 0 40px;
    margin: 0 !important;
}

.page-flow-wrapper-edge-1-wide .page-flow-right-col {
    width: 50% !important;
}

.page-flow-wrapper-edge-2-wide .page-flow-left-col {
    width: 50% !important;
    margin: 0 !important;
}

.page-flow-wrapper-edge-2-wide .page-flow-right-col {
    width: 50%;
    margin: 0 !important;
    padding: 0 40px;
}

.page-flow-wrapper {
    height: 100%;
    padding-bottom: 0;
    max-width: 100%;
}

.page-flow-left-col {
    height: 100%;
}

.page-flow-right-col {
    height: 100%;
}

.page-flow-text {
    height: 100%;
    max-width: 514px;
}

.page-flow-wrapper-edge-1-wide .page-flow-text {
    float: right;
}

.page-flow-text h1 {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}

.page-flow-text p {
    font-size: 15px;
    line-height: 23px;
    font-weight: bold;
}

.page-flow-image {
    height: 100%;
	background-size: cover !important;
    background-position: center center !important;
}

.page-flow-image .et_pb_code_inner {
    height: 100%;
}

div.et_featured_image_wrapper {
    position: relative;
}

div.et_featured_image_wrapper img,
a.entry-featured-image-url img {
    margin-top: -23px;
}

.page-flow-wrapper-edge-1 .page-flow-image .et_pb_code_inner:before,
.page-flow-wrapper-edge-1-wide .page-flow-image .et_pb_code_inner:before,
div.et_featured_image_wrapper:before,
a.entry-featured-image-url:before {
    content: ' ';
    white-space: pre;
    display: inline-block;
    background: url(/wp-content/themes/PackProtocols/images/bg-white-folder-bottom.png) no-repeat;
    background-size: 918px;
    background-position: top center;
    width: 100%;
    padding: 0;
    margin-left: -1px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	border-left:1px solid white;
}

.page-flow-wrapper-edge-1 .page-flow-image .et_pb_code_inner:after,
.page-flow-wrapper-edge-1-wide .page-flow-image .et_pb_code_inner:after,
div.et_featured_image_wrapper:after,
a.entry-featured-image-url:after {
    content: ' ';
    white-space: pre;
    display: inline-block;
    background: url(/wp-content/themes/PackProtocols/images/bg-white-folder-bottom.png) no-repeat;
    background-size: 918px;
    background-position: top center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin-right: -1px;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
	border-right: 1px solid #c9ced1 ;
	
}

div.et_featured_image_wrapper:after {
    bottom: 6px;
}

.page-flow-wrapper-edge-2 .page-flow-image .et_pb_code_inner:before,
.page-flow-wrapper-edge-2-wide .page-flow-image .et_pb_code_inner:before {

    content: ' ';
    white-space: pre;
    display: inline-block;
    background: url(/wp-content/themes/PackProtocols/images/bg-white-folder-bottom.png) no-repeat;
    background-size: 918px;
    background-position: top center;
    width: 100%;
    padding: 0;
    margin-right: -1px;
}

.page-flow-wrapper-edge-2 .page-flow-image .et_pb_code_inner:after,
.page-flow-wrapper-edge-2-wide .page-flow-image .et_pb_code_inner:after {
    content: ' ';
    white-space: pre;
    display: inline-block;
    background: url(/wp-content/themes/PackProtocols/images/bg-white-folder-bottom.png) no-repeat;
    background-size: 918px;
    background-position: top center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin-left: -1px;
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
    filter: FlipHV;
    -ms-filter: "FlipHV";
}
/** ============================================================================ **/



/** ============================================================================ **/
/** GALLERY HEXAGONS                                                             **/
/** ============================================================================ **/
.gallery-section .et_pb_row,
.gallery-section-tablet .et_pb_row,
.gallery-section-mobile .et_pb_row {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0;
}

.gallery-section .et_pb_row .et_pb_column:first-child
.gallery-section-tablet .et_pb_row .et_pb_column:first-child,
.gallery-section-mobile .et_pb_row .et_pb_column:first-child {
    margin-left: -15px;
}

.gallery-section .et_pb_column {
    margin-right: 4.5%;
}

.gallery-section .et_pb_column,
.gallery-section-tablet .et_pb_column,
.gallery-section-mobile .et_pb_column {
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.7));
}

.gallery-section #gallery-row-1 {}
.gallery-section #gallery-row-2 { width: 75%; max-width: 800px; }
.gallery-section #gallery-row-4 { width: 75%; max-width: 800px; }

.gallery-section #gallery-row-2 .et_pb_column { margin-top: -60px; margin-left: -1px; }
.gallery-section #gallery-row-3 .et_pb_column { margin-top: -60px; margin-left: -1px; }
.gallery-section #gallery-row-4 .et_pb_column { margin-top: -60px; margin-left: -1px; }

.gallery-section .gallery-image {
    width: 260px;
    height: 290px;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    transition: all 500ms;
}

.gallery-section .gallery-image .et_pb_code_inner {
    /* This part cannot be targeted in the Divi UI */
    width: 100%;
    height: 100%;
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75%;
    transition: all 1s;
}

.gallery-section .gallery-image .et_pb_code_inner:hover {
    background-color: #d6eadf;
    transition: all 1s;
}

#gallery-1 .et_pb_code_inner { background-image: url(/wp-content/uploads/2018/03/gallery-wd40.png); }
#gallery-2 .et_pb_code_inner { background-image: url(/wp-content/uploads/2018/03/coorslight.png); }
#gallery-3 .et_pb_code_inner { background-image: url(/wp-content/uploads/2018/03/industrialpallet.png); }
#gallery-4 .et_pb_code_inner { background-image: url(/wp-content/uploads/2018/03/dx4000.png); }
#gallery-5 .et_pb_code_inner { background-image: url(/wp-content/uploads/2018/03/material-handling-cart.png); background-size: 65%; }
#gallery-6 .et_pb_code_inner { background-image: url(/wp-content/uploads/2018/03/mybook_thumb.png); }
#gallery-7 .et_pb_code_inner { background-image: url(/wp-content/uploads/2018/03/parts-prototection-device.png); background-size: 45%; }
#gallery-8 .et_pb_code_inner { background-image: url(/wp-content/uploads/2018/03/media-sleeve-and-graphics.jpg); background-size: 65%; }
#gallery-9 .et_pb_code_inner { background-image: url(/wp-content/uploads/2018/03/electronics-cushion.png); }
#gallery-10 .et_pb_code_inner { background-image: url(/wp-content/uploads/2018/03/distribution-package.png); background-size: 65% }
#gallery-11 .et_pb_code_inner { background-image: url(/wp-content/uploads/2018/03/master-carton-assembly-drawing_2x-new-one.png); background-size: 66%; background-position: 65px; }
#gallery-12 .et_pb_code_inner { background-image: url(/wp-content/uploads/2018/03/militarycase.png); background-size: 35% }
#gallery-13 .et_pb_code_inner { background-image: url(/wp-content/uploads/2018/03/primary-package.png); }
#gallery-14 .et_pb_code_inner { background-image: url(/wp-content/uploads/2018/03/primary-pkg.png); }


#gallery-slider-wrapper {
    padding: 0;
    margin: 0;
    transition: all 1s;
    background-color: transparent !important;
}

#gallery-slider .et_pb_container {

    /* Height on open set in JS for FancyBox */
    overflow: hidden;
}

.fancybox-caption h2.et_pb_slide_title, #gallery-slider h2.et_pb_slide_title {
    font-family: 'Roboto Slab', serif;
    font-size: 14px !important;
    text-shadow: none;
    color: #999 !important;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 1;
    font-weight: bold;
}

.fancybox-caption .gs-title, #gallery-slider .gs-title {
    font-size: 28px;
    color: #8DC29F !important;
    font-weight: bold !important;
    text-shadow: none;
    line-height: 33px;
}

.fancybox-caption .gs-problem, #gallery-slider .gs-problem {
    font-size: 17px;
    text-shadow: none;
    font-weight: 400 !important;
    margin-top: -10px;
}

.fancybox-caption .gs-solution, #gallery-slider .gs-solution {
    font-size: 17px;
    font-weight: 400 !important;
    color: #999 !important;
    text-shadow: none;
}




/** ============================================================================ **/
/** FOOTER                                                                       **/
/** ============================================================================ **/
footer {
    height: 150px;
}

#footer-bottom,
#footer-bottom .container {
    display: table;
    width: 100%;
    height: 100%;
}

#footer-bottom {
    background: url(../../../wp-content/uploads/2018/03/pp_logo-sm.png) center 22px no-repeat;
}

#footer-bottom .et-social-icons {
    text-decoration: none;
    float: none;
    display: table-cell;
    vertical-align: middle;
}

#footer-bottom .et-social-google-plus {
    display: none;
}

#footer-bottom .et-social-icons li {
    margin-left: 15px;
}

#footer-bottom .et-social-icons li a {
    color: #C8C8C8;
}

#footer-bottom .et_pb_search {
    border: none;
    vertical-align: middle;
    display: table-cell;
    width: 34%;
}

.et_pb_search input.et_pb_s {
    border: 1px solid #80ba98;
    border-radius: 5px;
}

#footer-bottom .et_pb_searchsubmit {
    color: white;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    background: #80ba98;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #80ba98;
    padding: 0 8px;
}

#footer-bottom .et-social-icons li a:hover {
    text-decoration: none;
}


.et-social-icon.et-social-email a:before { content: "\e010"; }

#footer-info {
    color: #C8C8C8;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 0.4em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}


/** ============================================================================ **/
/* Responsive Styles Tablet And Below                                             */
/** ============================================================================ **/
@media all and (max-width: 980px) {
	header#main-header {
    position: fixed;
    
}
    #main-header .container {
        height: 70px;
    }

    .logo_container {
        display: block;
    }

    #logo {
        float: left;
        max-height: 70px;
    }



    li.menu-item-home {
        /* The center of the menu is the pack protocols logo; hide it on mobile */
        display: none;
    }

    li.nolink {
        margin-left: -10px;
    }

    .et_mobile_menu li.nolink a {
        color: #999;
    }



    .et-pb-controllers {
        bottom: 11%;
    }



    #home-slider h1.title-large {
        font-size: 56px !important;
    }



    /** ============================================================================ **/
    /** SIDEBAR ON Divi custom blog (main blog page)                                 **/
    /** ============================================================================ **/

    .blog-custom-wrapper-left-col {
        width: 100% !important;
        margin: 0 !important;
    }

    .blog-custom-wrapper-left-col .et_pb_widget_area_left {
        padding-right: 0;
    }

    .blog-custom-wrapper-right-col {
        width: 100% !important;
        padding-left: 0;
    }


    /** ============================================================================ **/
    /** PAGE-FLOW ELEMENTS :: TEXT + IMAGE / IMAGE + TEXT                            **/
    /** ============================================================================ **/

    .pf-default {
        height: auto;
        clear: both;
    }

    .pf-anchor {
        padding-top: 262px;
    }

    .pf-default .et_pb_row {
        padding: 10px 0;
    }

    .page-flow-wrapper-edge-1 {
        margin-left: -100px;
        padding-bottom: 0;
    }

    .page-flow-wrapper-edge-2 {
        padding-bottom: 0;
    }

    .page-flow-wrapper-edge-2 .page-flow-wrapper {
        width: 100%;
    }

    /*.page-flow-wrapper-edge-2 .page-flow-right-col {
        padding-right: 150px;
        padding-left: 14px;
    }*/

    .page-flow-left-col {
        margin-bottom: 0;
    }

    .page-flow-right-col {
        padding: 0 30px !important;
    }

    .page-flow-text {
        max-width: 100%;
    }


    .page-flow-wrapper-edge-1-wide .page-flow-left-col,
    .page-flow-wrapper-edge-2-wide .page-flow-left-col {
        width: 100% !important;
        padding: 0 !important;
        height: 300px !important;
    }

    .page-flow-wrapper-edge-1-wide .page-flow-right-col {
        width: 100% !important;
    }


    /** ============================================================================ **/
    /** GALLERY HEXAGONS - Tablet                                                    **/
    /** ============================================================================ **/

    .gallery-section-tablet .et_pb_row {
        max-width: auto;
    }

    .gallery-section-tablet .et_pb_row .et_pb_column:first-child {
        margin-left: 0;
    }

    .gallery-section-tablet .et_pb_column {
        filter: drop-shadow(0 0 2px rgba(0,0,0,0.7));
        width: auto !important;
        margin-bottom: 0 !important;
    }

    .gallery-section-tablet #gallery-row-1 > div:last-child,
    .gallery-section-tablet #gallery-row-3 > div:last-child,
    .gallery-section-tablet #gallery-row-5 > div:last-child,
    .gallery-section-tablet #gallery-row-7 > div:last-child,
    .gallery-section-tablet #gallery-row-9 > div:last-child {
        margin-left: 10px;
    }

    .gallery-section-tablet #gallery-row-2,
    .gallery-section-tablet #gallery-row-4,
    .gallery-section-tablet #gallery-row-6,
    .gallery-section-tablet #gallery-row-8 {
        width: 100%; max-width: 800px;
    }

    .gallery-section-tablet #gallery-row-2 .et_pb_column,
    .gallery-section-tablet #gallery-row-4 .et_pb_column,
    .gallery-section-tablet #gallery-row-6 .et_pb_column,
    .gallery-section-tablet #gallery-row-8 .et_pb_column {
        margin-top: -62px;
        margin-left: 134px;
    }

    .gallery-section-tablet #gallery-row-3 .et_pb_column,
    .gallery-section-tablet #gallery-row-5 .et_pb_column,
    .gallery-section-tablet #gallery-row-7 .et_pb_column,
    .gallery-section-tablet #gallery-row-9 .et_pb_column {
        margin-top: -62px;
    }


    .gallery-section-tablet .gallery-image {
        width: 260px;
        height: 290px;
        -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    }

    .gallery-section-tablet .gallery-image .et_pb_code_inner {
        /* This part cannot be targeted in the Divi UI */
        width: 100%;
        height: 100%;
        background-color: white;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 75%;
        transition: all 1s;
    }

    .gallery-section-tablet .gallery-image .et_pb_code_inner:hover {
        background-color: #d6eadf;
        transition: all 1s;
    }



    /** ============================================================================ **/
    /** GALLERY HEXAGONS - Mobile                                                    **/
    /** ============================================================================ **/

    .gallery-section-mobile .et_pb_row {
        max-width: auto;
    }

    .gallery-section-mobile .et_pb_row .et_pb_column:first-child {
        margin-left: 0;
    }

    .gallery-section-mobile .et_pb_column {
        filter: drop-shadow(0 0 2px rgba(0,0,0,0.7));
        width: auto !important;
        margin-bottom: 0 !important;
    }

    .gallery-section-mobile #gallery-row-1 > div:last-child,
    .gallery-section-mobile #gallery-row-3 > div:last-child,
    .gallery-section-mobile #gallery-row-5 > div:last-child,
    .gallery-section-mobile #gallery-row-7 > div:last-child,
    .gallery-section-mobile #gallery-row-9 > div:last-child,
    .gallery-section-mobile #gallery-row-11 > div:last-child,
    .gallery-section-mobile #gallery-row-13 > div:last-child {
        margin-left: 10px;
    }

    .gallery-section-mobile #gallery-row-2,
    .gallery-section-mobile #gallery-row-4,
    .gallery-section-mobile #gallery-row-6,
    .gallery-section-mobile #gallery-row-8,
    .gallery-section-mobile #gallery-row-10,
    .gallery-section-mobile #gallery-row-12,
    .gallery-section-mobile #gallery-row-14 {
        width: 100%; max-width: 800px;
    }

    .gallery-section-mobile #gallery-row-2 .et_pb_column,
    .gallery-section-mobile #gallery-row-4 .et_pb_column,
    .gallery-section-mobile #gallery-row-6 .et_pb_column,
    .gallery-section-mobile #gallery-row-8 .et_pb_column,
    .gallery-section-mobile #gallery-row-10 .et_pb_column,
    .gallery-section-mobile #gallery-row-12 .et_pb_column,
    .gallery-section-mobile #gallery-row-14 .et_pb_column {
        margin-top: -62px;
        margin-left: 134px;
    }

    .gallery-section-mobile #gallery-row-3 .et_pb_column,
    .gallery-section-mobile #gallery-row-5 .et_pb_column,
    .gallery-section-mobile #gallery-row-7 .et_pb_column,
    .gallery-section-mobile #gallery-row-9 .et_pb_column,
    .gallery-section-mobile #gallery-row-11 .et_pb_column,
    .gallery-section-mobile #gallery-row-13 .et_pb_column {
        margin-top: -62px;
    }


    .gallery-section-mobile .gallery-image {
        width: 260px;
        height: 290px;
        -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    }

    .gallery-section-mobile .gallery-image .et_pb_code_inner {
        /* This part cannot be targeted in the Divi UI */
        width: 100%;
        height: 100%;
        background-color: white;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 75%;
        transition: all 1s;
    }

    .gallery-section-mobile .gallery-image .et_pb_code_inner:hover {
        background-color: #d6eadf;
        transition: all 1s;
    }



    /** ============================================================================ **/
    /** FOOTER                                                                       **/
    /** ============================================================================ **/
    #footer-bottom {
        background-size: 60px;
        background-position: 52.5% 14px;
    }

    #footer-bottom .et-social-icons {
        position: absolute;
        width: 105%;
        top: 18px;
    }

    #footer-bottom .et-social-icons:first-child {
        margin-left: -30px;
    }

    .et-social-twitter {
        margin-right: 60px;
    }

    #footer-bottom .et_pb_search {
        width: 370px;
        padding-top: 40px;
    }
    .et_pb_code_2 {
	background-size: contain;
    }
    article#post-1418 .et_pb_section_16 {
	padding-bottom: 0px;
     }
}

/** ============================================================================ **/
@media all and (max-width: 480px) {
	.fancybox-caption-wrap {
		top: 50% !important;
	}
}

@media all and (max-width: 414px) {
	
}

@media all and (max-width: 500px) {
    #footer-bottom {
        background-position: 56% 14px;
    }

    #footer-bottom .et-social-icons:first-child {
        margin-left: -20px;
    }
	.et-social-twitter {
		margin-right: 100px;
	}
	#footer-bottom {
		background: url(../../../wp-content/uploads/2018/03/pp_logo-sm.png) center 11px no-repeat!important;
		background-size: 15% !important;
	}
	#footer-bottom .et-social-icons li a {
		font-size: 13px;
	}
	#gallery-2 .et_pb_code_inner, #gallery-4 .et_pb_code_inner, #gallery-6 .et_pb_code_inner, #gallery-11 .et_pb_code_inner, #gallery-13 .et_pb_code_inner, #gallery-14 .et_pb_code_inner {
		background-size: 60%;
	}
	#gallery-5 .et_pb_code_inner, #gallery-8 .et_pb_code_inner, #gallery-10 .et_pb_code_inner {
		background-size: 53%;
	}
	#gallery-7 .et_pb_code_inner {
		background-size: 40%;
	}
	#gallery-12 .et_pb_code_inner {
		background-size: 28%;
	}
}


@media all and (max-width: 767px) {
    /** ============================================================================ **/
    /** Galaxy BG - Make adjustable width text for small screens                     **/
    /** ============================================================================ **/

    #bg_galaxy .et_pb_code_inner {
        margin-top: 23%;
    }

    #bg_galaxy h1 {
        font-size: 9vw;
    }

    #bg_galaxy h2 {
        font-size: 5vw;
    }
}


/** ============================================================================ **/
/* Responsive Styles: Reset back to Desktop;                                      */
/** ============================================================================ **/
@media all and (min-width: 981px) {
    #main-header .container {
        height: 120px;
    }
}
/** ============================================================================ **/


/** ============================================================================ **/
/* Wide screen styles;                                                            */
/** ============================================================================ **/
@media all and (min-width: 1350px) {

    #top-menu > li {
        padding: 0 1.3%;
    }

    .page-flow-wrapper-edge-1 .et_pb_row {
        width: 90%;
    }
}


/* 06/14/2018 CSS */

article#post-654 img {
    padding: 30px 0px;
}
.mobile_menu_bar:before {
    color: #7eb38d;
}
ul#mobile_menu {
    border: none;
	    margin-top: 8px;
}
#main-header .et_mobile_menu .menu-item-has-children > a:after {
    color: #2a8646;
}

#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }

article#post-1518 {
    padding: 20px;
	border-top:0px solid white !important; 
}
article#post-1019 {
    padding: 20px;
	border-top:0px solid white !important; 
   
}
.page-flow-wrapper-edge-2 .page-flow-image .et_pb_code_inner:before, .page-flow-wrapper-edge-2-wide .page-flow-image .et_pb_code_inner:before{
	    border-right: 5px solid white;
	
}
.page-flow-image .et_pb_code_inner{
	    border-right: 1px solid #c9ced1;
			    border-left: 1px solid #c9ced1;
}
.code-engineer {
    background: none !important;
}
.pf-shock .page-flow-image .et_pb_code_inner:after {
    left: 1px !important;
}
ul#mobile_menu{
	overflow-y: auto;
	max-height: calc(100vh - 70px);
}