#topnav .mainnav > .subnav_nested a{font-size:110%}.location_listing_result.featured, .event_result.featured, .results .mp-sponsored{border-color:#16152D}p.infos{font-size:110%}figcaption{font-family:"ingra",sans-serif}#bottomnav .subnav_nested a{color:#333333}h1{font-size:286%}.flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg{fill:#16152D}html{background-repeat:no-repeat}.marker-cluster-small div, .marker-cluster-medium div{background-color:#999999}h1, h2, h3, .pageinfos div.author h3 a, .flatpickr-month{font-style:normal;font-family:"ingra",sans-serif}.content li{font-size:120%;line-height:160%}h4.event_title{font-size:180%}a.listing_but, a.reset, a.submit_event, a.link, button, input.button, .curr_loc_marker, .loc_marker, .roundup-location .number, .roundup-object .number, .ui-state-default.ui-state-hover, .ui-tabs .ui-state-default:hover, .ui-state-default.ui-state-active, .mp-carousel .mp-swiper-pagination-bullet-active, .mp-bubble-content, .mp-custom-link{background:#16152D}p{font-size:120%;line-height:168%}h4{font-size:143%;font-style:normal}p.credits{font-size:100%}a{color:#999999}h2{font-size:260%}.mp-dropbtn{color:#16152D}.mp-text:before, .loc_info:before, .event_info:before, #title:before{font-family:"ingra",sans-serif;color:#333333}#topnav .mainnav li > a:hover, #topnav .mainnav li.selected > a, #topnav .subnav_nested li a, #topnav .subnav li a, .ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-datepicker-header, a.toggle_view{background-color:#333333}.osm_event_marker{border-color:#333333}.osm_loc_marker:before, .osm_roundup_loc_marker:before{border-top-color:#16152D}.content .aside p{font-size:120%}p.tag-cloud-list{font-size:120%}#topnav .mainnav a{font-size:130%}.content blockquote p{font-size:150%;border-left-color:#16152D}#topnav .subnav a{font-size:110%}.sectiontitle h1, #topnav a, #bottomnav .mainnav a, #bottomnav .textnav, #logo .headerlinks a{font-family:"ingra",sans-serif}#topnav, #bottomnav, #textnav{font-weight:normal}.address h4{font-size:180%}.content p{margin-bottom:2%}.flatpickr-prev-month svg, .flatpickr-next-month svg{fill:#999999}.flatpickr-day:hover, .flatpickr-day.selected, .flatpickr-day.selected:hover{border-color:#999999}#topnav .subnav_nested li a:hover, #topnav .subnav li a:hover, #topnav .subnav_nested li.selected a, #topnav .subnav li.selected a, .tagcloud a, .mp-tagcloud-list a, .tags a, .mp-custom-html, .flatpickr-day:hover, .flatpickr-day.selected, .flatpickr-day.selected:hover{background-color:#999999}.mp-infos{font-size:110%}.osm_roundup_loc_marker{background-color:#16152D}h3{font-size:234%}.osm_loc_marker, .osm_roundup_loc_marker{border-color:#16152D}#bottomnav .mainnav a{font-size:110%}h4, h5, p, body, .content li, pre, .ui-tabs .ui-state-default, input[type="text"]{font-family:"ingra",sans-serif}.mp-credits{font-size:100%}.osm_event_marker:before{border-top-color:#333333}p.date{font-size:110%}#topnav .mainnav li > a, .sectiontitle h1 a, .lead h2 a, #title h1 a, .mp-title a, h3 a, h4 a, .sprocket_multiblog li h4 a, .text h2 a, .pageinfos div.author h3 a{color:#16152D}@media only screen and (max-width:48em){#logo .chicklets, .header_links{background:#333333}#topnav a:hover, #topnav .subnav a, #topnav .subnav_nested a, .mp-goto-search, .mp-filterbar-textbar::before{background-color:#16152D}p.lead{font-size:150%}}/*.custom-class-test{
  background-color: white;
}



.custom-class-test > ul > li:nth-child(1) h3 > a{
	color:red;
}

.custom-class-test > ul > li:nth-child(2) h3 > a{
	color:purple;  
}

.custom-class-test > ul > li:nth-child(3) h3 > a{
	color:pink;  
}

.test-classname{
  background-color: lime;
}*/

h1, h2, h3, .pageinfos div.author h3 a, .flatpickr-month{
 font-family: "ingra', sans-serif !important; 
}

.homepage-video{
  width:100%;
  height: 278px;
}


.embed-container{
 margin-left: 0 !important; 
}


/*CUSTOM BASE STYLES*/

html{
  background-color: #e3e3e3;
}





.tools{
 	display: none; 
}

#body{
  background-color: #e3e3e3 !important;
  
}




h1, h2, h3, h4 {
  letter-spacing: 0px;
  font-weight: 400;
  text-transform: normal;
}

a{
  color: #d20001
}

p{
  font-size: 125%;
}

p.lead{
  font-size: 130%;
}




@media only screen and (max-width: 54em){
  #content .lead {
    clear: both;
    max-width: 620px;
  }
  #content p {
    clear: both;
    max-width: 620px;
  }
}



/*////Leaderboard/////*/
#adcontainer {
   max-width: 970px !important;
}


/*custom top*/
#top {
    margin: 0 1.5em;
}

@media only screen and (max-width: 48em){
    #top {
        margin: 0em 0.77em 0em;
  }
}


.tags{
 	margin: 0px 0 20px; 
}

.tags a{
    margin: 4px 0 0 4px;
  	border-radius: 0px !important;
  border-bottom: none;
display: inline-block;
text-decoration: none;
font-family: Brutal,sans-serif;
font-size: 12px;
font-size: .75rem;
font-weight: 400;
line-height: 12px;
line-height: .75rem;
letter-spacing: normal;
padding: 10px 15px;
text-transform: uppercase;
background-color: #f5f5f5;
color: #000;
}


#page{
   padding-top:0.8em; 
}


a.RSS_link {
    display: none !important;
}


/*  custom view more link*/
.mp-view-more, .mp-more-link, .more_link {
    text-align: left;
    padding-top: 0em;
    padding-bottom: 2em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 80%;
    letter-spacing: 1px;
    margin-left:0em;
}

.mp-view-more::before, .mp-more-link::before, .more_link::before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 120%;
    color: #d20001;
    padding-right: .25em;
    vertical-align: bottom;
}

/*/////////////////////////////////////CUSTOM top ads /////////////////*/

#topad1, #topad2{
   margin-top:.5em; 
   margin-bottom: 1.5em;
  margin-left:4px !important;
}

#___gcse_0{
   /*display: none !important; */
}



/*/////////////////////////////////////CUSTOM description - responsive /////////////////*/

p.mp-description{
   font-size:125%; 
  margin-bottom: 1em;
}

@media only screen and (max-width: 48em){
  p.mp-description{
    font-size: 110%;
    line-height: 160%;
  }
}


/* Custom Date */
p.date, .mp-date, #related .infos, #pagetype_tags .feature .infos .date {
    font-size: 100%;
    font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
    color: #666666 !important;
    background-color: transparent;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

@media only screen and (max-width: 48em){
  p.date, .mp-date {
    font-size: 75%;
  }
}


#bottompageinfos{
 display: none; 
}


#pageinfos{
    margin-top: 1em; 
}

/*Custom Logo*/

#logo{
    position: relative;
    min-height: 50px;
}

.logo{
  min-height: 50px;
}

@media only screen and (max-width: 32em){
.logo {
    min-height: 106px;
}
}

.logo a img.standard {
  /*display: block;*/
  margin-bottom: 0px;
  width:100%;
  height:auto;
}

.logo a img.standard {
    width: 100% !important;
}

.uflex{
  display: none !important;
  width: 90px;
  height: 40px;
  background: url('https://packagingeurope.com/downloads/659/download/uflex-logo.png');
  position: absolute;
  bottom: 25px;
  top: auto;
  right: 10px;
  cursor: pointer;
}

@media only screen and (max-width: 37em){
    .uflex{
      bottom: auto !important;
      top: 73px !important;
    }
}


/*Custom Social */
#logo .chicklets {
    top:5px;
    right: 375px;
    background: transparent;
}

.chicklet {
    width: 27px;
}

.chicklet.facebook {
    background-image: url(https://packagingeurope.com/downloads/4671/download/facebook-chick-27.png);
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
}

.chicklet.twitter {
    background-image: url(https://packagingeurope.com/downloads/4670/download/twitter-chick-27.png);
    background-repeat: no-repeat;
  width: 27px;
    height: 27px;
}

.chicklet.youtube {
    background-image: url(https://packagingeurope.com/downloads/4672/download/youtube-chick-27.png);
    background-repeat: no-repeat;
  width: 27px;
    height: 27px;
}

.chicklet.linkedin {
    background-image: url(https://packagingeurope.com/downloads/4673/download/linkedIn-chick-27.png);
    background-repeat: no-repeat;
  width: 27px;
    height: 27px;
}

@media only screen and (max-width: 32em){
    #logo .chicklets {
      border-top: 1px solid #e3e26e;
      background: #16152e;
  }
}

@media only screen and (max-width: 48em){
	#logo .chicklets {
      top: auto;
      box-shadow: none;
      padding: 8px 0;
      border-top: 1px solid #e3e26e;
      background: #16152e;
    }
}



/*///////////////////////////////CUSTOM Right Column Responsive ////////////////////////////////*/

.mp-layout-container > .mp-container-wrapper{
 	margin-left: 0em;
  margin-top: 1em;
  margin-bottom:1em;
}

@media only screen and (max-width: 32em){
  .mp-layout-container > .mp-container-wrapper{
      margin-left: 0em !important; 
  }
}



/*///////////////////////////////CUSTOM Google Search ////////////////////////////////*/

/*////Turn of search Temporarily///*/
#CSE{
    /*display:none !important;*/
}

#CSE{
    width: auto;
  top: 1em;
  right: 1em;
    /*height: 40px;*/
}

#CSE form {
    text-align: right;
    /*width: 330px;*/
   /* height: 40px;*/
}

#CSE input{
    padding: 7px 10px !important;
    width: 230px;
    border: 1px solid #ccc  !important;
}

#CSE button.submit {
    padding: .45em 1em;
    border-radius: 3px;
    /*font-size: 111%;*/
    font-family: "ingra",sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 100%;
    background: #d20001;
}

focus{
 outline: none; 
}

#CSE input:focus, textarea:focus, select:focus {
    outline-offset: -2px;
    outline-color: #ccc;
    outline-style: solid;
    outline-width:2px; 
}


/* iphone - landscape*/
@media only screen and (max-width: 54em){
  #CSE{
    width: 100%;
    top: 0;
    right:0;
    /*background: #16152e;*/
    /*height: 42px;*/
  }
  #CSE form {
    text-align: center;
    width: 300px;
    margin: 8px auto;
   /* height:32px;*/
  }
  #CSE input{
    padding: 4px 10px !important;
  }
}



/*////////////////////////NONE GOOGLE SEARCH//////////////////////////*/
#mp-search-bar{
    position: absolute;
  	margin-top: 0;
  	width: 368px;
    top: 0px;
    right: -4px;
    padding: 4px;
    height: 37px;
    background: transparent;
    border-radius: 0;
}


#mp-search-bar form {
    margin-top: 0px;
  	text-align: left;
  	width: auto;
}

#mp-search-bar  input {
    padding: 6px;
  width: 279px;
}

button.submit {
    background-color: #222222;
    color: #ffffff;
    padding: .5em 1em;
    border-radius: 8px;
    margin-top: 0;
    font-size: 100% !important;
    float: right;
}

#mp-search-bar form button.submit {
  	background-color: black;
    color: #999999;
    padding: .5em 1em;
    border-radius: 0;
    margin-top: 0;
    font-size: 101% !important;
    float: right;
  text-transform: uppercase;
}

	

.mp-time {
    display: none !important;
}

@media only screen and (max-width: 48em){
  #mp-search-bar{
    width: 100%;
    position: relative;
    background-color: #e3e3e3;
    border-radius: 0px;
    padding: 4px 66px 0px 4px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  #mp-search-bar form {
    margin-top: 0px;
  	text-align: left;
    width: 100%;
  }
  #mp-search-bar input {
  	width: 100% !important;
    font-size: 99% !important;
  }	
}



/*///////////////////////////////CUSTOM Custom navigation ////////////////////////////////*/

#topnav .mainnav{
  border-top: 0px solid #16152e;
  border-bottom: 1px solid #16152e;
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  
}

#topnav .mainnav li > a:hover{
  background-color: #ffffff;
}

#topnav .mainnav li>a{
  color: #16152D;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 90%;
}

#topnav .mainnav li:last-child >a{
  color: #d20001;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 90%;
}

#topnav .subnav_nested li {
    border-top: 1px solid #000;
}


#topnav .mainnav li>a:active{
  color: #e3e26e;
}

#topnav .mainnav li>a:hover{
  color: #d20001;
}

#topnav .mainnav li.selected > a{
  background-color: #ffffff !important;
  color:#d20001;
}

.subnav_nested {
  min-width: auto;
}

#topnav .subnav_nested li>a {
  color: #fff;
  padding: 0.75em 1em;
  font-weight:700;
}

#topnav .subnav_nested li.selected a, #topnav .subnav li.selected a{
    background-color: #16152e;
    color: #d20001;
}

@media only screen and (max-width: 48em){
  #topnav .mainnav{
    display: block;
    border-top: 0px solid #16152e;
    border-bottom: 0px solid #16152e;
   /* font-size: 120%;*/
  }
}


/* ipad - portait*/
@media only screen and (max-width: 62em){
  #topnav .mainnav li>a{
    font-size: 90%;
    letter-spacing: 2px;
    padding: 1em .5em;
  }
}


/*//////////////////////// CUSTOM top nav responsive pull ////////////////////////*/

@media only screen and (max-width: 37em){
    #topnav a.pull {
        /*background: #22222;*/
      display: flex;
        justify-content: flex-end;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 100%;
        letter-spacing: 2px;
        color: #ffffff;
        margin-top: -12.1em !important;
      margin-right: 4px;
        padding-bottom: .5em;
    }
}

@media only screen and (max-width: 48em){
    #topnav a.pull {
     /* background: #000 url("../images/base/nav-icon.b052c44dbc9c9e05d2e9a36406387ca5.png") no-repeat 98% center; */
        
        font-size: 1.3em;
        float: right;
        display: -webkit-inline-box;
        justify-content: flex-end;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 100%;
        letter-spacing: 2px;
        color: #ffffff;
        padding-bottom: .5em;
        margin-top: -7.77em;
      margin-right: 4px;
      padding: 1px 32px 29px 26px
    }
}




/*@media only screen and (max-width: 37em){
    #topnav a.pull {
        background: #222222;
        margin-top: -9em;
        padding-bottom: 0.5em;
    }
}*/


/*///////////////////////////////CUSTOM Breadcrumbs ////////////////////////////////*/

#breadcrumbs{
   background: white;
   padding: 0.5em 1.25em 0;
  width: auto;
}

#breadcrumbs a {
    font-size: 70%;
    color: #bbbbbb;
    text-transform: uppercase;
    display: inline-block;
    padding: 0.5em 0 0.5em 0.25em;
    font-weight: 700;
    letter-spacing: 2px;
    transition: all .1s ease-in;
}

#breadcrumbs a:hover {
    color: #16152e;
}

/* ipad - portait*/
@media only screen and (max-width: 62em){
  #breadcrumbs {
    padding: 0.5em 1.25em 0 !important;
  }
}






/*///////////////////////////////////////////CUSTOM CAROUSEL////////////////////////////*/
.media-carousel{
      border-bottom: 0px solid #ddd;
  box-shadow:0 0 0 0 #ffffff !important;
}

.mp-layout-sprocket {
    padding: 0px 0px 1px;
}

.mp-type-homepage .mp-layout-sprocket {
    padding: 0px 2px 1px;
}

@media only screen and (max-width: 32em){
    .mp-type-homepage .mp-layout-sprocket {
      padding: 0px 0px 0px;
  }
}


.mp-type-homepage .mp-layout-sprocket .mp-classiclist, .mp-type-homepage .mp-layout-sprocket .mp-gallery, .mp-type-homepage .mp-layout-sprocket .mp-posterboard, .mp-type-homepage .mp-layout-sprocket .mp-slider{
    padding-top: 0px;
}

.mp-type-homepage .mp-layout-sprocket .mp-slider{
    border-bottom: 1px solid #e3e26e; 
}

.mp-carousel > .mp-title > h2, #pagetype_tags #title h1{
 	font-size: 230%;
    padding: .5em .5em .4em;
    background-color: #f3f3f3; 
    border-top: 0px solid #16152e;
    border-bottom: 0px solid #16152e;
  margin-bottom: 20px;
}

@media only screen and (max-width: 32em){
    .mp-carousel > .mp-title > h2, #pagetype_tags #title h1{
      font-size: 170%;
      padding: .35em .5em .4em;
  }
}


 ul.mp-swiper-wrapper{
   padding-bottom:0 !important;  
}

.mp-carousel .mp-list-item{
 	background-color: #f3f3f3; 
   padding: 0;
   background-image: url('https://packagingeurope.com/downloads/528/download/pe-fold-with-stars.png');
   background-position: right bottom;
   background-repeat: no-repeat;
   /*background-size: 80px;*/
}

@media only screen and (max-width: 48em){
    .mp-list-item {
      margin: 0 .5em;
      /*min-height: 40em;
      height: 40em;*/
    }
}


.mp-carousel .mp-swiper-wrapper{
 	padding-bottom: 0; 
}



.mp-carousel .mp-thumb {
    padding-right: 0em;
    padding-bottom: 44%;
 width: 60%;
  /*display: inline-block;*/
}

@media only screen and (max-width: 48em){
    .mp-carousel .mp-thumb {
     /* padding-right: 0em;*/
      padding-bottom: 74%;
      width: 100%;
  }
}

.mp-carousel .mp-text {
        width: 40%;
        padding: 1em 1.5em !important;
  		position: absolute;
 		/* display: inline-block;*/
    	top: 0 !important;
  		right:0;
        left: auto;
        background: transparent !important;
  }

@media only screen and (max-width: 48em){
  .mp-carousel .mp-text {
    width: 100%;
    padding: 1em;
   position: relative;
  }
}

.mp-text > h3{
 	text-transform: normal;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 16px;
    margin-top: 16px;
    font-size: 230%;
}

.mp-carousel > .mp-swiper-container > .mp-swiper-wrapper > .mp-list-item > .mp-item-wrapper > .mp-text > h3{
  font-size: 300%;
}

@media only screen and (max-width: 62em){
  .mp-text > h3{
    font-size: 330%;
  }
}

@media only screen and (max-width: 54em){
  .mp-text > h3{
    font-size: 210%;
    margin-top: 16px;
  }
}

/* iphone - portait*/
@media only screen and (max-width: 48em){
  .mp-text > h3{
    font-size: 290%;
    margin-top: 16px;
  }
}

/* */
@media only screen and (max-width: 32em){
  .mp-text > h3{
    font-size: 210%;
    margin-top: 16px;
  }
}

/*.mp-grid-4 h3{
  text-transform: capitalize;
    font-size: 160%;
  font-weight: 400;
  line-height: 1.2;
}*/



@media only screen and (min-width: 48em){
	.mp-carousel .mp-swiper-pagination {
    top: 87%; 
    left: auto;
    /*right: auto; */
    width: 100% !important;
    position: absolute;
	}
}

.mp-carousel .mp-swiper-pagination {
    width: 100% !important;
}

.mp-swiper-pagination-bullet{
    width: 20px !important;
    height: 20px !important;
    background: #16152e;
    border: 2px solid #e3e26e;
}

/* iphone - portait*/
@media only screen and (max-width: 48em){
  .mp-swiper-pagination-bullet{
    width: 15px !important;
    height: 15px !important;
  }
}

.mp-carousel .mp-swiper-pagination-bullet-active{
    background: #e3e26e;
}

/* Custom title */
.mp-title > h2{
    font-size: 230%;
    font-weight: 100;
    text-transform: normal;
    padding: 0.5em 0 0.25em 0;
    width: 100%;
    border-bottom: 1px solid #e3e26e;
    margin-bottom: .25em;
    letter-spacing: 0px;
}

.mp-title > h2 > a::before{
	content: "\f0da";
	font-family: FontAwesome;
    font-size: 70%;
  color: #d20001;
  padding-right:.25em;
  vertical-align: top;

	/* more styling for the icon, including color, font-size, positioning, etc. */
}

.mp-title > h2 > a:hover:before{
   text-decoration: none; 
}


.mp-title > h2 a{
  color: #16152e;
}

.mp-sprocket-desc{
    margin-bottom: 1em; 
}

/* News read header */



#title > h1{
    font-size: 360%;
    text-transform: normal;
    line-height: 1;
    font-weight: 400;
    margin-top: 32px;
}

#main > header > #title > h1{
    margin-top: 0;
}

@media only screen and (max-width: 48em){
  #main > header > #title > h1{
    letter-spacing: 0px;
    font-size: 320%;
    padding-right:3em;
  }
}

@media only screen and (max-width: 32em){
  #main > header > #title > h1{
    letter-spacing: 0px;
    font-size: 250%;
    padding-right:0em;
  }
}

.content li{
  color: #454545 !important;
}


/* Back to home button */

.home-button-read-page{
  display: flex;
  justify-content: center;
}

.home-button-link{
  color: #222222;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding: .75rem 1rem;
    border: 1px solid #222222;
    border-radius: 6px;
    text-decoration: none;
  margin-top: 2rem;
  transition: color .25s ease;
}

.home-button-link:hover{
  color:#d20001;
  text-decoration: none;
}



/* Custom Slider*/

.mp-frame .mp-js_frame .mp-js_frame-sl-0{
    border-bottom: 1px solid rgb(227, 226, 110);
    border-top: 1px solid rgb(227, 226, 110);
}

.mp-slides .mp-js_slides .mp-js_slides-sl-0{
    padding: 1em 0px 0px;
}

.st0{
    fill: #d20001; 
}

.mp-slider-but {
    top: 25%;
    width: 45px;
    height: 45px;
}

.mp-list-item{
    padding: 1em 1em 0.25em;
}

.mp-gallery .mp-text {
    padding: 0em;
}

.mp-gallery .mp-text h3 {
    text-transform: normal;
    line-height: 1.2;
    font-weight: 100;
    margin-bottom: 0px;
    margin-top: 16px;
    font-size: 230%;
    /* border-left: 5px solid #d20001; */
    /* padding-left: .25em; */
    padding-right: 0em;   
}

@media only screen and (max-width: 32em){
  	.mp-gallery .mp-text h3 {
    	font-size: 150%;
	}
}

.mp-gallery .mp-text h3 a{
  color: #e3e26e;
  /*color: rgba(255,255,255,.9);*/
}

.mp-gallery .mp-2item-list {
 	background-color: #16152e;
    background-image: url('https://packagingeurope.com/downloads/265/download/pe-corner-60x60.png');
   background-position: right bottom;
   background-repeat: no-repeat;
   background-size: 80px;
    margin-top: -.6em;
}

.mp-gallery .mp-2item-list .mp-list-item .mp-thumb a img  {
 	border: 1px solid #e3e262;
}

.mp-gallery .mp-2item-list .mp-list-item  {
 	padding: 1.5em
}

.mp-slider h3{
    text-transform: normal;
    margin-top: 1em;
    font-size: 150%;
    font-weight: 400;
    line-height: 1.2;
}

@media only screen and (max-width: 32em){
    .mp-slider h3{
      font-size: 150%;
      margin-top: .5em;
    }
}

/*Custom Posterboard */

/*.mp-type-homepage .mp-layout-sprocket .mp-posterboard{
    padding: 1.5em 1.5em 0.25em;
}*/

.mp-posterboard-loaded{
  background-color: #f3f3f3;
    background-image: url('https://packagingeurope.com/downloads/265/download/pe-corner-60x60.png');
   background-position: right bottom;
   background-repeat: no-repeat;
   background-size: 80px;
    margin-top: -.55em;
}

.mp-posterboard-loaded > .mp-list-item-loaded > .mp-item-wrapper > .mp-text > h3 {
 	font-size: 150%;
    font-weight: 400;
    line-height: 1.2;
    margin-top: .25em;
}

.mp-posterboard-loaded > .mp-list-item{
  padding: 1.5em 1.5em 0.25em;
}


/* INNOVATION SPOTLIGHT TARGETING */
.mp-layout-container.mp-grid-4 > .mp-container-wrapper > .mp-layout-sprocket > .mp-posterboard > .mp-posterboard-loaded{
    background-color: #16152e !important;
    margin-top: -27px;
}

.mp-layout-container.mp-grid-4 > .mp-container-wrapper > .mp-layout-sprocket > .mp-posterboard > .mp-posterboard-loaded > .mp-list-item-loaded > .mp-item-wrapper > .mp-text > h3 > a{
 color:#e3e26e !important; 
}

.mp-layout-container.mp-grid-4 > .mp-container-wrapper > .mp-layout-sprocket > .mp-posterboard > .mp-posterboard-loaded > .mp-list-item-loaded > .mp-item-wrapper > .mp-text > p{
 color:#ffffff !important; 
}

#maincontent > #pagetype_article > #side > .mp-posterboard,
#maincontent > #pagetype_locationsearch > #side > .mp-posterboard,
#side > .mp-posterboard
{
  margin-bottom: 1em !important;
}

#maincontent > #pagetype_article > #side > .mp-posterboard > .mp-posterboard-loaded,
#maincontent > #pagetype_locationsearch > #side > .mp-posterboard > .mp-posterboard-loaded,
#side > .mp-posterboard > .mp-posterboard-loaded{
    background-color: #16152e !important;
}

#maincontent > #pagetype_article > #side > .mp-posterboard > .mp-posterboard-loaded > .mp-list-item,
#maincontent > #pagetype_locationsearch > #side > .mp-posterboard > .mp-posterboard-loaded > .mp-list-item,
#side > .mp-posterboard > .mp-posterboard-loaded > .mp-list-item{
    padding: 1.5em 1.5em 0.25em;
    border-bottom: 0px none !important;
}

#maincontent > #pagetype_article > #side > .mp-posterboard > .mp-posterboard-loaded > .mp-list-item > .mp-item-wrapper > .mp-text > h3 > a,
#maincontent > #pagetype_locationsearch > #side > .mp-posterboard > .mp-posterboard-loaded > .mp-list-item > .mp-item-wrapper > .mp-text > h3 > a,
#side > .mp-posterboard > .mp-posterboard-loaded > .mp-list-item > .mp-item-wrapper > .mp-text > h3 > a{
    color: #e3e26e !important;
}

#maincontent > #pagetype_article > #side > .mp-posterboard > .mp-posterboard-loaded > .mp-list-item > .mp-item-wrapper > .mp-text > p > span,
#maincontent > #pagetype_locationsearch > #side > .mp-posterboard > .mp-posterboard-loaded > .mp-list-item > .mp-item-wrapper > .mp-text > p > span,
#side > .mp-posterboard > .mp-posterboard-loaded > .mp-list-item > .mp-item-wrapper > .mp-text > p > span{
    color: #ffffff !important;
}

#maincontent > #pagetype_article > #side > .mp-posterboard > .mp-posterboard-loaded > .mp-list-item > .mp-item-wrapper > .mp-text > p > a:before,
#maincontent > #pagetype_locationsearch > #side > .mp-posterboard > .mp-posterboard-loaded > .mp-list-item > .mp-item-wrapper > .mp-text > p > a:before,
#side > .mp-posterboard > .mp-posterboard-loaded > .mp-list-item > .mp-item-wrapper > .mp-text > p > a:before{
    color: #ffffff !important;
}

/* alternating background colours on homepage slider 
.mp-slides .mp-js_slides .mp-js_slides-sl-0{
    display: flex; 
}

.mp-slides .mp-slider .mp-list-item {
    width: 25%;
    min-width: 25%;
}

.mp-slides .mp-slider .mp-list-item:nth-child(odd) {
    background: #f3f3f3 !important;
}

.mp-slides .mp-slider .mp-list-item:nth-child(even) {
    background: #ffffff !important;
}
*/


/* Custom MP Side List*/


#side > .mp-classiclist > .mp-title > h2, .mp-classiclist > .mp-title > h2 {
    font-size: 230%;
    font-weight: 100;
    text-transform: normal;
    padding: 0.5em 0 0.25em 0;
    width: 100%;
    border-bottom: 1px solid #e3e26e;
    margin-bottom: .25em;
    letter-spacing: 0px;
}



#side > .mp-classiclist > ul > .mp-list-item > .mp-item-wrapper > .mp-thumb {
    margin-right: 8px;
    width: 100%;
    margin-bottom: 1em;
    z-index:0;
}

/* iphone - landscape*/
@media only screen and (max-width: 54em){
    #side > .mp-classiclist > ul > .mp-list-item > .mp-item-wrapper > .mp-thumb {
      width: 33%;
      margin-bottom: 0em;
	}
    #side > .mp-classiclist > ul > .mp-list-item > .mp-item-wrapper > .mp-text > h3{
      font-size: 290%; 
  }
}

#side > .mp-classiclist > ul > .mp-list-item > .mp-item-wrapper > .mp-text > h3{
 	font-size: 122%;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px;
    font-weight: 100;
    font-family: "ingra",sans-serif;
    letter-spacing: 0px;
    text-transform: none;
}

#side > .mp-classiclist > ul > .mp-list-item > .mp-item-wrapper > .mp-text > .mp-description{
  display: none;
  font-size: 110%;
  padding-top:.5em;
}

/* CUSTOM LAYOUT LIST */

.mp-classiclist ul {
    margin-top: -.6em;
}

.mp-layout-sprocket > .mp-classiclist > ul > .mp-list-item > .mp-item-wrapper > .mp-thumb,
.mp-results .mp-thumb{
    margin-right: 16px;
    padding-right: 8px;
}

.mp-layout-sprocket > .mp-classiclist > ul > .mp-list-item > .mp-item-wrapper > .mp-text > h3{
    line-height: 1.2;
    font-weight: 400; 
  	text-transform: normal;
    font-size: 200%;
 	margin-bottom: .25em;
    margin-top: 26px;
  padding-right: 1em;
}

/* Custom side list -sandbox */

.mp-section-wrapper > .mp-grid-4{
   padding-left: 1.5em; 
}

@media only screen and (max-width: 32em){
  .mp-section-wrapper > .mp-grid-4{
     padding-left: 0em; 
  }
}

.mp-grid-4 > .mp-container-wrapper > .mp-layout-sprocket > .mp-classiclist > ul > .mp-list-item{
   margin-bottom: 0;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding: 1em 0 0;
  background: #ffffff;
}

.mp-grid-4 > .mp-container-wrapper > .mp-layout-sprocket > .mp-classiclist > ul > .mp-list-item > .mp-item-wrapper > .mp-text > h3{
    font-size: 125%;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px;
    font-weight: 100;
    font-family: "ingra",sans-serif;
    letter-spacing: 0px;
    text-transform: none;
}

@media only screen and (max-width: 32em){
  .mp-layout-sprocket > .mp-classiclist > ul > .mp-list-item > .mp-item-wrapper > .mp-text > h3{
    font-size: 150%;
  }
}

#side .mp-classiclist ul li.mp-list-item {
    position: relative;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 1em 0 0;
    background: #ffffff;
}

.mp-classiclist .mp-list-item {
    border-bottom: 0px solid #333;
    position: relative;
    padding: 0 1.5em 1.5em;
    background: #f3f3f3;
    margin-bottom: 2em;
}


/*////////////////////////////////////////////CUSTOM HTML ADVERT 500x90 ///////////////////////////////*/

.pe-500x90--container{
  width: 100%; 
  padding: 2em; 
  margin: 0 auto; 
  text-align: center; 
  background-color: #e3e3e3;
}

@media only screen and (max-width: 32em){
  .pe-500x90--container{
    padding: 0em;
    background-color: transparent;
  }
}

.pe-500x90--container .advert-500x90{
  margin: 0px auto; 
  width: 100%;
  max-width: 500px; 
  /*height: 90px;*/
}

/* Custom Image Teaser */
.mp-imgteaser{
  text-align: right; 
}



/* Custom Related News */

#related{
 border-top: 0px solid #000; 
}

#related > h3{
    text-transform: none;
    font-family: 'ingra', sans-serif;
    font-weight: 700;
    font-size: 250%;
    border-bottom: 1px solid #16152d;
    border-top: 0px solid #16152d;
    padding: 0;
    margin-bottom: 0em;
    margin-top: 0;
}

#related ul{
 	/*border-bottom: 1px solid #16152e;*/
    padding-bottom: 1em; 
}

#related ul .auto{
    margin-bottom: 3em;
}


#related ul .auto h4,
#related ul .manual h4{
    margin-top: .5em;
  font-size: 270%;
  line-height: 1;
}

#related ul .auto h4 a,
#related ul .manual h4 a{
    font-family: "ingra",sans-serif;
    text-transform: none;
}

#related li{
  width: 100%;
  margin-bottom: 3em;
}

#related li p.description{
display: block;
}

#related .infos{
 display: none; 
}

/* CUSTOM BOTTOM NAV */

#bottomnav .mainnav {
    padding: 2em 1em;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,.5);
    margin: 0;
    display: flex;
  flex-wrap:wrap;
    flex-direction: row;
    justify-content: space-between;
}

#bottomnav .mainnav li {
    text-align: left;
    padding: 0 1.5em 1em 0;
    /*max-width: 19%;*/
    
}

@media only screen and (max-width: 48em){
  #bottomnav .mainnav {
      flex-direction: column;
    justify-content: center;
  }
  #bottomnav .mainnav li {
    	text-align: center;
        padding-right: 0em;
	}
}

#bottomnav .mainnav a {
    font-size: 90%;
    color: #f3f3f3;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
}

#bottomnav .mainnav a:hover {
    text-decoration: none;
    color: #e3e26e;
}

#bottomnav .subnav_nested {
    display: none;
}


#bottomnav, #textnav {
    border-top: 0px solid #000;
    background-color: #16152e;
}

#bottomnav{
  margin-top: 1em;
}

#textnav ul {
    text-align: center;
    padding: .5em 1em .75em;
    margin: 0;
  display: flex;
  flex-wrap: no-wrap;
  justify-content: center;
}

@media only screen and (max-width: 32em){
  #textnav ul {
    flex-wrap: wrap;
  }
}

#textnav li {
    float: left;
}

/* Custom Copyright */
#mp_credits{
    display: none !important;
}

#copyright {
    text-align: center;
      margin: 0em 0 2em;
}

#copyright p {
    font-size: 75%;
    line-height: 110%;
  padding: 1em;
}

#mp_credits{
  margin-top:5px;
    float: right;
}

#bottom{
 	padding-top: 0; 
}

#bottom::after {
    content: '';
    display: block;
    clear: both;
}


/* CUSTOM NEWS READ PAGE */
/* Custom Author */
.pageinfos .author {
    display: table;
    padding: 0em 0 1em;
}

.mp-authors, .author, #pagetype_tags .feature .infos .authors{
    text-transform: normal;
    font-weight: 700;
    font-size: 100%;
    font-style: normal;
    letter-spacing: 1px;
    padding: .5em 1em .5em 0;
}

.mp-authors a, .author a, #pagetype_tags .feature .infos .authors a{
    color: #999999;
    font-style: normal;
}

#textnav a {
    color: #999999;
}

/* Custom Contact page */ 

#pagetype_page #main #title .title h1{
  background-color: #f3f3f3;
  border-top: 0px solid #16152e;
  border-bottom: 0px solid #16152e;
  margin-bottom: 20px;
  font-size: 250%;
  font-weight: 400;
  text-transform: normal;
  padding: .5em .5em .4em;
}

.contact-list--posterboard .mp-title h2{
  font-size: 150%;
  padding: .5em .5em .4em;
  
}

.contact-list{
  display: flex;
  max-width:970px;
  flex-wrap: wrap;
}

.contact-list--item{
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #f3f3f3;
  width: 31%;
  margin: .5em;
  padding: 1em;
}

.contact-list--item a{
  color: #16152e;
}

.contact-list--name{
    font-size: 160% !important; 
}

.contact-list--title{
    font-size: 90% !important; 
    color: #d20001;
    font-weight: 400;
}

.contact-list--phone, .address-section--address{
    margin-bottom: 0 !important;
    font-size: 100%;
}

.contact-list--posterboard{
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}

.contact--container{
   display: flex; 
}

.contact-item--image{
  max-width:45px;
  max-height: 45px;
  border-radius: 45px;
  margin-right: .5em;
}

.contact-inner--container{
   flex: 1 0 0;
  display: flex;
  flex-direction: column;
}




@media only screen and (max-width: 62em){
  .contact-list--item{
    width: 47%;
    margin: .5em;
  }
}

@media only screen and (max-width: 48em){
  .contact-list--item{
    width: 47%;
    margin: .5em;
  }
}


@media only screen and (max-width: 32em){
  .contact-list--item{
    width: 100% !important;
    margin: .5em 0;
  }
  .contact-list--phone, .address-section--address{
    margin-bottom: 0 !important;
    font-size: 90%;
  }
}





.address-section{
    display: flex;
}

.address-section--text-col, .address-section--img-col{
	/*display: flex;
    flex-direction: column;*/
}

.address-section--text-col{
  	/*width: 25%;*/
    background-color: #16152e !important;
    padding: 3em;
    /*flex-basis: 32%;*/
  width: 100%;
    /*border-bottom-left-radius: 2em;*/
  	/*border-top-right-radius: 2em;*/
}

.address-section--img-col{
  display: none;
  position: relative;
  background-image: url('https://packagingeurope.metropublisher.net/downloads/264/download/pe-building.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /*border-top-left-radius: 2em;*/
  border-top-right-radius: 2em;
  /*flex-basis: 68%;*/
  width: 68%;
}

.address-section--img-col img{
  position: absolute;
  bottom: 0;
  right:0;
}

.address-section--text-col h3{
    font-size: 200% !important;
	color: #d20001;
    margin-bottom: .25em
}


.address-section--text-col p{
	color: rgba(255, 255, 255, .65);  
}

.address-section--address--bold{
 	font-weight: 700;
  color: #ffffff;
}

.address-section--img-col{
    /*width:75%;*/ 
}

@media only screen and (max-width: 62em){
  
}

@media only screen and (max-width: 48em){
  
}


@media only screen and (max-width: 32em){
  .address-section{
    display: flex;
    flex-direction: column;
  }
  .address-section--text-col{
    padding: 1.5em;
    border-bottom-left-radius: 0em;
    width: 100%;
  }
  .address-section--img-col{
    display: none; 
  }
}


.themothership{
 	text-align: center; 
    margin-top: 3em;
}

.themothership p, .themothership a{
 	color: #999999;
    margin-bottom: 0;
}

.themothership img{
 	padding: 0 1em;
    width: 136px; 
}

.themothership span{
 	display: block;
    padding: 1em 0 .75em; 
}

/*  CUSTOM ADVERTISE PAGE */

.advertising-list--posterboard{
 	margin-top: 3em; 
}

.advertise-section{
  display: flex;
  justify-content: space-between;
  max-width: 970px;
  flex-wrap: wrap;
  flex-direction: row;
}



.advertise-section--text-col{
 	 /*flex-basis: 48%;*/
  width: 48%;
  padding: 2em 3em 0 3em;
}

.advertise-section--image-col{
 	/*flex-basis: 48%;*/
  width: 48%;
  padding: 0 2em;
}

.advertise-section--image-col img{
 	width: 100% 
}

.mediapack-button{
 	margin-top: 2em;
}

.mediapack-button a{
 	background-color: #d20001;
    color: #ffffff;
    padding: .5em 1em;
    border-radius: 8px;
}

/* ipad - portait*/
@media only screen and (max-width: 62em){
  .advertise-section--text-col{
    /*flex-basis: 60%;*/
    width: 60%;
    padding: 1em 0em 0 2em; 
  }
  .advertise-section--image-col{
 	/*flex-basis: 38%;*/ 
    width: 38%;
    padding: 0 2em;
  }
}

@media only screen and (max-width: 48em){
  .advertise-section{
    flex-direction: column;
  }
  .advertise-section--text-col{
    /*flex-basis: 100%;*/
    width: 100%;
    padding: 0em; 
  }
  .advertise-section--image-col{
 	/*flex-basis: 100%;*/ 
    width: 100%;
    overflow: hidden;
    padding: 2em 3em;
  }
}



/* Custom About page */

.about-section{
  display: flex;
  justify-content: space-between;
  max-width: 970px;
  flex-wrap: wrap;
  flex-direction: row;
}

.about-section--text-col{
 	padding: 1em 3em 0 0.25em; 
 	/*flex-basis: 80%;*/
  width: 80%;
}

.about-section--image-col{
 	/*flex-basis: 20%; */
  width: 20%;
  padding: 1em 0;
}

.about-section--image-col img{
	width:100%;
    height: auto;
  padding-right: 2em;
}

.about-section--buttons{
  display: flex;
  margin: 2em 0;
}

.about-section-buttons--line{
    width: 33%;
    height: 10px;
    align-self: auto;
}

.about-section-buttons--buttons{
 	width: 100%;
    text-align: center;
    justify-content: space-between; 
}

.about-button{
 	background-color: #d20001;
    color: #ffffff;
    padding: .5em 1em;
    border-radius: 8px;
    margin: 1em;
}


/* ipad - portait*/
@media only screen and (max-width: 54em){
  .about-section{
    flex-direction: column;
  }
  .about-section--image-col {
    width: 20%;
  }
  .about-section--text-col {
    padding: 1em 0em 0 0.25em;
    /*flex-basis: 100%;*/
    width: 100%;
  }
}

/* ipad - portait*/
@media only screen and (max-width: 32em){
  .about-section--image-col {
    width: 33%;
    margin: 0 auto;
  }
  .about-section--image-col img {
    padding-right: 0em;
  }
}


/* Custom Comments */

/*comment count */
.comments_count, .mp-comments-count{
 	/*margin-right: 1.75em  !important;*/
    padding: .1em .75em 0 !important;
    background-color: #d20001 !important;
    position: relative;
    top: 0.5em;
    right: 0em;
}

.mp-carousel .mp-comments-count {
    /* margin-right: 1.75em !important; */
    padding: .1em .75em 0 !important;
    background-color: #d20001 !important;
    position: absolute;
    top: 1.25em;
    bottom: auto;
    right: 1em;
}

.mp-slider .mp-comments-count {
    /* margin-right: 1.75em !important; */
    padding: .1em .75em 0 !important;
    background-color: #d20001 !important;
    position: absolute;
    top: 200px;
    bottom: auto;
    right: 1.25em;
}

.mp-classiclist p.mp-infos.mp-comments-count,
.mp-posterboard p.mp-infos.mp-comments-count{
    position: absolute;
    right: .25em;
}

.comments_count, .mp-infos, .mp-comments-count a{
 	color: #ffffff;
  font-size: 100% !important;
}

.comments_count:before, .mp-comments-count:before {
    position: absolute;
    bottom: -8px;
    content: '';
    border-left: 10px solid #d20001;
    border-bottom: 9px solid transparent;
    border-right: 3px solid transparent;
}

#comments{
    padding: 1.5em;
    background: #e3e3e3;
    margin-bottom: 2em; 
}

#comments h3{
    text-transform: normal;
    font-weight: 400;
    font-size: 150%;
    /*border-bottom: 1px solid #16152d;
    border-top: 3px solid #16152d;*/
  background: #e3e3e3;
    padding: 0;
    margin-bottom: 0;
    margin-top: .25em;
}

#comments > input[type="text"]#fake_subject_field{
    width: 100%;
    padding: 10px;
    font-size: 110%;
}



#comments #c_new_thread > div {
    background-color: #e3e3e3;
    padding: 2em 1em 0;
    margin-bottom: 2em;
    /*background-image: url(https://packagingeurope.metropublisher.net/downloads/152/download/pe-corner-60x60.png);
    background-repeat: no-repeat;
    background-position: bottom right;*/
  margin-top: -2em;
}

#comments #c_new_thread .error {
    font-size: 100%;
    color: #d20001;
    margin-bottom: .25em;
    font-weight: 700;
}

#c_new_thread p.feedback {
    font-size: 100%;
    color: #d20001;
    margin-bottom: .25em;
    font-weight: 700;
}

#comments form{
 	padding: 0px 0 0;
    background: transparent;
    border-bottom: 0px solid #333;
}

#comments form input[type="text"]{
 	width: 265px;
    padding: 10px;
    font-size: 110%;
}

#comments form label {
    float: right;
    margin-bottom: 1em;
}

#comments form textarea{
    width: 100%;
    padding: 10px;
    border-color: #ddd;
  font-size: 110%;
}

#comments input.form_submit {
    background-color: #d20001;
    color: #fff;
    padding: .5em 1em;
    border-radius: .5em;
    margin-left: 1em;
    margin-bottom: 1em;
}

#comments form p{
    margin: 15px 0px 0;
    clear: left;
    padding-right: 4em;
}

#comments .comment-item .comment{
    background: #f3f3f3;
    border-bottom: 0px solid #e3e3e3;
    padding: 1em 1.5em 1em;
    border-top-left-radius: 1.5em;
    border-top-right-radius: 1.5em;
    border-bottom-left-radius: 1.5em;
    margin: 1.5em 0;
}

#comments .comment-item .comment h4{
    font-family: "ingra",sans-serif;  
    text-transform: normal;
    font-weight: 100;
    font-size: 150%;
    margin-bottom: .25em;
    margin-top: .25em;
}

#comments .comment-item .comment p{
    font-size: 100%;
}

#comments .comment-item .comment p.feedback{
    font-size: 100%;
  color:#d20001;
  font-weight:700;
}


/* CUSTOM ABOUT ENTRIES */
#about_entries, #by_entries {
    margin: 0 0 2em;
    clear: left;
    float: left;
    display: inline;
    position: relative;
    width: 100%;
}

#about_entries > label, #by_entries > label{
    display: none !important;
}

/*//////////////Custom tag page layout ////////////////*/

#pagetype_tags #title h1{
    font-weight: 100;
    margin-top: .5em;
    letter-spacing: 0px;
}


#pagetype_tags .feature{
  background: #f3f3f3;
  border-bottom: 0px;
  padding: 1em;
  margin-bottom: 1.5em;
}

#pagetype_tags .feature p.infos{
  
}

/*/////////////////////////////////Custom Feature Pages eg. writers page or tag page /////////////////////////*/

.feature h3{
   font-size: 230%; 
}


/*/////////////////////////////////TWITTER WIDGET /////////////////////////*/

.timeline-Widget{
 margin-left: 1em;
  background: #f3f3f3 !important;
  padding: 1em !important;
    
}

@media only screen and (max-width: 54em){
  .timeline-Widget{
   margin-left: 0em; 
  }
}

/* ipad - portait*/
@media only screen and (max-width: 32em){
  .timeline-Widget{
   margin-left: 0em; 
  }
}

/*/////////////////////////////////CUSTOM AD SPROCKET Layout /////////////////////////*/



  .mp-ad-sprocket{
      margin-left: 0em;
      margin-top: 0em;
      margin-bottom: 1em !important;
      text-align: center;
  }



/*/////////////////////////////////ONLINE MAG SPROCKET Layout /////////////////////////*/

/*.online-magazine-section{
  margin-left:2em;
  display: block;
}*/

.online-magazine-section--title{
    font-size: 230% !important;
    font-weight: 100;
    text-transform: normal;
    padding: 0.5em 0 0.25em 0;
    width: 100%;
    border-bottom: 1px solid #e3e26e;
    margin-bottom: .25em;
    letter-spacing: 0px;
}

.online-magazine-section--list{
  display: flex;
  flex-direction: column;
  margin: -7px 0 0 0 ;
}

/*.latest-issue{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.latest-cover{
width: 100%;
height: auto;
margin-left:-25px;
margin-top:-25px;
}
*/


@media only screen and (max-width: 48em){
  .online-magazine-section--list{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 100%;
  } 
}

@media only screen and (max-width: 32em){
  .online-magazine-section--list{
    flex-direction: column;
  } 
}


.online-magazine-section--item{
  display: flex;
  margin-bottom: 1.5em;
  background:#f3f3f3;
  justify-content: space-around;
  min-width:49%;
}

.online-magazine-section--item img{
  width: 80px;
  height: 104px;
}

.online-magazine-section--text{
  /*flex-basis: 80%;*/
  display: flex;
  flex-direction: column;
  padding: 1em;
}

.issue-number--title{
  text-transform: normal;
  font-family: "ingra",sans-serif;
  font-weight:400;
  letter-spacing: 0px;
}

.pe--button{
    background-color: #d20001;
    color: #ffffff;
    padding: .5em 1em;
    border-radius: 8px;
    margin-top:1em;
  	width: 120px;
    text-align: center;
}


@media only screen and (max-width: 32em){
  .online-magazine-section{
  margin-left:0em;
}
}

/*/////////////////////////////////CUSTOM LEADERBOARD NAV Layout /////////////////////////*/

#leaderboard_nav{
 	padding-top: 2em; 
}


/*/////////////////////////////////CUSTOM Event Layout /////////////////////////*/

#pagetype_event > #main{
    margin-top: 1.5em; 
}

#pagetype_event > #main > header > .eventinfos{
    display: flex;
    flex-direction: column;
}

#pagetype_event > #main > header > .eventinfos > p {
    margin-top: .5em;
}

#pagetype_event > #main > header > .eventinfos > p:nth-child(2) {
    order:3; 
    margin-top: 1.5em;
}

#pagetype_event > #main > header > .eventinfos > p,
#pagetype_event > #main > .eventinfos > p,
#pagetype_event > #main > .eventinfos > .mp_tag_cat_1 > span{ 
    font-size: 110%;
  margin-bottom:1em;
}

#pagetype_event > #main > header > .eventinfos > p > .buy_url > a,
#pagetype_event > #main > .eventinfos > p > .buy_url > a{ 
    background-color: #d20001;
    color: #ffffff;
    padding: .5em 1em;
    border-radius: 8px;
  margin-top: 1.5em;
  font-size: 100%;
}

#pagetype_event > #main > .eventinfos{
    padding-top:3em;
}


#pagetype_event > #main > .eventinfos > h5{
      font-size: 150%;
      font-family: "ingra", sans-serif;
      padding-bottom: .5em;
}


#pagetype_event .media-aside{
    float: left; 
    margin: 2em 0 2em 0em;
}



/*/////////////////////////////////CUSTOM Locations Layout /////////////////////////*/

.directions_from_address {
    padding-top: 1.5em;
    padding: 1.5em;
    margin-top: 2.5em;
    margin-bottom: 2em;
    border-top: 0px solid #ccc;
    background: #e3e3e3;
}

.loc_feats {
    margin-bottom: 4em;
    padding-top: 2em;
}


/*/////////////////////////////////CUSTOM Events search page /////////////////////////*/
.mp-filterbar-container {
    padding: 1.5em;
    background: #f3f3f3;
    margin-bottom: 1em;
}

.mp-filterbar-textbar > input[type="text"]{
  padding: 9px;
}

#searchform{
  padding: 0px;
}

#searchform > form > .mp-view-map{
    float: left !important;
    line-height: 100% !important;
}

a.toggle_view{
    float: left !important;
    line-height: 100% !important;
    font-size: 80%;
    background: #cccccc;
}

#event_ft_search{
    width: 85% !important;
    margin-bottom: 1em; 
}



#event_list_div > .event_result{
    border-bottom: 0px solid #ddd;
    background-color: #f3f3f3;
    padding: 1.5em;
    margin-bottom: 2em;
}

#event_list_div > .event_result > .event_info{
  width: 100% !important;
  margin-bottom: 1em;
}

#event_list_div > .event_result > .details{
  margin-left: 0;
  width: 100%;
}

#event_list_div > .event_result > .details > .description > .more_link{
	padding-bottom: 0;
}

#event_list_div > .event_result > .details > .cats{
  display: none;
}

#event_list_div > .event_result > .details > .ticket_urls{
  font-size:100%;
  margin-top: 2em;
}

#event_list_div > .event_result > .details > .ticket_urls > a{
  background-color: #d20001;
    color: #ffffff;
    padding: .5em 1em;
    border-radius: 8px;
    margin-top: 1.5em;
    font-size: 100%;
}


#event_list_div > .event_result > .event_info > .event_date{
	font-size: 100%;
}

#event_list_div > .event_result > .event_info > .event_title{
	font-size: 230%;
    font-weight: 400;
    text-transform: normal;
    /* border-bottom: 1px solid #16152d; */
       padding: 0;0
    /* border-top: 3px solid #16152d; */
    margin-bottom: 0;
    font-family: "ingra",sans-serif;
}

#side > .search_calendar{
    margin-bottom: 2.5em; 
}

#side > .search_calendar > #cal_container > .ui-datepicker > .ui-datepicker-header{
  background: #d20001;
  margin-top: 1em;
}

.ui-state-active{
   background: #d20001 !important; 
}

#side > .search_calendar > a.reset,
#side > .search_calendar > a.submit_event{
   color: #d20001 !important;
  padding: 0 !important;
  border-radius:0 !important;
  background: #ffffff !important;
  padding-left:.2em;
}

#side > .search_calendar > a.submit_event{
   float: right; 
}

#categories ul{
 	margin: 0 !important; 
}

#categories label{
    line-height: 125%  !important;
}

#categories label span{
    font-size: 120%;
    font-family: "ingra",sans-serif !important; 
}

#googlemap{
    margin-top: 0em; 
    margin-bottom: 2em;
}

#searchform select {
    margin-right: 0;
    float: right;
}



/*//////Events calendar on main events section page /////////*/

section.mp-cal > ul > li.mp-list-item.mp-event-item > div.mp-item-wrapper > div.mp-text > h3{
     margin-top: 4px;
     font-size: 150% !important;
}

.mp-cal .mp-thumb{
 margin-right: 1em; 
}


/*//////DIRECTORY SEARCH RESULTS  /////////*/

/*/////Tabs/////*/
.ui-tabs .ui-tabs-nav .ui-state-default {
    margin-left: 0px;
}

.location_listing_result{
    background: #f3f3f3 !important;
    border-color: #f3f3f3 !important;
    margin-bottom: 1em !important;
    margin-top: 1em !important;
    padding: 1.5em !important;
}

.results.listings_only .location_listing_result.featured {
    border: 10px solid #16152e !important;
}


/*/////Address section ////////*/
.loc_feats{
    margin-bottom: 4em;
    padding-top: 2em;
    padding: 02em 2em 1em 2em;
    background: #f3f3f3;
    max-width: 100%;
}

.loc_feats div {
    margin-bottom: .5em;
}

.loc_feats label {
    font-family: "ingra",sans-serif;
    font-size: 1.25em;
    font-weight: 700;
}

.loc_feats div span {
    font-size: 1.1em;
    color: #999999;
    font-weight: 400;
}

.loc_feats div a {
    font-size: 1.1em;
    font-weight: 400;
    color: #999999;
}

.mp-loc-phone, .mp-loc-fax {
    padding-bottom: 1em;
}

.mp-loc-email {
    padding-top: 1em;
}

.mp-loc-url a{
      background: #d20001;
      color: #fff !important;
  font-weight: 400 !important;
      padding: 7px 11px;
      border-radius: 10px;
      margin: 1em 0;
}

.results .loc_info{
  padding-right: 0;
  flex-basis: 100% /*to use with new HTML/CSS for listings*/;
  /*width: 100%;*/

}

.results .loc_thumb {
  flex-basis: 28%;
}

.loc_info h4{
    font-size: 230%;
    font-weight: 400;
    text-transform: normal;
    border-bottom: 0px solid #16152d;
    padding: 0;
    border-top: 0px solid #16152d;
    margin-bottom: 0;
    font-family: "ingra",sans-serif;
    font-style: normal;
}

.loc_info > p{
    color: #777;
  	font-size: 110%;
}


/* HTML/CSS for listings changed
.location_listing_result .details{
 	display: block;
    width: 100%;
    margin-left:0;
}*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #e3e26e;
}


/*////////////// Directory Social Side bar /////////*/
.sprocket_fb_like_box {
    margin-bottom: 3em;
}



/*//////GREENSOCK TEST SANDBOX/////////*/
#box {
  background-color: #88ce02;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
  z-index: 1;
}
 
.boxSmall {
  position: absolute;
  background-color: #70a40b;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 25px;
  height: 75px;
  z-index: 2;
}
 
.boxTiny {
  background-color: #577a14;
  height: 50px;
  bottom: 0;
  right: 0;
  left: auto;
  z-index: 3;
}






/*////////////////GREENSOCK//SCROLLMAGIC///////////////////*/

/*
	Containers
*/
#content-wrapper, #example-wrapper {
	height: 100%;
}
.scrollContainer {
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%
}
.scrollContainer {
	height: 100%;
	margin: auto;
}
#example-wrapper .scrollContent {
	height: 100%;
}

.horizontal.scrollContainer {
	overflow-y: hidden;
	overflow-x: scroll;
}
#example-wrapper.scrollContainer .scrollContent {
	width: 100%;
	height: auto;
}
#example-wrapper.scrollContainer.horizontal .scrollContent {
	width: auto;
	height: 100%;
}
#example-wrapper.horizontal {
	white-space: nowrap;
	font-size: 0;  /* fix for spaces between inline block divs */
}
#example-wrapper.horizontal div {
	font-size: 13px;
}
#example-wrapper .scrollContent, #example-wrapper.horizontal .scrollContent {
	font-size: 0;
}
#example-wrapper .scrollContent div {
	font-size: 13px;
}
#example-wrapper section {
}

section#titlechart {
	text-align: left;
	position: relative;
	height: 100%;
	min-height: 500px;
	min-width: 100%;
	height: 100vh;
}
.horizontal section, .horizontal section#titlechart{
	display: inline-block;
	vertical-align: top;
	height: 100%;
}
section#titlechart #description {
	top: 50%;
	left: 50%;
	position: absolute;
	width: 600px;
	height: 300px;
	margin: -150px auto auto -300px;
}
section#titlechart.home #description {
	padding-top: 0;
	padding-bottom: 100px;
}
section#titlechart #description h1 {
	margin: 0;
}
section#titlechart #description h2 {
	margin-bottom: 20px;
}
section#titlechart #description a.viewsource {
	margin-bottom: 20px;
	display: inline-block;
}
section#titlechart #description code {
	background-color: #E1F1FF;
	padding-left: 2px;
	padding-right: 2px;
	white-space: nowrap;
}

section#titlechart #description ol, section#titlechart #description p {
	text-align: left;
	max-width: 400px;
	margin: 10px auto 10px auto;
	white-space: normal;
}
section#titlechart #description ol {
	list-style-position: outside;
}
#example-wrapper section#titlechart #description:after {
	content: "↧";
	font-size: 40px;
	display: block;
}
#example-wrapper.horizontal section#titlechart #description:after {
	content: "↦";
}


section.demo * {
	font-size: 13px;
}
section.demo {
	font-size: 0;
	text-align: center;
	background-image: url("../img/example_bg_v.png");
}
section.demo.fullheight {
	min-height: 100%;
}
section.demo.doublewidth, .spacer.doublewidth {
	min-width: 200%;
}
.horizontal section.demo {
	text-align: inherit;
	white-space: nowrap;
	background-image: url("../img/example_bg_h.png");
}
.horizontal section.demo.fullwidth {
	min-width: 100%;
}
/*
	Elements
*/
h1.badge {
	/*cursor: text;*/
	pointer-events: none;
}
h1.badge:after {
	vertical-align: text-top;
	display: inline-block;
	position: absolute;
	cursor: pointer;
	margin-left: 10px;
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	font-size: 12px;
	padding: 2px 5px;
	border-radius: 10px;
	pointer-events: all;
}
h1.badge.gsap:after {
	content: "GSAP";
	background-color: #61AC27;
}
h1.badge.velocity:after {
	content: "Velocity.js";
	background-color: #f53a47;
}
.spacer {
	text-align: center;
	min-height: 100px;
	background-image: url("../img/example_bg_spacer_v.gif");
}
.spacer.s0 {
	min-height: 1px;
}
.spacer.s1 {
	min-height: 100px;
}
.spacer.s2 {
	min-height: 200px;
}
.spacer.s3 {
	min-height: 300px;
}
.spacer.s4 {
	min-height: 400px;
}
.spacer.s5 {
	min-height: 500px;
}
.spacer.s6 {
	min-height: 600px;
}
.spacer.s7 {
	min-height: 700px;
}
.spacer.s8 {
	min-height: 800px;
}
.spacer.s9 {
	min-height: 900px;
}
.spacer.s10 {
	min-height: 1000px;
}
.spacer.s_viewport {
	min-height: 100%;
}
.horizontal .spacer {
	background-image: url("../img/example_bg_spacer_h.gif");
	margin-bottom: 0;
	min-height: initial;
	min-width: 100px;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}
.horizontal .spacer.s0 {
	min-width: 1px;
}
.horizontal .spacer.s1 {
	min-width: 100px;
}
.horizontal .spacer.s2 {
	min-width: 200px;
}
.horizontal .spacer.s3 {
	min-width: 300px;
}
.horizontal .spacer.s4 {
	min-width: 400px;
}
.horizontal .spacer.s5 {
	min-width: 500px;
}
.horizontal .spacer.s6 {
	min-width: 600px;
}
.horizontal .spacer.s7 {
	min-width: 700px;
}
.horizontal .spacer.s8 {
	min-width: 800px;
}
.horizontal .spacer.s9 {
	min-width: 900px;
}
.horizontal .spacer.s10 {
	min-width: 1000px;
}
.spacer.s_viewport {
	min-width: 100%;
}

.box1, .box2, .box3 {
	display: inline-block;
	position: relative;
	border-radius: 8px;
	border: 0px solid white;
	text-align: center;
	vertical-align: middle;
	padding: 0 5px;
}
.box1 {
	min-width: 100px;
	height: 100px;
	margin: 0 auto 0 auto;
}
.box2 {
	min-width: 50px;
	height: 50px;
	margin: 25px auto 25px auto;
}
.box3 {
	min-width: 26px;
	height: 26px;
	margin: 37px auto 37px auto;
}
.horizontal .box1 {
	top: 50%;
	max-height: 100px;
	margin: -50px 0 auto 0;
}
.horizontal .box2 {
	top: 50%;
	max-height: 50px;
	margin: -25px 25px auto 25px;
}
.horizontal .box3 {
	top: 50%;
	max-height: 26px;
	margin: -13px 37px auto 37px;
}
.box1 p, .box2 p, .box3 p {
	margin: 5px 15px 5px 15px;
	font-size: 13px;
	font-weight: lighter;
	color: white;
}
.box1 p:first-child {
	margin-top: 27px;
}
.box1 a, .box2 a, .box3 a {
	color: white;
}
.box1.white *, .box2.white *, .box3.white * {
	color: #2e639e;
}
.box2.mario {
	background-color: #004fae;
	border-top: 30px solid #fc112f;
	border-bottom: 10px solid #c4723b;
}
.box3.goomba {
	min-width: 30px;
	height: 4px;
	margin-top: 75px;
	margin-left: 30px;
	margin-bottom: 25px;
	background-color: #b39475;
	border-top: 30px solid #744527;
	border-bottom: 6px solid #c4723b;
}
/*
	colors
*/

.box1.outline, .box2.outline, .box3.outline {
	border: 1px solid white;
}
.blue {
	background-color: #3883d8;
}
.turqoise {
	background-color: #38ced7;
}
.brown {
	background-color: #a66f28;
}
.bordeaux {
	background-color: #953543;
}
.skin {
	background-color: #ED9F4C;
}
.black {
	background-color: #000000;
}
.white {
	background-color: #FFFFFF;
}
.red {
	background-color: #cf3535;
}
.green {
	background-color: #22d659;
}
.orange {
	background-color: #ea6300;
}
/*
	Form
*/
form.move {
	text-align: left;
	position: fixed;
	top: 70px;
	left: 20px;
	display: block;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 4px;
	padding: 20px;
	z-index: 20;
}
html.touch form.move {
	top: 120px;
}
form > div, form > fieldset > div {
	margin: 10px 0 10px 0;
	display: block;
}
form .slider {
	min-width: 199px;
	display: inline-block;
	position: relative;
	height: 9px;
	border-right: 1px solid #2e639e;
	border-left: 1px solid #2e639e;
	vertical-align: middle;
	margin-right: 5px;
}
form .slider .trackbar {
	margin-top: 4px;
	border-top: 1px solid #2e639e;
	height: 4px;
}
form .slider .handle {
	height: 14px;
	width: 6px;
	position: absolute;
	top: -4px;
	margin-left: -4px;
	left: 0%;
	background-color: white;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #2e639e;
}
form .slider .handle:hover, form .slider.dragging .handle {
	background-color: #79b0ee;
}
form .slider + input {
	background-color: transparent;
	border: none;
	padding: 0;
}
form #options label, form #actions label, form #tweenparams label {
	min-width: 90px;
	text-align: right;
	display: inline-block;
	margin-right: 10px;
}
form #tweenparams label {
	min-width: 50px;
}
form #options button {
	width: 65px;
}
form fieldset {
	padding: 0 10px 0 10px;
	margin: 5px 0 0 0;
}
form fieldset:first-child {
	margin-top: -5px;
}
form fieldset legend {
	padding: 0 5px 0 5px;
	margin: 0;
}

.move {
	cursor: move;
}
.move * {
	cursor: auto;
}
.move label {
	cursor: default;
}

/*
	MENU
*/

ul#menu, ul#menu ul {
	list-style: none;
	padding: 0;
}

ul#menu {
	position: fixed;
	z-index: 999;
	width: 540px;
	left: 50%;
	margin: 10px auto auto -270px;
	text-align: center;
}

ul#menu > li {
	display: inline-block;
	margin: 0 5px 0 5px;
	position: relative;
	min-height: 30px;
	border-radius: 4px;
	background-color: #79b0ee;
	vertical-align: top;
	min-width: 165px;
}
ul#menu li a {
	padding: 0 5px 0 5px;
	display: block;
	text-decoration: none;
	line-height: 30px;
	color: white;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 15px;
}
ul#menu ul {
	display: none;
}

ul#menu li:hover > a, ul#menu li.current > a {
	color: #2e639e;
}

ul#menu li:hover ul, html.touch ul#menu li.open ul {
	display: block;
	width: 100%;
	padding: 5px 0 5px 0;
	border-top: 1px dashed white;
}
ul#menu ul li a {
	text-transform: none;
	font-size: 12px;
	line-height: 20px;
	font-weight: lighter;
	color: #133f71;
}
ul#menu ul li.current a {
	background-color: #FFFFFF;
}
ul#menu ul li a:hover {
	background-color: #3883d8;
	color: white;
}

.menuwrap {
	position: fixed;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.9);
	min-width: 540px;
	left: 50%;
	margin-left: -270px;
	min-height: 51px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	z-index: 99999;
	text-align: center;
	transition: top 0.5s;
	-webkit-transition: top 0.5s; /* Safari */
	transition-delay: 1s;
	-webkit-transition-delay: 1s; /* Safari */
}

#titlechart .menuwrap {
	position: absolute;
	z-index: inherit;
	background-color: transparent;
}

.menuwrap ul#menu {
	position: absolute;
}
.menuwrap > a.prev, .menuwrap > a.next {
	display: block;
	position: absolute;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 15px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	top: 11px;
	margin: 0 280px;
	box-sizing: border-box;
}
.menuwrap > a.prev:hover, .menuwrap > a.next:hover {
	text-decoration: none;
	background-color: #79b0ee;
	color: #FFFFFF;
}
.menuwrap > a.prev {
	margin-left: 0;
	padding-right: 2px;
	right: 50%;
}
.menuwrap > a.next {
	margin-right: 0;
	padding-left: 4px;
	left: 50%;
}
/*
	mobile
*/
html.touch .menuwrap {
	z-index: 999999;
	box-sizing: content-box;
	min-width: 0;
	width: 100%;
	margin: 0;
	left: 0;
	top: 0;
	height: auto;
	background-color: transparent;
}
html.touch ul#menu {
	position: static;
	margin: 100px 0 0 0;
	text-align: center;
	width: 100%;
	left: 0;
	display: none;
}
html.touch .menuwrap.open {
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	overflow: scroll;
}
html.touch .menuwrap.open ul#menu {
	display: block;
}

html.touch ul#menu > li {
	display: block;
	margin: 10px;
	height: auto;
}
html.touch ul#menu ul {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed white;
}
html.touch ul#menu li {
	padding: 10px 0;
}
html.touch ul#menu li ul li{
}
html.touch ul#menu > li a {
	color: #2e639e;
	font-size: 4em;
	line-height: 1.2em;
}
html.touch ul#menu ul li a {
	font-size: 2.5em;
	line-height: 1.2em;
}
html.touch ul#menu ul li a {
}
html.touch ul#menu ul {
	display: block;
}
html.touch ul#menu ul li.current a {
	background-color: transparent;
}
html.touch ul#menu ul li a:hover {
	background-color: transparent;
}
html.touch ul#menu ul li a:active {
	color: white;
}
html.touch .menuwrap > a.prev, html.touch .menuwrap > a.next, html.touch .menubtn {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	top: 10px;
	background-color: #3883d8;
	color: white;
	font-size: 4em;
	line-height: 1.5em;
}
html.touch .menuwrap > a.prev:active, html.touch .menuwrap > a.next:active, html.touch .menubtn:active {
	background-color: white;
	color: #3883d8;
	border: 2px solid #3883d8;
}
html.touch .menuwrap > a.prev {
	margin-right: 70px;
	padding-right: 10px; 
}
html.touch .menuwrap > a.next {
	margin-left: 70px;
	padding-left: 10px;
}
html.touch .menubtn {
	padding: 0;
	border: 0;
	position: absolute;
	left: 50%;
	margin-left: -40px;
	line-height: 0;
	outline: none;

	appearance: none;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	transition: 0.3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
html.touch .menubtn:active .button-lines, html.touch .menubtn:active .button-lines::before, html.touch .menubtn:active .button-lines::after{
	background: #3883d8;
}
html.touch .menubtn .button-lines, html.touch .menubtn .button-lines::before, html.touch .menubtn .button-lines::after {
	display: inline-block;
	height: 6px;
	width: 35px;
	border-radius: 4px;
	transition: 0.3s;
	background: #FFFFFF;
	position: relative;
	left: 0;
	top: -5px;
}
html.touch .menubtn .button-lines::before, html.touch .menubtn .button-lines::after {
	content: '';
	position: absolute;
}
html.touch .menubtn .button-lines::before {
	top: 12px;
}
html.touch .menubtn .button-lines::after {
	top: -12px;
}
html.touch .menuwrap.open .menubtn .button-lines {
	background: transparent;
}
html.touch .menuwrap.open .menubtn .button-lines::before {
	top: 0px;
	-o-transform: rotate3d(0, 0, 1, -45deg);
	-moz-transform: rotate3d(0, 0, 1, -45deg);
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	-o-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
html.touch .menuwrap.open .menubtn .button-lines::after {
	top: 0px;
	-o-transform: rotate3d(0, 0, 1, 45deg);
	-moz-transform: rotate3d(0, 0, 1, 45deg);
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	-o-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}


/*
	Codecontainer
*/
#codecontainer {
	position: fixed;
	top: 30px;
	bottom: 20px;
	right: 20px;
	left: 20px;
	background-color: white;
	border-radius: 4px;
	z-index: 99999;
	min-height: 300px;
}
#codecontainer pre {
	margin: 0;
	padding: 0;
	line-height: 16px;
	tab-size: 4;
}
#codecontainer pre .break {
	background-color: #F6F6F6;
	font-weight: bold;
	color: #aaa;
}
#codecontainer pre .break:before {
	content: "᎒"
}
#codecontainer .codewrap {
	position: absolute;
	top: 10px;
	bottom: 10px;
	width: 100%;
	overflow: hidden;
	overflow: scroll;
	white-space: nowrap;
}
#codecontainer .code, #codecontainer .linenumbers {
	min-height: 100%;
}
#codecontainer .code {
	padding: 0;
	display: inline-block;
}
#codecontainer .code {
	padding: 0 15px 10px 5px;
}
#codecontainer .linenumbers {
	float: left;
	padding: 0px 5px 0px 10px;
	color: #aaa;
	text-align: right;
	border-right: 1px solid #e5e5e5;
}
#codecontainer span.indent {
	width: 31px;
	display: inline-block;
	white-space: nowrap;
}
#codecontainer #close.button {
	position: fixed;
	top: 20px;
	right: 10px;
	width: 20px;
	height: 20px;
}
#codecontainer #select.button {
	position: fixed;
	top: 20px;
	right: 40px;
	height: 20px;
	padding: 0 10px 0 10px;
}
#codecontainer #close.button:after {
	content: "྾";
}
#codecontainer .button {
	background-color: white;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	text-align: center;
	cursor: pointer;
	color: #2e639e;
}
#codecontainer .button:hover {
	background-color: #3883d8;
	color: white;
}

/*
	OTHER
*/
a.viewsource:after {
	content: " }";
}
a.viewsource:before {
	content: "{ ";
}

#parallaxContainer {
	width: 900px;
	height: 500px;
	top: 30px;
	position: relative;
}
#parallaxContainer .layer1 {
	height: 100%;
	text-align: center;
	background-image: url("../img/example_parallax_l1.gif");
}
#parallaxContainer .layer2 {
	background-image: url("../img/example_parallax_l2.png");
	position: absolute;
	height: 139px;
	width: 100%;
	bottom: 32px
}
#parallaxContainer .layer3 {
	background-image: url("../img/example_parallax_l3.gif");
	position: absolute;
	height: 32px;
	width: 100%;
	bottom: 0px;
}
#parallaxText {
	width: 0;
	height: 100%;
	margin: auto;
	position: relative;
}
#parallaxText .layer1, #parallaxText .layer2, #parallaxText .layer3 {
	position: absolute;
	font-size: 50px;
	line-height: 50px;
	margin-left: -150px;
	margin-top: -25px;
	width: 300px;
	top: 50%;
	left: 50%;
	text-align: center;
	color: #133f71;
}
#parallaxText .layer1 {
	top: 48%;
}
#parallaxText .layer2 {
	top: 49%;
}
#parallaxText .layer3 a {
	display: block;
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
}
#parallax1 > div, #parallax2 > div, #parallax3 > div {
	-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;
}

.dynamicContent #content {
	width: 390px;
	margin: auto;
	text-align: left;
}
.dynamicContent #content .box1 {
	margin: 10px;
}

.dynamicContent #loader {
	height: 0;
	overflow: hidden;
	line-height: 60px;
}
.dynamicContent #loader.active {
	height: 60px;
}
.dynamicContent #loader img {
	vertical-align: text-bottom;
}

#customactions {
	height: 160px;
	width: 170px;
	margin: auto;
	padding-top: 40px;
	text-align: left;
}
#customactions label {
	width: 100px;
	display: inline-block;
}
#customactions code {
	color: #3883d8;
}
#customactions a.viewsource {
	margin-top: 20px;
	display: block;
	text-align: center;
}
.demo.responsiveDuration {
	position: relative;
}
.responsiveDuration .box1 {
	top: 50%;
	left: 50%;
	position: absolute;
	margin-top: -50px;
	margin-left: -50px;
}
#destroybox a {
	display: block;
	margin-top: 20px;
}
#destroybox a.disabled {
	color: #79b0ee;
}
#mobileadvanced {
	width: 150px;
	height: 150px;
}
#mobileadvanced p {
	margin-top: 50px;
}
#multiDirect {
	text-align: left;
	position: relative;
}
#multiDirect .box1 {
	left: 50vw;
	top: 200px;
	margin-left: -60px;
}
#multiDirect .box1 p:first-child {
	margin-top: 20px;
}

#imagesequence {
	height: 300px;
}

.copyright {
	font-variant: italic;
	font-size: 11px;
}

#bezier {
	overflow: hidden;
	position: relative;
}
#bezier #plane {
	position: absolute;
	left: -100px;
}
#bezier a.viewsource {
	margin: 100px;
	display: inline-block;
}

.demo#section-slides, .demo#section-wipes {
	height: 100%;
	width: 100%;
	background-image: none;
}
.demo#section-slides .panel, .demo#section-wipes .panel {
	background-image: url("../img/example_bg_spacer_v.gif");
}
.demo#section-wipes #pinContainer .turqoise, .demo#section-wipes #pinContainer .green, .demo#section-slides #slideContainer .panel {
	background-image: url("../img/example_bg_spacer_h.gif");
}
.demo#section-slides .panel > b, .demo#section-wipes .panel > b {
	font-size: 15px;
	color: white;
	position: relative;
	display: block;
	height: 0;
	overflow: visible;
	top: 50%;
}

/*

Codehighlighting
github.com style (c) Vasily Polovnyov <vast@whiteants.net>

*/

.hljs {
  display: block; padding: 0.5em;
  color: #333;
  /*background: #f8f8f8*/
}

.hljs-comment,
.hljs-template_comment,
.diff .hljs-header,
.hljs-javadoc {
  color: #998;
  font-style: italic
}

.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.javascript .hljs-title,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
  color: #333;
  font-weight: bold
}

.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
  color: #099;
}

.hljs-string,
.hljs-tag .hljs-value,
.hljs-phpdoc,
.tex .hljs-formula {
  color: #d14
}

.hljs-title,
.hljs-id,
.coffeescript .hljs-params,
.scss .hljs-preprocessor {
  color: #900;
  font-weight: bold
}

.javascript .hljs-title,
.lisp .hljs-title,
.clojure .hljs-title,
.hljs-subst {
  font-weight: normal
}

.hljs-class .hljs-title,
.haskell .hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
  color: #458;
  font-weight: bold
}

.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rules .hljs-property,
.django .hljs-tag .hljs-keyword {
  color: #000080;
  font-weight: normal
}

.hljs-attribute,
.hljs-variable,
.lisp .hljs-body {
  color: #008080
}

.hljs-regexp {
  color: #009926
}

.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
  color: #990073
}

.hljs-built_in,
.lisp .hljs-title,
.clojure .hljs-built_in {
  color: #0086b3
}

.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
  color: #999;
  font-weight: bold
}

.hljs-deletion {
  background: #fdd
}

.hljs-addition {
  background: #dfd
}

.diff .hljs-change {
  background: #0086b3
}

.hljs-chunk {
  color: #aaa
}

/* ////////////////END GREENSOCK//SCROLLMAGIC */



/* TEST LIST SPROCKET CUSTOM CLASS */
Test-custom-class{
  background-color:lime;
}

/*//////INNOVATION SPOTLIGHT SETTINGS/////////*/
#dark-background {
	background-color: #16152e;
	color: #ffffff;		
}




/*//////////// PE Modal Subs Ad - colorbox  /////////*/
/*
    Colorbox Core Style:
*/

#colorbox.subs,
#cboxOverlay,
#colorbox.subs > #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
#colorbox.subs > #cboxWrapper {
    max-width: none;
}
#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}
#colorbox.subs > #cboxWrapper > div > #cboxContent {
    position: relative;
    /* border-top: 10px solid #d20001; */
}
#colorbox.subs > #cboxWrapper > div > #cboxContent.mpn-bar {
    position: relative;
    /* border-top: 10px solid #9e90ca; */
}
#colorbox.subs > #cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#colorbox.subs > #cboxTitle {
    margin: 0;
}
#colorbox.subs > #cboxLoadingOverlay,
#colorbox.subs > #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#cboxClose{
    cursor: pointer;
}

#colorbox.subs,
#colorbox.subs > #cboxWrapper > div > #cboxContent,
#colorbox.subs > #cboxWrapper > div > #cboxContent > #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#cboxOverlay {
    background: #000000;
    opacity: 0.9;
    filter: alpha(opacity 90);
}
#colorbox.subs {
    outline: 0;
}

#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}

#cboxClose:active {
    outline: 0;
}
#cboxClose {
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(https://packagingeurope.com/downloads/3076/download/controls.png) no-repeat 0px 0;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
}

#cboxClose.mpn {
    background: url(https://packagingeurope.com/downloads/3075/download/controls-mpn-alt.png) no-repeat 0px 0;
}

#cboxClose:hover {
    background-position: 0px -40px;
}
#colorbox.subs > #modal-container {
    max-width: 600px padding: 10px;
    margin: 0 auto;
}
#colorbox.subs > #modal-container {
    max-width: 600px padding: 10px;
    margin: 0 auto;
}
#colorbox.subs > #cboxWrapper > div > #cboxContent > #cboxLoadedContent {
    padding: 0px;
    background: #ffffff;
}
@media (max-width: 600px) {
    #colorbox.subs > #cboxWrapper > div > #cboxContent > #cboxLoadedContent {
        padding: 0px;
    }
}
#colorbox.subs {
    position: relative;
    overflow: visible;
    min-height: 460px !important;
    max-height: 460px !important;
}
#colorbox.subs > #cboxWrapper {
    min-height: 460px !important;
    max-height: 460px !important;
    position: relative;
}
#colorbox.subs > #cboxWrapper > div > #cboxContent {
    min-height: 460px !important;
    max-height: 460px !important;
  background-color: transparent !important;
}

#colorbox.subs > #cboxWrapper > div > #cboxContent > #cboxLoadedContent {
  box-sizing: border-box;
    width: auto !important;
    min-height: 460px !important;
    max-height: 460px !important;
    background-color: transparent !important;
    border-radius: 25px;
}



#modal-content {
  box-sizing: box-border;
    display: none;
    width: 100% !important;
}
.modal-inner-content {
    width: 100% !important;
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    max-width: 600px;
    height: 460px;
    box-sizing: border-box;
}

.modal-left{
  width: 40% !important;
  min-width: 250px !important;
  max-height: 460px;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  background-image: -webkit-gradient(linear,left bottom,left top,from(#da1b60),to(#ff8a00));
  background-image: linear-gradient(to top,#da1b60,#ff8a00);
  position: relative;
  border-radius: 16px;
  padding: 2rem 1rem 2rem 1.5rem;
  margin: 0 1rem 0 0 !important;
  text-align: left !important;
}

p.join{
  color:white;
  font-size: 1.1rem;
  line-height: 1.25;
  margin:0;
  text-align: left !important;
}

.subscribe-panel  {
  display: block;
  text-align: left !important;
}

.subscribe-panel a{
  font-size:2.5rem;
  font-weight:900;
  color: white;
  line-height: 1.2;
  margin-bottom: .5rem;
  transition: all .5s ease-in-out;
  text-decoration: underline !important;
  text-align: left !important;
}
.subscribe-panel a:hover{
  color: rgba(255,255,255,0.75);
}
.subscribe-panel p{
  color:white;
  font-size: 1.1rem;
  line-height: 1.25;
  margin-top:1rem;
  margin-bottom: 0;
  text-align: left !important;
}

.subscribe-panel p span{
  font-weight: 700;
  text-decoration: underline;
}



.modal-right{
  width: 54%;
  max-height: 460px;
  background-image: url("https://packagingeurope.com/downloads/6023/download/popup-graphic2.png");
  background-color: #003b66;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #9e90ca;
  position: relative;
  border-radius: 16px;
  padding: 2rem;
}

.modal-title-pe {
    /*font-family: arial, sans-serif !important;
    text-transform: none;*/
    color: #222222;
    font-size: 3.65em;
    /*font-weight: 700;*/
    line-height: 1 !important;
    margin: 0px 0 10px 0;
    text-align: left;
}
@media (max-width: 600px) {
    .modal-title-pe {
        font-size: 2.5em !important;
        text-align: center;
        margin: 5px 0px 0px 0px;
    }
}

.modal-title-mpn {
    font-family: arial, sans-serif !important;
    text-transform: none;
    color: #9e90ca;
    font-size: 2.7em;
    font-weight: 700;
    line-height: 1.2 !important;
    margin: 0px 0 30px 0;
    text-align: left;
}
@media (max-width: 600px) {
    .modal-title-mpn {
        font-size: 2.5em !important;
        text-align: center;
        margin: 0px 0 0px 0;
    }
}

.modal-phone-pe {
    width: 230px;
    height: 256px;
    margin-right: 20px;
    margin-left: -25px;
    margin-top: 0px;
}
@media (max-width: 600px) {
    .modal-phone-pe {
        display: none;
    }
}

.modal-phone-mpn {
    width: 230px;
    height: 256px;
    margin-right: 30px;
    margin-left: -15px;
    margin-top: -30px;
}
@media (max-width: 600px) {
    .modal-phone-mpn {
        display: none;
    }
}

.modal-body-pe {
    color: #222222 !important;
    text-align: left !important;
    font-size: 16px;
    line-height: 1.5;
    margin: 10px 0 0px 0;
    padding: 0;
}
@media (max-width: 600px) {
    .modal-body-pe {
        text-align: center !important;
        margin-bottom: 0;
    }
}

.modal-body-mpn {
    color: #222222 !important;
    text-align: left !important;
    font-size: 16px;
    line-height: 1.5;
    margin: 10px 0 15px 0;
    padding: 0;
}
@media (max-width: 600px) {
    .modal-body-mpn {
        text-align: center !important;
        margin-bottom: 0;
    }
}


.modal-button-pe {
    transition-duration: 0.4s;
    background: #d20001;
    border: none;
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 20px 2px;
    cursor: pointer;
    padding: 1em 1em;
    border-radius: 8px;
}
.modal-button-pe:hover {
    background: #900000;
    text-decoration: none;
}
@media (max-width: 600px) {
    button.modal-button-pe {}
}

.modal-button-mpn {
    transition-duration: 0.4s;
    background: #583066;
    border: none;
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 20px 2px;
    cursor: pointer;
    padding: 1em 1em;
    border-radius: 8px;
}
.modal-button-mpn:hover {
    background: #222222;
    text-decoration: none;
}
@media (max-width: 600px) {
    button.modal-button-mpn {}
}


.modal-event-pe {
    position: absolute;
    width: 100% !important;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #9e90ca;
    color: #ffffff;
    padding: 1em 0 1.5em;
    font-size: 14px;
}
@media (max-width: 600px) {
    .modal-event-pe {
        padding: .5em 0 1em;
    }
}

.modal-event-mpn {
    position: absolute;
    width: 100% !important;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #9e90ca;
    color: #ffffff;
    padding: 1em 0 1.5em;
    font-size: 14px;
}
@media (max-width: 600px) {
    .modal-event-mpn {
        padding: .5em 0 1em;
    }
}

/*///////END PE MODAL POPUP///////////////*/










/*//////////// MPN Modal Subs Ad - colorbox  /////////*/
/*
    Colorbox Core Style:
*/
/*
#colorbox.subs,
#cboxOverlay,
#colorbox.subs > #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
#colorbox.subs > #cboxWrapper {
    max-width: none;
}
#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}
#colorbox.subs > #cboxWrapper > div > #cboxContent {
    position: relative;
    border-top: 10px solid #9e90ca;
}
#colorbox.subs > #cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#colorbox.subs > #cboxTitle {
    margin: 0;
}
#colorbox.subs > #cboxLoadingOverlay,
#colorbox.subs > #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#cboxClose{
    cursor: pointer;
}

#colorbox.subs,
#colorbox.subs > #cboxWrapper > div > #cboxContent,
#colorbox.subs > #cboxWrapper > div > #cboxContent > #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#cboxOverlay {
    background: #000000;
    opacity: 0.9;
    filter: alpha(opacity 90);
}
#colorbox.subs {
    outline: 0;
}

#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}

#cboxClose:active {
    outline: 0;
}
#cboxClose {
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(https://packagingeurope.com/downloads/3075/download/controls-mpn-alt.png) no-repeat 0px 0;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
}
#cboxClose:hover {
    background-position: 0px -40px;
}
#colorbox.subs > #modal-container {
    max-width: 600px padding: 10px;
    margin: 0 auto;
}
#colorbox.subs > #modal-container {
    max-width: 600px padding: 10px;
    margin: 0 auto;
}
#colorbox.subs > #cboxWrapper > div > #cboxContent > #cboxLoadedContent {
    padding: 20px;
    background: #ffffff;
}
@media (max-width: 600px) {
    #colorbox.subs > #cboxWrapper > div > #cboxContent > #cboxLoadedContent {
        padding: 20px;
    }
}
#colorbox.subs {
    position: relative;
    overflow: visible;
    min-height: 420px !important;
}
#colorbox.subs > #cboxWrapper {
    min-height: 420px !important;
    position: relative;
}
#colorbox.subs > #cboxWrapper > div > #cboxContent {
    min-height: 420px !important;
}

#colorbox.subs > #cboxWrapper > div > #cboxContent > #cboxLoadedContent {
    width: auto !important;
    min-height: 420px !important;
    background-color: #ffffff !important;
}

#modal-content {
    display: none;
}
.modal-inner-content {
    display: flex !important;
    flex-direction: row;
    width: 100% !important;
}
*/

/*podcast*/



.podcast-container{
  position: relative;
  background: #e1e1e1;
    border-radius: 23px;
    padding: 1.5em;
    margin-top: 2em;
}

.podcast-header{
  display: flex;
    margin: 0 auto;
    justify-content: flex-start;
    margin-top: -49px;
  margin-bottom: 30px;
}

.podcast-header img{
  width: 38%;
    height: 100%;
    /* max-width: 256px; */
    margin: 0 auto;
    text-align: center;
}

.podcast-container h2{
  margin-left: 17px;
 margin-top: 10px;
  color: #222222;
}

.podcast-container p{
  margin-left: 17px;
 margin-bottom: 10px;
}

.podcast2-container{
  background: #f1602c;
  border-bottom-left-radius: 35px;
  border-bottom-right-radius: 35px;
  
}

.podcast-header2 img{
  width: 100%;
    height: 100%;
    /* max-width: 256px; */
    margin: 0 auto;
    text-align: center;
}

.podcast2-content{
	padding: 0 1.5em 1.5em;
}

.podcast2-container h2{
  margin-left: 0px;
 margin-top: 0px;
  color: #ffffff;
  font-weight: normal;
  font-size: 2em;
}

.podcast2-container h3{
  margin-left: 0px;
 margin-top: 0px;
  color: #ffffff;
  font-weight: normal;
  font-size: 2em;
}



.podcast2-container p{
  margin-left: 0px;
 margin-top: 0px;
  margin-bottom: 10px;
  line-height: 140%;
  color: #ffffff;
}


audio{
  width: 100%;
  margin-bottom: 0px;
}

.orange-text{
  color: #f2612d !important;
}




/*///////END MPN MODAL POPUP///////////////*/



/*///////WIDER VIEW STYLES///////////////*/
/*PREPEND EVERY CLASSNAME OR ID WITH WV */

.l-wv-wrapper {
      width: 100%;
      max-width: 650px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      border: 1px solid #004E6F;

    }

.p-wv-wrapper {
      flex-direction: column;
      justify-content: center;
    }



    .l-wv-left,
    .l-wv-right {
      display: flex;
      flex-direction: column;
      padding: 1rem;
    }

    .l-wv-left {
      justify-content: space-around;
      background-color: white;
      width: 25%;
      background-image: url('https://packagingeurope.com/downloads/8465/download/BBC%20Link%20Block%20Graphic%20BG.jpg');
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
    }

.p-wv-left {
      width: 100%;
    }

    .l-wv-logo {
      width: 100%;
      max-width: 110px;
      margin: 0 auto;
    }

.p-wv-logo {
      width: 100%;
      max-width: 100px;
    align-self: center;
    margin-bottom: 16px;
    }

    .l-wv-link {
      text-align: center;
    }

    .l-wv-link a {
      font-family: "ingra", sans-serif;
      text-align: center;
      padding-top: 0em;
      padding-bottom: 2em;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 90%;
      letter-spacing: 1px;
      margin-left: 0em;
      color: #CD153E;
    }

    .l-wv-right {
      background-color: white;
      width: 75%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

.p-wv-right {
      width: 100%;
    } 

    .l-wv-companylogo {
      margin-bottom: 8px;
      width: 100%;
      max-width: 220px;
    }

.p-wv-companylogo {
 	margin-bottom: 12px; 
  max-width: 180px;
  }

    .l-wv-title a {
      text-decoration: none;
      text-align: center;
    }

	.l-wv-title  h3{
      text-align: center !important;
    }

    .l-wv-title  h3 a {
      color: #111111;
      font-size: 28px;
      line-height: 1.2;
      font-weight: 400;
      text-align: center !important;
      text-transform: normal;
      margin-bottom: 8px;
      margin-top: 16px;
      padding-right: 1em;
      text-decoration: none;
    }

.p-wv-title  h3 a {
      font-size: 25px;
    }

    .l-wv-title a:hover {
      text-decoration: underline;
    }

    .l-wv-intro p{
      font-size: 16px;
      text-align: center;
      margin-bottom: 12px;
    }

    .l-wv-storylink a {
      font-family: "ingra", sans-serif;
      text-align: center;
      padding-top: 0em;
      padding-bottom: 2em;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 90%;
      letter-spacing: 1px;
      margin-left: 0em;
      color: #d20001;
      cursor: pointer;
    }

@media only screen and (max-width: 48em){
	.l-wv-wrapper {
      flex-direction: column;
      justify-content: center;
    }
  .l-wv-left {
      width: 100%;
    }
  .l-wv-logo {
      width: 100%;
      max-width: 150px;
    align-self: center;
    margin-bottom: 16px;
    }
  .l-wv-right {
      width: 100%;
    } 
  .l-wv-companylogo {
 	margin-bottom: 12px;    
  }
}






/*///////END WIDER VIEW STYLES///////////////*/


/*Rolling content March 2020*/

#content hr {
    clear: both;
    margin-bottom: 3rem;
    margin-top: 3rem;
}

.mp-layout-container .mp-grid-12 .rolling-carousel{
   padding: 1rem; 
}

.rolling-carousel{
  border: 0px solid lime;
}

.rolling-carousel > .mp-swiper-container > .mp-swiper-pagination{
    display: none;
}

.rolling-carousel > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item{
    background-color: #d20001;
    padding: 2em;
    background-image: url(https://packagingeurope.com/downloads/7542/download/fold.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 180px 90px;
    border-top-right-radius: 45px;
    border-bottom-left-radius: 45px;
}

.rolling-carousel > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-thumb{
    padding-right: 0em;
    padding-bottom: 37%;
    width: 50%;
    /* display: inline-block; */
    border-top-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.rolling-carousel > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-thumb a{
	color: #ffffff;
}

.rolling-carousel > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text{
	display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: stretch;
    width: 50%;
    padding: 1.5em 1.5em 0 !important;
}


.rolling-carousel > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text h3{
    font-size: 240%;
	font-weight: 700;
    line-height: 1.1;
    flex:1;
    margin-bottom: 0px;
    margin-top: 0;
}

.rolling-carousel > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text h3 a{
	color: #ffffff;
}


.rolling-carousel > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text > .mp-description{
    width: 86%;
	color: #f1f1f1;
    margin-bottom: 0px;
    line-height: 1.4;
}

.rolling-carousel > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text > .mp-description >  a.mp-more-link{
    display: none !important;
}

@media only screen and (max-width: 58em){
    .rolling-carousel > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text h3{
        font-size: 175%;
    }
    .rolling-carousel > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text > .mp-description{
        font-size: 110%;
    }
}




@media only screen and (max-width: 48em){
    .rolling-carousel > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-thumb {
        width: 100%;
        padding-bottom: 74%;
    }
    .rolling-carousel > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text{
        width: 100%;
        padding: 2.5em 0em 1em !important;
    }
    .rolling-carousel > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text h3{
        font-size: 240%;
        margin-bottom: 30px;
    }
    .rolling-carousel > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text > .mp-description{
        font-size: 125%;
        width: 81%;
    }
}



@media only screen and (max-width: 32em)
    
}




/* Live week */

/*Homepage BG color*/
.mp-type-homepage{
  background-color: #002c74 !important;
}

/*Rolling content Live week*/

#content hr {
    clear: both;
    margin-bottom: 3rem;
    margin-top: 3rem;
}

.mp-layout-container .mp-grid-12 .rolling-carousel-live-week{
   padding: 1rem; 
}

.rolling-carouse-live-weekl{
  border: 0px solid lime;
}

.rolling-carousel-live-week > .mp-swiper-container > .mp-swiper-pagination{
    display: none;
}

.rolling-carousel-live-week > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item{
    background-color: #002D74;
    padding: 2em;
    background-image: url(https://packagingeurope.com/downloads/7542/download/fold.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 180px 90px;
    border-top-right-radius: 45px;
    border-bottom-left-radius: 45px;
}

.rolling-carousel-live-week > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-thumb{
    padding-right: 0em;
    padding-bottom: 37%;
    width: 50%;
    /* display: inline-block; */
    border-top-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.rolling-carousel-live-week > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-thumb a{
	color: #ffffff;
}

.rolling-carousel-live-week > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text{
	display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: stretch;
    width: 50%;
    padding: 1.5em 1.5em 0 !important;
}


.rolling-carousel-live-week > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text h3{
    color: #ffee00
  	font-size: 240%;
	font-weight: 700;
    line-height: 1.1;
    flex:1;
    margin-bottom: 0px;
    margin-top: 0;
}

.rolling-carousel-live-week > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text h3 a{
	color: #ffee00;
}


.rolling-carousel-live-week > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text > .mp-description{
    width: 86%;
	color: #f1f1f1;
    margin-bottom: 0px;
    line-height: 1.4;
}

.rolling-carousel-live-week > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text > .mp-description >  a.mp-more-link{
    display: none !important;
}

@media only screen and (max-width: 58em){
    .rolling-carousel-live-week > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text h3{
        font-size: 175%;
    }
    .rolling-carousel-live-week > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text > .mp-description{
        font-size: 110%;
    }
}




@media only screen and (max-width: 48em){
    .rolling-carousel-live-week > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-thumb {
        width: 100%;
        padding-bottom: 74%;
    }
    .rolling-carousel-live-week > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text{
        width: 100%;
        padding: 2.5em 0em 1em !important;
    }
    .rolling-carousel-live-week > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text h3{
        font-size: 240%;
        margin-bottom: 30px;
    }
    .rolling-carousel-live-week > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text > .mp-description{
        font-size: 125%;
        width: 81%;
    }
}

/* List element*/
.live-week-list > ul > li{
	background: #002c74 !important;
}

.live-week-list > ul > li > .mp-item-wrapper > .mp-text > h3 > a{
	color: #ffffff;
}

.live-week-list > ul > li > .mp-item-wrapper > .mp-text > .mp-description {
    color: #ffffff;
}

.live-week-list > ul > li > .mp-item-wrapper > .mp-text > .mp-description > .mp-more-link,
.live-week-list > ul > li > .mp-item-wrapper > .mp-text > .mp-description > .mp-more-link::before{
color: #ffee00 !important;
}




/* Live broadcast list on homepage*/

.programme-table-wrapper{
  width: 100%;
  padding: 0 1rem;
}

.programme-table-wrapper > .mp-title{
  margin:0 !important;
  padding-left:0 !important;
}


.programme-table{
 	width: 100%;
  margin:.5rem 0 !important;
  padding:0 !important;
}

.programme-table-item{
    display: flex;
    align-items: center;
    margin-bottom: .3rem;
    padding-bottom: .3rem;
    border-bottom: 1px solid #cccccc;
}

.date-time-table{
  margin-right: 1rem;
  min-width: 90px;
  line-height: 135% !important;
}

.no-margin-p{
 margin: 0 !important;
  line-height: 135% !important;
}


/*rolling-carousel-spotlight*/





.rolling-carousel-spotlight  {background-color: #16152e;
width: 100%;
    height: 355px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.rolling-carousel-spotlight > .mp-swiper-container > .mp-swiper-pagination{
    display: none;
}


.rolling-carousel-spotlight > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-thumb a{
	color: #ffffff;
}

.rolling-carousel-spotlight > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text{
	display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: stretch;
    width: auto;
    padding: 1.5em 1.5em 0 !important;
    margin-bottom: 5px;
    margin-top: 16em;
}


.rolling-carousel-spotlight > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text h3{
    font-size: 150%;
	font-weight: 700;
    line-height: 1;
    flex:1;
    
}

.rolling-carousel-spotlight > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text h3 a{
	color: #e3e26e;
}





@media screen and (max-width: 450px){
  
  .rolling-carousel-spotlight  {background-color: #16152e;
width: 100%;
    height: 355px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

  
 
  
.rolling-carousel-spotlight > .mp-swiper-container > .mp-swiper-pagination{
    display: none;
}


.rolling-carousel-spotlight > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-thumb a{
	color: #ffffff;
}

.rolling-carousel-spotlight > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text{
	display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: stretch;
    width: auto;
    padding: 1.5em 1.5em 0 !important;
    margin-bottom: 0px;
    margin-top: 0px;
}


.rolling-carousel-spotlight > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text h3{
    font-size: 150%;
	font-weight: 400;
    line-height: 1;
    flex:1;
    
}

.rolling-carousel-spotlight > .mp-swiper-container > ul.mp-swiper-wrapper > li.mp-list-item > .mp-item-wrapper > .mp-text h3 a{
	color: #e3e26e;
}

/*expander
div#GenecyDFPAdExpanderCont_138321550912_wrap {
    position: fixed;
    
    z-index: 11000;
    left: auto;
    right: -0em;
    top: 50%;
    bottom: -6.25em;
}

#gpt-passback{
position: fixed;
z-index: 11000;

right: 0.25em;
top: 50%;
bottom: 2.25em;
    width: 3.75em;
}
div.expander{
    position: fixed;
    
    z-index: 11000;
    left: auto;
    right: -0em;
    top: 50%;
    bottom: -6.25em;
  width: 3.75em;
} */